@charset "UTF-8";

.containerDiv {
    width: 98%;
    margin: 1em auto;
    border: 1px solid;
    border-color: light-dark( var(--wa-color-gray-30), var(--wa-color-gray-20) );
}

.topShow {
    color: light-dark( var(--wa-color-blue-50), var(--wa-color-tan-50) );
    background-color: light-dark( var(--wa-color-indigo-50), var(--wa-color-purple-50) );
    justify-content: center;
    align-content: center;
    padding: 0.25em 0.25em;
}

.topShow button {
    color: light-dark( var(--wa-color-blue-50), var(--wa-color-tan-50) );
    background-color: transparent;
    font-size: 1.3em;
    border: none;
    padding: 0.5em;
    margin: 0;
    font-weight: 500;
}

.topShow button:hover {
    color: light-dark( var(--wa-color-gray-95), var(--wa-color-gray-50) );
}

.topShow button i {
    font-size: 1em;
}

.topShow button.action {
    float: right;
    font-size: 1em;
    align-self: center;
    margin-right: 1em;
    margin-top: 0.2em;
    padding: 0.5em 0.85em;
    background-color: light-dark( var(--wa-color-blue-50), var(--wa-color-tan-50) );
    color: light-dark( var(--wa-color-gray-50), var(--wa-color-gray-05) );
    border: solid 1px;
    border-color: light-dark( var(--wa-color-blue-50), var(--wa-color-tan-50) );
    border-radius: 0.1875em;
    text-transform: uppercase;
}

.topShow button.action:hover {
    background-color: light-dark( var(--wa-color-gray-20), var(--wa-color-tan-40) );
    color: light-dark( var(--wa-color-gray-50), var(--wa-color-gray-95) );
}

.insideDiv {
    color: light-dark( var(--wa-color-gray-05), var(--wa-color-gray-95) );
    background-color: light-dark( var(--wa-color-gray-50), var(--wa-color-gray-10) );
    padding: 1em;
    overflow: auto;
    border-radius: 0 0 10px 10px;
}

.insideDiv .split {
    width: 50%;
    float: left;
}

.insideDiv form {
    margin: 0;
}