@media screen and (min-width:992px) {
    .gin--classic-toolbar #lnn-notice{
        top: 168px;
    }

}
@media screen and (max-width:992px) {
    .gin--classic-toolbar #lnn-notice{
        top: 120px;
    }
}
#lnn-notice {
    position: fixed;
    top: 80px;
    right: 12px;
    left: 12px;
    margin: auto;
    max-width: 708px;
    z-index: 9999;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 15px 14px;
    background: #D2232A;
    color: #FFF6F4;
    font-size: 1rem;
    font-weight: 500;
    line-height: 26px;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
  
    transition:
      opacity .25s ease,
      transform .25s ease,
      visibility 0s linear 0s;
    will-change: opacity, transform;
  }
  #lnn-notice.lnn-hidden { display: none; }
  #lnn-notice .lnn-text{
    position: relative;
  }
  @keyframes border-dance {
    0% {
      background-position: 0px 0px, 300px 116px, 0px 150px, 216px 0px;
    }
    100% {
      background-position: 300px 0px, 0px 116px, 0px 0px, 216px 150px;
    }
  }
  #lnn-notice .lnn-text::before{
    /* position: absolute;
    content: "";
    width: 4px;
    height: calc(100% + 32px);
    top: -16px;
    background: #FFF6F4;
    left: -14px; */
  }
  #lnn-notice .lnn-refresh {
    border: 0;
    background: transparent;
    color: #FFF6F4;
    cursor: pointer;
    padding-right: 48px;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  #lnn-notice .lnn-refresh::after{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    right: 28px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQzOF8xNTc3KSI+CjxwYXRoIGQ9Ik0xIDhDMSA4IDEuMTIxMzIgNy4xNTA3NiA0LjYzNjA0IDMuNjM2MDRDOC4xNTA3NiAwLjEyMTMyIDEzLjg0OTIgMC4xMjEzMiAxNy4zNjQgMy42MzYwNEMxOC42MDkyIDQuODgxMzEgMTkuNDEzMyA2LjQwMDcyIDE5Ljc3NjIgOE0xIDhWMk0xIDhIN00yMSAxMkMyMSAxMiAyMC44Nzg3IDEyLjg0OTIgMTcuMzY0IDE2LjM2NEMxMy44NDkyIDE5Ljg3ODcgOC4xNTA3NiAxOS44Nzg3IDQuNjM2MDQgMTYuMzY0QzMuMzkwNzYgMTUuMTE4NyAyLjU4NjY5IDEzLjU5OTMgMi4yMjM4MyAxMk0yMSAxMlYxOE0yMSAxMkgxNSIgc3Ryb2tlPSIjRkZGNkY0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDM4XzE1NzciPgo8cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");  
}
  
  #lnn-notice.lnn-hidden {
    opacity: 0;
    transform: translateY(12px);
    visibility: hidden;
    pointer-events: none;
      transition:
      opacity .20s ease,
      transform .20s ease,
      visibility 0s linear .20s;
  }
  @media (prefers-reduced-motion: reduce) {
    #lnn-notice,
    #lnn-notice.lnn-hidden {
      transition: none !important;
      transform: none !important;
    }
  }