/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/** Ionic CSS Variables **/
@font-face {
  font-family: "Poppins-Light";
  src: url('Poppins-Light.otf');
}
@font-face {
  font-family: "Poppins-Regular";
  src: url('Poppins-Regular.otf');
}
@font-face {
  font-family: "Poppins-Bold";
  src: url('Poppins-Bold.otf');
}
@font-face {
  font-family: "Poppins-Medium";
  src: url('Poppins-Medium.otf');
}
@font-face {
  font-family: "Poppins-Italic";
  src: url('Poppins-Italic.otf');
}
@font-face {
  font-family: "Poppins-BoldItalic";
  src: url('Poppins-BoldItalic.otf');
}
@font-face {
  font-family: "Poppins-ExtraBoldItalic";
  src: url('Poppins-ExtraBoldItalic.otf');
}
@font-face {
  font-family: "Poppins-LightItalic";
  src: url('Poppins-LightItalic.otf');
}
@font-face {
  font-family: "Poppins-ExtraBold";
  src: url('Poppins-ExtraBold.otf');
}
:root {
  /** primary **/
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  /** secondary **/
  --ion-color-secondary: #0cd1e8;
  --ion-color-secondary-rgb: 12, 209, 232;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #0bb8cc;
  --ion-color-secondary-tint: #24d6ea;
  /** tertiary **/
  --ion-color-tertiary: #7044ff;
  --ion-color-tertiary-rgb: 112, 68, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #633ce0;
  --ion-color-tertiary-tint: #7e57ff;
  /** success **/
  --ion-color-success: #10dc60;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #0ec254;
  --ion-color-success-tint: #28e070;
  /** warning **/
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  /** danger **/
  --ion-color-danger: #f04141;
  --ion-color-danger-rgb: 245, 61, 61;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d33939;
  --ion-color-danger-tint: #f25454;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 34, 34;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  /** medium **/
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-font-family: "My Custom Font";
}
:root .scroll-y, :root .inner-scroll {
  display: none;
}
:root .inner-scroll {
  height: 100% !important;
}
:root :host {
  --indicator-color: transparent;
}
:root :host :-webkit-scrollbar {
  display: none;
}
ion-segment-button {
  --background-checked: transparent !important;
  --color-checked: transparent !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}
html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}
html{--ion-default-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}
body{background:var(--ion-background-color)}
body.backdrop-no-scroll{overflow:hidden}
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}
html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}
@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: 0.18}}
ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}
html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}
.ion-color-primary{--ion-color-base: var(--ion-color-primary, #3880ff) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;--ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important}
.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;--ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important}
.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #5260ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important}
.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd36f) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;--ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;--ion-color-tint: var(--ion-color-success-tint, #42d77d) !important}
.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}
.ion-color-danger{--ion-color-base: var(--ion-color-danger, #eb445a) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;--ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important}
.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}
.ion-color-medium{--ion-color-base: var(--ion-color-medium, #92949c) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #808289) !important;--ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important}
.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}
.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}
ion-modal>.ion-page{position:relative;contain:layout style;height:100%}
.split-pane-visible>.ion-page.split-pane-main{position:relative}
ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none !important}
.ion-page-invisible{opacity:0}
.can-go-back>ion-header ion-back-button{display:block}
html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}
@supports(padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}
@supports(padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}
ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}
.menu-content{transform:translate3d(0,  0,  0)}
.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}
.menu-content-open ion-content{--overflow: hidden}
.menu-content-open .ion-content-scroll-host{overflow:hidden}
.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}
[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}
.md .menu-content-reveal{box-shadow:4px 0px 16px rgba(0,0,0,.18)}
.md .menu-content-push{box-shadow:4px 0px 16px rgba(0,0,0,.18)}
ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}
ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}
ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}
ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:300ms transform cubic-bezier(0.25, 0.8, 0.5, 1)}
@media(prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none !important}}
ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}
ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}
ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}
ion-input input::-webkit-date-and-time-value{text-align:start}
.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}
.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}
.popover-viewport:has(>ion-content){overflow:hidden}
@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated{animation-duration:1s;animation-fill-mode:both}
.animated.infinite{animation-iteration-count:infinite}
.animated.hinge{animation-duration:2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}
@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}40%,43%,70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}
.bounce{animation-name:bounce;transform-origin:center bottom}
@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}
.flash{animation-name:flash}
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}
.pulse{animation-name:pulse}
@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}
.rubberBand{animation-name:rubberBand}
@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}
.shake{animation-name:shake}
@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}
.headShake{animation-timing-function:ease-in-out;animation-name:headShake}
@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}
.swing{transform-origin:top center;animation-name:swing}
@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}
.tada{animation-name:tada}
@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}
.wobble{animation-name:wobble}
@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}
.jello{animation-name:jello;transform-origin:center}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}
.bounceIn{animation-name:bounceIn}
@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}
.bounceInDown{animation-name:bounceInDown}
@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}
.bounceInLeft{animation-name:bounceInLeft}
@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}
.bounceInRight{animation-name:bounceInRight}
@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}
.bounceInUp{animation-name:bounceInUp}
@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}
.bounceOut{animation-name:bounceOut}
@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}
.bounceOutDown{animation-name:bounceOutDown}
@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}
.bounceOutLeft{animation-name:bounceOutLeft}
@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}
.bounceOutRight{animation-name:bounceOutRight}
@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}
.bounceOutUp{animation-name:bounceOutUp}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
.fadeIn{animation-name:fadeIn}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}
.fadeInDown{animation-name:fadeInDown}
@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}
.fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}
.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}
.fadeInLeftBig{animation-name:fadeInLeftBig}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}
.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}
.fadeInRightBig{animation-name:fadeInRightBig}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}
.fadeInUp{animation-name:fadeInUp}
@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}
.fadeInUpBig{animation-name:fadeInUpBig}
@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
.fadeOut{animation-name:fadeOut}
@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}
.fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}
.fadeOutDownBig{animation-name:fadeOutDownBig}
@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}
.fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}
.fadeOutLeftBig{animation-name:fadeOutLeftBig}
@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}
.fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}
.fadeOutRightBig{animation-name:fadeOutRightBig}
@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}
.fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}
.fadeOutUpBig{animation-name:fadeOutUpBig}
@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn)}0%,40%{animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95)}to{transform:perspective(400px);animation-timing-function:ease-in}}
.animated.flip{backface-visibility:visible;animation-name:flip}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{animation-timing-function:ease-in}40%{transform:perspective(400px) rotateX(-20deg)}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}
.flipInX{backface-visibility:visible!important;animation-name:flipInX}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{animation-timing-function:ease-in}40%{transform:perspective(400px) rotateY(-20deg)}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}
.flipInY{backface-visibility:visible!important;animation-name:flipInY}
@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}
.flipOutX{animation-name:flipOutX;backface-visibility:visible!important}
@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}
.flipOutY{backface-visibility:visible!important;animation-name:flipOutY}
@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg)}60%,80%{opacity:1}80%{transform:skewX(-5deg)}to{transform:none;opacity:1}}
.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}
@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}
.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}
@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;transform:none;opacity:1}}
.rotateIn{animation-name:rotateIn}
@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;transform:none;opacity:1}}
.rotateInDownLeft{animation-name:rotateInDownLeft}
@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;transform:none;opacity:1}}
.rotateInDownRight{animation-name:rotateInDownRight}
@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;transform:none;opacity:1}}
.rotateInUpLeft{animation-name:rotateInUpLeft}
@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;transform:none;opacity:1}}
.rotateInUpRight{animation-name:rotateInUpRight}
@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;transform:rotate(200deg);opacity:0}}
.rotateOut{animation-name:rotateOut}
@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}
.rotateOutDownLeft{animation-name:rotateOutDownLeft}
@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}
.rotateOutDownRight{animation-name:rotateOutDownRight}
@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}
.rotateOutUpLeft{animation-name:rotateOutUpLeft}
@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}
.rotateOutUpRight{animation-name:rotateOutUpRight}
@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}
.hinge{animation-name:hinge}
@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}
.rollIn{animation-name:rollIn}
@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}
.rollOut{animation-name:rollOut}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.zoomIn{animation-name:zoomIn}
@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomInDown{animation-name:zoomInDown}
@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomInLeft{animation-name:zoomInLeft}
@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomInRight{animation-name:zoomInRight}
@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomInUp{animation-name:zoomInUp}
@keyframes zoomOut{0%{opacity:1}50%{transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}
.zoomOut{animation-name:zoomOut}
@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomOutDown{animation-name:zoomOutDown}
@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}
.zoomOutLeft{animation-name:zoomOutLeft}
@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}
.zoomOutRight{animation-name:zoomOutRight}
@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.zoomOutUp{animation-name:zoomOutUp}
@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}
.slideInDown{animation-name:slideInDown}
@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}
.slideInLeft{animation-name:slideInLeft}
@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}
.slideInRight{animation-name:slideInRight}
@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}
.slideInUp{animation-name:slideInUp}
@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}
.slideOutDown{animation-name:slideOutDown}
@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}
.slideOutLeft{animation-name:slideOutLeft}
@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}
.slideOutRight{animation-name:slideOutRight}
@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}
.slideOutUp{animation-name:slideOutUp}
/* Basic CSS for apps built with Ionic */
audio,canvas,progress,video{vertical-align:baseline}
audio:not([controls]){display:none;height:0}
b,strong{font-weight:bold}
img{max-width:100%}
hr{height:1px;border-width:0;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
label,input,select,textarea{font-family:inherit;line-height:normal}
textarea{overflow:auto;height:auto;font:inherit;color:inherit}
textarea::placeholder{padding-left:2px}
form,input,optgroup,select{margin:0;font:inherit;color:inherit}
html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}
a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}
a ion-label,button ion-label{pointer-events:none}
button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}
[tappable]{cursor:pointer}
a[disabled],button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html:not(.hydrated) body{display:none}
html.ion-ce body{display:block}
html.plt-pwa{height:100vh}
body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}
html{font-family:var(--ion-font-family)}
@supports(-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}
a{background-color:transparent;color:var(--ion-color-primary, #3880ff)}
h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}
h1{margin-top:20px;font-size:1.625rem}
h2{margin-top:18px;font-size:1.5rem}
h3{font-size:1.375rem}
h4{font-size:1.25rem}
h5{font-size:1.125rem}
h6{font-size:1rem}
small{font-size:75%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
.ion-hide{display:none !important}
.ion-hide-up{display:none !important}
.ion-hide-down{display:none !important}
@media(min-width: 576px){.ion-hide-sm-up{display:none !important}}
@media(max-width: 575.98px){.ion-hide-sm-down{display:none !important}}
@media(min-width: 768px){.ion-hide-md-up{display:none !important}}
@media(max-width: 767.98px){.ion-hide-md-down{display:none !important}}
@media(min-width: 992px){.ion-hide-lg-up{display:none !important}}
@media(max-width: 991.98px){.ion-hide-lg-down{display:none !important}}
@media(min-width: 1200px){.ion-hide-xl-up{display:none !important}}
@media(max-width: 1199.98px){.ion-hide-xl-down{display:none !important}}
/* Optional CSS utils that can be commented out */
.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}
.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}
.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}
.ion-padding-start{--padding-start: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}
.ion-padding-end{--padding-end: var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}
.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}
.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}
.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}
.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}
.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}
.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}
.ion-margin-start{--margin-start: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}
.ion-margin-end{--margin-end: var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}
.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}
.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}
.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}
.ion-float-left{float:left !important}
.ion-float-right{float:right !important}
.ion-float-start{float:left !important}
:host-context([dir=rtl]) .ion-float-start{float:right !important}
[dir=rtl] .ion-float-start{float:right !important}
@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right !important}}
.ion-float-end{float:right !important}
:host-context([dir=rtl]) .ion-float-end{float:left !important}
[dir=rtl] .ion-float-end{float:left !important}
@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left !important}}
@media(min-width: 576px){.ion-float-sm-left{float:left !important}.ion-float-sm-right{float:right !important}.ion-float-sm-start{float:left !important}:host-context([dir=rtl]) .ion-float-sm-start{float:right !important}[dir=rtl] .ion-float-sm-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right !important}}.ion-float-sm-end{float:right !important}:host-context([dir=rtl]) .ion-float-sm-end{float:left !important}[dir=rtl] .ion-float-sm-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left !important}}}
@media(min-width: 768px){.ion-float-md-left{float:left !important}.ion-float-md-right{float:right !important}.ion-float-md-start{float:left !important}:host-context([dir=rtl]) .ion-float-md-start{float:right !important}[dir=rtl] .ion-float-md-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right !important}}.ion-float-md-end{float:right !important}:host-context([dir=rtl]) .ion-float-md-end{float:left !important}[dir=rtl] .ion-float-md-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left !important}}}
@media(min-width: 992px){.ion-float-lg-left{float:left !important}.ion-float-lg-right{float:right !important}.ion-float-lg-start{float:left !important}:host-context([dir=rtl]) .ion-float-lg-start{float:right !important}[dir=rtl] .ion-float-lg-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right !important}}.ion-float-lg-end{float:right !important}:host-context([dir=rtl]) .ion-float-lg-end{float:left !important}[dir=rtl] .ion-float-lg-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left !important}}}
@media(min-width: 1200px){.ion-float-xl-left{float:left !important}.ion-float-xl-right{float:right !important}.ion-float-xl-start{float:left !important}:host-context([dir=rtl]) .ion-float-xl-start{float:right !important}[dir=rtl] .ion-float-xl-start{float:right !important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right !important}}.ion-float-xl-end{float:right !important}:host-context([dir=rtl]) .ion-float-xl-end{float:left !important}[dir=rtl] .ion-float-xl-end{float:left !important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left !important}}}
.ion-text-center{text-align:center !important}
.ion-text-justify{text-align:justify !important}
.ion-text-start{text-align:start !important}
.ion-text-end{text-align:end !important}
.ion-text-left{text-align:left !important}
.ion-text-right{text-align:right !important}
.ion-text-nowrap{white-space:nowrap !important}
.ion-text-wrap{white-space:normal !important}
@media(min-width: 576px){.ion-text-sm-center{text-align:center !important}.ion-text-sm-justify{text-align:justify !important}.ion-text-sm-start{text-align:start !important}.ion-text-sm-end{text-align:end !important}.ion-text-sm-left{text-align:left !important}.ion-text-sm-right{text-align:right !important}.ion-text-sm-nowrap{white-space:nowrap !important}.ion-text-sm-wrap{white-space:normal !important}}
@media(min-width: 768px){.ion-text-md-center{text-align:center !important}.ion-text-md-justify{text-align:justify !important}.ion-text-md-start{text-align:start !important}.ion-text-md-end{text-align:end !important}.ion-text-md-left{text-align:left !important}.ion-text-md-right{text-align:right !important}.ion-text-md-nowrap{white-space:nowrap !important}.ion-text-md-wrap{white-space:normal !important}}
@media(min-width: 992px){.ion-text-lg-center{text-align:center !important}.ion-text-lg-justify{text-align:justify !important}.ion-text-lg-start{text-align:start !important}.ion-text-lg-end{text-align:end !important}.ion-text-lg-left{text-align:left !important}.ion-text-lg-right{text-align:right !important}.ion-text-lg-nowrap{white-space:nowrap !important}.ion-text-lg-wrap{white-space:normal !important}}
@media(min-width: 1200px){.ion-text-xl-center{text-align:center !important}.ion-text-xl-justify{text-align:justify !important}.ion-text-xl-start{text-align:start !important}.ion-text-xl-end{text-align:end !important}.ion-text-xl-left{text-align:left !important}.ion-text-xl-right{text-align:right !important}.ion-text-xl-nowrap{white-space:nowrap !important}.ion-text-xl-wrap{white-space:normal !important}}
.ion-text-uppercase{text-transform:uppercase !important}
.ion-text-lowercase{text-transform:lowercase !important}
.ion-text-capitalize{text-transform:capitalize !important}
@media(min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase !important}.ion-text-sm-lowercase{text-transform:lowercase !important}.ion-text-sm-capitalize{text-transform:capitalize !important}}
@media(min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase !important}.ion-text-md-lowercase{text-transform:lowercase !important}.ion-text-md-capitalize{text-transform:capitalize !important}}
@media(min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase !important}.ion-text-lg-lowercase{text-transform:lowercase !important}.ion-text-lg-capitalize{text-transform:capitalize !important}}
@media(min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase !important}.ion-text-xl-lowercase{text-transform:lowercase !important}.ion-text-xl-capitalize{text-transform:capitalize !important}}
.ion-align-self-start{align-self:flex-start !important}
.ion-align-self-end{align-self:flex-end !important}
.ion-align-self-center{align-self:center !important}
.ion-align-self-stretch{align-self:stretch !important}
.ion-align-self-baseline{align-self:baseline !important}
.ion-align-self-auto{align-self:auto !important}
.ion-wrap{flex-wrap:wrap !important}
.ion-nowrap{flex-wrap:nowrap !important}
.ion-wrap-reverse{flex-wrap:wrap-reverse !important}
.ion-justify-content-start{justify-content:flex-start !important}
.ion-justify-content-center{justify-content:center !important}
.ion-justify-content-end{justify-content:flex-end !important}
.ion-justify-content-around{justify-content:space-around !important}
.ion-justify-content-between{justify-content:space-between !important}
.ion-justify-content-evenly{justify-content:space-evenly !important}
.ion-align-items-start{align-items:flex-start !important}
.ion-align-items-center{align-items:center !important}
.ion-align-items-end{align-items:flex-end !important}
.ion-align-items-stretch{align-items:stretch !important}
.ion-align-items-baseline{align-items:baseline !important}
/*
 * Amplify UI Basic Theme
 */
/**
 * Do not edit directly
 * Generated on Fri, 06 Jan 2023 04:15:01 GMT
 */
