:root {
    --corporative-color: #114257;
    --custom-position: 16dvh;
}

ui-finder,
ui-finder-compact {
    margin: 0 auto;
    display: none;
}


.component_finder {
    width: 100%;
    position: fixed;
    bottom: 5dvh;
    z-index: 999;
    transition: bottom .3s ease-in-out;

    &.top {
        bottom: var(--custom-position);
        transition: bottom .3s ease-in-out;
    }
}

body:has([data-mirai-component="finder"]>ui-finder>ui-layer-content:not([class*="_hidden"])) header {
    z-index: 9 !important;
}


/* ================================= */
/* CSS FOR NEW CLUB */
[data-mirai-component="signup"] {
    display: flex;
    justify-content: center;
}

[data-mirai-component="profile"],
[data-mirai-component="signup"] {
    padding: 100px 0;
}