/*_____________________________________________________________________________
-                 2 0 2 2 (c)   T R I N I X   M E D I A 
-        F R O N T E N D    F R A M E W O R K    L I B R A R Y
-        N O T I F I C A T I O N    M O D U L E    S T Y L E S
-                       Development Version 0.0.1
-                         (c) Trinix Media 2023

- Created by: Brandon Reilly on 2023-09-04 @ 5:33PM
-
- 
______________________________________________________________________________________*/


.TM.top-floating-notification {
    filter: drop-shadow(.125rem .125rem .1rem rgba(6, 6, 6, .666));
    position: fixed;
    display: none;
    z-index: 1000;
    min-width: 25rem;
    padding: .25rem .5rem;
    left: 50%;
    vertical-align: middle;
    margin: 1rem auto auto;
    max-width: 85vw;
    min-height: 3rem;
    max-height: 9rem;
    border-radius: .5rem;
    border: .125rem outset rgba(200, 225, 245, .85);
    background: rgba(25, 75, 125, .95);
    color: rgb(200, 225, 245);
    font-size: .9rem;
    font-family: Prompt;
    filter: drop-shadow(.1rem, .1rem, .075rem rgba(6, 6, 6, .85));
    width: auto;
    height: auto;
    transform: translate3d(-50%, 0, 0);
}


.TM.top-floating-notification span {
    margin: auto;
    display: block;
    line-height: 3rem;
    font-family: 'Tomorrow';
    letter-spacing: 0.075rem;
    font-size: 1.25rem;
    font-weight: 500;
    height: auto;
    position: relative;
    text-shadow: 0.125rem 0.125rem 0.075rem rgb(6 6 6 / 95%);
    width: auto;
    color: rgb(235, 245, 255);
    text-align: center;
    padding: .125rem .5rem .25rem;
}

.TM.top-floating-notification.show {
    display: block;
}