body.backdrop-no-scroll {
    overflow: hidden
}

.ion-page {
    position: absolute;
	left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    contain: layout size style;
    overflow: hidden;
    z-index: 0
}

.ion-page-hidden, [hidden], ion-action-sheet-controller, ion-alert-controller, ion-loading-controller, ion-menu-controller, ion-modal-controller, ion-nav-controller, ion-picker-controller, ion-popover-controller, ion-route, ion-route-redirect, ion-router, ion-select-option, ion-toast-controller {
    display: none!important
}
.ion-page-invisible {
    opacity: 0
}
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:constant(safe-area-inset-top)) {
html {
--ion-safe-area-top:constant(safe-area-inset-top);
--ion-safe-area-bottom:constant(safe-area-inset-bottom);
--ion-safe-area-left:constant(safe-area-inset-left);
--ion-safe-area-right:constant(safe-area-inset-right)
}
}
@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)
}
}
audio, canvas, progress, video {
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}


figure {
    margin: 1em 40px
}
hr {
    height: 1px;
    border-width: 0;
    box-sizing: content-box
}
pre {
    overflow: auto
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}




.ion-tappable, [tappable], [tappable] div, [tappable] ion-icon, [tappable] ion-label, [tappable] span, a, a div, a ion-icon, a ion-label, a span, button, button div, button ion-icon, button ion-label, button span, input, textarea {
    touch-action: manipulation
}
a ion-label, button ion-label {
    pointer-events: none
}

[tappable] {
    cursor: pointer
}
a[disabled], button[disabled], html input[disabled] {
    cursor: default
}

html.plt-pwa {
    height: 100vh
}




.ion-no-padding, [no-padding] {
--padding-start:0;
--padding-end:0;
--padding-top:0;
--padding-bottom:0;
    padding: 0
}
.ion-padding, [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-left: var(--ion-padding, 16px);
    padding-right: var(--ion-padding, 16px);
    padding-top: var(--ion-padding, 16px);
    padding-bottom: var(--ion-padding, 16px)
}
@supports (margin-inline-start:0) or (-webkit-margin-start:0) {
.ion-padding, [padding] {
padding-left:unset;
padding-right:unset;
-webkit-padding-start:var(--ion-padding, 16px);
padding-inline-start:var(--ion-padding, 16px);
-webkit-padding-end:var(--ion-padding, 16px);
padding-inline-end:var(--ion-padding, 16px)
}
}
.ion-padding-top, [padding-top] {
--padding-top:var(--ion-padding, 16px);
    padding-top: var(--ion-padding, 16px)
}
.ion-padding-start, [padding-start] {
--padding-start:var(--ion-padding, 16px);
    padding-left: var(--ion-padding, 16px)
}
.ion-padding-end, [padding-end] {
--padding-end:var(--ion-padding, 16px);
    padding-right: var(--ion-padding, 16px)
}
@supports (margin-inline-start:0) or (-webkit-margin-start:0) {
.ion-padding-start, [padding-start] {
padding-left:unset;
-webkit-padding-start:var(--ion-padding, 16px);
padding-inline-start:var(--ion-padding, 16px)
}
.ion-padding-end, [padding-end] {
padding-right:unset;
-webkit-padding-end:var(--ion-padding, 16px);
padding-inline-end:var(--ion-padding, 16px)
}
}
.ion-padding-bottom, [padding-bottom] {
--padding-bottom:var(--ion-padding, 16px);
    padding-bottom: var(--ion-padding, 16px)
}
.ion-padding-vertical, [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-horizontal] {
--padding-start:var(--ion-padding, 16px);
--padding-end:var(--ion-padding, 16px);
    padding-left: var(--ion-padding, 16px);
    padding-right: var(--ion-padding, 16px)
}
.ion-no-margin, [no-margin] {
--margin-start:0;
--margin-end:0;
--margin-top:0;
--margin-bottom:0;
    margin: 0
}
.ion-margin, [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-left: var(--ion-margin, 16px);
    margin-right: var(--ion-margin, 16px);
    margin-top: var(--ion-margin, 16px);
    margin-bottom: var(--ion-margin, 16px)
}
@supports (margin-inline-start:0) or (-webkit-margin-start:0) {
.ion-padding-horizontal, [padding-horizontal] {
padding-left:unset;
padding-right:unset;
-webkit-padding-start:var(--ion-padding, 16px);
padding-inline-start:var(--ion-padding, 16px);
-webkit-padding-end:var(--ion-padding, 16px);
padding-inline-end:var(--ion-padding, 16px)
}
.ion-margin, [margin] {
margin-left:unset;
margin-right:unset;
-webkit-margin-start:var(--ion-margin, 16px);
margin-inline-start:var(--ion-margin, 16px);
-webkit-margin-end:var(--ion-margin, 16px);
margin-inline-end:var(--ion-margin, 16px)
}
}
.ion-margin-top, [margin-top] {
--margin-top:var(--ion-margin, 16px);
    margin-top: var(--ion-margin, 16px)
}
.ion-margin-start, [margin-start] {
--margin-start:var(--ion-margin, 16px);
    margin-left: var(--ion-margin, 16px)
}
.ion-margin-end, [margin-end] {
--margin-end:var(--ion-margin, 16px);
    margin-right: var(--ion-margin, 16px)
}
@supports (margin-inline-start:0) or (-webkit-margin-start:0) {
.ion-margin-start, [margin-start] {
margin-left:unset;
-webkit-margin-start:var(--ion-margin, 16px);
margin-inline-start:var(--ion-margin, 16px)
}
.ion-margin-end, [margin-end] {
margin-right:unset;
-webkit-margin-end:var(--ion-margin, 16px);
margin-inline-end:var(--ion-margin, 16px)
}
}
.ion-margin-bottom, [margin-bottom] {
--margin-bottom:var(--ion-margin, 16px);
    margin-bottom: var(--ion-margin, 16px)
}
.ion-margin-vertical, [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-horizontal] {
--margin-start:var(--ion-margin, 16px);
--margin-end:var(--ion-margin, 16px);
    margin-left: var(--ion-margin, 16px);
    margin-right: var(--ion-margin, 16px)
}
@supports (margin-inline-start:0) or (-webkit-margin-start:0) {
.ion-margin-horizontal, [margin-horizontal] {
margin-left:unset;
margin-right:unset;
-webkit-margin-start:var(--ion-margin, 16px);
margin-inline-start:var(--ion-margin, 16px);
-webkit-margin-end:var(--ion-margin, 16px);
margin-inline-end:var(--ion-margin, 16px)
}
}
[float-left], [float-start] {
    float: left!important
}
[float-right] {
    float: right!important
}
:host-context([dir=rtl]) [float-start] {
float:right!important
}
[float-end] {
    float: right!important
}
:host-context([dir=rtl]) [float-end] {
float:left!important
}
.ion-text-center, [text-center] {
    text-align: center!important
}
.ion-text-justify, [text-justify] {
    text-align: justify!important
}
.ion-text-start, [text-start] {
    text-align: start!important
}
.ion-text-end, [text-end] {
    text-align: end!important
}
.ion-text-left, [text-left] {
    text-align: left!important
}
.ion-text-right, [text-right] {
    text-align: right!important
}
.ion-text-nowrap, [text-nowrap] {
    white-space: nowrap!important
}
.ion-text-wrap, [text-wrap] {
    white-space: normal!important
}
.ion-text-uppercase, [text-uppercase] {
    text-transform: uppercase!important
}
.ion-text-lowercase, [text-lowercase] {
    text-transform: lowercase!important
}
.ion-text-capitalize, [text-capitalize] {
    text-transform: capitalize!important
}

