.actions-backdrop,.custom-modal-backdrop,.dialog-backdrop,.fab-backdrop,.popover-backdrop,.popup-backdrop,.preloader-backdrop,.sheet-backdrop{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:200%;
    background:rgba(0,0,0,.4);
    z-index:13000;
    visibility:hidden;
    opacity:0;
    transition-duration:.4s
}
.actions-backdrop.not-animated,.custom-modal-backdrop.not-animated,.dialog-backdrop.not-animated,.fab-backdrop.not-animated,.popover-backdrop.not-animated,.popup-backdrop.not-animated,.preloader-backdrop.not-animated,.sheet-backdrop.not-animated{
    transition-duration:0ms
}
.actions-backdrop.backdrop-in,.custom-modal-backdrop.backdrop-in,.dialog-backdrop.backdrop-in,.fab-backdrop.backdrop-in,.popover-backdrop.backdrop-in,.popup-backdrop.backdrop-in,.preloader-backdrop.backdrop-in,.sheet-backdrop.backdrop-in{
    visibility:visible;
    opacity:1
}


:root{
    --f7-dialog-box-shadow:none;
    --f7-dialog-width:270px;
    --f7-dialog-inner-padding:16px;
    --f7-dialog-border-radius:13px;
    --f7-dialog-text-align:center;
    --f7-dialog-font-size:14px;
    --f7-dialog-title-text-color:inherit;
    --f7-dialog-title-font-size:18px;
    --f7-dialog-title-font-weight:600;
    --f7-dialog-title-line-height:inherit;
    --f7-dialog-button-font-size:17px;
    --f7-dialog-button-height:44px;
    --f7-dialog-button-letter-spacing:0;
    --f7-dialog-button-font-weight:400;
    --f7-dialog-button-text-transform:none;
    --f7-dialog-input-border-radius:4px;
    --f7-dialog-input-font-size:14px;
    --f7-dialog-input-height:32px;
    --f7-dialog-input-border-width:1px;
    --f7-dialog-input-placeholder-color:#a9a9a9;
    --f7-dialog-preloader-size:34px;
    --f7-dialog-bg-color:hsla(0,0%,100%,0.95);
    --f7-dialog-bg-color-rgb:255,255,255;
    --f7-dialog-text-color:#000;
    --f7-dialog-button-pressed-bg-color:rgba(0,0,0,0.1);
    --f7-dialog-input-border-color:rgba(0,0,0,0.3);
    --f7-dialog-border-divider-color:rgba(0,0,0,0.2)
}
.ios.theme-dark,.ios .theme-dark{
    --f7-dialog-bg-color:rgba(45,45,45,0.95);
    --f7-dialog-bg-color-rgb:45,45,45;
    --f7-dialog-button-pressed-bg-color:rgba(0,0,0,0.2);
    --f7-dialog-border-divider-color:hsla(0,0%,100%,0.15);
    --f7-dialog-input-border-color:hsla(0,0%,100%,0.15);
    --f7-dialog-input-bg-color:rgba(0,0,0,0.5)
}
.md{
    --f7-dialog-box-shadow:var(--f7-elevation-24);
    --f7-dialog-width:280px;
    --f7-dialog-inner-padding:24px;
    --f7-dialog-border-radius:4px;
    --f7-dialog-text-align:left;
    --f7-dialog-font-size:16px;
    --f7-dialog-title-font-size:20px;
    --f7-dialog-title-font-weight:500;
    --f7-dialog-title-line-height:1.3;
    --f7-dialog-button-font-size:14px;
    --f7-dialog-button-height:36px;
    --f7-dialog-button-letter-spacing:0.03em;
    --f7-dialog-button-font-weight:500;
    --f7-dialog-button-text-transform:uppercase;
    --f7-dialog-input-border-radius:0px;
    --f7-dialog-input-font-size:16px;
    --f7-dialog-input-height:36px;
    --f7-dialog-input-border-color:transparent;
    --f7-dialog-input-border-width:0px;
    --f7-dialog-preloader-size:32px;
    --f7-dialog-bg-color:#fff;
    --f7-dialog-text-color:rgba(0,0,0,0.54);
    --f7-dialog-title-text-color:#212121;
    --f7-dialog-button-pressed-bg-color:rgba(0,0,0,0.1);
    --f7-dialog-input-placeholder-color:rgba(0,0,0,0.35)
}
.md.theme-dark,.md .theme-dark{
    --f7-dialog-bg-color:#1c1c1d;
    --f7-dialog-title-text-color:#fff;
    --f7-dialog-button-pressed-bg-color:hsla(0,0%,100%,0.1);
    --f7-dialog-input-bg-color:transparent;
    --f7-dialog-input-placeholder-color:hsla(0,0%,100%,0.54)
}
.aurora{
    --f7-dialog-box-shadow:0 0 20px 0 rgba(0,0,0,0.15),0 25px 30px 0 rgba(0,0,0,0.35);
    --f7-dialog-width:300px;
    --f7-dialog-inner-padding:20px;
    --f7-dialog-border-radius:4px;
    --f7-dialog-text-align:left;
    --f7-dialog-font-size:14px;
    --f7-dialog-title-font-size:14px;
    --f7-dialog-title-font-weight:700;
    --f7-dialog-title-line-height:inherit;
    --f7-dialog-button-font-size:13px;
    --f7-dialog-button-height:28px;
    --f7-dialog-button-letter-spacing:0;
    --f7-dialog-button-font-weight:500;
    --f7-dialog-button-text-transform:none;
    --f7-dialog-input-border-radius:4px;
    --f7-dialog-input-font-size:13px;
    --f7-dialog-input-height:24px;
    --f7-dialog-input-border-width:1px;
    --f7-dialog-preloader-size:24px;
    --f7-dialog-bg-color:#fff;
    --f7-dialog-title-text-color:inherit;
    --f7-dialog-text-color:#000;
    --f7-dialog-button-text-color:#fff;
    --f7-dialog-input-border-color:rgba(0,0,0,0.12);
    --f7-dialog-input-placeholder-color:rgba(0,0,0,0.32)
}
.aurora.theme-dark,.aurora .theme-dark{
    --f7-dialog-bg-color:#1c1c1d;
    --f7-dialog-title-text-color:#fff;
    --f7-dialog-input-bg-color:rgba(0,0,0,0.25);
    --f7-dialog-input-placeholder-color:hsla(0,0%,100%,0.54);
    --f7-dialog-input-border-color:hsla(0,0%,100%,0.15)
}


