body {
    --primary-bg: #001741;
    --radio-bg: #2A7CDC;
    --radio-bg-before: linear-gradient(180.00deg, rgba(255, 255, 255, 0.5) 0.01%, rgba(255, 255, 255, 0) 39.583%, rgba(255, 255, 255, 0) 75.521%, rgba(255, 255, 255, 0.29) 100%);
    --input-bg: rgb(53, 113, 181);
    --form-btn: linear-gradient(90.00deg, rgb(246, 114, 255) 0.01%, rgb(44, 223, 255) 100%);
    --bottom-container: linear-gradient(rgba(15, 22, 65, 0), rgba(15, 22, 65, 1), rgb(15, 22, 65, 1));
    --page-result-bg: url('assets/result-bg4.png');
    --page-header-bg: url("assets/header-bg4.png");
    --page-form-container: url('assets/item-bg4.png');

    --width: min(100vh *390/740, 609px);
    background-color: var(--primary-bg);
    padding: 0;
    margin: 0;
}

body::-webkit-scrollbar {
    display: none;
}

p {
    margin: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.page-bg {
    background-position-y: -50px;

}

.page-title {
    text-shadow: 0 2px 2px #17799A
}

.page-bg2::before {
    display: none;
}

.page-bg2::after {
    display: none;
}

.result-container {
    background-image: linear-gradient(-26.08deg, rgb(61, 122, 192) -16.542%, rgb(23, 79, 143) 7.562%, rgb(23, 79, 143) 90.204%, rgb(23, 79, 143) 102.617%);
    margin-top: 2rem;
}

.result-normal-container {
    background: rgba(23, 79, 143, .8);

}

.result4-5 {
    width: 286px;
    height: 266px;
    margin: 12px auto;
}

.result-label {
    padding: 12px;
}

.result-tab {
    margin: 1rem 1.25rem;
    height: 2.875rem;
    display: flex;
    justify-content: space-evenly;
    background-image: url(assets/result-tab4-3.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.result-tab-item {
    /* background-image: url(assets/result-tab4.svg); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 2.875rem;
    line-height: 2.875rem;
    font-weight: 700;
    color: rgb(255, 255, 255, .5);
    /* filter: opacity(.3); */
    text-align: center;
}

.result-tab1 {
    background-image: url(assets/result-tab4.svg);
    background-size: 0;
}

.result-tab2 {
    background-image: url(assets/result-tab4-2.svg);
    background-size: 0;
}

.checked-tab {
    filter: unset;
    color: rgb(23, 79, 143);
    background-size: 100% 100%;
}

.tab-container {
    border-radius: 12px;
    background: rgba(23, 79, 143, .8);
}

[for="month-tab"] {
    display: none;
}