*,
*::after,
*::before {
    box-sizing: border-box;
}

[hidden] {
    display: none !important;
}

html,
body {
    margin: 0;
    padding: 0;
}

.pwa-run-button-wrapper {
    background-color: #fff;
    padding: 10px;
    pointer-events: none;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
}

.pwa-run-button {
    pointer-events: initial;
    cursor: pointer;
}

.design-btn {
    display: inline-block;
    color: #36a9e1;
    position: relative;
    text-decoration: none;
    padding: 5px 10px;
    transition: color 0.3s linear;
}

.design-btn:hover {
    color: #ff6b00;
    text-decoration: underline;
}

.design-btn--home {
    padding-left: 45px;
}

.design-btn--home::before {
    content: '';
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23ff6b00' d='m74.53,52.02c-5.16,0-10.33-.09-15.49.04-1.94.05-3.76-.29-5.37-1.13-3.12-1.63-4.98-4.3-5.67-7.8-.2-1.04-.06-2.03-.06-3.05,0-9.77.1-19.53-.03-29.3-.06-4.94,3.68-9.53,8.17-10.46.93-.19,1.9-.3,2.85-.3,9.92-.02,19.84-.05,29.76,0,4.59.02,8.17,1.92,10.26,6.17.7,1.43,1.02,3,1.03,4.58.02,10.06.07,20.13-.01,30.19-.04,4.64-2.14,8.13-6.41,10.17-1.53.73-3.18.89-4.86.89-4.72,0-9.44,0-14.16,0Z'/%3E%3Cpath fill='%2336a9e1' d='m21.01,99.86c-3.53,0-7.06-.09-10.59.03-2.46.09-4.48-.84-6.27-2.31C1.48,95.39-.03,92.63.02,89c.11-7.31-.07-14.63.08-21.94.06-2.92,1.71-5.25,3.96-7.09,2.16-1.77,4.72-2.28,7.44-2.27,6.5,0,13,0,19.51,0,4.34,0,7.66,1.82,9.89,5.55.93,1.56,1.32,3.32,1.33,5.1.04,7.09.13,14.19-.06,21.27-.15,5.45-4.02,9.23-9.02,10.18-2.12.4-4.37.07-6.56.07-1.86,0-3.72,0-5.57,0,0,0,0,0,0,0Z'/%3E%3Cpath fill='%2336a9e1' d='m68.75,99.86c-3.57,0-7.13,0-10.7,0-3.3,0-5.79-1.6-7.84-4.04-1.34-1.6-2.1-3.46-2.31-5.53-.06-.6.01-1.21.01-1.81,0-6.31.11-12.63-.05-18.93-.07-2.74.44-5.16,2.02-7.36,1.63-2.26,3.73-3.75,6.54-4.25,1.25-.22,2.49-.23,3.74-.23,6.35,0,12.71-.08,19.06.02,4.48.07,7.88,2.11,9.87,6.22.56,1.15.79,2.38.86,3.68.4,6.97.09,13.93.17,20.9.04,3.43-1.1,6.43-3.74,8.68-1.87,1.6-4.06,2.64-6.61,2.65-3.68.02-7.36,0-11.03,0h0Z'/%3E%3Cpath fill='%2336a9e1' d='m.06,30.85c0-3.86-.17-7.73.06-11.58.15-2.61,1.39-4.87,3.45-6.65,1.41-1.21,2.95-2.08,4.75-2.46.96-.2,1.97-.31,2.95-.31,6.54-.03,13.08-.06,19.62,0,5.4.05,9.49,2.82,10.95,7.98.32,1.13.42,2.3.42,3.48,0,6.57.02,13.15-.01,19.72-.02,3.11-1,5.89-3.31,8.04-2.22,2.07-4.91,3.01-7.97,2.99-6.61-.04-13.23-.1-19.84.02-3.33.06-6.02-1.13-8.23-3.46C1.09,46.73.04,44.46.06,41.76c.02-3.64,0-7.28,0-10.92Z'/%3E%3C/svg%3E%0A") no-repeat center center;
    background-size: cover;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    position: absolute;
    left: 0;
    top: 50%;
}

.noScroll {
    overflow: hidden;
}

.ios-pwa-prompt__overlay {
    left: 0;
    min-height: 100dvh;
    min-height: -webkit-fill-available;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: opacity 0.2s ease-in;
    width: 100vw;
    z-index: 1000;
    background: rgba(10, 10, 10, 0.5);
    color: rgba(235, 235, 245, 0.6);
}

.ios-pwa-prompt__overlay--visible {
    opacity: 1;
    display: block;
}

.ios-pwa-prompt__overlay--hidden {
    pointer-events: none;
    touch-action: none;
}

