/* File Picker */
.filepicker {
    display:flex;flex-direction:column;align-items:center;
    & > div {width:200px;}
    /* File input */
    & div.input {
        position:relative;padding:10px;height:80px;border:4px dashed #002051;border-radius:16px;background-color:#0d407f;overflow:hidden;
        & > * {background-color:#1a1c23;position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;left:0;}
        & label {opacity:0;user-select:none;
            &:hover {border-color:#008df5 !important;cursor:pointer;}}
        & div.drop-handler {opacity:0;}
        & div.file-name {opacity:1;}
        &.dragging div.drop-handler {opacity:1;}
    }
    /* Button */
    & div.button {
        display:flex;align-items:center;justify-content:center;flex-direction:column;
        & button {width:100%;margin:5px auto;padding:6px;min-width:120px;height:30px;border:1px solid #000;border-radius:4px;background-color:#ddd;}
        & button:hover {border-radius:4px;background-color:#bbb;}
        & button:disabled {background-color:#aaa;cursor:not-allowed;}
    }
    /* General */
    & input[type="radio"], & input[type="file"] {display:none;}
}