baybulatov-util-js/baybulatov-util.css

https://www.npmjs.com/package/baybulatov-util-js

/* Version: 0.5.0 */

.spinner {
    position: relative;
    margin: 30px;
    width: 1em;
    height: 1em;
    color: #a2a2a2;
    font-size: 10px;
    text-indent: -9999em;
    border-radius: 50%;
    transform: translateZ(0);
    animation: spinner 1.3s infinite linear;
}

@keyframes spinner {
    0%, 100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0 }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0 }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em }
}


.ui-dialog.spinner-dialog {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    background: none !important;
    border: none !important;
}

.ui-dialog.spinner-dialog .ui-dialog-titlebar { display: none !important }

.ui-dialog.spinner-dialog .ui-dialog-content {
    overflow: visible !important;
    min-height: 0 !important;
}

.ui-widget-overlay { opacity: 0.3 !important }


.tab-widget {
    box-sizing: border-box;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    border: none !important;
}

.tab-widget__tab-btn-anchor { padding-right: 0.2em !important }

.tab-widget__tab-close-btn { cursor: pointer }

.tab-widget__tab-outlet {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.tab-widget__tab-view {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}