.dialog{
    position:absolute;
    z-index:13500;
    left:50%;
    margin-top:0;
    top:75%;
    overflow:hidden;
    opacity:0;
    transform:translate3d(0,-50%,0) scale(1.185);
    transition-property:transform,opacity;
    display:none;
    transition-duration:.4s;
    box-shadow:var(--f7-dialog-box-shadow);
    width:var(--f7-dialog-width);
    margin-left:calc(-1*var(--f7-dialog-width)/2);
    border-radius:var(--f7-dialog-border-radius);
    text-align:var(--f7-dialog-text-align);
    color:var(--f7-dialog-text-color);
    font-size:var(--f7-dialog-font-size);
    background:var(--f7-dialog-bg-color);
    will-change:transform,opacity
}
@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){
    .ios-translucent-modals .dialog{
        background-color:rgba(var(--f7-dialog-bg-color-rgb),.8);
        -webkit-backdrop-filter:saturate(180%) blur(20px);
        backdrop-filter:saturate(180%) blur(20px)
    }
}
.dialog.modal-in{
    opacity:1;
    transform:translate3d(0,-50%,0) scale(1)
}
.dialog.modal-out{
    opacity:0;
    z-index:13499
}
.dialog.not-animated{
    transition-duration:0ms
}
.dialog-inner{
    position:relative;
    padding:var(--f7-dialog-inner-padding)
}
.dialog-inner{
    letter-spacing:-.333333px;
}
.dialog-title{
    color:var(--f7-dialog-title-text-color);
    font-size:var(--f7-dialog-title-font-size);
    font-weight:var(--f7-dialog-title-font-weight);
    line-height:var(--f7-dialog-title-line-height)
}
.dialog-buttons{
    position:relative;
    display:flex
}
.dialog-buttons-vertical .dialog-buttons{
    display:block;
    height:auto!important
}
.dialog-button{
    box-sizing:border-box;
    overflow:hidden;
    position:relative;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:var(--f7-dialog-button-text-color);
    font-size:var(--f7-dialog-button-font-size);
    height:var(--f7-dialog-button-height);
    line-height:var(--f7-dialog-button-height);
    letter-spacing:var(--f7-dialog-button-letter-spacing);
    text-align:var(--f7-dialog-button-text-align);
    font-weight:var(--f7-dialog-button-font-weight);
    text-transform:var(--f7-dialog-button-text-transform);
    display:block;
    cursor:pointer
}
.dialog-button.active-state{
    background-color:var(--f7-dialog-button-pressed-bg-color)
}
.dialog-no-buttons .dialog-buttons{
    display:none
}
.dialog-input-field{
    position:relative
}
input.dialog-input[type]{
    box-sizing:border-box;
    margin:15px 0 0;
    border-radius:var(--f7-dialog-input-border-radius);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%;
    display:block;
    font-family:inherit;
    box-shadow:none;
    font-size:var(--f7-dialog-input-font-size);
    height:var(--f7-dialog-input-height);
    background-color:var(--f7-dialog-input-bg-color);
    border:var(--f7-dialog-input-border-width) solid var(--f7-dialog-input-border-color)
}
input.dialog-input[type]::-webkit-input-placeholder{
    color:var(--f7-dialog-input-placeholder-color)
}
input.dialog-input[type]::-moz-placeholder{
    color:var(--f7-dialog-input-placeholder-color)
}
input.dialog-input[type]::placeholder{
    color:var(--f7-dialog-input-placeholder-color)
}
.dialog-input-double input.dialog-input{
    border-radius:var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius) 0 0
}
.dialog-input-double+.dialog-input-double input.dialog-input{
    border-radius:0 0 var(--f7-dialog-input-border-radius) var(--f7-dialog-input-border-radius)
}
.dialog-preloader .preloader{
    --f7-preloader-size:var(--f7-dialog-preloader-size)
}
html.with-modal-dialog .page-content{
    overflow:hidden;
    -webkit-overflow-scrolling:auto
}
.dialog.modal-out{
    transform:translate3d(0,-50%,0) scale(1)
}
.dialog-inner{
    border-radius:var(--f7-dialog-border-radius) var(--f7-dialog-border-radius) 0 0
}
.dialog-inner:after{
    content:"";
    position:absolute;
    background-color:var(--f7-dialog-border-divider-color);
    display:block;
    z-index:15;
    top:auto;
    right:auto;
    bottom:0;
    left:0;
    height:1px;
    width:100%;
    transform-origin:50% 100%;
    transform:scaleY(calc(1/var(--f7-device-pixel-ratio)))
}
.dialog-title+.dialog-text{
    margin-top:5px
}
.dialog-buttons{
    height:44px;
    justify-content:center
}
.dialog-button{
    width:100%;
    padding:0 5px;
    -webkit-box-flex:1;
    -ms-flex:1
}
.dialog-button:after{
    content:"";
    position:absolute;
    background-color:var(--f7-dialog-border-divider-color);
    display:block;
    z-index:15;
    top:0;
    right:0;
    bottom:auto;
    left:auto;
    width:1px;
    height:100%;
    transform-origin:100% 50%;
    transform:scaleX(calc(1/var(--f7-device-pixel-ratio)))
}
.dialog-button:first-child{
    border-radius:0 0 0 var(--f7-dialog-border-radius)
}
.dialog-button:last-child{
    border-radius:0 0 var(--f7-dialog-border-radius) 0
}
.dialog-button:last-child:after{
    display:none!important
}
.dialog-button:first-child:last-child{
    border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)
}
.dialog-button.dialog-button-bold{
    font-weight:500
}
.dialog-button[class*=color-]{
    --f7-dialog-button-text-color:var(--f7-theme-color)
}
.dialog-buttons-vertical .dialog-buttons{
    height:auto
}
.dialog-buttons-vertical .dialog-button{
    border-radius:0
}
.dialog-buttons-vertical .dialog-button:after{
    content:"";
    position:absolute;
    background-color:var(--f7-dialog-border-divider-color);
    display:block;
    z-index:15;
    top:auto;
    right:auto;
    bottom:0;
    left:0;
    height:1px;
    width:100%;
    transform-origin:50% 100%;
    transform:scaleY(calc(1/var(--f7-device-pixel-ratio)))
}
.dialog-buttons-vertical .dialog-button:last-child{
    border-radius:0 0 var(--f7-dialog-border-radius) var(--f7-dialog-border-radius)
}
.dialog-buttons-vertical .dialog-button:last-child:after{
    display:none!important
}
.dialog-no-buttons .dialog-inner{
    border-radius:var(--f7-dialog-border-radius)
}
.dialog-no-buttons .dialog-inner:after{
    display:none!important
}
.dialog-input-field{
    margin-top:15px
}
.dialog-input{
    padding:0 5px
}
.dialog-input+.dialog-input{
    margin-top:5px
}
.dialog-input-double+.dialog-input-double{
    margin-top:0
}
.dialog-input-double+.dialog-input-double .dialog-input{
    border-top:0;
    margin-top:0
}
.dialog-preloader .dialog-text~.preloader,.ios .dialog-preloader .dialog-title~.preloader,.ios .dialog-progress .dialog-text~.progressbar,.ios .dialog-progress .dialog-text~.progressbar-infinite,.ios .dialog-progress .dialog-title~.progressbar,.ios .dialog-progress .dialog-title~.progressbar-infinite{
    margin-top:15px
}
.md .dialog.modal-out{
    transform:translate3d(0,-50%,0) scale(.815)
}
.md .dialog-title+.dialog-text{
    margin-top:20px
}
.md .dialog-buttons{
    height:48px;
    padding:6px 8px;
    overflow:hidden;
    box-sizing:border-box;
    justify-content:flex-end
}
.md .dialog-button{
    border-radius:4px;
    min-width:64px;
    padding:0 8px;
    border:none;
    transition-duration:.3s;
    transform:translateZ(0)
}
.md .dialog-button.dialog-button-bold{
    font-weight:700
}
.md .dialog-button+.dialog-button{
    margin-left:4px
}
.md .dialog-button[class*=color-]{
    --f7-dialog-button-text-color:var(--f7-theme-color)
}
.md .dialog-buttons-vertical .dialog-buttons{
    padding:0 0 8px
}
.md .dialog-buttons-vertical .dialog-button{
    margin-left:0;
    text-align:right;
    height:48px;
    line-height:48px;
    border-radius:0;
    padding-left:16px;
    padding-right:16px
}
.md .dialog-input{
    padding:0;
    transition-duration:.2s;
    position:relative
}
.md .dialog-input+.dialog-input{
    margin-top:16px
}
.md .dialog-preloader .dialog-inner,.md .dialog-preloader .dialog-title,.md .dialog-progress .dialog-inner,.md .dialog-progress .dialog-title{
    text-align:center
}
.md .dialog-preloader .dialog-text~.preloader,.md .dialog-preloader .dialog-title~.preloader{
    margin-top:20px
}
.md .dialog-progress .dialog-text~.progressbar,.md .dialog-progress .dialog-text~.progressbar-infinite,.md .dialog-progress .dialog-title~.progressbar,.md .dialog-progress .dialog-title~.progressbar-infinite{
    margin-top:16px
}
.aurora .dialog.modal-out{
    transform:translate3d(0,-50%,0) scale(.815)
}
.aurora .dialog-title+.dialog-text{
    margin-top:10px
}
.aurora .dialog-text{
    line-height:1.5
}
.aurora .dialog-buttons{
    padding:var(--f7-dialog-inner-padding);
    padding-top:0;
    overflow:hidden;
    box-sizing:border-box;
    justify-content:flex-end
}
.aurora .dialog-button{
    border-radius:4px;
    min-width:64px;
    padding:0 10px;
    border:none;
    transition-duration:.3s;
    transform:translateZ(0);
    background:var(--f7-theme-color)
}
.aurora .dialog-button.dialog-button-bold{
    font-weight:600
}
.aurora .dialog-button+.dialog-button{
    margin-left:16px
}
.aurora .dialog-button.active-state{
    background-color:var(--f7-dialog-button-pressed-bg-color,var(--f7-theme-color-shade))
}
.aurora.device-desktop .dialog-button:not(.active-state):not(.no-hover):hover{
    background-color:var(--f7-dialog-button-hover-bg-color,var(--f7-theme-color-tint))
}
.aurora .dialog-buttons-vertical .dialog-buttons{
    display:flex;
    flex-direction:column;
    align-items:flex-end
}
.aurora .dialog-buttons-vertical .dialog-button{
    margin-left:0;
    flex-shrink:0
}
.aurora .dialog-buttons-vertical .dialog-button+.dialog-button{
    margin-top:5px
}
.aurora .dialog-input-field{
    margin-top:10px
}
.aurora .dialog-input-field input.dialog-input{
    margin-top:0
}
.aurora .dialog-input{
    padding:0 4px;
    transition-duration:.2s;
    position:relative
}
.aurora .dialog-input+.dialog-input{
    margin-top:10px
}
.aurora .dialog-input-double+.dialog-input-double{
    margin-top:0
}
.aurora .dialog-input-double+.dialog-input-double .dialog-input{
    border-top:0;
    margin-top:0
}
.aurora .dialog-preloader .dialog-inner,.aurora .dialog-preloader .dialog-title,.aurora .dialog-progress .dialog-inner,.aurora .dialog-progress .dialog-title{
    text-align:center
}
.aurora .dialog-preloader .dialog-text~.preloader,.aurora .dialog-preloader .dialog-title~.preloader{
    margin-top:10px
}
.aurora .dialog-progress .dialog-text~.progressbar,.aurora .dialog-progress .dialog-text~.progressbar-infinite,.aurora .dialog-progress .dialog-title~.progressbar,.aurora .dialog-progress .dialog-title~.progressbar-infinite{
    margin-top:15px
}