@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&display=swap);.color[data-v-08f7381c],.colorChoice[data-v-08f7381c],.container[data-v-08f7381c],.font[data-v-08f7381c],.fontChoice[data-v-08f7381c],.head[data-v-08f7381c],.inputContainer[data-v-08f7381c]{display:flex;justify-content:space-between;align-items:center}.container[data-v-08f7381c]{position:fixed;left:0;top:0;background-color:rgba(0,0,0,.3);width:100%;height:100%;z-index:100;color:#000;justify-content:center}.modal[data-v-08f7381c]{width:540px;height:460px;background-color:#fff;border-radius:25px}.modal .head[data-v-08f7381c]{padding:40px 40px 25px 40px;font-weight:900;font-size:30px;border-bottom:1px solid #d3d3d3}.modal .head span[data-v-08f7381c]{cursor:pointer;color:grey;font-size:18px}.center[data-v-08f7381c]{padding:0 40px}.center p[data-v-08f7381c]{font-size:14px;text-transform:uppercase;font-weight:900;letter-spacing:5px}.center .time[data-v-08f7381c]{padding:20px 0}.center .time .inputContainer[data-v-08f7381c]{padding:20px 0 0 0}.center .time .inputContainer label[data-v-08f7381c]{font-size:12px;color:#afafaf;font-weight:900}.center .time .inputContainer .input[data-v-08f7381c]{position:relative;display:flex;flex-direction:column}.center .time .inputContainer .input input[data-v-08f7381c]{width:130px;height:45px;background-color:#eef1fa;border:none;border-radius:10px;margin-top:5px;padding:15px;font-weight:900;outline-color:#1f2140;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.center .time .inputContainer .input input[data-v-08f7381c]::-webkit-inner-spin-button,.center .time .inputContainer .input input[data-v-08f7381c]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.center .time .inputContainer .input .selecteur[data-v-08f7381c]{display:grid;position:absolute;width:10px;height:10px;top:53%;left:100px}.center .time .inputContainer .input .selecteur img[data-v-08f7381c]{cursor:pointer;width:12px;transition:.3s ease}.center .time .inputContainer .input .selecteur img[data-v-08f7381c]:hover{width:15px}.center button[data-v-08f7381c]{position:relative;width:140px;height:50px;border-radius:50px;background-color:#f86f6b;color:#fff;border:none;margin:0 auto;cursor:pointer;transition:.3s ease;font-weight:900;font-size:14px;left:calc(50% - 70px)}.center button[data-v-08f7381c]:active{transform:scale(1.03);outline:none}.fontChoice[data-v-08f7381c]{padding:20px 0}.fontChoice p[data-v-08f7381c]{text-transform:capitalize;letter-spacing:0;background-color:#eef1fa}.fontChoice p[data-v-08f7381c]:first-child{font-family:Poppins,sans-serif!important}.fontChoice p[data-v-08f7381c]:nth-child(2){font-family:Open Sans,sans-serif!important}.fontChoice p[data-v-08f7381c]:nth-child(3){font-family:Roboto Slab,serif!important}.fontChoice .selectedFont[data-v-08f7381c]{background-color:#000;color:#fff}.colorChoice span[data-v-08f7381c],.fontChoice p[data-v-08f7381c]{cursor:pointer;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;margin:0 10px}.colorChoice[data-v-08f7381c]{padding:20px 0}.colorChoice span[data-v-08f7381c]:first-child{background-color:#f86f6b}.colorChoice span[data-v-08f7381c]:nth-child(2){background-color:#70f3f7}.colorChoice span[data-v-08f7381c]:nth-child(3){background-color:#da81f4}.colorChoice span img[data-v-08f7381c]{width:15px}.font[data-v-08f7381c],.time[data-v-08f7381c]{border-bottom:1px solid #d3d3d3}@media screen and (max-width:500px){.modal[data-v-08f7381c]{width:100vw;height:100vh;border-radius:0}.modal .head[data-v-08f7381c]{padding:40px 15px 25px 15px}.modal .center[data-v-08f7381c]{padding:0 15px}.modal .center .time[data-v-08f7381c]{padding:40px 0}.modal .center .time .inputContainer .input input[data-v-08f7381c]{width:90px;height:35px}.modal .center .time .inputContainer .input .selecteur[data-v-08f7381c]{left:65px}.modal .center .colorChoice[data-v-08f7381c],.modal .center .fontChoice[data-v-08f7381c]{padding:30px 0}}*{padding:0;margin:0;box-sizing:border-box}body{background-color:#1f2140;color:#dae1fd}#app{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app.oswald{font-family:Open Sans,sans-serif}#app.roboto{font-family:Roboto Slab,serif}h1{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:50px auto}.compteur,.navbar{display:flex;justify-content:center;align-items:center}.navbar{width:375px;height:60px;margin:0 auto;font-size:13px;font-weight:900;background-color:#161a32;color:#5d617b;border-radius:100px}.navbar .navbar_item{padding:14px 24px;cursor:pointer}.navbar .navbar_item__selected{color:#4d212e;border-radius:50px;transition:.5s ease}.navbar .navbar_item__selected.saumon{background-color:#f86f6b}.navbar .navbar_item__selected.bleu{background-color:#70f3f7}.navbar .navbar_item__selected.violet{background-color:#da81f4}.compteur{margin:40px auto;width:410px;height:410px;background-color:#161a32;border-radius:50%;border:20px solid #282b4f;box-shadow:0 0 75px 0 #0f111d;cursor:pointer;transition:.2s ease}.compteur:active{transform:scale(1.03)}.compteur .compteur_informations{top:-10px;position:relative}.compteur .compteur_temps{font-size:90px;font-weight:900}.compteur .compteur_etat{position:relative;top:10px;font-weight:900;text-transform:uppercase;letter-spacing:15px}.settings{position:relative;width:30px;top:20px;left:calc(50% - 15px);cursor:pointer;padding-bottom:50px}@media screen and (max-width:500px){.navbar{width:300px;font-size:9px}.navbar .navbar_item{padding:14px 22px}.compteur{width:300px;height:300px;border:15px solid #282b4f}.compteur .compteur_temps{font-size:52px;font-weight:900}.compteur .compteur_etat{font-size:14px}circle.ep-circle--progress.animation__default{stroke-width:8px}.settings{width:25px}}