.ee-hero{max-width:640px;padding-top:130px;padding-bottom:160px}.ee-hero::after,.ee-hero::before{display:none}.ee-hero h1{font-size:52px;line-height:62px;max-width:930px;letter-spacing:-.03em;color:#020814;margin-top:0;margin-bottom:16px}.ee-hero h4{font-family:"SF Mono","Roboto Mono",Menlo,monospace;font-weight:700;font-size:13px;line-height:26px;letter-spacing:.14em;text-transform:uppercase;color:#92a1b3;margin-bottom:29px}.ee-hero p{font-family:Eina,"Helvetica Neue",Helvetica,sans-serif;font-size:24px;font-weight:400;line-height:36px;letter-spacing:-.04em;color:rgba(39,50,63,.8)}.ee-hero .btn{padding-left:24px;padding-right:20px;padding-top:18px;padding-bottom:18px;font-size:14px;margin-top:16px;line-height:20px;letter-spacing:.08em;color:#fff;text-transform:uppercase;font-weight:700;background:#3880ff;box-shadow:0 2px 4px rgba(2,8,20,.1),0 1px 2px rgba(2,8,20,.08);border-radius:210px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.ee-hero .btn::after{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 512 512"><path d="M85 277.375h259.704L225.002 397.077 256 427l171-171L256 85l-29.922 29.924 118.626 119.701H85v42.75z"/></svg>');background-size:100%;content:'';height:20px;width:20px;display:block;margin-left:8px;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.ee-hero .btn:hover{background-color:#4f8bf5}.ee-hero--large h1{font-size:62px;line-height:69px}.ee-hero--wide{max-width:960px}.ee-hero--centered{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;margin-left:auto;margin-right:auto}@media (max-width:767px){.ee-hero{padding-top:70px;padding-bottom:0}.ee-hero h1{font-size:44px;line-height:52px}.ee-hero--large h1{font-size:50px;line-height:60px}}@media (max-width:480px){.ee-hero h1{font-size:36px;line-height:44px;margin-bottom:6px}.ee-hero--large h1{font-size:42px;line-height:52px}.ee-hero .btn{margin-top:8px}}.ee-main{margin-top:0}.ee-main section{margin-bottom:200px}.ee-main .center,.ee-main .left,.ee-main .right{display:-ms-flexbox;display:flex}.ee-main .center::after,.ee-main .center::before,.ee-main .left::after,.ee-main .left::before,.ee-main .right::after,.ee-main .right::before{display:none}.ee-main .left .content,.ee-main .right .content{max-width:480px}@media (max-width:767px){.ee-main .left .content,.ee-main .right .content{max-width:100%;text-align:center}.ee-main .left .content li,.ee-main .right .content li{text-align:left}}.ee-main .left{-ms-flex-direction:row;flex-direction:row}.ee-main .left .graphics{margin-left:auto}.ee-main .right{-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin-left:auto}.ee-main .right .graphics{margin-right:auto}.ee-main .center{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center}.ee-main .center .content{width:894px;max-width:100%}.ee-main .full .content{max-width:568px}@media (max-width:767px){.ee-main .left,.ee-main .right{-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-align:center;align-items:center}.ee-main .left .graphics,.ee-main .right .graphics{margin-bottom:24px;margin-left:0;margin-right:0}.ee-main section{margin-bottom:100px}}.ee-main .graphics{-ms-flex-pack:end;justify-content:flex-end}.ee-main .graphics img{width:100%}.ee-main h2{font-size:44px;line-height:51px;letter-spacing:-.03em}.ee-main h2:first-child{margin-top:0}.ee-main .ee-section__title{font-family:"SF Mono","Roboto Mono",Menlo,monospace;font-style:normal;font-weight:700;font-size:12px;line-height:23px;letter-spacing:.14em;text-transform:uppercase;color:#5b708b;margin-top:0}.ee-main .ee-section__cta{display:inline-block;font-size:18px;font-weight:500;margin-top:16px}.ee-main p{font-size:20px;line-height:31px;letter-spacing:-.02em;color:#5b708b;margin-top:18px}.ee-main p.sm{font-size:16px;line-height:29px;letter-spacing:-.01em}.ee-main ul:not(.frameworks){margin-top:54px}.ee-main .content ul{padding-left:0}.ee-main .content li{font-size:16px;line-height:23px;letter-spacing:-.02em;color:#1a232f;margin-bottom:40px;padding-left:30px;list-style:none;position:relative}.ee-main .content li::before{background-image:url(/proxy/123456/web.archive.org/web/20200611153525im_/https://ionicframework.com/img/enterprise/check.svg);background-size:100%;content:'';height:10px;width:13px;position:absolute;left:0;top:8px}.ee-main .features{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:64px;grid-row-gap:24px;padding:0}.ee-main .features li{list-style:none}.ee-main .features .icon{margin-bottom:16px;width:48px}@media (max-width:991px){.ee-main .features{grid-template-columns:1fr 1fr}}@media (max-width:500px){.ee-main .features{grid-template-columns:1fr}}.ee-main .cta-card{background:#4a8bfc;border-radius:12px;padding:72px 72px 60px;background-size:cover;color:#fff}.ee-main .cta-card .ee-section__title,.ee-main .cta-card p{color:#ced6e0}#how-to{margin-bottom:0;position:relative;padding-top:140px}#how-to::before{position:absolute;top:0;width:100vw;border-top:1px solid rgba(146,161,179,.3);content:'';display:block}.cards--red-v-blue{display:-ms-flexbox;display:flex;text-align:left;-ms-flex-pack:center;justify-content:center;margin-top:38px}.cards--red-v-blue__card{background:#7cabff;border-radius:8px;padding:40px 40px 34px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin-right:24px;-ms-flex:0 1 460px;flex:0 1 460px;border-radius:8px}.cards--red-v-blue__card:last-child{margin-right:0}.cards--red-v-blue__card:nth-child(2){background:#f88d8d}.cards--red-v-blue__card:nth-child(2) .btn{background:rgba(244,84,84,.5)}.cards--red-v-blue h3{font-size:24px;line-height:normal;letter-spacing:-.02em;color:#fff;margin-top:0}.cards--red-v-blue p{font-size:18px;line-height:26px;letter-spacing:-.02em;color:rgba(255,255,255,.7);margin-top:0;margin-bottom:22px}.cards--red-v-blue .btn{margin-top:auto;font-size:14px;line-height:22px;letter-spacing:.09em;text-transform:uppercase;padding:10px 14px;font-weight:600;border-radius:8px;background:rgba(56,128,255,.5)}.cards--red-v-blue .btn ion-icon{display:inline-block;height:14px;width:14px;vertical-align:-2px}@media (max-width:767px){.cards--red-v-blue{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.cards--red-v-blue__card{-ms-flex:auto;flex:auto;margin-right:0;margin-top:20px;max-width:460px}}aside{background:linear-gradient(180deg,#f9fafb 0,#fff 100%);margin-top:-60px;padding-top:200px;padding-bottom:120px}aside p{color:#414d5c}aside .content{max-width:432px;margin:0 auto;text-align:center;display:block}.ee-get-started{max-width:700px}.ee-get-started h3{color:#414d5c}.ee-main .cards li p,.ee-main .features li p,.resources .cards li p,.resources .features li p{font-size:16px;line-height:29px;letter-spacing:-.01em;color:#73849a;margin-top:0}.ee-main .cards li h4,.ee-main .features li h4,.resources .cards li h4,.resources .features li h4{font-size:20px;line-height:normal;letter-spacing:-.02em;color:#020814;font-weight:600}.resources .cards{margin-top:0!important;text-align:left;-ms-flex-wrap:wrap;flex-wrap:wrap}.resources .cards .img-wrapper{border-radius:6px}.resources .cards .img-wrapper+h4{margin-top:24px}@media (min-width:1104px){.resources .cards{margin-left:-40px;margin-right:-40px}.resources .cards li{padding:40px}}.resources .resources__customer-logos{display:-ms-flexbox;display:flex;margin:26px auto 0;padding:0;-ms-flex-pack:justify;justify-content:space-between;max-width:780px;width:100%}.resources .resources__customer-logos li{background:url(/proxy/123456/web.archive.org/web/20200611153525im_/https://ionicframework.com/img/enterprise/customer-logos.png);background-size:428px 46px;background-repeat:no-repeat;display:block;height:46px}@media (max-width:768px){.resources .resources__customer-logos{-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:460px}.resources .resources__customer-logos li{margin:20px}}.resources .resources__customer-logos .mastercard{width:58px}.resources .resources__customer-logos .nationwide{background-position:-58px 0;width:33px}.resources .resources__customer-logos .uniqlo{background-position:-91px 0;width:65px}.resources .resources__customer-logos .ibm{background-position:-156px 0;width:64px}.resources .resources__customer-logos .ing{background-position:-222px 0;width:103px}.resources .resources__customer-logos .sap{background-position:-326px 0;width:56px}.resources .resources__customer-logos .nasa{background-position:-380px 0;width:50px}.banner{background:#fff;text-align:left}.banner .container{position:relative}.banner .ee-hero{max-width:480px}.banner .ee-hero h1,.banner .ee-hero h4,.banner .ee-hero p{position:relative;z-index:2}@media (max-width:767px){.ee-hero{padding-bottom:80px}}.solution-hero a,.solution-hero h2,.solution-hero h4,.solution-hero p{position:relative;z-index:2}.solution-hero::after{background-size:cover;position:absolute;z-index:1;content:'';display:block}.solution-hero--cross-platform::after{background:url(/proxy/123456/web.archive.org/web/20200611153525im_/https://ionicframework.com/img/solutions/bg-cross-platform-header.svg);width:850px;height:431px;right:calc(50% - 796px);top:138px}.solution-hero--design-system::after{background:url(/proxy/123456/web.archive.org/web/20200611153525im_/https://ionicframework.com/img/solutions/design-systems-banner.svg);width:755px;height:593px;right:-72px;top:74px}.solution-hero--pwa::after{background:url(/proxy/123456/web.archive.org/web/20200611153525im_/https://ionicframework.com/img/enterprise/pwa.png);width:513px;height:520px;background-size:513px 520px;right:50px;top:74px}.right .solution-hero--design-system::after{right:auto;left:-72px}main{letter-spacing:-.028em;color:#2f3a48}main h2{font-size:40px;line-height:50px;letter-spacing:-.03em;color:#020814;margin-bottom:15px}main h3{color:#414d5c;font-weight:600;margin-bottom:4px}main h3+h2{margin-top:0}main p{font-size:20px;line-height:31px;margin-bottom:40px}main ul{padding-left:0}main li{font-size:16px;line-height:23px;color:#1a232f;margin-bottom:32px;position:relative;list-style:none;padding-left:30px;letter-spacing:-.016em}main li::before{content:url('data:image/svg+xml,\a         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\a           <path d="M186.301 339.893L96 249.461l-32 30.507L186.301 402 448 140.506 416 110z"/>\a         </svg>');position:absolute;left:0;top:1px;height:15px;width:15px;fill:#1a232f;display:block}main section{display:-ms-flexbox;display:flex;position:relative}main section.container::after,main section.container::before{display:none}main section.right{-ms-flex-direction:row-reverse;flex-direction:row-reverse}main section.center{-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}main section.center .content{max-width:798px;text-align:center}main section.center .content ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:991px){main section.center .content ul{-ms-flex-pack:start;justify-content:flex-start}}main section.center .content li{max-width:376px;width:100%}main .content{max-width:482px;margin:232px 0 184px}@media (max-width:991px){main .content{max-width:100%;margin:60px auto}}main aside{background:#f6f8fb;padding-top:114px;padding-bottom:120px}main aside p{color:#414d5c}main aside .content{max-width:432px;margin:0 auto;text-align:center;display:block}main .get-started{max-width:700px}main .cards{display:-ms-flexbox;display:flex;text-align:left;-ms-flex-pack:center;justify-content:center;margin-top:38px}main .cards .card{background:#7cabff;border-radius:8px;padding:40px 40px 34px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin-right:24px;-ms-flex:0 1 460px;flex:0 1 460px;border-radius:8px}main .cards .card:last-child{margin-right:0}main .cards .card:nth-child(2){background:#f88d8d}main .cards .card:nth-child(2) .btn{background:rgba(244,84,84,.5)}main .cards h3{font-size:24px;line-height:normal;letter-spacing:-.02em;color:#fff;margin-top:0}main .cards p{font-size:18px;line-height:26px;letter-spacing:-.02em;color:rgba(255,255,255,.7)}main .cards .btn{margin-top:auto;font-size:14px;line-height:22px;letter-spacing:.09em;text-transform:uppercase;padding:10px 14px;font-weight:600;border-radius:8px;background:rgba(56,128,255,.5)}main .cards .btn ion-icon{display:inline-block;height:14px;width:14px;vertical-align:-2px}@media (max-width:767px){main .cards{-ms-flex-direction:column;flex-direction:column}main .cards .card{-ms-flex:auto;flex:auto;margin-right:0;margin-top:20px}}.resources{margin-top:96px}.cta{position:relative;min-height:760px;max-width:100%;overflow:hidden}.cta hgroup{max-width:446px;position:relative;z-index:1}.cta hgroup svg{display:inline-block;vertical-align:-50%}.cta hgroup h3{color:#00ceab;font-style:normal;font-weight:600;font-size:24px;line-height:36px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:48px;font-family:Inter,"Inter UI",Helvetica,Arial,sans-serif}.cta hgroup h3 svg{margin-right:10px;vertical-align:-24px}.cta hgroup h1{font-size:48px;line-height:1.2em;letter-spacing:-.03em}.cta hgroup p{font-size:24px;line-height:36px;letter-spacing:-.04em}.cta .graphics,.spinner{position:absolute;right:0;top:90px}.spinner{-webkit-animation:spin 200s linear infinite;animation:spin 200s linear infinite}@media (max-width:767px){.spinner{opacity:.3}}#overview li::before{display:none}#header-graphic{opacity:0;-webkit-animation:spin-in 2s cubic-bezier(0,1,.59,.95) .5s forwards;animation:spin-in 2s cubic-bezier(0,1,.59,.95) .5s forwards}main section{margin-top:128px;margin-bottom:128px}main section h2,main section h3{color:#020814;letter-spacing:-.03em}main section h3{margin-bottom:18px}main section h4,main section strong{color:#1a232f;letter-spacing:-.04em}main section p{letter-spacing:-.02em;color:#2f3a48}main section.center hgroup{max-width:784px;margin-right:auto;margin-left:auto;text-align:center}main section.left .container,main section.left.container,main section.pair .container,main section.pair.container,main section.right .container,main section.right.container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}main section.left .container hgroup,main section.left.container hgroup,main section.pair .container hgroup,main section.pair.container hgroup,main section.right .container hgroup,main section.right.container hgroup{max-width:450px}@media (max-width:1103px){main section.left .container hgroup,main section.left.container hgroup,main section.pair .container hgroup,main section.pair.container hgroup,main section.right .container hgroup,main section.right.container hgroup{max-width:360px}}@media (max-width:991px){main section.left .container hgroup,main section.left.container hgroup,main section.pair .container hgroup,main section.pair.container hgroup,main section.right .container hgroup,main section.right.container hgroup{max-width:100%}}main section.left .container::after,main section.left .container::before,main section.left.container::after,main section.left.container::before,main section.pair .container::after,main section.pair .container::before,main section.pair.container::after,main section.pair.container::before,main section.right .container::after,main section.right .container::before,main section.right.container::after,main section.right.container::before{display:none}main section.right .container,main section.right.container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}main section.pair{-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:start;align-items:flex-start}main section.pair .card{max-width:380px;-ms-flex:1;flex:1;margin-bottom:32px}@media (max-width:767px){main section.pair{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}main section.pair .card{max-width:100%}}main section hgroup svg{margin-bottom:4px;margin-left:3px}main section hgroup h2{font-size:48px;line-height:60px;letter-spacing:-.03em}main section hgroup h3{font-size:40px;line-height:50px}main section hgroup p{font-size:20px;line-height:31px}main section .items{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;list-style:none;padding:0}main section .items li{padding:64px 15px 0;-ms-flex:0 calc(33% - 20px);flex:0 calc(33% - 20px)}@media (max-width:767px){main section .items li{-ms-flex:0 100%;flex:0 100%;padding-top:0}}main section .items svg{margin-bottom:8px}main section .items h4{font-size:20px;line-height:22px}main section .items p{font-size:16px;line-height:27px;color:#616e7e}main section .features{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;list-style:none;padding:0;margin-top:72px}main section .features li{padding:0 15px 0 34px;-ms-flex:0 1 350px;flex:0 1 350px;min-width:256px;margin-bottom:36px;position:relative}main section .features li::before{content:url('data:image/svg+xml,\a           <svg viewBox="0 0 14 11" xmlns="http://www.w3.org/2000/svg">\a             <path d="M4.45889 8.66035L1.16667 5.25367L0 6.4029L4.45889 11L14 1.1492L12.8333 0L4.45889 8.66035Z"/>\a           </svg>');fill:#1a232f;display:block;width:13px;height:10px;position:absolute;left:6px;top:2px}main section .features strong{font-size:16px;line-height:23px;font-weight:600}main section .features p{font-size:14px;line-height:22px}@media (max-width:991px){main section .graphics{margin:0 auto;max-width:100%;height:auto}}main aside{background:#f6f8fb;margin-top:-60px;padding-top:200px;padding-bottom:120px}main aside h4{color:rgba(2,8,20,.8)}#features hgroup{max-width:700px}#features h4{font-family:"SF Mono","Roboto Mono",Menlo,monospace;font-style:normal;font-weight:700;font-size:14px;line-height:26px;letter-spacing:.14em;text-transform:uppercase;color:#92a1b3}#features h3{font-size:24px;line-height:34px;letter-spacing:-.02em;color:#020814}#page-react{background:#fff}#page-react img{height:auto}@media (max-width:480px){#page-react main section{margin-top:64px;margin-bottom:64px}}#page-react .grid{display:grid}#page-react .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}#page-react .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}#page-react .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}#page-react .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}#page-react h1,#page-react h2,#page-react h3,#page-react h4,#page-react h5,#page-react strong{color:#111;font-weight:600}@media (max-width:991px){#page-react h1,#page-react h2,#page-react h3,#page-react h4,#page-react h5,#page-react strong{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}#page-react code{background:#dff8fe;color:#4991ff;border-radius:4px}#page-react twitter-widget{float:left}#page-react .logo{width:128px}#page-react react-components{height:566px;width:100%;max-width:500px;margin:auto}#page-react header{position:relative;background-color:#131a23;color:#fff;background-image:url(/proxy/123456/web.archive.org/web/20200611153525im_/https://ionicframework.com/img/react/react-cta-bg.png);background-repeat:no-repeat;background-size:75%;background-position:center bottom}#page-react header .back-button{position:absolute;top:20px;left:20px;display:block;font-size:10px;font-weight:500;background-color:#313c4a;border-radius:16px;padding:6px 8px;text-transform:uppercase;cursor:pointer;text-decoration:none;color:#fff}#page-react header .back-button ion-icon{vertical-align:middle}#page-react header h1{color:#fff;font-size:48px;line-height:110%}@media (max-width:768px){#page-react header h1{font-size:48px}}@media (max-width:480px){#page-react header h1{font-size:24px}}#page-react header .container{max-width:654px;text-align:center;padding:88px 0}#page-react header .logo{height:72px;width:72px}#page-react header p{max-width:620px;margin:0 auto}#page-react header a.btn{padding-top:18px;padding-bottom:18px;margin-top:24px;font-size:15px;text-transform:uppercase;font-weight:700}#page-react header a.btn.get-started{background-color:#29adff;border-radius:10px}#page-react header a.btn.live-demo{background-color:#414d5c;border-radius:10px}@media (max-width:480px){#page-react header a.btn.live-demo{display:none}}#page-react header a.btn.live-demo-mobile{display:none}@media (max-width:480px){#page-react header a.btn.live-demo-mobile{display:inline-block}}#page-react header .keep-reading{margin-top:32px;font-size:14px;display:block;color:rgba(255,255,255,.5);transition:.2s color;text-decoration:none}#page-react header .keep-reading ion-icon{display:block;font-size:26px;height:26px;text-align:center;margin:0 auto;transition:.2s transform ease-out}#page-react header .keep-reading:hover{color:rgba(255,255,255,.7)}#page-react header .keep-reading:hover ion-icon{-webkit-transform:translateY(4px);transform:translateY(4px)}#page-react .hero img{width:calc(100% + 256px);margin-left:-128px}@media (max-width:1200px){#page-react .hero img{width:calc(100% + 128px);margin-left:-64px}}@media (max-width:991px){#page-react .hero img{width:calc(100% + 64px);margin-left:-32px}}#page-react h1{font-size:64px;line-height:70px;letter-spacing:-.04em}#page-react h2{letter-spacing:-.03em;font-weight:600;font-size:40px;line-height:110%}#page-react h3{font-size:32px;letter-spacing:-.03em}#page-react h4{font-size:20px;line-height:28px;letter-spacing:-.02em}#page-react li,#page-react p{color:rgba(47,58,72,.9);font-size:16px;line-height:29px;letter-spacing:-.01em}#page-react hgroup h2{font-size:40px;letter-spacing:-.03em;line-height:110%;font-weight:600}#page-react hgroup p{color:#2f3a48;font-size:20px;line-height:150%;letter-spacing:-.03em;margin-top:32px;margin-bottom:16px}#page-react hgroup ul{margin:0;padding:0}#page-react hgroup li{display:-ms-flexbox;display:flex;cursor:pointer;font-size:22px;color:#1a232f;margin:0;padding:0;list-style:none}#page-react hgroup li:before{display:none}#page-react hgroup li .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:28px;margin-right:16px;margin-top:0;background-position:0 50%;background-size:28px 24px;background-repeat:no-repeat}#page-react hgroup li .icon.cards{background-image:url(/proxy/123456/web.archive.org/web/20200611153525im_/https://ionicframework.com/img/react/card-icon.svg)}#page-react hgroup li .icon.lists{background-image:url(/proxy/123456/web.archive.org/web/20200611153525im_/https://ionicframework.com/img/react/list-icon.svg)}#page-react hgroup li .icon.action-sheet{background-image:url(/proxy/123456/web.archive.org/web/20200611153525im_/https://ionicframework.com/img/react/action-sheet-icon.svg)}#page-react hgroup li .title{padding:16px 0;border-bottom:2px solid #e6e6e8;-ms-flex:1;flex:1}#page-react hgroup li.selected{color:#009dff}#page-react hgroup li.selected .icon svg *{stroke:#009dff}#page-react hgroup li.selected .title{border-bottom:2px solid #009dff}#page-react hgroup .more{display:block;font-size:24px;line-height:40px;margin-top:16px;margin-left:42px}#page-react hgroup .more ion-icon{vertical-align:middle}#page-react hgroup .more p{font-size:18px;line-height:24px;margin-bottom:10px}#page-react img{-o-object-fit:contain;object-fit:contain}#page-react li{color:#e9edf3}#page-react .features{grid-gap:50px}@media (max-width:768px){#page-react .features{grid-template-columns:1fr;grid-gap:24px}#page-react .features p{margin-bottom:16px}}#page-react .feature .image{height:56px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:28px}#page-react .feature h3{font-size:20px;letter-spacing:-.03em;font-weight:600}#page-react .feature p{font-size:16px;line-height:180%;letter-spacing:-.02em}#page-react .feature h3 a{color:#020814;font-size:20px;font-weight:600px}#page-react .feature img{width:100%;max-width:308px}#page-react #components{margin-bottom:24px}@media (max-width:768px){#page-react #components{grid-template-columns:1fr}}@media (max-width:991px){#page-react #native react-capacitor{display:none}#page-react #native ul{display:none}}#page-react #native react-capacitor{height:100%;-ms-flex:1;flex:1;margin-right:64px}#page-react #native .content{margin-top:100px}#page-react #native .graphics{margin-top:-16px;margin-right:-68px;position:relative}#page-react #native .graphics>img{position:absolute;top:-115px;left:calc(50% - 207px);height:761px;width:499px;z-index:-1}#page-react #native .graphics home-native{position:relative}@media (max-width:991px){#page-react #native{-ms-flex-direction:column;flex-direction:column}#page-react #native .graphics{margin-top:64px;margin-right:auto;max-width:100%}}#page-react #enterprise .graphics img{max-width:468px;width:100%}#page-react #enterprise .btn{background-color:#193857}@media (max-width:768px){#page-react #enterprise .graphics{display:none}#page-react #enterprise .btn{display:block;margin:auto}}#page-react #start{background:#44b7ff;border-radius:16px;padding:64px;margin-bottom:64px;color:#fff;grid-template-columns:2fr 3fr}#page-react #start h2{margin-top:0;font-size:32px}#page-react #start p{font-size:16px;margin-bottom:0}#page-react #start code,#page-react #start h2,#page-react #start p,#page-react #start pre{color:#fff}#page-react #start:before{display:none}#page-react #start pre{background-color:#0071b8;color:#fff;border:none;border-radius:8px;text-align:left;font-size:16px;margin-left:56px}#page-react #start code{background:0 0;color:#fff}#page-react #start code .hljs-tag{color:#fff}#page-react #start code .hljs-keyword{color:#fff}@media (max-width:768px){#page-react #start{grid-template-columns:1fr;padding:32px;margin:16px}#page-react #start h2{font-size:24px}#page-react #start p{font-size:14px;line-height:18px}#page-react #start pre{margin-left:0;margin-top:24px;font-size:12px}}#page-react #demo-info h2{margin-bottom:48px}#page-react #demo-info p{font-size:20px;line-height:150%}#page-react #demo-info i,#page-react #samples i{color:#73849a}#page-react #demo-info p,#page-react #samples p{margin:20px 0}#page-react #demo-info .try-it,#page-react #samples .try-it{font-weight:700}#page-react #demo-info .try-it ion-icon,#page-react #samples .try-it ion-icon{vertical-align:middle}@media (max-width:768px){#page-react #demo-info .grid.grid-cols-2,#page-react #samples .grid.grid-cols-2{grid-template-columns:1fr}}#page-react #samples p{height:105px}#page-react #demo{width:100%}#page-react #demo #demo-frame{height:750px;width:100%;border:none}@media (max-width:480px){#page-react #demo #demo-frame{display:none}}#page-react #demo #demo-mobile{display:none;text-align:center;margin:36px auto}@media (max-width:480px){#page-react #demo #demo-mobile{display:block}}#page-react #vs-react-native hgroup p{margin-bottom:64px}#page-react #vs-react-native .feature h3{height:48px}@media (max-width:480px){#page-react #vs-react-native{text-align:left}#page-react #vs-react-native .features{grid-gap:24px}#page-react #vs-react-native .feature p{height:auto;margin-bottom:16px}}#page-react #accolades{margin-top:48px;margin-bottom:96px}#page-react #accolades .tweets{display:grid;grid-template-columns:1fr 1fr;-webkit-column-gap:64px;-moz-column-gap:64px;column-gap:64px}@media (max-width:768px){#page-react #accolades .tweets{grid-template-columns:1fr;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px}}#page-react #accolades .tweets .tweet-share{display:grid;grid-template-columns:auto auto;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;background:#f6f8fb;border-radius:4px;color:#2f3a48;padding:32px;height:96px}#page-react #accolades .tweets .tweet-share h4{margin:0}#page-react #accolades .tweets .tweet-share a{color:#009dff}#page-react #accolades .tweets .tweet{background:#f6f8fb;border-radius:4px;color:#2f3a48;padding:32px;margin-bottom:56px}#page-react #accolades .tweets .tweet .tweet-author{display:grid;grid-template-columns:56px 1fr 16px}#page-react #accolades .tweets .tweet .tweet-author-avatar{width:40px;height:40px;border-radius:40px;background-color:gray}#page-react #accolades .tweets .tweet .tweet-author-avatar img{width:40px;height:40px;border-radius:40px}#page-react #accolades .tweets .tweet .tweet-author-info{font-weight:500;font-size:16px;line-height:160%;letter-spacing:-.02em}#page-react #accolades .tweets .tweet .tweet-author-info a{color:#020814;text-decoration:none}#page-react #accolades .tweets .tweet .tweet-author-info h3{margin-top:0;margin-bottom:0;font-weight:500;font-size:16px;line-height:160%;letter-spacing:-.02em;color:#020814}#page-react #accolades .tweets .tweet .tweet-author-info h5{margin-top:0;font-size:12px;line-height:160%;letter-spacing:-.02em;color:#414d5c}#page-react #accolades .tweets .tweet .tweet-author-username{font-size:12px;line-height:160%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;letter-spacing:-.02em;color:#414d5c}#page-react #accolades .tweets .tweet .tweet-content{margin-top:24px;margin-bottom:28px}#page-react #accolades .tweets .tweet .tweet-footer{display:grid;grid-template-columns:auto auto;-ms-flex-pack:justify;justify-content:space-between;letter-spacing:.08em;font-size:10px;color:#616e7e}#page-react #accolades .tweets .tweet .tweet-footer .tweet-date{text-transform:uppercase}#page-react #accolades .tweets .tweet .tweet-footer .tweet-view{text-transform:uppercase}#page-react #accolades .tweets .tweet .tweet-footer .tweet-view a{text-decoration:none;color:#616e7e}@media (max-width:767px){body{padding-top:0}}
/*
     FILE ARCHIVED ON 15:35:25 Jun 11, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 21:41:17 Apr 02, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.692
  exclusion.robots: 0.062
  exclusion.robots.policy: 0.051
  esindex: 0.009
  cdx.remote: 134.306
  LoadShardBlock: 296.006 (3)
  PetaboxLoader3.datanode: 106.757 (4)
  load_resource: 490.392
  PetaboxLoader3.resolve: 401.358
*/