@keyframes ani-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes ani-thrust-line{0%{height:3px}20%{height:15px}100%{height:3px}}.container-fluid,.navbar .container-fluid{max-width:1920px}#wrapper{width:100%;background:#FFFFFF}.documentation-wrapper{max-width:1920px;padding-left:280px;margin:0 auto}@media screen and (max-width: 991px){.documentation-wrapper{padding-left:0}}#documentation{max-width:870px;width:75%;margin:0 auto}@media only screen and (max-width: 480px){#documentation{width:auto;margin:0 20px}}.image{margin-top:20px;margin-bottom:40px}.image img{margin:0 auto;display:block;width:100%}.navbar{margin-bottom:0}.navigation{list-style:none;margin:0;padding:0;background:#FFF}.navigation ul{list-style:none;padding:0;margin:0}.navigation ul li a{padding-left:40px}.navigation li{font-size:14px}.navigation li.primary>a{height:48px;line-height:48px;font-size:15px;font-weight:700}.navigation li .active:not(.menu-group-title){background-color:rgba(0,170,223,0.08)}.navigation li a{height:40px;width:100%;display:inline-block;line-height:40px;vertical-align:middle;color:#444f6c;text-decoration:none;padding-left:24px;font-size:14px;transition:all .2s linear 0s}.navigation li a:hover,.navigation li a:active,.navigation li a:focus{background-color:rgba(0,170,223,0.16)}.navigation.level-1>li>a{font-size:15px;font-weight:700;height:48px;line-height:48px}.navigation .sidelink a{font-weight:500 !important;font-size:14px !important;height:40px !important;line-height:40px !important}.navigation .button-signup{color:#00aadf;font-weight:700;font-size:15px}.navigation .menu-button-signup{padding:15px 0;border-top:1px solid #DDD;border-bottom:1px solid #DDD;margin:15px 0 !important}#pager-wrapper{max-width:1440px;margin:80px auto 0}#pager-wrapper .pager{background:#FFFFFF;margin:0 0 0 280px}@media only screen and (max-width: 992px){#pager-wrapper .pager{margin-left:0}}#pager-wrapper .pager a{width:50%;border:none;border-radius:0;height:88px;padding-top:31px}@media only screen and (max-width: 640px){#pager-wrapper .pager a{height:72px;padding-top:28px;line-height:normal}}#pager-wrapper .pager .previous a{background-color:rgba(0,170,223,0.08);color:#00aadf;transition:background 0.2s linear}#pager-wrapper .pager .previous a:hover{background-color:rgba(0,170,223,0.14)}#pager-wrapper .pager .previous a::before{content:" ";display:inline-block;width:13px;height:13px;margin-right:24px;background:url(/img/icon-arrow-left.svg) center center no-repeat;vertical-align:middle;margin-bottom:1px}@media only screen and (max-width: 640px){#pager-wrapper .pager .previous a{color:transparent;width:72px !important;overflow:hidden}}#pager-wrapper .pager .next a{background-color:#00aadf;color:#fff;transition:background 0.2s linear}#pager-wrapper .pager .next a:hover{background-color:#00bef7}#pager-wrapper .pager .next a::after{content:" ";display:inline-block;background:url(/img/icon-arrow-right.svg) center center no-repeat;width:15px;height:13px;vertical-align:middle}@media only screen and (max-width: 640px){#pager-wrapper .pager .next a::after{height:72px;line-height:72px;background-size:15px 13px;vertical-align:middle;margin-left:-24px}}#pager-wrapper .pager .next a span{display:inline-block;vertical-align:middle;margin-right:24px}@media only screen and (max-width: 640px){#pager-wrapper .pager .next a span{margin-right:36px}}@media only screen and (max-width: 640px){#pager-wrapper .pager .next a{width:calc(100% - 72px);padding:0 10px 0 0}}@media only screen and (max-width: 640px){#pager-wrapper .pager .previous{overflow:hidden;width:72px !important}}#pager-wrapper .pager img{position:relative;width:13px;height:13px;bottom:1px}#pager-wrapper .pager .docs-pager-icon-left{right:24px}#pager-wrapper .pager .docs-pager-icon-right{left:24px}#pager-wrapper .pager .inactive{background-color:rgba(0,170,223,0.08);float:left;width:50%;height:88px;padding-top:32px}#pager-wrapper .pager .inactive.next{background-color:#00aadf}@media only screen and (max-width: 640px){#pager-wrapper .pager .inactive.next{width:calc(100% - 72px)}}#pager-wrapper .pager .inactive a{display:none}@media only screen and (max-width: 640px){#pager-wrapper .pager .inactive{height:72px}}.footer{position:fixed;bottom:0;width:100%;z-index:-1}@media only screen and (max-width: 640px){.footer{position:static}}.footer .signup{text-align:center;background-color:#2E3854;padding:0 24px}.footer .signup .signup-title{font-size:45px;line-height:60px;color:#fff;font-weight:100;text-align:center;padding-top:80px;margin-bottom:15px}@media only screen and (max-width: 480px){.footer .signup .signup-title{font-size:36px;line-height:46px;max-width:240px;margin:0 auto 15px;padding-top:60px}}.footer .signup .signup-description{color:#A3A7B3;line-height:30px;max-width:570px;margin:0 auto 32px}@media only screen and (max-width: 480px){.footer .signup .signup-description{width:100%;margin-bottom:30px}}.footer .signup .signup-email{width:370px;height:56px;border-radius:4px;background-color:transparent;padding:1px 15px 0;margin-bottom:80px;margin-right:8px;border:1px solid rgba(136,143,161,0.5);color:#FFF;transition:all .2s linear 0s}.footer .signup .signup-email::-webkit-input-placeholder{color:#BDC0CB}.footer .signup .signup-email::-moz-placeholder{color:#BDC0CB;opacity:1}.footer .signup .signup-email:-ms-input-placeholder{color:#BDC0CB}.footer .signup .signup-email:-moz-placeholder{color:#BDC0CB;opacity:1}.footer .signup .signup-email:focus{color:#FFF;border-color:rgba(136,143,161,0.85);background:none}@media only screen and (max-width: 640px){.footer .signup .signup-email{margin-bottom:12px;margin-left:auto;margin-right:auto;width:100%;max-width:280px;display:block}}.footer .signup .signup-button{width:188px;height:56px;border:1px solid #fff;border-radius:4px;background-color:#fff;text-transform:uppercase;margin-bottom:40px;font-weight:bold;font-size:14px;letter-spacing:1px;padding:1px 0 0;transition:all .2s linear 0s}.footer .signup .signup-button:hover,.footer .signup .signup-button:focus,.footer .signup .signup-button:active{border-color:#00aadf;background-color:#00aadf;color:white}@media only screen and (max-width: 640px){.footer .signup .signup-button{width:100%;max-width:280px;margin-bottom:60px}}.footer .bottom-footer{background-color:#232b40;height:90px;color:#7b7f8c;padding-top:22px}@media only screen and (max-width: 640px){.footer .bottom-footer{height:326px}}.footer .bottom-footer .container-fluid{max-width:1210px}.footer .bottom-footer .footer-logo{background-image:url("../img/shoutem_logo_footer.png");width:85px;height:30px;background-size:100%;background-repeat:no-repeat;opacity:0.4;float:left;margin-top:9px;transition:all .2s linear 0s}@media only screen and (max-width: 640px){.footer .bottom-footer .footer-logo{float:none;display:block;margin-bottom:24px}}@media only screen and (max-width: 640px){.footer .bottom-footer .footer-logo{margin:8px 0 12px}}.footer .bottom-footer .footer-logo:hover,.footer .bottom-footer .footer-logo:active{opacity:1}.footer .bottom-footer .footer-menu{float:right;opacity:1;color:#7b7f8c;list-style:none;margin-top:10px;margin-left:0;padding-left:0}@media only screen and (max-width: 640px){.footer .bottom-footer .footer-menu{float:none;padding:0}}@media only screen and (max-width: 640px){.footer .bottom-footer .footer-menu{margin-top:0}}.footer .bottom-footer .footer-menu li{float:left}@media only screen and (max-width: 640px){.footer .bottom-footer .footer-menu li{float:none;display:block}}.footer .bottom-footer .footer-menu li.icon-twitter a,.footer .bottom-footer .footer-menu li.icon-github a{background-image:url(/img/icon-twitter.svg);background-repeat:no-repeat;background-size:22px;background-position:center;text-indent:-100px;width:24px;height:24px;overflow:hidden;display:inline-block;margin-left:48px;margin-top:3px;opacity:0.4}.footer .bottom-footer .footer-menu li.icon-twitter a:hover,.footer .bottom-footer .footer-menu li.icon-twitter a:active,.footer .bottom-footer .footer-menu li.icon-github a:hover,.footer .bottom-footer .footer-menu li.icon-github a:active{opacity:1}@media only screen and (max-width: 640px){.footer .bottom-footer .footer-menu li.icon-twitter a,.footer .bottom-footer .footer-menu li.icon-github a{margin-top:0}}@media only screen and (max-width: 640px){.footer .bottom-footer .footer-menu li.icon-twitter a{margin-left:24px}}@media only screen and (max-width: 640px){.footer .bottom-footer .footer-menu li.icon-github:before{content:"Follow";text-transform:uppercase;font-size:13px;letter-spacing:1px;display:block;color:#888fa1;opacity:0.5;margin:23px 0 17px}}.footer .bottom-footer .footer-menu li.icon-github a{background-image:url(/img/icon-github.svg);background-size:20px;margin-left:37px}@media only screen and (max-width: 640px){.footer .bottom-footer .footer-menu li.icon-github a{margin-left:0;float:left}}.footer .bottom-footer .footer-menu a{color:#888fa1;transition:all .2s linear 0s;font-size:14px;padding:10px 11px;margin-left:22px}.footer .bottom-footer .footer-menu a:hover,.footer .bottom-footer .footer-menu a:active{color:white;text-decoration:none}@media only screen and (max-width: 640px){.footer .bottom-footer .footer-menu a{margin-left:0;display:block;padding:5px 0}}@keyframes ani-rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes ani-thrust-line{0%{height:3px}20%{height:15px}100%{height:3px}}.mobile-menu-overlay{position:fixed;visibility:hidden;top:0;right:0;width:100%;height:100%;z-index:1060;transition:visibility 0.5s}@media only screen and (max-width: 992px){.mobile-menu-overlay.open{visibility:visible}.mobile-menu-overlay.open .navigation{transform:translate(0, 0);transform:translate3d(0, 0, 0)}.mobile-menu-overlay.open .close-menu-overlay{opacity:1}}.mobile-menu-overlay .navigation{position:absolute;right:0;padding-top:24px;width:286px;height:100%;overflow:auto;background:#FFF;transform:translate(100%, 0);transform:translate3d(100%, 0, 0);transition:transform .5s}.mobile-menu-overlay .navigation ul li a{padding-left:40px}@media only screen and (max-width: 359px){.mobile-menu-overlay .navigation{width:256px}}.mobile-menu-overlay .close-menu-overlay{position:absolute;height:100%;width:100%;top:0;left:0;background:rgba(68,79,108,0.5);opacity:0;transition:opacity 0.5s}h1{margin-top:70px;margin-bottom:33px}@media only screen and (max-width: 480px){h1{font-size:36px;margin-top:34px}}h2{font-weight:300;margin-top:64px;margin-bottom:16px}@media only screen and (max-width: 480px){h2{font-size:18px;line-height:32px;margin-top:48px;font-weight:500}}@media only screen and (max-width: 480px){h3{font-size:16px;line-height:30px;font-weight:500}}h4{font-size:15px}code{border-radius:2px}h3 code,h4 code{background:inherit;font-weight:inherit;color:inherit;font-size:inherit}.docs-component-image{max-width:100%;margin-bottom:24px}.docs-codeblock-path{color:#888fa1;font-size:15px}pre code.language-shellsession{color:#697289 !important;display:block}pre code.language-shellsession::first-line{color:#343D59}pre code.language-shellsession .dollar-sign{color:#697289}h4[id^=jsx-declaration]{margin-top:-28px}h4[id^=jsx-declaration],h4[id^=style]{margin-bottom:16px}h4[id^=jsx-declaration]+pre,h4[id^=style]+pre{margin-bottom:44px}h4[id^=props]+ul,h4[id^=style]+ul{margin-bottom:44px}code[class*="language-"],pre[class*="language-"]{font-family:SourceCodePro-Medium, Menlo, Monaco, Consolas,"Courier New", monospace;text-shadow:none;color:#444f6c;line-height:24px}:not(pre)>code[class*="language-"],pre[class*="language-"]{background-color:#f3f3f3}pre code{color:#444f6c}pre{font-size:14px;border:none}pre,pre[class*="language-"]{margin-bottom:40px}blockquote p{color:#444f6c;font-size:16px;line-height:28px}blockquote h4+p{margin-top:-16px}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:9px}blockquote{border-left:1px solid #C4C7D0}blockquote h4{margin-top:20px}blockquote p{margin-top:13px}blockquote{font-size:18px;padding:1px 38px}p>a{border-bottom:1px solid rgba(0,170,223,0);transition:border-bottom-color 0.2s linear}p>a:hover{text-decoration:none;border-bottom-color:#00aadf}pre[data-line]{padding-left:1em}.line-highlight{background:#00aadf;opacity:0.2}.line-highlight:before,.line-highlight[data-end]:after{content:""}#documentation{opacity:1;transition:opacity 0.2s}.loading #documentation{opacity:0}.navbar{border-bottom:1px solid #ececec}@media only screen and (max-width: 640px){.navbar{min-height:0;height:72px}}@media (min-width: 768px) and (max-width: 991px){.navbar .navbar-header{width:100%}}.navbar.navbar-default .navbar-toggle{margin-right:20px}@media (min-width: 768px){.navbar.navbar-default .navbar-toggle{margin-right:5px}}.navbar .navbar-brand{padding:31px;margin-top:0;border-right:1px solid #ececec}@media only screen and (max-width: 640px){.navbar .navbar-brand{padding:27px}}.navbar .navbar-brand--logo{background-image:url("../img/icon-shoutem-mark.svg");width:18px;height:18px}@media (min-width: 768px){.navbar .navbar-toggle{display:block}}@media (min-width: 992px){.navbar .navbar-toggle{display:none}}@media only screen and (max-width: 640px){.navbar .navbar-toggle{margin-top:12px}}@media (min-width: 768px){.navbar-collapse.collapse{display:none !important}}@media (min-width: 992px){.navbar-collapse.collapse{display:block !important}}#documentationTab{display:none}#sidebar-wrapper{position:fixed;left:0;bottom:0;height:calc(100% - 81px);width:280px;border-right:1px solid #ececec;overflow:auto;padding:28px 0;background:#FFF;z-index:1070}@media screen and (min-width: 1921px){#sidebar-wrapper{left:calc(50% - 950px)}}@media screen and (max-width: 991px){#sidebar-wrapper{left:auto !important;right:0;transform:translate(100%, 0);transform:translate3d(100%, 0, 0);transition:transform 0.5s, visibility 0.5s;height:100%;visibility:hidden;padding:0}#sidebar-wrapper.open{transform:translate(0, 0);transform:translate3d(0, 0, 0);visibility:visible}}#sidebar-wrapper .home-link{padding:16px 0;border-bottom:1px solid #DDD;margin:0 0 15px}@media only screen and (max-width: 640px){#sidebar-wrapper .home-link{padding:11px 0 12px}}#sidebar-wrapper a{padding-left:48px}#sidebar-wrapper ul ul a{padding-left:56px}#sidebar-wrapper ul ul ul a{padding-left:68px}#sidebar-wrapper .btn-primary{display:none}.menu-group-wrapper{display:none}.menu-group-wrapper.open{display:block}#signup{display:none}#signup-modal{position:fixed;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;background-color:rgba(68,79,108,0.5);z-index:1080;transition:opacity 0.35s, visibility 0.35s}#signup-modal.open{opacity:1;visibility:visible}#signup-modal .content{position:absolute;top:50%;left:50%;width:648px;height:auto;max-width:calc(100% - 48px);max-height:calc(100% - 48px);padding:55px 48px 0;background-color:#FFF;overflow:hidden;box-shadow:0 5px 10px 0 rgba(0,0,0,0.2);border-radius:2px;transform:scale3d(0.95, 0.95, 0.95) translate3d(-50%, -50%, 0);transform-origin:left;transition:transform 0.35s}@media only screen and (max-width: 480px){#signup-modal .content{max-width:calc(100% - 40px);max-height:calc(100% - 40px);padding:35px 20px 0}}#signup-modal.open .content{transform:scale3d(1, 1, 1) translate3d(-50%, -50%, 0)}#signup-modal .signup-title{font-size:24px;font-weight:300}#signup-modal .signup-description{font-weight:500;font-size:14px;line-height:24px;color:#7b8397;margin:20px 0 0 0}#signup-modal .signup-email{height:48px;background-color:rgba(228,230,233,0.4);box-shadow:inset 0 -1px 0 0 rgba(68,79,108,0.3);border:none;border-radius:0;color:#444f6c;font-weight:500}#signup-modal .signup-email:focus{box-shadow:inset 0 -2px 0 0 #00aadf}#signup-modal .signup-email::-webkit-input-placeholder{color:#444f6c}#signup-modal .signup-email::-moz-placeholder{color:#444f6c;opacity:1}#signup-modal .signup-email:-ms-input-placeholder{color:#444f6c}#signup-modal .signup-email:-moz-placeholder{color:#444f6c;opacity:1}#signup-modal label{font-size:13px;color:#888fa1;font-weight:500;line-height:1;margin:25px 0 0}#signup-modal .control-buttons{padding:16px 48px;margin:56px -48px 0;background-color:#f6f7f8;text-align:right}@media only screen and (max-width: 480px){#signup-modal .control-buttons{margin-top:32px}}#signup-modal .signup-button,#signup-modal .cancel-button{width:120px;height:40px;line-height:38px;border:1px solid #fff;border-radius:4px;color:#FFF;background-color:#444f6c;text-transform:uppercase;font-weight:700;font-size:13px;letter-spacing:1px;padding:1px 0 0;transition:all .2s linear 0s}@media only screen and (max-width: 480px){#signup-modal .signup-button,#signup-modal .cancel-button{width:auto;padding:1px 16px 0}}#signup-modal .signup-button:hover,#signup-modal .signup-button:focus,#signup-modal .signup-button:active{background-color:#4a5b85}#signup-modal .cancel-button{color:#444f6c;background-color:rgba(68,79,108,0.2);margin-right:10px}#signup-modal .cancel-button:hover,#signup-modal .cancel-button:focus,#signup-modal .cancel-button:active{background-color:rgba(68,79,108,0.3);outline:none}.video-screen{width:100%;background-color:#EEE;padding:40px;border-radius:4px;margin-bottom:40px}.video-screen video{display:block;width:280px;margin:0 auto}