/* Extracted from main.css: in-tray feature
   (src/Main.hx, src/Auth.hx, html/overlays.html) */

img.in-tray-toggle {
    display: none;
    position: fixed;
    bottom: 12px;
    left: 12px;
    width: 32px;
    height: 32px;
    z-index: 21;
}

img.in-tray-add {
    position: fixed;
    bottom: 12px;
    right: 12px;
    width: 32px;
    height: 32px;
    z-index: 21;
    opacity: 0;
    transition: opacity 250ms linear;
}

img.in-tray-add-visible {
    opacity: 1;
    transition: opacity 250ms linear;
}

div.in-tray-container {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 0%;
    background-color: navy;
    padding: 0px;
    color: white;
    z-index: 20;
    animation-name: hide-in-tray;
    animation-duration: 0.3s;
    animation-direction: alternate;
    animation-timing-function: linear;
}

div.in-tray-content {
    padding: 8px;
    padding-left: 48px;
    margin-right: 50px;
}

div.in-tray-buttons {
    width: 50px;
    float: right;
}

div.visible-in-tray {
    height: 96px;
    animation-name: show-in-tray;
}