[data-theme="dark"]{--app-background-color:#1f1f1f;--app-text-color:#fff}[data-theme="light"]{--app-background-color:#fff;--app-text-color:#1f1f1f}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000000;.overlayDoor{&:before,&:after{content:"";position:absolute;width:50%;height:100%;background:var(--app-background-color);transition:.5s cubic-bezier(.77,0,.18,1);transition-delay:.8s}&:before{left:0}&:after{right:0}}&.loaded{.overlayDoor{&:before{left:-50%}&:after{right:-50%}}.overlayContent{opacity:0;margin-top:-15px}}.overlayContent{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:.5s cubic-bezier(.77,0,.18,1);.skip{display:block;width:130px;text-align:center;margin:50px auto 0;cursor:pointer;color:var(--app-text-color);font-weight:700;padding:12px 0;border:2px solid var(--app-text-color);border-radius:3px;transition:.2s ease;&:hover{background:#ddd;color:#444;border-color:#ddd}}}}.loader{width:128px;height:128px;border:3px solid var(--app-text-color);border-bottom:3px solid transparent;border-radius:50%;position:relative;animation:spin 1s linear infinite;display:flex;justify-content:center;align-items:center;.inner{width:64px;height:64px;border:3px solid transparent;border-top:3px solid var(--app-text-color);border-radius:50%;animation:spinInner 1s linear infinite}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spinInner{0%{transform:rotate(0deg)}100%{transform:rotate(-720deg)}}