/*------------------------------------------------------------------
[8.6 - File page]
*/
.file-area {
    .file-preview {
        border: 1px solid var(--color-4);
        border-radius: 1rem;

        img {
            width: 100%;
            object-fit: contain;

            @media (min-width: $breakpoint-medium) {
                height: 450px;
            }

            @media (max-width: $breakpoint-md) {
                height: 350px;
            }
        }

        &-inner {
            background: var(--color-4);
            border-radius: 1rem;

            @media (min-width: $breakpoint-medium) {
                height: 450px;
            }

            @media (max-width: $breakpoint-md) {
                height: 350px;
            }

            p {
                font-size: 3.5rem;
                font-weight: 900;
                color: rgba(var(--color-1-rgb),.2);
            }
        }

        @media (max-width: $breakpoint-md) {
            iframe {
                height: 350px;
            }
        }
    }

    .image-input {
        input {
            border-width: 2px;
            direction: ltr;
            text-align: right;

            &:focus {
                border-color: var(--color-4) !important;
            }
        }

        .btn {
            color: var(--color-1) !important;
            font-weight: 500;
            border-style: solid;
            border-width: 2px 0 2px 2px;
            border-color: var(--color-4);
            border-radius: 1rem 0 0 1rem;
            padding: .75rem 2rem;

            &:focus,
            &:active {
                border-color: var(--color-4) !important;
            }
        }
    }

    .file-info {
        color: var(--color-3);
    }

    .adblocker-notice {
        i {
            color: var(--color-1);
        }

        p {
            color: var(--color-2);
            font-size: 1.25rem;
            font-weight: 500;
        }
    }
}
