html{background-color:#fff;background-image:radial-gradient(circle farthest-side at 10% -10%,hsla(0,0%,100%,.49),hsla(0,0%,100%,0) 55%),radial-gradient(circle at 100% 0,rgba(173,153,232,.96) 17%,rgba(173,153,232,0) 69%),radial-gradient(circle at -10% 80%,#ab62d3 15%,rgba(219,187,236,.37) 74%,hsla(0,0%,100%,0) 98%),linear-gradient(153deg,#f3ecfa,#9067e0 40%,#3f51f6 88%)}@font-face{font-family:"Axiforma";src:url(https://uploads-ssl.webflow.com/5fef53698f7605f5423fd2d7/5fef91d701923a38fff803bf_Kastelov%20-%20Axiforma%20Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Axiforma";src:url(https://uploads-ssl.webflow.com/5fef53698f7605f5423fd2d7/5fef91f4d48576f76252cf56_Kastelov%20-%20Axiforma%20ExtraBold.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"Axiforma";src:url(https://uploads-ssl.webflow.com/5fef53698f7605f5423fd2d7/5fef91e3a081fc8635824020_Kastelov%20-%20Axiforma%20Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Axiforma";src:url(https://uploads-ssl.webflow.com/5fef53698f7605f5423fd2d7/5fef920b3d8f860105f8fb52_Kastelov%20-%20Axiforma%20Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Axiforma";src:url(https://uploads-ssl.webflow.com/5fef53698f7605f5423fd2d7/5fef921d47d2824567027b9a_Kastelov%20-%20Axiforma%20Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Axiforma";src:url(https://uploads-ssl.webflow.com/5fef53698f7605f5423fd2d7/5fef929d9dfbe2a6fd71b242_Kastelov%20-%20Axiforma%20SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Axiforma";src:url(https://uploads-ssl.webflow.com/5fef53698f7605f5423fd2d7/5fef92bc3d451acbfbacab99_Kastelov%20-%20Axiforma%20Italic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}body{margin:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:100vh;font-family:"Axiforma"}.mountButton{position:absolute;top:3px;right:3px;z-index:2}.cssRenderer{position:absolute;top:0;z-index:1}.viewportContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;position:relative;width:100%;height:100%;overflow:hidden}.viewport{width:100vw;height:100vh;transition:opacity 1s ease;opacity:1}canvas{-webkit-filter:brightness(100%) blur(0);filter:brightness(100%) blur(0);transition:-webkit-filter 1.5s ease;transition:filter 1.5s ease;transition:filter 1.5s ease,-webkit-filter 1.5s ease}.viewport.darken canvas{-webkit-filter:brightness(70%) blur(4px);filter:brightness(70%) blur(4px)}.progress{height:5px;width:300px;position:absolute;top:50%;margin:auto;background:#fff;border-radius:3px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-content:stretch;align-content:stretch;transition:opacity .5s ease}.progress div{background-image:linear-gradient(146deg,#22c9a5,rgba(43,120,191,.7));display:block;transition:width 1s ease,opacity 1s ease,-webkit-transform .3s ease;transition:width 1s ease,transform .3s ease,opacity 1s ease;transition:width 1s ease,transform .3s ease,opacity 1s ease,-webkit-transform .3s ease;-webkit-transform-origin:left;transform-origin:left;width:100%}#labels{position:absolute;left:0;top:0;color:#fff}.labelContainer{width:0;height:0;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;position:relative;color:#fff}.label,.labelContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.label{width:550px;height:100px;font-size:46px;background-color:hsla(0,0%,100%,.63);border-radius:5px;-webkit-justify-content:stretch;justify-content:stretch;-webkit-align-items:stretch;align-items:stretch;transition:border .3s ease-in-out,box-shadow .3s ease-in-out,height .7s ease-in-out;cursor:pointer;box-shadow:inset 0 0 0 3px #fff;position:absolute;top:-75px;text-align:left;overflow:hidden;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid hsla(0,0%,100%,.4)}.label:hover{box-shadow:inset 0 0 0 3px #3257ff;border:1px solid #fff}.label.open{height:550px;cursor:default;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.8)}.label.open:hover{box-shadow:inset 0 0 0 3px hsla(0,0%,100%,0)}.labelTitle{height:100px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;font-size:31px;padding:3px 30px 0;text-align:left;background-image:linear-gradient(146deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.12));border-radius:5px;-webkit-transform:translateZ(-10px) scale(1);transform:translateZ(-10px) scale(1);-webkit-flex-shrink:0;flex-shrink:0;position:relative;z-index:1;color:#000;text-shadow:0 0 10px rgba(0,0,0,.2);transition:border .3s ease;border:1px solid #fff;box-shadow:0 5px 10px rgba(0,0,0,.06)}.label.open .labelTitle{border-radius:5px 5px 0 0}.labelButton{height:60px;width:200px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-image:linear-gradient(146deg,#69ecd0,#4d9be4);border-radius:5px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#fff;font-size:19px;padding-top:2px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.8),0 0 40px rgba(0,0,0,.2)}.labelButton:hover{cursor:pointer;box-shadow:inset 0 0 0 1px #fff,0 0 40px rgba(0,0,0,.2)}.labelText{padding:10px 34px;font-size:16px;color:#000;margin-top:250px;position:relative;font-weight:300}.labelImage{width:520px;height:190px;background:#e3e2df;display:block;border:1px solid #fff;background-size:100% auto;background-position:50%;background-repeat:no-repeat;box-shadow:0 0 40px rgba(0,0,0,.2)}
/*# sourceMappingURL=main.a7e66c84.chunk.css.map */