{"version":3,"sources":["webpack:///./node_modules/chocolat/dist/css/chocolat.css","webpack:///./resources/sass/style.scss","webpack:///./resources/sass/3-Elements/_elements.base.scss","webpack:///./resources/sass/2-Tools/_tools.fonts.scss","webpack:///./resources/sass/3-Elements/_elements.headings.scss","webpack:///./resources/sass/3-Elements/_elements.lists.scss","webpack:///./resources/sass/4-Layouts/_layouts.contain.scss","webpack:///./resources/sass/2-Tools/_tools.toolbox.scss","webpack:///./resources/sass/2-Tools/_tools.mediaQueries.scss","webpack:///./resources/sass/4-Layouts/_layouts.restrict.scss","webpack:///./resources/sass/5-Components/_components.award.scss","webpack:///./resources/sass/5-Components/_components.button.scss","webpack:///./resources/sass/5-Components/_components.card.scss","webpack:///./resources/sass/5-Components/_components.close.scss","webpack:///./resources/sass/5-Components/_components.checkbox.scss","webpack:///./resources/sass/5-Components/_components.customerLogoSlider.scss","webpack:///./resources/sass/5-Components/_components.fileUpload.scss","webpack:///./resources/sass/5-Components/_components.flashMessage.scss","webpack:///./resources/sass/5-Components/_components.formElement.scss","webpack:///./resources/sass/5-Components/_components.formFeedback.scss","webpack:///./resources/sass/5-Components/_components.ghostButton.scss","webpack:///./resources/sass/5-Components/_components.googleMaps.scss","webpack:///./resources/sass/5-Components/_components.hamburger.scss","webpack:///./resources/sass/5-Components/_components.iconButton.scss","webpack:///./resources/sass/5-Components/_components.input.scss","webpack:///./resources/sass/5-Components/_components.inputRange.scss","webpack:///./resources/sass/5-Components/_components.image.scss","webpack:///./resources/sass/5-Components/_components.language.scss","webpack:///./resources/sass/5-Components/_components.nav.scss","webpack:///./resources/sass/5-Components/_components.optionsMenu.scss","webpack:///./resources/sass/5-Components/_components.pagination.scss","webpack:///./resources/sass/5-Components/_components.partnerCard.scss","webpack:///./resources/sass/5-Components/_components.person.scss","webpack:///./resources/sass/5-Components/_components.projector.scss","webpack:///./resources/sass/5-Components/_components.radioList.scss","webpack:///./resources/sass/5-Components/_components.rangeSliders.scss","webpack:///./resources/sass/5-Components/_components.select.scss","webpack:///./resources/sass/5-Components/_components.servicepoint.scss","webpack:///./resources/sass/5-Components/_components.share.scss","webpack:///./resources/sass/5-Components/_components.sitemap.scss","webpack:///./resources/sass/5-Components/_components.slideIndicator.scss","webpack:///./resources/sass/5-Components/_components.star.scss","webpack:///./resources/sass/5-Components/_components.subnav.scss","webpack:///./resources/sass/5-Components/_components.testimonialSlider.scss","webpack:///./resources/sass/5-Components/_components.textButton.scss","webpack:///./resources/sass/5-Components/_components.textIcon.scss","webpack:///./resources/sass/5-Components/_components.thumbnail.scss","webpack:///./resources/sass/5-Components/_components.trademark.scss","webpack:///./resources/sass/5-Components/_components.usp.scss","webpack:///./resources/sass/1-Settings/_settings.colors.scss","webpack:///./resources/sass/5-Components/_components.vacancyCard.scss","webpack:///./resources/sass/5-Components/_components.vacancyUsp.scss","webpack:///./resources/sass/5-Components/_components.video.scss","webpack:///./resources/sass/6-Organisms/_organisms.article.scss","webpack:///./<no source>","webpack:///./resources/sass/6-Organisms/_organisms.block.scss","webpack:///./resources/sass/6-Organisms/_organisms.calculate.scss","webpack:///./resources/sass/6-Organisms/_organisms.cardGrid.scss","webpack:///./resources/sass/6-Organisms/_organisms.contact.scss","webpack:///./resources/sass/6-Organisms/_organisms.cookieBar.scss","webpack:///./resources/sass/2-Tools/_tools.zindex.scss","webpack:///./resources/sass/1-Settings/_settings.config.scss","webpack:///./resources/sass/6-Organisms/_organisms.cta.scss","webpack:///./resources/sass/6-Organisms/_organisms.duo.scss","webpack:///./resources/sass/6-Organisms/_organisms.faq.scss","webpack:///./resources/sass/6-Organisms/_organisms.flag.scss","webpack:///./resources/sass/6-Organisms/_organisms.footer.scss","webpack:///./resources/sass/6-Organisms/_organisms.form.scss","webpack:///./resources/sass/6-Organisms/_organisms.header.scss","webpack:///./resources/sass/6-Organisms/_organisms.hero.scss","webpack:///./resources/sass/6-Organisms/_organisms.homeIntro.scss","webpack:///./resources/sass/6-Organisms/_organisms.how.scss","webpack:///./resources/sass/6-Organisms/_organisms.intro.scss","webpack:///./resources/sass/6-Organisms/_organisms.machine.scss","webpack:///./resources/sass/6-Organisms/_organisms.machinesList.scss","webpack:///./resources/sass/6-Organisms/_organisms.machineType.scss","webpack:///./resources/sass/6-Organisms/_organisms.otherModels.scss","webpack:///./resources/sass/6-Organisms/_organisms.overlayMenu.scss","webpack:///./resources/sass/6-Organisms/_organisms.duplex.scss","webpack:///./resources/sass/6-Organisms/_organisms.prelude.scss","webpack:///./resources/sass/6-Organisms/_organisms.prefooter.scss","webpack:///./resources/sass/6-Organisms/_organisms.slogan.scss","webpack:///./resources/sass/6-Organisms/_organisms.stories.scss","webpack:///./resources/sass/6-Organisms/_organisms.subfooter.scss","webpack:///./resources/sass/6-Organisms/_organisms.team.scss","webpack:///./resources/sass/6-Organisms/_organisms.ti.scss","webpack:///./resources/sass/6-Organisms/_organisms.trophies.scss","webpack:///./resources/sass/6-Organisms/_organisms.videoModal.scss","webpack:///./resources/sass/8-Scopes/_scopes.card-list.scss","webpack:///./resources/sass/8-Scopes/_scopes.text.scss","webpack:///./resources/sass/8-Scopes/_scopes.scss","webpack:///./resources/sass/9-Utilities/_utilities.colors.scss","webpack:///./resources/sass/9-Utilities/_utilities.helpers.scss","webpack:///./resources/sass/9-Utilities/_utilities.spacing.scss","webpack:///./resources/sass/9-Utilities/_utilities.visibleGrid.scss","webpack:///./node_modules/@komma/kal/kal.scss","webpack:///./resources/sass/10-Animations/_animations.scss"],"names":[],"mappings":"AAAA,mCACI,eACJ,CACA,eACI,eACJ,CACA,kBACI,mDACA,YACA,WACA,eACA,OACA,MACA,WACA,sBACA,kBACA,SACJ,CACA,mCACI,qCACA,mBACA,UACJ,CAEA,kBACI,mDACA,WACA,YACA,eACA,UACA,OACA,MACA,WACA,WACA,iBACJ,CACA,mCACI,qCACA,UACA,kBACJ,CAEA,iCACI,cACJ,CACA,iBACI,uBACA,YACA,WACA,kBACA,SACA,QACA,kBACA,iBACA,WACA,qCACA,SACJ,CACA,kCACI,SACJ,CAEA,wBACI,eACA,QACA,SACA,SACA,QACA,WACA,gBACA,8BACJ,CAEA,sCACI,kBACA,WACA,WACJ,CACA,iCACI,WACA,aACA,eACA,qDACA,WACA,iBACJ,CAEA,iBACI,aACA,sBACA,kBACA,MACA,SACA,OACA,OACJ,CACA,uBACI,uBACA,UACA,YACA,6CACJ,CACA,wCACI,SACJ,CACA,iBACI,YACA,aACA,uBACA,mBACA,8DACJ,CAEA,kCACI,WACA,aACA,eACA,sDACA,WACA,iBACJ,CAIA,iFACI,kBACJ,CACA,gCACI,YACA,gBACA,WACA,aACJ,CACA,kCACI,WACA,YACA,eACA,kBACA,MACA,QACA,qDACJ,CACA,mCACI,YACA,eACA,WACA,kBACA,mBACA,0BACA,cACA,aACA,kBAEJ,CACA,sCACI,qBACA,mBACA,cACA,yCACJ,CACA,uCACI,YACA,qBACA,kBACA,mBACA,iBAEJ,CACA,uCACI,WACA,YACA,2DACA,cACA,eACA,WACJ,CACA,wCACI,qBACA,YACA,eACJ,CAMA,yEACI,UACJ,CACA,2CACI,UACJ,CAGA,iIAGI,iBACJ,CACA,uBACI,iBACJ,CAEA,+HAEI,yCACJ,CACA,2GAEI,0BACJ,CC1HQ,KC9ER,mCACE,kCACA,kCACA,6BACA,qBACA,MAGF,eCaM,iBARA,iCAiEF,kBDnEF,SACA,aACA,GAWF,oBACE,oBACA,aACA,kBAEA,kBAGE,aAOJ,mBACE,WACA,gBACA,QAKF,QACE,SASF,sBACE,YACA,cACA,aAMF,aACE,uBAOF,cAGE,GAIF,cACE,8DACA,sBAEA,aACE,kEAOJ,aAIE,eACA,IAIF,SACE,SACA,4BACA,IE/GF,iBD2BM,eA+BmB,OAvCnB,eAuCmB,ICrDzB,iBDsBM,wBA+BmB,IChDzB,kBDiBM,eA+BmB,aAvCnB,eAuCmB,UC3CzB,mBDYM,wBA+BmB,OErDzB,UAGC,oBACA,IAGD,aACC,aAUA,eAEC,YCxBF,iBC4OC,kBACA,iBAGC,eAIC,qCClND,mBC/BF,iBAEI,kBACA,UACA,cACA,uCD0BF,mBC/BF,SAQI,sCDuBF,iBCnBF,iBAEI,kBACA,WACA,uCDeF,iBCnBF,oBAQI,WCxBJ,YACC,qCFkCC,SEnCF,sBAIE,mBACA,iBACA,kBAKF,gBACC,iBACA,qCFsBC,gBExBF,mBAKE,gBACA,iBACA,cACA,iBAKF,kBPGM,cARA,gBAuCmB,UO/BxB,qCFQC,eEXF,ePGM,gBARA,uCKgBJ,eEXF,mBPGM,wBARA,YQjBN,eRyBM,iBARA,gBAuCmB,cQrDxB,oBACA,mBACA,eACA,yBACA,YACA,oBACA,WACA,qBACA,eACA,kBACA,eACA,oBAEA,WACC,kBACA,kCAGD,WAGC,kBACA,SACA,WACA,WACA,aALI,oCAOJ,UACA,2BACA,kDACA,kBAED,qBACC,mCACA,wBAKC,mBAEA,8CAHD,UAEC,2CAMA,CALA,sBAGA,oBAEA,iBAMH,kBACC,UACA,eACA,iBACA,iCAEA,kBACC,iBAIF,aACC,kBACA,MACA,UACA,kBACA,wBACA,gDAEA,yBACC,6BAID,eACC,gBACA,iCAGD,aACC,iBAKF,wBACC,SC7FD,WACC,gBACA,aACA,qBACA,eAEA,oBACC,gBAKF,oBACC,YAjBmB,8BACJ,kBAoBf,UACA,gBACA,wBACA,eAID,UACC,aACA,sBACA,kBACA,UACA,iBACA,wBACA,yBACA,0BACA,qCJEC,cIXF,uBAYE,oCAGD,yBACC,8LAEC,qCAQF,aACC,YAtDc,qCJsCd,oCIeD,YApDqB,kBAkEtB,kBACC,gBAID,kBT1CM,gBARA,aSoDL,sBAID,aACC,mBAID,kBTrDM,cARA,aS+DL,kBAID,aACC,mCAEA,kBACC,yBAKF,sBACC,gCACA,iDACA,oCAID,eACC,iBAKD,iBACC,gCAEA,WACC,UCpHF,kBACC,aACA,uBACA,mBACA,4CACA,WACA,YACA,UACA,gBACA,YACA,aACA,eACA,kCACA,gBAEA,2BACC,gCAGD,WAEC,kBACA,SACA,UACA,SACA,WACA,gBACA,oBACA,gBACA,iBACA,iBAED,uBACC,gBAED,wBACC,gBAGD,oBACC,aCxCF,aACE,8BACA,sBACA,oBAGF,eACE,UACA,mBAGF,uBACE,yBCTF,8BACC,mEACA,kBACA,6BAEA,4FACC,oCAKF,gCACC,kBACA,WACA,YACA,UACA,sBACA,+CAEA,SACC,iCAIF,kBACC,gCACA,0BACA,UACA,aACA,mBACA,uBACA,WACA,YACA,cACA,6BACA,iBACA,oBACA,2BACA,cACA,qCAEA,eACC,qCPNA,gCOZF,WAsBE,WACA,wCAGD,aACC,uCAGD,YACC,0CAGD,+BACC,sCAGD,gCACC,0CACA,sCAIF,iBACC,gDAEA,QACC,4CAGD,QACC,sCASF,SAHY,6CAMX,WACC,cACA,WACA,SACA,kBACA,+BAIF,kBACC,YACA,MACA,OACA,UACA,cACA,UArBW,iDAuBX,iDACA,yCAEA,mBACC,2CAIF,SACC,2CAGD,UACC,oBACA,UACA,wBACA,2CAKA,oBACC,SACA,2CAFD,oBACC,SACA,2CAFD,SACC,SACA,6CAKF,UACC,oBACA,wBACA,yCAGD,aACC,oBACA,wBACA,+BAID,YACC,YACA,wBACA,wBACA,4BACA,kBACA,qCPpHC,wBO6HD,kEACC,CAJW,mEAWZ,SAXY,2CAgBX,UACC,2CADD,QACC,2CAIF,UACC,oBACA,UACA,wBACA,sCPnJA,wBO6JD,kEACC,sCAID,SARY,+BAYZ,UAZY,oBAcX,SACA,+BAGD,UACC,2CAGD,SACC,+HAGD,UAGC,UACA,wBACA,2CAIA,SACC,SACA,uBC1NH,kBACC,kBACA,uBAID,UACC,kBACA,MACA,MACA,wBAID,kBbKM,cARA,gBaKL,oBACA,mBACA,oBACA,uBACA,WACA,6BACA,sBACA,iBACA,iBACA,yBACA,kBACA,gBACA,eACA,qBACA,mBACA,8BAEA,UACC,sBAKF,cACC,gBACA,eACA,yBAEA,aACC,2BACA,mBACA,6BACA,cACA,gCACA,gCAEA,WACC,aACA,mBACA,uBACA,WACA,YACA,iBACA,uCACA,gCAID,eACC,iBACA,WACA,iBACA,YACA,6BACA,eACA,aACA,4BACA,sCAEA,SACC,uCAGD,aACC,sBAOJ,UACC,mBAID,GACC,4BACC,qBACA,UACA,kBACA,6BC7GF,iBACC,kBAGD,kBVoLE,kBUlLD,YACA,SACA,qBACA,mBACA,iBACA,yBACA,gBACA,cACA,gBdgDwB,yBc9CxB,WACA,UACA,mCACA,sCACA,uBACA,wBAEA,WACC,kBACA,SACA,uBACA,cACA,QACA,SAGA,wFACA,0BAGD,UACC,+BACA,wBCpCF,eACE,WACA,YACA,UACA,wBAGF,aACE,kBX2KA,kBJtJI,cARA,eeVJ,gBACA,0BACA,oCAEA,aACE,wBAIJ,QACE,kBACA,kBACA,yBAUS,QACP,kBCpCJ,eACE,kBACA,yBACA,yBACA,kBZiLA,kBJtJI,cARA,agBhBJ,8BAEA,aACE,yBAGF,4BACE,qBACA,kBACA,kBACA,gBhB6CqB,agB3CrB,kCAGF,wBACE,iBCdJ,ejBsBM,iBARA,gBAuCmB,ciBlDxB,oBACA,mBACA,eACA,6BACA,cACA,iBACA,oBACA,qBACA,eACA,kBACA,gBACA,yBACA,0BAEA,WACC,kBACA,8CAGD,WAGC,kBACA,SACA,WACA,WACA,aALI,sCAOJ,UACA,2BACA,kDACA,wBAED,qBACC,qCACA,8BAIA,UACC,oBACA,2CACA,6BAED,UACC,qBACA,2CACA,uBAMH,kBACC,UACA,eACA,kBACA,2BACA,6CAEA,kBACC,4DAGD,aACC,uBAKF,aACC,kBACA,MACA,UACA,kBACA,wBACA,4DAEA,yBACC,mCAID,eACC,gBACA,6CAGD,aACC,gBCrGF,kBACE,WACA,SACA,kBACA,qBAGF,kBACE,OACA,MACA,WACA,WACA,cCZF,aACC,uBACA,4CACA,kBACA,WACA,YACA,UACA,WACA,gBACA,YACA,aACA,cACA,oBAEA,8BACC,uBAGD,UACC,mBAGD,kBACC,SACA,UACA,SACA,WACA,gBACA,oBACA,wBACA,kBACA,uBACA,8BACA,yBACA,oCACA,oBACA,+BAGD,SACC,oBACA,gCAGD,SACC,oBACA,yBAIA,oBACC,0EAED,mBAEC,2CAKD,6BACC,uDAED,8CACC,mBACA,wDAED,+CACC,mBACA,gBCnEH,oBACC,uBACA,mBACA,WALoB,0BAQpB,qCACA,mBACA,6DACA,yBACA,YACA,sBAEA,WACC,yBACA,yBACA,cACA,uBAGD,yBACC,UACA,sBAGD,qChBsIC,6CgBlID,wBACC,UC9BF,erB6BM,iBARA,WqBnBJ,iBACA,oBACA,YACA,aACA,aACA,qBAEA,gCACE,oBACA,gCAGF,uBACE,CAJA,sBAGF,uBACE,gBAGF,6CACE,oBACA,sCAGF,uBACE,CAJA,4BAGF,uBACE,kBAGO,kBjB2JT,ciBzJE,YAEA,iBACA,eACA,iCCxBJ,wBACC,WACA,YACA,uCAED,YACC,gEAED,WACC,WACA,eACA,+CACA,mBArBoB,gBAuBpB,gCACA,uDAED,+CACC,yBACA,YACA,WACA,mBACA,gBA7BoB,eA+BpB,wBACA,eACA,sEAED,kBArCqB,mDAwCrB,WACC,WACA,eACA,+CACA,mBA5CoB,gBA8CpB,gCACA,mDAED,+CACC,yBACA,YACA,WACA,mBACA,gBApDoB,cAsDpB,4CAsBD,+CACC,sBACA,kBACA,sBA/EoB,eAiFpB,WACA,YACA,YACA,gEAaD,mBA/FyB,8BAiGxB,uDAED,kBAlGyB,kBACA,sEAqGzB,kBAvGyB,mDA0GzB,mBA1GyB,8BA4GxB,mDAED,kBA7GyB,kBACA,CAkHxB,gGAED,mBAtHyB,8BAwHxB,4CAED,qBA1HyB,kBAEA,uDA4HzB,kBA9HyB,uDAiIzB,kBA/HyB,UCRzB,aACC,cAEA,cACC,kBACA,WACA,iBACA,iBACA,qBAEA,kBnB2KA,kBJtJI,cARA,+CuBTH,kBACA,UACA,OACA,yBAEA,aAIA,uCACA,sBACA,qBACA,2CAbA,cAKA,WAEA,sBACA,iDACA,2BnBqKD,CmBjKC,sBAOF,SACA,sBAIA,wBACA,2BACA,sCACA,kBnBkJC,8BmB/ID,sBACC,sDACA,aC9CF,iBACC,qBAID,iCxBmFI,awBjFH,mBACA,kBACA,UACA,YACA,UACA,6BACA,cACA,gBACA,YACA,6DACA,eACA,qBACA,qDAEA,aACC,UACA,uBAKF,iCxB4DI,kBIgGF,kBoBzJD,WACA,SACA,SACA,cACA,gBACA,yBACA,uCACA,gCACA,UACA,oBACA,gBACA,oCACA,yCAEA,UACC,oBACA,uBACA,mBAKF,aACC,mBACA,iBACA,qBACA,cACA,6BACA,+BACA,yBAEA,cACC,iEACA,oBAKF,exBtCM,iBARA,yBwBgDL,UACA,gBACA,mBAID,UACC,cACA,eACA,yBACA,2CAKA,SACC,YACA,8BACA,QCzFF,aACC,2BACA,kBACA,cAID,YACC,sCpB+BC,aoBhCF,aAIE,uBACA,mBACA,YACA,UACA,gBACA,aACA,eAKF,kBACC,aACA,uBACA,mBACA,cACA,YACA,2BAEA,gBACC,eAKF,aACC,mBACA,cACA,WACA,eACA,oBACA,qBAEA,WACC,cACA,WACA,WACA,gBACA,mDACA,yBAGD,aACC,cAKF,qBACC,cACA,WACA,qBACA,2BACA,oBAEA,wBACC,yBAGD,aACC,cAKF,gBACC,aACA,iBAID,aACC,uBACA,mBACA,gBACA,iBACA,iBCpFD,gBACE,aACA,qCrBkCA,gBqBpCF,aAKI,6BACA,sCrB8BF,kDqBxBE,eACE,yBAKN,kB1BUM,cARA,gC0BCJ,qCrBeA,2DqBZE,gBACE,gBCvBJ,gBACA,aACA,mCALF,aACE,uBACA,kBAWD,CARC,oBAMD,kB3BkBK,cARA,0B2BRL,qBAGD,kBvBmKE,YuBjKD,yBApByB,qBAsBzB,yCACA,gCAEA,cACC,eACA,+BAGD,gBACC,cACA,cACA,yCAIF,aAEC,uBACA,iBACA,YACA,oBACA,qBAGD,yBACC,cACA,iBACA,iBC1CD,WACC,gBACA,aACA,qBACA,wBAMD,mBxB0KE,awBxKD,mBACA,uBACA,YArB4B,aACC,iBAEN,kBAsBvB,UACA,gBACA,sBACA,mCACA,4BAGA,UACC,qEAEA,YAEC,uBAMH,UACC,aACA,sBACA,kBACA,UACA,iBACA,wBACA,yBACA,0BACA,qCvBbC,sBuBIF,uBAYE,0BAKF,kBACC,wBAID,kB5BlCM,gBARA,c4B4CL,kBACA,0BAID,aACC,WCzED,gBACC,cACA,iBACA,mBAID,qEACC,WACA,kBACA,kBAID,qBACC,oBACA,cACA,wBACA,iBAID,mB7BSM,yBARA,gBAuCmB,a6BjCxB,qCxBUC,gBwBjBF,e7BSM,gBARA,sB6BWN,kB7BHM,cARA,gBAuCmB,a6BzBxB,sBAIA,e7BqBwB,c8B9DzB,kBACC,WACA,sBAGD,8BAKC,yCACA,+CACA,WACA,uBAGD,gCACC,0BACA,sCACA,YACA,cACA,sBACA,UACA,sBACA,iCAEA,SACC,mBAIF,WAEC,YACA,gBACA,qCzBIC,kByBRF,eAOE,wBAKF,kBACC,UACA,gCACA,0BACA,sCACA,kBACA,gBAKA,4CAJA,aAEA,uBACA,kBAiBA,CAhBA,qBAMA,WACA,aACA,cACA,gBACA,sBACA,mBACA,eACA,uDACA,yBACA,YACA,4BAEA,WACC,yBACA,yBACA,cACA,6BAGD,yBACC,UACA,4BAGD,qC1B6EC,+B0BzED,wBACC,qBAIF,aACC,uBACA,mBACA,YACA,YACA,aACA,eCjGD,cACC,gBACA,aACA,qBACA,qBAGD,aACC,cACA,2BAEA,UACC,iBACA,cACA,uBCbF,aAEE,cACA,6C5BkND,e4BpNc,yBAMf,UACE,WACA,aACA,yBAIF,UACE,eACA,kBACA,kBACA,2CACA,2BAIF,ehCKM,iBARA,UgCKJ,aACA,mBACA,iBACA,yBAIF,YACE,kBACA,oBACA,yBACA,sBACA,aACA,iBACA,iCACA,wBAIF,cACE,gBACA,UACA,0BAIF,eACE,CAME,mGAEF,UACE,qC3BzBF,sB2BiCA,oBACE,yBAEF,QACE,eACA,UACA,yBAEF,QACE,SACA,2BAEF,QACE,UACA,eACA,sBACA,wBAEF,kBACE,cACA,UACA,YC3FJ,iBACE,kBAGF,ejCyBM,iBARA,WiCfJ,iBACA,yBACA,oBACA,6DACA,aACA,aACA,6BAEA,gCACE,oBACA,wBAGF,6CACE,oBACA,sBAIJ,kBACE,WACA,QACA,QAEA,SAGA,uFACA,0BAEA,iBCtCF,oBACC,2BACA,mBACA,eACA,gBACA,gBACA,wBAGD,gBACC,kBACA,mBACA,eACA,qC7B0BC,uB6B9BF,UAOE,2BAIF,yB9B+MC,qBACA,qBACA,iBACA,aACA,8B8BjNA,2DACA,eACA,gBACA,eACA,yBAGD,0BACC,qCACA,uBAGD,0BACC,YACA,yBAGD,yBACC,0BAGD,elCZM,iBARA,ckCsBL,kBACA,6BAGD,kBlClBM,cARA,akC4BL,gBChDD,oBACC,sBACA,gBACA,QACA,qC9BgCC,e8BpCF,YAOE,sC9B6BA,8B8BvBA,eACC,sC9BsBD,8B8BlBA,eACC,aCtBH,kBpC+BM,eARA,kBoClBN,iBACC,kBAID,cACC,oBACA,wBAEA,aACC,oBCGF,aACE,yBACA,kBACA,4BAGF,kBACC,qBACA,WACA,YACA,6BACA,YACA,eACA,6CACA,wBACA,kCAEA,YACC,mGAOD,UAEC,oEAGD,WAEC,kBACA,4BACA,uDACA,wBACA,uCACA,kBAEC,mCAIF,SACU,sDAKT,kCAGD,QACU,oDAKT,qBACA,SACA,6CAIA,yBACC,gCACA,oBACA,4CAED,WACC,kBACA,kCAIF,mBACC,CAIC,+EAED,8CAEC,SCtGH,cACC,WACA,aACA,CAEA,sCACA,aAIA,kDAIA,wBCdD,kBnCwLE,UmCtLD,oBACA,gBACA,cACA,kBACA,SACA,WACA,aACA,yBACA,2BACA,sDACA,sCAKA,UACC,mBACA,cACA,iBAKF,gBACC,iBAID,qBACC,cACA,cACA,qBACA,mBACA,2BACA,uBAEA,uBACC,4BAGD,aACC,6BCtCF,aACC,8BACA,kBACA,qCnC+BC,4BmClCF,2BAME,2BACA,gCAKF,UACC,aACA,mBACA,uBACA,WACA,YACA,cACA,6BACA,iBACA,oBACA,2BACA,cACA,qCAEA,aACC,sCAGD,aACC,qCAGD,YACC,qCnCDA,8BmCtBF,UA2BE,kBACA,0CAEA,kBACC,cACA,8BAMH,8BACC,yCACA,+CACA,kBACA,WACA,6BAID,0BACC,gCACA,UACA,aACA,uBACA,WACA,eACA,UACA,eACA,8BACA,yCAEA,2BACC,qCAGD,0BACC,uCAGD,UACC,cACA,+BAKF,aACC,uBACA,eACA,gBCpFD,oBACC,mBACA,cACA,UACA,6BACA,YACA,eACA,qBACA,oBACA,sBAEA,aACC,sBAKF,mBzCIM,yBARA,eAuCmB,sByC7BzB,aACC,kBACA,gBACA,wBACA,2CAEA,yBACC,2CAGD,aACC,yBAMF,aACC,8CAEA,aACC,0BAMF,0BACC,+CAEA,cACC,iBACA,wBACA,qDAIA,yCACC,yBCtEF,aACC,kBACA,gCAEA,WACC,WACA,YACA,cACA,4BACA,gBACA,uCAKD,0CACC,sCAID,yCACC,qCAID,wCACC,oBC3BH,cACC,qBACA,UACA,qBAGD,kBACC,WACA,sBACA,SACA,eACA,sCAGA,iBACC,4CAEA,WAEC,cACA,kBACA,MACA,QACA,SACA,OACA,oEACA,UACA,4BACA,uBACA,qEAES,SACR,qBAOJ,kBAEC,MACA,QACA,SACA,OACA,sBACA,sBACA,4BACA,uBACA,0DAGA,mBACC,qCACA,uBACA,wDAES,sBACR,kBACA,uBAKH,eACC,uBAGD,mB3CrCM,yBARA,c2C+CL,qBACA,sBAGD,eACC,uCAOA,mBvCyGC,4CA7BA,euCzEA,yCAED,eACC,sDAQD,aACC,cCjGF,oBACC,mBACA,kB5C6BK,c4C3BL,qBACA,iCACA,iC5CiBK,a4CdJ,kCAEA,2BACC,wCACA,oBAKH,gBACC,sBAGD,GACC,uBACA,iCCxBD,aACC,eACA,kBACA,gBACA,aACA,cAID,kB7CsBM,gBARA,gBAuCmB,gC6ClDxB,gBACA,gBACA,aACA,sBACA,qBAEA,WACC,eACA,kBACA,UACA,WACA,YACA,kDACA,UAMF,yBACC,uBAEA,6BACC,8BAEA,gB7CyBuB,6B6CvBtB,kBACA,aACA,mBACA,uBACA,WACA,YACA,aACA,iDCGa,UDDb,4BAWF,gB7CGwB,mBA/BnB,yBARA,e6CuCJ,8BAMD,aACC,qCAEA,gDACC,aAMH,aACC,kBAID,qBACC,iBEpFD,kBACE,WACA,aACA,wBACA,uBAEA,oBACE,sC1CgCF,6C0C5BE,uCAEI,yBAMR,aACE,kBACA,YACA,MACA,mBACA,sBACA,WACA,YACA,uBACA,qCACA,mBACA,sC1CSA,uB0CpBF,aAcI,+BAIJ,kBACE,aACA,mBACA,uBACA,WACA,YACA,gDDMc,kCCHd,sBACE,YACA,WACA,UACA,uBAIJ,qBACE,WACA,aACA,sBACA,8BACA,oBACA,YACA,sC1CtBA,sB0CeF,6BAUI,kBACA,2BAIJ,aACE,sBACA,6BACA,wBAGF,kBACE,uBAGF,aACE,6BAGF,aACE,kBACA,sBACA,6BACA,cACA,eACA,sC1ClDA,4B0C4CF,iBASI,aACA,iBACA,oCAEA,kBACE,MACA,OACA,YACA,UACA,yBACA,wBACA,UACA,4BAKN,kBACE,aACA,mBACA,kBACA,sC1C1EA,sC0C6EE,gBACE,wCAGF,gBACE,yCAIJ,eACE,+BAGF,YACE,WACA,eACA,iBACA,iBC/HJ,kBACE,yBACA,cACA,qC3C8BA,gB2CjCF,eAMI,sC3C2BF,uB2CxBA,WAEI,cACA,kBACA,OACA,MACA,cApBe,oBACC,YAsBhB,qCACA,oDACA,0BACA,uC3CYJ,uB2CxBA,WAZyB,aACC,0BA6BtB,+BAIJ,8BACE,+CACA,iDACA,kBACA,oBACA,qC3CHF,6B2CFA,uDASI,wCACA,wCAIJ,aACE,UCpDJ,WACC,WACA,uBAGD,kBACC,SACA,WACA,sBACA,wBACA,sCAIA,oBACC,kBAIF,kBACC,MACA,OACA,WACA,WACA,YCrBD,iB9C8OC,kBACA,iBAGC,gBAIC,8B8ClPD,iDACA,0DACA,kBACA,sCAEI,qBCZN,iC/C+QE,kB8C3QA,a9C6QC,oB+CjRH,iC/C+QE,iB8C3QA,a9C6QC,sCC1OD,W6CpCF,mB9C8HG,4DC1FD,W6CpCF,iB9CqIG,yDCjGD,W6CpCF,qEAaI,2CACA,sCAEI,CAPF,oBCZN,gC/CiRG,oB+CjRH,gC/CiRG,C8C9PK,kBAOR,eACE,sC7CYA,S+CvCF,kBhDiIG,2DC1FD,S+CvCF,gBhDwIG,yDCjGD,kC+CvBA,iBhDiHC,uCC1FD,kC+CvBA,ehDwHC,eiDpIH,eACE,oBAIF,iBjDwOC,kBACA,iBAGC,eAIC,wBiD3OH,kBACI,UACA,cACA,8BAGA,WACI,uDP4BQ,kBO1BR,WACA,MACA,SACA,oBACA,oBACA,qChDWN,6BgDnBE,4CAWQ,WACA,UACA,uChDMV,6BgDnBE,WAiBQ,wBAMZ,WACI,kBACA,uBAIJ,eACI,qChDXF,sBgDUF,eAIQ,sBAKR,yBACI,gBACA,WACA,eACA,mBAIJ,aAEI,oBACA,qCjDmJH,ciDrJgB,qBAMjB,UACI,mBACA,iBACA,qChDrCF,oBgDkCF,gBAMQ,UACA,gBACA,sBAKR,YACI,iCACA,qChDjDF,oBgD+CF,WAKQ,uBAIR,mBrDhEM,yBARA,gBAuCmB,kBqDoCrB,gBACA,eACA,UACA,iDAGI,WACI,kBACA,WACA,MACA,SACA,QACA,WACA,mBACA,2CACA,uBAMZ,gBACI,eACA,cCnHJ,iBlD2OC,kBACA,iBAGC,eAIC,sCClND,aiDjCF,mBlD2HG,2DC1FD,aiDjCF,gBlDkIG,0CkDzHH,kBtDgBM,gBARA,gBAuCmB,mBsD5CxB,aACA,qCjDoBC,mBiDhBF,aAEE,eACA,kBACA,qBAKF,UACC,aACA,oBACA,uBACA,gBACA,qCjDEC,mBiDPF,UAQE,uBACA,gBACA,uCjDHA,mBiDPF,4BAcK,6BAIL,aACC,oBACA,uBACA,gBACA,qCjDfC,2BiDWF,gBAOE,aCrDF,kBACC,cAEA,oBACC,kBAKF,iBnDoOC,kBACA,gBAGC,qCC9MA,iBkD1BF,6BAGE,sBnD6OE,EmD5OF,iBAKF,kBAGC,2BACA,WACA,wBACA,qClDWC,iBkDjBF,aASE,iBACA,2BACA,2BACA,yBAEA,WACC,cACA,kBACA,MACA,WACA,WAjBe,YADC,oDAqBhB,0BACA,WACA,uClDPD,iBkDjBF,kBA6BE,kBACA,sBAIF,iBnDyLC,kBACA,emDxLA,qClDnBC,oBkDiBF,enD2MG,sCC5ND,oBkDiBF,wBAKE,0BACA,gBACA,sBAKF,mBAMC,cACA,gBACA,sClDrCC,oBkD6BF,iBvDrCM,yBARA,kBuDgDJ,yBASF,kBvDjDM,gBARA,gBAuCmB,iBuDqBxB,aACA,sClD7CC,uBkDyCF,iBvDjDM,yBARA,gBuDiEJ,oBAOF,gBACC,kBACA,sBAID,mBvDtEM,yBARA,gBAuCmB,auD0CxB,kBAID,aACC,kBACA,oBAEA,YACC,SACA,+BAEA,iBACC,sBAMH,cACC,eACA,iCAEA,eACC,iBACA,cACA,sBAKF,aAEC,eACA,YACA,yBAEA,YALW,0BAOV,qBACA,yBAED,yBnDiFA,qBACA,qBACA,iBACA,aACA,wBmDnFC,gCAOD,UADW,gCAEX,sCC5JD,aCwBC,eDtBC,SACA,OACA,aACA,mBACA,WACA,YEuBsB,cFrBtB,yBACA,UACA,yCACA,qCACA,uBACA,2BAEA,YACE,oCAGF,UACE,8BACA,qBAIJ,aACE,uBACA,kBACA,qBAGF,SACE,eACA,eACA,qBAGF,cACE,oBACA,2BAEA,wBACE,uBAIJ,UACE,gBACA,6BAEA,oCACE,QG/CJ,iBAIC,sCtD8BC,OsDlCF,iBvD4HG,uCC1FD,OsDlCF,evDmIG,euD3HH,iBvDoOC,kBACA,iBAGC,eAIC,qCClND,asD1BF,aAIE,6BACA,kBAMF,eACC,aACA,sBACA,sBACA,qCtDWC,gBsDfF,aAOE,0BACA,gBAKF,kB3DNM,gBARA,gBAuCmB,iB2DtBxB,gBACA,cACA,kBACA,cACA,sBACA,sBACA,uCACA,wDtDRC,csDFF,iB3DNM,yBARA,eAuCmB,kB2DLxB,aACA,8BAFD,kBAOC,gBAID,YACC,oBAEA,gBACC,gBAKF,aACC,kBACA,yCACA,+CACA,2BACA,eACA,qCtD3CC,esDqCF,8BASE,aACA,gBACA,uCtDhDA,esDqCF,0BAcE,cAOD,UACA,kBACA,UACA,uDRpGD,gDQgGC,qCAaA,CATA,0CAOA,2BACA,2BACA,qCtDtEC,0CsDiEF,QAQE,uBAIF,SACC,cRrHD,gDQyHC,sCACA,iDACA,aACA,sBACA,yBACA,mBACA,oBACA,SACA,cAID,aACC,kBAID,aACC,iBAID,WACC,wBACA,qCtD1GC,gBsDwGF,mBAKE,gEAGD,UAEC,8BAGD,aACC,kCAGD,aACC,qCtD1HA,sBsD8HA,WACC,cACA,kBACA,SACA,QACA,WACA,aACA,oDACA,yBACA,uCtDvID,OuDlCF,kBxD4HG,2DC1FD,OuDlCF,gBxDmIG,wDCjGD,auD1BF,cAEI,uCvDwBF,auD1BF,YAMI,uCvDoBF,auDfF,UAII,aACA,0BAGA,mBACE,0BAKJ,eACE,8DADF,aAII,kBACA,SCpCN,iBzD0OC,kBACA,iBAGC,eAIC,sCClND,OwDhCF,kBzD0HG,2DC1FD,OwDhCF,gBzDiIG,oCyDxHH,iB7DeM,yBARA,mB6DLJ,aACA,cAIF,gBACE,cACA,mBACA,2BzD8LD,eyDzLc,gBAIf,wBACE,2BACA,kBACA,gBACA,aACA,qBACA,mBACA,eACA,uCACA,qCxDLA,ewDJF,SAYI,qCACA,sCxDTF,2CwDcE,WAEE,kBACA,OACA,SACA,QACA,MACA,UACA,gBACA,yBACA,4BACA,sBAGF,0BACE,uBAIJ,kBACE,eAKJ,e7D/CM,iBARA,gBAuCmB,iB6DmBvB,cAIF,UACE,gBACA,iBAIF,aACE,UACA,SACA,+BACA,qCxDxDA,gBwDoDF,eAOI,8BAGF,iBACE,UACA,aACA,cAKJ,cACE,gBAKF,eACE,2BAKF,uBACE,eACA,kEAEA,YAEE,yCAGF,aACE,wCAEF,cACE,wBACA,SC7HJ,WACI,kBACA,iBACA,mBACA,sCzDyBF,eyDtBE,WAIQ,cACA,kBACA,SAlBiB,2BAoBjB,qBANQ,aAhBS,uDhB8Cb,6CgBpBJ,0BACA,gBAKR,WACI,yBACA,kBACA,WACA,MACA,SACA,OACA,OACA,sCzDJN,cyDJE,4CAWQ,oBACA,UACA,gBAMZ,iB1D2LC,kBACA,iBAGC,gBAIC,iB0DjMC,mBAIJ,aACI,sBACA,uBACA,oBACA,cACA,eACA,sCzD3BF,kByDqBF,SASQ,eACA,aAnEqB,wBAqErB,mBAKR,kBACI,kBAIJ,gBACI,iBAIJ,aACI,mBACA,2BACA,2BACA,qCzDpDF,gByDgDF,QAOQ,gBAKR,kBACI,UACA,eAIJ,aACI,gBACA,aACA,iBAIJ,aACI,sBACA,mBACA,uBACA,sBACA,uBACA,aACA,kBACA,WACA,sDhBxEY,sCzCVd,gByDyEF,kBAaQ,YACA,aACA,QACA,QACA,YACA,aACA,mBACA,0BACA,gBAKR,kBACI,gBAIJ,YACI,aACA,8BACA,mBACA,oBACA,mBACA,iBACA,qBACA,gBAIJ,YACI,iBAIJ,kB9DjIM,gBARA,eAuCmB,kB8DwGzB,e9DxGyB,W+DzDzB,WNmBC,iBMjBA,WACA,yBACA,sBACA,kCAEA,mBLkBuB,gBKZxB,kBACC,wBACA,iBAID,iB3DyNC,kBACA,iBAGC,eAIC,sCClND,gB0DfF,oB3DyGG,+DC1FD,gB0DfF,iB3DgHG,sC2DtGH,cACC,qC1DIC,iB0DLF,kBAIE,sC1DCA,iB0DLF,aAQE,8BACA,mBACA,kBACA,kBAKF,6BACC,uBAEA,UACC,qC1DfA,kB0DoBF,YAEE,sC1DtBA,kB0DoBF,aAME,yBACA,sC1D3BA,kB0DoBF,SAUE,sC1D9BA,uBD0KD,e2DpIuB,sC1DtCtB,mB0DoCF,aAME,cACA,2D1D3CA,kB0DgDF,UAEE,SACA,kCAEA,eACC,sC1DtDD,kB0DgDF,iBAWE,SACA,oBAKF,aACC,gBACA,QACA,qBAEA,eACC,oBAKF,aACC,uBACA,mBACA,WACA,YACA,iBACA,iBAID,UACC,cACA,YACA,WACA,4BACA,wBACA,2BACA,uBAEA,aACC,uBAGD,qBACC,oBAKF,e/DjHM,iBARA,gBAuCmB,a+DqFxB,iBAID,gBACC,QACA,iBAID,qBACC,kBACA,UACA,WACA,qBACA,eACA,2BACA,uBAEA,aACC,uBAGD,qBACC,2BAGD,aACC,kCAEA,WACI,kBACA,WACA,QACA,WACA,WACH,YACA,oDACA,4BACA,qBACA,wBACA,uBAOF,eACC,qC1D7JA,uD0DiKF,YAIE,UCpMF,gBACC,WACA,gBAGD,aACC,2BAIA,eACC,wBAGD,YACC,qBAIF,aACC,mBACA,eACA,uBACA,iBAGD,kBACC,YACA,sBACA,8BAEA,YACC,sBACA,8BAED,eACC,gBACA,sBACA,iBAKF,iBACC,aACA,mBACA,eACA,qBACA,mBAEA,UApDsB,8BA0DvB,wBACC,WCjED,WRwBC,kBQtBA,eACA,wBACA,qBAEA,UACC,eACA,WACA,MACA,OACA,WACA,iBACA,oBACA,4BACA,4BACA,sCACA,wBACA,wBACA,kDACA,+CAEA,UACC,eACA,mBACA,iBAKH,iB7DmNC,kBACA,iBAGC,gBAIC,kB6DzNF,aACA,2BACA,mBACA,eACA,gBAGD,YACC,qC5DDC,4B4DIA,sBAIF,YACC,qC5DTC,oB4DQF,cAIE,gBACA,kBAKF,gBACC,iBACA,uBAEA,mBACC,qBACA,gBAIF,gBACC,WACA,mBAID,gBACC,sC5DnCC,kB4DkCF,YAIE,UC3EF,iBACE,iBAIF,iBAME,eACA,cAIF,WACE,iBACA,gBACA,qC7DkBA,4B6DZE,WACE,kBACA,QACA,SACA,WACA,aACA,oDACA,yBACA,gBCrBN,oBAEE,iBACA,wBhBjBF,iC/C+QE,kB+DhQA,a/DkQC,qBAFD,e+DhQA,a/DkQC,C+CjRH,oCgBiBE,uBhBjBF,gC/CiRG,sCC1OD,c8DzBF,gBAMI,sBAKJ,iB/DwNC,kBACA,iBAGC,eAIC,qCClND,oB8DdF,8BAII,+DACA,6DACA,0DAEI,CAhBN,mFhBjBF,gC/CiRG,qB+CjRH,oD/CiRG,C+DhPK,sC9DMN,oB8DdF,uEAcI,8DACA,wBAKJ,gBACE,gBAxCkC,UA0ClC,qC9DTA,sB8DMF,YAMI,sBAKJ,eACE,qC9DlBA,oB8DiBF,eAII,qBAKJ,kBACE,WACA,wBACA,qC9D7BA,mB8D0BF,gBAMI,2BACA,4BACA,0BACA,4D9DnCF,mBD0FC,8EC1FD,mBDiGC,2DCjGD,0B8D8CE,WAEE,cACA,kBACA,MACA,WACA,WALQ,YAlFsB,oDA0F9B,0BACA,WACA,sBAKN,cACE,eACA,qBAIF,mBnE5EM,yBARA,gBAuCmB,amEiDvB,uBACA,UACA,yC/DuGD,e+D5Gc,qC9DrEb,wCDiLD,e+DpGgB,uC9D7Ef,oB8DoEF,iBnE5EM,wBARA,6BmEoGJ,WACE,kBACA,UACA,eACA,WACA,YACA,uDACA,sC9D3FF,2B8DoFA,cAUI,SChIN,iBhE4OC,kBACA,iBAGC,eAIC,sCClND,O+DlCF,kBhE4HG,2DC1FD,O+DlCF,gBhEmIG,oCgE1HH,kBACE,cACA,kBACA,cAIF,gBACE,aACA,qC/DgBA,a+DlBF,aAKI,eACA,sBACA,eAKJ,gBAGE,qC/DGA,a+DNF,aAMI,0BACA,sC/DDF,a+DNF,YAWI,uC/DLF,a+DNF,YAcI,kJAIF,oC/DZA,a+DNF,0BAoBM,kBACA,kBACA,uC/DhBJ,a+DNF,yBAyBM,iBAMN,iBACE,wHA/D0B,cAiE1B,cACA,eACA,gBACA,qC/D/BA,c+DyBF,gBASI,qBACA,4BACA,iHAxE8B,sC/DoChC,c+DyBF,WAgBI,eACA,kJAGF,cApBF,SAqBI,eAKJ,aACE,qC/DpDA,a+DmDF,0BAII,sC/DvDF,a+DmDF,gBAQI,kBACA,qBACA,iBAKJ,iBACE,UCpGF,kBACE,eACA,gBAIF,iBjEqOC,kBACA,iBAGC,eAIC,qCClND,egE3BF,aAII,uBACA,2BACA,6BACA,oBAKJ,kBACE,iBACA,mBACA,qChEYA,kBgEfF,2BAMI,4BACA,2BACA,4BACA,wBACA,sChEKF,kBgEfF,2BAcI,uChECF,kBgEfF,yBAkBI,iBACA,mBACA,2BAGF,WACE,kBACA,WACA,MACA,SACA,WACA,YACA,yBACA,2BACA,6BACA,iBAKJ,aAQE,qChE/BA,gBgEuBF,iBrE/BM,wBARA,uCKgBJ,gBgEuBF,wBjEmEG,uCC1FD,gBgEuBF,uBjE0EG,kBiE9DH,iBACE,qChEpCA,gBgEmCF,2BAII,2BACA,sChExCF,gBgEmCF,UASI,eACA,uChE7CF,gBgEmCF,2BAcI,6DhEjDF,gBgEmCF,uCAmBI,2CACA,uChEvDF,gBgEmCF,oBAyBI,8BACA,kCAKJ,qBAEE,qChEpEA,gCgEkEF,yHAtGgC,kBAoHhC,kBACE,MACA,QACA,SACA,OACA,cACA,eACA,6BACA,sCACA,wBAEA,WAEE,kBACA,qBACA,sBACA,WAJyB,sDAOzB,+BACA,0CACA,uBAGF,oCACE,8BAEA,qBACE,0CACA,kBAMN,cAKE,YACA,WACA,YACA,gBACA,wDACA,iCACA,qChE9HA,iBgEmHF,YAEI,yBAWF,YACE,sChEjIF,iBgEsIF,qBjE5CG,uCC1FD,iBgEsIF,oBjErCG,yBiE4CH,GACE,sBACE,KAEF,0BACE,KAEF,sBACE,qCAOF,qCACE,sChE7JF,mCgE+JA,SAEI,uChEjKJ,mCgE+JA,eAKI,sChEpKJ,qCgEuKA,2BAEI,8CAEF,aACE,cACA,YCnNN,UACI,oBAIJ,aACI,kBACA,sCAGA,cACI,mBAKR,OACI,kBACA,yBACA,kBACA,gBACA,2BACA,aACA,mBACA,6BACA,0BAEA,WACI,kBACA,MACA,SACA,QACA,WACA,sBACA,6CACA,0BACA,+BAGJ,yBACI,UACA,wBAKR,qCACI,oCAEA,wBACI,kBAKR,YACI,WACA,yBACA,mBACA,aACA,sBACA,qBAIJ,aACI,UACA,SACA,oBACA,+BACA,iCAEA,kBACI,UACA,cACA,kBACA,kBC7ER,iBnEiPC,kBACA,iBAGC,eAIC,sCClND,iBkEvCF,mBnEiIG,4DC1FD,iBkEvCF,iBnEwIG,2DmEjIF,eACC,iBCLF,aACI,sBACA,mBACA,sBACA,qCnEgCF,gBmEpCF,mBAOQ,mBACA,iCAGJ,eACI,sBAKR,YACI,aACA,wBACA,uBAIJ,OACI,aACA,sBACA,WACA,eACA,kBACA,+BACA,qCnEKF,sBmEZF,iBAUQ,mBACA,eACA,2BAKR,aACI,sBACA,uBACA,MACA,uBAIJ,mBxErBM,yBARA,eAuCmB,gCwEJzB,mBxE3BM,yBARA,awEqCF,yBAGJ,2CACI,qCnEzBF,wBmEwBF,eAIQ,kBCnER,cACE,qCpEsCA,gBoEvCF,eAKI,yBAIJ,kBACE,2BAKA,eAEE,qCpEsBF,sBoE1BF,aASI,2BACA,sBACA,2BAEA,aAEE,iBACA,cACA,sCpESJ,0BoEHE,gBAEE,uCpECJ,0BoEKE,gBAEE,wBAMN,WACE,eACA,qCpEfA,sBoEaF,iBAKI,iBACA,sCpEnBF,sBoEaF,gBAWI,4BACA,cACA,sCpE1BF,sBoEaF,4BAkBI,uCpE/BF,sBoEaF,4BAsBI,kBC5DJ,YjBUC,aiBRC,sBACA,UACA,eACA,YACA,WACA,OACA,MACA,yBACA,oBAGA,6BACA,sCACA,4BACA,sCACA,yCAGA,mBACE,UACA,cACA,qBAGF,UACE,6CAEA,WjBnBH,wBiByBC,cACE,WACA,kBACA,MACA,aACA,YACA,YACA,0BACA,oBACA,UACA,4BACA,wBACA,qBACA,iCACA,gDAEA,UACE,mBACA,sBAUN,iBtEoKC,kBACA,iBAGC,gBAIC,asE1KD,8BACA,mBACA,iBACA,mBACA,uBAGF,aACE,mBACA,eACA,yBAIF,0BACE,kCACA,oBACA,iDAEA,cACE,sBAIJ,iBtE0IC,kBACA,iBAGC,gBAIC,esEhJD,uBAGF,cACE,eACA,6CAIA,yCACE,uBAKJ,e1EzFM,iBARA,a0EmGJ,mBACA,YACA,WACA,oBACA,iCAEA,UACE,iBACA,2BAKJ,iBtE0GC,kBACA,iBAGC,gBAIC,esEhHD,sCrElGA,UsEjCF,kBvE2HG,2DC1FD,UsEjCF,gBvEkIG,oCuE1HH,iBvEmOC,kBACA,iBAGC,eAIC,qCClND,gBsEzBF,aAGI,eACA,sBACA,kBAKJ,gBACE,qCtEcA,gBsEfF,UAII,UACA,QACA,6BAEA,2BAEE,0BADS,oBAQf,kBACI,WACA,SACA,qBACA,gBACA,uHA3C2B,kBAiD/B,cACE,eACA,gBACA,kBACA,MACA,SACA,OACA,QACA,wBACA,sCtEtBA,mBsE0BF,sBvEgEG,uCC1FD,mBsE0BF,qBvEuEG,sCCjGD,mBsE0BF,2BAMI,2BACA,uCtEjCF,mBsE0BF,4BAWI,mBAKJ,iB3ElDM,yBARA,gBAuCmB,a2EsBvB,qBAIF,e3EzDM,iBARA,gBAuCmB,mB2E6BvB,aACA,iBAIF,eACE,mBAIF,eACE,oBAKF,kBAaE,WACA,oCACA,sCtEnFA,mBsEoEF,mBAkBI,sCtEtFF,0BsE0FA,WAEI,cACA,kBACA,OACA,cAzBiB,oBACC,YA2BlB,qCACA,oDACA,0BACA,uCtErGJ,0BsE0FA,WAlB2B,aACC,0BAkCxB,2BAKJ,WACE,cACA,kBACA,WACA,SACA,QACA,cA1CsB,oBACC,qCA4CvB,oDACA,yBACA,sCtE3HF,yBsEgHA,YAlC8B,aACC,2BAiD3B,4CAMF,WACE,cACA,kBACA,WACA,QACA,SACA,OACA,wBACA,qEAKJ,WAEE,qCtErJF,oEsEmJA,QAKI,uCtExJJ,oEsEmJA,SASI,wCAIJ,mBACE,oCAGF,iBACE,qCAGF,UACE,YC7MJ,yBACE,qBAJwB,oBAMxB,kBAIF,iBxEuOC,kBACA,iBAGC,gBAIC,iBwE7OD,mBACA,qCvE0BA,iBuE7BF,4BAMI,oBAKJ,aAKE,qCvEaA,kBuElBF,iB5EUM,wBARA,sCKgBJ,qBuEVF,kB5EEM,eARA,4B4EcJ,eACE,qCvECF,0BuEFA,eAII,eChCN,iBzEwOC,kBACA,iBAGC,gBAIC,eJ1NG,iBARA,kB6EXL,aACA,eACA,8BACA,mBACA,eACA,aACA,sCxEqBC,awE9BF,gBAYE,mBACA,qBAKF,UACC,qCxEWC,uBwEPF,aAEE,kBACA,qBAKF,OACC,eACA,qCxEHC,mBwECF,YAKE,sCxENA,mBwECF,aAQE,gBACA,sBAKF,OACC,eACA,qCxEjBC,oBwEeF,UAKE,uBAKF,eACC,qCxE1BC,qBwEyBF,aAIE,iBACA,SACA,uCxE/BA,UyEnCF,kB1E6HG,2DC1FD,UyEnCF,gB1EoIG,oC0ExHH,iB1EiOC,kBACA,iBAGC,gBAIC,kB0EvOF,cACA,qCzEoBC,gByEvBF,YAME,sCzEiBA,sByEZA,WACC,kBACA,WACA,MACA,SACA,YACA,qBACA,yBACA,2BACA,0BACA,sCzEED,mByEIF,SAEE,sCzENA,kByEWF,gBAGE,gBACA,aACA,sCzEhBA,kByEWF,aASE,gBACA,0BACA,0BACA,mBAKF,mBACC,aACA,iBAID,cACC,oBCtED,mBACC,oBAGD,iBACC,cCLD,iB5E6OC,kBACA,iBAGC,gBAIC,kBJ1NG,cARA,agFhBL,eACA,8BACA,mBACA,eACA,cACA,wCACA,yBAID,aACC,eACA,iBACA,SCbD,iB7E0OC,kBACA,iBAGC,gBAIC,iB6E5OD,sC5E0BA,Q4EhCF,kB7E0HG,2DC1FD,Q4EhCF,gB7EiIG,mC6EvHH,cACE,kBACA,mBAIF,cACE,kBACA,eAIF,aACE,eACA,eACA,eACA,qC5EMA,c4EHE,uBACA,uC5EEF,c4EVF,cAYI,cACA,gBAKJ,UACE,gBACA,qC5EVA,c4EQF,gBAKI,qBACA,sC5EdF,c4EQF,iBAUI,4BACA,uC5EnBF,c4EQF,sBAeI,uC5EvBF,M6ElCF,oB9E4HG,uCC1FD,M6ElCF,kB9EmIG,c8E9HH,iB9EuOC,kBACA,iBAGC,eAIC,qCClND,Y6E7BF,aAGE,2BACA,sBACA,eAKF,gBACC,cACA,uHACA,aAGD,eACC,qC7EYC,a6EPD,uBACC,aAGD,mBACC,2BACA,YACA,6BAMA,kBACC,6BAED,0BACC,cACA,iBAQH,kBAOC,qCACA,iBACA,oBACA,wBACA,qC7E9BC,e6EmBF,iBAcE,mBACA,uC7ElCA,e6EmBF,mBAmBE,iBACA,mBACA,uBAID,WACC,cACA,kBACA,QACA,SACA,cA5BuB,oBACC,YA8BxB,qCACA,oDACA,yBACA,sC7EvDA,qB6E4CD,WArB8B,aACC,0BAoC7B,cC5FH,eACE,sC9E+BA,Y8EhCF,kB/E0HG,2DC1FD,Y8EhCF,gB/EiIG,sC+ExHH,iB/EiOC,kBACA,iBAGC,kB+EnOA,wBACA,qC9EoBA,kB8EvBF,e/E6OI,sCCtNF,kB8EvBF,aAMI,4BACA,oBAKJ,aACE,sBACA,uBACA,uBACA,mBACA,cACA,2BACA,sDrCcc,qCzCVd,kB8EXF,aAWI,sBAIF,UACE,mBAKJ,aACE,eACA,gBACA,QACA,qC9EdA,kB8EUF,aAOI,qBACA,iBArDoB,6CAyDpB,WACE,kBACA,WACA,MACA,aACA,SACA,oBACA,yBACA,2BACA,4BACA,oBAON,UACE,gBACA,yBACA,qC9E1CA,kB8EuCF,uBAMI,WACA,wBC7EJ,kBACC,MACA,QACA,SACA,OACA,UACA,gBACA,oCACA,wCAID,kBAEC,MACA,QACA,SACA,OACA,YACA,gBAID,gBACC,eACA,UACA,0BACA,kCACA,aACA,mBACA,2BACA,yBAID,UACC,8BAxC6B,UA0C7B,oCACA,yBAID,kBACC,SACA,WACA,YACA,UACA,UACA,cACA,mBACA,gBACA,wBACA,SACA,iCACA,+BAKA,wBAjBD,QAkBE,0BACA,cACA,sCACA,0BAID,wBAzBD,uBA0BE,kCACA,wBAMF,6BACC,YACA,cACA,kBACA,OACA,UACA,qBACA,eACA,gBACA,WACA,cACA,wCAQA,UACC,cACA,iDAED,SACC,iDAED,cACC,8BC9GD,gBACC,aACA,iCAEA,cACC,4BACA,+CCCD,aAID,eACC,sBAID,sBACC,yBAGD,eACC,4BAEA,kBACC,qBACA,oBACA,mCAEA,kBtFEG,gBARA,gBsFQF,kBACA,SACA,MACA,yBAKH,gBACC,wBACA,4BAEA,6BACC,kBACA,qBACA,kBACA,mCAEA,iCACC,kBACA,MACA,OACA,cACA,gBACA,kCAOH,aACC,aAID,eACC,yBAGD,gBACC,gBACA,4BAEA,kBACC,kBACA,kBACA,mBACA,etFhDG,aAGE,mCsFgDL,kBtFnDG,gBARA,WsF6DF,YACA,WACA,wBACA,iDACA,kBACA,QACA,MACA,4IAOH,UACC,oBAED,aACC,0BAEA,aACC,0BCnGH,yBACC,uBCwBE,aACC,oBAED,wBACC,yBAJD,aACC,sBAED,wBACC,yBAJD,aACC,sBAED,wBACC,yBAJD,aACC,sBAED,wBACC,wBAJD,aACC,qBAED,wBACC,wBAJD,aACC,qBAED,wBACC,wBAJD,aACC,qBAED,wBACC,qBAJD,UACC,kBAED,qBACC,iBAXD,aACC,cAED,wBACC,gBAJD,aACC,aAED,wBACC,uBAGD,aACC,oBAED,wBACC,uBAJD,aACC,oBAED,wBACC,uBAJD,aACC,oBAED,wBACC,mBAXD,aACC,gBAED,wBACC,mBAJD,aACC,gBAED,wBACC,qBAJD,oBACC,kBAED,+BACC,WC5BJ,sBACE,oBAGF,kBACE,UACA,WACA,YACA,SACA,UACA,mBACA,oDACA,mBACA,eACA,iBAGF,qBACE,sBACA,0BACA,sBAGF,2BACE,qBAGF,0BACE,SAGF,2CzFRM,SyFWN,kBzFHM,eARA,UyFcN,iBzFNM,wBARA,YyFiBN,ezFsByB,eyFnBzB,sCACE,gBC1CD,sCACA,wCACA,yCACA,uCAGA,uCACA,yCACA,0CACA,wCATA,wCACA,0CACA,2CACA,yCAGA,yCACA,2CACA,4CACA,0CATA,yCACA,2CACA,4CACA,0CAGA,0CACA,4CACA,6CACA,2CATA,yCACA,2CACA,4CACA,0CAGA,0CACA,4CACA,6CACA,2CATA,yCACA,2CACA,4CACA,0CAGA,0CACA,4CACA,6CACA,2CATA,yCACA,2CACA,4CACA,0CAGA,0CACA,4CACA,6CACA,2CATA,yCACA,2CACA,4CACA,0CAGA,0CACA,4CACA,6CACA,2CATA,yCACA,2CACA,4CACA,0CAGA,0CACA,4CACA,6CACA,2CATA,yCACA,2CACA,4CACA,0CAGA,0CACA,4CACA,6CACA,4CCGD,clCUC,iBrDyNA,kBACA,iBAGC,gBAIC,euFxOF,OACA,QACA,mBACA,2DtFmBC,gBsFzBF,SASE,wBAKF,aACC,yOAEC,uBCmDA,6CACE,qCACA,iDACA,oCAKF,iCA9CY,kCA8CZ,+BA9CY,qCA8CZ,kCA9CY,sCA8CZ,mCA9CY,yCA8CZ,sCA9CY,2CA8CZ,0DA9CY,4CA8CZ,wDA9CY,+CA8CZ,yDA9CY,0CA8CZ,wDA9CY,2CA8CZ,wDA9CY,8CA8CZ,0DA9CY,0CA8CZ,0DA9CY,2CA8CZ,oDA9CY,8CA8CZ,gDA9CY,0CA8CZ,yDA9CY,2CA8CZ,wDA9CY,8CA8CZ,2DA9CY,2CA8CZ,0DA9CY,4CA8CZ,uDA9CY,+CA8CZ,qDA9CY,2CA8CZ,0DA9CY,4CA8CZ,oDA9CY,+CA8CZ,oDA9CY,0CA8CZ,wDA9CY,2CA8CZ,wDA9CY,8CA8CZ,yDA9CY,0CA8CZ,0DA9CY,2CA8CZ,4DA9CY,8CA8CZ,2DA9CY,+BA8DZ,SACE,6BAGF,4BACE,SACA,kCASF,UACE,0BACA,gCAGF,sCACE,4BACA,uDACA,UACA,cACA,iCAUF,UACE,mBACA,+BAGF,sCACE,UACA,cACA,oCC9IH,UACC,0BACA,kCAGD,sCACC,8BACA,uDACA,UACA,cACA","file":"css/style.css","sourcesContent":[".chocolat-zoomable.chocolat-zoomed {\r\n    cursor: zoom-out;\r\n}\r\n.chocolat-open {\r\n    overflow: hidden;\r\n}\r\n.chocolat-overlay {\r\n    transition: opacity 0.4s ease, visibility 0s 0.4s ease;\r\n    height: 100%;\r\n    width: 100%;\r\n    position: fixed;\r\n    left: 0;\r\n    top: 0;\r\n    z-index: 10;\r\n    background-color: #fff;\r\n    visibility: hidden;\r\n    opacity: 0;\r\n}\r\n.chocolat-overlay.chocolat-visible {\r\n    transition: opacity 0.4s, visibility 0s;\r\n    visibility: visible;\r\n    opacity: 0.8;\r\n}\r\n\r\n.chocolat-wrapper {\r\n    transition: opacity 0.4s ease, visibility 0s 0.4s ease;\r\n    width: 100%;\r\n    height: 100%;\r\n    position: fixed;\r\n    opacity: 0;\r\n    left: 0;\r\n    top: 0;\r\n    z-index: 16;\r\n    color: #fff;\r\n    visibility: hidden;\r\n}\r\n.chocolat-wrapper.chocolat-visible {\r\n    transition: opacity 0.4s, visibility 0s;\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n.chocolat-zoomable .chocolat-img {\r\n    cursor: zoom-in;\r\n}\r\n.chocolat-loader {\r\n    transition: opacity 0.3s;\r\n    height: 32px;\r\n    width: 32px;\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    margin-left: -16px;\r\n    margin-top: -16px;\r\n    z-index: 11;\r\n    background: url(../images/loader.gif);\r\n    opacity: 0;\r\n}\r\n.chocolat-loader.chocolat-visible {\r\n    opacity: 1;\r\n}\r\n\r\n.chocolat-image-wrapper {\r\n    position: fixed;\r\n    width: 0px;\r\n    height: 0px;\r\n    left: 50%;\r\n    top: 50%;\r\n    z-index: 14;\r\n    text-align: left;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n.chocolat-image-wrapper .chocolat-img {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n.chocolat-wrapper .chocolat-left {\r\n    width: 50px;\r\n    height: 100px;\r\n    cursor: pointer;\r\n    background: url(../images/left.png) 50% 50% no-repeat;\r\n    z-index: 17;\r\n    visibility: hidden;\r\n}\r\n\r\n.chocolat-layout {\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n}\r\n.chocolat-image-canvas {\r\n    transition: opacity .2s;\r\n    opacity: 0;\r\n    flex-grow: 1;\r\n    align-self: stretch;\r\n}\r\n.chocolat-image-canvas.chocolat-visible {\r\n    opacity: 1;\r\n}\r\n.chocolat-center {\r\n    flex-grow: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    user-select: none;\r\n}\r\n\r\n.chocolat-wrapper .chocolat-right {\r\n    width: 50px;\r\n    height: 100px;\r\n    cursor: pointer;\r\n    background: url(../images/right.png) 50% 50% no-repeat;\r\n    z-index: 17;\r\n    visibility: hidden;\r\n}\r\n.chocolat-wrapper .chocolat-right.active {\r\n    visibility: visible;\r\n}\r\n.chocolat-wrapper .chocolat-left.active {\r\n    visibility: visible;\r\n}\r\n.chocolat-wrapper .chocolat-top {\r\n    height: 50px;\r\n    overflow: hidden;\r\n    z-index: 17;\r\n    flex-shrink: 0;\r\n}\r\n.chocolat-wrapper .chocolat-close {\r\n    width: 50px;\r\n    height: 50px;\r\n    cursor: pointer;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    background: url(../images/close.png) 50% 50% no-repeat;\r\n}\r\n.chocolat-wrapper .chocolat-bottom {\r\n    height: 40px;\r\n    font-size: 12px;\r\n    z-index: 17;\r\n    padding-left: 15px;\r\n    padding-right: 15px;\r\n    background: rgba(0, 0, 0, 0.2);\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n\r\n}\r\n.chocolat-wrapper .chocolat-set-title {\r\n    display: inline-block;\r\n    padding-right: 15px;\r\n    line-height: 1;\r\n    border-right: 1px solid rgba(255, 255, 255, 0.3);\r\n}\r\n.chocolat-wrapper .chocolat-pagination {\r\n    float: right;\r\n    display: inline-block;\r\n    padding-left: 15px;\r\n    padding-right: 15px;\r\n    margin-right: 15px;\r\n    /*border-right: 1px solid rgba(255, 255, 255, 0.2);*/\r\n}\r\n.chocolat-wrapper .chocolat-fullscreen {\r\n    width: 16px;\r\n    height: 40px;\r\n    background: url(../images/fullscreen.png) 50% 50% no-repeat;\r\n    display: block;\r\n    cursor: pointer;\r\n    float: right;\r\n}\r\n.chocolat-wrapper .chocolat-description {\r\n    display: inline-block;\r\n    flex-grow: 1;\r\n    text-align: left;\r\n}\r\n\r\n/* no container mode*/\r\nbody.chocolat-open > .chocolat-overlay {\r\n    z-index: 15;\r\n}\r\nbody.chocolat-open > .chocolat-loader {\r\n    z-index: 15;\r\n}\r\nbody.chocolat-open > .chocolat-image-wrapper {\r\n    z-index: 17;\r\n}\r\n\r\n/* container mode*/\r\n.chocolat-in-container .chocolat-wrapper,\r\n.chocolat-in-container .chocolat-image-wrapper,\r\n.chocolat-in-container .chocolat-overlay {\r\n    position: absolute;\r\n}\r\n.chocolat-in-container {\r\n    position: relative;\r\n}\r\n\r\n.chocolat-zoomable.chocolat-zooming-in .chocolat-image-wrapper,\r\n.chocolat-zoomable.chocolat-zooming-out .chocolat-image-wrapper {\r\n    transition: width .2s ease, height .2s ease;\r\n}\r\n.chocolat-zoomable.chocolat-zooming-in .chocolat-img,\r\n.chocolat-zoomable.chocolat-zooming-out .chocolat-img {\r\n    transition: margin .2s ease;\r\n}\r\n\r\n/* uncomment to hide controls when zoomed-in*/\r\n/*\r\n.chocolat-zoomable .chocolat-top,\r\n.chocolat-zoomable .chocolat-bottom,\r\n.chocolat-zoomable .chocolat-right,\r\n.chocolat-zoomable .chocolat-left {\r\n    transition: opacity .3s ease, visibility 0s .3s;\r\n   opacity: 1;\r\n}\r\n\r\n.chocolat-zoomable.chocolat-zoomed .chocolat-top,\r\n.chocolat-zoomable.chocolat-zoomed .chocolat-bottom,\r\n.chocolat-zoomable.chocolat-zoomed .chocolat-right,\r\n.chocolat-zoomable.chocolat-zoomed .chocolat-left {\r\n    visibility: hidden;\r\n    opacity: 0;\r\n}\r\n*/\r\n","@import'~chocolat/dist/css/chocolat.css';html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:\"lnum\";box-sizing:border-box}body{font-size:1rem;line-height:1.75;font-family:\"Fira Sans\",sans-serif;position:relative;margin:0;color:#212c52}*{font-family:inherit;line-height:inherit;color:inherit}*,*:before,*:after{box-sizing:inherit}::selection{background:#5fc3e0;color:#fff;text-shadow:none}figure{margin:0}img,svg{vertical-align:middle;border:none;max-width:100%}svg,picture{display:block}input,select,textarea{font-size:16px}a{color:#328dfc;text-decoration-skip-ink:auto}a:not([class]):hover{color:#036dee}h1,h2,h3,h4,h5,h6,hgroup,ul,ol,dd,p,figure,pre,table,fieldset,hr{margin-top:0;margin-bottom:0}hr{border:0;height:0;border-top:1px solid #bfd9ec}h1{font-size:2.5rem;line-height:1.4;font-weight:700}h2{font-size:1.5rem;line-height:1.6666666667;font-weight:700}h3{font-size:1.25rem;line-height:1.4;font-weight:700}h4,h5,h6{font-size:1.125rem;line-height:1.5555555556;font-weight:700}ul,ol{padding:0;margin:0;margin-left:1.125em}dd{margin-left:0}li>ul,li>ol{margin-bottom:0}.l-contain{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12)}@media screen and (min-width: 840px){.l-restrict-narrow{margin-left:auto;margin-right:auto;width:75%;max-width:38em}}@media screen and (min-width: 1152px){.l-restrict-narrow{width:50%}}@media screen and (min-width: 840px){.l-restrict-wide{margin-left:auto;margin-right:auto;width:87.5%}}@media screen and (min-width: 1152px){.l-restrict-wide{width:66.6666666667%}}.c-award{display:flex}@media screen and (min-width: 660px){.c-award{flex-direction:column;align-items:center;text-align:center}}.c-award__image{max-height:72px;margin-right:16px}@media screen and (min-width: 660px){.c-award__image{margin-bottom:16px;max-width:120px;max-height:120px;margin-right:0}}.c-award__name{font-size:0.875rem;line-height:2;font-weight:600;width:100%}@media screen and (min-width: 500px){.c-award__name{font-size:1rem;line-height:1.75}}@media screen and (min-width: 1300px){.c-award__name{font-size:1.125rem;line-height:1.5555555556}}.c-button{font-size:1rem;line-height:1.75;font-weight:600;line-height:1;display:inline-flex;align-items:center;padding:16px 0;background-color:#5fc3e0;border:none;border-radius:500px;color:#fff;text-decoration:none;cursor:pointer;position:relative;overflow:hidden}.c-button:disabled{opacity:.5;cursor:not-allowed}.c-button::before,.c-button::after{content:\"\";position:absolute;top:-50%;left:-140%;width:120%;height:100px;background-color:rgba(0,105,179,.8);z-index:0;transform:skew(-24.228deg);transition:all 550ms cubic-bezier(0.32, 0.71, 0.07, 1.06)}.c-button::before{transition-delay:.1s;background-color:rgba(0,162,218,.8)}.c-button:hover::before{opacity:1;transition-delay:0s;transform:translateX(110%) skew(-24.228deg)}.c-button:hover::after{opacity:1;transition-delay:.2s;transform:translateX(110%) skew(-24.228deg)}.c-button__text{position:relative;z-index:1;padding:0 24px;text-align:center}.c-button--icon .c-button__text{padding-right:16px}.c-button__icon{display:none;position:relative;top:0;left:-4px;margin-right:15px;transition:transform .3s}.c-button:hover:not(:disabled) .c-button__icon{transform:translateX(4px)}.c-button__icon:first-child{margin-right:0;margin-left:15px}.c-button--icon .c-button__icon{display:block}.c-button--dark{background-color:#212c52}.c-card{width:100%;max-width:360px;display:flex;flex-direction:column}.c-card[href]{text-decoration:none}.c-card__image{border-radius:500px;width:144px;height:144px;margin-left:48px;position:relative;z-index:1;overflow:hidden;background-color:#cce1f0}.c-card__body{flex:auto;display:flex;flex-direction:column;position:relative;z-index:0;margin-top:-72px;padding:112px 48px 48px;background-color:#edf7fa;transition:all 150ms linear}@media screen and (max-width: 559px){.c-card__body{padding:112px 24px 24px}}.c-card[href]:hover .c-card__body{background-color:#def0f6;box-shadow:0 1.9px 2.7px -8px rgba(0,0,0,.019),0 4.9px 6.9px -8px rgba(0,0,0,.029),0 9.9px 14.2px -8px rgba(0,0,0,.037),0 20.4px 29.2px -8px rgba(0,0,0,.047),0 56px 80px -8px rgba(0,0,0,.07)}.c-card--has-no-image .c-card__body{margin-top:0;padding:48px}@media screen and (max-width: 559px){.c-card--has-no-image .c-card__body{padding:24px}}.c-card__header{margin-bottom:16px}.c-card__title{font-size:1.25rem;line-height:1.4;color:#0069b3}.c-card__title--dark{color:#212c52}.c-card__subtitle{font-size:0.875rem;line-height:2;color:#0069b3}.c-card__content{color:#212c52}.c-card__content:not(:last-child){margin-bottom:16px}.c-card__content--quote{quotes:\"“\" \"”\"}.c-card__content--quote::before{content:open-quote}.c-card__content--quote::after{content:close-quote}.c-card__action{margin-top:auto}.c-card--center{text-align:center}.c-card--center .c-card__image{margin:auto}.c-close{position:relative;display:flex;justify-content:center;align-items:center;align-self:center;width:40px;height:40px;padding:0;background:none;border:none;outline:none;cursor:pointer;transition:transform 180ms ease-out}.c-close:focus{box-shadow:0 0 3px 2px #fff}.c-close:after,.c-close:before{content:\"\";position:absolute;top:20px;right:20%;left:20%;height:3px;margin-top:-2px;pointer-events:none;background:#fff;border-radius:3px}.c-close:before{transform:rotate(45deg)}.c-close:after{transform:rotate(-45deg)}.c-close:hover{transform:scale(1.2)}.c-checkbox{display:flex;justify-content:space-between;align-items:flex-start}.c-checkbox__input{margin:4px 0 0;width:14px}.c-checkbox__text{width:calc(100% - 28px)}.c-customer-logo-slider{display:grid;grid-template-columns:80px 1fr 80px;align-items:center}.ie .c-customer-logo-slider{grid-template-columns:1fr calc(100% - 120px) 1fr}.c-customer-logo-slider__container{grid-column:2;position:relative;width:100%;height:96px;opacity:1;transition:opacity .3s}.c-customer-logo-slider__container.is-loading{opacity:0}.c-customer-logo-slider__button{position:relative;grid-column:1;grid-row:1;flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;color:#5fc3e0;background-color:transparent;border:1px solid currentColor;border-radius:500px;transition:all 150ms linear;cursor:pointer}.ie .c-customer-logo-slider__button{margin-top:15px}@media screen and (min-width: 850px){.c-customer-logo-slider__button{width:48px;height:48px}}.c-customer-logo-slider__button:hover{color:#edf7fa}.c-customer-logo-slider__button:focus{outline:none}.c-customer-logo-slider__button.previous{grid-column:1}.c-customer-logo-slider__button.next{grid-column:3;justify-self:end}.c-customer-logo-slider-button__icon{position:relative}.previous .c-customer-logo-slider-button__icon{top:-3px}.next .c-customer-logo-slider-button__icon{top:-1px}.c-customer-logo-slider__placeholder{width:21%}.c-customer-logo-slider__placeholder:before{content:\"\";display:block;width:100%;height:0;padding-bottom:50%}.c-customer-logo-slider__item{position:absolute;height:100%;top:0;left:0;opacity:0;display:block;width:21%;transition:left 750ms,opacity 750ms,transform 750ms;transition-timing-function:cubic-bezier(0.5, 0, 0, 1)}.c-customer-logo-slider__item.is-hidden{pointer-events:none}.c-customer-logo-slider__item--position-1{opacity:1}.c-customer-logo-slider__item--position-5{left:100%;pointer-events:none;opacity:0;transform:scale3d(0, 0, 1)}.c-customer-logo-slider__item--position-2{left:26.3333333333%;opacity:1}.c-customer-logo-slider__item--position-3{left:52.6666666667%;opacity:1}.c-customer-logo-slider__item--position-4{left:79%;opacity:1}.c-customer-logo-slider__item--pre-previous{left:-21%;pointer-events:none;transform:scale3d(0, 0, 0)}.c-customer-logo-slider__item--pre-next{left:106.25%;pointer-events:none;transform:scale3d(0, 0, 0)}.c-customer-logo-slider__logo{width:128px;height:96px;background-position:center;background-size:contain;background-repeat:no-repeat;transition:all .4s}@media screen and (max-width: 879px){.c-customer-logo-slider{grid-template-columns:64px 1fr 64px}.c-customer-logo-slider__placeholder{width:29%}.c-customer-logo-slider__item{width:29%}.c-customer-logo-slider__item--position-2{left:35.5%}.c-customer-logo-slider__item--position-3{left:71%}.c-customer-logo-slider__item--position-4{left:100%;pointer-events:none;opacity:0;transform:scale3d(0, 0, 0)}}@media screen and (max-width: 549px){.c-customer-logo-slider{grid-template-columns:40px 1fr 40px}.c-customer-logo-slider__placeholder{width:46%}.c-customer-logo-slider__item{width:46%;pointer-events:none;opacity:0}.c-customer-logo-slider__logo{width:auto}.c-customer-logo-slider__item--position-1{opacity:1}.c-customer-logo-slider__item--position-3,.c-customer-logo-slider__item--position-4,.c-customer-logo-slider__item--position-5{left:100%;opacity:0;transform:scale3d(0, 0, 0)}.c-customer-logo-slider__item--position-2{left:54%;opacity:1}}.c-file-upload__main{position:relative;margin-bottom:16px}.c-file-upload__input{opacity:0;position:absolute;top:0;left:0}.c-file-upload__button{font-size:0.875rem;line-height:2;font-weight:500;display:inline-flex;align-items:center;border-radius:500px;justify-content:center;color:#fff;background-color:transparent;border:1px solid #fff;margin-right:8px;padding:8px 16px;text-transform:uppercase;position:relative;overflow:hidden;cursor:pointer;text-decoration:none;transition:all 150ms}.c-file-upload__button:hover{opacity:.7}.c-file-upload__list{margin:16px 0;list-style:none;overflow:hidden}.c-file-upload__list>li{display:flex;justify-content:flex-start;align-items:center;border-bottom:1px solid #fff;padding:4px 0;animation:expand .5s ease-in-out}.c-file-upload__list>li::before{content:\"\";display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;background:url(\"/img/file.svg\") no-repeat}.c-file-upload__list>li>button{font-size:24px;line-height:16px;color:#fff;margin-left:auto;border:none;background-color:transparent;cursor:pointer;outline:none;transition:color 150ms linear}.c-file-upload__list>li>button:hover{color:red}.c-file-upload__list>li>button::before{content:\"×\"}.c-file-upload__note{color:#fff}@keyframes expand{from{transform:translateX(-100%);transform-origin:top;opacity:0;background:hotpink}}.c-flash-message-container{position:relative}.c-flash-message{border-radius:8px;position:absolute;bottom:-80%;left:50%;display:inline-block;white-space:nowrap;padding:5px 15px;background-color:#328dfc;font-size:.6rem;line-height:1;font-weight:700;text-transform:uppercase;color:#fff;opacity:0;transform:translate3d(-50%, -5px, 0);transition-property:opacity,transform;transition-duration:.3s}.c-flash-message::after{content:\"\";position:absolute;top:-8px;left:calc(50% - 7.5px);display:block;width:0;height:0;border-style:solid;border-width:0 7.5px 8px 7.5px;border-color:transparent transparent #328dfc transparent}.c-flash-message.clicked{opacity:1;transform:translate3d(-50%, 0, 0)}.c-form-element--honey{position:fixed;top:-100px;height:20px;width:100%}.c-form-element__error{display:none;border-radius:4px;font-size:0.875rem;line-height:2;margin-top:4px;padding:2px 8px;color:rgba(248,205,107,.9)}.c-form-element__error:not(:empty){display:block}.c-form-element__label{order:1;padding-left:16px;padding-bottom:8px}p.c-form-element__label{margin:0}.c-form-feedback{margin:0 0 8px;padding:24px 32px;background-color:#fef5e1;border:1px solid #f8cd6b;border-radius:4px;font-size:0.875rem;line-height:2;color:#212c52}.c-form-feedback:not(:empty){display:block}.c-form-feedback:before{content:attr(data-feedback);display:inline-block;margin-left:-16px;margin-bottom:8px;font-weight:700;color:#da9b0c}.c-form-feedback li::first-letter{text-transform:uppercase}.c-ghost-button{font-size:1rem;line-height:1.75;font-weight:600;line-height:1;display:inline-flex;align-items:center;padding:calc(15px) 0;background-color:transparent;color:#5fc3e0;border:1px solid currentColor;border-radius:500px;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:all 300ms linear}.c-ghost-button:disabled{opacity:.5;cursor:not-allowed}.c-ghost-button::before,.c-ghost-button::after{content:\"\";position:absolute;top:-50%;left:-140%;width:120%;height:100px;background-color:rgba(237,247,250,.5);z-index:0;transform:skew(-24.228deg);transition:all 550ms cubic-bezier(0.32, 0.71, 0.07, 1.06)}.c-ghost-button::before{transition-delay:.1s;background-color:rgba(237,247,250,.5)}.c-ghost-button:hover::before{opacity:1;transition-delay:0s;transform:translateX(110%) skew(-24.228deg)}.c-ghost-button:hover::after{opacity:1;transition-delay:.2s;transform:translateX(110%) skew(-24.228deg)}.c-ghost-button__text{position:relative;z-index:1;padding:0 24px;text-align:center;transition:color .2s linear}.c-ghost-button--icon .c-ghost-button__text{padding-right:16px}.c-ghost-button:hover:not(:disabled) .c-ghost-button__text{color:#212c52}.c-ghost-button__icon{display:none;position:relative;top:0;left:-4px;margin-right:15px;transition:transform .3s}.c-ghost-button:hover:not(:disabled) .c-ghost-button__icon{transform:translateX(4px)}.c-ghost-button__icon:first-child{margin-right:0;margin-left:15px}.c-ghost-button--icon .c-ghost-button__icon{display:block}.c-google-maps{position:relative;width:100%;height:0;padding-bottom:50%}.c-google-maps__map{position:absolute;left:0;top:0;width:100%;height:100%}.c-hamburger{display:flex;justify-content:center;align-self:center;position:relative;width:40px;height:40px;padding:0;color:#fff;background:none;border:none;outline:none;cursor:pointer}.c-hamburger:focus{box-shadow:0 0 3px 2px #328dfc}.c-hamburger.is-light{color:#fff}.c-hamburger>span{position:absolute;top:20px;right:20%;left:20%;height:3px;margin-top:-2px;pointer-events:none;background:currentColor;border-radius:3px;transform-origin:right;transition-property:transform;transition-duration:150ms;transition-timing-function:ease-out;transition-delay:100ms}.c-hamburger>span:nth-child(1){top:12px;transform:scaleX(0.8)}.c-hamburger>span:nth-child(3){top:28px;transform:scaleX(0.5)}.c-hamburger:hover>span{transform:scaleX(0.8)}.c-hamburger:hover>span:nth-child(1),.c-hamburger:hover>span:nth-child(3){transform:scaleX(1)}.is-overlay-menu-active .c-hamburger>span{transform:scaleX(1) !important}.is-overlay-menu-active .c-hamburger>span:nth-child(1){transform:translateY(3px) scaleX(1) !important;transition-delay:0s}.is-overlay-menu-active .c-hamburger>span:nth-child(3){transform:translateY(-3px) scaleX(1) !important;transition-delay:0s}.c-icon-button{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;color:#328dfc;border:1px solid rgba(50,141,252,.3);border-radius:100%;transition-property:color,background-color,border,box-shadow;transition-duration:.25s;outline:none}.c-icon-button:hover{color:#fff;background-color:#328dfc;border-color:transparent;cursor:pointer}.c-icon-button:active{background-color:#0360d0;color:#fff}.c-icon-button:focus{box-shadow:0 1px 6px 0 rgba(0,0,0,.2)}.c-icon-button[data-icon-direction=reverse]{transform:rotate(0.5turn)}.c-input{font-size:1rem;line-height:1.75;width:100%;padding:8px 24px;border-radius:500px;border:none;outline:none;color:#212c52}.has-error .c-input{box-shadow:0 0 7px -3px #328dfc;border-color:#328dfc}.c-input::placeholder{color:rgba(33,44,82,.5)}.c-input:focus{box-shadow:0 0 7px -3px rgba(50,141,252,.75);border-color:#328dfc}.c-input:focus::placeholder{color:rgba(33,44,82,.2)}textarea.c-input{border-radius:8px;display:block;height:auto;line-height:24px;resize:vertical}input[type=range].c-input-range{-webkit-appearance:none;width:100%;margin:9px 0}input[type=range].c-input-range:focus{outline:none}input[type=range].c-input-range::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;box-shadow:0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0);background:#bfd9ec;border-radius:0;border:0 solid rgba(255,255,255,0)}input[type=range].c-input-range::-webkit-slider-thumb{box-shadow:0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0);border:4px solid #0069b3;height:20px;width:20px;border-radius:10px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-9px}input[type=range].c-input-range:focus::-webkit-slider-runnable-track{background:#bfd9ec}input[type=range].c-input-range::-moz-range-track{width:100%;height:2px;cursor:pointer;box-shadow:0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0);background:#bfd9ec;border-radius:0;border:0 solid rgba(255,255,255,0)}input[type=range].c-input-range::-moz-range-thumb{box-shadow:0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0);border:4px solid #0069b3;height:20px;width:20px;border-radius:10px;background:#fff;cursor:pointer}input[type=range].c-input-range::-ms-thumb{box-shadow:0 0 0 rgba(0,0,0,0),0 0 0 rgba(0,0,0,0);border:2px solid #fff;border-radius:5px;background-color:#fff;cursor:pointer;width:10px;height:10px;margin-top:0}input[type=range].c-input-range::-webkit-slider-runnable-track{background:#87d2e8;border-color:rgba(0,105,179,0)}input[type=range].c-input-range::-webkit-slider-thumb{border-color:#fff;background:#0069b3}input[type=range].c-input-range:focus::-webkit-slider-runnable-track{background:#87d2e8}input[type=range].c-input-range::-moz-range-track{background:#87d2e8;border-color:rgba(0,105,179,0)}input[type=range].c-input-range::-moz-range-thumb{border-color:#fff;background:#0069b3}input[type=range].c-input-range::-ms-fill-lower{background:#87d2e8;border-color:rgba(0,105,179,0)}input[type=range].c-input-range::-ms-fill-upper{background:#87d2e8;border-color:rgba(0,105,179,0)}input[type=range].c-input-range::-ms-thumb{border-color:#87d2e8;background:#0069b3}input[type=range].c-input-range:focus::-ms-fill-lower{background:#87d2e8}input[type=range].c-input-range:focus::-ms-fill-upper{background:#0069b3}.c-image{display:block}.c-image>img{display:block;position:relative;width:100%;min-height:130px;text-align:center}.c-image>img:before{border-radius:4px;font-size:0.875rem;line-height:2;content:\"We're sorry, this image is broken :(\";display:block;position:absolute;top:-10px;left:0;height:calc(100% + 20px);width:100%;padding:15px;background-color:#fff;background-image:url(/img/kms/dynamic/image.svg);background-repeat:no-repeat;background-position:bottom 20px center;background-size:130px;border:2px solid #fff}.c-image__placeholder{display:block;width:100%;height:0;padding-bottom:66.67%;background-color:#fff;background-image:url(\"/img/kms/dynamic/image.svg\");background-repeat:no-repeat;background-position:center;background-size:200px auto;border:1px solid rgba(135,210,232,.3);border-radius:16px}.c-image__placeholder--video{padding-bottom:calc(100% / 16 * 9);background-image:url(\"/img/kms/dynamic/video-block.svg\")}.c-language{position:relative}.c-language__button{font-family:\"Fira Sans\",sans-serif;display:flex;align-items:center;position:relative;z-index:2;height:40px;padding:0;background-color:transparent;color:#5fc3e0;text-align:left;border:none;appearance:none;cursor:pointer;transition:color .15s}.c-language__button:focus,.c-language__button:hover{outline:none;color:#fff}.c-language__dropdown{font-family:\"Fira Sans\",sans-serif;border-radius:8px;position:absolute;left:-16px;top:100%;margin:0;padding:8px 0;list-style:none;background-color:#bfd9ec;box-shadow:0 0 12px 1px rgba(0,0,0,.2);transform:translate3d(0, -5px, 0);opacity:0;pointer-events:none;overflow:hidden;transition:opacity .3s,transform .3s}.c-language:hover .c-language__dropdown{opacity:1;pointer-events:auto;transform:translate3d(0, 0, 0)}.c-language__link{display:flex;align-items:center;padding:6px 16px;text-decoration:none;color:#212c52;background-color:transparent;transition:background-color .3s}.c-language__link:hover{color:#212c52;background:linear-gradient(rgba(33, 44, 82, 0.15), rgba(33, 44, 82, 0.15))}.c-language__label{font-size:1rem;line-height:1.75;text-transform:uppercase;flex:none;margin-right:8px}.c-language__flag{flex:none;display:block;max-width:none;transform:translateY(1px)}.c-language--to-top .c-language__dropdown{top:auto;bottom:100%;transform:translate3d(0, 5px, 0)}.c-nav{display:flex;justify-content:flex-start;align-items:center}.c-nav__list{display:none}@media screen and (min-width: 1024px){.c-nav__list{display:flex;justify-content:center;align-items:center;height:100%;padding:0;list-style:none;margin:0 auto}}.c-nav__item{position:relative;display:flex;justify-content:center;align-items:center;flex:1 0 auto;margin-top:0}.c-nav__item+.c-nav__item{margin-left:30px}.c-nav__label{display:flex;align-items:center;padding:8px 0;color:#fff;cursor:pointer;text-decoration:none}.c-nav__label::after{content:\"\";display:block;width:10px;height:5px;margin-left:8px;background-image:url(\"/img/icons/arrow-dropdown.svg\")}.c-nav__label.is-active{color:#5fc3e0}.c-nav__link{display:inline-block;padding:8px 0;color:#fff;text-decoration:none;transition:color 100ms linear}.c-nav__link:hover{color:rgba(255,255,255,.6)}.is-active .c-nav__link{color:#5fc3e0}.c-nav__icon{margin-left:7px;color:#328dfc}.c-nav__actions{display:flex;justify-content:center;align-items:center;list-style:none;margin:0 0 0 32px}.c-options-menu{list-style:none;margin-left:0}@media screen and (max-width: 839px){.c-options-menu{display:flex;justify-content:space-between}}@media screen and (min-width: 840px){.c-options-menu__segment+.c-options-menu__segment{margin-top:50px}}.c-options-menu__label{font-size:0.875rem;line-height:2;margin-bottom:10px;color:#edf7fa}@media screen and (max-width: 839px){.c-options-menu__segment:last-child .c-options-menu__label{text-align:right}}.c-pagination{display:flex;justify-content:center;align-items:center;list-style:none;margin-left:0}.c-pagination__item{display:flex;justify-content:center;align-items:center;font-size:0.875rem;line-height:2;color:rgba(139,207,255,.5)}.c-pagination__link{border-radius:4px;padding:8px;color:rgba(0,105,179,.5);text-decoration:none;transition:color .2s,background-color .2s}.c-pagination__link:link:hover{color:#212c52;background:#fff}.c-pagination__link.is-active{font-weight:bold;color:#328dfc;cursor:default}.c-pagination__prev,.c-pagination__next{display:flex;justify-content:center;margin-left:16px;padding:8px;transition:color .2s}.c-pagination__prev{transform:rotate(0.5turn);margin-left:0;margin-right:16px}.c-partner-card{width:100%;max-width:360px;display:flex;flex-direction:column}.c-partner-card__image{border-radius:16px;display:flex;align-items:center;justify-content:center;width:160px;height:128px;margin-left:48px;position:relative;z-index:1;overflow:hidden;background-color:#fff;border:1px solid rgba(33,44,82,.32)}.c-partner-card__image svg{width:100%}.c-partner-card__image svg path,.c-partner-card__image svg polyline{fill:#0069b3}.c-partner-card__body{flex:auto;display:flex;flex-direction:column;position:relative;z-index:0;margin-top:-64px;padding:104px 48px 48px;background-color:#edf7fa;transition:all 150ms linear}@media screen and (max-width: 559px){.c-partner-card__body{padding:104px 24px 24px}}.c-partner-card__header{margin-bottom:16px}.c-partner-card__title{font-size:1.25rem;line-height:1.4;color:#212c52;margin-bottom:16px}.c-partner-card__content{color:#212c52}.c-person{max-width:256px;margin:0 auto;text-align:center}.c-person__figure{background:url(\"/img/person-image-border.svg\") no-repeat center center/100% 100%;padding:4%;margin-bottom:24px}.c-person__image{display:inline-block;border-radius:500px;color:#212c52;background-color:#edf7fa}.c-person__name{font-size:1.125rem;line-height:1.5555555556;font-weight:700;color:#212c52}@media screen and (max-width: 559px){.c-person__name{font-size:1rem;line-height:1.75}}.c-person__function{font-size:0.875rem;line-height:2;font-weight:400;color:#0069b3}.c-person__desc span{font-weight:400}.c-projector{position:relative;height:100%}.c-projector__figure{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;height:100%}.c-projector__picture{grid-column:1;grid-row:1;align-self:end;height:100%;display:block;background-color:#fff;opacity:0;transition:opacity .5s}.c-projector__picture.is-active{opacity:1}.c-projector__img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 839px){.c-projector__img{max-height:78vh}}.c-projector__control{position:relative;z-index:2;grid-column:1;grid-row:1;align-self:end;margin-bottom:8px;margin-right:8px;display:flex;justify-content:center;align-items:center}.c-projector__button{display:flex;justify-content:center;align-items:center;margin:5px;padding:10px;color:#328dfc;background:#fff;border:1px solid #fff;border-radius:100%;cursor:pointer;transition-property:background-color,border,box-shadow;transition-duration:.25s;outline:none}.c-projector__button:hover{color:#fff;background-color:#328dfc;border-color:transparent;cursor:pointer}.c-projector__button:active{background-color:#0360d0;color:#fff}.c-projector__button:focus{box-shadow:0 1px 6px 0 rgba(0,0,0,.2)}.c-projector__button.previous{transform:rotate(0.5turn)}.c-projector__arrow{display:flex;justify-content:center;align-items:center;height:16px;font-size:0;line-height:0}.c-radio-list{margin-left:0;list-style:none;display:flex;flex-direction:column}.c-radio-list__item{display:flex;margin-top:2px}.c-radio-list__item>input{flex:none;margin-right:8px;margin-top:4px}.c-range-sliders__row{display:flex;flex-wrap:wrap}.c-range-sliders__row+.c-range-sliders__row{margin-top:16px}.c-range-sliders__label{flex:none;width:100%;color:#0069b3}.c-range-sliders__meter{flex:auto;margin-top:8px;margin-bottom:8px;margin-right:40px;align-self:center}.c-range-sliders__details{font-size:1rem;line-height:1.75;flex:none;display:flex;align-items:center;margin:0 0 0 auto}.c-range-sliders__value{width:120px;padding:10px 24px;border-radius:500px;border:1px solid #0069b3;background-color:#fff;outline:none;text-align:right;font-variant-numeric:tabular-nums}.c-range-sliders__unit{color:#0069b3;margin-left:8px;width:64px}.c-range-sliders__action{margin-top:32px}.c-range-sliders--on-dark .c-range-sliders__label{color:#fff}.c-range-sliders--on-dark .c-range-sliders__unit{color:#fff}@media screen and (max-width: 599px){.c-range-sliders__row{align-items:baseline}.c-range-sliders__meter{order:1;margin-right:0;width:100%}.c-range-sliders__label{order:2;width:50%}.c-range-sliders__details{order:3;width:50%;flex-wrap:wrap;justify-content:center}.c-range-sliders__unit{text-align:center;margin-left:0;width:100%}}.c-select{position:relative}.c-select__field{font-size:1rem;line-height:1.75;width:100%;padding:7px 16px;border:1px solid #5fc3e0;border-radius:500px;appearance:none;outline:none;color:#212c52}.has-error .c-select__field{box-shadow:0 0 7px -3px #328dfc;border-color:#328dfc}.c-select__field:focus{box-shadow:0 0 7px -3px rgba(50,141,252,.75);border-color:#328dfc}.c-select__drop-down{position:absolute;right:10px;top:50%;width:0;height:0;border-style:solid;border-width:5px 4px 0 4px;border-color:#5fc3e0 transparent transparent transparent;transform:translateY(-50%)}.c-servicepoint{display:inline-flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;text-align:left;margin-top:-16px}.c-servicepoint__image{margin-top:16px;margin-right:16px;border-radius:100%;max-width:176px}@media screen and (max-width: 539px){.c-servicepoint__image{width:96px}}.c-servicepoint__content{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:grid;grid-template-rows:1fr auto 1fr;flex-grow:9999;min-width:180px;margin-top:16px}.c-servicepoint__header{grid-row:1;align-self:end}.c-servicepoint__body{grid-row:2;margin:8px 0}.c-servicepoint__footer{grid-row:3}.c-servicepoint__heading{font-size:1rem;line-height:1.75;color:#212c52;border-radius:100%}.c-servicepoint__subheading{font-size:0.875rem;line-height:2;color:#212c52}.c-share__list{display:inline-flex;flex-direction:column;list-style:none;margin:0}@media screen and (max-width: 839px){.c-share__list{display:flex}}@media screen and (max-width: 839px){.c-share__item+.c-share__item{margin-left:4vw}}@media screen and (min-width: 840px){.c-share__item+.c-share__item{margin-top:15px}}.c-sitemap{font-size:1.25rem;line-height:1.4}.c-sitemap__item{margin-bottom:8px}.c-sitemap__link{color:#212c52;text-decoration:none}.c-sitemap__link:hover{color:#0069b3}.c-slide-indicator{display:flex;justify-content:flex-end;align-items:center}.c-slide-indicator__button{position:relative;display:inline-block;width:30px;height:30px;background-color:transparent;border:none;cursor:pointer;transition-property:background-color,opacity;transition-duration:250ms}.c-slide-indicator__button:focus{outline:none}.c-slide-indicator__button:hover:not(.is-active),.c-slide-indicator__button:focus:not(.is-active){opacity:.5}.c-slide-indicator__button:before,.c-slide-indicator__button:after{content:\"\";position:absolute;background-clip:content-box;transition-property:transform,background-color,opacity;transition-duration:.3s;transition-timing-function:ease-in-out;border-radius:100%}.c-slide-indicator__button:before{top:calc((30px - 8px) / 2);right:calc((30px - 8px) / 2);bottom:calc((30px - 8px) / 2);left:calc((30px - 8px) / 2);background-color:#fff}.c-slide-indicator__button:after{top:calc((30px - 12px) / 2);right:calc((30px - 12px) / 2);bottom:calc((30px - 12px) / 2);left:calc((30px - 12px) / 2);border:1px solid #fff;transform:scale(1.4);opacity:0}.c-slide-indicator__button.is-active:before{background-color:#5fc3e0;border-color:rgba(255,255,255,.9);transform:scale(0.75)}.c-slide-indicator__button.is-active:after{opacity:.9;transform:scale(1)}.c-slide-indicator__button:focus{opacity:1 !important}.c-slide-indicator__button:focus:before{box-shadow:0 0 0 2px #5fc3e0,0 0 10px 1px #fff}.c-slide-indicator__button:focus:after{box-shadow:0 0 0 2px #5fc3e0,0 0 10px 1px #fff}.c-star{padding:0 2px;color:#fff;line-height:0}.c-star .half-star{display:none}.c-star .full-star{display:none}.c-star--full .full-star{display:block}.c-star--half .half-star{display:block}.c-subnav{border-radius:8px;opacity:0;pointer-events:none;list-style:none;margin-left:0;position:absolute;top:100%;right:-8px;padding:24px;background-color:#bfd9ec;transform:translateY(-8px);transition:opacity 150ms linear,transform 150ms ease-out}.c-nav__item.has-sub:hover .c-subnav{opacity:1;pointer-events:all;transform:none}.c-subnav__item{text-align:right}.c-subnav__link{display:inline-block;padding:8px 0;color:#212c52;text-decoration:none;white-space:nowrap;transition:color 100ms linear}.c-subnav__link:hover{color:rgba(33,44,82,.6)}.is-active .c-subnav__link{color:#0069b3}.c-testimonial-slider__body{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 519px){.c-testimonial-slider__body{margin-left:-4.1666666667%;margin-right:-4.1666666667%}}.c-testimonial-slider__button{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:#5fc3e0;background-color:transparent;border:1px solid currentColor;border-radius:500px;transition:all 150ms linear;cursor:pointer}.c-testimonial-slider__button:hover{color:#2499bb}.c-testimonial-slider__button:active{color:#212c52}.c-testimonial-slider__button:focus{outline:none}@media screen and (max-width: 519px){.c-testimonial-slider__button{z-index:1;margin-right:-24px}.c-testimonial-slider__button:last-child{margin-left:-24px;margin-right:0}}.c-testimonial-slider__tray{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;overflow-x:hidden;width:360px}.c-testimonial-slider__item{grid-row:1;grid-column:1;flex:none;display:flex;justify-content:center;width:100%;padding:0 16px;opacity:0;animation:none;transition:all 300ms ease-in-out}.c-testimonial-slider__item.is-previous{transform:translateX(-100%)}.c-testimonial-slider__item.is-next{transform:translateX(100%)}.c-testimonial-slider__item.is-active{opacity:1;transform:none}.c-testimonial-slider__footer{display:flex;justify-content:center;margin-top:48px}.c-text-button{display:inline-flex;align-items:center;color:#212c52;padding:0;background-color:transparent;border:none;cursor:pointer;text-decoration:none;transition:color .3s}.c-text-button:hover{color:#5fc3e0}.c-text-button__text{font-size:1.125rem;line-height:1.5555555556;font-weight:700}.c-text-button__icon{display:none;position:relative;margin-left:8px;transition:transform .3s}.c-text-button:hover .c-text-button__icon{transform:translateX(4px)}.c-text-button--icon .c-text-button__icon{display:block}.c-text-button--on-dark{color:#5fc3e0}.c-text-button--on-dark:hover:not(:disabled){color:#edf7fa}.c-text-button--reversed{flex-direction:row-reverse}.c-text-button--reversed .c-text-button__icon{margin-left:0;margin-right:8px;transform:rotate(0.5turn)}.c-text-button--reversed:hover .c-text-button__icon{transform:translateX(-4px) rotate(0.5turn)}.c-text-icon[data-icon]{display:flex;align-items:center}.c-text-icon[data-icon]::before{content:\"\";width:24px;height:24px;display:block;background-repeat:no-repeat;margin-right:8px}.c-text-icon[data-icon~=phone]::before{background-image:url(\"/img/icons/phone.svg\")}.c-text-icon[data-icon~=mail]::before{background-image:url(\"/img/icons/mail.svg\")}.c-text-icon[data-icon~=pdf]::before{background-image:url(\"/img/icons/pdf.svg\")}.c-thumbnail__link{display:block;text-decoration:none;width:100%}.c-thumbnail__frame{position:relative;width:100%;padding-bottom:66.67%;height:0;overflow:hidden}.c-thumbnail__frame.has-hover-effect{position:relative}.c-thumbnail__frame.has-hover-effect::after{content:\"\";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(rgba(50, 141, 252, 0.2), rgba(50, 141, 252, 0.6));opacity:0;transition-property:opacity;transition-duration:.4s}.c-thumbnail__link:hover .c-thumbnail__frame.has-hover-effect::after{opacity:1}.c-thumbnail__image{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;background-size:cover;background-repeat:no-repeat;background-position:50%}.c-thumbnail__frame.has-hover-effect .c-thumbnail__image{transform:scale(1);transition-property:transform,filter;transition-duration:.4s}.c-thumbnail__link.has-hover:hover .c-thumbnail__image{transform:scale(1.06);filter:saturate(0%)}.c-thumbnail__content{margin-top:20px}.c-thumbnail__caption{font-size:1.125rem;line-height:1.5555555556;color:#212c52;transition:color .25s}.c-thumbnail__button{margin-top:30px}.c-thumbnail--pop .c-thumbnail__frame{border-radius:16px;box-shadow:0 20px 30px -10px rgba(0,0,0,.2);overflow:hidden}.c-thumbnail--pop .c-thumbnail__content{margin-top:30px}.c-thumbnail__link[href]:hover .c-thumbnail__caption{color:#328dfc}.c-trademark{display:inline-flex;align-items:center;font-size:0.875rem;line-height:2;color:#5fc3e0;text-decoration:none;transition:color .15s ease-in-out}.c-trademark:hover{color:#5fc3e0}.c-trademark:hover .komma-emblem{transform-origin:12px 12px;animation:logo-spin 1.8s linear infinite}.c-trademark__text{margin-right:7px}@keyframes logo-spin{from{transform:rotate(0)}to{transform:rotate(-1turn)}}.c-usp{display:flex;flex-wrap:wrap;margin:-8px -16px;list-style:none;color:#0069b3}.c-usp__item{font-size:1.25rem;line-height:1.4;font-weight:700;flex:1 0 calc(33.3333333333% - 32px);min-width:200px;margin:8px 16px;display:flex;align-items:flex-start}.c-usp__item::before{content:\"\";margin-top:3px;margin-right:24px;flex:none;width:24px;height:24px;background-image:url(/img/icons/check-colored.svg)}ol.c-usp{counter-reset:usp-counter}ol.c-usp .c-usp__item{counter-increment:usp-counter}ol.c-usp .c-usp__item::before{font-weight:700;content:counter(usp-counter);border-radius:50%;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-top:0;background:linear-gradient(0deg, #0069B3, #00A2DA);color:#fff}.c-usp--small .c-usp__item{font-weight:400;font-size:1.125rem;line-height:1.5555555556;margin:8px 16px}.c-usp--on-dark .c-usp__item{color:#212c52}.c-usp--on-dark .c-usp__item::before{background-image:url(/img/icons/check-white.svg)}.c-usp--alt{color:#212c52}.c-usp--vertical{flex-direction:column}.c-vacancy-card{position:relative;width:100%;display:flex;background-color:#edf7fa}.c-vacancy-card[href]{text-decoration:none}@media screen and (min-width: 1024px){.c-vacancy-card:hover .c-vacancy-card__arrow{transform:skew(-20deg) translateX(10px)}}.c-vacancy-card__arrow{display:none;position:absolute;right:-30px;top:0;padding-right:50px;background-color:#fff;width:auto;height:100%;transform:skew(-20deg);transition:transform .2s ease-in-out;pointer-events:none}@media screen and (min-width: 1024px){.c-vacancy-card__arrow{display:block}}.c-vacancy-card__arrow-inner{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:100%;background:linear-gradient(0deg, #0069B3, #00A2DA)}.c-vacancy-card__arrow-inner>svg{transform:skew(20deg);height:16px;width:16px;color:#fff}.c-vacancy-card__link{text-decoration:none;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;padding:24px}@media screen and (min-width: 1024px){.c-vacancy-card__link{padding:24px 104px 24px 40px;flex-direction:row}}.c-vacancy-card__content{display:flex;flex-direction:column;justify-content:space-between}.c-vacancy-card__title{margin-bottom:16px}.c-vacancy-card__text{color:#212c52}.c-vacancy-card__properties{display:flex;position:relative;flex-direction:column;justify-content:space-around;color:#212c52;margin-top:30px}@media screen and (min-width: 1024px){.c-vacancy-card__properties{margin-left:20px;margin-top:0;padding-left:24px}.c-vacancy-card__properties:before{position:absolute;top:0;left:0;height:100%;width:1px;background-color:#bfd9ec;transform:rotate(20deg);content:\"\"}}.c-vacancy-card__property{margin-bottom:8px;display:flex;align-items:center;white-space:nowrap}@media screen and (min-width: 1024px){.c-vacancy-card__property:nth-child(1){margin-left:40px}.c-vacancy-card__property:nth-child(2){margin-left:20px}}.c-vacancy-card__property:last-of-type{margin-bottom:0}.c-vacancy-card__property>svg{height:24px;width:24px;min-width:24px;margin-right:12px}.o-vacancy-usps{position:relative;background-color:#87d2e8;padding:40px 0}@media screen and (min-width: 768px){.o-vacancy-usps{padding:120px 0}}@media screen and (min-width: 768px){.o-vacancy-usps::before{content:\"\";display:block;position:absolute;left:0;top:0;width:5.365vw;height:8.94168455vw;color:green;background-size:5.365vw 8.94168455vw;background-image:url(/img/ornaments/ornament-2.svg);transform:translateY(-50%)}}@media screen and (min-width: 1344px){.o-vacancy-usps::before{width:72px;height:120px;background-size:72px 120px}}.o-vacancy-usps .l-bisection{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-row-gap:32px;grid-column-gap:48px}@media screen and (min-width: 768px){.o-vacancy-usps .l-bisection{grid-template-columns:50% 50%;grid-template-rows:1fr}}.o-vacancy-usps h1,.o-vacancy-usps h2{color:#212c52}.c-video{width:100%;margin:auto}.c-video__placeholder{position:relative;height:0;width:100%;padding-bottom:56.25%;background-color:#edf7fa}.c-video--wide .c-video__placeholder{padding-bottom:42.5%}.c-video__iframe{position:absolute;top:0;left:0;width:100%;height:100%}.o-article{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12);display:grid;grid-template-columns:auto;grid-template-rows:auto auto;grid-row-gap:32px;grid-template-areas:\"content\" \"author\"}.o-article__content{grid-area:content;display:block}.o-article__author{grid-area:author;display:block}@media screen and (max-width: 1343px){.o-article{margin-top:9.375vw;margin-bottom:9.375vw}}@media screen and (min-width: 1344px){.o-article{margin-top:144px;margin-bottom:144px}}@media screen and (min-width: 800px){.o-article{grid-template-columns:5.5fr .5fr 3fr;grid-template-rows:auto;grid-template-areas:\"content . author\"}}.o-article__back{margin-top:40px}@media screen and (max-width: 1343px){.o-block{margin-top:6.25vw;margin-bottom:6.25vw}}@media screen and (min-width: 1344px){.o-block{margin-top:96px;margin-bottom:96px}}@media screen and (max-width: 1343px){.o-dynamic-block+.o-dynamic-block{margin-top:6.25vw}}@media screen and (min-width: 1344px){.o-dynamic-block+.o-dynamic-block{margin-top:96px}}.o-calculate{overflow:hidden}.o-calculate__main{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12)}.o-calculate__controls{position:relative;z-index:0;padding:56px 0}.o-calculate__controls:after{content:\"\";background-image:linear-gradient(0deg, #0069B3, #00A2DA);position:absolute;z-index:-1;top:0;bottom:0;left:-8.3333333333%;right:-8.3333333333%}@media screen and (min-width: 890px){.o-calculate__controls:after{transform:skew(-24.228deg) translateX(-2vw);left:-100%;right:40px}}@media screen and (min-width: 1344px){.o-calculate__controls:after{right:284px}}.o-calculate__heading{color:#fff;margin-bottom:56px}.o-calculate__sliders{max-width:670px}@media screen and (min-width: 890px){.o-calculate__sliders{max-width:640px}}.o-calculate__table{border-collapse:collapse;margin-top:32px;width:100%;max-width:672px}.o-calculate__row{display:flex;align-items:flex-end}.o-calculate__row+.o-calculate__row{margin-top:8px}.o-calculate__label{padding:0;vertical-align:top;margin-right:auto}@media screen and (max-width: 599px){.o-calculate__label{max-width:226px;width:50%;margin-right:8px}}.o-calculate__value{width:192px;font-variant-numeric:tabular-nums}@media screen and (min-width: 890px){.o-calculate__value{width:220px}}.o-calculate__footer{font-size:1.125rem;line-height:1.5555555556;font-weight:600;position:relative;margin-top:32px;padding:24px 0;color:#fff}.o-calculate__footer .o-calculate__label::before{content:\"\";position:absolute;z-index:-1;top:0;bottom:0;right:0;left:-100%;background:#212c52;transform:skew(-24.228deg) translateX(-2vw)}.o-calculate__contact{max-width:672px;margin-top:80px}.o-card-grid{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12)}@media screen and (max-width: 1343px){.o-card-grid{margin-top:3.125vw;margin-bottom:6.25vw}}@media screen and (min-width: 1344px){.o-card-grid{margin-top:48px;margin-bottom:96px}}.o-card-grid__heading{font-size:1.25rem;line-height:1.4;font-weight:700;margin-bottom:24px;color:#0069b3}@media screen and (min-width: 700px){.o-card-grid__main{display:flex;flex-wrap:wrap;margin:-32px -12px}}.o-card-grid__item{flex:auto;display:flex;align-items:stretch;justify-content:center;margin:32px auto}@media screen and (min-width: 700px){.o-card-grid__item{flex:none;width:calc(50% - 24px);margin:32px 12px}}@media screen and (min-width: 1000px){.o-card-grid__item{width:calc(33.3333333333% - 24px)}}.o-card-grid__vacancy-item{display:flex;align-items:stretch;justify-content:center;margin:32px auto}@media screen and (min-width: 700px){.o-card-grid__vacancy-item{margin:32px 12px}}.o-contact{margin-bottom:80px}.o-contact a{text-decoration:none}.o-contact__main{margin-left:auto;margin-right:auto;max-width:1152px}@media screen and (min-width: 920px){.o-contact__main{width:calc((100% / 14) * 12)}}@media screen and (min-width: 920px){.o-contact__main{display:flex;align-items:flex-start}}.o-contact__form{position:relative;padding:32px 7.1428571429%;color:#fff;background-color:#212c52}@media screen and (min-width: 920px){.o-contact__form{flex:0 0 50%;margin-top:-80px;padding-left:4.1666666667%;padding-right:4.1666666667%}.o-contact__form::before{content:\"\";display:block;position:absolute;top:0;left:-36px;width:36px;height:80px;background-image:url(/img/ornaments/ornament-1.svg);background-size:48px 80px;opacity:.75}}@media screen and (min-width: 1080px){.o-contact__form{padding-left:56px;padding-right:56px}}.o-contact__content{margin-left:auto;margin-right:auto;margin-top:48px}@media screen and (max-width: 919px){.o-contact__content{width:calc((100% / 14) * 12)}}@media screen and (min-width: 920px){.o-contact__content{flex:0 0 41.6666666667%;margin-left:8.3333333333%;margin-top:120px}}.o-contact__heading{margin-bottom:56px;color:#0069b3;font-size:2.4rem}@media screen and (max-width: 1079px){.o-contact__heading{font-size:1.5rem;line-height:1.6666666667;margin-bottom:24px}}.o-contact__subheading{font-size:1.25rem;line-height:1.4;font-weight:700;margin-top:-16px;color:#212c52}@media screen and (min-width: 1080px){.o-contact__subheading{font-size:1.5rem;line-height:1.6666666667;margin-top:-32px}}.o-contact__intro{margin-top:56px;margin-bottom:56px}.o-contact__subtitle{font-size:1.125rem;line-height:1.5555555556;font-weight:700;color:#0069b3}.o-contact__info{display:flex;flex-direction:row}.o-contact__info>*{flex-grow:1;width:50%}.o-contact__info>*:first-child{margin-right:16px}.o-contact__infolist{margin-left:0;list-style:none}.o-contact__infolist:last-child{flex-grow:9999;flex-basis:200px;margin-right:0}.o-contact__datalist{display:flex;flex-wrap:wrap;margin-top:0}.o-contact__datalist dt{width:170px;text-transform:capitalize;align-self:flex-start}.o-contact__datalist dd{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;width:calc(100% - 170px)}.o-contact__datalist--small dt{width:50px}.o-contact__datalist--small dd{width:calc(100% - 50px)}.o-cookie-bar{z-index:9999;position:fixed;bottom:0;left:0;display:flex;align-items:center;width:100%;height:64px;color:#212c52;background-color:#edf7fa;opacity:1;box-shadow:0 -4px 10px 0 rgba(0,0,0,.14);transition:opacity .5s,transform .6s;transform:translate3d(0, 0, 0)}.o-cookie-bar.is-accepted{display:none}.o-cookie-bar.is-transitioning-out{opacity:0;transform:translate3d(0, 50%, 0)}.o-cookie-bar__main{display:flex;justify-content:center;align-items:center}.o-cookie-bar__text{margin:0;font-size:16px;line-height:1.2}.o-cookie-bar__link{color:#212c52;transition:color .3s}.o-cookie-bar__link:hover{color:rgba(33,44,82,.75)}.o-cookie-bar__button{flex:none;margin-left:16px}.o-cookie-bar__button:hover{background-color:rgba(95,195,224,.5)}.o-cta{position:relative}@media screen and (max-width: 1343px){.o-cta{margin-top:6.25vw}}@media screen and (min-width: 1344px){.o-cta{margin-top:96px}}.o-cta__main{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12)}@media screen and (min-width: 900px){.o-cta__main{display:flex;justify-content:space-between}}.o-cta__content{padding:56px 0;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 900px){.o-cta__content{flex:1 1 50%;margin-right:4.1666666667%}}.o-cta__quote{font-size:1.25rem;line-height:1.4;font-weight:600;line-height:1.75;max-width:480px;margin:0 auto;text-align:center;color:#0069b3;quotes:\"“\" \"”\"}.o-cta__quote::before{content:open-quote}.o-cta__quote::after{content:close-quote}@media screen and (min-width: 660px){.o-cta__quote{font-size:1.5rem;line-height:1.6666666667;font-weight:700}}.o-cta__heading{margin-bottom:24px;color:#0069b3}.o-cta__desc{margin-bottom:24px}.o-cta__action{display:flex}.o-cta__action>*+*{margin-left:16px}.o-cta__person{display:none;position:relative;grid-template-rows:1fr;grid-template-columns:1fr;grid-template-areas:\"main\";max-width:428px}@media screen and (min-width: 900px){.o-cta__person{display:grid;flex:1 1 50%;margin-top:-56px}}@media screen and (min-width: 1344px){.o-cta__person{margin-right:4.1666666667%}}.o-cta__img{grid-area:main;align-self:end;z-index:0;position:relative;left:-20px}.o-cta__circle-outer,.o-cta__circle-inner{grid-area:main;align-self:end;margin-left:-8.3333333333%;margin-right:-8.3333333333%}@media screen and (min-width: 428px){.o-cta__circle-outer,.o-cta__circle-inner{margin:0}}.o-cta__circle-inner{z-index:1}.o-cta__info{grid-area:main;align-self:end;justify-self:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:16px;z-index:2}.o-cta__name{color:#212c52}.o-cta__subtitle{color:#0069b3}.o-cta--on-dark{color:#fff;background-color:#212c52}@media screen and (min-width: 900px){.o-cta--on-dark{margin-bottom:calc(60px + 56px)}}.o-cta--on-dark .o-cta__quote,.o-cta--on-dark .o-cta__heading{color:#fff}.o-cta--on-dark .o-cta__name{color:#212c52}.o-cta--on-dark .o-cta__subtitle{color:#0069b3}@media screen and (min-width: 900px){.o-cta--on-dark::after{content:\"\";display:block;position:absolute;bottom:0;right:0;width:72px;height:120px;background-image:url(/img/ornaments/ornament-1.svg);transform:translateY(50%)}}@media screen and (max-width: 1343px){.o-duo{margin-top:6.25vw;margin-bottom:6.25vw}}@media screen and (min-width: 1344px){.o-duo{margin-top:96px;margin-bottom:96px}}@media screen and (max-width: 999px){.o-duo__main{padding:24px 0}}@media screen and (min-width: 1000px){.o-duo__main{display:flex}}@media screen and (min-width: 1000px){.o-duo__item{flex:none;width:calc(50% - 3.125%)}.o-duo__item:first-child{margin-right:3.125%}}.o-duo__item:last-child{margin-top:48px}@media screen and (min-width: 1000px){.o-duo__item:last-child{margin-top:0;margin-left:3.125%}}.o-faq{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12)}@media screen and (max-width: 1343px){.o-faq{margin-top:6.25vw;margin-bottom:6.25vw}}@media screen and (min-width: 1344px){.o-faq{margin-top:96px;margin-bottom:96px}}.o-faq__heading{font-size:1.5rem;line-height:1.6666666667;margin-bottom:24px;color:#0069b3}.o-faq__list{list-style:none;margin-left:0;padding-bottom:48px}.o-faq__item+.o-faq__item{margin-top:16px}.o-faq__header{margin:0 -8.3333333333%;padding:16px 8.3333333333%;position:relative;overflow:hidden;display:flex;align-items:baseline;background:#edf7fa;cursor:pointer;transition:background-color 150ms linear}@media screen and (min-width: 600px){.o-faq__header{margin:0;padding:16px 4.1666666667% 16px 6.25%}}@media screen and (min-width: 600px){.o-faq__header::before,.o-faq__header::after{content:\"\";position:absolute;left:0;bottom:0;right:0;top:0;z-index:0;background:#fff;transform:rotate(-70deg);transform-origin:bottom left}.o-faq__header::after{transform-origin:top right}}.o-faq__header:hover{background:#d6edf4}.o-faq__title{font-size:1rem;line-height:1.75;font-weight:400;margin-right:16px}.o-faq__icon{flex:none;margin-left:auto}.o-faq__content{max-height:0;opacity:0;margin:0;transition:all 250ms ease-in-out}@media screen and (min-width: 600px){.o-faq__content{padding:0 6.25%}}.is-toggled~.o-faq__content{max-height:999px;opacity:1;margin:16px 0}.o-faq__desc{max-width:45em}.o-faq__action{margin-top:40px}.o-faq__header.is-toggled{background:transparent;transition:none}.o-faq__header.is-toggled::before,.o-faq__header.is-toggled::after{display:none}.o-faq__header.is-toggled .o-faq__title{color:#0069b3}.o-faq__header.is-toggled .o-faq__icon{color:#0069b3;transform:rotate(0.5turn)}.o-flag{color:#fff;position:relative;margin-top:calc(60px + 64px);margin-bottom:calc(60px + 64px)}@media screen and (min-width: 1344px){.o-flag::before{content:\"\";display:block;position:absolute;top:60px;left:calc(7.1428571429% - 16px);width:14.2857142857%;height:240px;background-image:linear-gradient(0deg, #0069B3, #00A2DA);transform:skew(-24.228deg) translateX(-100%);transform-origin:top right}}.o-flag:after{content:\"\";background-color:#212c52;position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0}@media screen and (min-width: 1344px){.o-flag:after{transform:skew(-24.228deg) translateX(-2vw);left:-8.3333333333%;right:40px}}.o-flag__main{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12);position:relative}.o-flag__partners{display:flex;flex-direction:column;justify-content:center;padding:16px 0 32px;margin:0 auto;max-width:750px}@media screen and (min-width: 1344px){.o-flag__partners{margin:0;max-width:none;height:240px;width:calc(100% - 400px)}}.o-flag__heading{margin-bottom:16px}.o-flag__subtext{margin-top:-16px}.o-flag__slider{display:flex;align-items:center;margin-left:-4.1666666667%;margin-right:-4.1666666667%}@media screen and (min-width: 850px){.o-flag__slider{margin:0}}.o-flag__tray{overflow-x:hidden;width:100%}.o-flag__list{display:flex;list-style:none;margin-left:0}.o-flag__rating{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:calc(-8.3333333333%);margin-right:calc(-8.3333333333%);padding:32px;text-align:center;color:#fff;background-image:linear-gradient(0deg, #0069B3, #00A2DA)}@media screen and (min-width: 1344px){.o-flag__rating{position:absolute;margin:auto;padding:16px;right:0;top:50%;width:360px;height:360px;border-radius:100%;transform:translateY(-50%)}}.o-flag__logo{margin-bottom:40px}.o-flag__score{width:240px;display:flex;justify-content:space-between;align-items:center;border-radius:500px;margin-bottom:24px;padding:9px 24px;border:1px solid #fff}.o-flag__stars{display:flex}.o-flag__points{font-size:1.25rem;line-height:1.4;font-weight:700}.o-flag__reviews{font-weight:700}.o-footer{z-index:20;padding-bottom:0;color:#fff;background-color:#212c52;transition:padding .6s}.is-cookie-bar-visible .o-footer{padding-bottom:64px}.o-footer__pre{position:relative;background-color:#87d2e8}.o-footer__main{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12)}@media screen and (max-width: 1343px){.o-footer__main{padding-top:3.125vw;padding-bottom:3.90625vw}}@media screen and (min-width: 1344px){.o-footer__main{padding-top:48px;padding-bottom:60px}}.o-footer__brand{margin-top:8px}@media screen and (max-width: 649px){.o-footer__brand{margin-bottom:32px}}@media screen and (min-width: 650px){.o-footer__brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:56px}}.o-footer__logo{transition:opacity 200ms linear}.o-footer__logo:hover{opacity:.5}@media screen and (max-width: 649px){.o-footer__slogan{display:none}}@media screen and (min-width: 650px){.o-footer__slogan{margin-top:0;transform:translateY(7px)}}@media screen and (min-width: 950px){.o-footer__slogan{width:25%}}@media screen and (max-width: 549px){.o-footer__columns>*+*{margin-top:24px}}@media screen and (min-width: 550px){.o-footer__columns{display:flex;flex-wrap:wrap}}@media screen and (min-width: 550px)and (max-width: 949px){.o-footer__column{flex:none;width:50%}.o-footer__column:nth-child(n+3){margin-top:24px}}@media screen and (min-width: 950px){.o-footer__column{flex-wrap:nowrap;width:25%}}.o-footer__social{display:flex;list-style:none;margin:0}*+.o-footer__social{margin-top:48px}.o-footer__channel{display:flex;justify-content:center;align-items:center;width:24px;height:24px;margin-right:16px}.o-footer__icon{flex:auto;display:block;height:100%;color:#fff;background-repeat:no-repeat;background-position:center;transition:color 100ms linear}.o-footer__icon:hover{color:#5fc3e0}.o-footer__icon:focus{outline-color:#328dfc}.o-footer__heading{font-size:1rem;line-height:1.75;font-weight:400;color:#5fc3e0}.o-footer__list{list-style:none;margin:0}.o-footer__link{display:inline-block;position:relative;z-index:0;color:#fff;text-decoration:none;cursor:pointer;transition:color 100ms linear}.o-footer__link:hover{color:#5fc3e0}.o-footer__link:focus{outline-color:#328dfc}.o-footer__link.is-active{color:#00a2da}.o-footer__link.is-active::before{content:\"\";position:absolute;z-index:-1;top:8px;left:-12px;width:10px;height:10px;background-image:url(\"/img/icons/arrow-dropdown.svg\");background-repeat:no-repeat;background-size:10px;transform:rotate(-90deg)}*+.o-footer__language{margin-top:32px}@media screen and (max-width: 549px){.o-footer__product,.o-footer__company,.o-footer__other{display:none}}.o-form{max-width:600px;margin:auto}.o-form__title{margin:24px 0}.o-form__row+.o-form__row{margin-top:24px}.o-form__row.is-hidden{display:none}.o-form__row--split{display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -8px !important}.o-form__column{margin:24px 8px 0;flex-grow:1;width:calc(50% - 16px)}.o-form__column[data-size=s]{flex-grow:1;width:calc(40% - 16px)}.o-form__column[data-size=l]{flex-grow:9999;flex-basis:12em;width:calc(60% - 16px)}.o-form__submit{padding-top:48px;display:flex;flex-direction:row;flex-wrap:wrap;margin:-8px !important}.o-form__submit>*{margin:8px}.o-form__submit--align-right{justify-content:flex-end}.o-header{z-index:50;position:relative;padding:16px 0;background-color:#212c52}.o-header.is-sticky{opacity:0;position:fixed;z-index:50;top:0;left:0;width:100%;padding-top:16px;padding-bottom:16px;box-shadow:0 -5px 30px #000;transform:translateY(-100%);transition-property:transform,opacity;transition-duration:300ms;transition-delay:0s,300ms;transition-timing-function:cubic-bezier(0.4, 0, 0.6, 1)}.is-sticky-header-visible .o-header.is-sticky{opacity:1;transform:none;transition-delay:0s}.o-header__main{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12);position:relative;display:flex;justify-content:flex-start;align-items:center;min-height:48px}.o-header__nav{display:none}@media screen and (min-width: 644px){.o-header__nav{display:block}}.o-header__language{display:none}@media screen and (min-width: 644px){.o-header__language{display:block;margin-left:32px}}.o-header__logo{min-width:120px;margin-right:auto}.o-header__logo:focus{outline-offset:2px;outline-color:#328dfc}.o-header__img{max-height:48px;width:100px}.o-header__toggle{margin-left:16px}@media screen and (min-width: 1024px){.o-header__toggle{display:none}}.o-hero{position:relative}.o-hero__figure{max-height:480px;overflow:hidden}.o-hero__img{width:100%;min-height:220px;object-fit:cover}@media screen and (min-width: 830px){.o-hero--has-ornament::after{content:\"\";position:absolute;right:0;bottom:0;width:72px;height:120px;background-image:url(/img/ornaments/ornament-1.svg);transform:translateY(50%)}}.o-home-intro{padding-bottom:64px;position:relative}.o-home-intro__content{grid-area:content;display:block}.o-home-intro__side{grid-area:side;display:block}@media screen and (min-width: 830px){.o-home-intro{margin-top:-80px}}.o-home-intro__main{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12)}@media screen and (min-width: 830px){.o-home-intro__main{display:grid;grid-template-columns:6fr 1fr 5fr;grid-template-rows:80px 5vw auto;grid-template-areas:\". . side\" \". . side\" \"content . side\"}}@media screen and (min-width: 1100px){.o-home-intro__main{grid-template-columns:6.5fr 1fr 4.5fr;grid-template-rows:80px 80px auto}}.o-home-intro__slogan{margin-top:56px;max-width:540px;width:100%}@media screen and (min-width: 830px){.o-home-intro__slogan{margin-top:0}}.o-home-intro__text{margin-top:40px}@media screen and (min-width: 830px){.o-home-intro__text{margin-top:56px}}.o-home-intro__usp{position:relative;color:#fff;background-color:#212c52}@media screen and (max-width: 829px){.o-home-intro__usp{margin-top:32px;margin-left:-8.3333333333%;margin-right:-8.3333333333%;padding:32px 8.3333333333%}}@media screen and (min-width: 830px)and (max-width: 1343px){.o-home-intro__usp{padding-top:5vw;padding-right:3.75vw;padding-bottom:5vw;padding-left:3.75vw}}@media screen and (min-width: 830px)and (min-width: 1344px){.o-home-intro__usp{padding-top:76.8px;padding-right:57.6px;padding-bottom:76.8px;padding-left:57.6px}}@media screen and (min-width: 830px){.o-home-intro__usp::before{content:\"\";display:block;position:absolute;top:0;left:-36px;width:36px;height:80px;background-image:url(/img/ornaments/ornament-1.svg);background-size:48px 80px;opacity:.75}}.o-home-intro__list{margin-left:0;list-style:none}.o-home-intro__item{font-size:1.125rem;line-height:1.5555555556;font-weight:700;display:flex;align-items:flex-start;color:#fff}.o-home-intro__item+.o-home-intro__item{margin-top:32px}@media screen and (min-width: 830px){.o-home-intro__item+.o-home-intro__item{margin-top:56px}}@media screen and (min-width: 1100px){.o-home-intro__item{font-size:1.5rem;line-height:1.6666666667}}.o-home-intro__item::before{content:\"\";margin-right:24px;flex:none;margin-top:2px;width:24px;height:24px;background-image:url(/img/icons/check-half-colored.svg)}@media screen and (min-width: 1100px){.o-home-intro__item::before{margin-top:8px}}.o-how{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12)}@media screen and (max-width: 1343px){.o-how{margin-top:6.25vw;margin-bottom:6.25vw}}@media screen and (min-width: 1344px){.o-how{margin-top:96px;margin-bottom:96px}}.o-how__heading{text-align:center;color:#0069b3;margin-bottom:16px}.o-how__list{list-style:none;margin-left:0}@media screen and (min-width: 600px){.o-how__list{display:flex;flex-wrap:wrap;justify-content:center}}.o-how__item{margin:32px auto}@media screen and (max-width: 599px){.o-how__item{display:flex;flex-direction:row-reverse}}@media screen and (min-width: 600px){.o-how__item{flex:0 1 50%}}@media screen and (min-width: 1000px){.o-how__item{flex:0 1 25%}}@supports(clip-path: polygon(28.125% 0%, 0% 100%, 71.875% 100%, 100% 0%)){@media screen and (min-width: 600px){.o-how__item{flex:0 1 calc(50% + 32px);margin-left:-16px;margin-right:-16px}}@media screen and (min-width: 1000px){.o-how__item{flex:0 1 calc(25% + 32px)}}}.o-how__image{object-fit:cover;clip-path:polygon(28.125% 0%, 0% 100%, 71.875% 100%, 100% 0%);display:block;margin:0 auto;padding:0 16px;max-height:128px}@media screen and (max-width: 599px){.o-how__image{min-height:96px;width:35.7142857143%;margin-right:-8.3333333333%;clip-path:polygon(28.125% 0%, 0% 100%, 100% 100%, 100% 0%)}}@media screen and (min-width: 600px){.o-how__image{width:100%;max-height:none}}@supports(clip-path: polygon(28.125% 0%, 0% 100%, 71.875% 100%, 100% 0%)){.o-how__image{padding:0}}.o-how__desc{color:#0069b3}@media screen and (max-width: 599px){.o-how__desc{margin-right:7.1428571429%}}@media screen and (min-width: 600px){.o-how__desc{margin-top:40px;padding-left:16px;padding-right:28.125%}}.o-how__action{text-align:center}.o-intro{position:relative;overflow:hidden}.o-intro__main{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12)}@media screen and (min-width: 840px){.o-intro__main{display:flex;align-items:flex-start;flex-direction:row-reverse;justify-content:space-between}}.o-intro__content{position:relative;padding-top:32px;padding-bottom:32px}@media screen and (max-width: 839px){.o-intro__content{margin-left:-8.3333333333%;margin-right:-8.3333333333%;padding-left:8.3333333333%;padding-right:8.3333333333%;background-color:#edf7fa}}@media screen and (min-width: 840px){.o-intro__content{padding-right:4.1666666667%}}@media screen and (min-width: 1344px){.o-intro__content{max-width:33.3333333333%;padding-top:56px;padding-bottom:56px}}.o-intro__content::before{content:\"\";position:absolute;z-index:-1;top:0;bottom:0;right:-7vw;left:-100vw;background-color:#edf7fa;transform:skew(-24.228deg);transform-origin:bottom right}.o-intro__title{color:#0069b3}@media screen and (max-width: 839px){.o-intro__title{font-size:1.5rem;line-height:1.6666666667}}@media screen and (max-width: 1343px){.o-intro__title{margin-bottom:3.645625vw}}@media screen and (min-width: 1344px){.o-intro__title{margin-bottom:55.9968px}}.o-intro__stage{position:relative}@media screen and (max-width: 839px){.o-intro__stage{margin-left:-8.3333333333%;margin-right:-8.3333333333%}}@media screen and (min-width: 840px){.o-intro__stage{flex:none;width:calc(50% + 8.3333333333%)}}@media screen and (max-width: 1343px){.o-intro__stage{margin-right:-8.3333333333%}}@media screen and (min-width: 1344px)and (max-width: 1679px){.o-intro__stage{margin-right:calc(((100vw - 1152px) / -2));width:calc(66.6666666667% - ((100vw - 1152px) / -2))}}@media screen and (min-width: 1680px){.o-intro__stage{margin-right:calc(((1152px - 1680px) / 2));width:calc(66.6666666667% - ((1152px - 1680px) / 2))}}.o-intro__image,.o-intro__video{background-color:#bbb}@media screen and (min-width: 840px){.o-intro__image,.o-intro__video{clip-path:polygon(26.2596899% 0%, 0% 100%, 100% 100%, 100% 0%)}}.o-intro__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;cursor:pointer;background-color:transparent;transition:background-color 100ms linear}.o-intro__video::before{content:\"\";position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);width:48px;height:48px;background-image:url(\"/img/icons/play.svg\");transition:all 100ms ease-in-out;filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3))}.o-intro__video:hover{background-color:rgba(95,195,224,.1)}.o-intro__video:hover::before{transform:scale(1.3);filter:drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.7))}.o-intro__scroll{display:block;border:none;width:40px;height:82px;margin-top:56px;background:transparent url(/img/icons/mouse-scroll.svg);animation:mouseScroll 2s infinite}@media screen and (max-width: 839px){.o-intro__scroll{display:none}}.o-intro__scroll:focus{outline:none}@media screen and (max-width: 1343px){.o-intro__action{margin-top:3.645625vw}}@media screen and (min-width: 1344px){.o-intro__action{margin-top:55.9968px}}@keyframes mouseScroll{0%{transform:translate(0, 0)}20%{transform:translateY(10px)}40%{transform:translate(0, 0)}}.o-intro.has-video .o-intro__image{clip-path:none}@media screen and (min-width: 1344px){.o-intro.has-video .o-intro__stage{width:calc(75%)}}@media screen and (min-width: 1680px){.o-intro.has-video .o-intro__stage{width:calc(83.3333333333%)}}@media screen and (min-width: 840px){.o-intro.has-video .o-intro__content{padding-right:8.3333333333%}}.o-intro.has-video .o-intro__content::before{right:-100vw;transform:none}.o-machine{width:100%}.o-machine__header{display:flex;align-items:center}.o-machine__header.js-toggle-trigger{cursor:pointer}.o-machine__title{flex:1;padding:16px 32px;background-color:#edf7fa;position:relative;overflow:hidden;transition:all 150ms linear;display:flex;align-items:center;justify-content:space-between}.o-machine__title::before{content:\"\";position:absolute;top:0;bottom:0;right:0;width:40px;background-color:#fff;transform:skewX(-24.228deg) translateX(100%);transform-origin:right top}.is-toggled .o-machine__title{background-color:#5fc3e0;color:#fff}.o-machine__arrow-icon{transition:transform 150ms ease-in-out}.is-toggled .o-machine__arrow-icon{transform:rotate(0.5turn)}.o-machine__logo{height:72px;width:96px;background-color:#212c52;border-radius:12px;padding:16px;box-sizing:content-box}.o-machine__content{max-height:0;opacity:0;margin:0;pointer-events:none;transition:all 250ms ease-in-out}.is-toggled~.o-machine__content{max-height:9999px;opacity:1;margin:40px 0;pointer-events:all}.o-machines-list{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12)}@media screen and (max-width: 1343px){.o-machines-list{margin-top:9.375vw;margin-bottom:9.375vw}}@media screen and (min-width: 1344px){.o-machines-list{margin-top:144px;margin-bottom:144px}}.o-machines-list__item:nth-child(n+2){margin-top:32px}.o-machine-type{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 680px){.o-machine-type{flex-direction:row;align-items:stretch}}.o-machine-type:nth-child(n+2){margin-top:16px}.o-machine-type__img{width:160px;height:160px;background-color:#edf7fa}.o-machine-type__body{flex:1;display:flex;flex-direction:column;width:100%;padding:16px 0;text-align:center;border-bottom:1px solid #bfd9ec}@media screen and (min-width: 680px){.o-machine-type__body{margin-left:32px;flex-direction:row;text-align:left}}.o-machine-type__content{display:flex;flex-direction:column;justify-content:center;flex:1}.o-machine-type__type{font-size:1.125rem;line-height:1.5555555556;font-weight:700}.o-machine-type__working-width{font-size:1.125rem;line-height:1.5555555556;color:#0069b3}.o-machine-type__action{align-self:center}@media screen and (max-width: 679px){.o-machine-type__action{margin-top:16px}}.o-other-models{padding:85px 0}@media screen and (min-width: 850px){.o-other-models{padding:170px 0}}.o-other-models__title{margin-bottom:40px}.o-other-models__grid>*+*{margin-top:60px}@media screen and (min-width: 850px){.o-other-models__grid{display:flex;justify-content:flex-start;align-items:flex-start}.o-other-models__grid>*+*{margin-top:0;margin-left:30px;margin-right:0}}@media screen and (min-width: 950px){.o-other-models__grid>*+*{margin-left:50px}}@media screen and (min-width: 1150px){.o-other-models__grid>*+*{margin-left:80px}}.o-other-models__item{width:100%;max-width:425px}@media screen and (max-width: 849px){.o-other-models__item{margin-left:auto;margin-right:auto}}@media screen and (min-width: 850px){.o-other-models__item{margin-bottom:0;width:calc((100% - 60px) / 3);max-width:none}}@media screen and (min-width: 950px){.o-other-models__item{width:calc((100% - 100px) / 3)}}@media screen and (min-width: 1150px){.o-other-models__item{width:calc((100% - 160px) / 3)}}.o-overlay-menu{z-index:100;display:flex;flex-direction:column;opacity:0;position:fixed;height:100%;width:100%;left:0;top:0;background-color:#212c52;pointer-events:none;transform:translateX(-200px);transition-property:transform,opacity;transition-duration:400ms,400ms;transition-timing-function:ease-in-out}.is-overlay-menu-active .o-overlay-menu{pointer-events:all;opacity:1;transform:none}.ie .o-overlay-menu{z-index:-1}.is-overlay-menu-active .ie .o-overlay-menu{z-index:100}.o-overlay-menu::before{display:block;content:\"\";position:absolute;top:0;right:-120vw;width:120vw;height:100%;background:rgba(0,0,0,.6);pointer-events:none;opacity:0;transition-property:opacity;transition-duration:400ms;transition-delay:400ms;transition-timing-function:linear}.is-overlay-menu-active .o-overlay-menu::before{opacity:1;transition-delay:0s}.o-overlay-menu__bar{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12);display:flex;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px}.o-overlay-menu__main{display:flex;align-items:center;min-height:48px}.o-overlay-menu__toggle{transform:rotate(-0.5turn);transition:transform 600ms ease-out;transition-delay:200ms}.is-overlay-menu-active .o-overlay-menu__toggle{transform:none}.o-overlay-menu__nav{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12);margin-top:24px}.o-overlay-menu__list{margin-left:0;list-style:none}.o-overlay-menu__item+.o-overlay-menu__item{border-top:1px solid rgba(95,195,224,.16)}.o-overlay-menu__link{font-size:1rem;line-height:1.75;display:flex;align-items:center;padding:8px;color:#fff;text-decoration:none}.o-overlay-menu__link.is-active{opacity:1;position:relative}.o-overlay-menu__language{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12);margin-top:32px}@media screen and (max-width: 1343px){.o-duplex{margin-top:6.25vw;margin-bottom:6.25vw}}@media screen and (min-width: 1344px){.o-duplex{margin-top:96px;margin-bottom:96px}}.o-duplex__main{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12)}@media screen and (min-width: 688px){.o-duplex__main{display:flex;flex-wrap:wrap;justify-content:center}}.o-duplex__item{margin:32px auto}@media screen and (min-width: 688px){.o-duplex__item{flex:none;width:calc(50%);margin:0}.o-duplex__item:first-child{margin-left:-4.1666666667%;margin-right:4.1666666667%}}.o-duplex__figure{position:relative;width:100%;height:0;padding-bottom:62.5%;overflow:hidden;clip-path:polygon(28.125% 0%, 0% 100%, 71.875% 100%, 100% 0%)}.o-duplex__image{display:block;max-width:100%;max-height:100%;position:absolute;top:0;bottom:0;left:0;right:0;background-color:#edf7fa}@media screen and (max-width: 1343px){.o-duplex__content{padding-top:4.166875vw}}@media screen and (min-width: 1344px){.o-duplex__content{padding-top:64.0032px}}@media screen and (min-width: 688px){.o-duplex__content{padding-left:8.3333333333%;padding-right:8.3333333333%}}@media screen and (min-width: 1000px){.o-duplex__content{padding-right:16.6666666667%}}.o-duplex__title{font-size:1.5rem;line-height:1.6666666667;font-weight:700;color:#0069b3}.o-duplex__subtitle{font-size:1rem;line-height:1.75;font-weight:600;margin-bottom:24px;color:#5fc3e0}.o-duplex__desc{margin-top:24px}.o-duplex__action{margin-top:40px}.o-duplex--on-dark{position:relative;color:#fff;margin-bottom:calc(32px + 8.94168455vw)}@media screen and (min-width: 1344px){.o-duplex--on-dark{margin-bottom:calc(32px + 120px)}}@media screen and (min-width: 688px){.o-duplex--on-dark::before{content:\"\";display:block;position:absolute;left:0;width:5.365vw;height:8.94168455vw;color:green;background-size:5.365vw 8.94168455vw;background-image:url(/img/ornaments/ornament-2.svg);transform:translateY(-50%)}}@media screen and (min-width: 1344px){.o-duplex--on-dark::before{width:72px;height:120px;background-size:72px 120px}}.o-duplex--on-dark::after{content:\"\";display:block;position:absolute;z-index:-1;bottom:0;right:0;width:10.73vw;height:17.8833691vw;background-size:10.73vw 17.8833691vw;background-image:url(/img/ornaments/ornament-1.svg);transform:translateY(50%)}@media screen and (min-width: 1344px){.o-duplex--on-dark::after{width:144px;height:240px;background-size:144px 240px}}.o-duplex--on-dark .o-duplex__main::before{content:\"\";display:block;position:absolute;z-index:-2;right:0;bottom:0;left:0;background-color:#212c52}.o-duplex--on-dark::before,.o-duplex--on-dark .o-duplex__main::before{top:47.75vw}@media screen and (min-width: 688px){.o-duplex--on-dark::before,.o-duplex--on-dark .o-duplex__main::before{top:22vw}}@media screen and (min-width: 1344px){.o-duplex--on-dark::before,.o-duplex--on-dark .o-duplex__main::before{top:calc(360px - 60px)}}.o-duplex--on-dark .o-duplex__content{padding-bottom:56px}.o-duplex--on-dark .o-duplex__item{position:relative}.o-duplex--on-dark .o-duplex__title{color:#fff}.o-prelude{background-color:#edf7fa;padding-bottom:160px;margin-bottom:-160px}.o-prelude__main{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12);padding-top:40px;padding-bottom:56px}@media screen and (min-width: 840px){.o-prelude__main{padding-right:16.6666666667%}}.o-prelude__title{color:#0069b3}@media screen and (max-width: 699px){.o-prelude__title{font-size:1.5rem;line-height:1.6666666667}}@media screen and (max-width: 699px){.o-prelude__subtitle{font-size:1.25rem;line-height:1.4}}*+.o-prelude__description{margin-top:56px}@media screen and (max-width: 699px){*+.o-prelude__description{margin-top:40px}}.o-prefooter{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12);font-size:1rem;line-height:1.75;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:64px 0;color:#212c52}@media screen and (min-width: 1100px){.o-prefooter{margin-bottom:0;padding-bottom:64px}}.o-prefooter__body{width:100%}@media screen and (min-width: 840px){.o-prefooter__brochure{display:flex;align-items:center}}.o-prefooter__form{flex:1;margin-top:16px}@media screen and (min-width: 540px){.o-prefooter__form{display:flex}}@media screen and (min-width: 840px){.o-prefooter__form{margin-top:0;margin-left:40px}}.o-prefooter__input{flex:1;max-width:360px}@media screen and (max-width: 539px){.o-prefooter__input{width:100%}}.o-prefooter__button{margin-top:16px}@media screen and (min-width: 540px){.o-prefooter__button{margin-top:0;margin-left:16px;flex:none}}@media screen and (max-width: 1343px){.o-slogan{margin-top:6.25vw;margin-bottom:6.25vw}}@media screen and (min-width: 1344px){.o-slogan{margin-top:96px;margin-bottom:96px}}.o-slogan__main{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12);position:relative;padding:56px 0}@media screen and (min-width: 850px){.o-slogan__main{display:flex}}@media screen and (min-width: 850px){.o-slogan__main:after{content:\"\";position:absolute;z-index:-1;top:0;bottom:0;left:-100vw;right:-8.3333333333%;background-color:#edf7fa;transform:skew(-24.228deg);transform-origin:top right}}@media screen and (min-width: 850px){.o-slogan__content{flex:auto}}@media screen and (max-width: 849px){.o-slogan__figure{max-width:200px;margin-top:24px;margin-left:0}}@media screen and (min-width: 850px){.o-slogan__figure{flex:0 0 25%;margin-top:48px;margin-left:8.3333333333%;margin-right:8.3333333333%}}.o-slogan__title{margin-bottom:24px;color:#0069b3}.o-slogan__desc{max-width:45em}.o-stories__header{margin-bottom:12.5%}.o-stories__footer{margin-top:8.333%}.o-subfooter{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12);font-size:0.875rem;line-height:2;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:16px 0;color:#5fc3e0;border-top:1px solid rgba(95,195,224,.5)}.o-subfooter__copyright{display:flex;flex-wrap:wrap;margin-right:32px}.o-team{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12);position:relative}@media screen and (max-width: 1343px){.o-team{margin-top:6.25vw;margin-bottom:6.25vw}}@media screen and (min-width: 1344px){.o-team{margin-top:96px;margin-bottom:96px}}.o-team__title{color:#0069b3;margin-bottom:48px}.o-team__subtitle{color:#212c52;margin-bottom:16px}.o-team__list{display:flex;flex-wrap:wrap;margin:-40px 0;list-style:none}@media screen and (min-width: 360px){.o-team__list{margin:-40px -16px;margin-bottom:48px}}@media screen and (min-width: 1344px){.o-team__list{margin-left:0;margin-right:0}}.o-team__item{flex:none;margin:16px auto}@media screen and (min-width: 360px){.o-team__item{margin:40px 4px;width:calc(50% - 8px)}}@media screen and (min-width: 650px){.o-team__item{margin:40px 16px;width:calc(33.3333333333% - 32px)}}@media screen and (min-width: 1000px){.o-team__item{width:calc(25% - 32px)}}@media screen and (max-width: 1343px){.o-ti{margin-bottom:6.25vw}}@media screen and (min-width: 1344px){.o-ti{margin-bottom:96px}}.o-ti__main{margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12)}@media screen and (min-width: 680px){.o-ti__main{display:flex;flex-direction:row-reverse;align-items:flex-start}}.o-ti__image{max-width:480px;margin:0 auto;clip-path:polygon(28.125% 0%, 0% 100%, 71.875% 100%, 100% 0%)}.o-ti__text{margin-top:32px}@media screen and (min-width: 680px){.o-ti__image{flex:0 0 41.6666666667%}.o-ti__text{flex:0 0 calc(54.1666666667%);margin-right:4.1666666667%;margin-top:0}.o-ti--reversed .o-ti__main{flex-direction:row}.o-ti--reversed .o-ti__text{margin-left:4.1666666667%;margin-right:0}}.o-ti--on-dark{position:relative;margin-bottom:calc(32px + 4.470842275vw);padding-top:32px;padding-bottom:32px;background-color:#212c52}@media screen and (min-width: 680px){.o-ti--on-dark{padding-top:48px;padding-bottom:48px}}@media screen and (min-width: 1344px){.o-ti--on-dark{margin-bottom:calc(32px + 60px);padding-top:80px;padding-bottom:80px}}.o-ti--on-dark::after{content:\"\";display:block;position:absolute;right:0;bottom:0;width:5.365vw;height:8.94168455vw;color:green;background-size:5.365vw 8.94168455vw;background-image:url(/img/ornaments/ornament-1.svg);transform:translateY(50%)}@media screen and (min-width: 1344px){.o-ti--on-dark::after{width:72px;height:120px;background-size:72px 120px}}.o-trophies{overflow:hidden}@media screen and (max-width: 1343px){.o-trophies{margin-top:6.25vw;margin-bottom:6.25vw}}@media screen and (min-width: 1344px){.o-trophies{margin-top:96px;margin-bottom:96px}}.o-trophies__main{margin-left:auto;margin-right:auto;max-width:1152px;position:relative;background-color:#edf7fa}@media screen and (min-width: 660px){.o-trophies__main{width:calc((100% / 14) * 12)}}@media screen and (min-width: 900px){.o-trophies__main{display:flex;background-color:transparent}}.o-trophies__desc{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 calc(45.8333333333%);margin:32px 0;padding:32px 7.1428571429%;background-image:linear-gradient(0deg, #0069B3, #00A2DA)}@media screen and (min-width: 900px){.o-trophies__desc{margin:60px 0}}.o-trophies__desc>*{width:100%}.o-trophies__list{display:flex;flex-wrap:wrap;list-style:none;margin:0}@media screen and (min-width: 900px){.o-trophies__list{flex:0 0 calc(54.1666666667% - 4.1666666667%);margin-left:calc(4.1666666667%);padding-top:60px;padding-bottom:60px}.o-trophies__list::before{content:\"\";position:absolute;z-index:-1;top:0;right:-100vw;bottom:0;left:16.6666666667%;background-color:#edf7fa;transform:skew(-24.228deg);transform-origin:bottom left}}.o-trophies__item{flex:none;width:calc(100% - 14.2857142857%);margin:16px 7.1428571429%}@media screen and (min-width: 660px){.o-trophies__item{width:calc(50% - 32px);margin:16px}}iframe#youtube-iframe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;box-shadow:0 2px 16px rgba(0,0,0,.5)}.o-video-modal,.o-video-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3000}.o-video-modal{overflow:hidden;position:fixed;opacity:0;transform:translate(500%, 0%);transition:transform 0s linear 0s;display:flex;align-items:center;transform-style:preserve-3d}.o-video-modal__overlay{z-index:0;background:rgba(33,44,82,.85);opacity:0;transition:opacity 200ms ease-out 50ms}.o-video-modal__content{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;margin:0 auto;overflow-y:visible;background:#000;width:calc(100% - 12em);height:0;padding-top:calc((100% - 12em) * 0.5625)}@media(min-aspect-ratio: 16/9){.o-video-modal__content{width:0;height:calc(100vh - 10em);padding-top:0;padding-left:calc((100vh - 10em) * 1.7778)}}@media(max-width: 640px){.o-video-modal__content{width:calc(100% - 1em);padding-top:calc((100% - 1em) * 0.5625)}}.o-video-modal__close{background-color:transparent;border:none;display:block;position:absolute;left:0;top:-40px;text-decoration:none;font-size:20px;font-weight:bold;color:#fff;cursor:pointer}.is-visible-video-modal .o-video-modal{opacity:1;transform:none}.is-visible-video-modal .o-video-modal__overlay{opacity:1}.is-visible-video-modal .o-video-modal__content{transform:none}.s-card-list>ul:not([class]){list-style:none;margin-left:0}.s-card-list>ul:not([class])>li{padding:8px 0;border-top:1px solid #bfd9ec}.s-text h2,.s-text h3,.s-text h4{color:#0069b3}.s-text>*+*{margin-top:32px}.s-text>:first-child{margin-top:0 !important}.s-text>ul:not([class]){list-style:none}.s-text>ul:not([class])>li{position:relative;margin-left:-1.125em;padding-left:1.125em}.s-text>ul:not([class])>li::before{font-size:1.25rem;line-height:1.4;content:\"•\";position:absolute;top:-4px;left:0}.s-text>ol:not([class]){list-style:none;counter-reset:ol-counter}.s-text>ol:not([class])>li{counter-increment:ol-counter;position:relative;margin-left:-1.125em;padding-left:1.8em}.s-text>ol:not([class])>li::before{content:counter(ol-counter) \". \";position:absolute;top:0;left:0;width:1.275em;text-align:right}.m-text h2,.m-text h3,.m-text h4{color:#212c52}.m-text>*+*{margin-top:24px}.m-text>ul:not([class]){list-style:none;margin-left:40px}.m-text>ul:not([class])>li{position:relative;margin-left:-40px;padding-left:40px;margin-bottom:16px;font-size:1rem;line-height:2}.m-text>ul:not([class])>li::before{font-size:1.25rem;line-height:1.4;content:\"\";height:24px;width:24px;background-size:contain;background-image:url(\"/img/icons/check-white.svg\");position:absolute;top:4px;left:0}.s-text--on-dark p,.s-text--on-dark h1,.s-text--on-dark h2,.s-text--on-dark h3,.s-text--on-dark h4,.s-text--on-dark h5,.s-text--on-dark h6{color:#fff}.s-text--on-dark a{color:#87d2e8}.s-text--on-dark a:hover{color:#5fc3e0}.u-preload-transitions *{transition:none !important}.u-color-primary--700{color:#212C52}.u-bg-primary--700{background-color:#212C52}.u-color-secondary--300{color:#5FC3E0}.u-bg-secondary--300{background-color:#5FC3E0}.u-color-secondary--200{color:#87D2E8}.u-bg-secondary--200{background-color:#87D2E8}.u-color-secondary--100{color:#EDF7FA}.u-bg-secondary--100{background-color:#EDF7FA}.u-color-tertiary--400{color:#0069B3}.u-bg-tertiary--400{background-color:#0069B3}.u-color-tertiary--300{color:#00A2DA}.u-bg-tertiary--300{background-color:#00A2DA}.u-color-tertiary--100{color:#BFD9EC}.u-bg-tertiary--100{background-color:#BFD9EC}.u-color-neutral--0{color:#ffffff}.u-bg-neutral--0{background-color:#ffffff}.u-color-action{color:#328dfc}.u-bg-action{background-color:#328dfc}.u-color-alert{color:#ff8100}.u-bg-alert{background-color:#ff8100}.u-color-warning--200{color:#fef5e1}.u-bg-warning--200{background-color:#fef5e1}.u-color-warning--500{color:#f8cd6b}.u-bg-warning--500{background-color:#f8cd6b}.u-color-warning--700{color:#da9b0c}.u-bg-warning--700{background-color:#da9b0c}.u-color-negative{color:#cf3e3e}.u-bg-negative{background-color:#cf3e3e}.u-color-positive{color:#3ecf8e}.u-bg-positive{background-color:#3ecf8e}.u-color-box-shadow{color:rgba(0, 0, 0, 0.2)}.u-bg-box-shadow{background-color:rgba(0, 0, 0, 0.2)}.u-hidden{display:none !important}.u-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.u-object-cover{width:100% !important;height:100% !important;object-fit:cover !important}.u-text-align-center{text-align:center !important}.u-text-align-right{text-align:right !important}.u-fs-m{font-size:1.125rem;line-height:1.5555555556}.u-fs-l{font-size:1.25rem;line-height:1.4}.u-fs-xl{font-size:1.5rem;line-height:1.6666666667}.u-fw-bold{font-weight:700}.u-border-top{border-top:1px solid #5fc3e0 !important}.u-spacing-mt0{margin-top:0px !important}.u-spacing-mr0{margin-right:0px !important}.u-spacing-mb0{margin-bottom:0px !important}.u-spacing-ml0{margin-left:0px !important}.u-spacing-pt0{padding-top:0px !important}.u-spacing-pr0{padding-right:0px !important}.u-spacing-pb0{padding-bottom:0px !important}.u-spacing-pl0{padding-left:0px !important}.u-spacing-mt1{margin-top:8px !important}.u-spacing-mr1{margin-right:8px !important}.u-spacing-mb1{margin-bottom:8px !important}.u-spacing-ml1{margin-left:8px !important}.u-spacing-pt1{padding-top:8px !important}.u-spacing-pr1{padding-right:8px !important}.u-spacing-pb1{padding-bottom:8px !important}.u-spacing-pl1{padding-left:8px !important}.u-spacing-mt2{margin-top:16px !important}.u-spacing-mr2{margin-right:16px !important}.u-spacing-mb2{margin-bottom:16px !important}.u-spacing-ml2{margin-left:16px !important}.u-spacing-pt2{padding-top:16px !important}.u-spacing-pr2{padding-right:16px !important}.u-spacing-pb2{padding-bottom:16px !important}.u-spacing-pl2{padding-left:16px !important}.u-spacing-mt3{margin-top:24px !important}.u-spacing-mr3{margin-right:24px !important}.u-spacing-mb3{margin-bottom:24px !important}.u-spacing-ml3{margin-left:24px !important}.u-spacing-pt3{padding-top:24px !important}.u-spacing-pr3{padding-right:24px !important}.u-spacing-pb3{padding-bottom:24px !important}.u-spacing-pl3{padding-left:24px !important}.u-spacing-mt4{margin-top:32px !important}.u-spacing-mr4{margin-right:32px !important}.u-spacing-mb4{margin-bottom:32px !important}.u-spacing-ml4{margin-left:32px !important}.u-spacing-pt4{padding-top:32px !important}.u-spacing-pr4{padding-right:32px !important}.u-spacing-pb4{padding-bottom:32px !important}.u-spacing-pl4{padding-left:32px !important}.u-spacing-mt5{margin-top:40px !important}.u-spacing-mr5{margin-right:40px !important}.u-spacing-mb5{margin-bottom:40px !important}.u-spacing-ml5{margin-left:40px !important}.u-spacing-pt5{padding-top:40px !important}.u-spacing-pr5{padding-right:40px !important}.u-spacing-pb5{padding-bottom:40px !important}.u-spacing-pl5{padding-left:40px !important}.u-spacing-mt6{margin-top:48px !important}.u-spacing-mr6{margin-right:48px !important}.u-spacing-mb6{margin-bottom:48px !important}.u-spacing-ml6{margin-left:48px !important}.u-spacing-pt6{padding-top:48px !important}.u-spacing-pr6{padding-right:48px !important}.u-spacing-pb6{padding-bottom:48px !important}.u-spacing-pl6{padding-left:48px !important}.u-spacing-mt7{margin-top:56px !important}.u-spacing-mr7{margin-right:56px !important}.u-spacing-mb7{margin-bottom:56px !important}.u-spacing-ml7{margin-left:56px !important}.u-spacing-pt7{padding-top:56px !important}.u-spacing-pr7{padding-right:56px !important}.u-spacing-pb7{padding-bottom:56px !important}.u-spacing-pl7{padding-left:56px !important}.u-spacing-mt8{margin-top:64px !important}.u-spacing-mr8{margin-right:64px !important}.u-spacing-mb8{margin-bottom:64px !important}.u-spacing-ml8{margin-left:64px !important}.u-spacing-pt8{padding-top:64px !important}.u-spacing-pr8{padding-right:64px !important}.u-spacing-pb8{padding-bottom:64px !important}.u-spacing-pl8{padding-left:64px !important}.u-visible-grid{z-index:10000;margin-left:auto;margin-right:auto;max-width:1152px;width:calc((100% / 14) * 12);position:fixed;left:0;right:0;pointer-events:none}@media screen and (min-width: 840px)and (max-width: 1151px){.u-visible-grid{padding:0}}.u-visible-grid__main{height:100vh;background:repeating-linear-gradient(to right, rgba(255, 0, 85, 0.14), rgba(255, 0, 85, 0.14) 1px, transparent 1px, transparent 8.3333333333%),repeating-linear-gradient(to left, rgba(255, 0, 85, 0.14), rgba(255, 0, 85, 0.14) 1px, transparent 1px, transparent 100vw)}[data-kal].is-kal-end{transition-duration:var(--kal-duration, 1200ms);transition-delay:var(--kal-delay, 0s);transition-timing-function:var(--kal-easing, ease)}[data-kal][data-kal-easing=linear]{transition-timing-function:linear}[data-kal][data-kal-easing=ease]{transition-timing-function:ease}[data-kal][data-kal-easing=ease-in]{transition-timing-function:ease-in}[data-kal][data-kal-easing=ease-out]{transition-timing-function:ease-out}[data-kal][data-kal-easing=ease-in-out]{transition-timing-function:ease-in-out}[data-kal][data-kal-easing=ease-in-cubic]{transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}[data-kal][data-kal-easing=ease-out-cubic]{transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}[data-kal][data-kal-easing=ease-in-out-cubic]{transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)}[data-kal][data-kal-easing=ease-in-circ]{transition-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.335)}[data-kal][data-kal-easing=ease-out-circ]{transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1)}[data-kal][data-kal-easing=ease-in-out-circ]{transition-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86)}[data-kal][data-kal-easing=ease-in-expo]{transition-timing-function:cubic-bezier(0.95, 0.05, 0.795, 0.035)}[data-kal][data-kal-easing=ease-out-expo]{transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}[data-kal][data-kal-easing=ease-in-out-expo]{transition-timing-function:cubic-bezier(1, 0, 0, 1)}[data-kal][data-kal-easing=ease-in-quad]{transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)}[data-kal][data-kal-easing=ease-out-quad]{transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)}[data-kal][data-kal-easing=ease-in-out-quad]{transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)}[data-kal][data-kal-easing=ease-in-quart]{transition-timing-function:cubic-bezier(0.895, 0.03, 0.685, 0.22)}[data-kal][data-kal-easing=ease-out-quart]{transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}[data-kal][data-kal-easing=ease-in-out-quart]{transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}[data-kal][data-kal-easing=ease-in-quint]{transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}[data-kal][data-kal-easing=ease-out-quint]{transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)}[data-kal][data-kal-easing=ease-in-out-quint]{transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1)}[data-kal][data-kal-easing=ease-in-sine]{transition-timing-function:cubic-bezier(0.47, 0, 0.745, 0.715)}[data-kal][data-kal-easing=ease-out-sine]{transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1)}[data-kal][data-kal-easing=ease-in-out-sine]{transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95)}[data-kal][data-kal-easing=ease-in-back]{transition-timing-function:cubic-bezier(0.6, -0.28, 0.735, 0.045)}[data-kal][data-kal-easing=ease-out-back]{transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)}[data-kal][data-kal-easing=ease-in-out-back]{transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55)}[data-kal|=fade].is-kal-start{opacity:0}[data-kal|=fade].is-kal-end{transition-property:opacity;opacity:1}[data-kal=slide-up].is-kal-start{opacity:0;transform:translateY(64px)}[data-kal=slide-up].is-kal-end{transition-property:opacity,transform;transition-duration:1200ms,1000ms;transition-timing-function:cubic-bezier(0.37, 0.01, 0, 0.98);opacity:1;transform:none}[data-kal=zoom-in].is-kal-start{opacity:0;transform:scale(0.8)}[data-kal=zoom-in].is-kal-end{transition-property:opacity,transform;opacity:1;transform:none}[data-kal=slide-left].is-kal-start{opacity:0;transform:translateX(40px)}[data-kal=slide-left].is-kal-end{transition-property:opacity,transform;transition-duration:1200ms,1600ms;transition-timing-function:cubic-bezier(0.37, 0.01, 0, 0.98);opacity:1;transform:none}","/* ==========================================================================\n * Basic elements (no class selectors allowed)\n * ========================================================================== */\n\n/**\n * Set up the html\n *\n * 1. Makes sure that some fonts are better rendered\n * 2. Set font to lining figures\n */\nhtml {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  text-rendering: optimizeLegibility;\n  font-feature-settings: \"lnum\";\n  box-sizing: border-box;\n}\n\nbody {\n  @include font-size(base);\n  @include font-family(base);\n  position: relative;\n  margin: 0;\n  color: palette(primary);\n}\n\n\n/**\n * [1] Make sure elements like input and textarea inherit some base properties\n *     https://www.smashingmagazine.com/2016/11/css-inheritance-cascade-global-scope-new-old-worst-best-friends/\n *\n * [2] Setting box-sizing the best way per:\n *     https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/\n */\n* {\n  font-family: inherit;\n  line-height: inherit;\n  color: inherit;\n\n  &,\n  &:before,\n  &:after {\n    box-sizing: inherit;\n  }\n}\n\n/**\n * [1] Turn off text-shadow when selecting text for better readability\n */\n::selection {\n  background: palette(secondary);\n  color: white;\n  text-shadow: none; /* [1] */\n}\n\n/* Remove default margin around figure\n */\nfigure {\n  margin: 0;\n}\n\n/**\n * [1] Setting 'vertical-align' removes the whitespace that appears under 'img'\n *\t   elements when they are dropped into a page as-is. Safer alternative to\n *\t   using 'display: block;'.\n * [2] Remove border / especially on older browsers\n */\nimg, svg {\n  vertical-align: middle; /*[1]*/\n  border: none; /*[2]*/\n  max-width: 100%;\n}\n\n/**\n * Still add display block to svg and picture to prevent unwanted spacing or collapsing\n */\nsvg, picture {\n  display: block;\n}\n\n/**\n *  Needed for iOS to prevent input zooming\n *  https://uxcellence.com/2014/01/15/quick-fix-increase-font-size-to-16px-to-fix-input-zoom\n */\ninput,\nselect,\ntextarea {\n  font-size: 16px;\n}\n\n\na {\n  color: palette(action);\n  text-decoration-skip-ink: auto; // pretty underlining links\n\n  &:not([class]):hover { // Links with no class get a default hover\n    color: scale-color(palette(action), $lightness: -20%);\n  }\n}\n\n\n// TODO: Is this the right way to reset all margin??\n// Reset all top margins\nh1,h2,h3,h4,h5,h6,hgroup,\nul,ol,dd,\np,figure,\npre,table,fieldset,hr {\n  margin-top: 0;\n  margin-bottom: 0;\n}\n\n\nhr {\n  border: 0;\n  height: 0;\n  border-top: 1px solid palette(tertiary, 100);\n}","/* ==========================================================================\n * Font related functions\n * ========================================================================== */\n\n\n/**\n *  Mixin for setting font-size in REM through a Sass Map with all available sizes\n\n    USAGE:\n\n    .myClass {\n        @include font-size(xl);\n    }\n\n */\n\n@mixin font-size($fs, $lh: null) {\n  // Get correct key with font-size and line-height px value\n  $font-size-properties: map-get($font-sizes, $fs);\n  @if $font-size-properties {\n    @include font-size(map-get($font-size-properties, font-size));\n\n    @if($lh == null){\n      line-height: map-get($font-size-properties, line-height) / map-get($font-size-properties, font-size);\n    } @else {\n      line-height: $lh / map-get($font-size-properties, font-size);\n    }\n  }\n    // When mapping isn't found calculate as if PX-value was given and return REM value\n  @else {\n    @if is-number($fs) {\n      font-size: valueToRem($fs);\n\n      @if($lh != null){\n        line-height: $lh / $fs;\n      }\n    }\n    @else {\n      @warn \" `#{$fs}` is not a valid value. It must be one of the following: `#{$font-sizes}`\";\n    }\n  }\n}\n\n\n\n/**\n *  Mixin for setting font-weight through a Sass Map with all available weights\n\n    USAGE:\n\n    .myClass {\n        @include font-weight(semiBold);\n    }\n\n\n    .myClass {\n        @include font-weight(bold);\n    }\n\n */\n@mixin font-weight($weight) {\n  @if map-get($font-weights, $weight) {\n    @include font-weight(map-get($font-weights, $weight));\n  }\n  @else {\n    @if is-number($weight) {\n      font-weight: $weight;\n    }\n    @else {\n      @warn \" `#{$weight}` is not a valid value. It must be one of the following: `#{$font-weights}`\";\n    }\n  }\n}\n\n\n/**\n *\tA simple function for accessing the font families from our mapping\n\n\tUSAGE:\n\n\tspan {\n\t\t@include font-family(base);\n\t}\n\n */\n\n@mixin font-family($family: 'base') {\n  @if map-has-key($font-families, $family) {\n    font-family: map-get($font-families, $family);\n  }\n  @else {\n    @warn \"Unknown family: `#{$family}` in $font-families. \";\n    font-family: map-get($font-families, system);\n  }\n}","//h1, h2, h3, h4{\n//\t@include font-family(base);\n//}\n\nh1 {\n\t@include font-size(xxl);\n\t@include font-weight(bold);\n}\n\nh2 {\n\t@include font-size(xl);\n\t@include font-weight(bold);\n}\n\nh3 {\n\t@include font-size(l);\n\t@include font-weight(bold);\n}\n\nh4, h5, h6 {\n\t@include font-size(m);\n\t@include font-weight(bold);\n}","/** =====================================================================================\n *  Lists\n ===================================================================================== */\n\n\n/**\n *\tDefault indentation value for lists\n */\n\nul,\nol{\n\tpadding: 0;\n\tmargin: 0;\n\tmargin-left: 1.125em;\n}\n\ndd{\n\tmargin-left: 0;\n}\n\n\n\n/**\n *\tRemove extra vertical spacing when nesting lists.\n */\n\nli {\n\t> ul,\n\t> ol {\n\t\tmargin-bottom: 0;\n\t}\n}","/*==========================================================================\n * Contains\n * ========================================================================== */\n\n\n.l-contain {\n  @include contain;\n}","/** =====================================================================================\n *  Toolbox functions\n ===================================================================================== */\n\n\n/**\n *  Maths helpers.\n *  Halve and double numbers, returning rounded integers.\n\n    USAGE:\n\n    .foo {\n        padding: halve(30px);\n    }\n\n */\n\n@function quarter($number) {\n\t@return $number / 4;\n}\n\n@function halve($number) {\n\t@return $number / 2;\n}\n\n@function double($number) {\n\t@return $number * 2;\n}\n\n@function triple($number) {\n\t@return $number * 3;\n}\n\n@function quadruple($number) {\n\t@return $number * 4;\n}\n\n\n/**\n *  Remove the unit of a length\n *  @param {Number} $number - Number to remove unit from\n *  @return {Number} - Unitless number\n */\n\n@function strip-unit($number) {\n\t@if type-of($number) == 'number' and not unitless($number) {\n\t\t@return $number / ($number * 0 + 1);\n\t}\n\n\t@return $number;\n}\n\n\n/* Check if value is number */\n\n@function is-number($value) {\n\t@return type-of($value) == 'number';\n}\n\n\n/* Value to Em */\n\n@function valueToRem($value) {\n\t$noUnits: strip-unit($value);\n\t@return #{$noUnits / 16 * 1rem};\n}\n\n/* Value to Rem */\n\n@function valueToEm($value) {\n\t$noUnits: strip-unit($value);\n\t@return #{$noUnits / 16 * 1em};\n}\n\n\n/**\n *\tA simple function for accessing the colors from our mapping\n *\tTo access colors in our palette, we use a very simple custom Sass function\n\n\tUSAGE:\n\n\ta {\n\t\tcolor: palette(primary);\n\n\t\t&:hover {\n\t\t\tcolor: palette(primary, 400);\n\t\t}\n\t}\n\n */\n\n@function palette($palette, $level: 1) {\n\t@if map-has-key($palettes, $palette) {\n\t\t@if map-has-key(map-get($palettes, $palette), $level) {\n\t\t\t@return map-get(map-get($palettes, $palette), $level);\n\t\t} @else {\n\t\t\t// If level doesn't exist in map, give the first value of the palette\n\t\t\t@return nth(nth(map-get($palettes, $palette), 1), 2);\n\t\t}\n\t}\n\n\t@warn \"Unknown color: `#{$palette}` in $palette. \";\n\t@return hotpink;\n}\n\n// Set a fixed space based on the 8pt grid\n// Just pass the function a number equal to the number of (8)points you need\n@function space($size: '1') {\n\t@return 8px * $size;\n}\n\n/*\n * Set vertical spacing for viewport larger than mobile\n * In flexible units (vw) and on max viewport in a fixed amount (px)\n\n USAGE:\n\n .example {\n\t @include vspacing(\n\t\t'padding-top' 0.33,\n\t\t'margin-bottom' 0.5\n\t);\n  }\n\n */\n\n@mixin vspacing($values...) {\n\t@include mq($max: $bp-max) {\n\t\t@each $i in $values {\n\t\t\t#{nth($i, 1)}: #{(1 / ($site-columns + 2) * 100) * nth($i, 2)}vw;\n\t\t}\n\t}\n\t// lock it in px values so it won't keep growing\n\t@include mq($bp-max) {\n\t\t@each $i in $values {\n\t\t\t//#{nth($i, 1)}: #{($site-max-width / $site-columns) * nth($i, 2)}px;\n\t\t\t#{nth($i, 1)}: #{$site-column-size * nth($i, 2)}px;\n\t\t}\n\t}\n}\n\n\n/**\n *\tA simple function for setting a consistent box-shadow\n\n\tUSAGE:\n\n\t.card {\n\t\t@include box-shadow;\n\t}\n\n\t.card--alt {\n\t\t@include box-shadow(low);\n\t}\n\n */\n@mixin box-shadow($type: high) {\n\t@if ($type == 'high') {\n\t\tbox-shadow: 0 20px 30px -10px palette(box-shadow);\n\t}\n\t@if ($type == 'low') {\n\t\tbox-shadow: 0 1px 6px 0 palette(box-shadow);\n\t}\n}\n\n/**\n *\tA simple function for setting a consistent border-radius\n\n\tUSAGE:\n\n\t.card {\n\t\t@include border-radius;\n\t}\n\n\t.card--alt {\n\t\t@include border-radius(l);\n\t}\n\n */\n@mixin border-radius($type: s) {\n\t@if ($type == 's') {\n\t\tborder-radius: map-get($border-radius, s);\n\t}\n\t@if ($type == 'm') {\n\t\tborder-radius: map-get($border-radius, m);\n\t}\n\t@if ($type == 'l') {\n\t\tborder-radius: map-get($border-radius, l);\n\t}\n}\n\n/**\n * Lobotomized Owl Selector mixin:\n * - Set spacing for consecutive items with margin-top on all but the first item\n\n\tUSAGE:\n\n\t.box {\n\t\t@include owl-children;\n\t}\n\n\t.card__item {\n\t\t@include owl;\n\t}\n\n */\n\n// Gives the children of the element spacing\n@mixin owl-children($margin: #{$line-height-ratio}rem) {\n\t& > * + * {\n\t\tmargin-top: $margin;\n\t}\n}\n\n// Gives the element itself spacing\n@mixin owl($margin: #{$line-height-ratio}rem) {\n\t& + & {\n\t\tmargin-top: $margin;\n\t}\n}\n\n/**\n *  Show hyphens for every browser supporting it\n *  and will break lines in every other browser\n */\n\n@mixin hyphenate {\n\toverflow-wrap: break-word;\n\tword-wrap: break-word;\n\t-webkit-hyphens: auto;\n\t-ms-hyphens: auto;\n\thyphens: auto;\n}\n\n/*\n *  Restrict an element to a max-width for creating gutters on the side\n */\n/*\n *  Restrict an element to a max-width for creating gutters on the side\n */\n@mixin contain($mq: null, $max: null) {\n\tmargin-left: auto;\n\tmargin-right: auto;\n\n\t@if ($max == null) {\n\t\tmax-width: #{$site-max-width}px;\n\n\t\t// if no argument is passed contain on all viewports\n\t\t@if ($mq == null) {\n\t\t\twidth: calc((100% / #{$site-columns}) * #{$site-columns - 2});\n\t\t} @else {\n\t\t\t// if media query is passed use that in our mixin\n\t\t\t@include mq($mq) {\n\t\t\t\twidth: calc((100% / #{$site-columns}) * #{$site-columns - 2});\n\t\t\t}\n\t\t}\n\t}\n\t@else {\n\t\t@include mq($max: $max) {\n\t\t\twidth: calc((100% / #{$site-columns}) * #{$site-columns - 2});\n\t\t}\n\t}\n}\n\n\n/*\n *\tA mixin to set elements to its own named grid-area\n */\n\n@mixin template($elements...) {\n\t@each $element in $elements {\n\t\t&__#{$element} {\n\t\t\tgrid-area: $element;\n\t\t\tdisplay: block; // In IE grid items can't be inline\n\t\t}\n\t}\n}","/* Media query mixin for writing Mobile First\n * ========================================== */\n\n@function convertBreakpointKeyToValue($breakpoint) {\n\n  @if map-has-key($breakpoints, $breakpoint) {\n    @return map-get($breakpoints, $breakpoint);\n  }\n\n  @warn \"Unknown breakpoint: `#{$breakpoint}` in $breakpoints. \";\n  @return null;\n}\n\n@mixin mq($min: null, $max: null) {\n  $query: \"all\" !default;\n\n  // Try to convert $min value if not number or null\n  @if(type-of($min) != number and $min != null){\n    $min: convertBreakpointKeyToValue($min);\n  }\n\n  // Try to convert $max value if not number or null\n  @if(type-of($max) != number and $max != null){\n    $max: convertBreakpointKeyToValue($max);\n  }\n\n  // set both min and max\n  @if ($min != null and $max != null) {\n    $query: \"(min-width: #{$min}px) and (max-width: #{$max - 1}px)\";\n  }\n    // set just min\n  @else if ($min != null and $max == null) {\n    $query: \"(min-width: #{$min}px)\";\n  }\n    // set just max\n  @else if ($min == null and $max != null) {\n    $query: \"(max-width: #{$max - 1}px)\";\n  }\n\n  @media screen and #{$query} {\n    @content;\n  }\n}\n\n","/*==========================================================================\n * Restrict\n *\n * When a block shouldn't take up the whole width of the container\n * we can restrict the maximum width\n * ========================================================================== */\n\n\n.l-restrict-narrow {\n  @include mq(m) {\n    margin-left: auto;\n    margin-right: auto;\n    width: column(6,8);\n    max-width: 38em;\n  }\n  @include mq(l){\n    width: column(6);\n  }\n}\n\n.l-restrict-wide {\n  @include mq(m){\n    margin-left: auto;\n    margin-right: auto;\n    width: column(7,8);\n  }\n\n  @include mq(l){\n    width: column(8);\n  }\n}","$c-award-bp1: 500; // same as trophies\n$c-award-bp2: 660;\n$c-award-bp3: 1300;\n\n.c-award {\n\tdisplay: flex;\n\n\t@include mq($c-award-bp2) {\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\ttext-align: center;\n\t}\n}\n\n\n.c-award__image {\n\tmax-height: 72px;\n\tmargin-right: space(2);\n\n\t@include mq($c-award-bp2) {\n\t\tmargin-bottom: space(2);\n\t\tmax-width: 120px;\n\t\tmax-height: 120px;\n\t\tmargin-right: 0;\n\t}\n}\n\n\n.c-award__name {\n\t@include font-size(s);\n\t@include font-weight(semiBold);\n\twidth: 100%;\n\n\t@include mq($c-award-bp1) {\n\t\t@include font-size(base);\n\t}\n\n\t@include mq($c-award-bp3) {\n\t\t@include font-size(m);\n\t}\n}","/* ==========================================================================\n * Default button\n * ========================================================================== */\n\n/* 1. Color gets inherited and used for nested elements with 'currentColor' property */\n\n.c-button {\n\t@include font-size(base);\n\t@include font-weight(semiBold);\n\tline-height: 1;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tpadding: space(2) 0;\n\tbackground-color: palette(secondary, 300);\n\tborder: none;\n\tborder-radius: 500px;\n\tcolor: palette(neutral, 0); /* 1 */\n\ttext-decoration: none;\n\tcursor: pointer;\n\tposition: relative;\n\toverflow: hidden;\n\n\t&:disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t&::before,\n\t&::after {\n\t\t$h: 100px;\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\ttop: -50%;\n\t\tleft: -140%;\n\t\twidth: 120%;\n\t\theight: $h;\n\t\tbackground-color: rgba(palette(tertiary, 400), 0.8);\n\t\tz-index: 0;\n\t\ttransform: skew($site-skew-angle);\n\t\ttransition: all 550ms cubic-bezier(0.32, 0.71, 0.07, 1.06);\n\t}\n\t&::before {\n\t\ttransition-delay: 0.1s;\n\t\tbackground-color: rgba(palette(tertiary, 300), 0.8);\n\t}\n\n\t&:hover {\n\t\t&::before {\n\t\t\topacity: 1;\n\t\t\ttransition-delay: 0s;\n\t\t\ttransform: translateX(110%) skew($site-skew-angle);\n\t\t}\n\t\t&::after {\n\t\t\topacity: 1;\n\t\t\ttransition-delay: 0.2s;\n\t\t\ttransform: translateX(110%) skew($site-skew-angle);\n\t\t}\n\t}\n\n}\n\n.c-button__text {\n\tposition: relative;\n\tz-index: 1;\n\tpadding: 0 space(3);\n\ttext-align: center;\n\n\t.c-button--icon & {\n\t\tpadding-right: space(2);\n\t}\n}\n\n.c-button__icon {\n\tdisplay: none; // By default icon is hidden\n\tposition: relative;\n\ttop: 0;\n\tleft: -4px;\n\tmargin-right: 15px;\n\ttransition: transform 0.3s;\n\n\t.c-button:hover:not(:disabled) & {\n\t\ttransform: translateX(4px);\n\t}\n\n\t// When icon comes before the text (in the DOM) switch the margin\n\t&:first-child {\n\t\tmargin-right: 0;\n\t\tmargin-left: 15px;\n\t}\n\n\t.c-button--icon & {\n\t\tdisplay: block; // Show when has icon modifier\n\t}\n}\n\n\n.c-button--dark {\n\tbackground-color: palette(primary);\n}","$c-card-image-size: 144px;\n$c-card-gutter: space(6);\n$c-card-gutter-small: space(3);\n\n.c-card {\n\twidth: 100%;\n\tmax-width: 360px;\n\tdisplay: flex;\n\tflex-direction: column;\n\n\t&[href] {\n\t\ttext-decoration: none;\n\t}\n}\n\n\n.c-card__image {\n\tborder-radius: 500px;\n\twidth: $c-card-image-size;\n\theight: $c-card-image-size;\n\tmargin-left: $c-card-gutter;\n\tposition: relative;\n\tz-index: 1;\n\toverflow: hidden;\n\tbackground-color: scale_color(palette(tertiary, 100), $lightness: 20%);\n}\n\n\n.c-card__body {\n\tflex: auto;\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n\tz-index: 0;\n\tmargin-top: halve(-$c-card-image-size);\n\tpadding: (halve($c-card-image-size) + space(5)) $c-card-gutter $c-card-gutter;\n\tbackground-color: palette(secondary, 100);\n\ttransition: all 150ms linear;\n\n\t@include mq($max: 560) {\n\t\tpadding: (halve($c-card-image-size) + space(5)) $c-card-gutter-small $c-card-gutter-small;\n\t}\n\n\t.c-card[href]:hover & {\n\t\tbackground-color: scale_color(palette(secondary, 100), $lightness: -4%);\n\t\tbox-shadow:\n\t\t\t0 1.9px 2.7px -8px rgba(0, 0, 0, 0.019),\n\t\t\t0 4.9px 6.9px -8px rgba(0, 0, 0, 0.029),\n\t\t\t0 9.9px 14.2px -8px rgba(0, 0, 0, 0.037),\n\t\t\t0 20.4px 29.2px -8px rgba(0, 0, 0, 0.047),\n\t\t\t0 56px 80px -8px rgba(0, 0, 0, 0.07)\n\t;\n\t}\n\n\t.c-card--has-no-image & {\n\t\tmargin-top: 0;\n\t\tpadding: $c-card-gutter;\n\n\t\t@include mq($max: 560) {\n\t\t\tpadding: $c-card-gutter-small;\n\t\t}\n\t}\n}\n\n\n\n\n\n.c-card__header {\n\tmargin-bottom: space(2);\n}\n\n\n.c-card__title {\n\t@include font-size(l);\n\tcolor: palette(tertiary, 400);\n}\n\n\n.c-card__title--dark {\n\tcolor: palette(primary, 700);\n}\n\n\n.c-card__subtitle {\n\t@include font-size(s);\n\tcolor: palette(tertiary, 400);\n}\n\n\n.c-card__content {\n\tcolor: palette(primary);\n\n\t&:not(:last-child){\n\t\tmargin-bottom: space(2);\n\t}\n}\n\n\n.c-card__content--quote {\n\tquotes: '\\201c' '\\201d';\n\t&::before { content: open-quote; }\n\t&::after  { content: close-quote; }\n}\n\n\n.c-card__action {\n\tmargin-top: auto;\n}\n\n\n// Modifier for centering content\n.c-card--center {\n\ttext-align: center;\n\n\t.c-card__image {\n\t\tmargin: auto;\n\t}\n}",".c-close {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\talign-self: center;\n\twidth: space(5);\n\theight: space(5);\n\tpadding: 0;\n\tbackground: none;\n\tborder: none;\n\toutline: none;\n\tcursor: pointer;\n\ttransition: transform 180ms ease-out;\n\n\t&:focus {\n\t\tbox-shadow: 0 0 3px 2px white;\n\t}\n\n\t&:after,\n\t&:before {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\ttop: 20px;\n\t\tright: 20%;\n\t\tleft: 20%;\n\t\theight: 3px;\n\t\tmargin-top: -2px;\n\t\tpointer-events: none;\n\t\tbackground: white;\n\t\tborder-radius: 3px;\n\t}\n\t&:before {\n\t\ttransform: rotate(45deg);\n\t}\n\t&:after {\n\t\ttransform: rotate(-45deg);\n\t}\n\n\t&:hover {\n\t\ttransform: scale(1.2);\n\t}\n}",".c-checkbox {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.c-checkbox__input {\n  margin: 4px 0 0;\n  width: 14px;\n}\n\n.c-checkbox__text {\n  width: calc(100% - 28px);\n}","\n// Copied from Rentman project, then edited slightly to fit inside flag organism.\n\n.c-customer-logo-slider {\n\tdisplay: grid;\n\tgrid-template-columns: 80px 1fr 80px;\n\talign-items: center;\n\n\t.ie & {\n\t\tgrid-template-columns: 1fr calc(100% - 120px) 1fr;\n\t}\n\n}\n\n.c-customer-logo-slider__container {\n\tgrid-column: 2;\n\tposition: relative;\n\twidth: 100%;\n\theight: 96px;\n\topacity: 1;\n\ttransition: opacity 0.3s;\n\n\t&.is-loading {\n\t\topacity: 0;\n\t}\n}\n\n.c-customer-logo-slider__button {\n\tposition: relative;\n\tgrid-column: 1;\n\tgrid-row: 1;\n\tflex: none;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 30px;\n\theight: 30px;\n\tcolor: palette(secondary, 300);\n\tbackground-color: transparent;\n\tborder: 1px solid currentColor;\n\tborder-radius: 500px;\n\ttransition: all 150ms linear;\n\tcursor: pointer;\n\n\t.ie & {\n\t\tmargin-top: 15px;\n\t}\n\n\t@include mq(850) {\n\t\twidth: 48px;\n\t\theight: 48px;\n\t}\n\n\t&:hover {\n\t\tcolor: palette(secondary, 100);\n\t}\n\n\t&:focus {\n\t\toutline: none;\n\t}\n\n\t&.previous {\n\t\tgrid-column: 1;\n\t}\n\n\t&.next {\n\t\tgrid-column: 3;\n\t\tjustify-self: end;\n\t}\n}\n\n.c-customer-logo-slider-button__icon{\n\tposition: relative;\n\n\t.previous & {\n\t\ttop: -3px;\n\t}\n\n\t.next & {\n\t\ttop: -1px;\n\t}\n}\n\n\n\n$itemWidth: 21%;\n$slideItems: 4;\n\n.c-customer-logo-slider__placeholder {\n\twidth: $itemWidth;\n\n\t&:before {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 0;\n\t\tpadding-bottom: 50%;\n\t}\n}\n\n.c-customer-logo-slider__item {\n\tposition: absolute;\n\theight: 100%;\n\ttop: 0;\n\tleft: 0;\n\topacity: 0;\n\tdisplay: block;\n\twidth: $itemWidth;\n\ttransition: left 750ms, opacity 750ms, transform 750ms;\n\ttransition-timing-function: cubic-bezier(0.5, 0, 0, 1);\n\n\t&.is-hidden {\n\t\tpointer-events: none;\n\t}\n}\n\n.c-customer-logo-slider__item--position-1 {\n\topacity: 1;\n}\n\n.c-customer-logo-slider__item--position-5 {\n\tleft: 100%;\n\tpointer-events: none;\n\topacity: 0;\n\ttransform: scale3d(0, 0, 1);\n}\n\n\n@for $i from 2 through $slideItems {\n\t.c-customer-logo-slider__item--position-#{$i} {\n\t\tleft: #{$itemWidth * ($i - 1) + ((100% - $itemWidth * $slideItems) / ($slideItems - 1) * ($i - 1))};\n\t\topacity: 1;\n\t}\n}\n\n\n.c-customer-logo-slider__item--pre-previous {\n\tleft: #{$itemWidth * -1};\n\tpointer-events: none;\n\ttransform: scale3d(0,0,0);\n}\n\n.c-customer-logo-slider__item--pre-next {\n\tleft: 106.25%;\n\tpointer-events: none;\n\ttransform: scale3d(0,0,0);\n}\n\n\n.c-customer-logo-slider__logo {\n\twidth: 128px;\n\theight: 96px;\n\tbackground-position: center;\n\tbackground-size: contain;\n\tbackground-repeat: no-repeat;\n\ttransition: all 0.4s;\n}\n\n\n@include mq($max: 880) {\n\n\t$itemWidth: 29%;\n\t$slideItems: 3;\n\n\t.c-customer-logo-slider {\n\t\tgrid-template-columns: 64px 1fr 64px;\n\t}\n\n\t.c-customer-logo-slider__placeholder {\n\t\twidth: $itemWidth;\n\t}\n\n\t.c-customer-logo-slider__item {\n\t\twidth: $itemWidth;\n\t}\n\n\t@for $i from 2 through $slideItems {\n\t\t.c-customer-logo-slider__item--position-#{$i} {\n\t\t\tleft: #{$itemWidth * ($i - 1) + ((100% - $itemWidth * $slideItems) / ($slideItems - 1) * ($i - 1))};\n\t\t}\n\t}\n\n\t.c-customer-logo-slider__item--position-4 {\n\t\tleft: 100%;\n\t\tpointer-events: none;\n\t\topacity: 0;\n\t\ttransform: scale3d(0,0,0);\n\t}\n\n}\n\n@include mq($max: 550) {\n\n\t$itemWidth: 46%;\n\t$slideItems: 2;\n\n\t.c-customer-logo-slider {\n\t\tgrid-template-columns: 40px 1fr 40px;\n\t}\n\n\n\t.c-customer-logo-slider__placeholder {\n\t\twidth: $itemWidth;\n\t}\n\n\t.c-customer-logo-slider__item {\n\t\twidth: $itemWidth;\n\t\tpointer-events: none;\n\t\topacity: 0;\n\t}\n\n\t.c-customer-logo-slider__logo {\n\t\twidth: auto;\n\t}\n\n\t.c-customer-logo-slider__item--position-1 {\n\t\topacity: 1;\n\t}\n\n\t.c-customer-logo-slider__item--position-3,\n\t.c-customer-logo-slider__item--position-4,\n\t.c-customer-logo-slider__item--position-5 {\n\t\tleft: 100%;\n\t\topacity: 0;\n\t\ttransform: scale3d(0,0,0);\n\t}\n\n\t@for $i from 2 through $slideItems {\n\t\t.c-customer-logo-slider__item--position-#{$i} {\n\t\t\tleft: #{$itemWidth * ($i - 1) + ((100% - $itemWidth * $slideItems) / ($slideItems - 1) * ($i - 1))};\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n}","// Component settings: file\n// ------------------------------------------\n\n$c-file-upload: (\n\t'color':\t\t\twhite,\n\t'bgcolor':\t\t\ttransparent,\n\t'bgcolor-hover':\tscale-color(palette(secondary), $lightness: -20%),\n);\n\n// ------------------------------------------\n\n\n.c-file-upload__main {\n\tposition: relative;\n\tmargin-bottom: space(2);\n}\n\n\n.c-file-upload__input {\n\topacity: 0;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n}\n\n\n.c-file-upload__button {\n\t@include font-size(s);\n\tfont-weight: 500;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tborder-radius: 500px;\n\tjustify-content: center;\n\tcolor: map-get($c-file-upload, 'color');\n\tbackground-color: map-get($c-file-upload, 'bgcolor');\n\tborder: 1px solid palette(neutral, 500);\n\tmargin-right: space(1);\n\tpadding: space(1) space(2);\n\ttext-transform: uppercase;\n\tposition: relative;\n\toverflow: hidden;\n\tcursor: pointer;\n\ttext-decoration: none;\n\ttransition: all 150ms;\n\n\t&:hover {\n\t\topacity: 0.7;\n\t}\n}\n\n\n.c-file-upload__list {\n\tmargin: space(2) 0;\n\tlist-style: none;\n\toverflow: hidden;\n\n\t& > li {\n\t\tdisplay: flex;\n\t\tjustify-content: flex-start;\n\t\talign-items: center;\n\t\tborder-bottom: 1px solid palette(neutral, 300);\n\t\tpadding: space(0.5) 0;\n\t\tanimation: expand .5s ease-in-out;\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tmargin-right: space(1);\n\t\t\tbackground: url(\"/img/file.svg\") no-repeat;\n\t\t}\n\n\t\t// delete button\n\t\t& > button {\n\t\t\tfont-size: 24px;\n\t\t\tline-height: 16px;\n\t\t\tcolor: palette(neutral, 1000);\n\t\t\tmargin-left: auto;\n\t\t\tborder: none;\n\t\t\tbackground-color: transparent;\n\t\t\tcursor: pointer;\n\t\t\toutline: none;\n\t\t\ttransition: color 150ms linear;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: red;\n\t\t\t}\n\n\t\t\t&::before {\n\t\t\t\tcontent: '\\00D7';\n\t\t\t}\n\t\t}\n\t}\n}\n\n\n.c-file-upload__note {\n\tcolor: palette(neutral, 400);\n}\n\n\n@keyframes expand {\n\tfrom {\n\t\ttransform: translateX(-100%);\n\t\ttransform-origin: top;\n\t\topacity: 0;\n\t\tbackground: palette(feedback, action);\n\t}\n}\n",".c-flash-message-container {\n\tposition: relative;\n}\n\n.c-flash-message {\n\t@include border-radius(m);\n\tposition: absolute;\n\tbottom: -80%;\n\tleft: 50%;\n\tdisplay: inline-block;\n\twhite-space: nowrap;\n\tpadding: 5px 15px;\n\tbackground-color: palette(action);\n\tfont-size: 0.6rem;\n\tline-height: 1;\n\t@include font-weight(bold);\n\ttext-transform: uppercase;\n\tcolor: white;\n\topacity: 0;\n\ttransform: translate3d(-50%, -5px, 0);\n\ttransition-property: opacity, transform;\n\ttransition-duration: 0.3s;\n\n\t&::after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: -8px;\n\t\tleft: calc(50% - 7.5px);\n\t\tdisplay: block;\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-style: solid;\n\t\tborder-width: 0 7.5px 8px 7.5px;\n\t\tborder-color: transparent transparent palette(action) transparent;\n\t}\n\n\t&.clicked {\n\t\topacity: 1;\n\t\ttransform: translate3d(-50%, 0, 0);\n\t}\n}",".c-form-element {}\n\n.c-form-element--honey{\n  position: fixed;\n  top: -100px;\n  height: 20px;\n  width: 100%;\n}\n\n.c-form-element__error {\n  display: none;\n  @include border-radius(s);\n  @include font-size(s);\n  margin-top: space(0.5);\n  padding: 2px space(1);\n  color: rgba(palette(warning, 500), 0.9);\n\n  &:not(:empty) {\n    display: block;\n  }\n}\n\n.c-form-element__label {\n  order: 1;\n  padding-left: space(2);\n  padding-bottom: space(1);\n\n  //.c-form-element__value:focus ~ & {\n    //color: white;\n  //}\n  //\n  //.has-error & {\n  //  color: palette(alert);\n  //}\n\n  @at-root p#{&} {\n    margin: 0;\n  }\n}",".c-form-feedback{\n  margin: 0 0 space(1);\n  padding: space(3) space(4);\n  background-color: palette(warning, 200);\n  border: 1px solid palette(warning, 500);\n  @include border-radius(s);\n  @include font-size(s);\n  color: palette(primary);\n\n  &:not(:empty) {\n    display: block;\n  }\n\n  &:before{\n    content: attr(data-feedback);\n    display: inline-block;\n    margin-left: space(-2);\n    margin-bottom: space(1);\n    @include font-weight(bold);\n    color: palette(warning, 700);\n  }\n\n  li::first-letter {\n    text-transform: uppercase;\n  }\n}","/* ==========================================================================\n * Default button\n * ========================================================================== */\n\n$c-ghost-button-border-size: 1px;\n\n\n/* 1. Color gets inherited and used for nested elements with 'currentColor' property */\n\n.c-ghost-button {\n\t@include font-size(base);\n\t@include font-weight(semiBold);\n\tline-height: 1;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tpadding: calc(#{space(2) -  $c-ghost-button-border-size}) 0;\n\tbackground-color: transparent;\n\tcolor: palette(secondary, 300); /* 1 */\n\tborder: $c-ghost-button-border-size solid currentColor;\n\tborder-radius: 500px;\n\ttext-decoration: none;\n\tcursor: pointer;\n\tposition: relative;\n\toverflow: hidden;\n\ttransition: all 300ms linear;\n\n\t&:disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t&::before,\n\t&::after {\n\t\t$h: 100px;\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\ttop: -50%;\n\t\tleft: -140%;\n\t\twidth: 120%;\n\t\theight: $h;\n\t\tbackground-color: rgba(palette(secondary, 100), 0.5);\n\t\tz-index: 0;\n\t\ttransform: skew($site-skew-angle);\n\t\ttransition: all 550ms cubic-bezier(0.32, 0.71, 0.07, 1.06);\n\t}\n\t&::before {\n\t\ttransition-delay: 0.1s;\n\t\tbackground-color: rgba(palette(secondary, 100), 0.5);\n\t}\n\n\t&:hover {\n\t\t&::before {\n\t\t\topacity: 1;\n\t\t\ttransition-delay: 0s;\n\t\t\ttransform: translateX(110%) skew($site-skew-angle);\n\t\t}\n\t\t&::after {\n\t\t\topacity: 1;\n\t\t\ttransition-delay: 0.2s;\n\t\t\ttransform: translateX(110%) skew($site-skew-angle);\n\t\t}\n\t}\n}\n\n\n.c-ghost-button__text {\n\tposition: relative;\n\tz-index: 1;\n\tpadding: 0 space(3);\n\ttext-align: center;\n\ttransition: color 0.2s linear;\n\n\t.c-ghost-button--icon & {\n\t\tpadding-right: space(2);\n\t}\n\n\t.c-ghost-button:hover:not(:disabled) & {\n\t\tcolor: palette(primary, 700);\n\t}\n}\n\n\n.c-ghost-button__icon {\n\tdisplay: none; // By default icon is hidden\n\tposition: relative;\n\ttop: 0;\n\tleft: -4px;\n\tmargin-right: 15px;\n\ttransition: transform 0.3s;\n\n\t.c-ghost-button:hover:not(:disabled) & {\n\t\ttransform: translateX(4px);\n\t}\n\n\t// When icon comes before the text (in the DOM) switch the margin\n\t&:first-child {\n\t\tmargin-right: 0;\n\t\tmargin-left: 15px;\n\t}\n\n\t.c-ghost-button--icon & {\n\t\tdisplay: block; // Show when has icon modifier\n\t}\n}",".c-google-maps {\n  position: relative;\n  width: 100%;\n  height: 0;\n  padding-bottom: 50%;\n}\n\n.c-google-maps__map {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n}",".c-hamburger {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-self: center;\n\tposition: relative;\n\twidth: space(5);\n\theight: space(5);\n\tpadding: 0;\n\tcolor: palette(neutral, 0);\n\tbackground: none;\n\tborder: none;\n\toutline: none;\n\tcursor: pointer;\n\n\t&:focus {\n\t\tbox-shadow: 0 0 3px 2px palette(action);\n\t}\n\n\t&.is-light {\n\t\tcolor: white;\n\t}\n\n\t& > span{\n\t\tposition: absolute;\n\t\ttop: 20px;\n\t\tright: 20%;\n\t\tleft: 20%;\n\t\theight: 3px;\n\t\tmargin-top: -2px;\n\t\tpointer-events: none;\n\t\tbackground: currentColor;\n\t\tborder-radius: 3px;\n\t\ttransform-origin: right;\n\t\ttransition-property: transform;\n\t\ttransition-duration: 150ms;\n\t\ttransition-timing-function: ease-out;\n\t\ttransition-delay: 100ms;\n\t}\n\n\t& > span:nth-child(1) {\n\t\ttop: 12px;\n\t\ttransform: scaleX(0.8);\n\t}\n\n\t& > span:nth-child(3) {\n\t\ttop: 28px;\n\t\ttransform: scaleX(0.5);\n\t}\n\n\t&:hover {\n\t\t& > span {\n\t\t\ttransform: scaleX(0.8);\n\t\t}\n\t\t& > span:nth-child(1),\n\t\t& > span:nth-child(3) {\n\t\t\ttransform: scaleX(1);\n\t\t}\n\t}\n\n\t.is-overlay-menu-active & {\n\t\t& > span {\n\t\t\ttransform: scaleX(1) !important;\n\t\t}\n\t\t& > span:nth-child(1) {\n\t\t\ttransform: translateY(3px) scaleX(1) !important;\n\t\t\ttransition-delay: 0s;\n\t\t}\n\t\t& > span:nth-child(3) {\n\t\t\ttransform: translateY(-3px) scaleX(1) !important;\n\t\t\ttransition-delay: 0s;\n\t\t}\n\t}\n}","$c-icon-button-size: 40px;\n\n.c-icon-button {\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: $c-icon-button-size;\n\theight: $c-icon-button-size;\n\tcolor: palette(action);\n\tborder: 1px solid rgba(palette(action), 0.3);\n\tborder-radius: 100%;\n\ttransition-property: color, background-color, border, box-shadow;\n\ttransition-duration: 0.25s;\n\toutline: none;\n\n\t&:hover {\n\t\tcolor: white;\n\t\tbackground-color: palette(action);\n\t\tborder-color: transparent;\n\t\tcursor: pointer;\n\t}\n\n\t&:active {\n\t\tbackground-color: scale-color(palette(action), $lightness: -30%);\n\t\tcolor: white;\n\t}\n\n\t&:focus {\n\t\t@include box-shadow(low);\n\t}\n\n\t&[data-icon-direction=\"reverse\"] {\n\t\ttransform: rotate(0.5turn);\n\t}\n}","$inputBorder: 1px;\n\n.c-input {\n  @include font-size(base);\n  width: 100%;\n  padding: space(1) space(3);\n  border-radius: 500px;\n  border: none;\n  outline: none;\n  color: palette(primary, 700);\n\n  .has-error & {\n    box-shadow: 0 0 7px -3px palette(action);\n    border-color: palette(action);\n  }\n\n  &::placeholder {\n    color: rgba(palette(primary), 0.5);\n  }\n\n  &:focus {\n    box-shadow: 0 0 7px -3px rgba(palette(action), 0.75);\n    border-color: palette(action);\n  }\n\n  &:focus::placeholder {\n    color: rgba(palette(primary), 0.2);\n  }\n\n  @at-root textarea#{&} {\n    @include border-radius(m);\n    display: block;\n    //min-height: space(20) - double($inputBorder);\n    height: auto;\n    line-height: space(3);\n    resize: vertical;\n  }\n}","$c-range-color-transparent: rgba(0, 0, 0, 0);\n\n$c-range-color-1: \t\t\tpalette(tertiary, 100);\n$c-range-color-2: \t\t\tpalette(tertiary, 400);\n$c-range-color-3: \t\t\tpalette(neutral, 0);\n\n$c-range-color-dark-1: \t\tpalette(secondary, 200);\n$c-range-color-dark-2: \t\tpalette(neutral, 0);\n$c-range-color-dark-3: \t\tpalette(tertiary, 400);\n\n\ninput[type=range].c-input-range {\n\t-webkit-appearance: none;\n\twidth: 100%;\n\tmargin: 9px 0;\n}\ninput[type=range].c-input-range:focus {\n\toutline: none;\n}\ninput[type=range].c-input-range::-webkit-slider-runnable-track {\n\twidth: 100%;\n\theight: 2px;\n\tcursor: pointer;\n\tbox-shadow: 0 0 0 $c-range-color-transparent, 0 0 0 $c-range-color-transparent;\n\tbackground: $c-range-color-1;\n\tborder-radius: 0;\n\tborder: 0 solid rgba($c-range-color-3, 0);\n}\ninput[type=range].c-input-range::-webkit-slider-thumb {\n\tbox-shadow: 0 0 0 $c-range-color-transparent, 0 0 0 $c-range-color-transparent;\n\tborder: 4px solid $c-range-color-2;\n\theight: 20px;\n\twidth: 20px;\n\tborder-radius: 10px;\n\tbackground: $c-range-color-3;\n\tcursor: pointer;\n\t-webkit-appearance: none;\n\tmargin-top: -9px;\n}\ninput[type=range].c-input-range:focus::-webkit-slider-runnable-track {\n\tbackground: $c-range-color-1;\n}\ninput[type=range].c-input-range::-moz-range-track {\n\twidth: 100%;\n\theight: 2px;\n\tcursor: pointer;\n\tbox-shadow: 0 0 0 $c-range-color-transparent, 0 0 0 $c-range-color-transparent;\n\tbackground: $c-range-color-1;\n\tborder-radius: 0;\n\tborder: 0 solid rgba($c-range-color-3, 0);\n}\ninput[type=range].c-input-range::-moz-range-thumb {\n\tbox-shadow: 0 0 0 $c-range-color-transparent, 0 0 0 $c-range-color-transparent;\n\tborder: 4px solid $c-range-color-2;\n\theight: 20px;\n\twidth: 20px;\n\tborder-radius: 10px;\n\tbackground: $c-range-color-3;\n\tcursor: pointer;\n}\n//input[type=range].c-input-range::-ms-track {\n//\twidth: 100%;\n//\theight: 18px;\n//\tcursor: pointer;\n//\tbackground-color: transparent;\n//\tborder-color: transparent;\n//\tcolor: transparent;\n//}\n//input[type=range].c-input-range::-ms-fill-lower {\n//\tbackground: $c-range-color-1;\n//\tborder: 0 solid rgba($c-range-color-3, 0);\n//\tborder-radius: 0;\n//\tbox-shadow: 0 0 0 $c-range-color-transparent, 0 0 0 $c-range-color-transparent;\n//}\n//input[type=range].c-input-range::-ms-fill-upper {\n//\tbackground: $c-range-color-1;\n//\tborder: 0 solid rgba($c-range-color-3, 0);\n//\tborder-radius: 0;\n//\tbox-shadow: 0 0 0 $c-range-color-transparent, 0 0 0 $c-range-color-transparent;\n//}\ninput[type=range].c-input-range::-ms-thumb {\n\tbox-shadow: 0 0 0 $c-range-color-transparent, 0 0 0 $c-range-color-transparent;\n\tborder: 2px solid $c-range-color-3;\n\tborder-radius: 5px;\n\tbackground-color: $c-range-color-3;\n\tcursor: pointer;\n\twidth: 10px;\n\theight: 10px;\n\tmargin-top: 0;\n}\n//input[type=range].c-input-range:focus::-ms-fill-lower {\n//\tbackground-color: $c-range-color-1;\n//}\n//input[type=range].c-input-range:focus::-ms-fill-upper {\n//\tbackground-color: $c-range-color-3;\n//}\n\n\n\n// Modifier for dark\n\ninput[type=range].c-input-range::-webkit-slider-runnable-track {\n\tbackground: $c-range-color-dark-1;\n\tborder-color: rgba($c-range-color-dark-3, 0);\n}\ninput[type=range].c-input-range::-webkit-slider-thumb {\n\tborder-color: $c-range-color-dark-2;\n\tbackground: $c-range-color-dark-3;\n}\ninput[type=range].c-input-range:focus::-webkit-slider-runnable-track {\n\tbackground: $c-range-color-dark-1;\n}\ninput[type=range].c-input-range::-moz-range-track {\n\tbackground: $c-range-color-dark-1;\n\tborder-color: rgba($c-range-color-dark-3, 0);\n}\ninput[type=range].c-input-range::-moz-range-thumb {\n\tborder-color: $c-range-color-dark-2;\n\tbackground: $c-range-color-dark-3;\n}\ninput[type=range].c-input-range::-ms-fill-lower {\n\tbackground: $c-range-color-dark-1;\n\tborder-color: rgba($c-range-color-dark-3, 0);\n}\ninput[type=range].c-input-range::-ms-fill-upper {\n\tbackground: $c-range-color-dark-1;\n\tborder-color: rgba($c-range-color-dark-3, 0);\n}\ninput[type=range].c-input-range::-ms-thumb {\n\tborder-color: $c-range-color-dark-1;\n\tbackground: $c-range-color-dark-3;\n}\ninput[type=range].c-input-range:focus::-ms-fill-lower {\n\tbackground: $c-range-color-dark-1;\n}\ninput[type=range].c-input-range:focus::-ms-fill-upper {\n\tbackground: $c-range-color-dark-3;\n}\n",".c-image {\n\tdisplay: block;\n\n\t& > img {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\tmin-height: 130px;\n\t\ttext-align: center;\n\n\t\t&:before {\n\t\t\t@include border-radius;\n\t\t\t@include font-size(s);\n\t\t\tcontent: \"We're sorry, this image is broken :(\";\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\ttop: -10px;\n\t\t\tleft: 0;\n\t\t\theight: calc(100% + 20px);\n\t\t\twidth: 100%;\n\t\t\tpadding: 15px;\n\t\t\tbackground-color: palette(neutral);\n\t\t\tbackground-image: url(/img/kms/dynamic/image.svg);\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-position: bottom 20px center;\n\t\t\tbackground-size: 130px;\n\t\t\tborder: 2px solid palette(neutral, 0);\n\t\t}\n\t}\n}\n\n.c-image__placeholder{\n\tdisplay: block;\n\twidth: 100%;\n\theight: 0;\n\tpadding-bottom: 66.67%;\n\tbackground-color: palette(neutral);\n\tbackground-image: url(\"/img/kms/dynamic/image.svg\");\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tbackground-size: 200px auto;\n\tborder: 1px solid rgba(palette(secondary, 200), 0.3);\n\t@include border-radius(l);\n\n\t&--video{\n\t\tpadding-bottom: calc(100% / 16 * 9);\n\t\tbackground-image: url(\"/img/kms/dynamic/video-block.svg\");\n\t}\n}",".c-language {\n\tposition: relative;\n}\n\n\n.c-language__button {\n\t@include font-family(base);\n\tdisplay: flex;\n\talign-items: center;\n\tposition: relative;\n\tz-index: 2;\n\theight: space(5);\n\tpadding: 0;\n\tbackground-color: transparent;\n\tcolor: palette(secondary, 300);\n\ttext-align: left;\n\tborder: none;\n\tappearance: none;\n\tcursor: pointer;\n\ttransition: color 0.15s;\n\n\t&:focus, &:hover {\n\t\toutline: none;\n\t\tcolor: palette(neutral, 0);\n\t}\n}\n\n\n.c-language__dropdown {\n\t@include font-family(base);\n\t@include border-radius(m);\n\tposition: absolute;\n\tleft: space(-2);\n\ttop: 100%;\n\tmargin: 0;\n\tpadding: space(1) 0;\n\tlist-style: none;\n\tbackground-color: palette(tertiary, 100);\n\tbox-shadow: 0 0 12px 1px rgba(black, 0.2);\n\ttransform: translate3d(0, -5px, 0);\n\topacity: 0;\n\tpointer-events: none;\n\toverflow: hidden;\n\ttransition: opacity 0.3s, transform 0.3s;\n\n\t.c-language:hover & {\n\t\topacity: 1;\n\t\tpointer-events: auto;\n\t\ttransform: translate3d(0,0,0);\n\t}\n}\n\n\n.c-language__link {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 6px space(2);\n\ttext-decoration: none;\n\tcolor: palette(primary);\n\tbackground-color: transparent;\n\ttransition: background-color 0.3s;\n\n\t&:hover {\n\t\tcolor: palette(primary);\n\t\tbackground: linear-gradient(rgba(palette(primary), 0.15), rgba(palette(primary), 0.15));\n\t}\n}\n\n\n.c-language__label {\n\t@include font-size(base);\n\ttext-transform: uppercase;\n\tflex: none;\n\tmargin-right: space(1);\n}\n\n\n.c-language__flag {\n\tflex: none;\n\tdisplay: block;\n\tmax-width: none; // reset\n\ttransform: translateY(1px);\n}\n\n\n.c-language--to-top {\n\t.c-language__dropdown {\n\t\ttop: auto;\n\t\tbottom: 100%;\n\t\ttransform: translate3d(0, 5px, 0);\n\t}\n}",".c-nav {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n}\n\n\n.c-nav__list {\n\tdisplay: none;\n\n\t@include mq(c-nav__list) {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\theight: 100%;\n\t\tpadding: 0;\n\t\tlist-style: none;\n\t\tmargin: 0 auto;\n\t}\n}\n\n\n.c-nav__item {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tflex: 1 0 auto;\n\tmargin-top: 0;\n\n\t& + & {\n\t\tmargin-left: 30px;\n\t}\n}\n\n\n.c-nav__label {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: space(1) 0;\n\tcolor: palette(neutral, 0);\n\tcursor: pointer;\n\ttext-decoration: none;\n\n\t&::after {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\twidth: 10px;\n\t\theight: 5px;\n\t\tmargin-left: space(1);\n\t\tbackground-image: url('/img/icons/arrow-dropdown.svg');\n\t}\n\n\t&.is-active {\n\t\tcolor: palette(secondary, 300);\n\t}\n}\n\n\n.c-nav__link {\n\tdisplay: inline-block;\n\tpadding: space(1) 0;\n\tcolor: palette(neutral, 0);\n\ttext-decoration: none;\n\ttransition: color 100ms linear;\n\n\t&:hover {\n\t\tcolor: rgba(palette(neutral, 0), 0.6);\n\t}\n\n\t.is-active & {\n\t\tcolor: palette(secondary, 300);\n\t}\n}\n\n\n.c-nav__icon {\n\tmargin-left: 7px;\n\tcolor: palette(action);\n}\n\n\n.c-nav__actions {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tlist-style: none;\n\tmargin: 0 0 0 space(4);\n}","// Magic number where the option menu should change layout\n$options-menu-bp: 840;\n\n.c-options-menu {\n  list-style: none;\n  margin-left: 0;\n\n  @include mq($max: $options-menu-bp){\n    display: flex;\n    justify-content: space-between;\n  }\n}\n\n.c-options-menu__segment {\n  @include mq($options-menu-bp) {\n    & + & {\n      margin-top: 50px;\n    }\n  }\n}\n\n.c-options-menu__label {\n  @include font-size(s);\n  margin-bottom: 10px;\n  color: palette(secondary, 100);\n\n  @include mq($max: $options-menu-bp){\n    .c-options-menu__segment:last-child & {\n      text-align: right;\n    }\n  }\n}","$c-pagination-text-color: rgba(palette(tertiary, 400), 0.5);\n\n.c-pagination {\n\t display: flex;\n\t justify-content: center;\n\t align-items: center;\n\t list-style: none;\n\t margin-left: 0;\n }\n\n.c-pagination__item {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\t@include font-size(s);\n\tcolor: scale-color($c-pagination-text-color, $lightness: 65%);\n}\n\n.c-pagination__link {\n\t@include border-radius;\n\tpadding: space(1);\n\tcolor: $c-pagination-text-color;\n\ttext-decoration: none;\n\ttransition: color 0.2s, background-color 0.2s;\n\n\t&:link:hover {\n\t\tcolor: palette(primary);\n\t\tbackground: palette(neutral);\n\t}\n\n\t&.is-active {\n\t\tfont-weight: bold;\n\t\tcolor: palette(action);\n\t\tcursor: default;\n\t}\n}\n\n.c-pagination__prev,\n.c-pagination__next {\n\tdisplay: flex;\n\tjustify-content: center;\n\tmargin-left: space(2);\n\tpadding: space(1);\n\ttransition: color 0.2s;\n}\n\n.c-pagination__prev {\n\ttransform: rotate(0.5turn);\n\tmargin-left: 0;\n\tmargin-right: space(2);\n}","$c-partner-card-image-width: 160px;\n$c-partner-card-image-height: 128px;\n$c-partner-card-image-size: 128px;\n$c-partner-card-gutter: space(6);\n$c-partner-card-gutter-small: space(3);\n\n\n.c-partner-card {\n\twidth: 100%;\n\tmax-width: 360px;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n\n\n\n.c-partner-card__image {\n\t@include border-radius(l);\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: $c-partner-card-image-width;\n\theight: $c-partner-card-image-height;\n\tmargin-left: $c-partner-card-gutter;\n\tposition: relative;\n\tz-index: 1;\n\toverflow: hidden;\n\tbackground-color: white;\n\tborder: 1px solid rgba(palette(primary, 700), 0.32);\n\n\n\tsvg {\n\t\twidth: 100%;\n\n\t\tpath,\n\t\tpolyline {\n\t\t\tfill: palette(tertiary, 400);\n\t\t}\n\t}\n}\n\n\n.c-partner-card__body {\n\tflex: auto;\n\tdisplay: flex;\n\tflex-direction: column;\n\tposition: relative;\n\tz-index: 0;\n\tmargin-top: halve(-$c-partner-card-image-height);\n\tpadding: (halve($c-partner-card-image-height) + space(5)) $c-partner-card-gutter $c-partner-card-gutter;\n\tbackground-color: palette(secondary, 100);\n\ttransition: all 150ms linear;\n\n\t@include mq($max: 560) {\n\t\tpadding: (halve($c-partner-card-image-height) + space(5)) $c-partner-card-gutter-small $c-partner-card-gutter-small;\n\t}\n}\n\n\n.c-partner-card__header {\n\tmargin-bottom: space(2);\n}\n\n\n.c-partner-card__title {\n\t@include font-size(l);\n\tcolor: palette(primary, 700);\n\tmargin-bottom: space(2);\n}\n\n\n.c-partner-card__content {\n\tcolor: palette(primary);\n}\n",".c-person {\n\tmax-width: 256px;\n\tmargin: 0 auto;\n\ttext-align: center;\n}\n\n\n.c-person__figure {\n\tbackground: url('/img/person-image-border.svg') no-repeat center center / 100% 100%;\n\tpadding: 4%;\n\tmargin-bottom: space(3);\n}\n\n\n.c-person__image {\n\tdisplay: inline-block;\n\tborder-radius: 500px;\n\tcolor: palette(primary, 700);\n\tbackground-color: palette(secondary, 100);\n}\n\n\n.c-person__name {\n\t@include mq($max: 560) {\n\t\t@include font-size(base);\n\t}\n\n\t@include font-size(m);\n\t@include font-weight(bold);\n\tcolor: palette(primary, 700);\n}\n\n\n\n.c-person__function {\n\t@include font-size(s);\n\t@include font-weight(regular);\n\tcolor: palette(tertiary, 400);\n}\n\n.c-person__desc {\n\tspan {\n\t\t@include font-weight(regular);\n\t}\n}",".c-projector {\n\tposition: relative;\n\theight: 100%;\n}\n\n.c-projector__figure {\n\t@include mq($max: m) {\n\t\t//min-height: 66.67vw; // default photo aspect ratio (3/2)\n\t}\n\n\tdisplay: grid;\n\tgrid-template-rows: 1fr;\n\tgrid-template-columns: 1fr;\n\theight: 100%;\n}\n\n.c-projector__picture {\n\tgrid-column: 1;\n\tgrid-row: 1;\n\talign-self: end;\n\theight: 100%;\n\tdisplay: block; // Needed for IE\n\tbackground-color: palette(neutral);\n\topacity: 0;\n\ttransition: opacity 0.5s;\n\n\t&.is-active {\n\t\topacity: 1;\n\t}\n}\n\n.c-projector__img {\n\t// make sure it stretches the container\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover; // Fallback for IE via JS polyfill\n\n\t@include mq($max: m) {\n\t\tmax-height: 78vh; // Make sure images are visible entirely on small devices in landscape)\n\t}\n}\n\n\n.c-projector__control {\n\tposition: relative;\n\tz-index: 2;\n\tgrid-column: 1;\n\tgrid-row: 1;\n\talign-self: end;\n\tmargin-bottom: space(1);\n\tmargin-right: space(1);\n\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n\n.c-projector__button {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmargin: 5px;\n\tpadding: 10px;\n\tcolor: palette(action);\n\tbackground: white;\n\tborder: 1px solid palette(neutral, 0);\n\tborder-radius: 100%;\n\tcursor: pointer;\n\ttransition-property: background-color, border, box-shadow;\n\ttransition-duration: 0.25s;\n\toutline: none;\n\n\t&:hover {\n\t\tcolor: white;\n\t\tbackground-color: palette(action);\n\t\tborder-color: transparent;\n\t\tcursor: pointer;\n\t}\n\n\t&:active {\n\t\tbackground-color: scale-color(palette(action), $lightness: -30%);\n\t\tcolor: white;\n\t}\n\n\t&:focus {\n\t\t@include box-shadow(low);\n\t}\n\n\t&.previous {\n\t\ttransform: rotate(0.5turn);\n\t}\n}\n\n.c-projector__arrow{\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\theight: 16px;\n\tfont-size: 0;\n\tline-height: 0;\n}","// It may break below 480px..\n\n.c-radio-list {\n\tmargin-left: 0;\n\tlist-style: none;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.c-radio-list__item {\n\tdisplay: flex;\n\tmargin-top: 2px;\n\n\t& > input {\n\t\tflex: none;\n\t\tmargin-right: space(1);\n\t\tmargin-top: 4px;\n\t}\n}","$c-range-sliders-bp1: 600;\n\n\n.c-range-sliders__row {\n  @include owl(space(2));\n  display: flex;\n  flex-wrap: wrap;\n}\n\n\n.c-range-sliders__label {\n  flex: none;\n  width: 100%;\n  color: palette(tertiary, 400);\n}\n\n\n.c-range-sliders__meter {\n  flex: auto;\n  margin-top: space(1);\n  margin-bottom: space(1);\n  margin-right: space(5);\n  align-self: center;\n}\n\n\n.c-range-sliders__details {\n  @include font-size(base);\n  flex: none;\n  display: flex;\n  align-items: center;\n  margin: 0 0 0 auto;\n}\n\n\n.c-range-sliders__value {\n  width: space(15); // fixed width\n  padding: 10px space(3);\n  border-radius: 500px;\n  border: 1px solid palette(tertiary, 400);\n  background-color: palette(neutral, 0);\n  outline: none;\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n\n\n.c-range-sliders__unit {\n  color: palette(tertiary, 400);\n  margin-left: space(1);\n  width: space(8); // magic value for precisely fitting the word 'meter'\n}\n\n\n.c-range-sliders__action {\n  margin-top: space(4);\n}\n\n\n.c-range-sliders--on-dark {\n  .c-range-sliders__label {\n    color: palette(neutral, 0);\n  }\n  .c-range-sliders__unit {\n    color: palette(neutral, 0);\n  }\n}\n\n\n// Mobile tweaks for when viewport is to small\n// to fit slider and input next to each other\n@include mq($max: $c-range-sliders-bp1) {\n  .c-range-sliders__row {\n    align-items: baseline;\n  }\n  .c-range-sliders__meter {\n    order: 1;\n    margin-right: 0;\n    width: 100%;\n  }\n  .c-range-sliders__label {\n    order: 2;\n    width: 50%;\n  }\n  .c-range-sliders__details {\n    order: 3;\n    width: 50%;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n  .c-range-sliders__unit {\n    text-align: center;\n    margin-left: 0;\n    width: 100%;\n  }\n}","$inputBorder: 1px;\n\n.c-select{\n  position: relative;\n}\n\n.c-select__field {\n  @include font-size(base);\n  width: 100%;\n  padding: #{space(1) - $inputBorder} space(2);\n  border: $inputBorder solid palette(secondary, 300);\n  border-radius: 500px;\n  appearance:none;\n  outline: none;\n  color: palette(primary, 700);\n\n  .has-error & {\n    box-shadow: 0 0 7px -3px palette(action);\n    border-color: palette(action);\n  }\n\n  &:focus {\n    box-shadow: 0 0 7px -3px rgba(palette(action), 0.75);\n    border-color: palette(action);\n  }\n}\n\n.c-select__drop-down {\n  position: absolute;\n  right: 10px;\n  top: 50%;\n\n  width: 0;\n  height: 0;\n  border-style: solid;\n  border-width: 5px 4px 0 4px;\n  border-color: palette(secondary, 300) transparent transparent transparent;\n\n  transform: translateY(-50%);\n}",".c-servicepoint {\n\tdisplay: inline-flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tflex-wrap: wrap;\n\ttext-align: left;\n\tmargin-top: space(-2);\n}\n\n.c-servicepoint__image {\n\tmargin-top: space(2);\n\tmargin-right: space(2);\n\tborder-radius: 100%;\n\tmax-width: 176px;\n\n\t@include mq($max: 540) {\n\t\twidth: 96px;\n\t}\n}\n\n.c-servicepoint__content {\n\t@include hyphenate;\n\tdisplay: grid;\n\tgrid-template-rows: 1fr auto 1fr;\n\tflex-grow: 9999;\n\tmin-width: 180px;\n\tmargin-top: space(2);\n}\n\n.c-servicepoint__header {\n\tgrid-row: 1;\n\talign-self: end;\n}\n\n.c-servicepoint__body {\n\tgrid-row: 2;\n\tmargin: space(1) 0;\n}\n\n.c-servicepoint__footer {\n\tgrid-row: 3;\n}\n\n.c-servicepoint__heading {\n\t@include font-size(base);\n\tcolor: palette(primary);\n\tborder-radius: 100%;\n}\n\n.c-servicepoint__subheading {\n\t@include font-size(s);\n\tcolor: palette(primary);\n}","// Magic number where the option menu should change layout\n$share-list-bp: 840;\n\n.c-share__list {\n\tdisplay: inline-flex;\n\tflex-direction: column;\n\tlist-style: none;\n\tmargin: 0;\n\n\t@include mq($max: $share-list-bp){\n\t\tdisplay: flex;\n\t}\n}\n\n.c-share__item {\n\t@include mq($max: $share-list-bp){\n\t\t& + & {\n\t\t\tmargin-left: 4vw;\n\t\t}\n\t}\n\t@include mq($share-list-bp) {\n\t\t& + & {\n\t\t\tmargin-top: 15px;\n\t\t}\n\t}\n}",".c-sitemap {\n\t@include font-size(l);\n}\n\n\n.c-sitemap__item {\n\tmargin-bottom: space(1);\n}\n\n\n.c-sitemap__link {\n\tcolor: palette(primary, 700);\n\ttext-decoration: none;\n\n\t&:hover {\n\t\tcolor: palette(tertiary, 400);\n\t}\n}","// Component settings: Slide indicator\n// ------------------------------------------\n\n$c-slide-indicator: (\n\t'color-dot':\t\t\twhite,\n\t'color-dot-active':\t\tpalette(secondary),\n\t'color-ring-active':\twhite,\n\t'color-dots-background':palette(secondary),\n\t'size-dot':\t\t\t\t8px,\n\t'size-dot-active':\t\t6px,\n\t'size-ring-active':\t\t12px,\n\t'size-targetbox':\t\t30px,\n\t'is-rounded':\t\t\ttrue,\n);\n\n// ------------------------------------------\n\n\n.c-slide-indicator {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n}\n\n.c-slide-indicator__button {\n\tposition: relative;\n\tdisplay: inline-block;\n\twidth: map-get($c-slide-indicator, 'size-targetbox');\n\theight: map-get($c-slide-indicator, 'size-targetbox');\n\tbackground-color: transparent;\n\tborder: none;\n\tcursor: pointer;\n\ttransition-property: background-color, opacity;\n\ttransition-duration: 250ms;\n\n\t&:focus {\n\t\toutline: none;\n\t\t//box-shadow: 0 0 7px 0 map-get($c-slide-indicator, 'color-ring-active');\n\t\t//@if (map-get($c-slide-indicator, 'is-rounded') == true) {\n\t\t//\tborder-radius: 100%;\n\t\t//}\n\t}\n\n\t&:hover:not(.is-active),\n\t&:focus:not(.is-active) {\n\t\topacity: 0.5;\n\t}\n\n\t&:before,\n\t&:after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tbackground-clip: content-box;\n\t\ttransition-property: transform, background-color, opacity;\n\t\ttransition-duration: 0.3s;\n\t\ttransition-timing-function: ease-in-out;\n\t\t@if (map-get($c-slide-indicator, 'is-rounded') == true) {\n\t\t\tborder-radius: 100%;\n\t\t}\n\t}\n\n\t&:before {\n\t\t$offset: calc((#{map-get($c-slide-indicator, 'size-targetbox')} - #{map-get($c-slide-indicator, 'size-dot')}) / 2);\n\t\ttop: $offset;\n\t\tright: $offset;\n\t\tbottom: $offset;\n\t\tleft: $offset;\n\t\tbackground-color: map-get($c-slide-indicator, 'color-dot');\n\t}\n\n\t&:after {\n\t\t$offset: calc((#{map-get($c-slide-indicator, 'size-targetbox')} - #{map-get($c-slide-indicator, 'size-ring-active')}) / 2);\n\t\ttop: $offset;\n\t\tright: $offset;\n\t\tbottom: $offset;\n\t\tleft: $offset;\n\t\tborder: 1px solid map-get($c-slide-indicator, 'color-ring-active');\n\t\ttransform: scale(1.4);\n\t\topacity: 0;\n\t}\n\n\t&.is-active {\n\t\t&:before {\n\t\t\tbackground-color: map-get($c-slide-indicator, 'color-dot-active');\n\t\t\tborder-color: rgba(map-get($c-slide-indicator, 'color-ring-active'), 0.9);\n\t\t\ttransform: scale(strip-unit(map-get($c-slide-indicator, 'size-dot-active')) / strip-unit(map-get($c-slide-indicator, 'size-dot')));\n\t\t}\n\t\t&:after {\n\t\t\topacity: 0.9;\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n\n\t&:focus {\n\t\topacity: 1 !important;\n\n\t\t&:before {\n\t\t\t//background-color: palette(secondary);\n\t\t\tbox-shadow: 0 0 0 2px map-get($c-slide-indicator, 'color-dots-background'), 0 0 10px 1px white;\n\t\t}\n\t\t&:after {\n\t\t\t//background-color: palette(secondary);\n\t\t\tbox-shadow: 0 0 0 2px map-get($c-slide-indicator, 'color-dots-background'), 0 0 10px 1px white;\n\t\t}\n\t}\n}",".c-star {\n\tpadding: 0 2px;\n\tcolor: palette(neutral, 0);\n\tline-height: 0;\n\n\t.half-star { display: none; }\n\t.full-star { display: none; }\n}\n\n.c-star--full {\n\t.full-star { display: block; }\n}\n\n.c-star--half {\n\t.half-star { display: block; }\n}",".c-subnav {\n\t@include border-radius(m);\n\topacity: 0; // hidden by default\n\tpointer-events: none;\n\tlist-style: none;\n\tmargin-left: 0;\n\tposition: absolute;\n\ttop: 100%;\n\tright: space(-1);\n\tpadding: space(3);\n\tbackground-color: palette(tertiary, 100);\n\ttransform: translateY(-8px);\n\ttransition: opacity 150ms linear,\n\t\t\t\ttransform 150ms ease-out;\n\n\n\t// Show subnav on hover\n\t.c-nav__item.has-sub:hover & {\n\t\topacity: 1;\n\t\tpointer-events: all;\n\t\ttransform: none;\n\t}\n}\n\n\n.c-subnav__item {\n\ttext-align: right;\n}\n\n\n.c-subnav__link {\n\tdisplay: inline-block;\n\tpadding: space(1) 0;\n\tcolor: palette(primary, 700);\n\ttext-decoration: none;\n\twhite-space: nowrap;\n\ttransition: color 100ms linear;\n\n\t&:hover {\n\t\tcolor: rgba(palette(primary, 700), 0.6);\n\t}\n\n\t.is-active & {\n\t\tcolor: palette(tertiary, 400);\n\t}\n}",".c-testimonial-slider {\n\n}\n\n\n.c-testimonial-slider__body {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\n\t@include mq($max: 520) {\n\t\tmargin-left: column(-0.5);\n\t\tmargin-right: column(-0.5);\n\t}\n}\n\n\n.c-testimonial-slider__button {\n\tflex: none;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 48px;\n\theight: 48px;\n\tcolor: palette(secondary, 300);\n\tbackground-color: transparent;\n\tborder: 1px solid currentColor;\n\tborder-radius: 500px;\n\ttransition: all 150ms linear;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tcolor: scale_color(palette(secondary, 300), $lightness: -30%);\n\t}\n\n\t&:active {\n\t\tcolor: palette(primary, 700);\n\t}\n\n\t&:focus {\n\t\toutline: none;\n\t}\n\n\t@include mq($max: 520) {\n\t\tz-index: 1;\n\t\tmargin-right: -24px;\n\n\t\t&:last-child {\n\t\t\tmargin-left: -24px;\n\t\t\tmargin-right: 0;\n\t\t}\n\t}\n}\n\n\n.c-testimonial-slider__tray {\n\tdisplay: grid;\n\tgrid-template-rows: 1fr;\n\tgrid-template-columns: 1fr;\n\toverflow-x: hidden;\n\twidth: 360px;\n}\n\n\n.c-testimonial-slider__item {\n\tgrid-row: 1;\n\tgrid-column: 1;\n\tflex: none;\n\tdisplay: flex;\n\tjustify-content: center;\n\twidth: 100%;\n\tpadding: 0 16px;\n\topacity: 0;\n\tanimation: none;\n\ttransition: all 300ms ease-in-out;\n\n\t&.is-previous {\n\t\ttransform: translateX(-100%);\n\t}\n\n\t&.is-next {\n\t\ttransform: translateX(100%);\n\t}\n\n\t&.is-active {\n\t\topacity: 1;\n\t\ttransform: none;\n\t}\n}\n\n\n.c-testimonial-slider__footer {\n\tdisplay: flex;\n\tjustify-content: center;\n\tmargin-top: space(6);\n}","/* ==========================================================================\n * Text button\n * ========================================================================== */\n\n/**\n * 1. Color gets inherited and used for nested elements with 'currentColor' property\n * 2. Reset default button styling\n */\n\n\n.c-text-button {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tcolor: palette(primary); // 1\n\tpadding: 0; /* 2 */\n\tbackground-color: transparent; /* 2 */\n\tborder: none; /* 2 */\n\tcursor: pointer;\n\ttext-decoration: none;\n\ttransition: color 0.3s;\n\n\t&:hover {\n\t\tcolor: palette(secondary, 300);\n\t}\n}\n\n\n.c-text-button__text {\n\t@include font-size(m);\n\t@include font-weight(bold);\n}\n\n\n.c-text-button__icon {\n\tdisplay: none; // By default icon is hidden\n\tposition: relative;\n\tmargin-left: space(1);\n\ttransition: transform 0.3s;\n\n\t.c-text-button:hover & {\n\t\ttransform: translateX(4px);\n\t}\n\n\t.c-text-button--icon &{\n\t\tdisplay: block; // Show when has icon modifier\n\t}\n}\n\n\n// On dark MODIFIER\n.c-text-button--on-dark {\n\tcolor: palette(secondary, 300);\n\n\t&:hover:not(:disabled){\n\t\tcolor: palette(secondary, 100);\n\t}\n}\n\n\n// reversed MODIFIER\n.c-text-button--reversed {\n\tflex-direction: row-reverse;\n\n\t.c-text-button__icon {\n\t\tmargin-left: 0;\n\t\tmargin-right: space(1);\n\t\ttransform: rotate(0.5turn);\n\t}\n\n\t&:hover {\n\t\t.c-text-button__icon {\n\t\t\ttransform: translateX(-4px) rotate(0.5turn);\n\t\t}\n\t}\n}",".c-text-icon {\n\t&[data-icon] {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\twidth: 24px;\n\t\t\theight: 24px;\n\t\t\tdisplay: block;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tmargin-right: space(1);\n\t\t}\n\t}\n\n\t&[data-icon~=\"phone\"] {\n\t\t&::before {\n\t\t\tbackground-image: url('/img/icons/phone.svg');\n\t\t}\n\t}\n\t&[data-icon~=\"mail\"] {\n\t\t&::before {\n\t\t\tbackground-image: url('/img/icons/mail.svg');\n\t\t}\n\t}\n\t&[data-icon~=\"pdf\"] {\n\t\t&::before {\n\t\t\tbackground-image: url('/img/icons/pdf.svg');\n\t\t}\n\t}\n}",".c-thumbnail__link {\n\tdisplay: block;\n\ttext-decoration: none;\n\twidth: 100%; // Make sure its wide enough, also when there is little text\n}\n\n.c-thumbnail__frame {\n\tposition: relative;\n\twidth: 100%;\n\tpadding-bottom: 66.67%;\n\theight: 0;\n\toverflow: hidden;\n\n\t// Extra class that adds a hover effect\n\t&.has-hover-effect {\n\t\tposition: relative;\n\n\t\t&::after {\n\t\t\t$self: &;\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tbackground: radial-gradient(rgba(palette(action), 0.2), rgba(palette(action), 0.6));\n\t\t\topacity: 0;\n\t\t\ttransition-property: opacity;\n\t\t\ttransition-duration: 0.4s;\n\n\t\t\t@at-root .c-thumbnail__link:hover #{$self}{\n\t\t\t\topacity: 1;\n\n\t\t\t}\n\t\t}\n\t}\n}\n\n.c-thumbnail__image {\n\t$self: &;\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tbackground-color: palette('neutral', 100);\n\tbackground-size: cover;\n\tbackground-repeat: no-repeat;\n\tbackground-position: 50%;\n\n\t// Give a little hover effect when needed\n\t.c-thumbnail__frame.has-hover-effect & {\n\t\ttransform: scale(1);\n\t\ttransition-property: transform, filter;\n\t\ttransition-duration: 0.4s;\n\n\t\t@at-root .c-thumbnail__link.has-hover:hover #{$self} {\n\t\t\ttransform: scale(1.06);\n\t\t\tfilter: saturate(0%);\n\t\t}\n\t}\n}\n\n.c-thumbnail__content {\n\tmargin-top: 20px;\n}\n\n.c-thumbnail__caption {\n\t@include font-size(m);\n\tcolor: palette(primary);\n\ttransition: color .25s;\n}\n\n.c-thumbnail__button {\n\tmargin-top: 30px;\n}\n\n/**\n * Modifier of the thumbnail where the figure gets a little extra styling\n */\n.c-thumbnail--pop {\n\t.c-thumbnail__frame {\n\t\t@include border-radius(l);\n\t\t@include box-shadow;\n\t\toverflow: hidden;\n\t}\n\t.c-thumbnail__content {\n\t\tmargin-top: 30px;\n\t}\n}\n\n\n// Group styling when hovered\n.c-thumbnail__link[href]:hover {\n\n\t.c-thumbnail__caption {\n\t\tcolor: palette(action);\n\t}\n}",".c-trademark {\n\tdisplay: inline-flex;\n\talign-items: center;\n\t@include font-size(s);\n\tcolor: palette(secondary);\n\ttext-decoration: none;\n\ttransition: color 0.15s ease-in-out;\n\n\t&:hover {\n\t\tcolor: palette(secondary);\n\n\t\t.komma-emblem {\n\t\t\ttransform-origin: 12px 12px;\n\t\t\tanimation: logo-spin 1.8s linear infinite;\n\t\t}\n\t}\n}\n\n.c-trademark__text {\n\tmargin-right: 7px;\n}\n\n@keyframes logo-spin {\n\tfrom { transform: rotate(0); }\n\tto { transform: rotate(-1turn); }\n}",".c-usp {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin: space(-1) space(-2);\n\tlist-style: none;\n\tcolor: palette(tertiary, 400);\n}\n\n\n.c-usp__item {\n\t@include font-size(l);\n\t@include font-weight(bold);\n\tflex: 1 0 calc(#{column(3,9)} - #{double(space(2))});\n\tmin-width: 200px; // protect squashing the text\n\tmargin: space(1) space(2);\n\tdisplay: flex;\n\talign-items: flex-start;\n\n\t&::before {\n\t\tcontent: '';\n\t\tmargin-top: 3px;\n\t\tmargin-right: space(3);\n\t\tflex: none;\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tbackground-image: url(/img/icons/check-colored.svg);\n\t}\n}\n\n\n// When an <OL> (ordered list) is used we style the icons as bulletpoints with numbers\nol.c-usp {\n\tcounter-reset: usp-counter;\n\n\t.c-usp__item {\n\t\tcounter-increment: usp-counter;\n\n\t\t&::before {\n\t\t\t@include font-weight(bold);\n\t\t\tcontent: counter(usp-counter);\n\t\t\tborder-radius: 50%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 28px;\n\t\t\theight: 28px;\n\t\t\tmargin-top: 0;\n\t\t\tbackground: $gradient-blue;\n\t\t\tcolor: palette(neutral, 0);\n\t\t}\n\t}\n}\n\n\n// ------------------------------\n// Modifiers:\n// ------------------------------\n\n.c-usp--small {\n\t.c-usp__item {\n\t\t@include font-weight(regular);\n\t\t@include font-size(m);\n\t\tmargin: space(1) space(2);\n\t}\n}\n\n\n.c-usp--on-dark {\n\t.c-usp__item {\n\t\tcolor: palette(primary);\n\n\t\t&::before {\n\t\t\tbackground-image: url(/img/icons/check-white.svg);\n\t\t}\n\t}\n}\n\n\n.c-usp--alt {\n\tcolor: palette(primary, 700);\n}\n\n\n.c-usp--vertical {\n\tflex-direction: column;\n}","/* =========================================================\n   Organize color variables in a Sass Map.\n   This way, the colors can be iterated, are more organized,\n   and are more intuitive to reference.\n   ========================================================= */\n\n$palettes: (\n  'primary': (\n    700: #212C52,\n  ),\n  'secondary': (\n    300: #5FC3E0,\n    200: #87D2E8,\n    100: #EDF7FA,\n  ),\n  'tertiary': (\n    400: #0069B3,\n    300: #00A2DA,\n    100: #BFD9EC,\n  ),\n  'neutral': (\n    0: #ffffff,\n  ),\n\n  // Feedback colors\n  'action': (\n    base: #328dfc,\n  ),\n  'alert': (\n    base: #ff8100,\n  ),\n  'warning': (\n    200: #fef5e1,\n    500: #f8cd6b,\n    700: #da9b0c,\n  ),\n  'negative': (\n    base: #cf3e3e,\n  ),\n  'positive': (\n    base: #3ecf8e,\n  ),\n  'box-shadow': (\n    base: hsla(0, 50%, 0%, 0.2)\n  ),\n);\n\n// For mapping a gradient variable we can't use the palette() function\n// because the tools layer is included after the settings\n$gradient-blue: linear-gradient(0deg, #{map-get(map-get($palettes, 'tertiary'), 400)}, #{map-get(map-get($palettes, 'tertiary'), 300)});",".c-vacancy-card {\n  position: relative;\n  width: 100%;\n  display: flex;\n  background-color: palette(secondary, 100);\n\n  &[href] {\n    text-decoration: none;\n  }\n\n  &:hover {\n    .c-vacancy-card__arrow {\n      @include mq(1024) {\n        transform: skew(-20deg) translateX(10px);\n      }\n    }\n  }\n}\n\n.c-vacancy-card__arrow {\n  display: none;\n  position: absolute;\n  right: -30px;\n  top: 0;\n  padding-right: 50px;\n  background-color: white;\n  width: auto;\n  height: 100%;\n  transform: skew(-20deg);\n  transition: transform 0.2s ease-in-out;\n  pointer-events: none;\n\n  @include mq(1024) {\n    display: block;\n  }\n}\n\n.c-vacancy-card__arrow-inner {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  height: 100%;\n  background: $gradient-blue;\n\n  > svg {\n    transform: skew(20deg);\n    height: space(2);\n    width: space(2);\n    color: white;\n  }\n}\n\n.c-vacancy-card__link {\n  text-decoration: none;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: stretch;\n  padding: space(3);\n\n  @include mq(1024) {\n    padding: space(3) space(13) space(3) space(5);\n    flex-direction: row;\n  }\n}\n\n.c-vacancy-card__content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.c-vacancy-card__title {\n  margin-bottom: space(2);\n}\n\n.c-vacancy-card__text {\n  color: palette(primary, 700);\n}\n\n.c-vacancy-card__properties {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  justify-content: space-around;\n  color: palette(primary, 700);\n  margin-top: 30px;\n\n  @include mq(1024) {\n    margin-left: 20px;\n    margin-top: 0;\n    padding-left: space(3);\n\n    &:before {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 1px;\n      background-color: palette(tertiary, 100);\n      transform: rotate(20deg);\n      content: '';\n    }\n  }\n}\n\n.c-vacancy-card__property {\n  margin-bottom: space(1);\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n\n  @include mq(1024) {\n    &:nth-child(1) {\n      margin-left: 40px\n    }\n\n    &:nth-child(2) {\n      margin-left: 20px\n    }\n  }\n\n  &:last-of-type {\n    margin-bottom: 0;\n  }\n\n  > svg {\n    height: space(3);\n    width: space(3);\n    min-width: space(3);\n    margin-right: space(1.5);\n  }\n}","$top-ornament-ratio: 1.66667;\n$top-ornament-width: 5.365vw;\n$top-ornament-height: $top-ornament-width * $top-ornament-ratio;\n$top-ornament-width-fixed: 72px;\n$top-ornament-height-fixed: 120px;\n\n.o-vacancy-usps {\n  position: relative;\n  background-color: palette(secondary, 200);\n  padding: 40px 0;\n\n  @include mq(768) {\n    padding: 120px 0;\n  }\n\n  &::before {\n    @include mq(768) {\n      content: '';\n      display: block;\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: $top-ornament-width;\n      height: $top-ornament-height;\n      color: green;\n      background-size: $top-ornament-width $top-ornament-height;\n      background-image: url(/img/ornaments/ornament-2.svg);\n      transform: translateY(-50%);\n    }\n\n    @include mq($bp-max) {\n      width: $top-ornament-width-fixed;\n      height: $top-ornament-height-fixed;\n      background-size: $top-ornament-width-fixed $top-ornament-height-fixed;\n    }\n  }\n\n  .l-bisection {\n    display: grid;\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 1fr;\n    grid-row-gap: space(4);\n    grid-column-gap: space(6);\n\n\n    @include mq(768) {\n      grid-template-columns: 50% 50%;\n      grid-template-rows: 1fr;\n    }\n  }\n\n  h1, h2, {\n    color: palette(primary, 700);\n  }\n}",".c-video {\n\twidth: 100%;\n\tmargin: auto;\n}\n\n.c-video__placeholder {\n\tposition: relative;\n\theight: 0;\n\twidth: 100%;\n\tpadding-bottom: 56.25%;\n\tbackground-color: palette(secondary, 100);\n}\n\n.c-video--wide {\n\t.c-video__placeholder {\n\t\tpadding-bottom: 42.5%; // weird aspact ratio, to hide black borders\n\t}\n}\n\n.c-video__iframe{\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n}","$o-article-bp1: 800;\n\n\n.o-article {\n  @include template(content, author);\n  @include contain;\n  @include vspacing('margin-top' 1.5, 'margin-bottom' 1.5);\n  display: grid;\n  grid-template-columns: auto;\n  grid-template-rows: auto auto;\n  grid-row-gap: space(4);\n  grid-template-areas:\n      \"content\"\n      \"author\";\n\n  @include mq($o-article-bp1) {\n    grid-template-columns: 5.5fr 0.5fr 3fr;\n    grid-template-rows: auto;\n    grid-template-areas:\n        \"content . author\";\n  }\n}\n\n//.o-article__content {}\n//.o-article__author {}\n\n.o-article__back {\n  margin-top: space(5);\n}",null,".o-block {\n  @include vspacing(\n      'margin-top' 1,\n      'margin-bottom' 1\n  );\n\n  //// Top margin only on consecutive blocks\n  //& + & {\n  //  @include vspacing(\n  //      'margin-top' 1\n  //  );\n  //}\n}\n\n\n.o-dynamic-block {\n  & + & {\n    @include vspacing(\n        'margin-top' 1\n    );\n  }\n}","$o-calculate-bp1: 600;\n$o-calculate-bp2: 768;\n$o-calculate-bp3: 890;\n\n.o-calculate {\n  overflow: hidden;\n}\n\n\n.o-calculate__main {\n    @include contain;\n}\n\n\n.o-calculate__controls {\n    position: relative;\n    z-index: 0;\n    padding: space(7) 0;\n\n    // Background-color with skewed edge\n    &:after {\n        content: '';\n        background-image: $gradient-blue;\n        position: absolute;\n        z-index: -1;\n        top: 0;\n        bottom: 0;\n        left: column(-1);\n        right: column(-1);\n\n        @include mq($o-calculate-bp3) {\n            transform: skew($site-skew-angle) translateX(-2vw);\n            left: -100%;\n            right: 40px; // magic value: minimum needed offset to avoid a scrollbar\n        }\n\n        @include mq($bp-max) {\n            right: 284px; // magic value: set it to align with footer edge\n        }\n    }\n}\n\n\n.o-calculate__heading {\n    color: palette(neutral, 0);\n    margin-bottom: space(7);\n}\n\n\n.o-calculate__sliders {\n    max-width: 670px;\n\n    @include mq($o-calculate-bp3) {\n        max-width: 640px;\n    }\n}\n\n\n.o-calculate__table {\n    border-collapse: collapse;\n    margin-top: space(4);\n    width: 100%;\n    max-width: $site-column-size * 7px;\n}\n\n\n.o-calculate__row {\n    @include owl(space(1));\n    display: flex;\n    align-items: flex-end;\n}\n\n\n.o-calculate__label {\n    padding: 0;\n    vertical-align: top;\n    margin-right: auto;\n\n    @include mq($max: $o-calculate-bp1) {\n        max-width: 226px;\n        width: 50%;\n        margin-right: space(1);\n    }\n}\n\n\n.o-calculate__value {\n    width: 192px;\n    font-variant-numeric: tabular-nums;\n\n    @include mq($o-calculate-bp3) {\n        width: 220px;\n    }\n}\n\n.o-calculate__footer {\n    @include font-size(m);\n    @include font-weight(semiBold);\n    position: relative;\n    margin-top: space(4);\n    padding: space(3) 0;\n    color: palette(neutral, 0);\n\n    .o-calculate__label {\n        &::before {\n            content: '';\n            position: absolute;\n            z-index: -1;\n            top: 0;\n            bottom: 0;\n            right: 0;\n            left: -100%;\n            background: palette(primary, 700);\n            transform: skew($site-skew-angle) translateX(-2vw);\n        }\n    }\n}\n\n\n.o-calculate__contact {\n    max-width: $site-column-size * 7px;\n    margin-top: space(10);\n}","$o-card-grid-bp1: 700;\n$o-card-grid-bp2: 1000;\n$o-card-grid-gap-h: space(3);\n$o-card-grid-gap-v: space(8);\n\n\n.o-card-grid {\n\t@include contain;\n\t@include vspacing(\n\t\t'margin-top' 0.5,\n\t\t'margin-bottom' 1\n\t);\n}\n\n\n.o-card-grid__heading {\n\t@include font-size(l);\n\t@include font-weight(bold);\n\tmargin-bottom: space(3);\n\tcolor: palette(tertiary, 400);\n}\n\n\n.o-card-grid__main {\n\t@include mq($o-card-grid-bp1) {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tmargin: halve(-$o-card-grid-gap-v) halve(-$o-card-grid-gap-h);\n\t}\n}\n\n\n.o-card-grid__item {\n\tflex: auto;\n\tdisplay: flex;\n\talign-items: stretch;\n\tjustify-content: center;\n\tmargin: space(4) auto;\n\n\t@include mq($o-card-grid-bp1) {\n\t\tflex: none;\n\t\twidth: calc(#{column(1,2)} - #{$o-card-grid-gap-h});\n\t\tmargin: halve($o-card-grid-gap-v) halve($o-card-grid-gap-h);\n\t}\n\n\t@include mq($o-card-grid-bp2) {\n\t    width: calc(#{column(1,3)} - #{$o-card-grid-gap-h});\n\t}\n}\n\n.o-card-grid__vacancy-item {\n\tdisplay: flex;\n\talign-items: stretch;\n\tjustify-content: center;\n\tmargin: space(4) auto;\n\n\t@include mq($o-card-grid-bp1) {\n\t\tmargin: halve($o-card-grid-gap-v) halve($o-card-grid-gap-h);\n\t}\n}","$o-contact-bp1: 920;\n$o-contact-bp2: 1080;\n\n\n.o-contact {\n\tmargin-bottom: space(10);\n\n\ta {\n\t\ttext-decoration: none;\n\t}\n}\n\n\n.o-contact__main {\n\t@include contain($o-contact-bp1);\n\t@include mq($o-contact-bp1) {\n\t\tdisplay: flex;\n\t\talign-items: flex-start;\n\t}\n}\n\n\n.o-contact__form {\n\t$ornament-height: 80px;\n\t$ornament-width: 36px;\n\tposition: relative;\n\tpadding: space(4) column(1,14);\n\tcolor: palette(neutral, 0);\n\tbackground-color: palette(primary);\n\n\t@include mq($o-contact-bp1) {\n\t\tflex: 0 0 column(6);\n\t\tmargin-top: -$ornament-height;\n\t\tpadding-left: column(0.5);\n\t\tpadding-right: column(0.5);\n\n\t\t&::before {\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: -$ornament-width;\n\t\t\twidth: $ornament-width;\n\t\t\theight: $ornament-height;\n\t\t\tbackground-image: url(/img/ornaments/ornament-1.svg);\n\t\t\tbackground-size: 48px 80px; // real size of the image\n\t\t\topacity: .75;\n\t\t}\n\t}\n\n\t@include mq($o-contact-bp2) {\n\t\tpadding-left: space(7);\n\t\tpadding-right: space(7);\n\t}\n}\n\n.o-contact__content {\n\t@include contain($max: $o-contact-bp1);\n\tmargin-top: space(6);\n\n\t@include mq($o-contact-bp1) {\n\t\tflex: 0 0 column(5);\n\t\tmargin-left: column(1);\n\t\tmargin-top: space(15);\n\t}\n}\n\n\n.o-contact__heading {\n\t@include mq($max: $o-contact-bp2) {\n\t\t@include font-size(xl);\n\t\tmargin-bottom: space(3);\n\t}\n\n\tmargin-bottom: space(7);\n\tcolor: palette(tertiary, 400);\n\tfont-size: 2.4rem;\n}\n\n\n.o-contact__subheading {\n\t@include font-size(l);\n\t@include font-weight(bold);\n\tmargin-top: space(-2);\n\tcolor: palette(primary, 700);\n\n\t@include mq($o-contact-bp2) {\n\t\t@include font-size(xl);\n\t\tmargin-top: space(-4);\n\t}\n\n}\n\n\n\n.o-contact__intro {\n\tmargin-top: space(7);\n\tmargin-bottom: space(7);\n}\n\n\n.o-contact__subtitle {\n\t@include  font-size(m);\n\t@include font-weight(bold);\n\tcolor: palette(tertiary, 400);\n}\n\n\n.o-contact__info {\n\tdisplay: flex;\n\tflex-direction: row;\n\n\t& > * {\n\t\tflex-grow: 1;\n\t\twidth: 50%;\n\n\t\t&:first-child {\n\t\t\tmargin-right: space(2);\n\t\t}\n\t}\n}\n\n\n.o-contact__infolist {\n\tmargin-left: 0;\n\tlist-style: none;\n\n\t&:last-child {\n\t\tflex-grow: 9999;\n\t\tflex-basis: 200px;\n\t\tmargin-right: 0;\n\t}\n}\n\n\n.o-contact__datalist {\n\t$dt-width: 170px;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-top: 0;\n\n\tdt {\n\t\twidth: $dt-width;\n\t\ttext-transform: capitalize;\n\t\talign-self: flex-start;\n\t}\n\tdd {\n\t\t@include hyphenate;\n\t\twidth: calc(100% - #{$dt-width});\n\t}\n}\n\n\n.o-contact__datalist--small {\n\t$dt-width: 50px;\n\tdt { width: $dt-width; }\n\tdd { width: calc(100% - #{$dt-width}); }\n}",".o-cookie-bar {\n  @include z(z-cookie);\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: $site-cookieBar-height;\n  color: palette(primary, 700);\n  background-color: palette(secondary, 100);\n  opacity: 1;\n  box-shadow: 0 -4px 10px 0 rgba(0, 0, 0, 0.14);\n  transition: opacity 0.5s, transform 0.6s;\n  transform: translate3d(0, 0, 0);\n\n  &.is-accepted {\n    display: none;\n  }\n\n  &.is-transitioning-out {\n    opacity: 0;\n    transform: translate3d(0, 50%, 0);\n  }\n}\n\n.o-cookie-bar__main {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.o-cookie-bar__text {\n  margin: 0;\n  font-size: 16px;\n  line-height: 1.2;\n}\n\n.o-cookie-bar__link {\n  color: palette(primary, 700);\n  transition: color 0.3s;\n\n  &:hover {\n    color: rgba(palette(primary, 700), 0.75);\n  }\n}\n\n.o-cookie-bar__button {\n  flex: none;\n  margin-left: space(2);\n\n  &:hover {\n    background-color: rgba(palette(secondary), 0.5);\n  }\n}","/** =================================================================================================\n *  The 'z-index-map' is used for managing the elements stacking order in the 'root' stacking context\n *  This way we have a overview of all the z-index values that are used across the project.\n ==================================================================================================== */\n\n\n$z-index: (\n\tz-visible-grid:\t\t\t\t10000,\n\tz-cookie:\t\t \t\t\t9999,\n\tz-overlay-menu:\t\t\t\t100,\n\tz-header: \t\t\t\t\t50,\n\tz-body:\t\t\t\t\t\t40,\n\tz-footer:\t\t\t\t \t20,\n);\n\n\n/**\n    USAGE:\n\n    @include z(z-modal);\n\n */\n\n@mixin z($label) {\n\tz-index: map-get($z-index,$label);\n}","/* ==========================================================================\n   Config settings\n   ========================================================================== */\n\n// ---------------------------------------------------------\n// The default border-radius values used in the border mixin\n\n$border-radius: (\n  s: 4px,\n  m: 8px,\n  l: 16px\n);\n\n\n// --------------------------------------------------------\n// Column settings\n\n$site-columns: 14;\n$site-column-size: 96; // Size of a single column when viewport is at its max width (used for calculating max-width).\n\n// ------------------------------------------------------------------------\n// Calculations that are done with some of the given values above this line\n\n$site-max-width: $site-column-size * ($site-columns - 2); // Main container max-width (without gutter)\n\n// --------------------------------------------------------\n// Other settings\n\n$site-skew-angle: \t\t-24.228deg;\n$site-gutter-width: \t6vw; // Used only for small screens. Must be [vw] or [px], NOT [%].\n$site-cookieBar-height: 64px; // Fixed size so we can offset padding-bottom on the body\n\n","$o-cta-bp1: \t\t\t\t428;\n$o-cta-bp2: \t\t\t\t900;\n$o-cta-bp3: \t\t\t\t$bp-max;\n$o-cta-ornament-height: \t120px;\n\n.o-cta {\n\t@include vspacing(\n\t\t'margin-top' 1\n\t);\n\tposition: relative;\n}\n\n\n.o-cta__main {\n\t@include contain;\n\n\t@include mq($o-cta-bp2) {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t}\n\n}\n\n\n.o-cta__content {\n\tpadding: space(7) 0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\n\t@include mq($o-cta-bp2) {\n\t\tflex: 1 1 50%;\n\t\tmargin-right: column(0.5);\n\t}\n}\n\n\n.o-cta__quote {\n\t@include font-size(l);\n\t@include font-weight(semiBold);\n\tline-height: 1.75;\n\tmax-width: 480px;\n\tmargin: 0 auto;\n\ttext-align: center;\n\tcolor: palette(tertiary, 400);\n\tquotes: '\\201c' '\\201d';\n\t&::before { content: open-quote; }\n\t&::after  { content: close-quote; }\n\n\t@include mq(660) {\n\t    @include font-size(xl);\n\t\t@include font-weight(bold);\n\t}\n}\n\n\n.o-cta__heading {\n\tmargin-bottom: space(3);\n\tcolor: palette(tertiary, 400);\n}\n\n\n.o-cta__desc {\n\tmargin-bottom: space(3);\n}\n\n\n.o-cta__action {\n\tdisplay: flex;\n\n\t& > * + * {\n\t\tmargin-left: space(2);\n\t}\n}\n\n\n.o-cta__person {\n\tdisplay: none;\n\tposition: relative;\n\tgrid-template-rows: 1fr;\n\tgrid-template-columns: 1fr;\n\tgrid-template-areas: \"main\";\n\tmax-width: 428px;\n\n\t@include mq($o-cta-bp2) {\n\t\tdisplay: grid;\n\t\tflex: 1 1 50%;\n\t\tmargin-top: space(-7);\n\t}\n\t@include mq($o-cta-bp3) {\n\t\tmargin-right: column(0.5);\n\t}\n}\n\n\n.o-cta__img {\n\tgrid-area: main;\n\talign-self: end;\n\tz-index: 0;\n\tposition: relative;\n\tleft: -20px;\n}\n\n\n.o-cta__circle-outer,\n.o-cta__circle-inner {\n\tgrid-area: main;\n\talign-self: end;\n\tmargin-left: column(-1);\n\tmargin-right: column(-1);\n\n\t@include mq($o-cta-bp1) {\n\t\tmargin: 0;\n\t}\n}\n\n.o-cta__circle-inner {\n\tz-index: 1;\n}\n\n.o-cta__info {\n\tgrid-area: main;\n\talign-self: end;\n\tjustify-self: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tpadding-bottom: space(2);\n\tz-index: 2;\n}\n\n\n.o-cta__name {\n\tcolor: palette(primary, 700);\n}\n\n\n.o-cta__subtitle {\n\tcolor: palette(tertiary, 400);\n}\n\n\n.o-cta--on-dark {\n\tcolor: palette(neutral, 0);\n\tbackground-color: palette(primary, 700);\n\n\t@include mq($o-cta-bp2) {\n\t\tmargin-bottom: calc(#{halve($o-cta-ornament-height)} + #{space(7)});\n\t}\n\n\t.o-cta__quote,\n\t.o-cta__heading {\n\t\tcolor: palette(neutral, 0);\n\t}\n\n\t.o-cta__name {\n\t\tcolor: palette(primary, 700);\n\t}\n\n\t.o-cta__subtitle {\n\t\tcolor: palette(tertiary, 400);\n\t}\n\n\t@include mq($o-cta-bp2) {\n\t\t&::after {\n\t\t\tcontent: '';\n\t\t\tdisplay: block;\n\t\t\tposition: absolute;\n\t\t\tbottom: 0;\n\t\t\tright: 0;\n\t\t\twidth: 72px;\n\t\t\theight: 120px;\n\t\t\tbackground-image: url(/img/ornaments/ornament-1.svg);\n\t\t\ttransform: translateY(50%);\n\t\t}\n\t}\n}","// Organism: Duo content\n\n$o-duo-bp1: 1000;\n$o-duo-gap: column(0.75);\n\n.o-duo {\n  @include vspacing(\n    'margin-top' 1,\n    'margin-bottom' 1\n  );\n}\n\n\n.o-duo__main {\n  @include mq($max: $o-duo-bp1) {\n    padding: space(3) 0;\n  }\n\n  @include mq($o-duo-bp1) {\n    display: flex;\n  }\n}\n\n\n.o-duo__item {\n  @include mq($o-duo-bp1) {\n\n    // Left & Right item\n    flex: none;\n    width: calc(50% - #{($o-duo-gap / 2)});\n\n    // Left item only\n    &:first-child {\n      margin-right: ($o-duo-gap /2);\n    }\n  }\n\n  // Right item only\n  &:last-child {\n    margin-top: space(6);\n\n    @include mq($o-duo-bp1) {\n      margin-top: 0;\n      margin-left: ($o-duo-gap / 2);\n    }\n  }\n}","// Organism: faq\n\n$o-faq-bp1: 600;\n$o-faq-left-offset: column(0.75);\n$o-faq-right-offset: column(0.5);\n\n\n.o-faq {\n  @include contain;\n  @include vspacing(\n    'margin-top' 1,\n    'margin-bottom' 1\n  );\n}\n\n\n.o-faq__heading {\n  @include font-size(xl);\n  margin-bottom: space(3);\n  color: palette(tertiary, 400);\n}\n\n\n.o-faq__list {\n  list-style: none;\n  margin-left: 0;\n  padding-bottom: space(6);\n}\n\n\n.o-faq__item {\n  @include owl(space(2));\n}\n\n\n.o-faq__header {\n  margin: 0 column(-1);\n  padding: space(2) column(1);\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: baseline;\n  background: palette(secondary, 100);\n  cursor: pointer;\n  transition: background-color 150ms linear;\n\n  @include mq($o-faq-bp1) {\n    margin: 0;\n    padding: space(2) $o-faq-right-offset space(2) $o-faq-left-offset;\n  }\n\n  // skewed edges\n  @include mq($o-faq-bp1) {\n    &::before,\n    &::after {\n      content: \"\";\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      top: 0;\n      z-index: 0;\n      background: palette(neutral, 0);\n      transform: rotate(-70deg);\n      transform-origin: bottom left;\n    }\n\n    &::after {\n      transform-origin: top right;\n    }\n  }\n\n  &:hover {\n    background: scale_color(palette(secondary, 100), $lightness: -6%);\n  }\n}\n\n\n.o-faq__title {\n  @include font-size(base);\n  @include font-weight(regular);\n  margin-right: space(2);\n}\n\n\n.o-faq__icon {\n  flex: none;\n  margin-left: auto;\n}\n\n\n.o-faq__content {\n  max-height: 0;\n  opacity: 0;\n  margin: 0;\n  transition: all 250ms ease-in-out;\n\n  @include mq($o-faq-bp1) {\n    padding: 0 $o-faq-left-offset;\n  }\n\n  .is-toggled ~ & {\n    max-height: 999px;\n    opacity: 1;\n    margin: space(2) 0;\n  }\n}\n\n\n.o-faq__desc {\n  max-width: 45em;\n}\n\n\n\n.o-faq__action {\n  margin-top: space(5);\n}\n\n\n// Toggled state styling\n.o-faq__header.is-toggled {\n  background: transparent;\n  transition: none;\n\n  &::before,\n  &::after {\n    display: none;\n  }\n\n  .o-faq__title {\n    color: palette(tertiary, 400);\n  }\n  .o-faq__icon {\n    color: palette(tertiary, 400);\n    transform: rotate(0.5turn);\n  }\n}","$o-flag-bp1:                 440;\n$o-flag-bp2:                 850;\n$o-flag-bp-max:              $bp-max;\n$o-flag-content-height:      240px;\n$o-flag-rating-max-size:     360px;\n$o-flag-content-v-offset:    halve($o-flag-rating-max-size - $o-flag-content-height);\n$o-flag-rating-top-offset:   40px;\n$o-flag-rating-left-offset:  40px;\n\n\n.o-flag {\n    color: palette(neutral, 0);\n    position: relative;\n    margin-top: calc(#{$o-flag-content-v-offset} + #{space(8)});\n    margin-bottom:  calc(#{$o-flag-content-v-offset} + #{space(8)});\n\n    // Left floating ornament with skewed edge\n    &::before {\n        @include mq($o-flag-bp-max) {\n            $width: column(2,14);\n            $height: $o-flag-content-height;\n            content: '';\n            display: block;\n            position: absolute;\n            top: $o-flag-content-v-offset;\n            left: calc(#{column(1,14)} - #{space(2)});\n            width: $width;\n            height: $height;\n            background-image: $gradient-blue;\n            transform: skew($site-skew-angle) translateX(-100%);\n            transform-origin: top right;\n        }\n    }\n\n    // Background-color with skewed edge\n    &:after {\n        content: '';\n        background-color: palette(primary);\n        position: absolute;\n        z-index: -1;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n\n        @include mq($o-flag-bp-max) {\n            transform: skew($site-skew-angle) translateX(-2vw);\n            left: column(-1);\n            right: 40px; // magic value: minimum needed offset to avoid a scrollbar\n        }\n    }\n}\n\n\n.o-flag__main {\n    @include contain;\n    position: relative;\n}\n\n\n.o-flag__partners {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: space(2) 0 space(4);\n    margin: 0 auto;\n    max-width: 750px;\n\n    @include mq($o-flag-bp-max) {\n        margin: 0; // reset\n        max-width: none; // reset\n        height: $o-flag-content-height;\n        width: calc(100% - #{$o-flag-rating-max-size + $o-flag-rating-left-offset});\n    }\n}\n\n\n.o-flag__heading {\n    margin-bottom: space(2);\n}\n\n\n.o-flag__subtext {\n    margin-top: space(-2);\n}\n\n\n.o-flag__slider {\n    display: flex;\n    align-items: center;\n    margin-left: column(-0.5);\n    margin-right: column(-0.5);\n\n    @include mq($o-flag-bp2) {\n        margin: 0;\n    }\n}\n\n\n.o-flag__tray {\n    overflow-x: hidden;\n    width: 100%;\n}\n\n\n.o-flag__list {\n    display: flex;\n    list-style: none;\n    margin-left: 0;\n}\n\n\n.o-flag__rating {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    margin-left: calc(#{column(-1)});\n    margin-right: calc(#{column(-1)});\n    padding: space(4);\n    text-align: center;\n    color: palette(neutral, 0);\n    background-image: $gradient-blue;\n\n    @include mq($o-flag-bp-max) {\n        position: absolute;\n        margin: auto; // reset\n        padding: space(2);\n        right: 0;\n        top: 50%;\n        width: 360px;\n        height: 360px;\n        border-radius: 100%;\n        transform: translateY(-50%);\n    }\n}\n\n\n.o-flag__logo {\n    margin-bottom: space(5);\n}\n\n\n.o-flag__score {\n    width: 240px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-radius: 500px;\n    margin-bottom: space(3);\n    padding: 9px space(3);\n    border: 1px solid palette(neutral, 0);\n}\n\n\n.o-flag__stars {\n    display: flex;\n}\n\n\n.o-flag__points {\n    @include font-size(l);\n    @include font-weight(bold);\n}\n\n\n.o-flag__reviews {\n    @include font-weight(bold);\n}","$o-footer-bp1:\t550;\n$o-footer-bp2:\t650;\n$o-footer-bp3:\t950;\n\n\n.o-footer {\n\t@include z(z-footer);\n\tpadding-bottom: 0;\n\tcolor: palette(neutral, 0);\n\tbackground-color: palette(primary);\n\ttransition: padding 0.6s;\n\n\t.is-cookie-bar-visible & {\n\t\tpadding-bottom: $site-cookieBar-height;\n\t}\n}\n\n\n.o-footer__pre {\n\tposition: relative;\n\tbackground-color: palette(secondary, 200);\n}\n\n\n.o-footer__main {\n\t@include contain;\n\t@include vspacing(\n\t\t'padding-top' 0.5,\n\t\t'padding-bottom' 0.625\n\t);\n}\n\n\n// Logo\n.o-footer__brand {\n\tmargin-top: space(1);\n\n\t@include mq($max: $o-footer-bp2) {\n\t\tmargin-bottom: space(4);\n\t}\n\n\t@include mq($o-footer-bp2) {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tmargin-bottom: space(7);\n\t}\n}\n\n\n.o-footer__logo {\n\ttransition: opacity 200ms linear;\n\n\t&:hover {\n\t\topacity: 0.5;\n\t}\n}\n\n\n.o-footer__slogan {\n\t@include mq($max: $o-footer-bp2) {\n\t\tdisplay: none;\n\t}\n\n\t@include mq($o-footer-bp2) {\n\t\tmargin-top: 0;\n\t\ttransform: translateY(7px) // align with logo\n\t}\n\t@include mq($o-footer-bp3) {\n\t\twidth: column(3);\n\t}\n\n}\n\n\n.o-footer__columns {\n\t@include mq($max: $o-footer-bp1) {\n\t\t@include owl-children(space(3));\n\t}\n\n\t@include mq($o-footer-bp1) {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t}\n}\n\n\n.o-footer__column {\n\t@include mq($o-footer-bp1, $o-footer-bp3) {\n\t\tflex: none;\n\t\twidth: column(6);\n\n\t\t&:nth-child(n+3) {\n\t\t\tmargin-top: space(3);\n\t\t}\n\t}\n\n\t@include mq($o-footer-bp3) {\n\t\tflex-wrap: nowrap;\n\t\twidth: column(3);\n\t}\n}\n\n\n.o-footer__social {\n\tdisplay: flex;\n\tlist-style: none;\n\tmargin: 0;\n\n\t* + & {\n\t\tmargin-top: space(6);\n\t}\n}\n\n\n.o-footer__channel {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: 24px;\n\theight: 24px;\n\tmargin-right: space(2);\n}\n\n\n.o-footer__icon {\n\tflex: auto;\n\tdisplay: block;\n\theight: 100%;\n\tcolor: palette(neutral, 0);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\ttransition: color 100ms linear;\n\n\t&:hover {\n\t\tcolor: palette(secondary, 300);\n\t}\n\n\t&:focus {\n\t\toutline-color: palette(action);\n\t}\n}\n\n\n.o-footer__heading {\n\t@include font-size(base);\n\t@include font-weight(regular);\n\tcolor: palette(secondary, 300);\n}\n\n\n.o-footer__list {\n\tlist-style: none;\n\tmargin: 0;\n}\n\n\n.o-footer__link {\n\tdisplay: inline-block;\n\tposition: relative;\n\tz-index: 0;\n\tcolor: palette(neutral, 0);\n\ttext-decoration: none;\n\tcursor: pointer;\n\ttransition: color 100ms linear;\n\n\t&:hover {\n\t\tcolor: palette(secondary, 300);\n\t}\n\n\t&:focus {\n\t\toutline-color: palette(action);\n\t}\n\t\n\t&.is-active {\n\t\tcolor: palette(tertiary, 300);\n\n\t\t&::before {\n\t\t    content: '';\n\t\t    position: absolute;\n\t\t    z-index: -1;\n\t\t    top: 8px;\n\t\t    left: -12px;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tbackground-image: url(\"/img/icons/arrow-dropdown.svg\");\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-size: 10px;\n\t\t\ttransform: rotate(-90deg);\n\t\t}\n\t}\n}\n\n\n.o-footer__language {\n\t* + & {\n\t\tmargin-top: space(4);\n\t}\n}\n\n.o-footer__product,\n.o-footer__company,\n.o-footer__other {\n\t@include mq($max: $o-footer-bp1) {\n\t\tdisplay: none;\n\t}\n}\n","/**\n * NOTE:\n * To prevent the honey pot from working\n * the o-form can't have a position property.\n */\n\n$o-form-column-gutter: space(1);\n\n.o-form {\n\tmax-width: 600px;\n\tmargin: auto;\n}\n\n.o-form__title {\n\tmargin: space(3) 0;\n}\n\n.o-form__row {\n\t& + & {\n\t\tmargin-top: space(3);\n\t}\n\n\t&.is-hidden {\n\t\tdisplay: none;\n\t}\n}\n\n.o-form__row--split {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\tmargin: 0 #{-$o-form-column-gutter} !important;\n}\n\n.o-form__column {\n\tmargin: space(3) $o-form-column-gutter 0;\n\tflex-grow: 1;\n\twidth: calc(50% - #{double($o-form-column-gutter)});\n\n\t&[data-size=\"s\"] {\n\t\tflex-grow: 1;\n\t\twidth: calc(40% - #{double($o-form-column-gutter)});\n\t}\n\t&[data-size=\"l\"] {\n\t\tflex-grow: 9999;\n\t\tflex-basis: 12em;\n\t\twidth: calc(60% - #{double($o-form-column-gutter)});\n\t}\n}\n\n\n.o-form__submit {\n\tpadding-top: space(6);\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\tmargin: #{-$o-form-column-gutter} !important;\n\n\t& > * {\n\t\tmargin: $o-form-column-gutter;\n\t}\n}\n\n\n.o-form__submit--align-right {\n\tjustify-content: flex-end;\n}",".o-header {\n\t@include z(z-header);\n\tposition: relative;\n\tpadding: space(2) 0;\n\tbackground-color: palette(primary);\n\n\t&.is-sticky {\n\t\topacity: 0;\n\t\tposition: fixed;\n\t\tz-index: 50;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\tpadding-top: space(2);\n\t\tpadding-bottom: space(2);\n\t\tbox-shadow: 0 -5px 30px black;\n\t\ttransform: translateY(-100%);\n\t\ttransition-property: transform, opacity;\n\t\ttransition-duration: 300ms;\n\t\ttransition-delay: 0s, 300ms;\n\t\ttransition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n\n\t\t.is-sticky-header-visible & {\n\t\t\topacity: 1;\n\t\t\ttransform: none;\n\t\t\ttransition-delay: 0s;\n\t\t}\n\t}\n}\n\n.o-header__main {\n\t@include contain;\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tmin-height: space(6);\n}\n\n.o-header__nav {\n\tdisplay: none;\n\n\t@include mq(o-header__nav) {\n\t\tdisplay: block;\n\t}\n}\n\n.o-header__language {\n\tdisplay: none;\n\n\t@include mq(o-header__nav) {\n\t\tdisplay: block;\n\t\tmargin-left: space(4);\n\t}\n\n}\n\n.o-header__logo {\n\tmin-width: 120px;\n\tmargin-right: auto;\n\n\t&:focus {\n\t\toutline-offset: 2px;\n\t\toutline-color: palette(action);\n\t}\n}\n\n.o-header__img {\n\tmax-height: space(6);\n\twidth: 100px;\n}\n\n\n.o-header__toggle {\n\tmargin-left: space(2);\n\n\t@include mq(c-nav__list) {\n\t\tdisplay: none;\n\t}\n}","$o-hero-bp1: 830;\n\n.o-hero {\n  position: relative;\n}\n\n\n.o-hero__figure {\n  /*\n   * We need \"overflow: hidden\" here because we want to\n   * limit the height. We can't set it on the root block element,\n   * because there can be an ornament sticking out the bottom.\n  */\n  max-height: 480px;\n  overflow: hidden;\n}\n\n\n.o-hero__img {\n  width: 100%;\n  min-height: 220px;\n  object-fit: cover;\n}\n\n\n@include mq($o-hero-bp1) {\n  .o-hero--has-ornament {\n    &::after {\n      content: '';\n      position: absolute;\n      right: 0;\n      bottom: 0;\n      width: 72px;\n      height: 120px;\n      background-image: url(/img/ornaments/ornament-1.svg);\n      transform: translateY(50%);\n    }\n  }\n}","$o-home-intro-bp1: 400;\n$o-home-intro-bp2: 830;\n$o-home-intro-bp3: 1100;\n\n$o-home-intro-ornament-height:      space(10);\n\n$o-home-intro-slogan-size:          540px;\n$o-home-intro-slogan-size-max:      288px;\n$o-home-intro-slogan-size-min:      144px;\n$o-home-intro-slogan-size-fluid:    strip-unit($o-home-intro-slogan-size-max)/$o-home-intro-bp2 * 100vw; // 288/800\n$o-home-intro-slogan-top-ratio:     0.6111111;\n$o-home-intro-slogan-bottom-ratio:  1 - $o-home-intro-slogan-top-ratio;\n\n\n.o-home-intro {\n  @include template(content, side);\n  padding-bottom: space(8);\n  position: relative;\n\n  @include mq($o-home-intro-bp2) {\n    margin-top: -$o-home-intro-ornament-height;\n  }\n}\n\n\n.o-home-intro__main {\n  @include contain;\n\n  @include mq($o-home-intro-bp2) {\n    display: grid;\n    grid-template-columns: 6fr 1fr 5fr;\n    grid-template-rows: $o-home-intro-ornament-height 5vw auto;\n    grid-template-areas:\n        \". . side\"\n        \". . side\"\n        \"content . side\";\n  }\n\n  @include mq($o-home-intro-bp3) {\n    grid-template-columns: 6.5fr 1fr 4.5fr;\n    grid-template-rows: $o-home-intro-ornament-height space(10) auto;\n  }\n}\n\n\n.o-home-intro__slogan {\n  margin-top: space(7);\n  max-width: $o-home-intro-slogan-size;\n  width: 100%;\n\n  @include mq($o-home-intro-bp2) {\n    margin-top: 0;\n  }\n}\n\n\n.o-home-intro__text {\n  margin-top: space(5);\n\n  @include mq($o-home-intro-bp2) {\n    margin-top: space(7);\n  }\n}\n\n\n.o-home-intro__usp {\n  position: relative;\n  color: palette(neutral, 0);\n  background-color: palette(primary);\n\n  @include mq($max: $o-home-intro-bp2) {\n    margin-top: space(4);\n    margin-left: column(-1);\n    margin-right: column(-1);\n    padding: space(4) column(1);\n  }\n\n  @include mq($o-home-intro-bp2) {\n    @include vspacing(\n      'padding-top' 0.8,\n      'padding-right' 0.6,\n      'padding-bottom' 0.8,\n      'padding-left' 0.6\n    );\n\n    &::before {\n      $width: 36px;\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: -$width;\n      width: $width;\n      height: $o-home-intro-ornament-height;\n      background-image: url(/img/ornaments/ornament-1.svg);\n      background-size: 48px 80px; // real size of the image\n      opacity: .75;\n    }\n  }\n}\n\n.o-home-intro__list {\n  margin-left: 0;\n  list-style: none;\n}\n\n\n.o-home-intro__item {\n  @include owl(space(4));\n  @include font-size(m);\n  @include font-weight(bold);\n  display: flex;\n  align-items: flex-start;\n  color: palette(neutral, 0);\n\n  @include mq($o-home-intro-bp2) {\n    @include owl(space(7));\n  }\n\n  @include mq($o-home-intro-bp3) {\n    @include font-size(xl);\n  }\n\n  &::before {\n    content: '';\n    margin-right: space(3);\n    flex: none;\n    margin-top: 2px;\n    width: 24px;\n    height: 24px;\n    background-image: url(/img/icons/check-half-colored.svg);\n\n    @include mq($o-home-intro-bp3) {\n      margin-top: 8px;\n    }\n  }\n}\n","$o-how-bp1: 600;\n$o-how-bp2: 1000;\n$o-how-image-clip-path-val: polygon(28.125% 0%, 0% 100%, 71.875% 100%, 100% 0%);\n$o-how-image-clip-path-small-val: polygon(28.125% 0%, 0% 100%, 100% 100%, 100% 0%);\n\n.o-how {\n  @include contain;\n  @include vspacing(\n    'margin-top' 1,\n    'margin-bottom' 1\n  );\n}\n\n\n.o-how__heading {\n  text-align: center;\n  color: palette(tertiary, 400);\n  margin-bottom: space(2);\n}\n\n\n.o-how__list {\n  list-style: none;\n  margin-left: 0;\n\n  @include mq($o-how-bp1) {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n}\n\n\n.o-how__item {\n  $offset: space(2);\n  //max-width: 320px;\n  margin: space(4) auto;\n\n  @include mq($max: $o-how-bp1) {\n    display: flex;\n    flex-direction: row-reverse;\n  }\n\n  @include mq($o-how-bp1) {\n    flex: 0 1 column(6,12);\n  }\n  @include mq($o-how-bp2) {\n    flex: 0 1 column(3,12);\n  }\n\n  // When clip-path is supported we can shift the items over each other\n  @supports (clip-path: $o-how-image-clip-path-val) {\n    @include mq($o-how-bp1) {\n      flex: 0 1 calc(#{column(6,12)} + #{double($offset)});\n      margin-left: -$offset;\n      margin-right: -$offset;\n    }\n    @include mq($o-how-bp2) {\n      flex: 0 1 calc(#{column(3,12)} + #{double($offset)});\n    }\n  }\n}\n\n\n.o-how__image {\n  object-fit: cover;\n  clip-path: $o-how-image-clip-path-val;\n  display: block;\n  margin: 0 auto;\n  padding: 0 space(2);\n  max-height: space(16);\n\n  @include mq($max: $o-how-bp1) {\n    min-height: 96px;\n    width: column(5,14);\n    margin-right: column(-1);\n    clip-path: $o-how-image-clip-path-small-val;\n  }\n\n  @include mq($o-how-bp1) {\n    width: 100%;\n    max-height: none;\n  }\n\n  @supports (clip-path: $o-how-image-clip-path-val) {\n    padding: 0;\n  }\n}\n\n\n.o-how__desc {\n  color: palette(tertiary, 400);\n\n  @include mq($max: $o-how-bp1) {\n    margin-right: column(1,14);\n  }\n\n  @include mq($o-how-bp1) {\n    margin-top: space(5);\n    padding-left: space(2);\n    padding-right: 28.125%;\n  }\n}\n\n\n.o-how__action {\n  text-align: center;\n}","$o-intro-bp1:                   840;\n$o-intro-bp2:                   $bp-max;\n$o-intro-bp-max:                1680;\n$o-intro-image-clip-path-val:   polygon(26.2596899% 0%, 0% 100%, 100% 100%, 100% 0%);\n$o-intro-image-stage-ratio:     61.4285714%;\n\n.o-intro {\n  position: relative;\n  overflow: hidden;\n}\n\n\n.o-intro__main {\n  @include contain;\n\n  @include mq($o-intro-bp1) {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: row-reverse;\n    justify-content: space-between;\n  }\n}\n\n\n.o-intro__content {\n  position: relative;\n  padding-top: space(4);\n  padding-bottom: space(4);\n\n  @include mq($max: $o-intro-bp1) {\n    margin-left: column(-1);\n    margin-right: column(-1);\n    padding-left: column(1);\n    padding-right: column(1);\n    background-color: palette(secondary, 100);\n  }\n\n  @include mq($o-intro-bp1) {\n    padding-right: column(0.5);\n  }\n\n  @include mq($o-intro-bp2) {\n    max-width: column(4);\n    padding-top: space(7);\n    padding-bottom: space(7);\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    bottom: 0;\n    right: -7vw; //magic value\n    left: -100vw; // push all the way out of view\n    background-color: palette(secondary, 100);\n    transform: skew($site-skew-angle);\n    transform-origin: bottom right;\n  }\n}\n\n\n.o-intro__title {\n  @include mq($max: $o-intro-bp1) {\n    @include font-size(xl);\n  }\n\n  @include vspacing(\n    'margin-bottom' 0.5833\n  );\n  color: palette(tertiary, 400);\n}\n\n\n.o-intro__stage {\n  position: relative;\n\n  @include mq($max: $o-intro-bp1) {\n    margin-left: column(-1);\n    margin-right: column(-1);\n  }\n\n  @include mq($o-intro-bp1) {\n    flex: none;\n    width: calc(#{column(6)} + #{column(1)});\n  }\n\n  @include mq($max: $o-intro-bp2) {\n    margin-right: column(-1);\n  }\n\n  @include mq($o-intro-bp2, $o-intro-bp-max) {\n    $offset: \"((100vw - #{$site-max-width}px) / -2)\";\n    margin-right: calc(#{$offset});\n    width: calc(#{column(8)} - #{$offset}); // aspect ratio\n  }\n\n  @include mq($o-intro-bp-max) {\n    $offset: \"((#{$site-max-width}px - #{$o-intro-bp-max}px) / 2)\";\n    margin-right: calc(#{$offset});\n    width: calc(#{column(8)} - #{$offset}); // aspect ratio\n  }\n}\n\n\n.o-intro__image,\n.o-intro__video {\n  background-color: #bbb;\n\n  @include mq($o-intro-bp1) {\n    clip-path: $o-intro-image-clip-path-val;\n\n    @supports (clip-path: $o-intro-image-clip-path-val) {\n      // do we need to do something special here?\n    }\n  }\n}\n\n\n.o-intro__video {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: block;\n  cursor: pointer;\n  background-color: transparent;\n  transition: background-color 100ms linear;\n\n  &::before {\n    $video-button-icon-size: 48px;\n    content: '';\n    position: absolute;\n    top: calc(50% - #{halve($video-button-icon-size)});\n    left: calc(50% - #{halve($video-button-icon-size)});\n    width: $video-button-icon-size;\n    height: $video-button-icon-size;\n    background-image: url('/img/icons/play.svg');\n    transition: all 100ms ease-in-out;\n    filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.3));\n  }\n\n  &:hover {\n    background-color: rgba(palette(secondary, 300), 0.1);\n\n    &::before {\n      transform: scale(1.3);\n      filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.7));\n    }\n  }\n}\n\n\n.o-intro__scroll {\n  @include mq($max: $o-intro-bp1) {\n    display: none;\n  }\n\n  display: block;\n  border: none;\n  width: 40px;\n  height: 82px;\n  margin-top: space(7);\n  background: transparent url(/img/icons/mouse-scroll.svg);\n  animation: mouseScroll 2s infinite;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n\n.o-intro__action {\n  @include vspacing(\n      'margin-top' 0.5833\n  );\n}\n\n\n@keyframes mouseScroll {\n  0% {\n    transform: translate(0, 0);\n  }\n  20% {\n    transform: translateY(10px);\n  }\n  40% {\n    transform: translate(0, 0);\n  }\n}\n\n\n// When a video is set instead of a image we need to change the styling\n.o-intro.has-video {\n  .o-intro__image {\n    clip-path: none;\n  }\n  .o-intro__stage {\n    @include mq($o-intro-bp2) {\n      width: calc(#{column(9)});\n    }\n    @include mq($o-intro-bp-max) {\n      width: calc(#{column(10)});\n    }\n  }\n  .o-intro__content {\n    @include mq($o-intro-bp1) {\n      padding-right: column(1);\n    }\n    &::before {\n      right: -100vw; // make full width\n      transform: none;\n    }\n  }\n}","\n.o-machine {\n    width: 100%;\n}\n\n\n.o-machine__header {\n    display: flex;\n    align-items: center;\n\n    // when is clickable add pointer cursor\n    &.js-toggle-trigger {\n        cursor: pointer;\n    }\n}\n\n\n.o-machine__title {\n    flex: 1;\n    padding: space(2) space(4);\n    background-color: palette(secondary, 100);\n    position: relative;\n    overflow: hidden;\n    transition: all 150ms linear;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    &::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: 40px;\n        background-color: palette(neutral, 0);\n        transform: skewX($site-skew-angle) translateX(100%);\n        transform-origin: right top;\n    }\n\n    .is-toggled & {\n        background-color: palette(secondary, 300);\n        color: palette(neutral, 0);\n    }\n}\n\n\n.o-machine__arrow-icon {\n    transition: transform 150ms ease-in-out;\n\n    .is-toggled & {\n        transform: rotate(0.5turn);\n    }\n}\n\n\n.o-machine__logo {\n    height: 72px;\n    width: 96px;\n    background-color: palette(primary, 700);\n    border-radius: 12px;\n    padding: space(2);\n    box-sizing: content-box;\n}\n\n\n.o-machine__content {\n    max-height: 0;\n    opacity: 0;\n    margin: 0;\n    pointer-events: none;\n    transition: all 250ms ease-in-out;\n\n    .is-toggled ~ & {\n        max-height: 9999px;\n        opacity: 1;\n        margin: space(5) 0;\n        pointer-events: all;\n    }\n}",".o-machines-list {\n\t@include contain;\n\t@include vspacing('margin-top' 1.5, 'margin-bottom' 1.5);\n}\n\n\n.o-machines-list__item {\n\t&:nth-child(n+2) {\n\t\tmargin-top: space(4);\n\t}\n}","$o-machine-type-bp1: 680;\n\n\n.o-machine-type {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    @include mq($o-machine-type-bp1) {\n        flex-direction: row;\n        align-items: stretch;\n    }\n\n    &:nth-child(n+2) {\n        margin-top: space(2);\n    }\n}\n\n\n.o-machine-type__img {\n    width: 160px;\n    height: 160px;\n    background-color: palette(secondary, 100);\n}\n\n\n.o-machine-type__body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    padding: space(2) 0;\n    text-align: center;\n    border-bottom: 1px solid palette(tertiary, 100);\n\n    @include mq($o-machine-type-bp1) {\n        margin-left: space(4);\n        flex-direction: row;\n        text-align: left;\n    }\n}\n\n\n.o-machine-type__content {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    flex: 1;\n}\n\n\n.o-machine-type__type {\n    @include font-size(m);\n    @include font-weight(bold);\n}\n\n\n.o-machine-type__working-width {\n    @include font-size(m);\n    color: palette(tertiary, 400);\n}\n\n.o-machine-type__action {\n    align-self: center;\n\n    @include mq($max: $o-machine-type-bp1) {\n        margin-top: space(2);\n    }\n}",".o-other-models{\n  padding: 85px 0;\n\n  @include mq(850)\n  {\n    padding: 170px 0;\n  }\n}\n\n.o-other-models__title{\n  margin-bottom: 40px ;\n}\n\n.o-other-models__grid{\n\n  & > * + *\n  {\n    margin-top: 60px;\n  }\n\n  @include mq(850)\n  {\n    display: flex;\n    justify-content: flex-start;\n    align-items: flex-start;\n\n    & > * + *\n    {\n      margin-top: 0;\n      margin-left: 30px;\n      margin-right: 0;\n    }\n  }\n\n  @include mq(950)\n  {\n    & > * + *\n    {\n      margin-left: 50px;\n    }\n  }\n\n  @include mq(1150){\n\n    & > * + *\n    {\n      margin-left: 80px;\n    }\n  }\n\n}\n\n.o-other-models__item{\n  width: 100%;\n  max-width: 425px;\n\n  @include mq($max: 850){\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  @include mq(850)\n  {\n    margin-bottom: 0;\n    width: calc((100% - 60px) / 3);\n    max-width: none;\n  }\n\n  @include mq(950)\n  {\n    width: calc((100% - 100px) / 3);\n  }\n\n  @include mq(1150){\n    width: calc((100% - 160px) / 3);\n  }\n\n}","// Component settings: Overlay menu\n// ------------------------------------------\n\n$o-overlay-menu: (\n  'color':            palette(neutral, 0),\n  'bgcolor':          palette(primary),\n  'shader-color':     rgba(0, 0, 0, 0.6),\n  'move-speed':       400ms,\n  'opacity-speed':    400ms,\n);\n\n// ------------------------------------------\n\n\n.o-overlay-menu {\n  @include z(z-overlay-menu);\n  display: flex;\n  flex-direction: column;\n  opacity: 0;\n  position: fixed;\n  height: 100%;\n  width: 100%;\n  left: 0;\n  top: 0;\n  background-color: map-get($o-overlay-menu, 'bgcolor');\n\n  // When it disappears out of view\n  pointer-events: none;\n  transform: translateX(-200px);\n  transition-property: transform, opacity;\n  transition-duration: map-get($o-overlay-menu, 'move-speed'), map-get($o-overlay-menu, 'opacity-speed');\n  transition-timing-function: ease-in-out;\n\n  // When it comes into view\n  .is-overlay-menu-active & {\n    pointer-events: all;\n    opacity: 1;\n    transform: none;\n  }\n\n  .ie & {\n    z-index: -1;\n\n    .is-overlay-menu-active &{\n      @include z(z-overlay-menu);\n    }\n  }\n\n  // Shader\n  &::before {\n    display: block;\n    content: '';\n    position: absolute;\n    top: 0;\n    right: -120vw;\n    width: 120vw;\n    height: 100%;\n    background: map-get($o-overlay-menu, 'shader-color');\n    pointer-events: none;\n    opacity: 0;\n    transition-property: opacity;\n    transition-duration: map-get($o-overlay-menu, 'opacity-speed');\n    transition-delay: map-get($o-overlay-menu, 'move-speed');\n    transition-timing-function: linear;\n\n    .is-overlay-menu-active & {\n      opacity: 1;\n      transition-delay: 0s;\n    }\n  }\n\n  // Hide overlay menu on larger viewports\n  //@include mq(1000) {\n  //  display: none;\n  //}\n}\n\n.o-overlay-menu__bar {\n  @include contain;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: space(2);\n  padding-bottom: space(2);\n}\n\n.o-overlay-menu__main {\n  display: flex;\n  align-items: center;\n  min-height: space(6);\n}\n\n\n.o-overlay-menu__toggle {\n  transform: rotate(-0.5turn);\n  transition: transform 600ms ease-out;\n  transition-delay: 200ms;\n\n  .is-overlay-menu-active & {\n    transform: none;\n  }\n}\n\n.o-overlay-menu__nav {\n  @include contain;\n  margin-top: space(3);\n}\n\n.o-overlay-menu__list {\n  margin-left: 0;\n  list-style: none;\n}\n\n.o-overlay-menu__item {\n  & + & {\n    border-top: 1px solid rgba(palette(secondary, 300), 0.16);\n  }\n}\n\n\n.o-overlay-menu__link {\n  @include font-size(base);\n  display: flex;\n  align-items: center;\n  padding: space(1);\n  color: palette(neutral, 0);\n  text-decoration: none;\n\n  &.is-active {\n    opacity: 1;\n    position: relative;\n  }\n}\n\n\n.o-overlay-menu__language {\n  @include contain;\n  margin-top: space(4);\n}","$o-duplex-bp1: 688;\n$o-duplex-bp2: 1000;\n$o-duplex-image-msx-height: 360px;\n$o-duplex-image-clip-path-val: polygon(28.125% 0%, 0% 100%, 71.875% 100%, 100% 0%);\n\n\n.o-duplex {\n  @include vspacing(\n    'margin-top' 1,\n    'margin-bottom' 1\n  );\n}\n\n\n.o-duplex__main {\n  @include contain;\n  @include mq($o-duplex-bp1) {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n}\n\n\n.o-duplex__item {\n  margin: space(4) auto;\n\n  @include mq($o-duplex-bp1) {\n    flex: none;\n    width: calc(#{column(6,12)});\n    margin: 0;\n\n    &:first-child {\n      $offset: column(0.5);\n      margin-left: -$offset;\n      margin-right: $offset;\n    }\n  }\n}\n\n\n.o-duplex__figure {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: 62.5%; // Aspect ratio\n    overflow: hidden;\n\n    clip-path: $o-duplex-image-clip-path-val;\n}\n\n\n.o-duplex__image {\n  display: block;\n  max-width: 100%;\n  max-height: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: palette(secondary, 100);\n}\n\n\n.o-duplex__content {\n  @include vspacing(\n      'padding-top' 0.6667\n  );\n\n  @include mq($o-duplex-bp1) {\n    padding-left: column(0.5, 6);\n    padding-right: column(0.5, 6);\n  }\n\n  @include mq($o-duplex-bp2) {\n    padding-right: column(1, 6);\n  }\n}\n\n\n.o-duplex__title {\n  @include font-size(xl);\n  @include font-weight(bold);\n  color: palette(tertiary, 400);\n}\n\n\n.o-duplex__subtitle {\n  @include font-size(base);\n  @include font-weight(semiBold);\n  margin-bottom: space(3);\n  color: palette(secondary, 300);\n}\n\n\n.o-duplex__desc {\n  margin-top: space(3);\n}\n\n\n.o-duplex__action {\n  margin-top: space(5);\n}\n\n\n// Dark background and ornaments to the side\n.o-duplex--on-dark {\n  $top-ornament-ratio: 1.66667;\n  $top-ornament-width: 5.365vw;\n  $top-ornament-height: $top-ornament-width * $top-ornament-ratio;\n  $top-ornament-width-fixed: 72px;\n  $top-ornament-height-fixed: 120px;\n\n  $bottom-ornament-ratio: 1.66667;\n  $bottom-ornament-width: 10.73vw;\n  $bottom-ornament-height: $bottom-ornament-width * $bottom-ornament-ratio;\n  $bottom-ornament-width-fixed: 144px;\n  $bottom-ornament-height-fixed: 240px;\n\n  position: relative;\n  color: palette(neutral, 0);\n  margin-bottom: calc(#{space(4)} + #{halve($bottom-ornament-height)});\n\n  @include mq($bp-max) {\n    margin-bottom: calc(#{space(4)} + #{halve($bottom-ornament-height-fixed)});\n  }\n\n  // top left ornament\n  &::before {\n    @include mq($o-duplex-bp1) {\n      content: '';\n      display: block;\n      position: absolute;\n      left: 0;\n      width: $top-ornament-width;\n      height: $top-ornament-height;\n      color: green;\n      background-size: $top-ornament-width $top-ornament-height;\n      background-image: url(/img/ornaments/ornament-2.svg);\n      transform: translateY(-50%);\n    }\n\n    @include mq($bp-max) {\n      width: $top-ornament-width-fixed;\n      height: $top-ornament-height-fixed;\n      background-size: $top-ornament-width-fixed $top-ornament-height-fixed;\n    }\n  }\n\n  // bottom right ornament\n  &::after {\n    content: '';\n    display: block;\n    position: absolute;\n    z-index: -1;\n    bottom: 0;\n    right: 0;\n    width: $bottom-ornament-width;\n    height: $bottom-ornament-height;\n    background-size: $bottom-ornament-width $bottom-ornament-height;\n    background-image: url(/img/ornaments/ornament-1.svg);\n    transform: translateY(50%);\n\n    @include mq($bp-max) {\n      width: $bottom-ornament-width-fixed;\n      height: $bottom-ornament-height-fixed;\n      background-size: $bottom-ornament-width-fixed $bottom-ornament-height-fixed;\n    }\n  }\n\n  .o-duplex__main {\n    // background color with an offset from the top\n    &::before {\n      content: '';\n      display: block;\n      position: absolute;\n      z-index: -2;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      background-color: palette(primary, 700);\n    }\n  }\n\n  // Offset background color AND top-left ornament\n  &::before,\n  .o-duplex__main::before {\n    top: 47.75vw; // make it align with bottom image\n\n    @include mq($o-duplex-bp1) {\n      top: 22vw; // make it align with bottom image\n    }\n\n    @include mq($bp-max) {\n      top: calc(#{$o-duplex-image-msx-height} - #{halve($top-ornament-height-fixed)}); // fixed size, because it can't size anymore\n    }\n  }\n\n  .o-duplex__content {\n    padding-bottom: space(7);\n   }\n\n  .o-duplex__item {\n    position: relative; // needed for z-index to work\n  }\n\n  .o-duplex__title {\n    color: palette(neutral, 0);\n  }\n}","$o-prelude-offset-bottom: space(20);\n\n\n.o-prelude {\n  background-color: palette(secondary, 100);\n  padding-bottom: $o-prelude-offset-bottom;\n  margin-bottom: -$o-prelude-offset-bottom;\n}\n\n\n.o-prelude__main {\n  @include contain;\n  padding-top: space(5);\n  padding-bottom: space(7);\n\n  @include mq(m) {\n    padding-right: column(2);\n  }\n}\n\n\n.o-prelude__title {\n  @include mq($max: 700) {\n    @include font-size(xl);\n  }\n\n  color: palette(tertiary, 400);\n}\n\n.o-prelude__subtitle {\n  @include mq($max: 700) {\n    @include font-size(l);\n  }\n}\n\n\n.o-prelude__description {\n  * + &  {\n    margin-top: space(7);\n\n    @include mq($max: 700) {\n      margin-top: space(5);\n    }\n  }\n}\n\n","/**\n * Prefooter\n */\n\n$prefooter-bp1: \t\t\t\t\t540;\n$prefooter-bp2: \t\t\t\t\t840;\n$prefooter-bp3: \t\t\t\t\t1100;\n\n\n.o-prefooter {\n\t@include contain;\n\t@include font-size(base);\n\tposition: relative;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: space-between;\n\talign-items: center;\n\tpadding: space(8) 0;\n\tcolor: palette(primary);\n\n\t@include mq($prefooter-bp3) {\n\t\tmargin-bottom: 0;\n\t\tpadding-bottom: space(8);\n\t}\n}\n\n\n.o-prefooter__body {\n\twidth: 100%;\n}\n\n\n.o-prefooter__brochure {\n\t@include mq($prefooter-bp2) {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n}\n\n\n.o-prefooter__form {\n\tflex: 1;\n\tmargin-top: space(2);\n\n\t@include mq($prefooter-bp1) {\n\t\tdisplay: flex;\n\t}\n\t@include mq($prefooter-bp2) {\n\t\tmargin-top: 0;\n\t\tmargin-left: space(5);\n\t}\n}\n\n\n.o-prefooter__input {\n\tflex: 1;\n\tmax-width: 360px;\n\n\t@include mq($max: $prefooter-bp1) {\n\t\twidth: 100%;\n\t}\n}\n\n\n.o-prefooter__button {\n\tmargin-top: space(2);\n\n\t@include mq($prefooter-bp1) {\n\t\tmargin-top: 0;\n\t\tmargin-left: space(2);\n\t\tflex: none;\n\t}\n}","$o-slogan-bp1: 850;\n$o-slogan-bp2: 1100;\n\n\n.o-slogan {\n\t@include vspacing(\n\t\t'margin-top' 1,\n\t\t'margin-bottom' 1\n\t);\n\n\t@include mq($max: $o-slogan-bp1) {\n\t\t//background-color: palette(secondary, 100);\n\t}\n}\n\n\n.o-slogan__main {\n\t@include contain;\n\tposition: relative;\n\tpadding: space(7) 0;\n\n\t@include mq($o-slogan-bp1) {\n\t\tdisplay: flex;\n\t}\n\n\t// Background-color with skewed edge\n\t@include mq($o-slogan-bp1) {\n\t\t&:after {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tz-index: -1;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t\tleft: -100vw;\n\t\t\tright: column(-1);\n\t\t\tbackground-color: palette(secondary, 100);\n\t\t\ttransform: skew($site-skew-angle);\n\t\t\ttransform-origin: top right;\n\t\t}\n\t}\n}\n\n\n.o-slogan__content {\n\t@include mq($o-slogan-bp1) {\n\t\tflex: auto;\n\t}\n}\n\n\n.o-slogan__figure {\n\n\t@include mq($max: $o-slogan-bp1) {\n\t\tmax-width: 200px;\n\t\tmargin-top: space(3);\n\t\tmargin-left: 0;\n\t}\n\n\t@include mq($o-slogan-bp1) {\n\t\tflex: 0 0 column(3);\n\t\tmargin-top: space(6);\n\t\tmargin-left: column(1);\n\t\tmargin-right: column(1);\n\t}\n}\n\n\n.o-slogan__title {\n\tmargin-bottom: space(3);\n\tcolor: palette(tertiary, 400);\n}\n\n\n.o-slogan__desc {\n\tmax-width: 45em;\n}",".o-stories {\n\n}\n\n.o-stories__header {\n\tmargin-bottom: 12.5%;\n}\n\n.o-stories__footer {\n\tmargin-top: 8.333%;\n}","/**\n * Subfooter\n */\n\n.o-subfooter {\n\t@include contain;\n\t@include font-size(s);\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: space-between;\n\talign-items: center;\n\tpadding: space(2) 0;\n\tcolor: palette(secondary, 300);\n\tborder-top: 1px solid rgba(palette(secondary, 300), 0.5);\n}\n\n\n.o-subfooter__copyright {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin-right: space(4);\n}\n\n\n.o-subfooter__trademark {\n}","$o-team-bp-1:     360;\n$o-team-bp-2:     650;\n$o-team-bp-3:     1000;\n$o-team-gap--v:   space(10);\n$o-team-gap--h:   space(4);\n\n\n.o-team {\n  @include contain;\n  @include vspacing(\n      'margin-top' 1,\n      'margin-bottom' 1\n  );\n  position: relative;\n}\n\n\n.o-team__title {\n  color: palette(tertiary, 400);\n  margin-bottom: space(6);\n}\n\n\n.o-team__subtitle {\n  color: palette(primary, 700);\n  margin-bottom: space(2);\n}\n\n\n.o-team__list {\n  display: flex;\n  flex-wrap: wrap;\n  margin: halve(-$o-team-gap--v) 0;\n  list-style: none;\n\n  @include mq($o-team-bp-1) {\n    margin: halve(-$o-team-gap--v) halve(-$o-team-gap--h);\n    margin-bottom: space(6);\n  }\n\n  @include mq($bp-max) {\n    margin-left: 0;\n    margin-right: 0;\n  }\n}\n\n\n.o-team__item {\n  flex: none;\n  margin: space(2) auto;\n\n  @include mq($o-team-bp-1) {\n    margin: halve($o-team-gap--v) space(0.5);\n    width: calc(#{column(6)} - #{space(1)});\n  }\n\n  @include mq($o-team-bp-2) {\n    margin: halve($o-team-gap--v) halve($o-team-gap--h);\n    width: calc(#{column(4)} - #{$o-team-gap--h});\n  }\n\n  @include mq($o-team-bp-3) {\n    width: calc(#{column(3)} - #{$o-team-gap--h});\n  }\n}","// Organism: Text-Image\n\n$o-ti-bp1: 680;\n\n\n.o-ti {\n\t@include vspacing('margin-bottom' 1);\n}\n\n\n.o-ti__main {\n\t@include contain;\n\t@include mq($o-ti-bp1) {\n\t\tdisplay: flex;\n\t\tflex-direction: row-reverse;\n\t\talign-items: flex-start;\n\t}\n}\n\n\n.o-ti__image {\n\tmax-width: 480px;\n\tmargin: 0 auto;\n\tclip-path: polygon(28.125% 0%, 0% 100%, 71.875% 100%, 100% 0%);\n}\n\n.o-ti__text {\n\tmargin-top: space(4);\n}\n\n\n@include mq($o-ti-bp1) {\n\t.o-ti__image {\n\t\tflex: 0 0 column(5, 12);\n\t}\n\n\t.o-ti__text {\n\t\tflex: 0 0 calc(#{column(6.5)});\n\t\tmargin-right: column(0.5);\n\t\tmargin-top: 0;\n\t}\n\n\n\t// Modifier for flipping the 2 blocks when they're beside each other\n\t.o-ti--reversed {\n\t\t.o-ti__main {\n\t\t\tflex-direction: row;\n\t\t}\n\t\t.o-ti__text {\n\t\t\tmargin-left: column(0.5);\n\t\t\tmargin-right: 0;\n\t\t}\n\t}\n}\n\n\n\n// Dark background and ornament on the bottom\n.o-ti--on-dark {\n\t$bottom-ornament-ratio: 1.66667;\n\t$bottom-ornament-width: 5.365vw;\n\t$bottom-ornament-height: $bottom-ornament-width * $bottom-ornament-ratio;\n\t$bottom-ornament-width-fixed: 72px;\n\t$bottom-ornament-height-fixed: 120px;\n\n\tposition: relative;\n\tmargin-bottom: calc(#{space(4)} + #{halve($bottom-ornament-height)});\n\tpadding-top: space(4);\n\tpadding-bottom: space(4);\n\tbackground-color: palette(primary, 700);\n\n\t@include mq($o-ti-bp1) {\n\t\tpadding-top: space(6);\n\t\tpadding-bottom: space(6);\n\t}\n\n\t@include mq($bp-max) {\n\t\tmargin-bottom: calc(#{space(4)} + #{halve($bottom-ornament-height-fixed)});\n\t\tpadding-top: space(10);\n\t\tpadding-bottom: space(10);\n\t}\n\n\t// bottom right ornament\n\t&::after {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\twidth: $bottom-ornament-width;\n\t\theight: $bottom-ornament-height;\n\t\tcolor: green;\n\t\tbackground-size: $bottom-ornament-width $bottom-ornament-height;\n\t\tbackground-image: url(/img/ornaments/ornament-1.svg);\n\t\ttransform: translateY(50%);\n\n\t\t@include mq($bp-max) {\n\t\t\twidth: $bottom-ornament-width-fixed;\n\t\t\theight: $bottom-ornament-height-fixed;\n\t\t\tbackground-size: $bottom-ornament-width-fixed $bottom-ornament-height-fixed;\n\t\t}\n\t}\n}\n\n\n\n","$o-trophies-bp-1:       660;\n$o-trophies-bp-2:       900;\n$o-trophies-bp-3:       1000;\n$o-trophies-gap:        space(4);\n$o-trophies-bg-offset:  60px;\n\n\n.o-trophies {\n  overflow: hidden;\n  @include vspacing(\n      'margin-top' 1,\n      'margin-bottom' 1\n  );\n}\n\n\n.o-trophies__main {\n  @include contain($o-trophies-bp-1);\n  position: relative;\n  background-color: palette(secondary, 100);\n\n  @include mq($o-trophies-bp-2) {\n    display: flex;\n    background-color: transparent;\n  }\n}\n\n\n.o-trophies__desc {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  flex: 0 0 calc(#{column(5.5)});\n  margin: space(4) 0;\n  padding: space(4) column(1,14);\n  background-image: $gradient-blue;\n\n  @include mq($o-trophies-bp-2) {\n    margin: $o-trophies-bg-offset 0;\n  }\n\n  // Needed for IE\n  & > * {\n    width: 100%;\n  }\n}\n\n\n.o-trophies__list {\n  display: flex;\n  flex-wrap: wrap;\n  list-style: none;\n  margin: 0;\n\n  @include mq($o-trophies-bp-2) {\n    flex: 0 0 calc(#{column(6.5)} - #{column(0.5)});\n    margin-left: calc(#{column(0.5)});\n    padding-top: $o-trophies-bg-offset;\n    padding-bottom: $o-trophies-bg-offset;\n\n    &::before {\n      content: '';\n      position: absolute;\n      z-index: -1;\n      top: 0;\n      right: -100vw;\n      bottom: 0;\n      left: column(2);\n      background-color: palette(secondary, 100);\n      transform: skew($site-skew-angle);\n      transform-origin: bottom left;\n      //clip-path: polygon(28.125% 0%, 0% 100%, 100% 100%, 100% 0%);\n    }\n  }\n}\n\n\n.o-trophies__item {\n  flex: none;\n  width: calc(100% - #{column(2,14)});\n  margin: space(2) column(1,14);\n\n  @include mq($o-trophies-bp-1) {\n    width: calc(#{column(6)} - #{$o-trophies-gap});\n    margin: halve($o-trophies-gap);\n  }\n}","\n/* Video Modal\n-----------------------------------------*/\n\n$o-video-modal-overlay-color: rgba(palette(primary, 700), 0.85);\n\n\n/* set the iframe element to stretch to fit its parent element */\niframe#youtube-iframe {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tz-index: 1;\n\tbackground: #000;\n\tbox-shadow: 0 2px 16px rgba(0,0,0,0.5);\n}\n\n\n.o-video-modal,\n.o-video-modal__overlay {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tz-index: 3000;\n}\n\n\n.o-video-modal {\n\toverflow: hidden;\n\tposition: fixed;\n\topacity: 0;\n\ttransform: translate(500%, 0%);\n\ttransition: transform 0s linear 0s;\n\tdisplay: flex;\n\talign-items: center;\n\ttransform-style: preserve-3d;\n}\n\n\n.o-video-modal__overlay {\n\tz-index: 0;\n\tbackground: $o-video-modal-overlay-color; /* overlay color */\n\topacity: 0;\n\ttransition: opacity 200ms ease-out 50ms;\n}\n\n\n.o-video-modal__content {\n\tposition: relative;\n\ttop: auto;\n\tright: auto;\n\tbottom: auto;\n\tleft: auto;\n\tz-index: 1;\n\tmargin: 0 auto;\n\toverflow-y: visible;\n\tbackground: #000000;\n\twidth: calc(100% - 12em);\n\theight: 0;\n\tpadding-top: calc((100% - 12em) * 0.5625); /* 16:9 calc */\n\n\t/* Scaling to fit within the current Viewport size:\n\t   When viewport aspect ratio is greater than 16:9\n\t   work off the height instead of the width for calc */\n\t@media (min-aspect-ratio: 16/9) {\n\t\twidth: 0;\n\t\theight: calc(100vh - 10em);\n\t\tpadding-top: 0;\n\t\tpadding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */\n\t}\n\n\t/* Mobile Layout Tweaks - side margins reduced */\n\t@media (max-width: 640px) {\n\t\twidth: calc(100% - 1em);\n\t\tpadding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */\n\t}\n}\n\n\n/* modal close button */\n.o-video-modal__close {\n\tbackground-color: transparent;\n\tborder: none;\n\tdisplay: block;\n\tposition: absolute;\n\tleft: 0;\n\ttop: -40px;\n\ttext-decoration: none;\n\tfont-size: 20px;\n\tfont-weight: bold;\n\tcolor: #fff;\n\tcursor: pointer;\n}\n\n\n/* show the modal:\n   add class to the body to reveal (via javascript) */\n\n.is-visible-video-modal  {\n\t.o-video-modal {\n\t\topacity: 1;\n\t\ttransform: none;\n\t}\n\t.o-video-modal__overlay {\n\t\topacity: 1;\n\t}\n\t.o-video-modal__content {\n\t\ttransform: none;\n\t}\n}",".s-card-list {\n\t& > ul:not([class]) {\n\t\tlist-style: none;\n\t\tmargin-left: 0;\n\n\t\t& > li {\n\t\t\tpadding: space(1) 0;\n\t\t\tborder-top: 1px solid rgba(palette(tertiary, 100), 1);\n\t\t}\n\t}\n}","/**\n * All text elements that can be added by the user through a CMS\n */\n\n\n.s-text {\n\n\th2, h3, h4 {\n\t\tcolor: palette(tertiary, 400);\n\t}\n\n\t// First the owl selector for setting a default vertical rhythm\n\t& > * + * {\n\t\tmargin-top: space(4);\n\t}\n\n\t// Make sure first item in scoped text has no margin on top\n\t& > :first-child {\n\t\tmargin-top: 0 !important;\n\t}\n\n\t& > ul:not([class]) {\n\t\tlist-style: none;\n\n\t\t& > li {\n\t\t\tposition: relative;\n\t\t\tmargin-left: -1.125em;\n\t\t\tpadding-left: 1.125em;\n\n\t\t\t&::before {\n\t\t\t\t@include font-size(l);\n\t\t\t\tcontent: \"\\2022\";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: -4px;\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t& > ol:not([class]) {\n\t\tlist-style: none;\n\t\tcounter-reset: ol-counter;\n\n\t\t& > li {\n\t\t\tcounter-increment: ol-counter;\n\t\t\tposition: relative;\n\t\t\tmargin-left: -1.125em;\n\t\t\tpadding-left: 1.8em;\n\n\t\t\t&::before {\n\t\t\t\tcontent: counter(ol-counter) \". \";\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 1.275em;\n\t\t\t\ttext-align: right;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.m-text {\n\th2, h3, h4 {\n\t\tcolor: palette(primary, 700);\n\t}\n\n\t// First the owl selector for setting a default vertical rhythm\n\t& > * + * {\n\t\tmargin-top: space(3);\n\t}\n\n\t& > ul:not([class]) {\n\t\tlist-style: none;\n\t\tmargin-left: space(5);\n\n\t\t& > li {\n\t\t\tposition: relative;\n\t\t\tmargin-left: space(-5);\n\t\t\tpadding-left: space(5);\n\t\t\tmargin-bottom: space(2);\n\t\t\t@include font-size(16, 32);\n\n\t\t\t&::before {\n\t\t\t\t@include font-size(l);\n\t\t\t\tcontent: \"\";\n\t\t\t\theight: space(3);\n\t\t\t\twidth: space(3);\n\t\t\t\tbackground-size: contain;\n\t\t\t\tbackground-image: url('/img/icons/check-white.svg');\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 4px;\n\t\t\t\tleft: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.s-text--on-dark {\n\tp, h1, h2, h3, h4, h5, h6 {\n\t\tcolor: palette(neutral, 0);\n\t}\n\ta {\n\t\tcolor: palette(secondary, 200);\n\n\t\t&:hover {\n\t\t\tcolor: palette(secondary, 300);\n\t\t}\n\t}\n}","@import \"scopes.card-list\";\n@import \"scopes.text\";\n\n\n// Disable transition for all children elements\n// Places on the body by default, and removed with JS after load\n.u-preload-transitions * {\n\ttransition: none !important;\n}","/** =====================================================================================\n *  Color\n ===================================================================================== */\n\n\n/**\n * Here we print out all our helper classes for our defined colors\n * Based on these articles:\n * - http://erskinedesign.com/blog/friendlier-colour-names-sass-maps/\n * - https://blog.atechmedia.com/css-for-multiple-themes/\n * Output is in the form of:\n\n   .u-color-primary {\n      color: #bada55;\n   }\n\n  .u-bg-neutral--dark {\n    background-color: #decaff;\n  }\n */\n\n@each $level, $palette in $palettes {\n\t@each $type, $color in $palette {\n\t\t@if($type == 'base'){\n\t\t\t.u-color-#{$level} {\n\t\t\t\tcolor: #{$color};\n\t\t\t}\n\t\t\t.u-bg-#{$level} {\n\t\t\t\tbackground-color: #{$color};\n\t\t\t}\n\t\t} @else {\n\t\t\t.u-color-#{$level}--#{$type} {\n\t\t\t\tcolor: #{$color};\n\t\t\t}\n\t\t\t.u-bg-#{$level}--#{$type} {\n\t\t\t\tbackground-color: #{$color};\n\t\t\t}\n\t\t}\n\t}\n}",".u-hidden {\n  display: none !important\n}\n\n.u-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  border: 0;\n  padding: 0;\n  white-space: nowrap;\n  clip-path: inset(100%);\n  clip: rect(0 0 0 0);\n  overflow: hidden;\n}\n\n.u-object-cover {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n}\n\n.u-text-align-center {\n  text-align: center !important;\n}\n\n.u-text-align-right {\n  text-align: right !important;\n}\n\n.u-fs-m {\n  @include font-size(m);\n}\n.u-fs-l {\n  @include font-size(l);\n}\n.u-fs-xl {\n  @include font-size(xl);\n}\n.u-fw-bold {\n  @include font-weight(bold);\n}\n.u-border-top {\n  border-top: 1px solid palette(secondary, 300) !important;\n}","@for $i from 0 through 8 {\n\t// Margin\n\t.u-spacing-mt#{$i}     { margin-top: \tspace($i) !important; }\n\t.u-spacing-mr#{$i}     { margin-right: \tspace($i) !important; }\n\t.u-spacing-mb#{$i}     { margin-bottom: space($i) !important; }\n\t.u-spacing-ml#{$i}     { margin-left: \tspace($i) !important; }\n\n\t// Padding\n\t.u-spacing-pt#{$i}     { padding-top: \tspace($i) !important; }\n\t.u-spacing-pr#{$i}     { padding-right: space($i) !important; }\n\t.u-spacing-pb#{$i}     { padding-bottom:space($i) !important; }\n\t.u-spacing-pl#{$i}     { padding-left: \tspace($i) !important; }\n}","/* ==========================================================================\n * This grid can be turned on and off when you want to check\n * if everything is nice in place.\n * Set flag 'show_grid' to true in site.php\n * ========================================================================== */\n\n\n$vg-line-color: hsla(340, 100, 50, 0.14);\n\n// Do some calculations and put them in variables for reuse\n$vg-column-count: $site-columns - 2;\n$vg-column-width: percentage(1 / $vg-column-count);\n\n\n.u-visible-grid {\n\t@include z(z-visible-grid);\n\t@include contain();\n\tposition: fixed;\n\tleft: 0;\n\tright: 0;\n\tpointer-events: none;\n\n\t@include mq(m, l) {\n\t\tpadding: 0;\n\t}\n}\n\n\n.u-visible-grid__main {\n\theight: 100vh;\n\tbackground:\n\t\trepeating-linear-gradient(\n\t\t\tto right,\n\t\t\t$vg-line-color,\n\t\t\t$vg-line-color 1px,\n\t\t\ttransparent 1px,\n\t\t\ttransparent $vg-column-width\n\t\t),\n\t\trepeating-linear-gradient(\n\t\t\t\tto left,\n\t\t\t\t$vg-line-color,\n\t\t\t\t$vg-line-color 1px,\n\t\t\t\ttransparent 1px,\n\t\t\t\ttransparent 100vw\n\t\t);\n\n\n}\n","/**\n * Animation classes for the KAL package.\n * KAl stands for Komma Animation Library\n *\n * There are different animation types that we can define,\n * the name of which is used as the class, prefixed with 'kal-'\n *\n * When the plugin is activated an element that will be animated\n * receives a extra state class\n *\n * When the element comes into view the plugin should swap\n * to the final state\n *\n */\n\n\n/**\n * Config\n */\n\n// Class names to use for indicating position state\n$kal-start-position-class: 'is-kal-start' !default;\n$kal-end-position-class: 'is-kal-end' !default;\n\n// Default values to use in all animations\n$kal-animation-duration: 1200ms !default;\n$kal-animation-delay: 0s !default;\n\n\n// Slide-up animations\n$kal-slide-up-offset: 64px !default;\n$kal-slide-up-transform-duration: 1000ms !default;\n\n// Zoom animation\n$kal-zoom-in-scale: 0.8 !default;\n$kal-zoom-out-scale: 1.1 !default;\n\n\n\n\n/**\n* Easings\n*/\n\n$kal-easings: (\n  linear: linear,\n  ease: ease,\n  ease-in: ease-in,\n  ease-out: ease-out,\n  ease-in-out: ease-in-out,\n  ease-in-cubic: cubic-bezier(.55, .055, .675, .19),\n  ease-out-cubic: cubic-bezier(.215, .61, .355, 1),\n  ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1),\n  ease-in-circ: cubic-bezier(.6, .04, .98, .335),\n  ease-out-circ: cubic-bezier(.075, .82, .165, 1),\n  ease-in-out-circ: cubic-bezier(.785, .135, .15, .86),\n  ease-in-expo: cubic-bezier(.95, .05, .795, .035),\n  ease-out-expo: cubic-bezier(.19, 1, .22, 1),\n  ease-in-out-expo: cubic-bezier(1, 0, 0, 1),\n  ease-in-quad: cubic-bezier(.55, .085, .68, .53),\n  ease-out-quad: cubic-bezier(.25, .46, .45, .94),\n  ease-in-out-quad: cubic-bezier(.455, .03, .515, .955),\n  ease-in-quart: cubic-bezier(.895, .03, .685, .22),\n  ease-out-quart: cubic-bezier(.165, .84, .44, 1),\n  ease-in-out-quart: cubic-bezier(.77, 0, .175, 1),\n  ease-in-quint: cubic-bezier(.755, .05, .855, .06),\n  ease-out-quint: cubic-bezier(.23, 1, .32, 1),\n  ease-in-out-quint: cubic-bezier(.86, 0, .07, 1),\n  ease-in-sine: cubic-bezier(.47, 0, .745, .715),\n  ease-out-sine: cubic-bezier(.39, .575, .565, 1),\n  ease-in-out-sine: cubic-bezier(.445, .05, .55, .95),\n  ease-in-back: cubic-bezier(.6, -.28, .735, .045),\n  ease-out-back: cubic-bezier(.175, .885, .32, 1.275),\n  ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55)\n);\n\n\n/**\n * Core\n */\n\n[data-kal] {\n  &.#{$kal-end-position-class} {\n    transition-duration: var(--kal-duration, $kal-animation-duration);\n    transition-delay: var(--kal-delay, $kal-animation-delay);\n    transition-timing-function: var(--kal-easing, map-get($kal-easings, 'ease'));\n  }\n}\n\n@each $key, $value in $kal-easings {\n  [data-kal][data-kal-easing='#{$key}'] {\n    transition-timing-function: $value;\n  }\n}\n\n\n\n/**\n * Preset Animations\n */\n\n\n/* ------------------\n * Fade\n */\n[data-kal|='fade'] {\n  &.#{$kal-start-position-class} {\n    opacity: 0;\n  }\n\n  &.#{$kal-end-position-class} {\n    transition-property: opacity;\n    opacity: 1;\n  }\n}\n\n\n/* ------------------\n * Slide up\n */\n[data-kal='slide-up'] {\n  &.#{$kal-start-position-class} {\n    opacity: 0;\n    transform: translateY($kal-slide-up-offset);\n  }\n\n  &.#{$kal-end-position-class} {\n    transition-property: opacity, transform;\n    transition-duration: $kal-animation-duration, $kal-slide-up-transform-duration;\n    transition-timing-function: cubic-bezier(.37,.01,0,.98);\n    opacity: 1;\n    transform: none;\n  }\n\n}\n\n\n/* ------------------\n * Zoom-in\n */\n[data-kal='zoom-in'] { // FIXME: Finetune the animation for our liking\n  &.#{$kal-start-position-class} {\n    opacity: 0;\n    transform: scale($kal-zoom-in-scale);\n  }\n\n  &.#{$kal-end-position-class} {\n    transition-property: opacity, transform;\n    opacity: 1;\n    transform: none;\n  }\n}","@import \"~@komma/kal/kal\";\n\n\n/* ------------------\n * Slide left\n */\n[data-kal='slide-left'] {\n\t&.#{$kal-start-position-class} {\n\t\topacity: 0;\n\t\ttransform: translateX(space(5));\n\t}\n\n\t&.#{$kal-end-position-class} {\n\t\ttransition-property: opacity, transform;\n\t\ttransition-duration: $kal-animation-duration, 1600ms;\n\t\ttransition-timing-function: cubic-bezier(.37,.01,0,.98);\n\t\topacity: 1;\n\t\ttransform: none;\n\t}\n\n}"],"sourceRoot":""}