.main .otnotice-menu {
    position: absolute;
    max-height: max-content;
}

.ot-loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: white;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ot-loading .spinner{
    width:28px;
    height:28px;
    position:relative;
    display:grid;
    place-items:center;
}
.ot-loading .spinner::before,.spinner::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    border:3px solid transparent;
    border-top-color:var(--accent);
    border-right-color:var(--accent);
    animation:spin .8s linear infinite;
}
/* .ot-loading .spinner::after{
    inset:5px;
    border-width:3px;
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:var(--accent);
    animation:spin 1.2s linear infinite reverse;
    opacity:.8;
} */
@keyframes spin{to{transform:rotate(1turn)}}
.text{letter-spacing:.2px}
.small{font-size:12px;opacity:.7}