.wznav-container{width:100%;padding:15px;padding-bottom:20px;background:var(--main-bg-color);border-radius:var(--main-radius);}.wznav-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.wznav-tabs{display:flex;gap:10px;flex-shrink:0}.wznav-tabs button{font-size: 14px;height: 28px;padding:0px 10px;border:none;cursor:pointer;color: var(--main-color);background:var(--muted-bg-color);border-radius:100px;white-space:nowrap}.wznav-tabs button.wznav-active{background:var(--focus-color);color:#fff;font-size: 14px;}.wznav-btn-group{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.wznav-btn-group button{background:none;color:var(--theme-color);font-size: 12px;border:1px solid #4667f099;padding:5px 10px;cursor:pointer;border-radius:100px;white-space:nowrap}hr{margin-top:.5rem;margin-bottom:.3rem}.recent-intro{margin:0;font-size:12px;color: var(--muted-color);border-top:0px solid #81818126;padding:0.6rem;}.wznav-site-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding-top:0px;width:100%}.wznav-site-item{width:100%;min-width:80px;background:#fff;padding:8px 10px;border-radius:var(--theme-border-radius-sm);display:flex;align-items:center;justify-content:space-between;background:var(--main-bg-color);border:1px solid var(--muted-bg-a-color);box-shadow:inset 0 0 25px 0 var(--muted-shadow),0 0 0 0 var(--main-shadow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.wznav-site-item a{flex:1;text-decoration:none;overflow:hidden;text-overflow:ellipsis;padding-right:10px;padding-left:5px;font-size:14px;    font-weight: bold;}.wznav-site-item button{background:0 0;border:none;cursor:pointer;color:red;font-size:12px;flex-shrink:0}@media (min-width:1200px){.wznav-site-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width:480px){.wznav-header{flex-direction:column;align-items:flex-start}.wznav-btn-group{width:100%;justify-content:flex-start}.wznav-site-list{grid-template-columns:1fr}}.wznav-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:1200}.wznav-modal-content{background:#fff;padding:25px;border-radius:8px;min-width:400px;box-shadow:0 2px 10px rgba(0,0,0,.2);position:relative}.wznav-modal-header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.wznav-modal-title{margin:0;font-weight: bold;font-size:18px}.wznav-form-group{margin-bottom:15px;font-size:14px}.wznav-form-group label{display:block;margin-bottom:5px;color:#666}.wznav-form-group input{background: #efefef;outline: none;width:100%;padding:8px;border:0px;border-radius:100px;box-sizing:border-box}.wznav-modal-actions{margin-top:20px;text-align:right}.wznav-modal-actions button{padding:8px 16px;border:none;border-radius:100px;cursor:pointer;margin-left:10px;font-size:14px}.wznav-btn-confirm{background:var(--focus-color);color:#fff}.wznav-btn-cancel{background:#ddd;color:#666}.wznav-category-item{display:flex;align-items:center;justify-content:space-between;padding:10px;margin:5px 0;background:#f8f9fa;border-radius:4px}.wznav-category-actions button{margin-left:8px;padding:4px 8px}.wznav-danger-btn{background:#f44!important;color:#fff;border: 0;border-radius: 4px;}#wznav-categorySelect,#wznav-target-category{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:100px;padding:8px 12px;font-size:14px;color:#495057;cursor:pointer}#wznav-categorySelect:focus,#wznav-target-category:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}@media (min-width:768px) and (max-width:991.98px){.wznav-site-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:575.98px){.wznav-site-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.wznav-modal-content{min-width:60%}}.wznav-site-item:hover{border: 1px solid #4667f099;}.wznav-add-category-form{margin-top:10px}.wznav-add-category-form h4{font-size: 1.2rem;}

button.wznav-extra-button{
  font-size: 12px;    
  color: #fff;
  background: #4667f0;
  background: linear-gradient(to right,#03a9f4,#f441a5,#ffeb3b,#09a8f4);
  background-size: 600% 100%;
  animation: streamer 8s infinite;
  border-radius: 30px 100px 30px 100px;
  padding: 0px 15px;
  height: 20px;
  z-index: 1;
}
@keyframes streamer{ 100%{background-position: -400% 0; } } 
button.xg{
    filter: blur(20px);    
    width: 50px;
    margin-left: -70px;
    z-index: 0; 
}