.worksheet {
    background-color: var(--color-white);
    box-shadow: 0px 8px 28px rgba(0, 0, 0, 0.08);
    border-radius: 12px;
}

.worksheet__text {
    color: #13132ab3;
}

.worksheet__select {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='11' viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L8 8L14 2' stroke='%23b3b3bb' stroke-width='2'/%3E%3C/svg%3E%0A");
    /* color: #13132a7a; */
    font-weight: 500;
    line-height: 2rem;
    width: 100%;
}

.worksheet__input {
    font-weight: 500;
    ;
    line-height: 1.75rem;
}

.worksheet__input::placeholder {
    color: #13132a52
}

.worksheet__row {
    display: flex;
    gap: 0.5rem;
}

.worksheet__checkbox .checkbox__label {
    font-size: 0.875rem;
}

.worksheet__checkbox input:checked+*>.checkbox__label {
    color: var(--color__black);
}

.worksheet__textarea {
    height: 10.125rem;
    max-width: 57.5rem;
    resize: none;
}

.worksheet__file-wrap {
    position: relative;
    font-size: 1rem;
    height: 14.25rem;
    font-weight: 600;
    transition: all 0.24s;
    border: 0.125rem dashed var(--color__border);
    border-radius: 0.5rem;
}

.worksheet__file {
    position: absolute;
    padding: 0px;
    margin: 0px;
    width: 100%;
    outline: none;
    border: 0px;
    opacity: 0;
    visibility: hidden;
}

.worksheet__file-label {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.worksheet__file-icon {
    width: 3rem;
    height: 2.5rem;
    color: var(--color__text-3);
    margin-bottom: 0.625rem;
    background-size: contain;
}

.worksheeet__file-title {
    font-weight: 600;
    color: #13132a66;
    margin-bottom: 0.25rem;
}

.worksheet__file-desc {
    color: #13132a52;
    font-weight: 400;
}

.worksheet__help {
    background: var(--color__fill-4);
    border-radius: 0.75rem;
    box-sizing: border-box;
}

.worksheet__help-title {
    color: var(--color__dark);
    font-weight: 700;
}

.worksheet__help-text {
    color: #13132a96
}

@media screen and (max-width: 991px) {

    .worksheet,
    .worksheet__help {
        padding: 1.23rem !important;
    }

    .worksheet__title.h4 {
        font-size: 1.38462rem;
        line-height: 2rem;
    }

    .worksheet__text.--p {
        font-size: 1.07692rem;
        line-height: 1.53846rem;
        margin-top: 1.08rem !important;
    }

    .worksheet__row {
        margin-top: 0.62rem !important;
        gap: .62rem;
    }

    .worksheet__row.mob-show {
        margin-top: 0.92rem !important;
    }

    .worksheet__select,
    .worksheet__input {
        height: 4.30769rem !important;
        font-size: 1.07692rem !important;
        line-height: 1.53846rem;
    }

    .worksheet__textarea {
        min-height: 9.38462rem !important;
        min-width: 100%;
        margin-top: 0.92rem !important;
    }

    .worksheet__checkbox .checkbox__label {
        font-size: 0.92308rem;
        line-height: 1.23077rem;
    }

    .worksheet__help-title.p.--xl {
        font-size: 1.38462rem;
        line-height: 2rem;
        margin-bottom: .62rem !important;
    }

    .worksheet__help-text.--p {
        font-size: 1.07692rem;
        line-height: 1.53846rem;
    }

    .worksheeet__file-title {
        font-size: 1.23077rem;
        line-height: 1.84615rem;
    }

    .worksheet__file-desc.p.--m {
        font-size: 1.07692rem;
        line-height: 1.53846rem;
    }
}

@media screen and (max-width: 640px) {
    .worksheet__row {
        flex-direction: column;
    }
}