/* Minification failed. Returning unminified contents.
(1,31953): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,32081): run-time error CSS1039: Token not allowed after unary operator: '-mask'
(1,34931): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,40416): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1,40544): run-time error CSS1039: Token not allowed after unary operator: '-mask'
 */
.header{background-image:linear-gradient(145deg,#3c63ff 0%,#19c8ff 100%) !important;}.logo{margin:21px 55px !important;}@media only screen and (max-width:1440px){.logo{margin:32px 55px !important;}}.integration-details{padding:0;}.integration-details .banner .desktop-and-tablet-hero .main-container{width:1560px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile){width:828px;height:581px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image{width:828px;height:581px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero{margin:74px 0 10px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.foreground{margin:16px 0 10px;z-index:1;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.cursor{margin:521px 106px 0 669px;z-index:4;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero-button{position:absolute;z-index:2;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero-button.trello{margin:465px 77px 28px 541px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero-button.xero{margin:461px 31px 28px 541px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero-trello,.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero-xero,.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero-slack{height:100px;margin:230px 0 0 400px;opacity:0;z-index:2;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero-image{margin:90px 0 0 76px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero-foreground{margin:90px 0 0 76px;z-index:1;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .background-images{overflow:hidden;position:absolute;transition:all ease-in-out .5s;width:828px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .background-images img{position:absolute;transition:all ease-in-out .5s;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .background-images.xero{height:500px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .background-images.xero .hero-image{height:100px;margin:230px 0 0 400px;max-width:354px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .background-images.trello{height:482px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .background-images.trello .hero-image{height:100px;margin:180px 0 0 400px;max-width:280px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .background-images.slack{height:518px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .background-images.slack .hero-image{height:100px;margin:230px 0 0 400px;max-width:354px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .background-images.extensions{height:616px;width:904px;left:-30px;}.integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .background-images.extensions img{width:100px;margin:450px 0 0 350px;}.integration-details .banner .desktop-and-tablet-hero .main-container .text-container{max-width:645px;margin-right:88px;}.integration-details .banner .desktop-and-tablet-hero .main-container .text-container .dot-point-container{display:grid;grid-template-columns:auto;color:#2883ff;margin:30px auto 0;}.integration-details .banner .desktop-and-tablet-hero .main-container .text-container .dot-point-container .container{display:grid;grid-template-columns:auto auto;justify-content:left;}.integration-details .banner .desktop-and-tablet-hero .main-container .text-container .dot-point-container .container i{font-size:20px;}.integration-details .banner .desktop-and-tablet-hero .main-container .text-container .dot-point-container .container .dot-points:first-child{margin:0 50px 20px 0;}.integration-details .banner .desktop-and-tablet-hero .main-container .text-container .dot-point-container .container .dot-points:nth-child(3){margin-right:50px;}.integration-details .banner .desktop-and-tablet-hero .main-container .text-container .dot-point-container .container .dot-points{display:grid;grid-template-columns:auto auto;align-items:start;justify-content:left;}.integration-details .banner .desktop-and-tablet-hero .main-container .text-container .dot-point-container .container .dot-points span{padding-left:10px;}.integration-details .banner .desktop-and-tablet-hero .main-container .text-container .dot-point-container .container .dot-points .icon{padding-top:3px;}.integration-details .banner .desktop-and-tablet-hero .main-container .text-container .button-style{width:220px;margin-right:25px;}.integration-details .banner .desktop-and-tablet-hero.browser-extension .main-container .main-image-container{height:586px;width:904px;}.integration-details .banner .desktop-and-tablet-hero.browser-extension .main-container .main-image-container .main-image .image-container{height:586px;width:904px;}.integration-details .banner .desktop-and-tablet-hero.browser-extension .main-container .text-container{margin-right:43px;}.integration-details .banner .desktop-and-tablet-hero.browser-extension .main-container .text-container .dot-point-container .container .dot-points{max-width:300px;}.integration-details .generate-report{background:#f8fbff;}.integration-details .generate-report .section-container{max-width:1220px;margin:auto;display:grid;grid-template-columns:auto auto;align-items:center;}.integration-details .generate-report .section-container .text-container{text-align:left;max-width:704px;}.integration-details .generate-report .section-container .text-container .sub a{color:#404040;}.integration-details .generate-report .section-container .image-container{position:relative;height:318px;width:454px;align-content:start;text-align:left;margin-left:60px;}.integration-details .generate-report .section-container .image-container img{position:absolute;}.integration-details .generate-report .section-container .image-container img.rectangle{margin:56px 67px 0;}.integration-details .generate-report .section-container .image-container img.chart{margin:22px 289px 131px 0;}.integration-details .generate-report .section-container .image-container img.time-entry{margin:0 0 21px 179px;}.integration-details .generate-report .section-container .image-container.browser-extension{height:558px;width:494px;}.integration-details .generate-report .section-container .image-container.browser-extension img{position:absolute;}.integration-details .generate-report .section-container .image-container.browser-extension img.background{margin:83px 30px 73px 106px;}.integration-details .generate-report .section-container .image-container.browser-extension img.timesheet{margin:0 16px 135px 132px;}.integration-details .generate-report .section-container .image-container.browser-extension img.timer{margin:427px 95px 0 0;}.integration-details .generate-report .section-container .image-container.browser-extension img.toggle{margin:394px 110px 80px 71px;}.integration-details .connect-to-hourly-container{padding-bottom:unset;}.integration-details .connect-to-hourly-container .connect-content{max-width:1560px;margin:0 auto;background:#f8fbff;border-radius:24px;text-align:left;padding:100px;}.integration-details .connect-to-hourly-container .connect-content .connect-container{text-align:center;}.integration-details .connect-to-hourly-container .connect-content .connect-container .background-image{position:absolute;margin:-50px auto;}.integration-details .connect-to-hourly-container .connect-content .connect-container img{position:relative;z-index:1;}.integration-details .connect-to-hourly-container .connect-content .join-container{text-align:center;position:relative;z-index:6;}.integration-details .connect-to-hourly-container.alternate{padding:160px 0;}.integration-details .connect-to-hourly-container.alternate .background-image{width:unset;margin:-79px -94px 90px 780px;}.integration-details .connect-to-hourly-container.alternate .connect-container{display:grid;grid-template-columns:auto auto;align-items:center;max-width:1560px;margin:0 auto;background:#f8fbff;border-radius:24px;text-align:left;}.integration-details .connect-to-hourly-container.alternate .connect-container .text-container{text-align:left;margin:130px 0 130px 150px;}.integration-details .connect-to-hourly-container.alternate .connect-container .text-container .join-container{text-align:left;}.integration-details .connect-to-hourly-container.alternate .connect-container .text-container .join-container .join-link{padding:unset;}.integration-details .connect-to-hourly-container.alternate .connect-container .image-container{grid-column:2;height:477px;width:861px;position:relative;text-align:left;overflow:hidden;}.integration-details .connect-to-hourly-container.alternate .connect-container .image-container img{position:absolute;z-index:1;margin:-37px -52px 28px 0;}.integration-details .connect-to-hourly-container.alternate .connect-container .image-container img.mobile-connect-image{display:none;}.integration-details .connect-to-hourly-container.alternate.xero{padding-top:unset;}.integration-details .good-design .content-container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:auto auto;align-items:center;}.integration-details .good-design .content-container .text-container{width:730px;text-align:left;}.integration-details .good-design .content-container .image-container{position:relative;display:flex;justify-content:right;}.integration-details .good-design .content-container .image-container .visibility-indicator{position:absolute;top:50%;width:100%;}.integration-details .good-design .content-container .image-container.xero{height:543px;width:465px;}.integration-details .good-design .content-container .image-container.xero img.background{margin:71px 30px 71px 77px;}.integration-details .good-design .content-container .image-container.xero img.import{margin:0 70px 110px 0;}.integration-details .good-design .content-container .image-container.xero img.revenue{margin:316px 0 0 96px;}.integration-details .good-design .content-container .image-container.trello{height:537px;width:465px;}.integration-details .good-design .content-container .image-container.trello img.background{margin:71px 30px 64px 77px;}.integration-details .good-design .content-container .image-container.trello img.trello-card{margin:0 185px 55px 0;}.integration-details .good-design .content-container .image-container.trello img.timer{margin:311px 0 0 110px;}.integration-details .good-design .content-container .image-container.slack{width:483px;height:461px;}.integration-details .good-design .content-container .image-container.slack img.background{margin:30px 95px 30px 30px;}.integration-details .good-design .content-container .image-container.slack img.integration{margin:112px 0 64px 60px;}.integration-details .good-design .content-container .image-container.slack img.slack{max-width:157px;margin:63px 303px 240px 23px;z-index:1;}.integration-details .good-design .content-container .image-container.chrome,.integration-details .good-design .content-container .image-container.edge,.integration-details .good-design .content-container .image-container.firefox{height:533px;width:492px;}.integration-details .good-design .content-container .image-container.chrome img.background,.integration-details .good-design .content-container .image-container.edge img.background,.integration-details .good-design .content-container .image-container.firefox img.background{margin:102px 66px 30px 68px;}.integration-details .good-design .content-container .image-container.chrome img.time-sheet,.integration-details .good-design .content-container .image-container.edge img.time-sheet,.integration-details .good-design .content-container .image-container.firefox img.time-sheet{margin:0 66px 110px 76px;}.integration-details .good-design .content-container .image-container.chrome img.timer-button,.integration-details .good-design .content-container .image-container.edge img.timer-button,.integration-details .good-design .content-container .image-container.firefox img.timer-button{margin:381px 229px 22px 0;}.integration-details .good-design .content-container .image-container.chrome img.cursor,.integration-details .good-design .content-container .image-container.edge img.cursor,.integration-details .good-design .content-container .image-container.firefox img.cursor{margin:458px 266px 42px 196px;}.integration-details .good-design .content-container .image-container.chrome img.integration-icon,.integration-details .good-design .content-container .image-container.edge img.integration-icon,.integration-details .good-design .content-container .image-container.firefox img.integration-icon{max-width:172px;margin:298px 0 63px 320px;}.integration-details .good-design .content-container .image-container img{position:absolute;}.integration-details .good-design .content-container .image-container img.background{border-radius:24px;}.integration-details .comparison-section{padding-top:unset;display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:center;max-width:1220px;}.integration-details .comparison-section .integration-display-template{width:870px;display:unset;}.integration-details .comparison-section .integration-display-template .toggle-container{display:flex;margin:10px 35px 50px;border:1px solid #eaebec;border-radius:9px;justify-content:space-between;padding:4px;}.integration-details .comparison-section .integration-display-template .toggle-container .toggle-item{text-align:center;padding:7px 20px;border-radius:9px;font-weight:500;font-style:normal;font-size:20px;cursor:pointer;transition:all .3s ease;}.integration-details .comparison-section .integration-display-template .toggle-container .toggle-item.selected{background:#2883ff;color:#fff;transition:all .3s ease;}.integration-details .comparison-section .integration-display-template .toggle-container .toggle-item:not(.selected):hover{background:rgba(41,131,255,.1);}.integration-details .comparison-section .integration-display-template .toggle-container.slack{width:304px;}.integration-details .comparison-section .integration-display-template .toggle-container.xero{width:447px;}.integration-details .comparison-section .integration-display-template .images{position:relative;}.integration-details .comparison-section .integration-display-template .images img{position:absolute;transition:all .25s ease-in-out;}.integration-details .comparison-section .integration-display-template .images img.front{position:relative;opacity:1;z-index:1;padding-bottom:50px;padding-top:0;}.integration-details .comparison-section .integration-display-template .images img.back{padding-top:50px;padding-bottom:0;opacity:.5;}.integration-details .comparison-section .integration-display-template .images img.timer,.integration-details .comparison-section .integration-display-template .images img.xero{left:-65%;}.integration-details .comparison-section .integration-display-template .images img#option-one-image{left:30px;position:absolute;}.integration-details .comparison-section .integration-display-template .images img#option-two-image{left:60px;position:relative;}.integration-details .comparison-section .comparison-information{width:250px;height:100%;align-content:space-evenly;display:grid;}.integration-details .comparison-section .comparison-information .heading{font-weight:500;font-style:normal;font-size:20px;}.integration-details .carousel-content{background:#f8fbff;}.integration-details .card-examples-container{background:#f8fbff;}.integration-details .card-examples-container .card-container-content{display:grid;grid-template-columns:auto auto;max-width:1150px;margin:auto;justify-content:space-between;}.integration-details .card-examples-container .card-container-content .card-item{max-width:508px;height:414px;background:#fff;border-radius:24px;box-shadow:0 0 20px #0000000d;padding:16px 21px 27px;display:grid;text-align:left;margin:25px 0;align-content:space-between;}.integration-details .card-examples-container .card-container-content .card-item .item-heading{font-weight:600;font-style:normal;font-size:30px;padding-bottom:8px;margin:unset;}.integration-details .card-examples-container .card-container-content .card-item .item-desc{color:rgba(64,64,64,.8);font-size:18px;}.integration-details .card-examples-container .card-container-content .card-item img{max-width:466px;}.integration-details .card-examples-container .card-item-long{max-width:1147px;background:#fff;border-radius:24px;box-shadow:0 0 20px #0000000d;grid-column-start:1;grid-column-end:3;padding:16px 21px 27px;display:grid;grid-template-columns:auto auto;text-align:left;margin:25px auto;}.integration-details .card-examples-container .card-item-long .item-heading{font-weight:600;font-style:normal;font-size:30px;padding-bottom:8px;margin:unset;}.integration-details .card-examples-container .card-item-long .item-desc{color:rgba(64,64,64,.8);font-size:18px;}.integration-details .card-examples-container .card-item-long img{max-width:466px;padding-right:30px;}.integration-details .card-examples-container.browser-extensions{background:#fff;}.integration-details .integration-information-section .dual-column-section .outer-text-container .text-container{width:540px;}.integration-details .integration-information-section .dual-column-section .outer-text-container .section-image-container div img.rectangle{border-radius:24px;}.integration-details .integration-information-section.xero .first-container .section-image-container{width:627px;height:461px;}.integration-details .integration-information-section.xero .first-container .section-image-container .section-image.background{margin:30px 30px 30px 239px;}.integration-details .integration-information-section.xero .first-container .section-image-container .section-image.integration{margin:22px 35px 105px 0;}.integration-details .integration-information-section.xero .first-container .section-image-container .section-image.xero{margin:257px 179px 31px 276px;padding:0;}.integration-details .integration-information-section.xero .first-container .section-image-container .section-image.xero img{width:172px;padding:0;}.integration-details .integration-information-section.xero .second-container .section-image-container{width:664px;height:541px;}.integration-details .integration-information-section.xero .second-container .section-image-container .section-image.background{margin:62px 276px 78px 30px;}.integration-details .integration-information-section.xero .second-container .section-image-container .section-image.bars{margin:0 0 248px 25px;}.integration-details .integration-information-section.xero .second-container .section-image-container .section-image.import{margin:131px 112px 0 184px;z-index:1;}.integration-details .integration-information-section.xero .third-container .text-container{width:576px;}.integration-details .integration-information-section.xero .third-container .section-image-container{width:641px;height:483px;}.integration-details .integration-information-section.xero .third-container .section-image-container .section-image.background{margin:52px 30px 30px 253px;}.integration-details .integration-information-section.xero .third-container .section-image-container .section-image.invoice{margin:0 40px 146px 0;}.integration-details .integration-information-section.xero .third-container .section-image-container .section-image.approved{margin:240px 0 34px 101px;z-index:1;}.integration-details .integration-information-section.xero .fourth-container .section-image-container{width:688px;height:461px;}.integration-details .integration-information-section.xero .fourth-container .section-image-container .section-image.background{margin:30px 300px 30px 30px;}.integration-details .integration-information-section.xero .fourth-container .section-image-container .section-image.time{margin:10px 0 95px 30px;}.integration-details .integration-information-section.xero .fourth-container .section-image-container .section-image.hourly{margin:249px 342px 9px 134px;z-index:1;}.integration-details .integration-information-section.trello .first-container .section-image-container{width:627px;height:461px;}.integration-details .integration-information-section.trello .first-container .section-image-container .section-image.background{margin:30px 30px 30px 239px;}.integration-details .integration-information-section.trello .first-container .section-image-container .section-image.board{margin:22px 35px 80px 0;}.integration-details .integration-information-section.trello .first-container .section-image-container .section-image.trello{margin:288px 209px 61px 306px;padding:unset;}.integration-details .integration-information-section.trello .first-container .section-image-container .section-image.trello img{padding:0;width:172px;}.integration-details .integration-information-section.trello .second-container .section-image-container{width:669px;height:461px;}.integration-details .integration-information-section.trello .second-container .section-image-container .section-image.background{margin:30px 281px 30px 30px;}.integration-details .integration-information-section.trello .second-container .section-image-container .section-image.trello-time{margin:45px 0 189px 0;}.integration-details .integration-information-section.trello .second-container .section-image-container .section-image.timer{margin:175px 115px 45px 179px;z-index:1;}.integration-details .integration-information-section.trello .third-container .section-image-container{width:631px;height:505px;}.integration-details .integration-information-section.trello .third-container .section-image-container .section-image.background{margin:74px 30px 30px 243px;}.integration-details .integration-information-section.trello .third-container .section-image-container .section-image.trello-card{margin:0 17px 23px 334px;}.integration-details .integration-information-section.trello .third-container .section-image-container .section-image.recorded-time{margin:234px 80px 76px 0;z-index:1;}.integration-details .integration-information-section.slack{background:#f8fbff;}.integration-details .integration-information-section.slack .first-container .outer-text-container .text-container{width:447px;}.integration-details .integration-information-section.slack .first-container .outer-text-container .section-image-container{width:742px;height:461px;}.integration-details .integration-information-section.slack .first-container .outer-text-container .section-image-container div.rectangle{margin:30px 30px 30px 354px;}.integration-details .integration-information-section.slack .first-container .outer-text-container .section-image-container div.missing-entry{margin:73px 60px 73px 0;}.integration-details .integration-information-section.slack .second-container .outer-text-container .section-image-container{width:763px;height:461px;}.integration-details .integration-information-section.slack .second-container .outer-text-container .section-image-container div.rectangle{margin:30px 375px 30px 30px;}.integration-details .integration-information-section.slack .second-container .outer-text-container .section-image-container div.reminder{margin:53px 0 83px 25px;z-index:1;}.integration-details .integration-information-section.slack .third-container .outer-text-container .section-image-container{width:704px;height:680px;}.integration-details .integration-information-section.slack .third-container .outer-text-container .section-image-container div.rectangle{margin:30px 30px 249px 316px;}.integration-details .integration-information-section.slack .third-container .outer-text-container .section-image-container div.not-working{margin:21px 22px 0 0;}.integration-details .integration-information-section.slack .fourth-container .outer-text-container .text-container{width:442px;}.integration-details .integration-information-section.slack .fourth-container .outer-text-container .section-image-container{width:729px;height:691px;}.integration-details .integration-information-section.slack .fourth-container .outer-text-container .section-image-container div.rectangle{margin:260px 241px 30px 30px;}.integration-details .integration-information-section.slack .fourth-container .outer-text-container .section-image-container div.invoices{margin:0 0 32px 47px;}.integration-details .integrated-time-tracking h4,.integration-details .integrated-time-tracking .home-title{max-width:874px;}.integration-details .integrated-time-tracking .sub{margin:auto;max-width:1100px;}.integration-details .integrated-time-tracking .dual-column-section{max-width:1220px;}.integration-details .integrated-time-tracking .dual-column-section.first-container{padding-top:100px;}.integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container .section-image-container{height:521px;width:500px;}.integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container .section-image-container img{position:absolute;}.integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container .section-image-container img.background{margin:60px 71px;}.integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container .section-image-container img.plugs{margin:0;}.integration-details .other-features{background:#f8fbff;}.integration-details .other-features .features-heading{font-weight:600;font-style:normal;font-size:45px;text-align:left;max-width:1220px;margin:0 auto 50px;}.integration-details .other-features .features-container{display:grid;grid-template-columns:auto auto;max-width:1220px;margin:auto;text-align:left;justify-content:space-between;}.integration-details .other-features .features-container .feature{height:80px;width:600px;display:flex;font-size:18px;background:#fff;font-weight:500;font-style:normal;padding:17px 20px 17px 30px;align-items:center;border-radius:24px;margin-bottom:15px;}.integration-details .other-features .features-container .feature img{padding-right:10px;width:60px;height:60px;}.integration-details .integration-overview{background:#f8fbff;}.integration-details .integration-overview .content-container{max-width:1200px;margin:auto;text-align:left;}.integration-details .integration-overview .content-container .video-container{padding:20px 0;}.integration-details .integration-overview .content-container .video-container video{max-width:1200px;border-top-left-radius:25px;border-top-right-radius:25px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;}.integration-details .integration-overview .content-container .data-flow-blue{display:grid;grid-template-columns:auto auto auto auto auto auto;align-items:start;padding-top:80px;}.integration-details .integration-overview .content-container .data-flow-blue .info{display:grid;justify-items:center;max-width:202px;height:190px;overflow:hidden;}.integration-details .integration-overview .content-container .data-flow-blue .info img{max-width:214px;margin:10px 0;}.integration-details .integration-overview .content-container .data-flow-blue .info span{color:#404040;font-size:18px;text-align:center;font-weight:500;font-style:normal;}.integration-details .integration-overview .content-container .data-flow-blue .info:nth-child(1){justify-content:right;}.integration-details .integration-overview .content-container .data-flow-blue .info:nth-child(4){height:210px;align-content:center;margin-left:50px;}.integration-details .integration-overview .content-container .data-flow-blue .icon{font-size:40px;margin:auto 0;}.integration-details .integration-display-template.data-flow{display:inline-flex;text-align:center;width:1120px;justify-content:center;margin-left:-20px;}.integration-details .integration-display-template.data-flow .vertical-container{margin-top:30px;}.integration-details .integration-display-template.data-flow .vertical-container .data-flow-heading{font-weight:600;font-style:normal;font-size:30px;}.integration-details .integration-display-template.data-flow .vertical-container .feature{font-weight:500;font-style:normal;font-size:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:30px 0;max-width:215px;height:215px;justify-content:space-around;}.integration-details .integration-display-template.data-flow .vertical-container .feature img{padding-bottom:20px;max-width:215px;}.integration-details .integration-display-template.data-flow .arrows-buffer{width:310px;height:596px;display:block;}.integration-details .integration-display-template.data-flow .arrows-buffer .arrow-icon{position:relative;color:#2883ff;font-size:40px;}.integration-details .integration-display-template.data-flow .arrows-buffer .arrow-icon.right{bottom:-190px;}.integration-details .integration-display-template.data-flow .arrows-buffer .arrow-icon.left{bottom:-400px;}.integration-details .frequently-asked-questions.browser-extension{background:#f2f8ff;}@media only screen and (max-width:800px),only screen and (max-width:1440px){div.content .integration-details .banner .desktop-and-tablet-hero .main-container{margin-bottom:50px;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .text-container{max-width:90vw;margin:0 auto 30px;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero-image,div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero,div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.foreground,div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image img.hero-foreground{max-width:100vw;margin:0 auto;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container:not(.mobile) .main-image .background-images{max-width:100vw;margin:auto;left:0;}div.content .integration-details .good-design .content-container{grid-template-columns:auto;justify-content:center;}div.content .integration-details .good-design .content-container .text-container,div.content .integration-details .good-design .content-container .image-container{margin:auto;max-width:85vw;}div.content .integration-details .generate-report .section-container{grid-template-columns:auto;justify-content:center;}div.content .integration-details .generate-report .section-container .text-container{margin:0 auto 15px;max-width:85vw;}div.content .integration-details .generate-report .section-container .image-container{margin:auto;grid-row:2;--mask:linear-gradient(to bottom,#000000 0,#000000 75%,rgba(0,0,0,0)95%,rgba(0,0,0,0)0)100% .5% 100% repeat-x;-webkit-mask:var(--mask);}div.content .integration-details .card-examples-container .card-container-content{grid-template-columns:auto;justify-content:center;}div.content .integration-details .card-examples-container .card-item-long{max-width:508px;height:414px;grid-template-columns:auto;align-content:space-between;}div.content .integration-details .card-examples-container .card-item-long img{grid-row:2;padding:unset;}div.content .integration-details .connect-to-hourly-container .connect-content{padding:40px;}div.content .integration-details .connect-to-hourly-container .connect-content .connect-container img{max-width:50vw;}div.content .integration-details .comparison-section{grid-template-columns:auto;}div.content .integration-details .comparison-section .integration-display-template{margin:auto;}div.content .integration-details .comparison-section .integration-display-template .images{max-width:90vw;}div.content .integration-details .comparison-section .integration-display-template .images img{max-width:80vw;}div.content .integration-details .comparison-section .comparison-information{grid-template-columns:auto auto;width:90vw;justify-content:space-around;align-items:end;}div.content .integration-details .comparison-section .comparison-information .setting{max-width:260px;}div.content .integration-details .integration-overview .content-container{max-width:85vw;}div.content .integration-details .integration-overview .content-container video{width:85vw;}div.content .integration-details .integration-overview .content-container .data-flow-blue{grid-template-columns:auto auto auto;justify-content:space-around;padding-top:30px;}div.content .integration-details .integration-overview .content-container .data-flow-blue .info:nth-child(4){margin:8px 0 0;height:unset;}div.content .integration-details .integration-information-section .dual-column-section .outer-text-container .text-container{width:85vw;}div.content .integration-details .integrated-time-tracking .sub-heading,div.content .integration-details .integrated-time-tracking .home-title,div.content .integration-details .integrated-time-tracking .sub{max-width:90vw;text-align:left;}div.content .integration-details .integrated-time-tracking .dual-column-section.first-container{padding-top:20px;}div.content .integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container{grid-template-columns:auto auto;}div.content .integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container .text-container,div.content .integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container .section-image-container{max-width:45vw;}div.content .integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container .section-image-container{--mask:none;grid-row:1;grid-column:2;overflow:visible;}div.content .integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container .section-image-container img{transform:scale(.7);display:unset;}div.content .integration-details .other-features .features-heading{max-width:70vw;font-size:38px;}div.content .integration-details .other-features .features-container{grid-template-columns:auto;justify-content:center;}div.content .integration-details .connect-to-hourly-container.alternate{padding:60px 30px;}div.content .integration-details .connect-to-hourly-container.alternate .connect-container{grid-template-columns:auto;justify-content:center;padding:40px;}div.content .integration-details .connect-to-hourly-container.alternate .connect-container .text-container{margin:0 auto;}div.content .integration-details .connect-to-hourly-container.alternate .connect-container .image-container{grid-column:1;margin:auto;width:90vw;height:unset;text-align:center;}div.content .integration-details .connect-to-hourly-container.alternate .connect-container .image-container img{position:relative;margin:auto;max-width:50vw;}div.content .integration-details .connect-to-hourly-container.alternate .connect-container .image-container img.background-image{position:absolute;}div.content .integration-details .integration-display-template.xero.data-flow{width:85vw;margin:auto;}div.content .integration-details .integration-display-template.xero.data-flow .vertical-container .data-flow-heading{font-size:25px;}div.content .integration-details .integration-display-template.xero.data-flow .vertical-container .feature>img{transform:scale(.65);padding:unset;}div.content .integration-details .integration-display-template.xero.data-flow .vertical-container .feature{justify-content:space-around;overflow:visible;height:175px;}div.content .integration-details .integration-display-template.xero.data-flow .vertical-container .feature span{max-width:40vw;}div.content .integration-details .integration-display-template.xero.data-flow .arrows-buffer{max-width:25vw;margin-top:-30px;}div.content .integration-details .integration-display-template.xero.data-flow .arrows-buffer .arrow-icon{font-size:30px;}}@media only screen and (max-width:800px){div.content .integration-details .banner .desktop-and-tablet-hero .main-container{margin-bottom:0;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .text-container .dot-point-container .container{margin-top:20px;text-align:left;grid-template-columns:auto;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .text-container .dot-point-container .container .dot-points{margin:0 0 20px;font-size:14px;color:#2883ff;justify-content:left;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .text-container .dot-point-container .container .dot-points i{font-size:14px;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .text-container .dot-point-container .container .dot-points:last-of-type{margin-bottom:0;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .text-container .button-style{margin:30px 0 0;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .text-container .button-style-opposite{display:none;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image img.hero,div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image img.foreground{margin:0;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image .hero-xero,div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image .hero-trello,div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image .hero-slack{max-width:85px;top:-6px;left:168px;position:absolute;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image .background-images{position:absolute;top:0;width:350px;height:330px;left:0;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image .background-images img{margin:unset !important;position:absolute;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image .background-images .hero-toggle{max-width:217px;top:38px;left:51px;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image .background-images .hero-time{max-width:254px;top:69px;left:15px;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image .background-images .hero-icon{max-width:85px;top:125px;left:175px;}div.content .integration-details .banner .desktop-and-tablet-hero .main-container .main-image-container.mobile .main-image .background-images img.hero-image{max-width:140px;top:-6px;left:50px;}div.content .integration-details .good-design .content-container .text-container .join-container{display:flex;justify-content:center;}div.content .integration-details .good-design .content-container .image-container{height:unset;--mask:linear-gradient(to bottom,#000000 0,#000000 75%,rgba(0,0,0,0)95%,rgba(0,0,0,0)0)100% .5% 100% repeat-x;-webkit-mask:var(--mask);justify-content:center;}div.content .integration-details .good-design .content-container .image-container img{display:none;}div.content .integration-details .good-design .content-container .image-container img.timer,div.content .integration-details .good-design .content-container .image-container img.revenue,div.content .integration-details .good-design .content-container .image-container img.integration,div.content .integration-details .good-design .content-container .image-container img.time-sheet{max-width:100vw;margin:unset;display:unset;position:relative;}div.content .integration-details .generate-report .section-container .text-container{justify-content:center;display:grid;}div.content .integration-details .generate-report .section-container .text-container .button-style-opposite{width:260px;padding:11px 20px;margin:24px auto;}div.content .integration-details .generate-report .section-container .image-container.browser-extension{height:unset;justify-content:center;display:flex;}div.content .integration-details .generate-report .section-container .image-container.browser-extension img{display:none;}div.content .integration-details .generate-report .section-container .image-container.browser-extension img.timesheet{max-width:100vw;margin:unset;display:unset;position:relative;}div.content .integration-details .carousel-content.extensions .carousel-container{height:550px;}div.content .integration-details .carousel-content.extensions .carousel-container .carousel{height:550px;}div.content .integration-details .comparison-section{justify-content:center;}div.content .integration-details .comparison-section .integration-display-template{max-width:85vw;margin-bottom:30px;}div.content .integration-details .comparison-section .integration-display-template .toggle-container{width:85vw;max-width:377px;margin:0 auto 30px;}div.content .integration-details .comparison-section .integration-display-template .toggle-container span{font-size:16px;}div.content .integration-details .comparison-section .integration-display-template .toggle-container.xero{padding:3px;max-width:327px;}div.content .integration-details .comparison-section .integration-display-template .toggle-container.xero span{font-size:14px;padding:7px 17px;}div.content .integration-details .comparison-section .integration-display-template .toggle-container.slack{width:67vw;max-width:261px;}div.content .integration-details .comparison-section .integration-display-template .images img{max-width:75vw;}div.content .integration-details .comparison-section .integration-display-template .images img#option-one-image{left:0;}div.content .integration-details .comparison-section .integration-display-template .images img#option-two-image{left:30px;}div.content .integration-details .comparison-section .comparison-information{display:flex;flex-wrap:wrap;}div.content .integration-details .comparison-section .comparison-information .setting{margin:20px 0;}div.content .integration-details .comparison-section .comparison-information .setting img,div.content .integration-details .comparison-section .comparison-information .setting .heading{max-width:30vw;}div.content .integration-details .comparison-section .comparison-information .setting .heading{max-width:40vw;font-size:14px;}div.content .integration-details .comparison-section .comparison-information .setting:last-of-type img{margin:10px 0;}div.content .integration-details .card-examples-container .card-container-content .card-item{justify-content:center;max-width:85vw;height:unset;}div.content .integration-details .card-examples-container .card-container-content .card-item .text-container{max-width:75vw;}div.content .integration-details .card-examples-container .card-container-content .card-item .text-container .item-heading{font-size:20px;}div.content .integration-details .card-examples-container .card-container-content .card-item .text-container .item-desc{font-size:14px;}div.content .integration-details .card-examples-container .card-container-content .card-item img{padding-top:8px;max-width:75vw;}div.content .integration-details .card-examples-container .card-item-long{max-width:85vw;height:unset;}div.content .integration-details .card-examples-container .card-item-long .item-heading{font-size:20px;}div.content .integration-details .card-examples-container .card-item-long .item-desc{font-size:14px;}div.content .integration-details .card-examples-container .card-item-long img{margin:auto;padding-top:8px;}div.content .integration-details .card-examples-container .card-item-long img,div.content .integration-details .card-examples-container .card-item-long .text-container{width:75vw;}div.content .integration-details .integration-overview .content-container .data-flow-blue{grid-template-columns:150px 30px 150px;}div.content .integration-details .integration-overview .content-container .data-flow-blue .info>img{max-width:125px;margin:10px auto;}div.content .integration-details .integration-overview .content-container .data-flow-blue .info{justify-content:center;height:unset;}div.content .integration-details .integration-overview .content-container .data-flow-blue .info span{max-width:unset;width:150px;font-size:14px;}div.content .integration-details .integration-overview .content-container .data-flow-blue .info:nth-child(1),div.content .integration-details .integration-overview .content-container .data-flow-blue .info:nth-child(4){justify-content:left;margin:0;}div.content .integration-details .integration-overview .content-container .data-flow-blue .info:nth-child(1) img,div.content .integration-details .integration-overview .content-container .data-flow-blue .info:nth-child(4) img{margin:10px 25px 10px 0;}div.content .integration-details .integration-overview .content-container .data-flow-blue .info:nth-child(3),div.content .integration-details .integration-overview .content-container .data-flow-blue .info:nth-child(6){justify-content:right;}div.content .integration-details .integration-overview .content-container .data-flow-blue .info:nth-child(3) img,div.content .integration-details .integration-overview .content-container .data-flow-blue .info:nth-child(6) img{margin:10px 0 10px 25px;}div.content .integration-details .integration-overview .content-container .data-flow-blue .info:nth-child(4),div.content .integration-details .integration-overview .content-container .data-flow-blue .info:nth-child(6){margin:30px auto 0;}div.content .integration-details .integration-overview .content-container .data-flow-blue .icon{font-size:25px;}div.content .integration-details .integration-information-section .dual-column-section.first-container .outer-text-container .text-container,div.content .integration-details .integration-information-section .dual-column-section.second-container .outer-text-container .text-container,div.content .integration-details .integration-information-section .dual-column-section.third-container .outer-text-container .text-container,div.content .integration-details .integration-information-section .dual-column-section.fourth-container .outer-text-container .text-container{max-width:unset;}div.content .integration-details .integration-information-section .dual-column-section.first-container .outer-text-container .section-image-container.left,div.content .integration-details .integration-information-section .dual-column-section.second-container .outer-text-container .section-image-container.left,div.content .integration-details .integration-information-section .dual-column-section.third-container .outer-text-container .section-image-container.left,div.content .integration-details .integration-information-section .dual-column-section.fourth-container .outer-text-container .section-image-container.left,div.content .integration-details .integration-information-section .dual-column-section.first-container .outer-text-container .section-image-container.right,div.content .integration-details .integration-information-section .dual-column-section.second-container .outer-text-container .section-image-container.right,div.content .integration-details .integration-information-section .dual-column-section.third-container .outer-text-container .section-image-container.right,div.content .integration-details .integration-information-section .dual-column-section.fourth-container .outer-text-container .section-image-container.right{height:unset;}div.content .integration-details .integration-information-section .dual-column-section.first-container .outer-text-container .section-image-container.left .section-image:nth-child(3),div.content .integration-details .integration-information-section .dual-column-section.second-container .outer-text-container .section-image-container.left .section-image:nth-child(3),div.content .integration-details .integration-information-section .dual-column-section.third-container .outer-text-container .section-image-container.left .section-image:nth-child(3),div.content .integration-details .integration-information-section .dual-column-section.fourth-container .outer-text-container .section-image-container.left .section-image:nth-child(3),div.content .integration-details .integration-information-section .dual-column-section.first-container .outer-text-container .section-image-container.right .section-image:nth-child(3),div.content .integration-details .integration-information-section .dual-column-section.second-container .outer-text-container .section-image-container.right .section-image:nth-child(3),div.content .integration-details .integration-information-section .dual-column-section.third-container .outer-text-container .section-image-container.right .section-image:nth-child(3),div.content .integration-details .integration-information-section .dual-column-section.fourth-container .outer-text-container .section-image-container.right .section-image:nth-child(3){margin:unset;display:unset;position:relative;}div.content .integration-details .integrated-time-tracking .dual-column-section.first-container{padding:60px 0 0;box-shadow:none;border-radius:0;}div.content .integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container{grid-template-columns:auto;}div.content .integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container .text-container,div.content .integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container .section-image-container{max-width:90vw;}div.content .integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container .section-image-container{max-height:unset;grid-row:2;grid-column:1;margin:-40px auto;}div.content .integration-details .integrated-time-tracking .dual-column-section.first-container .outer-text-container .section-image-container img{transform:scale(.7);display:unset;}div.content .integration-details .other-features .features-heading{font-size:22px;max-width:unset;margin-bottom:30px;}div.content .integration-details .other-features .features-container{max-width:85vw;}div.content .integration-details .other-features .features-container .feature{max-width:85vw;padding:12px 10px 12px 15px;height:unset;font-size:16px;}div.content .integration-details .connect-to-hourly-container .connect-container{position:relative;}div.content .integration-details .connect-to-hourly-container .connect-container .background-image{margin:0;bottom:0;}div.content .integration-details .connect-to-hourly-container .join-container{text-align:center;}div.content .integration-details .connect-to-hourly-container .join-container .join-link,div.content .integration-details .connect-to-hourly-container .join-container .join-link-hourly{font-size:14px;}div.content .integration-details .connect-to-hourly-container.alternate .connect-container{padding:40px 30px;position:relative;overflow:hidden;}div.content .integration-details .connect-to-hourly-container.alternate .connect-container .text-container{text-align:center;max-width:75vw;}div.content .integration-details .connect-to-hourly-container.alternate .connect-container .text-container .join-container{text-align:center;}div.content .integration-details .connect-to-hourly-container.alternate .connect-container .text-container .join-container .join-link,div.content .integration-details .connect-to-hourly-container.alternate .connect-container .text-container .join-container .join-link-hourly{font-size:14px;}div.content .integration-details .connect-to-hourly-container.alternate .connect-container .image-container{height:240px;overflow:visible;margin-top:30px;}div.content .integration-details .connect-to-hourly-container.alternate .connect-container .image-container .second-connect-image{display:none;}div.content .integration-details .connect-to-hourly-container.alternate .connect-container .image-container .background-image{height:466px;max-width:unset;left:-200px;bottom:-120px;}div.content .integration-details .connect-to-hourly-container.alternate .connect-container .image-container img.mobile-connect-image{display:block;max-width:unset;position:absolute;left:-50px;height:313px;}div.content .integration-details .connect-to-hourly-container.alternate.xero{padding-top:unset;}div.content .integration-details .integration-display-template.xero.data-flow{margin-left:-20px;}div.content .integration-details .integration-display-template.xero.data-flow .vertical-container{margin-top:unset;}div.content .integration-details .integration-display-template.xero.data-flow .vertical-container .data-flow-heading{font-size:25px;}div.content .integration-details .integration-display-template.xero.data-flow .vertical-container .feature>img{transform:scale(.65);padding:unset;}div.content .integration-details .integration-display-template.xero.data-flow .vertical-container .feature{justify-content:space-around;overflow:visible;height:175px;font-size:16px;max-width:40vw;}div.content .integration-details .integration-display-template.xero.data-flow .arrows-buffer{max-width:12vw;transform:scale(.65);margin-top:-80px;}div.content .integration-details .integration-display-template.xero.data-flow .arrows-buffer .arrow-icon{font-size:30px;}}