.option-container {
    display: flex;
    width: 100%;
    padding: 0 var(--Options-Horizontal-Padding-External, 8px);
    align-items: flex-start;

    & .option {
        display: flex;
        padding: var(--Options-Vertical-Padding, 8px) var(--Options-Horizontal-Padding-Internal, 12px);
        align-items: center;
        gap: var(--Options-Horizontal-Gap, 12px);
        flex: 1 0 0;
        border-radius: var(--Options-Radius, 16px);
        background: var(--Options-Default-Background, rgb(17 17 17 / 0%));
        border: none;
        cursor: pointer;

        & .texts-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;

            & .title {
                color: var(--Options-Default-Text-Label, #001c35);
                font: var(--Body-Small-Medium);
            }

            & .description {
                color: var(--Options-Default-Text-Description, #63727d);
                font: var(--Body-Small);
            }
        }

        & input[type="checkbox"] {
            margin-block: 2px;
        }

        &.selected {
            background: var(--Options-Selected-Background, #f6f7f8);

            & .title {
                color: var(--Options-Selected-Text-Label, #001c35);
            }

            & .description {
                color: var(--Options-Selected-Text-Description, #63727d);
            }
        }

        &:disabled {
            cursor: not-allowed;
            opacity: 0.6;
        }
    }
}