/*Start Here*/
.app{
word-break:break-word;
}

.layout {
display:grid;
grid-template-columns:1fr;
width:100%;
max-width:var(--layout-max-width);
margin-left:auto;
margin-right:auto;
justify-content:space-between;
position:relative;
}

.aside {
position:-webkit-sticky;
position:sticky;
top:calc(var(--layout-header-height));
height:calc(100vh - var(--layout-header-height));
padding:var(--layout-view-offset-y) 0;
}

.aside--left {
display:none;
z-index:10;
overflow-y:auto;
scrollbar-color:#1e2427 #161b1d;
scrollbar-width:thin;
-webkit-backdrop-filter:blur(0.6rem);
backdrop-filter:blur(0.6rem);
}

.aside--right {
z-index:5;
}

.view {
width:100%;
min-width:0;
padding:var(--layout-view-offset-y) 0;
position:relative;
z-index:15;
}

/*
.typing{
display:flex;
position:relative;
flex-flow:row;
gap:4px;
align-items:center;
}

.typing span{
width:5px;
height:5px;
margin-right:4px;
background-color:rgb(60, 128, 211);
background-color:#FDB64A;
vertical-align:middle;
display:inline-block;
animation:typing-bounce 1.8s infinite ease-in-out;
border-radius:var(--border-radius-lw);
}

.typing span:nth-child(1){
animation-delay:200ms;
}

.typing span:nth-child(2){
animation-delay:300ms;
}

.typing span:nth-child(3){
animation-delay:400ms;
}
*/

/*luxury*/
@keyframes move-bit-left{
0%{left:-40px;top:-25px;}
50%{left:-20px;top:-15px;}
100%{left:-40px;top:-25px;}
}

@keyframes move-bit-right{
0%{right:-40px;top:-25px;}
50%{right:-20px;top:-15px;}
100%{right:-40px;top:-25px;}
}

.backmove{
display:none;
cursor:pointer;
position:fixed;
top:0;
bottom:0;
left:0;
text-align:center;
width:80px;
z-index:3;
background-color:#151b21;
opacity:.3;
transition:0.25s;
-webkit-transition:0.75s
}
.backmove:hover{
opacity:.9;
}
.backmove .arrow{
padding-bottom:30px;
position:absolute;
bottom:0;
width:100%
}
.backmove svg{
fill:#252e35
}
.backmove.bottom svg{
transform:rotate(180deg);
-webkit-transform:rotate(180deg)
}