/*
Theme Name: Devstages
Theme URI: devstages.ru
Author: devstages.ru
Author URI: devstages.ru

*/

:root {
     /* цвет подложки лоадера */
    --loaderBgColor: rgba(0,0,0,.5);

    /* настройка спиннера*/
    --spinnerWidth:80px;
    --spinnerHeight:80px;
    --spinnerSize:3px;
    --spinnerColor:red;
    --animationSpeed:.8s;
}

.js-page-loader * {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.js-page-loader {
    background-color: var(--loaderBgColor);
}

.js-page-loader .spinner {
    width: var(--spinnerWidth);
    height: var(--spinnerHeight);
    border-top: var(--spinnerSize) solid var(--spinnerColor);
    border-right: var(--spinnerSize) solid transparent;
    border-radius: 50%;
    animation: spinnerRotation var(--animationSpeed) linear infinite;
}

@keyframes spinnerRotation{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
#generated-info{
    display: none;
}


#url-name-input-wrapper{
    display: none;
}

#show-url-name-input{
    text-decoration: underline;
    cursor: pointer;
}

#show-url-name-input:hover{
   text-decoration: none;
}