.sq-sticky-cta[hidden] {
    display: none !important;
}

@media (min-width: 768px) {
    .sq-sticky-cta {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .sq-reg-first.page-subheader,
    .sq-reg-first .page-subheader-inner {
        --sq-header-min-height: 0px;
        min-height: 0 !important;
    }

    .sq-reg-first.page-subheader {
        padding: 0;
    }

    .sq-reg-first .page-subheader-inner {
        padding: 0 .75rem .5rem;
    }

    .sq-reg-first h1 {
        font-size: 1.5rem;
        line-height: 1.2;
        margin-bottom: .5rem;
    }

    .sq-reg-first .page-subheader-inner > .badge {
        margin: .5rem auto !important;
        font-size: .6875rem;
        letter-spacing: 0;
        white-space: normal;
    }

    .sq-reg-first > .section {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .sq-reg-first .main-content-inner,
    .sq-reg-first .section-wrapper,
    .sq-reg-first .section-wrapper > .row {
        display: contents;
    }

    .sq-reg-first #regtitle {
        order: 1;
        scroll-margin-top: .5rem;
    }

    .sq-reg-first .page-subtitle-compact {
        order: 2;
        padding: 1rem .75rem 0;
    }

    .sq-reg-first .page-subtitle-compact h3,
    .sq-reg-first .page-subtitle-compact h3 p {
        font-size: 1.125rem;
        line-height: 1.35;
    }

    .sq-reg-first .sq-hero-image {
        order: 3;
    }

    .sq-reg-first #regtitle,
    .sq-reg-first .sq-hero-image {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .sq-reg-first #regtitle {
        margin-top: .75rem;
    }

    .sq-reg-first .auth-form-wrapper {
        padding: .75rem;
        margin-bottom: 0 !important;
    }

                                                                                           
    .sq-reg-first .auth-form-wrapper:has(> .sq-reg-date-wrapper) {
        display: flow-root;
        padding-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .sq-reg-first .auth-form-wrapper:has(> .sq-reg-date-wrapper) + .auth-form-wrapper {
        padding-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .sq-reg-first .auth-form-wrapper .auth-form-wrapper {
        padding: 0;
    }

    .sq-reg-first .auth-form-wrapper > h4,
    .sq-reg-first .sq-reg-secondary {
        display: none;
    }

    .sq-reg-first .sq-reg-date-wrapper {
        margin-bottom: .5rem !important;
    }

    .sq-reg-first .sq-reg-date {
        font-size: 1rem;
        font-weight: 700;
        margin-bottom: .5rem;
    }

    .sq-reg-first .form-group {
        margin-bottom: .625rem;
    }

    .sq-reg-first .auth-seperator {
        margin: .75rem 0;
    }

                                                                             
    .sq-reg-first .form-auth-social {
        flex-wrap: nowrap;
    }

    .sq-reg-first .form-auth-social > div {
        flex: 1 1 0;
        min-width: 0;
        margin-bottom: 0 !important;
    }

    .sq-reg-first .form-auth-social .social-login {
        justify-content: center;
        font-size: .8125rem;
        white-space: nowrap;
        padding-right: .25rem;
        padding-left: .25rem;
    }

    .sq-reg-first .form-auth-social .social-login i {
        margin-right: .25rem;
    }

    .sq-reg-first .form-control {
        font-size: 16px;
        height: 48px;
    }

    .sq-reg-first #registerSubmitBtn {
        width: 100%;
        min-height: 52px;
        font-size: 1rem;
        margin-top: 0 !important;
    }

    .sq-sticky-cta {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1030;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 52px;
        padding: .75rem;
        padding-bottom: calc(.75rem + env(safe-area-inset-bottom));
        background-color: var(--color-primary);
        color: var(--color-white);
        font-size: 1rem;
        font-weight: 600;
        text-align: center;
    }

    body:has(.sq-sticky-cta:not([hidden])) {
                                                                                                      
        padding-bottom: calc(52px + env(safe-area-inset-bottom)) !important;
    }

    .sq-sticky-cta:hover,
    .sq-sticky-cta:focus {
        background-color: var(--color-primary-hover);
        color: var(--color-white);
    }

    body.p-squeeze-view #cookiescript_injected:not(.hascookiereport) {
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        padding: .5rem .75rem !important;
        padding-bottom: calc(.5rem + env(safe-area-inset-bottom)) !important;
    }

    body.p-squeeze-view #cookiescript_injected:not(.hascookiereport) #cookiescript_checkboxs {
        display: none !important;
    }

    body.p-squeeze-view #cookiescript_injected:not(.hascookiereport) #cookiescript_description {
        font-size: 12px !important;
        line-height: 1.35 !important;
        margin: 0 0 .5rem !important;
    }

    body.p-squeeze-view #cookiescript_injected:not(.hascookiereport) #cookiescript_header {
        font-size: 14px !important;
        line-height: 1.25 !important;
        margin: 0 0 .25rem !important;
        padding: 0 !important;
    }

    body.p-squeeze-view #cookiescript_injected:not(.hascookiereport) #cookiescript_buttons {
        display: flex !important;
        flex-wrap: wrap;
        gap: .5rem;
        margin: 0 !important;
    }

    body.p-squeeze-view #cookiescript_injected:not(.hascookiereport) #cookiescript_accept,
    body.p-squeeze-view #cookiescript_injected:not(.hascookiereport) #cookiescript_reject,
    body.p-squeeze-view #cookiescript_injected:not(.hascookiereport) #cookiescript_manage_wrap {
        display: flex !important;
        flex: 1 1 0;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        margin: 0 !important;
        padding: .5rem !important;
        border: 1px solid var(--color-border-default) !important;
        border-radius: .25rem !important;
        background: var(--color-bg-surface) !important;
        color: var(--color-text-primary) !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;
        text-align: center;
    }

                                                                                              
    body.p-squeeze-view #cookiescript_injected:not(.hascookiereport) #cookiescript_manage_wrap {
        flex: 1 1 100%;
        min-height: 28px;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: var(--color-white) !important;
    }

    body.p-squeeze-view #cookiescript_injected:not(.hascookiereport) #cookiescript_manage {
        color: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
        margin-left: 0 !important;
    }

    body.p-squeeze-view #cookiescript_injected:not(.hascookiereport) .cookiescript_gear {
        fill: currentColor !important;
    }

    body.p-squeeze-view #cookiescript_injected:not(.hascookiereport) :is(#cookiescript_accept, #cookiescript_reject, #cookiescript_manage_wrap):is(:hover, :focus-visible) {
        outline: 2px solid var(--color-primary) !important;
        outline-offset: 2px;
    }

                                                                                                     
    body.p-squeeze-view #cookiescript_injected:not(.hascookiereport) :is(#cookiescript_accept, #cookiescript_reject):is(:hover, :focus-visible) {
        background: var(--color-bg-light) !important;
    }
}
