html,
:host {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    -o-tab-size: 4;
    tab-size: 4;
    /* 3 */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
    -webkit-tap-highlight-color: transparent;
    /* 7 */
}

.upload-area {
    padding: 1rem;
    border: 2px dashed #cbd5e1;
    /* slate-300 */
    margin: 23px 1rem 1rem 2rem;
    text-align: center;
    cursor: pointer;
}

.upload-area:hover {
    border-color: #3b82f6;
    /* blue-500 */
    color: #3b82f6;
    /* blue-500 */
}

.hidden {
    display: none;
}

.border-slate-300 {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}

.border-2 {
    border-width: 2px;
}

.rounded-2xl {
    border-radius: 1rem;
}