@font-face{font-display:swap;font-family:otoiwo_grotesk_extended_sem_bd;font-style:normal;font-weight:400;src:url(../fonts/OtoiwoGroteskExtended-SemBd.woff2) format("WOFF2"),url(../fonts/OtoiwoGroteskExtended-SemBd.woff) format("WOFF")}@font-face{font-display:swap;font-family:otoiwo_grotesk_normal_semi_bold;font-style:normal;font-weight:400;src:url(../fonts/OtoiwoGroteskNormal-SemiBold.woff2) format("WOFF2"),url(../fonts/OtoiwoGroteskNormal-SemiBold.woff) format("WOFF")}@font-face{font-display:swap;font-family:otoiwo_grotesk_normal_regular;font-style:normal;font-weight:400;src:url(../fonts/OtoiwoGroteskNormal-Regular.woff2) format("WOFF2"),url(../fonts/OtoiwoGroteskNormal-Regular.woff) format("WOFF")}@font-face{font-display:swap;font-family:RobotoMono;font-style:normal;font-weight:400;src:url(../fonts/RobotoMono-Bold.woff2) format("WOFF2")}*{border-radius:0;box-sizing:border-box;font-family:otoiwo_grotesk_normal_regular,sans-serif;font-feature-settings:"liga" off;line-height:144%;list-style:none;margin:0;padding:0;text-decoration:none}.preloader *,footer *,header *,main *{color:#fff}button,input,select{-webkit-appearance:none;-moz-appearance:none}:focus{outline:transparent}body{background:#000;display:flex;flex-direction:column;min-height:100vh}body main{overflow:hidden}body footer{margin-bottom:0;margin-top:auto}input[type=submit]{-moz-appearance:none;-webkit-appearance:none;cursor:pointer}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.container{margin:0 auto;max-width:1320px;width:90%}@media screen and (max-width:1024px){.container{max-width:500px}}.h1,h1{font-family:otoiwo_grotesk_extended_sem_bd,sans-serif;font-size:32px;line-height:136%}@media screen and (max-width:1024px){.h1,h1{font-size:24px}}.h2,h2{font-family:otoiwo_grotesk_extended_sem_bd,sans-serif;font-size:24px;line-height:136%}@media screen and (max-width:1024px){.h2,h2{font-size:20px}}.h3,h3,h4,h5,h6{font-family:otoiwo_grotesk_extended_sem_bd,sans-serif;font-size:20px;line-height:136%}@media screen and (max-width:1024px){.h3,h3,h4,h5,h6{font-size:18px}}.btn{align-items:center;background:#442ac8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:otoiwo_grotesk_normal_semi_bold,sans-serif;font-size:20px;justify-content:center;padding:16px 32px;transition:.3s;width:-moz-max-content;width:max-content}@media screen and (max-width:1024px){.btn{font-size:16px;padding:12px 24px}}@media not all and (pointer:coarse){.btn:hover{background:#351eaa}}.btn:active{background:#351eaa}.input-box{position:relative}.input-box label{color:hsla(0,0%,100%,.5);font-size:20px;left:0;line-height:150%;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform-origin:left center;transition:.4s cubic-bezier(.4,0,.1,1)}@media screen and (max-width:1024px){.input-box label{font-size:16px}}.input-box input{background:transparent;border:none;border-bottom:1px solid #343434;border-radius:0;color:#fff;display:block;font-size:20px;font-weight:500;line-height:150%;padding:29px 0 11px;transition:.4s cubic-bezier(.4,0,.1,1);width:100%}@media screen and (max-width:1024px){.input-box input{font-size:16px;padding:20px 0 8px}}.input-box input:not([readonly]):focus{border-bottom-color:hsla(0,0%,100%,.5)}.input-box input:not([readonly]):focus+label{transform:translateY(calc(-50% - 20px)) scale(.6)}@media screen and (max-width:1024px){.input-box input:not([readonly]):focus+label{transform:translateY(calc(-50% - 16px)) scale(.6)}}.input-box input[readonly]{pointer-events:none}.input-box input.filed{color:#fff}.input-box input.filed+label{transform:translateY(calc(-50% - 20px)) scale(.6)}@media screen and (max-width:1024px){.input-box input.filed+label{transform:translateY(calc(-50% - 16px)) scale(.6)}}.backBtn{align-items:center;color:#fff;display:flex;justify-content:center;left:0;opacity:.6;padding:12px;position:absolute;top:0;transition:.3s;z-index:10}@media not all and (pointer:coarse){.backBtn:hover{opacity:1}}.backBtn svg *{fill:#fff}.test{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.test h1{color:#fff;font-family:otoiwo_grotesk_extended_sem_bd,sans-serif;font-size:46px;font-weight:500;margin-bottom:10px}@media screen and (max-width:1024px){.test h1{font-size:24px}}.test p{align-items:center;display:flex;font-size:20px;gap:10px}@media screen and (max-width:1024px){.test p{font-size:12px;gap:5px}}.test .ua{border-radius:4px;display:flex;flex-direction:column;overflow:hidden;width:-moz-max-content;width:max-content}@media screen and (max-width:1024px){.test .ua{border-radius:2px}}.test .ua span{display:block;height:8px;width:22px}@media screen and (max-width:1024px){.test .ua span{height:6px;width:16px}}.test .ua span:first-child{background:#0057b8}.test .ua span:nth-child(2){background:gold}.test ul{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:44px}.test ul li{background:#0d0d0d;border:1px solid #222;border-radius:12px;padding:4px}.test ul a{align-items:center;background:transparent;border-radius:8px;display:flex;font-family:otoiwo_grotesk_extended_sem_bd,sans-serif;font-size:20px;justify-content:center;padding:20px 44px;transition:.3s}.test ul a:hover{background:#442ac8}.seo{padding:120px 0}@media screen and (max-width:1024px){.seo{padding:60px 0}}.seo .container{position:relative}@media screen and (min-width:1025px){.seo .container{max-width:700px}}.seo .txt-content{height:320px;overflow:hidden}.seo .button-row{align-items:flex-end;background-image:linear-gradient(180deg,transparent,#000);bottom:0;display:flex;justify-content:center;left:0;padding:100px 20px 20px;position:absolute;width:100%}.seo .txt-content{display:flex;flex-direction:column;gap:24px}.seo .txt-content h1,.seo .txt-content h2,.seo .txt-content h3,.seo .txt-content h4,.seo .txt-content h5,.seo .txt-content h6{margin-top:16px}.seo .txt-content h1:first-child,.seo .txt-content h2:first-child,.seo .txt-content h3:first-child,.seo .txt-content h4:first-child,.seo .txt-content h5:first-child,.seo .txt-content h6:first-child{margin-top:0}.seo .txt-content ul{display:flex;flex-direction:column;gap:8px;padding-left:20px}.seo .txt-content ul li{list-style:disc}.seo .txt-content ol{display:flex;flex-direction:column;gap:8px;padding-left:20px}.seo .txt-content ol li{list-style:disc}.review .container{align-items:center;display:flex;gap:12px;justify-content:center}.review .container .stars{align-items:center;display:flex;gap:2px}.review .container .stars p{margin-right:6px}.review .container .stars svg{display:block;height:auto;transform:translateY(-2px);width:16px}.review .container p{font-size:16px;font-weight:400;line-height:144%}.pxtovw{display:flex;flex-direction:column;height:-moz-max-content;height:max-content;justify-content:center;margin:0 auto;min-height:100vh;padding:120px 0}@media screen and (max-width:550px){.pxtovw{padding:60px 0}}.pxtovw .container{display:flex;flex-direction:column;gap:44px}@media screen and (min-width:1025px){.pxtovw .container{max-width:820px}}.pxtovw .radio-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d0d0d;border:1px solid #222;border-radius:12px;display:flex;padding:4px}.pxtovw .radio-toggle .box{border-radius:8px;cursor:pointer;font-family:otoiwo_grotesk_extended_sem_bd,sans-serif;font-size:16px;padding:12px 24px;text-align:center;transition:.4s;width:100%}.pxtovw .radio-toggle .box.active{background:#222}.pxtovw .fields-row{align-items:center;display:flex;gap:20px}@media screen and (max-width:1024px){.pxtovw .fields-row{flex-direction:column;width:100%}.pxtovw .fields-row>*{width:100%}}.pxtovw.swap .swap_input_1{transform:translateX(calc(100% + 90px))}@media screen and (max-width:1024px){.pxtovw.swap .swap_input_1{transform:translateY(calc(100% + 80px))}}.pxtovw.swap .swap_input_2{transform:translateX(calc(-100% - 90px))}@media screen and (max-width:1024px){.pxtovw.swap .swap_input_2{transform:translateY(calc(-100% - 80px))}}.pxtovw.swap .pxtovw__iconBtn.rtt svg{transform:rotate(-90deg)}@media screen and (max-width:1024px){.pxtovw.swap .pxtovw__iconBtn.rtt svg{transform:rotate(180deg)}}.pxtovw .pxtovw__inputBox{transition:.4s}.pxtovw__btnRow{gap:20px}.pxtovw__btnRow,.pxtovw__swap{align-items:center;display:flex;justify-content:center}.pxtovw__swap{border-radius:99px;cursor:pointer;height:50px;min-width:50px;transition:.4s;width:50px}.pxtovw__swap svg *{fill:#e3e6ef;transition:.4s}.pxtovw__swap:hover{background:#e3e6ef}.pxtovw__swap:hover svg *{fill:#161617}.pxtovw__iconBtn{align-items:center;border-radius:99px;cursor:pointer;display:flex;height:50px;justify-content:center;min-width:50px;position:relative;transition:.4s;width:50px}@media screen and (max-width:550px){.pxtovw__iconBtn{height:40px;width:40px}}@media screen and (max-width:1024px){.pxtovw__iconBtn.rtt{transform:translateY(10px)}}.pxtovw__iconBtn.rtt svg{transform:rotate(90deg)}@media screen and (max-width:1024px){.pxtovw__iconBtn.rtt svg{transform:rotate(0)}}.pxtovw__iconBtn svg{display:block;height:24px;pointer-events:none;transition:.3s;width:24px}@media screen and (max-width:550px){.pxtovw__iconBtn svg{height:20px;width:20px}}.pxtovw__iconBtn svg *{fill:#e3e6ef;transition:.4s}@media screen and (min-width:1025px){.pxtovw__iconBtn:hover{background:#e3e6ef}.pxtovw__iconBtn:hover svg *{fill:#161617}}@media screen and (max-width:1024px){.pxtovw__iconBtn:active{background:#e3e6ef}.pxtovw__iconBtn:active svg *{fill:#161617}}.pxtovw__iconBtn span{background:#61c454;border-radius:99px;bottom:0;color:#161617;font-size:14px;left:50%;opacity:0;padding:2px 6px;pointer-events:none;position:absolute;transform:translate(-50%,70%);transition:.4s;width:-moz-max-content;width:max-content}.pxtovw__iconBtn.active span{opacity:1}.pxtovw__result{align-items:center;display:flex;gap:20px;justify-content:center;opacity:0;transition:.4s}@media screen and (max-width:550px){.pxtovw__result{flex-direction:column;gap:10px}}.pxtovw__result.active{opacity:1}.pxtovw__result .text{font-size:20px;font-weight:600}@media screen and (max-width:550px){.pxtovw__result .text{display:block;font-size:16px;text-align:center;width:100%}}.pxtovw__result .text .grey{font-weight:400;opacity:.4}.pomodoro .container{align-items:center;display:flex;flex-direction:column;gap:44px;height:-moz-max-content;height:max-content;justify-content:center;margin:0 auto;min-height:100vh;padding:120px 0}@media screen and (min-width:1025px){.pomodoro .container{max-width:820px}}@media screen and (max-width:550px){.pomodoro .container{padding:60px 0}}.pomodoro .container .block__title{display:flex;flex-direction:column;gap:12px;text-align:center}.pomodoro .container .block__title h1{font-size:20px}.pomodoro .container .block__title p{align-items:center;display:flex;font-size:16px;gap:12px;justify-content:center}.pomodoro .container .block__title button{align-items:center;background:transparent;border:none;color:hsla(0,0%,100%,.5);cursor:pointer;display:flex;justify-content:center;transition:.3s}.pomodoro .container .block__title button:hover{color:#e15555}.pomodoro .container .timer{font-family:RobotoMono,monospace;font-size:22vw;font-weight:700;line-height:1}.pomodoro .container .buttons{display:flex;gap:20px}.pomodoro .container .buttons button{background:transparent;border:2px solid #343434;border-radius:6px;cursor:pointer;height:64px;position:relative;width:64px}@media not all and (pointer:coarse){.pomodoro .container .buttons button:hover svg{opacity:1}}.pomodoro .container .buttons button svg{left:50%;opacity:.5;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s}.pomodoro .container .buttons button svg *{fill:#fff;transition:.3s}.pomodoro .container .buttons button[data-function=pomodoro_timer_toggle].active svg:first-child,.pomodoro .container .buttons button[data-function=pomodoro_timer_toggle]:not(.active) svg:nth-child(2){display:none}