#user-cases{overflow-x:hidden}.section{position:relative}.section-intro__content{display:flex;position:relative}.section-intro__content .head-image{position:relative}.section-intro__content .head-image img{max-width:100%}@media only screen and (max-width:53.75em){.section-intro .br{display:none}}.section-f1{padding:6rem 0}.section-f1__wrapper{display:flex;justify-content:space-between}.section-f1__image{flex:0 0 45%;margin-top:-13rem}.section-f1__image img{border-radius:6px;box-shadow:0 .3rem 1.7rem 0 rgba(0,0,0,.16)}.section-f1__text{flex:0 0 50%}@media only screen and (max-width:64em){.section-f1__image{flex:0 0 50%;margin-top:-12rem}.section-f1__text{flex:0 0 45%}}@media only screen and (max-width:53.75em){.section-f1__image{margin:0 auto}.section-f1__wrapper{align-items:center;flex-direction:column-reverse}.section-f1__text{margin:0 0 4rem}.section-f1__text .thirdly-heading .br{display:none}}@media only screen and (max-width:40.625em){.section-f1{padding:5rem 0}}.section-f2__wrapper{position:relative}.section-f2__text{max-width:55rem}.section-f2__image{position:absolute;right:0}.section-f2__image img{border-radius:6px;box-shadow:0 .3rem 1.7rem 0 rgba(0,0,0,.16)}@media only screen and (max-width:73.75em){.section-f2__wrapper{align-items:normal;display:flex;justify-content:space-between;position:inherit}.section-f2__text{flex:0 0 50%;padding-right:4rem}}@media only screen and (max-width:62.5em){.section-f2{padding:7rem 0}}@media only screen and (max-width:53.75em){.section-f2__image{position:static}.section-f2__text{flex:0 0 50%}.section-f2__text .thirdly-heading .br{display:none}}@media only screen and (max-width:45em){.section-f2__wrapper{flex-direction:column}.section-f2__text{max-width:none;padding-right:0}.section-f2__text p{max-width:none}}@media only screen and (max-width:40.625em){.section-f2{padding:5rem 0}}.section-apps{padding:30rem 0}.section-apps__wrapper:after{background-color:#fff;border-radius:12px;content:"";filter:blur(4rem);height:100%;opacity:.7;position:absolute;right:0;top:0;width:100%;z-index:-1}.section-apps__text{margin:0 auto;max-width:66rem;position:relative;text-align:center}.section-apps__text p:last-of-type{padding-top:2.2rem}.section-apps__text .mobile-icons{display:none}.section-apps__bg-apps-wrapper{display:flex;justify-content:space-between;position:absolute;top:20rem;width:100%;z-index:-1}.section-apps__item-icon img{max-width:100%}.section-apps__item-icon.gitlab{transform:translate(7rem,-4rem)}.section-apps__item-icon.jira{transform:translate(37rem,-9rem)}.section-apps__item-icon.trello{transform:translate(12rem,-12rem)}.section-apps__item-icon.zapier{transform:translate(36rem,-15rem)}.section-apps__item-icon.basecamp{transform:translate(-9rem,-9rem)}.section-apps__item-icon.dropbox{transform:translate(-30rem,-9rem)}.section-apps__item-icon.github{transform:translate(-16rem,-9rem)}.section-apps__item-icon.googledrive{transform:translate(-35rem,-12rem)}@media only screen and (max-width:64em){.section-apps__item-icon img{width:70%}.section-apps__item-icon.gitlab{transform:translateY(-4rem)}.section-apps__item-icon.jira{transform:translate(14rem,-9rem)}.section-apps__item-icon.trello{transform:translate(2rem,-12rem)}.section-apps__item-icon.zapier{transform:translate(15rem,-15rem)}.section-apps__item-icon.basecamp{transform:translateY(-5rem)}.section-apps__item-icon.dropbox{transform:translate(-11rem,-7rem)}.section-apps__item-icon.github{transform:translate(4rem,-7rem)}.section-apps__item-icon.googledrive{transform:translate(-13rem,-12rem)}}@media only screen and (max-width:62.5em){.section-apps{padding:14rem 0 30rem}.section-apps__bg-apps-wrapper{top:4rem}}@media only screen and (max-width:45em){.section-apps{display:flex;flex-direction:column-reverse;padding:6rem 0 7rem}.section-apps__bg-apps-wrapper{position:static;top:4rem}.section-apps__bg-apps-wrapper .left-icons,.section-apps__bg-apps-wrapper .right-icons{display:none}.section-apps__text .mobile-icons{display:flex;flex-wrap:wrap;justify-content:center;margin-top:4rem}.section-apps__mob-icon{flex:1 0 30%}.section-apps__mob-icon:nth-child(n+4):nth-child(-n+5){flex:0 0 36%}}.section-rating-links__rating-links.row .rate-item:nth-last-child(-n+4){margin-top:4rem}.section-rating-links__rating-links.row .rate-item:nth-last-child(-n+3){margin-left:auto}.section-rating-links__rating-links.row .pricing-ad{border-radius:12px;flex:1 1 100%;margin-top:4rem;padding:1rem}.section-rating-links__rating-links.row .pricing-ad p{text-align:center}.section-rating-links__rating-links.row .pricing-ad p span{border-bottom:1px solid #3079ed}@media only screen and (max-width:73.75em){.section-rating-links__rating-links.row .rate-item:nth-last-child(-n+4){margin-top:0}}@media only screen and (max-width:62.5em){.section-rating-links__rating-links.row .pricing-ad{margin:0 0 4rem}}@media only screen and (max-width:53.75em){.section-rating-links__rating-links.row .pricing-ad p{text-align:left}}@media only screen and (max-width:34.375em){.section-rating-links__rating-links.row .pricing-ad{margin:0}}.section-testimonial{padding:6rem 0}.section-testimonial__wrapper{align-items:center;display:flex;flex-wrap:wrap}.section-testimonial__testimonial-wrapper{flex:0 0 calc(50% - 4rem);margin-right:4rem}@media only screen and (max-width:80rem){.section-testimonial__testimonial-wrapper{margin-right:4rem}}.section-testimonial__testimonial{border-radius:6px;padding:6rem 4rem 4rem;position:relative}.section-testimonial__testimonial h6{padding-bottom:.4rem}.section-testimonial__testimonial p{font-style:italic;line-height:2.6rem}.section-testimonial__testimonial p:not(:last-of-type){padding-bottom:2.2rem}.section-testimonial__testimonial:after{border-left:2rem solid transparent;border-right:2rem solid transparent;border-top:2rem solid #f5f8fe;bottom:-2rem;content:"";height:0;left:2rem;position:absolute;width:0}.section-testimonial__company-name{align-items:center;display:flex;flex:0 0 50%;margin-top:5rem}.section-testimonial__company-name .logo{flex:0 0 15%;margin-right:1.5rem}.section-testimonial__rating-links{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-9rem}.section-testimonial__rating-links .rate-num img{display:block}.section-testimonial__rating-links .rate-num span{font-size:1.6rem;padding-left:.5rem}.section-testimonial__rating-links .rate-num img{width:8.8rem}.section-testimonial__rating-links .rate-item:first-child{margin-bottom:6rem}.section-testimonial__rating-links .rate-item a{align-items:center;display:flex}.section-testimonial__rating-links .rate-item .rate-logo{margin-right:1.6rem}.section-testimonial__rating-links .rate-item .rate-logo img{height:5.6rem;width:5.6rem}@media only screen and (max-width:73.75em){.section-testimonial__rating-links{margin-top:-5rem}.section-testimonial__rating-links .rate-item{flex:0 0 50%;margin-bottom:4rem}.section-testimonial__rating-links .rate-item:first-child{margin-bottom:4rem}}@media only screen and (max-width:67.5em){.section-testimonial{padding:7rem 0}}@media only screen and (max-width:64em){.section-testimonial__company-name{margin-top:3.5rem}}@media only screen and (max-width:62.5em){.section-testimonial__wrapper{flex-direction:column}.section-testimonial__testimonial-wrapper{margin-right:0;order:1}.section-testimonial__company-name{order:2}}@media only screen and (max-width:53.75em){.section-testimonial__testimonial-wrapper{margin-right:0}.section-testimonial__rating-links{margin-top:8rem}.section-testimonial__rating-links .rate-item{flex:0 0 26%}}@media only screen and (max-width:45em){.section-testimonial{padding:7rem 0}.section-testimonial__rating-links .rate-item{flex:0 0 auto}}@media only screen and (max-width:40.625em){.section-testimonial{padding:5rem 0}.section-testimonial__testimonial{padding:2.5rem 2.5rem 3.5rem}.section-testimonial__company-name{align-items:flex-start}.section-testimonial__company-name .name-holder{margin-left:1.5rem}}@media only screen and (max-width:30.3125em){.section-testimonial__rating-links .rate-num span{font-size:2rem}}@media only screen and (max-width:20em){.section-testimonial__rating-links .rate-item .rate-logo img{height:3.6rem;width:3.6rem}.section-testimonial__rating-links .rate-item .rate-num img{width:6.8rem}}.section-f3__wrapper{align-items:center;display:flex;justify-content:space-between}.section-f3__text{flex:0 0 48%}.section-f3__image{flex:0 0 45%}.section-f3__image img{border-radius:6px;box-shadow:0 .3rem 1.7rem 0 rgba(0,0,0,.16)}@media only screen and (max-width:53.75em){.section-f3__wrapper{flex-direction:column-reverse}.section-f3__image{padding-top:4rem}.section-f3__text{margin:0}.section-f3__text p{padding-top:0}.section-f3__text h3 br{display:none}}@media only screen and (max-width:40.625em){.section-f3{padding:5rem 0}}.section-f4{padding:6rem 0;position:relative}.section-f4__wrapper{align-items:center;display:flex}.section-f4__text{flex:0 0 50%}.section-f4__image-absolute{background-color:#fff;border-radius:6px;box-shadow:0 .3rem 1.7rem 0 rgba(0,0,0,.16);position:absolute;right:calc(20% - 17.5rem);top:0;z-index:1}@media only screen and (max-width:106.25rem){.section-f4__text{flex:0 0 40%}}@media only screen and (max-width:67.5em){.section-f4__wrapper{flex-direction:column}.section-f4__wrapper h2 .br{display:none}.section-f4__image-absolute{top:52%;width:30rem}}@media only screen and (max-width:53.75em){.section-f4__wrapper{display:block}.section-f4__text p{padding-top:0}.section-f4__text h3 br{display:none}.main-use-cases .section-signup-promo{padding-bottom:6rem}}@media only screen and (max-width:25.875em){.main-use-cases .section-signup-promo{padding-bottom:0}}.section-f5{padding:6rem 0}.section-f5__wrapper{align-items:center;display:flex;justify-content:space-between}.section-f5__text{flex:0 0 40%}.section-f5__text p:last-of-type{padding-top:2.2rem}@media only screen and (max-width:48.0625em){.section-f5__wrapper{flex-direction:column-reverse}.section-f5__image{margin-top:4rem}.section-f5__text h3 br{display:none}}@media only screen and (max-width:45em){.section-f5{padding:5rem 0}}@media only screen and (max-width:40.625em){.section-f5{padding:5rem 0}.section-f5__text h3 br{display:none}}.section-kanban-wide{padding-bottom:6rem}.section-kanban-wide__text{max-width:40%}.section-kanban-wide__image{padding-top:4rem;position:relative}.section-kanban-wide__image-absolute{position:absolute;right:10rem;top:0}.section-kanban-wide__image-absolute img{border-radius:12px;box-shadow:0 .3rem 1.7rem 0 rgba(0,0,0,.16)}@media only screen and (max-width:60em){.section-kanban-wide__image-absolute{right:-5rem}.section-kanban-wide__image-absolute img{width:70%}}@media only screen and (max-width:53.75em){.section-kanban-wide__image-absolute{display:none}.section-kanban-wide__text{max-width:none}}@media only screen and (max-width:40.625em){.section-kanban-wide{padding-bottom:5rem}.section-kanban-wide__image img{max-width:none;width:90rem}}@media only screen and (max-width:25.875em){.section-kanban-wide{overflow:hidden}}@media only screen and (max-width:40.625em){.de body .bt__big,.es body .bt__big,.fr body .bt__big{height:auto;line-height:22px;padding:12px 15px 11px}}.bt{background:#2acc72;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-family:inter_semi_bold,Helvetica,Arial,sans-serif;font-weight:600;margin:0;outline:0;padding:inherit;text-align:center;transition:all .2s ease-in-out}.bt__small{height:5rem;line-height:5rem;width:14.8rem}.bt__big{font-size:2rem;height:5.4rem;line-height:5.4rem;padding:0 3rem;width:-moz-max-content;width:max-content}@media only screen and (max-width:67.5em){.bt__big{font-size:1.6rem;padding:0 1.5rem}}@media only screen and (max-width:40.625em){.bt__big{font-size:1.6rem;height:4.4rem;line-height:4.4rem;width:13.4rem}}@media only screen and (max-width:20em){.bt__big{font-size:1.4rem;padding:0 1.5rem}}.bt__transparent{background-color:transparent;border:.1rem solid rgba(33,43,54,.2);color:#212b36;font-family:inter_semi_bold,Helvetica,Arial,sans-serif;font-size:1.6rem;height:5.4rem;line-height:5.2rem;width:26.2rem}.bt__transparent:hover{border:none;color:#fff}@media only screen and (max-width:40.625em){.bt__transparent{font-size:1.6rem;height:4.4rem;line-height:4.2rem}}.bt__full-width{padding:0 1.2rem;width:100%}.bt:hover{background:#00a148;opacity:1}.border-link{border-bottom:1px solid #3079ed}.border-link-white{border-bottom:1px solid #fff;color:#fff}@media only screen and (max-width:85rem){html:not(.en) .nav-wrapper .hamburger-menu{display:block}html:not(.en) #header-sticky .sticky-navigation ul li{margin-right:1.15%}html:not(.en) #header-sticky .site-logo .logo-full{display:none}html:not(.en) #header-sticky .site-logo .logo-small{display:block;width:2.5rem}}@media only screen and (max-width:73.75em){html:not(.en) #header-sticky .sticky-navigation{display:none}html:not(.en) #header-sticky .hamburger-menu-button-open,html:not(.en) #header-sticky .sticky-navigation .nav-wrapper .hamburger-menu{display:block}}html #header-sticky{background:#fff;box-shadow:0 .3rem .5rem 0 rgba(0,1,1,.1);height:auto;left:0;opacity:0;padding-bottom:2rem;position:relative;position:fixed;top:0;transform:translate3d(0,-110px,0);transition:all .2s ease-in-out;width:100%;z-index:2}html #header-sticky.opened{opacity:1;transform:translateZ(0)}html #header-sticky .container{align-items:center;display:flex;flex-direction:row;justify-content:space-between}html #header-sticky .container:after{display:none}html #header-sticky .nav-wrapper .hamburger-menu-button-open span,html #header-sticky .nav-wrapper .hamburger-menu-button-open:after,html #header-sticky .nav-wrapper .hamburger-menu-button-open:before{background:#212b36}html #header-sticky .site-logo{font-size:0}html #header-sticky .site-logo a{display:block;font-size:0}html #header-sticky .site-logo .logo-small{display:none}html #header-sticky .sticky-navigation{flex:1 1 60%}html #header-sticky .sticky-navigation ul{cursor:default;text-align:right}html #header-sticky .sticky-navigation ul li{display:inline-block;margin-right:2%;padding:1rem 0}html #header-sticky .sticky-navigation ul li:last-of-type{margin-right:0}html #header-sticky .sticky-navigation ul li.newsletter-icon{padding-top:.5rem}html #header-sticky .sticky-navigation ul li.newsletter-icon:hover svg g{fill:#3079ed}html #header-sticky .sticky-navigation ul li a,html #header-sticky .sticky-navigation ul li span{color:#212b36;font-family:inter_regular,Helvetica,Arial,sans-serif;font-size:1.5rem;font-weight:400}html #header-sticky .sticky-navigation ul li a:hover,html #header-sticky .sticky-navigation ul li span:hover{color:#3079ed}html #header-sticky .sticky-navigation ul li a.book-a-demo-header-link,html #header-sticky .sticky-navigation ul li span.book-a-demo-header-link{color:#fff;font-weight:600;padding:0 1.2rem;width:auto}html #header-sticky .sticky-navigation ul li a.signin-link-menu,html #header-sticky .sticky-navigation ul li span.signin-link-menu{background:transparent;color:#2acc72;font-family:inter_semi_bold,Helvetica,Arial,sans-serif;font-weight:600}html #header-sticky .sticky-navigation ul li a.signin-link-menu:hover,html #header-sticky .sticky-navigation ul li span.signin-link-menu:hover{color:#3079ed;opacity:1}html #header-sticky .sticky-navigation ul li a.free-sign-up{background-color:transparent;border:1px solid #2acc72;color:#2acc72;display:block}html #header-sticky .sticky-navigation ul li a.book-a-demo-link,html #header-sticky .sticky-navigation ul li a.free-sign-up{font-family:inter_semi_bold,Helvetica,Arial,sans-serif;font-size:1.5rem;line-height:3rem;padding:0 1.4rem}html #header-sticky .sticky-navigation ul li.use-cases{position:relative}html #header-sticky .sticky-navigation ul li.use-cases .arrow{background-image:url(https://cdn.chanty.com/landing/202506271057/images/home-page/use-arrow-black.svg);background-repeat:no-repeat;display:inline-block;height:.6rem;margin-left:.6rem;vertical-align:middle;width:.9rem}html #header-sticky .sticky-navigation ul li.use-cases:hover span{color:#3079ed}html #header-sticky .sticky-navigation ul li.use-cases:hover .arrow{background-image:url(https://cdn.chanty.com/landing/202506271057/images/home-page/use-arrow-blue.svg);transform:rotate(180deg)}html #header-sticky .sticky-navigation ul li.use-cases:hover ul.use-cases-list{display:block}html #header-sticky .sticky-navigation ul li.use-cases ul.use-cases-list{background-color:#fff;border-radius:6px;box-shadow:0 .3rem 1.7rem 0 rgba(0,0,0,.16);display:none;padding:1.5rem 2rem 1rem;position:absolute;text-align:left;top:4rem;width:25rem}html #header-sticky .sticky-navigation ul li.use-cases ul.use-cases-list li{padding-top:0;width:100%}html #header-sticky .sticky-navigation ul li.use-cases ul.use-cases-list li a{color:#212b36;display:block}html #header-sticky .sticky-navigation ul li.use-cases ul.use-cases-list li a:hover{color:#3079ed}html #header-sticky .sticky-navigation ul li.use-cases ul.use-cases-list li:not(:last-child){padding-bottom:1.6rem}@media only screen and (max-width:67.5em){html #header-sticky .nav-wrapper{padding-top:2.3rem}html #header-sticky .sticky-navigation{display:none}}@media only screen and (max-width:73.75em){html #header-sticky .site-logo .logo-full{display:none}html #header-sticky .site-logo .logo-small{display:block;width:2.5rem}}.blackout{background:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:998}.feedback-modal,.request-modal{background:#fff;border-radius:6px;display:none;height:auto;left:50%;margin:-13.5rem 0 0 -27rem;padding:3.4rem 4rem 4rem;position:fixed;top:30%;width:540px;z-index:999}.feedback-modal h3,.request-modal h3{color:#212b36;padding-bottom:2.2rem}.feedback-modal .close,.request-modal .close{display:block;height:4.4rem;padding:1rem 0 0;position:absolute;right:0;text-align:center;top:0;width:4.4rem}.feedback-modal .close img,.request-modal .close img{vertical-align:bottom}.feedback-modal .feedback-container,.request-modal .feedback-container{margin-top:2rem}.feedback-modal .feedback-container .thank-you,.request-modal .feedback-container .thank-you{display:none}.feedback-modal .feedback-container form input,.request-modal .feedback-container form input{border:1px solid #dfe3e8;border-radius:6px;display:block;height:4.4rem;padding-left:2rem;width:100%}.feedback-modal .feedback-container form input.error,.request-modal .feedback-container form input.error{border-color:#e64134}.feedback-modal .feedback-container form input+span,.feedback-modal .feedback-container form textarea+span,.request-modal .feedback-container form input+span,.request-modal .feedback-container form textarea+span{color:#e64134;display:none;font-size:1.2rem}.feedback-modal .feedback-container form input+span.error,.feedback-modal .feedback-container form textarea+span.error,.request-modal .feedback-container form input+span.error,.request-modal .feedback-container form textarea+span.error{display:block}.feedback-modal .feedback-container form textarea,.request-modal .feedback-container form textarea{background:#fff;border:1px solid #dfe3e8;border-radius:6px;color:#222;font-size:1.8rem;margin-top:2rem;padding:1rem 2rem;resize:none;width:100%}.feedback-modal .feedback-container form textarea.error,.request-modal .feedback-container form textarea.error{border-color:#e64134}.feedback-modal .feedback-container form button,.request-modal .feedback-container form button{height:4.4rem;line-height:4.4rem;margin-top:2rem;width:100%}@media only screen and (max-width:40.625em){.feedback-modal,.request-modal{left:6%;margin:0;padding:1rem 1.5rem 1.5rem;top:10rem;width:88%}}.section-signup-promo .new-container{background-color:#3079ed;background-image:url(https://cdn.chanty.com/landing/202506271057/images/hp/sign-up-cover.svg);background-position:-1.6rem 40%;background-repeat:no-repeat;background-size:cover;border-radius:16px;box-shadow:0 1.8rem 5.6rem -.4rem rgba(33,43,54,.16);overflow:hidden;padding:2.5rem 0 4.5rem;position:relative}.section-signup-promo .new-container:after{background-color:#3079ed;content:"";display:block;height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%;z-index:0}.section-signup-promo .new-container h3{padding-bottom:2.5rem}@media only screen and (max-width:80rem){.section-signup-promo .new-container{margin:0 4rem}}@media only screen and (max-width:60em){.section-signup-promo .new-container{background-position:-7rem 35%}}@media only screen and (max-width:53.75em){.section-signup-promo .new-container{padding:2.5rem 0 4.5rem}}@media only screen and (max-width:40.625em){.section-signup-promo .new-container{margin:0 1.5rem}.section-signup-promo .new-container h3{padding-bottom:3.2rem}}@media only screen and (max-width:25.875em){.section-signup-promo .new-container{border-radius:0;margin:0;padding:2.5rem 0 3.5rem}.section-signup-promo .new-container h3{padding-bottom:2.2rem}}.section-signup-promo__signup-email-form{margin:0 auto;position:relative;width:65%;z-index:1}@media only screen and (max-width:48.0625em){.section-signup-promo__signup-email-form{width:80%}}@media only screen and (max-width:25.875em){.section-signup-promo__signup-email-form{width:90%}}.section-signup-promo__signup-email{border:.1rem solid transparent;border-radius:12px;font-family:inter_regular,Helvetica,Arial,sans-serif;font-size:1.8rem;height:6.4rem;padding:.2rem 2rem;width:100%}.section-signup-promo__signup-email::-webkit-input-placeholder,.section-signup-promo__signup-email::placeholder{color:hsla(0,0%,40%,.6);font-family:inter_regular,Helvetica,Arial,sans-serif;letter-spacing:-.01rem}.section-signup-promo__signup-email.field-error{border-color:rgba(255,0,0,.5)}@media only screen and (max-width:40.625em){.section-signup-promo__signup-email{font-size:1.6rem;height:5.2rem}}@media only screen and (max-width:56.25em){.section-signup-promo__signup-email{border-radius:6px;height:4.4rem;padding:.2rem 1rem}}.section-signup-promo__signup-email-link{position:absolute;right:.5rem;top:.5rem;transition:all .2s ease-in-out}@media only screen and (max-width:56.25em){.section-signup-promo__signup-email-link{height:4.4rem;line-height:4.4rem;margin-top:2rem;position:static;width:100%}}.section-signup-promo__signup-email-error{display:none}.section-signup-promo__signup-form.error+.signup-error{display:block}@font-face{font-display:swap;font-family:inter_thin;font-style:normal;font-weight:700;src:url(https://cdn.chanty.com/landing/202506271057/fonts/inter/Inter-Thin.eot);src:local(""),url(https://cdn.chanty.com/landing/202506271057/fonts/inter/Inter-Thin.woff2) format("woff2"),url(https://cdn.chanty.com/landing/202506271057/fonts/inter/Inter-Thin.woff) format("woff"),url(https://cdn.chanty.com/landing/202506271057/fonts/inter/Inter-Thin.ttf) format("truetype")}#screen-time-calc .blue-prime{color:#317fd8}#screen-time-calc .blue-dark{color:#0f56a7}#screen-time-calc .purple-prime{color:#aa6dbe}#screen-time-calc .purple-dark{color:#9a43b6}#screen-time-calc .pink-prime{color:#fd7db3}#screen-time-calc .pink-dark{color:#f65398}#screen-time-calc .cerise-prime{color:#ff9292}#screen-time-calc .cerise-dark{color:#f47474}#screen-time-calc header{margin-bottom:4.7rem}#screen-time-calc header:after{background:#3079ed;height:4.7rem;position:absolute;transform:skewY(0);width:100%;z-index:-1}@media only screen and (max-width:62.5em){#screen-time-calc header{margin-bottom:2rem}}#screen-time-calc .content-wrpapper{display:flex;justify-content:space-between;position:relative}#screen-time-calc .text{flex:0 0 47%;padding-top:4rem}#screen-time-calc .text h1{padding-bottom:1.2rem}@media only screen and (max-width:80rem){#screen-time-calc .text h1{font-size:4rem;line-height:4.3rem;padding-bottom:.5rem}}@media only screen and (max-width:71.25em){#screen-time-calc .text h1{font-size:3rem;line-height:4rem}}#screen-time-calc .section-aditional-info{padding:4.2rem 0}#screen-time-calc .section-aditional-info__wrapper h2{font-family:inter_bold,Helvetica,Arial,sans-serif;margin-bottom:1.2rem}@media only screen and (max-width:71.25em){#screen-time-calc .section-aditional-info__wrapper h2{font-size:2.6rem;line-height:3.2rem;margin-bottom:.6rem}}#screen-time-calc .section-aditional-info__wrapper .try-chanty-screen-time-calculator{font-family:inter_bold,Helvetica,Arial,sans-serif}#screen-time-calc .section-aditional-info__content-item{margin-top:4.3rem}#screen-time-calc .section-aditional-info__content-item,#screen-time-calc .section-aditional-info__top-content{display:flex;justify-content:space-between}#screen-time-calc .section-aditional-info__top-content div{flex:0 0 49%}#screen-time-calc .section-aditional-info__top-content div h2{font-family:inter_bold,Helvetica,Arial,sans-serif;font-size:3rem;line-height:3.6rem;margin-bottom:1.7rem}@media only screen and (max-width:71.25em){#screen-time-calc .section-aditional-info__top-content div h2{font-size:2.6rem;line-height:3.2rem;margin-bottom:.6rem}}#screen-time-calc .section-aditional-info__top-text{flex:0 0 45%}#screen-time-calc .section-aditional-info__top-image{position:relative}#screen-time-calc .section-aditional-info__top-image img{position:absolute;right:50%;top:-22.3rem;transform:translateX(50%);z-index:1}#screen-time-calc .section-aditional-info__item{flex:0 0 27%}#screen-time-calc .section-aditional-info__item p{padding-top:1.2rem}#screen-time-calc .section-poductivity-calc{padding-bottom:5rem;z-index:1}#screen-time-calc .section-poductivity-calc .text-content{flex:0 0 47%}#screen-time-calc .section-poductivity-calc .text-content h2{font-family:inter_bold,Helvetica,Arial,sans-serif;font-size:3rem;line-height:3.6rem;margin-bottom:1.7rem}@media only screen and (max-width:71.25em){#screen-time-calc .section-poductivity-calc .text-content h2{font-size:2.6rem;line-height:3.2rem}}#screen-time-calc .section-poductivity-calc .text-content p{padding-bottom:1.4rem}#screen-time-calc .section-poductivity-calc .text-content p:last-of-type{padding:0}#screen-time-calc .section-poductivity-calc .text-content ul{color:#212b36;font-family:inter_regular,Helvetica,Arial,sans-serif;font-size:1.6rem;line-height:2.6rem;list-style:disc;margin-left:4rem;padding:0 0 1.8rem}#screen-time-calc .clac-content{display:flex;justify-content:space-between;padding-top:4.2rem}#screen-time-calc .clac-content .image{display:none}#screen-time-calc .calc-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 .3rem 1.7rem 0 rgba(0,0,0,.16);height:-moz-max-content;height:max-content;margin-top:4rem;padding:3rem 3.5rem 3.5rem;position:absolute;right:0;transition:all .3s ease;width:49%;z-index:2}#screen-time-calc .calc-wrapper .bottom-illustration{bottom:-62%;position:absolute;right:-7%;transform:scale(.8);transition:all .4s ease-in-out}#screen-time-calc .calc-wrapper .bottom-illustration.empty-state{bottom:-45%;transform:scale(1)}@media only screen and (max-width:71.25em){#screen-time-calc .calc-wrapper .bottom-illustration.empty-state{bottom:-55%}}@media only screen and (max-width:67.5em){#screen-time-calc .calc-wrapper .bottom-illustration.empty-state{bottom:-50%}}@media only screen and (max-width:64em){#screen-time-calc .calc-wrapper .bottom-illustration.empty-state{bottom:-45%}}@media only screen and (max-width:62.5em){#screen-time-calc .calc-wrapper .bottom-illustration.empty-state{bottom:-33%;transform:scale(.8)}#screen-time-calc .calc-wrapper .bottom-illustration{display:none}}#screen-time-calc .calc-wrapper .advantage-section{margin-bottom:3.5rem}#screen-time-calc .calc-wrapper h3{font-family:inter_bold,Helvetica,Arial,sans-serif;font-size:1.6rem;line-height:2.6rem;padding-bottom:1.3rem}#screen-time-calc .calc-wrapper .calc-res-heading{align-items:baseline;display:flex;justify-content:space-between;position:relative}#screen-time-calc .calc-wrapper .calc-res-heading h3{padding-bottom:0}#screen-time-calc .calc-wrapper .calc-res-heading .percent{color:#2acc72;font-family:inter_bold,Helvetica,Arial,sans-serif;font-size:2rem;font-style:italic;opacity:0;text-align:right;transition:all .3s ease .2s;visibility:hidden}#screen-time-calc .calc-wrapper .calc-res-heading .percent.anim{opacity:1;visibility:visible}#screen-time-calc .calc-wrapper .calc-res-heading .arrow-holder{position:absolute;right:0;top:-6.5rem;visibility:hidden}#screen-time-calc .calc-wrapper .calc-res-heading .arrow-holder.anim,#screen-time-calc .calc-wrapper .calc-res-heading.anim{visibility:visible}#screen-time-calc .calc-wrapper p{font-family:inter_regular,Helvetica,Arial,sans-serif;font-size:1.6rem;line-height:2.6rem}#screen-time-calc .calc-wrapper>*{color:#222}#screen-time-calc .calc-wrapper .bt{background-color:#2acc72;border-radius:6px;color:#fff;display:block;font-family:inter_bold,Helvetica,Arial,sans-serif;font-size:1.6rem;height:4.4rem;line-height:4.4rem;margin:1.8rem auto 0;text-align:center;transition:none;width:100%}#screen-time-calc .calc-wrapper .bt:hover{background-color:#27bb69}#screen-time-calc .calc-form-wrap{display:flex;justify-content:space-between;margin-bottom:2.9rem;transition:all .3s ease}#screen-time-calc .calc-form-wrap.empty-state{flex-wrap:wrap}#screen-time-calc .calc-form-wrap .bt{background-color:#fff;border:2px solid #3079ed;color:#3079ed;flex:0 0 33%;line-height:4.2rem;margin:0;transition:none}#screen-time-calc .calc-form-wrap .bt:hover{background-color:#3079ed;color:#fff}#screen-time-calc .calc-form-wrap .bt:disabled{border-color:#a1c4ee;color:#a1c4ee}#screen-time-calc .calc-form-wrap .bt:disabled:hover{background-color:#fff;border-color:#a1c4ee}#screen-time-calc .inputs{display:flex;flex:1;margin-right:1.8rem}#screen-time-calc .inputs.empty-state{flex:0 0 100%}#screen-time-calc .inputs.empty-state .input-holder{height:15rem}#screen-time-calc .inputs.empty-state .input-holder input{font-size:9.2rem}#screen-time-calc .inputs .input-holder{border:1px solid #d0d0d0;border-radius:0 6px 6px 0;display:flex;height:4.4rem;justify-content:space-between}#screen-time-calc .inputs .input-holder:first-of-type{border-radius:6px 0 0 6px;border-right:0}#screen-time-calc .inputs .input-holder input{background:transparent;border:0;font-family:inter_bold,Helvetica,Arial,sans-serif;font-size:3rem;margin:0;padding:0 1rem;text-align:right}#screen-time-calc .inputs .input-holder input::-moz-placeholder{font-family:inter_thin}#screen-time-calc .inputs .input-holder input::placeholder{font-family:inter_thin}#screen-time-calc .inputs .input-holder .label{color:hsla(0,0%,40%,.6);font-family:inter_bold,Helvetica,Arial,sans-serif;font-size:1.2rem;padding:.6rem 0 0 1rem;text-transform:uppercase}#screen-time-calc .calc-res-wrap>div{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:.5rem}#screen-time-calc .calc-res-wrap>div.per-chart{margin-bottom:1rem}#screen-time-calc .calc-res-wrap>div>div{border-radius:6px;flex:0 0 100%;height:4.4rem;line-height:4.4rem;padding:0 2rem}#screen-time-calc .calc-res-wrap>div>div span{color:#fff;font-family:inter_bold,Helvetica,Arial,sans-serif}#screen-time-calc .calc-res-wrap .per-week-res{background:linear-gradient(90deg,#ad74ed,#ad74ed 0,#dcc9f3 0,#dcc9f3);transition:all .3s ease}#screen-time-calc .calc-res-wrap .per-month-res{background:linear-gradient(90deg,#ff58a3,#ff58a3 0,#ffcce3 0,#ffcce3)}#screen-time-calc .calc-res-wrap .per-year-res{background:linear-gradient(90deg,#eb62ce,#eb62ce 0,#e8bddf 0,#e8bddf)}#screen-time-calc .calc-res-wrap .per-life-res{background:linear-gradient(90deg,#ff6572,#ff6572 0,#f2bdc2 0,#f2bdc2)}#screen-time-calc .calc-res-wrap .chart.empty-state{background:#ededed}#screen-time-calc .calc-res-wrap .chart.empty-state>span{display:none}#screen-time-calc .calc-res-wrap .per-heading{color:hsla(0,0%,40%,.6);flex:0 0 20%;font-family:inter_bold,Helvetica,Arial,sans-serif;font-size:1.2rem;text-transform:uppercase}#screen-time-calc .calc-res-wrap .compare-block{color:#222;flex:0 0 80%;font-size:1.2rem;text-align:right}#screen-time-calc .calc-res-wrap .compare-block.empty-state{display:none}#screen-time-calc .calc-res-wrap .compare-block .equal,#screen-time-calc .calc-res-wrap .compare-block .less,#screen-time-calc .calc-res-wrap .compare-block .more{display:none;font-family:inter_bold,Helvetica,Arial,sans-serif;text-transform:uppercase}#screen-time-calc .try-chanty-block{background-color:#faf7d2;border:1px solid #ded561;border-radius:12px;display:flex;justify-content:space-between;margin-top:3.6rem;opacity:1;padding:1.1rem 1.1rem 1.3rem 1.6rem;transition:all .5s ease;visibility:visible}#screen-time-calc .try-chanty-block.empty-state{opacity:0;visibility:hidden}#screen-time-calc .try-chanty-block__icon{flex:0 0 auto;margin:.6rem 1.5rem 0 0}#screen-time-calc .try-chanty-block__text a{display:inline-block;font-family:inter_bold,Helvetica,Arial,sans-serif}@media only screen and (max-width:62.5em){#screen-time-calc .try-chanty-block{display:flex}#screen-time-calc .try-chanty-block.empty-state{display:none}}#screen-time-calc .section-signup-promo{padding-bottom:5rem}@media only screen and (max-width:71.25em){#screen-time-calc .section-poductivity-calc .text-content,#screen-time-calc .text{flex:0 0 42%}#screen-time-calc .calc-wrapper{width:55%}}@media only screen and (max-width:67.5em){#screen-time-calc header:after{height:12rem}#screen-time-calc .section-poductivity-calc .text-content{width:42%}}@media only screen and (max-width:62.5em){#screen-time-calc .content-wrpapper{flex-direction:column}#screen-time-calc .calc-wrapper{margin:2.8rem auto;position:inherit;width:75%}#screen-time-calc .section-poductivity-calc .text-content{flex:0 0 45%;max-width:none;width:100%}#screen-time-calc .section-aditional-info__top-content div{flex:0 0 100%}#screen-time-calc .section-aditional-info__item img{height:4rem;width:4rem}#screen-time-calc .section-aditional-info__content-item{margin-top:4rem}#screen-time-calc .clac-content .image{display:block;flex:0 0 50%}}@media only screen and (max-width:53.75em){#screen-time-calc .clac-content{flex-direction:column}#screen-time-calc .clac-content .image{display:none}}@media only screen and (max-width:40.625em){#screen-time-calc .section-aditional-info{padding-bottom:6rem;padding-top:3rem}#screen-time-calc .section-aditional-info__content-item{flex-direction:column}#screen-time-calc .text{padding-top:4rem}#screen-time-calc .calc-wrapper{width:100%}#screen-time-calc .inputs{margin-right:0}#screen-time-calc .calc-form-wrap{margin-bottom:2rem;padding:.2rem}#screen-time-calc .calc-form-wrap,#screen-time-calc .calc-form-wrap.empty-state{flex-direction:column;flex-wrap:nowrap}#screen-time-calc .calc-form-wrap .bt{height:4.4rem;line-height:4.4rem;margin:2rem 0 0;padding:0}#screen-time-calc .calc-form-wrap .bt.empty-state{flex:0 0 30%;margin:2rem 0 0}#screen-time-calc .section-aditional-info__item:not(:last-of-type){padding-bottom:3rem}#screen-time-calc .section-aditional-info__item p{padding-top:.6rem}}@media only screen and (max-width:34.375em){#screen-time-calc .calc-res-wrap>div .per-heading{flex:0 0 100%;order:-1}#screen-time-calc .calc-res-wrap>div .compare-block{flex:0 0 100%;line-height:2rem;order:1;padding:.5rem 0 0;text-align:left}}