:root {
    --top-safe-inset: env(safe-area-inset-top, 0px);
}

html,
body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

html {
    background: #f7941d !important;
}

#announcement-bar {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    position: relative;
}

#announcement-bar::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: calc(-1 * var(--top-safe-inset));
    height: var(--top-safe-inset);
    background: #f7941d;
    pointer-events: none;
}

body > :first-child {
    margin-top: 0 !important;
}

body {
    font-family: "Arimo", sans-serif;
    -webkit-font-smoothing: antialiased;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.success-checkmark-container {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    background: #dcfce7;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.success-checkmark-container i {
    font-size: 40px;
    color: #22c55e;
    animation: check 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;
}