@media (min-width:576px) {
[float-sm-left], [float-sm-start] {
    float: left!important
}
[float-sm-right] {
    float: right!important
}
:host-context([dir=rtl]) [float-sm-start] {
float:right!important
}
[float-sm-end] {
    float: right!important
}
:host-context([dir=rtl]) [float-sm-end] {
float:left!important
}
.ion-text-sm-center, [text-sm-center] {
    text-align: center!important
}
.ion-text-sm-justify, [text-sm-justify] {
    text-align: justify!important
}
.ion-text-sm-start, [text-sm-start] {
    text-align: start!important
}
.ion-text-sm-end, [text-sm-end] {
    text-align: end!important
}
.ion-text-sm-left, [text-sm-left] {
    text-align: left!important
}
.ion-text-sm-right, [text-sm-right] {
    text-align: right!important
}
.ion-text-sm-nowrap, [text-sm-nowrap] {
    white-space: nowrap!important
}
.ion-text-sm-wrap, [text-sm-wrap] {
    white-space: normal!important
}
.ion-text-sm-uppercase, [text-sm-uppercase] {
    text-transform: uppercase!important
}
.ion-text-sm-lowercase, [text-sm-lowercase] {
    text-transform: lowercase!important
}
.ion-text-sm-capitalize, [text-sm-capitalize] {
    text-transform: capitalize!important
}
}

