/* jak loader vypadá */
#loader {
    position: fixed;
    inset: 0;
    background: #0b0f1a;;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity .4s;
}
/* co má loader dělat když se načte stránka*/
#loader.hide {
    opacity: 0;
    pointer-events: none;
}
/* loader načítací kolečko */
.loader {
    height: 80px;
    aspect-ratio: 1;
    padding: 10px;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
    mask: conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);
    filter: blur(12px);
}
/* rotujici část loaderu */
.loader:before {
    content: "";
    position: absolute;
    inset: 0;
    background: conic-gradient(#0000 35%,#cd9948,#0000 65%);
    animation: spin 1.5s linear infinite;
}
/* animace loaderu */
@keyframes spin {
    to { transform: rotate(360deg); }
}