// ============================================================================
// Imports
// ============================================================================

@use "../../variables" as *;
@use "../body_molecules" as *;
@use "../body_atoms" as *;

.interface {
    @include reset_bleed;
    // @include transition_duration_01; //TODO: does not exist
    bottom: 0;
    background-color: transparent;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    width: 100%;
    height: 100%;
}

.interface_header {
    @include reset_bleed;
    @include flex--row;
}

.cover_arrow--up {
    @include reset_bleed;
    pointer-events: auto;
    display: none; // Hidden by default
    position: fixed; // Fixed/sticky position
    bottom: q(2); // Place the button at the bottom of the page
    right: q(2); // Place the button q(32) from the right
    &.active {
        display: block; // Hidden by default
    }
}