.ios-pwa-prompt__container {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    bottom: 0;
    color: black;
    left: 0;
    margin: 0 8px 10px;
    overflow: hidden;
    position: fixed;
    transform: translateY(calc(100% + 10px));
    transition: transform 0.4s cubic-bezier(0.4, 0.24, 0.3, 1);
    width: calc(100vw - 16px);
    z-index: 1000;
    background: rgba(65, 65, 65, 0.7);
    filter: brightness(1.1);
}

.ios-pwa-prompt__container--visible {
    transform: translateY(0);
    display: block;
}

.ios-pwa-prompt__container--hidden {
    pointer-events: none;
    touch-action: none;
}

.ios-pwa-header {
    align-items: center;
    border-bottom: 1px solid rgba(140, 140, 140, 0.7);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 13px 16px;
}

.ios-pwa-header__title {
    color: rgba(235, 235, 245, 0.6);
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.125;
    margin: 0;
    padding: 0;
}

.ios-pwa-header__button {
    color: rgb(9, 132, 255);
    font-size: 16px;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    z-index: 9999;
}

.ios-pwa-body {
    display: flex;
    width: 100%;
}

.ios-pwa-body__description {
    border-bottom: 1px solid rgba(140, 140, 140, 0.7);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: inherit;
    margin: 0 16px;
    padding: 16px;
    width: 100%;
}

.ios-pwa-text {
    color: rgba(235, 235, 245, 0.6);
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    padding: 0;
    border-color: rgba(235, 235, 245, 0.6);
}

.ios-pwa-text__bold {
    font-weight: 600;
}

.ios-pwa-instruction {
    color: inherit;
    margin: 0 16px;
    padding: 16px;
}

.ios-pwa-instruction__step {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 16px;
}

.ios-pwa-instruction__step:last-of-type {
    margin-bottom: 0;
}

.ios-pwa-instruction__icon {
    flex: 0 0 auto;
    height: 30px;
    margin-right: 32px;
    width: 25px;
    background: no-repeat center center;
    background-size: cover;
}

.ios-pwa-instruction__icon--share {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='30' fill='%230984ff' color='%230984ff' viewBox='0 0 566 670'%3E%3Cpath d='M255 12c4-4 10-8 16-8s12 3 16 8l94 89c3 4 6 7 8 12 2 6 0 14-5 19-7 8-20 9-28 2l-7-7-57-60 2 54v276c0 12-10 22-22 22-12 1-24-10-23-22V110l1-43-60 65c-5 5-13 8-21 6a19 19 0 0 1-16-17c-1-7 2-13 7-18l95-91z' /%3E%3Cpath d='M43 207c16-17 40-23 63-23h83v46h-79c-12 0-25 3-33 13-8 9-10 21-10 33v260c0 13 0 27 6 38 5 12 18 18 30 19l14 1h302c14 0 28 0 40-8 11-7 16-21 16-34V276c0-11-2-24-9-33-8-10-22-13-34-13h-78v-46h75c13 0 25 1 37 4 16 4 31 13 41 27 11 17 14 37 14 57v280c0 20-3 41-15 58a71 71 0 0 1-45 27c-11 2-23 3-34 3H109c-19-1-40-4-56-15-14-9-23-23-27-38-4-12-5-25-5-38V270c1-22 6-47 22-63z' /%3E%3C/svg%3E");
}

.ios-pwa-instruction__icon--home {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' color='%23ffffff' viewBox='0 0 578 584'%3E%3Cpath d='M101 35l19-1h333c12 0 23 0 35 3 17 3 34 12 44 27 13 16 16 38 16 58v329c0 19 0 39-8 57a65 65 0 0 1-37 37c-18 7-38 7-57 7H130c-21 1-44 0-63-10-14-7-25-20-30-34-6-15-8-30-8-45V121c1-21 5-44 19-61 13-16 33-23 53-25m7 46c-10 1-19 6-24 14-7 8-9 20-9 31v334c0 12 2 25 10 34 9 10 23 12 35 12h336c14 1 30-3 38-15 6-9 8-20 8-31V125c0-12-2-24-10-33-9-9-22-12-35-12H121l-13 1z' /%3E%3Cpath d='M271 161c9-11 31-10 38 4 3 5 3 11 3 17v87h88c7 0 16 1 21 7 6 6 7 14 6 22a21 21 0 0 1-10 14c-5 4-11 5-17 5h-88v82c0 7-1 15-6 20-10 10-29 10-37-2-3-6-4-13-4-19v-81h-87c-8-1-17-3-23-9-5-6-6-15-4-22a21 21 0 0 1 11-14c6-3 13-3 19-3h84v-88c0-7 1-14 6-20z' /%3E%3C/svg%3E");
}