/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@angular/material/prebuilt-themes/deeppurple-amber.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color: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-ripple-element{background-color:rgba(0,0,0,.1)}html{--mat-option-selected-state-label-text-color:#673ab7;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-accent{--mat-option-selected-state-label-text-color:#ffd740}.mat-warn{--mat-option-selected-state-label-text-color:#f44336}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}.mat-pseudo-checkbox-full{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#673ab7}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#673ab7}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ffd740}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ffd740}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ffd740}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ffd740}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400}html{--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400}.mat-mdc-card{--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54)}.mat-mdc-card{--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#673ab7;--mdc-linear-progress-track-color:rgba(103, 58, 183, 0.25)}@keyframes mdc-linear-progress-buffering{}.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:rgba(103, 58, 183, 0.25);background-color:var(--mdc-linear-progress-track-color, rgba(103, 58, 183, 0.25))}@media(forced-colors: active){.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:rgba(0,0,0,0);background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(103, 58, 183, 0.25)'/%3E%3C/svg%3E")}}.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar{background-color:rgba(103, 58, 183, 0.25);background-color:var(--mdc-linear-progress-track-color, rgba(103, 58, 183, 0.25))}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ffd740;--mdc-linear-progress-track-color:rgba(255, 215, 64, 0.25)}@keyframes mdc-linear-progress-buffering{}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:rgba(255, 215, 64, 0.25);background-color:var(--mdc-linear-progress-track-color, rgba(255, 215, 64, 0.25))}@media(forced-colors: active){.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:rgba(0,0,0,0);background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 215, 64, 0.25)'/%3E%3C/svg%3E")}}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar{background-color:rgba(255, 215, 64, 0.25);background-color:var(--mdc-linear-progress-track-color, rgba(255, 215, 64, 0.25))}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}@keyframes mdc-linear-progress-buffering{}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:rgba(244, 67, 54, 0.25);background-color:var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25))}@media(forced-colors: active){.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:rgba(0,0,0,0);background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")}}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar{background-color:rgba(244, 67, 54, 0.25);background-color:var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25))}.mat-mdc-tooltip{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}.mat-mdc-tooltip{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}html{--mdc-filled-text-field-caret-color:#673ab7;--mdc-filled-text-field-focus-active-indicator-color:#673ab7;--mdc-filled-text-field-focus-label-text-color:rgba(103, 58, 183, 0.87);--mdc-filled-text-field-container-color:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#673ab7;--mdc-outlined-text-field-focus-outline-color:#673ab7;--mdc-outlined-text-field-focus-label-text-color:rgba(103, 58, 183, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38)}.mat-mdc-form-field-error{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align::before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mat-form-field-subscript-text-font);line-height:var(--mat-form-field-subscript-text-line-height);font-size:var(--mat-form-field-subscript-text-size);letter-spacing:var(--mat-form-field-subscript-text-tracking);font-weight:var(--mat-form-field-subscript-text-weight)}.mat-mdc-form-field-focus-overlay{background-color:rgba(0,0,0,.87)}.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay{opacity:.04}.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{opacity:.12}.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after{color:rgba(103,58,183,.87)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after{color:rgba(255,215,64,.87)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after{color:rgba(244,67,54,.87)}.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ffd740;--mdc-filled-text-field-focus-active-indicator-color:#ffd740;--mdc-filled-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87);--mdc-outlined-text-field-caret-color:#ffd740;--mdc-outlined-text-field-focus-outline-color:#ffd740;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87)}.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:1px solid rgba(0,0,0,0)}[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none;border-right:1px solid rgba(0,0,0,0)}.mat-mdc-form-field-infix{min-height:56px}.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:28px}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:24px;padding-bottom:8px}.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}html{--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400}html{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(103, 58, 183, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(255, 215, 64, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400}html{--mat-autocomplete-background-color:white}.mat-mdc-dialog-container{--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}.mat-mdc-dialog-container{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-focus-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#673ab7;--mdc-chip-elevated-disabled-container-color:#673ab7;--mdc-chip-focus-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:rgba(0, 0, 0, 0.87);--mdc-chip-elevated-container-color:#ffd740;--mdc-chip-elevated-disabled-container-color:#ffd740;--mdc-chip-focus-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-icon-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-icon-disabled-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-icon-selected-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-trailing-icon-trailing-icon-color:rgba(0, 0, 0, 0.87)}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}.mat-mdc-slide-toggle{--mdc-switch-selected-focus-state-layer-color:#5e35b1;--mdc-switch-selected-handle-color:#5e35b1;--mdc-switch-selected-hover-state-layer-color:#5e35b1;--mdc-switch-selected-pressed-state-layer-color:#5e35b1;--mdc-switch-selected-focus-handle-color:#311b92;--mdc-switch-selected-hover-handle-color:#311b92;--mdc-switch-selected-pressed-handle-color:#311b92;--mdc-switch-selected-focus-track-color:#9575cd;--mdc-switch-selected-hover-track-color:#9575cd;--mdc-switch-selected-pressed-track-color:#9575cd;--mdc-switch-selected-track-color:#9575cd;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-switch-handle-shadow-color:black;--mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0}.mat-mdc-slide-toggle .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-slide-toggle .mdc-switch--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#ffb300;--mdc-switch-selected-handle-color:#ffb300;--mdc-switch-selected-hover-state-layer-color:#ffb300;--mdc-switch-selected-pressed-state-layer-color:#ffb300;--mdc-switch-selected-focus-handle-color:#ff6f00;--mdc-switch-selected-hover-handle-color:#ff6f00;--mdc-switch-selected-pressed-handle-color:#ff6f00;--mdc-switch-selected-focus-track-color:#ffd54f;--mdc-switch-selected-hover-track-color:#ffd54f;--mdc-switch-selected-pressed-track-color:#ffd54f;--mdc-switch-selected-track-color:#ffd54f}.mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}.mat-mdc-slide-toggle{--mdc-switch-state-layer-size:48px}.mat-mdc-slide-toggle{--mat-slide-toggle-label-text-font:Roboto, sans-serif;--mat-slide-toggle-label-text-size:14px;--mat-slide-toggle-label-text-tracking:0.0178571429em;--mat-slide-toggle-label-text-line-height:20px;--mat-slide-toggle-label-text-weight:400}.mat-mdc-slide-toggle .mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit)}.mat-mdc-radio-button .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#673ab7;--mdc-radio-selected-hover-icon-color:#673ab7;--mdc-radio-selected-icon-color:#673ab7;--mdc-radio-selected-pressed-icon-color:#673ab7;--mat-radio-ripple-color:#000;--mat-radio-checked-ripple-color:#673ab7;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ffd740;--mdc-radio-selected-hover-icon-color:#ffd740;--mdc-radio-selected-icon-color:#ffd740;--mdc-radio-selected-pressed-icon-color:#ffd740;--mat-radio-ripple-color:#000;--mat-radio-checked-ripple-color:#ffd740;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-radio-ripple-color:#000;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button .mdc-radio{--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button .mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-slider{--mdc-slider-label-container-color:black;--mdc-slider-label-label-text-color:white;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mat-mdc-slider-value-indicator-opacity: 0.6}.mat-mdc-slider.mat-primary{--mdc-slider-handle-color:#673ab7;--mdc-slider-focus-handle-color:#673ab7;--mdc-slider-hover-handle-color:#673ab7;--mdc-slider-active-track-color:#673ab7;--mdc-slider-inactive-track-color:#673ab7;--mdc-slider-with-tick-marks-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#673ab7;--mat-mdc-slider-ripple-color: #673ab7;--mat-mdc-slider-hover-ripple-color: rgba(103, 58, 183, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(103, 58, 183, 0.2)}.mat-mdc-slider.mat-accent{--mdc-slider-handle-color:#ffd740;--mdc-slider-focus-handle-color:#ffd740;--mdc-slider-hover-handle-color:#ffd740;--mdc-slider-active-track-color:#ffd740;--mdc-slider-inactive-track-color:#ffd740;--mdc-slider-with-tick-marks-active-container-color:#000;--mdc-slider-with-tick-marks-inactive-container-color:#ffd740;--mat-mdc-slider-ripple-color: #ffd740;--mat-mdc-slider-hover-ripple-color: rgba(255, 215, 64, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(255, 215, 64, 0.2)}.mat-mdc-slider.mat-warn{--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mat-mdc-slider-ripple-color: #f44336;--mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, 0.2)}.mat-mdc-slider{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}html{--mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-container-color:white}html{--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400}.mat-mdc-list-base{--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#673ab7;--mdc-radio-selected-hover-icon-color:#673ab7;--mdc-radio-selected-icon-color:#673ab7;--mdc-radio-selected-pressed-icon-color:#673ab7}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ffd740;--mdc-radio-selected-hover-icon-color:#ffd740;--mdc-radio-selected-icon-color:#ffd740;--mdc-radio-selected-pressed-icon-color:#ffd740}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#673ab7;--mdc-checkbox-selected-hover-icon-color:#673ab7;--mdc-checkbox-selected-icon-color:#673ab7;--mdc-checkbox-selected-pressed-icon-color:#673ab7;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#673ab7;--mdc-checkbox-selected-hover-state-layer-color:#673ab7;--mdc-checkbox-selected-pressed-state-layer-color:#673ab7;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#000;--mdc-checkbox-selected-focus-icon-color:#ffd740;--mdc-checkbox-selected-hover-icon-color:#ffd740;--mdc-checkbox-selected-icon-color:#ffd740;--mdc-checkbox-selected-pressed-icon-color:#ffd740;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ffd740;--mdc-checkbox-selected-hover-state-layer-color:#ffd740;--mdc-checkbox-selected-pressed-state-layer-color:#ffd740;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text{color:#673ab7}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#673ab7}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}.mat-mdc-list-base{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}.mat-mdc-list-base{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font-size:16px;font-weight:400;line-height:28px;font-family:Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12)}html{--mat-paginator-container-size:56px}.mat-mdc-paginator .mat-mdc-form-field-infix{min-height:40px}.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:20px}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label{display:none}html{--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#673ab7;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:#000;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#673ab7;--mat-tab-header-active-ripple-color:#673ab7;--mat-tab-header-inactive-ripple-color:#673ab7;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#673ab7;--mat-tab-header-active-hover-label-text-color:#673ab7;--mat-tab-header-active-focus-indicator-color:#673ab7;--mat-tab-header-active-hover-indicator-color:#673ab7}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ffd740;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:#000;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#ffd740;--mat-tab-header-active-ripple-color:#ffd740;--mat-tab-header-inactive-ripple-color:#ffd740;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#ffd740;--mat-tab-header-active-hover-label-text-color:#ffd740;--mat-tab-header-active-focus-indicator-color:#ffd740;--mat-tab-header-active-hover-indicator-color:#ffd740}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:#000;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#673ab7;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ffd740;--mat-tab-header-with-background-foreground-color:rgba(0, 0, 0, 0.87)}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px}.mat-mdc-tab-header{--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#000;--mdc-checkbox-selected-focus-icon-color:#ffd740;--mdc-checkbox-selected-hover-icon-color:#ffd740;--mdc-checkbox-selected-icon-color:#ffd740;--mdc-checkbox-selected-pressed-icon-color:#ffd740;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ffd740;--mdc-checkbox-selected-hover-state-layer-color:#ffd740;--mdc-checkbox-selected-pressed-state-layer-color:#ffd740;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#673ab7;--mdc-checkbox-selected-hover-icon-color:#673ab7;--mdc-checkbox-selected-icon-color:#673ab7;--mdc-checkbox-selected-pressed-icon-color:#673ab7;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#673ab7;--mdc-checkbox-selected-hover-state-layer-color:#673ab7;--mdc-checkbox-selected-pressed-state-layer-color:#673ab7;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-checkbox.mat-mdc-checkbox-disabled label{color:rgba(0,0,0,.38)}html{--mdc-checkbox-state-layer-size:40px}.mat-mdc-checkbox .mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-button.mat-unthemed{--mdc-text-button-label-text-color:#000}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#673ab7}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ffd740}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336}.mat-mdc-button[disabled][disabled]{--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-text-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-mdc-unelevated-button.mat-unthemed{--mdc-filled-button-container-color:#fff;--mdc-filled-button-label-text-color:#000}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#673ab7;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ffd740;--mdc-filled-button-label-text-color:#000}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button[disabled][disabled]{--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-button-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-mdc-raised-button.mat-unthemed{--mdc-protected-button-container-color:#fff;--mdc-protected-button-label-text-color:#000}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#673ab7;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ffd740;--mdc-protected-button-label-text-color:#000}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button[disabled][disabled]{--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation:0}.mat-mdc-outlined-button{--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-unthemed{--mdc-outlined-button-label-text-color:#000}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#673ab7}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ffd740}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336}.mat-mdc-outlined-button[disabled][disabled]{--mdc-outlined-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #673ab7;--mat-mdc-button-ripple-color: rgba(103, 58, 183, 0.1)}.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ffd740;--mat-mdc-button-ripple-color: rgba(255, 215, 64, 0.1)}.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-mdc-raised-button,.mat-mdc-unelevated-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base{height:36px}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-icon-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);--mdc-icon-button-icon-color:inherit;--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-icon-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #6200ee;--mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1)}.mat-mdc-icon-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #018786;--mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1)}.mat-mdc-icon-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #b00020;--mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1)}.mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#673ab7;--mat-mdc-button-persistent-ripple-color: #673ab7;--mat-mdc-button-ripple-color: rgba(103, 58, 183, 0.1)}.mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ffd740;--mat-mdc-button-persistent-ripple-color: #ffd740;--mat-mdc-button-ripple-color: rgba(255, 215, 64, 0.1)}.mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-mdc-icon-button[disabled][disabled]{--mdc-icon-button-icon-color:rgba(0, 0, 0, 0.38);--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38)}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}.mat-mdc-fab,.mat-mdc-mini-fab{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled]{--mdc-fab-container-color:rgba(0, 0, 0, 0.12);--mdc-fab-icon-color:rgba(0, 0, 0, 0.38);--mat-mdc-fab-color: rgba(0, 0, 0, 0.38)}.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed{--mdc-fab-container-color:white;--mdc-fab-icon-color:black;--mat-mdc-fab-color: #000}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color:#673ab7;--mdc-fab-icon-color:white;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color:#ffd740;--mdc-fab-icon-color:black;--mat-mdc-fab-color: #000}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mdc-fab-container-color:#f44336;--mdc-fab-icon-color:white;--mat-mdc-fab-color: #fff}.mdc-fab--extended{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-extended-fab{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color:#ffd740}.mat-mdc-snack-bar-container{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}html{--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12)}html{--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px}html{--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color:#673ab7}.mat-mdc-progress-spinner.mat-accent{--mdc-circular-progress-active-indicator-color:#ffd740}.mat-mdc-progress-spinner.mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background-color:var(--mat-badge-background-color);color:var(--mat-badge-text-color);font-family:Roboto, sans-serif;font-family:var(--mat-badge-text-font, Roboto, sans-serif);font-size:12px;font-size:var(--mat-badge-text-size, 12px);font-weight:600;font-weight:var(--mat-badge-text-weight, 600)}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-disabled .mat-badge-content{background-color:var(--mat-badge-disabled-state-background-color);color:var(--mat-badge-disabled-state-text-color)}.mat-badge-hidden .mat-badge-content{display:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px;font-size:9px;font-size:var(--mat-badge-small-size-text-size, 9px)}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px;font-size:24px;font-size:var(--mat-badge-large-size-text-size, 24px)}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}html{--mat-badge-background-color:#673ab7;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ffd740;--mat-badge-text-color:rgba(0, 0, 0, 0.87)}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-text-font:Roboto, sans-serif;--mat-standard-button-toggle-text-font:Roboto, sans-serif}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#673ab7;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(103, 58, 183, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(103, 58, 183, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(103, 58, 183, 0.3);--mat-datepicker-toggle-active-state-icon-color:#673ab7;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(103, 58, 183, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-selected-state-background-color:#ffd740;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 215, 64, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 215, 64, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 215, 64, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 215, 64, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ffd740}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target{display:none}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}html{--mat-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#673ab7}.mat-icon.mat-accent{--mat-icon-color:#ffd740}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#673ab7;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#673ab7;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#673ab7;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-selected-state-icon-background-color:#ffd740;--mat-stepper-header-selected-state-icon-foreground-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-done-state-icon-background-color:#ffd740;--mat-stepper-header-done-state-icon-foreground-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-edit-state-icon-background-color:#ffd740;--mat-stepper-header-edit-state-icon-foreground-color:rgba(0, 0, 0, 0.87)}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}.mat-sort-header-arrow{color:#757575}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#673ab7;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ffd740;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-tree{font-family:Roboto, sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font-size:24px;font-weight:400;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font-size:20px;font-weight:500;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font-size:16px;font-weight:400;line-height:28px;font-family:Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font-size:16px;font-weight:400;line-height:24px;font-family:Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font-size:14px;font-weight:500;line-height:22px;font-family:Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font-size:14px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font-size:12px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font-size:96px;font-weight:300;line-height:96px;font-family:Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font-size:60px;font-weight:300;line-height:60px;font-family:Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font-size:48px;font-weight:400;line-height:50px;font-family:Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font-size:34px;font-weight:400;line-height:40px;font-family:Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
html,
body,
ul,
ol {
  margin: 0;
  padding: 0;
}

* {
  -webkit-tap-highlight-color: transparent;
}

html,
body {
  box-sizing: border-box;
  font-family: var(--primary-font-family) !important;
  background: var(--body-bg-color);
  font-weight: var(--font-waight-400);
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: 1.2;
  font-weight: var(--fw-500) !important;
  font-family: var(--secondary-font-family);
}

p {
  line-height: 1.2;
}

form {
  display: contents !important;
}

.skeleton {
  width: 100%;
  background: var(--skeleton-bg);
  border-radius: 10px;
  background-size: 200% 100%;
  animation: 2s wave-lines linear infinite;
}

@keyframes wave-lines {
  to {
    background-position-x: -200%;
  }
}
.candle-skeleton {
  width: 100%;
  background: var(--candle-skeleton-animation-bg);
  animation: CandleShimmer 2s infinite;
}

@keyframes CandleShimmer {
  0% {
    background-position: 0 -100%;
  }
  100% {
    background-position: 0 100%;
  }
}
.h5 {
  height: 5px !important;
}

.h10 {
  height: 10px !important;
}

.h15 {
  height: 15px !important;
}

.h20 {
  height: 20px !important;
}

.h25 {
  height: 25px !important;
}

.h30 {
  height: 30px !important;
}

.h35 {
  height: 35px !important;
}

.h40 {
  height: 40px !important;
}

.h45 {
  height: 45px !important;
}

.h50 {
  height: 50px !important;
}

.h60 {
  height: 60px !important;
}

.h70 {
  height: 70px !important;
}

.h80 {
  height: 80px !important;
}

.h90 {
  height: 90px !important;
}

.h100 {
  height: 100px !important;
}

.w10 {
  width: 10% !important;
}

.w20 {
  width: 20% !important;
}

.w25 {
  width: 25% !important;
}

.w30 {
  width: 30% !important;
}

.w40 {
  width: 40% !important;
}

.w50 {
  width: 50% !important;
}

.w60 {
  width: 60% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w80 {
  width: 80% !important;
}

.w90 {
  width: 90% !important;
}

.w100 {
  width: 100% !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.app-master-layout {
  width: 100%;
  padding: 10px;
  height: 100dvh;
  padding: 10px;
  box-sizing: border-box;
}
@media (max-width: 576px) {
  .app-master-layout {
    padding: 0px;
  }
}

.dual-panel-layout {
  width: 100%;
  height: 100%;
  background: var(--body-bg);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dual-panel-layout-content {
  flex: 1 1 auto;
  display: flex;
  gap: 10px;
  overflow: auto;
}
.dual-panel-layout-content .content-left {
  flex: 1 1 50%;
}
.dual-panel-layout-content .content-left .carousel {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
.dual-panel-layout-content .content-right {
  flex: 1 1 50%;
  padding: 0px;
  height: 100%;
}
.dual-panel-layout-content .content-right .prime-card-footer-right {
  width: 100%;
  justify-content: center;
}
.dual-panel-layout-content .content-right .prime-card-footer-right button {
  width: 200px;
}
@media (max-width: 820px) {
  .dual-panel-layout {
    gap: 0px;
  }
  .dual-panel-layout-content {
    flex-direction: column;
    gap: 0px;
  }
  .dual-panel-layout-content .content-left {
    height: calc(50vh - 20px);
  }
  .dual-panel-layout-content .content-left .carousel {
    border-radius: 0px;
  }
  .dual-panel-layout-content .content-right {
    height: auto;
    padding: 20px;
  }
  .dual-panel-layout-content .prime-card {
    border-radius: 20px !important;
    border: 1px solid var(--prime-card-border);
  }
  .dual-panel-layout-content .prime-card-glow-bottom {
    left: -100%;
    bottom: -200%;
    width: 300%;
    height: 300%;
  }
  .dual-panel-layout-content .prime-card-body {
    padding: 20px;
  }
  .dual-panel-layout-content .prime-card-body .prime-subcard {
    padding: 0px;
    background: none;
    box-shadow: none;
  }
  .dual-panel-layout-content .prime-card web-brand-logo {
    display: none;
  }
  .dual-panel-layout-content .prime-card-footer-right {
    width: 100%;
    justify-content: center;
  }
  .dual-panel-layout-content .prime-card-footer-right button {
    width: 200px;
  }
}
@media (max-width: 576px) {
  .dual-panel-layout-content .content-right {
    padding: 10px;
  }
  .dual-panel-layout-content .prime-card {
    border-radius: 20px !important;
  }
}
@media (max-width: 576px) and (max-width: 768px) {
  .dual-panel-layout-content .prime-card-glow-bottom {
    left: -50%;
    bottom: -110%;
    width: 200%;
    height: 200%;
  }
}
@media (max-width: 576px) and (max-width: 576px) {
  .dual-panel-layout-content .prime-card-glow-bottom {
    bottom: -110%;
  }
}
@media (max-width: 576px) and (max-width: 480px) {
  .dual-panel-layout-content .prime-card-glow-bottom {
    left: -50%;
    bottom: -110%;
    width: 200%;
    height: 200%;
  }
}

@keyframes waveMove {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 100%;
  }
}
.text-center {
  text-align: center !important;
}

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

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

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

.uppercase {
  text-transform: uppercase;
}

.uppercase-reset {
  text-transform: none !important;
}

.w-5 {
  width: 5%;
}

.w-10 {
  width: 10%;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-50 {
  width: 50%;
}

.w-55 {
  width: 55%;
}

.w-60 {
  width: 60%;
}

.w-65 {
  width: 65%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-85 {
  width: 85%;
}

.w-90 {
  width: 90%;
}

.w-95 {
  width: 95%;
}

.w-100 {
  width: 100%;
}

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

.p-10 {
  padding: 10px;
}

.p-20 {
  padding: 20px;
}

.mx-auto {
  margin: 0 auto;
}

.m-0 {
  margin: 0;
}

.m-5 {
  margin: 5px;
}

.m-10 {
  margin: 10px;
}

.m-15 {
  margin: 15px;
}

.m-20 {
  margin: 20px;
}

.m-30 {
  margin: 30px;
}

.m-40 {
  margin: 40px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-80 {
  margin-top: 80px;
}

.mt-auto {
  margin-top: auto;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-15 {
  margin-left: 15px;
}

.fw-100 {
  font-weight: var(--fw-100);
}

.fw-200 {
  font-weight: var(--fw-200);
}

.fw-300 {
  font-weight: var(--fw-300);
}

.fw-400 {
  font-weight: var(--fw-400);
}

.fw-500 {
  font-weight: var(--fw-500) !important;
}

.fw-600 {
  font-weight: var(--fw-600) !important;
}

.fw-700 {
  font-weight: var(--fw-700) !important;
}

.fw-800 {
  font-weight: var(--fw-800);
}

.fw-900 {
  font-weight: var(--fw-900);
}

.d-f {
  display: flex;
}

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

.fd-row-r {
  flex-direction: row-reverse;
}

.fd-col {
  flex-direction: column;
}

.fd-col-r {
  flex-direction: column-reverse;
}

.jc-fs {
  justify-content: flex-start;
}

.jc-fe {
  justify-content: flex-end;
}

.jc-c {
  justify-content: center;
}

.jc-sb {
  justify-content: space-between;
}

.jc-sa {
  justify-content: space-around;
}

.jc-se {
  justify-content: space-evenly;
}

.ai-s {
  align-items: stretch;
}

.ai-fs {
  align-items: flex-start;
}

.ai-fe {
  align-items: flex-end;
}

.ai-c {
  align-items: center;
}

.ai-b {
  align-items: baseline;
}

.fx-c {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fx-sb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fx-sa {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.fx-col {
  display: flex;
  flex-direction: column;
}

.fx-row {
  display: flex;
  flex-direction: row;
}

.fx-w {
  display: flex;
  flex-wrap: wrap;
}

.title-3xl {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text);
}

.title-muted-3xl {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-light-text);
}
.title-muted-3xl-80 {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-light-text-80);
}

.title-2xl {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text);
}
.title-2xl-80 {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text-80);
}

.title-muted-2xl {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-light-text);
}
.title-muted-2xl-80 {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-light-text-80);
}

.title-xl {
  font-size: var(--fs-xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text);
}
.title-xl-80 {
  font-size: var(--fs-xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text-80);
}
.title-xl-40 {
  font-size: var(--fs-xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text-40);
}

.title-base {
  font-size: var(--fs-base);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text);
}
.title-base-30 {
  font-size: var(--fs-base);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text-30) !important;
}
.title-base-50 {
  font-size: var(--fs-base);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text-50) !important;
}

.text-base {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.text-base-20 {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-20) !important;
}
.text-base-50 {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-50) !important;
}

.text-md {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.text-md-50 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-50);
}
.text-md-30 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-30);
}

.text-sm {
  font-size: var(--fs-sm);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.text-sm-50 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-50);
}

.link-primary-underline {
  color: var(--link-primary) !important;
  text-decoration: underline;
  cursor: pointer;
  font-weight: var(--fw-600);
}
.link-primary-underline .edit-icon,
.link-primary-underline .icon {
  height: calc(var(--fs-base) + 2px);
  vertical-align: text-bottom;
  margin-left: 5px;
}
.link-primary-underline img[alt=arrow-right-icon] {
  transition: all 0.3s ease;
  height: calc(var(--fs-base) + 4px);
  vertical-align: text-bottom;
  margin-left: 5px;
}
.link-primary-underline img[alt=arrow-right-icon]:hover {
  transform: translate(3px);
}
.link-primary-underline img[alt=download-icon] {
  transition: all 0.3s ease;
  height: calc(var(--fs-base) + 4px);
  vertical-align: text-bottom;
  margin-left: 5px;
}

.link-secondary-underline {
  color: var(--link-secondary) !important;
  text-decoration: underline;
  cursor: pointer;
  font-weight: var(--fw-600);
}
.link-secondary-underline .edit-icon {
  height: calc(var(--fs-base) + 4px);
  vertical-align: text-bottom;
  margin-left: 5px;
}

.cp {
  cursor: pointer;
}

.opacity-1 {
  opacity: 1 !important;
}

.primary-icon {
  filter: var(--primary-icon) !important;
}
.primary-icon-50 {
  filter: var(--primary-icon) !important;
  opacity: 0.5;
}

.purple-icon {
  filter: var(--purple-icon) !important;
}
.purple-icon-50 {
  filter: var(--purple-icon) !important;
  opacity: 0.5;
}

.success-icon {
  filter: var(--success-icon) !important;
}
.success-icon-50 {
  filter: var(--success-icon) !important;
  opacity: 0.5;
}

.danger-icon {
  filter: var(--danger-icon) !important;
}
.danger-icon-50 {
  filter: var(--danger-icon) !important;
  opacity: 0.5;
}

.icon-filter-none {
  filter: none !important;
}

.separator-line {
  width: 100%;
  display: block;
  margin: 10px 0px;
  height: 0.5px;
  background: var(--primary-border) !important;
  border: 0;
}

.separator-line-vertical {
  width: 1px;
  display: block;
  height: 100%;
  background: var(--primary-border) !important;
  border: 0;
}

.separator-v {
  display: block;
  border: 0;
  width: 100%;
  height: 0.5px;
  margin: 5px 0;
  background: var(--primary-border);
}

.separator-h {
  display: block;
  border: 0;
  width: 1px;
  height: 100%;
  margin: 0 5px;
  background: var(--primary-border);
}

.separator-v-10 {
  display: block;
  border: 0;
  width: 100%;
  height: 0.5px;
  margin: 5px 0;
  background: color-mix(in srgb, var(--primary-border), transparent 10%);
}

.separator-h-10 {
  display: block;
  border: 0;
  width: 1px;
  height: 100%;
  margin: 0 5px;
  background: color-mix(in srgb, var(--primary-border), transparent 10%);
}

.separator-v-20 {
  display: block;
  border: 0;
  width: 100%;
  height: 0.5px;
  margin: 5px 0;
  background: color-mix(in srgb, var(--primary-border), transparent 20%);
}

.separator-h-20 {
  display: block;
  border: 0;
  width: 1px;
  height: 100%;
  margin: 0 5px;
  background: color-mix(in srgb, var(--primary-border), transparent 20%);
}

.separator-v-30 {
  display: block;
  border: 0;
  width: 100%;
  height: 0.5px;
  margin: 5px 0;
  background: color-mix(in srgb, var(--primary-border), transparent 30%);
}

.separator-h-30 {
  display: block;
  border: 0;
  width: 1px;
  height: 100%;
  margin: 0 5px;
  background: color-mix(in srgb, var(--primary-border), transparent 30%);
}

.separator-v-40 {
  display: block;
  border: 0;
  width: 100%;
  height: 0.5px;
  margin: 5px 0;
  background: color-mix(in srgb, var(--primary-border), transparent 40%);
}

.separator-h-40 {
  display: block;
  border: 0;
  width: 1px;
  height: 100%;
  margin: 0 5px;
  background: color-mix(in srgb, var(--primary-border), transparent 40%);
}

.separator-v-50 {
  display: block;
  border: 0;
  width: 100%;
  height: 0.5px;
  margin: 5px 0;
  background: color-mix(in srgb, var(--primary-border), transparent 50%);
}

.separator-h-50 {
  display: block;
  border: 0;
  width: 1px;
  height: 100%;
  margin: 0 5px;
  background: color-mix(in srgb, var(--primary-border), transparent 50%);
}

.separator-v-60 {
  display: block;
  border: 0;
  width: 100%;
  height: 0.5px;
  margin: 5px 0;
  background: color-mix(in srgb, var(--primary-border), transparent 60%);
}

.separator-h-60 {
  display: block;
  border: 0;
  width: 1px;
  height: 100%;
  margin: 0 5px;
  background: color-mix(in srgb, var(--primary-border), transparent 60%);
}

.separator-v-70 {
  display: block;
  border: 0;
  width: 100%;
  height: 0.5px;
  margin: 5px 0;
  background: color-mix(in srgb, var(--primary-border), transparent 70%);
}

.separator-h-70 {
  display: block;
  border: 0;
  width: 1px;
  height: 100%;
  margin: 0 5px;
  background: color-mix(in srgb, var(--primary-border), transparent 70%);
}

.separator-v-80 {
  display: block;
  border: 0;
  width: 100%;
  height: 0.5px;
  margin: 5px 0;
  background: color-mix(in srgb, var(--primary-border), transparent 80%);
}

.separator-h-80 {
  display: block;
  border: 0;
  width: 1px;
  height: 100%;
  margin: 0 5px;
  background: color-mix(in srgb, var(--primary-border), transparent 80%);
}

.separator-v-90 {
  display: block;
  border: 0;
  width: 100%;
  height: 0.5px;
  margin: 5px 0;
  background: color-mix(in srgb, var(--primary-border), transparent 90%);
}

.separator-h-90 {
  display: block;
  border: 0;
  width: 1px;
  height: 100%;
  margin: 0 5px;
  background: color-mix(in srgb, var(--primary-border), transparent 90%);
}

.m-1 {
  margin: 1px;
}

.mt-1 {
  margin-top: 1px;
}

.mb-1 {
  margin-bottom: 1px;
}

.ml-1 {
  margin-left: 1px;
}

.mr-1 {
  margin-right: 1px;
}

.mx-1 {
  margin-left: 1px;
  margin-right: 1px;
}

.my-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.p-1 {
  padding: 1px;
}

.pt-1 {
  padding-top: 1px;
}

.pb-1 {
  padding-bottom: 1px;
}

.pl-1 {
  padding-left: 1px;
}

.pr-1 {
  padding-right: 1px;
}

.px-1 {
  padding-left: 1px;
  padding-right: 1px;
}

.py-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.m-2 {
  margin: 2px;
}

.mt-2 {
  margin-top: 2px;
}

.mb-2 {
  margin-bottom: 2px;
}

.ml-2 {
  margin-left: 2px;
}

.mr-2 {
  margin-right: 2px;
}

.mx-2 {
  margin-left: 2px;
  margin-right: 2px;
}

.my-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.p-2 {
  padding: 2px;
}

.pt-2 {
  padding-top: 2px;
}

.pb-2 {
  padding-bottom: 2px;
}

.pl-2 {
  padding-left: 2px;
}

.pr-2 {
  padding-right: 2px;
}

.px-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.py-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.m-3 {
  margin: 3px;
}

.mt-3 {
  margin-top: 3px;
}

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

.ml-3 {
  margin-left: 3px;
}

.mr-3 {
  margin-right: 3px;
}

.mx-3 {
  margin-left: 3px;
  margin-right: 3px;
}

.my-3 {
  margin-top: 3px;
  margin-bottom: 3px;
}

.p-3 {
  padding: 3px;
}

.pt-3 {
  padding-top: 3px;
}

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

.pl-3 {
  padding-left: 3px;
}

.pr-3 {
  padding-right: 3px;
}

.px-3 {
  padding-left: 3px;
  padding-right: 3px;
}

.py-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.m-4 {
  margin: 4px;
}

.mt-4 {
  margin-top: 4px;
}

.mb-4 {
  margin-bottom: 4px;
}

.ml-4 {
  margin-left: 4px;
}

.mr-4 {
  margin-right: 4px;
}

.mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.p-4 {
  padding: 4px;
}

.pt-4 {
  padding-top: 4px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pl-4 {
  padding-left: 4px;
}

.pr-4 {
  padding-right: 4px;
}

.px-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.m-5 {
  margin: 5px;
}

.mt-5 {
  margin-top: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.p-5 {
  padding: 5px;
}

.pt-5 {
  padding-top: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.m-6 {
  margin: 6px;
}

.mt-6 {
  margin-top: 6px;
}

.mb-6 {
  margin-bottom: 6px;
}

.ml-6 {
  margin-left: 6px;
}

.mr-6 {
  margin-right: 6px;
}

.mx-6 {
  margin-left: 6px;
  margin-right: 6px;
}

.my-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.p-6 {
  padding: 6px;
}

.pt-6 {
  padding-top: 6px;
}

.pb-6 {
  padding-bottom: 6px;
}

.pl-6 {
  padding-left: 6px;
}

.pr-6 {
  padding-right: 6px;
}

.px-6 {
  padding-left: 6px;
  padding-right: 6px;
}

.py-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.m-7 {
  margin: 7px;
}

.mt-7 {
  margin-top: 7px;
}

.mb-7 {
  margin-bottom: 7px;
}

.ml-7 {
  margin-left: 7px;
}

.mr-7 {
  margin-right: 7px;
}

.mx-7 {
  margin-left: 7px;
  margin-right: 7px;
}

.my-7 {
  margin-top: 7px;
  margin-bottom: 7px;
}

.p-7 {
  padding: 7px;
}

.pt-7 {
  padding-top: 7px;
}

.pb-7 {
  padding-bottom: 7px;
}

.pl-7 {
  padding-left: 7px;
}

.pr-7 {
  padding-right: 7px;
}

.px-7 {
  padding-left: 7px;
  padding-right: 7px;
}

.py-7 {
  padding-top: 7px;
  padding-bottom: 7px;
}

.m-8 {
  margin: 8px;
}

.mt-8 {
  margin-top: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.p-8 {
  padding: 8px;
}

.pt-8 {
  padding-top: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pl-8 {
  padding-left: 8px;
}

.pr-8 {
  padding-right: 8px;
}

.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.m-9 {
  margin: 9px;
}

.mt-9 {
  margin-top: 9px;
}

.mb-9 {
  margin-bottom: 9px;
}

.ml-9 {
  margin-left: 9px;
}

.mr-9 {
  margin-right: 9px;
}

.mx-9 {
  margin-left: 9px;
  margin-right: 9px;
}

.my-9 {
  margin-top: 9px;
  margin-bottom: 9px;
}

.p-9 {
  padding: 9px;
}

.pt-9 {
  padding-top: 9px;
}

.pb-9 {
  padding-bottom: 9px;
}

.pl-9 {
  padding-left: 9px;
}

.pr-9 {
  padding-right: 9px;
}

.px-9 {
  padding-left: 9px;
  padding-right: 9px;
}

.py-9 {
  padding-top: 9px;
  padding-bottom: 9px;
}

.m-10 {
  margin: 10px;
}

.mt-10 {
  margin-top: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.p-10 {
  padding: 10px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.m-11 {
  margin: 11px;
}

.mt-11 {
  margin-top: 11px;
}

.mb-11 {
  margin-bottom: 11px;
}

.ml-11 {
  margin-left: 11px;
}

.mr-11 {
  margin-right: 11px;
}

.mx-11 {
  margin-left: 11px;
  margin-right: 11px;
}

.my-11 {
  margin-top: 11px;
  margin-bottom: 11px;
}

.p-11 {
  padding: 11px;
}

.pt-11 {
  padding-top: 11px;
}

.pb-11 {
  padding-bottom: 11px;
}

.pl-11 {
  padding-left: 11px;
}

.pr-11 {
  padding-right: 11px;
}

.px-11 {
  padding-left: 11px;
  padding-right: 11px;
}

.py-11 {
  padding-top: 11px;
  padding-bottom: 11px;
}

.m-12 {
  margin: 12px;
}

.mt-12 {
  margin-top: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.ml-12 {
  margin-left: 12px;
}

.mr-12 {
  margin-right: 12px;
}

.mx-12 {
  margin-left: 12px;
  margin-right: 12px;
}

.my-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.p-12 {
  padding: 12px;
}

.pt-12 {
  padding-top: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pl-12 {
  padding-left: 12px;
}

.pr-12 {
  padding-right: 12px;
}

.px-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.m-13 {
  margin: 13px;
}

.mt-13 {
  margin-top: 13px;
}

.mb-13 {
  margin-bottom: 13px;
}

.ml-13 {
  margin-left: 13px;
}

.mr-13 {
  margin-right: 13px;
}

.mx-13 {
  margin-left: 13px;
  margin-right: 13px;
}

.my-13 {
  margin-top: 13px;
  margin-bottom: 13px;
}

.p-13 {
  padding: 13px;
}

.pt-13 {
  padding-top: 13px;
}

.pb-13 {
  padding-bottom: 13px;
}

.pl-13 {
  padding-left: 13px;
}

.pr-13 {
  padding-right: 13px;
}

.px-13 {
  padding-left: 13px;
  padding-right: 13px;
}

.py-13 {
  padding-top: 13px;
  padding-bottom: 13px;
}

.m-14 {
  margin: 14px;
}

.mt-14 {
  margin-top: 14px;
}

.mb-14 {
  margin-bottom: 14px;
}

.ml-14 {
  margin-left: 14px;
}

.mr-14 {
  margin-right: 14px;
}

.mx-14 {
  margin-left: 14px;
  margin-right: 14px;
}

.my-14 {
  margin-top: 14px;
  margin-bottom: 14px;
}

.p-14 {
  padding: 14px;
}

.pt-14 {
  padding-top: 14px;
}

.pb-14 {
  padding-bottom: 14px;
}

.pl-14 {
  padding-left: 14px;
}

.pr-14 {
  padding-right: 14px;
}

.px-14 {
  padding-left: 14px;
  padding-right: 14px;
}

.py-14 {
  padding-top: 14px;
  padding-bottom: 14px;
}

.m-15 {
  margin: 15px;
}

.mt-15 {
  margin-top: 15px;
}

.mb-15 {
  margin-bottom: 15px;
}

.ml-15 {
  margin-left: 15px;
}

.mr-15 {
  margin-right: 15px;
}

.mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.p-15 {
  padding: 15px;
}

.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-left: 15px;
}

.pr-15 {
  padding-right: 15px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.m-16 {
  margin: 16px;
}

.mt-16 {
  margin-top: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.mr-16 {
  margin-right: 16px;
}

.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}

.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.p-16 {
  padding: 16px;
}

.pt-16 {
  padding-top: 16px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pl-16 {
  padding-left: 16px;
}

.pr-16 {
  padding-right: 16px;
}

.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.m-17 {
  margin: 17px;
}

.mt-17 {
  margin-top: 17px;
}

.mb-17 {
  margin-bottom: 17px;
}

.ml-17 {
  margin-left: 17px;
}

.mr-17 {
  margin-right: 17px;
}

.mx-17 {
  margin-left: 17px;
  margin-right: 17px;
}

.my-17 {
  margin-top: 17px;
  margin-bottom: 17px;
}

.p-17 {
  padding: 17px;
}

.pt-17 {
  padding-top: 17px;
}

.pb-17 {
  padding-bottom: 17px;
}

.pl-17 {
  padding-left: 17px;
}

.pr-17 {
  padding-right: 17px;
}

.px-17 {
  padding-left: 17px;
  padding-right: 17px;
}

.py-17 {
  padding-top: 17px;
  padding-bottom: 17px;
}

.m-18 {
  margin: 18px;
}

.mt-18 {
  margin-top: 18px;
}

.mb-18 {
  margin-bottom: 18px;
}

.ml-18 {
  margin-left: 18px;
}

.mr-18 {
  margin-right: 18px;
}

.mx-18 {
  margin-left: 18px;
  margin-right: 18px;
}

.my-18 {
  margin-top: 18px;
  margin-bottom: 18px;
}

.p-18 {
  padding: 18px;
}

.pt-18 {
  padding-top: 18px;
}

.pb-18 {
  padding-bottom: 18px;
}

.pl-18 {
  padding-left: 18px;
}

.pr-18 {
  padding-right: 18px;
}

.px-18 {
  padding-left: 18px;
  padding-right: 18px;
}

.py-18 {
  padding-top: 18px;
  padding-bottom: 18px;
}

.m-19 {
  margin: 19px;
}

.mt-19 {
  margin-top: 19px;
}

.mb-19 {
  margin-bottom: 19px;
}

.ml-19 {
  margin-left: 19px;
}

.mr-19 {
  margin-right: 19px;
}

.mx-19 {
  margin-left: 19px;
  margin-right: 19px;
}

.my-19 {
  margin-top: 19px;
  margin-bottom: 19px;
}

.p-19 {
  padding: 19px;
}

.pt-19 {
  padding-top: 19px;
}

.pb-19 {
  padding-bottom: 19px;
}

.pl-19 {
  padding-left: 19px;
}

.pr-19 {
  padding-right: 19px;
}

.px-19 {
  padding-left: 19px;
  padding-right: 19px;
}

.py-19 {
  padding-top: 19px;
  padding-bottom: 19px;
}

.m-20 {
  margin: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.p-20 {
  padding: 20px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.m-21 {
  margin: 21px;
}

.mt-21 {
  margin-top: 21px;
}

.mb-21 {
  margin-bottom: 21px;
}

.ml-21 {
  margin-left: 21px;
}

.mr-21 {
  margin-right: 21px;
}

.mx-21 {
  margin-left: 21px;
  margin-right: 21px;
}

.my-21 {
  margin-top: 21px;
  margin-bottom: 21px;
}

.p-21 {
  padding: 21px;
}

.pt-21 {
  padding-top: 21px;
}

.pb-21 {
  padding-bottom: 21px;
}

.pl-21 {
  padding-left: 21px;
}

.pr-21 {
  padding-right: 21px;
}

.px-21 {
  padding-left: 21px;
  padding-right: 21px;
}

.py-21 {
  padding-top: 21px;
  padding-bottom: 21px;
}

.m-22 {
  margin: 22px;
}

.mt-22 {
  margin-top: 22px;
}

.mb-22 {
  margin-bottom: 22px;
}

.ml-22 {
  margin-left: 22px;
}

.mr-22 {
  margin-right: 22px;
}

.mx-22 {
  margin-left: 22px;
  margin-right: 22px;
}

.my-22 {
  margin-top: 22px;
  margin-bottom: 22px;
}

.p-22 {
  padding: 22px;
}

.pt-22 {
  padding-top: 22px;
}

.pb-22 {
  padding-bottom: 22px;
}

.pl-22 {
  padding-left: 22px;
}

.pr-22 {
  padding-right: 22px;
}

.px-22 {
  padding-left: 22px;
  padding-right: 22px;
}

.py-22 {
  padding-top: 22px;
  padding-bottom: 22px;
}

.m-23 {
  margin: 23px;
}

.mt-23 {
  margin-top: 23px;
}

.mb-23 {
  margin-bottom: 23px;
}

.ml-23 {
  margin-left: 23px;
}

.mr-23 {
  margin-right: 23px;
}

.mx-23 {
  margin-left: 23px;
  margin-right: 23px;
}

.my-23 {
  margin-top: 23px;
  margin-bottom: 23px;
}

.p-23 {
  padding: 23px;
}

.pt-23 {
  padding-top: 23px;
}

.pb-23 {
  padding-bottom: 23px;
}

.pl-23 {
  padding-left: 23px;
}

.pr-23 {
  padding-right: 23px;
}

.px-23 {
  padding-left: 23px;
  padding-right: 23px;
}

.py-23 {
  padding-top: 23px;
  padding-bottom: 23px;
}

.m-24 {
  margin: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.mx-24 {
  margin-left: 24px;
  margin-right: 24px;
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.p-24 {
  padding: 24px;
}

.pt-24 {
  padding-top: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pl-24 {
  padding-left: 24px;
}

.pr-24 {
  padding-right: 24px;
}

.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.m-25 {
  margin: 25px;
}

.mt-25 {
  margin-top: 25px;
}

.mb-25 {
  margin-bottom: 25px;
}

.ml-25 {
  margin-left: 25px;
}

.mr-25 {
  margin-right: 25px;
}

.mx-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.p-25 {
  padding: 25px;
}

.pt-25 {
  padding-top: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pl-25 {
  padding-left: 25px;
}

.pr-25 {
  padding-right: 25px;
}

.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.m-26 {
  margin: 26px;
}

.mt-26 {
  margin-top: 26px;
}

.mb-26 {
  margin-bottom: 26px;
}

.ml-26 {
  margin-left: 26px;
}

.mr-26 {
  margin-right: 26px;
}

.mx-26 {
  margin-left: 26px;
  margin-right: 26px;
}

.my-26 {
  margin-top: 26px;
  margin-bottom: 26px;
}

.p-26 {
  padding: 26px;
}

.pt-26 {
  padding-top: 26px;
}

.pb-26 {
  padding-bottom: 26px;
}

.pl-26 {
  padding-left: 26px;
}

.pr-26 {
  padding-right: 26px;
}

.px-26 {
  padding-left: 26px;
  padding-right: 26px;
}

.py-26 {
  padding-top: 26px;
  padding-bottom: 26px;
}

.m-27 {
  margin: 27px;
}

.mt-27 {
  margin-top: 27px;
}

.mb-27 {
  margin-bottom: 27px;
}

.ml-27 {
  margin-left: 27px;
}

.mr-27 {
  margin-right: 27px;
}

.mx-27 {
  margin-left: 27px;
  margin-right: 27px;
}

.my-27 {
  margin-top: 27px;
  margin-bottom: 27px;
}

.p-27 {
  padding: 27px;
}

.pt-27 {
  padding-top: 27px;
}

.pb-27 {
  padding-bottom: 27px;
}

.pl-27 {
  padding-left: 27px;
}

.pr-27 {
  padding-right: 27px;
}

.px-27 {
  padding-left: 27px;
  padding-right: 27px;
}

.py-27 {
  padding-top: 27px;
  padding-bottom: 27px;
}

.m-28 {
  margin: 28px;
}

.mt-28 {
  margin-top: 28px;
}

.mb-28 {
  margin-bottom: 28px;
}

.ml-28 {
  margin-left: 28px;
}

.mr-28 {
  margin-right: 28px;
}

.mx-28 {
  margin-left: 28px;
  margin-right: 28px;
}

.my-28 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.p-28 {
  padding: 28px;
}

.pt-28 {
  padding-top: 28px;
}

.pb-28 {
  padding-bottom: 28px;
}

.pl-28 {
  padding-left: 28px;
}

.pr-28 {
  padding-right: 28px;
}

.px-28 {
  padding-left: 28px;
  padding-right: 28px;
}

.py-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.m-29 {
  margin: 29px;
}

.mt-29 {
  margin-top: 29px;
}

.mb-29 {
  margin-bottom: 29px;
}

.ml-29 {
  margin-left: 29px;
}

.mr-29 {
  margin-right: 29px;
}

.mx-29 {
  margin-left: 29px;
  margin-right: 29px;
}

.my-29 {
  margin-top: 29px;
  margin-bottom: 29px;
}

.p-29 {
  padding: 29px;
}

.pt-29 {
  padding-top: 29px;
}

.pb-29 {
  padding-bottom: 29px;
}

.pl-29 {
  padding-left: 29px;
}

.pr-29 {
  padding-right: 29px;
}

.px-29 {
  padding-left: 29px;
  padding-right: 29px;
}

.py-29 {
  padding-top: 29px;
  padding-bottom: 29px;
}

.m-30 {
  margin: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.p-30 {
  padding: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.m-31 {
  margin: 31px;
}

.mt-31 {
  margin-top: 31px;
}

.mb-31 {
  margin-bottom: 31px;
}

.ml-31 {
  margin-left: 31px;
}

.mr-31 {
  margin-right: 31px;
}

.mx-31 {
  margin-left: 31px;
  margin-right: 31px;
}

.my-31 {
  margin-top: 31px;
  margin-bottom: 31px;
}

.p-31 {
  padding: 31px;
}

.pt-31 {
  padding-top: 31px;
}

.pb-31 {
  padding-bottom: 31px;
}

.pl-31 {
  padding-left: 31px;
}

.pr-31 {
  padding-right: 31px;
}

.px-31 {
  padding-left: 31px;
  padding-right: 31px;
}

.py-31 {
  padding-top: 31px;
  padding-bottom: 31px;
}

.m-32 {
  margin: 32px;
}

.mt-32 {
  margin-top: 32px;
}

.mb-32 {
  margin-bottom: 32px;
}

.ml-32 {
  margin-left: 32px;
}

.mr-32 {
  margin-right: 32px;
}

.mx-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.my-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.p-32 {
  padding: 32px;
}

.pt-32 {
  padding-top: 32px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pl-32 {
  padding-left: 32px;
}

.pr-32 {
  padding-right: 32px;
}

.px-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.m-33 {
  margin: 33px;
}

.mt-33 {
  margin-top: 33px;
}

.mb-33 {
  margin-bottom: 33px;
}

.ml-33 {
  margin-left: 33px;
}

.mr-33 {
  margin-right: 33px;
}

.mx-33 {
  margin-left: 33px;
  margin-right: 33px;
}

.my-33 {
  margin-top: 33px;
  margin-bottom: 33px;
}

.p-33 {
  padding: 33px;
}

.pt-33 {
  padding-top: 33px;
}

.pb-33 {
  padding-bottom: 33px;
}

.pl-33 {
  padding-left: 33px;
}

.pr-33 {
  padding-right: 33px;
}

.px-33 {
  padding-left: 33px;
  padding-right: 33px;
}

.py-33 {
  padding-top: 33px;
  padding-bottom: 33px;
}

.m-34 {
  margin: 34px;
}

.mt-34 {
  margin-top: 34px;
}

.mb-34 {
  margin-bottom: 34px;
}

.ml-34 {
  margin-left: 34px;
}

.mr-34 {
  margin-right: 34px;
}

.mx-34 {
  margin-left: 34px;
  margin-right: 34px;
}

.my-34 {
  margin-top: 34px;
  margin-bottom: 34px;
}

.p-34 {
  padding: 34px;
}

.pt-34 {
  padding-top: 34px;
}

.pb-34 {
  padding-bottom: 34px;
}

.pl-34 {
  padding-left: 34px;
}

.pr-34 {
  padding-right: 34px;
}

.px-34 {
  padding-left: 34px;
  padding-right: 34px;
}

.py-34 {
  padding-top: 34px;
  padding-bottom: 34px;
}

.m-35 {
  margin: 35px;
}

.mt-35 {
  margin-top: 35px;
}

.mb-35 {
  margin-bottom: 35px;
}

.ml-35 {
  margin-left: 35px;
}

.mr-35 {
  margin-right: 35px;
}

.mx-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.my-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.p-35 {
  padding: 35px;
}

.pt-35 {
  padding-top: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pl-35 {
  padding-left: 35px;
}

.pr-35 {
  padding-right: 35px;
}

.px-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.py-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.m-36 {
  margin: 36px;
}

.mt-36 {
  margin-top: 36px;
}

.mb-36 {
  margin-bottom: 36px;
}

.ml-36 {
  margin-left: 36px;
}

.mr-36 {
  margin-right: 36px;
}

.mx-36 {
  margin-left: 36px;
  margin-right: 36px;
}

.my-36 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.p-36 {
  padding: 36px;
}

.pt-36 {
  padding-top: 36px;
}

.pb-36 {
  padding-bottom: 36px;
}

.pl-36 {
  padding-left: 36px;
}

.pr-36 {
  padding-right: 36px;
}

.px-36 {
  padding-left: 36px;
  padding-right: 36px;
}

.py-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.m-37 {
  margin: 37px;
}

.mt-37 {
  margin-top: 37px;
}

.mb-37 {
  margin-bottom: 37px;
}

.ml-37 {
  margin-left: 37px;
}

.mr-37 {
  margin-right: 37px;
}

.mx-37 {
  margin-left: 37px;
  margin-right: 37px;
}

.my-37 {
  margin-top: 37px;
  margin-bottom: 37px;
}

.p-37 {
  padding: 37px;
}

.pt-37 {
  padding-top: 37px;
}

.pb-37 {
  padding-bottom: 37px;
}

.pl-37 {
  padding-left: 37px;
}

.pr-37 {
  padding-right: 37px;
}

.px-37 {
  padding-left: 37px;
  padding-right: 37px;
}

.py-37 {
  padding-top: 37px;
  padding-bottom: 37px;
}

.m-38 {
  margin: 38px;
}

.mt-38 {
  margin-top: 38px;
}

.mb-38 {
  margin-bottom: 38px;
}

.ml-38 {
  margin-left: 38px;
}

.mr-38 {
  margin-right: 38px;
}

.mx-38 {
  margin-left: 38px;
  margin-right: 38px;
}

.my-38 {
  margin-top: 38px;
  margin-bottom: 38px;
}

.p-38 {
  padding: 38px;
}

.pt-38 {
  padding-top: 38px;
}

.pb-38 {
  padding-bottom: 38px;
}

.pl-38 {
  padding-left: 38px;
}

.pr-38 {
  padding-right: 38px;
}

.px-38 {
  padding-left: 38px;
  padding-right: 38px;
}

.py-38 {
  padding-top: 38px;
  padding-bottom: 38px;
}

.m-39 {
  margin: 39px;
}

.mt-39 {
  margin-top: 39px;
}

.mb-39 {
  margin-bottom: 39px;
}

.ml-39 {
  margin-left: 39px;
}

.mr-39 {
  margin-right: 39px;
}

.mx-39 {
  margin-left: 39px;
  margin-right: 39px;
}

.my-39 {
  margin-top: 39px;
  margin-bottom: 39px;
}

.p-39 {
  padding: 39px;
}

.pt-39 {
  padding-top: 39px;
}

.pb-39 {
  padding-bottom: 39px;
}

.pl-39 {
  padding-left: 39px;
}

.pr-39 {
  padding-right: 39px;
}

.px-39 {
  padding-left: 39px;
  padding-right: 39px;
}

.py-39 {
  padding-top: 39px;
  padding-bottom: 39px;
}

.m-40 {
  margin: 40px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.p-40 {
  padding: 40px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.m-41 {
  margin: 41px;
}

.mt-41 {
  margin-top: 41px;
}

.mb-41 {
  margin-bottom: 41px;
}

.ml-41 {
  margin-left: 41px;
}

.mr-41 {
  margin-right: 41px;
}

.mx-41 {
  margin-left: 41px;
  margin-right: 41px;
}

.my-41 {
  margin-top: 41px;
  margin-bottom: 41px;
}

.p-41 {
  padding: 41px;
}

.pt-41 {
  padding-top: 41px;
}

.pb-41 {
  padding-bottom: 41px;
}

.pl-41 {
  padding-left: 41px;
}

.pr-41 {
  padding-right: 41px;
}

.px-41 {
  padding-left: 41px;
  padding-right: 41px;
}

.py-41 {
  padding-top: 41px;
  padding-bottom: 41px;
}

.m-42 {
  margin: 42px;
}

.mt-42 {
  margin-top: 42px;
}

.mb-42 {
  margin-bottom: 42px;
}

.ml-42 {
  margin-left: 42px;
}

.mr-42 {
  margin-right: 42px;
}

.mx-42 {
  margin-left: 42px;
  margin-right: 42px;
}

.my-42 {
  margin-top: 42px;
  margin-bottom: 42px;
}

.p-42 {
  padding: 42px;
}

.pt-42 {
  padding-top: 42px;
}

.pb-42 {
  padding-bottom: 42px;
}

.pl-42 {
  padding-left: 42px;
}

.pr-42 {
  padding-right: 42px;
}

.px-42 {
  padding-left: 42px;
  padding-right: 42px;
}

.py-42 {
  padding-top: 42px;
  padding-bottom: 42px;
}

.m-43 {
  margin: 43px;
}

.mt-43 {
  margin-top: 43px;
}

.mb-43 {
  margin-bottom: 43px;
}

.ml-43 {
  margin-left: 43px;
}

.mr-43 {
  margin-right: 43px;
}

.mx-43 {
  margin-left: 43px;
  margin-right: 43px;
}

.my-43 {
  margin-top: 43px;
  margin-bottom: 43px;
}

.p-43 {
  padding: 43px;
}

.pt-43 {
  padding-top: 43px;
}

.pb-43 {
  padding-bottom: 43px;
}

.pl-43 {
  padding-left: 43px;
}

.pr-43 {
  padding-right: 43px;
}

.px-43 {
  padding-left: 43px;
  padding-right: 43px;
}

.py-43 {
  padding-top: 43px;
  padding-bottom: 43px;
}

.m-44 {
  margin: 44px;
}

.mt-44 {
  margin-top: 44px;
}

.mb-44 {
  margin-bottom: 44px;
}

.ml-44 {
  margin-left: 44px;
}

.mr-44 {
  margin-right: 44px;
}

.mx-44 {
  margin-left: 44px;
  margin-right: 44px;
}

.my-44 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.p-44 {
  padding: 44px;
}

.pt-44 {
  padding-top: 44px;
}

.pb-44 {
  padding-bottom: 44px;
}

.pl-44 {
  padding-left: 44px;
}

.pr-44 {
  padding-right: 44px;
}

.px-44 {
  padding-left: 44px;
  padding-right: 44px;
}

.py-44 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.m-45 {
  margin: 45px;
}

.mt-45 {
  margin-top: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.mx-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.p-45 {
  padding: 45px;
}

.pt-45 {
  padding-top: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.px-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.m-46 {
  margin: 46px;
}

.mt-46 {
  margin-top: 46px;
}

.mb-46 {
  margin-bottom: 46px;
}

.ml-46 {
  margin-left: 46px;
}

.mr-46 {
  margin-right: 46px;
}

.mx-46 {
  margin-left: 46px;
  margin-right: 46px;
}

.my-46 {
  margin-top: 46px;
  margin-bottom: 46px;
}

.p-46 {
  padding: 46px;
}

.pt-46 {
  padding-top: 46px;
}

.pb-46 {
  padding-bottom: 46px;
}

.pl-46 {
  padding-left: 46px;
}

.pr-46 {
  padding-right: 46px;
}

.px-46 {
  padding-left: 46px;
  padding-right: 46px;
}

.py-46 {
  padding-top: 46px;
  padding-bottom: 46px;
}

.m-47 {
  margin: 47px;
}

.mt-47 {
  margin-top: 47px;
}

.mb-47 {
  margin-bottom: 47px;
}

.ml-47 {
  margin-left: 47px;
}

.mr-47 {
  margin-right: 47px;
}

.mx-47 {
  margin-left: 47px;
  margin-right: 47px;
}

.my-47 {
  margin-top: 47px;
  margin-bottom: 47px;
}

.p-47 {
  padding: 47px;
}

.pt-47 {
  padding-top: 47px;
}

.pb-47 {
  padding-bottom: 47px;
}

.pl-47 {
  padding-left: 47px;
}

.pr-47 {
  padding-right: 47px;
}

.px-47 {
  padding-left: 47px;
  padding-right: 47px;
}

.py-47 {
  padding-top: 47px;
  padding-bottom: 47px;
}

.m-48 {
  margin: 48px;
}

.mt-48 {
  margin-top: 48px;
}

.mb-48 {
  margin-bottom: 48px;
}

.ml-48 {
  margin-left: 48px;
}

.mr-48 {
  margin-right: 48px;
}

.mx-48 {
  margin-left: 48px;
  margin-right: 48px;
}

.my-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.p-48 {
  padding: 48px;
}

.pt-48 {
  padding-top: 48px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pl-48 {
  padding-left: 48px;
}

.pr-48 {
  padding-right: 48px;
}

.px-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.py-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.m-49 {
  margin: 49px;
}

.mt-49 {
  margin-top: 49px;
}

.mb-49 {
  margin-bottom: 49px;
}

.ml-49 {
  margin-left: 49px;
}

.mr-49 {
  margin-right: 49px;
}

.mx-49 {
  margin-left: 49px;
  margin-right: 49px;
}

.my-49 {
  margin-top: 49px;
  margin-bottom: 49px;
}

.p-49 {
  padding: 49px;
}

.pt-49 {
  padding-top: 49px;
}

.pb-49 {
  padding-bottom: 49px;
}

.pl-49 {
  padding-left: 49px;
}

.pr-49 {
  padding-right: 49px;
}

.px-49 {
  padding-left: 49px;
  padding-right: 49px;
}

.py-49 {
  padding-top: 49px;
  padding-bottom: 49px;
}

.m-50 {
  margin: 50px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.p-50 {
  padding: 50px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.m-51 {
  margin: 51px;
}

.mt-51 {
  margin-top: 51px;
}

.mb-51 {
  margin-bottom: 51px;
}

.ml-51 {
  margin-left: 51px;
}

.mr-51 {
  margin-right: 51px;
}

.mx-51 {
  margin-left: 51px;
  margin-right: 51px;
}

.my-51 {
  margin-top: 51px;
  margin-bottom: 51px;
}

.p-51 {
  padding: 51px;
}

.pt-51 {
  padding-top: 51px;
}

.pb-51 {
  padding-bottom: 51px;
}

.pl-51 {
  padding-left: 51px;
}

.pr-51 {
  padding-right: 51px;
}

.px-51 {
  padding-left: 51px;
  padding-right: 51px;
}

.py-51 {
  padding-top: 51px;
  padding-bottom: 51px;
}

.m-52 {
  margin: 52px;
}

.mt-52 {
  margin-top: 52px;
}

.mb-52 {
  margin-bottom: 52px;
}

.ml-52 {
  margin-left: 52px;
}

.mr-52 {
  margin-right: 52px;
}

.mx-52 {
  margin-left: 52px;
  margin-right: 52px;
}

.my-52 {
  margin-top: 52px;
  margin-bottom: 52px;
}

.p-52 {
  padding: 52px;
}

.pt-52 {
  padding-top: 52px;
}

.pb-52 {
  padding-bottom: 52px;
}

.pl-52 {
  padding-left: 52px;
}

.pr-52 {
  padding-right: 52px;
}

.px-52 {
  padding-left: 52px;
  padding-right: 52px;
}

.py-52 {
  padding-top: 52px;
  padding-bottom: 52px;
}

.m-53 {
  margin: 53px;
}

.mt-53 {
  margin-top: 53px;
}

.mb-53 {
  margin-bottom: 53px;
}

.ml-53 {
  margin-left: 53px;
}

.mr-53 {
  margin-right: 53px;
}

.mx-53 {
  margin-left: 53px;
  margin-right: 53px;
}

.my-53 {
  margin-top: 53px;
  margin-bottom: 53px;
}

.p-53 {
  padding: 53px;
}

.pt-53 {
  padding-top: 53px;
}

.pb-53 {
  padding-bottom: 53px;
}

.pl-53 {
  padding-left: 53px;
}

.pr-53 {
  padding-right: 53px;
}

.px-53 {
  padding-left: 53px;
  padding-right: 53px;
}

.py-53 {
  padding-top: 53px;
  padding-bottom: 53px;
}

.m-54 {
  margin: 54px;
}

.mt-54 {
  margin-top: 54px;
}

.mb-54 {
  margin-bottom: 54px;
}

.ml-54 {
  margin-left: 54px;
}

.mr-54 {
  margin-right: 54px;
}

.mx-54 {
  margin-left: 54px;
  margin-right: 54px;
}

.my-54 {
  margin-top: 54px;
  margin-bottom: 54px;
}

.p-54 {
  padding: 54px;
}

.pt-54 {
  padding-top: 54px;
}

.pb-54 {
  padding-bottom: 54px;
}

.pl-54 {
  padding-left: 54px;
}

.pr-54 {
  padding-right: 54px;
}

.px-54 {
  padding-left: 54px;
  padding-right: 54px;
}

.py-54 {
  padding-top: 54px;
  padding-bottom: 54px;
}

.m-55 {
  margin: 55px;
}

.mt-55 {
  margin-top: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.mx-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.my-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.p-55 {
  padding: 55px;
}

.pt-55 {
  padding-top: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.px-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.py-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.m-56 {
  margin: 56px;
}

.mt-56 {
  margin-top: 56px;
}

.mb-56 {
  margin-bottom: 56px;
}

.ml-56 {
  margin-left: 56px;
}

.mr-56 {
  margin-right: 56px;
}

.mx-56 {
  margin-left: 56px;
  margin-right: 56px;
}

.my-56 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.p-56 {
  padding: 56px;
}

.pt-56 {
  padding-top: 56px;
}

.pb-56 {
  padding-bottom: 56px;
}

.pl-56 {
  padding-left: 56px;
}

.pr-56 {
  padding-right: 56px;
}

.px-56 {
  padding-left: 56px;
  padding-right: 56px;
}

.py-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.m-57 {
  margin: 57px;
}

.mt-57 {
  margin-top: 57px;
}

.mb-57 {
  margin-bottom: 57px;
}

.ml-57 {
  margin-left: 57px;
}

.mr-57 {
  margin-right: 57px;
}

.mx-57 {
  margin-left: 57px;
  margin-right: 57px;
}

.my-57 {
  margin-top: 57px;
  margin-bottom: 57px;
}

.p-57 {
  padding: 57px;
}

.pt-57 {
  padding-top: 57px;
}

.pb-57 {
  padding-bottom: 57px;
}

.pl-57 {
  padding-left: 57px;
}

.pr-57 {
  padding-right: 57px;
}

.px-57 {
  padding-left: 57px;
  padding-right: 57px;
}

.py-57 {
  padding-top: 57px;
  padding-bottom: 57px;
}

.m-58 {
  margin: 58px;
}

.mt-58 {
  margin-top: 58px;
}

.mb-58 {
  margin-bottom: 58px;
}

.ml-58 {
  margin-left: 58px;
}

.mr-58 {
  margin-right: 58px;
}

.mx-58 {
  margin-left: 58px;
  margin-right: 58px;
}

.my-58 {
  margin-top: 58px;
  margin-bottom: 58px;
}

.p-58 {
  padding: 58px;
}

.pt-58 {
  padding-top: 58px;
}

.pb-58 {
  padding-bottom: 58px;
}

.pl-58 {
  padding-left: 58px;
}

.pr-58 {
  padding-right: 58px;
}

.px-58 {
  padding-left: 58px;
  padding-right: 58px;
}

.py-58 {
  padding-top: 58px;
  padding-bottom: 58px;
}

.m-59 {
  margin: 59px;
}

.mt-59 {
  margin-top: 59px;
}

.mb-59 {
  margin-bottom: 59px;
}

.ml-59 {
  margin-left: 59px;
}

.mr-59 {
  margin-right: 59px;
}

.mx-59 {
  margin-left: 59px;
  margin-right: 59px;
}

.my-59 {
  margin-top: 59px;
  margin-bottom: 59px;
}

.p-59 {
  padding: 59px;
}

.pt-59 {
  padding-top: 59px;
}

.pb-59 {
  padding-bottom: 59px;
}

.pl-59 {
  padding-left: 59px;
}

.pr-59 {
  padding-right: 59px;
}

.px-59 {
  padding-left: 59px;
  padding-right: 59px;
}

.py-59 {
  padding-top: 59px;
  padding-bottom: 59px;
}

.m-60 {
  margin: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.p-60 {
  padding: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.m-61 {
  margin: 61px;
}

.mt-61 {
  margin-top: 61px;
}

.mb-61 {
  margin-bottom: 61px;
}

.ml-61 {
  margin-left: 61px;
}

.mr-61 {
  margin-right: 61px;
}

.mx-61 {
  margin-left: 61px;
  margin-right: 61px;
}

.my-61 {
  margin-top: 61px;
  margin-bottom: 61px;
}

.p-61 {
  padding: 61px;
}

.pt-61 {
  padding-top: 61px;
}

.pb-61 {
  padding-bottom: 61px;
}

.pl-61 {
  padding-left: 61px;
}

.pr-61 {
  padding-right: 61px;
}

.px-61 {
  padding-left: 61px;
  padding-right: 61px;
}

.py-61 {
  padding-top: 61px;
  padding-bottom: 61px;
}

.m-62 {
  margin: 62px;
}

.mt-62 {
  margin-top: 62px;
}

.mb-62 {
  margin-bottom: 62px;
}

.ml-62 {
  margin-left: 62px;
}

.mr-62 {
  margin-right: 62px;
}

.mx-62 {
  margin-left: 62px;
  margin-right: 62px;
}

.my-62 {
  margin-top: 62px;
  margin-bottom: 62px;
}

.p-62 {
  padding: 62px;
}

.pt-62 {
  padding-top: 62px;
}

.pb-62 {
  padding-bottom: 62px;
}

.pl-62 {
  padding-left: 62px;
}

.pr-62 {
  padding-right: 62px;
}

.px-62 {
  padding-left: 62px;
  padding-right: 62px;
}

.py-62 {
  padding-top: 62px;
  padding-bottom: 62px;
}

.m-63 {
  margin: 63px;
}

.mt-63 {
  margin-top: 63px;
}

.mb-63 {
  margin-bottom: 63px;
}

.ml-63 {
  margin-left: 63px;
}

.mr-63 {
  margin-right: 63px;
}

.mx-63 {
  margin-left: 63px;
  margin-right: 63px;
}

.my-63 {
  margin-top: 63px;
  margin-bottom: 63px;
}

.p-63 {
  padding: 63px;
}

.pt-63 {
  padding-top: 63px;
}

.pb-63 {
  padding-bottom: 63px;
}

.pl-63 {
  padding-left: 63px;
}

.pr-63 {
  padding-right: 63px;
}

.px-63 {
  padding-left: 63px;
  padding-right: 63px;
}

.py-63 {
  padding-top: 63px;
  padding-bottom: 63px;
}

.m-64 {
  margin: 64px;
}

.mt-64 {
  margin-top: 64px;
}

.mb-64 {
  margin-bottom: 64px;
}

.ml-64 {
  margin-left: 64px;
}

.mr-64 {
  margin-right: 64px;
}

.mx-64 {
  margin-left: 64px;
  margin-right: 64px;
}

.my-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.p-64 {
  padding: 64px;
}

.pt-64 {
  padding-top: 64px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pl-64 {
  padding-left: 64px;
}

.pr-64 {
  padding-right: 64px;
}

.px-64 {
  padding-left: 64px;
  padding-right: 64px;
}

.py-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.m-65 {
  margin: 65px;
}

.mt-65 {
  margin-top: 65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.ml-65 {
  margin-left: 65px;
}

.mr-65 {
  margin-right: 65px;
}

.mx-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.my-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.p-65 {
  padding: 65px;
}

.pt-65 {
  padding-top: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pl-65 {
  padding-left: 65px;
}

.pr-65 {
  padding-right: 65px;
}

.px-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.py-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.m-66 {
  margin: 66px;
}

.mt-66 {
  margin-top: 66px;
}

.mb-66 {
  margin-bottom: 66px;
}

.ml-66 {
  margin-left: 66px;
}

.mr-66 {
  margin-right: 66px;
}

.mx-66 {
  margin-left: 66px;
  margin-right: 66px;
}

.my-66 {
  margin-top: 66px;
  margin-bottom: 66px;
}

.p-66 {
  padding: 66px;
}

.pt-66 {
  padding-top: 66px;
}

.pb-66 {
  padding-bottom: 66px;
}

.pl-66 {
  padding-left: 66px;
}

.pr-66 {
  padding-right: 66px;
}

.px-66 {
  padding-left: 66px;
  padding-right: 66px;
}

.py-66 {
  padding-top: 66px;
  padding-bottom: 66px;
}

.m-67 {
  margin: 67px;
}

.mt-67 {
  margin-top: 67px;
}

.mb-67 {
  margin-bottom: 67px;
}

.ml-67 {
  margin-left: 67px;
}

.mr-67 {
  margin-right: 67px;
}

.mx-67 {
  margin-left: 67px;
  margin-right: 67px;
}

.my-67 {
  margin-top: 67px;
  margin-bottom: 67px;
}

.p-67 {
  padding: 67px;
}

.pt-67 {
  padding-top: 67px;
}

.pb-67 {
  padding-bottom: 67px;
}

.pl-67 {
  padding-left: 67px;
}

.pr-67 {
  padding-right: 67px;
}

.px-67 {
  padding-left: 67px;
  padding-right: 67px;
}

.py-67 {
  padding-top: 67px;
  padding-bottom: 67px;
}

.m-68 {
  margin: 68px;
}

.mt-68 {
  margin-top: 68px;
}

.mb-68 {
  margin-bottom: 68px;
}

.ml-68 {
  margin-left: 68px;
}

.mr-68 {
  margin-right: 68px;
}

.mx-68 {
  margin-left: 68px;
  margin-right: 68px;
}

.my-68 {
  margin-top: 68px;
  margin-bottom: 68px;
}

.p-68 {
  padding: 68px;
}

.pt-68 {
  padding-top: 68px;
}

.pb-68 {
  padding-bottom: 68px;
}

.pl-68 {
  padding-left: 68px;
}

.pr-68 {
  padding-right: 68px;
}

.px-68 {
  padding-left: 68px;
  padding-right: 68px;
}

.py-68 {
  padding-top: 68px;
  padding-bottom: 68px;
}

.m-69 {
  margin: 69px;
}

.mt-69 {
  margin-top: 69px;
}

.mb-69 {
  margin-bottom: 69px;
}

.ml-69 {
  margin-left: 69px;
}

.mr-69 {
  margin-right: 69px;
}

.mx-69 {
  margin-left: 69px;
  margin-right: 69px;
}

.my-69 {
  margin-top: 69px;
  margin-bottom: 69px;
}

.p-69 {
  padding: 69px;
}

.pt-69 {
  padding-top: 69px;
}

.pb-69 {
  padding-bottom: 69px;
}

.pl-69 {
  padding-left: 69px;
}

.pr-69 {
  padding-right: 69px;
}

.px-69 {
  padding-left: 69px;
  padding-right: 69px;
}

.py-69 {
  padding-top: 69px;
  padding-bottom: 69px;
}

.m-70 {
  margin: 70px;
}

.mt-70 {
  margin-top: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.mx-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.my-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.p-70 {
  padding: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.px-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.m-71 {
  margin: 71px;
}

.mt-71 {
  margin-top: 71px;
}

.mb-71 {
  margin-bottom: 71px;
}

.ml-71 {
  margin-left: 71px;
}

.mr-71 {
  margin-right: 71px;
}

.mx-71 {
  margin-left: 71px;
  margin-right: 71px;
}

.my-71 {
  margin-top: 71px;
  margin-bottom: 71px;
}

.p-71 {
  padding: 71px;
}

.pt-71 {
  padding-top: 71px;
}

.pb-71 {
  padding-bottom: 71px;
}

.pl-71 {
  padding-left: 71px;
}

.pr-71 {
  padding-right: 71px;
}

.px-71 {
  padding-left: 71px;
  padding-right: 71px;
}

.py-71 {
  padding-top: 71px;
  padding-bottom: 71px;
}

.m-72 {
  margin: 72px;
}

.mt-72 {
  margin-top: 72px;
}

.mb-72 {
  margin-bottom: 72px;
}

.ml-72 {
  margin-left: 72px;
}

.mr-72 {
  margin-right: 72px;
}

.mx-72 {
  margin-left: 72px;
  margin-right: 72px;
}

.my-72 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.p-72 {
  padding: 72px;
}

.pt-72 {
  padding-top: 72px;
}

.pb-72 {
  padding-bottom: 72px;
}

.pl-72 {
  padding-left: 72px;
}

.pr-72 {
  padding-right: 72px;
}

.px-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.py-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.m-73 {
  margin: 73px;
}

.mt-73 {
  margin-top: 73px;
}

.mb-73 {
  margin-bottom: 73px;
}

.ml-73 {
  margin-left: 73px;
}

.mr-73 {
  margin-right: 73px;
}

.mx-73 {
  margin-left: 73px;
  margin-right: 73px;
}

.my-73 {
  margin-top: 73px;
  margin-bottom: 73px;
}

.p-73 {
  padding: 73px;
}

.pt-73 {
  padding-top: 73px;
}

.pb-73 {
  padding-bottom: 73px;
}

.pl-73 {
  padding-left: 73px;
}

.pr-73 {
  padding-right: 73px;
}

.px-73 {
  padding-left: 73px;
  padding-right: 73px;
}

.py-73 {
  padding-top: 73px;
  padding-bottom: 73px;
}

.m-74 {
  margin: 74px;
}

.mt-74 {
  margin-top: 74px;
}

.mb-74 {
  margin-bottom: 74px;
}

.ml-74 {
  margin-left: 74px;
}

.mr-74 {
  margin-right: 74px;
}

.mx-74 {
  margin-left: 74px;
  margin-right: 74px;
}

.my-74 {
  margin-top: 74px;
  margin-bottom: 74px;
}

.p-74 {
  padding: 74px;
}

.pt-74 {
  padding-top: 74px;
}

.pb-74 {
  padding-bottom: 74px;
}

.pl-74 {
  padding-left: 74px;
}

.pr-74 {
  padding-right: 74px;
}

.px-74 {
  padding-left: 74px;
  padding-right: 74px;
}

.py-74 {
  padding-top: 74px;
  padding-bottom: 74px;
}

.m-75 {
  margin: 75px;
}

.mt-75 {
  margin-top: 75px;
}

.mb-75 {
  margin-bottom: 75px;
}

.ml-75 {
  margin-left: 75px;
}

.mr-75 {
  margin-right: 75px;
}

.mx-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.my-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.p-75 {
  padding: 75px;
}

.pt-75 {
  padding-top: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pl-75 {
  padding-left: 75px;
}

.pr-75 {
  padding-right: 75px;
}

.px-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.py-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.m-76 {
  margin: 76px;
}

.mt-76 {
  margin-top: 76px;
}

.mb-76 {
  margin-bottom: 76px;
}

.ml-76 {
  margin-left: 76px;
}

.mr-76 {
  margin-right: 76px;
}

.mx-76 {
  margin-left: 76px;
  margin-right: 76px;
}

.my-76 {
  margin-top: 76px;
  margin-bottom: 76px;
}

.p-76 {
  padding: 76px;
}

.pt-76 {
  padding-top: 76px;
}

.pb-76 {
  padding-bottom: 76px;
}

.pl-76 {
  padding-left: 76px;
}

.pr-76 {
  padding-right: 76px;
}

.px-76 {
  padding-left: 76px;
  padding-right: 76px;
}

.py-76 {
  padding-top: 76px;
  padding-bottom: 76px;
}

.m-77 {
  margin: 77px;
}

.mt-77 {
  margin-top: 77px;
}

.mb-77 {
  margin-bottom: 77px;
}

.ml-77 {
  margin-left: 77px;
}

.mr-77 {
  margin-right: 77px;
}

.mx-77 {
  margin-left: 77px;
  margin-right: 77px;
}

.my-77 {
  margin-top: 77px;
  margin-bottom: 77px;
}

.p-77 {
  padding: 77px;
}

.pt-77 {
  padding-top: 77px;
}

.pb-77 {
  padding-bottom: 77px;
}

.pl-77 {
  padding-left: 77px;
}

.pr-77 {
  padding-right: 77px;
}

.px-77 {
  padding-left: 77px;
  padding-right: 77px;
}

.py-77 {
  padding-top: 77px;
  padding-bottom: 77px;
}

.m-78 {
  margin: 78px;
}

.mt-78 {
  margin-top: 78px;
}

.mb-78 {
  margin-bottom: 78px;
}

.ml-78 {
  margin-left: 78px;
}

.mr-78 {
  margin-right: 78px;
}

.mx-78 {
  margin-left: 78px;
  margin-right: 78px;
}

.my-78 {
  margin-top: 78px;
  margin-bottom: 78px;
}

.p-78 {
  padding: 78px;
}

.pt-78 {
  padding-top: 78px;
}

.pb-78 {
  padding-bottom: 78px;
}

.pl-78 {
  padding-left: 78px;
}

.pr-78 {
  padding-right: 78px;
}

.px-78 {
  padding-left: 78px;
  padding-right: 78px;
}

.py-78 {
  padding-top: 78px;
  padding-bottom: 78px;
}

.m-79 {
  margin: 79px;
}

.mt-79 {
  margin-top: 79px;
}

.mb-79 {
  margin-bottom: 79px;
}

.ml-79 {
  margin-left: 79px;
}

.mr-79 {
  margin-right: 79px;
}

.mx-79 {
  margin-left: 79px;
  margin-right: 79px;
}

.my-79 {
  margin-top: 79px;
  margin-bottom: 79px;
}

.p-79 {
  padding: 79px;
}

.pt-79 {
  padding-top: 79px;
}

.pb-79 {
  padding-bottom: 79px;
}

.pl-79 {
  padding-left: 79px;
}

.pr-79 {
  padding-right: 79px;
}

.px-79 {
  padding-left: 79px;
  padding-right: 79px;
}

.py-79 {
  padding-top: 79px;
  padding-bottom: 79px;
}

.m-80 {
  margin: 80px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.p-80 {
  padding: 80px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.m-81 {
  margin: 81px;
}

.mt-81 {
  margin-top: 81px;
}

.mb-81 {
  margin-bottom: 81px;
}

.ml-81 {
  margin-left: 81px;
}

.mr-81 {
  margin-right: 81px;
}

.mx-81 {
  margin-left: 81px;
  margin-right: 81px;
}

.my-81 {
  margin-top: 81px;
  margin-bottom: 81px;
}

.p-81 {
  padding: 81px;
}

.pt-81 {
  padding-top: 81px;
}

.pb-81 {
  padding-bottom: 81px;
}

.pl-81 {
  padding-left: 81px;
}

.pr-81 {
  padding-right: 81px;
}

.px-81 {
  padding-left: 81px;
  padding-right: 81px;
}

.py-81 {
  padding-top: 81px;
  padding-bottom: 81px;
}

.m-82 {
  margin: 82px;
}

.mt-82 {
  margin-top: 82px;
}

.mb-82 {
  margin-bottom: 82px;
}

.ml-82 {
  margin-left: 82px;
}

.mr-82 {
  margin-right: 82px;
}

.mx-82 {
  margin-left: 82px;
  margin-right: 82px;
}

.my-82 {
  margin-top: 82px;
  margin-bottom: 82px;
}

.p-82 {
  padding: 82px;
}

.pt-82 {
  padding-top: 82px;
}

.pb-82 {
  padding-bottom: 82px;
}

.pl-82 {
  padding-left: 82px;
}

.pr-82 {
  padding-right: 82px;
}

.px-82 {
  padding-left: 82px;
  padding-right: 82px;
}

.py-82 {
  padding-top: 82px;
  padding-bottom: 82px;
}

.m-83 {
  margin: 83px;
}

.mt-83 {
  margin-top: 83px;
}

.mb-83 {
  margin-bottom: 83px;
}

.ml-83 {
  margin-left: 83px;
}

.mr-83 {
  margin-right: 83px;
}

.mx-83 {
  margin-left: 83px;
  margin-right: 83px;
}

.my-83 {
  margin-top: 83px;
  margin-bottom: 83px;
}

.p-83 {
  padding: 83px;
}

.pt-83 {
  padding-top: 83px;
}

.pb-83 {
  padding-bottom: 83px;
}

.pl-83 {
  padding-left: 83px;
}

.pr-83 {
  padding-right: 83px;
}

.px-83 {
  padding-left: 83px;
  padding-right: 83px;
}

.py-83 {
  padding-top: 83px;
  padding-bottom: 83px;
}

.m-84 {
  margin: 84px;
}

.mt-84 {
  margin-top: 84px;
}

.mb-84 {
  margin-bottom: 84px;
}

.ml-84 {
  margin-left: 84px;
}

.mr-84 {
  margin-right: 84px;
}

.mx-84 {
  margin-left: 84px;
  margin-right: 84px;
}

.my-84 {
  margin-top: 84px;
  margin-bottom: 84px;
}

.p-84 {
  padding: 84px;
}

.pt-84 {
  padding-top: 84px;
}

.pb-84 {
  padding-bottom: 84px;
}

.pl-84 {
  padding-left: 84px;
}

.pr-84 {
  padding-right: 84px;
}

.px-84 {
  padding-left: 84px;
  padding-right: 84px;
}

.py-84 {
  padding-top: 84px;
  padding-bottom: 84px;
}

.m-85 {
  margin: 85px;
}

.mt-85 {
  margin-top: 85px;
}

.mb-85 {
  margin-bottom: 85px;
}

.ml-85 {
  margin-left: 85px;
}

.mr-85 {
  margin-right: 85px;
}

.mx-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.my-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.p-85 {
  padding: 85px;
}

.pt-85 {
  padding-top: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pl-85 {
  padding-left: 85px;
}

.pr-85 {
  padding-right: 85px;
}

.px-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.py-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.m-86 {
  margin: 86px;
}

.mt-86 {
  margin-top: 86px;
}

.mb-86 {
  margin-bottom: 86px;
}

.ml-86 {
  margin-left: 86px;
}

.mr-86 {
  margin-right: 86px;
}

.mx-86 {
  margin-left: 86px;
  margin-right: 86px;
}

.my-86 {
  margin-top: 86px;
  margin-bottom: 86px;
}

.p-86 {
  padding: 86px;
}

.pt-86 {
  padding-top: 86px;
}

.pb-86 {
  padding-bottom: 86px;
}

.pl-86 {
  padding-left: 86px;
}

.pr-86 {
  padding-right: 86px;
}

.px-86 {
  padding-left: 86px;
  padding-right: 86px;
}

.py-86 {
  padding-top: 86px;
  padding-bottom: 86px;
}

.m-87 {
  margin: 87px;
}

.mt-87 {
  margin-top: 87px;
}

.mb-87 {
  margin-bottom: 87px;
}

.ml-87 {
  margin-left: 87px;
}

.mr-87 {
  margin-right: 87px;
}

.mx-87 {
  margin-left: 87px;
  margin-right: 87px;
}

.my-87 {
  margin-top: 87px;
  margin-bottom: 87px;
}

.p-87 {
  padding: 87px;
}

.pt-87 {
  padding-top: 87px;
}

.pb-87 {
  padding-bottom: 87px;
}

.pl-87 {
  padding-left: 87px;
}

.pr-87 {
  padding-right: 87px;
}

.px-87 {
  padding-left: 87px;
  padding-right: 87px;
}

.py-87 {
  padding-top: 87px;
  padding-bottom: 87px;
}

.m-88 {
  margin: 88px;
}

.mt-88 {
  margin-top: 88px;
}

.mb-88 {
  margin-bottom: 88px;
}

.ml-88 {
  margin-left: 88px;
}

.mr-88 {
  margin-right: 88px;
}

.mx-88 {
  margin-left: 88px;
  margin-right: 88px;
}

.my-88 {
  margin-top: 88px;
  margin-bottom: 88px;
}

.p-88 {
  padding: 88px;
}

.pt-88 {
  padding-top: 88px;
}

.pb-88 {
  padding-bottom: 88px;
}

.pl-88 {
  padding-left: 88px;
}

.pr-88 {
  padding-right: 88px;
}

.px-88 {
  padding-left: 88px;
  padding-right: 88px;
}

.py-88 {
  padding-top: 88px;
  padding-bottom: 88px;
}

.m-89 {
  margin: 89px;
}

.mt-89 {
  margin-top: 89px;
}

.mb-89 {
  margin-bottom: 89px;
}

.ml-89 {
  margin-left: 89px;
}

.mr-89 {
  margin-right: 89px;
}

.mx-89 {
  margin-left: 89px;
  margin-right: 89px;
}

.my-89 {
  margin-top: 89px;
  margin-bottom: 89px;
}

.p-89 {
  padding: 89px;
}

.pt-89 {
  padding-top: 89px;
}

.pb-89 {
  padding-bottom: 89px;
}

.pl-89 {
  padding-left: 89px;
}

.pr-89 {
  padding-right: 89px;
}

.px-89 {
  padding-left: 89px;
  padding-right: 89px;
}

.py-89 {
  padding-top: 89px;
  padding-bottom: 89px;
}

.m-90 {
  margin: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.mx-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.p-90 {
  padding: 90px;
}

.pt-90 {
  padding-top: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.px-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.m-91 {
  margin: 91px;
}

.mt-91 {
  margin-top: 91px;
}

.mb-91 {
  margin-bottom: 91px;
}

.ml-91 {
  margin-left: 91px;
}

.mr-91 {
  margin-right: 91px;
}

.mx-91 {
  margin-left: 91px;
  margin-right: 91px;
}

.my-91 {
  margin-top: 91px;
  margin-bottom: 91px;
}

.p-91 {
  padding: 91px;
}

.pt-91 {
  padding-top: 91px;
}

.pb-91 {
  padding-bottom: 91px;
}

.pl-91 {
  padding-left: 91px;
}

.pr-91 {
  padding-right: 91px;
}

.px-91 {
  padding-left: 91px;
  padding-right: 91px;
}

.py-91 {
  padding-top: 91px;
  padding-bottom: 91px;
}

.m-92 {
  margin: 92px;
}

.mt-92 {
  margin-top: 92px;
}

.mb-92 {
  margin-bottom: 92px;
}

.ml-92 {
  margin-left: 92px;
}

.mr-92 {
  margin-right: 92px;
}

.mx-92 {
  margin-left: 92px;
  margin-right: 92px;
}

.my-92 {
  margin-top: 92px;
  margin-bottom: 92px;
}

.p-92 {
  padding: 92px;
}

.pt-92 {
  padding-top: 92px;
}

.pb-92 {
  padding-bottom: 92px;
}

.pl-92 {
  padding-left: 92px;
}

.pr-92 {
  padding-right: 92px;
}

.px-92 {
  padding-left: 92px;
  padding-right: 92px;
}

.py-92 {
  padding-top: 92px;
  padding-bottom: 92px;
}

.m-93 {
  margin: 93px;
}

.mt-93 {
  margin-top: 93px;
}

.mb-93 {
  margin-bottom: 93px;
}

.ml-93 {
  margin-left: 93px;
}

.mr-93 {
  margin-right: 93px;
}

.mx-93 {
  margin-left: 93px;
  margin-right: 93px;
}

.my-93 {
  margin-top: 93px;
  margin-bottom: 93px;
}

.p-93 {
  padding: 93px;
}

.pt-93 {
  padding-top: 93px;
}

.pb-93 {
  padding-bottom: 93px;
}

.pl-93 {
  padding-left: 93px;
}

.pr-93 {
  padding-right: 93px;
}

.px-93 {
  padding-left: 93px;
  padding-right: 93px;
}

.py-93 {
  padding-top: 93px;
  padding-bottom: 93px;
}

.m-94 {
  margin: 94px;
}

.mt-94 {
  margin-top: 94px;
}

.mb-94 {
  margin-bottom: 94px;
}

.ml-94 {
  margin-left: 94px;
}

.mr-94 {
  margin-right: 94px;
}

.mx-94 {
  margin-left: 94px;
  margin-right: 94px;
}

.my-94 {
  margin-top: 94px;
  margin-bottom: 94px;
}

.p-94 {
  padding: 94px;
}

.pt-94 {
  padding-top: 94px;
}

.pb-94 {
  padding-bottom: 94px;
}

.pl-94 {
  padding-left: 94px;
}

.pr-94 {
  padding-right: 94px;
}

.px-94 {
  padding-left: 94px;
  padding-right: 94px;
}

.py-94 {
  padding-top: 94px;
  padding-bottom: 94px;
}

.m-95 {
  margin: 95px;
}

.mt-95 {
  margin-top: 95px;
}

.mb-95 {
  margin-bottom: 95px;
}

.ml-95 {
  margin-left: 95px;
}

.mr-95 {
  margin-right: 95px;
}

.mx-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.my-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.p-95 {
  padding: 95px;
}

.pt-95 {
  padding-top: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pl-95 {
  padding-left: 95px;
}

.pr-95 {
  padding-right: 95px;
}

.px-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.py-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.m-96 {
  margin: 96px;
}

.mt-96 {
  margin-top: 96px;
}

.mb-96 {
  margin-bottom: 96px;
}

.ml-96 {
  margin-left: 96px;
}

.mr-96 {
  margin-right: 96px;
}

.mx-96 {
  margin-left: 96px;
  margin-right: 96px;
}

.my-96 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.p-96 {
  padding: 96px;
}

.pt-96 {
  padding-top: 96px;
}

.pb-96 {
  padding-bottom: 96px;
}

.pl-96 {
  padding-left: 96px;
}

.pr-96 {
  padding-right: 96px;
}

.px-96 {
  padding-left: 96px;
  padding-right: 96px;
}

.py-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.m-97 {
  margin: 97px;
}

.mt-97 {
  margin-top: 97px;
}

.mb-97 {
  margin-bottom: 97px;
}

.ml-97 {
  margin-left: 97px;
}

.mr-97 {
  margin-right: 97px;
}

.mx-97 {
  margin-left: 97px;
  margin-right: 97px;
}

.my-97 {
  margin-top: 97px;
  margin-bottom: 97px;
}

.p-97 {
  padding: 97px;
}

.pt-97 {
  padding-top: 97px;
}

.pb-97 {
  padding-bottom: 97px;
}

.pl-97 {
  padding-left: 97px;
}

.pr-97 {
  padding-right: 97px;
}

.px-97 {
  padding-left: 97px;
  padding-right: 97px;
}

.py-97 {
  padding-top: 97px;
  padding-bottom: 97px;
}

.m-98 {
  margin: 98px;
}

.mt-98 {
  margin-top: 98px;
}

.mb-98 {
  margin-bottom: 98px;
}

.ml-98 {
  margin-left: 98px;
}

.mr-98 {
  margin-right: 98px;
}

.mx-98 {
  margin-left: 98px;
  margin-right: 98px;
}

.my-98 {
  margin-top: 98px;
  margin-bottom: 98px;
}

.p-98 {
  padding: 98px;
}

.pt-98 {
  padding-top: 98px;
}

.pb-98 {
  padding-bottom: 98px;
}

.pl-98 {
  padding-left: 98px;
}

.pr-98 {
  padding-right: 98px;
}

.px-98 {
  padding-left: 98px;
  padding-right: 98px;
}

.py-98 {
  padding-top: 98px;
  padding-bottom: 98px;
}

.m-99 {
  margin: 99px;
}

.mt-99 {
  margin-top: 99px;
}

.mb-99 {
  margin-bottom: 99px;
}

.ml-99 {
  margin-left: 99px;
}

.mr-99 {
  margin-right: 99px;
}

.mx-99 {
  margin-left: 99px;
  margin-right: 99px;
}

.my-99 {
  margin-top: 99px;
  margin-bottom: 99px;
}

.p-99 {
  padding: 99px;
}

.pt-99 {
  padding-top: 99px;
}

.pb-99 {
  padding-bottom: 99px;
}

.pl-99 {
  padding-left: 99px;
}

.pr-99 {
  padding-right: 99px;
}

.px-99 {
  padding-left: 99px;
  padding-right: 99px;
}

.py-99 {
  padding-top: 99px;
  padding-bottom: 99px;
}

.m-100 {
  margin: 100px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.mx-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.p-100 {
  padding: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.m-auto {
  margin: auto;
}

.mt-auto {
  margin-top: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.primary-gradient-text {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-500);
  background: linear-gradient(90deg, #7b7bff 0%, #b58cff 40%, #f0a6d8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.text-gradient {
  font-weight: var(--fw-500);
  background: linear-gradient(90deg, #7b7bff 0%, #b58cff 40%, #f0a6d8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.text-gradient-dark {
  font-weight: var(--fw-500);
  background: var(--prime-card-title-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.page-title-gradient {
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  background: var(--prime-card-title-gradient);
  font-family: var(--secondary-font-family) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: block;
}
.page-title-gradient-center {
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  background: var(--prime-card-title-gradient);
  font-family: var(--secondary-font-family) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: block;
  margin: 0 auto;
}

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

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

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

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

.text-lg {
  font-size: var(--fs-lg);
  color: var(--primary-text) !important;
}
.text-lg-50 {
  font-size: var(--fs-lg);
  color: var(--primary-text-50) !important;
}

.text-base {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--primary-text);
}
.text-base-50 {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--primary-text-50);
}

.text-md {
  font-size: var(--fs-md) !important;
  font-weight: var(--fw-400);
  color: var(--primary-text);
}
.text-md-50 {
  font-size: var(--fs-md) !important;
  font-weight: var(--fw-400);
  color: var(--primary-text-50);
}

.text-sm {
  font-size: var(--fs-sm) !important;
  font-weight: var(--fw-400);
  color: var(--primary-text);
}
.text-sm-50 {
  font-size: var(--fs-sm) !important;
  font-weight: var(--fw-400);
  color: var(--primary-text-50);
}

.no-data {
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 20px;
}
.no-data-img {
  width: 50px;
}
.no-data-text {
  font-size: var(--fs-lg);
  color: var(--primary-text-40);
  font-weight: 600;
}

.lottie-file-parent {
  position: relative;
  overflow: hidden;
}

.lottie-file {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  pointer-events: none;
  margin: 0% auto;
}

.lottie-file-overlay {
  position: relative;
  z-index: 4;
}

.lottie-file-w100 {
  display: grid;
  width: 100% !important;
}

.lottie-file-w90 {
  display: grid;
  width: 90% !important;
}

.lottie-file-w80 {
  display: grid;
  width: 80% !important;
}

.lottie-file-w70 {
  display: grid;
  width: 70% !important;
}

.lottie-file-w60 {
  display: grid;
  width: 60% !important;
}

.lottie-file-w50 {
  display: grid;
  width: 50% !important;
}

.primary-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--primary-btn-bg);
  color: var(--primary-btn-text);
  border-color: var(--primary-btn-border);
}
.primary-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.primary-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .primary-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.primary-fill-btn img {
  filter: var(--primary-btn-icon-filter) !important;
}
.primary-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--primary-btn-hover-bg);
  color: var(--primary-btn-hover-text);
  border-color: var(--primary-btn-hover-border);
}
.primary-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--primary-btn-hover-icon-filter) !important;
}
.primary-fill-btn.is-active {
  background: var(--primary-btn-bg) !important;
  color: var(--primary-btn-text) !important;
  border-color: var(--primary-btn-border) !important;
}
.primary-fill-btn:disabled, .primary-fill-btn.is-disabled {
  background: var(--disable-primary-btn-bg);
  color: var(--disable-primary-btn-text);
  border-color: var(--disable-primary-btn-border);
  cursor: not-allowed;
}
.primary-fill-btn:disabled img, .primary-fill-btn.is-disabled img {
  filter: var(--disable-primary-btn-icon-filter) !important;
}

.whatsapp-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--whatsapp-btn-bg);
  color: var(--whatsapp-btn-text);
  border-color: var(--whatsapp-btn-border);
}
.whatsapp-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.whatsapp-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .whatsapp-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.whatsapp-fill-btn img {
  filter: var(--whatsapp-btn-icon-filter) !important;
}
.whatsapp-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--whatsapp-btn-hover-bg);
  color: var(--whatsapp-btn-hover-text);
  border-color: var(--whatsapp-btn-hover-border);
}
.whatsapp-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--whatsapp-btn-hover-icon-filter) !important;
}
.whatsapp-fill-btn.is-active {
  background: var(--whatsapp-btn-bg) !important;
  color: var(--whatsapp-btn-text) !important;
  border-color: var(--whatsapp-btn-border) !important;
}
.whatsapp-fill-btn:disabled, .whatsapp-fill-btn.is-disabled {
  background: var(--disable-whatsapp-btn-bg);
  color: var(--disable-whatsapp-btn-text);
  border-color: var(--disable-whatsapp-btn-border);
  cursor: not-allowed;
}
.whatsapp-fill-btn:disabled img, .whatsapp-fill-btn.is-disabled img {
  filter: var(--disable-whatsapp-btn-icon-filter) !important;
}

.sms-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--sms-btn-bg);
  color: var(--sms-btn-text);
  border-color: var(--sms-btn-border);
}
.sms-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.sms-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .sms-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.sms-fill-btn img {
  filter: var(--sms-btn-icon-filter) !important;
}
.sms-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--sms-btn-hover-bg);
  color: var(--sms-btn-hover-text);
  border-color: var(--sms-btn-hover-border);
}
.sms-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--sms-btn-hover-icon-filter) !important;
}
.sms-fill-btn.is-active {
  background: var(--sms-btn-bg) !important;
  color: var(--sms-btn-text) !important;
  border-color: var(--sms-btn-border) !important;
}
.sms-fill-btn:disabled, .sms-fill-btn.is-disabled {
  background: var(--disable-sms-btn-bg);
  color: var(--disable-sms-btn-text);
  border-color: var(--disable-sms-btn-border);
  cursor: not-allowed;
}
.sms-fill-btn:disabled img, .sms-fill-btn.is-disabled img {
  filter: var(--disable-sms-btn-icon-filter) !important;
}

.back-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--back-btn-bg);
  color: var(--back-btn-text);
  border-color: var(--back-btn-border);
}
.back-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.back-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .back-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.back-fill-btn img {
  filter: var(--back-btn-icon-filter) !important;
}
.back-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--back-btn-hover-bg);
  color: var(--back-btn-hover-text);
  border-color: var(--back-btn-hover-border);
}
.back-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--back-btn-hover-icon-filter) !important;
}
.back-fill-btn.is-active {
  background: var(--back-btn-bg) !important;
  color: var(--back-btn-text) !important;
  border-color: var(--back-btn-border) !important;
}
.back-fill-btn:disabled, .back-fill-btn.is-disabled {
  background: var(--disable-back-btn-bg);
  color: var(--disable-back-btn-text);
  border-color: var(--disable-back-btn-border);
  cursor: not-allowed;
}
.back-fill-btn:disabled img, .back-fill-btn.is-disabled img {
  filter: var(--disable-back-btn-icon-filter) !important;
}

.danger-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--danger-btn-bg);
  color: var(--danger-btn-text);
  border-color: var(--danger-btn-border);
}
.danger-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.danger-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .danger-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.danger-fill-btn img {
  filter: var(--danger-btn-icon-filter) !important;
}
.danger-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--danger-btn-hover-bg);
  color: var(--danger-btn-hover-text);
  border-color: var(--danger-btn-hover-border);
}
.danger-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--danger-btn-hover-icon-filter) !important;
}
.danger-fill-btn.is-active {
  background: var(--danger-btn-bg) !important;
  color: var(--danger-btn-text) !important;
  border-color: var(--danger-btn-border) !important;
}
.danger-fill-btn:disabled, .danger-fill-btn.is-disabled {
  background: var(--disable-danger-btn-bg);
  color: var(--disable-danger-btn-text);
  border-color: var(--disable-danger-btn-border);
  cursor: not-allowed;
}
.danger-fill-btn:disabled img, .danger-fill-btn.is-disabled img {
  filter: var(--disable-danger-btn-icon-filter) !important;
}

.dark-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--dark-btn-bg);
  color: var(--dark-btn-text);
  border-color: var(--dark-btn-border);
}
.dark-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.dark-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .dark-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.dark-fill-btn img {
  filter: var(--dark-btn-icon-filter) !important;
}
.dark-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--dark-btn-hover-bg);
  color: var(--dark-btn-hover-text);
  border-color: var(--dark-btn-hover-border);
}
.dark-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--dark-btn-hover-icon-filter) !important;
}
.dark-fill-btn.is-active {
  background: var(--dark-btn-bg) !important;
  color: var(--dark-btn-text) !important;
  border-color: var(--dark-btn-border) !important;
}
.dark-fill-btn:disabled, .dark-fill-btn.is-disabled {
  background: var(--disable-dark-btn-bg);
  color: var(--disable-dark-btn-text);
  border-color: var(--disable-dark-btn-border);
  cursor: not-allowed;
}
.dark-fill-btn:disabled img, .dark-fill-btn.is-disabled img {
  filter: var(--disable-dark-btn-icon-filter) !important;
}

.darkpurple-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--darkpurple-btn-bg);
  color: var(--darkpurple-btn-text);
  border-color: var(--darkpurple-btn-border);
}
.darkpurple-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.darkpurple-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .darkpurple-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.darkpurple-fill-btn img {
  filter: var(--darkpurple-btn-icon-filter) !important;
}
.darkpurple-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--darkpurple-btn-hover-bg);
  color: var(--darkpurple-btn-hover-text);
  border-color: var(--darkpurple-btn-hover-border);
}
.darkpurple-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--darkpurple-btn-hover-icon-filter) !important;
}
.darkpurple-fill-btn.is-active {
  background: var(--darkpurple-btn-bg) !important;
  color: var(--darkpurple-btn-text) !important;
  border-color: var(--darkpurple-btn-border) !important;
}
.darkpurple-fill-btn:disabled, .darkpurple-fill-btn.is-disabled {
  background: var(--disable-darkpurple-btn-bg);
  color: var(--disable-darkpurple-btn-text);
  border-color: var(--disable-darkpurple-btn-border);
  cursor: not-allowed;
}
.darkpurple-fill-btn:disabled img, .darkpurple-fill-btn.is-disabled img {
  filter: var(--disable-darkpurple-btn-icon-filter) !important;
}

.primary-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--primary-outline-btn-text);
  border-color: var(--primary-outline-btn-border);
}
.primary-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.primary-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .primary-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.primary-outline-btn img {
  filter: var(--primary-outline-btn-icon-filter) !important;
}
.primary-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--primary-outline-btn-hover-bg);
  color: var(--primary-outline-btn-hover-text);
  border-color: var(--primary-outline-btn-hover-border);
}
.primary-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--primary-outline-btn-hover-icon-filter) !important;
}
.primary-outline-btn.is-active {
  background: var(--primary-outline-btn-hover-bg);
  color: var(--primary-outline-btn-hover-text);
  border-color: var(--primary-outline-btn-hover-border);
}
.primary-outline-btn:disabled, .primary-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-primary-outline-btn-text);
  border-color: var(--disable-primary-outline-btn-border);
  cursor: not-allowed;
}
.primary-outline-btn:disabled img, .primary-outline-btn.is-disabled img {
  filter: var(--disable-primary-outline-btn-icon-filter) !important;
}

.whatsapp-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--whatsapp-outline-btn-text);
  border-color: var(--whatsapp-outline-btn-border);
}
.whatsapp-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.whatsapp-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .whatsapp-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.whatsapp-outline-btn img {
  filter: var(--whatsapp-outline-btn-icon-filter) !important;
}
.whatsapp-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--whatsapp-outline-btn-hover-bg);
  color: var(--whatsapp-outline-btn-hover-text);
  border-color: var(--whatsapp-outline-btn-hover-border);
}
.whatsapp-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--whatsapp-outline-btn-hover-icon-filter) !important;
}
.whatsapp-outline-btn.is-active {
  background: var(--whatsapp-outline-btn-hover-bg);
  color: var(--whatsapp-outline-btn-hover-text);
  border-color: var(--whatsapp-outline-btn-hover-border);
}
.whatsapp-outline-btn:disabled, .whatsapp-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-whatsapp-outline-btn-text);
  border-color: var(--disable-whatsapp-outline-btn-border);
  cursor: not-allowed;
}
.whatsapp-outline-btn:disabled img, .whatsapp-outline-btn.is-disabled img {
  filter: var(--disable-whatsapp-outline-btn-icon-filter) !important;
}

.sms-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--sms-outline-btn-text);
  border-color: var(--sms-outline-btn-border);
}
.sms-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.sms-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .sms-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.sms-outline-btn img {
  filter: var(--sms-outline-btn-icon-filter) !important;
}
.sms-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--sms-outline-btn-hover-bg);
  color: var(--sms-outline-btn-hover-text);
  border-color: var(--sms-outline-btn-hover-border);
}
.sms-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--sms-outline-btn-hover-icon-filter) !important;
}
.sms-outline-btn.is-active {
  background: var(--sms-outline-btn-hover-bg);
  color: var(--sms-outline-btn-hover-text);
  border-color: var(--sms-outline-btn-hover-border);
}
.sms-outline-btn:disabled, .sms-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-sms-outline-btn-text);
  border-color: var(--disable-sms-outline-btn-border);
  cursor: not-allowed;
}
.sms-outline-btn:disabled img, .sms-outline-btn.is-disabled img {
  filter: var(--disable-sms-outline-btn-icon-filter) !important;
}

.back-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--back-outline-btn-text);
  border-color: var(--back-outline-btn-border);
}
.back-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.back-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .back-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.back-outline-btn img {
  filter: var(--back-outline-btn-icon-filter) !important;
}
.back-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--back-outline-btn-hover-bg);
  color: var(--back-outline-btn-hover-text);
  border-color: var(--back-outline-btn-hover-border);
}
.back-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--back-outline-btn-hover-icon-filter) !important;
}
.back-outline-btn.is-active {
  background: var(--back-outline-btn-hover-bg);
  color: var(--back-outline-btn-hover-text);
  border-color: var(--back-outline-btn-hover-border);
}
.back-outline-btn:disabled, .back-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-back-outline-btn-text);
  border-color: var(--disable-back-outline-btn-border);
  cursor: not-allowed;
}
.back-outline-btn:disabled img, .back-outline-btn.is-disabled img {
  filter: var(--disable-back-outline-btn-icon-filter) !important;
}

.danger-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--danger-outline-btn-text);
  border-color: var(--danger-outline-btn-border);
}
.danger-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.danger-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .danger-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.danger-outline-btn img {
  filter: var(--danger-outline-btn-icon-filter) !important;
}
.danger-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--danger-outline-btn-hover-bg);
  color: var(--danger-outline-btn-hover-text);
  border-color: var(--danger-outline-btn-hover-border);
}
.danger-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--danger-outline-btn-hover-icon-filter) !important;
}
.danger-outline-btn.is-active {
  background: var(--danger-outline-btn-hover-bg);
  color: var(--danger-outline-btn-hover-text);
  border-color: var(--danger-outline-btn-hover-border);
}
.danger-outline-btn:disabled, .danger-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-danger-outline-btn-text);
  border-color: var(--disable-danger-outline-btn-border);
  cursor: not-allowed;
}
.danger-outline-btn:disabled img, .danger-outline-btn.is-disabled img {
  filter: var(--disable-danger-outline-btn-icon-filter) !important;
}

.dark-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--dark-outline-btn-text);
  border-color: var(--dark-outline-btn-border);
}
.dark-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.dark-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .dark-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.dark-outline-btn img {
  filter: var(--dark-outline-btn-icon-filter) !important;
}
.dark-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--dark-outline-btn-hover-bg);
  color: var(--dark-outline-btn-hover-text);
  border-color: var(--dark-outline-btn-hover-border);
}
.dark-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--dark-outline-btn-hover-icon-filter) !important;
}
.dark-outline-btn.is-active {
  background: var(--dark-outline-btn-hover-bg);
  color: var(--dark-outline-btn-hover-text);
  border-color: var(--dark-outline-btn-hover-border);
}
.dark-outline-btn:disabled, .dark-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-dark-outline-btn-text);
  border-color: var(--disable-dark-outline-btn-border);
  cursor: not-allowed;
}
.dark-outline-btn:disabled img, .dark-outline-btn.is-disabled img {
  filter: var(--disable-dark-outline-btn-icon-filter) !important;
}

.darkpurple-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--darkpurple-outline-btn-text);
  border-color: var(--darkpurple-outline-btn-border);
}
.darkpurple-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.darkpurple-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .darkpurple-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.darkpurple-outline-btn img {
  filter: var(--darkpurple-outline-btn-icon-filter) !important;
}
.darkpurple-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--darkpurple-outline-btn-hover-bg);
  color: var(--darkpurple-outline-btn-hover-text);
  border-color: var(--darkpurple-outline-btn-hover-border);
}
.darkpurple-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--darkpurple-outline-btn-hover-icon-filter) !important;
}
.darkpurple-outline-btn.is-active {
  background: var(--darkpurple-outline-btn-hover-bg);
  color: var(--darkpurple-outline-btn-hover-text);
  border-color: var(--darkpurple-outline-btn-hover-border);
}
.darkpurple-outline-btn:disabled, .darkpurple-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-darkpurple-outline-btn-text);
  border-color: var(--disable-darkpurple-outline-btn-border);
  cursor: not-allowed;
}
.darkpurple-outline-btn:disabled img, .darkpurple-outline-btn.is-disabled img {
  filter: var(--disable-darkpurple-outline-btn-icon-filter) !important;
}

.text-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  font-weight: var(--fw-400) !important;
  color: var(--primary-outline-btn-text) !important;
  background: none !important;
}
.text-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.text-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-width: 820px) {
  .text-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}

.back-outline-btn img {
  width: 8px;
  height: 15px;
}

.primary-gradient-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  color: var(--primary-text) !important;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease, opacity 0.2s ease;
  background: url('btn-gradiant-bg-img.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: none;
}
.primary-gradient-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  opacity: 0.9;
}
.primary-gradient-btn:disabled, .primary-gradient-btn.is-disabled {
  background: var(--disable-primary-btn-bg) !important;
  color: var(--disable-primary-btn-text) !important;
  border-color: var(--disable-primary-btn-border) !important;
  cursor: not-allowed;
}
.primary-gradient-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.primary-gradient-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}
@media (max-widht: 820px) {
  .primary-gradient-btn {
    padding: 12px 20px;
    font-size: var(--fs-lg);
  }
}

.btn-w10 {
  width: calc(10% - 5px);
}

.btn-w20 {
  width: calc(20% - 5px);
}

.btn-w25 {
  width: calc(20% - 5px);
}

.btn-w30 {
  width: calc(30% - 5px);
}

.btn-w40 {
  width: calc(40% - 5px);
}

.btn-w50 {
  width: calc(50% - 5px);
}

.btn-w60 {
  width: calc(60% - 5px);
}

.btn-w70 {
  width: calc(70% - 5px);
}

.btn-w80 {
  width: calc(80% - 5px);
}

.btn-w90 {
  width: calc(90% - 5px);
}

.btn-w100 {
  width: 100%;
}

.prime-card {
  height: 100%;
  min-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: var(--prime-card-bg);
  border: 1px solid var(--prime-card-border);
  position: relative;
  overflow: hidden;
  --footer-height: 0px;
  /* Filled & blurred — mat-select */
}
@media (max-width: 820px) {
  .prime-card {
    height: auto;
    border-radius: 0px;
    border: none;
  }
}
@media (max-width: 576px) {
  .prime-card {
    border-radius: 0px;
    border: none;
  }
}
.prime-card-glow-bottom {
  position: absolute;
  left: -40%;
  bottom: -105%;
  width: 180%;
  height: 180%;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 820px) {
  .prime-card-glow-bottom {
    left: -25%;
    bottom: -85%;
    width: 150%;
    height: 150%;
  }
}
@media (max-width: 576px) {
  .prime-card-glow-bottom {
    left: -50%;
    bottom: -105%;
    width: 200%;
    height: 200%;
  }
}
.prime-card-glow-top {
  position: absolute;
  left: -40%;
  top: -110%;
  width: 180%;
  height: 180%;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 768px) {
  .prime-card-glow-top {
    left: -25%;
    top: -85%;
    width: 150%;
    height: 150%;
  }
}
@media (max-width: 576px) {
  .prime-card-glow-top {
    top: -80%;
  }
}
@media (max-width: 480px) {
  .prime-card-glow-top {
    left: -50%;
    top: -90%;
    width: 200%;
    height: 200%;
  }
}
.prime-card-header {
  position: fixed;
  top: 0;
  background-color: #7b7bff;
  width: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
.prime-card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
  padding: 50px 50px 50px 50px;
  z-index: 1;
}
@media (max-width: 820px) {
  .prime-card-body {
    overflow: unset;
  }
}
@media (max-width: 576px) {
  .prime-card-body {
    padding: 25px 16px 25px 16px;
  }
}
.prime-card-body .card-header {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.prime-card-body .card-header-desc-sm {
  font-size: var(--fs-sm);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.prime-card-body .card-header-desc-sm-50 {
  font-size: var(--fs-sm);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-50) !important;
}
.prime-card-body .card-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.prime-card-body .card-icon img {
  height: 50px;
}
.prime-card-body .card-icon-center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.prime-card-body .card-icon-center img {
  height: 50px;
}
.prime-card-body .card-title {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text) !important;
  font-family: var(--secondary-font-family) !important;
}
.prime-card-body .card-title-50 {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text-50) !important;
}
@media (max-width: 820px) {
  .prime-card-body .card-title {
    font-size: var(--fs-4xl);
  }
  .prime-card-body .card-title-50 {
    font-size: var(--fs-4xl);
  }
}
.prime-card-body .card-title-gradient {
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  background: var(--prime-card-title-gradient);
  font-family: var(--secondary-font-family) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: block;
}
.prime-card-body .card-title-gradient-center {
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  background: var(--prime-card-title-gradient);
  font-family: var(--secondary-font-family) !important;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: block;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 820px) {
  .prime-card-body .card-title-gradient {
    font-size: var(--fs-4xl);
  }
  .prime-card-body .card-title-gradient-center {
    font-size: var(--fs-4xl);
  }
}
.prime-card-body .card-subtitle {
  font-size: var(--fs-lg);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
  word-break: break-all;
}
.prime-card-body .card-subtitle-40 {
  font-size: var(--fs-lg);
  font-weight: var(--fw-500) !important;
  color: var(--prime-card-primary-text-40) !important;
  word-break: break-all;
}
.prime-card-body .card-subtitle-50 {
  font-size: var(--fs-lg);
  font-weight: var(--fw-400) !important;
  color: var(--prime-card-primary-text-40) !important;
  word-break: break-all;
}
.prime-card-body .card-subtitle-60 {
  font-size: var(--fs-lg);
  font-weight: var(--fw-500) !important;
  color: var(--prime-card-primary-text-60) !important;
  word-break: break-all;
}
.prime-card-body .card-title-md {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.prime-card-body .card-title-md-40 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400) !important;
  color: var(--prime-card-primary-text-40) !important;
}
.prime-card-body .card-title-md-50 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400) !important;
  color: var(--prime-card-primary-text-40) !important;
}
.prime-card-body .card-title-md-60 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400) !important;
  color: var(--prime-card-primary-text-60) !important;
}
.prime-card-body .card-title-3xl {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text);
}
.prime-card-body .card-title-3xl-40 {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500) !important;
  color: var(--prime-card-primary-text-40) !important;
}
.prime-card-body .card-title-3xl-50 {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-400) !important;
  color: var(--prime-card-primary-text-40) !important;
}
.prime-card-body .card-title-3xl-60 {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500) !important;
  color: var(--prime-card-primary-text-60) !important;
}
.prime-card-body .card-desc {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.prime-card-body .card-desc-50 {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-50) !important;
}
.prime-card-body .card-desc-md {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.prime-card-body .card-desc-md-60 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-60) !important;
}
.prime-card-body .card-desc-md-50 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-50) !important;
}
.prime-card-body .card-desc-md-40 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-40) !important;
}
.prime-card-body .card-desc-md-20 {
  font-size: var(--fs-md);
  font-weight: var(--fw-300);
  color: var(--prime-card-primary-text-20) !important;
}
.prime-card-body .card-desc-sm {
  font-size: var(--fs-sm);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.prime-card-body .card-desc-sm-60 {
  font-size: var(--fs-sm);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-60) !important;
}
.prime-card-body .card-desc-sm-50 {
  font-size: var(--fs-sm);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-50) !important;
}
.prime-card-body .card-desc-sm-40 {
  font-size: var(--fs-sm);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-40) !important;
}
.prime-card-body .infotip {
  font-size: var(--fs-sm);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.prime-card-body .infotip-50 {
  font-size: var(--fs-sm);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-60);
}
.prime-card-body .bottom-assisttext {
  margin-top: auto;
  text-align: start;
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500) !important;
  color: var(--prime-card-primary-text);
  font-family: var(--secondary-font-family);
}
.prime-card-body .bottom-assisttext-80 {
  margin-top: auto;
  text-align: start;
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500) !important;
  color: var(--prime-card-primary-text-80);
  font-family: var(--secondary-font-family);
}
.prime-card-body .bottom-assisttext-70 {
  margin-top: auto;
  text-align: start;
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500) !important;
  color: var(--prime-card-primary-text-70);
  font-family: var(--secondary-font-family);
}
.prime-card-body .bottom-assisttext-60 {
  margin-top: auto;
  text-align: start;
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500) !important;
  color: var(--prime-card-primary-text-60);
  font-family: var(--secondary-font-family);
}
@media (max-width: 576px) {
  .prime-card-body .bottom-assisttext {
    font-size: var(--fs-2xl);
  }
  .prime-card-body .bottom-assisttext-80 {
    font-size: var(--fs-2xl);
  }
  .prime-card-body .bottom-assisttext-70 {
    font-size: var(--fs-2xl);
  }
  .prime-card-body .bottom-assisttext-60 {
    font-size: var(--fs-2xl);
  }
}
.prime-card-footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  flex: 0 0 auto;
  position: absolute;
  bottom: 0;
  backdrop-filter: blur(5px);
  padding: 12px 16px;
  border-radius: 0px 0px 20px 20px;
  background: var(--prime-card-footer-bg);
}
@media (max-width: 820px) {
  .prime-card-footer {
    border-radius: 0px;
    border: none;
  }
}
.prime-card-footer-left {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.prime-card-footer-right {
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
@media (max-width: 576px) {
  .prime-card-footer {
    flex-direction: column-reverse;
    gap: 10px;
    border-radius: 0px;
  }
  .prime-card-footer-left, .prime-card-footer-right {
    width: 100%;
    flex-direction: column-reverse;
  }
  .prime-card-footer-left button, .prime-card-footer-right button {
    width: 100%;
  }
}
.prime-card .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
  display: none;
}
.prime-card .mdc-line-ripple {
  display: none;
}
.prime-card .form-field-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px 10px;
}
.prime-card .form-field-group-title {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--primary-text);
}
.prime-card .form-field-group-title-50 {
  font-size: var(--fs-base);
  font-weight: var(--fw-500) !important;
  color: var(--primary-text-50) !important;
}
.prime-card .form-field-sub-group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.prime-card .form-field-sub-group-label {
  width: 100%;
  color: var(--input-label);
  font-size: var(--fs-md);
  font-weight: var(--fw-600) !important;
}
.prime-card .form-field-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.prime-card .form-field-item .form-field-above,
.prime-card .form-field-item .form-field-below {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: var(--fs-md);
  font-weight: var(--fw-600);
}
.prime-card .form-field-item .label {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--input-label);
  font-size: var(--fs-md);
  font-weight: var(--fw-600);
}
.prime-card .form-field-item .label-icon {
  height: 20px;
  width: 20px;
  filter: var(--primary-icon);
  opacity: 0.5;
}
@media (max-width: 820px) {
  .prime-card .form-field-item {
    --input-height: 55px;
  }
}
.prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-input .mdc-text-field--filled,
.prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-select .mdc-text-field--filled,
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled,
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled,
.prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled {
  font-family: var(--primary-font-family) !important;
  background: var(--input-bg) !important;
  border-radius: var(--input-radius);
  padding: 0px;
  border-bottom: 1px solid var(--input-border);
}
.prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-focus-overlay {
  background: transparent;
}
.prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  min-height: auto;
  width: auto;
  padding: 0px 12px;
  height: var(--input-height);
}
.prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  height: inherit;
  color: var(--input-text);
  font-size: var(--fs-base);
  font-weight: var(--fw-500);
  display: flex;
  align-items: center;
  caret-color: var(--input-text);
}
.prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder {
  color: var(--input-placeholder) !important;
  font-weight: var(--fw-500) !important;
}
@media (max-width: 820px) {
  .prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
    font-size: var(--fs-lg);
    font-weight: var(--fw-600);
  }
  .prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder {
    font-weight: var(--fw-600) !important;
  }
}
.prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select {
  height: 100%;
  display: flex;
  color: var(--input-select-bg);
  font-size: var(--fs-base);
  font-weight: var(--fw-500);
  font-family: var(--primary-font-family);
}
.prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder {
  color: var(--input-placeholder) !important;
  font-weight: var(--fw-600) !important;
}
.prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text {
  color: var(--input-text);
  font-size: var(--fs-base);
  font-weight: var(--fw-600);
}
@media (max-width: 820px) {
  .prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select {
    font-size: var(--fs-lg);
    font-weight: var(--fw-600);
  }
  .prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder {
    font-size: var(--fs-lg);
    font-weight: var(--fw-600);
  }
  .prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text {
    font-size: var(--fs-lg);
    font-weight: var(--fw-600);
  }
}
.prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper {
  transform: none;
}
.prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  color: var(--input-label);
  width: 15px;
  height: inherit;
  display: contents;
}
.prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before {
  content: "";
  display: inline-block;
  background-image: url('arrow_down_ic.svg');
  background-size: 15px;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  filter: var(--inpit-active-img-filter) !important;
}
.prime-card .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg {
  display: none;
}
.prime-card .form-field-item .form-field-input .mdc-text-field--focused,
.prime-card .form-field-item .form-field-select .mdc-text-field--focused,
.prime-card .form-field-item .form-field-search .mdc-text-field--focused,
.prime-card .form-field-item .form-field-date .mdc-text-field--focused,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--focused,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--focused,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--focused,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--focused {
  border-bottom: 1px solid var(--input-focused-border) !important;
  background: var(--input-focused-bg) !important;
}
.prime-card .form-field-item .form-field-input .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-select .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-search .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-date .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  color: var(--input-focused-text);
  caret-color: var(--input-focused-text) !important;
}
.prime-card .form-field-item .form-field-input .mdc-text-field--invalid,
.prime-card .form-field-item .form-field-select .mdc-text-field--invalid,
.prime-card .form-field-item .form-field-search .mdc-text-field--invalid,
.prime-card .form-field-item .form-field-date .mdc-text-field--invalid,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--invalid,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--invalid,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--invalid,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--invalid {
  border-bottom: 1px solid var(--input-error-border) !important;
  background: var(--input-error-bg) !important;
}
.prime-card .form-field-item .form-field-input .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-select .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-search .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-date .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  color: var(--input-error-text) !important;
  caret-color: var(--input-error-text) !important;
}
.prime-card .form-field-item .form-field-input .mdc-text-field--disabled,
.prime-card .form-field-item .form-field-select .mdc-text-field--disabled,
.prime-card .form-field-item .form-field-search .mdc-text-field--disabled,
.prime-card .form-field-item .form-field-date .mdc-text-field--disabled,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--disabled,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--disabled,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--disabled,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--disabled {
  background: var(--input-disabled-bg) !important;
  cursor: not-allowed;
  opacity: 0.6;
  border-bottom: none;
}
.prime-card .form-field-item .form-field-input .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-select .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-search .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-date .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  color: var(--input-disabled-text);
  caret-color: var(--input-disabled-text) !important;
}
.prime-card .form-field-item .form-field-input .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-select .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-search .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-date .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder {
  color: var(--input-disabled-placeholder) !important;
}
.prime-card .form-field-item .form-field-input .mdc-text-field--disabled .mat-mdc-floating-label,
.prime-card .form-field-item .form-field-select .mdc-text-field--disabled .mat-mdc-floating-label,
.prime-card .form-field-item .form-field-search .mdc-text-field--disabled .mat-mdc-floating-label,
.prime-card .form-field-item .form-field-date .mdc-text-field--disabled .mat-mdc-floating-label,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--disabled .mat-mdc-floating-label,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--disabled .mat-mdc-floating-label,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--disabled .mat-mdc-floating-label,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--disabled .mat-mdc-floating-label {
  cursor: not-allowed;
}
.prime-card .form-field-item .form-field-input .mdc-text-field--disabled .mdc-floating-label--float-above,
.prime-card .form-field-item .form-field-select .mdc-text-field--disabled .mdc-floating-label--float-above,
.prime-card .form-field-item .form-field-search .mdc-text-field--disabled .mdc-floating-label--float-above,
.prime-card .form-field-item .form-field-date .mdc-text-field--disabled .mdc-floating-label--float-above,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--disabled .mdc-floating-label--float-above,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--disabled .mdc-floating-label--float-above,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--disabled .mdc-floating-label--float-above,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--disabled .mdc-floating-label--float-above {
  cursor: not-allowed;
}
.prime-card .form-field-item .form-field-input .mdc-text-field--disabled .mdc-text-field__input,
.prime-card .form-field-item .form-field-select .mdc-text-field--disabled .mdc-text-field__input,
.prime-card .form-field-item .form-field-search .mdc-text-field--disabled .mdc-text-field__input,
.prime-card .form-field-item .form-field-date .mdc-text-field--disabled .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--disabled .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--disabled .mdc-text-field__input,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--disabled .mdc-text-field__input,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--disabled .mdc-text-field__input {
  cursor: not-allowed;
}
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-right: 5px;
}
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix {
  display: flex;
  padding: 0px;
  height: var(--input-height);
}
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: var(--input-height);
  padding: 0px;
  border-radius: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover {
  background: var(--input-btn-hover-bg);
}
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active {
  background: var(--input-btn-active-bg);
}
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple {
  border-radius: 0%;
}
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img {
  filter: var(--inpit-active-img-filter) !important;
  --mdc-icon-button-icon-size: 15px;
}
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark] {
  filter: var(--success-icon) !important;
}
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon {
  font-size: 18px;
  color: var(--inpit-active-icon);
  display: contents;
}
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg {
  color: var(--inpit-active-icon);
  height: 20px;
  width: 20px;
}
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix {
  padding-left: 0px;
}
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix {
  padding: 0px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prime-card .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.prime-card .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.prime-card .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.prime-card .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.prime-card .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.prime-card .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon {
  font-size: 20px;
  color: var(--input-placeholder);
  display: contents;
}
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  min-height: 50px;
  padding: 12px 12px;
  height: auto;
}
.prime-card .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  min-height: inherit;
  height: inherit;
}
.prime-card .form-field-item .form-field-otp-input {
  width: 45px;
}
.prime-card .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  text-align: center;
}
@media (max-width: 820px) {
  .prime-card .form-field-item .form-field-otp-input {
    width: 55px;
  }
}
.prime-card .form-field-item .form-field-text-center .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-text-center .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  text-align: center;
}
.prime-card .form-field-item .form-field-input-invalid .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-input-invalid .mdc-text-field--filled,
.prime-card .form-field-item .form-field-otp-input-invalid .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-otp-input-invalid .mdc-text-field--filled,
.prime-card .form-field-item .form-field-input-with-btn-invalid .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-input-with-btn-invalid .mdc-text-field--filled {
  background: var(--input-error-bg) !important;
  border-bottom: 1px solid var(--input-error-border) !important;
}
.prime-card .form-field-item .form-field-input-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-input-invalid .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-otp-input-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-otp-input-invalid .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-input-with-btn-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-input-with-btn-invalid .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  color: var(--input-error-text) !important;
}
.prime-card .form-field-item .form-field-input-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-input-invalid .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-otp-input-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-otp-input-invalid .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-input-with-btn-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-input-with-btn-invalid .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder {
  color: var(--input-placeholder) !important;
  font-weight: var(--fw-500) !important;
}
.prime-card .form-field-item .form-field-input-focused .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-input-focused .mdc-text-field--filled,
.prime-card .form-field-item .form-field-otp-input-focused .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-otp-input-focused .mdc-text-field--filled,
.prime-card .form-field-item .form-field-input-with-btn-focused .mat-mdc-text-field-wrapper,
.prime-card .form-field-item .form-field-input-with-btn-focused .mdc-text-field--filled {
  background: var(--input-focused-bg) !important;
  border-bottom: 1px solid var(--input-focused-border) !important;
}
.prime-card .form-field-item .form-field-input-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-input-focused .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-otp-input-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-otp-input-focused .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-input-with-btn-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.prime-card .form-field-item .form-field-input-with-btn-focused .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  color: var(--input-focused-text) !important;
}
.prime-card .form-field-item .form-field-input-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-input-focused .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-otp-input-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-otp-input-focused .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-input-with-btn-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.prime-card .form-field-item .form-field-input-with-btn-focused .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder {
  color: var(--input-placeholder) !important;
  font-weight: var(--fw-500) !important;
}
.prime-card .mat-mdc-form-field:has(.mat-mdc-input-element:not(:placeholder-shown)):not(.mat-focused) .mdc-text-field--filled {
  border-bottom: 1px solid transparent;
  background: var(--input-focused-bg) !important;
}
.prime-card .mat-mdc-form-field:has(.mat-mdc-select-value-text:not(:empty)):not(.mat-focused) .mdc-text-field--filled {
  border-bottom: 1px solid transparent;
  background: var(--input-focused-bg) !important;
}
.prime-card .form-field-error,
.prime-card .mat-mdc-form-field-error {
  display: flex;
  font-size: var(--fs-sm);
  white-space: pre-line !important;
}
.prime-card .form-field-error-center,
.prime-card .mat-mdc-form-field-error-center {
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: var(--fs-sm);
  white-space: pre-line !important;
}
.prime-card .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow {
  color: var(--input-label) !important;
}
.prime-card .form-field-w10 {
  width: calc(10% - 5px);
}
.prime-card .form-field-w20 {
  width: calc(20% - 5px);
}
.prime-card .form-field-w30 {
  width: calc(30% - 5px);
}
.prime-card .form-field-w33 {
  width: calc(33.3333333333% - 7px);
}
@media (max-width: 576px) {
  .prime-card .form-field-w33 {
    width: 100%;
  }
}
.prime-card .form-field-w40 {
  width: calc(40% - 5px);
}
.prime-card .form-field-w50 {
  width: calc(50% - 5px);
}
@media (max-width: 576px) {
  .prime-card .form-field-w50 {
    width: 100%;
  }
}
.prime-card .form-field-w60 {
  width: calc(60% - 5px);
}
.prime-card .form-field-w70 {
  width: calc(70% - 5px);
}
.prime-card .form-field-w80 {
  width: calc(80% - 5px);
}
.prime-card .form-field-w90 {
  width: calc(90% - 5px);
}
@media (max-width: 576px) {
  .prime-card .form-field-sub-group .form-field-w33 {
    width: calc(33.3333333333% - 7px);
  }
  .prime-card .form-field-sub-group .form-field-w50 {
    width: calc(50% - 5px);
  }
}
.prime-card .mat-mdc-radio-button.mat-accent {
  --mdc-radio-unselected-icon-color: var(--radio-unselected-icon);
  --mdc-radio-unselected-hover-icon-color: var(--radio-unselected-hover-icon);
  --mdc-radio-unselected-pressed-icon-color: var(--radio-unselected-hover-icon);
  --mdc-radio-selected-icon-color: var(--radio-selected-icon);
  --mdc-radio-selected-hover-icon-color: var(--radio-selected-hover-icon);
  --mdc-radio-selected-focus-icon-color: var(--radio-selected-focus-icon);
  --mdc-radio-selected-pressed-icon-color: var(--radio-selected-pressed-icon);
  --mdc-radio-disabled-unselected-icon-color: var(--radio-disabled-unselected-icon);
  --mdc-radio-disabled-selected-icon-color: var(--radio-disabled-selected-icon);
  --mat-radio-ripple-color: var(--radio-ripple-color) !important;
  --mat-radio-checked-ripple-color: var(--radio-checked-ripple-color) !important;
  --mat-radio-disabled-label-color: var(--radio-disabled-label-color);
}
.prime-card .mat-mdc-radio-group {
  display: flex;
  align-items: center;
  gap: 15px;
}
.prime-card .mat-mdc-radio-button {
  display: inline-flex;
  margin: 5px 0px;
  transition: all 0.3s linear;
}
.prime-card .mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 20px !important;
}
.prime-card .mat-mdc-radio-button .mdc-radio .mat-mdc-radio-touch-target {
  height: 20px;
  width: 20px;
}
.prime-card .mat-mdc-radio-button .mdc-radio__outer-circle {
  transition: all 0.2s linear;
  cursor: pointer;
}
.prime-card .mat-mdc-radio-button .mdc-radio__outer-circle:hover {
  border-color: var(--purple-bg) !important;
}
.prime-card .mat-mdc-radio-button .mdc-form-field .mdc-label {
  cursor: pointer;
  border-color: var(--light-border);
  color: var(--primary-text-20) !important;
}
.prime-card .mat-mdc-radio-button .mdc-form-field:has(.mdc-radio--disabled) .mdc-label {
  cursor: not-allowed !important;
}
.prime-card .mat-mdc-radio-button:has(.mdc-radio--disabled) .mdc-label {
  cursor: not-allowed !important;
}
.prime-card .mat-mdc-radio-button:hover .mdc-radio__outer-circle {
  border-color: var(--purple-bg) !important;
}
.prime-card .mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-color: var(--purple-bg) !important;
}
.prime-card .mat-mdc-radio-checked:hover .mdc-radio__outer-circle {
  border-color: var(--purple-bg) !important;
}
.prime-card .mat-mdc-checkbox {
  display: flex !important;
  align-items: center;
  margin: 4px 0px;
  --mdc-checkbox-state-layer-size: 20px;
  --mdc-checkbox-disabled-selected-icon-color: var(--checkbox-disabled-selected-icon);
  --mdc-checkbox-disabled-unselected-icon-color: var(--checkbox-disabled-unselected-icon);
  --mdc-checkbox-disabled-selected-checkmark-color: var(--checkbox-disabled-selected-checkmark);
  --mdc-checkbox-unselected-icon-color: var(--checkbox-unselected-icon);
  --mdc-checkbox-unselected-hover-icon-color: var(--checkbox-unselected-hover-icon);
  --mdc-checkbox-unselected-pressed-icon-color: var(--checkbox-unselected-hover-icon);
  --mdc-checkbox-unselected-focus-icon-color: var(--checkbox-unselected-hover-icon);
  --mdc-checkbox-selected-icon-color: var(--checkbox-selected-icon);
  --mdc-checkbox-selected-hover-icon-color: var(--checkbox-selected-icon);
  --mdc-checkbox-selected-pressed-icon-color: var(--checkbox-selected-icon);
  --mdc-checkbox-selected-focus-icon-color: var(--checkbox-selected-icon);
  --mdc-checkbox-selected-checkmark-color: var(--checkbox-selected-checkmark);
  --mdc-checkbox-selected-focus-state-layer-color: #ffd64000;
  --mdc-checkbox-selected-hover-state-layer-color: #ffd64000;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffd64000;
  --mdc-checkbox-unselected-focus-state-layer-color: #00000000;
  --mdc-checkbox-unselected-hover-state-layer-color: #00000000;
  --mdc-checkbox-unselected-pressed-state-layer-color: #00000000;
}
.prime-card .mat-mdc-checkbox .mdc-form-field {
  align-items: flex-start;
}
.prime-card .mat-mdc-checkbox .mdc-form-field .mdc-checkbox .mat-mdc-checkbox-touch-target {
  height: 20px;
  width: 20px;
}
.prime-card .mat-mdc-checkbox .mdc-form-field .mdc-label {
  margin-top: 2px;
  word-break: break-word;
  margin-left: 3px;
  font-family: var(--primary-font-family);
  color: var(--primary-text) !important;
  font-size: var(--fs-lg) !important;
}
.prime-card .mat-mdc-checkbox .mdc-checkbox__background {
  border: 1.5px solid currentColor;
  border-radius: 5px;
  height: var(--mdc-checkbox-state-layer-size);
  width: var(--mdc-checkbox-state-layer-size);
}
.prime-card .mat-mdc-checkbox .mdc-checkbox__background .mdc-checkbox__checkmark {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
.prime-card .mat-mdc-checkbox .mdc-checkbox__ripple {
  display: none !important;
}
.prime-card .mat-mdc-checkbox .mat-mdc-checkbox-ripple {
  display: none !important;
}
.prime-card .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  background: var(--checkbox-unselected-bg) !important;
}
.prime-card .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background {
  background: var(--checkbox-selected-icon) !important;
  border-color: var(--checkbox-selected-icon) !important;
}
.prime-card .mat-mdc-checkbox.checkbox-rounded .mdc-checkbox__background {
  border-radius: 50px;
}
.prime-card .mat-mdc-checkbox.checkbox-rounded .mdc-checkbox__background .mdc-checkbox__checkmark {
  width: 60%;
}
.prime-card .mat-mdc-checkbox-disabled .mdc-checkbox {
  cursor: not-allowed !important;
}
.prime-card .checkbox-label-md .mdc-form-field .mdc-label {
  word-break: break-word;
  margin-left: 3px;
  font-family: var(--primary-font-family);
  color: var(--primary-text) !important;
  font-size: var(--fs-md) !important;
}
.prime-card .checkbox-label-md-50 .mdc-form-field .mdc-label {
  word-break: break-word;
  margin-left: 3px;
  font-family: var(--primary-font-family);
  color: var(--primary-text-50) !important;
  font-size: var(--fs-md) !important;
}
.prime-card .checkbox-label-md-50 .mdc-form-field .mdc-label a {
  font-size: var(--fs-md) !important;
  color: var(--primary-text) !important;
  text-decoration: underline;
}
.prime-card .checkbox-label-sm-50 .mdc-form-field .mdc-label {
  word-break: break-word;
  margin-left: 3px;
  font-family: var(--primary-font-family);
  color: var(--primary-text-50) !important;
  font-size: var(--fs-sm) !important;
}
.prime-card .checkbox-label-sm-50 .mdc-form-field .mdc-label a {
  font-size: var(--fs-sm) !important;
  color: var(--primary-text) !important;
  text-decoration: underline;
}
@media (max-width: 820px) {
  .prime-card .checkbox-label-sm-50 .mdc-form-field .mdc-label {
    margin-top: 1px;
    font-size: var(--fs-md) !important;
  }
  .prime-card .checkbox-label-sm-50 .mdc-form-field .mdc-label a {
    font-size: var(--fs-md) !important;
  }
}
.prime-card .mat-mdc-slider.mat-primary.basic-slider,
.prime-card .mat-mdc-slider.mat-primary.tick-marks-slider {
  height: 50px;
  --mdc-slider-handle-color: linear-gradient(223.73deg, #afafaf -12.69%, #252644 112.69%);
  --mdc-slider-focus-handle-color: linear-gradient(223.73deg, #afafaf -12.69%, #252644 112.69%);
  --mdc-slider-hover-handle-color: linear-gradient(223.73deg, #afafaf -12.69%, #252644 112.69%);
  --mat-mdc-slider-ripple-color: #afafaf;
  --mat-mdc-slider-hover-ripple-color: #afafaf1f;
  --mat-mdc-slider-focus-ripple-color: #afafaf46;
  --mdc-slider-inactive-track-color: #555555;
  --mdc-slider-active-track-color: linear-gradient(223.73deg, #afafaf -12.69%, #252644 112.69%);
  --mdc-slider-with-tick-marks-active-container-color: linear-gradient(
      223.73deg,
      #afafaf -12.69%,
      #252644 112.69%
  );
  --mdc-slider-with-tick-marks-inactive-container-color: #555555;
}
.prime-card .mat-mdc-slider.mat-primary.basic-slider .mdc-slider__input,
.prime-card .mat-mdc-slider.mat-primary.tick-marks-slider .mdc-slider__input {
  height: 100%;
  top: 0px;
}
.prime-card .mat-mdc-slider.mat-primary.basic-slider .mdc-slider__thumb,
.prime-card .mat-mdc-slider.mat-primary.tick-marks-slider .mdc-slider__thumb {
  top: calc(50% - 15px);
  left: -15px;
  height: 30px;
  width: 30px;
  transform: translate(-50%);
}
.prime-card .mat-mdc-slider.mat-primary.basic-slider .mdc-slider__thumb .mat-ripple,
.prime-card .mat-mdc-slider.mat-primary.tick-marks-slider .mdc-slider__thumb .mat-ripple {
  border-radius: 50%;
}
.prime-card .mat-mdc-slider.mat-primary.basic-slider .mdc-slider__thumb-knob,
.prime-card .mat-mdc-slider.mat-primary.tick-marks-slider .mdc-slider__thumb-knob {
  border: none;
  background: var(--mdc-slider-handle-color) !important;
}
.prime-card .mat-mdc-slider.mat-primary.basic-slider .mdc-slider__thumb--focused .mdc-slider__thumb-knob,
.prime-card .mat-mdc-slider.mat-primary.tick-marks-slider .mdc-slider__thumb--focused .mdc-slider__thumb-knob {
  border: none;
  background: var(--mdc-slider-focus-handle-color) !important;
}
.prime-card .mat-mdc-slider.mat-primary.basic-slider .mdc-slider__track .mdc-slider__track--inactive,
.prime-card .mat-mdc-slider.mat-primary.tick-marks-slider .mdc-slider__track .mdc-slider__track--inactive {
  background: var(--mdc-slider-inactive-track-color);
}
.prime-card .mat-mdc-slider.mat-primary.basic-slider .mdc-slider__track .mdc-slider__track--active .mdc-slider__track--active_fill,
.prime-card .mat-mdc-slider.mat-primary.tick-marks-slider .mdc-slider__track .mdc-slider__track--active .mdc-slider__track--active_fill {
  border: none;
  background: var(--mdc-slider-active-track-color);
}
.prime-card .mat-mdc-slider.mat-primary.basic-slider .mdc-slider__track .mdc-slider__tick-marks .mdc-slider__tick-mark--active,
.prime-card .mat-mdc-slider.mat-primary.tick-marks-slider .mdc-slider__track .mdc-slider__tick-marks .mdc-slider__tick-mark--active {
  background: var(--mdc-slider-with-tick-marks-active-container-color) !important;
}
.prime-card .mat-mdc-slider.mat-primary.basic-slider .mdc-slider__track .mdc-slider__tick-marks .mdc-slider__tick-mark--inactive,
.prime-card .mat-mdc-slider.mat-primary.tick-marks-slider .mdc-slider__track .mdc-slider__tick-marks .mdc-slider__tick-mark--inactive {
  background: var(--mdc-slider-with-tick-marks-inactive-container-color) !important;
}
.prime-card .mat-mdc-slider.mat-primary.basic-slider.mdc-slider--disabled,
.prime-card .mat-mdc-slider.mat-primary.tick-marks-slider-slider.mdc-slider--disabled {
  opacity: 0.6;
}
.prime-card .mat-mdc-slider.mat-primary.basic-slider.mdc-slider--disabled .mdc-slider__input,
.prime-card .mat-mdc-slider.mat-primary.tick-marks-slider-slider.mdc-slider--disabled .mdc-slider__input {
  cursor: not-allowed !important;
}
.prime-card .mat-mdc-slider.tick-marks-slider .mdc-slider__track {
  height: 100%;
}
.prime-card .mat-mdc-slider.tick-marks-slider .mdc-slider__track .mdc-slider__track--inactive,
.prime-card .mat-mdc-slider.tick-marks-slider .mdc-slider__track .mdc-slider__track--active {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.prime-card .mat-mdc-slider.tick-marks-slider .mdc-slider__track .mdc-slider__tick-marks .mdc-slider__tick-mark--active {
  left: -5px !important;
  top: 5% !important;
  width: 15px !important;
  height: 90% !important;
  border-radius: 10px;
  opacity: 1;
}
.prime-card .mat-mdc-slider.tick-marks-slider .mdc-slider__track .mdc-slider__tick-marks .mdc-slider__tick-mark--inactive {
  left: 0px !important;
  top: 25% !important;
  width: 7px !important;
  height: 50% !important;
  border-radius: 10px;
  opacity: 1;
}
.prime-card .mat-mdc-slider.tick-marks-slider .mdc-slider__thumb {
  left: -10px !important;
  top: 0% !important;
  width: 20px !important;
  height: 100% !important;
}
.prime-card .mat-mdc-slider.tick-marks-slider .mdc-slider__thumb .mdc-slider__thumb-knob {
  height: 90%;
  width: 70%;
  border-radius: 10px;
}
.prime-card .mat-mdc-slider.tick-marks-slider .mdc-slider__thumb .mat-ripple {
  border-radius: 10px !important;
}
.prime-card .mat-mdc-slider.tick-marks-slider .mdc-slider__thumb .mat-ripple .mat-ripple-element {
  height: 100% !important;
  width: 100% !important;
  top: 0% !important;
  left: 0% !important;
  border-radius: 10px;
}
.prime-card .mat-mdc-slide-toggle {
  /* Selected handle */
  --mdc-switch-selected-handle-color: var(--switch-selected-handle);
  --mdc-switch-selected-hover-handle-color: var(--switch-selected-hover-handle);
  --mdc-switch-selected-focus-handle-color: var(--switch-selected-focus-handle);
  --mdc-switch-selected-pressed-handle-color: var(--switch-selected-pressed-handle);
  /* Selected track */
  --mdc-switch-selected-track-color: var(--switch-selected-track);
  --mdc-switch-selected-hover-track-color: var(--switch-selected-hover-track);
  --mdc-switch-selected-focus-track-color: var(--switch-selected-focus-track);
  --mdc-switch-selected-pressed-track-color: var(--switch-selected-pressed-track);
  /*selected Ripple / state layer */
  --mdc-switch-selected-hover-state-layer-color: var(--switch-selected-ripple);
  --mdc-switch-selected-focus-state-layer-color: var(--switch-selected-ripple);
  --mdc-switch-selected-pressed-state-layer-color: var(--switch-selected-ripple);
  /* Selected icon */
  --mdc-switch-selected-icon-color: var(--switch-selected-icon);
  /* Disabled selected */
  --mdc-switch-disabled-selected-handle-color: var(--switch-disabled-selected-handle);
  --mdc-switch-disabled-selected-track-color: var(--switch-disabled-selected-track);
  --mdc-switch-disabled-selected-icon-color: var(--switch-disabled-selected-icon);
  /* unselected handle */
  --mdc-switch-unselected-handle-color: var(--switch-unselected-handle);
  --mdc-switch-unselected-hover-handle-color: var(--switch-unselected-hover-handle);
  --mdc-switch-unselected-focus-handle-color: var(--switch-unselected-focus-handle);
  --mdc-switch-unselected-pressed-handle-color: var(--switch-unselected-pressed-handle);
  /* unselected track */
  --mdc-switch-unselected-track-color: var(--switch-unselected-track);
  --mdc-switch-unselected-hover-track-color: var(--switch-unselected-hover-track);
  --mdc-switch-unselected-focus-track-color: var(--switch-unselected-focus-track);
  --mdc-switch-unselected-pressed-track-color: var(--switch-unselected-pressed-track);
  /*selected Ripple / state layer */
  --mdc-switch-unselected-hover-state-layer-color: var(--switch-unselected-ripple);
  --mdc-switch-unselected-focus-state-layer-color: var(--switch-unselected-ripple);
  --mdc-switch-unselected-pressed-state-layer-color: var(--switch-unselected-ripple);
  /* Selected icon */
  --mdc-switch-unselected-icon-color: var(--switch-unselected-icon);
  /* Disabled unselected */
  --mdc-switch-disabled-unselected-handle-color: var(--switch-disabled-unselected-handle);
  --mdc-switch-disabled-unselected-track-color: var(--switch-disabled-unselected-track);
  --mdc-switch-disabled-unselected-icon-color: var(--switch-disabled-unselected-icon);
}
.prime-card .mdc-switch {
  --mdc-switch-track-width: 40px !important;
  --mdc-switch-track-height: 20px !important;
  --mdc-switch-track-shape: 12px !important;
  --mdc-switch-handle-width: 16px !important;
  --mdc-switch-handle-shape: 50% !important;
  --mdc-switch-handle-height: 16px !important;
  --mdc-switch-selected-icon-size: 10px !important;
  --mdc-switch-state-layer-size: 28px !important;
  --mdc-switch-unselected-icon-size: 10px !important;
  --mdc-switch-disabled-handle-opacity: 0.5 !important;
  --mdc-switch-disabled-selected-icon-opacity: 0.5 !important;
  --mdc-switch-disabled-unselected-icon-opacity: 0.5 !important;
  --mdc-switch-disabled-track-opacity: 0.5 !important;
}
.prime-card .mdc-switch--unselected .mdc-switch__handle-track {
  transform: translateX(2px);
}
.prime-card .mdc-switch--selected .mdc-switch__handle-track {
  transform: translateX(calc(100% - 3px));
}
.prime-card .mdc-switch--disabled {
  cursor: not-allowed !important;
}

/* ⚠️ STRICT WARNING: Global .prime-card layout rules — DO NOT MODIFY without verifying all screens */
.prime-card:has(.prime-card-footer) .prime-card-body {
  padding-bottom: var(--footer-height);
}

.prime-card:has(.prime-card-footer):has(.search-content-group, .search-group, .bank-list) .prime-card-body {
  padding-bottom: 0px;
}

.prime-card.card-inner-scroll {
  height: 100%;
}
.prime-card.card-inner-scroll .prime-card-body {
  overflow: auto;
}

.prime-card.card-no-inner-scroll {
  height: auto;
}
.prime-card.card-no-inner-scroll .prime-card-body {
  overflow: unset;
}

.prime-subcard {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-radius: 20px;
  padding: 30px;
  background: var(--prime-subcard-bg);
  box-shadow: var(--prime-subcard-box-shadow);
  z-index: 1;
}
.prime-subcard .card-title {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text);
  font-family: var(--secondary-font-family);
}
.prime-subcard .card-title-gradient {
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  background: var(--prime-card-title-gradient);
  font-family: var(--secondary-font-family);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: block;
}
.prime-subcard .card-subtitle {
  font-size: var(--fs-lg);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text);
  word-break: break-all;
}
.prime-subcard .card-subtitle-40 {
  font-size: var(--fs-lg);
  font-weight: var(--fw-500) !important;
  color: var(--prime-card-primary-text-40) !important;
  word-break: break-all;
}
.prime-subcard .card-subtitle-md {
  font-size: var(--fs-lg);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.prime-subcard .card-subtitle-md-40 {
  font-size: var(--fs-lg);
  font-weight: var(--fw-400) !important;
  color: var(--prime-card-primary-text-40) !important;
}
.prime-subcard .card-desc {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.prime-subcard .card-desc-50 {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-50) !important;
}
.prime-subcard .card-desc-md {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.prime-subcard .card-desc-md-60 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-60) !important;
}
.prime-subcard .card-text-base {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.prime-subcard .card-text-base-20 {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-20) !important;
}
.prime-subcard .card-text-base-50 {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-50) !important;
}
.prime-subcard-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
}
.prime-subcard .title-3xl {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  color: var(--prime-subcard-primary-text);
}
.prime-subcard .text-xl {
  font-size: var(--fs-xl);
  font-weight: var(--fw-600);
  color: var(--prime-card-primary-text);
}
.prime-subcard .text-xl-50 {
  font-size: var(--fs-xl);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text-50) !important;
}
.prime-subcard .text-lg {
  font-size: var(--fs-lg);
  font-weight: var(--fw-600);
  color: var(--prime-card-primary-text);
}
.prime-subcard .text-lg-50 {
  font-size: var(--fs-lg);
  font-weight: var(--fw-500);
  color: var(--prime-card-primary-text-50) !important;
}
.prime-subcard .text-base {
  font-size: var(--fs-base);
  font-weight: var(--fw-600);
  color: var(--prime-card-primary-text);
}
.prime-subcard .text-base-50 {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-50) !important;
}
.prime-subcard .text-sm {
  font-size: var(--fs-sm);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text);
}
.prime-subcard .text-sm-50 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--prime-card-primary-text-50);
}
@media (max-width: 820px) {
  .prime-subcard {
    padding: 20px;
    min-width: 100%;
    width: 100%;
    margin: 0px !important;
  }
  .prime-subcard.reset-subcard--mobile {
    padding: 0px;
    background: none;
    box-shadow: none;
  }
  .prime-subcard.reset-subcard--otp {
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0px;
    background: none;
    box-shadow: none;
  }
}
.prime-subcard .mat-mdc-radio-button.mat-accent {
  --mdc-radio-unselected-icon-color: var(--radio-unselected-icon);
  --mdc-radio-unselected-hover-icon-color: var(--radio-unselected-hover-icon);
  --mdc-radio-unselected-pressed-icon-color: var(--radio-unselected-hover-icon);
  --mdc-radio-selected-icon-color: var(--radio-selected-icon);
  --mdc-radio-selected-hover-icon-color: var(--radio-selected-hover-icon);
  --mdc-radio-selected-focus-icon-color: var(--radio-selected-focus-icon);
  --mdc-radio-selected-pressed-icon-color: var(--radio-selected-pressed-icon);
  --mdc-radio-disabled-unselected-icon-color: var(--radio-disabled-unselected-icon);
  --mdc-radio-disabled-selected-icon-color: var(--radio-disabled-selected-icon);
  --mat-radio-ripple-color: var(--radio-ripple-color) !important;
  --mat-radio-checked-ripple-color: var(--radio-checked-ripple-color) !important;
  --mat-radio-disabled-label-color: var(--radio-disabled-label-color);
}
.prime-subcard .mat-mdc-radio-group {
  display: flex;
  align-items: center;
  gap: 15px;
}
.prime-subcard .mat-mdc-radio-button {
  display: inline-flex;
  margin: 5px 0px;
  transition: all 0.3s linear;
}
.prime-subcard .mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 20px !important;
}
.prime-subcard .mat-mdc-radio-button .mdc-radio .mat-mdc-radio-touch-target {
  height: 20px;
  width: 20px;
}
.prime-subcard .mat-mdc-radio-button .mdc-radio__outer-circle {
  transition: all 0.2s linear;
  cursor: pointer;
}
.prime-subcard .mat-mdc-radio-button .mdc-radio__outer-circle:hover {
  border-color: var(--purple-bg) !important;
}
.prime-subcard .mat-mdc-radio-button .mdc-form-field .mdc-label {
  cursor: pointer;
  border-color: var(--light-border);
  color: var(--primary-text-20) !important;
}
.prime-subcard .mat-mdc-radio-button .mdc-form-field:has(.mdc-radio--disabled) .mdc-label {
  cursor: not-allowed !important;
}
.prime-subcard .mat-mdc-radio-button:has(.mdc-radio--disabled) .mdc-label {
  cursor: not-allowed !important;
}
.prime-subcard .mat-mdc-radio-button:hover .mdc-radio__outer-circle {
  border-color: var(--purple-bg) !important;
}
.prime-subcard .mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-color: var(--purple-bg) !important;
}
.prime-subcard .mat-mdc-radio-checked:hover .mdc-radio__outer-circle {
  border-color: var(--purple-bg) !important;
}
.prime-subcard .mat-mdc-slide-toggle {
  /* Selected handle */
  --mdc-switch-selected-handle-color: var(--switch-selected-handle);
  --mdc-switch-selected-hover-handle-color: var(--switch-selected-hover-handle);
  --mdc-switch-selected-focus-handle-color: var(--switch-selected-focus-handle);
  --mdc-switch-selected-pressed-handle-color: var(--switch-selected-pressed-handle);
  /* Selected track */
  --mdc-switch-selected-track-color: var(--switch-selected-track);
  --mdc-switch-selected-hover-track-color: var(--switch-selected-hover-track);
  --mdc-switch-selected-focus-track-color: var(--switch-selected-focus-track);
  --mdc-switch-selected-pressed-track-color: var(--switch-selected-pressed-track);
  /*selected Ripple / state layer */
  --mdc-switch-selected-hover-state-layer-color: var(--switch-selected-ripple);
  --mdc-switch-selected-focus-state-layer-color: var(--switch-selected-ripple);
  --mdc-switch-selected-pressed-state-layer-color: var(--switch-selected-ripple);
  /* Selected icon */
  --mdc-switch-selected-icon-color: var(--switch-selected-icon);
  /* Disabled selected */
  --mdc-switch-disabled-selected-handle-color: var(--switch-disabled-selected-handle);
  --mdc-switch-disabled-selected-track-color: var(--switch-disabled-selected-track);
  --mdc-switch-disabled-selected-icon-color: var(--switch-disabled-selected-icon);
  /* unselected handle */
  --mdc-switch-unselected-handle-color: var(--switch-unselected-handle);
  --mdc-switch-unselected-hover-handle-color: var(--switch-unselected-hover-handle);
  --mdc-switch-unselected-focus-handle-color: var(--switch-unselected-focus-handle);
  --mdc-switch-unselected-pressed-handle-color: var(--switch-unselected-pressed-handle);
  /* unselected track */
  --mdc-switch-unselected-track-color: var(--switch-unselected-track);
  --mdc-switch-unselected-hover-track-color: var(--switch-unselected-hover-track);
  --mdc-switch-unselected-focus-track-color: var(--switch-unselected-focus-track);
  --mdc-switch-unselected-pressed-track-color: var(--switch-unselected-pressed-track);
  /*selected Ripple / state layer */
  --mdc-switch-unselected-hover-state-layer-color: var(--switch-unselected-ripple);
  --mdc-switch-unselected-focus-state-layer-color: var(--switch-unselected-ripple);
  --mdc-switch-unselected-pressed-state-layer-color: var(--switch-unselected-ripple);
  /* Selected icon */
  --mdc-switch-unselected-icon-color: var(--switch-unselected-icon);
  /* Disabled unselected */
  --mdc-switch-disabled-unselected-handle-color: var(--switch-disabled-unselected-handle);
  --mdc-switch-disabled-unselected-track-color: var(--switch-disabled-unselected-track);
  --mdc-switch-disabled-unselected-icon-color: var(--switch-disabled-unselected-icon);
}
.prime-subcard .mdc-switch {
  --mdc-switch-track-width: 40px !important;
  --mdc-switch-track-height: 20px !important;
  --mdc-switch-track-shape: 12px !important;
  --mdc-switch-handle-width: 16px !important;
  --mdc-switch-handle-shape: 50% !important;
  --mdc-switch-handle-height: 16px !important;
  --mdc-switch-selected-icon-size: 10px !important;
  --mdc-switch-state-layer-size: 28px !important;
  --mdc-switch-unselected-icon-size: 10px !important;
  --mdc-switch-disabled-handle-opacity: 0.5 !important;
  --mdc-switch-disabled-selected-icon-opacity: 0.5 !important;
  --mdc-switch-disabled-unselected-icon-opacity: 0.5 !important;
  --mdc-switch-disabled-track-opacity: 0.5 !important;
}
.prime-subcard .mdc-switch--unselected .mdc-switch__handle-track {
  transform: translateX(2px);
}
.prime-subcard .mdc-switch--selected .mdc-switch__handle-track {
  transform: translateX(calc(100% - 3px));
}
.prime-subcard .mdc-switch--disabled {
  cursor: not-allowed !important;
}

.indicator {
  width: auto;
  margin: 0 auto;
}
.indicator .indicator-bar {
  display: inline-block;
  width: 10px;
  height: 6px;
  background: var(--indicator-bg);
  border-radius: 10px;
  margin: 2px;
}
.indicator .active {
  width: 30px;
  background: var(--indicator-active-bg);
  animation: indicator-slide 1s;
}

.step-indicator {
  display: flex;
  justify-content: space-between;
}
.step-indicator .indicator-bar {
  display: inline-flex;
  width: 100%;
  height: 4px;
  background: var(--step-indicator-bg);
  border-radius: 10px;
  margin: 2px;
}
.step-indicator .active {
  width: 100%;
  background: var(--step-indicator-active-bg);
}

.step-indicator-w10 {
  width: 10%;
}

.step-indicator-w20 {
  width: 20%;
}

.step-indicator-w25 {
  width: 25%;
}

.step-indicator-w30 {
  width: 30%;
}

.step-indicator-w33 {
  width: 33%;
}

.step-indicator-w40 {
  width: 40%;
}
@media (max-width: 576px) {
  .step-indicator-w40 {
    width: 100%;
  }
}

.step-indicator-w50 {
  width: 50%;
}

.step-indicator-w60 {
  width: 60%;
}

.step-indicator-w70 {
  width: 70%;
}

.step-indicator-w75 {
  width: 75%;
}

.step-indicator-w80 {
  width: 80%;
}

.step-indicator-w90 {
  width: 90%;
}

.step-indicator-w100 {
  width: 100%;
}

@keyframes indicator-slide {
  0% {
    width: 0px;
  }
  100% {
    width: 30px;
  }
}
.custom-table,
.info-custom-table {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.custom-table .half-table,
.custom-table .full-table,
.info-custom-table .half-table,
.info-custom-table .full-table {
  width: calc(50% - 10px);
  font-size: var(--fs-base);
}
.custom-table .half-table .table-header,
.custom-table .half-table tr,
.custom-table .full-table .table-header,
.custom-table .full-table tr,
.info-custom-table .half-table .table-header,
.info-custom-table .half-table tr,
.info-custom-table .full-table .table-header,
.info-custom-table .full-table tr {
  color: var(--table-header-text);
  background: var(--table-header-bg);
}
.custom-table .half-table .table-header th:nth-child(1),
.custom-table .half-table tr th:nth-child(1),
.custom-table .full-table .table-header th:nth-child(1),
.custom-table .full-table tr th:nth-child(1),
.info-custom-table .half-table .table-header th:nth-child(1),
.info-custom-table .half-table tr th:nth-child(1),
.info-custom-table .full-table .table-header th:nth-child(1),
.info-custom-table .full-table tr th:nth-child(1) {
  display: flex;
  align-items: center;
  min-width: 20%;
  margin-right: 20px;
  color: var(--table-header-text);
  font-weight: var(--fw-500);
  padding: 0px 10px;
}
.custom-table .half-table .table-header th:nth-child(2),
.custom-table .half-table tr th:nth-child(2),
.custom-table .full-table .table-header th:nth-child(2),
.custom-table .full-table tr th:nth-child(2),
.info-custom-table .half-table .table-header th:nth-child(2),
.info-custom-table .half-table tr th:nth-child(2),
.info-custom-table .full-table .table-header th:nth-child(2),
.info-custom-table .full-table tr th:nth-child(2) {
  text-align: end;
  font-weight: var(--fw-500);
  color: var(--table-header-text);
  padding: 0px 10px;
}
.custom-table .half-table tr,
.custom-table .full-table tr,
.info-custom-table .half-table tr,
.info-custom-table .full-table tr {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  padding: 6px 0px;
  line-height: normal;
  border-bottom: 1px solid var(--table-row-border);
  transition: all 0.2s linear;
  word-break: break-word;
  border-radius: 5px;
  background: var(--table-row-bg);
}
.custom-table .half-table tr:nth-last-child(1),
.custom-table .full-table tr:nth-last-child(1),
.info-custom-table .half-table tr:nth-last-child(1),
.info-custom-table .full-table tr:nth-last-child(1) {
  border-bottom: none;
}
.custom-table .half-table tr:hover,
.custom-table .full-table tr:hover,
.info-custom-table .half-table tr:hover,
.info-custom-table .full-table tr:hover {
  background: var(--table-row-hover-bg);
}
.custom-table .half-table tr td:nth-child(1),
.custom-table .full-table tr td:nth-child(1),
.info-custom-table .half-table tr td:nth-child(1),
.info-custom-table .full-table tr td:nth-child(1) {
  display: flex;
  align-items: center;
  min-width: 20%;
  color: color-mix(in srgb, var(--table-row-text), transparent 50%) !important;
  font-weight: var(--fw-400);
  padding: 0px 10px;
}
.custom-table .half-table tr td:nth-child(1) .additional-title-wrapper,
.custom-table .full-table tr td:nth-child(1) .additional-title-wrapper,
.info-custom-table .half-table tr td:nth-child(1) .additional-title-wrapper,
.info-custom-table .full-table tr td:nth-child(1) .additional-title-wrapper {
  display: flex;
  flex-direction: column;
}
.custom-table .half-table tr td:nth-child(1) .additional-title-wrapper span,
.custom-table .full-table tr td:nth-child(1) .additional-title-wrapper span,
.info-custom-table .half-table tr td:nth-child(1) .additional-title-wrapper span,
.info-custom-table .full-table tr td:nth-child(1) .additional-title-wrapper span {
  display: flex;
  align-items: center;
}
.custom-table .half-table tr td:nth-child(1) .additional-title-wrapper span:nth-child(2),
.custom-table .full-table tr td:nth-child(1) .additional-title-wrapper span:nth-child(2),
.info-custom-table .half-table tr td:nth-child(1) .additional-title-wrapper span:nth-child(2),
.info-custom-table .full-table tr td:nth-child(1) .additional-title-wrapper span:nth-child(2) {
  font-size: var(--fs-sm);
  font-weight: var(--fs-300);
}
.custom-table .half-table tr td:nth-child(2),
.custom-table .full-table tr td:nth-child(2),
.info-custom-table .half-table tr td:nth-child(2),
.info-custom-table .full-table tr td:nth-child(2) {
  display: flex;
  align-items: center;
  gap: 5px;
  text-align: end;
  font-weight: var(--fw-500);
  color: var(--table-row-text);
  padding: 0px 10px;
}
.custom-table .half-table tr td:nth-child(2) .additional-data-wrapper,
.custom-table .full-table tr td:nth-child(2) .additional-data-wrapper,
.info-custom-table .half-table tr td:nth-child(2) .additional-data-wrapper,
.info-custom-table .full-table tr td:nth-child(2) .additional-data-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.custom-table .half-table tr td:nth-child(2) .additional-data-wrapper span,
.custom-table .full-table tr td:nth-child(2) .additional-data-wrapper span,
.info-custom-table .half-table tr td:nth-child(2) .additional-data-wrapper span,
.info-custom-table .full-table tr td:nth-child(2) .additional-data-wrapper span {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.custom-table .half-table tr td:nth-child(2) .additional-data-wrapper span:nth-child(2),
.custom-table .full-table tr td:nth-child(2) .additional-data-wrapper span:nth-child(2),
.info-custom-table .half-table tr td:nth-child(2) .additional-data-wrapper span:nth-child(2),
.info-custom-table .full-table tr td:nth-child(2) .additional-data-wrapper span:nth-child(2) {
  font-size: var(--fs-sm);
  font-weight: var(--fs-300);
}
.custom-table .more-info-icon,
.info-custom-table .more-info-icon {
  width: var(--fs-base);
  filter: var(--primary-icon) !important;
  margin-left: 5px;
  opacity: 0.5;
  cursor: pointer;
}
.custom-table .full-table,
.info-custom-table .full-table {
  width: 100% !important;
}
.custom-table .text-danger,
.info-custom-table .text-danger {
  color: var(--danger-text) !important;
}
.custom-table .text-success,
.info-custom-table .text-success {
  color: var(--success-text) !important;
}
.custom-table .text-progress,
.info-custom-table .text-progress {
  color: var(--progress-text) !important;
}
.custom-table .text-lg,
.info-custom-table .text-lg {
  font-size: var(--fs-lg) !important;
  font-weight: var(--fw-500) !important;
}
.custom-table .text-highlight,
.info-custom-table .text-highlight {
  color: var(--primary-text) !important;
}
.custom-table .text-highlight-50,
.info-custom-table .text-highlight-50 {
  color: var(--primary-text-50) !important;
}
.custom-table .text-highlight-30,
.info-custom-table .text-highlight-30 {
  color: var(--primary-text-30) !important;
}
.custom-table .text-line-through,
.info-custom-table .text-line-through {
  text-decoration: line-through;
}
.custom-table .text-gradient,
.info-custom-table .text-gradient {
  font-weight: var(--fw-500) !important;
  background: linear-gradient(90deg, #7b7bff 0%, #b58cff 40%, #f0a6d8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.info-custom-table .half-table tr,
.info-custom-table .full-table tr {
  padding: 5px 0px;
}
.info-custom-table .half-table tr:hover,
.info-custom-table .full-table tr:hover {
  background: none;
}
.info-custom-table .half-table tr td:nth-child(1),
.info-custom-table .full-table tr td:nth-child(1) {
  flex-wrap: wrap;
  padding: 0px !important;
}
.info-custom-table .half-table tr td:nth-child(2),
.info-custom-table .full-table tr td:nth-child(2) {
  flex-wrap: wrap;
  padding: 0px !important;
}

.row-border-none .half-table tr,
.row-border-none .full-table tr {
  border-bottom: none;
}

.cmn-otp-section {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.cmn-otp-section-input-box {
  width: 100%;
  min-width: min-content;
  display: flex;
  gap: 10px;
}
@media (max-width: 576px) {
  .cmn-otp-section {
    width: 100%;
  }
  .cmn-otp-section-input-box {
    width: 100%;
    min-width: 100%;
  }
  .cmn-otp-section-input-box .form-field-item {
    width: calc(16.6666666667% - 5px);
  }
  .cmn-otp-section-input-box .form-field-item .form-field-otp-input {
    width: 100%;
  }
  .cmn-otp-section-input-box .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
  .cmn-otp-section-input-box .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
    width: 100%;
  }
}

.label-option-button-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.label-option-button-group .label {
  color: var(--input-label);
  font-size: var(--fs-md);
  font-weight: var(--fw-600);
}
.label-option-button-group-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.label-option-button-group-list-item {
  min-width: 120px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 10px;
  outline: none;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.3s ease;
  font-size: var(--fs-md);
  font-weight: var(--fw-600);
  color: var(--label-option-button-text);
  background: var(--label-option-button-bg);
}
.label-option-button-group-list-item:hover {
  color: var(--label-option-button-hover-text);
  background: var(--label-option-button-hover-bg);
}
.label-option-button-group-list-item.active {
  background: var(--purple-bg-50);
  color: var(--text-primary);
  color: var(--label-option-button-active-text);
  background: var(--label-option-button-active-bg);
}

.custom-label {
  text-align: center;
  color: var(--input-placeholder);
  font-weight: var(--fw-600);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  transform: translateY(8px);
}

.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.error {
  opacity: 0.4;
  visibility: visible;
  transform: translateY(0px);
  color: var(--input-error-text);
}

.dashboard-lead-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 3px;
  border-radius: 20px;
  transition: all 0.5s linear;
  color: var(--primary-text);
  background: var(--dashboard-lead-card-bg-gradient);
  border: 1px solid var(--primary-border);
  overflow: hidden;
}
.dashboard-lead-card-header {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px;
}
.dashboard-lead-card-header-icon-box {
  height: 40px;
  width: 40px;
}
.dashboard-lead-card-header-icon-box img {
  width: 100%;
  height: 100%;
}
.dashboard-lead-card-header-title {
  color: var(--dashboard-lead-card-primary-text);
  font-weight: var(--fw-500);
  font-size: var(--fs-3xl);
  font-family: var(--secondary-font-family);
}
.dashboard-lead-card-header-left {
  text-align: start;
  margin-right: auto;
}
.dashboard-lead-card-header-center {
  text-align: center;
}
.dashboard-lead-card-header-right {
  text-align: right;
  margin-left: auto;
}
.dashboard-lead-card .dashboard-lead-card-body {
  width: 100%;
  padding: 10px;
  border-radius: 18px;
  overflow: hidden;
  background: var(--dashboard-lead-card-body-bg-gradient);
}
.dashboard-lead-card .dashboard-lead-card-body-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.dashboard-lead-card .dashboard-lead-card-body-content .counter {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.dashboard-lead-card .dashboard-lead-card-body-content .counter-title {
  font-size: var(--fs-lg);
  font-weight: var(--fw-500);
  color: var(--dashboard-lead-card-primary-text-50);
}
.dashboard-lead-card .dashboard-lead-card-body-content .counter-content {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.dashboard-lead-card .dashboard-lead-card-body-content .counter-content-item {
  min-width: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: normal;
}
.dashboard-lead-card .dashboard-lead-card-body-content .counter-content-item-count {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  color: var(--dashboard-lead-card-primary-text);
}
.dashboard-lead-card .dashboard-lead-card-body-content .counter-content-item-label {
  font-size: var(--fs-sm);
  font-weight: var(--fw-500);
  color: var(--dashboard-lead-card-primary-text-50);
}
.dashboard-lead-card .dashboard-lead-card-body-content .counter-content .dot {
  margin-top: 3px;
  font-weight: var(--fw-900);
  color: var(--dashboard-lead-card-primary-text);
}

.mat-mdc-tab-group {
  --tab-active-bg: var(--secondary-bg);
  color: var(--primary-text);
}
.mat-mdc-tab-group .mat-mdc-tab-header {
  --mat-tab-header-inactive-label-text-color: var(--primary-text-50);
  --mat-tab-header-inactive-focus-label-text-color: var(--primary-text-50);
  --mat-tab-header-inactive-hover-label-text-color: var(--primary-text-50);
  --mat-tab-header-active-label-text-color: var(--primary-text);
  --mat-tab-header-active-focus-label-text-color: var(--primary-text);
  --mat-tab-header-active-hover-label-text-color: var(--primary-text);
  --mat-tab-header-pagination-icon-color: var(--primary-text);
  --mat-tab-header-inactive-ripple-color: var(--tab-active-bg);
  --mat-tab-header-active-ripple-color: var(--tab-active-bg);
  background: var(--secondary-bg-50);
  border-radius: 50px;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mdc-tab {
  overflow: hidden;
  border-radius: 50px;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mdc-tab:hover .mdc-tab__ripple::before {
  opacity: 0.3;
}
.mat-mdc-tab-group .mat-mdc-tab-header .mat-mdc-tab-label-container .mat-mdc-tab-list .mat-mdc-tab-labels .mdc-tab .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  height: 100%;
  border: none;
  background: var(--tab-active-bg);
}
.mat-mdc-tab-group .mat-mdc-tab-body-wrapper .mat-mdc-tab-body {
  padding: 10px 1px;
}

.search-content-group,
.search-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
}
.search-content-group .live-location-card,
.search-content-group .current-location,
.search-group .live-location-card,
.search-group .current-location {
  width: 100%;
  display: flex;
  gap: 10px;
  padding: 10px;
  border-radius: 8px;
  align-items: flex-start;
  cursor: pointer;
  font-weight: var(--fw-400);
  background: var(--secondary-bg);
  color: var(--primary-text);
}
.search-content-group .live-location-card .location-icon, .search-content-group .live-location-card-icon,
.search-content-group .current-location .location-icon,
.search-content-group .current-location-icon,
.search-group .live-location-card .location-icon,
.search-group .live-location-card-icon,
.search-group .current-location .location-icon,
.search-group .current-location-icon {
  height: 25px;
  width: 25px;
  filter: var(--purple-icon);
}
.search-content-group .live-location-card .address-info, .search-content-group .live-location-card-info,
.search-content-group .current-location .address-info,
.search-content-group .current-location-info,
.search-group .live-location-card .address-info,
.search-group .live-location-card-info,
.search-group .current-location .address-info,
.search-group .current-location-info {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.search-content-group .live-location-card .address-info .title, .search-content-group .live-location-card .address-info-title, .search-content-group .live-location-card-info .title, .search-content-group .live-location-card-info-title,
.search-content-group .current-location .address-info .title,
.search-content-group .current-location .address-info-title,
.search-content-group .current-location-info .title,
.search-content-group .current-location-info-title,
.search-group .live-location-card .address-info .title,
.search-group .live-location-card .address-info-title,
.search-group .live-location-card-info .title,
.search-group .live-location-card-info-title,
.search-group .current-location .address-info .title,
.search-group .current-location .address-info-title,
.search-group .current-location-info .title,
.search-group .current-location-info-title {
  font-size: var(--fs-base);
  font-weight: var(--fw-500);
  color: var(--purple-text);
}
.search-content-group .live-location-card .address-info .address, .search-content-group .live-location-card .address-info-address, .search-content-group .live-location-card-info .address, .search-content-group .live-location-card-info-address,
.search-content-group .current-location .address-info .address,
.search-content-group .current-location .address-info-address,
.search-content-group .current-location-info .address,
.search-content-group .current-location-info-address,
.search-group .live-location-card .address-info .address,
.search-group .live-location-card .address-info-address,
.search-group .live-location-card-info .address,
.search-group .live-location-card-info-address,
.search-group .current-location .address-info .address,
.search-group .current-location .address-info-address,
.search-group .current-location-info .address,
.search-group .current-location-info-address {
  font-size: var(--fs-md);
  margin-top: 5px;
  color: var(--primary-text);
}
.search-content-group .live-location-card .right-arrow, .search-content-group .live-location-card-right-arrow,
.search-content-group .current-location .right-arrow,
.search-content-group .current-location-right-arrow,
.search-group .live-location-card .right-arrow,
.search-group .live-location-card-right-arrow,
.search-group .current-location .right-arrow,
.search-group .current-location-right-arrow {
  margin: auto 0 auto auto;
  filter: var(--primary-icon) !important;
}
.search-content-group .search-overlay,
.search-group .search-overlay {
  overflow: auto;
  border-radius: 10px;
  padding-bottom: calc(var(--footer-height));
  overflow-y: auto;
  scroll-behavior: smooth; /* makes it smooth */
}
.search-content-group .search-overlay .suggested-chips-list,
.search-group .search-overlay .suggested-chips-list {
  display: flex;
  align-items: center;
  overflow-x: auto;
  gap: 8px;
  padding: 10px 0px;
  border-bottom: 1px solid var(--primary-border);
}
.search-content-group .search-overlay .suggested-chips-list-item,
.search-group .search-overlay .suggested-chips-list-item {
  white-space: nowrap;
  width: -moz-fit-content;
  width: fit-content;
  padding: 7px 14px;
  border-radius: 50px;
  font-size: var(--fs-sm);
  color: var(--chip-text);
  background: var(--chip-bg);
  cursor: pointer;
  transition: all 0.3s ease;
}
.search-content-group .search-overlay .suggested-chips-list-item:hover,
.search-group .search-overlay .suggested-chips-list-item:hover {
  color: var(--chip-hover-text);
  background: var(--chip-hover-bg);
}
.search-content-group .search-overlay .search-result-list,
.search-group .search-overlay .search-result-list {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.search-content-group .search-overlay .search-result-list-item,
.search-group .search-overlay .search-result-list-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 7px 10px;
  cursor: pointer;
  border-bottom: 1px solid var(--list-item-border);
}
.search-content-group .search-overlay .search-result-list-item:hover, .search-content-group .search-overlay .search-result-list-item.focused,
.search-group .search-overlay .search-result-list-item:hover,
.search-group .search-overlay .search-result-list-item.focused {
  color: var(--list-item-hover-text);
  background: var(--list-item-hover-bg);
}
.search-content-group .search-overlay .search-result-list-item .location-icon, .search-content-group .search-overlay .search-result-list-item-icon,
.search-group .search-overlay .search-result-list-item .location-icon,
.search-group .search-overlay .search-result-list-item-icon {
  height: 15px;
  width: 15px;
  opacity: 0.6;
  filter: var(--primary-icon) !important;
}
.search-content-group .search-overlay .search-result-list-item-text,
.search-group .search-overlay .search-result-list-item-text {
  font-size: var(--fs-md);
  color: var(--list-item-text);
}

.selected-location-info,
.selected-location {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.selected-location-info-icon,
.selected-location-icon {
  height: 30px;
  width: 30px;
  filter: var(--purple-icon);
}
.selected-location-info-address,
.selected-location-address {
  font-size: var(--fs-md);
  font-weight: var(--fw-500);
  color: var(--purple-text);
}
.selected-location-info .address,
.selected-location .address {
  font-size: var(--fs-md);
  font-weight: var(--fw-500);
  color: var(--purple-text);
}
.selected-location-info .location-icon,
.selected-location .location-icon {
  height: 30px;
  width: 30px;
  filter: var(--purple-icon);
}

.timeline-data-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.timeline-data-list .success {
  color: var(--success-text);
}
.timeline-data-list .pending {
  color: var(--purple-text);
}
.timeline-data-list-item {
  display: flex;
  gap: 15px;
  width: 100%;
}
.timeline-data-list-item-left {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.timeline-data-list-item-left .indicator-line {
  width: 1px;
  height: calc(100% - 10px);
  position: absolute;
  top: 25px;
  left: 49%;
  border-radius: 5px;
  border-left: 2px solid var(--primary-border);
}
.timeline-data-list-item-left .indicator-line.success {
  border-color: var(--success-border);
}
.timeline-data-list-item-left .indicator-line.danger {
  border-color: var(--danger-border);
}
.timeline-data-list-item-left .icon-box {
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.timeline-data-list-item-left .icon-box img {
  width: 20px;
  height: 20px;
}
.timeline-data-list-item-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: auto;
  word-break: break-word;
}
.timeline-data-list-item-content .title {
  font-weight: var(--fw-400);
  font-size: var(--fs-lg);
}
.timeline-data-list-item-content .date {
  font-weight: var(--fw-400);
  font-size: var(--fs-md);
  color: var(--primary-text-60);
}
.timeline-data-list-item-right {
  display: flex;
  justify-content: flex-end;
  flex: auto;
  text-align: end;
}
.timeline-data-list-item-right .count {
  font-size: var(--fs-lg);
  font-weight: var(--fw-400);
}
.timeline-data-list-item:last-child .timeline-data-list-item-content {
  margin-bottom: 0px;
}
.timeline-data-list-item:last-child .indicator-line {
  display: none;
}

.mat-mdc-dialog-container .mdc-dialog__container .mdc-dialog__surface {
  border-radius: 20px !important;
  background: none !important;
  overflow: visible;
}

.cdk-overlay-pane:has(.isCalanderDialog) {
  width: min-content !important;
}

.mat-mdc-dialog-container .mdc-dialog__content {
  font-family: var(--secondary-font-family) !important;
  letter-spacing: normal !important;
}

.cdk-overlay-dark-backdrop {
  background: var(--dialog-overlay-bg);
  backdrop-filter: blur(5px);
}

.cmn-dialog-card-view {
  width: 100%;
  height: auto;
  max-height: 83dvh;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 30px !important;
  box-sizing: border-box;
  border-radius: 20px !important;
  border-radius: 10px;
  line-height: normal;
  position: relative;
  box-shadow: var(--dialog-box-shadow) !important;
  color: var(--dialog-primary-text) !important;
  background: url('popup-dot-bg.png'), var(--dialog-bg);
  background-repeat: no-repeat, no-repeat;
  background-size: 150px 150px, 100% 100%;
  background-position: top right, center;
  --input-label: var(--primary-text-30);
  /* Track */
  /* Handle */
  /* Handle on hover */
  /* Filled & blurred — mat-select */
}
@media (max-width: 820px) {
  .cmn-dialog-card-view {
    padding: 20px !important;
  }
}
.cmn-dialog-card-view ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--primary-text-50);
}
.cmn-dialog-card-view ::-webkit-scrollbar-thumb {
  background: var(--primary-text-30);
}
.cmn-dialog-card-view ::ng-deep ::-webkit-scrollbar-thumb:hover {
  background: var(--primary-text-10);
}
.cmn-dialog-card-view .dialog-close-btn {
  position: absolute;
  top: -40px;
  right: 0px;
  height: 35px;
  width: 35px;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s linear;
  border-radius: 50%;
  border-width: 1.5px;
  border-style: solid;
  border-color: var(--dialog-close-btn-border);
  background: var(--dialog-close-btn-bg);
}
.cmn-dialog-card-view .dialog-close-btn img {
  filter: var(--dialog-close-icon-filter);
}
.cmn-dialog-card-view .dialog-close-btn:hover {
  border-color: var(--dialog-close-btn-hover-border);
  background: var(--dialog-close-btn-hover-bg);
}
.cmn-dialog-card-view .dialog-close-btn:hover img {
  filter: var(--dialog-close-icon-hover-filter);
}
.cmn-dialog-card-view .dialog-header {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.cmn-dialog-card-view .dialog-header .cibil-logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cmn-dialog-card-view .dialog-header .cibil-logo img {
  height: 50px;
}
.cmn-dialog-card-view .dialog-header-icon {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.cmn-dialog-card-view .dialog-header-icon img {
  height: 50px;
}
.cmn-dialog-card-view .dialog-header-title,
.cmn-dialog-card-view .dialog-header .mdc-dialog__title {
  padding: 0px;
  font-weight: var(--fw-500) !important;
  font-size: var(--fs-xl) !important;
  color: var(--dialog-primary-text) !important;
  font-family: var(--secondary-font-family) !important;
  line-height: 1.1 !important;
  letter-spacing: normal;
  flex-shrink: unset;
}
@media (max-width: 820px) {
  .cmn-dialog-card-view .dialog-header-title,
  .cmn-dialog-card-view .dialog-header .mdc-dialog__title {
    font-size: var(--fs-2xl) !important;
  }
}
.cmn-dialog-card-view .dialog-header .mdc-dialog__title::before {
  height: 0px;
  height: auto;
  letter-spacing: 0px;
}
.cmn-dialog-card-view .dialog-header-description {
  padding: 0px;
  font-weight: var(--fw-400) !important;
  font-size: var(--fs-md) !important;
  color: var(--dialog-primary-text-50) !important;
  letter-spacing: normal;
  flex-shrink: unset;
}
.cmn-dialog-card-view .mdc-dialog__content {
  max-height: 60vh;
  color: var(--primary-text) !important;
  line-height: normal;
  padding: 2px 1px !important;
  font-family: var(--secondary-font-family) !important;
  gap: 10px;
}
.cmn-dialog-card-view .mdc-dialog__content .dialog-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cmn-dialog-card-view .mdc-dialog__content .dialog-body .dialog-title {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-500);
  color: var(--dialog-primary-text);
}
.cmn-dialog-card-view .mdc-dialog__content .dialog-body .dialog-subtitle {
  font-size: var(--fs-lg);
  font-weight: var(--fw-600);
  color: var(--dialog-primary-text);
}
.cmn-dialog-card-view .mdc-dialog__content .dialog-body .dialog-subtitle-40 {
  font-size: var(--fs-lg);
  font-weight: var(--fw-500) !important;
  color: var(--dialog-primary-text-40) !important;
}
.cmn-dialog-card-view .mdc-dialog__content .dialog-body .dialog-subtitle-label {
  font-size: var(--fs-sm);
  font-weight: var(--fw-300);
  color: var(--dialog-primary-text);
}
.cmn-dialog-card-view .mdc-dialog__content .dialog-body .dialog-subtitle-label-40 {
  font-size: var(--fs-base);
  font-weight: var(--fw-300) !important;
  color: var(--dialog-primary-text-40) !important;
}
.cmn-dialog-card-view .mdc-dialog__content .dialog-body .dialog-desc {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--dialog-primary-text);
}
.cmn-dialog-card-view .mdc-dialog__content .dialog-body .dialog-desc-50 {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--dialog-primary-text-50) !important;
}
.cmn-dialog-card-view .mdc-dialog__content .dialog-body .dialog-desc-md {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--dialog-primary-text);
}
.cmn-dialog-card-view .mdc-dialog__content .dialog-body .dialog-desc-md-60 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--dialog-primary-text-60) !important;
}
.cmn-dialog-card-view .mdc-dialog__content .dialog-body .dialog-desc-md-40 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--dialog-primary-text-40) !important;
}
.cmn-dialog-card-view .mdc-dialog__content .dialog-body .dialog-infotip {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--dialog-primary-text);
}
.cmn-dialog-card-view .mdc-dialog__content .dialog-body .dialog-infotip-50 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--dialog-primary-text-50);
}
.cmn-dialog-card-view .mdc-dialog__actions {
  padding: 0px !important;
  width: 100%;
  min-height: 10px;
}
.cmn-dialog-card-view .mdc-dialog__actions .dialog-actions {
  width: inherit;
  min-height: inherit;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.cmn-dialog-card-view .mdc-dialog__actions .dialog-actions-btn {
  width: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.cmn-dialog-card-view .mdc-dialog__actions .dialog-actions-content {
  width: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
}
.cmn-dialog-card-view .mdc-dialog__actions .dialog-actions .dialog-infotip {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--dialog-primary-text);
}
.cmn-dialog-card-view .mdc-dialog__actions .dialog-actions .dialog-infotip-50 {
  font-size: var(--fs-md);
  font-weight: var(--fw-400);
  color: var(--dialog-primary-text-50);
}
.cmn-dialog-card-view .mat-mdc-form-field-subscript-wrapper.mat-mdc-form-field-bottom-align {
  display: none;
}
.cmn-dialog-card-view .mdc-line-ripple {
  display: none;
}
.cmn-dialog-card-view .form-field-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px 10px;
}
.cmn-dialog-card-view .form-field-group-title {
  font-size: var(--fs-base);
  font-weight: var(--fw-400);
  color: var(--primary-text);
}
.cmn-dialog-card-view .form-field-group-title-50 {
  font-size: var(--fs-base);
  font-weight: var(--fw-500) !important;
  color: var(--primary-text-50) !important;
}
.cmn-dialog-card-view .form-field-sub-group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.cmn-dialog-card-view .form-field-sub-group-label {
  width: 100%;
  color: var(--input-label);
  font-size: var(--fs-md);
  font-weight: var(--fw-600) !important;
}
.cmn-dialog-card-view .form-field-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.cmn-dialog-card-view .form-field-item .form-field-above,
.cmn-dialog-card-view .form-field-item .form-field-below {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: var(--fs-md);
  font-weight: var(--fw-600);
}
.cmn-dialog-card-view .form-field-item .label {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--input-label);
  font-size: var(--fs-md);
  font-weight: var(--fw-600);
}
.cmn-dialog-card-view .form-field-item .label-icon {
  height: 20px;
  width: 20px;
  filter: var(--primary-icon);
  opacity: 0.5;
}
@media (max-width: 820px) {
  .cmn-dialog-card-view .form-field-item {
    --input-height: 55px;
  }
}
.cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled,
.cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled,
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled {
  font-family: var(--primary-font-family) !important;
  background: var(--input-bg) !important;
  border-radius: var(--input-radius);
  padding: 0px;
  border-bottom: 1px solid var(--input-border);
}
.cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-focus-overlay {
  background: transparent;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  min-height: auto;
  width: auto;
  padding: 0px 12px;
  height: var(--input-height);
}
.cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  height: inherit;
  color: var(--input-text);
  font-size: var(--fs-base);
  font-weight: var(--fw-500);
  display: flex;
  align-items: center;
  caret-color: var(--input-text);
}
.cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder {
  color: var(--input-placeholder) !important;
  font-weight: var(--fw-500) !important;
}
@media (max-width: 820px) {
  .cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
  .cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
    font-size: var(--fs-lg);
    font-weight: var(--fw-600);
  }
  .cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder {
    font-weight: var(--fw-600) !important;
  }
}
.cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select {
  height: 100%;
  display: flex;
  color: var(--input-select-bg);
  font-size: var(--fs-base);
  font-weight: var(--fw-500);
  font-family: var(--primary-font-family);
}
.cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-placeholder {
  color: var(--input-placeholder) !important;
  font-weight: var(--fw-600) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value .mat-mdc-select-value-text {
  color: var(--input-text);
  font-size: var(--fs-base);
  font-weight: var(--fw-600);
}
@media (max-width: 820px) {
  .cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select,
  .cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select {
    font-size: var(--fs-lg);
    font-weight: var(--fw-600);
  }
  .cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder,
  .cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-placeholder {
    font-size: var(--fs-lg);
    font-weight: var(--fw-600);
  }
  .cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text,
  .cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-value-text {
    font-size: var(--fs-lg);
    font-weight: var(--fw-600);
  }
}
.cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper {
  transform: none;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  color: var(--input-label);
  width: 15px;
  height: inherit;
  display: contents;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow::before {
  content: "";
  display: inline-block;
  background-image: url('arrow_down_ic.svg');
  background-size: 15px;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  filter: var(--inpit-active-img-filter) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-select .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg {
  display: none;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--focused,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--focused,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--focused,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--focused,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--focused,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--focused,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--focused,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--focused {
  border-bottom: 1px solid var(--input-focused-border) !important;
  background: var(--input-focused-bg) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--focused .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  color: var(--input-focused-text);
  caret-color: var(--input-focused-text) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--invalid,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--invalid,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--invalid,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--invalid,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--invalid,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--invalid,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--invalid,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--invalid {
  border-bottom: 1px solid var(--input-error-border) !important;
  background: var(--input-error-bg) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--invalid .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  color: var(--input-error-text) !important;
  caret-color: var(--input-error-text) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--disabled,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--disabled,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--disabled,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--disabled,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--disabled,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--disabled,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--disabled,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--disabled {
  background: var(--input-disabled-bg) !important;
  cursor: not-allowed;
  opacity: 0.6;
  border-bottom: none;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  color: var(--input-disabled-text);
  caret-color: var(--input-disabled-text) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--disabled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder {
  color: var(--input-disabled-placeholder) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--disabled .mat-mdc-floating-label,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--disabled .mat-mdc-floating-label,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--disabled .mat-mdc-floating-label,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--disabled .mat-mdc-floating-label,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--disabled .mat-mdc-floating-label,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--disabled .mat-mdc-floating-label,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--disabled .mat-mdc-floating-label,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--disabled .mat-mdc-floating-label {
  cursor: not-allowed;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--disabled .mdc-floating-label--float-above,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--disabled .mdc-floating-label--float-above,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--disabled .mdc-floating-label--float-above,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--disabled .mdc-floating-label--float-above,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--disabled .mdc-floating-label--float-above,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--disabled .mdc-floating-label--float-above,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--disabled .mdc-floating-label--float-above,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--disabled .mdc-floating-label--float-above {
  cursor: not-allowed;
}
.cmn-dialog-card-view .form-field-item .form-field-input .mdc-text-field--disabled .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-select .mdc-text-field--disabled .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--disabled .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--disabled .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--disabled .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--disabled .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--disabled .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--disabled .mdc-text-field__input {
  cursor: not-allowed;
}
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding-right: 5px;
}
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix {
  display: flex;
  padding: 0px;
  height: var(--input-height);
}
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: var(--input-height);
  padding: 0px;
  border-radius: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:hover {
  background: var(--input-btn-hover-bg);
}
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base:active {
  background: var(--input-btn-active-bg);
}
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__ripple {
  border-radius: 0%;
}
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img {
  filter: var(--inpit-active-img-filter) !important;
  --mdc-icon-button-icon-size: 15px;
}
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark],
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base img[alt=right-mark] {
  filter: var(--success-icon) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base .mat-icon {
  font-size: 18px;
  color: var(--inpit-active-icon);
  display: contents;
}
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base svg {
  color: var(--inpit-active-icon);
  height: 20px;
  width: 20px;
}
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-infix {
  padding-left: 0px;
}
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix {
  padding: 0px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cmn-dialog-card-view .form-field-item .form-field-search .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-search .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-date .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon,
.cmn-dialog-card-view .form-field-item .form-field-date .mdc-text-field--filled .mat-mdc-form-field-flex:has(.mat-mdc-form-field-icon-prefix) .mat-mdc-form-field-icon-prefix .mat-icon {
  font-size: 20px;
  color: var(--input-placeholder);
  display: contents;
}
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  min-height: 50px;
  padding: 12px 12px;
  height: auto;
}
.cmn-dialog-card-view .form-field-item .form-field-textarea .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-textarea-with-btn .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  min-height: inherit;
  height: inherit;
}
.cmn-dialog-card-view .form-field-item .form-field-otp-input {
  width: 45px;
}
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-otp-input .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  text-align: center;
}
@media (max-width: 820px) {
  .cmn-dialog-card-view .form-field-item .form-field-otp-input {
    width: 55px;
  }
}
.cmn-dialog-card-view .form-field-item .form-field-text-center .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-text-center .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  text-align: center;
}
.cmn-dialog-card-view .form-field-item .form-field-input-invalid .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-input-invalid .mdc-text-field--filled,
.cmn-dialog-card-view .form-field-item .form-field-otp-input-invalid .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-otp-input-invalid .mdc-text-field--filled,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn-invalid .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn-invalid .mdc-text-field--filled {
  background: var(--input-error-bg) !important;
  border-bottom: 1px solid var(--input-error-border) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-input-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-input-invalid .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-otp-input-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-otp-input-invalid .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn-invalid .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  color: var(--input-error-text) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-input-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-input-invalid .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-otp-input-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-otp-input-invalid .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn-invalid .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn-invalid .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder {
  color: var(--input-placeholder) !important;
  font-weight: var(--fw-500) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-input-focused .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-input-focused .mdc-text-field--filled,
.cmn-dialog-card-view .form-field-item .form-field-otp-input-focused .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-otp-input-focused .mdc-text-field--filled,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn-focused .mat-mdc-text-field-wrapper,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn-focused .mdc-text-field--filled {
  background: var(--input-focused-bg) !important;
  border-bottom: 1px solid var(--input-focused-border) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-input-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-input-focused .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-otp-input-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-otp-input-focused .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn-focused .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input {
  color: var(--input-focused-text) !important;
}
.cmn-dialog-card-view .form-field-item .form-field-input-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-input-focused .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-otp-input-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-otp-input-focused .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder,
.cmn-dialog-card-view .form-field-item .form-field-input-with-btn-focused .mdc-text-field--filled .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mdc-text-field__input::placeholder {
  color: var(--input-placeholder) !important;
  font-weight: var(--fw-500) !important;
}
.cmn-dialog-card-view .mat-mdc-form-field:has(.mat-mdc-input-element:not(:placeholder-shown)):not(.mat-focused) .mdc-text-field--filled {
  border-bottom: 1px solid transparent;
  background: var(--input-focused-bg) !important;
}
.cmn-dialog-card-view .mat-mdc-form-field:has(.mat-mdc-select-value-text:not(:empty)):not(.mat-focused) .mdc-text-field--filled {
  border-bottom: 1px solid transparent;
  background: var(--input-focused-bg) !important;
}
.cmn-dialog-card-view .form-field-error,
.cmn-dialog-card-view .mat-mdc-form-field-error {
  display: flex;
  font-size: var(--fs-sm);
  white-space: pre-line !important;
}
.cmn-dialog-card-view .form-field-error-center,
.cmn-dialog-card-view .mat-mdc-form-field-error-center {
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: var(--fs-sm);
  white-space: pre-line !important;
}
.cmn-dialog-card-view .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow {
  color: var(--input-label) !important;
}
.cmn-dialog-card-view .form-field-w10 {
  width: calc(10% - 5px);
}
.cmn-dialog-card-view .form-field-w20 {
  width: calc(20% - 5px);
}
.cmn-dialog-card-view .form-field-w30 {
  width: calc(30% - 5px);
}
.cmn-dialog-card-view .form-field-w33 {
  width: calc(33.3333333333% - 7px);
}
@media (max-width: 576px) {
  .cmn-dialog-card-view .form-field-w33 {
    width: 100%;
  }
}
.cmn-dialog-card-view .form-field-w40 {
  width: calc(40% - 5px);
}
.cmn-dialog-card-view .form-field-w50 {
  width: calc(50% - 5px);
}
@media (max-width: 576px) {
  .cmn-dialog-card-view .form-field-w50 {
    width: 100%;
  }
}
.cmn-dialog-card-view .form-field-w60 {
  width: calc(60% - 5px);
}
.cmn-dialog-card-view .form-field-w70 {
  width: calc(70% - 5px);
}
.cmn-dialog-card-view .form-field-w80 {
  width: calc(80% - 5px);
}
.cmn-dialog-card-view .form-field-w90 {
  width: calc(90% - 5px);
}
@media (max-width: 576px) {
  .cmn-dialog-card-view .form-field-sub-group .form-field-w33 {
    width: calc(33.3333333333% - 7px);
  }
  .cmn-dialog-card-view .form-field-sub-group .form-field-w50 {
    width: calc(50% - 5px);
  }
}
.cmn-dialog-card-view .mat-mdc-radio-button.mat-accent {
  --mdc-radio-unselected-icon-color: var(--radio-unselected-icon);
  --mdc-radio-unselected-hover-icon-color: var(--radio-unselected-hover-icon);
  --mdc-radio-unselected-pressed-icon-color: var(--radio-unselected-hover-icon);
  --mdc-radio-selected-icon-color: var(--radio-selected-icon);
  --mdc-radio-selected-hover-icon-color: var(--radio-selected-hover-icon);
  --mdc-radio-selected-focus-icon-color: var(--radio-selected-focus-icon);
  --mdc-radio-selected-pressed-icon-color: var(--radio-selected-pressed-icon);
  --mdc-radio-disabled-unselected-icon-color: var(--radio-disabled-unselected-icon);
  --mdc-radio-disabled-selected-icon-color: var(--radio-disabled-selected-icon);
  --mat-radio-ripple-color: var(--radio-ripple-color) !important;
  --mat-radio-checked-ripple-color: var(--radio-checked-ripple-color) !important;
  --mat-radio-disabled-label-color: var(--radio-disabled-label-color);
}
.cmn-dialog-card-view .mat-mdc-radio-group {
  display: flex;
  align-items: center;
  gap: 15px;
}
.cmn-dialog-card-view .mat-mdc-radio-button {
  display: inline-flex;
  margin: 5px 0px;
  transition: all 0.3s linear;
}
.cmn-dialog-card-view .mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 20px !important;
}
.cmn-dialog-card-view .mat-mdc-radio-button .mdc-radio .mat-mdc-radio-touch-target {
  height: 20px;
  width: 20px;
}
.cmn-dialog-card-view .mat-mdc-radio-button .mdc-radio__outer-circle {
  transition: all 0.2s linear;
  cursor: pointer;
}
.cmn-dialog-card-view .mat-mdc-radio-button .mdc-radio__outer-circle:hover {
  border-color: var(--purple-bg) !important;
}
.cmn-dialog-card-view .mat-mdc-radio-button .mdc-form-field .mdc-label {
  cursor: pointer;
  border-color: var(--light-border);
  color: var(--primary-text-20) !important;
}
.cmn-dialog-card-view .mat-mdc-radio-button .mdc-form-field:has(.mdc-radio--disabled) .mdc-label {
  cursor: not-allowed !important;
}
.cmn-dialog-card-view .mat-mdc-radio-button:has(.mdc-radio--disabled) .mdc-label {
  cursor: not-allowed !important;
}
.cmn-dialog-card-view .mat-mdc-radio-button:hover .mdc-radio__outer-circle {
  border-color: var(--purple-bg) !important;
}
.cmn-dialog-card-view .mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-color: var(--purple-bg) !important;
}
.cmn-dialog-card-view .mat-mdc-radio-checked:hover .mdc-radio__outer-circle {
  border-color: var(--purple-bg) !important;
}
.cmn-dialog-card-view .mat-mdc-checkbox {
  display: flex !important;
  align-items: center;
  margin: 4px 0px;
  --mdc-checkbox-state-layer-size: 20px;
  --mdc-checkbox-disabled-selected-icon-color: var(--checkbox-disabled-selected-icon);
  --mdc-checkbox-disabled-unselected-icon-color: var(--checkbox-disabled-unselected-icon);
  --mdc-checkbox-disabled-selected-checkmark-color: var(--checkbox-disabled-selected-checkmark);
  --mdc-checkbox-unselected-icon-color: var(--checkbox-unselected-icon);
  --mdc-checkbox-unselected-hover-icon-color: var(--checkbox-unselected-hover-icon);
  --mdc-checkbox-unselected-pressed-icon-color: var(--checkbox-unselected-hover-icon);
  --mdc-checkbox-unselected-focus-icon-color: var(--checkbox-unselected-hover-icon);
  --mdc-checkbox-selected-icon-color: var(--checkbox-selected-icon);
  --mdc-checkbox-selected-hover-icon-color: var(--checkbox-selected-icon);
  --mdc-checkbox-selected-pressed-icon-color: var(--checkbox-selected-icon);
  --mdc-checkbox-selected-focus-icon-color: var(--checkbox-selected-icon);
  --mdc-checkbox-selected-checkmark-color: var(--checkbox-selected-checkmark);
  --mdc-checkbox-selected-focus-state-layer-color: #ffd64000;
  --mdc-checkbox-selected-hover-state-layer-color: #ffd64000;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffd64000;
  --mdc-checkbox-unselected-focus-state-layer-color: #00000000;
  --mdc-checkbox-unselected-hover-state-layer-color: #00000000;
  --mdc-checkbox-unselected-pressed-state-layer-color: #00000000;
}
.cmn-dialog-card-view .mat-mdc-checkbox .mdc-form-field {
  align-items: flex-start;
}
.cmn-dialog-card-view .mat-mdc-checkbox .mdc-form-field .mdc-checkbox .mat-mdc-checkbox-touch-target {
  height: 20px;
  width: 20px;
}
.cmn-dialog-card-view .mat-mdc-checkbox .mdc-form-field .mdc-label {
  margin-top: 2px;
  word-break: break-word;
  margin-left: 3px;
  font-family: var(--primary-font-family);
  color: var(--primary-text) !important;
  font-size: var(--fs-lg) !important;
}
.cmn-dialog-card-view .mat-mdc-checkbox .mdc-checkbox__background {
  border: 1.5px solid currentColor;
  border-radius: 5px;
  height: var(--mdc-checkbox-state-layer-size);
  width: var(--mdc-checkbox-state-layer-size);
}
.cmn-dialog-card-view .mat-mdc-checkbox .mdc-checkbox__background .mdc-checkbox__checkmark {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}
.cmn-dialog-card-view .mat-mdc-checkbox .mdc-checkbox__ripple {
  display: none !important;
}
.cmn-dialog-card-view .mat-mdc-checkbox .mat-mdc-checkbox-ripple {
  display: none !important;
}
.cmn-dialog-card-view .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  background: var(--checkbox-unselected-bg) !important;
}
.cmn-dialog-card-view .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:focus:checked ~ .mdc-checkbox__background {
  background: var(--checkbox-selected-icon) !important;
  border-color: var(--checkbox-selected-icon) !important;
}
.cmn-dialog-card-view .mat-mdc-checkbox.checkbox-rounded .mdc-checkbox__background {
  border-radius: 50px;
}
.cmn-dialog-card-view .mat-mdc-checkbox.checkbox-rounded .mdc-checkbox__background .mdc-checkbox__checkmark {
  width: 60%;
}
.cmn-dialog-card-view .mat-mdc-checkbox-disabled .mdc-checkbox {
  cursor: not-allowed !important;
}
.cmn-dialog-card-view .checkbox-label-md .mdc-form-field .mdc-label {
  word-break: break-word;
  margin-left: 3px;
  font-family: var(--primary-font-family);
  color: var(--primary-text) !important;
  font-size: var(--fs-md) !important;
}
.cmn-dialog-card-view .checkbox-label-md-50 .mdc-form-field .mdc-label {
  word-break: break-word;
  margin-left: 3px;
  font-family: var(--primary-font-family);
  color: var(--primary-text-50) !important;
  font-size: var(--fs-md) !important;
}
.cmn-dialog-card-view .checkbox-label-md-50 .mdc-form-field .mdc-label a {
  font-size: var(--fs-md) !important;
  color: var(--primary-text) !important;
  text-decoration: underline;
}
.cmn-dialog-card-view .checkbox-label-sm-50 .mdc-form-field .mdc-label {
  word-break: break-word;
  margin-left: 3px;
  font-family: var(--primary-font-family);
  color: var(--primary-text-50) !important;
  font-size: var(--fs-sm) !important;
}
.cmn-dialog-card-view .checkbox-label-sm-50 .mdc-form-field .mdc-label a {
  font-size: var(--fs-sm) !important;
  color: var(--primary-text) !important;
  text-decoration: underline;
}
@media (max-width: 820px) {
  .cmn-dialog-card-view .checkbox-label-sm-50 .mdc-form-field .mdc-label {
    margin-top: 1px;
    font-size: var(--fs-md) !important;
  }
  .cmn-dialog-card-view .checkbox-label-sm-50 .mdc-form-field .mdc-label a {
    font-size: var(--fs-md) !important;
  }
}

.dialog-bg-img {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-color: hsl(249, 30%, 51%);
  background-image: radial-gradient(at 97% 3%, hsl(354, 82%, 72%) 0px, transparent 50%), radial-gradient(at 98% 52%, hsl(310, 36%, 53%) 0px, transparent 50%), radial-gradient(at 62% 12%, hsl(333, 71%, 60%) 0px, transparent 50%), radial-gradient(at 73% 68%, hsl(249, 30%, 51%) 0px, transparent 50%), radial-gradient(at 27% 51%, hsl(317, 43%, 58%) 0px, transparent 50%), radial-gradient(at 6% 12%, hsl(241, 30%, 52%) 0px, transparent 50%);
}

.primary-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--primary-label-bg);
  color: var(--primary-label-text);
  border-color: var(--primary-label-border);
}

.progress-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--progress-label-bg);
  color: var(--progress-label-text);
  border-color: var(--progress-label-border);
}

.danger-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--danger-label-bg);
  color: var(--danger-label-text);
  border-color: var(--danger-label-border);
}

.dark-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--dark-label-bg);
  color: var(--dark-label-text);
  border-color: var(--dark-label-border);
}

.darkengray-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--darkengray-label-bg);
  color: var(--darkengray-label-text);
  border-color: var(--darkengray-label-border);
}

.success-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--success-label-bg);
  color: var(--success-label-text);
  border-color: var(--success-label-border);
}

.warning-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--warning-label-bg);
  color: var(--warning-label-text);
  border-color: var(--warning-label-border);
}

.default-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--default-label-bg);
  color: var(--default-label-text);
  border-color: var(--default-label-border);
}

.mint-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--mint-label-bg);
  color: var(--mint-label-text);
  border-color: var(--mint-label-border);
}

.progressLight-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--progressLight-label-bg);
  color: var(--progressLight-label-text);
  border-color: var(--progressLight-label-border);
}

.lightengray-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--lightengray-label-bg);
  color: var(--lightengray-label-text);
  border-color: var(--lightengray-label-border);
}

.primaryLight-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--primaryLight-label-bg);
  color: var(--primaryLight-label-text);
  border-color: var(--primaryLight-label-border);
}

.primary-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--primary-outline-label-bg);
  color: var(--primary-outline-label-text);
  border-color: var(--primary-outline-label-border);
}

.progress-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--progress-outline-label-bg);
  color: var(--progress-outline-label-text);
  border-color: var(--progress-outline-label-border);
}

.danger-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--danger-outline-label-bg);
  color: var(--danger-outline-label-text);
  border-color: var(--danger-outline-label-border);
}

.dark-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--dark-outline-label-bg);
  color: var(--dark-outline-label-text);
  border-color: var(--dark-outline-label-border);
}

.darkengray-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--darkengray-outline-label-bg);
  color: var(--darkengray-outline-label-text);
  border-color: var(--darkengray-outline-label-border);
}

.success-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--success-outline-label-bg);
  color: var(--success-outline-label-text);
  border-color: var(--success-outline-label-border);
}

.warning-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--warning-outline-label-bg);
  color: var(--warning-outline-label-text);
  border-color: var(--warning-outline-label-border);
}

.default-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--default-outline-label-bg);
  color: var(--default-outline-label-text);
  border-color: var(--default-outline-label-border);
}

.mint-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--mint-outline-label-bg);
  color: var(--mint-outline-label-text);
  border-color: var(--mint-outline-label-border);
}

.progressLight-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--progressLight-outline-label-bg);
  color: var(--progressLight-outline-label-text);
  border-color: var(--progressLight-outline-label-border);
}

.lightengray-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--lightengray-outline-label-bg);
  color: var(--lightengray-outline-label-text);
  border-color: var(--lightengray-outline-label-border);
}

.primaryLight-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--primaryLight-outline-label-bg);
  color: var(--primaryLight-outline-label-text);
  border-color: var(--primaryLight-outline-label-border);
}

.primary-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.1);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.1);
  color: #595cdb;
}

.primary-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.2);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.2);
  color: #595cdb;
}

.primary-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.3);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.3);
  color: #595cdb;
}

.primary-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.4);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.4);
  color: #595cdb;
}

.primary-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.5);
  color: #595cdb;
}

.primary-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.6);
  color: #595cdb;
}

.primary-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.7);
  color: #595cdb;
}

.primary-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.8);
  color: #595cdb;
}

.primary-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.9);
  color: #595cdb;
}

.primary-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #595cdb;
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #595cdb;
  color: #595cdb;
}

.progress-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.1);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.1);
  color: #333595;
}

.progress-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.2);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.2);
  color: #333595;
}

.progress-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.3);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.3);
  color: #333595;
}

.progress-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.4);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.4);
  color: #333595;
}

.progress-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.5);
  color: #333595;
}

.progress-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.6);
  color: #333595;
}

.progress-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.7);
  color: #333595;
}

.progress-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.8);
  color: #333595;
}

.progress-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.9);
  color: #333595;
}

.progress-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #333595;
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #333595;
  color: #333595;
}

.danger-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.1);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.1);
  color: #da4339;
}

.danger-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.2);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.2);
  color: #da4339;
}

.danger-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.3);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.3);
  color: #da4339;
}

.danger-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.4);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.4);
  color: #da4339;
}

.danger-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.5);
  color: #da4339;
}

.danger-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.6);
  color: #da4339;
}

.danger-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.7);
  color: #da4339;
}

.danger-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.8);
  color: #da4339;
}

.danger-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.9);
  color: #da4339;
}

.danger-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #da4339;
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #da4339;
  color: #da4339;
}

.dark-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.1);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.1);
  color: #222222;
}

.dark-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.2);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.2);
  color: #222222;
}

.dark-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.3);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.3);
  color: #222222;
}

.dark-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.4);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.4);
  color: #222222;
}

.dark-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.5);
  color: #222222;
}

.dark-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.6);
  color: #222222;
}

.dark-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.7);
  color: #222222;
}

.dark-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.8);
  color: #222222;
}

.dark-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.9);
  color: #222222;
}

.dark-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #222222;
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #222222;
  color: #222222;
}

.success-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.1);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.1);
  color: #06da3b;
}

.success-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.2);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.2);
  color: #06da3b;
}

.success-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.3);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.3);
  color: #06da3b;
}

.success-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.4);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.4);
  color: #06da3b;
}

.success-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.5);
  color: #06da3b;
}

.success-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.6);
  color: #06da3b;
}

.success-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.7);
  color: #06da3b;
}

.success-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.8);
  color: #06da3b;
}

.success-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.9);
  color: #06da3b;
}

.success-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #06da3b;
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #06da3b;
  color: #06da3b;
}

.primary-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.1);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.1);
  color: #595cdb;
}

.primary-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.2);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.2);
  color: #595cdb;
}

.primary-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.3);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.3);
  color: #595cdb;
}

.primary-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.4);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.4);
  color: #595cdb;
}

.primary-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.5);
  color: #595cdb;
}

.primary-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.6);
  color: #595cdb;
}

.primary-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.7);
  color: #595cdb;
}

.primary-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.8);
  color: #595cdb;
}

.primary-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.9);
  color: #595cdb;
}

.primary-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #595cdb;
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #595cdb;
  color: #595cdb;
}

.progress-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.1);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.1);
  color: #333595;
}

.progress-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.2);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.2);
  color: #333595;
}

.progress-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.3);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.3);
  color: #333595;
}

.progress-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.4);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.4);
  color: #333595;
}

.progress-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.5);
  color: #333595;
}

.progress-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.6);
  color: #333595;
}

.progress-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.7);
  color: #333595;
}

.progress-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.8);
  color: #333595;
}

.progress-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.9);
  color: #333595;
}

.progress-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #333595;
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #333595;
  color: #333595;
}

.danger-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.1);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.1);
  color: #da4339;
}

.danger-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.2);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.2);
  color: #da4339;
}

.danger-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.3);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.3);
  color: #da4339;
}

.danger-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.4);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.4);
  color: #da4339;
}

.danger-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.5);
  color: #da4339;
}

.danger-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.6);
  color: #da4339;
}

.danger-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.7);
  color: #da4339;
}

.danger-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.8);
  color: #da4339;
}

.danger-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.9);
  color: #da4339;
}

.danger-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #da4339;
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #da4339;
  color: #da4339;
}

.dark-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.1);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.1);
  color: #222222;
}

.dark-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.2);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.2);
  color: #222222;
}

.dark-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.3);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.3);
  color: #222222;
}

.dark-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.4);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.4);
  color: #222222;
}

.dark-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.5);
  color: #222222;
}

.dark-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.6);
  color: #222222;
}

.dark-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.7);
  color: #222222;
}

.dark-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.8);
  color: #222222;
}

.dark-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.9);
  color: #222222;
}

.dark-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #222222;
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #222222;
  color: #222222;
}

.success-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.1);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.1);
  color: #06da3b;
}

.success-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.2);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.2);
  color: #06da3b;
}

.success-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.3);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.3);
  color: #06da3b;
}

.success-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.4);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.4);
  color: #06da3b;
}

.success-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.5);
  color: #06da3b;
}

.success-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.6);
  color: #06da3b;
}

.success-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.7);
  color: #06da3b;
}

.success-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.8);
  color: #06da3b;
}

.success-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.9);
  color: #06da3b;
}

.success-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #06da3b;
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #06da3b;
  color: #06da3b;
}

.light-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.light-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

.light-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
}

.light-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
}

.light-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
}

.light-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
}

.light-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.7);
  color: #ffffff;
}

.light-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;
}

.light-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.9);
  color: #ffffff;
}

.light-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: white;
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid white;
  color: #ffffff;
}

.light-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.light-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

.light-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
}

.light-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
}

.light-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
}

.light-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
}

.light-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.7);
  color: #ffffff;
}

.light-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;
}

.light-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.9);
  color: #ffffff;
}

.light-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: white;
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid white;
  color: #ffffff;
}

.swiper {
  --swiper-navigation-size: 30px;
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 5px;
  -webkit-user-select: text !important;
          user-select: text !important;
  padding: 2px 1px !important;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--primary-text-90) !important;
  color: var(--primary-text);
  cursor: pointer;
  backdrop-filter: blur(5px) !important;
}
.swiper .swiper-button-prev .swiper-navigation-icon,
.swiper .swiper-button-next .swiper-navigation-icon {
  height: 40%;
  width: 40%;
  filter: var(--primary-icon);
}
.swiper:hover .swiper-button-prev, .swiper:hover .swiper-button-next {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.swiper-button-disabled {
  display: none !important;
}

.swiper,
.swiper * {
  -webkit-user-select: text !important;
          user-select: text !important;
  -webkit-user-select: none !important;
          user-select: none !important;
}

.primary-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--primary-btn-bg);
  color: var(--primary-btn-text);
  border-color: var(--primary-btn-border);
}

.primary-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.primary-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .primary-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.primary-fill-btn img {
  filter: var(--primary-btn-icon-filter) !important;
}

.primary-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--primary-btn-hover-bg);
  color: var(--primary-btn-hover-text);
  border-color: var(--primary-btn-hover-border);
}

.primary-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--primary-btn-hover-icon-filter) !important;
}

.primary-fill-btn.is-active {
  background: var(--primary-btn-bg) !important;
  color: var(--primary-btn-text) !important;
  border-color: var(--primary-btn-border) !important;
}

.primary-fill-btn:disabled, .primary-fill-btn.is-disabled {
  background: var(--disable-primary-btn-bg);
  color: var(--disable-primary-btn-text);
  border-color: var(--disable-primary-btn-border);
  cursor: not-allowed;
}

.primary-fill-btn:disabled img, .primary-fill-btn.is-disabled img {
  filter: var(--disable-primary-btn-icon-filter) !important;
}

.whatsapp-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--whatsapp-btn-bg);
  color: var(--whatsapp-btn-text);
  border-color: var(--whatsapp-btn-border);
}

.whatsapp-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.whatsapp-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .whatsapp-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.whatsapp-fill-btn img {
  filter: var(--whatsapp-btn-icon-filter) !important;
}

.whatsapp-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--whatsapp-btn-hover-bg);
  color: var(--whatsapp-btn-hover-text);
  border-color: var(--whatsapp-btn-hover-border);
}

.whatsapp-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--whatsapp-btn-hover-icon-filter) !important;
}

.whatsapp-fill-btn.is-active {
  background: var(--whatsapp-btn-bg) !important;
  color: var(--whatsapp-btn-text) !important;
  border-color: var(--whatsapp-btn-border) !important;
}

.whatsapp-fill-btn:disabled, .whatsapp-fill-btn.is-disabled {
  background: var(--disable-whatsapp-btn-bg);
  color: var(--disable-whatsapp-btn-text);
  border-color: var(--disable-whatsapp-btn-border);
  cursor: not-allowed;
}

.whatsapp-fill-btn:disabled img, .whatsapp-fill-btn.is-disabled img {
  filter: var(--disable-whatsapp-btn-icon-filter) !important;
}

.sms-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--sms-btn-bg);
  color: var(--sms-btn-text);
  border-color: var(--sms-btn-border);
}

.sms-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.sms-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .sms-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.sms-fill-btn img {
  filter: var(--sms-btn-icon-filter) !important;
}

.sms-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--sms-btn-hover-bg);
  color: var(--sms-btn-hover-text);
  border-color: var(--sms-btn-hover-border);
}

.sms-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--sms-btn-hover-icon-filter) !important;
}

.sms-fill-btn.is-active {
  background: var(--sms-btn-bg) !important;
  color: var(--sms-btn-text) !important;
  border-color: var(--sms-btn-border) !important;
}

.sms-fill-btn:disabled, .sms-fill-btn.is-disabled {
  background: var(--disable-sms-btn-bg);
  color: var(--disable-sms-btn-text);
  border-color: var(--disable-sms-btn-border);
  cursor: not-allowed;
}

.sms-fill-btn:disabled img, .sms-fill-btn.is-disabled img {
  filter: var(--disable-sms-btn-icon-filter) !important;
}

.back-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--back-btn-bg);
  color: var(--back-btn-text);
  border-color: var(--back-btn-border);
}

.back-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.back-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .back-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.back-fill-btn img {
  filter: var(--back-btn-icon-filter) !important;
}

.back-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--back-btn-hover-bg);
  color: var(--back-btn-hover-text);
  border-color: var(--back-btn-hover-border);
}

.back-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--back-btn-hover-icon-filter) !important;
}

.back-fill-btn.is-active {
  background: var(--back-btn-bg) !important;
  color: var(--back-btn-text) !important;
  border-color: var(--back-btn-border) !important;
}

.back-fill-btn:disabled, .back-fill-btn.is-disabled {
  background: var(--disable-back-btn-bg);
  color: var(--disable-back-btn-text);
  border-color: var(--disable-back-btn-border);
  cursor: not-allowed;
}

.back-fill-btn:disabled img, .back-fill-btn.is-disabled img {
  filter: var(--disable-back-btn-icon-filter) !important;
}

.danger-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--danger-btn-bg);
  color: var(--danger-btn-text);
  border-color: var(--danger-btn-border);
}

.danger-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.danger-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .danger-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.danger-fill-btn img {
  filter: var(--danger-btn-icon-filter) !important;
}

.danger-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--danger-btn-hover-bg);
  color: var(--danger-btn-hover-text);
  border-color: var(--danger-btn-hover-border);
}

.danger-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--danger-btn-hover-icon-filter) !important;
}

.danger-fill-btn.is-active {
  background: var(--danger-btn-bg) !important;
  color: var(--danger-btn-text) !important;
  border-color: var(--danger-btn-border) !important;
}

.danger-fill-btn:disabled, .danger-fill-btn.is-disabled {
  background: var(--disable-danger-btn-bg);
  color: var(--disable-danger-btn-text);
  border-color: var(--disable-danger-btn-border);
  cursor: not-allowed;
}

.danger-fill-btn:disabled img, .danger-fill-btn.is-disabled img {
  filter: var(--disable-danger-btn-icon-filter) !important;
}

.dark-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--dark-btn-bg);
  color: var(--dark-btn-text);
  border-color: var(--dark-btn-border);
}

.dark-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.dark-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .dark-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.dark-fill-btn img {
  filter: var(--dark-btn-icon-filter) !important;
}

.dark-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--dark-btn-hover-bg);
  color: var(--dark-btn-hover-text);
  border-color: var(--dark-btn-hover-border);
}

.dark-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--dark-btn-hover-icon-filter) !important;
}

.dark-fill-btn.is-active {
  background: var(--dark-btn-bg) !important;
  color: var(--dark-btn-text) !important;
  border-color: var(--dark-btn-border) !important;
}

.dark-fill-btn:disabled, .dark-fill-btn.is-disabled {
  background: var(--disable-dark-btn-bg);
  color: var(--disable-dark-btn-text);
  border-color: var(--disable-dark-btn-border);
  cursor: not-allowed;
}

.dark-fill-btn:disabled img, .dark-fill-btn.is-disabled img {
  filter: var(--disable-dark-btn-icon-filter) !important;
}

.darkpurple-fill-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: var(--darkpurple-btn-bg);
  color: var(--darkpurple-btn-text);
  border-color: var(--darkpurple-btn-border);
}

.darkpurple-fill-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.darkpurple-fill-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .darkpurple-fill-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.darkpurple-fill-btn img {
  filter: var(--darkpurple-btn-icon-filter) !important;
}

.darkpurple-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--darkpurple-btn-hover-bg);
  color: var(--darkpurple-btn-hover-text);
  border-color: var(--darkpurple-btn-hover-border);
}

.darkpurple-fill-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--darkpurple-btn-hover-icon-filter) !important;
}

.darkpurple-fill-btn.is-active {
  background: var(--darkpurple-btn-bg) !important;
  color: var(--darkpurple-btn-text) !important;
  border-color: var(--darkpurple-btn-border) !important;
}

.darkpurple-fill-btn:disabled, .darkpurple-fill-btn.is-disabled {
  background: var(--disable-darkpurple-btn-bg);
  color: var(--disable-darkpurple-btn-text);
  border-color: var(--disable-darkpurple-btn-border);
  cursor: not-allowed;
}

.darkpurple-fill-btn:disabled img, .darkpurple-fill-btn.is-disabled img {
  filter: var(--disable-darkpurple-btn-icon-filter) !important;
}

.primary-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--primary-outline-btn-text);
  border-color: var(--primary-outline-btn-border);
}

.primary-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.primary-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .primary-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.primary-outline-btn img {
  filter: var(--primary-outline-btn-icon-filter) !important;
}

.primary-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--primary-outline-btn-hover-bg);
  color: var(--primary-outline-btn-hover-text);
  border-color: var(--primary-outline-btn-hover-border);
}

.primary-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--primary-outline-btn-hover-icon-filter) !important;
}

.primary-outline-btn.is-active {
  background: var(--primary-outline-btn-hover-bg);
  color: var(--primary-outline-btn-hover-text);
  border-color: var(--primary-outline-btn-hover-border);
}

.primary-outline-btn:disabled, .primary-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-primary-outline-btn-text);
  border-color: var(--disable-primary-outline-btn-border);
  cursor: not-allowed;
}

.primary-outline-btn:disabled img, .primary-outline-btn.is-disabled img {
  filter: var(--disable-primary-outline-btn-icon-filter) !important;
}

.whatsapp-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--whatsapp-outline-btn-text);
  border-color: var(--whatsapp-outline-btn-border);
}

.whatsapp-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.whatsapp-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .whatsapp-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.whatsapp-outline-btn img {
  filter: var(--whatsapp-outline-btn-icon-filter) !important;
}

.whatsapp-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--whatsapp-outline-btn-hover-bg);
  color: var(--whatsapp-outline-btn-hover-text);
  border-color: var(--whatsapp-outline-btn-hover-border);
}

.whatsapp-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--whatsapp-outline-btn-hover-icon-filter) !important;
}

.whatsapp-outline-btn.is-active {
  background: var(--whatsapp-outline-btn-hover-bg);
  color: var(--whatsapp-outline-btn-hover-text);
  border-color: var(--whatsapp-outline-btn-hover-border);
}

.whatsapp-outline-btn:disabled, .whatsapp-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-whatsapp-outline-btn-text);
  border-color: var(--disable-whatsapp-outline-btn-border);
  cursor: not-allowed;
}

.whatsapp-outline-btn:disabled img, .whatsapp-outline-btn.is-disabled img {
  filter: var(--disable-whatsapp-outline-btn-icon-filter) !important;
}

.sms-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--sms-outline-btn-text);
  border-color: var(--sms-outline-btn-border);
}

.sms-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.sms-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .sms-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.sms-outline-btn img {
  filter: var(--sms-outline-btn-icon-filter) !important;
}

.sms-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--sms-outline-btn-hover-bg);
  color: var(--sms-outline-btn-hover-text);
  border-color: var(--sms-outline-btn-hover-border);
}

.sms-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--sms-outline-btn-hover-icon-filter) !important;
}

.sms-outline-btn.is-active {
  background: var(--sms-outline-btn-hover-bg);
  color: var(--sms-outline-btn-hover-text);
  border-color: var(--sms-outline-btn-hover-border);
}

.sms-outline-btn:disabled, .sms-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-sms-outline-btn-text);
  border-color: var(--disable-sms-outline-btn-border);
  cursor: not-allowed;
}

.sms-outline-btn:disabled img, .sms-outline-btn.is-disabled img {
  filter: var(--disable-sms-outline-btn-icon-filter) !important;
}

.back-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--back-outline-btn-text);
  border-color: var(--back-outline-btn-border);
}

.back-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.back-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .back-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.back-outline-btn img {
  filter: var(--back-outline-btn-icon-filter) !important;
}

.back-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--back-outline-btn-hover-bg);
  color: var(--back-outline-btn-hover-text);
  border-color: var(--back-outline-btn-hover-border);
}

.back-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--back-outline-btn-hover-icon-filter) !important;
}

.back-outline-btn.is-active {
  background: var(--back-outline-btn-hover-bg);
  color: var(--back-outline-btn-hover-text);
  border-color: var(--back-outline-btn-hover-border);
}

.back-outline-btn:disabled, .back-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-back-outline-btn-text);
  border-color: var(--disable-back-outline-btn-border);
  cursor: not-allowed;
}

.back-outline-btn:disabled img, .back-outline-btn.is-disabled img {
  filter: var(--disable-back-outline-btn-icon-filter) !important;
}

.danger-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--danger-outline-btn-text);
  border-color: var(--danger-outline-btn-border);
}

.danger-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.danger-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .danger-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.danger-outline-btn img {
  filter: var(--danger-outline-btn-icon-filter) !important;
}

.danger-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--danger-outline-btn-hover-bg);
  color: var(--danger-outline-btn-hover-text);
  border-color: var(--danger-outline-btn-hover-border);
}

.danger-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--danger-outline-btn-hover-icon-filter) !important;
}

.danger-outline-btn.is-active {
  background: var(--danger-outline-btn-hover-bg);
  color: var(--danger-outline-btn-hover-text);
  border-color: var(--danger-outline-btn-hover-border);
}

.danger-outline-btn:disabled, .danger-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-danger-outline-btn-text);
  border-color: var(--disable-danger-outline-btn-border);
  cursor: not-allowed;
}

.danger-outline-btn:disabled img, .danger-outline-btn.is-disabled img {
  filter: var(--disable-danger-outline-btn-icon-filter) !important;
}

.dark-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--dark-outline-btn-text);
  border-color: var(--dark-outline-btn-border);
}

.dark-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.dark-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .dark-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.dark-outline-btn img {
  filter: var(--dark-outline-btn-icon-filter) !important;
}

.dark-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--dark-outline-btn-hover-bg);
  color: var(--dark-outline-btn-hover-text);
  border-color: var(--dark-outline-btn-hover-border);
}

.dark-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--dark-outline-btn-hover-icon-filter) !important;
}

.dark-outline-btn.is-active {
  background: var(--dark-outline-btn-hover-bg);
  color: var(--dark-outline-btn-hover-text);
  border-color: var(--dark-outline-btn-hover-border);
}

.dark-outline-btn:disabled, .dark-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-dark-outline-btn-text);
  border-color: var(--disable-dark-outline-btn-border);
  cursor: not-allowed;
}

.dark-outline-btn:disabled img, .dark-outline-btn.is-disabled img {
  filter: var(--disable-dark-outline-btn-icon-filter) !important;
}

.darkpurple-outline-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  background: transparent;
  color: var(--darkpurple-outline-btn-text);
  border-color: var(--darkpurple-outline-btn-border);
}

.darkpurple-outline-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.darkpurple-outline-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .darkpurple-outline-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.darkpurple-outline-btn img {
  filter: var(--darkpurple-outline-btn-icon-filter) !important;
}

.darkpurple-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  background: var(--darkpurple-outline-btn-hover-bg);
  color: var(--darkpurple-outline-btn-hover-text);
  border-color: var(--darkpurple-outline-btn-hover-border);
}

.darkpurple-outline-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) img {
  filter: var(--darkpurple-outline-btn-hover-icon-filter) !important;
}

.darkpurple-outline-btn.is-active {
  background: var(--darkpurple-outline-btn-hover-bg);
  color: var(--darkpurple-outline-btn-hover-text);
  border-color: var(--darkpurple-outline-btn-hover-border);
}

.darkpurple-outline-btn:disabled, .darkpurple-outline-btn.is-disabled {
  background: transparent;
  color: var(--disable-darkpurple-outline-btn-text);
  border-color: var(--disable-darkpurple-outline-btn-border);
  cursor: not-allowed;
}

.darkpurple-outline-btn:disabled img, .darkpurple-outline-btn.is-disabled img {
  filter: var(--disable-darkpurple-outline-btn-icon-filter) !important;
}

.text-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease;
  font-weight: var(--fw-400) !important;
  color: var(--primary-outline-btn-text) !important;
  background: none !important;
}

.text-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.text-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-width: 820px) {
  .text-btn {
    font-size: var(--fs-lg);
    padding: 12px 20px;
  }
}
.back-outline-btn img {
  width: 8px;
  height: 15px;
}

.primary-gradient-btn {
  min-width: 130px;
  min-height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 10px;
  color: var(--primary-text) !important;
  font-weight: var(--fw-500);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--fs-base);
  font-family: var(--secondary-font-family);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, filter 0.2s ease, opacity 0.2s ease;
  background: url('btn-gradiant-bg-img.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border: none;
}

.primary-gradient-btn:hover:not(:disabled):not(.is-disabled):not(.is-active) {
  opacity: 0.9;
}

.primary-gradient-btn:disabled, .primary-gradient-btn.is-disabled {
  background: var(--disable-primary-btn-bg) !important;
  color: var(--disable-primary-btn-text) !important;
  border-color: var(--disable-primary-btn-border) !important;
  cursor: not-allowed;
}

.primary-gradient-btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.primary-gradient-btn img {
  min-width: 10px;
  min-height: 10px;
  height: 15px;
  width: 15px;
}

@media (max-widht: 820px) {
  .primary-gradient-btn {
    padding: 12px 20px;
    font-size: var(--fs-lg);
  }
}
.btn-w10 {
  width: calc(10% - 5px);
}

.btn-w20 {
  width: calc(20% - 5px);
}

.btn-w25 {
  width: calc(20% - 5px);
}

.btn-w30 {
  width: calc(30% - 5px);
}

.btn-w40 {
  width: calc(40% - 5px);
}

.btn-w50 {
  width: calc(50% - 5px);
}

.btn-w60 {
  width: calc(60% - 5px);
}

.btn-w70 {
  width: calc(70% - 5px);
}

.btn-w80 {
  width: calc(80% - 5px);
}

.btn-w90 {
  width: calc(90% - 5px);
}

.btn-w100 {
  width: 100%;
}

.primary-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--primary-label-bg);
  color: var(--primary-label-text);
  border-color: var(--primary-label-border);
}

.progress-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--progress-label-bg);
  color: var(--progress-label-text);
  border-color: var(--progress-label-border);
}

.danger-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--danger-label-bg);
  color: var(--danger-label-text);
  border-color: var(--danger-label-border);
}

.dark-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--dark-label-bg);
  color: var(--dark-label-text);
  border-color: var(--dark-label-border);
}

.darkengray-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--darkengray-label-bg);
  color: var(--darkengray-label-text);
  border-color: var(--darkengray-label-border);
}

.success-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--success-label-bg);
  color: var(--success-label-text);
  border-color: var(--success-label-border);
}

.warning-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--warning-label-bg);
  color: var(--warning-label-text);
  border-color: var(--warning-label-border);
}

.default-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--default-label-bg);
  color: var(--default-label-text);
  border-color: var(--default-label-border);
}

.mint-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--mint-label-bg);
  color: var(--mint-label-text);
  border-color: var(--mint-label-border);
}

.progressLight-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--progressLight-label-bg);
  color: var(--progressLight-label-text);
  border-color: var(--progressLight-label-border);
}

.lightengray-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--lightengray-label-bg);
  color: var(--lightengray-label-text);
  border-color: var(--lightengray-label-border);
}

.primaryLight-label-fill {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--primaryLight-label-bg);
  color: var(--primaryLight-label-text);
  border-color: var(--primaryLight-label-border);
}

.primary-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--primary-outline-label-bg);
  color: var(--primary-outline-label-text);
  border-color: var(--primary-outline-label-border);
}

.progress-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--progress-outline-label-bg);
  color: var(--progress-outline-label-text);
  border-color: var(--progress-outline-label-border);
}

.danger-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--danger-outline-label-bg);
  color: var(--danger-outline-label-text);
  border-color: var(--danger-outline-label-border);
}

.dark-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--dark-outline-label-bg);
  color: var(--dark-outline-label-text);
  border-color: var(--dark-outline-label-border);
}

.darkengray-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--darkengray-outline-label-bg);
  color: var(--darkengray-outline-label-text);
  border-color: var(--darkengray-outline-label-border);
}

.success-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--success-outline-label-bg);
  color: var(--success-outline-label-text);
  border-color: var(--success-outline-label-border);
}

.warning-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--warning-outline-label-bg);
  color: var(--warning-outline-label-text);
  border-color: var(--warning-outline-label-border);
}

.default-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--default-outline-label-bg);
  color: var(--default-outline-label-text);
  border-color: var(--default-outline-label-border);
}

.mint-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--mint-outline-label-bg);
  color: var(--mint-outline-label-text);
  border-color: var(--mint-outline-label-border);
}

.progressLight-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--progressLight-outline-label-bg);
  color: var(--progressLight-outline-label-text);
  border-color: var(--progressLight-outline-label-border);
}

.lightengray-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--lightengray-outline-label-bg);
  color: var(--lightengray-outline-label-text);
  border-color: var(--lightengray-outline-label-border);
}

.primaryLight-label-outline {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background-color: var(--primaryLight-outline-label-bg);
  color: var(--primaryLight-outline-label-text);
  border-color: var(--primaryLight-outline-label-border);
}

.primary-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.1);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.1);
  color: #595cdb;
}

.primary-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.2);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.2);
  color: #595cdb;
}

.primary-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.3);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.3);
  color: #595cdb;
}

.primary-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.4);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.4);
  color: #595cdb;
}

.primary-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.5);
  color: #595cdb;
}

.primary-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.6);
  color: #595cdb;
}

.primary-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.7);
  color: #595cdb;
}

.primary-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.8);
  color: #595cdb;
}

.primary-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.9);
  color: #595cdb;
}

.primary-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #595cdb;
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #595cdb;
  color: #595cdb;
}

.progress-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.1);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.1);
  color: #333595;
}

.progress-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.2);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.2);
  color: #333595;
}

.progress-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.3);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.3);
  color: #333595;
}

.progress-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.4);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.4);
  color: #333595;
}

.progress-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.5);
  color: #333595;
}

.progress-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.6);
  color: #333595;
}

.progress-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.7);
  color: #333595;
}

.progress-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.8);
  color: #333595;
}

.progress-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.9);
  color: #333595;
}

.progress-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #333595;
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #333595;
  color: #333595;
}

.danger-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.1);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.1);
  color: #da4339;
}

.danger-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.2);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.2);
  color: #da4339;
}

.danger-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.3);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.3);
  color: #da4339;
}

.danger-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.4);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.4);
  color: #da4339;
}

.danger-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.5);
  color: #da4339;
}

.danger-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.6);
  color: #da4339;
}

.danger-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.7);
  color: #da4339;
}

.danger-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.8);
  color: #da4339;
}

.danger-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.9);
  color: #da4339;
}

.danger-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #da4339;
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #da4339;
  color: #da4339;
}

.dark-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.1);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.1);
  color: #222222;
}

.dark-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.2);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.2);
  color: #222222;
}

.dark-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.3);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.3);
  color: #222222;
}

.dark-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.4);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.4);
  color: #222222;
}

.dark-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.5);
  color: #222222;
}

.dark-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.6);
  color: #222222;
}

.dark-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.7);
  color: #222222;
}

.dark-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.8);
  color: #222222;
}

.dark-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.9);
  color: #222222;
}

.dark-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #222222;
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #222222;
  color: #222222;
}

.success-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.1);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.1);
  color: #06da3b;
}

.success-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.2);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.2);
  color: #06da3b;
}

.success-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.3);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.3);
  color: #06da3b;
}

.success-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.4);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.4);
  color: #06da3b;
}

.success-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.5);
  color: #06da3b;
}

.success-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.6);
  color: #06da3b;
}

.success-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.7);
  color: #06da3b;
}

.success-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.8);
  color: #06da3b;
}

.success-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.9);
  color: #06da3b;
}

.success-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #06da3b;
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #06da3b;
  color: #06da3b;
}

.primary-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.1);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.1);
  color: #595cdb;
}

.primary-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.2);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.2);
  color: #595cdb;
}

.primary-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.3);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.3);
  color: #595cdb;
}

.primary-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.4);
  border: 1px solid transparent;
  color: #595cdb;
}

.primary-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.4);
  color: #595cdb;
}

.primary-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.5);
  color: #595cdb;
}

.primary-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.6);
  color: #595cdb;
}

.primary-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.7);
  color: #595cdb;
}

.primary-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.8);
  color: #595cdb;
}

.primary-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(89, 92, 219, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(89, 92, 219, 0.9);
  color: #595cdb;
}

.primary-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #595cdb;
  border: 1px solid transparent;
  color: #ffffff;
}

.primary-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #595cdb;
  color: #595cdb;
}

.progress-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.1);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.1);
  color: #333595;
}

.progress-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.2);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.2);
  color: #333595;
}

.progress-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.3);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.3);
  color: #333595;
}

.progress-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.4);
  border: 1px solid transparent;
  color: #333595;
}

.progress-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.4);
  color: #333595;
}

.progress-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.5);
  color: #333595;
}

.progress-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.6);
  color: #333595;
}

.progress-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.7);
  color: #333595;
}

.progress-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.8);
  color: #333595;
}

.progress-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(51, 53, 149, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(51, 53, 149, 0.9);
  color: #333595;
}

.progress-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #333595;
  border: 1px solid transparent;
  color: #ffffff;
}

.progress-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #333595;
  color: #333595;
}

.danger-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.1);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.1);
  color: #da4339;
}

.danger-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.2);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.2);
  color: #da4339;
}

.danger-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.3);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.3);
  color: #da4339;
}

.danger-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.4);
  border: 1px solid transparent;
  color: #da4339;
}

.danger-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.4);
  color: #da4339;
}

.danger-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.5);
  color: #da4339;
}

.danger-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.6);
  color: #da4339;
}

.danger-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.7);
  color: #da4339;
}

.danger-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.8);
  color: #da4339;
}

.danger-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(218, 67, 57, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(218, 67, 57, 0.9);
  color: #da4339;
}

.danger-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #da4339;
  border: 1px solid transparent;
  color: #ffffff;
}

.danger-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #da4339;
  color: #da4339;
}

.dark-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.1);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.1);
  color: #222222;
}

.dark-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.2);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.2);
  color: #222222;
}

.dark-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.3);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.3);
  color: #222222;
}

.dark-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.4);
  border: 1px solid transparent;
  color: #222222;
}

.dark-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.4);
  color: #222222;
}

.dark-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.5);
  color: #222222;
}

.dark-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.6);
  color: #222222;
}

.dark-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.7);
  color: #222222;
}

.dark-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.8);
  color: #222222;
}

.dark-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(34, 34, 34, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(34, 34, 34, 0.9);
  color: #222222;
}

.dark-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #222222;
  border: 1px solid transparent;
  color: #ffffff;
}

.dark-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #222222;
  color: #222222;
}

.success-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.1);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.1);
  color: #06da3b;
}

.success-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.2);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.2);
  color: #06da3b;
}

.success-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.3);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.3);
  color: #06da3b;
}

.success-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.4);
  border: 1px solid transparent;
  color: #06da3b;
}

.success-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.4);
  color: #06da3b;
}

.success-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.5);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.5);
  color: #06da3b;
}

.success-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.6);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.6);
  color: #06da3b;
}

.success-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.7);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.7);
  color: #06da3b;
}

.success-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.8);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.8);
  color: #06da3b;
}

.success-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(6, 218, 59, 0.9);
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(6, 218, 59, 0.9);
  color: #06da3b;
}

.success-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: #06da3b;
  border: 1px solid transparent;
  color: #ffffff;
}

.success-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid #06da3b;
  color: #06da3b;
}

.light-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.light-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

.light-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
}

.light-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
}

.light-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
}

.light-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
}

.light-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.7);
  color: #ffffff;
}

.light-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;
}

.light-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.9);
  color: #ffffff;
}

.light-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: white;
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid white;
  color: #ffffff;
}

.light-label-fill-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-10 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.light-label-fill-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-20 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffffff;
}

.light-label-fill-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-30 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
}

.light-label-fill-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid transparent;
  color: #ffffff;
}

.light-label-outline-40 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #ffffff;
}

.light-label-fill-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-50 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff;
}

.light-label-fill-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-60 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #ffffff;
}

.light-label-fill-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-70 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.7);
  color: #ffffff;
}

.light-label-fill-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-80 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: #ffffff;
}

.light-label-fill-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-90 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.9);
  color: #ffffff;
}

.light-label-fill-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: white;
  border: 1px solid transparent;
  color: #000000;
}

.light-label-outline-100 {
  min-width: 30px;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 4px 15px;
  line-height: normal;
  border-radius: 15px;
  font-family: var(--secondary-font-family);
  font-size: var(--fs-sm);
  background: transparent;
  border: 1px solid white;
  color: #ffffff;
}

.auth-master-container,
.cibil-master-container {
  width: 100%;
  padding: 10px;
  height: 100dvh;
  padding: 25px 10% 25px;
  overflow: auto;
}
.auth-master-container .auth-section .brand-logo,
.cibil-master-container .auth-section .brand-logo {
  margin-top: 40px;
  width: 250px;
}
.auth-master-container .auth-section .brand-logo img,
.cibil-master-container .auth-section .brand-logo img {
  height: 100%;
  width: 100%;
}
.auth-master-container .auth-back-btn,
.auth-master-container .cibil-back-btn,
.cibil-master-container .auth-back-btn,
.cibil-master-container .cibil-back-btn {
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: flex-start;
}
.auth-master-container .auth-master-container-content,
.auth-master-container .cibil-master-container-content,
.cibil-master-container .auth-master-container-content,
.cibil-master-container .cibil-master-container-content {
  height: calc(100% - 35px);
  padding-right: 2px;
  overflow: auto;
}
.auth-master-container .cibil-content-main,
.cibil-master-container .cibil-content-main {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.auth-master-container .cibil-content-main .cibil-score-footer,
.cibil-master-container .cibil-content-main .cibil-score-footer {
  margin-top: auto;
}

.cibil-master-container {
  width: 100%;
  padding: 10px;
  height: 100dvh;
  padding: 25px 10% 25px;
  overflow: auto;
}
.cibil-master-container .cibil-back-btn {
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: flex-start;
}
.cibil-master-container .cibil-master-container-content {
  height: calc(100% - 35px);
  padding-right: 2px;
  overflow: auto;
}
.cibil-master-container .cibil-content-main {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.cibil-master-container .cibil-content-main .cibil-score-footer {
  margin-top: auto;
}

.loan-master-container,
.home-master-container,
.investment-master-container,
.credit-score-master-container {
  width: 60%;
  margin: 0 auto;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  position: relative;
}
.loan-master-container .header,
.home-master-container .header,
.investment-master-container .header,
.credit-score-master-container .header {
  width: 100%;
  min-height: var(--header-height);
  height: var(--header-height);
  min-height: var(--header-height);
}
.loan-master-container .content-main,
.home-master-container .content-main,
.investment-master-container .content-main,
.credit-score-master-container .content-main {
  width: 100%;
  padding: 15px;
  flex: 1 1 auto;
  overflow: auto;
}
.loan-master-container .content-main:has(.chat-room-main, .support-main),
.home-master-container .content-main:has(.chat-room-main, .support-main),
.investment-master-container .content-main:has(.chat-room-main, .support-main),
.credit-score-master-container .content-main:has(.chat-room-main, .support-main) {
  padding: 0px;
}
.loan-master-container .footer,
.home-master-container .footer,
.investment-master-container .footer,
.credit-score-master-container .footer {
  width: 100%;
}

@media (max-width: 914px) {
  .loan-master-container,
  .home-master-container,
  .investment-master-container,
  .credit-score-master-container {
    width: 70%;
  }
}
@media (max-width: 834px) {
  .loan-master-container,
  .home-master-container,
  .investment-master-container,
  .credit-score-master-container {
    width: 100%;
  }
}
.page-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 20px;
}

.page-card-view {
  width: 100%;
  max-width: 400px;
  background: var(--primary-bg-color);
  border-radius: 10px;
  padding: 15px;
  color: var(--primary-text-color);
  border: 1px solid var(--primary-border-color);
}
.page-card-view .action-btn-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.page-card-view .action-btn-wrapper .center-btn {
  width: 100% !important;
}

.card-view {
  width: 100%;
  background: var(--primary-bg-color);
  border-radius: 10px;
  padding: 15px;
  color: var(--primary-text-color);
  border: 1px solid var(--primary-border-color);
}
.card-view .cv-title-2xl,
.card-view .cv-title-xl,
.card-view .cv-title-lg,
.card-view .cv-title-md {
  color: var(--primary-text-color);
  font-weight: var(--font-weight-500);
}
.card-view .cv-title-2xl {
  font-size: var(--text-size-2xl);
}
.card-view .cv-title-xl {
  font-size: var(--text-size-xl);
}
.card-view .cv-title-lg {
  font-size: var(--text-size-lg);
}
.card-view .cv-title-md {
  font-size: var(--text-size-md);
}
.card-view .cv-text-2xl,
.card-view .cv-text-xl,
.card-view .cv-text-lg,
.card-view .cv-text-md,
.card-view .cv-text-sm,
.card-view .cv-text-xs {
  color: var(--primary-text-color);
  font-weight: var(--font-weight-400);
}
.card-view .cv-text-2xl {
  font-size: var(--text-size-2xl);
}
.card-view .cv-text-xl {
  font-size: var(--text-size-xl);
}
.card-view .cv-text-lg {
  font-size: var(--text-size-lg);
}
.card-view .cv-text-lg-500 {
  font-size: var(--text-size-lg);
  color: var(--primary-text-color-500);
}
.card-view .cv-text-md {
  font-size: var(--text-size-md);
}
.card-view .cv-text-md-500 {
  font-size: var(--text-size-md);
  color: var(--primary-text-color-200);
}
.card-view .cv-text-sm {
  font-size: var(--text-size-sm);
}
.card-view .cv-text-sm-500 {
  font-size: var(--text-size-sm);
  color: var(--primary-text-color-500);
}
.card-view .cv-text-xs {
  font-size: var(--text-size-xs);
}
.card-view .cv-subtitle {
  font-size: var(--text-size-md);
  font-weight: var(--font-weight-500);
  color: var(--primary-text-color);
}
.card-view .cv-regular-text {
  font-size: var(--text-size-md);
  font-weight: var(--font-weight-400);
  color: var(--primary-text-color);
}
.card-view .cv-small-text {
  font-size: var(--text-size-sm);
  font-weight: var(--font-weight-400);
  color: var(--primary-text-color);
}
.card-view .cv-text-highlight {
  font-size: var(--text-size-md);
  font-weight: var(--font-weight-500);
  color: var(--primary-text-color);
}
.card-view .cv-text-highlight-secondary {
  font-size: var(--text-size-md);
  font-weight: var(--font-weight-500);
  color: var(--secondary-text-color);
}
.card-view .cv-description {
  display: flex;
  flex-direction: column;
}
.card-view .cv-text-center {
  text-align: center;
}
.card-view .cv-text-left {
  text-align: start;
}
.card-view .cv-text-right {
  text-align: end;
}
.card-view .link {
  cursor: pointer;
}
.card-view .success-text {
  color: var(--success-text-color) !important;
}
.card-view .danger-text {
  color: var(--danger-text-color) !important;
}
.card-view .highlight-text {
  color: var(--secondary-text-color);
}
.card-view .secondary-text {
  color: var(--secondary-text-color) !important;
}
.card-view .info-text {
  color: var(--info-text-color);
}
.card-view .progress-text {
  color: var(--progress-text-color) !important;
}
.card-view .warn-text {
  color: var(--warn-text-color) !important;
}
.card-view .action-btn-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.card-view .action-btn-wrapper .half-btn {
  width: 50% !important;
}
.card-view .action-btn-wrapper .full-btn {
  width: 100% !important;
}
.card-view .action-btn-wrapper .fit-btn {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.card-view .action-btn-wrapper .one-third-btn {
  width: 33.3333333333% !important;
}
.card-view .action-btn-wrapper .center-btn {
  width: 60% !important;
}
.card-view .direction-column {
  flex-direction: column;
}
.card-view .content-center {
  justify-content: center;
}
.card-view .content-start {
  justify-content: flex-start;
}
.card-view .content-end {
  justify-content: flex-end;
}

.flex-column-gap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.flex-row-gap {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.form-input-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.form-input-group .input-label {
  font-size: var(--text-size-md);
}
.form-input-group .three-fourth-input-item {
  width: calc(75% - 5px);
}
.form-input-group .half-input-item {
  width: calc(50% - 5px);
}
.form-input-group .one-third-input-item {
  width: calc(33.33% - 5px);
}
.form-input-group .one-fourth-input-item {
  width: calc(25% - 5px);
}

.normal-table-control,
.info-normal-table-control {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.normal-table-control .link,
.info-normal-table-control .link {
  cursor: pointer;
}
.normal-table-control .success-text,
.info-normal-table-control .success-text {
  color: var(--success-text-color) !important;
}
.normal-table-control .danger-text,
.info-normal-table-control .danger-text {
  color: var(--danger-text-color) !important;
}
.normal-table-control .highlight-text,
.info-normal-table-control .highlight-text {
  color: var(--secondary-text-color);
}
.normal-table-control .info-text,
.info-normal-table-control .info-text {
  color: var(--info-text-color);
}
.normal-table-control .progress-text,
.info-normal-table-control .progress-text {
  color: var(--progress-text-color);
}
.normal-table-control .warn-text,
.info-normal-table-control .warn-text {
  color: var(--warn-text-color) !important;
}
.normal-table-control .bold-text,
.info-normal-table-control .bold-text {
  font-weight: var(--font-weight-500) !important;
}
.normal-table-control .border-none,
.info-normal-table-control .border-none {
  border: none !important;
}
.normal-table-control .m-l5,
.info-normal-table-control .m-l5 {
  margin-left: 5px;
}
.normal-table-control .m-r5,
.info-normal-table-control .m-r5 {
  margin-right: 5px;
}
.normal-table-control .table-dots,
.info-normal-table-control .table-dots {
  background: color-mix(in srgb, var(--primary-text-color), transparent 50%);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  padding: 2px;
  margin-right: 8px;
}
.normal-table-control .progress-dashed-border-bottom,
.info-normal-table-control .progress-dashed-border-bottom {
  border-bottom: 1.5px dashed var(--progress-border-color) !important;
}
.normal-table-control .primary-dashed-border-bottom,
.info-normal-table-control .primary-dashed-border-bottom {
  border-bottom: 1.5px dashed var(--primary-border-color) !important;
}
.normal-table-control .hover-none,
.info-normal-table-control .hover-none {
  background: none !important;
}
.normal-table-control .half-table,
.normal-table-control .full-table,
.info-normal-table-control .half-table,
.info-normal-table-control .full-table {
  width: calc(50% - 10px);
  font-size: var(--text-size-lg);
}
.normal-table-control .half-table .table-header,
.normal-table-control .full-table .table-header,
.info-normal-table-control .half-table .table-header,
.info-normal-table-control .full-table .table-header {
  color: var(--primary-text-color);
  background: var(--table-header-bg-color);
}
.normal-table-control .half-table .table-header th:nth-child(1),
.normal-table-control .full-table .table-header th:nth-child(1),
.info-normal-table-control .half-table .table-header th:nth-child(1),
.info-normal-table-control .full-table .table-header th:nth-child(1) {
  display: flex;
  align-items: center;
  min-width: 20%;
  margin-right: 20px;
  color: var(--primary-text-color);
  font-weight: var(--font-weight-500);
  padding: 0px 10px;
}
.normal-table-control .half-table .table-header th:nth-child(2),
.normal-table-control .full-table .table-header th:nth-child(2),
.info-normal-table-control .half-table .table-header th:nth-child(2),
.info-normal-table-control .full-table .table-header th:nth-child(2) {
  text-align: end;
  font-weight: var(--font-weight-500);
  color: var(--primary-text-color);
  padding: 0px 10px;
}
.normal-table-control .half-table tr,
.normal-table-control .full-table tr,
.info-normal-table-control .half-table tr,
.info-normal-table-control .full-table tr {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  padding: 6px 0px;
  line-height: normal;
  border-bottom: 1px solid var(--primary-light-border-color);
  transition: all 0.2s linear;
  word-break: break-word;
}
.normal-table-control .half-table tr:nth-last-child(1),
.normal-table-control .full-table tr:nth-last-child(1),
.info-normal-table-control .half-table tr:nth-last-child(1),
.info-normal-table-control .full-table tr:nth-last-child(1) {
  border-bottom: none;
}
.normal-table-control .half-table tr:hover,
.normal-table-control .full-table tr:hover,
.info-normal-table-control .half-table tr:hover,
.info-normal-table-control .full-table tr:hover {
  background: var(--table-row-hover-bg-color);
}
.normal-table-control .half-table tr td:nth-child(1),
.normal-table-control .full-table tr td:nth-child(1),
.info-normal-table-control .half-table tr td:nth-child(1),
.info-normal-table-control .full-table tr td:nth-child(1) {
  display: flex;
  align-items: center;
  min-width: 20%;
  color: var(--primary-text-color);
  font-weight: var(--font-weight-400);
  padding: 0px 10px;
}
.normal-table-control .half-table tr td:nth-child(1) .additional-title-wrapper,
.normal-table-control .full-table tr td:nth-child(1) .additional-title-wrapper,
.info-normal-table-control .half-table tr td:nth-child(1) .additional-title-wrapper,
.info-normal-table-control .full-table tr td:nth-child(1) .additional-title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.normal-table-control .half-table tr td:nth-child(1) .additional-title-wrapper span:nth-child(2),
.normal-table-control .full-table tr td:nth-child(1) .additional-title-wrapper span:nth-child(2),
.info-normal-table-control .half-table tr td:nth-child(1) .additional-title-wrapper span:nth-child(2),
.info-normal-table-control .full-table tr td:nth-child(1) .additional-title-wrapper span:nth-child(2) {
  font-size: var(--text-size-sm);
  font-weight: var(--font-weight-300);
}
.normal-table-control .half-table tr td:nth-child(2),
.normal-table-control .full-table tr td:nth-child(2),
.info-normal-table-control .half-table tr td:nth-child(2),
.info-normal-table-control .full-table tr td:nth-child(2) {
  text-align: end;
  font-weight: var(--font-weight-500);
  color: var(--primary-text-color);
  padding: 0px 10px;
}
.normal-table-control .half-table tr td:nth-child(2) .additional-data-wrapper,
.normal-table-control .full-table tr td:nth-child(2) .additional-data-wrapper,
.info-normal-table-control .half-table tr td:nth-child(2) .additional-data-wrapper,
.info-normal-table-control .full-table tr td:nth-child(2) .additional-data-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.normal-table-control .half-table tr td:nth-child(2) .additional-data-wrapper span:nth-child(2),
.normal-table-control .full-table tr td:nth-child(2) .additional-data-wrapper span:nth-child(2),
.info-normal-table-control .half-table tr td:nth-child(2) .additional-data-wrapper span:nth-child(2),
.info-normal-table-control .full-table tr td:nth-child(2) .additional-data-wrapper span:nth-child(2) {
  font-size: var(--text-size-sm);
  font-weight: var(--font-weight-300);
}
.normal-table-control .half-table tr .calculator-icon,
.normal-table-control .full-table tr .calculator-icon,
.info-normal-table-control .half-table tr .calculator-icon,
.info-normal-table-control .full-table tr .calculator-icon {
  height: 25px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.normal-table-control .half-table tr .refund-icon,
.normal-table-control .full-table tr .refund-icon,
.info-normal-table-control .half-table tr .refund-icon,
.info-normal-table-control .full-table tr .refund-icon {
  height: 25px;
  width: 25px;
  cursor: pointer;
}
.normal-table-control .full-table,
.info-normal-table-control .full-table {
  width: 100%;
}

.info-normal-table-control .half-table tr,
.info-normal-table-control .full-table tr {
  padding: 10px 0px;
}
.info-normal-table-control .half-table tr:hover,
.info-normal-table-control .full-table tr:hover {
  background: none;
}
.info-normal-table-control .half-table tr td:nth-child(1),
.info-normal-table-control .full-table tr td:nth-child(1) {
  padding: 0px;
}
.info-normal-table-control .half-table tr td:nth-child(2),
.info-normal-table-control .full-table tr td:nth-child(2) {
  padding: 0px;
}

.labels {
  min-width: 30px !important;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  line-height: normal;
  border-radius: 5px;
  font-size: var(--text-size-sm);
}

.lb-gray {
  background: var(--gray-bg-color-800);
  color: var(--primary-text-color);
  border: 1px solid var(--gray-text-color);
}

.lb-success {
  background: var(--success-bg-color-800);
  color: var(--success-text-color);
  border: 1px solid var(--success-text-color);
}

.lb-olive {
  background: var(--olive-bg-color);
  color: var(--light-text-color);
}

.lb-danger {
  background: var(--danger-bg-color-800);
  color: var(--danger-text-color);
}

.lb-info {
  background: var(--info-bg-color-800);
  color: var(--info-text-color);
  border: 1px solid var(--info-text-color);
}

.lb-progress {
  background: var(--progress-bg-color-800);
  color: var(--progress-text-color);
  border: 1px solid var(--progress-text-color);
}

.lb-warn {
  background: var(--warn-bg-color-800);
  color: var(--warn-text-color);
  border: 1px solid var(--warn-text-color);
}

.lb-accent {
  background: var(--accent-bg-color-800);
  color: var(--accent-text-color);
  border: 1px solid var(--accent-text-color);
}

.lb-gold {
  border-radius: 50px;
  background: var(--royal-gold-bg-color);
  color: var(--light-text-color);
}

.lb-peach {
  border-radius: 50px;
  background: var(--peach-fuzz-bg-color);
  color: var(--secondary-text-color);
  font-weight: var(--font-weight-500);
}

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

.secondary-bg {
  background: var(--secondary-bg-color);
}

.secondary-bg-800 {
  background: var(--secondary-bg-color-800);
}

.secondary-bg-900 {
  background: var(--secondary-bg-color-900);
}

.secondary-gradient-bg {
  background: var(--secondary-gradient-bg-color);
}

.gray-bg {
  background: var(--gray-bg-color);
}

.gray-bg-800 {
  background: var(--gray-bg-color-800);
}

.gray-bg-900 {
  background: var(--gray-bg-color-900);
}

.warn-bg {
  background: var(--warn-bg-color);
}

.warn-bg-color-800 {
  background: var(--warn-bg-color-800);
}

.warn-bg-color-900 {
  background: var(--warn-bg-color-900);
}

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

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

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

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

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

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

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

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

.progress-bg {
  background: var(--progress-bg-color);
}

.progress-bg-700 {
  background: var(--progress-bg-color-700);
}

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

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

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

.accent-bg {
  background: var(--accent-bg-color);
}

.middle-orange-bg {
  background: var(--accent-bg-color);
}

.light-coral-bg {
  background: var(--accent-bg-color);
}

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

.yellow-green-bg-700 {
  background: var(--yellow-green-bg-color-700);
}

.yellow-green-bg-900 {
  background: var(--yellow-green-bg-color-900);
}

.dark-green-bg-600 {
  background: var(--dark-green-bg-color-600);
}

.dark-green-bg {
  background: var(--dark-green-bg-color);
}

.dark-green-bg-800 {
  background: var(--dark-green-bg-color-800);
}

.middle-orange-bg-200 {
  background: var(--middle-orange-bg-color-200);
}

.middle-orange-bg-900 {
  background: var(--middle-orange-bg-color-900);
}

.middle-orange-bg-500 {
  background: var(--middle-orange-bg-color-500);
}

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

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

.dark-yellow-bg-500 {
  background: var(--dark-yellow-bg-color-400);
}

.dark-yellow-bg-600 {
  background: var(--dark-yellow-bg-color-600);
}

.dark-yellow-bg-700 {
  background: var(--dark-yellow-bg-color-700);
}

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

.light-orange-bg-900 {
  background: var(--light-orange-bg-color-900);
}

.olive-bg-color {
  background: var(--olive-bg-color);
  color: var(--light-text-color);
}

.peach-puff-bg-color-800 {
  background: var(--peach-puff-bg-color-800);
  color: var(--light-text-color);
}

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

.sunset-orange-bg-color {
  background: var(--sunset-orange-bg-color);
  color: var(--light-text-color);
}

.blush-brown-bg-color {
  background: var(--blush-brown-bg-color);
  color: var(--light-text-color);
}

.coral-red-bg-color {
  background: var(--coral-red-bg-color);
  color: var(--light-text-color);
}

.copper-orange-bg-color {
  background: var(--copper-orange-bg-color);
  color: var(--light-text-color);
}

.link {
  cursor: pointer;
  font-size: var(--text-size-sm);
  color: var(--progress-text-color);
  text-decoration: underline;
  text-transform: capitalize;
  font-weight: var(--font-weight-400);
}

.link-black {
  color: var(--primary-text-color) !important;
  font-weight: var(--font-weight-500);
}

.link-black-underline {
  color: var(--primary-text-color) !important;
  text-decoration: underline;
  font-weight: var(--font-weight-500);
}

input {
  font-family: var(--primary-font-family);
}

input[type=radio] {
  accent-color: var(--purple-bg);
}

input:focus-within {
  border-color: var(--primary-color);
  outline-color: var(--primary-color);
}

.fade-slide-stagger > * {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeSlideIn 0.3s ease-out forwards;
}
.fade-slide-stagger > *:nth-child(1) {
  animation-delay: 0s;
}
.fade-slide-stagger > *:nth-child(2) {
  animation-delay: 0.05s;
}
.fade-slide-stagger > *:nth-child(3) {
  animation-delay: 0.1s;
}
.fade-slide-stagger > *:nth-child(4) {
  animation-delay: 0.15s;
}
.fade-slide-stagger > *:nth-child(5) {
  animation-delay: 0.2s;
}
.fade-slide-stagger > *:nth-child(6) {
  animation-delay: 0.25s;
}
.fade-slide-stagger > *:nth-child(7) {
  animation-delay: 0.3s;
}

@keyframes fadeSlideIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 914px) {
  .auth-master-container,
  .cibil-master-container {
    padding: 25px 15% 25px;
  }
  .auth-master-container .auth-section .brand-logo,
  .cibil-master-container .auth-section .brand-logo {
    width: 220px;
  }
}
@media (max-width: 768px) {
  .auth-master-container,
  .cibil-master-container {
    padding: 20px;
  }
  .auth-master-container .auth-section .brand-logo,
  .cibil-master-container .auth-section .brand-logo {
    width: 200px;
  }
}
@media (max-width: 480px) {
  .auth-master-container,
  .cibil-master-container {
    padding: 15px;
  }
  .auth-master-container .auth-section .brand-logo,
  .cibil-master-container .auth-section .brand-logo {
    width: 180px;
  }
  .card-view .action-btn-wrapper .btn,
  .card-view .action-btn-wrapper .one-third-btn,
  .card-view .action-btn-wrapper .half-btn {
    width: 100% !important;
  }
  .form-input-group .half-input-item {
    width: 100%;
  }
}
.subtitle {
  font-size: var(--text-size-md);
  font-weight: var(--font-weight-500);
  color: var(--primary-text-color);
}

.regular-text {
  font-size: var(--text-size-md);
  font-weight: var(--font-weight-400);
  color: var(--primary-text-color);
}

.small-text {
  font-size: var(--text-size-sm);
  font-weight: var(--font-weight-400);
  color: var(--primary-text-color);
}

.text-highlight {
  font-size: var(--text-size-md);
  font-weight: var(--font-weight-500);
  color: var(--primary-text-color);
}

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

.description {
  display: flex;
  flex-direction: column;
}

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

.text-left {
  text-align: start;
}

.text-right {
  text-align: end;
}

.action-btn-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.action-btn-wrapper .half-btn {
  width: 50% !important;
}
.action-btn-wrapper .full-btn {
  width: 100% !important;
}
.action-btn-wrapper .fit-btn {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.action-btn-wrapper .one-third-btn {
  width: 33.3333333333% !important;
}

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

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

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

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

@media (max-width: 480px) {
  .action-btn-wrapper .btn,
  .action-btn-wrapper .one-third-btn,
  .action-btn-wrapper .half-btn {
    width: 100% !important;
  }
}
.btn {
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 10px 20px;
  font-weight: var(--font-weight-600);
  cursor: pointer;
  transition: all 0.3s linear;
  font-size: var(--text-size-lg);
}

@media (max-width: 480px) {
  .btn {
    font-size: var(--text-size-lg);
  }
}
.btn-p0 {
  padding: 0px;
}

.primary-btn {
  color: var(--primary-btn-text-color);
  background: var(--primary-btn-bg-color);
}
.primary-btn:hover {
  background: var(--primary-btn-hover-bg-color);
}

.primary-btn:disabled {
  color: var(--primary-btn-text-color);
  background: var(--disable-primary-btn-bg-color);
  cursor: not-allowed;
}

.secondary-btn {
  color: var(--secondary-btn-text-color);
  background: var(--secondary-btn-bg-color);
}
.secondary-btn:hover {
  background: var(--secondary-btn-hover-bg-color);
}

.secondary-btn:disabled {
  color: var(--secondary-btn-text-color);
  background: var(--disable-secondary-btn-bg-color);
  cursor: not-allowed;
}

.accent-btn {
  color: var(--accent-btn-text-color);
  background: var(--accent-btn-bg-color);
}
.accent-btn:hover {
  background: var(--accent-btn-hover-bg-color);
}

.accent-btn:disabled {
  color: var(--accent-btn-text-color);
  background: var(--disable-accent-btn-bg-color);
  cursor: not-allowed;
}

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

.success-btn:disabled {
  color: var(--success-btn-text-color);
  background: var(--disable-success-btn-bg-color);
  cursor: not-allowed;
}

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

.info-btn:disabled {
  color: var(--info-btn-text-color);
  background: var(--disable-info-btn-bg-color);
  cursor: not-allowed;
}

.warn-btn {
  color: var(--warn-btn-text-color);
  background: var(--warn-btn-bg-color);
}
.warn-btn:hover {
  background: var(--warn-btn-hover-bg-color);
}

.warn-btn:disabled {
  color: var(--warn-btn-text-color);
  background: var(--disable-warn-btn-bg-color);
  cursor: not-allowed;
}

.purple-btn {
  color: var(--purple-btn-text-color);
  background: var(--purple-btn-bg-color);
}
.purple-btn:hover {
  background: var(--purple-btn-hover-bg-color);
}

.purple-btn:disabled {
  color: var(--purple-btn-text-color);
  background: var(--disable-purple-btn-bg-color);
  cursor: not-allowed;
}

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

.danger-btn:disabled {
  color: var(--danger-btn-text-color);
  background: var(--disable-danger-btn-bg-color);
  cursor: not-allowed;
}

.danger-btn-800 {
  gap: 10px;
  color: var(--danger-text-color);
  background: var(--danger-bg-color-800);
}
.danger-btn-800 img {
  filter: var(--danger-icon-color);
}
.danger-btn-800:hover {
  color: var(--light-text-color);
  background: var(--danger-bg-color);
}
.danger-btn-800:hover img {
  filter: var(--light-icon-color);
}

.danger-btn:disabled {
  color: var(--danger-btn-text-color);
  background: var(--disable-danger-btn-bg-color);
  cursor: not-allowed;
}

.progress-btn {
  color: var(--progress-btn-text-color);
  background: var(--progress-btn-bg-color);
}
.progress-btn:hover {
  background: var(--progress-btn-hover-bg-color);
}

.progress-btn:disabled {
  color: var(--progress-btn-text-color);
  background: var(--disable-progress-btn-bg-color);
  cursor: not-allowed;
}

.progress-btn-800 {
  color: var(--progress-text-color);
  background: var(--progress-bg-color-800);
}
.progress-btn-800 img {
  transition: all 0.3s linear;
  filter: var(--progress-icon-color);
}
.progress-btn-800:hover {
  background: var(--progress-bg-color);
  color: var(--light-text-color);
}
.progress-btn-800:hover img {
  filter: var(--light-icon-color);
}

.dark-green-btn {
  color: var(--dark-green-btn-text-color);
  background: var(--dark-green-btn-bg-color);
}
.dark-green-btn:hover {
  background: var(--dark-green-btn-hover-bg-color);
}

.light-pink-btn {
  color: var(--light-pink-btn-text-color);
  background: var(--light-pink-btn-bg-color);
}
.light-pink-btn:hover {
  background: var(--light-pink-btn-hover-bg-color);
}

.dark-yellow-btn {
  color: var(--dark-yellow-btn-text-color);
  background: var(--dark-yellow-btn-bg-color);
}
.dark-yellow-btn:hover {
  background: var(--dark-yellow-btn-hover-bg-color);
}

.dark-yellow-light-btn {
  color: var(--dark-yellow-btn-text-color);
  background: var(--dark-yellow-btn-bg-color);
}
.dark-yellow-light-btn:hover {
  background: var(--dark-yellow-btn-hover-bg-color);
}

.yellow-green-btn {
  color: var(--yellow-green-btn-text-color);
  background: var(--yellow-green-btn-bg-color);
}
.yellow-green-btn:hover {
  background: var(--yellow-green-btn-hover-bg-color);
}

.light-green-btn {
  color: var(--light-green-btn-text-color);
  background: var(--light-green-btn-bg-color);
}
.light-green-btn:hover {
  background: var(--light-green-btn-hover-bg-color);
}

.light-orange-btn {
  color: var(--light-orange-btn-text-color);
  background: var(--light-orange-btn-bg-color);
}
.light-orange-btn:hover {
  background: var(--light-orange-btn-hover-bg-color);
}

.middle-orange-btn {
  color: var(--middle-orange-btn-text-color);
  background: var(--middle-orange-btn-bg-color);
}
.middle-orange-btn:hover {
  background: var(--middle-orange-btn-hover-bg-color);
}

.charcoal-black-btn {
  color: var(--charcoal-black-btn-text-color);
  background: var(--charcoal-black-btn-bg-color);
}
.charcoal-black-btn:hover {
  background: var(--charcoal-black-btn-hover-bg-color);
}

.light-btn {
  color: var(--primary-text-color);
  background: var(--light-bg-color);
}
.light-btn:hover {
  background: var(--light-bg-color-100);
}

.yellow-btn {
  color: var(--gray-text-color);
  background: var(--soft-yellow-bg-color);
  border-radius: 50px;
}
.olive-btn {
  color: var(--light-text-color);
  background: var(--olive-bg-color);
  border: 1px solid var(--primary-light-border-color);
}
.olive-btn:hover {
  background: var(--olive-btn-hover-bg-color);
}

.charcoal-black-btn {
  color: var(--charcoal-black-btn-text-color);
  background: var(--charcoal-black-btn-bg-color);
}
.charcoal-black-btn:hover {
  background: var(--charcoal-black-btn-hover-bg-color);
}

.text-btn {
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  cursor: pointer;
  color: var(--primary-text-color);
  font-size: var(--text-size-lg);
  font-weight: var(--font-weight-600);
}
.text-btn:hover {
  background: var(--gray-bg-color-800);
}

.text-btn:disabled {
  cursor: not-allowed;
  background: none;
}

.skeleton {
  width: 100%;
  background: var(--skeleton-bg);
  border-radius: 10px;
  background-size: 200% 100%;
  animation: 2s wave-lines linear infinite;
}

@keyframes wave-lines {
  to {
    background-position-x: -200%;
  }
}
.candle-skeleton {
  width: 100%;
  background: var(--candle-skeleton-animation-bg);
  animation: CandleShimmer 2s infinite;
}

@keyframes CandleShimmer {
  0% {
    background-position: 0 -100%;
  }
  100% {
    background-position: 0 100%;
  }
}
.h5 {
  height: 5px !important;
}

.h10 {
  height: 10px !important;
}

.h15 {
  height: 15px !important;
}

.h20 {
  height: 20px !important;
}

.h25 {
  height: 25px !important;
}

.h30 {
  height: 30px !important;
}

.h35 {
  height: 35px !important;
}

.h40 {
  height: 40px !important;
}

.h45 {
  height: 45px !important;
}

.h50 {
  height: 50px !important;
}

.h60 {
  height: 60px !important;
}

.h70 {
  height: 70px !important;
}

.h80 {
  height: 80px !important;
}

.h90 {
  height: 90px !important;
}

.h100 {
  height: 100px !important;
}

.w10 {
  width: 10% !important;
}

.w20 {
  width: 20% !important;
}

.w25 {
  width: 25% !important;
}

.w30 {
  width: 30% !important;
}

.w40 {
  width: 40% !important;
}

.w50 {
  width: 50% !important;
}

.w60 {
  width: 60% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w80 {
  width: 80% !important;
}

.w90 {
  width: 90% !important;
}

.w100 {
  width: 100% !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 11px !important;
  background: none !important;
}

.mat-mdc-dialog-container .mdc-dialog__content {
  font-family: var(--primary-font-family) !important;
  letter-spacing: normal;
}

form .mat-mdc-dialog-content:has(+ .mat-mdc-dialog-actions) {
  margin-bottom: 10px;
}

.mat-mdc-dialog-container:has(.media-view-dialog) .mdc-dialog__container {
  position: relative !important;
}
.mat-mdc-dialog-container:has(.media-view-dialog) .mdc-dialog__container .mdc-dialog__surface {
  position: static !important;
}

.dialog-card-view {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px !important;
  box-sizing: border-box;
  background: var(--primary-bg-color);
  color: var(--primary-text-color) !important;
  box-shadow: var(--primary-box-shadow) !important;
  border-radius: 10px;
  line-height: normal;
}
.dialog-card-view .seprater {
  width: 100%;
  height: 1px;
  background: var(--primary-border-color);
  border: none;
}
.dialog-card-view .dc-title-2xl,
.dialog-card-view .dc-title-xl,
.dialog-card-view .dc-title-lg,
.dialog-card-view .dc-title-md {
  color: var(--primary-text-color);
  font-weight: var(--font-weight-500);
}
.dialog-card-view .dc-title-2xl {
  font-size: var(--text-size-2xl);
}
.dialog-card-view .dc-title-xl {
  font-size: var(--text-size-xl);
}
.dialog-card-view .dc-title-lg {
  font-size: var(--text-size-lg);
}
.dialog-card-view .dc-title-md {
  font-size: var(--text-size-md);
}
.dialog-card-view .dc-text-2xl,
.dialog-card-view .dc-text-xl,
.dialog-card-view .dc-text-lg,
.dialog-card-view .dc-text-md,
.dialog-card-view .dc-text-sm,
.dialog-card-view .dc-text-xs {
  color: var(--primary-text-color);
  font-weight: var(--font-weight-400);
}
.dialog-card-view .dc-text-2xl {
  font-size: var(--text-size-2xl);
}
.dialog-card-view .dc-text-xl {
  font-size: var(--text-size-xl);
}
.dialog-card-view .dc-text-lg {
  font-size: var(--text-size-lg);
}
.dialog-card-view .dc-text-md {
  font-size: var(--text-size-md);
}
.dialog-card-view .dc-text-md-500 {
  font-size: var(--text-size-md);
  color: var(--primary-text-color-200);
}
.dialog-card-view .dc-text-sm {
  font-size: var(--text-size-sm);
}
.dialog-card-view .dc-text-xs {
  font-size: var(--text-size-xs);
}
.dialog-card-view .dc-text-center {
  text-align: center;
}
.dialog-card-view .dc-text-left {
  text-align: start;
}
.dialog-card-view .dc-text-right {
  text-align: end;
}
.dialog-card-view .dialog-header-wrapper {
  min-height: 15px;
  height: auto;
}
.dialog-card-view .dialog-header-wrapper .mdc-dialog__title::before {
  height: 0px;
  height: auto;
  letter-spacing: 0px;
}
.dialog-card-view .dialog-header-wrapper .mdc-dialog__title {
  padding: 0px;
  font-weight: var(--font-weight-500) !important;
  font-size: var(--text-size-xl);
  color: var(--primary-text-color);
  font-family: var(--primary-font-family);
  line-height: normal;
  letter-spacing: normal;
  flex-shrink: unset;
}
.dialog-card-view .dialog-header-wrapper .title-sub-text-md {
  color: var(--primary-text-color-500);
}
.dialog-card-view .dialog-header-wrapper .dialog-header-title-with-icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dialog-card-view .dialog-header-wrapper .dialog-header-title-with-icon .title-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.dialog-card-view .dialog-header-wrapper .dialog-header-title-with-icon .icon-box {
  min-width: 50px;
  min-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--secondary-gradient-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog-card-view .dialog-header-wrapper .dialog-header-title-with-icon .icon-box img {
  height: 50%;
  width: 50%;
  filter: var(--light-icon-color);
}
.dialog-card-view .dialog-header-wrapper .dc-big-title {
  font-size: var(--text-size-xl);
  font-weight: var(--font-weight-500);
  color: var(--primary-text-color);
}
.dialog-card-view .dialog-header-wrapper .dc-meduim-title {
  font-size: var(--text-size-lg) !important;
  font-weight: var(--font-weight-500) !important;
  color: var(--primary-text-color);
}
.dialog-card-view .dialog-header-wrapper .dc-subtitle {
  font-size: var(--text-size-md);
  font-weight: var(--font-weight-400);
  color: var(--primary-text-color);
}
.dialog-card-view .dialog-header-wrapper .dc-small-title {
  font-size: var(--text-size-sm);
  font-weight: var(--font-weight-400);
  color: var(--primary-text-color);
}
.dialog-card-view .dialog-header-wrapper .center-title {
  width: 100%;
  text-align: center;
}
.dialog-card-view .dialog-header-wrapper .left-title {
  width: 100%;
  text-align: start;
}
.dialog-card-view .dialog-header-wrapper .right-title {
  width: 100%;
  text-align: end;
}
.dialog-card-view .mdc-dialog__content {
  max-height: 60vh;
  padding: 1px 0px !important;
  color: var(--primary-text-color) !important;
  line-height: normal;
  display: flex;
  flex-direction: column;
  font-family: var(--primary-font-family);
  gap: 10px;
}
.dialog-card-view .mdc-dialog__content .dc-big-title {
  font-size: var(--text-size-xl);
  font-weight: var(--font-weight-500);
  color: var(--primary-text-color);
}
.dialog-card-view .mdc-dialog__content .dc-meduim-title {
  font-size: var(--text-size-lg);
  font-weight: var(--font-weight-500);
  color: var(--primary-text-color);
}
.dialog-card-view .mdc-dialog__content .dc-subtitle {
  font-size: var(--text-size-md);
  font-weight: var(--font-weight-500);
  color: var(--primary-text-color);
}
.dialog-card-view .mdc-dialog__content .dc-regular-text {
  font-size: var(--text-size-md);
  font-weight: var(--font-weight-400);
  color: var(--primary-text-color);
}
.dialog-card-view .mdc-dialog__content .dc-small-text {
  font-size: var(--text-size-md);
  font-weight: var(--font-weight-400);
  color: var(--primary-text-color);
}
.dialog-card-view .mdc-dialog__content .dc-extra-small-text {
  font-size: var(--text-size-md);
  font-weight: var(--font-weight-400);
  color: var(--primary-text-color);
}
.dialog-card-view .mdc-dialog__content .dc-text-highlight {
  font-size: var(--text-size-md);
  font-weight: var(--font-weight-500);
  color: var(--primary-text-color);
}
.dialog-card-view .mdc-dialog__content .dc-description {
  display: flex;
  flex-direction: column;
}
.dialog-card-view .mdc-dialog__content .dc-text-center {
  text-align: center;
}
.dialog-card-view .mdc-dialog__content .dc-text-left {
  text-align: start;
}
.dialog-card-view .mdc-dialog__content .dc-text-right {
  text-align: end;
}
.dialog-card-view .mdc-dialog__content .form-input-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.dialog-card-view .mdc-dialog__content .form-input-group .half-input-item {
  width: calc(50% - 5px);
}
.dialog-card-view .mdc-dialog__content .form-input-group .one-third-input-item {
  width: calc(33.33% - 5px);
}
.dialog-card-view .mdc-dialog__content .form-input-group .one-fourth-input-item {
  width: calc(25% - 5px);
}
.dialog-card-view .mdc-dialog__content .dc-main-icon {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog-card-view .mdc-dialog__content .dc-main-icon .icon-box {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--secondary-gradient-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.dialog-card-view .mdc-dialog__content .dc-main-icon .icon-box img {
  height: 50%;
  width: 50%;
}
.dialog-card-view .mdc-dialog__content .dc-main-icon .only-icon-box {
  background: none;
}
.dialog-card-view .mdc-dialog__content .dc-main-icon .only-icon-box img {
  height: 100%;
  width: 100%;
}
.dialog-card-view .mdc-dialog__content .dc-main-icon .lottie-icon-box {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog-card-view .mdc-dialog__content .dc-main-icon .lottie-icon-box .lottie-icon {
  display: block;
  height: 100%;
  width: 100%;
}
.dialog-card-view .mdc-dialog__actions {
  padding: 0px !important;
  min-height: 10px;
}
.dialog-card-view .mdc-dialog__actions .dialog-action-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.dialog-card-view .mdc-dialog__actions .direction-column {
  flex-direction: column;
}
.dialog-card-view .mdc-dialog__actions .direction-column-reverse {
  flex-direction: column-reverse;
}
.dialog-card-view .mdc-dialog__actions .content-center {
  justify-content: center;
}
.dialog-card-view .mdc-dialog__actions .content-start {
  justify-content: flex-start;
}
.dialog-card-view .mdc-dialog__actions .content-end {
  justify-content: flex-end;
}
.dialog-card-view .mdc-dialog__actions .half-btn {
  width: 50% !important;
}
.dialog-card-view .mdc-dialog__actions .full-btn {
  width: 100% !important;
}
.dialog-card-view .mdc-dialog__actions .one-third-btn {
  width: 33.3333333333% !important;
}
.dialog-card-view .mdc-dialog__actions .one-two-btn {
  width: 80%;
}
.dialog-card-view .mdc-dialog__actions .fit-btn {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

@media screen and (max-width: 480px) {
  .cdk-overlay-pane {
    max-width: 95vw !important;
  }
  .dialog-card-view .mdc-dialog__actions {
    padding: 0px !important;
    min-height: 10px;
  }
  .dialog-card-view .mdc-dialog__actions .dialog-action-wrapper .btn {
    width: 100% !important;
  }
}
.mat-datepicker-content {
  --mat-badge-background-color: red !important;
}
.mat-datepicker-content .mat-calendar {
  background: var(--primary-bg) !important;
  box-shadow: var(--secondary-box-shadow);
}
.mat-datepicker-content .mat-mdc-button:not(:disabled) {
  color: var(--primary-text) !important;
}
.mat-datepicker-content .mat-calendar-arrow {
  fill: var(--primary-text) !important;
}
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-content .mat-calendar-next-button {
  color: var(--primary-text) !important;
}
.mat-datepicker-content .mat-calendar-content .mat-calendar-table-header th {
  color: var(--primary-text) !important;
}
.mat-datepicker-content .mat-calendar-content .mat-calendar-body-label {
  color: var(--primary-text) !important;
}
.mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell-content {
  color: var(--primary-text) !important;
}
.mat-datepicker-content .mat-calendar-content .mat-calendar-table-header-divider::after {
  height: 0.5px !important;
  background: var(--primary-border) !important;
}
.mat-datepicker-content .mat-calendar-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background: var(--gray-bg-color-800);
}
.mat-datepicker-content .mat-calendar-content .mat-calendar-body-selected {
  background: var(--gray-bg-color-800);
  border-color: var(--secondary-border-color);
}
.mat-datepicker-content .mat-calendar-content .mat-calendar-body-in-range::before {
  background: var(--gray-bg-color-800) !important;
  border-color: red !important;
}
.mat-datepicker-content .mat-calendar-content .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: var(--primary-border);
  background: var(--gray-bg-color-800);
}
.mat-datepicker-content .mat-calendar-content .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical):focus-within {
  border-color: var(--secondary-border-color) !important;
  background: var(--gray-bg-color-800) !important;
}
.mat-datepicker-content .mat-datepicker-actions {
  background: var(--primary-bg);
}
.mat-datepicker-content .mat-mdc-button:not(:disabled) {
  color: var(--primary-text) !important;
}
.mat-datepicker-content .mat-mdc-raised-button:not(:disabled) {
  color: var(--light-text-color) !important;
  background: var(--secondary-bg-color);
}
.mat-datepicker-content .mat-calendar-body-disabled {
  cursor: not-allowed !important;
}
.mat-datepicker-content .mat-calendar-body-disabled .mat-calendar-body-cell-content {
  color: var(--primary-dark-bg-color) !important;
}

.timepicker-overlay {
  --primary-font-family: var(--primary-font-family);
  --dial-background-color: var(--gray-bg-color-800);
  --dial-active-color: var(--primary-text-color);
  --dial-inactive-color: color-mix(in srgb, var(--primary-text-color), transparent 50%);
  --body-background-color: var(--primary-bg-color);
  --clock-face-background-color: color-mix(in srgb, var(--gray-bg-color-800), transparent 50%);
  --clock-hand-color: var(--primary-dark-bg-color);
  --clock-face-time-active-color: var(--light-text-color);
  --clock-face-time-inactive-color: color-mix(in srgb, var(--primary-text-color), transparent 50%);
}
.timepicker-overlay .timepicker__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.timepicker-overlay .timepicker__actions .timepicker-button {
  border-radius: 5px;
  color: var(--secondary-btn-text-color);
  background: var(--secondary-btn-bg-color);
}
.timepicker-overlay .timepicker__actions .timepicker-button:hover {
  background: var(--secondary-btn-hover-bg-color);
}

.cdk-overlay-pane .mat-mdc-menu-panel {
  padding: 0px;
  background: var(--primary-bg-color) !important;
  box-shadow: var(--secondary-box-shadow) !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel .mat-mdc-menu-content {
  padding: 0px;
  font-family: var(--primary-font-family) !important;
}
.cdk-overlay-pane .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item {
  background: var(--primary-bg-color) !important;
  color: var(--primary-text-color);
  min-height: 35px;
  font-size: var(--text-size-md);
  border-bottom: 1px solid var(--primary-light-border-color);
}
.cdk-overlay-pane .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:last-child {
  border-bottom: none;
}
.cdk-overlay-pane .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  font-size: var(--text-size-md);
  font-family: var(--primary-font-family) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cdk-overlay-pane .mat-mdc-menu-panel .mat-mdc-menu-content .mat-mdc-menu-item:not([disabled]):hover {
  background: var(--gray-bg-color-800) !important;
  color: var(--primary-hover-text-color);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.mat-mdc-checkbox {
  display: flex !important;
  align-items: center;
  margin: 5px 0px;
  --mdc-checkbox-state-layer-size: 20px;
  --mdc-checkbox-disabled-selected-icon-color: color-mix(in srgb, var(--primary-text-color), transparent 50%);
  --mdc-checkbox-disabled-unselected-icon-color: color-mix(in srgb, var(--primary-text-color-300), transparent 50%);
  --mdc-checkbox-selected-checkmark-color: var(--checkbox-selected);
  --mdc-checkbox-selected-focus-icon-color: rgba(93, 95, 170, 1);
  --mdc-checkbox-selected-hover-icon-color: rgba(93, 95, 170, 1);
  --mdc-checkbox-selected-icon-color: rgba(93, 95, 170, 1);
  --mdc-checkbox-selected-pressed-icon-color: rgba(93, 95, 170, 1);
  --mdc-checkbox-unselected-focus-icon-color: var(--primary-text);
  --mdc-checkbox-unselected-hover-icon-color: var(--primary-text);
  --mdc-checkbox-unselected-icon-color: var(--primary-text);
  --mdc-checkbox-unselected-pressed-icon-color: var(--primary-text);
}
.mat-mdc-checkbox .mdc-form-field {
  align-items: flex-start;
}
.mat-mdc-checkbox .mdc-form-field .mdc-checkbox .mat-mdc-checkbox-touch-target {
  height: 20px;
  width: 20px;
}
.mat-mdc-checkbox .mdc-form-field .mdc-label {
  word-break: break-word;
  margin-left: 3px;
  font-family: var(--primary-font-family);
  color: var(--primary-text-color) !important;
  font-size: var(--text-size-lg) !important;
}
.mat-mdc-checkbox .mdc-checkbox__ripple {
  display: none !important;
}
.mat-mdc-checkbox .mat-mdc-checkbox-ripple {
  display: none !important;
}

.mat-mdc-checkbox-disabled .mdc-checkbox {
  cursor: not-allowed !important;
}

.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-radio-unselected-hover-icon-color: rgba(255, 255, 255, 0);
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0);
  --mdc-radio-selected-focus-icon-color: var(--success-bg-color);
  --mdc-radio-selected-hover-icon-color: var(--success-bg-color);
  --mdc-radio-selected-icon-color: var(--success-bg-color);
  --mdc-radio-selected-pressed-icon-color: var(--success-bg-color);
  --mat-radio-ripple-color: rgba(255, 255, 255, 0) --mat-radio-checked-ripple-color: var(--success-bg-color)
      --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-radio-group {
  display: flex;
  align-items: center;
  gap: 15px;
}

.mat-mdc-radio-button {
  display: inline-flex;
  margin: 5px 0px;
  transition: all 0.3s linear;
}
.mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 20px !important;
}
.mat-mdc-radio-button .mdc-radio .mat-mdc-radio-touch-target {
  height: 20px;
  width: 20px;
}
.mat-mdc-radio-button .mdc-radio__outer-circle {
  border-color: color-mix(in srgb, var(--primary-text-color), transparent 50%);
  cursor: pointer;
}
.mat-mdc-radio-button .mdc-form-field .mdc-label {
  cursor: pointer;
  color: var(--primary-text-color) !important;
}
.mat-mdc-radio-button .mdc-form-field:has(.mdc-radio--disabled) .mdc-label {
  cursor: not-allowed !important;
  color: color-mix(in srgb, var(--primary-text-color), transparent 50%) !important;
}
.mat-mdc-radio-button:has(.mdc-radio--disabled) .mdc-label {
  cursor: not-allowed !important;
  color: color-mix(in srgb, var(--primary-text-color), transparent 50%) !important;
}
.mat-mdc-radio-button:hover .mdc-radio__outer-circle {
  border-color: var(--primary-text-color) !important;
}

.mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-color: var(--success-bg-color) !important;
}
.mat-mdc-radio-checked:hover .mdc-radio__outer-circle {
  border-color: var(--success-bg-color) !important;
}

.mdc-button .mat-mdc-button-touch-target,
.mat-mdc-button .mat-mdc-button-touch-target {
  display: none;
}
.mdc-button .mdc-button__label,
.mat-mdc-button .mdc-button__label {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mdc-switch--disabled {
  cursor: not-allowed !important;
}

.mat-mdc-slide-toggle {
  display: flex !important;
}

.mdc-switch {
  --mdc-switch-handle-height: 16px !important;
  --mdc-switch-handle-shape: 10px !important;
  --mdc-switch-handle-width: 16px !important;
  --mdc-switch-selected-icon-size: 12px !important;
  --mdc-switch-track-height: 12px !important;
  --mdc-switch-track-shape: 7px !important;
  --mdc-switch-track-width: 30px !important;
  --mdc-switch-unselected-icon-size: 12px !important;
  --mdc-switch-state-layer-size: 25px !important;
}

.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #3ab54a;
  --mdc-switch-selected-handle-color: #3ab54a;
  --mdc-switch-selected-hover-state-layer-color: #3ab54a;
  --mdc-switch-selected-pressed-state-layer-color: #3ab54a;
  --mdc-switch-selected-focus-handle-color: #3ab54a;
  --mdc-switch-selected-hover-handle-color: #3ab54a;
  --mdc-switch-selected-pressed-handle-color: #3ab54a;
  --mdc-switch-selected-focus-track-color: #c4e7c9;
  --mdc-switch-selected-hover-track-color: #c4e7c9;
  --mdc-switch-selected-pressed-track-color: #c4e7c9;
  --mdc-switch-selected-track-color: #c4e7c9;
  --mdc-switch-disabled-selected-handle-color: #3ab54a;
  --mdc-switch-disabled-selected-icon-color: #ffffff;
  --mdc-switch-disabled-selected-track-color: #3ab54a;
  --mdc-switch-disabled-unselected-handle-color: #000000;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
}

/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: normal;
  zoom: 1 !important;
}

a {
  text-decoration: none;
}

a:focus-visible {
  outline: none;
}

body.orange-mode {
  --bg-body: #111111;
  --bg-primary: #141414;
  --bg-secondary: #2e2e2e;
  --bg-accent: #fcfcfc;
  --text-primary: #fcfcfc;
  --text-secondary: #1b1b1b;
  --text-accent: #ffffff;
  --purple: #595cdb;
  --sub-card: #202020;
  --text-coral: #e36f77;
  --success: #5da870;
  --danger: #ed4337;
  --bg-violet-blue: #595cdb;
  --vintage-rose: #d66fae;
  --yellow: #bbbb03;
  --bg-light-green: #b5f506;
  --bg-orange: #de792b;
  --border: #2e2e2e;
  --form-input-bg-color: #2e2e2e;
  --primary-box-shadow: #2e2e2e;
  --primary-gradient: linear-gradient(223.73deg, #5d5faa -12.69%, #252644 112.69%);
  --success-rose-gradient: linear-gradient(305deg, #d66fae -2.5%, #703a5b 88.6%);
  --blue-violet-gradient: linear-gradient(130.4deg, #595cdb 6.79%, #303175 90.35%);
  --light-violet-gradient: linear-gradient(180deg, #595cdb -16.09%, #3d40b2 123.7%);
  --sidler-color: linear-gradient(223.73deg, #afafaf -12.69%, #252644 112.69%);
  --active-sidler: linear-gradient(223.73deg, #afafaf -12.69%, #252644 112.69%);
  --inactive-sidler: #282828;
  --light-blue-violet-gradient: linear-gradient(90deg, #5d5cdb 0%, #ca6691 103.12%);
  --primary-icon: brightness(0) saturate(100%) invert(92%) sepia(94%) saturate(0%) hue-rotate(96deg) brightness(108%)
      contrast(98%);
  --purple-icon: brightness(0) saturate(100%) invert(43%) sepia(90%) saturate(3540%) hue-rotate(223deg)
      brightness(89%) contrast(92%);
  --success-icon: brightness(0) saturate(100%) invert(58%) sepia(49%) saturate(603%) hue-rotate(76deg) brightness(91%)
      contrast(94%);
  --gray-icon: brightness(0) saturate(100%) invert(69%) sepia(0%) saturate(135%) hue-rotate(143deg) brightness(97%)
      contrast(85%);
  --danger-icon: brightness(0) saturate(100%) invert(28%) sepia(81%) saturate(3362%) hue-rotate(347deg)
      brightness(113%) contrast(86%);
  --fs-xxs: clamp(6px, 0.8vw, 8px);
  --fs-xs: clamp(9px, 1.5vw, 10px);
  --fs-sm: clamp(11px, 3vw, 12px);
  --fs-md: clamp(13px, 2vw, 14px);
  --fs-base: clamp(15px, 2vw, 16px);
  --fs-lg: clamp(16px, 1.6vw, 18px);
  --fs-xl: clamp(18px, 1.8vw, 22px);
  --fs-2xl: clamp(20px, 2vw, 26px);
  --fs-3xl: clamp(24px, 2.4vw, 32px);
  --fs-4xl: clamp(28px, 3vw, 38px);
  --fs-5xl: clamp(34px, 3.6vw, 44px);
  --fs-6xl: clamp(40px, 4.2vw, 50px);
  --fw-100: 100;
  --fw-200: 200;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --fw-900: 900;
  --breakpoint-xxs: 320px; /* extra small devices, phones */
  --breakpoint-xs: 480px; /* extra small devices, phones */
  --breakpoint-sm: 576px; /* small devices, large phones */
  --breakpoint-md: 768px; /* medium devices, tablets */
  --breakpoint-lg: 992px; /* large devices, desktops */
  --breakpoint-xl: 1200px; /* extra large devices, large desktops */
  --breakpoint-xxl: 1400px; /* extra extra large screens */
  --breakpoint-xxxl: 1600px; /* very large screens */
  --breakpoint-portrait: 320px; /* very small portrait phones */
  --breakpoint-landscape: 1024px; /* tablet landscape */
  --breakpoint-hd: 1920px; /* full HD screens */
  --primary-font-family: "Poppins", sans-serif !important;
  --secondary-font-family: "Cal Sans", sans-serif !important;
  --select-option-bg: #fcfcfc1a;
  --select-option-text: #fcfcfc;
  --select-option-active-bg: #fcfcfc;
  --select-option-active-text: #5d5faa;
  --label-option-button-bg: #595cdb4d;
  --label-option-button-text: #fcfcfc50;
  --label-option-button-hover-bg: #595cdb;
  --label-option-button-hover-text: #fcfcfc;
  --label-option-button-active-bg: #595cdb;
  --label-option-button-active-text: #fcfcfc;
  --chip-bg: #383838;
  --chip-hover-bg: #3838388b;
  --chip-text: var(--primary-text);
  --chip-hover-text: var(--primary-text-20);
  --list-overlay-bg: #fcfcfc36;
  --list-item-bg: #fcfcfc0d;
  --list-item-text: var(--primary-text);
  --list-item-hover-bg: #fcfcfc1a;
  --list-item-hover-text: var(--primary-text-20);
  --list-item-border: var(--primary-border);
  --select-panel-bg: #222222;
  --select-list-item-bg: #383838;
  --select-list-item-text: var(--primary-text);
  --select-list-item-hover-bg: #3838388b;
  --select-list-item-hover-text: var(--primary-text-20);
  --select-list-item-border: var(--primary-border);
  --input-select-bg: #222222;
  --indicator-bg: #d6d6d685;
  --indicator-active-bg: #fcfcfc;
  --step-indicator-bg: #2e2e2e;
  --step-indicator-active-bg: #444444;
  --table-bg: #11111100;
  --table-header-bg: #3b3b3b;
  --table-header-text: #dddddd;
  --table-row-bg: #1e1e1e00;
  --table-row-hover-bg: #1e1e1ea6;
  --table-row-text: #fcfcfc;
  --table-row-border: color-mix(in srgb, var(--primary-border), transparent 10%);
  --spinner: #fcfcfc;
  --checkbox-disabled-selected-icon: #444444;
  --checkbox-disabled-unselected-icon: #444444;
  --checkbox-disabled-selected-checkmark: #eeeeee3f;
  --checkbox-unselected-icon: #fcfcfc1a;
  --checkbox-unselected-hover-icon: #fcfcfc;
  --checkbox-unselected-bg: #fcfcfc1a;
  --checkbox-selected-icon: #5d5faa;
  --checkbox-selected-checkmark: #fcfcfc;
  --radio-disabled-selected-icon: #fcfcfc;
  --radio-disabled-unselected-icon: #fcfcfc;
  --radio-disabled-selected-checkmark: #fcfcfc;
  --radio-unselected-icon: #595bdb8c;
  --radio-unselected-hover-icon: #5d5faa;
  --radio-selected-icon: #5d5faa;
  --radio-selected-hover-icon: #5d5faa;
  --radio-selected-focus-icon: #5d5faa;
  --radio-selected-pressed-icon: #5d5faa;
  --radio-ripple-color: #5d5faa;
  --radio-checked-ripple-color: #5d5faa;
  --radio-disabled-label-color: #eeeeee3f;
  --switch-selected-handle: #fcfcfc;
  --switch-selected-hover-handle: #fcfcfc;
  --switch-selected-focus-handle: #fcfcfc;
  --switch-selected-pressed-handle: #fcfcfc;
  --switch-selected-track: #5d5faa;
  --switch-selected-hover-track: #5d5faa;
  --switch-selected-focus-track: #5d5faa;
  --switch-selected-pressed-track: #5d5faa;
  --switch-selected-icon: #fcfcfc;
  --switch-selected-ripple: #5d5faa;
  --switch-disabled-selected-handle: #fcfcfc;
  --switch-disabled-selected-icon: #fcfcfc;
  --switch-disabled-selected-track: #5d5faa;
  --switch-unselected-handle: #fcfcfc;
  --switch-unselected-hover-handle: #fcfcfc;
  --switch-unselected-focus-handle: #fcfcfc;
  --switch-unselected-pressed-handle: #fcfcfc;
  --switch-unselected-track: #5a5a5a;
  --switch-unselected-hover-track: #5a5a5a;
  --switch-unselected-focus-track: #5a5a5a;
  --switch-unselected-pressed-track: #5a5a5a;
  --switch-unselected-icon: #fcfcfc;
  --switch-unselected-ripple: #fcfcfc;
  --switch-disabled-unselected-handle: #5a5a5a;
  --switch-disabled-unselected-icon: #5a5a5a00;
  --switch-disabled-unselected-track: #9c9c9c;
  --input-label: var(--primary-text-50);
  --input-text: #fcfcfc;
  --input-text-size: var(--fs-base);
  --input-radius: 10px;
  --input-height: 46px;
  --input-bg: #fcfcfc0d;
  --input-border: #5d5faa;
  --input-placeholder: #ffffff33;
  --input-focused-text: #fcfcfc;
  --input-focused-bg: #fcfcfc26;
  --input-focused-border: #fcfcfc;
  --input-disabled-text: #fcfcfc;
  --input-disabled-bg: #fcfcfc26;
  --input-disabled-border: #fcfcfc;
  --input-disabled-placeholder: #fcfcfc74;
  --input-error-text: #ed4337;
  --input-error-bg: #fcfcfc0d;
  --input-error-border: #ed4337;
  --input-btn-active-bg: #ffffff33;
  --input-btn-hover-bg: #ffffff19;
  --inpit-active-icon: #fcfcfc;
  --inpit-disable-icon: #fcfcfc33;
  --inpit-active-img-filter: brightness(0) saturate(100%) invert(100%) sepia(12%) saturate(71%) hue-rotate(270deg)
      brightness(114%) contrast(98%);
  --inpit-disable-img-filter: brightness(0) saturate(100%) invert(30%) sepia(1%) saturate(3887%) hue-rotate(79deg)
      brightness(88%) contrast(79%);
  --link-primary: #8d8d8d;
  --link-secondary: #fcfcfc;
  --chart-interest: #595cdb;
  --chart-principal: #9e9fc1;
  --chart-charges: #e36f77;
  --chart-discount: #54bc04;
  --calc-interest: #e36f77;
  --calc-principal: #595cdb;
  --shimmer-bg: linear-gradient(110deg, #fcfcfc1a 8%, #fcfcfc2d 18%, #fcfcfc1a 33%);
  --skeleton-bg: linear-gradient(110deg, #fcfcfc1a 8%, #fcfcfc2d 18%, #fcfcfc1a 33%);
  --body-bg-color: var(--bg-body);
  --primary-bg: var(--bg-primary);
  --primary-bg-10: color-mix(in srgb, var(--primary-bg), transparent 10%);
  --primary-bg-20: color-mix(in srgb, var(--primary-bg), transparent 20%);
  --primary-bg-30: color-mix(in srgb, var(--primary-bg), transparent 30%);
  --primary-bg-40: color-mix(in srgb, var(--primary-bg), transparent 40%);
  --primary-bg-50: color-mix(in srgb, var(--primary-bg), transparent 50%);
  --primary-bg-60: color-mix(in srgb, var(--primary-bg), transparent 60%);
  --primary-bg-70: color-mix(in srgb, var(--primary-bg), transparent 70%);
  --primary-bg-80: color-mix(in srgb, var(--primary-bg), transparent 80%);
  --primary-bg-90: color-mix(in srgb, var(--primary-bg), transparent 90%);
  --primary-bg-00: color-mix(in srgb, var(--primary-bg), transparent 100%);
  --secondary-bg: var(--bg-secondary);
  --secondary-bg-10: color-mix(in srgb, var(--secondary-bg), transparent 10%);
  --secondary-bg-20: color-mix(in srgb, var(--secondary-bg), transparent 20%);
  --secondary-bg-30: color-mix(in srgb, var(--secondary-bg), transparent 30%);
  --secondary-bg-40: color-mix(in srgb, var(--secondary-bg), transparent 40%);
  --secondary-bg-50: color-mix(in srgb, var(--secondary-bg), transparent 50%);
  --secondary-bg-60: color-mix(in srgb, var(--secondary-bg), transparent 60%);
  --secondary-bg-70: color-mix(in srgb, var(--secondary-bg), transparent 70%);
  --secondary-bg-80: color-mix(in srgb, var(--secondary-bg), transparent 80%);
  --secondary-bg-90: color-mix(in srgb, var(--secondary-bg), transparent 90%);
  --secondary-bg-00: color-mix(in srgb, var(--secondary-bg), transparent 100%);
  --accent-bg: var(--bg-accent);
  --accent-bg-10: color-mix(in srgb, var(--accent-bg), transparent 10%);
  --accent-bg-20: color-mix(in srgb, var(--accent-bg), transparent 20%);
  --accent-bg-30: color-mix(in srgb, var(--accent-bg), transparent 30%);
  --accent-bg-40: color-mix(in srgb, var(--accent-bg), transparent 40%);
  --accent-bg-50: color-mix(in srgb, var(--accent-bg), transparent 50%);
  --accent-bg-60: color-mix(in srgb, var(--accent-bg), transparent 60%);
  --accent-bg-70: color-mix(in srgb, var(--accent-bg), transparent 70%);
  --accent-bg-80: color-mix(in srgb, var(--accent-bg), transparent 80%);
  --accent-bg-90: color-mix(in srgb, var(--accent-bg), transparent 90%);
  --accent-bg-00: color-mix(in srgb, var(--accent-bg), transparent 100%);
  --purple-bg: var(--purple);
  --purple-bg-10: color-mix(in srgb, var(--purple), transparent 10%);
  --purple-bg-20: color-mix(in srgb, var(--purple), transparent 20%);
  --purple-bg-30: color-mix(in srgb, var(--purple), transparent 30%);
  --purple-bg-40: color-mix(in srgb, var(--purple), transparent 40%);
  --purple-bg-50: color-mix(in srgb, var(--purple), transparent 50%);
  --purple-bg-60: color-mix(in srgb, var(--purple), transparent 60%);
  --purple-bg-70: color-mix(in srgb, var(--purple), transparent 70%);
  --purple-bg-80: color-mix(in srgb, var(--purple), transparent 80%);
  --purple-bg-90: color-mix(in srgb, var(--purple), transparent 90%);
  --purple-bg-00: color-mix(in srgb, var(--purple), transparent 100%);
  --info-bg: var(--bg-violet-blue);
  --info-bg-10: color-mix(in srgb, var(--info-bg), transparent 10%);
  --info-bg-20: color-mix(in srgb, var(--info-bg), transparent 20%);
  --info-bg-30: color-mix(in srgb, var(--info-bg), transparent 30%);
  --info-bg-40: color-mix(in srgb, var(--info-bg), transparent 40%);
  --info-bg-50: color-mix(in srgb, var(--info-bg), transparent 50%);
  --info-bg-60: color-mix(in srgb, var(--info-bg), transparent 60%);
  --info-bg-70: color-mix(in srgb, var(--info-bg), transparent 70%);
  --info-bg-80: color-mix(in srgb, var(--info-bg), transparent 80%);
  --info-bg-90: color-mix(in srgb, var(--info-bg), transparent 90%);
  --info-bg-00: color-mix(in srgb, var(--info-bg), transparent 100%);
  --success-bg: var(--success);
  --success-bg-10: color-mix(in srgb, var(--success), transparent 10%);
  --success-bg-20: color-mix(in srgb, var(--success), transparent 20%);
  --success-bg-30: color-mix(in srgb, var(--success), transparent 30%);
  --success-bg-40: color-mix(in srgb, var(--success), transparent 40%);
  --success-bg-50: color-mix(in srgb, var(--success), transparent 50%);
  --success-bg-60: color-mix(in srgb, var(--success), transparent 60%);
  --success-bg-70: color-mix(in srgb, var(--success), transparent 70%);
  --success-bg-80: color-mix(in srgb, var(--success), transparent 80%);
  --success-bg-90: color-mix(in srgb, var(--success), transparent 90%);
  --success-bg-00: color-mix(in srgb, var(--success), transparent 100%);
  --danger-bg: var(--danger);
  --danger-bg-10: color-mix(in srgb, var(--danger), transparent 10%);
  --danger-bg-20: color-mix(in srgb, var(--danger), transparent 20%);
  --danger-bg-30: color-mix(in srgb, var(--danger), transparent 30%);
  --danger-bg-40: color-mix(in srgb, var(--danger), transparent 40%);
  --danger-bg-50: color-mix(in srgb, var(--danger), transparent 50%);
  --danger-bg-60: color-mix(in srgb, var(--danger), transparent 60%);
  --danger-bg-70: color-mix(in srgb, var(--danger), transparent 70%);
  --danger-bg-80: color-mix(in srgb, var(--danger), transparent 80%);
  --danger-bg-90: color-mix(in srgb, var(--danger), transparent 90%);
  --danger-bg-00: color-mix(in srgb, var(--danger), transparent 100%);
  --light-green-bg: var(--bg-light-green);
  --light-green-bg-10: color-mix(in srgb, var(--light-green-bg), transparent 10%);
  --light-green-bg-20: color-mix(in srgb, var(--light-green-bg), transparent 20%);
  --light-green-bg-30: color-mix(in srgb, var(--light-green-bg), transparent 30%);
  --light-green-bg-40: color-mix(in srgb, var(--light-green-bg), transparent 40%);
  --light-green-bg-50: color-mix(in srgb, var(--light-green-bg), transparent 50%);
  --light-green-bg-60: color-mix(in srgb, var(--light-green-bg), transparent 60%);
  --light-green-bg-70: color-mix(in srgb, var(--light-green-bg), transparent 70%);
  --light-green-bg-80: color-mix(in srgb, var(--light-green-bg), transparent 80%);
  --light-green-bg-90: color-mix(in srgb, var(--light-green-bg), transparent 90%);
  --light-green-bg-00: color-mix(in srgb, var(--light-green-bg), transparent 100%);
  --orange-bg: var(--bg-orange);
  --orange-bg-10: color-mix(in srgb, var(--orange-bg), transparent 10%);
  --orange-bg-20: color-mix(in srgb, var(--orange-bg), transparent 20%);
  --orange-bg-30: color-mix(in srgb, var(--orange-bg), transparent 30%);
  --orange-bg-40: color-mix(in srgb, var(--orange-bg), transparent 40%);
  --orange-bg-50: color-mix(in srgb, var(--orange-bg), transparent 50%);
  --orange-bg-60: color-mix(in srgb, var(--orange-bg), transparent 60%);
  --orange-bg-70: color-mix(in srgb, var(--orange-bg), transparent 70%);
  --orange-bg-80: color-mix(in srgb, var(--orange-bg), transparent 80%);
  --orange-bg-90: color-mix(in srgb, var(--orange-bg), transparent 90%);
  --orange-bg-00: color-mix(in srgb, var(--orange-bg), transparent 100%);
  --primary-text: var(--text-primary);
  --primary-text-5: color-mix(in srgb, var(--primary-text), transparent 5%);
  --primary-text-10: color-mix(in srgb, var(--primary-text), transparent 10%);
  --primary-text-15: color-mix(in srgb, var(--primary-text), transparent 15%);
  --primary-text-20: color-mix(in srgb, var(--primary-text), transparent 20%);
  --primary-text-30: color-mix(in srgb, var(--primary-text), transparent 30%);
  --primary-text-40: color-mix(in srgb, var(--primary-text), transparent 40%);
  --primary-text-50: color-mix(in srgb, var(--primary-text), transparent 50%);
  --primary-text-60: color-mix(in srgb, var(--primary-text), transparent 60%);
  --primary-text-70: color-mix(in srgb, var(--primary-text), transparent 70%);
  --primary-text-80: color-mix(in srgb, var(--primary-text), transparent 80%);
  --primary-text-90: color-mix(in srgb, var(--primary-text), transparent 90%);
  --secondary-text: var(--text-secondary);
  --secondary-text-5: color-mix(in srgb, var(--secondary-text), transparent 5%);
  --secondary-text-10: color-mix(in srgb, var(--secondary-text), transparent 10%);
  --secondary-text-15: color-mix(in srgb, var(--secondary-text), transparent 15%);
  --secondary-text-20: color-mix(in srgb, var(--secondary-text), transparent 20%);
  --secondary-text-30: color-mix(in srgb, var(--secondary-text), transparent 30%);
  --secondary-text-40: color-mix(in srgb, var(--secondary-text), transparent 40%);
  --secondary-text-50: color-mix(in srgb, var(--secondary-text), transparent 50%);
  --secondary-text-60: color-mix(in srgb, var(--secondary-text), transparent 60%);
  --secondary-text-70: color-mix(in srgb, var(--secondary-text), transparent 70%);
  --secondary-text-80: color-mix(in srgb, var(--secondary-text), transparent 80%);
  --secondary-text-90: color-mix(in srgb, var(--secondary-text), transparent 90%);
  --purple-text: var(--purple);
  --purple-text-10: color-mix(in srgb, var(--purple-text), transparent 10%);
  --purple-text-20: color-mix(in srgb, var(--purple-text), transparent 20%);
  --purple-text-30: color-mix(in srgb, var(--purple-text), transparent 30%);
  --purple-text-40: color-mix(in srgb, var(--purple-text), transparent 40%);
  --purple-text-50: color-mix(in srgb, var(--purple-text), transparent 50%);
  --purple-text-60: color-mix(in srgb, var(--purple-text), transparent 60%);
  --purple-text-70: color-mix(in srgb, var(--purple-text), transparent 70%);
  --purple-text-80: color-mix(in srgb, var(--purple-text), transparent 80%);
  --purple-text-90: color-mix(in srgb, var(--purple-text), transparent 90%);
  --info-text: var(--bg-violet-blue);
  --info-text-10: color-mix(in srgb, var(--info-text), transparent 10%);
  --info-text-20: color-mix(in srgb, var(--info-text), transparent 20%);
  --info-text-30: color-mix(in srgb, var(--info-text), transparent 30%);
  --info-text-40: color-mix(in srgb, var(--info-text), transparent 40%);
  --info-text-50: color-mix(in srgb, var(--info-text), transparent 50%);
  --info-text-60: color-mix(in srgb, var(--info-text), transparent 60%);
  --info-text-70: color-mix(in srgb, var(--info-text), transparent 70%);
  --info-text-80: color-mix(in srgb, var(--info-text), transparent 80%);
  --info-text-90: color-mix(in srgb, var(--info-text), transparent 90%);
  --light-text: var(--text-accent);
  --light-text-10: color-mix(in srgb, var(--light-text), transparent 10%);
  --light-text-20: color-mix(in srgb, var(--light-text), transparent 20%);
  --light-text-30: color-mix(in srgb, var(--light-text), transparent 30%);
  --light-text-40: color-mix(in srgb, var(--light-text), transparent 40%);
  --light-text-50: color-mix(in srgb, var(--light-text), transparent 50%);
  --light-text-60: color-mix(in srgb, var(--light-text), transparent 60%);
  --light-text-70: color-mix(in srgb, var(--light-text), transparent 70%);
  --light-text-80: color-mix(in srgb, var(--light-text), transparent 80%);
  --light-text-90: color-mix(in srgb, var(--light-text), transparent 90%);
  --success-text: var(--success);
  --success-text-10: color-mix(in srgb, var(--success-text), transparent 10%);
  --success-text-20: color-mix(in srgb, var(--success-text), transparent 20%);
  --success-text-30: color-mix(in srgb, var(--success-text), transparent 30%);
  --success-text-40: color-mix(in srgb, var(--success-text), transparent 40%);
  --success-text-50: color-mix(in srgb, var(--success-text), transparent 50%);
  --success-text-60: color-mix(in srgb, var(--success-text), transparent 60%);
  --success-text-70: color-mix(in srgb, var(--success-text), transparent 70%);
  --success-text-80: color-mix(in srgb, var(--success-text), transparent 80%);
  --success-text-90: color-mix(in srgb, var(--success-text), transparent 90%);
  --danger-text: var(--danger);
  --danger-text-10: color-mix(in srgb, var(--danger-text), transparent 10%);
  --danger-text-20: color-mix(in srgb, var(--danger-text), transparent 20%);
  --danger-text-30: color-mix(in srgb, var(--danger-text), transparent 30%);
  --danger-text-40: color-mix(in srgb, var(--danger-text), transparent 40%);
  --danger-text-50: color-mix(in srgb, var(--danger-text), transparent 50%);
  --danger-text-60: color-mix(in srgb, var(--danger-text), transparent 60%);
  --danger-text-70: color-mix(in srgb, var(--danger-text), transparent 70%);
  --danger-text-80: color-mix(in srgb, var(--danger-text), transparent 80%);
  --danger-text-90: color-mix(in srgb, var(--danger-text), transparent 90%);
  --progress-text: var(--yellow);
  --progress-text-10: color-mix(in srgb, var(--progress-text), transparent 10%);
  --progress-text-20: color-mix(in srgb, var(--progress-text), transparent 20%);
  --progress-text-30: color-mix(in srgb, var(--progress-text), transparent 30%);
  --progress-text-40: color-mix(in srgb, var(--progress-text), transparent 40%);
  --progress-text-50: color-mix(in srgb, var(--progress-text), transparent 50%);
  --progress-text-60: color-mix(in srgb, var(--progress-text), transparent 60%);
  --progress-text-70: color-mix(in srgb, var(--progress-text), transparent 70%);
  --progress-text-80: color-mix(in srgb, var(--progress-text), transparent 80%);
  --progress-text-90: color-mix(in srgb, var(--progress-text), transparent 90%);
  --light-green-text: var(--bg-light-green);
  --light-green-text-10: color-mix(in srgb, var(--light-green-text), transparent 10%);
  --light-green-text-20: color-mix(in srgb, var(--light-green-text), transparent 20%);
  --light-green-text-30: color-mix(in srgb, var(--light-green-text), transparent 30%);
  --light-green-text-40: color-mix(in srgb, var(--light-green-text), transparent 40%);
  --light-green-text-50: color-mix(in srgb, var(--light-green-text), transparent 50%);
  --light-green-text-60: color-mix(in srgb, var(--light-green-text), transparent 60%);
  --light-green-text-70: color-mix(in srgb, var(--light-green-text), transparent 70%);
  --light-green-text-80: color-mix(in srgb, var(--light-green-text), transparent 80%);
  --light-green-text-90: color-mix(in srgb, var(--light-green-text), transparent 90%);
  --orange-text: var(--bg-orange);
  --orange-text-10: color-mix(in srgb, var(--orange-text), transparent 10%);
  --orange-text-20: color-mix(in srgb, var(--orange-text), transparent 20%);
  --orange-text-30: color-mix(in srgb, var(--orange-text), transparent 30%);
  --orange-text-40: color-mix(in srgb, var(--orange-text), transparent 40%);
  --orange-text-50: color-mix(in srgb, var(--orange-text), transparent 50%);
  --orange-text-60: color-mix(in srgb, var(--orange-text), transparent 60%);
  --orange-text-70: color-mix(in srgb, var(--orange-text), transparent 70%);
  --orange-text-80: color-mix(in srgb, var(--orange-text), transparent 80%);
  --orange-text-90: color-mix(in srgb, var(--orange-text), transparent 90%);
  --primary-border: #333333;
  --purple-border: var(--purple);
  --light-border: var(--text-accent);
  --danger-border: var(--danger);
  --success-border: var(--success);
  --primary-btn-bg: #fcfcfc;
  --primary-btn-text: #1b1b1b;
  --primary-btn-border: #fcfcfc;
  --primary-btn-icon-filter: brightness(0) saturate(100%) invert(5%) sepia(10%) saturate(13%) hue-rotate(337deg) brightness(89%) contrast(85%);
  --primary-btn-hover-bg: rgba(252, 252, 252, 0.8);
  --primary-btn-hover-text: rgba(27, 27, 27, 0.8);
  --primary-btn-hover-border: rgba(252, 252, 252, 0.8);
  --primary-btn-hover-icon-filter: ;
  --disable-primary-btn-bg: rgba(252, 252, 252, 0.2);
  --disable-primary-btn-text: rgba(252, 252, 252, 0.3019607843);
  --disable-primary-btn-border: rgba(252, 252, 252, 0);
  --disable-primary-btn-icon-filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(602%) hue-rotate(194deg) brightness(99%) contrast(92%);
  --primary-outline-btn-bg: rgba(252, 252, 252, 0);
  --primary-outline-btn-text: #fcfcfc;
  --primary-outline-btn-border: #aaaaaa;
  --primary-outline-btn-icon-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(92deg) brightness(107%) contrast(98%);
  --primary-outline-btn-hover-bg: #fcfcfc;
  --primary-outline-btn-hover-text: #1b1b1b;
  --primary-outline-btn-hover-border: #fcfcfc;
  --primary-outline-btn-hover-icon-filter: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(36%) hue-rotate(341deg) brightness(100%) contrast(76%);
  --disable-primary-outline-btn-bg: rgba(252, 252, 252, 0);
  --disable-primary-outline-btn-text: rgba(252, 252, 252, 0.3019607843);
  --disable-primary-outline-btn-border: rgba(252, 252, 252, 0.2);
  --disable-primary-outline-btn-icon-filter: brightness(0) saturate(100%) invert(75%) sepia(0%) saturate(0%) hue-rotate(175deg) brightness(91%) contrast(91%);
  --whatsapp-btn-bg: #1ebe5d;
  --whatsapp-btn-text: #fcfcfc;
  --whatsapp-btn-border: #1ebe5d;
  --whatsapp-btn-icon-filter: ;
  --whatsapp-btn-hover-bg: rgba(26, 168, 78, 0.8784313725);
  --whatsapp-btn-hover-text: rgba(255, 255, 255, 0.8823529412);
  --whatsapp-btn-hover-border: rgba(26, 168, 78, 0.8784313725);
  --whatsapp-btn-hover-icon-filter: ;
  --disable-whatsapp-btn-bg: rgba(30, 190, 94, 0.6509803922);
  --disable-whatsapp-btn-text: #d3d3d3;
  --disable-whatsapp-btn-border: rgba(30, 190, 94, 0.6509803922);
  --disable-whatsapp-btn-icon-filter: ;
  --whatsapp-outline-btn-bg: rgba(30, 190, 94, 0);
  --whatsapp-outline-btn-text: #fcfcfc;
  --whatsapp-outline-btn-border: #aaaaaa;
  --whatsapp-outline-btn-icon-filter: ;
  --whatsapp-outline-btn-hover-bg: #fcfcfc;
  --whatsapp-outline-btn-hover-text: #25d366;
  --whatsapp-outline-btn-hover-border: #fcfcfc;
  --whatsapp-outline-btn-hover-icon-filter: ;
  --disable-whatsapp-outline-btn-bg: rgba(30, 190, 94, 0);
  --disable-whatsapp-outline-btn-text: #d3d3d3;
  --disable-whatsapp-outline-btn-border: rgba(170, 170, 170, 0.6431372549);
  --disable-whatsapp-outline-btn-icon-filter: ;
  --sms-btn-bg: #2563eb;
  --sms-btn-text: #fcfcfc;
  --sms-btn-border: #2563eb;
  --sms-btn-icon-filter: ;
  --sms-btn-hover-bg: rgba(37, 100, 235, 0.8470588235);
  --sms-btn-hover-text: rgba(255, 255, 255, 0.7137254902);
  --sms-btn-hover-border: rgba(37, 100, 235, 0.8470588235);
  --sms-btn-hover-icon-filter: ;
  --disable-sms-btn-bg: rgba(37, 100, 235, 0.631372549);
  --disable-sms-btn-text: rgba(211, 211, 211, 0.7725490196);
  --disable-sms-btn-border: rgba(37, 100, 235, 0.631372549);
  --disable-sms-btn-icon-filter: ;
  --sms-outline-btn-bg: rgba(30, 190, 94, 0);
  --sms-outline-btn-text: #fcfcfc;
  --sms-outline-btn-border: #aaaaaa;
  --sms-outline-btn-icon-filter: ;
  --sms-outline-btn-hover-bg: #fcfcfc;
  --sms-outline-btn-hover-text: #2563eb;
  --sms-outline-btn-hover-border: #fcfcfc;
  --sms-outline-btn-hover-icon-filter: ;
  --disable-sms-outline-btn-bg: rgba(30, 190, 94, 0);
  --disable-sms-outline-btn-text: #d3d3d3;
  --disable-sms-outline-btn-border: rgba(170, 170, 170, 0.6431372549);
  --disable-sms-outline-btn-icon-filter: ;
  --darkpurple-btn-bg: #595cdb;
  --darkpurple-btn-text: #fcfcfc;
  --darkpurple-btn-border: #595cdb;
  --darkpurple-btn-icon-filter: ;
  --darkpurple-btn-hover-bg: rgba(89, 91, 219, 0.6862745098);
  --darkpurple-btn-hover-text: rgba(252, 252, 252, 0.7607843137);
  --darkpurple-btn-hover-border: rgba(89, 91, 219, 0.6862745098);
  --darkpurple-btn-hover-icon-filter: ;
  --disable-darkpurple-btn-bg: rgba(89, 91, 219, 0.6117647059);
  --disable-darkpurple-btn-text: rgba(211, 211, 211, 0.7725490196);
  --disable-darkpurple-btn-border: rgba(89, 91, 219, 0.6117647059);
  --disable-darkpurple-btn-icon-filter: ;
  --darkpurple-outline-btn-bg: rgba(89, 91, 219, 0);
  --darkpurple-outline-btn-text: #595cdb;
  --darkpurple-outline-btn-border: #595cdb;
  --darkpurple-outline-btn-icon-filter: ;
  --darkpurple-outline-btn-hover-bg: #fcfcfc;
  --darkpurple-outline-btn-hover-text: #2563eb;
  --darkpurple-outline-btn-hover-border: #fcfcfc;
  --darkpurple-outline-btn-hover-icon-filter: ;
  --disable-darkpurple-outline-btn-bg: rgba(89, 91, 219, 0);
  --disable-darkpurple-outline-btn-text: #d3d3d3;
  --disable-darkpurple-outline-btn-border: rgba(89, 91, 219, 0.5764705882);
  --disable-darkpurple-outline-btn-icon-filter: ;
  --back-btn-bg: rgba(255, 255, 255, 0);
  --back-btn-text: #fcfcfc;
  --back-btn-border: rgba(37, 100, 235, 0);
  --back-btn-icon-filter: ;
  --back-btn-hover-bg: rgba(37, 100, 235, 0);
  --back-btn-hover-text: rgba(255, 255, 255, 0.7137254902);
  --back-btn-hover-border: rgba(37, 100, 235, 0);
  --back-btn-hover-icon-filter: ;
  --disable-back-btn-bg: rgba(37, 100, 235, 0);
  --disable-back-btn-text: rgba(211, 211, 211, 0);
  --disable-back-btn-border: rgba(37, 100, 235, 0);
  --disable-back-btn-icon-filter: ;
  --back-outline-btn-bg: rgba(252, 252, 252, 0);
  --back-outline-btn-text: #fcfcfc;
  --back-outline-btn-border: #aaaaaa;
  --back-outline-btn-icon-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(92deg) brightness(107%) contrast(98%);
  --back-outline-btn-hover-bg: #fcfcfc;
  --back-outline-btn-hover-text: #1b1b1b;
  --back-outline-btn-hover-border: #fcfcfc;
  --back-outline-btn-hover-icon-filter: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(36%) hue-rotate(341deg) brightness(100%) contrast(76%);
  --disable-back-outline-btn-bg: rgba(252, 252, 252, 0);
  --disable-back-outline-btn-text: rgba(252, 252, 252, 0.3019607843);
  --disable-back-outline-btn-border: rgba(252, 252, 252, 0.2);
  --disable-back-outline-btn-icon-filter: brightness(0) saturate(100%) invert(75%) sepia(0%) saturate(0%) hue-rotate(175deg) brightness(91%) contrast(91%);
  --dark-btn-bg: #1e1e1e;
  --dark-btn-text: #fcfcfc;
  --dark-btn-border: #1e1e1e;
  --dark-btn-icon-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(92deg) brightness(107%) contrast(98%);
  --dark-btn-hover-bg: rgba(30, 30, 30, 0.7529411765);
  --dark-btn-hover-text: rgba(252, 252, 252, 0.768627451);
  --dark-btn-hover-border: rgba(30, 30, 30, 0.7529411765);
  --dark-btn-hover-icon-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(92deg) brightness(107%) contrast(98%);
  --disable-dark-btn-bg: rgba(56, 56, 56, 0.631372549);
  --disable-dark-btn-text: rgba(252, 252, 252, 0.768627451);
  --disable-dark-btn-border: rgba(56, 56, 56, 0.631372549);
  --disable-dark-btn-icon-filter: brightness(0) saturate(100%) invert(75%) sepia(0%) saturate(0%) hue-rotate(175deg) brightness(91%) contrast(91%);
  --dark-outline-btn-bg: rgba(30, 30, 30, 0);
  --dark-outline-btn-text: #fcfcfc;
  --dark-outline-btn-border: #1e1e1e;
  --dark-outline-btn-icon-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(92deg) brightness(107%) contrast(98%);
  --dark-outline-btn-hover-bg: #1e1e1e;
  --dark-outline-btn-hover-text: #fcfcfc;
  --dark-outline-btn-hover-border: #1e1e1e;
  --dark-outline-btn-hover-icon-filter: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(36%) hue-rotate(341deg) brightness(100%) contrast(76%);
  --disable-dark-outline-btn-bg: rgba(30, 30, 30, 0.7529411765);
  --disable-dark-outline-btn-text: rgba(252, 252, 252, 0.5490196078);
  --disable-dark-outline-btn-border: rgba(30, 30, 30, 0.7529411765);
  --disable-dark-outline-btn-icon-filter: brightness(0) saturate(100%) invert(75%) sepia(0%) saturate(0%) hue-rotate(175deg) brightness(91%) contrast(91%);
  --danger-btn-bg: #ed4337;
  --danger-btn-text: #fcfcfc;
  --danger-btn-border: #ed4337;
  --danger-btn-icon-filter: ;
  --danger-btn-hover-bg: #ed4337;
  --danger-btn-hover-text: rgba(255, 255, 255, 0.8823529412);
  --danger-btn-hover-border: #ed4337;
  --danger-btn-hover-icon-filter: ;
  --disable-danger-btn-bg: rgba(30, 190, 94, 0.6509803922);
  --disable-danger-btn-text: #d3d3d3;
  --disable-danger-btn-border: rgba(30, 190, 94, 0.6509803922);
  --disable-danger-btn-icon-filter: ;
  --danger-outline-btn-bg: rgba(30, 190, 94, 0);
  --danger-outline-btn-text: #ed4337;
  --danger-outline-btn-border: #aaaaaa;
  --danger-outline-btn-icon-filter: ;
  --danger-outline-btn-hover-bg: #fcfcfc;
  --danger-outline-btn-hover-text: #ed4337;
  --danger-outline-btn-hover-border: #fcfcfc;
  --danger-outline-btn-hover-icon-filter: ;
  --disable-danger-outline-btn-bg: rgba(30, 190, 94, 0);
  --disable-danger-outline-btn-text: #d3d3d3;
  --disable-danger-outline-btn-border: rgba(170, 170, 170, 0.6431372549);
  --disable-danger-outline-btn-icon-filter: ;
  --primary-label-bg: #595cdb;
  --primary-label-text: #fcfcfc;
  --primary-label-border: #595cdb;
  --primary-outline-label-bg: #595cdb;
  --primary-outline-label-text: #fcfcfc;
  --primary-outline-label-border: #fcfcfc;
  --primaryLight-label-bg: #494cb4;
  --primaryLight-label-text: #fcfcfc;
  --primaryLight-label-border: #494cb4;
  --primaryLight-outline-label-bg: #494cb4;
  --primaryLight-outline-label-text: #fcfcfc;
  --primaryLight-outline-label-border: #fcfcfc;
  --progress-label-bg: #333595;
  --progress-label-text: rgba(252, 252, 252, 0.6);
  --progress-label-border: #333595;
  --progress-outline-label-bg: #333595;
  --progress-outline-label-text: rgba(252, 252, 252, 0.6);
  --progress-outline-label-border: #333595;
  --progressLight-label-bg: rgba(89, 92, 219, 0.1019607843);
  --progressLight-label-text: #595cdb;
  --progressLight-label-border: rgba(89, 92, 219, 0.1019607843);
  --progressLight-outline-label-bg: rgba(89, 92, 219, 0.1019607843);
  --progressLight-outline-label-text: #595cdb;
  --progressLight-outline-label-border: rgba(89, 92, 219, 0.1019607843);
  --danger-label-bg: #da4339;
  --danger-label-text: rgba(252, 252, 252, 0.6);
  --danger-label-border: #da4339;
  --danger-outline-label-bg: #da4339;
  --danger-outline-label-text: rgba(252, 252, 252, 0.6);
  --danger-outline-label-border: #da4339;
  --dark-label-bg: #222222;
  --dark-label-text: rgba(252, 252, 252, 0.6);
  --dark-label-border: #222222;
  --dark-outline-label-bg: #222222;
  --dark-outline-label-text: rgba(252, 252, 252, 0.6);
  --dark-outline-label-border: #222222;
  --lightengray-label-bg: rgba(252, 252, 252, 0.2);
  --lightengray-label-text: #fcfcfc;
  --lightengray-label-border: rgba(252, 252, 252, 0.2);
  --lightengray-outline-label-bg: rgba(252, 252, 252, 0.2);
  --lightengray-outline-label-text: #fcfcfc;
  --lightengray-outline-label-border: rgba(252, 252, 252, 0.2);
  --success-label-bg: #379950;
  --success-label-text: rgba(252, 252, 252, 0.6);
  --success-label-border: #379950;
  --success-outline-label-bg: #379950;
  --success-outline-label-text: rgba(252, 252, 252, 0.6);
  --success-outline-label-border: #379950;
  --warning-label-bg: #bf6d1c;
  --warning-label-text: rgba(252, 252, 252, 0.6);
  --warning-label-border: #bf6d1c;
  --warning-outline-label-bg: #bf6d1c;
  --warning-outline-label-text: rgba(252, 252, 252, 0.6);
  --warning-outline-label-border: #bf6d1c;
  --darkengray-label-bg: #aaaaaa;
  --darkengray-label-text: #1e1e1e;
  --darkengray-label-border: #aaaaaa;
  --darkengray-outline-label-bg: #aaaaaa;
  --darkengray-outline-label-text: #1e1e1e;
  --darkengray-outline-label-border: #aaaaaa;
  --default-label-bg: rgba(252, 252, 252, 0.2);
  --default-label-text: #aaaaaa;
  --default-label-border: rgba(252, 252, 252, 0.7019607843);
  --default-outline-label-bg: rgba(252, 252, 252, 0.7019607843);
  --default-outline-label-text: #aaaaaa;
  --default-outline-label-border: #aaaaaa;
  --mint-label-bg: rgba(6, 218, 59, 0.2);
  --mint-label-text: #06da3b;
  --mint-label-border: rgba(252, 252, 252, 0.7019607843);
  --mint-outline-label-bg: rgba(6, 218, 59, 0.2);
  --mint-outline-label-text: #06da3b;
  --mint-outline-label-border: #fcfcfc;
  --prime-card-bg: #141414;
  --prime-card-border: #2e2e2e;
  --prime-card-footer-bg: #fcfcfc1a;
  --prime-card-title-gradient: linear-gradient(90deg, #ffffff 0%, #999999 100%);
  --prime-card-primary-text: var(--text-primary);
  --prime-card-primary-text-5: color-mix(in srgb, var(--prime-card-primary-text), transparent 5%);
  --prime-card-primary-text-10: color-mix(in srgb, var(--prime-card-primary-text), transparent 10%);
  --prime-card-primary-text-15: color-mix(in srgb, var(--prime-card-primary-text), transparent 15%);
  --prime-card-primary-text-20: color-mix(in srgb, var(--prime-card-primary-text), transparent 20%);
  --prime-card-primary-text-30: color-mix(in srgb, var(--prime-card-primary-text), transparent 30%);
  --prime-card-primary-text-40: color-mix(in srgb, var(--prime-card-primary-text), transparent 40%);
  --prime-card-primary-text-50: color-mix(in srgb, var(--prime-card-primary-text), transparent 50%);
  --prime-card-primary-text-60: color-mix(in srgb, var(--prime-card-primary-text), transparent 60%);
  --prime-card-primary-text-70: color-mix(in srgb, var(--prime-card-primary-text), transparent 70%);
  --prime-card-primary-text-80: color-mix(in srgb, var(--prime-card-primary-text), transparent 80%);
  --prime-card-primary-text-90: color-mix(in srgb, var(--prime-card-primary-text), transparent 90%);
  --prime-card-light-text: #ffffff;
  --prime-card-light-text-5: color-mix(in srgb, var(--prime-card-light-text), transparent 5%);
  --prime-card-light-text-10: color-mix(in srgb, var(--prime-card-light-text), transparent 10%);
  --prime-card-light-text-15: color-mix(in srgb, var(--prime-card-light-text), transparent 15%);
  --prime-card-light-text-20: color-mix(in srgb, var(--prime-card-light-text), transparent 20%);
  --prime-card-light-text-30: color-mix(in srgb, var(--prime-card-light-text), transparent 30%);
  --prime-card-light-text-40: color-mix(in srgb, var(--prime-card-light-text), transparent 40%);
  --prime-card-light-text-50: color-mix(in srgb, var(--prime-card-light-text), transparent 50%);
  --prime-card-light-text-60: color-mix(in srgb, var(--prime-card-light-text), transparent 60%);
  --prime-card-light-text-70: color-mix(in srgb, var(--prime-card-light-text), transparent 70%);
  --prime-card-light-text-80: color-mix(in srgb, var(--prime-card-light-text), transparent 80%);
  --prime-card-light-text-90: color-mix(in srgb, var(--prime-card-light-text), transparent 90%);
  --prime-subcard-bg: #1e1e1e;
  --prime-subcard-box-shadow: 2px 2px 5px 0px #2e2e2e inset;
  --prime-subcard-primary-text: var(--text-primary);
  --prime-subcard-primary-text-5: color-mix(in srgb, var(--prime-subcard-primary-text), transparent 5%);
  --prime-subcard-primary-text-10: color-mix(in srgb, var(--prime-subcard-primary-text), transparent 10%);
  --prime-subcard-primary-text-15: color-mix(in srgb, var(--prime-subcard-primary-text), transparent 15%);
  --prime-subcard-primary-text-20: color-mix(in srgb, var(--prime-subcard-primary-text), transparent 20%);
  --prime-subcard-primary-text-30: color-mix(in srgb, var(--prime-subcard-primary-text), transparent 30%);
  --prime-subcard-primary-text-40: color-mix(in srgb, var(--prime-subcard-primary-text), transparent 40%);
  --prime-subcard-primary-text-50: color-mix(in srgb, var(--prime-subcard-primary-text), transparent 50%);
  --prime-subcard-primary-text-60: color-mix(in srgb, var(--prime-subcard-primary-text), transparent 60%);
  --prime-subcard-primary-text-70: color-mix(in srgb, var(--prime-subcard-primary-text), transparent 70%);
  --prime-subcard-primary-text-80: color-mix(in srgb, var(--prime-subcard-primary-text), transparent 80%);
  --prime-subcard-primary-text-90: color-mix(in srgb, var(--prime-subcard-primary-text), transparent 90%);
  --prime-subcard-light-text: #ffffff;
  --prime-subcard-light-text-5: color-mix(in srgb, var(--prime-subcard-light-text), transparent 5%);
  --prime-subcard-light-text-10: color-mix(in srgb, var(--prime-subcard-light-text), transparent 10%);
  --prime-subcard-light-text-15: color-mix(in srgb, var(--prime-subcard-light-text), transparent 15%);
  --prime-subcard-light-text-20: color-mix(in srgb, var(--prime-subcard-light-text), transparent 20%);
  --prime-subcard-light-text-30: color-mix(in srgb, var(--prime-subcard-light-text), transparent 30%);
  --prime-subcard-light-text-40: color-mix(in srgb, var(--prime-subcard-light-text), transparent 40%);
  --prime-subcard-light-text-50: color-mix(in srgb, var(--prime-subcard-light-text), transparent 50%);
  --prime-subcard-light-text-60: color-mix(in srgb, var(--prime-subcard-light-text), transparent 60%);
  --prime-subcard-light-text-70: color-mix(in srgb, var(--prime-subcard-light-text), transparent 70%);
  --prime-subcard-light-text-80: color-mix(in srgb, var(--prime-subcard-light-text), transparent 80%);
  --prime-subcard-light-text-90: color-mix(in srgb, var(--prime-subcard-light-text), transparent 90%);
  --dialog-bg: linear-gradient(223.73deg, #5d5faa -12.69%, #252644 112.69%);
  --dialog-overlay-bg: #0000001a;
  --dialog-box-shadow: 0px 0px 0px #ebebeb;
  --dialog-primary-text: var(--text-primary);
  --dialog-primary-text-5: color-mix(in srgb, var(--dialog-primary-text), transparent 5%);
  --dialog-primary-text-10: color-mix(in srgb, var(--dialog-primary-text), transparent 10%);
  --dialog-primary-text-15: color-mix(in srgb, var(--dialog-primary-text), transparent 15%);
  --dialog-primary-text-20: color-mix(in srgb, var(--dialog-primary-text), transparent 20%);
  --dialog-primary-text-30: color-mix(in srgb, var(--dialog-primary-text), transparent 30%);
  --dialog-primary-text-40: color-mix(in srgb, var(--dialog-primary-text), transparent 40%);
  --dialog-primary-text-50: color-mix(in srgb, var(--dialog-primary-text), transparent 50%);
  --dialog-primary-text-60: color-mix(in srgb, var(--dialog-primary-text), transparent 60%);
  --dialog-primary-text-70: color-mix(in srgb, var(--dialog-primary-text), transparent 70%);
  --dialog-primary-text-80: color-mix(in srgb, var(--dialog-primary-text), transparent 80%);
  --dialog-primary-text-90: color-mix(in srgb, var(--dialog-primary-text), transparent 90%);
  --dialog-close-btn-bg: var(--accent-bg-00);
  --dialog-close-btn-border: #fcfcfc;
  --dialog-close-icon-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(211deg)
      brightness(100%) contrast(103%);
  --dialog-close-btn-hover-bg: var(--accent-bg);
  --dialog-close-btn-hover-border: var(--accent-bg);
  --dialog-close-icon-hover-filter: brightness(0) saturate(100%) invert(16%) sepia(25%) saturate(9%)
      hue-rotate(101deg) brightness(102%) contrast(92%);
  --dashboard-lead-card-bg-gradient: linear-gradient(119.49deg, #595cdb -14.43%, #2e3085 109.88%);
  --dashboard-lead-card-body-bg-gradient: linear-gradient(
      261.75deg,
      #0f0f0f 3.05%,
      #2f2f2f 14.98%,
      #2f2f2f 25.59%,
      #0f0f0f 50.81%,
      #0f0f0f 59.55%,
      #2f2f2f 83.05%,
      #0f0f0f 95.48%
  );
  --dashboard-lead-card-primary-text: var(--text-primary);
  --dashboard-lead-card-primary-text-5: color-mix(in srgb, var(--dashboard-lead-card-primary-text), transparent 5%);
  --dashboard-lead-card-primary-text-10: color-mix(in srgb, var(--dashboard-lead-card-primary-text), transparent 10%);
  --dashboard-lead-card-primary-text-15: color-mix(in srgb, var(--dashboard-lead-card-primary-text), transparent 15%);
  --dashboard-lead-card-primary-text-20: color-mix(in srgb, var(--dashboard-lead-card-primary-text), transparent 20%);
  --dashboard-lead-card-primary-text-30: color-mix(in srgb, var(--dashboard-lead-card-primary-text), transparent 30%);
  --dashboard-lead-card-primary-text-40: color-mix(in srgb, var(--dashboard-lead-card-primary-text), transparent 40%);
  --dashboard-lead-card-primary-text-50: color-mix(in srgb, var(--dashboard-lead-card-primary-text), transparent 50%);
  --dashboard-lead-card-primary-text-60: color-mix(in srgb, var(--dashboard-lead-card-primary-text), transparent 60%);
  --dashboard-lead-card-primary-text-70: color-mix(in srgb, var(--dashboard-lead-card-primary-text), transparent 70%);
  --dashboard-lead-card-primary-text-80: color-mix(in srgb, var(--dashboard-lead-card-primary-text), transparent 80%);
  --dashboard-lead-card-primary-text-90: color-mix(in srgb, var(--dashboard-lead-card-primary-text), transparent 90%);
}

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

.separator {
  width: 100%;
  display: block;
  margin: 5px 0px;
  color: var(--primary-light-border-color);
  height: 0.5px;
  background: var(--primary-light-border-color);
  border: 0;
}

.cp {
  cursor: pointer;
}

.mb10 {
  margin-bottom: 10px;
}

web-common-shimmer {
  display: block !important;
}

::ng-deep mat-option.mat-active {
  background: #f2f2f2 !important;
}

::-webkit-scrollbar {
  width: 5px;
  height: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--secondary-bg-50);
  margin: block;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--secondary-bg);
  -webkit-transition: all 1s;
  transition: all 1s;
}

/* Handle on hover */
::ng-deep ::-webkit-scrollbar-thumb:hover {
  background: rgba(167, 167, 167, 0.7529411765);
}

.open-page-animate {
  animation: identifier 0.2s ease-in-out forwards;
}

.grecaptcha-badge {
  visibility: hidden;
}

.rc-anchor-invisible {
  visibility: hidden;
}

#sdk-modal {
  z-index: 10000 !important;
}

@keyframes identifier {
  from {
    opacity: 0;
    scale: 0.95;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    scale: 1;
    transform: translateY(0);
  }
}
.toast-container .ngx-toastr {
  padding: 25px 10px 10px 50px !important;
  font-family: var(--primary-font-family) !important;
  font-size: var(--text-size-lg);
  border-radius: 10px !important;
  position: relative;
  top: 20px;
  box-shadow: none !important;
}
.toast-container .ngx-toastr:hover {
  box-shadow: none !important;
}

.toast-close-button {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  font-size: 20px !important;
  opacity: 1 !important;
  transform: translateY(-50%);
  text-shadow: none;
}
.toast-close-button span {
  display: none;
}

.toast-success {
  background-image: url('success_ic.svg') !important;
  background-color: #f1f9f4 !important;
  color: var(--primary-text-color) !important;
  border: 1px solid var(--success-text-color);
  position: relative;
}
.toast-success [role=alert]::before {
  content: "Success!";
  position: absolute;
  top: 10px;
  font-family: var(--primary-font-family) !important;
  font-weight: bold !important;
}

.toast-error {
  background-image: url('faild-fill_ic.svg') !important;
  background-color: #fcefe9 !important;
  color: var(--primary-text-color) !important;
  border: 1px solid var(--danger-text-color);
  position: relative;
}
.toast-error [role=alert]::before {
  content: "Error!";
  position: absolute;
  top: 10px;
  font-family: var(--primary-font-family) !important;
  font-weight: bold !important;
}

/* INFO TOAST */
.toast-info {
  background-image: url('info_fill_ic.svg') !important;
  background-color: #fef7ea !important;
  color: var(--primary-text-color) !important;
  border: 1px solid var(--warn-text-color);
  position: relative;
}
.toast-info [role=alert]::before {
  content: "Info!";
  position: absolute;
  top: 10px;
  font-family: var(--primary-font-family) !important;
  font-weight: bold !important;
}

/* WARNING TOAST */
.toast-warning {
  background-image: url('info_fill_ic.svg') !important;
  background-color: #fef7ea !important;
  color: var(--primary-text-color) !important;
  border: 1px solid var(--warn-text-color);
  position: relative;
}
.toast-warning [role=alert]::before {
  content: "Warning!";
  position: absolute;
  top: 10px;
  font-family: var(--primary-font-family) !important;
  font-weight: bold !important;
}

.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel,
.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel,
.mat-mdc-select-panel-above div.mat-mdc-select-panel,
div .mat-mdc-autocomplete-panel,
.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel {
  background: var(--select-panel-bg) !important;
  border-radius: 10px !important;
  border: 1px solid var(--select-list-item-border) !important;
  margin-top: 5px;
  padding: 0px !important;
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel .mat-mdc-option,
.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option,
.mat-mdc-select-panel-above div.mat-mdc-select-panel .mat-mdc-option,
div .mat-mdc-autocomplete-panel .mat-mdc-option,
.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel .mat-mdc-option {
  border-bottom: 1px solid var(--select-list-item-border) !important;
  padding: 5px 10px;
  font-size: var(--fs-base) !important;
  min-height: 33px !important;
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text,
.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text,
.mat-mdc-select-panel-above div.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text,
div .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text,
.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text {
  color: var(--select-list-item-text) !important;
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),
.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),
.mat-mdc-select-panel-above div.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),
div .mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),
.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
  background: var(--select-list-item-hover-bg);
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-mdc-select-panel-above div.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
div .mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--select-list-item-hover-text) !important;
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected,
.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected,
.mat-mdc-select-panel-above div.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected,
div .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected,
.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected {
  background: var(--select-list-item-bg) !important;
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active,
.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active,
.mat-mdc-select-panel-above div.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active,
div .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active,
.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active {
  background: var(--select-list-item-bg) !important;
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel .mat-mdc-option:focus.mdc-list-item,
.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option:focus.mdc-list-item,
.mat-mdc-select-panel-above div.mat-mdc-select-panel .mat-mdc-option:focus.mdc-list-item,
div .mat-mdc-autocomplete-panel .mat-mdc-option:focus.mdc-list-item,
.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel .mat-mdc-option:focus.mdc-list-item {
  background: var(--select-list-item-bg) !important;
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox-minimal,
.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox-minimal,
.mat-mdc-select-panel-above div.mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox-minimal,
div .mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox-minimal,
.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox-minimal {
  margin-left: 0px !important;
  flex-shrink: 0;
}
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox-full,
.cdk-overlay-pane:not(.mat-mdc-autocomplete-panel-above) div.mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox-full,
.mat-mdc-select-panel-above div.mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox-full,
div .mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox-full,
.mat-mdc-autocomplete-panel-above div.mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox-full {
  margin-right: 16px;
  flex-shrink: 0;
  border-width: 1px;
  color: color-mix(in srgb, var(--select-list-item-text), transparent 50%) !important;
}

.mat-mdc-form-field.mat-focused .mat-mdc-select-arrow {
  color: var(--input-label) !important;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--input-text) !important;
  display: none;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--checkbox-selected-icon);
}

.landscape-block {
  height: 100%;
  width: 100%;
  display: fixed;
  inset: 0;
  background: #141414;
  color: rgba(190, 0, 0, 0.799);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  flex-direction: column;
}
/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ngx-toastr/toastr.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/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/swiper/swiper-bundle.min.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 12.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 24, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}

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