@media screen and (orientation: portrait) {
    html {
        --promptWidth: 90%;
    }
    .offline-splash {
        position: relative;
        top: -20%;
    }
}

@media screen and (orientation: landscape) {
    html {
        --promptWidth: 60%;
    }
}

.modal-pwa-install-container {
    display: none;
    position: relative;
    z-index: 20000;
    padding-top: 5px;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 3000px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-pwa-install-content {
    background-color: whitesmoke;
    position: relative;
    margin: auto;
    padding: 0 10px 0 10px;
    border: 1px solid #888;
    border-radius: 4px;
    width: var(--promptWidth);
}

.modal-pwa-install-container-android {
    display: none;
    position: relative;
    z-index: 20000;
    padding-top: 2px;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 3000px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-pwa-install-content-android {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: whitesmoke;
    position: relative;
    margin: auto;
    padding: 0 10px 0 10px;
    border: 1px solid #888;
    border-radius: 4px;
    width: 90%;
}

.modal-pwa-install-animatetop {
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 400ms;
    animation-name: animatetop;
    animation-duration: 400ms;
}

@-webkit-keyframes animatetop {
    from {
        top: -500px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -500px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

.modal-pwa-install-content-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.modal-pwa-install-content-desc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.modal-pwa-install-content-footer {
    display: none;
    position: relative;
}

@keyframes showFooter {
    from {
        top: 126px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

.close-pwa-btn {
    background-color: whitesmoke;
    border: none;
    color: dodgerblue;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    border-radius: 4px;
    padding-bottom: 5px;
}

.pwa-dont-show-prompt-check {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pwa-dont-show-prompt-check.pwa-left-flex-group {
    justify-content: center;
}

.install-pwa-btn {
    background-color: whitesmoke;
    border: none;
    color: royalblue;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}

.modal-pwa-install-content-footer-share {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-around;
    align-items: center;
}

.modal-pwa-install-content-footer-add {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-around;
    align-items: center;
}

.pwa-install-logo {
    height: 25px;
    width: 25px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(.64354 0 0 .6437 -60.557 -106.98)' fill='%23f85959'%3E%3Cpath class='st0' d='m94.1 463.9c0 55.2 44.8 100 100 100h197.8c55.2 0 100-44.8 100-100v-197.7c0-55.2-44.8-100-100-100h-197.8c-55.2 0-100 44.8-100 100z' fill='%23f85959'/%3E%3C/g%3E%3Cpath class='st1' d='m169.25 62.825c29.152 0 49.042 4.3767 62.749 13.775v116.4h-40v-90.587c-5.7919-4.699-11.938-7.0165-21.591-7.0165-9.3313 0-15.073 1.7381-22.409 7.0165v90.587h-40v-90.587c-4.3761-4.3772-12.821-7.0165-22.731-7.0165-8.7521 0-17.215 2.8968-21.269 7.0165v90.587h-40v-116.4c14.866-9.398 34.755-13.775 63.907-13.775 13.707 0 25.355 1.4805 39.642 4.9565 14.287-3.476 27.415-4.9565 41.701-4.9565z' clip-rule='evenodd' fill='%23fff' fill-rule='evenodd' stroke-width='.64362'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.pwa-icon-android {
    height: 25px;
    width: 25px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(.64354 0 0 .6437 -60.557 -106.98)' fill='%23f85959'%3E%3Cpath class='st0' d='m94.1 463.9c0 55.2 44.8 100 100 100h197.8c55.2 0 100-44.8 100-100v-197.7c0-55.2-44.8-100-100-100h-197.8c-55.2 0-100 44.8-100 100z' fill='%23f85959'/%3E%3C/g%3E%3Cpath class='st1' d='m169.25 62.825c29.152 0 49.042 4.3767 62.749 13.775v116.4h-40v-90.587c-5.7919-4.699-11.938-7.0165-21.591-7.0165-9.3313 0-15.073 1.7381-22.409 7.0165v90.587h-40v-90.587c-4.3761-4.3772-12.821-7.0165-22.731-7.0165-8.7521 0-17.215 2.8968-21.269 7.0165v90.587h-40v-116.4c14.866-9.398 34.755-13.775 63.907-13.775 13.707 0 25.355 1.4805 39.642 4.9565 14.287-3.476 27.415-4.9565 41.701-4.9565z' clip-rule='evenodd' fill='%23fff' fill-rule='evenodd' stroke-width='.64362'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.pwa-icon-safari {
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
}

.pwa-icon-safari.safari-share-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 1000 1000' version='1.1' viewBox='0 0 1000 1000' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m780 290h-140v35h140c19.3 0 35 15.7 35 35v560c0 19.3-15.7 35-35 35h-560c-19.2 0-35-15.7-35-35v-560c0-19.2 15.7-35 35-35h140v-35h-140c-38.7 0-70 31.3-70 70v560c0 38.7 31.3 70 70 70h560c38.7 0 70-31.3 70-70v-560c0-38.7-31.3-70-70-70zm-407.5-110 110-110.2v552.7c0 9.6 7.9 17.5 17.5 17.5s17.5-7.9 17.5-17.5v-552.7l110 110c3.5 3.5 7.9 5 12.5 5s9-1.7 12.5-5c6.8-6.8 6.8-17.9 0-24.7l-140-140c-6.8-6.8-17.9-6.8-24.7 0l-140 140c-6.8 6.8-6.8 17.9 0 24.7 6.7 7 17.7 7 24.7 0.2z'/%3E%3C/svg%3E%0A");
}

.pwa-icon-safari.safari-add-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 1000 1000' version='1.1' viewBox='0 0 1000 1000' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='160' y='160' width='680' height='680' ry='64.1' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='55.1' stroke-width='35' style='paint-order:fill markers stroke'/%3E%3Crect x='482.5' y='321' width='35' height='358' ry='0' style='paint-order:fill markers stroke'/%3E%3Crect transform='rotate(90)' x='482.5' y='-679' width='35' height='358' ry='0' style='paint-order:fill markers stroke'/%3E%3C/svg%3E%0A");
}

.pwa-install-logo-container {
    /* position: absolute;*/
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    /*padding-top: 6px;*/
}

.pwa-install-logo-container-android {
    padding-top: 2px;
    padding-bottom: 2px;
}

.pwa-install-desc {
    font-size: 12px;
    font-family: "Open Sans", sans-serif;
}

.pwa-install-desc-header {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: dodgerblue;
}

.pwa-install-row-separator {
    padding-top: 5px;
}

.pwa-install-see-more {
    font-size: 14px;
    color: dimgray;
    font-family: "Open Sans", sans-serif;
}

.pwa-refresh-arrow-container {
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -40px;
}

.pwa-refresh-icon-safari {
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    z-index: 20000;
}

.pwa-refresh-icon-safari.pwa-refresh-icon {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7.5 12.5c2.7578 0 5-2.2422 5-5 0-1.0312-0.33984-2.0391-0.97656-2.9141l-0.34375-0.47266-0.67969 0.67969v-3.293h3.293l-1.1914 1.1914 0.28906 0.35156c1.0391 1.25 1.6094 2.8359 1.6094 4.457 0 3.8594-3.1406 7-7 7z' fill='%36404d'/%3E%3Cpath d='m12.586 2-0.66016 0.66016 0.58203 0.69922c0.96094 1.1641 1.4922 2.6328 1.4922 4.1406 0 3.4141-2.6484 6.2266-6 6.4805v-1.0039c2.8008-0.25 5-2.6133 5-5.4766 0-1.1367-0.37109-2.2461-1.0703-3.207l-0.69141-0.94531-0.23828 0.23828v-1.5859h1.5859m2.4141-1h-5v5l1.1211-1.1211c0.53906 0.74219 0.87891 1.6367 0.87891 2.6211 0 2.4844-2.0156 4.5-4.5 4.5-0.17188 0-0.33594-0.03125-0.5-0.05078v3.0273c0.16406 0.0078 0.33203 0.02344 0.5 0.02344 4.1406 0 7.5-3.3594 7.5-7.5 0-1.8164-0.64844-3.4805-1.7227-4.7773z' fill='none'/%3E%3Cpath d='m1.207 13.5 1.1953-1.1953-0.28906-0.35156c-1.0547-1.2734-1.6133-2.8164-1.6133-4.4531 0-3.8594 3.1406-7 7-7v2c-2.7578 0-5 2.2422-5 5 0 1.0312 0.33984 2.0391 0.97656 2.9141l0.34375 0.47266 0.67969-0.67969v3.293z' fill='%36404d'/%3E%3Cpath d='m7 1.0195v1.0039c-2.8008 0.25391-5 2.6133-5 5.4766 0 1.1367 0.37109 2.2461 1.0703 3.2109l0.69141 0.94141 0.23828-0.23828v1.5859h-1.5859l0.66406-0.66406-0.57812-0.70312c-0.98047-1.1836-1.5-2.6133-1.5-4.1328 0-3.4141 2.6484-6.2266 6-6.4805m0.5-1.0195c-4.1406 0-7.5 3.3594-7.5 7.5 0 1.8164 0.65234 3.4727 1.7305 4.7695l-1.7305 1.7305h5v-5l-1.1211 1.1211c-0.53906-0.74219-0.87891-1.6367-0.87891-2.6211 0-2.4844 2.0156-4.5 4.5-4.5 0.17188 0 0.33594 0.03125 0.5 0.050781v-3.0273c-0.16406-0.0078125-0.33203-0.023438-0.5-0.023438z' fill='none'/%3E%3C/svg%3E%0A");
}

.html {
    --logoSize: 20px;
}

@media screen and (max-width: 3000px) {
    html {
        --logoSize: 10px;
    }
}

.lds-ellipsis {
    position: relative;
    width: 100%;
    height: 100%;
}

.lds-ellipsis div {
    position: absolute;
    top: 50%;
    width: var(--logoSize);
    height: var(--logoSize);
    border-radius: 20%;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'m2.5 14.5v-14h7.3672l3.6328 3.7031v10.297z\' fill=\'none\' fill-opacity=\'0.0\'/%3E%3Cpath d=\'m0 14v-12c3-2 8-2 8-2s5 0 8 2v12c-3 2-8 2-8 2s-5 0-8-2z\' fill=\'%239aaab9\'/%3E%3C/svg%3E");
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 20%;
    animation: lds-puls 1s alternate infinite linear;
}

.lds-ellipsis div:nth-child(2) {
    left: 40%;
    animation: lds-puls 1s 0.4s alternate infinite linear;
}

.lds-ellipsis div:nth-child(3) {
    left: 60%;
    animation: lds-puls 1s 0.6s alternate infinite linear;
}

.lds-ellipsis div:nth-child(4) {
    left: 80%;
    animation: lds-puls 1s 0.8s alternate infinite linear;
}

@keyframes lds-puls {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(2) translate(3px, 0);
    }
}