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

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

// ============================================================================
// Mixins
// ============================================================================

@mixin 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%;
}

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

@mixin 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
    }
}