.twg-dropbox-files {
    margin: 1.5em 0;
}

.twg-dropbox-files__error {
    color: #b32d2e;
}

.twg-dropbox-files__picker {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
    gap: 1em;
    list-style: none;
    margin: 0;
    padding: 0;
}

.twg-dropbox-files__picker-link {
    display: block;
    padding: 1em 1.25em;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
}

.twg-dropbox-files__picker-link:hover,
.twg-dropbox-files__picker-link:focus {
    border-color: #2271b1;
    box-shadow: 0 0 0 1px #2271b1;
}

.twg-dropbox-files__search {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    align-items: center;
    margin-bottom: 1em;
}

.twg-dropbox-files__search input[type="search"] {
    min-width: 16em;
    max-width: 100%;
}

.twg-dropbox-files__nav {
    margin-bottom: 1em;
}

.twg-dropbox-files__table {
    width: 100%;
    border-collapse: collapse;
}

.twg-dropbox-files__table th,
.twg-dropbox-files__table td {
    text-align: left;
    padding: 0.5em 0.75em;
    border-bottom: 1px solid #ddd;
}

.twg-dropbox-files--login .twg-dropbox-files__login-form {
    max-width: 24em;
}

.twg-dropbox-files--login .twg-dropbox-files__login-form p {
    margin: 0 0 0.75em;
}

.twg-dropbox-files--login .twg-dropbox-files__login-form label {
    display: block;
    margin-bottom: 0.25em;
    font-weight: 600;
}

.twg-dropbox-files--login .twg-dropbox-files__login-form input[type="text"],
.twg-dropbox-files--login .twg-dropbox-files__login-form input[type="password"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.twg-dropbox-files--login .twg-dropbox-files__login-form.is-loading button {
    opacity: 0.7;
    pointer-events: none;
}

.twg-dropbox-files__remember {
    margin-bottom: 0.75em;
}

.twg-dropbox-files__remember label {
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
    font-weight: 400;
}

.twg-dropbox-files__register {
    margin-top: 1em;
}

.twg-dropbox-files__pagination {
    margin: 1em 0;
}

.twg-dropbox-files__pagination-summary {
    margin: 0 0 0.5em;
    color: #555;
}

.twg-dropbox-files__pagination-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35em 0.75em;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.twg-dropbox-files__pagination-links a {
    text-decoration: none;
}

.twg-dropbox-files__pagination-current {
    font-weight: 700;
}

.twg-dropbox-files__pagination-ellipsis {
    color: #666;
    padding: 0 0.15em;
    user-select: none;
}

.twg-dropbox-files__pagination-disabled {
    color: #999;
}

.twg-dropbox-files__pagination-prev,
.twg-dropbox-files__pagination-next {
    font-weight: 600;
}