.troubleshooting-tool{background:linear-gradient(135deg,#2b2f33,#1a1e23);padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000004d;margin:40px auto;max-width:800px;width:100%;height:100%;box-sizing:border-box;color:#fff;font-family:Roboto,sans-serif;position:relative;overflow:hidden}.troubleshooting-tool h2{font-size:32px;margin-bottom:25px;color:#fc0;text-align:center;font-weight:700;letter-spacing:1px}.troubleshooting-tool select{width:100%;padding:15px;border:2px solid #444c55;border-radius:12px;font-size:18px;background-color:#3a3f45;color:#fff;box-shadow:inset 0 3px 6px #0003;transition:border .3s ease,background-color .3s ease,color .3s ease;margin-bottom:25px}.troubleshooting-tool select:focus{border-color:#f60;background-color:#4a5058;outline:none;box-shadow:0 0 10px #ff660080}.scenario{background:linear-gradient(135deg,#1f2125,#2d3036);border:2px solid #007acc;padding:25px;border-radius:15px;margin-bottom:25px;box-shadow:0 8px 20px #0000004d;display:none;overflow:visible;transition:transform .3s ease,box-shadow .3s ease}.scenario.active{display:block!important;transform:scale(1.05);box-shadow:0 15px 40px #0006}.scenario h3{font-size:26px;margin-bottom:15px;color:#fff;cursor:pointer;background:#3a3f45;padding:10px 20px;border-radius:8px;display:inline-block;transition:background-color .3s ease,transform .2s}.scenario h3:hover{background:#fc0;color:#1f2125;transform:translateY(-3px)}.step-container{display:none;margin-top:20px;overflow:visible;padding-left:10px;border-left:4px solid #007acc}.step-container.active{display:block!important}.scenario .step-container .step{margin-bottom:15px;padding:20px;background-color:#2e333a;border-radius:10px;box-shadow:0 5px 15px #0003;color:#fff;transition:background-color .3s ease,box-shadow .3s ease}.scenario .step-container .step:hover{background-color:#3b414a;box-shadow:0 10px 25px #0066ff4d}.scenario .step-container .step h4{font-size:22px;margin-bottom:10px;color:#fc0}.scenario .step-container .step p{font-size:18px;line-height:1.6;color:#d9d9d9}.scenario.active{border:2px solid #007acc;box-shadow:0 0 15px #007acc}.troubleshooting-tool:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,#f60,#007acc,#2b2f33,#1a1e23);background-size:300% 300%;z-index:0;animation:backgroundAnimation 12s ease infinite;opacity:.15}@keyframes backgroundAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.troubleshooting-tool>*{position:relative;z-index:1}
/*# sourceMappingURL=/cdn/shop/t/7/assets/troubleshooting-tool.css.map */