@font-face{font-display:swap;font-family:"Bello Script";font-style:normal;font-weight:normal;src:url("/static/webfonts/Bello-Script.woff2") format("woff2"),url("/static/webfonts/Bello-Script.woff") format("woff")}@font-face{font-display:swap;font-family:'Orbitron';font-style:normal;font-weight:500;src:url('/static/webfonts/Orbitron-Medium.woff2') format('woff2'),url('/static/webfonts/Orbitron-Medium.woff') format('woff')}@font-face{font-display:swap;font-family:'Orbitron';font-style:normal;font-weight:900;src:url('/static/webfonts/Orbitron-Black.woff2') format('woff2'),url('/static/webfonts/Orbitron-Black.woff') format('woff')}@font-face{font-display:swap;font-family:'Orbitron';font-style:normal;font-weight:bold;src:url('/static/webfonts/Orbitron-Bold.woff2') format('woff2'),url('/static/webfonts/Orbitron-Bold.woff') format('woff')}@font-face{font-display:swap;font-family:'Orbitron';font-style:normal;font-weight:normal;src:url('/static/webfonts/Orbitron-Regular.woff2') format('woff2'),url('/static/webfonts/Orbitron-Regular.woff') format('woff')}*,*::before,*::after{box-sizing:border-box}img{display:block;height:auto;max-width:100%}html,body{height:100%;margin:0}.container-fluid,#content,main{background:transparent;margin:0;max-width:none;padding:0;width:100%}main{overflow:visible!important}#right-sidebar,aside,header,footer{display:none!important}*,:root::-webkit-scrollbar{-ms-overflow-style:none!important;-moz-overflow-style:none!important;-webkit-overflow-style:none!important;scrollbar-width:none!important}::-webkit-scrollbar{display:none;width:0}body{align-items:center;background:url(/static/images/config-pc/fond.jpg) center center / cover;color:#f0d070;display:flex;font-family:Orbitron,'Segoe UI',sans-serif;height:auto;justify-content:center;margin:0;max-width:100vw;min-height:100vh;width:100vw}#wrapper{align-items:center;box-sizing:border-box;display:flex;gap:2em;justify-content:center;padding:2em;width:100vw}#wrapper.reverse{transform:scaleX(-1);transition:transform .8s ease-in-out}#wrapper.reverse .config-container,#wrapper.reverse #preview{transform:scaleX(-1)}#menu{align-items:center;color:#cbcbcb;cursor:pointer;display:flex;font-family:"Bello Script",poppins,cursive;font-size:2.5rem;left:.3em;position:absolute;text-decoration:none;top:.3em}#menu>img{height:50px;width:50px}.config-container{align-items:center;background:#1a1a1a;border-radius:1em;box-shadow:0 0 2em rgba(255,215,0,.5);padding:2em;position:relative;transition:transform .8s ease-in-out;width:calc(75% - 3em)}#toggle-direction{aspect-ratio:1 / 1;background:#ffd700;border:none;border-radius:.5em;box-shadow:0 0 1em rgba(255,215,0,.5);color:#1a1a1a;cursor:pointer;padding:.5em;position:absolute;right:1em;top:1em;transition:all .3s ease-in-out}#toggle-direction:hover{background:rgba(255,215,0,.1);color:#cbcbcb}#toggle-direction.rotating{animation:rotateOnce .5s ease-in-out}h1{animation:pulse 2s infinite;color:#ffd700;font-size:2.5rem;margin-bottom:2rem;text-align:center;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.6),0 0 30px rgba(255,215,0,.4)}.component-list{list-style:none;padding:0}.component-list li{border-bottom:1px solid #333;font-size:1.2rem;padding:.5rem 0;transition:all .3s ease-in-out}.component-list li:hover{color:#ffe680;text-shadow:0 0 8px rgba(255,215,0,.6);transform:translateX(1em)}.label{color:#ffcc00;display:inline-block;font-weight:bold;margin-right:1em;width:auto}#preview{align-items:center;border-radius:1em;display:flex;justify-content:center;transition:transform .8s ease-in-out;width:calc(25% - 3em)}#preview-img{aspect-ratio:auto;border-radius:1em;height:auto;object-fit:contain;transition:all .3s ease-in-out;width:100%}#preview-img.shadow{box-shadow:0 0 2em rgba(255,215,0,.5)}#snow{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}@keyframes pulse{0%{text-shadow:0 0 10px rgba(255,215,0,.8)}50%{text-shadow:0 0 20px rgba(255,215,0,1)}100%{text-shadow:0 0 10px rgba(255,215,0,.8)}}@keyframes rotateOnce{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (max-width:1400px),(orientation:portrait){#wrapper{margin-bottom:2em;margin-top:2em}.config-container{margin-right:auto}#preview{height:auto;position:fixed;right:2em;top:50%;transform:translateY(-50%);width:25%}#toggle-direction{display:none}}