/* Files
--------------------------------------------- */

.wp-block-file {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wp-block-file a {
    display: block;
}

.wp-block-file .wp-block-file__button {
    display: block;
    margin: 0;
    white-space: nowrap;
}

/* File without preview
 * Note that class on preview is wp-block-file__embed on front-end and wp-block-file__preview in editor :(
*/

.wp-block-file:not(:has(.wp-block-file__embed, .wp-block-file__preview)) {
    background: var(--wp--preset--color--tertiary);
    border: 1px solid var(--wp--preset--color--border-light);
    border-radius: var(--wp--preset--border-radius--default);
    flex-wrap: nowrap;
    gap: var(--wp--preset--spacing--small);
    padding: var(--wp--preset--spacing--x-small);
}

@media (max-width: 579px) {
    .wp-block-file:not(:has(.wp-block-file__embed, .wp-block-file__preview)) {
        flex-direction: column;
        text-align: center;
    }
}

.wp-block-file:not(:has(.wp-block-file__embed, .wp-block-file__preview))
    + .wp-block-file:not(:has(.wp-block-file__embed, .wp-block-file__preview)) {
    margin-top: var(--wp--preset--spacing--x-small);
}

.wp-block-file:not(:has(.wp-block-file__embed, .wp-block-file__preview)) a:not(.wp-block-file__button) {
    color: var(--wp--preset--color--main);
    font-size: var(--wp--preset--font-size--base);
    font-weight: bold;
    word-break: break-word;
}

.wp-block-file:not(:has(.wp-block-file__embed, .wp-block-file__preview)) .wp-block-file__button {
    align-items: center;
    column-gap: 0.34em;
    display: flex;
}

.wp-block-file:not(:has(.wp-block-file__embed, .wp-block-file__preview)) .wp-block-file__button::after {
    background-color: currentColor;
    content: "";
    height: 0.75em;
    --de-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'%3E%3Cpath d='M10.25 6.5V9.83333C10.25 9.94384 10.2061 10.0498 10.128 10.128C10.0498 10.2061 9.94384 10.25 9.83333 10.25H0.666667C0.55616 10.25 0.450179 10.2061 0.372039 10.128C0.293899 10.0498 0.25 9.94384 0.25 9.83333V6.5C0.25 6.38949 0.293899 6.28351 0.372039 6.20537C0.450179 6.12723 0.55616 6.08333 0.666667 6.08333C0.777174 6.08333 0.883154 6.12723 0.961294 6.20537C1.03943 6.28351 1.08333 6.38949 1.08333 6.5V9.41667H9.41667V6.5C9.41667 6.38949 9.46056 6.28351 9.5387 6.20537C9.61685 6.12723 9.72283 6.08333 9.83333 6.08333C9.94384 6.08333 10.0498 6.12723 10.128 6.20537C10.2061 6.28351 10.25 6.38949 10.25 6.5ZM4.95521 6.79479C4.99391 6.83353 5.03986 6.86426 5.09044 6.88523C5.14102 6.9062 5.19524 6.91699 5.25 6.91699C5.30476 6.91699 5.35898 6.9062 5.40956 6.88523C5.46014 6.86426 5.50609 6.83353 5.54479 6.79479L7.62813 4.71146C7.66684 4.67275 7.69755 4.62679 7.7185 4.57621C7.73945 4.52563 7.75023 4.47141 7.75023 4.41667C7.75023 4.36192 7.73945 4.30771 7.7185 4.25713C7.69755 4.20655 7.66684 4.16059 7.62813 4.12187C7.58941 4.08316 7.54345 4.05245 7.49287 4.0315C7.44229 4.01055 7.38808 3.99977 7.33333 3.99977C7.27859 3.99977 7.22437 4.01055 7.17379 4.0315C7.12321 4.05245 7.07725 4.08316 7.03854 4.12187L5.66667 5.49427V0.666667C5.66667 0.55616 5.62277 0.450179 5.54463 0.372039C5.46649 0.293899 5.36051 0.25 5.25 0.25C5.13949 0.25 5.03351 0.293899 4.95537 0.372039C4.87723 0.450179 4.83333 0.55616 4.83333 0.666667V5.49427L3.46146 4.12187C3.38327 4.04369 3.27723 3.99977 3.16667 3.99977C3.0561 3.99977 2.95006 4.04369 2.87187 4.12187C2.79369 4.20006 2.74977 4.3061 2.74977 4.41667C2.74977 4.52724 2.79369 4.63328 2.87187 4.71146L4.95521 6.79479Z' fill='currentColor' stroke='currentColor' stroke-width='0.5'/%3E%3C/svg%3E");
    -webkit-mask: var(--de-mask-image) no-repeat center;
    mask: var(--de-mask-image) no-repeat center;
    width: 0.75em;
}

/* File with preview */

.wp-block-file:has(.wp-block-file__embed, .wp-block-file__preview) {
    margin-block: var(--wp--preset--spacing--large);
}

.wp-block-file:has(.wp-block-file__embed, .wp-block-file__preview) .wp-block-file__embed {
    margin-bottom: var(--wp--preset--spacing--x-small);
}

.wp-block-file:has(.wp-block-file__embed, .wp-block-file__preview) a:not(.wp-block-file__button) {
    font-style: italic;
}

.wp-block-file:has(.wp-block-file__embed, .wp-block-file__preview) .wp-block-file__button {
    align-items: center;
    background: transparent;
    color: var(--wp--preset--color--secondary-accent);
    column-gap: 0.34em;
    display: flex;
    padding: 0;
    white-space: nowrap;
}

.wp-block-file__content-wrapper {
    /* Admin-specific fix for button position */
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.wp-block-file:has(.wp-block-file__embed, .wp-block-file__preview) .wp-block-file__button::after {
    background-color: currentColor;
    content: "";
    --de-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 8'%3E%3Cpath d='M0.510079 0.508557C0.423001 0.594691 0.375 0.709359 0.375 0.831407C0.375 0.953455 0.423001 1.06805 0.510079 1.15418L3.26067 3.87493L0.509849 6.59591C0.330384 6.77374 0.330384 7.06303 0.509849 7.24093C0.596927 7.32722 0.712776 7.37485 0.836086 7.375C0.959396 7.37515 1.0754 7.32775 1.16286 7.24139L4.23961 4.19801C4.32569 4.11309 4.375 3.99523 4.375 3.87478C4.375 3.75433 4.32569 3.63692 4.23984 3.55216L1.16278 0.508481C0.982858 0.330506 0.690006 0.330582 0.510079 0.508557Z' fill='currentColor' stroke='currentColor' stroke-width='0.75'/%3E%3C/svg%3E");
    -webkit-mask: var(--de-mask-image) no-repeat center;
    mask: var(--de-mask-image) no-repeat center;
    height: 0.5em;
    width: 0.5em;
}