/*!
Theme Name: Codemagic blog
Author: Nevercode Ltd
*/@import url("https://fonts.googleapis.com/css?family=Merriweather:300,400,400i,700,700i&display=swap");@font-face{font-family:'Metropolis';src:url('/fonts/WOFF2/Metropolis-Regular.woff2') format("woff2"),url('/fonts/TrueType/Metropolis-Regular.ttf') format("truetype");font-weight:400;font-display:swap}@font-face{font-family:'Metropolis';src:url('/fonts/WOFF2/Metropolis-RegularItalic.woff2') format("woff2"),url('/fonts/TrueType/Metropolis-RegularItalic.ttf') format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'Metropolis';src:url('/fonts/WOFF2/Metropolis-SemiBold.woff2') format("woff2"),url('/fonts/TrueType/Metropolis-SemiBold.ttf') format("truetype");font-weight:600;font-display:swap}@font-face{font-family:'Metropolis';src:url('/fonts/WOFF2/Metropolis-SemiBoldItalic.woff2') format("woff2"),url('/fonts/TrueType/Metropolis-SemiBoldItalic.ttf') format("truetype");font-weight:600;font-style:italic;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeInHalfway{0%{opacity:0}100%{opacity:0.3}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes authLoading{10%{left:0;right:100%}50%{left:0;right:0}90%{left:100%;right:0}}@keyframes authTransitionOut{0%{left:0}100%{left:100%}}@keyframes moveUp{0%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes moveDown{0%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes floatDown{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes floatUp{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes dotFlashing{0%{opacity:1}50%,100%{opacity:0.5}}@keyframes slideDown{0%{top:-120vh}100%{top:0}}@keyframes slideUp{0%{top:0}100%{top:-120vh}}.cm-logo .letter{fill:#0957ff;transition:fill 300ms ease-in-out}.cm-logo__star .base{fill:#ee1a43;transition:fill 300ms ease-in-out}.cm-logo__star .gradient{transition:opacity 300ms ease-in-out}.cm-logo--white .letter{fill:white}.cm-logo--white .cm-logo__star .base{fill:white}.cm-logo--white .cm-logo__star .gradient{opacity:0}.cm-logo--blue .letter{fill:#0957ff}.cm-logo--blue .cm-logo__star .base{fill:#0957ff}.cm-logo--blue .cm-logo__star .gradient{opacity:0}.btn{display:inline-block;background-color:#f8f8f8;color:#000626;height:48px;line-height:48px;padding:0 40px;border-radius:10px;text-align:center;cursor:pointer;transition:all 160ms linear}.btn>*{cursor:pointer}.btn--red{color:white;background-color:#e944ff;background:linear-gradient(103deg, #ff0036 0%, #ff9116 0%, #fe19fe 100%)}.btn--white{color:#0957ff;background-color:white;box-shadow:0 7px 30px -5px rgba(0,0,0,0.2)}.btn--blue{color:white;background-color:#0957ff}.btn--blue:hover{background-color:#2032eb}.btn--cta{height:53px;line-height:53px;font-weight:600;font-size:14px}.btn--with-arrow{position:relative;padding-right:100px;text-align:left}.btn--with-arrow::after{position:absolute;top:50%;right:15%;transform:translate(50%, -50%);content:'';background-color:white;-webkit-mask:url('/svg/icons/arrow-right.svg') no-repeat 50% 50%;mask:url('/svg/icons/arrow-right.svg') no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain;width:12px;height:12px;display:inline-block;transition:all 160ms linear;-webkit-transition:all 160ms linear}.btn--with-arrow:hover::after{transform:translate(80%, -50%);transition:all 160ms linear}.btn--small{height:30px;line-height:30px;padding:0 20px;font-size:10px}button:not(:disabled),button:not(:disabled) *{cursor:pointer}#nav-trigger{position:absolute;top:0}#header{padding:14px 0;position:fixed;top:0;left:0;right:0;font-weight:600;font-size:14px;z-index:14;opacity:0;transform:translateY(-10px);animation:fadeIn 600ms forwards, moveDown 600ms forwards;transition:all 200ms ease-in-out}#header .inner{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}#header.white{background-color:white;box-shadow:0 0 20px -10px rgba(0,0,0,0.3)}#header.white #header-menu-wrap .menu-link.toggle-dropdown-button::after{background-color:#000626}#header.white #header-menu-wrap .menu-link.toggle-dropdown-button:hover::after{background-color:#0957ff}#header.blue:not(.white) #signup-btn:hover{color:#0957ff}#header-logo{width:140px;margin-right:50px}#header.blue:not(.white) .letter{fill:white}#menu-toggle{display:none;width:42px;height:42px;position:relative;cursor:pointer}#menu-toggle .bar{position:absolute;left:4px;right:4px;height:4px;width:34px;border-radius:4px;background-color:white;transition:all 300ms linear;cursor:pointer;overflow:hidden}#menu-toggle .bar:nth-child(1){top:11px}#menu-toggle .bar:nth-child(2){top:20px}#menu-toggle .bar:nth-child(3){top:29px}#header.white #menu-toggle .bar{background-color:#000626}#menu-toggle.open .bar:nth-child(1){top:21px;transform:rotate(45deg)}#menu-toggle.open .bar:nth-child(2){top:20px;width:0}#menu-toggle.open .bar:nth-child(3){top:21px;transform:rotate(-45deg)}@media (max-width: 965px){#menu-toggle{display:block}}#header-menu-wrap{flex:1;display:flex;justify-content:space-between;align-items:center}@media (min-width: 966px){#header-menu-wrap{display:flex !important}#header-menu-wrap .menu-link,#header-menu-wrap #login-link,#header-menu-wrap .label{position:relative;display:inline-block;height:48px;line-height:48px;padding:0 24px;color:#000626;cursor:pointer}#header-menu-wrap .menu-link:hover,#header-menu-wrap #login-link:hover,#header-menu-wrap .label:hover{color:#0957ff}#header-menu-wrap .menu-link.toggle-dropdown-button::after,#header-menu-wrap #login-link.toggle-dropdown-button::after,#header-menu-wrap .label.toggle-dropdown-button::after{background-color:white}#header-menu-wrap .menu-link.toggle-dropdown-button:hover::after,#header-menu-wrap #login-link.toggle-dropdown-button:hover::after,#header-menu-wrap .label.toggle-dropdown-button:hover::after{background-color:#fbb03b}#header.blue:not(.white) #header-menu-wrap .menu-link,#header.blue:not(.white) #header-menu-wrap #login-link,#header.blue:not(.white) #header-menu-wrap .label{color:white}#header.blue:not(.white) #header-menu-wrap .menu-link:hover,#header.blue:not(.white) #header-menu-wrap #login-link:hover,#header.blue:not(.white) #header-menu-wrap .label:hover{color:#fbb03b}#header.blue:not(.white) #header-menu-wrap .menu-link #login-link,#header.blue:not(.white) #header-menu-wrap #login-link #login-link,#header.blue:not(.white) #header-menu-wrap .label #login-link{color:white}}#header-main-menu{display:flex}#login-link{color:#000626}.menu-dropdown{display:none;position:absolute;box-shadow:0px 3px 60px #06225d29;background:white;top:100%;border-radius:20px;padding:30px}.menu-dropdown.open{display:block}.menu-link.toggle-dropdown-button{position:relative}.menu-link.toggle-dropdown-button:hover::after{background-color:#2032eb}.menu-link.toggle-dropdown-button::after{content:'';background-color:#000626;-webkit-mask:url('/svg/icons/angle-down.svg') no-repeat 50% 50%;mask:url('/svg/icons/angle-down.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;width:8px;height:8px;display:inline-block;transition:all 160ms linear;-webkit-transition:all 160ms linear;margin-left:10px;vertical-align:middle}.menu-link.toggle-dropdown-button.open::after{transform:rotate(180deg);transition:all 160ms linear}.menu-block__header{color:#06225d;font-size:12px;margin-bottom:10px;text-transform:uppercase}.menu-block__links{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.menu-block__link{font-size:13px;display:flex;height:56px;align-items:center;padding:0 20px;border-radius:10px;color:#06225d;box-shadow:0px 3px 46px #e4e8f7}.menu-block__link svg{width:20px;height:20px;margin-right:10px}.menu-block__link svg *{transition:fill 200ms linear;stroke:none;fill:#06225d;opacity:1}.menu-block__link svg.ios{position:relative;bottom:3px}.menu-block__link:hover{color:#0957ff}.menu-block__link:hover svg *{fill:#0957ff}.menu-block:not(:last-child){margin-bottom:30px}@media (max-width: 1140px){#header-logo{margin-right:20px}#header-menu-wrap .menu-link,#header-menu-wrap #login-link,#header-menu-wrap .label{padding:0 10px}}@media (min-width: 966px){#header.white #signup-btn,#header:not(.blue) #signup-btn{background-color:#0957ff;color:white}#header.white #signup-btn:hover,#header:not(.blue) #signup-btn:hover{background-color:#2032eb}#header-auth-visitor,#header-auth-user{position:absolute;top:0;right:0;width:100%;display:flex;align-items:center;justify-content:flex-end;transform:translateY(-100px);opacity:0}#header-auth-visitor.transition-in,#header-auth-user.transition-in{transform:translateY(0);transition:transform 0ms linear 0ms;animation:fadeIn 500ms forwards 200ms}#header-auth-visitor.transition-out,#header-auth-user.transition-out{transform:translateY(-100px);animation:fadeOut 500ms forwards;transition:transform 0ms linear 500ms}#header-auth-user{color:white;cursor:pointer}#header-auth-user .label{cursor:pointer;transition:all 300ms linear}#header-auth-user:hover{color:#fbb03b}#header-auth-user.transition-in~#header-auth-logout{display:block}#header-user-avatar{flex-shrink:0;width:40px;height:40px;border-radius:100%;overflow:hidden;border:2px solid rgba(255,255,255,0.1);cursor:pointer}#header-user-avatar img{cursor:pointer}#header-authentication.loading #header-user-avatar{cursor:default;filter:grayscale(50);opacity:0.8}#header-auth-loading{position:absolute;left:0;right:0;height:100%;animation:fadeIn 400ms forwards}#header-auth-loading.transition-out{animation:authTransitionOut 200ms forwards}#header-auth-loading .grey-line{position:absolute;height:10px;background-color:#eee;left:0;top:16px;right:100%;animation:authLoading 2s infinite linear}#header-auth-loading .grey-line.hide{display:none}#header-auth-logout{display:none;position:absolute;right:0;top:100%;background:#f4f4f4;padding:16px 20px;border-radius:4px;font-size:12px;width:100px;line-height:13px;cursor:pointer;opacity:0;transform:translateY(10px);transition:color 300ms linear}#header-auth-logout:hover{color:#0957ff}#header-authentication.loading #header-auth-logout{display:none}#header-authentication{width:220px;height:48px;position:relative;overflow:hidden}#header-authentication:hover{overflow:visible}#header-authentication:hover #header-auth-logout{animation:fadeIn 300ms forwards, moveUp 600ms forwards}}@media (max-width: 965px){#header-menu-wrap{display:none;position:fixed;background:#fff;top:-120vh;left:0;flex:none;right:100px;box-shadow:0 0 20px rgba(0,6,38,0.3);height:100vh;overflow:auto}#header-menu-wrap.open{display:block;animation:slideDown 300ms forwards}#header-menu-wrap.closed{display:block;animation:slideUp 300ms forwards}#header-menu-wrap .menu-link,#header-menu-wrap .menu-block__link{position:relative;display:block;color:#000626;height:60px;line-height:60px;padding:0 50px;border-bottom:1px solid #eee}#header-menu-wrap .menu-link:not(.toggle-dropdown-button)::after,#header-menu-wrap .menu-block__link:not(.toggle-dropdown-button)::after{position:absolute;top:50%;right:55px;transform:translate(50%, -50%);content:'';background-color:#000626;-webkit-mask:url('/svg/icons/arrow-right.svg') no-repeat 50% 50%;mask:url('/svg/icons/arrow-right.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;width:12px;height:12px;display:inline-block;transition:all 160ms linear;-webkit-transition:all 160ms linear}#header-menu-wrap .menu-link:hover::after,#header-menu-wrap .menu-link:not(.toggle-dropdown-button):hover::after,#header-menu-wrap .menu-block__link:hover::after,#header-menu-wrap .menu-block__link:not(.toggle-dropdown-button):hover::after{background-color:#0957ff}#header-menu-wrap .menu-link::after,#header-menu-wrap .menu-block__link::after{position:absolute;top:50%;right:55px;transform:translate(50%, -50%);background-color:#000626;transition:right 300ms ease-in-out}#header-menu-wrap .menu-link:hover,#header-menu-wrap .menu-link:focus,#header-menu-wrap .menu-block__link:hover,#header-menu-wrap .menu-block__link:focus{background-color:#f8f8f8;color:#0957ff}#header-menu-wrap .menu-link:not(.toggle-dropdown-button):hover::after,#header-menu-wrap .menu-link:not(.toggle-dropdown-button):focus::after,#header-menu-wrap .menu-block__link:not(.toggle-dropdown-button):hover::after,#header-menu-wrap .menu-block__link:not(.toggle-dropdown-button):focus::after{right:46px}#header-menu-wrap .menu-dropdown{position:static;box-shadow:none;border-radius:0;padding:0}#header-menu-wrap .menu-block__links{display:block}#header-menu-wrap .menu-block__link{box-shadow:none;border-radius:0;padding:0 80px}#header-menu-wrap .menu-block__link svg{display:none}#header-menu-wrap .menu-block__header{display:none}#header-menu-wrap .menu-block:not(:last-child){margin:0}#header-main-menu{display:block}#header-authentication{margin-top:20px}#header-authentication.loading #header-auth-user,#header-authentication.loading #header-auth-logout{background-color:#eee;color:#ccc;cursor:default;pointer-events:none}#header-authentication.loading #header-auth-user img,#header-authentication.loading #header-auth-logout img{filter:grayscale(50)}#header-auth-visitor,#header-auth-user,#header-auth-logout,#header-auth-loading{display:none}#header-auth-visitor.transition-in{display:block}#header-auth-visitor.transition-out{display:none}#login-link{background-color:#f8f8f8;display:block;height:60px;line-height:60px;margin:10px 50px;border-radius:6px;text-align:center;transition:all 300ms ease-in-out}}@media (max-width: 965px) and (max-width: 420px){#login-link{margin:10px}}@media (max-width: 965px){#login-link:hover,#login-link:focus{background-color:#eee}#signup-btn{background-color:#0957ff;color:white;display:block;height:60px;line-height:60px;margin:10px 50px;border-radius:6px;text-align:center;transition:all 300ms ease-in-out}}@media (max-width: 965px) and (max-width: 420px){#signup-btn{margin:10px}}@media (max-width: 965px){#signup-btn:hover,#signup-btn:focus{background-color:#2032eb}#header-auth-user{background-color:#0957ff;color:white;height:60px;line-height:60px;margin:10px 50px;border-radius:6px;text-align:center;transition:all 300ms ease-in-out}}@media (max-width: 965px) and (max-width: 420px){#header-auth-user{margin:10px}}@media (max-width: 965px){#header-auth-user .label{display:inline-block;vertical-align:middle}#header-auth-user:hover,#header-auth-user:focus{background-color:#2032eb}#header-auth-user.transition-in{display:block}#header-auth-user.transition-in~#header-auth-logout{display:block}#header-auth-user.transition-out{display:none}#header-auth-logout{background-color:#f8f8f8;color:#000626;height:60px;line-height:60px;margin:10px 50px;border-radius:6px;text-align:center;transition:all 300ms ease-in-out}}@media (max-width: 965px) and (max-width: 420px){#header-auth-logout{margin:10px}}@media (max-width: 965px){#header-auth-logout:hover,#header-auth-logout:focus{background-color:#eee;color:#ee1a43}#header-user-avatar{display:inline-block;vertical-align:middle;height:40px;width:40px;border-radius:100%;overflow:hidden;border:2px solid rgba(255,255,255,0.1);cursor:pointer}#header-user-avatar img{vertical-align:top}}@media (max-width: 420px){#header-menu-wrap .menu-link{padding:0 20px}#header-menu-wrap .menu-block__link{padding:0 50px}#header-menu-wrap .menu-link::after,#header-menu-wrap .menu-block__link::after{right:20px !important}#header-menu-wrap .menu-link:not(.toggle-dropdown-button):hover::after,#header-menu-wrap .menu-block__link:not(.toggle-dropdown-button):hover::after{right:16px !important}}@media (max-width: 320px){#header-menu-wrap{right:75px}#header-menu-wrap .menu-link::after,#header-user-avatar{display:none}#menu-toggle{margin-right:-15px}}#footer-cta{background-color:#0957ff;background-image:url("https://codemagic.io/media/blog/cta-banner-wave.svg");background-repeat:no-repeat;background-position:0 -1px;background-size:100% 400px;color:white;padding:400px 0 100px;text-align:center;margin-top:-50px}#footer-cta h2{font-size:36px}#footer-cta p{font-size:17px;line-height:26px;margin:20px auto}@media (max-width: 1200px){#footer-cta{background-size:100% 300px;padding:300px 0 100px}}@media (max-width: 840px){#footer-cta{background-size:100% 120px;padding:150px 0 20px;margin-top:0}#footer-cta h2{font-size:26px}#footer-cta p{font-size:14px;line-height:20px;margin:10px auto 20px}}@media (max-width: 550px){#footer-cta{background-size:100% 100px;padding:150px 0 20px}#footer-cta h2{font-size:20px}#footer-cta p{margin:5px auto 10px}#footer-cta .btn{padding:0 40px}#footer-cta .btn::after{display:none}}#footer{background-color:#0957ff;color:white;border-top:2px solid rgba(255,255,255,0.1)}#footer .inner{padding:60px 0}#footer a{color:white;font-size:16px}#footer a:hover{color:#fbb03b}#footer .footer__menu{display:flex;justify-content:space-between;width:100%}#footer .footer__links{margin-right:15px}#footer .footer__links:last-child{margin-right:0}#footer .footer__links-header{font-size:18px;margin-bottom:30px;font-weight:600}#footer .footer__link{display:block;margin-bottom:15px;font-size:14px}#footer .footer__link:not(:last-child){margin-bottom:15px}#footer .footer__logo{width:140px;margin-top:40px;grid-row:2;grid-column:1;z-index:1}#footer .footer__logo .cm-logo .letter{fill:white}#footer .footer__content{display:grid}#footer .footer__social{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-top:30px;grid-row:2;grid-column:1}#footer .footer__social .social-links{display:flex;justify-content:space-between;width:100px}#footer .footer__social .social-links a:hover i{background-color:#fbb03b}#footer .footer__social .social-links i{cursor:pointer;background-color:white;width:16px;height:16px}#footer #copyright{text-align:center;opacity:0.4;font-size:12px;width:100%;margin-top:60px}@media (max-width: 1024px){#footer .footer__menu{display:grid;gap:30px;grid-template-columns:1fr 1fr}#footer .footer__logo{margin-top:0;margin-bottom:40px;grid-row:1}#footer .footer__links{margin-right:0}#footer .footer__links-header{margin-bottom:20px}#footer .footer__social{justify-content:flex-start;grid-row:3}#footer .footer__social .social-links{margin-top:0}#footer #copyright{text-align:left}}@media (max-width: 500px){#footer .footer__menu{display:flex;flex-direction:column;gap:40px}#footer .footer__links{display:flex;flex-direction:column}#footer .footer__links-header{margin-bottom:15px}#footer .footer__link{margin-bottom:10px;display:inline-block}#footer .footer__link:last-child{margin-bottom:0}#footer .footer__social{margin-top:20px;order:1}#footer .footer__social .social-links{justify-content:space-around;width:100%}#footer #copyright{margin-top:30px;text-align:center}}#cookie-notice{position:fixed;max-width:360px;bottom:10px;left:10px;right:10px;padding:15px 20px;border-radius:4px;font-size:12px;line-height:16px;background-color:#e944ff;background:-webkit-linear-gradient(20deg, #e944ff 0%,#fbb03b 100%);background:-moz-linear-gradient(20deg, #e944ff 0%,#fbb03b 100%);background:-o-linear-gradient(20deg, #e944ff 0%,#fbb03b 100%);background:linear-gradient(20deg, #e944ff 0%,#fbb03b 100%);z-index:150;display:none}#cookie-notice.show{display:block !important}#cookie-notice .inner{display:flex;margin:auto;width:auto;justify-content:space-between;align-items:center;color:white}#cookie-notice .inner p{margin-right:10px}#cookie-notice .inner a{color:#2032eb}#cookie-notice .inner a:hover{text-decoration:underline}#cookie-notice .inner #accept-cookies{background-color:#0957ff;color:white}@media (max-width: 320px){#cookie-notice .inner{flex-direction:column;text-align:center}#cookie-notice .inner p{margin-bottom:20px}#cookie-notice .inner a{font-weight:600}#cookie-notice .inner br{display:none}}body{position:relative;font-family:"Metropolis",sans-serif;font-weight:400;font-size:14px;color:#000626}.inner{width:1280px;margin:auto}@media (max-width: 1360px){.inner{width:auto;margin:auto 50px}}@media (max-width: 840px){.inner{margin:auto 30px}}#vector-styles{opacity:0;position:fixed;z-index:-1000;bottom:-200vh}h1,h2,h3,h4,h5,h6{font-weight:600}b,strong{font-weight:600}img,svg,video,i{max-width:100%;height:auto;vertical-align:middle;border-radius:2px}a{text-decoration:none;color:#0957ff;transition:all 160ms linear;cursor:pointer;user-select:none}a:not(.btn):hover{color:#2032eb}a *{cursor:pointer}input,button,textarea,select{font-family:inherit}*::selection{color:white;background-color:#fbb03b}*:focus{outline:none}.articles-wrap:not(.no-grid){display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}@media (max-width: 1024px){.articles-wrap:not(.no-grid){grid-template-columns:1fr !important}}.article-item{opacity:0;transform:translateY(-10px);animation:fadeIn 300ms forwards, moveDown 600ms forwards}.article-item.hidden{display:none}.article-item.banner-xcode{background-image:url("https://codemagic.io/media/blog/codemagic-banner-xcode-bg-new.svg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;border-radius:20px;grid-row:3;grid-column:2;color:white;padding:35px;position:relative;text-align:center}.article-item.banner-xcode .content{padding-top:210px}.article-item.banner-xcode img{position:absolute;top:-50px;right:30px}.article-item.banner-xcode .btn{color:white}.article-item.banner-xcode .btn:hover{color:white}.article-item.banner-xcode .content h3{font-size:26px;line-height:1.2em}.article-item.banner-xcode .content p{font-size:15px;line-height:1.5rem;margin:1em 0}@media (min-width: 1024px) and (max-width: 1090px){.article-item.banner-xcode .btn{padding:0 30px}}@media (max-width: 1024px){.article-item.banner-xcode{grid-row:5;grid-column:auto;text-align:left}.article-item.banner-xcode img{position:initial;min-width:100%}.article-item.banner-xcode .content{padding-top:0}.article-item.banner-xcode .content .cta-wrapper{text-align:left;padding-top:0px}}@media (min-width: 360px) and (max-width: 768px){.article-item.banner-xcode .btn{padding:0 25px}}@media (max-width: 360px){.article-item.banner-xcode{padding:25px}.article-item.banner-xcode .btn{padding:0 25px}}.article-item.banner-skyrocket{background-image:url("https://codemagic.io/media/blog/codemagic-banner-skyrocket-bg.svg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;border-radius:20px;background-size:cover;grid-row:3;grid-column:2;color:white;padding:235px 35px 35px;z-index:1}.article-item.banner-skyrocket img{position:absolute;top:-58px;right:0;width:350px;max-width:none}.article-item.banner-skyrocket .content h3{font-size:24px;line-height:1.2em}.article-item.banner-skyrocket .content p{font-size:15px;line-height:1.5rem;margin:1em 0}.article-item.banner-skyrocket .cta-wrapper{text-align:center}.article-item.banner-skyrocket .cta-wrapper .btn--white{color:#0957ff;padding-right:80px}.article-item.banner-skyrocket .cta-wrapper .btn--white:after{background-color:#0957ff}@media (min-width: 1025px) and (max-width: 1200px){.article-item.banner-skyrocket .cta-wrapper .btn--white{padding-right:0;width:100%;box-sizing:border-box}}@media (min-width: 1024px) and (max-width: 1090px){.article-item.banner-skyrocket img{top:-50px;width:300px}}@media (max-width: 1024px){.article-item.banner-skyrocket{grid-row:5;grid-column:auto;text-align:left;padding:35px;background-position:top center;grid-template-columns:1fr 300px}.article-item.banner-skyrocket img{top:-50px;width:300px}.article-item.banner-skyrocket .content{padding-top:0}.article-item.banner-skyrocket .content .cta-wrapper{text-align:left;padding-top:0px}}@media (max-width: 768px){.article-item.banner-skyrocket{grid-template-columns:1fr 250px}}@media (max-width: 625px){.article-item.banner-skyrocket{grid-template-columns:1fr;gap:0;padding-top:245px}.article-item.banner-skyrocket img{top:-66px;width:400px}}@media (max-width: 470px){.article-item.banner-skyrocket{padding-top:200px}.article-item.banner-skyrocket img{top:-50px;width:300px}}@media (max-width: 360px){.article-item.banner-skyrocket{padding:180px 25px 25px}.article-item.banner-skyrocket img{top:-42px;width:250px}.article-item.banner-skyrocket .cta-wrapper .btn--white{padding:0 25px;width:100%;box-sizing:border-box}}.article-item.banner-m1{background-image:url("https://codemagic.io/media/blog/codemagic-banner-M1-machines-bg.svg");background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:10px;grid-row:3;grid-column:2;color:white;padding:35px}.article-item.banner-m1 .content-image{position:relative}.article-item.banner-m1 img{position:absolute;top:125px;left:-100px;min-width:400px;display:block}.article-item.banner-m1 .content h3{font-size:26px}.article-item.banner-m1 .content p{font-size:17px;line-height:1.5rem;margin:1em 0}.article-item.banner-m1 .content .btn{padding:0 20px;color:#0957ff;background-color:white}.article-item.banner-m1 .content .btn a{color:#0957ff}.article-item.banner-m1 .content .btn a:hover{color:#2032eb}.article-item.banner-m1 .content .btn--with-arrow{padding-right:50px}.article-item.banner-m1 .content .btn--with-arrow::after{background-color:#0957ff}.article-item.banner-m1 .content .cta-wrapper{text-align:center;padding-top:200px}@media (min-width: 1024px) and (max-width: 1190px){.article-item.banner-m1 .content h3{font-size:22px}.article-item.banner-m1 .content p{font-size:14px}.article-item.banner-m1 img{min-width:300px;top:170px}}@media (max-width: 1024px){.article-item.banner-m1{grid-row:5;grid-column:auto}.article-item.banner-m1 img{position:initial;min-width:100%}.article-item.banner-m1 .content .cta-wrapper{text-align:left;padding-top:0px}}@media (min-width: 320px) and (max-width: 768px){.article-item.banner-m1{padding:25px}.article-item.banner-m1 .content h3{font-size:18px}.article-item.banner-m1 .content p{font-size:14px;line-height:18px}}@media (max-width: 320px){.article-item.banner-m1{padding:10px}.article-item.banner-m1 .content .btn--with-arrow{padding-right:45px}.article-item.banner-m1 .content .btn--with-arrow::after{right:20px}.article-item.banner-m1 .content .btn--with-arrow:hover::after{right:18px}.article-item.banner-m1 .content h3{font-size:18px}.article-item.banner-m1 .content p{font-size:14px;line-height:18px}}.article-item.cta{background:linear-gradient(90deg, #5ac9f8 0%, #3888ec 100%);color:white;grid-row:3;grid-column:2}.article-item.cta .content{padding:0 40px 40px 40px}.article-item.cta .content h3{font-size:27px;font-weight:600;line-height:32px}.article-item.cta .content p{font-size:16px;line-height:24px;margin:1em 0;max-width:265px}.article-item.cta img{margin:-15% auto 0}.article-item.cta a{color:white}.article-item.ebook{background-image:url("https://codemagic.io/media/blog/ebook-banner-bg.svg");background-position:top center;background-repeat:no-repeat;background-color:#2242ea;background-size:cover;border-radius:10px}.article-item.ebook img{width:66%;display:block}.article-item.ebook .newsletter-form button{background-color:#ee1a43;background:-webkit-linear-gradient(-90deg, #ee1a43 30%,#ff4d13 70%);background:-moz-linear-gradient(-90deg, #ee1a43 30%,#ff4d13 70%);background:-o-linear-gradient(-90deg, #ee1a43 30%,#ff4d13 70%);background:linear-gradient(-90deg, #ee1a43 30%,#ff4d13 70%)}@media (max-width: 1024px){.article-item.ebook.cta img{margin:-16% auto 0}}@media (max-width: 768px){.article-item.ebook.banner-m1 img,.article-item.ebook.cta img{width:100%}}@media (max-width: 550px){.article-item.ebook.banner-m1 img,.article-item.ebook.cta img{max-width:260px;margin:-40px auto 0}}.article-item.ebook--rn{overflow:hidden;position:relative}.article-item.ebook--rn::after{content:'';background:linear-gradient(180deg, rgba(0,49,234,0) 50.1%, #0031ea 72.31%);top:0;bottom:0;left:0;right:0;position:absolute;z-index:1}.article-item.ebook--rn img{width:100%;margin:0 0 -70px 0}.article-item.ebook--rn #activecampaign-form-ebook ._form-content>div:nth-child(2){max-width:unset;margin:0}.article-item.ebook--rn #activecampaign-form-ebook ._form-content>div:nth-child(2) div{margin:0}.article-item.ebook--rn #activecampaign-form-ebook ._form-content>div:nth-child(3){max-width:unset}.article-item.ebook--rn #activecampaign-form-ebook ._form-content>div:nth-child(3)>div{font-size:24px !important;margin-top:0;line-height:1.3}@media (max-width: 1320px){.article-item.ebook--rn #activecampaign-form-ebook ._form-content>div:nth-child(3)>div{font-size:20px !important}}.article-item.ebook--rn .content{z-index:2;position:relative;padding:0 30px 30px 30px}.article-item.ebook--rn .extra-header{margin:0 0 5px 0 !important}@media (min-width: 1025px){.article-item.ebook--rn #activecampaign-form-ebook ._form-content>div:nth-child(4){max-width:250px}}@media (max-width: 1024px){.article-item.ebook--rn{padding:0}.article-item.ebook--rn::after{display:none}.article-item.ebook--rn img{margin:0 !important}.article-item.ebook--rn .content{padding:20px 20px 20px 0 !important}}@media (max-width: 668px){.article-item.ebook--rn #activecampaign-form-ebook form ._submit{top:3px}}@media (max-width: 550px){.article-item.ebook--rn .content{padding:0 30px 30px !important}.article-item.ebook--rn img{max-width:unset !important;margin-bottom:-70px !important}.article-item.ebook--rn::after{display:block}}.article-item.discount{background:linear-gradient(202.44deg, #008bf7 -10.01%, #0031ea 82.95%);border-radius:10px}.article-item.discount::after,.article-item.discount::before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-position:center top;background-repeat:no-repeat;background-size:contain}.article-item.discount::before{background-image:url(https://codemagic.io/media/blog/article-item-rays-background.svg);z-index:0}.article-item.discount::after{background-image:url(https://codemagic.io/media/blog/article-item-stars-background.svg);z-index:1}.article-item.discount img,.article-item.discount .content{position:relative;z-index:2}.article-item.discount img{display:block;margin:0 auto 20px;width:50%}.article-item.discount-50{text-align:center;background:linear-gradient(180deg, #fe19ff 0%, #ff8b00 50%);border-radius:10px;color:white !important;display:grid}.article-item.discount-50 .btn{background:linear-gradient(270deg, #00ceff 0%, #fe19ff 100%);padding-right:60px;text-align:center;box-sizing:border-box;width:200px;color:white}.article-item.discount-50 .content{padding:0 20px 40px 20px}.article-item.discount-50 .content h3{font-size:25px;line-height:1.2}.article-item.discount-50 .content p{max-width:unset;margin:10px 0 30px}.article-item.discount-50 img{margin:0 auto}.article-item.discount-50 img.full-img{display:none}.article-item.discount .cta-wrapper,.article-item.background-image .cta-wrapper{text-align:center}.article-item.discount a,.article-item.discount a:hover,.article-item.background-image a,.article-item.background-image a:hover{color:white}.article-item.discount .content p,.article-item.background-image .content p{max-width:unset}.article-item.background-image{background-image:url(https://codemagic.io/media/blog/article-item-discount-illustration.png);background-position:center top;background-repeat:no-repeat;background-size:cover;border-radius:10px;overflow:hidden}.article-item.background-image .content{position:relative;padding-top:295px;z-index:1}.article-item.background-image .content p{margin:10px 0 20px}.article-item.background-image:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(187.36deg, rgba(0,49,234,0) 46.94%, #0031ea 63.33%)}.article-item.background-image .img-wrapper{display:none;position:relative;overflow:hidden;max-height:250px}.article-item.background-image .img-wrapper:after{content:'';position:absolute;right:0;top:0;bottom:0;width:10px;background:linear-gradient(90deg, rgba(0,49,234,0), #0031ea)}.article-item.background-image img{margin:0}.article-item--image{border-radius:2px;overflow:hidden}.article-item--image img{transform:scale(1.01);transition:all 300ms ease-in-out;width:100%}.article-item--image img:hover{transform:scale(1.06);opacity:0.8;transition:all 2s ease-in-out, opacity 300ms ease-in-out}.article-item--content .title{font-size:18px;line-height:22px;margin:10px auto;word-break:break-word}.article-item--content .tags{margin:10px 0 10px;overflow:hidden}.article-item--content .tags .tag{word-break:break-word;background-color:#0957ff;color:white;font-size:10px;padding:4px 6px;margin:3px 3px 0px 0px;border-radius:2px;font-weight:600;display:inline-block;overflow:hidden}.article-item--content .introtext{font-size:14px;line-height:18px;color:#555;word-break:break-word}.article-item--content mark{background-color:transparent;font-weight:600;color:#fbb03b}.article-item a{color:#000626}.article-item a:hover{color:#0957ff}.article-item #activecampaign-form-ebook form{padding:0}.article-item #activecampaign-form-ebook form ._form-title{font-size:27px !important}.article-item #activecampaign-form-ebook form ._form-thank-you{color:white !important}.article-item #activecampaign-form-ebook form ._form-thank-you p{max-width:unset}.article-item #activecampaign-form-ebook ._form-content{color:white !important;text-align:left}.article-item #activecampaign-form-ebook ._form-content>div:nth-child(2){color:white !important;max-width:265px}.article-item #activecampaign-form-ebook ._form-content>div:nth-child(2)>div{font-size:17px !important;line-height:24px !important;margin:1em 0}@media (min-width: 1025px) and (max-width: 1120px){.article-item.discount .btn,.article-item.background-image .btn{padding:0 50px 0 30px}}@media (min-width: 1025px) and (max-width: 1160px){.article-item.background-image .content{padding:250px 30px 30px 30px}.article-item.background-image .content h3{font-size:24px;line-height:28px}.article-item.background-image .content p{font-size:16px;line-height:22px}}@media (max-width: 1024px){.articles-wrap{grid-template-columns:1fr}.article-item{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:center;border-bottom:2px solid #eee;padding-bottom:20px}.article-item.cta{grid-row:5;grid-column:auto}.article-item.cta:not(.background-image):not(.discount-50) img{margin:-22% auto 0}.article-item.cta .content{padding:20px 20px 0 0}.article-item.discount::before,.article-item.discount::after{background-position:left;background-size:300px}.article-item.discount img{margin:0 auto}.article-item.background-image{background:#0031ea;padding-bottom:0}.article-item.background-image::after{display:none}.article-item.background-image .img-wrapper{display:block}.article-item.background-image .content{padding:20px 20px 20px 0}.article-item.discount .cta-wrapper,.article-item.background-image .cta-wrapper{text-align:left}.article-item.discount-50{text-align:left;background:linear-gradient(90deg, #fe19ff 0%, #ff8b00 50%);padding-bottom:0}.article-item.discount-50 .text{text-align:left}.article-item.discount-50 .content{padding-bottom:20px}.article-item.discount-50 .content p{margin:10px 0 20px}.article-item.discount-50 img{padding-left:20px;display:none}.article-item.discount-50 img.full-img{display:block}}@media (max-width: 800px){.article-item.discount .content h3,.article-item.background-image .content h3{font-size:24px}}@media (max-width: 768px){.article-item{grid-template-columns:200px 1fr}.article-item.discount::before,.article-item.discount::after{background-size:200px}}@media (min-width: 640px) and (max-width: 768px){.article-item.background-image .img-wrapper{max-height:220px}}@media (max-width: 550px){.article-item{grid-template-columns:1fr}.article-item.cta:not(.background-image):not(.discount-50) img{margin:-20px auto 0}.article-item.cta .content{padding:0 40px 40px}.article-item.cta .content p{max-width:unset}.article-item.discount::before,.article-item.discount::after{background-size:contain;background-position:top}.article-item.discount img{margin:0 auto}.article-item.discount .content,.article-item.discount .cta-wrapper,.article-item.discount-50 .content,.article-item.discount-50 .cta-wrapper,.article-item.background-image .content,.article-item.background-image .cta-wrapper{text-align:center}.article-item.background-image{text-align:center}.article-item.background-image .img-wrapper{max-height:unset}.article-item.background-image .img-wrapper::after{left:0;top:unset;width:100%;height:10px;background:linear-gradient(180deg, rgba(0,49,234,0), #0031ea)}.article-item.background-image img{margin-bottom:-75%;width:100%}.article-item.discount-50{background:linear-gradient(180deg, #fe19ff 0%, #ff8b00 50%)}.article-item.discount-50 .content{padding:0 20px 20px 20px}.article-item.discount-50 img{padding-left:0;display:block}.article-item.discount-50 img.full-img{display:none}}@media (max-width: 380px){.article-item.discount .btn,.background-image .btn{padding:0 50px 0 30px}}.clipboard-button{position:absolute;right:0;bottom:0;margin:5px;padding:5px;background-color:#fff;border-radius:5px;font-size:0.8em;z-index:1;opacity:0;transition:0.1s;border:none;box-sizing:border-box}.clipboard-button>svg{fill:#000626}.clipboard-button:hover{cursor:pointer}.clipboard-button:focus{outline:0}.clipboard-container{position:relative}.clipboard-container:hover>.clipboard-button{opacity:1;transition:0.2s}#topics-nav{background-color:white;color:#000626;padding:10px 0;transition:all 200ms ease-in-out}#topics-nav>.inner{display:grid;align-items:center;grid-template-columns:90px 1fr auto}#topics-nav .mobile-categories{position:relative;margin-right:20px;display:none}#topics-nav .label{font-weight:600}#topics-nav li{list-style:none;display:inline-block}#topics-nav li a{font-weight:600;color:#0957ff;display:block;padding:10px}#topics-nav li a:hover{color:#fbb03b}#topics-nav #categories-selector{width:100%;box-sizing:border-box;background-color:white;border:2px solid #eee;height:50px;padding:0 24px 0 14px;-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer}#topics-nav #categories-selector~.selector-caret{position:absolute;right:18px;width:12px;height:12px;top:50%;transform:translate(50%, -50%);background-color:#000626;cursor:pointer;pointer-events:none}@media (max-width: 840px){#topics-nav>.inner{grid-template-columns:200px auto;justify-content:space-between}#topics-nav>.inner>.label{display:none}#topics-nav .categories{display:none}#topics-nav .mobile-categories{display:block}}#article-page #topics-nav{position:fixed;left:0;right:0;background:white;box-shadow:0 0 20px -10px rgba(0,0,0,0.3);padding:0;z-index:9}#article-page #topics-nav li a,#article-page #topics-nav .label{font-weight:600;font-size:12px;color:#000626}#article-page #topics-nav li a:hover{color:#0957ff}@media (max-width: 460px){#topics-nav .inner{grid-template-columns:1fr;gap:10px}#topics-nav #search-toggle{width:100%}#topics-nav .mobile-categories{margin-right:0}}#search-articles{position:relative}#search-articles .inner{position:relative}#search-articles #close-search{position:absolute;height:40px;width:40px;top:30px;right:30px;background-color:#eee;cursor:pointer;z-index:22;transition:all 200ms ease-in-out}#search-articles #close-search::after{position:absolute;top:50%;right:50%;transform:translate(50%, -50%);content:'';background-color:#000626;-webkit-mask:url('/svg/icons/times.da1ac06d7f8f679cc72d386c3a0cff4e800145e3dbf3697a0ddd30c90d9fa30a.svg') no-repeat 50% 50%;mask:url('/svg/icons/times.da1ac06d7f8f679cc72d386c3a0cff4e800145e3dbf3697a0ddd30c90d9fa30a.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;width:14px;height:14px;display:inline-block;transition:all 160ms linear;-webkit-transition:all 160ms linear}#search-articles #close-search:hover::after{background-color:#0957ff}#search-articles #search-toggle{padding:0 40px 0 20px;font-size:14px;border-radius:10px;height:50px;line-height:50px;min-width:200px;box-sizing:border-box;background:linear-gradient(103deg, #ff0036 0%, #ff9116 0%, #fe19fe 100%);color:white;transition:all 300px linear}#search-articles #search-toggle .loading-label{display:none}#search-articles #search-toggle.loading{pointer-events:none}#search-articles #search-toggle.loading .loading-label{display:inline}#search-articles #search-toggle.loading .label{display:none}#search-articles #search-toggle .label{color:white;font-weight:400}#search-articles #search-toggle:hover{box-shadow:0 0 20px 5px rgba(0,0,0,0.08)}#search-articles #search-toggle i{position:absolute;top:50%;right:15%;transform:translate(50%, -50%);background-color:white;width:14px;height:14px;display:inline-block}#search-articles .search-wrap{position:fixed;z-index:20;height:0;padding:0;box-sizing:border-box;right:0;left:0;top:0;bottom:0;overflow:hidden;background:#f8f8f8}#search-articles .search-wrap.visible{height:100vh;padding:50px 0;overflow:auto;transition:all 400ms ease-in-out}#search-articles .search-wrap.visible #close-search{position:fixed}#search-articles .search-wrap .search-input input[type='text']{width:100%;height:60px;line-height:60px;font-size:14px;padding:0 14px;border:2px solid #eee;border-radius:4px;box-sizing:border-box}#search-articles .search-wrap .search-input input[type='text']:focus{border-color:#0957ff}#search-articles .search-wrap .search-results{border-top:2px solid #eee;margin-top:30px;padding-top:30px}#search-articles .search-wrap .search-results .articles-wrap{grid-template-columns:1fr;margin-bottom:40px}#search-articles .search-wrap .search-results .articles-wrap .article-item{display:grid;grid-template-columns:200px 1fr;gap:30px}@media (max-width: 768px){#search-articles .search-wrap .search-results .articles-wrap .article-item{grid-template-columns:1fr;gap:10px}}#search-articles .search-wrap .search-results .articles-wrap .article-item .introtext span::before{content:' ...'}#search-articles .search-wrap .empty{display:none;border-bottom:2px solid #eee;margin-bottom:30px;padding-bottom:30px}#search-articles .search-wrap .empty h4{font-size:16px;margin-bottom:10px}#search-articles .search-wrap .empty.show{display:block}#search-articles h3{font-size:24px;margin-bottom:20px}#frontpage #featured-article{background-color:#0957ff;background-image:url('/svg/wave-bottom-blog.ff613ef18e0327bf86afa2b13d663cd6e714e05a7ae11eada592fe69aec6ee6b.svg');background-size:calc(100% + 20px) auto;background-position:center bottom;background-repeat:no-repeat;padding:130px 0 150px;margin-bottom:-10px}#frontpage #featured-article article{display:grid;align-items:center;grid-template-columns:40% 1fr;gap:50px}#frontpage #featured-article .article-title{font-size:40px;line-height:1.1em;word-break:break-word}#frontpage #featured-article .article-introtext{font-size:18px;line-height:24px;margin-top:30px;word-break:break-word;color:white}#frontpage #featured-article a{color:white}#frontpage #featured-article .article-image{overflow:hidden;box-shadow:0 20px 60px -30px #000626;border-radius:4px}#frontpage #featured-article .article-image img{transition:all 200ms ease-in-out}#frontpage #featured-article .article-image img:hover{transform:scale(1.1);transition:all 2s ease-in-out}@media (max-width: 1366px){#frontpage #featured-article .article-title{font-size:30px}#frontpage #featured-article .article-introtext{font-size:16px;margin-top:15px}}@media (max-width: 1024px){#frontpage #featured-article article{grid-template-columns:1fr}#frontpage #featured-article .article-content{text-align:center}#frontpage #featured-article .article-image{grid-row:1}}@media (max-width: 360px){#frontpage #featured-article .article-title{font-size:24px}#frontpage #featured-article .article-introtext{font-size:14px;margin-top:10px}}#frontpage #newsletter{background-color:#0957ff;overflow:hidden;padding:80px 0;background-image:url('/svg/stars.613b1ee34a746093c5a7579b2f73e050322bdb437c4089d89146199000129ec2.svg');background-position:center center;background-repeat:no-repeat;background-size:100% auto;background-attachment:fixed;color:white}#frontpage #newsletter .inner{display:grid;grid-template-columns:1fr 500px;gap:10px 50px;align-items:center}#frontpage #newsletter h2{font-size:28px}#frontpage #newsletter form{padding:0}#frontpage #newsletter ._form-content>div:nth-child(2){display:none}@media (max-width: 900px){#frontpage #newsletter .inner{grid-template-columns:1fr}}#frontpage #podcasts{margin:30px auto 100px}#frontpage #popular-articles{padding:50px 0 80px}#frontpage .more-articles{color:#000626;font-weight:600;font-size:20px;line-height:1.2em}#frontpage .more-articles::after{content:'';background-color:#555;-webkit-mask:url('/svg/icons/chevron-right.5e1ac60b678424b21b5b6ff9983293cf3dc4e047c65c9eeeeed3f8934ef7c708.svg') no-repeat 50% 50%;mask:url('/svg/icons/chevron-right.5e1ac60b678424b21b5b6ff9983293cf3dc4e047c65c9eeeeed3f8934ef7c708.svg') no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain;width:12px;height:12px;display:inline-block;transition:margin 500ms ease-in, color 500ms linear;-webkit-transition:margin 500ms ease-in, color 500ms linear;margin-left:10px}#frontpage .more-articles:hover::after{margin-left:13px;background-color:#0957ff}#category-page #articles-wrap,#tag-page #articles-wrap{padding:50px 0 100px}#category-page #category-header,#category-page #tag-header,#tag-page #category-header,#tag-page #tag-header{background-image:url('/svg/stars.613b1ee34a746093c5a7579b2f73e050322bdb437c4089d89146199000129ec2.svg'),url('/media/top-cover.min.3995ffb9b0823e3e0167b2b9217c5c455235f872bb41ffd48be624ea79e8ea59.svg');background-position:center center, center top;background-size:100% auto, 100% 100%;background-repeat:no-repeat;background-attachment:fixed, scroll;color:white;padding:calc(150px + 5vh) 0 calc(110px + 5vh)}#category-page #category-header .inner,#category-page #tag-header .inner,#tag-page #category-header .inner,#tag-page #tag-header .inner{display:flex;align-items:center}#category-page #category-header .inner .category-title,#category-page #tag-header .inner .category-title,#tag-page #category-header .inner .category-title,#tag-page #tag-header .inner .category-title{margin-right:40px;font-size:40px}#category-page #category-header .inner .category-description,#category-page #tag-header .inner .category-description,#tag-page #category-header .inner .category-description,#tag-page #tag-header .inner .category-description{flex:1;font-size:20px;opacity:0.5;line-height:1.4em}#category-page #category-header .inner .tag-title,#category-page #tag-header .inner .tag-title,#tag-page #category-header .inner .tag-title,#tag-page #tag-header .inner .tag-title{font-size:40px;color:white}#category-page #category-header .inner .tag-title .label,#category-page #tag-header .inner .tag-title .label,#tag-page #category-header .inner .tag-title .label,#tag-page #tag-header .inner .tag-title .label{color:#fbb03b}@media (max-width: 1124px){#category-page #category-header .inner .category-title,#tag-page #category-header .inner .category-title{font-size:30px}#category-page #category-header .inner .category-description,#tag-page #category-header .inner .category-description{font-size:24px}}@media (max-width: 830px){#category-page #category-header .inner,#tag-page #category-header .inner{flex-direction:column;align-items:baseline}#category-page #category-header .inner .category-description,#tag-page #category-header .inner .category-description{font-size:20px;max-width:70%}}@media (max-width: 530px){#category-page #category-header .inner,#tag-page #category-header .inner{align-items:center;text-align:center}#category-page #category-header .inner .category-title,#tag-page #category-header .inner .category-title{font-size:30px;margin:0 auto 1em}}._form_48,._form_7{display:none}.newsletter ._form_48,.newsletter ._form_7{display:block}.newsletter form{width:unset !important;margin-top:0 !important;background:transparent !important}.newsletter form ._form-content{font-family:'Metropolis' !important}.newsletter form ._form-content ._submit,.newsletter form ._form-content input::placeholder{font-family:'Metropolis' !important}.newsletter form ._form-content ._form_element{margin-bottom:20px !important}.newsletter form ._form-content ._form-fieldset{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.newsletter form ._form-content ._form-fieldset ._row:first-child{grid-column:1 / span 2}.newsletter form ._form-content>div:nth-last-child(2){display:inline-block;width:135px !important;margin-left:-5px}.newsletter form ._form-content>div:nth-last-child(3){display:inline-block;width:calc(100% - 135px) !important;margin-bottom:0 !important}.newsletter form ._form-content>div:nth-last-child(3) input{border-radius:10px 0 0 10px !important;height:48px !important;padding:0 20px !important;font-size:14px !important}.newsletter form ._form-content input[type='radio'],.newsletter form ._form-content input[type='checkbox']{width:1em !important;margin:0 !important}.newsletter form ._form-content ._checkbox-radio span{margin-left:5px}.newsletter form ._form-content ._row,.newsletter form ._form-content p{margin-bottom:0 !important}@media (max-width: 480px){.newsletter form ._form-content>div:nth-last-child(3){width:100% !important;margin-bottom:10px !important}.newsletter form ._form-content>div:nth-last-child(3) input{border-radius:10px !important}.newsletter form ._form-content>div:nth-last-child(2){width:100% !important;margin-left:0}.newsletter form ._form-content #_form_48_submit,.newsletter form ._form-content #_form_7_submit{border-radius:10px !important}}.newsletter form p{font-size:14px !important;line-height:1.2 !important}.newsletter form #_form_48_submit,.newsletter form #_form_7_submit{background-color:#e944ff !important;background:linear-gradient(103deg, #ff0036 0%, #ff9116 0%, #fe19fe 100%) !important;padding-right:100px !important;height:48px !important;line-height:48px !important;padding:0 40px 0 20px !important;border-radius:0 10px 10px 0 !important;width:100%;font-size:14px !important;position:relative}.newsletter form #_form_48_submit::after,.newsletter form #_form_7_submit::after{content:'';background-color:white;-webkit-mask:url('/svg/icons/arrow-right.34786974c364f3debee4bd3097acd0de262d2cfd6ab0b373263822f5210bef75.svg') no-repeat 50% 50%;mask:url('/svg/icons/arrow-right.34786974c364f3debee4bd3097acd0de262d2cfd6ab0b373263822f5210bef75.svg') no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain;width:12px;height:12px;position:absolute;top:50%;left:80%;transform:translate(-50%, -50%);transition:all 160ms linear;-webkit-transition:all 160ms linear;margin-right:20px}.newsletter form #_form_48_submit:hover::after,.newsletter form #_form_7_submit:hover::after{left:81%}.newsletter:not(.newsletter--popup) form ._form-content input{border:none !important}.newsletter--banner{padding:35px;background:linear-gradient(90deg, #0031ea, #0051ff);display:grid;grid-template-columns:1fr 1fr;border-radius:20px}.newsletter--banner .newsletter{padding-right:10px}.newsletter--banner .newsletter--illustration{grid-column:2;grid-row:1}.newsletter--banner .newsletter--illustration p{color:white;font-family:'Metropolis';text-align:center;font-size:14px !important;margin-bottom:10px !important;line-height:1.5 !important;font-weight:600}.newsletter--banner .newsletter--illustration img{display:block;width:70%;margin:auto}.newsletter--banner .newsletter--form form{width:unset !important;padding:0 35px 0 0 !important}@media (max-width: 1200px) and (min-width: 1025px),(max-width: 900px){.newsletter--banner{display:block}.newsletter--banner .newsletter--form form{padding-right:0 !important}.newsletter--banner .newsletter--illustration p{text-align:left}.newsletter--banner .newsletter--illustration img{display:none}}.newsletter#newsletter-banner-email-only{padding:0}.newsletter#newsletter-banner-email-only .newsletter--form{padding:25px 0 25px 25px}.newsletter#newsletter-banner-email-only .newsletter--illustration{margin:-30px 10px;display:flex}.newsletter#newsletter-banner-email-only .newsletter--illustration img{width:100%}.newsletter#newsletter-banner-email-only ._form-title{line-height:1.2}.newsletter#newsletter-banner-email-only form{background:transparent !important;color:white !important}.newsletter#newsletter-banner-email-only ._form-label{display:none !important}@media (min-width: 1201px){.newsletter#newsletter-banner-email-only ._form-title{max-width:240px}}@media (max-width: 1200px) and (min-width: 1025px),(max-width: 900px){.newsletter#newsletter-banner-email-only{padding:35px}.newsletter#newsletter-banner-email-only .newsletter--form{padding:0}.newsletter#newsletter-banner-email-only .newsletter--illustration{display:none}}.newsletter--popup .img-wrapper{background:linear-gradient(90deg, #0031ea, #0051ff);border-radius:20px 20px 0 0;padding:35px}.newsletter--popup .img-wrapper img{width:80%}.newsletter--popup .textwrap{padding:35px}.newsletter--popup form{padding:0 !important;margin:0 !important;width:100% !important}@media (max-height: 800px){.newsletter--popup .img-wrapper img{width:60%}}@media (max-height: 730px){.newsletter--popup .img-wrapper{display:none}.newsletter--popup .textwrap{border-radius:20px}}.newsletter.article-item{background:linear-gradient(#0051ff, #0031ea);border-radius:10px;display:flex;align-items:center}.newsletter.article-item form{padding:35px !important}#exitpopup form{color:#000626 !important}.sharect{background:none !important;z-index:1}.sharect>div:first-child{background:#0957ff;position:relative;top:-5px;border-radius:4px;padding:7px;display:flex;gap:7px;align-items:center}.sharect>div:first-child>div{cursor:pointer;margin:0 !important;transform:scale(1) !important}.sharect>div:first-child>div:last-child svg{width:24px;height:20px}.sharect>div:first-child>div:hover svg *{transition:fill 200ms ease-in-out;fill:#fbb03b}.sharect>div:last-child{border-width:7px !important;left:13px !important;bottom:-2px !important}.social-blocks{display:grid;grid-template-columns:1fr 1fr;gap:20px}.social-blocks .block{padding:40px;border-radius:20px;transition:all 300ms ease-in-out;box-shadow:0 0 30px rgba(0,6,38,0.05)}.social-blocks .block:hover{box-shadow:0 0 30px rgba(6,34,93,0.1)}.social-blocks .block:hover .title i{transform:translateX(0)}.social-blocks img{height:50px;width:auto}.social-blocks .title{margin:1em 0;font-size:20px;color:#000626;font-family:"Metropolis",sans-serif;font-weight:600}.social-blocks .title i{font-size:14px;margin-left:20px;vertical-align:middle;transition:all 300ms ease-in-out;transform:translateX(-10px)}.social-blocks .description{font-size:14px;font-family:"Metropolis",sans-serif;color:#555}@media (max-width: 1200px){.social-blocks{grid-template-columns:1fr}}@media (max-width: 1024px){.social-blocks{grid-template-columns:1fr 1fr}}@media (max-width: 660px){.social-blocks{grid-template-columns:1fr}}#social-links{position:relative;font-weight:600;display:flex;align-items:center;justify-content:left;gap:10px}#social-links i{width:14px;height:14px;background-color:#000626}#social-links .element a{text-align:center;display:inline-block;border-radius:100%;background-color:#eee;width:50px;height:50px;line-height:50px;color:#000626;padding:0;cursor:pointer;transition:all 200ms ease-in-out}#social-links a:hover i{background-color:#0957ff;transition:all 0.4s ease}#social-links a.twitter:hover i{background-color:#1da1f2}#social-links a.facebook:hover i{background-color:#3b5998}#social-links a.linkedin:hover i{background-color:#0177b5}#social-links .element{position:relative}#social-links .share{z-index:99;background:#0957ff;position:absolute;top:-40px;border-radius:4px;padding:7px;color:white;visibility:hidden;width:max-content;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#social-links .share::after{content:'';position:absolute;left:50%;top:100%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #0957ff;clear:both;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#social-links .twitter:hover+.share,#social-links .facebook:hover+.share,#social-links .linkedin:hover+.share,#social-links .url:hover+.share{visibility:visible;transition:all 0.4s ease}.social-link_sidebar{margin-top:40px;justify-content:flex-start !important}#activecampaign-form-ebook form{width:unset !important;text-align:center;margin-top:0}#activecampaign-form-ebook form ._form-content{font-family:'Metropolis' !important}#activecampaign-form-ebook form ._form-content ._form-title{font-size:24px}#activecampaign-form-ebook form ._form-content>div:nth-last-child(2){display:inline-block;margin-left:-7px;width:unset}#activecampaign-form-ebook form ._form-content>div:nth-last-child(3){display:inline-block;width:calc(100% - 42px) !important;margin-bottom:0 !important;margin-left:-5px}#activecampaign-form-ebook form ._form-content>div:nth-last-child(3) input{border-radius:4px !important;height:48px !important;padding:0 20px !important;font-size:14px !important;display:block;width:100%;height:48px;box-sizing:border-box;border:1px solid #dddddd;font-weight:600;transition:all 300ms ease-in-out;font-family:'Metropolis' !important;color:#000626 !important}#activecampaign-form-ebook form ._form-content>div:nth-last-child(3) input:focus{outline:none;border-color:#0957ff;box-shadow:inset 0 0 0 1px #0957ff}#activecampaign-form-ebook form ._form-content>div:nth-last-child(3) input::placeholder{font-size:12px !important;font-family:"Metropolis",sans-serif;font-weight:normal;color:#ccc}#activecampaign-form-ebook form ._form-content>div:nth-last-child(3) input:disabled{background-color:#eee}#activecampaign-form-ebook form ._form-content>div:nth-last-child(3) ._form-label{display:none}#activecampaign-form-ebook form ._submit{background:linear-gradient(103deg, #ff0036 0%, #ff9116 0%, #fe19fe 100%) !important;width:48px !important;height:48px !important;border-radius:4px !important;position:relative;left:0;top:1px}#activecampaign-form-ebook form ._submit::after{content:'';background-color:white;-webkit-mask:url('/svg/icons/arrow-right.34786974c364f3debee4bd3097acd0de262d2cfd6ab0b373263822f5210bef75.svg') no-repeat 50% 50%;mask:url('/svg/icons/arrow-right.34786974c364f3debee4bd3097acd0de262d2cfd6ab0b373263822f5210bef75.svg') no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain;width:12px;height:12px;display:inline-block;transition:all 160ms linear;-webkit-transition:all 160ms linear}#activecampaign-form-ebook form ._submit:hover::after{transform:translateX(30%);transition:all 160ms linear}#activecampaign-form-ebook form ._form-thank-you p{font-family:'Metropolis' !important;font-size:16px !important;line-height:1.5}#activecampaign-form{background-color:white;border-radius:10px;box-shadow:0 0 30px rgba(0,6,38,0.1);padding:60px 40px 40px}#activecampaign-form ._form-title{margin-bottom:10px}#activecampaign-form ._html-code p{font-size:14px;color:#555;line-height:24px;margin:0;font-weight:400}#activecampaign-form ._html-code p.form-agreement{font-size:12px !important;color:#999;line-height:18px !important}#activecampaign-form ._html-code p.form-agreement a{font-size:12px}#activecampaign-form form{padding:0 !important;margin:0 !important;background:transparent !important;max-width:unset !important}#activecampaign-form form ._form-title{font-weight:600 !important;font-size:23px !important;margin-bottom:30px !important}#activecampaign-form form ._form-content{font-family:'Metropolis' !important;font-weight:600 !important}#activecampaign-form form ._form-label{font-weight:400 !important}#activecampaign-form form ._checkbox-radio{display:grid;grid-template-columns:20px 1fr;gap:10px 15px;align-items:center;font-family:'Metropolis' !important;font-weight:400 !important}#activecampaign-form form ._checkbox-radio ._error-inner{grid-row:1;grid-column:1 / span 2}#activecampaign-form form ._checkbox-radio input{grid-row:2;grid-column:1}#activecampaign-form form ._checkbox-radio input~span{font-size:14px !important;line-height:1.3em !important;grid-row:2;grid-column:2}#activecampaign-form form textarea,#activecampaign-form form input{font-size:14px !important;line-height:22px !important;background:transparent !important;border:2px solid rgba(0,6,38,0.1) !important;border-radius:6px !important;font-family:inherit !important;color:#000626 !important;padding:10px !important;width:100% !important;box-sizing:border-box !important;transition:all 300ms ease-in-out !important}#activecampaign-form form textarea::placeholder,#activecampaign-form form input::placeholder{color:rgba(0,6,38,0.2) !important}#activecampaign-form form textarea:focus,#activecampaign-form form input:focus{outline:none;border-color:rgba(0,6,38,0.5) !important}#activecampaign-form form ._submit{border-radius:10px !important;margin-top:10px !important;padding:0 100px 0 40px !important;transition:all ease-in-out 300ms;background:linear-gradient(103deg, #ff0036 0%, #ff9116 0%, #fe19fe 100%) !important;font-family:'Metropolis' !important;font-weight:400 !important;font-size:14px !important;height:55px;width:100%;text-align:left;position:relative;box-shadow:0 10px 20px rgba(233,68,255,0.4)}#activecampaign-form form ._submit::after{position:absolute;right:30px;width:12px;height:12px;display:inline-block;content:'';-webkit-mask:url('/svg/icons/arrow-right.34786974c364f3debee4bd3097acd0de262d2cfd6ab0b373263822f5210bef75.svg') no-repeat 50% 50%;mask:url('/svg/icons/arrow-right.34786974c364f3debee4bd3097acd0de262d2cfd6ab0b373263822f5210bef75.svg') no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle;margin-left:10px;background-color:white;transition:all 200ms ease-in-out;transform:translate(50%, -50%);top:50%}#activecampaign-form form ._submit:hover::after{right:28px}#activecampaign-form form ._submit:disabled{background:#dddddd;color:#aaaaaa}#activecampaign-form .thank-you p{font-family:"Metropolis" !important}section:not(#footer-cta) .inner>h2{font-size:28px;padding-bottom:20px;margin-bottom:40px;position:relative}section:not(#footer-cta) .inner>h2::after{content:'';position:absolute;height:5px;width:50px;background:#0957ff;bottom:0;left:0}#latest-articles{margin:50px auto}#latest-articles #latest-more{margin:40px auto 0;width:120px;display:block}#latest-articles #latest-more.hide{display:none}.icon{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-weight:400;display:inline-block;width:14px;height:14px;background-color:transparent;vertical-align:middle;transition:all 160ms linear;-webkit-mask-size:contain !important;mask-size:contain !important;background-position:center center !important}.icon.fa-facebook-f{-webkit-mask:url('/svg/icons/facebook.d907cc0c4954f89fcdaf9ae17505474d44d1ba3f279fb04c09e7a76d49b78ddf.svg') no-repeat 50% 50%;mask:url('/svg/icons/facebook.d907cc0c4954f89fcdaf9ae17505474d44d1ba3f279fb04c09e7a76d49b78ddf.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.icon.fa-twitter{-webkit-mask:url('/svg/icons/twitter.ecb0b684cd64f122f651e6499b3a735a786f0bbbc264f77cbc6f6d74b47f0358.svg') no-repeat 50% 50%;mask:url('/svg/icons/twitter.ecb0b684cd64f122f651e6499b3a735a786f0bbbc264f77cbc6f6d74b47f0358.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.icon.fa-twitter-x{-webkit-mask:url('/svg/icons/twitter-x.7ed520406566d82976a9138c86ca662a8840716c3f422fd79c2cbb869a02dbdc.svg') no-repeat 50% 50%;mask:url('/svg/icons/twitter-x.7ed520406566d82976a9138c86ca662a8840716c3f422fd79c2cbb869a02dbdc.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.icon.fa-instagram{-webkit-mask:url('/svg/icons/instagram.582ba0f5fdbe0ae662736df6868587cd0182d6add675c3eaf0b1b36671a10d5e.svg') no-repeat 50% 50%;mask:url('/svg/icons/instagram.582ba0f5fdbe0ae662736df6868587cd0182d6add675c3eaf0b1b36671a10d5e.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.icon.fa-linkedin{-webkit-mask:url('/svg/icons/linkedin.cfdaeaf95a79860e1934a7474a46d01443dc26a4d8fed41d30c8026177fde22f.svg') no-repeat 50% 50%;mask:url('/svg/icons/linkedin.cfdaeaf95a79860e1934a7474a46d01443dc26a4d8fed41d30c8026177fde22f.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.icon.fa-youtube{-webkit-mask:url('/svg/icons/youtube.1dd1f8270e6c7b8d416cff6de8d88ce937b6b3c81d3e1466d2bc4affe304bcb2.svg') no-repeat 50% 50%;mask:url('/svg/icons/youtube.1dd1f8270e6c7b8d416cff6de8d88ce937b6b3c81d3e1466d2bc4affe304bcb2.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.icon.fa-envelope{-webkit-mask:url('/svg/icons/envelope.31e84560f7244f0f3aa41a19b02b24fb5931ecf2f3fc15c4927e40d6262979c2.svg') no-repeat 50% 50%;mask:url('/svg/icons/envelope.31e84560f7244f0f3aa41a19b02b24fb5931ecf2f3fc15c4927e40d6262979c2.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.icon.fa-link{-webkit-mask:url('/svg/icons/link.dca9164a35be71006589570db48ad4698f7b0ed2503587c61455cfb2656e8cb8.svg') no-repeat 50% 50%;mask:url('/svg/icons/link.dca9164a35be71006589570db48ad4698f7b0ed2503587c61455cfb2656e8cb8.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.icon.fa-arrow-right{-webkit-mask:url('/svg/icons/arrow-right.34786974c364f3debee4bd3097acd0de262d2cfd6ab0b373263822f5210bef75.svg') no-repeat 50% 50%;mask:url('/svg/icons/arrow-right.34786974c364f3debee4bd3097acd0de262d2cfd6ab0b373263822f5210bef75.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.icon.fa-search{-webkit-mask:url('/svg/icons/search.ddc6a534713bb9c4081c07a45ed567a7e3cc5e817c6a73053221eed03950dfe7.svg') no-repeat 50% 50%;mask:url('/svg/icons/search.ddc6a534713bb9c4081c07a45ed567a7e3cc5e817c6a73053221eed03950dfe7.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.icon.fa-caret-down{-webkit-mask:url('/svg/icons/caret-down.a07640490f7e3347cce9fa8234378f8a882ac6f1d219ad077bc4901d461dbc5c.svg') no-repeat 50% 50%;mask:url('/svg/icons/caret-down.a07640490f7e3347cce9fa8234378f8a882ac6f1d219ad077bc4901d461dbc5c.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.icon.fa-caret-down{-webkit-mask:url('/svg/icons/chevron-right.5e1ac60b678424b21b5b6ff9983293cf3dc4e047c65c9eeeeed3f8934ef7c708.svg') no-repeat 50% 50%;mask:url('/svg/icons/chevron-right.5e1ac60b678424b21b5b6ff9983293cf3dc4e047c65c9eeeeed3f8934ef7c708.svg') no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover}.color-yellow{color:#e6db74 !important}

/*# sourceMappingURL=main.css.map */#article-page main{max-width:800px;margin:0;min-width:0}#article-page>.articles-wrap{padding:140px 0 50px;display:grid;grid-template-columns:1fr 300px;gap:100px;transition:padding 200ms ease-in-out}#article-page #cover-image{height:400px;background-color:#f6f6f6;overflow:hidden}#article-page #cover-image img{width:100%;height:100%;max-width:unset}@media (max-width: 1400px){#article-page #cover-image{height:0;position:relative;padding-bottom:56%}#article-page #cover-image img{width:auto;position:absolute}}#article-page .article-title{font-size:42px}#article-page .article-subtitle{margin-top:15px}#article-page .article-header hr{height:10px;width:150px;border:none;background-color:#0957ff;display:block;margin:20px 0}#article-page .notebox{background:#f8f8f8;border-left:10px solid #0957ff;padding:30px 40px;text-align:left;border-radius:2px;line-height:28px;margin:20px 0}#article-page .notebox p{font-size:0.9em;margin:10px auto;line-height:22px}#article-page .notebox p:first-of-type{margin-top:0}#article-page .notebox p:last-of-type{margin-bottom:0}#article-page .notebox code{background:#eaeaea}#article-page .btn-in-content{text-align:center}#article-page .btn-in-content a{font-size:14px;color:white !important;min-width:120px;font-family:'Metropolis'}#article-page .wrap-buttons{display:flex;justify-content:center;flex-flow:wrap;gap:10px}#article-page .wrap-buttons .btn-in-content{margin:0 !important}#article-page .wrap-buttons .btn-in-content a{min-width:unset}#article-page .editorial-note{font-size:18px;line-height:30px;margin-bottom:30px}#article-page .editorial-note a{font-weight:600}#article-page #article-content{margin:auto;word-wrap:break-word;font-family:"Merriweather",serif}#article-page #article-content table{overflow-x:auto;table-layout:fixed;width:100%;margin-bottom:28px;font-size:14px;line-height:1.2}#article-page #article-content table tbody tr th,#article-page #article-content table thead tr th{background-color:#f6f6f6;font-weight:600}#article-page #article-content table tbody tr td,#article-page #article-content table tbody tr th,#article-page #article-content table thead tr td,#article-page #article-content table thead tr th{min-width:150px;padding:15px;border:1px solid #eaeaea;text-align:left}#article-page #article-content table code{padding:2px 5px}#article-page #article-content a{color:#0957ff}#article-page #article-content a:hover{color:#fbb03b}#article-page #article-content h1[id]:before,#article-page #article-content h2[id]:before,#article-page #article-content h3[id]:before,#article-page #article-content h4[id]:before,#article-page #article-content h5[id]:before,#article-page #article-content h6[id]:before{display:block;content:' ';margin-top:-120px;height:120px;visibility:hidden}#article-page #article-content p{margin:28px auto;font-size:18px;line-height:30px}#article-page #article-content p b,#article-page #article-content p strong{font-weight:600;font-family:inherit}#article-page #article-content p em{font-style:italic}#article-page #article-content p:first-child{margin-top:0}#article-page #article-content p:last-child{margin-bottom:0}#article-page #article-content ol{list-style-type:decimal;padding-left:40px}#article-page #article-content ul{list-style-type:square;padding-left:40px;margin:40px 0}#article-page #article-content li{margin:20px auto;font-size:18px;line-height:30px}#article-page #article-content li b,#article-page #article-content li strong{font-weight:600}#article-page #article-content li img{filter:drop-shadow(0 0 10px rgba(0,0,0,0.4));-webkit-filter:drop-shadow(0 0 10px rgba(0,0,0,0.4));margin:20px auto}#article-page #article-content code{padding:2px 4px;font-family:monospace;background:#f8f8f8;color:#c71585;font-size:16px;border:1px solid #f3f3f4;border-radius:3px}#article-page #article-content pre code{padding:0;border:0;color:white;background:transparent}#article-page #article-content iframe{width:100%}#article-page #article-content figure img{display:inline-block;border:1px solid rgba(0,0,0,0.04)}#article-page #article-content figure video{border:1px solid rgba(0,0,0,0.04);margin:0 auto}#article-page #article-content figure.align-left{text-align:left}#article-page #article-content figure.align-right{text-align:right}#article-page #article-content figure.align-center{text-align:center}#article-page #article-content figure.size-medium img,#article-page #article-content figure.size-medium video{max-width:80%}#article-page #article-content figure.size-small img,#article-page #article-content figure.size-small video{max-width:50%}#article-page #article-content figure figcaption{padding:10px;font-size:16px}#article-page #article-content img[src$='#center']{display:block;margin:auto}#article-page #article-content img[src$='#left']{display:block;margin:auto auto auto 0}#article-page #article-content img[src$='#right']{display:block;margin:auto 0 auto auto}#article-page #article-content img[src$='#floatleft']{float:left;margin:auto 28px auto 0}#article-page #article-content img[src$='#floatright']{float:right;margin:auto 0 auto 28px}#article-page #article-content>figure{margin:28px auto}#article-page #article-content pre{font-family:monospace;background:#000626 !important;padding:18px 26px;white-space:pre;overflow:auto;line-height:28px;border-radius:3px}#article-page #article-content blockquote{margin:40px auto;padding:10px 0 10px 40px;border-left:10px solid #f8f8f8}#article-page #article-content blockquote p{margin:10px auto}#article-page #article-content hr{width:90px;border:none;height:10px;margin:50px auto;background-color:#f8f8f8}#article-page #article-content>h2{font-size:36px;margin:40px auto}#article-page #article-content>h3{font-size:26px;margin:40px auto 20px}#article-page #article-content>h3 code{font-size:23px;color:#000626}#article-page #article-content>h4{font-size:22px;margin:40px auto 20px}#article-page #article-content h2,#article-page #article-content h3,#article-page #article-content h4,#article-page #article-content h5,#article-page #article-content h5{font-family:"Metropolis",sans-serif}#article-page #article-content video{max-width:100%;height:auto;vertical-align:middle;border-radius:2px}#article-page #article-content .img-carousel{width:100%;position:relative;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-start}@media (max-width: 530px){#article-page #article-content .img-carousel{flex-flow:column}#article-page #article-content .img-carousel figure:not(:last-child) figcaption::after{content:'';display:block;width:90px;border:none;height:10px;margin:50px auto;background-color:#f8f8f8}}#article-page #article-content .img-carousel figure,#article-page #article-content .img-carousel p{padding:10px;flex:1 1 0;text-align:center}@media (max-width: 1440px){#article-page main{max-width:100%;padding-left:75px;box-sizing:border-box}}@media (max-width: 768px){#article-page main{padding-left:0}#article-page .article-title{font-size:30px}#article-page #article-content>h2{font-size:24px}#article-page #article-content>h3{font-size:21px}#article-page #article-content>h4{font-size:18px}}#social-footer{text-align:center;padding:50px 0}#social-footer a{display:inline-block;border-radius:100%;background-color:#eee;width:50px;height:50px;line-height:50px;color:#000626;margin:5px;cursor:pointer;transition:all 200ms ease-in-out}#social-footer a i{vertical-align:middle}#social-footer a:hover{color:#0957ff;transition:all 0.4s ease}#social-footer a.facebook:hover{color:#3b5998}#social-footer a.twitter:hover{color:#1da1f2}#social-footer a.linkedin:hover{color:#0177b5}#search-articles{position:relative}#search-articles .inner{position:relative}#search-articles #close-search{position:absolute;height:40px;width:40px;top:30px;right:30px;background-color:#eee;cursor:pointer;z-index:22;transition:all 200ms ease-in-out}#search-articles #close-search::after{position:absolute;top:50%;right:50%;transform:translate(50%, -50%);content:'';background-color:#000626;-webkit-mask:url(getAssetUrl("svg/icons/times.svg")) no-repeat 50% 50%;mask:url(getAssetUrl("svg/icons/times.svg")) no-repeat 50% 50%;-webkit-mask-size:cover;mask-size:cover;width:14px;height:14px;display:inline-block;transition:all 160ms linear;-webkit-transition:all 160ms linear}#search-articles #close-search:hover::after{background-color:#0957ff}#search-articles #search-toggle{padding:0 40px 0 20px;font-size:14px;border-radius:10px;height:50px;line-height:50px;min-width:200px;box-sizing:border-box;background:linear-gradient(103deg, #ff0036 0%, #ff9116 0%, #fe19fe 100%);color:white;transition:all 300px linear}#search-articles #search-toggle .loading-label{display:none}#search-articles #search-toggle.loading{pointer-events:none}#search-articles #search-toggle.loading .loading-label{display:inline}#search-articles #search-toggle.loading .label{display:none}#search-articles #search-toggle .label{color:white;font-weight:400}#search-articles #search-toggle:hover{box-shadow:0 0 20px 5px rgba(0,0,0,0.08)}#search-articles #search-toggle i{position:absolute;top:50%;right:15%;transform:translate(50%, -50%);background-color:white;width:14px;height:14px;display:inline-block}#search-articles .search-wrap{position:fixed;z-index:20;height:0;padding:0;box-sizing:border-box;right:0;left:0;top:0;bottom:0;overflow:hidden;background:#f8f8f8}#search-articles .search-wrap.visible{height:100vh;padding:50px 0;overflow:auto;transition:all 400ms ease-in-out}#search-articles .search-wrap.visible #close-search{position:fixed}#search-articles .search-wrap .search-input input[type='text']{width:100%;height:60px;line-height:60px;font-size:14px;padding:0 14px;border:2px solid #eee;border-radius:4px;box-sizing:border-box}#search-articles .search-wrap .search-input input[type='text']:focus{border-color:#0957ff}#search-articles .search-wrap .search-results{border-top:2px solid #eee;margin-top:30px;padding-top:30px}#search-articles .search-wrap .search-results .articles-wrap{grid-template-columns:1fr;margin-bottom:40px}#search-articles .search-wrap .search-results .articles-wrap .article-item{display:grid;grid-template-columns:200px 1fr;gap:30px}@media (max-width: 768px){#search-articles .search-wrap .search-results .articles-wrap .article-item{grid-template-columns:1fr;gap:10px}}#search-articles .search-wrap .search-results .articles-wrap .article-item .introtext span::before{content:' ...'}#search-articles .search-wrap .empty{display:none;border-bottom:2px solid #eee;margin-bottom:30px;padding-bottom:30px}#search-articles .search-wrap .empty h4{font-size:16px;margin-bottom:10px}#search-articles .search-wrap .empty.show{display:block}#search-articles h3{font-size:24px;margin-bottom:20px}#top-cta{display:block !important;position:fixed;top:0;left:0;right:0;padding:6px;background:#2032eb;color:white;text-align:center;z-index:2;font-size:12px;transition:all 200ms ease-in-out;z-index:11;font-family:'Metropolis', sans-serif}#top-cta.hide{display:none}#top-cta a{color:#fbb03b}#top-cta a.button{background-color:#000626;color:white;display:inline-block;padding:8px 10px;border-radius:4px;margin:5px;font-weight:600}#top-cta a.button.white{background-color:white;color:#0957ff}#top-cta a.button.yellow{background-color:#fbb03b;color:#000626 !important}#top-cta a.button.red{background-color:#ee1a43}.tweet-quote{position:relative;padding:40px;margin:30px 0;color:#555555;box-shadow:0 5px 30px -10px rgba(8,48,73,0.3);box-sizing:border-box;border-radius:10px;cursor:pointer;border-right:0 solid #1da1f2;transition:all 300ms ease-in-out}.tweet-quote .quote{font-size:22px;line-height:1.3em;font-weight:600;transition:all 300ms ease-in-out}.tweet-quote .tweet-trigger{padding:5px;position:absolute;bottom:10px;right:10px;text-transform:uppercase;font-size:13px;font-weight:600;color:#aeaeae;cursor:pointer;transition:all 300ms ease-in-out}.tweet-quote .tweet-trigger i{color:#1da1f2;font-size:15px;margin-left:2px;vertical-align:middle}.tweet-quote:hover{padding:40px 20px 40px 50px;border-right:10px solid #1da1f2;border-top-right-radius:2px;border-bottom-right-radius:2px;box-shadow:-15px 5px 30px -10px rgba(8,48,73,0.3)}.tweet-quote:hover .quote{color:#000626}.tweet-quote:hover .tweet-trigger{color:#1da1f2}.tweet-quote:hover .tweet-trigger i{animation:bounce 500ms forwards}@keyframes bounce{0%{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(0)}75%{transform:translateY(-2px)}100%{transform:translateY(0)}}#exitpopup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;padding:40px;z-index:-9999999;background-color:rgba(0,21,67,0.7);background-image:url(https://codemagic.io/media/blog/popup_stars.svg);background-image:center center;background-repeat:no-repeat;background-size:contain;opacity:0;transition:opacity 400ms ease-in-out;grid-template-columns:1fr;font-family:"Metropolis",sans-serif}#exitpopup .content{position:relative;max-width:460px;margin:auto;text-align:center}#exitpopup .content .wrap{max-height:calc(100vh - 120px);overflow:auto;box-sizing:border-box}#exitpopup .content .wrap img{border-top-left-radius:20px;border-top-right-radius:20px}#exitpopup .content .wrap h2{font-size:26px;margin:0 auto 30px}#exitpopup .content .textwrap{background-color:white;padding:40px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}#exitpopup .content .textwrap.newsletter{width:460px;box-sizing:border-box}#exitpopup .content .inner-text{font-size:18px;line-height:24px}#exitpopup .content .btn{color:white !important;margin-top:30px}#exitpopup.show{opacity:1;display:grid;z-index:9999999}#exitpopup.hide{opacity:0}#exitpopup .newsletter-form{margin-top:20px}#exitpopup .newsletter-form input[type='email']{border-color:#eee}#exitpopup .newsletter-form input[type='email']:focus{border-color:#0957ff}#minutes-popup-hand,#newsletter-popup-birds{position:absolute;height:260px;left:0;top:-30px}#newsletter-popup-birds{height:290px;top:-50px}#close-popup{position:absolute;top:30px;right:30px;padding:5px;width:30px;height:30px;cursor:pointer}#close-popup .bar{width:26px;height:2px;top:13px;left:7px;background-color:white;transform:rotate(45deg);position:absolute;cursor:pointer}#close-popup .bar:nth-child(2){transform:rotate(-45deg)}#post-sidebar h3{font-size:22px;margin-bottom:20px}#post-sidebar-discount,#post-sidebar-newsletter,#post-sidebar-ebook{border-radius:4px;border:1px solid #eee;text-align:center;padding:20px 0;border-radius:2px;margin-bottom:50px}#post-sidebar-discount img,#post-sidebar-newsletter img,#post-sidebar-ebook img{margin-bottom:30px}#post-sidebar-discount p,#post-sidebar-newsletter p,#post-sidebar-ebook p{padding:0 20px;color:#999;font-size:14px;line-height:17px;margin:1em 0}#post-sidebar-discount form,#post-sidebar-newsletter form,#post-sidebar-ebook form{position:relative;padding:0 20px}#post-sidebar-discount form input[type='email'],#post-sidebar-newsletter form input[type='email'],#post-sidebar-ebook form input[type='email']{display:block;width:100%;height:48px;padding:14px;font-size:14px;box-sizing:border-box;border:1px solid #dddddd;border-radius:4px;font-weight:600;transition:all 300ms ease-in-out}#post-sidebar-discount form input[type='email']:focus,#post-sidebar-newsletter form input[type='email']:focus,#post-sidebar-ebook form input[type='email']:focus{outline:none;border-color:#0957ff;box-shadow:inset 0 0 0 1px #0957ff}#post-sidebar-discount form input[type='email']::placeholder,#post-sidebar-newsletter form input[type='email']::placeholder,#post-sidebar-ebook form input[type='email']::placeholder{font-size:12px;font-family:"Metropolis",sans-serif;color:#ccc}#post-sidebar-discount form input[type='email']:disabled,#post-sidebar-newsletter form input[type='email']:disabled,#post-sidebar-ebook form input[type='email']:disabled{background-color:#eee}#post-sidebar-discount form button,#post-sidebar-newsletter form button,#post-sidebar-ebook form button{position:absolute;top:0;right:20px;display:block;width:48px;height:48px;font-size:14px;box-sizing:border-box;background-color:#0957ff;color:white;border:none;border-radius:3px;transition:background-color 300ms ease-in-out}#post-sidebar-discount form button:focus,#post-sidebar-newsletter form button:focus,#post-sidebar-ebook form button:focus{outline:none;background-color:#2032eb;box-shadow:inset 0 0 0 2px #0957ff}#post-sidebar-discount form button:hover,#post-sidebar-newsletter form button:hover,#post-sidebar-ebook form button:hover{background-color:#2032eb}#post-sidebar-discount form button:disabled,#post-sidebar-newsletter form button:disabled,#post-sidebar-ebook form button:disabled{background-color:#dddddd}#post-sidebar-discount form .status,#post-sidebar-newsletter form .status,#post-sidebar-ebook form .status{font-weight:600;font-size:12px}#post-sidebar-discount form .status--error,#post-sidebar-newsletter form .status--error,#post-sidebar-ebook form .status--error{margin:5px 0;color:#ee1a43}#post-sidebar-discount form .status--success,#post-sidebar-newsletter form .status--success,#post-sidebar-ebook form .status--success{margin:5px 0;color:#4cd44c}@media (max-width: 1025px){#post-sidebar-discount,#post-sidebar-newsletter,#post-sidebar-ebook{display:none}}#post-sidebar-ebook{background-image:url("https://codemagic.io/media/blog/ebook-sidebar-banner-bg.svg");background-position:top center;background-repeat:no-repeat;background-size:cover}#post-sidebar-ebook img{width:80%;margin-bottom:0;margin-top:-20px}#post-sidebar-ebook form button{background-color:#ee1a43;background:-webkit-linear-gradient(-90deg, #ee1a43 30%,#ff4d13 70%);background:-moz-linear-gradient(-90deg, #ee1a43 30%,#ff4d13 70%);background:-o-linear-gradient(-90deg, #ee1a43 30%,#ff4d13 70%);background:linear-gradient(-90deg, #ee1a43 30%,#ff4d13 70%)}#post-sidebar-ebook.banner-m1{background-image:url("https://codemagic.io/media/blog/codemagic-aside-banner-M1-machines-bg.svg")}#post-sidebar-ebook.banner-m1 img{min-width:340px;margin-left:-45px;display:block}#post-sidebar-ebook.banner-m1 .btn{padding:0 20px}#post-sidebar-ebook.banner-m1 a{color:white}#post-sidebar-ebook.banner-m1 .btn--with-arrow{padding-right:50px}#post-sidebar-ebook.banner-m1 h3{font-size:24px;line-height:1.2em}#post-sidebar-ebook.banner-m1 p{font-size:16px;line-height:1.5rem}#post-sidebar-ebook.banner-xcode{background-image:url("https://codemagic.io/media/blog/codemagic-banner-xcode-bg-new.svg");padding-bottom:0;border-radius:20px;padding:35px 20px 0 25px}#post-sidebar-ebook.banner-xcode .content{margin-bottom:30px;color:white}#post-sidebar-ebook.banner-xcode .content-image{text-align:right}#post-sidebar-ebook.banner-xcode img{width:70%;margin-bottom:20px}#post-sidebar-ebook.banner-xcode h3{font-size:22px;line-height:1.2em}#post-sidebar-ebook.banner-xcode p{font-size:15px;line-height:1.5rem;padding:0;color:white}#post-sidebar-ebook.banner-skyrocket{background-image:url("https://codemagic.io/media/blog/codemagic-banner-sidebar-skyrocket-bg.svg");padding-bottom:0;border-radius:20px;padding:180px 25px 25px;text-align:left;position:relative}#post-sidebar-ebook.banner-skyrocket .gradient-text{background-image:linear-gradient(90deg, #ee1a43 30%,#ff4d13 70%);pointer-events:none;margin-left:0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}#post-sidebar-ebook.banner-skyrocket .gradient-text::selection{-webkit-text-fill-color:white}#post-sidebar-ebook.banner-skyrocket .cta-wrapper{text-align:center}#post-sidebar-ebook.banner-skyrocket .cta-wrapper .btn--orange{background-image:linear-gradient(90deg, #ee1a43 30%,#ff4d13 70%);color:white;padding-right:80px}#post-sidebar-ebook.banner-skyrocket img{position:absolute;width:100%;right:0;top:5px}#post-sidebar-ebook.banner-skyrocket h3{line-height:1.2em}#post-sidebar-ebook.banner-skyrocket p{line-height:1.2rem;font-size:15px;padding:0}#post-sidebar-discount .text{padding:0 10px}#post-sidebar-discount .title{color:#000626;font-size:21px;line-height:1.3;font-weight:600}#post-sidebar-discount .subtitle{color:#999;font-size:16px;line-height:1.5;margin-top:5px}#post-sidebar-discount .btn{margin-top:15px;width:190px;box-sizing:border-box}#post-sidebar-discount .btn--with-arrow{padding-right:60px;text-align:center}#post-sidebar-content{position:fixed;top:100px;padding:10px;padding-left:40px;width:300px;visibility:hidden;opacity:0;z-index:1;transition:opacity 0.2s ease, top 0.2s ease;max-height:650px;overflow:hidden scroll;box-sizing:border-box}#post-sidebar-content.show{visibility:visible;top:120px;opacity:1;transition:opacity 0.2s ease-out, top 0.2s ease}#post-sidebar-content header{margin:10px 0;font-weight:600}#post-sidebar-content header.collapsible{cursor:pointer}#post-sidebar-content header .collapse{border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #2032eb;position:relative;margin-left:5px;display:inline-block;vertical-align:middle;transition:transform 160ms ease-out}#post-sidebar-content header .collapse.collapsed{transform:rotate(180deg)}#post-sidebar-content #TableOfContents{position:relative;animation:fadeIn 300ms forwards;left:12px}#post-sidebar-content #TableOfContents::before{content:'';position:absolute;left:-10px;top:0;display:block;border-right:2px solid #eaeaea;height:100%;transition:opacity 0.2s ease}#post-sidebar-content #TableOfContents li li a{padding-left:15px}#post-sidebar-content #TableOfContents.collapsed{display:none}#post-sidebar-content[data-hideh3='true'] #TableOfContents ul li ul{display:none}#post-sidebar-content .related-articles a{padding-left:0;padding-right:0;font-weight:600}#post-sidebar-content a{position:relative;font-size:14px;display:inline-block;border-radius:100%;line-height:20px;color:#999;padding:5px;cursor:pointer;transition:all 200ms ease-in-out}#post-sidebar-content a i{vertical-align:middle}#post-sidebar-content a:hover,#post-sidebar-content a.active:hover{color:#0957ff;transition:all 0.4s ease}#post-sidebar-content a.active{color:#000626;font-weight:600}#post-sidebar-content a.active::before{content:'';position:absolute;left:-10px;top:0;display:block;border-right:2px solid #0957ff;height:100%;transition:all 0.2s ease}@media (max-width: 1025px){#post-sidebar-content{display:none}}#post-sidebar-cta-floater{position:fixed;top:500px;width:300px;opacity:0;visibility:collapse;transition:opacity 0.2s ease, top 0.2s ease;box-shadow:0px 6px 10px rgba(115,115,141,0.16);border-radius:6px}#post-sidebar-cta-floater.show{opacity:1;visibility:visible;transition:opacity 0.2s ease, top 0.2s ease}#post-sidebar-cta-floater .illustration{display:inline-block;width:70px}#post-sidebar-cta-floater .illustration img{display:block;margin:auto}#post-sidebar-cta-floater .text{display:inline-block;font-weight:600;width:220px;margin:20px 0;color:#000626}#post-sidebar-cta-floater .text .title{font-size:15px;line-height:140%;margin-bottom:10px}#post-sidebar-cta-floater .text .subtitle{color:#0957ff;font-size:14px}@media (max-width: 1025px){#post-sidebar-cta-floater{display:none}}#post-sidebar #activecampaign-form-ebook ._form-thank-you p ._form-title{color:#000626}#activecampaign-form-ebook form{width:unset !important;text-align:center;margin-top:0}#activecampaign-form-ebook form ._form-content{font-family:'Metropolis' !important}#activecampaign-form-ebook form ._form-content ._form-title{font-size:24px}#activecampaign-form-ebook form ._form-content>div:nth-last-child(2){display:inline-block;margin-left:-7px;width:unset}#activecampaign-form-ebook form ._form-content>div:nth-last-child(3){display:inline-block;width:calc(100% - 42px) !important;margin-bottom:0 !important;margin-left:-5px}#activecampaign-form-ebook form ._form-content>div:nth-last-child(3) input{border-radius:4px !important;height:48px !important;padding:0 20px !important;font-size:14px !important;display:block;width:100%;height:48px;box-sizing:border-box;border:1px solid #dddddd;font-weight:600;transition:all 300ms ease-in-out;font-family:'Metropolis' !important;color:#000626 !important}#activecampaign-form-ebook form ._form-content>div:nth-last-child(3) input:focus{outline:none;border-color:#0957ff;box-shadow:inset 0 0 0 1px #0957ff}#activecampaign-form-ebook form ._form-content>div:nth-last-child(3) input::placeholder{font-size:12px !important;font-family:"Metropolis",sans-serif;font-weight:normal;color:#ccc}#activecampaign-form-ebook form ._form-content>div:nth-last-child(3) input:disabled{background-color:#eee}#activecampaign-form-ebook form ._form-content>div:nth-last-child(3) ._form-label{display:none}#activecampaign-form-ebook form ._submit{background:linear-gradient(103deg, #ff0036 0%, #ff9116 0%, #fe19fe 100%) !important;width:48px !important;height:48px !important;border-radius:4px !important;position:relative;left:0;top:1px}#activecampaign-form-ebook form ._submit::after{content:'';background-color:white;-webkit-mask:url(getAssetUrl("svg/icons/arrow-right.svg")) no-repeat 50% 50%;mask:url(getAssetUrl("svg/icons/arrow-right.svg")) no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain;width:12px;height:12px;display:inline-block;transition:all 160ms linear;-webkit-transition:all 160ms linear}#activecampaign-form-ebook form ._submit:hover::after{transform:translateX(30%);transition:all 160ms linear}#activecampaign-form-ebook form ._form-thank-you p{font-family:"Metropolis",sans-serif !important;font-size:16px !important;line-height:1.5}#rating-form{margin:40px auto;padding:50px 40px;border-top:1px solid #eee;border-bottom:1px solid #eee;display:none}#rating-form .rating-form__inner{width:fit-content;text-align:center;margin:auto}#rating-form .rating-form__error{color:red;text-align:center;padding-top:30px;display:none}#rating-form h3{font-size:26px;margin-bottom:20px}#rating-form .stars{margin:auto;height:25px;position:relative}#rating-form .stars__inner{overflow:hidden;width:fit-content;margin:auto;text-align:center}#rating-form .stars[selected-value] .star::after{display:none}#rating-form .stars.no-tooltip .star::after{display:none}#rating-form .stars__loading{display:none;position:absolute;right:15px;top:8px;animation-delay:0.5s;margin:auto}#rating-form .stars__loading,#rating-form .stars__loading::before,#rating-form .stars__loading::after{width:10px;height:10px;border-radius:5px;background-color:#0957ff;animation:dotFlashing 1s infinite alternate}#rating-form .stars__loading::before,#rating-form .stars__loading::after{content:'';display:inline-block;position:absolute;top:0}#rating-form .stars__loading::before{left:-15px;animation-delay:0s}#rating-form .stars__loading::after{left:15px;animation-delay:1s}#rating-form .stars.loading .stars__loading{display:block}#rating-form .star{margin-bottom:24px;position:relative;padding:0 9px;float:left;transition:all 300ms ease-in-out}#rating-form .star svg path{transition:all 300ms ease-in-out}#rating-form .star:not(.disabled).half-filled svg path{fill:#0957ff;opacity:0.5}#rating-form .star:not(.disabled).filled svg path{fill:#0957ff;opacity:1}#rating-form .star.disabled{opacity:0.5}#rating-form .star.disabled.filled{opacity:1}#rating-form .star::after{content:'';opacity:0;transition:all 300ms ease-in-out;position:absolute;bottom:-24px;margin-left:calc(-50% + -1px);border-width:0 10px 16px 10px;border-color:transparent transparent #eee transparent;border-style:solid;pointer-events:none}#rating-form .star:not(.disabled):hover{cursor:pointer}#rating-form .star:not(.disabled):hover::after{opacity:1}#rating-form .star:not(.disabled):hover svg,#rating-form .star:not(.disabled):hover svg path{cursor:pointer}#rating-form #rating-explanation{float:left;display:none;color:#555;font-size:17px;line-height:25px;margin-left:18px;font-weight:600}#rating-form #rating-tooltip{background-color:#eee;position:relative;padding:9px 13px;font-size:17px;line-height:150%;clear:both;border-radius:4px;transition:all 300ms ease-in-out;width:fit-content;margin:auto;box-shadow:0 20px 20px -9px rgba(0,0,0,0.2)}#rating-form #rating-tooltip.hidden{opacity:0}#rating-form .feedback{margin-top:36px;font-size:20px;font-weight:600;transition:all 300ms ease-in-out;overflow:hidden;display:none}#rating-form .feedback__options{display:flex;justify-content:stretch;margin:20px 0;cursor:pointer}#rating-form .feedback__option{text-align:center;background-color:#eee;border-radius:4px;padding:8px 16px;margin-right:10px;font-size:14px;font-weight:400;cursor:pointer;border:2px solid transparent;box-sizing:border-box;flex-grow:1}#rating-form .feedback__option:last-child{margin-right:0}#rating-form .feedback__option:hover{background-color:rgba(9,87,255,0.1)}#rating-form .feedback__option.selected{background-color:rgba(9,87,255,0.2);border-color:#0957ff}#rating-form .feedback__comment{display:grid;grid-template-columns:1fr 215px}#rating-form .feedback__textarea{height:50px;margin-right:9px;border:2px solid #eee;box-sizing:border-box;border-radius:4px;font-size:16px;padding:10px;cursor:text}#rating-form .feedback__textarea:focus{border-color:#0957ff}#rating-form .feedback__submit{color:white;background-color:#0957ff;height:50px;line-height:50px;padding:0 24px;font-size:16px;border-radius:4px;cursor:pointer;border:none;transition:all 300ms ease-in-out}#rating-form .feedback__submit.disabled{background-color:#eee;color:#ccc;cursor:default}#rating-form .feedback__submit.disabled::after{right:30px}#rating-form .feedback-thanks{width:fit-content;display:none;margin:auto}#rating-form .feedback-thanks__inner{text-align:center}#rating-form .feedback-thanks__image{display:inline-block;width:62px;height:62px}#rating-form .feedback-thanks__header{margin:20px 0 12px}#rating-form .feedback-thanks__subheader{margin:0}@media (max-width: 550px){#rating-form{padding:40px}#rating-form .star{margin-bottom:20px}#rating-form .stars__loading{position:relative;top:-10px}#rating-form #rating-explanation{clear:both;float:none;display:none;margin:0 0 20px}#rating-form .feedback__options{display:block}#rating-form .feedback__option{width:100%;margin-top:10px}#rating-form .feedback__comment{display:block}#rating-form .feedback__textarea{width:100%;height:100px}#rating-form .feedback__submit{width:100%;margin-top:10px}#rating-form .feedback-thanks{height:auto !important}}.write-for-us-banner{position:relative;margin:90px 0 60px;background:url("https://codemagic.io/media/blog/write-for-us-background-elements.svg"),linear-gradient(45deg, #2032e9, #338bf7);background-repeat:no-repeat;background-size:auto 100%;background-position:center right;border-radius:10px;display:grid;grid-template-columns:25% 1fr 200px;align-items:center;padding:40px}.write-for-us-banner .title{font-family:'Metropolis';color:white;font-weight:600;font-size:40px;height:40px;line-height:40px}.write-for-us-banner .subtitle{font-family:'Metropolis';color:#00ceff;font-weight:600;font-size:16px}.write-for-us-banner .btn{font-family:'Metropolis';font-weight:600;color:#0957ff}.write-for-us-banner .btn i{margin-left:10px}.write-for-us-banner:hover .btn{color:#fbb03b}.write-for-us-banner .illustration{position:relative;margin:-70px 0 -40px -70px}@media (max-width: 1270px){.write-for-us-banner{grid-template-columns:35% 1fr;grid-template-rows:auto auto;padding:30px}.write-for-us-banner .text,.write-for-us-banner .btn{grid-column:2}.write-for-us-banner .btn{width:120px}.write-for-us-banner .illustration{grid-column:1;grid-row:1 / span 2;margin:-70px 0 -30px -70px}}@media (max-width: 1024px){.write-for-us-banner{grid-template-columns:25% 1fr 200px;padding:40px;grid-template-rows:auto}.write-for-us-banner .text{grid-column:2}.write-for-us-banner .btn{grid-column:3}.write-for-us-banner .illustration{grid-column:1;grid-row:1;margin:-70px 0 -40px -70px}}@media (max-width: 860px){.write-for-us-banner{grid-template-columns:35% 1fr;grid-template-rows:auto auto;padding:30px}.write-for-us-banner .text,.write-for-us-banner .btn{grid-column:2}.write-for-us-banner .btn{width:120px}.write-for-us-banner .illustration{grid-column:1;grid-row:1 / span 2;margin:-70px 0 -30px -70px}}@media (max-width: 570px){.write-for-us-banner{grid-template-columns:1fr;padding:40px;grid-template-rows:auto auto auto;text-align:center}.write-for-us-banner .text{grid-column:1}.write-for-us-banner .title{font-size:30px}.write-for-us-banner .btn{grid-column:1;margin:20px auto 0;width:auto}.write-for-us-banner .illustration{margin:-70px auto 40px auto}}@media (max-width: 340px){.write-for-us-banner .title{font-size:24px}.write-for-us-banner .subtitle{font-size:14px}.write-for-us-banner .btn{padding:0px 20px}}.banner{position:relative;margin:90px 0 60px;background-repeat:no-repeat;background-size:auto 100%;background-position:center right;border-radius:10px;display:grid;grid-template-columns:1fr 200px;align-items:center;padding:50px 40px 50px 180px}.banner .btn{color:#0957ff;border-radius:24px}.banner .btn:hover{color:#fbb03b}.banner .btn:hover i{background-color:#fbb03b}.banner .title{font-family:'Metropolis';color:white;font-weight:600;font-size:40px;line-height:40px}.banner .subtitle{font-family:'Metropolis';color:white;font-weight:600;font-size:16px}.banner .btn{font-family:'Metropolis';font-weight:600;box-sizing:border-box}.banner .btn i{margin-left:10px;background-color:#0957ff}.banner .illustration{position:absolute;top:-20px;bottom:0}.banner .illustration img{width:auto;height:100%;display:block;margin-left:20px}.banner--survey{background:url("https://codemagic.io/media/blog/banner-survey-pattern.svg"),linear-gradient(86.1deg, #0039e0 2.82%, #008bf7 96.21%);background-size:auto;background-position:left;background-repeat:no-repeat;grid-template-columns:175px 1fr 190px;padding:0 40px}.banner--survey .illustration{position:relative;top:15px;left:-70px;width:120%}.banner--survey .title{font-size:26px;line-height:32px}.banner--survey .btn{padding:0 20px}.banner--download-ebook .title{height:40px}.banner--download-ebook .illustration{left:-25px}.banner--download-ebook-flutter-libraries{background:url("https://codemagic.io/media/blog/ebook-bg-pattern.svg"),linear-gradient(245.66deg, #ff9100 29.16%, #fe19ff 103.77%)}.banner--download-ebook-react-native-testing,.banner--download-ebook-cicd{background:url("https://codemagic.io/media/blog/banner-ebook-cicd-pattern.svg"),linear-gradient(86.1deg, #fe19ff -8.28%, #00ceff 99.49%);background-position:right;background-repeat:no-repeat}.banner--download-ebook-react-native-testing{padding:30px 40px 30px 200px}.banner--download-ebook-react-native-testing .illustration{top:-30px}.banner--download-ebook-react-native-testing .text{max-width:300px}.banner--download-ebook-react-native-testing .title{margin-top:5px}.banner--download-ebook-react-native-testing .subtitle{font-size:18px;line-height:1.1}.banner--ios{background:url("https://codemagic.io/media/blog/banner-ios-pattern.svg"),linear-gradient(70deg, #008bf7 -8.28%, #0031ea 99.5%)}.banner--android{background:url("https://codemagic.io/media/blog/banner-android-pattern.svg"),linear-gradient(70deg, #fe19ff -8.28%, #ff9500 99.5%)}.banner--react-native{background:url("https://codemagic.io/media/blog/banner-react-native-pattern.svg"),linear-gradient(70deg, #fe19ff -8.28%, #00ceff 99.5%)}.banner--flutter{background:url("https://codemagic.io/media/blog/banner-flutter-pattern.svg"),linear-gradient(86.1deg, #00ceff -8.28%, #008bf7 99.5%)}.banner--flutter-m1{background:url("https://codemagic.io/media/blog/banner-flutter-m1-wave-pattern.svg"),linear-gradient(86.1deg, #0031ea 2.82%, #005df0 18.38%, #008bf7 96.21%);background-size:cover;background-position:left center;background-repeat:no-repeat}.banner--flutter-m1 .illustration{top:-40px;bottom:-20px}.banner--get-started{padding:0 38px 0 28px;grid-template-columns:180px 1fr 200px;background-size:auto;background-position:right;background-repeat:no-repeat}.banner--get-started .title{font-size:26px;line-height:30px}.banner--get-started .illustration{top:-18px;margin-bottom:-26px;height:calc(100% + 18px);position:relative}.banner--get-started .illustration img{margin-left:0}.banner--get-started .btn{max-width:198px}.banner--discount{background:url("https://codemagic.io/media/blog/banner-discount-pattern.svg"),linear-gradient(86.1deg, #fe19ff 2.94%, #ff9500 97.35%);grid-template-columns:115px 1fr 235px}.banner--discount .illustration{top:-22px}.banner--discount .btn{max-width:235px;width:235px !important}.banner--build-react-native{background:url(https://codemagic.io/media/blog/banner-react-native-pattern.svg),linear-gradient(86.1deg, #00ceff 4.84%, #fe19ff 94.32%)}.banner--build-android{background:url(https://codemagic.io/media/blog/banner-android-pattern.svg),linear-gradient(86.1deg, #ff9500 4.41%, #fe19ff 92.75%)}.banner--build-ios{background:url(https://codemagic.io/media/blog/banner-ios-pattern.svg),linear-gradient(86.1deg, #008bf7 2.82%, #0031ea 96.21%)}.banner--build-ios .title{max-width:360px}.banner--build{padding:40px 40px 40px 165px;background-size:auto;background-position:right;background-repeat:no-repeat;grid-template-columns:1fr 190px}.banner--build .title{font-size:24px;line-height:1.5}.banner--build .illustration{top:22px;bottom:22px;left:26px;display:flex;align-items:center}.banner--build .illustration img{margin-left:0;max-height:106px}.banner--build .illustration img.without-track{display:none}.banner--discount-20,.banner--discount-50{background:url(https://codemagic.io/media/blog/banner-ios-pattern.svg),linear-gradient(86.1deg, #0039e0 2.82%, #008bf7 96.21%);background-position:right;background-repeat:no-repeat;position:relative;grid-template-columns:1fr 180px;padding:30px 40px 30px 220px;margin-top:60px}.banner--discount-20::before,.banner--discount-50::before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background-image:url("https://codemagic.io/media/blog/banner-discount-rays-pattern.svg");background-position:left;background-repeat:no-repeat;background-size:cover}.banner--discount-20 .text,.banner--discount-20 .btn,.banner--discount-50 .text,.banner--discount-50 .btn{position:relative}.banner--discount-20 .title,.banner--discount-50 .title{font-size:42px;line-height:1}.banner--discount-20 .subtitle,.banner--discount-50 .subtitle{font-size:20px}.banner--discount-20 .illustration,.banner--discount-50 .illustration{max-width:140px;top:0;height:calc(100% + 20px);left:35px}.banner--discount-20 .illustration img,.banner--discount-50 .illustration img{margin-left:0}.banner--discount-20--save .subtitle,.banner--discount-50--save .subtitle{font-size:16px}.banner--general{padding:40px 40px 40px 210px}.banner--general .title{font-size:26px;line-height:36px}.banner--general .illustration{width:185px}.banner--general .illustration img{margin:0}.banner--general.warm{background:url("https://codemagic.io/media/blog/banner-stars-warm.svg"),linear-gradient(86.1deg, #fe19ff 2.82%, #fbb03b 96.21%)}.banner--general.cold{background:url("https://codemagic.io/media/blog/banner-stars-cold.svg"),linear-gradient(86.1deg, #0031ea 2.82%, #005df0 18.38%, #008bf7 96.21%)}.banner--general.warm,.banner--general.cold{background-size:auto;background-position:center;background-repeat:no-repeat}.banner--unity{grid-template-columns:1fr 180px;padding-left:200px}.banner--unity .title{font-size:24px;line-height:32px}.banner--unity .illustration{left:10px;width:170px}.banner--windows .illustration{top:0}.banner--discount-20 .title{font-size:36px}.banner--discount-20 .subtitle{font-size:32px}.banner--discount-20 .btn{padding:0 32px}.banner--black-friday{padding:40px;background:black;color:white;font-family:'Oswald', sans-serif;font-weight:300;grid-template-columns:200px 1fr}.banner--black-friday .inverse{color:black;background:white;display:inline-block;padding:10px 40px;margin:10px 0;transform:translateX(-40px)}.banner--black-friday h2{font-size:40px;font-family:'Oswald', sans-serif !important}.banner--black-friday #countdown{text-align:center;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px 30px}.banner--black-friday #countdown h3{font-size:20px;grid-column:1 / span 4;font-weight:300;font-family:'Oswald', sans-serif !important}.banner--black-friday #countdown .time{display:flex;flex-direction:column;align-items:center}.banner--black-friday #countdown .value{font-size:60px;font-weight:500}.banner--black-friday #countdown .label{opacity:0.5}.banner--calendar{background:url("https://codemagic.io/media/blog/banner-event-calendar-pattern.svg");background-size:cover;background-position:left center;background-repeat:no-repeat;gap:20px}.banner--calendar .title{font-size:21px;line-height:1.2em}.banner--calendar .illustration{height:auto;left:25px;top:20px;width:137px}.banner--calendar .illustration img{transform:rotate(-6deg);box-shadow:5px 5px 30px rgba(0,6,38,0.15)}@media (max-width: 1260px){.banner{grid-template-columns:1fr;grid-template-rows:auto auto;padding:40px 40px 40px 200px}.banner--discount-20,.banner--discount-50{padding:30px 40px 30px 220px}.banner--general{padding:35px 35px 35px 200px}.banner--download-ebook .title{font-size:36px}.banner--download-ebook .subtitle{font-size:14px;font-weight:400}.banner .btn{width:210px;margin-top:10px;margin-bottom:-10px}.banner--survey .illustration{position:absolute;max-width:200px;left:-30px}.banner--get-started{padding:25px 40px 40px 200px}.banner--get-started .illustration{position:absolute;max-width:200px;top:unset;bottom:18px;left:15px}.banner--calendar .illustration{max-width:120px;bottom:unset;left:25px;margin-bottom:0}.banner--discount .illustration{bottom:26px}.banner--build{padding:25px 25px 40px 180px}.banner--black-friday{padding:40px 20px;text-align:center}.banner--black-friday .inverse{transform:none;padding:20px}.banner--black-friday h2{margin-bottom:20px}}@media (max-width: 1300px) and (min-width: 1261px){.banner--discount-20,.banner--discount-50{padding:30px 40px 30px 200px}}@media (max-width: 1260px) and (min-width: 1025px){.banner--build .illustration img{display:none}.banner--build .illustration img.without-track{display:inline-block}.banner--discount-20,.banner--discount-50{gap:10px}.banner--discount-20 .illustration,.banner--discount-50 .illustration{height:100%}.banner--discount-20::before,.banner--discount-50::before{background-position-x:-50px}.banner--discount-20 .btn,.banner--discount-50 .btn{margin:0}.banner--download-ebook-react-native-testing{padding:30px 40px 30px 220px}.banner--download-ebook-react-native-testing .illustration{left:-40px}.banner--download-ebook-react-native-testing .text{max-width:240px}}@media (max-width: 1080px){.banner--download-ebook .title{font-size:30px}}@media (max-width: 1100px) and (min-width: 1025px),(max-width: 870px) and (min-width: 769px){.banner--discount-50--save .title,.banner--discount-50--get .title{font-size:36px}.banner--discount-50--save .subtitle,.banner--discount-50--get .subtitle{font-size:16px}.banner--discount-50--save .subtitle{font-size:14px}.banner--discount-20 .title{font-size:32px}.banner--discount-20 .subtitle{font-size:28px}}@media (max-width: 1024px){.banner{grid-template-columns:1fr 200px;grid-template-rows:auto;padding:50px 40px 50px 180px}.banner--discount-20,.banner--discount-50{padding:30px 40px 30px 200px}.banner--general{padding:35px 35px 35px 200px}.banner--download-ebook .title{font-size:36px}.banner .btn{width:210px;margin-top:0;margin-bottom:0}.banner--discount{grid-template-columns:1fr 235px;padding-left:140px;padding-right:40px}.banner--discount .illustration{bottom:26px}.banner--survey{padding:20px 40px 20px 215px;gap:0 15px}.banner--survey .illustration{position:absolute;left:-10px}.banner--survey .illustration img{margin-left:0}.banner--survey .btn{max-width:100%}.banner--download-ebook-react-native-testing{padding:30px 40px 30px 180px}.banner--download-ebook-react-native-testing .illustration{left:-40px}.banner--download-ebook-react-native-testing .text{max-width:240px}.banner--download-ebook-react-native-testing .subtitle{font-size:16px}.banner--black-friday{grid-template-columns:1fr;padding:40px 20px}.banner--calendar{padding:30px 40px 30px 180px}.banner--calendar .illustration{top:20px}}@media (max-width: 850px){.banner{grid-template-columns:1fr 180px}.banner--download-ebook .title{font-size:30px}.banner .btn{width:180px}.banner--discount{grid-template-columns:1fr 235px}.banner--black-friday{grid-template-columns:1fr}.banner--flutter-m1 .btn{padding:0 20px}}@media (max-width: 768px){.banner{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:40px 40px 40px 40px}.banner .btn{width:210px;margin:auto}.banner .text{margin:15px auto;text-align:center}.banner .illustration{position:relative;left:auto;top:auto;bottom:auto;text-align:center}.banner .illustration img{width:190px;height:auto;display:block;margin-left:auto;margin:-80px auto 0}.banner--download-ebook .title{font-size:36px}.banner--get-started{background-position:center}.banner--get-started .title{font-size:24px}.banner--get-started .illustration{max-width:unset;height:auto;left:25px}.banner--get-started .illustration img{margin-bottom:10px}.banner--calendar{background-position:left center;border-radius:22px}.banner--calendar .illustration{width:auto;left:0}.banner--discount .illustration{left:0}.banner--discount .illustration img{width:82px}.banner--discount .text{margin-top:20px}.banner--build .illustration img{margin:0 auto;width:unset;display:none}.banner--build .illustration img.without-track{display:inline-block}.banner--discount-20,.banner--discount-50{padding:20px 40px 40px;justify-items:center;overflow:hidden}.banner--discount-20::before,.banner--discount-50::before{background-size:500%;left:-100%;top:-20%}.banner--discount-20 .illustration,.banner--discount-50 .illustration{height:auto}.banner--discount-20 .illustration img,.banner--discount-50 .illustration img{margin:0}.banner--discount-20 .title,.banner--discount-50 .title{font-size:36px}.banner--discount-20 .subtitle,.banner--discount-50 .subtitle{font-size:20px}.banner--discount-20 .subtitle{font-size:28px}.banner--survey .title{font-size:24px}.banner--survey .illustration{margin:auto}.banner--survey .illustration img{margin:0}.banner--general{padding-top:0}.banner--general .title{font-size:24px;line-height:32px}.banner--general .illustration{margin:-20px auto 0}.banner--general .illustration img{margin:0 auto}.banner--windows .illustration{margin-top:20px}.banner--flutter-m1{border-radius:23px}.banner--flutter-m1 .illustration{margin:-40px auto 0}}@media (max-width: 500px){.banner--black-friday #countdown .value{font-size:30px}}@media (max-width: 420px){.banner--discount-20 .title,.banner--discount-50 .title{font-size:36px;line-height:42px}.banner--discount-20 .subtitle,.banner--discount-50 .subtitle{font-size:14px}.banner--discount-20 .subtitle{font-size:24px}}@media (max-width: 380px){.banner{padding:40px 20px}.banner--download-ebook .title{font-size:28px}.banner .btn{width:180px}.banner .illustration img{width:80%}.banner--get-started .illustration{width:60%;margin:0 auto -5px}.banner--get-started .illustration img{margin-bottom:0}.banner--get-started .title{font-size:20px}.banner--unity .illustration{margin:0 auto}.banner--unity .illustration img{margin:0 auto}.banner--discount .illustration{width:40%}.banner--survey .illustration img{margin:auto}.banner--survey .title{font-size:20px}.banner--black-friday #countdown{gap:10px}.banner--black-friday #countdown .value{font-size:20px}}.discount-50-yellow-banner{position:relative;margin:90px 0 60px;border-radius:10px;background:linear-gradient(90deg, #fe19ff 0%, #ff8b00 50%);display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:center;padding:30px 20px;font-family:'Metropolis';color:white}.discount-50-yellow-banner .illustration{position:static}.discount-50-yellow-banner .illustration img{margin-left:0}.discount-50-yellow-banner .illustration img.mobile{display:none}.discount-50-yellow-banner .btn{background:linear-gradient(270deg, #00ceff 0%, #fe19ff 100%);padding-right:60px;text-align:center;box-sizing:border-box;width:200px;color:white;border-radius:10px;white-space:nowrap;margin-top:20px}.discount-50-yellow-banner .title{font-size:28px;margin-bottom:10px;line-height:1.1;font-weight:600}.discount-50-yellow-banner .subtitle{font-size:16px;line-height:1.3}@media (max-width: 1360px){.discount-50-yellow-banner{grid-template-columns:200px 1fr}}@media (min-width: 1025px) and (max-width: 1100px){.discount-50-yellow-banner{grid-template-columns:150px 1fr;gap:20px}}@media (max-width: 550px){.discount-50-yellow-banner{grid-template-columns:1fr;gap:10px;padding:0 0 40px;text-align:center;background:linear-gradient(180deg, #fe19ff 0%, #ff8b00 50%)}.discount-50-yellow-banner .text{padding:0 20px}.discount-50-yellow-banner .illustration img{display:none}.discount-50-yellow-banner .illustration img.mobile{display:block}}.social-blocks{display:grid;grid-template-columns:1fr 1fr;gap:20px}.social-blocks .block{padding:40px;border-radius:20px;transition:all 300ms ease-in-out;box-shadow:0 0 30px rgba(0,6,38,0.05)}.social-blocks .block:hover{box-shadow:0 0 30px rgba(6,34,93,0.1)}.social-blocks .block:hover .title i{transform:translateX(0)}.social-blocks img{height:50px;width:auto}.social-blocks .title{margin:1em 0;font-size:20px;color:#000626;font-family:"Metropolis",sans-serif;font-weight:600}.social-blocks .title i{font-size:14px;margin-left:20px;vertical-align:middle;transition:all 300ms ease-in-out;transform:translateX(-10px)}.social-blocks .description{font-size:14px;font-family:"Metropolis",sans-serif;color:#555}@media (max-width: 1200px){.social-blocks{grid-template-columns:1fr}}@media (max-width: 1024px){.social-blocks{grid-template-columns:1fr 1fr}}@media (max-width: 660px){.social-blocks{grid-template-columns:1fr}}

/*# sourceMappingURL=article.css.map */