@use 'variables';

.dialog {
    .dialog-content {
        .option {
            margin-top: 12px;
            height: 56px;
            border-radius: 8px;
            background: rgba(variables.$grey-2, 0.8);
            border: 16px solid transparent;
            cursor: pointer;

            .title {
                display: flex;
                align-items: center;
                font-weight: bold;

                iqser-round-checkbox {
                    padding-right: 6px;
                }

                p {
                    font-weight: bold;
                }
            }
            .description {
                font-size: 11px;
                opacity: 0.7;
                margin-top: 6px;
            }
        }

        .selected {
            background: rgba(variables.$red-1, 0.1);
        }
    }
}