:root, [data-amplify-theme] {
  --amplify-transforms-slide-x-large: translateX(2em);
  --amplify-transforms-slide-x-medium: translateX(1em);
  --amplify-transforms-slide-x-small: translateX(0.5em);
  --amplify-time-long: 500ms;
  --amplify-time-medium: 250ms;
  --amplify-time-short: 100ms;
  --amplify-space-relative-full: 100%;
  --amplify-space-relative-xxxl: 4.5em;
  --amplify-space-relative-xxl: 3.0em;
  --amplify-space-relative-xl: 2.0em;
  --amplify-space-relative-large: 1.5em;
  --amplify-space-relative-medium: 1em;
  --amplify-space-relative-small: 0.75em;
  --amplify-space-relative-xs: 0.5em;
  --amplify-space-relative-xxs: 0.375em;
  --amplify-space-relative-xxxs: 0.25em;
  --amplify-space-xxxl: 4.5rem;
  --amplify-space-xxl: 3.0rem;
  --amplify-space-xl: 2.0rem;
  --amplify-space-large: 1.5rem;
  --amplify-space-medium: 1rem;
  --amplify-space-small: 0.75rem;
  --amplify-space-xs: 0.5rem;
  --amplify-space-xxs: 0.375rem;
  --amplify-space-xxxs: 0.25rem;
  --amplify-space-zero: 0;
  --amplify-radii-xxxl: 8rem;
  --amplify-radii-xxl: 4rem;
  --amplify-radii-xl: 2rem;
  --amplify-radii-large: 1rem;
  --amplify-radii-medium: 0.5rem;
  --amplify-radii-small: 0.25rem;
  --amplify-radii-xs: 0.125rem;
  --amplify-outline-widths-large: 3px;
  --amplify-outline-widths-medium: 2px;
  --amplify-outline-widths-small: 1px;
  --amplify-outline-offsets-large: 3px;
  --amplify-outline-offsets-medium: 2px;
  --amplify-outline-offsets-small: 1px;
  --amplify-opacities-100: 1;
  --amplify-opacities-90: 0.9;
  --amplify-opacities-80: 0.8;
  --amplify-opacities-70: 0.7;
  --amplify-opacities-60: 0.6;
  --amplify-opacities-50: 0.5;
  --amplify-opacities-40: 0.4;
  --amplify-opacities-30: 0.3;
  --amplify-opacities-20: 0.2;
  --amplify-opacities-10: 0.1;
  --amplify-opacities-0: 0;
  --amplify-line-heights-large: 2;
  --amplify-line-heights-medium: 1.5;
  --amplify-line-heights-small: 1.25;
  --amplify-font-weights-black: 900;
  --amplify-font-weights-extrabold: 800;
  --amplify-font-weights-bold: 700;
  --amplify-font-weights-semibold: 600;
  --amplify-font-weights-medium: 500;
  --amplify-font-weights-normal: 400;
  --amplify-font-weights-light: 300;
  --amplify-font-weights-thin: 200;
  --amplify-font-weights-hairline: 100;
  --amplify-font-sizes-xxxxl: 3rem;
  --amplify-font-sizes-xxxl: 2.5rem;
  --amplify-font-sizes-xxl: 2rem;
  --amplify-font-sizes-xl: 1.5rem;
  --amplify-font-sizes-large: 1.25rem;
  --amplify-font-sizes-medium: 1rem;
  --amplify-font-sizes-small: 0.875rem;
  --amplify-font-sizes-xs: 0.75rem;
  --amplify-font-sizes-xxs: 0.5rem;
  --amplify-font-sizes-xxxs: 0.375rem;
  --amplify-fonts-default-static: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue",
        "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", sans-serif;
  --amplify-fonts-default-variable: "InterVariable", "Inter var", "Inter", -apple-system, BlinkMacSystemFont,
        "Helvetica Neue", "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans",
        sans-serif;
  --amplify-colors-transparent: transparent;
  --amplify-colors-white: hsl(0, 0%, 100%);
  --amplify-colors-black: hsl(0, 0%, 0%);
  --amplify-colors-overlay-90: hsla(0, 0%, 0%, 0.9);
  --amplify-colors-overlay-80: hsla(0, 0%, 0%, 0.8);
  --amplify-colors-overlay-70: hsla(0, 0%, 0%, 0.7);
  --amplify-colors-overlay-60: hsla(0, 0%, 0%, 0.6);
  --amplify-colors-overlay-50: hsla(0, 0%, 0%, 0.5);
  --amplify-colors-overlay-40: hsla(0, 0%, 0%, 0.4);
  --amplify-colors-overlay-30: hsla(0, 0%, 0%, 0.3);
  --amplify-colors-overlay-20: hsla(0, 0%, 0%, 0.2);
  --amplify-colors-overlay-10: hsla(0, 0%, 0%, 0.1);
  --amplify-colors-shadow-tertiary: hsla(210, 50%, 10%, 0.05);
  --amplify-colors-shadow-secondary: hsla(210, 50%, 10%, 0.15);
  --amplify-colors-shadow-primary: hsla(210, 50%, 10%, 0.25);
  --amplify-colors-neutral-100: hsl(210, 50%, 10%);
  --amplify-colors-neutral-90: hsl(210, 25%, 25%);
  --amplify-colors-neutral-80: hsl(210, 10%, 40%);
  --amplify-colors-neutral-60: hsl(210, 8%, 55%);
  --amplify-colors-neutral-40: hsl(210, 5%, 87%);
  --amplify-colors-neutral-20: hsl(210, 5%, 94%);
  --amplify-colors-neutral-10: hsl(210, 5%, 98%);
  --amplify-colors-pink-100: hsl(340, 100%, 15%);
  --amplify-colors-pink-90: hsl(340, 100%, 20%);
  --amplify-colors-pink-80: hsl(340, 95%, 30%);
  --amplify-colors-pink-60: hsl(340, 50%, 50%);
  --amplify-colors-pink-40: hsl(340, 70%, 70%);
  --amplify-colors-pink-20: hsl(340, 90%, 85%);
  --amplify-colors-pink-10: hsl(340, 95%, 95%);
  --amplify-colors-purple-100: hsl(300, 100%, 15%);
  --amplify-colors-purple-90: hsl(300, 100%, 20%);
  --amplify-colors-purple-80: hsl(300, 95%, 30%);
  --amplify-colors-purple-60: hsl(300, 50%, 50%);
  --amplify-colors-purple-40: hsl(300, 70%, 70%);
  --amplify-colors-purple-20: hsl(300, 85%, 85%);
  --amplify-colors-purple-10: hsl(300, 95%, 95%);
  --amplify-colors-blue-100: hsl(220, 100%, 15%);
  --amplify-colors-blue-90: hsl(220, 100%, 20%);
  --amplify-colors-blue-80: hsl(220, 95%, 30%);
  --amplify-colors-blue-60: hsl(220, 50%, 50%);
  --amplify-colors-blue-40: hsl(220, 70%, 70%);
  --amplify-colors-blue-20: hsl(220, 85%, 85%);
  --amplify-colors-blue-10: hsl(220, 95%, 95%);
  --amplify-colors-teal-100: hsl(190, 100%, 15%);
  --amplify-colors-teal-90: hsl(190, 100%, 20%);
  --amplify-colors-teal-80: hsl(190, 95%, 30%);
  --amplify-colors-teal-60: hsl(190, 50%, 50%);
  --amplify-colors-teal-40: hsl(190, 70%, 70%);
  --amplify-colors-teal-20: hsl(190, 75%, 85%);
  --amplify-colors-teal-10: hsl(190, 75%, 95%);
  --amplify-colors-green-100: hsl(130, 22%, 23%);
  --amplify-colors-green-90: hsl(130, 27%, 29%);
  --amplify-colors-green-80: hsl(130, 33%, 37%);
  --amplify-colors-green-60: hsl(130, 43%, 46%);
  --amplify-colors-green-40: hsl(130, 44%, 63%);
  --amplify-colors-green-20: hsl(130, 60%, 90%);
  --amplify-colors-green-10: hsl(130, 60%, 95%);
  --amplify-colors-yellow-100: hsl(60, 100%, 15%);
  --amplify-colors-yellow-90: hsl(60, 100%, 20%);
  --amplify-colors-yellow-80: hsl(60, 95%, 30%);
  --amplify-colors-yellow-60: hsl(60, 50%, 50%);
  --amplify-colors-yellow-40: hsl(60, 75%, 75%);
  --amplify-colors-yellow-20: hsl(60, 75%, 85%);
  --amplify-colors-yellow-10: hsl(60, 75%, 95%);
  --amplify-colors-orange-100: hsl(30, 100%, 15%);
  --amplify-colors-orange-90: hsl(30, 100%, 20%);
  --amplify-colors-orange-80: hsl(30, 95%, 30%);
  --amplify-colors-orange-60: hsl(30, 50%, 50%);
  --amplify-colors-orange-40: hsl(30, 75%, 75%);
  --amplify-colors-orange-20: hsl(30, 75%, 85%);
  --amplify-colors-orange-10: hsl(30, 75%, 95%);
  --amplify-colors-red-100: hsl(0, 100%, 15%);
  --amplify-colors-red-90: hsl(0, 100%, 20%);
  --amplify-colors-red-80: hsl(0, 95%, 30%);
  --amplify-colors-red-60: hsl(0, 50%, 50%);
  --amplify-colors-red-40: hsl(0, 75%, 75%);
  --amplify-colors-red-20: hsl(0, 75%, 85%);
  --amplify-colors-red-10: hsl(0, 75%, 95%);
  --amplify-border-widths-large: 3px;
  --amplify-border-widths-medium: 2px;
  --amplify-border-widths-small: 1px;
  --amplify-components-togglebuttongroup-justify-content: flex-start;
  --amplify-components-togglebuttongroup-align-content: center;
  --amplify-components-togglebuttongroup-align-items: center;
  --amplify-components-tabs-item-disabled-background-color: transparent;
  --amplify-components-tabs-item-active-background-color: transparent;
  --amplify-components-tabs-item-text-align: center;
  --amplify-components-tabs-item-border-style: solid;
  --amplify-components-tabs-item-background-color: transparent;
  --amplify-components-tabs-gap: 0;
  --amplify-components-tabs-border-style: solid;
  --amplify-components-tabs-background-color: transparent;
  --amplify-components-table-caption-word-break: break-all;
  --amplify-components-table-caption-text-align: center;
  --amplify-components-table-caption-display: table-caption;
  --amplify-components-table-caption-caption-side: bottom;
  --amplify-components-table-data-vertical-align: middle;
  --amplify-components-table-data-display: table-cell;
  --amplify-components-table-data-border-style: solid;
  --amplify-components-table-header-vertical-align: middle;
  --amplify-components-table-header-display: table-cell;
  --amplify-components-table-header-border-style: solid;
  --amplify-components-table-row-vertical-align: middle;
  --amplify-components-table-row-display: table-row;
  --amplify-components-table-foot-vertical-align: middle;
  --amplify-components-table-foot-display: table-footer-group;
  --amplify-components-table-body-vertical-align: middle;
  --amplify-components-table-body-display: table-row-group;
  --amplify-components-table-head-vertical-align: middle;
  --amplify-components-table-head-display: table-header-group;
  --amplify-components-table-width: 100%;
  --amplify-components-table-display: table;
  --amplify-components-table-border-collapse: collapse;
  --amplify-components-stepperfield-input-text-align: center;
  --amplify-components-stepperfield-flex-direction: column;
  --amplify-components-sliderfield-large-thumb-height: 1.5rem;
  --amplify-components-sliderfield-large-thumb-width: 1.5rem;
  --amplify-components-sliderfield-large-track-height: 0.625rem;
  --amplify-components-sliderfield-small-thumb-height: 1rem;
  --amplify-components-sliderfield-small-thumb-width: 1rem;
  --amplify-components-sliderfield-small-track-height: 0.25rem;
  --amplify-components-sliderfield-thumb-disabled-box-shadow: none;
  --amplify-components-sliderfield-thumb-disabled-border-color: transparent;
  --amplify-components-sliderfield-thumb-border-style: solid;
  --amplify-components-sliderfield-thumb-border-radius: 50%;
  --amplify-components-sliderfield-thumb-height: 1.25rem;
  --amplify-components-sliderfield-thumb-width: 1.25rem;
  --amplify-components-sliderfield-range-border-radius: 9999px;
  --amplify-components-sliderfield-track-min-width: 10rem;
  --amplify-components-sliderfield-track-height: 0.375rem;
  --amplify-components-sliderfield-track-border-radius: 9999px;
  --amplify-components-selectfield-flex-direction: column;
  --amplify-components-select-large-min-width: 7.5rem;
  --amplify-components-select-small-min-width: 5.5rem;
  --amplify-components-select-min-width: 6.5rem;
  --amplify-components-select-white-space: nowrap;
  --amplify-components-select-icon-wrapper-pointer-events: none;
  --amplify-components-select-icon-wrapper-transform: translateY(-50%);
  --amplify-components-select-icon-wrapper-top: 50%;
  --amplify-components-select-icon-wrapper-position: absolute;
  --amplify-components-select-icon-wrapper-align-items: center;
  --amplify-components-select-wrapper-cursor: pointer;
  --amplify-components-select-wrapper-position: relative;
  --amplify-components-select-wrapper-display: block;
  --amplify-components-select-wrapper-flex: 1;
  --amplify-components-radio-button-outline-style: solid;
  --amplify-components-radio-button-transition-property: all;
  --amplify-components-radio-button-border-radius: 50%;
  --amplify-components-radio-button-border-style: solid;
  --amplify-components-radio-button-box-sizing: border-box;
  --amplify-components-radio-button-justify-content: center;
  --amplify-components-radio-button-align-items: center;
  --amplify-components-radio-disabled-cursor: not-allowed;
  --amplify-components-radio-gap: inherit;
  --amplify-components-radio-justify-content: flex-start;
  --amplify-components-radio-align-items: center;
  --amplify-components-pagination-ellipsis-justify-content: center;
  --amplify-components-pagination-ellipsis-align-items: baseline;
  --amplify-components-pagination-button-transition-property: background-color;
  --amplify-components-pagination-current-justify-content: center;
  --amplify-components-pagination-current-align-items: center;
  --amplify-components-menu-item-min-height: 2.5rem;
  --amplify-components-menu-min-width: 14rem;
  --amplify-components-menu-max-width: 30rem;
  --amplify-components-menu-flex-direction: column;
  --amplify-components-menu-border-style: solid;
  --amplify-components-loader-linear-animation-duration: 1s;
  --amplify-components-loader-linear-stroke-linecap: round;
  --amplify-components-loader-linear-min-width: 5rem;
  --amplify-components-loader-linear-width: 100%;
  --amplify-components-loader-animation-duration: 1s;
  --amplify-components-loader-stroke-linecap: round;
  --amplify-components-image-object-position: initial;
  --amplify-components-image-object-fit: initial;
  --amplify-components-image-height: auto;
  --amplify-components-image-max-width: 100%;
  --amplify-components-icon-height: 1em;
  --amplify-components-icon-line-height: 1;
  --amplify-components-flex-flex-wrap: nowrap;
  --amplify-components-flex-align-content: normal;
  --amplify-components-flex-align-items: stretch;
  --amplify-components-flex-justify-content: normal;
  --amplify-components-fieldmessages-description-font-style: italic;
  --amplify-components-fieldgroup-outer-align-items: center;
  --amplify-components-fieldgroup-vertical-align-items: center;
  --amplify-components-fieldcontrol-disabled-cursor: not-allowed;
  --amplify-components-fieldcontrol-quiet-border-radius: 0;
  --amplify-components-fieldcontrol-quiet-border-block-start: none;
  --amplify-components-fieldcontrol-quiet-border-inline-end: none;
  --amplify-components-fieldcontrol-quiet-border-inline-start: none;
  --amplify-components-fieldcontrol-quiet-border-style: none;
  --amplify-components-fieldcontrol-outline-style: solid;
  --amplify-components-fieldcontrol-border-style: solid;
  --amplify-components-expander-icon-transition-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
  --amplify-components-expander-content-closed-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
  --amplify-components-expander-content-open-animation-timing-function: cubic-bezier(0.87, 0, 0.13, 1);
  --amplify-components-expander-trigger-justify-content: space-between;
  --amplify-components-expander-trigger-align-items: center;
  --amplify-components-expander-trigger-min-height: 3rem;
  --amplify-components-expander-item-margin-top: 1px;
  --amplify-components-expander-width: 100%;
  --amplify-components-expander-display: block;
  --amplify-components-divider-border-style: solid;
  --amplify-components-checkboxfield-justify-content: center;
  --amplify-components-checkboxfield-flex-direction: column;
  --amplify-components-checkboxfield-align-content: center;
  --amplify-components-checkboxfield-align-items: flex-start;
  --amplify-components-checkbox-icon-indeterminate-transform: scale(1);
  --amplify-components-checkbox-icon-checked-transform: scale(1);
  --amplify-components-checkbox-icon-transition-timing-function: ease-in-out;
  --amplify-components-checkbox-icon-transition-property: all;
  --amplify-components-checkbox-icon-transform: scale(0);
  --amplify-components-checkbox-icon-border-radius: 20%;
  --amplify-components-checkbox-button-focus-outline-style: solid;
  --amplify-components-checkbox-button-before-border-style: solid;
  --amplify-components-checkbox-button-before-border-radius: 20%;
  --amplify-components-checkbox-button-before-height: 100%;
  --amplify-components-checkbox-button-before-width: 100%;
  --amplify-components-checkbox-button-justify-content: center;
  --amplify-components-checkbox-button-align-items: center;
  --amplify-components-checkbox-button-position: relative;
  --amplify-components-checkbox-disabled-cursor: not-allowed;
  --amplify-components-checkbox-align-items: center;
  --amplify-components-checkbox-cursor: pointer;
  --amplify-components-card-elevated-border-color: transparent;
  --amplify-components-card-elevated-border-style: solid;
  --amplify-components-card-elevated-border-width: 0;
  --amplify-components-card-outlined-border-style: solid;
  --amplify-components-card-box-shadow: none;
  --amplify-components-card-border-color: transparent;
  --amplify-components-card-border-style: solid;
  --amplify-components-card-border-width: 0;
  --amplify-components-button-loader-wrapper-align-items: center;
  --amplify-components-button-link-loading-background-color: transparent;
  --amplify-components-button-link-loading-border-color: transparent;
  --amplify-components-button-link-disabled-background-color: transparent;
  --amplify-components-button-link-disabled-border-color: transparent;
  --amplify-components-button-link-active-border-color: transparent;
  --amplify-components-button-link-focus-border-color: transparent;
  --amplify-components-button-link-hover-border-color: transparent;
  --amplify-components-button-link-border-color: transparent;
  --amplify-components-button-link-background-color: transparent;
  --amplify-components-button-menu-justify-content: start;
  --amplify-components-button-menu-background-color: transparent;
  --amplify-components-button-primary-active-border-color: transparent;
  --amplify-components-button-primary-focus-border-color: transparent;
  --amplify-components-button-primary-hover-border-color: transparent;
  --amplify-components-button-primary-loading-border-color: transparent;
  --amplify-components-button-primary-disabled-border-color: transparent;
  --amplify-components-button-primary-border-style: solid;
  --amplify-components-button-primary-border-color: transparent;
  --amplify-components-button-disabled-background-color: transparent;
  --amplify-components-button-loading-background-color: transparent;
  --amplify-components-badge-text-align: center;
  --amplify-components-badge-line-height: 1;
  --amplify-components-autocomplete-menu-loading-display: flex;
  --amplify-components-autocomplete-menu-loading-align-items: center;
  --amplify-components-autocomplete-menu-empty-display: flex;
  --amplify-components-autocomplete-menu-option-transition-timing-function: ease;
  --amplify-components-autocomplete-menu-option-transition-property: background-color, color;
  --amplify-components-autocomplete-menu-option-cursor: pointer;
  --amplify-components-autocomplete-menu-option-color: currentcolor;
  --amplify-components-autocomplete-menu-options-max-height: 300px;
  --amplify-components-autocomplete-menu-options-flex-direction: column;
  --amplify-components-autocomplete-menu-options-display: flex;
  --amplify-components-autocomplete-menu-border-style: solid;
  --amplify-components-autocomplete-menu-width: 100%;
  --amplify-components-authenticator-router-border-style: solid;
  --amplify-components-authenticator-container-width-max: 30rem;
  --amplify-components-authenticator-max-width: 60rem;
  --amplify-components-alert-justify-content: space-between;
  --amplify-components-alert-align-items: center;
  --amplify-shadows-large: 0px 4px 12px var(--amplify-colors-shadow-primary);
  --amplify-shadows-medium: 0px 2px 6px var(--amplify-colors-shadow-secondary);
  --amplify-shadows-small: 0px 2px 4px var(--amplify-colors-shadow-tertiary);
  --amplify-colors-border-error: var(--amplify-colors-red-80);
  --amplify-colors-border-tertiary: var(--amplify-colors-neutral-20);
  --amplify-colors-border-secondary: var(--amplify-colors-neutral-40);
  --amplify-colors-border-primary: var(--amplify-colors-neutral-60);
  --amplify-colors-background-success: var(--amplify-colors-green-20);
  --amplify-colors-background-error: var(--amplify-colors-red-20);
  --amplify-colors-background-warning: var(--amplify-colors-orange-20);
  --amplify-colors-background-info: var(--amplify-colors-blue-20);
  --amplify-colors-background-quaternary: var(--amplify-colors-neutral-60);
  --amplify-colors-background-tertiary: var(--amplify-colors-neutral-20);
  --amplify-colors-background-secondary: var(--amplify-colors-neutral-10);
  --amplify-colors-background-primary: var(--amplify-colors-white);
  --amplify-colors-font-success: var(--amplify-colors-green-90);
  --amplify-colors-font-error: var(--amplify-colors-red-90);
  --amplify-colors-font-warning: var(--amplify-colors-orange-90);
  --amplify-colors-font-info: var(--amplify-colors-blue-90);
  --amplify-colors-font-inverse: var(--amplify-colors-white);
  --amplify-colors-font-disabled: var(--amplify-colors-neutral-60);
  --amplify-colors-font-tertiary: var(--amplify-colors-neutral-80);
  --amplify-colors-font-secondary: var(--amplify-colors-neutral-90);
  --amplify-colors-font-primary: var(--amplify-colors-neutral-100);
  --amplify-colors-brand-secondary-100: var(--amplify-colors-purple-100);
  --amplify-colors-brand-secondary-90: var(--amplify-colors-purple-90);
  --amplify-colors-brand-secondary-80: var(--amplify-colors-purple-80);
  --amplify-colors-brand-secondary-60: var(--amplify-colors-purple-60);
  --amplify-colors-brand-secondary-40: var(--amplify-colors-purple-40);
  --amplify-colors-brand-secondary-20: var(--amplify-colors-purple-20);
  --amplify-colors-brand-secondary-10: var(--amplify-colors-purple-10);
  --amplify-colors-brand-primary-100: var(--amplify-colors-teal-100);
  --amplify-colors-brand-primary-90: var(--amplify-colors-teal-90);
  --amplify-colors-brand-primary-80: var(--amplify-colors-teal-80);
  --amplify-colors-brand-primary-60: var(--amplify-colors-teal-60);
  --amplify-colors-brand-primary-40: var(--amplify-colors-teal-40);
  --amplify-colors-brand-primary-20: var(--amplify-colors-teal-20);
  --amplify-colors-brand-primary-10: var(--amplify-colors-teal-10);
  --amplify-components-togglebutton-link-pressed-hover-background-color: var(--amplify-colors-transparent);
  --amplify-components-togglebutton-link-pressed-hover-color: var(--amplify-colors-overlay-90);
  --amplify-components-togglebutton-link-pressed-focus-color: var(--amplify-colors-overlay-90);
  --amplify-components-togglebutton-link-pressed-focus-background-color: var(--amplify-colors-transparent);
  --amplify-components-togglebutton-link-pressed-color: var(--amplify-colors-overlay-90);
  --amplify-components-togglebutton-link-pressed-background-color: var(--amplify-colors-transparent);
  --amplify-components-togglebutton-link-disabled-background-color: var(--amplify-colors-transparent);
  --amplify-components-togglebutton-link-focus-color: var(--amplify-colors-overlay-50);
  --amplify-components-togglebutton-link-focus-background-color: var(--amplify-colors-transparent);
  --amplify-components-togglebutton-link-hover-color: var(--amplify-colors-overlay-50);
  --amplify-components-togglebutton-link-hover-background-color: var(--amplify-colors-transparent);
  --amplify-components-togglebutton-link-color: var(--amplify-colors-overlay-50);
  --amplify-components-togglebutton-link-background-color: var(--amplify-colors-transparent);
  --amplify-components-togglebutton-primary-hover-background-color: var(--amplify-colors-overlay-10);
  --amplify-components-togglebutton-primary-focus-background-color: var(--amplify-colors-transparent);
  --amplify-components-togglebutton-primary-border-width: var(--amplify-border-widths-small);
  --amplify-components-togglebutton-primary-background-color: var(--amplify-colors-transparent);
  --amplify-components-togglebutton-pressed-hover-background-color: var(--amplify-colors-overlay-30);
  --amplify-components-togglebutton-pressed-background-color: var(--amplify-colors-overlay-20);
  --amplify-components-togglebutton-disabled-background-color: var(--amplify-colors-transparent);
  --amplify-components-togglebutton-active-background-color: var(--amplify-colors-transparent);
  --amplify-components-togglebutton-hover-background-color: var(--amplify-colors-overlay-10);
  --amplify-components-tabs-item-transition-duration: var(--amplify-time-medium);
  --amplify-components-tabs-item-padding-horizontal: var(--amplify-space-medium);
  --amplify-components-tabs-item-padding-vertical: var(--amplify-space-small);
  --amplify-components-tabs-item-font-weight: 700;
  --amplify-components-tabs-item-font-size: var(--amplify-font-sizes-medium);
  --amplify-components-tabs-item-border-width: var(--amplify-border-widths-medium);
  --amplify-components-tabs-border-width: var(--amplify-border-widths-medium);
  --amplify-components-table-caption-small-font-size: var(--amplify-font-sizes-small);
  --amplify-components-table-caption-large-font-size: var(--amplify-font-sizes-large);
  --amplify-components-table-caption-font-size: var(--amplify-font-sizes-medium);
  --amplify-components-table-data-small-padding: var(--amplify-space-xs);
  --amplify-components-table-data-small-font-size: var(--amplify-font-sizes-small);
  --amplify-components-table-data-large-padding: var(--amplify-space-large);
  --amplify-components-table-data-large-font-size: var(--amplify-font-sizes-large);
  --amplify-components-table-data-padding: var(--amplify-space-medium);
  --amplify-components-table-data-font-weight: 400;
  --amplify-components-table-data-font-size: var(--amplify-font-sizes-medium);
  --amplify-components-table-data-border-width: var(--amplify-border-widths-small);
  --amplify-components-table-header-small-padding: var(--amplify-space-xs);
  --amplify-components-table-header-small-font-size: var(--amplify-font-sizes-small);
  --amplify-components-table-header-large-padding: var(--amplify-space-large);
  --amplify-components-table-header-large-font-size: var(--amplify-font-sizes-large);
  --amplify-components-table-header-padding: var(--amplify-space-medium);
  --amplify-components-table-header-font-weight: 700;
  --amplify-components-table-header-font-size: var(--amplify-font-sizes-medium);
  --amplify-components-table-header-border-width: var(--amplify-border-widths-small);
  --amplify-components-switchfield-track-width: var(--amplify-space-relative-xl);
  --amplify-components-switchfield-track-transition-duration: var(--amplify-time-short);
  --amplify-components-switchfield-track-padding: var(--amplify-outline-widths-medium);
  --amplify-components-switchfield-track-height: var(--amplify-space-relative-medium);
  --amplify-components-switchfield-track-border-radius: var(--amplify-radii-xxxl);
  --amplify-components-switchfield-thumb-width: var(--amplify-space-relative-medium);
  --amplify-components-switchfield-thumb-transition-duration: var(--amplify-time-medium);
  --amplify-components-switchfield-thumb-checked-transform: var(--amplify-transforms-slide-x-medium);
  --amplify-components-switchfield-thumb-border-radius: var(--amplify-radii-xxxl);
  --amplify-components-switchfield-label-padding: var(--amplify-space-xs);
  --amplify-components-switchfield-small-font-size: var(--amplify-font-sizes-small);
  --amplify-components-switchfield-large-font-size: var(--amplify-font-sizes-large);
  --amplify-components-switchfield-font-size: var(--amplify-font-sizes-medium);
  --amplify-components-switchfield-disabled-opacity: var(--amplify-opacities-60);
  --amplify-components-stepperfield-button-background-color: var(--amplify-colors-transparent);
  --amplify-components-sliderfield-thumb-border-width: var(--amplify-border-widths-medium);
  --amplify-components-sliderfield-padding-block: var(--amplify-space-xs);
  --amplify-components-select-icon-wrapper-right: var(--amplify-space-medium);
  --amplify-components-select-padding-inline-end: var(--amplify-space-xxl);
  --amplify-components-searchfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
  --amplify-components-rating-small-size: var(--amplify-font-sizes-small);
  --amplify-components-rating-default-size: var(--amplify-font-sizes-xl);
  --amplify-components-rating-large-size: var(--amplify-font-sizes-xxxl);
  --amplify-components-radio-button-large-height: var(--amplify-font-sizes-large);
  --amplify-components-radio-button-large-width: var(--amplify-font-sizes-large);
  --amplify-components-radio-button-small-height: var(--amplify-font-sizes-small);
  --amplify-components-radio-button-small-width: var(--amplify-font-sizes-small);
  --amplify-components-radio-button-padding: var(--amplify-border-widths-medium);
  --amplify-components-radio-button-outline-offset: var(--amplify-outline-offsets-medium);
  --amplify-components-radio-button-outline-width: var(--amplify-outline-widths-medium);
  --amplify-components-radio-button-outline-color: var(--amplify-colors-transparent);
  --amplify-components-radio-button-transition-duration: var(--amplify-time-medium);
  --amplify-components-radio-button-border-width: var(--amplify-border-widths-medium);
  --amplify-components-radio-button-height: var(--amplify-font-sizes-medium);
  --amplify-components-radio-button-width: var(--amplify-font-sizes-medium);
  --amplify-components-placeholder-large-height: var(--amplify-space-large);
  --amplify-components-placeholder-default-height: var(--amplify-space-medium);
  --amplify-components-placeholder-small-height: var(--amplify-space-small);
  --amplify-components-placeholder-transition-duration: var(--amplify-time-long);
  --amplify-components-placeholder-border-radius: var(--amplify-radii-small);
  --amplify-components-passwordfield-button-disabled-background-color: var(--amplify-components-button-disabled-background-color);
  --amplify-components-pagination-item-shared-border-radius: var(--amplify-font-sizes-medium);
  --amplify-components-pagination-item-shared-min-width: var(--amplify-font-sizes-xxl);
  --amplify-components-pagination-item-shared-height: var(--amplify-font-sizes-xxl);
  --amplify-components-pagination-item-container-margin-right: var(--amplify-space-xxxs);
  --amplify-components-pagination-item-container-margin-left: var(--amplify-space-xxxs);
  --amplify-components-pagination-ellipsis-padding-inline-end: var(--amplify-space-xs);
  --amplify-components-pagination-ellipsis-padding-inline-start: var(--amplify-space-xs);
  --amplify-components-pagination-button-hover-background-color: var(--amplify-colors-overlay-10);
  --amplify-components-pagination-button-transition-duration: var(--amplify-time-medium);
  --amplify-components-pagination-button-padding-inline-end: var(--amplify-space-xxs);
  --amplify-components-pagination-button-padding-inline-start: var(--amplify-space-xxs);
  --amplify-components-pagination-current-background-color: var(--amplify-colors-overlay-40);
  --amplify-components-pagination-current-font-size: var(--amplify-font-sizes-small);
  --amplify-components-menu-item-padding-inline-end: var(--amplify-space-medium);
  --amplify-components-menu-item-padding-inline-start: var(--amplify-space-medium);
  --amplify-components-menu-large-height: var(--amplify-font-sizes-xxxl);
  --amplify-components-menu-large-width: var(--amplify-font-sizes-xxxl);
  --amplify-components-menu-small-height: var(--amplify-font-sizes-medium);
  --amplify-components-menu-small-width: var(--amplify-font-sizes-medium);
  --amplify-components-menu-gap: var(--amplify-space-zero);
  --amplify-components-menu-border-width: var(--amplify-border-widths-small);
  --amplify-components-menu-border-radius: var(--amplify-radii-medium);
  --amplify-components-loader-linear-large-font-size: var(--amplify-font-sizes-large);
  --amplify-components-loader-linear-large-stroke-width: var(--amplify-font-sizes-large);
  --amplify-components-loader-linear-small-font-size: var(--amplify-font-sizes-small);
  --amplify-components-loader-linear-small-stroke-width: var(--amplify-font-sizes-small);
  --amplify-components-loader-linear-stroke-empty: var(--amplify-colors-neutral-20);
  --amplify-components-loader-linear-stroke-width: var(--amplify-font-sizes-medium);
  --amplify-components-loader-linear-font-size: var(--amplify-font-sizes-medium);
  --amplify-components-loader-large-font-size: var(--amplify-font-sizes-small);
  --amplify-components-loader-large-height: var(--amplify-font-sizes-large);
  --amplify-components-loader-large-width: var(--amplify-font-sizes-large);
  --amplify-components-loader-small-font-size: var(--amplify-font-sizes-xxs);
  --amplify-components-loader-small-height: var(--amplify-font-sizes-small);
  --amplify-components-loader-small-width: var(--amplify-font-sizes-small);
  --amplify-components-loader-stroke-empty: var(--amplify-colors-neutral-20);
  --amplify-components-loader-font-size: var(--amplify-font-sizes-xs);
  --amplify-components-loader-height: var(--amplify-font-sizes-medium);
  --amplify-components-loader-width: var(--amplify-font-sizes-medium);
  --amplify-components-highlightmatch-highlighted-font-weight: 700;
  --amplify-components-heading-line-height: var(--amplify-line-heights-small);
  --amplify-components-heading-6-font-weight: 800;
  --amplify-components-heading-6-font-size: var(--amplify-font-sizes-medium);
  --amplify-components-heading-5-font-weight: 700;
  --amplify-components-heading-5-font-size: var(--amplify-font-sizes-large);
  --amplify-components-heading-4-font-weight: 600;
  --amplify-components-heading-4-font-size: var(--amplify-font-sizes-xl);
  --amplify-components-heading-3-font-weight: 500;
  --amplify-components-heading-3-font-size: var(--amplify-font-sizes-xxl);
  --amplify-components-heading-2-font-weight: 400;
  --amplify-components-heading-2-font-size: var(--amplify-font-sizes-xxxl);
  --amplify-components-heading-1-font-weight: 300;
  --amplify-components-heading-1-font-size: var(--amplify-font-sizes-xxxxl);
  --amplify-components-flex-gap: var(--amplify-space-medium);
  --amplify-components-fieldmessages-description-font-size: var(--amplify-font-sizes-small);
  --amplify-components-fieldmessages-error-font-size: var(--amplify-font-sizes-small);
  --amplify-components-fieldgroup-gap: var(--amplify-space-zero);
  --amplify-components-fieldcontrol-disabled-border-color: var(--amplify-colors-transparent);
  --amplify-components-fieldcontrol-quiet-border-block-end: var(--amplify-border-widths-small) solid var(--amplify-colors-border-primary);
  --amplify-components-fieldcontrol-large-padding-inline-end: var(--amplify-space-medium);
  --amplify-components-fieldcontrol-large-padding-inline-start: var(--amplify-space-medium);
  --amplify-components-fieldcontrol-large-padding-block-end: var(--amplify-space-xs);
  --amplify-components-fieldcontrol-large-padding-block-start: var(--amplify-space-xs);
  --amplify-components-fieldcontrol-small-padding-inline-end: var(--amplify-space-small);
  --amplify-components-fieldcontrol-small-padding-inline-start: var(--amplify-space-small);
  --amplify-components-fieldcontrol-small-padding-block-end: var(--amplify-space-xxs);
  --amplify-components-fieldcontrol-small-padding-block-start: var(--amplify-space-xxs);
  --amplify-components-fieldcontrol-outline-offset: var(--amplify-outline-offsets-medium);
  --amplify-components-fieldcontrol-outline-width: var(--amplify-outline-widths-medium);
  --amplify-components-fieldcontrol-outline-color: var(--amplify-colors-transparent);
  --amplify-components-fieldcontrol-transition-duration: var(--amplify-time-medium);
  --amplify-components-fieldcontrol-line-height: var(--amplify-line-heights-medium);
  --amplify-components-fieldcontrol-padding-inline-end: var(--amplify-space-medium);
  --amplify-components-fieldcontrol-padding-inline-start: var(--amplify-space-medium);
  --amplify-components-fieldcontrol-padding-block-end: var(--amplify-space-xs);
  --amplify-components-fieldcontrol-padding-block-start: var(--amplify-space-xs);
  --amplify-components-fieldcontrol-border-radius: var(--amplify-radii-small);
  --amplify-components-fieldcontrol-border-width: var(--amplify-border-widths-small);
  --amplify-components-field-large-font-size: var(--amplify-font-sizes-large);
  --amplify-components-field-large-gap: var(--amplify-space-small);
  --amplify-components-field-small-font-size: var(--amplify-font-sizes-small);
  --amplify-components-field-small-gap: var(--amplify-space-xxxs);
  --amplify-components-field-font-size: var(--amplify-font-sizes-medium);
  --amplify-components-field-gap: var(--amplify-space-xs);
  --amplify-components-expander-icon-transition-duration: var(--amplify-time-medium);
  --amplify-components-expander-content-closed-animation-duration: var(--amplify-time-medium);
  --amplify-components-expander-content-open-animation-duration: var(--amplify-time-medium);
  --amplify-components-expander-content-text-padding-block-end: var(--amplify-space-medium);
  --amplify-components-expander-content-text-padding-block-start: var(--amplify-space-medium);
  --amplify-components-expander-content-padding-inline-end: var(--amplify-space-large);
  --amplify-components-expander-content-padding-inline-start: var(--amplify-space-large);
  --amplify-components-expander-trigger-hover-background-color: var(--amplify-colors-overlay-10);
  --amplify-components-expander-trigger-padding-inline-end: var(--amplify-space-large);
  --amplify-components-expander-trigger-padding-inline-start: var(--amplify-space-large);
  --amplify-components-expander-header-box-shadow: 0 1px 0 var(--amplify-colors-overlay-20);
  --amplify-components-expander-item-border-end-end-radius: var(--amplify-radii-medium);
  --amplify-components-expander-item-border-end-start-radius: var(--amplify-radii-medium);
  --amplify-components-expander-item-border-start-end-radius: var(--amplify-radii-medium);
  --amplify-components-expander-item-border-start-start-radius: var(--amplify-radii-medium);
  --amplify-components-expander-item-border-top-right-radius: var(--amplify-radii-medium);
  --amplify-components-expander-item-border-top-left-radius: var(--amplify-radii-medium);
  --amplify-components-expander-item-border-bottom-right-radius: var(--amplify-radii-medium);
  --amplify-components-expander-item-border-bottom-left-radius: var(--amplify-radii-medium);
  --amplify-components-expander-border-radius: var(--amplify-radii-medium);
  --amplify-components-divider-opacity: var(--amplify-opacities-60);
  --amplify-components-divider-large-border-width: var(--amplify-border-widths-large);
  --amplify-components-divider-small-border-width: var(--amplify-border-widths-small);
  --amplify-components-divider-label-font-size: var(--amplify-font-sizes-small);
  --amplify-components-divider-label-padding-inline: var(--amplify-space-medium);
  --amplify-components-divider-border-width: var(--amplify-border-widths-medium);
  --amplify-components-countrycodeselect-height: var(--amplify-space-relative-full);
  --amplify-components-copy-tool-tip-font-size: var(--amplify-font-sizes-xxs);
  --amplify-components-copy-tool-tip-color: var(--amplify-colors-teal-100);
  --amplify-components-copy-tool-tip-bottom: var(--amplify-space-large);
  --amplify-components-copy-gap: var(--amplify-space-relative-medium);
  --amplify-components-copy-font-size: var(--amplify-font-sizes-xs);
  --amplify-components-checkbox-icon-indeterminate-opacity: var(--amplify-opacities-100);
  --amplify-components-checkbox-icon-checked-opacity: var(--amplify-opacities-100);
  --amplify-components-checkbox-icon-transition-duration: var(--amplify-time-short);
  --amplify-components-checkbox-icon-opacity: var(--amplify-opacities-0);
  --amplify-components-checkbox-button-error-focus-border-color: var(--amplify-colors-transparent);
  --amplify-components-checkbox-button-focus-border-color: var(--amplify-colors-transparent);
  --amplify-components-checkbox-button-focus-outline-offset: var(--amplify-outline-offsets-medium);
  --amplify-components-checkbox-button-focus-outline-width: var(--amplify-outline-widths-medium);
  --amplify-components-checkbox-button-focus-outline-color: var(--amplify-colors-transparent);
  --amplify-components-checkbox-button-before-border-width: var(--amplify-border-widths-medium);
  --amplify-components-card-elevated-border-radius: var(--amplify-radii-xs);
  --amplify-components-card-outlined-box-shadow: var(--amplify-components-card-box-shadow);
  --amplify-components-card-outlined-border-width: var(--amplify-border-widths-small);
  --amplify-components-card-outlined-border-radius: var(--amplify-radii-xs);
  --amplify-components-card-padding: var(--amplify-space-medium);
  --amplify-components-card-border-radius: var(--amplify-radii-xs);
  --amplify-components-button-loader-wrapper-gap: var(--amplify-space-xs);
  --amplify-components-button-link-border-width: var(--amplify-space-zero);
  --amplify-components-button-menu-border-width: var(--amplify-space-zero);
  --amplify-components-button-primary-border-width: var(--amplify-border-widths-small);
  --amplify-components-button-border-style: var(--amplify-components-fieldcontrol-border-style);
  --amplify-components-button-font-weight: 700;
  --amplify-components-badge-large-padding-horizontal: var(--amplify-space-medium);
  --amplify-components-badge-large-padding-vertical: var(--amplify-space-small);
  --amplify-components-badge-large-font-size: var(--amplify-font-sizes-medium);
  --amplify-components-badge-small-padding-horizontal: var(--amplify-space-xs);
  --amplify-components-badge-small-padding-vertical: var(--amplify-space-xxs);
  --amplify-components-badge-small-font-size: var(--amplify-font-sizes-xs);
  --amplify-components-badge-border-radius: var(--amplify-radii-xl);
  --amplify-components-badge-padding-horizontal: var(--amplify-space-small);
  --amplify-components-badge-padding-vertical: var(--amplify-space-xs);
  --amplify-components-badge-font-size: var(--amplify-font-sizes-small);
  --amplify-components-badge-font-weight: 600;
  --amplify-components-autocomplete-menu-space-shared-padding-inline: var(--amplify-space-small);
  --amplify-components-autocomplete-menu-space-shared-padding-block: var(--amplify-space-xs);
  --amplify-components-autocomplete-menu-loading-gap: var(--amplify-space-xxxs);
  --amplify-components-autocomplete-menu-option-active-color: var(--amplify-colors-white);
  --amplify-components-autocomplete-menu-option-transition-duration: var(--amplify-time-short);
  --amplify-components-autocomplete-menu-border-radius: var(--amplify-radii-small);
  --amplify-components-autocomplete-menu-border-width: var(--amplify-border-widths-small);
  --amplify-components-autocomplete-menu-margin-block-start: var(--amplify-space-xxxs);
  --amplify-components-authenticator-or-container-color: var(--amplify-colors-neutral-80);
  --amplify-components-authenticator-form-padding: var(--amplify-space-xl);
  --amplify-components-authenticator-footer-padding-bottom: var(--amplify-space-medium);
  --amplify-components-authenticator-router-border-width: var(--amplify-border-widths-small);
  --amplify-components-authenticator-modal-left: var(--amplify-space-zero);
  --amplify-components-authenticator-modal-top: var(--amplify-space-zero);
  --amplify-components-authenticator-modal-background-color: var(--amplify-colors-overlay-50);
  --amplify-components-authenticator-modal-height: var(--amplify-space-relative-full);
  --amplify-components-authenticator-modal-width: var(--amplify-space-relative-full);
  --amplify-components-alert-heading-font-weight: 700;
  --amplify-components-alert-heading-font-size: var(--amplify-font-sizes-medium);
  --amplify-components-alert-icon-size: var(--amplify-font-sizes-xl);
  --amplify-components-alert-padding-inline: var(--amplify-space-medium);
  --amplify-components-alert-padding-block: var(--amplify-space-small);
  --amplify-colors-border-focus: var(--amplify-colors-brand-primary-100);
  --amplify-colors-border-pressed: var(--amplify-colors-brand-primary-100);
  --amplify-colors-border-disabled: var(--amplify-colors-border-tertiary);
  --amplify-colors-background-disabled: var(--amplify-colors-background-tertiary);
  --amplify-colors-font-active: var(--amplify-colors-brand-primary-100);
  --amplify-colors-font-focus: var(--amplify-colors-brand-primary-100);
  --amplify-colors-font-hover: var(--amplify-colors-brand-primary-90);
  --amplify-colors-font-interactive: var(--amplify-colors-brand-primary-80);
  --amplify-components-togglebutton-link-disabled-color: var(--amplify-colors-font-disabled);
  --amplify-components-togglebutton-primary-pressed-hover-color: var(--amplify-colors-background-primary);
  --amplify-components-togglebutton-primary-pressed-hover-box-shadow: var(--amplify-colors-brand-primary-60);
  --amplify-components-togglebutton-primary-pressed-hover-background-color: var(--amplify-colors-brand-primary-60);
  --amplify-components-togglebutton-primary-pressed-hover-border-color: var(--amplify-colors-brand-primary-60);
  --amplify-components-togglebutton-primary-pressed-focus-color: var(--amplify-colors-background-primary);
  --amplify-components-togglebutton-primary-pressed-color: var(--amplify-colors-background-primary);
  --amplify-components-togglebutton-primary-pressed-border-color: var(--amplify-colors-brand-primary-80);
  --amplify-components-togglebutton-primary-pressed-background-color: var(--amplify-colors-brand-primary-80);
  --amplify-components-togglebutton-primary-disabled-color: var(--amplify-colors-font-disabled);
  --amplify-components-togglebutton-primary-hover-color: var(--amplify-colors-font-primary);
  --amplify-components-togglebutton-primary-focus-color: var(--amplify-colors-font-primary);
  --amplify-components-togglebutton-pressed-color: var(--amplify-colors-font-primary);
  --amplify-components-togglebutton-disabled-color: var(--amplify-colors-font-disabled);
  --amplify-components-togglebutton-focus-color: var(--amplify-colors-font-primary);
  --amplify-components-togglebutton-color: var(--amplify-colors-font-primary);
  --amplify-components-togglebutton-border-color: var(--amplify-colors-border-primary);
  --amplify-components-text-info-color: var(--amplify-colors-font-info);
  --amplify-components-text-success-color: var(--amplify-colors-font-success);
  --amplify-components-text-warning-color: var(--amplify-colors-font-warning);
  --amplify-components-text-error-color: var(--amplify-colors-font-error);
  --amplify-components-text-tertiary-color: var(--amplify-colors-font-tertiary);
  --amplify-components-text-secondary-color: var(--amplify-colors-font-secondary);
  --amplify-components-text-primary-color: var(--amplify-colors-font-primary);
  --amplify-components-text-color: var(--amplify-colors-font-primary);
  --amplify-components-tabs-item-disabled-border-color: var(--amplify-colors-border-tertiary);
  --amplify-components-tabs-item-disabled-color: var(--amplify-colors-font-disabled);
  --amplify-components-tabs-item-color: var(--amplify-colors-font-secondary);
  --amplify-components-tabs-item-border-color: var(--amplify-colors-border-secondary);
  --amplify-components-tabs-border-color: var(--amplify-colors-border-secondary);
  --amplify-components-table-caption-color: var(--amplify-colors-font-primary);
  --amplify-components-table-data-color: var(--amplify-colors-font-primary);
  --amplify-components-table-data-border-color: var(--amplify-colors-border-tertiary);
  --amplify-components-table-header-color: var(--amplify-colors-font-primary);
  --amplify-components-table-header-border-color: var(--amplify-colors-border-tertiary);
  --amplify-components-table-row-striped-background-color: var(--amplify-colors-background-secondary);
  --amplify-components-table-row-hover-background-color: var(--amplify-colors-background-tertiary);
  --amplify-components-switchfield-track-error-background-color: var(--amplify-colors-background-error);
  --amplify-components-switchfield-track-checked-background-color: var(--amplify-colors-brand-primary-80);
  --amplify-components-switchfield-track-background-color: var(--amplify-colors-background-quaternary);
  --amplify-components-switchfield-thumb-border-color: var(--amplify-colors-border-tertiary);
  --amplify-components-switchfield-thumb-background-color: var(--amplify-colors-background-primary);
  --amplify-components-sliderfield-thumb-hover-background-color: var(--amplify-colors-background-primary);
  --amplify-components-sliderfield-thumb-border-color: var(--amplify-colors-border-primary);
  --amplify-components-sliderfield-thumb-box-shadow: var(--amplify-shadows-small);
  --amplify-components-sliderfield-thumb-background-color: var(--amplify-colors-background-primary);
  --amplify-components-sliderfield-range-background-color: var(--amplify-colors-brand-primary-80);
  --amplify-components-sliderfield-track-background-color: var(--amplify-colors-background-quaternary);
  --amplify-components-select-option-disabled-color: var(--amplify-colors-font-disabled);
  --amplify-components-select-option-color: var(--amplify-colors-font-primary);
  --amplify-components-select-option-background-color: var(--amplify-colors-background-primary);
  --amplify-components-searchfield-button-background-color: var(--amplify-colors-background-primary);
  --amplify-components-rating-empty-color: var(--amplify-colors-background-tertiary);
  --amplify-components-rating-filled-color: var(--amplify-colors-brand-secondary-80);
  --amplify-components-radiogroup-radio-border-width: var(--amplify-components-radio-button-border-width);
  --amplify-components-radio-label-disabled-color: var(--amplify-colors-font-disabled);
  --amplify-components-radio-button-disabled-background-color: var(--amplify-colors-background-primary);
  --amplify-components-radio-button-error-border-color: var(--amplify-colors-border-error);
  --amplify-components-radio-button-checked-color: var(--amplify-colors-brand-primary-80);
  --amplify-components-radio-button-background-color: var(--amplify-colors-background-primary);
  --amplify-components-radio-button-color: var(--amplify-colors-background-primary);
  --amplify-components-radio-button-border-color: var(--amplify-colors-border-primary);
  --amplify-components-placeholder-end-color: var(--amplify-colors-background-tertiary);
  --amplify-components-placeholder-start-color: var(--amplify-colors-background-secondary);
  --amplify-components-pagination-button-disabled-color: var(--amplify-colors-font-disabled);
  --amplify-components-pagination-button-hover-color: var(--amplify-colors-font-primary);
  --amplify-components-pagination-button-color: var(--amplify-colors-font-primary);
  --amplify-components-pagination-current-color: var(--amplify-colors-font-inverse);
  --amplify-components-menu-box-shadow: var(--amplify-shadows-large);
  --amplify-components-menu-border-color: var(--amplify-colors-border-primary);
  --amplify-components-menu-background-color: var(--amplify-colors-background-primary);
  --amplify-components-loader-text-fill: var(--amplify-colors-font-primary);
  --amplify-components-loader-linear-stroke-filled: var(--amplify-colors-brand-primary-80);
  --amplify-components-loader-stroke-filled: var(--amplify-colors-brand-primary-80);
  --amplify-components-heading-color: var(--amplify-colors-font-primary);
  --amplify-components-fieldmessages-description-color: var(--amplify-colors-font-secondary);
  --amplify-components-fieldmessages-error-color: var(--amplify-colors-font-error);
  --amplify-components-fieldcontrol-error-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-error);
  --amplify-components-fieldcontrol-error-border-color: var(--amplify-colors-border-error);
  --amplify-components-fieldcontrol-disabled-color: var(--amplify-colors-font-disabled);
  --amplify-components-fieldcontrol-quiet-error-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-error);
  --amplify-components-fieldcontrol-quiet-error-border-block-end-color: var(--amplify-colors-border-error);
  --amplify-components-fieldcontrol-large-font-size: var(--amplify-components-field-large-font-size);
  --amplify-components-fieldcontrol-small-font-size: var(--amplify-components-field-small-font-size);
  --amplify-components-fieldcontrol-font-size: var(--amplify-components-field-font-size);
  --amplify-components-fieldcontrol-color: var(--amplify-colors-font-primary);
  --amplify-components-fieldcontrol-border-color: var(--amplify-colors-border-primary);
  --amplify-components-field-label-color: var(--amplify-colors-font-secondary);
  --amplify-components-expander-content-text-color: var(--amplify-colors-font-secondary);
  --amplify-components-expander-item-box-shadow: var(--amplify-shadows-small);
  --amplify-components-expander-box-shadow: var(--amplify-shadows-large);
  --amplify-components-expander-background-color: var(--amplify-colors-background-primary);
  --amplify-components-divider-label-background-color: var(--amplify-colors-background-primary);
  --amplify-components-divider-label-color: var(--amplify-colors-font-tertiary);
  --amplify-components-divider-border-color: var(--amplify-colors-border-primary);
  --amplify-components-copy-svg-path-fill: var(--amplify-colors-font-primary);
  --amplify-components-collection-search-button-disabled-background-color: var(--amplify-components-searchfield-button-disabled-background-color);
  --amplify-components-collection-pagination-button-hover-background-color: var(--amplify-components-pagination-button-hover-background-color);
  --amplify-components-collection-pagination-current-background-color: var(--amplify-components-pagination-current-background-color);
  --amplify-components-checkbox-label-disabled-color: var(--amplify-colors-font-disabled);
  --amplify-components-checkbox-icon-background-color: var(--amplify-colors-brand-primary-80);
  --amplify-components-checkbox-button-error-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-error);
  --amplify-components-checkbox-button-error-border-color: var(--amplify-colors-border-error);
  --amplify-components-checkbox-button-before-border-color: var(--amplify-colors-border-primary);
  --amplify-components-checkbox-button-color: var(--amplify-colors-font-inverse);
  --amplify-components-card-elevated-box-shadow: var(--amplify-shadows-medium);
  --amplify-components-card-outlined-border-color: var(--amplify-colors-border-primary);
  --amplify-components-card-background-color: var(--amplify-colors-background-primary);
  --amplify-components-button-large-padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
  --amplify-components-button-large-padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
  --amplify-components-button-large-padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
  --amplify-components-button-large-padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
  --amplify-components-button-small-padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
  --amplify-components-button-small-padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
  --amplify-components-button-small-padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
  --amplify-components-button-small-padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
  --amplify-components-button-link-loading-color: var(--amplify-colors-font-disabled);
  --amplify-components-button-link-disabled-color: var(--amplify-colors-font-disabled);
  --amplify-components-button-link-active-background-color: var(--amplify-colors-brand-primary-20);
  --amplify-components-button-link-focus-background-color: var(--amplify-colors-brand-primary-10);
  --amplify-components-button-link-hover-background-color: var(--amplify-colors-brand-primary-10);
  --amplify-components-button-menu-disabled-color: var(--amplify-colors-font-disabled);
  --amplify-components-button-menu-active-background-color: var(--amplify-colors-brand-primary-90);
  --amplify-components-button-menu-active-color: var(--amplify-colors-font-inverse);
  --amplify-components-button-menu-focus-background-color: var(--amplify-colors-brand-primary-80);
  --amplify-components-button-menu-focus-color: var(--amplify-colors-font-inverse);
  --amplify-components-button-menu-hover-background-color: var(--amplify-colors-brand-primary-80);
  --amplify-components-button-menu-hover-color: var(--amplify-colors-font-inverse);
  --amplify-components-button-primary-active-color: var(--amplify-colors-font-inverse);
  --amplify-components-button-primary-active-background-color: var(--amplify-colors-brand-primary-100);
  --amplify-components-button-primary-focus-color: var(--amplify-colors-font-inverse);
  --amplify-components-button-primary-focus-background-color: var(--amplify-colors-brand-primary-90);
  --amplify-components-button-primary-hover-color: var(--amplify-colors-font-inverse);
  --amplify-components-button-primary-hover-background-color: var(--amplify-colors-brand-primary-90);
  --amplify-components-button-primary-loading-color: var(--amplify-colors-font-disabled);
  --amplify-components-button-primary-disabled-color: var(--amplify-colors-font-disabled);
  --amplify-components-button-primary-color: var(--amplify-colors-font-inverse);
  --amplify-components-button-primary-background-color: var(--amplify-colors-brand-primary-80);
  --amplify-components-button-disabled-border-color: var(--amplify-colors-border-tertiary);
  --amplify-components-button-disabled-color: var(--amplify-colors-font-disabled);
  --amplify-components-button-loading-border-color: var(--amplify-colors-border-tertiary);
  --amplify-components-button-loading-color: var(--amplify-colors-font-disabled);
  --amplify-components-button-active-border-color: var(--amplify-colors-brand-primary-100);
  --amplify-components-button-active-background-color: var(--amplify-colors-brand-primary-20);
  --amplify-components-button-focus-background-color: var(--amplify-colors-brand-primary-10);
  --amplify-components-button-hover-border-color: var(--amplify-colors-brand-primary-60);
  --amplify-components-button-hover-background-color: var(--amplify-colors-brand-primary-10);
  --amplify-components-button-color: var(--amplify-colors-font-primary);
  --amplify-components-button-border-radius: var(--amplify-components-fieldcontrol-border-radius);
  --amplify-components-button-border-width: var(--amplify-components-fieldcontrol-border-width);
  --amplify-components-button-padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
  --amplify-components-button-padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
  --amplify-components-button-padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
  --amplify-components-button-padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
  --amplify-components-button-line-height: var(--amplify-components-fieldcontrol-line-height);
  --amplify-components-button-transition-duration: var(--amplify-components-fieldcontrol-transition-duration);
  --amplify-components-badge-error-background-color: var(--amplify-colors-background-error);
  --amplify-components-badge-error-color: var(--amplify-colors-font-error);
  --amplify-components-badge-success-background-color: var(--amplify-colors-background-success);
  --amplify-components-badge-success-color: var(--amplify-colors-font-success);
  --amplify-components-badge-warning-background-color: var(--amplify-colors-background-warning);
  --amplify-components-badge-warning-color: var(--amplify-colors-font-warning);
  --amplify-components-badge-info-background-color: var(--amplify-colors-background-info);
  --amplify-components-badge-info-color: var(--amplify-colors-font-info);
  --amplify-components-badge-background-color: var(--amplify-colors-background-tertiary);
  --amplify-components-badge-color: var(--amplify-colors-font-primary);
  --amplify-components-autocomplete-menu-option-active-background-color: var(--amplify-colors-brand-primary-80);
  --amplify-components-autocomplete-menu-option-background-color: var(--amplify-colors-background-primary);
  --amplify-components-autocomplete-menu-border-color: var(--amplify-colors-border-primary);
  --amplify-components-autocomplete-menu-background-color: var(--amplify-colors-background-primary);
  --amplify-components-authenticator-or-container-or-line-background-color: var(--amplify-colors-background-primary);
  --amplify-components-authenticator-state-inactive-background-color: var(--amplify-colors-background-secondary);
  --amplify-components-authenticator-router-box-shadow: var(--amplify-shadows-medium);
  --amplify-components-authenticator-router-background-color: var(--amplify-colors-background-primary);
  --amplify-components-authenticator-router-border-color: var(--amplify-colors-border-primary);
  --amplify-components-alert-success-background-color: var(--amplify-colors-background-success);
  --amplify-components-alert-success-color: var(--amplify-colors-font-success);
  --amplify-components-alert-warning-background-color: var(--amplify-colors-background-warning);
  --amplify-components-alert-warning-color: var(--amplify-colors-font-warning);
  --amplify-components-alert-error-background-color: var(--amplify-colors-background-error);
  --amplify-components-alert-error-color: var(--amplify-colors-font-error);
  --amplify-components-alert-info-background-color: var(--amplify-colors-background-info);
  --amplify-components-alert-info-color: var(--amplify-colors-font-info);
  --amplify-components-alert-background-color: var(--amplify-colors-background-tertiary);
  --amplify-components-alert-color: var(--amplify-colors-font-primary);
  --amplify-components-togglebutton-primary-pressed-focus-border-color: var(--amplify-colors-border-focus);
  --amplify-components-togglebutton-primary-pressed-focus-background-color: var(--amplify-colors-border-focus);
  --amplify-components-togglebutton-primary-disabled-background-color: var(--amplify-colors-background-disabled);
  --amplify-components-togglebutton-primary-disabled-border-color: var(--amplify-colors-border-disabled);
  --amplify-components-togglebutton-primary-focus-border-color: var(--amplify-colors-border-focus);
  --amplify-components-togglebutton-pressed-border-color: var(--amplify-colors-border-pressed);
  --amplify-components-togglebutton-disabled-border-color: var(--amplify-colors-border-disabled);
  --amplify-components-togglebutton-focus-border-color: var(--amplify-colors-border-focus);
  --amplify-components-textfield-font-size: var(--amplify-components-fieldcontrol-font-size);
  --amplify-components-textfield-border-color: var(--amplify-components-fieldcontrol-border-color);
  --amplify-components-textfield-color: var(--amplify-components-fieldcontrol-color);
  --amplify-components-textareafield-border-color: var(--amplify-components-fieldcontrol-border-color);
  --amplify-components-textareafield-color: var(--amplify-components-fieldcontrol-color);
  --amplify-components-tabs-item-active-border-color: var(--amplify-colors-font-interactive);
  --amplify-components-tabs-item-active-color: var(--amplify-colors-font-interactive);
  --amplify-components-tabs-item-focus-color: var(--amplify-colors-font-focus);
  --amplify-components-tabs-item-hover-color: var(--amplify-colors-font-hover);
  --amplify-components-switchfield-focused-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
  --amplify-components-stepperfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
  --amplify-components-stepperfield-button-disabled-color: var(--amplify-components-button-disabled-color);
  --amplify-components-stepperfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
  --amplify-components-stepperfield-button-active-background-color: var(--amplify-components-button-active-background-color);
  --amplify-components-stepperfield-button-color: var(--amplify-components-button-color);
  --amplify-components-stepperfield-input-font-size: var(--amplify-components-fieldcontrol-font-size);
  --amplify-components-stepperfield-input-color: var(--amplify-components-fieldcontrol-color);
  --amplify-components-stepperfield-border-color: var(--amplify-components-fieldcontrol-border-color);
  --amplify-components-sliderfield-thumb-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
  --amplify-components-sliderfield-thumb-focus-border-color: var(--amplify-colors-border-focus);
  --amplify-components-sliderfield-thumb-hover-border-color: var(--amplify-colors-border-focus);
  --amplify-components-sliderfield-thumb-disabled-background-color: var(--amplify-colors-background-disabled);
  --amplify-components-sliderfield-range-disabled-background-color: var(--amplify-colors-background-disabled);
  --amplify-components-selectfield-label-color: var(--amplify-components-field-label-color);
  --amplify-components-selectfield-font-size: var(--amplify-components-fieldcontrol-font-size);
  --amplify-components-selectfield-color: var(--amplify-components-fieldcontrol-color);
  --amplify-components-selectfield-border-color: var(--amplify-components-fieldcontrol-border-color);
  --amplify-components-searchfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
  --amplify-components-searchfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
  --amplify-components-searchfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
  --amplify-components-searchfield-button-disabled-color: var(--amplify-components-button-disabled-color);
  --amplify-components-searchfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
  --amplify-components-searchfield-button-active-border-color: var(--amplify-components-button-active-border-color);
  --amplify-components-searchfield-button-active-background-color: var(--amplify-components-button-active-background-color);
  --amplify-components-searchfield-button-color: var(--amplify-components-button-color);
  --amplify-components-searchfield-color: var(--amplify-components-fieldcontrol-color);
  --amplify-components-radiogroup-label-color: var(--amplify-components-field-label-color);
  --amplify-components-radiogroup-radio-checked-color: var(--amplify-components-radio-button-checked-color);
  --amplify-components-radiogroup-radio-background-color: var(--amplify-components-radio-button-background-color);
  --amplify-components-radiogroup-radio-border-color: var(--amplify-components-radio-button-border-color);
  --amplify-components-radio-label-color: var(--amplify-components-text-color);
  --amplify-components-radio-button-disabled-border-color: var(--amplify-colors-border-disabled);
  --amplify-components-radio-button-error-focus-box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
  --amplify-components-radio-button-focus-border-color: var(--amplify-colors-border-focus);
  --amplify-components-radio-button-checked-disabled-color: var(--amplify-colors-background-disabled);
  --amplify-components-phonenumberfield-font-size: var(--amplify-components-fieldcontrol-font-size);
  --amplify-components-phonenumberfield-border-color: var(--amplify-components-fieldcontrol-border-color);
  --amplify-components-phonenumberfield-color: var(--amplify-components-fieldcontrol-color);
  --amplify-components-passwordfield-button-hover-border-color: var(--amplify-components-button-hover-border-color);
  --amplify-components-passwordfield-button-hover-background-color: var(--amplify-components-button-hover-background-color);
  --amplify-components-passwordfield-button-focus-background-color: var(--amplify-components-button-focus-background-color);
  --amplify-components-passwordfield-button-disabled-color: var(--amplify-components-button-disabled-color);
  --amplify-components-passwordfield-button-disabled-border-color: var(--amplify-components-button-disabled-border-color);
  --amplify-components-passwordfield-button-active-border-color: var(--amplify-components-button-active-border-color);
  --amplify-components-passwordfield-button-active-background-color: var(--amplify-components-button-active-background-color);
  --amplify-components-passwordfield-button-color: var(--amplify-components-button-color);
  --amplify-components-passwordfield-color: var(--amplify-components-fieldcontrol-color);
  --amplify-components-link-visited-color: var(--amplify-colors-font-interactive);
  --amplify-components-link-hover-color: var(--amplify-colors-font-hover);
  --amplify-components-link-focus-color: var(--amplify-colors-font-focus);
  --amplify-components-link-color: var(--amplify-colors-font-interactive);
  --amplify-components-link-active-color: var(--amplify-colors-font-active);
  --amplify-components-fieldcontrol-disabled-background-color: var(--amplify-colors-background-disabled);
  --amplify-components-fieldcontrol-focus-box-shadow: 0px 0px 0px 1px var(--amplify-colors-border-focus);
  --amplify-components-fieldcontrol-focus-border-color: var(--amplify-colors-border-focus);
  --amplify-components-fieldcontrol-quiet-focus-box-shadow: 0px 1px 0px var(--amplify-colors-border-focus);
  --amplify-components-fieldcontrol-quiet-focus-border-block-end-color: var(--amplify-colors-border-focus);
  --amplify-components-expander-item-focus-box-shadow: 0 0 0 2px var(--amplify-colors-border-focus);
  --amplify-components-collection-pagination-button-disabled-color: var(--amplify-components-pagination-button-disabled-color);
  --amplify-components-collection-pagination-button-hover-color: var(--amplify-components-pagination-button-hover-color);
  --amplify-components-collection-pagination-button-color: var(--amplify-components-pagination-button-color);
  --amplify-components-collection-pagination-current-color: var(--amplify-components-pagination-current-color);
  --amplify-components-checkbox-icon-indeterminate-disabled-background-color: var(--amplify-colors-background-disabled);
  --amplify-components-checkbox-icon-checked-disabled-background-color: var(--amplify-colors-background-disabled);
  --amplify-components-checkbox-button-disabled-border-color: var(--amplify-colors-border-disabled);
  --amplify-components-checkbox-button-focus-box-shadow: 0px 0px 0px 2px var(--amplify-colors-border-focus);
  --amplify-components-card-elevated-background-color: var(--amplify-components-card-background-color);
  --amplify-components-card-outlined-background-color: var(--amplify-components-card-background-color);
  --amplify-components-button-large-font-size: var(--amplify-components-fieldcontrol-large-font-size);
  --amplify-components-button-small-font-size: var(--amplify-components-fieldcontrol-small-font-size);
  --amplify-components-button-link-active-color: var(--amplify-colors-font-active);
  --amplify-components-button-link-focus-color: var(--amplify-colors-font-focus);
  --amplify-components-button-link-hover-color: var(--amplify-colors-font-hover);
  --amplify-components-button-link-color: var(--amplify-colors-font-interactive);
  --amplify-components-button-primary-loading-background-color: var(--amplify-colors-background-disabled);
  --amplify-components-button-primary-disabled-background-color: var(--amplify-colors-background-disabled);
  --amplify-components-button-active-color: var(--amplify-colors-font-active);
  --amplify-components-button-focus-border-color: var(--amplify-colors-border-focus);
  --amplify-components-button-focus-color: var(--amplify-colors-font-focus);
  --amplify-components-button-hover-color: var(--amplify-colors-font-focus);
  --amplify-components-button-border-color: var(--amplify-components-fieldcontrol-border-color);
  --amplify-components-button-font-size: var(--amplify-components-fieldcontrol-font-size);
  --amplify-components-togglebutton-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
  --amplify-components-textfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
  --amplify-components-textareafield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
  --amplify-components-stepperfield-button-hover-color: var(--amplify-components-button-hover-color);
  --amplify-components-stepperfield-button-disabled-background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
  --amplify-components-stepperfield-button-focus-color: var(--amplify-components-button-focus-color);
  --amplify-components-stepperfield-button-active-color: var(--amplify-components-button-active-color);
  --amplify-components-selectfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
  --amplify-components-searchfield-button-hover-color: var(--amplify-components-button-hover-color);
  --amplify-components-searchfield-button-focus-color: var(--amplify-components-button-focus-color);
  --amplify-components-searchfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
  --amplify-components-searchfield-button-active-color: var(--amplify-components-button-active-color);
  --amplify-components-radiogroup-radio-label-color: var(--amplify-components-radio-label-color);
  --amplify-components-radio-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
  --amplify-components-phonenumberfield-focus-border-color: var(--amplify-components-fieldcontrol-focus-border-color);
  --amplify-components-passwordfield-button-hover-color: var(--amplify-components-button-hover-color);
  --amplify-components-passwordfield-button-focus-color: var(--amplify-components-button-focus-color);
  --amplify-components-passwordfield-button-focus-border-color: var(--amplify-components-button-focus-border-color);
  --amplify-components-passwordfield-button-active-color: var(--amplify-components-button-active-color);
  --amplify-components-collection-search-button-hover-border-color: var(--amplify-components-searchfield-button-hover-border-color);
  --amplify-components-collection-search-button-hover-background-color: var(--amplify-components-searchfield-button-hover-background-color);
  --amplify-components-collection-search-button-focus-background-color: var(--amplify-components-searchfield-button-focus-background-color);
  --amplify-components-collection-search-button-disabled-color: var(--amplify-components-searchfield-button-disabled-color);
  --amplify-components-collection-search-button-disabled-border-color: var(--amplify-components-searchfield-button-disabled-border-color);
  --amplify-components-collection-search-button-active-border-color: var(--amplify-components-searchfield-button-active-border-color);
  --amplify-components-collection-search-button-active-background-color: var(--amplify-components-searchfield-button-active-background-color);
  --amplify-components-collection-search-button-color: var(--amplify-components-searchfield-button-color);
  --amplify-components-collection-search-input-color: var(--amplify-components-searchfield-color);
  --amplify-components-button-link-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
  --amplify-components-button-primary-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
  --amplify-components-button-focus-box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
  --amplify-components-collection-search-button-hover-color: var(--amplify-components-searchfield-button-hover-color);
  --amplify-components-collection-search-button-focus-color: var(--amplify-components-searchfield-button-focus-color);
  --amplify-components-collection-search-button-focus-border-color: var(--amplify-components-searchfield-button-focus-border-color);
  --amplify-components-collection-search-button-active-color: var(--amplify-components-searchfield-button-active-color);
}
html,
[data-amplify-theme] {
  font-family: var(--amplify-fonts-default-static);
}
@supports (font-variation-settings: normal) {
  html,
[data-amplify-theme] {
    font-family: var(--amplify-fonts-default-variable);
  }
}
html:focus-within {
  scroll-behavior: smooth;
}
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: var(--amplify-line-heights-medium);
}
* {
  box-sizing: border-box;
}
input,
button,
textarea,
select {
  font: inherit;
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
}
[class*=amplify] {
  all: unset; /* protect against external styles */
  box-sizing: border-box; /* set box-sizing after unset above */
}
.amplify-flex {
  align-content: var(--amplify-components-flex-align-content);
  align-items: var(--amplify-components-flex-align-items);
  display: flex;
  flex-wrap: var(--amplify-components-flex-flex-wrap);
  gap: var(--amplify-components-flex-gap);
  justify-content: var(--amplify-components-flex-justify-content);
}
.amplify-grid {
  display: grid;
}
.amplify-scrollview {
  display: block;
  overflow: auto;
}
.amplify-scrollview--horizontal {
  overflow-x: scroll;
  overflow-y: initial;
}
.amplify-scrollview--vertical {
  overflow-x: initial;
  overflow-y: scroll;
}
.amplify-text {
  display: block;
  color: var(--amplify-components-text-color);
}
b.amplify-text,
em.amplify-text,
i.amplify-text,
span.amplify-text,
strong.amplify-text {
  display: inline;
}
.amplify-text--truncated {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.amplify-text--primary {
  color: var(--amplify-components-text-primary-color);
}
.amplify-text--secondary {
  color: var(--amplify-components-text-secondary-color);
}
.amplify-text--tertiary {
  color: var(--amplify-components-text-tertiary-color);
}
.amplify-text--error {
  color: var(--amplify-components-text-error-color);
}
.amplify-text--info {
  color: var(--amplify-components-text-info-color);
}
.amplify-text--success {
  color: var(--amplify-components-text-success-color);
}
.amplify-text--warning {
  color: var(--amplify-components-text-warning-color);
}
.amplify-badge {
  background-color: var(--amplify-components-badge-background-color);
  border-radius: var(--amplify-components-badge-border-radius);
  color: var(--amplify-components-badge-color);
  display: inline-flex;
  font-size: var(--amplify-components-badge-font-size);
  font-weight: var(--amplify-components-badge-font-weight);
  line-height: var(--amplify-components-badge-line-height);
  padding: var(--amplify-components-badge-padding-vertical) var(--amplify-components-badge-padding-horizontal);
  text-align: var(--amplify-components-badge-text-align);
}
.amplify-badge--info {
  color: var(--amplify-components-badge-info-color);
  background-color: var(--amplify-components-badge-info-background-color);
}
.amplify-badge--error {
  color: var(--amplify-components-badge-error-color);
  background-color: var(--amplify-components-badge-error-background-color);
}
.amplify-badge--warning {
  color: var(--amplify-components-badge-warning-color);
  background-color: var(--amplify-components-badge-warning-background-color);
}
.amplify-badge--success {
  color: var(--amplify-components-badge-success-color);
  background-color: var(--amplify-components-badge-success-background-color);
}
.amplify-badge--small {
  font-size: var(--amplify-components-badge-small-font-size);
  padding: var(--amplify-components-badge-small-padding-vertical) var(--amplify-components-badge-small-padding-horizontal);
}
.amplify-badge--large {
  font-size: var(--amplify-components-badge-large-font-size);
  padding: var(--amplify-components-badge-large-padding-vertical) var(--amplify-components-badge-large-padding-horizontal);
}
/*
 * Button base styles
 */
.amplify-button {
  align-items: center;
  border-color: var(--amplify-components-button-border-color);
  border-radius: var(--amplify-components-button-border-radius);
  border-style: var(--amplify-components-button-border-style);
  border-width: var(--amplify-components-button-border-width);
  box-sizing: border-box;
  color: var(--amplify-components-button-color);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--amplify-components-button-font-size);
  font-weight: var(--amplify-components-button-font-weight);
  justify-content: center;
  line-height: var(--amplify-components-button-line-height);
  padding-block-start: var(--amplify-components-button-padding-block-start);
  padding-block-end: var(--amplify-components-button-padding-block-end);
  padding-inline-start: var(--amplify-components-button-padding-inline-start);
  padding-inline-end: var(--amplify-components-button-padding-inline-end);
  transition: all var(--amplify-components-button-transition-duration);
  -webkit-user-select: none;
          user-select: none;
  --amplify-internal-button-disabled-color: var(
    --amplify-components-button-disabled-color
  );
  --amplify-internal-button-disabled-background-color: var(
    --amplify-components-button-disabled-background-color
  );
  --amplify-internal-button-disabled-border-color: var(
    --amplify-components-button-disabled-border-color
  );
  --amplify-internal-button-disabled-text-decoration: initial;
  --amplify-internal-button-loading-background-color: var(
    --amplify-components-button-loading-background-color
  );
  --amplify-internal-button-loading-border-color: var(
    --amplify-components-button-loading-border-color
  );
  --amplify-internal-button-loading-color: var(
    --amplify-components-button-loading-color
  );
  --amplify-internal-button-loading-text-decoration: initial;
}
.amplify-button:hover {
  background-color: var(--amplify-components-button-hover-background-color);
  border-color: var(--amplify-components-button-hover-border-color);
  color: var(--amplify-components-button-hover-color);
}
.amplify-button:focus {
  background-color: var(--amplify-components-button-hover-background-color);
  border-color: var(--amplify-components-button-focus-border-color);
  color: var(--amplify-components-button-focus-color);
  box-shadow: var(--amplify-components-button-focus-box-shadow);
}
.amplify-button:active {
  background-color: var(--amplify-components-button-active-background-color);
  border-color: var(--amplify-components-button-active-border-color);
  color: var(--amplify-components-button-active-color);
}
.amplify-button--fullwidth {
  width: 100%;
}
.amplify-button--menu {
  border-width: var(--amplify-components-button-menu-border-width);
  background-color: var(--amplify-components-button-menu-background-color);
  justify-content: var(--amplify-components-button-menu-justify-content);
  --amplify-internal-button-disabled-color: var(
    --amplify-components-button-menu-disabled-color
  );
}
.amplify-button--menu:hover {
  color: var(--amplify-components-button-menu-hover-color);
  background-color: var(--amplify-components-button-menu-hover-background-color);
}
.amplify-button--menu:focus {
  box-shadow: none;
  color: var(--amplify-components-button-menu-focus-color);
  background-color: var(--amplify-components-button-menu-focus-background-color);
}
.amplify-button--menu:active {
  color: var(--amplify-components-button-menu-active-color);
  background-color: var(--amplify-components-button-menu-active-background-color);
}
.amplify-button--primary {
  border-width: var(--amplify-components-button-primary-border-width);
  background-color: var(--amplify-components-button-primary-background-color);
  border-color: var(--amplify-components-button-primary-border-color);
  color: var(--amplify-components-button-primary-color);
  --amplify-internal-button-disabled-border-color: var(
    --amplify-components-button-primary-disabled-border-color
  );
  --amplify-internal-button-disabled-background-color: var(
    --amplify-components-button-primary-disabled-background-color
  );
  --amplify-internal-button-disabled-color: var(
    --amplify-components-button-primary-disabled-color
  );
  --amplify-internal-button-loading-background-color: var(
    --amplify-components-button-primary-loading-background-color
  );
  --amplify-internal-button-loading-border-color: var(
    --amplify-components-button-primary-loading-border-color
  );
  --amplify-internal-button-loading-color: var(
    --amplify-components-button-primary-loading-color
  );
}
.amplify-button--primary:hover {
  background-color: var(--amplify-components-button-primary-hover-background-color);
  border-color: var(--amplify-components-button-primary-hover-border-color);
  color: var(--amplify-components-button-primary-hover-color);
}
.amplify-button--primary:focus {
  background-color: var(--amplify-components-button-primary-focus-background-color);
  border-color: var(--amplify-components-button-primary-focus-border-color);
  color: var(--amplify-components-button-primary-focus-color);
  box-shadow: var(--amplify-components-button-primary-focus-box-shadow);
}
.amplify-button--primary:active {
  background-color: var(--amplify-components-button-primary-active-background-color);
  border-color: var(--amplify-components-button-primary-active-border-color);
  color: var(--amplify-components-button-primary-active-color);
}
.amplify-button--link {
  border-width: var(--amplify-components-button-link-border-width);
  background-color: var(--amplify-components-button-link-background-color);
  color: var(--amplify-components-button-link-color);
  --amplify-internal-button-disabled-text-decoration: none;
  --amplify-internal-button-disabled-border-color: var(
    --amplify-components-button-link-disabled-border-color
  );
  --amplify-internal-button-disabled-background-color: var(
    --amplify-components-button-link-disabled-background-color
  );
  --amplify-internal-button-disabled-color: var(
    --amplify-components-button-link-disabled-color
  );
  --amplify-internal-button-loading-background-color: var(
    --amplify-components-button-link-loading-background-color
  );
  --amplify-internal-button-loading-border-color: var(
    --amplify-components-button-link-loading-border-color
  );
  --amplify-internal-button-loading-color: var(
    --amplify-components-button-link-loading-color
  );
  --amplify-internal-button-loading-text-decoration: none;
}
.amplify-button--link:hover {
  background-color: var(--amplify-components-button-link-hover-background-color);
  border-color: var(--amplify-components-button-link-hover-border-color);
  color: var(--amplify-components-button-link-hover-color);
}
.amplify-button--link:focus {
  background-color: var(--amplify-components-button-link-focus-background-color);
  border-color: var(--amplify-components-button-link-focus-border-color);
  color: var(--amplify-components-button-link-focus-color);
  box-shadow: var(--amplify-components-button-link-focus-box-shadow);
}
.amplify-button--link:active {
  background-color: var(--amplify-components-button-link-active-background-color);
  border-color: var(--amplify-components-button-link-active-border-color);
  color: var(--amplify-components-button-link-active-color);
}
.amplify-button--small {
  font-size: var(--amplify-components-button-small-font-size);
  padding-block-start: var(--amplify-components-button-small-padding-block-start);
  padding-block-end: var(--amplify-components-button-small-padding-block-end);
  padding-inline-start: var(--amplify-components-button-small-padding-inline-start);
  padding-inline-end: var(--amplify-components-button-small-padding-inline-end);
}
.amplify-button--large {
  font-size: var(--amplify-components-button-large-font-size);
  padding-block-start: var(--amplify-components-button-large-padding-block-start);
  padding-block-end: var(--amplify-components-button-large-padding-block-end);
  padding-inline-start: var(--amplify-components-button-large-padding-inline-start);
  padding-inline-end: var(--amplify-components-button-large-padding-inline-end);
}
.amplify-button--disabled {
  background-color: var(--amplify-internal-button-disabled-background-color);
  border-color: var(--amplify-internal-button-disabled-border-color);
  color: var(--amplify-internal-button-disabled-color);
  -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
          text-decoration: var(--amplify-internal-button-disabled-text-decoration);
  cursor: not-allowed;
}
.amplify-button--disabled:hover {
  background-color: var(--amplify-internal-button-disabled-background-color);
  border-color: var(--amplify-internal-button-disabled-border-color);
  color: var(--amplify-internal-button-disabled-color);
  -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
          text-decoration: var(--amplify-internal-button-disabled-text-decoration);
}
.amplify-button--disabled :focus {
  background-color: var(--amplify-internal-button-disabled-background-color);
  border-color: var(--amplify-internal-button-disabled-border-color);
  color: var(--amplify-internal-button-disabled-color);
  -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
          text-decoration: var(--amplify-internal-button-disabled-text-decoration);
}
.amplify-button--disabled:active {
  background-color: var(--amplify-internal-button-disabled-background-color);
  border-color: var(--amplify-internal-button-disabled-border-color);
  color: var(--amplify-internal-button-disabled-color);
  -webkit-text-decoration: var(--amplify-internal-button-disabled-text-decoration);
          text-decoration: var(--amplify-internal-button-disabled-text-decoration);
}
.amplify-button--loading {
  background-color: var(--amplify-internal-button-loading-background-color);
  border-color: var(--amplify-internal-button-loading-border-color);
  color: var(--amplify-components-button-loading-color);
  -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
          text-decoration: var(--amplify-internal-button-loading-text-decoration);
}
.amplify-button--loading:hover {
  background-color: var(--amplify-internal-button-loading-background-color);
  border-color: var(--amplify-internal-button-loading-border-color);
  color: var(--amplify-components-button-loading-color);
  -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
          text-decoration: var(--amplify-internal-button-loading-text-decoration);
}
.amplify-button--loading:focus {
  background-color: var(--amplify-internal-button-loading-background-color);
  border-color: var(--amplify-internal-button-loading-border-color);
  color: var(--amplify-components-button-loading-color);
  -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
          text-decoration: var(--amplify-internal-button-loading-text-decoration);
}
.amplify-button--loading:active {
  background-color: var(--amplify-internal-button-loading-background-color);
  border-color: var(--amplify-internal-button-loading-border-color);
  color: var(--amplify-components-button-loading-color);
  -webkit-text-decoration: var(--amplify-internal-button-loading-text-decoration);
          text-decoration: var(--amplify-internal-button-loading-text-decoration);
}
.amplify-button__loader-wrapper {
  align-items: var(--amplify-components-button-loader-wrapper-align-items);
  gap: var(--amplify-components-button-loader-wrapper-gap);
}
@media (prefers-reduced-motion: reduce) {
  .amplify-button {
    transition: none;
  }
}
.amplify-field__description {
  color: var(--amplify-components-fieldmessages-description-color);
  font-style: var(--amplify-components-fieldmessages-description-font-style);
  font-size: var(--amplify-components-fieldmessages-description-font-size);
}
.amplify-field__error-message {
  color: var(--amplify-components-fieldmessages-error-color);
  font-size: var(--amplify-components-fieldmessages-error-font-size);
}
.amplify-heading {
  color: var(--amplify-components-heading-color);
  line-height: var(--amplify-components-heading-line-height);
  display: block;
}
.amplify-heading--truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.amplify-heading--1 {
  font-size: var(--amplify-components-heading-1-font-size);
  font-weight: var(--amplify-components-heading-1-font-weight);
}
.amplify-heading--2 {
  font-size: var(--amplify-components-heading-2-font-size);
  font-weight: var(--amplify-components-heading-2-font-weight);
}
.amplify-heading--3 {
  font-size: var(--amplify-components-heading-3-font-size);
  font-weight: var(--amplify-components-heading-3-font-weight);
}
.amplify-heading--4 {
  font-size: var(--amplify-components-heading-4-font-size);
  font-weight: var(--amplify-components-heading-4-font-weight);
}
.amplify-heading--5 {
  font-size: var(--amplify-components-heading-5-font-size);
  font-weight: var(--amplify-components-heading-5-font-weight);
}
.amplify-heading--6 {
  font-size: var(--amplify-components-heading-6-font-size);
  font-weight: var(--amplify-components-heading-6-font-weight);
}
/*
 * Icon base styles
 */
