/* Container for the entire converter */
.scp-to-ip-converter-container {
    width: 100%;
    margin: 0 auto; /* Center align the container */
    padding: 20px 40px 20px 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional: Adds a subtle shadow around the container */
    background-color: #f9f9f9; /* Light grey background */
}

/* Style for labels */
.scp-to-ip-converter-container label {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: Arial, sans-serif;
    color: #333; /* Dark grey color for text */
}

/* Style for textareas */
.scp-to-ip-converter-container textarea {
    width: 100%;
    height: 150px; /* Adjust the height as necessary */
    padding: 10px;
    margin-bottom: 15px;
    font-family: Arial, sans-serif;
    border: 1px solid #ccc; /* Light grey border */
    border-radius: 5px; /* Optional: Rounds the corners of the textarea */
    resize: vertical; /* Allows the user to resize the textarea vertically */
    background-color: #fff; /* Light grey background */
}

/* General button styling */
.scp-to-ip-converter-container button {
    background-color: #DB3069 !important; 
    color: white;
    padding: 10px;
    border: none;
    cursor: pointer;
    margin-right: 5px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
}



/* Style for the output area */
.recipe-output-area {
    display: none; /* Hidden by default */
    padding-top:15px;
}

/* Style for the output area when active */
.recipe-output-area.active {
    display: block; /* Shown when active */
}