.config-software-animation{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.software-ui{width:90%;height:90%;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:6px;overflow:hidden;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05)}.software-header{height:18%;background:#0003;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.05)}.window-control{width:6px;height:6px;border-radius:50%;margin-right:4px}.window-control:nth-child(1){background:#ff5f57}.window-control:nth-child(2){background:#ffbd2e}.window-control:nth-child(3){background:#28ca41}.header-title{margin-left:8px;font-size:7px;color:#ffffffb3;font-weight:600}.software-content{flex:1;display:flex}.config-sidebar{width:20%;background:#00000026;padding:8px 0;display:flex;flex-direction:column;gap:6px;align-items:center}.sidebar-item{width:70%;height:6px;background:#ffffff1a;border-radius:3px}.sidebar-item.active{background:#57cdff;box-shadow:0 0 8px #57cdff80}.config-main{flex:1;padding:8px;display:flex;flex-direction:column;gap:8px}.keyboard-preview{height:40%;background:#0003;border-radius:4px;position:relative;overflow:hidden;transition:transform .3s ease}.keyboard-preview:after{content:"";position:absolute;top:40%;left:10%;width:80%;height:20%;background:#57cdff33;border-radius:2px;box-shadow:0 0 10px #57cdff4d}.config-options{flex:1;display:flex;flex-direction:column;gap:6px;justify-content:space-around}.option-row{display:flex;align-items:center;gap:6px}.option-label{width:20%;height:4px;background:#ffffff1a;border-radius:2px}.option-slider{flex:1;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden;position:relative}.slider-fill{height:100%;background:linear-gradient(90deg,#57cdff,#3aa8ff);width:50%;transition:width .2s ease}.option-buttons{flex:1;display:flex;gap:4px}.option-button{flex:1;height:6px;background:#ffffff1a;border-radius:2px;transition:all .3s ease}.option-button.active{background:#57cdff;box-shadow:0 0 8px #57cdff80}@media (max-width: 768px){.software-ui{width:95%;height:95%}.header-title{font-size:6px}.window-control{width:5px;height:5px;margin-right:3px}.config-options{gap:4px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/config-software-animation.css.map */