@import"https://fonts.cdnfonts.com/css/made-tommy-outline";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap";@keyframes scaleUpDown{0%,to{transform:scaleY(1) scaleX(1)}50%,90%{transform:scaleY(1.1)}75%{transform:scaleY(.95)}80%{transform:scaleX(.95)}}@keyframes shake{0%,to{transform:skew(0) scale(1)}50%{transform:skew(5deg) scale(.9)}}@keyframes particleUp{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:-100%;transform:scale(.5)}}@keyframes glow{0%,to{background-color:#ef5a00}50%{background-color:#ff7800}}.fire{position:relative;width:40px;height:40px;background-color:transparent}.fire-main{position:absolute;height:100%;width:100%;animation:scaleUpDown 3s ease-out;animation-iteration-count:infinite;animation-fill-mode:both}.fire-main .main-fire{position:absolute;width:100%;height:100%;background-image:radial-gradient(farthest-corner at 10px 0,#d43300 0%,#ef5a00 95%);transform:scaleX(.8) rotate(45deg);border-radius:0 40% 60%;filter:drop-shadow(0 0 10px #d43322)}.fire-main .particle-fire{position:absolute;top:60%;left:45%;width:10px;height:10px;background-color:#ef5a00;border-radius:50%;filter:drop-shadow(0 0 10px #d43322);animation:particleUp 2s ease-out 0;animation-iteration-count:infinite;animation-fill-mode:both}.fire-right{height:100%;width:100%;position:absolute;animation:shake 2s ease-out 0;animation-iteration-count:infinite;animation-fill-mode:both}.fire-right .main-fire{position:absolute;top:15%;right:-25%;width:80%;height:80%;background-color:#ef5a00;transform:scaleX(.8) rotate(45deg);border-radius:0 40% 60%;filter:drop-shadow(0 0 10px #d43322)}.fire-right .particle-fire{position:absolute;top:45%;left:50%;width:15px;height:15px;background-color:#ef5a00;transform:scaleX(.8) rotate(45deg);border-radius:50%;filter:drop-shadow(0 0 10px #d43322);animation:particleUp 2s ease-out 0;animation-iteration-count:infinite;animation-fill-mode:both}.fire-left{position:absolute;height:100%;width:100%;animation:shake 3s ease-out 0;animation-iteration-count:infinite;animation-fill-mode:both}.fire-left .main-fire{position:absolute;top:15%;left:-20%;width:80%;height:80%;background-color:#ef5a00;transform:scaleX(.8) rotate(45deg);border-radius:0 40% 60%;filter:drop-shadow(0 0 10px #d43322)}.fire-left .particle-fire{position:absolute;top:10%;left:20%;width:10%;height:10%;background-color:#ef5a00;border-radius:50%;filter:drop-shadow(0 0 10px #d43322);animation:particleUp 3s infinite ease-out 0;animation-fill-mode:both}.fire-bottom .main-fire{position:absolute;top:30%;left:20%;width:75%;height:75%;background-color:#ff7800;transform:scaleX(.8) rotate(45deg);border-radius:0 40% 100%;filter:blur(10px);animation:glow 2s ease-out 0;animation-iteration-count:infinite;animation-fill-mode:both}@-webkit-keyframes AnimationName{0%{background-position:51% 0%}50%{background-position:50% 100%}to{background-position:51% 0%}}@-moz-keyframes AnimationName{0%{background-position:51% 0%}50%{background-position:50% 100%}to{background-position:51% 0%}}@keyframes AnimationName{0%{background-position:51% 0%}50%{background-position:50% 100%}to{background-position:51% 0%}}.button{border:0;color:#fff;text-align:center;justify-content:center;padding-left:40px;padding-right:40px;align-items:center;height:30px;font-weight:800;background-color:var(--primary-color);border-radius:4px;margin-top:10px}.flex{display:flex;width:50%}.button:hover:enabled{opacity:.5}.button:disabled{cursor:not-allowed}.grey-btn{background-color:gray}@media screen and (max-width: 1100px){.flex{display:flex;width:80%}}@media screen and (max-width: 560px){.flex{display:flex;width:70%}}@media screen and (max-width: 450px){.flex{display:flex;width:100%}}.card{padding:20px;border:2px solid var(--stroke-light-color);background-color:var(--fill-color);border-radius:5px;text-align:left;margin:15px}@media screen and (max-width: 576px){.card{padding:20px}}.test{background:hsl(266,17%,8%);background:hsl(266,17%,6%)}*{margin:0;padding:0;box-sizing:border-box}h1{font-size:26px;margin-bottom:15px;font-weight:500}h2{font-size:20px;font-weight:400;margin-bottom:10px}button{cursor:pointer}button:focus,input:focus{outline:none}li{cursor:pointer}body{margin:0;font-family:Rubik,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.downArrow{position:fixed;bottom:87%;left:95.3%}.bounce{-moz-animation:bounce 3s infinite;-webkit-animation:bounce 3s infinite;animation:bounce 3s infinite}@-moz-keyframes bounce{0%,20%,50%,80%,to{-moz-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-30px);transform:translateY(-30px)}60%{-moz-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.demo{font-family:Raleway,sans-serif;color:#fff;display:block;margin:0 auto;padding:15px 0;text-align:center}.demo a{font-family:Raleway,sans-serif;color:#2ecc71}.box-title{text-align:left;margin-left:10px}.selectProduct{display:flex;justify-content:space-between}select{background-color:var(--input-color);padding:8px 10px;width:100%;border-radius:5px;border:2px solid var(--stroke-lighter-color);color:#fff}@media screen and (max-width: 990px){.selectProduct{display:flex;flex-direction:column;justify-content:center}}@media screen and (max-width: 776px){.selectProduct{display:flex;flex-direction:row;justify-content:space-between}}@media screen and (max-width: 478px){.selectProduct{display:flex;flex-direction:column;justify-content:center}}