*{margin:0;padding:0;box-sizing:border-box}html{background-image:url(/_next/static/media/defaut.d42c2e61.jpg);background-size:contain;width:100vw;height:100vh;margin-bottom:50px}body{padding-bottom:72px}canvas{width:100%!important;height:180px!important;display:block;margin:0 auto;color:white}:root{--picker-width:100px}input[type=checkbox]{display:none}input[type=checkbox]:checked+.switch{background:linear-gradient(145deg,#00bfff,#0088cc);box-shadow:inset 0 0 4.5px #0088cc,0 0 6px rgba(0,191,255,.4),0 0 9px rgba(0,191,255,.2);background-image:radial-gradient(circle at top left,rgba(0,0,0,.2),rgba(255,255,255,.3) 30%)}input[type=checkbox]:checked+.switch:before{transform:translateX(26.25px);background:linear-gradient(145deg,#34495e,#2c3e50);box-shadow:inset 0 0 3px rgba(0,191,255,.3),0 0 6px rgba(0,191,255,.3),0 0 9px rgba(0,191,255,.2);background-image:radial-gradient(circle at top left,rgba(0,0,0,.3),rgba(255,255,255,.2) 30%)}input[type=color]{width:100%;height:35px;border:none;padding:0;cursor:pointer;background-color:#34495e;border-radius:5px;box-shadow:inset -2px -2px 4px rgba(0,0,0,.2),inset 2px 2px 4px rgba(255,255,255,.2)}.Head_bar_onglets__D5T19{display:flex;flex-direction:column;align-items:center;margin-top:20px}.Head_onglet__pdLPz{padding:10px 20px;text-decoration:none;color:white;background-color:rgba(51,51,51,.6);border-radius:5px;margin:15px;transition:background-color .3s;box-shadow:0 20px 40px rgba(0,0,0,.3)}.Head_onglet__pdLPz:hover{background-color:#555}