@media (min-width:768px) {
[float-md-left], [float-md-start] {
    float: left!important
}
[float-md-right] {
    float: right!important
}
:host-context([dir=rtl]) [float-md-start] {
float:right!important
}
[float-md-end] {
    float: right!important
}
:host-context([dir=rtl]) [float-md-end] {
float:left!important
}
.ion-text-md-center, [text-md-center] {
    text-align: center!important
}
.ion-text-md-justify, [text-md-justify] {
    text-align: justify!important
}
.ion-text-md-start, [text-md-start] {
    text-align: start!important
}
.ion-text-md-end, [text-md-end] {
    text-align: end!important
}
.ion-text-md-left, [text-md-left] {
    text-align: left!important
}
.ion-text-md-right, [text-md-right] {
    text-align: right!important
}
.ion-text-md-nowrap, [text-md-nowrap] {
    white-space: nowrap!important
}
.ion-text-md-wrap, [text-md-wrap] {
    white-space: normal!important
}
.ion-text-md-uppercase, [text-md-uppercase] {
    text-transform: uppercase!important
}
.ion-text-md-lowercase, [text-md-lowercase] {
    text-transform: lowercase!important
}
.ion-text-md-capitalize, [text-md-capitalize] {
    text-transform: capitalize!important
}
}

@media (min-width:992px) {
[float-lg-left], [float-lg-start] {
    float: left!important
}
[float-lg-right] {
    float: right!important
}
:host-context([dir=rtl]) [float-lg-start] {
float:right!important
}
[float-lg-end] {
    float: right!important
}
:host-context([dir=rtl]) [float-lg-end] {
float:left!important
}
.ion-text-lg-center, [text-lg-center] {
    text-align: center!important
}
.ion-text-lg-justify, [text-lg-justify] {
    text-align: justify!important
}
.ion-text-lg-start, [text-lg-start] {
    text-align: start!important
}
.ion-text-lg-end, [text-lg-end] {
    text-align: end!important
}
.ion-text-lg-left, [text-lg-left] {
    text-align: left!important
}
.ion-text-lg-right, [text-lg-right] {
    text-align: right!important
}
.ion-text-lg-nowrap, [text-lg-nowrap] {
    white-space: nowrap!important
}
.ion-text-lg-wrap, [text-lg-wrap] {
    white-space: normal!important
}
.ion-text-lg-uppercase, [text-lg-uppercase] {
    text-transform: uppercase!important
}
.ion-text-lg-lowercase, [text-lg-lowercase] {
    text-transform: lowercase!important
}
.ion-text-lg-capitalize, [text-lg-capitalize] {
    text-transform: capitalize!important
}
}

@media (min-width:1200px) {
[float-xl-left], [float-xl-start] {
    float: left!important
}
[float-xl-right] {
    float: right!important
}
:host-context([dir=rtl]) [float-xl-start] {
float:right!important
}
[float-xl-end] {
    float: right!important
}
:host-context([dir=rtl]) [float-xl-end] {
float:left!important
}
.ion-text-xl-center, [text-xl-center] {
    text-align: center!important
}
.ion-text-xl-justify, [text-xl-justify] {
    text-align: justify!important
}
.ion-text-xl-start, [text-xl-start] {
    text-align: start!important
}
.ion-text-xl-end, [text-xl-end] {
    text-align: end!important
}
.ion-text-xl-left, [text-xl-left] {
    text-align: left!important
}
.ion-text-xl-right, [text-xl-right] {
    text-align: right!important
}
.ion-text-xl-nowrap, [text-xl-nowrap] {
    white-space: nowrap!important
}
.ion-text-xl-wrap, [text-xl-wrap] {
    white-space: normal!important
}
.ion-text-xl-uppercase, [text-xl-uppercase] {
    text-transform: uppercase!important
}
.ion-text-xl-lowercase, [text-xl-lowercase] {
    text-transform: lowercase!important
}
.ion-text-xl-capitalize, [text-xl-capitalize] {
    text-transform: capitalize!important
}
}
[align-self-start] {
    align-self: flex-start!important
}
[align-self-end] {
    align-self: flex-end!important
}
[align-self-center] {
    align-self: center!important
}
[align-self-stretch] {
    align-self: stretch!important
}
[align-self-baseline] {
    align-self: baseline!important
}
[align-self-auto] {
    align-self: auto!important
}
[wrap] {
    flex-wrap: wrap!important
}
[nowrap] {
    flex-wrap: nowrap!important
}
[wrap-reverse] {
    flex-wrap: wrap-reverse!important
}
[justify-content-start] {
    justify-content: flex-start!important
}
[justify-content-center] {
    justify-content: center!important
}
[justify-content-end] {
    justify-content: flex-end!important
}
[justify-content-around] {
    justify-content: space-around!important
}
[justify-content-between] {
    justify-content: space-between!important
}
[justify-content-evenly] {
    justify-content: space-evenly!important
}
[align-items-start] {
    align-items: flex-start!important
}
[align-items-center] {
    align-items: center!important
}
[align-items-end] {
    align-items: flex-end!important
}
[align-items-stretch] {
    align-items: stretch!important
}
[align-items-baseline] {
    align-items: baseline!important
}
