#frontend_manager {
    padding: 40px;
    background-color: white;
    border-radius: 20px;
}
#frontend_manager #frontend_manager_inner {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    align-items: center;
}

#frontend_manager #frontend_manager_inner #frontend_manager_public_streaming {
    padding: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 32px;
    border: 1px solid #aaa;
    border-radius: 0.475rem;
}
#frontend_manager #frontend_manager_inner #frontend_manager_public_streaming label {
    font-size: 1.5rem;
    font-weight: 600;
    color: #555;
}
#frontend_manager #frontend_manager_inner #frontend_manager_public_streaming #frontend_manager_public_streaming_buttons {
    min-width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#frontend_manager #frontend_manager_inner #frontend_manager_public_streaming #frontend_manager_public_streaming_buttons .frontend_manager_public_streaming_button {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    column-gap: 4px;
    transition: opacity 0.3s ease;
}
#frontend_manager #frontend_manager_inner #frontend_manager_public_streaming #frontend_manager_public_streaming_buttons .frontend_manager_public_streaming_button:hover {
    opacity: 0.5;
}
#frontend_manager #frontend_manager_inner #frontend_manager_public_streaming #frontend_manager_public_streaming_buttons #frontend_manager_public_streaming_button_on {
    color: #000;
}
#frontend_manager #frontend_manager_inner #frontend_manager_public_streaming #frontend_manager_public_streaming_buttons #frontend_manager_public_streaming_button_off {
    color: #777;
}

#frontend_manager #frontend_manager_inner #frontend_manager_input_blocks {
    display: flex;
    flex-direction: row;
    column-gap: 32px;
}
#frontend_manager #frontend_manager_inner .frontend_manager_input_block {
    padding: 8px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    align-items: center;
    border: 3px solid transparent;
    border-radius: 0.475rem;
    transition: border-color 0.3s ease;
}
#frontend_manager #frontend_manager_inner .frontend_manager_input_block.frontend_manager_input_block_selected {
    border-color: #777;
}
#frontend_manager #frontend_manager_inner .frontend_manager_input_block .frontend_manager_input_block_title {
    font-weight: 600;
    font-size: 1.5rem;
}
#frontend_manager #frontend_manager_inner .frontend_manager_input_block video {
    width: 200px;
    aspect-ratio: 1.7;
}
#frontend_manager #frontend_manager_inner .frontend_manager_input_block .frontend_manager_input_block_pan {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
}
#frontend_manager #frontend_manager_inner .frontend_manager_input_block .frontend_manager_input_block_pan input {
    user-select: none;
    appearance: none;
    width: 200px;
    height: 4px;
    background: #ccc;
    border-radius: 2px;
}
#frontend_manager #frontend_manager_inner .frontend_manager_input_block .frontend_manager_input_block_buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
}
#frontend_manager #frontend_manager_inner .frontend_manager_input_block .frontend_manager_input_block_buttons .frontend_manager_input_block_button {
    padding: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 4px;
    border: 1px solid #ddd;
    border-radius: 0.475rem;
    cursor: pointer;
    transition: border-color 0.3s ease;
}
#frontend_manager #frontend_manager_inner .frontend_manager_input_block .frontend_manager_input_block_buttons .frontend_manager_input_block_button:hover {
    border-color: #555;
}
#frontend_manager #frontend_manager_inner .frontend_manager_input_block .frontend_manager_input_block_buttons .frontend_manager_input_block_button i {
    font-size: 2rem;
}
#frontend_manager #frontend_manager_inner .frontend_manager_input_block .frontend_manager_input_block_buttons .frontend_manager_input_block_button span {
    text-align: center;
    font-size: 0.8rem;
}