.amplify-icon {
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
  height: var(--amplify-components-icon-height);
  line-height: var(--amplify-components-icon-line-height);
}
.amplify-icon > svg {
  height: var(--amplify-components-icon-height);
  width: var(--amplify-components-icon-height);
}
.amplify-highlightmatch__highlighted {
  font-weight: var(--amplify-components-highlightmatch-highlighted-font-weight);
}
.amplify-input {
  box-sizing: border-box;
  color: var(--amplify-components-fieldcontrol-color);
  font-size: var(--amplify-components-fieldcontrol-font-size);
  line-height: var(--amplify-components-fieldcontrol-line-height);
  padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
  padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
  padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
  padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
  transition: all var(--amplify-components-fieldcontrol-transition-duration);
  width: 100%;
  border-color: var(--amplify-components-fieldcontrol-border-color);
  border-radius: var(--amplify-components-fieldcontrol-border-radius);
  border-style: var(--amplify-components-fieldcontrol-border-style);
  border-width: var(--amplify-components-fieldcontrol-border-width);
  outline-color: var(--amplify-components-fieldcontrol-outline-color);
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
  -webkit-user-select: text;
          user-select: text;
}
.amplify-input:focus {
  border-color: var(--amplify-components-fieldcontrol-focus-border-color);
  box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
}
.amplify-input--small {
  font-size: var(--amplify-components-fieldcontrol-small-font-size);
  padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
  padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
  padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
  padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
}
.amplify-input--large {
  font-size: var(--amplify-components-fieldcontrol-large-font-size);
  padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
  padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
  padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
  padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
}
.amplify-input--error {
  border-color: var(--amplify-components-fieldcontrol-error-border-color);
}
.amplify-input--error:focus {
  border-color: var(--amplify-components-fieldcontrol-error-border-color);
  box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
}
.amplify-input[disabled] {
  color: var(--amplify-components-fieldcontrol-disabled-color);
  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
}
.amplify-input--quiet {
  border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
  border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
  border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
  border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius);
}
.amplify-input--quiet:focus {
  border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);
  box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow);
}
.amplify-input--quiet[aria-invalid=true] {
  border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color);
}
.amplify-input--quiet[aria-invalid=true]:focus {
  box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
}
.amplify-textarea {
  box-sizing: border-box;
  color: var(--amplify-components-fieldcontrol-color);
  font-size: var(--amplify-components-fieldcontrol-font-size);
  line-height: var(--amplify-components-fieldcontrol-line-height);
  padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
  padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
  padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
  padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
  transition: all var(--amplify-components-fieldcontrol-transition-duration);
  width: 100%;
  border-color: var(--amplify-components-fieldcontrol-border-color);
  border-radius: var(--amplify-components-fieldcontrol-border-radius);
  border-style: var(--amplify-components-fieldcontrol-border-style);
  border-width: var(--amplify-components-fieldcontrol-border-width);
  outline-color: var(--amplify-components-fieldcontrol-outline-color);
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
  -webkit-user-select: text;
          user-select: text;
  white-space: pre-wrap;
}
.amplify-textarea:focus {
  border-color: var(--amplify-components-fieldcontrol-focus-border-color);
  box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
}
.amplify-textarea--small {
  font-size: var(--amplify-components-fieldcontrol-small-font-size);
  padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
  padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
  padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
  padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
}
.amplify-textarea--large {
  font-size: var(--amplify-components-fieldcontrol-large-font-size);
  padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
  padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
  padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
  padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
}
.amplify-textarea--error {
  border-color: var(--amplify-components-fieldcontrol-error-border-color);
}
.amplify-textarea--error:focus {
  border-color: var(--amplify-components-fieldcontrol-error-border-color);
  box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
}
.amplify-textarea[disabled] {
  color: var(--amplify-components-fieldcontrol-disabled-color);
  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
}
.amplify-textarea--quiet {
  border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
  border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
  border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
  border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius);
}
.amplify-textarea--quiet:focus {
  border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);
  box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow);
}
.amplify-textarea--quiet[aria-invalid=true] {
  border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color);
}
.amplify-textarea--quiet[aria-invalid=true]:focus {
  box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
}
.amplify-image {
  height: var(--amplify-components-image-height);
  max-width: var(--amplify-components-image-max-width);
  object-fit: var(--amplify-components-image-object-fit);
  object-position: var(--amplify-components-image-object-position);
  overflow: clip;
}
.amplify-link {
  color: var(--amplify-components-link-color);
  -webkit-text-decoration: var(--amplify-components-link-text-decoration);
          text-decoration: var(--amplify-components-link-text-decoration);
  cursor: pointer;
}
.amplify-link:visited {
  color: var(--amplify-components-link-visited-color);
  -webkit-text-decoration: var(--amplify-components-link-visited-text-decoration);
          text-decoration: var(--amplify-components-link-visited-text-decoration);
}
.amplify-link:active {
  color: var(--amplify-components-link-active-color);
  -webkit-text-decoration: var(--amplify-components-link-active-text-decoration);
          text-decoration: var(--amplify-components-link-active-text-decoration);
}
.amplify-link:focus {
  color: var(--amplify-components-link-focus-color);
  -webkit-text-decoration: var(--amplify-components-link-focus-text-decoration);
          text-decoration: var(--amplify-components-link-focus-text-decoration);
}
.amplify-link:hover {
  color: var(--amplify-components-link-hover-color);
  -webkit-text-decoration: var(--amplify-components-link-hover-text-decoration);
          text-decoration: var(--amplify-components-link-hover-text-decoration);
}
.amplify-loader {
  width: var(--amplify-components-loader-width);
  height: var(--amplify-components-loader-height);
  font-size: var(--amplify-components-loader-font-size);
  fill: none;
  stroke: var(--amplify-components-loader-stroke-empty);
  --amplify-internal-loader-linear-font-size: var(
    --amplify-components-loader-linear-font-size
  );
  --amplify-internal-loader-linear-stroke-width: var(
    --amplify-components-loader-linear-stroke-width
  );
}
.amplify-loader circle:last-of-type {
  transform-origin: center center;
  animation-name: amplify-loader-circular;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: var(--amplify-components-loader-animation-duration);
  stroke: var(--amplify-components-loader-stroke-filled);
  stroke-linecap: var(--amplify-components-loader-stroke-linecap);
}
@media (prefers-reduced-motion) {
  .amplify-loader circle:last-of-type {
    animation: none;
    stroke-dasharray: 100% 200%;
    stroke-dashoffset: 50%;
  }
}
.amplify-loader line:last-of-type {
  stroke: var(--amplify-components-loader-linear-stroke-filled);
  stroke-dasharray: 50% 200%;
  animation-name: amplify-loader-linear;
  animation-duration: var(--amplify-components-loader-linear-animation-duration);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@media (prefers-reduced-motion) {
  .amplify-loader line:last-of-type {
    animation: none;
    stroke-dashoffset: -50%;
  }
}
.amplify-loader--small {
  width: var(--amplify-components-loader-small-width);
  height: var(--amplify-components-loader-small-height);
  font-size: var(--amplify-components-loader-small-font-size);
  --amplify-internal-loader-linear-stroke-width: var(
    --amplify-components-loader-linear-small-stroke-width
  );
  --amplify-internal-loader-linear-font-size: var(
    --amplify-components-loader-linear-small-font-size
  );
}
.amplify-loader--large {
  width: var(--amplify-components-loader-large-width);
  height: var(--amplify-components-loader-large-height);
  font-size: var(--amplify-components-loader-large-font-size);
  --amplify-internal-loader-linear-stroke-width: var(
    --amplify-components-loader-linear-large-stroke-width
  );
  --amplify-internal-loader-linear-font-size: var(
    --amplify-components-loader-linear-large-font-size
  );
}
.amplify-loader--linear {
  width: var(--amplify-components-loader-linear-width);
  min-width: var(--amplify-components-loader-linear-min-width);
  stroke: var(--amplify-components-loader-linear-stroke-empty);
  stroke-linecap: var(--amplify-components-loader-linear-stroke-linecap);
  stroke-width: var(--amplify-internal-loader-linear-stroke-width);
  font-size: var(--amplify-internal-loader-linear-font-size);
}
.amplify-loader--determinate circle:last-of-type {
  animation: none;
  transform: rotate(-90deg);
}
.amplify-loader--determinate line:last-of-type {
  animation: none;
  stroke-dashoffset: 0%;
  stroke-dasharray: none;
}
.amplify-loader__percentage-text {
  fill: var(--amplify-components-loader-text-fill);
  stroke: none;
}
@keyframes amplify-loader-circular {
  0% {
    stroke-dasharray: 100% 200%;
    transform: rotate(120deg);
  }
  50% {
    stroke-dasharray: 20% 400%;
  }
  100% {
    stroke-dasharray: 100% 200%;
    transform: rotate(480deg);
  }
}
@keyframes amplify-loader-linear {
  0% {
    stroke-dashoffset: 200%;
  }
  100% {
    stroke-dashoffset: -50%;
  }
}
.amplify-placeholder {
  animation-direction: alternate;
  animation-duration: var(--amplify-components-placeholder-transition-duration);
  animation-iteration-count: infinite;
  animation-name: amplify-placeholder-loading;
  border-radius: var(--amplify-components-placeholder-border-radius);
  height: var(--amplify-components-placeholder-default-height);
  width: 100%;
  display: block;
}
.amplify-placeholder--small {
  height: var(--amplify-components-placeholder-small-height);
}
.amplify-placeholder--large {
  height: var(--amplify-components-placeholder-large-height);
}
@keyframes amplify-placeholder-loading {
  0% {
    background-color: var(--amplify-components-placeholder-start-color);
  }
  100% {
    background-color: var(--amplify-components-placeholder-end-color);
  }
}
@media (prefers-reduced-motion: reduce) {
  .amplify-placeholder {
    animation: none;
    background-color: var(--amplify-components-placeholder-end-color);
  }
}
[data-amplify-copy] {
  display: flex;
  font-size: var(--amplify-components-copy-font-size);
  gap: var(--amplify-components-copy-gap);
  justify-content: center;
  align-items: center;
  word-break: break-all;
}
[data-amplify-copy-svg] {
  cursor: pointer;
  position: relative;
}
[data-amplify-copy-svg] path {
  fill: var(--amplify-components-copy-svg-path-fill);
}
[data-amplify-copy-svg]:hover [data-amplify-copy-tooltip] {
  visibility: visible;
  font-size: var(--amplify-components-copy-tool-tip-font-size);
}
[data-amplify-copy-tooltip] {
  visibility: hidden;
  position: absolute;
  bottom: var(--amplify-components-copy-tool-tip-bottom);
  color: var(--amplify-components-copy-tool-tip-color);
}
.amplify-alert {
  align-items: var(--amplify-components-alert-align-items);
  background-color: var(--amplify-components-alert-background-color);
  justify-content: var(--amplify-components-alert-justify-content);
  padding-block: var(--amplify-components-alert-padding-block);
  padding-inline: var(--amplify-components-alert-padding-inline);
}
.amplify-alert--info {
  color: var(--amplify-components-alert-info-color);
  background-color: var(--amplify-components-alert-info-background-color);
}
.amplify-alert--error {
  color: var(--amplify-components-alert-error-color);
  background-color: var(--amplify-components-alert-error-background-color);
}
.amplify-alert--warning {
  color: var(--amplify-components-alert-warning-color);
  background-color: var(--amplify-components-alert-warning-background-color);
}
.amplify-alert--success {
  color: var(--amplify-components-alert-success-color);
  background-color: var(--amplify-components-alert-success-background-color);
}
.amplify-alert__icon {
  font-size: var(--amplify-components-alert-icon-size);
}
.amplify-alert__heading {
  display: block;
  font-weight: var(--amplify-components-alert-heading-font-weight);
  font-size: var(--amplify-components-alert-heading-font-size);
}
.amplify-alert__body {
  color: inherit;
  display: block;
}
.amplify-alert__dismiss {
  color: inherit;
}
.amplify-autocomplete__menu__option, .amplify-autocomplete__menu--loading, .amplify-autocomplete__menu--empty {
  padding-block: var(--amplify-components-autocomplete-menu-space-shared-padding-block);
  padding-inline: var(--amplify-components-autocomplete-menu-space-shared-padding-inline);
}
.amplify-autocomplete {
  position: relative;
}
.amplify-autocomplete__menu {
  position: absolute;
  z-index: 99;
  width: var(--amplify-components-autocomplete-menu-width);
  margin-block-start: var(--amplify-components-autocomplete-menu-margin-block-start);
  background-color: var(--amplify-components-autocomplete-menu-background-color);
  border-color: var(--amplify-components-autocomplete-menu-border-color);
  border-width: var(--amplify-components-autocomplete-menu-border-width);
  border-style: var(--amplify-components-autocomplete-menu-border-style);
  border-radius: var(--amplify-components-autocomplete-menu-border-radius);
}
.amplify-autocomplete__menu--empty {
  display: var(--amplify-components-autocomplete-menu-empty-display);
}
.amplify-autocomplete__menu--loading {
  display: var(--amplify-components-autocomplete-menu-loading-display);
  align-items: var(--amplify-components-autocomplete-menu-loading-align-items);
  gap: var(--amplify-components-autocomplete-menu-loading-gap);
}
.amplify-autocomplete__menu__options {
  position: relative;
  display: var(--amplify-components-autocomplete-menu-options-display);
  flex-direction: var(--amplify-components-autocomplete-menu-options-flex-direction);
  max-height: var(--amplify-components-autocomplete-menu-options-max-height);
}
.amplify-autocomplete__menu__option {
  background-color: var(--amplify-components-autocomplete-menu-option-background-color);
  color: var(--amplify-components-autocomplete-menu-option-color);
  cursor: var(--amplify-components-autocomplete-menu-option-cursor);
  transition-duration: var(--amplify-components-autocomplete-menu-option-transition-duration);
  transition-property: var(--amplify-components-autocomplete-menu-option-transition-property);
  transition-timing-function: var(--amplify-components-autocomplete-menu-option-transition-timing-function);
}
.amplify-autocomplete__menu__option--active {
  background-color: var(--amplify-components-autocomplete-menu-option-active-background-color);
  color: var(--amplify-components-autocomplete-menu-option-active-color);
}
/* Center by default */
[data-amplify-authenticator] {
  display: grid;
}
[data-amplify-authenticator][data-variation=modal] {
  overflow-y: auto;
  width: var(--amplify-components-authenticator-modal-width);
  height: var(--amplify-components-authenticator-modal-height);
  background-color: var(--amplify-components-authenticator-modal-background-color);
  position: fixed;
  top: var(--amplify-components-authenticator-modal-top);
  left: var(--amplify-components-authenticator-modal-left);
  /* Having a z-index at least "wins" by default */
  z-index: 1;
}
[data-amplify-authenticator] [data-amplify-container] {
  place-self: center;
}
@media (min-width: 30rem) {
  [data-amplify-authenticator] [data-amplify-container] {
    width: var(--amplify-components-authenticator-container-width-max);
  }
}
[data-amplify-authenticator] [data-amplify-router] {
  background-color: var(--amplify-components-authenticator-router-background-color);
  box-shadow: var(--amplify-components-authenticator-router-box-shadow);
  border-color: var(--amplify-components-authenticator-router-border-color);
  border-width: var(--amplify-components-authenticator-router-border-width);
  border-style: var(--amplify-components-authenticator-router-border-style);
}
[data-amplify-authenticator] [data-amplify-footer] {
  padding-bottom: var(--amplify-components-authenticator-footer-padding-bottom);
  text-align: center;
}
[data-amplify-authenticator] [data-amplify-form] {
  padding: var(--amplify-components-authenticator-form-padding);
}
[data-amplify-authenticator] [data-state=inactive] {
  background-color: var(--amplify-components-authenticator-state-inactive-background-color);
}
@media (max-width: 26rem) {
  [data-amplify-authenticator] [data-amplify-sign-up-errors] {
    font-size: 0.688rem;
  }
}
.amplify-authenticator__column {
  display: flex;
  flex-direction: column;
}
.amplify-authenticator__subtitle {
  margin-bottom: var(--amplify-space-medium);
}
.amplify-authenticator__heading {
  font-size: var(--amplify-font-sizes-xl);
}
.amplify-authenticator__federated-text {
  align-self: center;
}
.amplify-card {
  background-color: var(--amplify-components-card-background-color);
  border-radius: var(--amplify-components-card-border-radius);
  border-width: var(--amplify-components-card-border-width);
  border-style: var(--amplify-components-card-border-style);
  border-color: var(--amplify-components-card-border-color);
  box-shadow: var(--amplify-components-card-box-shadow);
  display: block;
  padding: var(--amplify-components-card-padding);
}
.amplify-card--outlined {
  background-color: var(--amplify-components-card-outlined-background-color);
  border-radius: var(--amplify-components-card-outlined-border-radius);
  border-width: var(--amplify-components-card-outlined-border-width);
  border-style: var(--amplify-components-card-outlined-border-style);
  border-color: var(--amplify-components-card-outlined-border-color);
  box-shadow: var(--amplify-components-card-outlined-box-shadow);
}
.amplify-card--elevated {
  background-color: var(--amplify-components-card-elevated-background-color);
  border-radius: var(--amplify-components-card-elevated-border-radius);
  border-width: var(--amplify-components-card-elevated-border-width);
  border-style: var(--amplify-components-card-elevated-border-style);
  border-color: var(--amplify-components-card-elevated-border-color);
  box-shadow: var(--amplify-components-card-elevated-box-shadow);
}
.amplify-collection {
  flex-direction: column;
}
.amplify-collection-pagination {
  justify-content: center;
  --amplify-components-pagination-current-color: var(
    --amplify-components-collection-pagination-current-color
  );
  --amplify-components-pagination-current-background-color: var(
    --amplify-components-collection-pagination-current-background-color
  );
  --amplify-components-pagination-button-color: var(
    --amplify-components-collection-pagination-button-color
  );
  --amplify-components-pagination-button-hover-color: var(
    --amplify-components-collection-pagination-button-hover-color
  );
  --amplify-components-pagination-button-hover-background-color: var(
    --amplify-components-collection-pagination-button-hover-background-color
  );
  --amplify-components-pagination-button-disabled-color: var(
    --amplify-components-collection-pagination-button-disabled-color
  );
}
.amplify-collection-search {
  flex-direction: row;
  justify-content: center;
  --amplify-components-searchfield-input-color: var(
    --amplify-components-collection-search-input-color
  );
  --amplify-components-searchfield-button-color: var(
    --amplify-components-collection-search-button-color
  );
  --amplify-components-searchfield-button-active-background-color: var(
    --amplify-components-collection-search-button-active-background-color
  );
  --amplify-components-searchfield-button-active-border-color: var(
    --amplify-components-collection-search-button-active-border-color
  );
  --amplify-components-searchfield-button-active-color: var(
    --amplify-components-collection-search-button-active-color
  );
  --amplify-components-searchfield-button-disabled-background-color: var(
    --amplify-components-collection-search-button-disabled-background-color
  );
  --amplify-components-searchfield-button-disabled-border-color: var(
    --amplify-components-collection-search-button-disabled-border-color
  );
  --amplify-components-searchfield-button-disabled-color: var(
    --amplify-components-collection-search-button-disabled-color
  );
  --amplify-components-searchfield-button-focus-background-color: var(
    --amplify-components-collection-search-button-focus-background-color
  );
  --amplify-components-searchfield-button-focus-border-color: var(
    --amplify-components-collection-search-button-focus-border-color
  );
  --amplify-components-searchfield-button-focus-color: var(
    --amplify-components-collection-search-button-focus-color
  );
  --amplify-components-searchfield-button-hover-background-color: var(
    --amplify-components-collection-search-button-hover-background-color
  );
  --amplify-components-searchfield-button-hover-border-color: var(
    --amplify-components-collection-search-button-hover-border-color
  );
  --amplify-components-searchfield-button-hover-color: var(
    --amplify-components-collection-search-button-hover-color
  );
}
.amplify-checkbox {
  cursor: var(--amplify-components-checkbox-cursor);
  align-items: var(--amplify-components-checkbox-align-items);
  flex-direction: row-reverse;
  gap: inherit;
}
.amplify-checkbox--disabled {
  cursor: var(--amplify-components-checkbox-disabled-cursor);
}
.amplify-checkbox__button {
  position: var(--amplify-components-checkbox-button-position);
  align-items: var(--amplify-components-checkbox-button-align-items);
  justify-content: var(--amplify-components-checkbox-button-justify-content);
  color: var(--amplify-components-checkbox-button-color);
  --amplify-internal-checkbox_button-focused-before-border-color: var(
    --amplify-components-checkbox-button-focus-border-color
  );
  --amplify-internal-checkbox_button-focused-before-box-shadow: var(
    --amplify-components-checkbox-button-focus-box-shadow
  );
}
.amplify-checkbox__button::before {
  content: "";
  display: inline-block;
  position: absolute;
  box-sizing: border-box;
  width: var(--amplify-components-checkbox-button-before-width);
  height: var(--amplify-components-checkbox-button-before-height);
  border-width: var(--amplify-components-checkbox-button-before-border-width);
  border-radius: var(--amplify-components-checkbox-button-before-border-radius);
  border-style: var(--amplify-components-checkbox-button-before-border-style);
  border-color: var(--amplify-components-checkbox-button-before-border-color);
}
.amplify-checkbox__button--focused::before {
  outline-color: var(--amplify-components-checkbox-button-focus-outline-color);
  outline-style: var(--amplify-components-checkbox-button-focus-outline-style);
  outline-width: var(--amplify-components-checkbox-button-focus-outline-width);
  outline-offset: var(--amplify-components-checkbox-button-focus-outline-offset);
  border-color: var(--amplify-internal-checkbox_button-focused-before-border-color);
  box-shadow: var(--amplify-internal-checkbox_button-focused-before-box-shadow);
}
.amplify-checkbox__button--error {
  --amplify-internal-checkbox_button-focused-before-border-color: var(
    --amplify-components-checkbox-button-error-focus-border-color
  );
  --amplify-internal-checkbox_button-focused-before-box-shadow: var(
    --amplify-components-checkbox-button-error-focus-box-shadow
  );
}
.amplify-checkbox__button--error::before {
  border-color: var(--amplify-components-checkbox-button-error-border-color);
}
.amplify-checkbox__button--disabled::before {
  border-color: var(--amplify-components-checkbox-button-disabled-border-color);
}
.amplify-checkbox__icon {
  background-color: var(--amplify-components-checkbox-icon-background-color);
  opacity: var(--amplify-components-checkbox-icon-opacity);
  transform: var(--amplify-components-checkbox-icon-transform);
  border-radius: var(--amplify-components-checkbox-icon-border-radius);
  transition-property: var(--amplify-components-checkbox-icon-transition-property);
  transition-duration: var(--amplify-components-checkbox-icon-transition-duration);
  transition-timing-function: var(--amplify-components-checkbox-icon-transition-timing-function);
  --amplify-internal-checkbox-icon-disabled-background-color: var(
    --amplify-components-checkbox-icon-background-color
  );
}
.amplify-checkbox__icon--checked {
  opacity: var(--amplify-components-checkbox-icon-checked-opacity);
  transform: var(--amplify-components-checkbox-icon-checked-transform);
  --amplify-internal-checkbox-icon-disabled-background-color: var(
    --amplify-components-checkbox-icon-checked-disabled-background-color
  );
}
.amplify-checkbox__icon--indeterminate {
  opacity: var(--amplify-components-checkbox-icon-indeterminate-opacity);
  transform: var(--amplify-components-checkbox-icon-indeterminate-transform);
  --amplify-internal-checkbox-icon-disabled-background-color: var(
    --amplify-components-checkbox-icon-indeterminate-disabled-background-color
  );
}
.amplify-checkbox__icon--disabled {
  background-color: var(--amplify-internal-checkbox-icon-disabled-background-color);
}
.amplify-checkbox__label[data-disabled=true] {
  color: var(--amplify-components-checkbox-label-disabled-color);
}
.amplify-checkboxfield {
  align-content: var(--amplify-components-checkboxfield-align-content);
  align-items: var(--amplify-components-checkboxfield-align-items);
  flex-direction: var(--amplify-components-checkboxfield-flex-direction);
  justify-content: var(--amplify-components-checkboxfield-justify-content);
}
.amplify-dialcodeselect {
  height: var(--amplify-components-countrycodeselect-height);
}
.amplify-divider {
  border-color: var(--amplify-components-divider-border-color);
  border-style: var(--amplify-components-divider-border-style);
  border-width: 0;
  opacity: var(--amplify-components-divider-opacity);
  padding: 0;
  display: block;
  --amplify-internal-divider-size: var(
    --amplify-components-divider-border-width
  );
  position: relative;
  text-align: center;
}
.amplify-divider--small {
  --amplify-internal-divider-size: var(
    --amplify-components-divider-small-border-width
  );
}
.amplify-divider--large {
  --amplify-internal-divider-size: var(
    --amplify-components-divider-large-border-width
  );
}
.amplify-divider--horizontal {
  width: 100%;
  border-bottom-width: var(--amplify-internal-divider-size);
}
.amplify-divider--vertical {
  border-left-width: var(--amplify-internal-divider-size);
}
.amplify-divider--label {
  display: flex;
  justify-content: center;
}
.amplify-divider--label::after {
  content: attr(data-label);
  position: absolute;
  transform: translateY(-50%);
  font-size: var(--amplify-components-divider-label-font-size);
  padding-inline: var(--amplify-components-divider-label-padding-inline);
  background-color: var(--amplify-components-divider-label-background-color);
  color: var(--amplify-components-divider-label-color);
}
.amplify-divider--label[aria-orientation=vertical] {
  flex-direction: column;
}
.amplify-divider--label[aria-orientation=vertical]::after {
  top: auto;
  transform: translateX(-50%);
  padding-block: 0;
  padding-inline: 0;
}
.amplify-expander {
  display: block;
  background-color: var(--amplify-components-expander-background-color);
  border-radius: var(--amplify-components-expander-border-radius);
  box-shadow: var(--amplify-components-expander-box-shadow);
  width: var(--amplify-components-expander-width);
}
.amplify-expander__item {
  display: block;
  overflow: hidden;
  box-shadow: var(--amplify-components-expander-item-box-shadow);
}
.amplify-expander__item:first-of-type {
  border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius);
  border-start-end-radius: var(--amplify-components-expander-item-border-start-end-radius);
}
@supports not (border-start-start-radius: var(--amplify-components-expander-item-border-start-start-radius)) {
  .amplify-expander__item:first-of-type {
    border-top-left-radius: var(--amplify-components-expander-item-border-top-left-radius);
    border-top-right-radius: var(--amplify-components-expander-item-border-top-right-radius);
  }
}
.amplify-expander__item:last-of-type {
  box-shadow: none;
  border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius);
  border-end-end-radius: var(--amplify-components-expander-item-border-end-end-radius);
}
@supports not (border-end-start-radius: var(--amplify-components-expander-item-border-end-start-radius)) {
  .amplify-expander__item:last-of-type {
    border-bottom-left-radius: var(--amplify-components-expander-item-border-bottom-left-radius);
    border-bottom-right-radius: var(--amplify-components-expander-item-border-bottom-right-radius);
  }
}
.amplify-expander__item:focus-within {
  box-shadow: var(--amplify-components-expander-item-focus-box-shadow);
}
.amplify-expander__header {
  display: flex;
  box-shadow: var(--amplify-components-expander-header-box-shadow);
}
.amplify-expander__trigger {
  flex: 1;
  display: flex;
  min-height: var(--amplify-components-expander-trigger-min-height);
  padding-inline-start: var(--amplify-components-expander-trigger-padding-inline-start);
  padding-inline-end: var(--amplify-components-expander-trigger-padding-inline-end);
  align-items: var(--amplify-components-expander-trigger-align-items);
  justify-content: var(--amplify-components-expander-trigger-justify-content);
}
.amplify-expander__trigger:hover {
  background-color: var(--amplify-components-expander-trigger-hover-background-color);
}
.amplify-expander__content {
  display: block;
  padding-inline-start: var(--amplify-components-expander-content-padding-inline-start);
  padding-inline-end: var(--amplify-components-expander-content-padding-inline-end);
}
.amplify-expander__content[data-state=open] {
  animation-name: amplify-expander-slide-down;
  animation-duration: var(--amplify-components-expander-content-open-animation-duration);
  animation-timing-function: var(--amplify-components-expander-content-open-animation-timing-function);
}
.amplify-expander__content[data-state=closed] {
  animation-name: amplify-expander-slide-up;
  animation-duration: var(--amplify-components-expander-content-closed-animation-duration);
  animation-timing-function: var(--amplify-components-expander-content-closed-animation-timing-function);
}
.amplify-expander__content__text {
  display: block;
  color: var(--amplify-components-expander-content-text-color);
  padding-block-start: var(--amplify-components-expander-content-text-padding-block-start);
  padding-block-end: var(--amplify-components-expander-content-text-padding-block-end);
}
.amplify-expander__icon {
  transition-property: transform;
  transition-duration: var(--amplify-components-expander-icon-transition-duration);
  transition-timing-function: var(--amplify-components-expander-icon-transition-timing-function);
}
[data-state=open] .amplify-expander__icon {
  transform: rotate(180deg);
}
@keyframes amplify-expander-slide-down {
  from {
    height: 0;
  }
  to {
    height: auto;
  }
}
@keyframes amplify-expander-slide-up {
  from {
    height: auto;
  }
  to {
    height: 0;
  }
}
.amplify-field {
  font-size: var(--amplify-components-field-font-size);
  gap: var(--amplify-components-field-gap);
}
.amplify-field--small {
  font-size: var(--amplify-components-field-small-font-size);
  gap: var(--amplify-components-field-small-gap);
}
.amplify-field--large {
  font-size: var(--amplify-components-field-large-font-size);
  gap: var(--amplify-components-field-large-gap);
}
.amplify-label {
  color: var(--amplify-components-field-label-color);
}
.amplify-field-group__outer-end .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start--quiet .amplify-field-group__control, .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
@supports not (border-start-start-radius: 0) {
  .amplify-field-group__outer-end .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start--quiet .amplify-field-group__control, .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select, .amplify-field-group__outer-end--quiet .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control:not(:last-child), .amplify-field-group__outer-start .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group :not(:last-child) .amplify-input {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}
@supports not (border-end-end-radius: 0) {
  .amplify-field-group__outer-end .amplify-select__wrapper:not(:last-child) .amplify-select, .amplify-field-group__outer-end--quiet .amplify-field-group__control, .amplify-field-group__outer-end .amplify-field-group__control:not(:last-child), .amplify-field-group__outer-start .amplify-select__wrapper .amplify-select, .amplify-field-group__outer-start .amplify-field-group__control, .amplify-field-group :not(:last-child) .amplify-input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
}
.amplify-field-group {
  gap: var(--amplify-components-fieldgroup-gap);
  align-self: stretch;
}
.amplify-field-group--horizontal {
  flex-direction: row;
}
.amplify-field-group--vertical {
  flex-direction: column;
  align-items: var(--amplify-components-fieldgroup-vertical-align-items);
}
.amplify-field-group__outer-start,
.amplify-field-group__outer-end {
  display: flex;
  align-items: var(--amplify-components-fieldgroup-outer-align-items);
}
.amplify-field-group__outer-start .amplify-field-group__control,
.amplify-field-group__outer-end .amplify-field-group__control {
  height: 100%;
}
/**
 * Outer field group components
 */
.amplify-field-group__outer-start .amplify-field-group__control:not(:focus) {
  border-inline-end-color: transparent;
}
.amplify-field-group__outer-start .amplify-field-group__control:focus {
  z-index: 1;
}
.amplify-field-group__outer-start--quiet .amplify-field-group__control:not(:focus) {
  border-block-start-color: transparent;
  border-inline-start-color: transparent;
}
.amplify-field-group__outer-end .amplify-field-group__control:not(:focus) {
  border-inline-start-color: transparent;
}
.amplify-field-group__outer-end .amplify-field-group__control:focus {
  z-index: 1;
}
.amplify-field-group__outer-end--quiet .amplify-field-group__control:not(:focus) {
  border-block-start-color: transparent;
  border-inline-end-color: transparent;
}
/**
 * Inner field group components
 */
.amplify-field-group__field-wrapper {
  position: relative;
  width: 100%;
}
.amplify-field-group__field-wrapper--vertical {
  width: -moz-fit-content;
  width: fit-content;
}
.amplify-field-group__inner-end,
.amplify-field-group__inner-start {
  position: absolute;
  top: 0;
  height: 100%;
  pointer-events: none;
}
.amplify-field-group__inner-end .amplify-button,
.amplify-field-group__inner-start .amplify-button {
  pointer-events: all;
  height: 100%;
}
.amplify-field-group__inner-end {
  right: 0;
  left: auto;
}
.amplify-field-group__inner-start {
  right: auto;
  left: 0;
}
html[dir=rtl] .amplify-field-group__inner-end {
  right: auto;
  left: 0;
}
html[dir=rtl] .amplify-field-group__inner-start {
  left: auto;
  right: 0;
}
.amplify-field-group--has-inner-end .amplify-input {
  padding-inline-end: calc(var(--amplify-components-fieldcontrol-padding-inline-end) * 3);
}
.amplify-field-group--has-inner-start .amplify-input {
  padding-inline-start: calc(var(--amplify-components-fieldcontrol-padding-inline-start) * 3);
}
/**
 * Inner icon (non-button) component styling requires additional styling
 */
.amplify-field-group__icon:not(.amplify-field-group__icon-button) {
  display: flex;
  padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
  padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-start);
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
[data-radix-popper-content-wrapper] {
  z-index: 999999;
}
.amplify-menu-trigger {
  display: flex;
  justify-content: center;
  align-items: center;
}
.amplify-menu-content {
  background-color: var(--amplify-components-menu-background-color);
  border-radius: var(--amplify-components-menu-border-radius);
  box-shadow: var(--amplify-components-menu-box-shadow);
  flex-direction: var(--amplify-components-menu-flex-direction);
  gap: var(--amplify-components-menu-gap);
  min-width: var(--amplify-components-menu-min-width);
  max-width: var(--amplify-components-menu-max-width);
  border-color: var(--amplify-components-menu-border-color);
  border-width: var(--amplify-components-menu-border-width);
  border-style: var(--amplify-components-menu-border-style);
}
.amplify-menu-content__item {
  min-height: var(--amplify-components-menu-item-min-height);
  padding-inline-start: var(--amplify-components-menu-item-padding-inline-start);
  padding-inline-end: var(--amplify-components-menu-item-padding-inline-end);
}
.amplify-menu-content__item:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.amplify-menu-content__item:first-child {
  border-end-end-radius: 0;
  border-end-start-radius: 0;
}
@supports not (border-end-end-radius: 0) {
  .amplify-menu-content__item:first-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.amplify-menu-content__item:last-child {
  border-start-end-radius: 0;
  border-start-start-radius: 0;
}
@supports not (border-end-end-radius: 0) {
  .amplify-menu-content__item:last-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
}
.amplify-pagination__item-current, .amplify-pagination__item-button {
  height: var(--amplify-components-pagination-item-shared-height);
  min-width: var(--amplify-components-pagination-item-shared-min-width);
  border-radius: var(--amplify-components-pagination-item-shared-border-radius);
}
.amplify-pagination {
  list-style-type: none;
}
.amplify-pagination li {
  margin-left: var(--amplify-components-pagination-item-container-margin-left);
  margin-right: var(--amplify-components-pagination-item-container-margin-right);
}
.amplify-pagination__item-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: initial;
  color: var(--amplify-components-pagination-button-color);
  padding-inline-start: var(--amplify-components-pagination-button-padding-inline-start);
  padding-inline-end: var(--amplify-components-pagination-button-padding-inline-end);
  transition-property: var(--amplify-components-pagination-button-transition-property);
  transition-duration: var(--amplify-components-pagination-button-transition-duration);
}
.amplify-pagination__item-button:hover {
  text-decoration: none;
  color: var(--amplify-components-pagination-button-hover-color);
  background-color: var(--amplify-components-pagination-button-hover-background-color);
}
.amplify-pagination__item-button--disabled {
  color: var(--amplify-components-pagination-button-disabled-color);
  pointer-events: none;
}
.amplify-pagination__item-current {
  align-items: var(--amplify-components-pagination-current-align-items);
  justify-content: var(--amplify-components-pagination-current-justify-content);
  color: var(--amplify-components-pagination-current-color);
  font-size: var(--amplify-components-pagination-current-font-size);
  background-color: var(--amplify-components-pagination-current-background-color);
}
.amplify-pagination__item-ellipsis {
  align-items: var(--amplify-components-pagination-ellipsis-align-items);
  justify-content: var(--amplify-components-pagination-ellipsis-justify-content);
  padding-inline-start: var(--amplify-components-pagination-ellipsis-padding-inline-start);
  padding-inline-end: var(--amplify-components-pagination-ellipsis-padding-inline-end);
}
.amplify-passwordfield {
  --amplify-components-fieldcontrol-color: var(
    --amplify-components-passwordfield-color
  );
  --amplify-components-button-color: var(
    --amplify-components-passwordfield-button-color
  );
  --amplify-components-button-active-background-color: var(
    --amplify-components-passwordfield-button-active-background-color
  );
  --amplify-components-button-active-border-color: var(
    --amplify-components-passwordfield-button-active-border-color
  );
  --amplify-components-button-active-color: var(
    --amplify-components-passwordfield-button-active-color
  );
  --amplify-components-button-disabled-background-color: var(
    --amplify-components-passwordfield-button-disabled-background-color
  );
  --amplify-components-button-disabled-border-color: var(
    --amplify-components-passwordfield-button-disabled-border-color
  );
  --amplify-components-button-disabled-color: var(
    --amplify-components-passwordfield-button-disabled-color
  );
  --amplify-components-button-focus-background-color: var(
    --amplify-components-passwordfield-button-focus-background-color
  );
  --amplify-components-button-focus-border-color: var(
    --amplify-components-passwordfield-button-focus-border-color
  );
  --amplify-components-button-focus-color: var(
    --amplify-components-passwordfield-button-focus-color
  );
  --amplify-components-button-hover-background-color: var(
    --amplify-components-passwordfield-button-hover-background-color
  );
  --amplify-components-button-hover-border-color: var(
    --amplify-components-passwordfield-button-hover-border-color
  );
  --amplify-components-button-hover-color: var(
    --amplify-components-passwordfield-button-hover-color
  );
}
.amplify-phonenumberfield select:not(:focus) {
  border-right: none;
}
.amplify-phonenumberfield {
  --amplify-components-selectfield-color: var(
    --amplify-components-phonenumberfield-color
  );
  --amplify-components-selectfield-border-color: var(
    --amplify-components-phonenumberfield-border-color
  );
  --amplify-components-selectfield-font-size: var(
    --amplify-components-phonenumberfield-font-size
  );
  --amplify-components-selectfield-focus-border-color: var(
    --amplify-components-phonenumberfield-focus-border-color
  );
  --amplify-components-textfield-color: var(
    --amplify-components-phonenumberfield-color
  );
  --amplify-components-textfield-border-color: var(
    --amplify-components-phonenumberfield-border-color
  );
  --amplify-components-textfield-font-size: var(
    --amplify-components-phonenumberfield-font-size
  );
  --amplify-components-textfield-focus-border-color: var(
    --amplify-components-phonenumberfield-focus-border-color
  );
}
.amplify-rating {
  display: inline-flex;
  position: relative;
  text-align: left;
  font-size: var(--amplify-components-rating-default-size);
  line-height: var(--amplify-components-rating-default-size);
}
.amplify-rating .amplify-icon {
  font-size: unset;
  line-height: unset;
  height: 1em;
}
.amplify-rating--small {
  font-size: var(--amplify-components-rating-small-size);
  line-height: var(--amplify-components-rating-small-size);
}
.amplify-rating--large {
  font-size: var(--amplify-components-rating-large-size);
  line-height: var(--amplify-components-rating-large-size);
}
.amplify-rating-filled {
  fill: currentColor;
  display: inline-block;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
}
.amplify-rating-icon-container {
  position: relative;
  height: 1em;
  width: 1em;
}
.amplify-rating-label {
  position: absolute;
  overflow: hidden;
  height: 1em;
  width: 1em;
}
.amplify-rating-icon {
  width: 1em;
  height: 1em;
}
.amplify-rating-icon-filled {
  color: var(--amplify-components-rating-filled-color);
}
.amplify-rating-icon-empty {
  color: var(--amplify-components-rating-empty-color);
}
.amplify-radio {
  align-items: var(--amplify-components-radio-align-items);
  justify-content: var(--amplify-components-radio-justify-content);
  gap: inherit;
  flex-direction: row-reverse;
  --amplify-components-text-color: var(--amplify-components-radio-label-color);
}
.amplify-radio--disabled {
  cursor: var(--amplify-components-radio-disabled-cursor);
}
.amplify-radio__button {
  align-items: var(--amplify-components-radio-button-align-items);
  justify-content: var(--amplify-components-radio-button-justify-content);
  padding: var(--amplify-components-radio-button-padding);
  box-sizing: var(--amplify-components-radio-button-box-sizing);
  border-width: var(--amplify-components-radio-button-border-width);
  border-style: var(--amplify-components-radio-button-border-style);
  border-radius: var(--amplify-components-radio-button-border-radius);
  border-color: var(--amplify-components-radio-button-border-color);
  color: var(--amplify-components-radio-button-color);
  background-color: var(--amplify-components-radio-button-background-color);
  transition-property: var(--amplify-components-radio-button-transition-property);
  transition-duration: var(--amplify-components-radio-button-transition-duration);
  width: var(--amplify-components-radio-button-width);
  height: var(--amplify-components-radio-button-height);
  outline-color: var(--amplify-components-radio-button-outline-color);
  outline-style: var(--amplify-components-radio-button-outline-style);
  outline-width: var(--amplify-components-radio-button-outline-width);
  outline-offset: var(--amplify-components-radio-button-outline-offset);
}
.amplify-radio__button::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: var(--amplify-components-radio-button-before-border-radius);
  background-color: currentColor;
  border-radius: 50%;
}
.amplify-radio__button--small {
  width: var(--amplify-components-radio-button-small-width);
  height: var(--amplify-components-radio-button-small-height);
}
.amplify-radio__button--large {
  width: var(--amplify-components-radio-button-large-width);
  height: var(--amplify-components-radio-button-large-height);
}
.amplify-radio__input:checked + .amplify-radio__button {
  color: var(--amplify-components-radio-button-checked-color);
}
.amplify-radio__input:checked:disabled + .amplify-radio__button {
  color: var(--amplify-components-radio-button-checked-disabled-color);
}
.amplify-radio__input:focus + .amplify-radio__button {
  border-color: var(--amplify-components-radio-button-focus-border-color);
  box-shadow: var(--amplify-components-radio-button-focus-box-shadow);
}
.amplify-radio__input[aria-invalid=true] + .amplify-radio__button {
  border-color: var(--amplify-components-radio-button-error-border-color);
}
.amplify-radio__input[aria-invalid=true]:focus + .amplify-radio__button {
  box-shadow: var(--amplify-components-radio-button-error-focus-box-shadow);
}
.amplify-radio__input:disabled + .amplify-radio__button {
  border-color: var(--amplify-components-radio-button-disabled-border-color);
  background-color: var(--amplify-components-radio-button-disabled-background-color);
}
.amplify-radio__label[data-disabled=true] {
  color: var(--amplify-components-radio-label-disabled-color);
}
.amplify-radiogroup {
  gap: inherit;
  flex-direction: inherit;
  align-items: inherit;
}
.amplify-radiogroupfield {
  flex-direction: column;
  align-items: flex-start;
  --amplify-components-field-label-color: var(
    --amplify-components-radiogroup-label-color
  );
  --amplify-components-radio-button-border-width: var(
    --amplify-components-radiogroup-radio-border-width
  );
  --amplify-components-radio-button-border-color: var(
    --amplify-components-radiogroup-radio-border-color
  );
  --amplify-components-radio-button-background-color: var(
    --amplify-components-radiogroup-radio-background-color
  );
  --amplify-components-radio-label-color: var(
    --amplify-components-radiogroup-radio-label-color
  );
  --amplify-components-radio-button-checked-color: var(
    --amplify-components-radiogroup-radio-checked-color
  );
}
.amplify-searchfield {
  --amplify-components-fieldcontrol-color: var(
    --amplify-components-searchfield-input-color
  );
}
.amplify-searchfield__search {
  color: var(--amplify-components-searchfield-button-color);
  background-color: var(--amplify-components-searchfield-button-background-color);
}
.amplify-searchfield__search:active {
  background-color: var(--amplify-components-button-active-background-color);
  border-color: var(--amplify-components-button-active-border-color);
  color: var(--amplify-components-button-active-color);
}
.amplify-searchfield__search:disabled {
  background-color: var(--amplify-components-searchfield-button-disabled-background-color);
  border-color: var(--amplify-components-searchfield-button-disabled-border-color);
  color: var(--amplify-components-searchfield-button-disabled-color);
}
.amplify-searchfield__search:focus {
  background-color: var(--amplify-components-searchfield-button-focus-background-color);
  border-color: var(--amplify-components-searchfield-button-focus-border-color);
  color: var(--amplify-components-searchfield-button-focus-color);
}
.amplify-searchfield__search:hover {
  background-color: var(--amplify-components-searchfield-button-hover-background-color);
  border-color: var(--amplify-components-searchfield-button-hover-border-color);
  color: var(--amplify-components-searchfield-button-hover-color);
}
.amplify-select__wrapper {
  flex: var(--amplify-components-select-wrapper-flex);
  display: var(--amplify-components-select-wrapper-display);
  position: var(--amplify-components-select-wrapper-position);
  cursor: var(--amplify-components-select-wrapper-cursor);
  align-self: stretch;
}
.amplify-select__icon-wrapper {
  align-items: var(--amplify-components-select-icon-wrapper-align-items);
  position: var(--amplify-components-select-icon-wrapper-position);
  top: var(--amplify-components-select-icon-wrapper-top);
  right: var(--amplify-components-select-icon-wrapper-right);
  transform: var(--amplify-components-select-icon-wrapper-transform);
  pointer-events: var(--amplify-components-select-icon-wrapper-pointer-events);
}
.amplify-select {
  box-sizing: border-box;
  color: var(--amplify-components-fieldcontrol-color);
  font-size: var(--amplify-components-fieldcontrol-font-size);
  line-height: var(--amplify-components-fieldcontrol-line-height);
  padding-block-start: var(--amplify-components-fieldcontrol-padding-block-start);
  padding-block-end: var(--amplify-components-fieldcontrol-padding-block-end);
  padding-inline-start: var(--amplify-components-fieldcontrol-padding-inline-start);
  padding-inline-end: var(--amplify-components-fieldcontrol-padding-inline-end);
  transition: all var(--amplify-components-fieldcontrol-transition-duration);
  width: 100%;
  border-color: var(--amplify-components-fieldcontrol-border-color);
  border-radius: var(--amplify-components-fieldcontrol-border-radius);
  border-style: var(--amplify-components-fieldcontrol-border-style);
  border-width: var(--amplify-components-fieldcontrol-border-width);
  outline-color: var(--amplify-components-fieldcontrol-outline-color);
  outline-style: var(--amplify-components-fieldcontrol-outline-style);
  outline-width: var(--amplify-components-fieldcontrol-outline-width);
  outline-offset: var(--amplify-components-fieldcontrol-outline-offset);
  min-width: var(--amplify-components-select-min-width);
  padding-inline-end: var(--amplify-components-select-padding-inline-end);
  white-space: var(--amplify-components-select-white-space);
}
.amplify-select:focus {
  border-color: var(--amplify-components-fieldcontrol-focus-border-color);
  box-shadow: var(--amplify-components-fieldcontrol-focus-box-shadow);
}
.amplify-select--small {
  font-size: var(--amplify-components-fieldcontrol-small-font-size);
  padding-block-start: var(--amplify-components-fieldcontrol-small-padding-block-start);
  padding-block-end: var(--amplify-components-fieldcontrol-small-padding-block-end);
  padding-inline-start: var(--amplify-components-fieldcontrol-small-padding-inline-start);
  padding-inline-end: var(--amplify-components-fieldcontrol-small-padding-inline-end);
}
.amplify-select--large {
  font-size: var(--amplify-components-fieldcontrol-large-font-size);
  padding-block-start: var(--amplify-components-fieldcontrol-large-padding-block-start);
  padding-block-end: var(--amplify-components-fieldcontrol-large-padding-block-end);
  padding-inline-start: var(--amplify-components-fieldcontrol-large-padding-inline-start);
  padding-inline-end: var(--amplify-components-fieldcontrol-large-padding-inline-end);
}
.amplify-select--error {
  border-color: var(--amplify-components-fieldcontrol-error-border-color);
}
.amplify-select--error:focus {
  border-color: var(--amplify-components-fieldcontrol-error-border-color);
  box-shadow: var(--amplify-components-fieldcontrol-error-focus-box-shadow);
}
.amplify-select[disabled] {
  color: var(--amplify-components-fieldcontrol-disabled-color);
  cursor: var(--amplify-components-fieldcontrol-disabled-cursor);
  border-color: var(--amplify-components-fieldcontrol-disabled-border-color);
  background-color: var(--amplify-components-fieldcontrol-disabled-background-color);
}
.amplify-select--quiet {
  border-block-start: var(--amplify-components-fieldcontrol-quiet-border-block-start);
  border-inline-start: var(--amplify-components-fieldcontrol-quiet-border-inline-start);
  border-inline-end: var(--amplify-components-fieldcontrol-quiet-border-inline-end);
  border-radius: var(--amplify-components-fieldcontrol-quiet-border-radius);
}
.amplify-select--quiet:focus {
  border-block-end-color: var(--amplify-components-fieldcontrol-quiet-focus-border-block-end-color);
  box-shadow: var(--amplify-components-fieldcontrol-quiet-focus-box-shadow);
}
.amplify-select--quiet[aria-invalid=true] {
  border-block-end-color: var(--amplify-components-fieldcontrol-quiet-error-border-block-end-color);
}
.amplify-select--quiet[aria-invalid=true]:focus {
  box-shadow: var(--amplify-components-fieldcontrol-quiet-error-focus-box-shadow);
}
.amplify-select option {
  color: initial;
}
.amplify-select option[disabled=""] {
  color: var(--amplify-components-select-option-disabled-color);
}
@-moz-document url-prefix() {
  .amplify-select option {
    background-color: var(--amplify-components-select-option-background-color);
    color: var(--amplify-components-select-option-color);
  }
}
.amplify-select--small {
  min-width: var(--amplify-components-select-small-min-width);
}
.amplify-select--large {
  min-width: var(--amplify-components-select-large-min-width);
}
.amplify-selectfield {
  flex-direction: var(--amplify-components-selectfield-flex-direction);
  --amplify-components-fieldcontrol-border-color: var(
    --amplify-components-selectfield-border-color
  );
  --amplify-components-fieldcontrol-color: var(
    --amplify-components-selectfield-color
  );
  --amplify-components-fieldcontrol-font-size: var(
    --amplify-components-selectfield-font-size
  );
  --amplify-components-fieldcontrol-focus-border-color: var(
    --amplify-components-selectfield-focus-border-color
  );
  --amplify-components-field-label-color: var(
    --amplify-components-selectfield-label-color
  );
}
.amplify-sliderfield {
  flex-direction: column;
}
.amplify-sliderfield__label {
  display: flex;
  justify-content: space-between;
}
.amplify-sliderfield__root {
  align-items: center;
  box-sizing: content-box;
  display: flex;
  padding-block: var(--amplify-components-sliderfield-padding-block);
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
          user-select: none;
  --amplify-internal-sliderfield-root-height: var(
    --amplify-components-sliderfield-thumb-height
  );
  --amplify-internal-sliderfield-root-width: var(
    --amplify-components-sliderfield-thumb-height
  );
}
.amplify-sliderfield__root[data-disabled] {
  cursor: not-allowed;
}
.amplify-sliderfield__root--horizontal {
  height: var(--amplify-internal-sliderfield-root-height);
}
.amplify-sliderfield__root--vertical {
  flex-direction: column;
  width: var(--amplify-internal-sliderfield-root-width);
}
.amplify-sliderfield__root--large {
  --amplify-internal-sliderfield-root-height: var(
    --amplify-components-sliderfield-large-thumb-height
  );
  --amplify-internal-sliderfield-root-width: var(
    --amplify-components-sliderfield-large-thumb-height
  );
}
.amplify-sliderfield__root--small {
  --amplify-internal-sliderfield-root-height: var(
    --amplify-components-sliderfield-small-thumb-height
  );
  --amplify-internal-sliderfield-root-width: var(
    --amplify-components-sliderfield-small-thumb-height
  );
}
.amplify-sliderfield__track {
  position: relative;
  flex-grow: 1;
  border-radius: var(--amplify-components-sliderfield-track-border-radius);
  background-color: var(--amplify-components-sliderfield-track-background-color);
  --amplify-internal-sliderfield-track-height: var(
    --amplify-components-sliderfield-track-height
  );
  --amplify-internal-sliderfield-track-min-width: var(
    --amplify-components-sliderfield-track-min-width
  );
  --amplify-internal-sliderfield-track-width: var(
    --amplify-components-sliderfield-track-height
  );
  --amplify-internal-sliderfield-track-min-height: var(
    --amplify-components-sliderfield-track-min-width
  );
}
.amplify-sliderfield__track--horizontal {
  height: var(--amplify-internal-sliderfield-track-height);
  min-width: var(--amplify-internal-sliderfield-track-min-width);
}
.amplify-sliderfield__track--vertical {
  width: var(--amplify-internal-sliderfield-track-width);
  min-height: var(--amplify-internal-sliderfield-track-min-height);
}
.amplify-sliderfield__track--large {
  --amplify-internal-sliderfield-track-height: var(
    --amplify-components-sliderfield-large-track-height
  );
  --amplify-internal-sliderfield-track-width: var(
    --amplify-components-sliderfield-large-track-height
  );
}
.amplify-sliderfield__track--small {
  --amplify-internal-sliderfield-track-height: var(
    --amplify-components-sliderfield-small-track-height
  );
  --amplify-internal-sliderfield-track-width: var(
    --amplify-components-sliderfield-small-track-height
  );
}
.amplify-sliderfield__range {
  position: absolute;
  border-radius: var(--amplify-components-sliderfield-range-border-radius);
  background-color: var(--amplify-components-sliderfield-range-background-color);
}
.amplify-sliderfield__range[data-disabled] {
  background-color: var(--amplify-components-sliderfield-range-disabled-background-color);
}
.amplify-sliderfield__range--horizontal {
  height: 100%;
}
.amplify-sliderfield__range--vertical {
  width: 100%;
}
.amplify-sliderfield__thumb {
  display: block;
  width: var(--amplify-components-sliderfield-thumb-width);
  height: var(--amplify-components-sliderfield-thumb-height);
  background-color: var(--amplify-components-sliderfield-thumb-background-color);
  box-shadow: var(--amplify-components-sliderfield-thumb-box-shadow);
  border-radius: var(--amplify-components-sliderfield-thumb-border-radius);
  border-width: var(--amplify-components-sliderfield-thumb-border-width);
  border-color: var(--amplify-components-sliderfield-thumb-border-color);
  border-style: var(--amplify-components-sliderfield-thumb-border-style);
}
.amplify-sliderfield__thumb:hover {
  background-color: var(--amplify-components-sliderfield-thumb-hover-background-color);
  border-color: var(--amplify-components-sliderfield-thumb-hover-border-color);
}
.amplify-sliderfield__thumb:focus {
  border-color: var(--amplify-components-sliderfield-thumb-focus-border-color);
  box-shadow: var(--amplify-components-sliderfield-thumb-focus-box-shadow);
}
.amplify-sliderfield__thumb[data-disabled] {
  background-color: var(--amplify-components-sliderfield-thumb-disabled-background-color);
  border-color: var(--amplify-components-sliderfield-thumb-disabled-border-color);
  box-shadow: var(--amplify-components-sliderfield-thumb-disabled-box-shadow);
}
.amplify-sliderfield__thumb--large {
  width: var(--amplify-components-sliderfield-large-thumb-width);
  height: var(--amplify-components-sliderfield-large-thumb-height);
}
.amplify-sliderfield__thumb--small {
  width: var(--amplify-components-sliderfield-small-thumb-width);
  height: var(--amplify-components-sliderfield-small-thumb-height);
}
.amplify-stepperfield {
  flex-direction: var(--amplify-components-stepperfield-flex-direction);
  --amplify-components-fieldcontrol-border-color: var(
    --amplify-components-stepperfield-border-color
  );
  --amplify-components-button-border-color: var(
    --amplify-components-stepperfield-border-color
  );
  --amplify-components-fieldcontrol-color: var(
    --amplify-components-stepperfield-input-color
  );
  --amplify-components-fieldcontrol-font-size: var(
    --amplify-components-stepperfield-input-font-size
  );
  --amplify-components-button-color: var(
    --amplify-components-stepperfield-button-color
  );
  --amplify-components-button-active-color: var(
    --amplify-components-stepperfield-button-active-color
  );
  --amplify-components-button-active-background-color: var(
    --amplify-components-stepperfield-button-active-background-color
  );
  --amplify-components-button-focus-color: var(
    --amplify-components-stepperfield-button-focus-color
  );
  --amplify-components-button-focus-background-color: var(
    --amplify-components-stepperfield-button-focus-background-color
  );
  --amplify-components-button-disabled-color: var(
    --amplify-components-stepperfield-button-disabled-color
  );
  --amplify-components-button-disabled-background-color: var(
    --amplify-components-stepperfield-button-disabled-background-color
  );
  --amplify-components-button-hover-color: var(
    --amplify-components-stepperfield-button-hover-color
  );
  --amplify-components-button-hover-background-color: var(
    --amplify-components-stepperfield-button-hover-background-color
  );
}
.amplify-stepperfield__button--decrease,
.amplify-stepperfield__button--increase {
  background-color: var(--amplify-components-stepperfield-button-background-color);
}
.amplify-stepperfield__button--decrease--disabled,
.amplify-stepperfield__button--increase--disabled {
  background-color: var(--amplify-components-stepperfield-button-disabled-background-color);
}
.amplify-stepperfield__button--decrease--quiet,
.amplify-stepperfield__button--increase--quiet {
  border-width: 0 0 var(--amplify-components-button-border-width) 0;
  border-radius: 0;
}
.amplify-stepperfield__button--decrease[data-invalid=true] {
  border-inline-end: none;
}
.amplify-stepperfield__button--increase[data-invalid=true] {
  border-inline-start: none;
}
.amplify-stepperfield__input {
  -moz-appearance: textfield;
  text-align: var(--amplify-components-stepperfield-input-text-align);
}
.amplify-stepperfield__input::-webkit-outer-spin-button, .amplify-stepperfield__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.amplify-stepperfield__input:not(:focus, [aria-invalid=true]) {
  border-inline-start: none;
  border-inline-end: none;
}
.amplify-switchfield {
  display: inline-block;
  font-size: var(--amplify-components-switchfield-font-size);
}
.amplify-switchfield--small {
  font-size: var(--amplify-components-switchfield-small-font-size);
}
.amplify-switchfield--large {
  font-size: var(--amplify-components-switchfield-large-font-size);
}
.amplify-switch__wrapper {
  display: inline-flex;
  align-items: center;
}
.amplify-switch__wrapper--start {
  flex-direction: row;
}
.amplify-switch__wrapper--end {
  flex-direction: row-reverse;
}
.amplify-switch__wrapper--top {
  flex-direction: column;
}
.amplify-switch__wrapper--bottom {
  flex-direction: column-reverse;
}
.amplify-switch-track {
  display: inline-flex;
  justify-content: flex-start;
  box-sizing: content-box;
  border-radius: var(--amplify-components-switchfield-track-border-radius);
  padding: var(--amplify-components-switchfield-track-padding);
  width: var(--amplify-components-switchfield-track-width);
  height: var(--amplify-components-switchfield-track-height);
  transition-duration: var(--amplify-components-switchfield-track-transition-duration);
  background-color: var(--amplify-components-switchfield-track-background-color);
}
.amplify-switch-track--checked {
  background-color: var(--amplify-components-switchfield-track-checked-background-color);
}
.amplify-switch-track--disabled {
  opacity: var(--amplify-components-switchfield-disabled-opacity);
  cursor: not-allowed;
}
.amplify-switch-track--focused {
  box-shadow: var(--amplify-components-switchfield-focused-shadow);
}
.amplify-switch-track--error {
  background-color: var(--amplify-components-switchfield-track-error-background-color);
}
.amplify-switch-thumb {
  background-color: var(--amplify-components-switchfield-thumb-background-color);
  transition-duration: var(--amplify-components-switchfield-thumb-transition-duration);
  border-radius: var(--amplify-components-switchfield-thumb-border-radius);
  width: var(--amplify-components-switchfield-thumb-width);
  height: var(--amplify-components-switchfield-thumb-width);
  border-color: var(--amplify-components-switchfield-thumb-border-color);
  overflow-wrap: break-word;
}
.amplify-switch-thumb--checked {
  transform: var(--amplify-components-switchfield-thumb-checked-transform);
}
.amplify-switch-thumb--disabled {
  cursor: not-allowed;
}
.amplify-switch-label {
  padding: var(--amplify-components-switchfield-label-padding);
  cursor: pointer;
}
.amplify-table {
  /**
   * Default Table primitive stylings
   */
  border-collapse: var(--amplify-components-table-border-collapse);
  display: var(--amplify-components-table-display);
  width: var(--amplify-components-table-width);
  --amplify-internal-table-caption-font-size: var(
    --amplify-components-table-caption-font-size
  );
  --amplify-internal-table-th-font-size: var(
    --amplify-components-table-header-font-size
  );
  --amplify-internal-table-th-padding: var(
    --amplify-components-table-header-padding
  );
  --amplify-internal-table-td-font-size: var(
    --amplify-components-table-data-font-size
  );
  --amplify-internal-table-td-padding: var(
    --amplify-components-table-data-padding
  );
  --amplify-internal-table-td-border-width: var(
      --amplify-components-table-data-border-width
    )
    0px var(--amplify-components-table-data-border-width) 0px;
  --amplify-internal-table-th-border-width: var(
      --amplify-components-table-header-border-width
    )
    0px var(--amplify-components-table-header-border-width) 0px;
  /**
   * Data attribute stylings
   */
}
.amplify-table--small {
  --amplify-internal-table-caption-font-size: var(
    --amplify-components-table-caption-small-font-size
  );
  --amplify-internal-table-th-font-size: var(
    --amplify-components-table-header-small-font-size
  );
  --amplify-internal-table-th-padding: var(
    --amplify-components-table-header-small-padding
  );
  --amplify-internal-table-td-font-size: var(
    --amplify-components-table-data-small-font-size
  );
  --amplify-internal-table-td-padding: var(
    --amplify-components-table-data-small-padding
  );
}
.amplify-table--large {
  --amplify-internal-table-caption-font-size: var(
    --amplify-components-table-caption-large-font-size
  );
  --amplify-internal-table-th-font-size: var(
    --amplify-components-table-header-large-font-size
  );
  --amplify-internal-table-th-padding: var(
    --amplify-components-table-header-large-padding
  );
  --amplify-internal-table-td-font-size: var(
    --amplify-components-table-data-large-font-size
  );
  --amplify-internal-table-td-padding: var(
    --amplify-components-table-data-large-padding
  );
}
.amplify-table--bordered {
  --amplify-internal-table-td-border-width: var(
      --amplify-components-table-data-border-width
    )
    var(--amplify-components-table-data-border-width)
    var(--amplify-components-table-data-border-width)
    var(--amplify-components-table-data-border-width);
  --amplify-internal-table-th-border-width: var(
      --amplify-components-table-header-border-width
    )
    var(--amplify-components-table-header-border-width)
    var(--amplify-components-table-header-border-width)
    var(--amplify-components-table-header-border-width);
}
.amplify-table__caption {
  caption-side: var(--amplify-components-table-caption-caption-side);
  color: var(--amplify-components-table-caption-color);
  display: var(--amplify-components-table-caption-display);
  font-size: var(--amplify-internal-table-caption-font-size);
  text-align: var(--amplify-components-table-caption-text-align);
  word-break: var(--amplify-components-table-caption-word-break);
}
.amplify-table__head {
  display: var(--amplify-components-table-head-display);
  vertical-align: var(--amplify-components-table-head-vertical-align);
}
.amplify-table__body {
  display: var(--amplify-components-table-body-display);
  vertical-align: var(--amplify-components-table-body-vertical-align);
}
.amplify-table__foot {
  display: var(--amplify-components-table-foot-display);
  vertical-align: var(--amplify-components-table-foot-vertical-align);
}
.amplify-table__row {
  display: var(--amplify-components-table-row-display);
  vertical-align: var(--amplify-components-table-row-vertical-align);
}
.amplify-table__th {
  border-color: var(--amplify-components-table-header-border-color);
  border-style: var(--amplify-components-table-header-border-style);
  border-width: var(--amplify-internal-table-th-border-width);
  color: var(--amplify-components-table-header-color);
  display: var(--amplify-components-table-header-display);
  font-size: var(--amplify-internal-table-th-font-size);
  font-weight: var(--amplify-components-table-header-font-weight);
  padding: var(--amplify-internal-table-th-padding);
  vertical-align: var(--amplify-components-table-header-vertical-align);
}
.amplify-table__th:first-child {
  border-left-width: var(--amplify-components-table-header-border-width);
}
.amplify-table__th:last-child {
  border-right-width: var(--amplify-components-table-header-border-width);
}
.amplify-table__td {
  border-color: var(--amplify-components-table-data-border-color);
  border-style: var(--amplify-components-table-data-border-style);
  border-width: var(--amplify-internal-table-td-border-width);
  color: var(--amplify-components-table-data-color);
  display: var(--amplify-components-table-data-display);
  font-size: var(--amplify-internal-table-td-font-size);
  font-weight: var(--amplify-components-table-data-font-weight);
  padding: var(--amplify-internal-table-td-padding);
  vertical-align: var(--amplify-components-table-data-vertical-align);
}
.amplify-table__td:first-child {
  border-left-width: var(--amplify-components-table-data-border-width);
}
.amplify-table__td:last-child {
  border-right-width: var(--amplify-components-table-data-border-width);
}
.amplify-table[data-variation=striped] .amplify-table__row:not(.amplify-table__head *):nth-child(odd) {
  background-color: var(--amplify-components-table-row-striped-background-color);
}
.amplify-table[data-highlightonhover=true] .amplify-table__row:not(.amplify-table__head *):hover {
  background-color: var(--amplify-components-table-row-hover-background-color);
}
.amplify-tabs {
  background-color: var(--amplify-components-tabs-background-color);
  box-shadow: var(--amplify-components-tabs-box-shadow);
  border-width: 0 0 var(--amplify-components-tabs-border-width) 0;
  border-style: var(--amplify-components-tabs-border-style);
  border-color: var(--amplify-components-tabs-border-color);
  gap: var(--amplify-components-tabs-gap);
}
.amplify-tabs[data-indicator-position=top] {
  border-width: var(--amplify-components-tabs-border-width) 0 0 0;
}
.amplify-tabs-item {
  background-color: var(--amplify-components-tabs-item-background-color);
  box-sizing: border-box;
  color: var(--amplify-components-tabs-item-color);
  font-size: var(--amplify-components-tabs-item-font-size);
  font-weight: var(--amplify-components-tabs-item-font-weight);
  padding: var(--amplify-components-tabs-item-padding-vertical) var(--amplify-components-tabs-item-padding-horizontal);
  text-align: var(--amplify-components-tabs-item-text-align);
  transition: all var(--amplify-components-tabs-item-transition-duration);
  border-width: 0 0 var(--amplify-components-tabs-item-border-width) 0;
  border-style: var(--amplify-components-tabs-item-border-style);
  border-color: var(--amplify-components-tabs-item-border-color);
  margin-bottom: calc(-1 * var(--amplify-components-tabs-item-border-width));
}
[data-indicator-position=top] > .amplify-tabs-item {
  border-width: var(--amplify-components-tabs-border-width) 0 0 0;
  margin-top: calc(-1 * var(--amplify-components-tabs-item-border-width));
  margin-bottom: 0;
}
.amplify-tabs-item[data-state=active] {
  color: var(--amplify-components-tabs-item-active-color);
  border-color: var(--amplify-components-tabs-item-active-border-color);
  background-color: var(--amplify-components-tabs-item-active-background-color);
  transition-property: none;
}
.amplify-tabs-item:hover {
  color: var(--amplify-components-tabs-item-hover-color);
  cursor: pointer;
}
.amplify-tabs-item:focus {
  color: var(--amplify-components-tabs-item-focus-color);
}
.amplify-tabs-item:focus-visible {
  outline: var(--amplify-components-tabs-item-border-width) var(--amplify-components-tabs-item-border-style) var(--amplify-components-tabs-item-border-color);
}
.amplify-tabs-item:active {
  color: var(--amplify-components-tabs-item-active-color);
}
.amplify-tabs-item[data-disabled] {
  background-color: var(--amplify-components-tabs-item-disabled-background-color);
  color: var(--amplify-components-tabs-item-disabled-color);
  cursor: not-allowed;
}
.amplify-tabs-item[data-spacing=equal] {
  flex: 1 1 0;
}
.amplify-tabs-item[data-spacing=relative] {
  flex-grow: 1;
}
.amplify-textareafield {
  flex-direction: column;
  --amplify-components-fieldcontrol-color: var(
    --amplify-components-textareafield-color
  );
  --amplify-components-fieldcontrol-border-color: var(
    --amplify-components-textareafield-border-color
  );
  --amplify-components-fieldcontrol-focus-border-color: var(
    --amplify-components-textareafield-focus-border-color
  );
}
.amplify-textfield {
  flex-direction: column;
  --amplify-components-fieldcontrol-color: var(
    --amplify-components-textfield-color
  );
  --amplify-components-fieldcontrol-border-color: var(
    --amplify-components-textfield-border-color
  );
  --amplify-components-fieldcontrol-font-size: var(
    --amplify-components-textfield-font-size
  );
  --amplify-components-fieldcontrol-focus-border-color: var(
    --amplify-components-textfield-focus-border-color
  );
}
.amplify-togglebutton {
  --amplify-internal-togglebutton-background-color: initial;
  --amplify-internal-togglebutton-border-color: var(
    --amplify-components-togglebutton-border-color
  );
  --amplify-internal-togglebutton-color: var(
    --amplify-components-togglebutton-color
  );
  background-color: var(--amplify-internal-togglebutton-background-color);
  border-color: var(--amplify-internal-togglebutton-border-color);
  color: var(--amplify-internal-togglebutton-color);
  --amplify-internal-togglebutton-focus-background-color: var(
    --amplify-internal-togglebutton-background-color
  );
  --amplify-internal-togglebutton-focus-border-color: var(
    --amplify-components-togglebutton-focus-border-color
  );
  --amplify-internal-togglebutton-focus-color: var(
    --amplify-components-togglebutton-focus-color
  );
  --amplify-internal-togglebutton-hover-background-color: var(
    --amplify-components-togglebutton-hover-background-color
  );
  --amplify-internal-togglebutton-hover-border-color: var(
    --amplify-internal-togglebutton-border-color
  );
  --amplify-internal-togglebutton-hover-color: var(
    --amplify-internal-togglebutton-color
  );
  --amplify-internal-togglebutton-active-background-color: var(
    --amplify-components-togglebutton-active-background-color
  );
  --amplify-internal-togglebutton-disabled-background-color: var(
    --amplify-components-togglebutton-disabled-background-color
  );
  --amplify-internal-togglebutton-disabled-border-color: var(
    --amplify-components-togglebutton-disabled-border-color
  );
  --amplify-internal-togglebutton-disabled-color: var(
    --amplify-components-togglebutton-disabled-color
  );
}
.amplify-togglebutton:focus {
  background-color: var(--amplify-internal-togglebutton-focus-background-color);
  border-color: var(--amplify-internal-togglebutton-focus-border-color);
  color: var(--amplify-internal-togglebutton-focus-color);
}
.amplify-togglebutton:hover {
  background-color: var(--amplify-internal-togglebutton-hover-background-color);
  border-color: var(--amplify-internal-togglebutton-hover-border-color);
  color: var(--amplify-internal-togglebutton-hover-color);
}
.amplify-togglebutton:active {
  background-color: var(--amplify-internal-togglebutton-active-background-color);
}
.amplify-togglebutton:disabled {
  background-color: var(--amplify-internal-togglebutton-disabled-background-color);
  border-color: var(--amplify-internal-togglebutton-disabled-border-color);
  color: var(--amplify-internal-togglebutton-disabled-color);
}
.amplify-togglebutton--pressed {
  --amplify-internal-togglebutton-border-color: var(
    --amplify-components-togglebutton-pressed-border-color
  );
  --amplify-internal-togglebutton-background-color: var(
    --amplify-components-togglebutton-pressed-background-color
  );
  --amplify-internal-togglebutton-color: var(
    --amplify-components-togglebutton-pressed-color
  );
  --amplify-internal-togglebutton-hover-background-color: var(
    --amplify-components-togglebutton-pressed-hover-background-color
  );
  --amplify-internal-togglebutton-disabled-background-color: var(
    --amplify-components-togglebutton-pressed-background-color
  );
  --amplify-internal-togglebutton-disabled-border-color: var(
    --amplify-components-togglebutton-pressed-border-color
  );
  --amplify-internal-togglebutton-disabled-color: var(
    --amplify-components-togglebutton-pressed-color
  );
}
.amplify-togglebutton--primary {
  --amplify-internal-togglebutton-primary-background-color: var(
    --amplify-components-togglebutton-primary-background-color
  );
  --amplify-internal-togglebutton-background-color: var(
    --amplify-internal-togglebutton-primary-background-color
  );
  --amplify-internal-togglebutton-primary-border-color: var(
    --amplify-components-togglebutton-border-color
  );
  --amplify-internal-togglebutton-border-color: var(
    --amplify-internal-togglebutton-primary-border-color
  );
  --amplify-internal-togglebutton-primary-color: var(
    --amplify-components-togglebutton-color
  );
  --amplify-internal-togglebutton-color: var(
    --amplify-internal-togglebutton-primary-color
  );
  border-width: var(--amplify-components-togglebutton-primary-border-width);
  --amplify-internal-togglebutton-primary-focus-background-color: var(
    --amplify-components-togglebutton-primary-focus-background-color
  );
  --amplify-internal-togglebutton-primary-focus-border-color: var(
    --amplify-components-togglebutton-primary-focus-border-color
  );
  --amplify-internal-togglebutton-primary-focus-color: var(
    --amplify-components-togglebutton-primary-focus-color
  );
  --amplify-internal-togglebutton-primary-focus-box-shadow: var(
    --amplify-components-togglebutton-primary-focus-box-shadow
  );
  --amplify-internal-togglebutton-focus-background-color: var(
    --amplify-internal-togglebutton-primary-focus-background-color
  );
  --amplify-internal-togglebutton-focus-border-color: var(
    --amplify-internal-togglebutton-primary-focus-border-color
  );
  --amplify-internal-togglebutton-focus-color: var(
    --amplify-internal-togglebutton-primary-focus-color
  );
  --amplify-internal-togglebutton-primary-hover-background-color: var(
    --amplify-components-togglebutton-primary-hover-background-color
  );
  --amplify-internal-togglebutton-primary-hover-border-color: var(
    --amplify-internal-togglebutton-primary-border-color
  );
  --amplify-internal-togglebutton-primary-hover-color: var(
    --amplify-components-togglebutton-primary-hover-color
  );
  --amplify-internal-togglebutton-hover-background-color: var(
    --amplify-internal-togglebutton-primary-hover-background-color
  );
  --amplify-internal-togglebutton-hover-border-color: var(
    --amplify-internal-togglebutton-primary-hover-border-color
  );
  --amplify-internal-togglebutton-hover-color: var(
    --amplify-internal-togglebutton-primary-hover-color
  );
  --amplify-internal-togglebutton-primary-disabled-background-color: var(
    --amplify-components-togglebutton-primary-disabled-background-color
  );
  --amplify-internal-togglebutton-primary-disabled-border-color: var(
    --amplify-components-togglebutton-primary-disabled-border-color
  );
  --amplify-internal-togglebutton-primary-disabled-color: var(
    --amplify-components-togglebutton-primary-disabled-color
  );
  --amplify-internal-togglebutton-disabled-background-color: var(
    --amplify-internal-togglebutton-primary-disabled-background-color
  );
  --amplify-internal-togglebutton-disabled-border-color: var(
    --amplify-internal-togglebutton-primary-disabled-border-color
  );
  --amplify-internal-togglebutton-disabled-color: var(
    --amplify-internal-togglebutton-primary-disabled-color
  );
}
.amplify-togglebutton--primary:focus {
  box-shadow: var(--amplify-internal-togglebutton-primary-focus-box-shadow);
}
.amplify-togglebutton--pressed {
  --amplify-internal-togglebutton-primary-background-color: var(
    --amplify-components-togglebutton-primary-pressed-background-color
  );
  --amplify-internal-togglebutton-primary-border-color: var(
    --amplify-components-togglebutton-primary-pressed-border-color
  );
  --amplify-internal-togglebutton-primary-color: var(
    --amplify-components-togglebutton-primary-pressed-color
  );
  --amplify-internal-togglebutton-primary-focus-background-color: var(
    --amplify-components-togglebutton-primary-pressed-focus-background-color
  );
  --amplify-internal-togglebutton-primary-focus-border-color: var(
    --amplify-components-togglebutton-primary-pressed-focus-border-color
  );
  --amplify-internal-togglebutton-primary-focus-color: var(
    --amplify-components-togglebutton-primary-pressed-focus-color
  );
  --amplify-internal-togglebutton-primary-hover-background-color: var(
    --amplify-components-togglebutton-primary-pressed-hover-background-color
  );
  --amplify-internal-togglebutton-primary-hover-border-color: var(
    --amplify-components-togglebutton-primary-pressed-hover-border-color
  );
  --amplify-internal-togglebutton-primary-hover-color: var(
    --amplify-components-togglebutton-primary-pressed-hover-color
  );
  --amplify-internal-togglebutton-primary-disabled-background-color: var(
    --amplify-components-togglebutton-primary-pressed-background-color
  );
  --amplify-internal-togglebutton-primary-disabled-border-color: var(
    --amplify-components-togglebutton-primary-pressed-border-color
  );
  --amplify-internal-togglebutton-primary-disabled-color: var(
    --amplify-components-togglebutton-primary-pressed-color
  );
}
.amplify-togglebutton--pressed:hover {
  --amplify-internal-togglebutton-primary-focus-box-shadow: var(
    --amplify-components-togglebutton-primary-pressed-hover-box-shadow
  );
}
.amplify-togglebutton--link {
  --amplify-internal-togglebutton-link-background-color: var(
    --amplify-components-togglebutton-link-background-color
  );
  --amplify-internal-togglebutton-link-color: var(
    --amplify-components-togglebutton-link-color
  );
  --amplify-internal-togglebutton-background-color: var(
    --amplify-internal-togglebutton-link-background-color
  );
  --amplify-internal-togglebutton-color: var(
    --amplify-internal-togglebutton-link-color
  );
  --amplify-internal-togglebutton-link-focus-background-color: var(
    --amplify-components-togglebutton-link-focus-background-color
  );
  --amplify-internal-togglebutton-link-focus-color: var(
    --amplify-components-togglebutton-link-focus-color
  );
  --amplify-internal-togglebutton-focus-background-color: var(
    --amplify-internal-togglebutton-link-focus-background-color
  );
  --amplify-internal-togglebutton-focus-color: var(
    --amplify-internal-togglebutton-link-focus-color
  );
  --amplify-internal-togglebutton-link-hover-background-color: var(
    --amplify-components-togglebutton-link-hover-background-color
  );
  --amplify-internal-togglebutton-link-hover-color: var(
    --amplify-components-togglebutton-link-hover-color
  );
  --amplify-internal-togglebutton-hover-background-color: var(
    --amplify-internal-togglebutton-link-hover-background-color
  );
  --amplify-internal-togglebutton-hover-color: var(
    --amplify-internal-togglebutton-link-hover-color
  );
  --amplify-internal-togglebutton-link-disabled-color: var(
    --amplify-components-togglebutton-link-disabled-color
  );
  --amplify-internal-togglebutton-link-disabled-background-color: var(
    --amplify-components-togglebutton-link-disabled-background-color
  );
  --amplify-internal-togglebutton-disabled-color: var(
    --amplify-internal-togglebutton-link-disabled-color
  );
  --amplify-internal-togglebutton-disabled-background-color: var(
    --amplify-internal-togglebutton-link-disabled-background-color
  );
}
.amplify-togglebutton--pressed {
  --amplify-internal-togglebutton-link-color: var(
    --amplify-components-togglebutton-link-pressed-color
  );
  --amplify-internal-togglebutton-link-background-color: var(
    --amplify-components-togglebutton-link-pressed-background-color
  );
  --amplify-internal-togglebutton-link-focus-background-color: var(
    --amplify-components-togglebutton-link-pressed-focus-background-color
  );
  --amplify-internal-togglebutton-link-focus-color: var(
    --amplify-components-togglebutton-link-pressed-focus-color
  );
  --amplify-internal-togglebutton-link-hover-background-color: var(
    --amplify-components-togglebutton-link-pressed-hover-background-color
  );
  --amplify-internal-togglebutton-link-hover-color: var(
    --amplify-components-togglebutton-link-pressed-hover-color
  );
  --amplify-internal-togglebutton-link-disabled-color: var(
    --amplify-components-togglebutton-link-pressed-color
  );
}
.amplify-togglebuttongroup {
  align-items: var(--amplify-components-togglebuttongroup-align-items);
  align-content: var(--amplify-components-togglebuttongroup-align-content);
  justify-content: var(--amplify-components-togglebuttongroup-justify-content);
  gap: 0;
}
.amplify-togglebuttongroup .amplify-togglebutton:focus, .amplify-togglebuttongroup .amplify-togglebutton.amplify-togglebutton--pressed {
  z-index: 2;
}
.amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) {
  margin-inline-start: calc(-1 * var(--amplify-components-button-border-width));
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
@supports not (border-start-start-radius: 0) {
  .amplify-togglebuttongroup .amplify-togglebutton:not(:first-of-type) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type) {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
@supports not (border-end-end-radius: 0) {
  .amplify-togglebuttongroup .amplify-togglebutton:not(:last-of-type) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
}
[data-label-position=start] {
  flex-direction: row;
}
[data-label-position=end] {
  flex-direction: row-reverse;
}
[data-label-position=top] {
  flex-direction: column;
}
[data-label-position=bottom] {
  flex-direction: column-reverse;
}
.amplify-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  fill: transparent;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/** These fonts are added in only temporarily until Angular has it's own theming system */
html {
  font-family: var(--amplify-fonts-default-static);
}
@supports (font-variation-settings: normal) {
  html {
    font-family: var(--amplify-fonts-default-variable);
  }
}
.federated-sign-in-container {
  flex-direction: column;
  padding: 0 0 1rem 0;
}
.federated-sign-in-button {
  display: block;
}
.federated-sign-in-button-row {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@font-face {
  font-family: "fredokaone-Light";
  src: url('fredokaone-regular.woff');
}
body {
  background-color: white;
}
.blues-nav {
  --background: transparent;
}
.blues-nav .nav-content {
  color: #fff;
  margin: auto;
}
.blues-nav .nav-content ion-title {
  padding: 0;
  text-align: start;
  height: 10px;
}
.blues-nav .nav-back {
  padding: 10px 0px 0px 10px;
}
.blues-nav .nav-back .path1,
.blues-nav .nav-back .path2 {
  font-family: "newhrms";
}
* {
  font-family: "Poppins-Light";
}
ion-label {
  font-family: "Poppins-Light" !important;
}
ion-item {
  --ion-background-color: rgba(255, 255, 255, 0);
}
.form-item {
  padding-left: 0px;
}
.nav-icon {
  margin-top: 5px;
  font-size: 24px;
  margin-right: 2%;
  margin-left: 2%;
}
.nav-title {
  font-size: 18px;
  text-align: center;
  background: none !important;
}
.list-md,
.list-ios {
  background: none;
}
.validation {
  color: red;
  padding: 0px !important;
  margin: 5px;
}
.header-md:after {
  background-image: none !important;
}
.background-content {
  background: #e2e2e2 !important;
}
.loginButton {
  --background: #fe9c45;
  margin-top: 20px;
  font-size: 16px;
  margin-bottom: 20px;
  height: 50px;
  border-radius: 15px;
  margin-left: 20px;
  margin-right: 20px;
  box-shadow: -7px 8px 16px 6px rgba(245, 168, 100, 0.9607843137);
  --background-hover: #fe9c45;
  text-transform: uppercase;
}
.item-has-focus .label-floating.sc-ion-label-md-h {
  color: black;
}
.item-interactive.item-has-focus {
  --highlight-background: none;
}
.item-native {
  padding-left: 0 !important;
}
.item-label-floating .sc-ion-input-md-h .item-has-focus {
  box-shadow: none !important;
  border: none !important;
  --highlight-background: #ffff;
}
.barWrapper {
  margin-top: 30px;
  padding: 0 5%;
}
ion-content {
  --offset-bottom: auto !important;
  --overflow: hidden;
  overflow: auto;
}
ion-content::-webkit-scrollbar {
  display: none;
}
.progress {
  border-radius: 0;
  overflow: visible;
}
.progress {
  width: 100%;
  background: #ecece8;
  height: 10px;
}
.has-tip:before {
  content: attr(data-tip);
  display: flex;
  justify-content: center;
  width: 29px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ebebeb;
  left: 100%;
  bottom: 5px;
  position: absolute;
  transform: translateX(-50%);
  box-shadow: 0 3px 5px #000;
}
.has-tip::after {
  content: "";
  position: absolute;
  right: -10px;
  top: -9px;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: solid 10px #ffffff;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
.has-tip {
  display: block;
  width: 100%;
  float: left;
  font-size: 12px;
  margin-bottom: -7px;
  background: url(https://image.freepik.com/free-icon/information-circle_318-27255.jpg) no-repeat right center/contain;
  cursor: pointer;
  position: relative;
}
.slide-items {
  background-color: #fff;
  --inner-padding-end: 0px;
}
.notification-div {
  float: right;
  margin-right: 2%;
  height: 35px;
  text-align: center;
  position: relative;
  z-index: 99999999;
}
.header-title {
  text-align: start;
  margin-top: 10px !important;
  font-weight: 300;
}
.dashboar-row {
  width: 50% !important;
  float: left !important;
}
.dash-widget {
  background: #fff;
  border: 1px solid #e7e7e7;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 15px;
  height: 145px;
  text-align: center;
}
.moreIcon {
  position: relative;
  float: right;
  width: 22px;
  padding-top: 5px;
}
.dash-widget-info {
  margin-top: 13px;
}
.dash-widget {
  background: #fff;
  border: 1px solid #e7e7e7;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 15px;
  text-align: center;
}
.backButton {
  background-color: #fa424a;
  border-color: #fa424a;
  margin-top: 20px;
  font-size: 16px;
  margin-bottom: 20px;
  height: 50px !important;
  border-radius: 15px;
  margin-left: 20px;
  margin-right: 20px;
  box-shadow: -7px 8px 16px 6px rgba(226, 122, 126, 0.5411764706);
  --background-hover: #fa424a;
  text-transform: uppercase;
}
.inputItem {
  padding-left: 0px !important;
  --padding-inner-end: 0px !important;
  --detail-icon-color: rgb(254, 156, 69);
  --detail-icon-opacity: 0;
  --inner-padding-end: 0;
  padding: 4px;
  font-size: 14px;
}
.inputItem .item-detail-icon {
  align-self: center;
}
.inputList {
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
}
.inputLabel {
  padding: 0px !important;
}
.profile-card {
  height: 175px;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0px;
}
.noti-list {
  margin-top: 20px !important;
  background-color: #fff;
  border-top: 1px solid #e7e7e7;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  padding: 0 !important;
}
.holiday-days-div {
  float: right;
}
.holiday-card {
  margin-bottom: 10px;
}
.leave-type {
  font-size: 12px !important;
}
.leave-status {
  border-radius: 4px;
  font-size: 11px !important;
  height: 18px;
  margin-top: 10px !important;
  line-height: 18px;
  min-width: 76px;
  padding: 0 10px;
  background-color: orange;
  color: #fff;
  text-align: center;
}
.leave-reject-status {
  background-color: #e60d0d !important;
}
.leave-accept-status {
  background-color: #4cd964 !important;
}
.nolist {
  text-align: center;
  font-size: 20px;
  margin-top: 45% !important;
}
.project-task {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  font-size: 15px !important;
}
.holiday-date {
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  color: #8e8e93 !important;
}
.project-deadline-div {
  margin-top: 15px;
}
.profile-label p {
  margin: 0 0 2px;
  overflow: inherit;
  line-height: normal;
  text-overflow: inherit;
  color: #666;
}
.profile-label {
  margin: 13px 8px 13px 0;
}
@font-face {
  font-family: "newhrms";
  src: url('newhrms.eot?8j0vin');
  src: url('newhrms.eot?8j0vin#iefix') format("embedded-opentype"), url('newhrms.ttf?8j0vin') format("truetype"), url('newhrms.woff?8j0vin') format("woff"), url('newhrms.svg?8j0vin#newhrms') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=custom-icon-],
[class*=" custom-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "newhrms" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 30px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.custom-icon-Dots:before {
  content: "\e915";
  color: #5e5e5e;
}
.custom-icon-add-call-icon .path1:before {
  content: "\e916";
  color: rgb(255, 255, 255);
  opacity: 0.14;
}
.custom-icon-add-call-icon .path2:before {
  content: "\e917";
  margin-left: -1em;
  color: none;
  opacity: 0.14;
}
.custom-icon-add-call-icon .path3:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.custom-icon-add-call-icon .path4:before {
  content: "\e919";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.custom-icon-add-call-icon .path5:before {
  content: "\e91a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.custom-icon-arrow-icon:before {
  content: "\e91b";
  color: #fe9c45;
}
.custom-icon-audio-call-icon .path1:before {
  content: "\e91c";
  color: rgb(255, 255, 255);
  opacity: 0.14;
}
.custom-icon-audio-call-icon .path2:before {
  content: "\e91d";
  margin-left: -1em;
  color: none;
  opacity: 0.14;
}
.custom-icon-audio-call-icon .path3:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.custom-icon-audio-call-icon .path4:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.custom-icon-back-arrow-icon .path1:before {
  content: "\e920";
  color: rgb(255, 255, 255);
  opacity: 0.23;
}
.custom-icon-back-arrow-icon .path2:before {
  content: "\e921";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.custom-icon-calendar-icon:before {
  content: "\e922";
}
.custom-icon-call-attend .path1:before {
  content: "\e923";
  color: rgb(34, 209, 101);
}
.custom-icon-call-attend .path2:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.custom-icon-call-reject .path1:before {
  content: "\e925";
  color: rgb(255, 56, 36);
}
.custom-icon-call-reject .path2:before {
  content: "\e926";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.custom-icon-career-info-icon:before {
  content: "\e927";
}
.custom-icon-chat-add-group-icon:before {
  content: "\e928";
  color: #fe9c45;
}
.custom-icon-chat-completed-tick-icon:before {
  content: "\e929";
  color: #237ef6;
}
.custom-icon-chat-contact-icon:before {
  content: "\e92a";
  color: #fff;
}
.custom-icon-chat-icon .path1:before {
  content: "\e92b";
  color: rgb(255, 255, 255);
  opacity: 0.14;
}
.custom-icon-chat-icon .path2:before {
  content: "\e92c";
  margin-left: -1em;
  color: none;
  opacity: 0.14;
}
.custom-icon-chat-icon .path3:before {
  content: "\e92d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.custom-icon-chat-icon-1:before {
  content: "\e92e";
}
.custom-icon-chat-reply-icon:before {
  content: "\e92f";
  color: #818181;
}
.custom-icon-dashboard-client-icon:before {
  content: "\e930";
}
.custom-icon-dashboard-employee-icons:before {
  content: "\e931";
}
.custom-icon-dashboard-invoice-icons:before {
  content: "\e932";
}
.custom-icon-dashboard-project-icon:before {
  content: "\e933";
}
.custom-icon-delete-icon:before {
  content: "\e934";
}
.custom-icon-edit-icon:before {
  content: "\e935";
}
.custom-icon-education-info-icon:before {
  content: "\e936";
}
.custom-icon-email-icon:before {
  content: "\e937";
  color: #fff;
}
.custom-icon-estimate-icon:before {
  content: "\e938";
  color: #fff;
}
.custom-icon-estimate-icon-1:before {
  content: "\e938";
}
.custom-icon-floating-add-action-btn:before {
  content: "\e939";
  color: #fe9c45;
}
.custom-icon-leave-status-icons:before {
  content: "\e93a";
}
.custom-icon-list-of-departments:before {
  content: "\e93b";
  color: #fff;
}
.custom-icon-list-of-designations:before {
  content: "\e93c";
  color: #fff;
}
.custom-icon-notification:before {
  content: "\e93d";
}
.custom-icon-password-icon:before {
  content: "\e93e";
  color: #fe9c45;
}
.custom-icon-personal-info-icon:before {
  content: "\e93f";
}
.custom-icon-project-list-icon:before {
  content: "\e940";
  color: #fff;
}
.custom-icon-project-list-icon-1:before {
  content: "\e940";
}
.custom-icon-projects-calendar-icon:before {
  content: "\e941";
}
.custom-icon-projects-overview-icon:before {
  content: "\e942";
}
.custom-icon-projects-tasks-icon:before {
  content: "\e943";
}
.custom-icon-punch-fingerprint-icon .path1:before {
  content: "\e944";
  color: none;
}
.custom-icon-punch-fingerprint-icon .path2:before {
  content: "\e945";
  margin-left: -1em;
  color: none;
}
.custom-icon-punch-fingerprint-icon .path3:before {
  content: "\e946";
  margin-left: -1em;
  color: rgb(254, 156, 69);
}
.custom-icon-punch-fingerprint-icon .path4:before {
  content: "\e947";
  margin-left: -1em;
  color: rgb(254, 156, 69);
}
.custom-icon-punch-fingerprint-icon .path5:before {
  content: "\e948";
  margin-left: -1em;
  color: rgb(10, 21, 213);
}
.custom-icon-punch-fingerprint-icon .path6:before {
  content: "\e949";
  margin-left: -1em;
  color: rgb(10, 21, 213);
}
.custom-icon-punch-fingerprint-icon .path7:before {
  content: "\e94a";
  margin-left: -1em;
  color: rgb(10, 21, 213);
}
.custom-icon-punch-fingerprint-icon .path8:before {
  content: "\e94b";
  margin-left: -1em;
  color: rgb(10, 21, 213);
}
.custom-icon-punch-fingerprint-icon .path9:before {
  content: "\e94c";
  margin-left: -1em;
  color: rgb(10, 21, 213);
}
.custom-icon-punch-fingerprint-icon .path10:before {
  content: "\e94d";
  margin-left: -1em;
  color: rgb(10, 21, 213);
}
.custom-icon-punch-fingerprint-icon .path11:before {
  content: "\e94e";
  margin-left: -1em;
  color: rgb(10, 21, 213);
}
.custom-icon-punch-fingerprint-icon .path12:before {
  content: "\e94f";
  margin-left: -1em;
  color: rgb(254, 156, 69);
}
.custom-icon-punch-fingerprint-icon .path13:before {
  content: "\e950";
  margin-left: -1em;
  color: rgb(254, 156, 69);
}
.custom-icon-settings-icon:before {
  content: "\e951";
  color: #fff;
}
.custom-icon-sort-icon:before {
  content: "\e952";
}
.custom-icon-tasks-tick-icon .path1:before {
  content: "\e953";
  color: rgb(255, 255, 255);
}
.custom-icon-tasks-tick-icon .path2:before {
  content: "\e954";
  margin-left: -1em;
  color: none;
}
.custom-icon-tasks-tick-icon .path3:before {
  content: "\e955";
  margin-left: -1em;
  color: rgb(204, 204, 204);
}
.custom-icon-user-placeholder-img:before {
  content: "\e956";
  color: #b3b9c4;
}
.custom-icon-verified-icon .path1:before {
  content: "\e957";
  color: rgb(34, 209, 101);
}
.custom-icon-verified-icon .path2:before {
  content: "\e958";
  margin-left: -1em;
  color: rgb(34, 209, 101);
}
.custom-icon-verified-icon .path3:before {
  content: "\e959";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.custom-icon-video-call-icon .path1:before {
  content: "\e95a";
  color: rgb(255, 255, 255);
  opacity: 0.14;
}
.custom-icon-video-call-icon .path2:before {
  content: "\e95b";
  margin-left: -1em;
  color: none;
  opacity: 0.14;
}
.custom-icon-video-call-icon .path3:before {
  content: "\e95c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
  opacity: 0.5;
}
.custom-icon-intro-chat .path1:before {
  content: "\e900";
  color: rgb(10, 21, 213);
}
.custom-icon-intro-chat .path2:before {
  content: "\e901";
  margin-left: -1.255859375em;
  color: rgb(10, 21, 213);
}
.custom-icon-intro-chat .path3:before {
  content: "\e902";
  margin-left: -1.255859375em;
  color: rgb(254, 156, 69);
}
.custom-icon-intro-chat .path4:before {
  content: "\e903";
  margin-left: -1.255859375em;
  color: rgb(10, 21, 213);
}
.custom-icon-intro-chat .path5:before {
  content: "\e904";
  margin-left: -1.255859375em;
  color: rgb(10, 21, 213);
}
.custom-icon-intro-chat .path6:before {
  content: "\e905";
  margin-left: -1.255859375em;
  color: rgb(10, 21, 213);
}
.custom-icon-intro-chat .path7:before {
  content: "\e906";
  margin-left: -1.255859375em;
  color: rgb(10, 21, 213);
}
.custom-icon-intro-tasks .path1:before {
  content: "\e907";
  color: rgb(254, 156, 69);
}
.custom-icon-intro-tasks .path2:before {
  content: "\e908";
  margin-left: -0.8388671875em;
  color: rgb(254, 156, 69);
}
.custom-icon-intro-tasks .path3:before {
  content: "\e909";
  margin-left: -0.8388671875em;
  color: rgb(10, 21, 213);
}
.custom-icon-intro-tasks .path4:before {
  content: "\e90a";
  margin-left: -0.8388671875em;
  color: rgb(254, 156, 69);
}
.custom-icon-intro-tasks .path5:before {
  content: "\e90b";
  margin-left: -0.8388671875em;
  color: rgb(254, 156, 69);
}
.custom-icon-intro-tasks .path6:before {
  content: "\e90c";
  margin-left: -0.8388671875em;
  color: rgb(254, 156, 69);
}
.custom-icon-intro-tasks .path7:before {
  content: "\e90d";
  margin-left: -0.8388671875em;
  color: rgb(254, 156, 69);
}
.custom-icon-intro-tasks .path8:before {
  content: "\e90e";
  margin-left: -0.8388671875em;
  color: rgb(254, 156, 69);
}
.custom-icon-intro-tasks .path9:before {
  content: "\e90f";
  margin-left: -0.8388671875em;
  color: rgb(10, 21, 213);
}
.custom-icon-intro-tasks .path10:before {
  content: "\e910";
  margin-left: -0.8388671875em;
  color: rgb(10, 21, 213);
}
.custom-icon-intro-tasks .path11:before {
  content: "\e911";
  margin-left: -0.8388671875em;
  color: rgb(10, 21, 213);
}
.custom-icon-intro-dhr .path1:before {
  content: "\e912";
  color: rgb(254, 156, 69);
}
.custom-icon-intro-dhr .path2:before {
  content: "\e913";
  margin-left: -1em;
  color: rgb(10, 21, 213);
}
.custom-icon-intro-dhr .path3:before {
  content: "\e914";
  margin-left: -1em;
  color: rgb(10, 21, 213);
}
.modal-top {
  border-radius: 25px;
  width: 50%;
  height: 10px;
  background: #dcdcdc;
  margin: 0 auto;
  margin-top: 20px;
}
.custom-modal {
  padding-top: 50%;
  border-radius: 50px 50px 0px 0px;
}
.slide-item {
  padding-left: 0;
  background: #fff;
  --inner-padding-end: 0;
}
.blurPage {
  filter: brightness(0.5) saturate(0.5);
}
.fab-add-btn {
  border-radius: 15px !important;
  background-color: #fe9c45;
  --background-hover: #fe9c45;
  position: fixed;
  bottom: 10px;
  right: 10px;
}
textarea,
input {
  font-family: "Poppins-Light" !important;
}
ion-segment-button {
  --background-hover: none;
}
ion-item {
  --highlight-color-valid: transparent;
  --highlight-color-invalid: transparent;
  --highlight-color-focused: var(--ion-color-light);
}
.weekview-allday-table {
  display: none;
}
.weekview-normal-event-table {
  display: none;
}
.calendar-hour-column {
  display: none;
}
.weekview-header th {
  white-space: unset !important;
  width: 30px;
  padding: 20px !important;
  border: none !important;
  font-size: 14px !important;
}
@media only screen and (max-width: 324px) {
  .weekview-header th {
    padding: 13px !important;
    font-size: 15px !important;
  }
}
@media only screen and (max-width: 400px) {
  .weekview-header th {
    padding: 13px !important;
    font-size: 15px !important;
  }
  .table-bordered {
    max-width: 324px !important;
  }
}
@media only screen and (min-width: 401px) {
  .table-bordered {
    max-width: 412px !important;
  }
}
.table-bordered {
  border: none !important;
  max-width: 412px;
  background-color: transparent;
  margin: 0 auto;
}
.weekview-selected {
  background: white;
  border-radius: 25px;
  color: black !important;
}
.weekview-header {
  color: white;
}
.add-more-btn {
  background-color: #fe9c45 !important;
  border-radius: 4px;
  color: #fff !important;
  display: inline-block;
  font-size: 14px;
  padding: 5px 10px;
  text-decoration: none;
}
.no-results {
  padding: 0 20px;
}
.inputItem.no-arrow::after {
  content: "";
}
.hidden {
  display: none !important;
}
.no-results {
  padding: 0 20px;
}
.inputItem.no-arrow::after {
  content: "";
}
.hidden {
  display: none !important;
}
.centered {
  margin: auto;
}
.text-center {
  text-align: center;
}
.no-results + .estimates-timeline::after {
  width: 0;
}
.model.active {
  background: #beffbe;
}
.dashboard-area {
  top: -100px;
  position: relative;
  width: 100%;
  padding: 0 20px;
}
.home-header {
  height: 144px;
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding: 12px;
  border-radius: 100px;
  width: 220px;
}
.whiteLogo {
  background: #fff;
  border: 1px solid #e7e7e7;
  box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.08);
  margin-bottom: 10px;
  overflow: hidden;
  padding: 15px;
  text-align: center;
  margin: 0 auto;
  border-radius: 25px;
}
.background-content {
  background-color: #e2e2e2 !important;
}
ion-item {
  --ion-background-color: rgba(255, 255, 255, 0);
}
.nav-content {
  color: #fff;
}
.optn-btn {
  font-size: 26px;
}
.header-md:after {
  background-image: none !important;
}
ion-menu-button {
  color: #fff;
}
.welcome-card img {
  max-height: 35vh;
  overflow: hidden;
}
.home-data-card {
  position: relative;
  margin-top: -50px;
  background: white;
  border-radius: 50px;
  width: 100%;
}
.profile-card-div {
  background: #0a15d5;
  height: 280px;
  width: 100% !important;
  margin: 0 !important;
  box-shadow: none !important;
}
.dashboard-col {
  padding: 10px !important;
  height: 180px;
}
.dashboard-col:nth-of-type(even) {
  margin-top: 50px;
}
.home-card {
  background-color: #0a15d5;
  margin: 0 !important;
  box-shadow: none !important;
}
.dash-widget {
  background: #fff;
  border: 1px solid #e7e7e7;
  box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.08);
  margin-bottom: 10px;
  overflow: hidden;
  padding: 15px;
  height: 180px;
  text-align: center;
  margin: 0 auto;
  border-radius: 25px;
}
.dash-amount {
  font-size: 22px;
  font-weight: 800;
  margin-top: 5px;
  margin-bottom: 2px;
}
.dash-text {
  font-size: 18px;
  margin-top: 0;
  font-weight: normal;
  white-space: nowrap;
}
.dash-widget-icon fa-icon {
  border-radius: 50%;
  font-size: 40px;
  height: 50px;
  line-height: 48px;
  font-weight: 400;
  text-align: center;
  width: 50px;
}
.dash-widget-icon span {
  font-size: 80px;
  border-radius: 50px;
  border: solid 1px;
}
.dash-widget-icon .custom-icon-dashboard-project-icon,
.dash-widget-icon .custom-icon-dashboard-employee-icons {
  border-color: #fe9c45;
}
.dash-widget-icon .custom-icon-dashboard-project-icon:before,
.dash-widget-icon .custom-icon-dashboard-employee-icons:before {
  color: #fe9c45;
}
.dash-widget-icon .custom-icon-dashboard-client-icon,
.dash-widget-icon .custom-icon-dashboard-invoice-icons {
  border-color: #0a15d5;
}
.dash-widget-icon .custom-icon-dashboard-client-icon:before,
.dash-widget-icon .custom-icon-dashboard-invoice-icons:before {
  color: #0a15d5;
}
.bottom-btn {
  position: fixed;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  cursor: pointer;
}
.bottom-btn span {
  font-size: 1em;
  font-weight: bold;
  margin-right: 6px;
}
.menu-user-icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: white;
  display: inline-block;
}
.menu-user-icon span {
  vertical-align: bottom;
  font-size: 18px;
}
.search-input {
  background: white;
  border-radius: 50px !important;
  padding: 10px !important;
  width: 100% !important;
}
.breadcrumb {
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: bold;
  margin-left: 12px;
  vertical-align: super;
  max-width: 20%;
}
.filter-div {
  background: #0a15d5;
}
.text-right {
  text-align: right;
}
.filter-row {
  width: 90%;
  margin-left: 5%;
  margin-bottom: 8px;
}
.filter-row input,
.filter-row select {
  background: white;
  color: black;
}
.filter-row input:not([type=checkbox]),
.filter-row select {
  padding: 6px;
  border-radius: 8px;
  width: 90%;
}
.dash-text {
  text-transform: uppercase;
}
.dash-widget {
  background: #d6d6d6;
}
.filters-button {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background: white;
  color: black;
  display: inline-block;
  margin: auto;
  cursor: pointer;
  background-image: url(https://iconvulture.com/wp-content/uploads/2017/12/filter-tool-black-shape.svg);
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: center;
}
.flex {
  display: flex !important;
}
.flex-1 {
  flex: 1;
}
.flex-8 {
  flex: 8;
}
.doc-status {
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.doc-status.success {
  background: green;
}
.doc-status.fail {
  background: red;
}
.doc-status.warning {
  background: yellow;
}
.yellow {
  color: rgb(235, 229, 39);
}
.doc-icon {
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  height: 20px;
  width: 20px;
  background-color: transparent;
}
.doc-icon.uploaded {
  background-image: url(https://icons.iconarchive.com/icons/custom-icon-design/mono-general-2/512/document-icon.png);
}
.doc-icon.upload {
  background-image: url(https://icons-for-free.com/iconfiles/png/512/box+document+outline+share+top+upload+icon-1320195323221671611.png);
}
.doc-icon.copy {
  background-image: url(https://icons-for-free.com/iconfiles/png/512/copy+duplicate+icon-1320184983318330171.png);
  display: inline-block;
  vertical-align: middle;
}
.doc-icon.share {
  background-image: url(https://e7.pngegg.com/pngimages/228/376/png-clipart-share-icon-social-media-computer-icons-social-networking-service-sharing-icon-social-media-share-icon.png);
}
.float-right {
  float: right;
}
.ds-dashicon {
  height: 80px;
  border-radius: 50px;
  border: solid 1px;
  width: 80px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
}
.ds-dashicon.io_commerciale {
  background-image: url('io_commerciale.svg');
}
.ds-dashicon.carriera {
  background-image: url('carriera.svg');
}
.ds-dashicon.utenti {
  background-image: url('utenti.svg');
}
.ds-dashicon.pagamenti {
  background-image: url('pagamenti.svg');
}
.ds-dashicon.report {
  background-image: url('report.svg');
}
.ds-dashicon.contratti {
  background-image: url('contratti.svg');
}
.ds-dashicon.squadre {
  background-image: url('squadre.svg');
}
.ds-dashicon.clienti {
  background-image: url('clienti.svg');
}
.ds-dashicon.investimenti {
  background-image: url('investimenti.svg');
}
.ds-dashicon.bonus {
  background-image: url('bonus.svg');
}
.ds-tabicon {
  height: 40px;
  width: 40px;
  border-radius: 50px;
  border: solid 1px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
}
.ds-tabicon.clienti {
  background-image: url('clienti.svg');
}
.ds-tabicon.bonus {
  background-image: url('bonus.svg');
}
.ds-tabicon.report {
  background-image: url('report.svg');
}
.ds-tabicon.contratti {
  background-image: url('contratti.svg');
}
.ds-tabicon.info {
  background-image: url('info.svg');
}
.ds-tabicon.overview {
  background-image: url('overview.svg');
}
.ds-tabicon.elenco {
  background-image: url('elenco.svg');
}
.relative {
  position: relative;
}
.text-left {
  text-align: left;
}
app-add-bookmark {
  width: 35px;
  height: 35px;
  display: inline-block;
}
.list-title {
  padding-left: 20px;
}
.seg-title {
  font-size: 18px;
  font-weight: bold;
}
.border {
  border-top: solid 2px #fe9c45;
  width: 80px;
}
/* @TODO USARE SOLO QUESTO STILE PER NUOVE GRAFICHE */
html,
body {
  height: 100%;
  margin: 0;
  color: white;
  font-size: 16px;
}
#ht {
  min-height: 100%;
  height: 100%;
  background: url('bg-blue.png') no-repeat;
  background-size: cover;
}
#htmenu {
  min-height: 80%;
  height: 80%;
  background: url('bg-blue.png') no-repeat;
  background-size: cover;
}
.htfooter {
  background: url('bg-blue.png') no-repeat;
  background-size: cover;
}
#main-cnt {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ht {
  min-height: 100%;
  height: 100%;
  background: url('bg-blue.png') no-repeat;
  background-size: cover;
}
.main-cnt {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.main-header {
  flex: 1;
  margin-bottom: 1rem;
  /* background:red; */
  /* padding-bottom: 2rem; */
}
.main-content {
  flex: 9;
  /* background:green; */
  overflow: hidden;
}
.scroller-container,
.content-scroller {
  height: 100%;
}
.content-scroller {
  overflow-y: auto;
  /* se ce footer fixed */
  /*
  padding-bottom:50px;
  */
}
.content {
  padding: 1.5rem;
  color: white;
}
.content.tillBottom {
  height: 100%;
  padding-bottom: 0;
}
.content.tillBottom > div {
  height: 100%;
}
.content.with-floating-footer {
  padding-bottom: 100px;
}
/* UTILS */
.center-content {
  justify-content: center;
  align-items: center;
  display: flex;
}
.center-content-vertical {
  align-items: center;
  display: flex;
}
.glass-background {
  background-color: rgba(159, 175, 255, 0.35);
}
.glass-blurred-background {
  background-color: rgba(245, 247, 255, 0.25);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.glass-blurred-background .glass-blurred-background {
  background-color: rgba(245, 247, 255, 0);
}
.block-image {
  display: block;
  margin: 0 auto;
  width: 75%;
}
.text-center {
  text-align: center !important;
  justify-content: center;
}
.wrap-text {
  word-break: break-all;
}
.ellipsis {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
h2,
h4 {
  margin: 0;
  font-size: 1.1rem;
}
.drop-shadow {
  box-shadow: 2px 2px 9px 0 rgba(35, 35, 35, 0.2509803922);
}
.main-logo {
  display: block;
  margin: 1rem auto;
  width: 90%;
}
.main-logo.small {
  width: 180px;
}
.panel-title {
  margin: 0;
  margin-left: 1.5rem;
  padding-bottom: 8px;
  border-bottom: 2px solid #6899d6;
  display: inline-block;
  font-weight: bold;
}
.panel-buttons-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0.5rem;
  gap: 1rem;
  margin: 1rem 0;
}
.panel-button img {
  border-radius: 50%;
  padding: 8px;
  display: block;
  margin: 0 auto;
  height: 50px;
}
.panel-button h4 {
  margin: 10px 0;
  text-align: center;
  font-size: 0.8rem;
  font-weight: bold;
}
.panel-button-image-container {
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  height: 50px;
  width: 50px;
}
.floating-btn {
  position: fixed;
  bottom: 20px;
  right: 1.5rem;
  background: #6d96ca;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: white;
  font-weight: bold;
  z-index: 9999;
}
.list-item-block {
  display: grid;
  position: relative;
  grid-template-columns: 0.6fr 1.4fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 12px;
  grid-auto-flow: row;
  grid-template-areas: "pic name date" "pic product total";
  padding: 1rem;
  margin-bottom: 1rem;
  font-weight: bold;
}
.list-item-block .name,
.list-item-block .t2 .date {
  text-transform: uppercase;
  font-size: 0.7rem;
  text-align: right;
}
.list-item-block .pic {
  grid-area: pic;
}
.list-item-block .name {
  grid-area: name;
}
.list-item-block .date {
  grid-area: date;
}
.list-item-block .total {
  grid-area: total;
}
.list-item-block .product {
  grid-area: product;
}
.list-item-block .t2 {
  grid-area: t2;
}
.list-item-block .t3 {
  grid-area: t3;
}
.list-item-block .caret {
  grid-area: caret;
}
.list-item-block-4 {
  display: grid;
  position: relative;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 8px 8px;
  grid-template-areas: ". . . ." ". . . .";
  padding: 1rem;
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 0.9rem;
}
.list-item-floating-buttons {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.list-item-floating-buttons img {
  width: 55%;
}
.panel-floating-buttons {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}
.flex-row {
  display: flex;
  flex-direction: row;
  gap: 0.6rem;
}
.flex-row.info {
  position: relative;
  border-bottom: 1px solid;
}
.flex-row.info .doc-icon.copy {
  position: absolute;
  right: 1rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.flex-row.info app-file-picker-icon {
  position: absolute;
  right: 1rem;
  bottom: 8px;
  margin: auto;
}
.flex-1 {
  flex: 1;
}
.list-item-button {
  background: #4b93de;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 0.7rem;
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
}
.curved {
  position: relative;
  background: transparent;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.curved::after {
  content: "";
  border-top-left-radius: 0% 100%;
  border-top-right-radius: 90% 100%;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.1607843137);
  height: 100%;
}
.floating-footer {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100px;
  background: #0d1253;
  font-size: 1.1rem;
  font-weight: bold;
}
.flex-left {
  flex: 1;
  text-align: left;
  padding-left: 1rem;
}
.flex-left.wide {
  flex: 3;
}
.flex-right {
  flex: 1;
  text-align: right;
  padding-right: 2rem;
}
.padding {
  padding: 0.5rem;
}
.flex-row {
  display: flex;
  padding: 0.5rem 0;
}
.flex-row.header {
  font-weight: bold;
}
.text-left {
  text-align: left !important;
}
.flex-tabs {
  display: flex;
  justify-content: space-around;
  gap: 1rem;
}
.flex-tab {
  flex: 1;
  text-align: center;
}
.flex-tab.active {
  background-color: #7fb4d4;
}
.full-width {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 1rem;
}
.flex-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 110px));
  grid-template-rows: repeat(auto-fill, 1fr);
  gap: 15px;
  width: 100%;
  justify-content: center;
}
.flex-grid-3.full {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-grid-3.equal {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tiny-card {
  flex: 1;
  padding: 1rem;
  flex-direction: column;
}
.tiny-card.user {
  min-height: 165px;
  font-size: 0.9rem;
  justify-content: flex-start;
}
.round-icon {
  background-color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0.5rem;
}
.space-below {
  margin-bottom: 0.5rem;
}
.flex-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(auto-fill, 1fr);
  gap: 1rem;
  width: 100%;
  justify-content: center;
}
.flex-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(auto-fill, 1fr);
  gap: 2rem;
  width: 100%;
  justify-content: center;
}
img.rounded {
  background: gray;
  border-radius: 50%;
  padding: 1rem;
}
img.border {
  border: 5px solid white;
}
img.big {
  width: 90px;
  height: 90px;
}
img.centered {
  display: block;
  margin: 1rem auto;
}
img.small {
  width: 40%;
}
.space-separator {
  padding: 2.5rem 0;
  /* height: 2rem; */
  /* display: block; */
  /* margin: 2rem; */
}
.flex-grid-3.text-left {
  justify-content: left;
}
.button-primary {
  border: none;
  background-color: transparent;
  background-color: #709bb5;
  padding: 1rem 2rem;
  color: white;
}
.menu-box {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 4px 4px 14px 0px rgba(16, 16, 16, 0.3215686275);
  flex-direction: column;
  padding: 2rem 1rem;
  flex: 1;
}
.menu-box h2 {
  margin-top: 0.8rem;
  font-weight: bold;
  font-size: 1rem;
}
.menu-grid-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 3rem;
}
.svg-white {
  filter: invert(42%) sepia(93%) saturate(0%) hue-rotate(87deg) brightness(176%) contrast(119%);
}
.vertical-middle {
  vertical-align: middle;
}
.progress-bar-background {
  background: #5a5a5a;
  border: 1px solid black;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  height: 20px;
}
.progress-bar-background .progress-bar-color {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4e391+0,6ed872+44,d3e2c7+100 */
  background: #b4e391; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #b4e391 0%, #6ed872 44%, #d3e2c7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b4e391", endColorstr="#d3e2c7", GradientType=1); /* IE6-9 fallback on horizontal gradient */
  height: 100%;
  border-radius: 6px;
}
.progress-bar-background .progress-bar-color .progress-bar-percent {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  color: black;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 1.2rem;
}
.hidden {
  display: none;
}
.subheader {
  margin-left: 30px;
  font-size: 0.8rem;
  padding: 0;
}
img.xsmall {
  height: 25px;
}
.list-avatar {
  width: 60px;
}
.text-bold {
  font-weight: bold;
}
.volume-level.active {
  background: rgba(0, 0, 0, 0.2509803922);
}
.panel-button.active .panel-button-image-container {
  background: orange;
  box-shadow: 2px 2px 10px 0 rgba(35, 35, 35, 0.7803921569);
}
.button {
  width: 100%;
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: bold;
}
.button.full-at-bottom {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  margin: 0 auto;
  width: 85%;
}
ion-textarea.text-input {
  margin: 0;
}
input.text-input[type=text],
input.text-input[type=date],
input.text-input[type=password],
input.text-input[type=number],
input.text-input[type=search],
textarea.text-input,
select.text-input,
ion-input.text-input input[type=text],
ion-input.text-input input[type=password],
ion-input.text-input input[type=date],
ion-input.text-input input[type=number],
ion-input.text-input input[type=search],
ion-textarea.text-input div.textarea-wrapper textarea,
ion-select.text-input {
  color: white;
  background: transparent;
  border: none;
  padding: 0.7rem;
  font-weight: bold;
  margin-bottom: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.5411764706);
}
.block {
  width: 100%;
}
button[type=submit],
.button-blue {
  background: #6db5ca !important;
  text-transform: capitalize;
  padding: 0.8rem;
  margin: 0 auto;
  display: block;
}
.contract-status {
  margin: 2rem 0;
  font-weight: bold;
}
.contract-header {
  font-weight: bold;
  font-size: 0.9rem;
  margin-bottom: 0;
}
.contract-sub {
  font-size: 0.9rem;
  font-weight: bold;
}
button.view-contract {
  margin-top: 50px;
  width: 60%;
  padding: 1.5rem 0;
}
.header-avatar {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  display: block;
  margin: 0rem auto;
  position: relative;
  transition: all 0.3s;
}
.header-avatar.resized {
  transform: scale(0, 0);
  width: 0;
  margin: 0 auto;
  height: 0px;
}
.custom-icon-edit-icon,
.custom-icon-delete-icon {
  position: absolute;
  font-size: 2rem;
  background: orange;
  border-radius: 50%;
  top: 0;
  right: 0;
}
.custom-icon-delete-icon {
  right: 2.5rem;
}
.section-title {
  margin: 0;
  margin-bottom: 30px;
  padding-bottom: 8px;
  border-bottom: 2px solid orange;
  display: inline-block;
  font-weight: bold;
}
amplify-sign-out {
  position: relative;
  top: 40px;
}
.edit-icons {
  font-size: 2rem;
  position: absolute;
  top: 2.5rem;
  right: 1rem;
}
.green-text {
  color: green;
}
.red-text {
  color: red;
}
app-clients-list > .flex-row,
app-list-users > .flex-row {
  padding-bottom: 50px;
}
.user-role {
  font-size: 10px;
}
.user-name {
  font-size: 12px !important;
}
.tiny-card {
  padding: 16px 10px;
  overflow: hidden;
}
.tiny-card.user {
  overflow: hidden;
}
ion-segment-button::part(indicator-background) {
  background-color: #ffff00;
}
/* Material Design styles */
ion-segment-button.md::part(native) {
  color: white;
}
.segment-button-checked.md::part(native) {
  color: #ffff00;
}
ion-segment-button.md::part(indicator-background) {
  height: 4px;
}
/* iOS styles */
ion-segment-button.ios::part(native) {
  color: #ffff00;
}
.segment-button-checked.ios::part(native) {
  color: #ffff00;
}
ion-segment-button.ios::part(indicator-background) {
  border-radius: 20px;
}
.pink {
  /* Material Design styles */
  /* iOS styles */
}
.pink ion-segment-button::part(indicator-background) {
  background-color: #ffff00;
}
.pink ion-segment-button.md::part(native) {
  color: white;
}
.pink .segment-button-checked.md::part(native) {
  color: #ffff00;
}
.pink ion-segment-button.md::part(indicator-background) {
  height: 4px;
}
.pink ion-segment-button.ios::part(native) {
  color: #ffff00;
}
.pink .segment-button-checked.ios::part(native) {
  color: #ffff00;
}
.pink ion-segment-button.ios::part(indicator-background) {
  border-radius: 20px;
}
.pink .panel-title,
.pink .section-title {
  border-bottom: 2px solid #ffb33b !important;
}
.pink #ht {
  background: url('bg-pink.png') no-repeat !important;
  background-size: cover !important;
}
.pink #htmenu {
  background: url('bg-pink.png') no-repeat !important;
  background-size: cover !important;
}
.pink .htfooter {
  background: url('bg-pink.png') no-repeat !important;
  background-size: cover !important;
}
.pink .theme-text-color {
  color: #663066 !important;
}
.pink button[type=submit],
.pink .button-blue,
.pink .flex-tab.active,
.pink .cus-menu-content,
.pink .floating-footer,
.pink .floating-btn {
  background: #ffb33b !important;
}
.black .panel-title,
.black .section-title {
  border-bottom: 2px solid #fff !important;
}
.black #ht {
  background: url('bg-black.png') no-repeat !important;
  background-size: cover !important;
}
.black #htmenu {
  background: url('bg-black.png') no-repeat !important;
  background-size: cover !important;
}
.black .htfooter {
  background: url('bg-black.png') no-repeat !important;
  background-size: cover !important;
}
.black .theme-text-color {
  color: #fff !important;
}
.black button[type=submit],
.black .button-blue,
.black .flex-tab.active,
.black .cus-menu-content,
.black .floating-footer,
.black .floating-btn {
  background: #111 !important;
  color: #fff !important;
}
.highlight {
  background-color: #ffff00;
}
.bgblack {
  background: black;
  --background: black;
}
.heigt-100 {
  height: 100%;
}
.overflow-auto {
  overflow: auto !important;
}
.max-width-50 {
  max-width: 50%;
}
.bg-transparent {
  --background: transparent !important;
  background: transparent !important;
}
.color-white {
  color: white !important;
  --color: white !important;
}
.bottom-20 {
  margin-bottom: 20px !important;
}
.font-14 {
  font-size: 14px !important;
}
.app-coming-soon-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
}
.app-coming-soon-container {
  background: url(/assets/imgs/cs-bg-blue.png) no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}
.blue .app-coming-soon-container {
  background: url(/assets/imgs/cs-bg-blue.png) no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}
.pink .app-coming-soon-container {
  background: url(/assets/imgs/cs-bg-pink.png) no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}
.black .app-coming-soon-container {
  background: url(/assets/imgs/cs-bg-black.png) no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}
.margin-auto {
  margin-left: auto;
  margin-right: auto;
}
.sent_msg p,
.msg_send_btn {
  background-color: #42678d;
}
.black .sent_msg p,
.black .msg_send_btn {
  background-color: #595656;
}
.blue .sent_msg p,
.blue .msg_send_btn {
  background-color: #42678d;
}
.pink .sent_msg p,
.pink .msg_send_btn {
  background-color: #8b4991;
}
#bookmarks-menu {
  color: white;
  z-index: 9999999;
  padding: 15px;
  margin-top: 10px;
  border-top: 1px solid #555;
}
#bookmarks-menu .bookmark-link {
  padding: 10px 0;
  position: relative;
}
#bookmarks-menu .bookmark-link ion-icon {
  position: absolute;
  right: 0;
}
#add-to-bookmarks {
  display: inline-block;
  position: relative;
  left: -15px;
}
#add-to-bookmarks ion-icon {
  color: white;
  height: 35px;
  width: 25px;
}
.alert-wrapper {
  background-color: rgba(245, 247, 255, 0.25) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
  /* color: white !important; */
}
.alert-wrapper * {
  color: inherit !important;
}
.alert-radio-icon {
  border-color: white !important;
  border-width: 1px !important;
}
.alert-radio-inner {
  left: 4px !important;
  top: 4px !important;
  background: white !important;
}
ion-alert:not(.select-alert) {
  --background: yellow;
  --ion-text-color: white;
}
ion-alert:not(.select-alert) button {
  color: white !important;
  font-size: 20px !important;
}
ion-alert:not(.select-alert) .alert-message {
  color: #ddd;
}
.fixedButtom {
  bottom: 0px;
  position: fixed;
  display: block;
  width: 100%;
}
.notifications-badge {
  background-color: #ffff00;
  color: black;
  position: absolute;
  top: -3px;
  right: -3px;
  border-radius: 100%;
}
.notification-button {
  background: transparent;
  position: relative;
  width: 42px;
  top: 1px;
  right: 1px;
  overflow: visible !important;
}

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