/* Dynamicke sekce - loader jen na frontendu
  ====================================================================== */

  .dynamic-loader {
    text-align: center;
  }

  body:not(.frontend) .dynamic-loader {
    font-family: monospace, sans-serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: normal;
    color: #212529;
    background-color: #edeef0;
    border: 1.5px dashed #a3a3a3;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px clamp(16px, 4vw, 32px);
    margin: auto;
  }
  
  body.frontend .dynamic-loader {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    font-size: 0;
    background: transparent;
    color: transparent;
    margin-bottom: 0;
  }
  
  body.frontend .dynamic-loader::after {
    content: '';
    display: block;
    height: 48px;
    width: 48px;
    margin: auto;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='48px' height='48px' viewBox='0 0 48 48' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg'%3E%3Cdesc%3ECreated with Lunacy%3C/desc%3E%3Cdefs%3E%3Cpath d='M0 0L48 0L48 48L0 48L0 0Z' id='path_1' /%3E%3CclipPath id='mask_1'%3E%3Cuse xlink:href='%23path_1' /%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='spinner-solid'%3E%3Cpath d='M0 0L48 0L48 48L0 48L0 0Z' id='Background' fill='none' stroke='none' /%3E%3Cg clip-path='url(%23mask_1)'%3E%3Cpath d='M13.875 4.5C13.875 2.01563 15.8906 0 18.375 0C20.8594 0 22.875 2.01563 22.875 4.5C22.875 6.98438 20.8594 9 18.375 9C15.8906 9 13.875 6.98438 13.875 4.5ZM4.03125 8.90625C4.03125 6.83789 5.71289 5.15625 7.78125 5.15625C9.84961 5.15625 11.5313 6.83789 11.5313 8.90625C11.5313 10.9746 9.84961 12.6563 7.78125 12.6563C5.71289 12.6563 4.03125 10.9746 4.03125 8.90625ZM28.9688 7.40625C28.1426 7.40625 27.4688 8.08008 27.4688 8.90625C27.4688 9.73242 28.1426 10.4063 28.9688 10.4063C29.7949 10.4063 30.4688 9.73242 30.4688 8.90625C30.4688 8.08008 29.7949 7.40625 28.9688 7.40625ZM0 19.5C0 17.6367 1.51172 16.125 3.375 16.125C5.23828 16.125 6.75 17.6367 6.75 19.5C6.75 21.3633 5.23828 22.875 3.375 22.875C1.51172 22.875 0 21.3633 0 19.5ZM33.375 17.625C32.3379 17.625 31.5 18.4629 31.5 19.5C31.5 20.5371 32.3379 21.375 33.375 21.375C34.4121 21.375 35.25 20.5371 35.25 19.5C35.25 18.4629 34.4121 17.625 33.375 17.625ZM4.78125 30.0938C4.78125 28.4355 6.12305 27.0938 7.78125 27.0938C9.43945 27.0938 10.7813 28.4355 10.7813 30.0938C10.7813 31.752 9.43945 33.0938 7.78125 33.0938C6.12305 33.0938 4.78125 31.752 4.78125 30.0938ZM28.9688 27.8438C27.7266 27.8438 26.7188 28.8516 26.7188 30.0938C26.7188 31.3359 27.7266 32.3438 28.9688 32.3438C30.2109 32.3438 31.2188 31.3359 31.2188 30.0938C31.2188 28.8516 30.2109 27.8438 28.9688 27.8438ZM15.75 34.5C15.75 33.0527 16.9277 31.875 18.375 31.875C19.8223 31.875 21 33.0527 21 34.5C21 35.9473 19.8223 37.125 18.375 37.125C16.9277 37.125 15.75 35.9473 15.75 34.5Z' transform='translate(5.625 4.5)' id='Shape' fill='%23888888' fill-rule='evenodd' stroke='none' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    animation: dynamic-loader-spin .5s steps(8, end) infinite;
  }
  
  @keyframes dynamic-loader-spin {
    to {
      transform: rotate(360deg);
    }
  }