.sinatra-demo-preview-on body{overflow:hidden}.theme-install-overlay .wp-full-overlay-sidebar .wp-full-overlay-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.theme-install-overlay .wp-full-overlay-sidebar .wp-full-overlay-header .si-btn{margin:7px 12px 7px auto;float:none}@keyframes bang{to{box-shadow:-244px -354.6666666667px #3857f1,-40px -207.6666666667px #f7b40d,-43px -29.6666666667px #e04b44,115px -211.6666666667px #8d66d8,55px -243.6666666667px #87f138,-59px -112.6666666667px #66717f,-32px -183.6666666667px #9f0,27px -289.6666666667px #bf0,-237px -191.6666666667px #ff0048,-205px -360.6666666667px #00d5ff,131px -53.6666666667px #00c8ff,-53px -74.6666666667px #7f0,137px 56.3333333333px #00b7ff,151px -102.6666666667px #006fff,91px 33.3333333333px #0f6,-152px -392.6666666667px #ff00f7,-121px -79.6666666667px #ff0059,-57px 60.3333333333px #f06,141px 41.3333333333px #ff006f,-116px -114.6666666667px #00c8ff,-41px -163.6666666667px #d000ff,115px 50.3333333333px #3700ff,-225px -391.6666666667px #ff006a,-188px -286.6666666667px #95ff00,84px -93.6666666667px #ef0,210px -262.6666666667px #51ff00,-214px 11.3333333333px #6f00ff,-184px -143.6666666667px #1e00ff,171px -16.6666666667px #f0d,-28px -284.6666666667px #ff001a,-14px -249.6666666667px #001eff,-146px -197.6666666667px #40ff00,-173px -137.6666666667px cyan,170px 25.3333333333px #0037ff,-222px -293.6666666667px #30f,-78px 48.3333333333px #62ff00,-6px -319.6666666667px #00ff09,216px -207.6666666667px #00ff9d,-5px 83.3333333333px #1a00ff,-1px -57.6666666667px #c4ff00,-238px -346.6666666667px #2bff00,44px -43.6666666667px #9500ff,120px -320.6666666667px #a0f,-42px -258.6666666667px #e100ff,195px -331.6666666667px #d9ff00,-141px -268.6666666667px #ff0d00,-242px -353.6666666667px #48ff00,-201px -90.6666666667px #ffd000,245px -51.6666666667px #ff7b00,-205px 4.3333333333px #00ff80,76px -245.6666666667px #0cf}}@keyframes gravity{to{transform:translateY(200px);opacity:0}}.footer-import-button-wrap{position:relative;border-bottom:1px solid #ddd;padding:20px}.footer-import-button-wrap .si-btn{z-index:2}.footer-import-button-wrap .si-btn:after,.footer-import-button-wrap .si-btn:before{content:"";display:block;position:absolute;width:7px;height:7px;border-radius:50%;margin-top:20%;pointer-events:none;box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}.footer-import-button-wrap .si-btn:after{animation-delay:1.5s,1.5s;margin-top:30%;left:0}.footer-import-button-wrap .si-btn.animate:after,.footer-import-button-wrap .si-btn.animate:before{animation:1s bang ease-out 1 backwards,1s gravity ease-in 1 backwards}.footer-import-button-wrap .status{max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-import-button-wrap #si-progress-bar{z-index:1;position:relative;overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0;display:none}.footer-import-button-wrap #si-progress-bar>div{background-color:#d9dde2;position:absolute;top:0;left:0;bottom:0;background-image:linear-gradient(-45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:35px 35px;animation:si-progress 1.5s linear infinite;transition:width .2s ease-in-out}.theme-install-overlay{color:#444}.theme-install-overlay .wp-full-overlay-sidebar-content{background:none}.theme-install-overlay .spinner.si-spinner{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cg transform='translate(50 50)'%3E%3Ccircle r='50' fill='rgba(255, 255, 255, 0.1)'/%3E%3Ccircle fill='%23FFF' cy='-27' r='13' transform='rotate(86.368)'%3E%3CanimateTransform attributeName='transform' type='rotate' calcMode='linear' values='0 0 0;360 0 0' keyTimes='0;1' dur='0.8s' begin='0s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}.si-demo-name{background:#fff;color:#555d66;border-bottom:1px solid #ddd;margin:0 -20px 20px;padding:12px 20px 15px}.si-demo-name span{font-size:13px;line-height:24px}.si-demo-name h3{font-size:20px;font-weight:200;line-height:26px;margin:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.install-theme-info{padding-top:0;padding-bottom:0}.install-theme-info .site-type{position:absolute;right:12px;background:#f7b421;top:7px;padding:6px 7px;line-height:1;border-radius:2px;color:#fff;font-size:11px;font-weight:600}.install-theme-info .theme-screenshot{border:none;width:100%;display:block;margin:0}.devices-wrapper{position:absolute;bottom:0;right:0}.wp-full-overlay-sidebar .wp-full-overlay-sidebar-content{bottom:129px}body.importing .sinatra-demo-preview .si-btn{pointer-events:none;background:#656a6f!important}body.importing .sinatra-demo-preview .si-btn .spinner{display:inline-block;visibility:visible;margin-top:0;margin-bottom:0;margin-right:7px}body.importing .sinatra-demo-preview .wp-full-overlay-header .spinner{margin:0 0 0 auto}body.importing .sinatra-demo-preview .wp-full-overlay-header .si-btn{margin-left:12px}body.importing .sinatra-demo-preview #si-progress-bar{display:block}body.importing .sinatra-demo-preview .wp-full-overlay-header .spinner{display:block;visibility:visible;opacity:1}.theme-screenshot-wrap{overflow:hidden;max-height:320px;margin:20px 0 15px;border:1px solid #ddd;border-radius:3px}.expanded .wp-full-overlay-footer{border-top:none;height:129px;line-height:1}.expanded .wp-full-overlay-footer .si-btn{position:relative;width:100%}.expanded .wp-full-overlay-footer .si-btn .spinner.si-spinner{position:absolute;left:12px;opacity:1;margin:0}.si-demo-section{margin-bottom:30px}.si-demo-section .si-checkbox{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;cursor:default}.si-demo-section .si-checkbox input[type=checkbox]{position:relative;border:2px solid currentColor;border-radius:2px;background:none;clear:none;cursor:pointer;display:inline-block!important;line-height:0;margin:1px 0 0;outline:0;padding:0!important;text-align:center;vertical-align:text-top;height:20px;width:20px;min-width:20px;opacity:.5;transition:all .26s cubic-bezier(.25,.8,.25,1);box-shadow:none}.si-demo-section .si-checkbox input[type=checkbox]:before{position:absolute;margin:0;content:"";opacity:0;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);z-index:2;transition:all .26s cubic-bezier(.25,.8,.25,1);box-sizing:border-box}.si-demo-section .si-checkbox input[type=checkbox]:disabled:not(:checked){border-color:currentColor!important;opacity:.65!important;pointer-events:none}.si-demo-section .si-checkbox input[type=checkbox]:disabled:not(:checked)+.si-label{opacity:.65;pointer-events:none}.si-demo-section .si-checkbox input[type=checkbox]:checked{border-color:#3857f1;background-color:#3857f1;opacity:1}.si-demo-section .si-checkbox input[type=checkbox]:checked:before{opacity:1;transform:rotate(45deg) scale(1)}.si-demo-section .si-checkbox input[type=checkbox]:checked:disabled{opacity:.65;pointer-events:none;border-color:#3857f1}.si-demo-section .si-checkbox input[type=checkbox]:checked:disabled+.si-label{pointer-events:none}.si-demo-section .si-checkbox .si-label{cursor:pointer;padding-left:11px}.si-demo-section .si-checkbox:hover input[type=checkbox]{border-color:#3857f1;opacity:1}.si-tooltip{position:relative;margin-left:3px;cursor:help}.si-tooltip .dashicons{position:relative;top:1px}.si-tooltip:after{display:none;position:absolute;background-color:#1d2329;top:-5px;left:50%;font-weight:400;-webkit-font-smoothing:antialiased;width:auto;line-height:1.5;text-align:center;transform:translateX(-50%) translateY(-100%);padding:8px 12px;width:200px;border-radius:2px;font-size:12px;color:hsla(0,0%,100%,.9);content:attr(data-tooltip);z-index:2;font-style:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Arial,Helvetica Neue,sans-serif!important}.si-tooltip:hover:after{display:block}.theme-install-overlay .close-full-overlay,.theme-install-overlay .next-theme,.theme-install-overlay .previous-theme{padding-left:0}.si-demo-section-title{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:#fff;color:#555d66;margin:20px -20px 15px;padding:14px 20px;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.control-heading{margin-right:auto;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:500}.si-demo-section-title:hover .control-toggle label:before,.si-demo-section-title input[type=checkbox]:checked+label:before{background-color:#f0f0f0;color:#000}.si-demo-section-title input[type=checkbox]:checked+label:before{transform:rotate(180deg)}.si-demo-section-title:hover{cursor:pointer}.theme-description{display:block;font-size:13px;line-height:1.5;margin-bottom:30px}.theme-description p{margin:1em 0}.theme-description p:last-child{margin-bottom:0}em.theme-description{margin-top:30px}em.active{color:#0daf0d}.control-toggle{margin-left:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:50%}.control-toggle input[type=checkbox]{display:none}.control-toggle label{margin-left:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:50%;color:#72777c}.control-toggle label:before{content:"\f140";display:block;padding:1px 2px 1px 0;speak:none;border-radius:50%;color:inherit;font:normal 20px/1 dashicons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none!important}.control-toggle label:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}@keyframes si-progress{0%{background-position:0 0}to{background-position:35px 35px}}.sinatra-demo{cursor:pointer;background-color:#fff;border:1px solid #d6e1e8;border-radius:3px;overflow:hidden}.sinatra-demo .demo-screenshot{position:relative}.sinatra-demo .demo-screenshot img{max-width:100%;display:block;width:100%}.sinatra-demo .demo-screenshot:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(35,40,45,.7);transition:opacity .15s ease;opacity:0;z-index:1}.sinatra-demo .demo-screenshot .text-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;-ms-flex-align:center;align-items:center;justify-content:center;transition:all .1s ease;transform:scale(.6);opacity:0}.sinatra-demo .demo-screenshot .text-overlay svg{stroke:#fff;width:50px;height:50px}.sinatra-demo .demo-screenshot .text-overlay span{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:hsla(0,0%,100%,.75);margin-top:1rem}.sinatra-demo:hover .demo-actions,.sinatra-demo:hover .demo-screenshot:after{opacity:1}.sinatra-demo:hover .text-overlay{transform:scale(1);opacity:1}.sinatra-demo:hover .demo-cat-list{opacity:.2}.sinatra-demo .demo-meta{display:-ms-flexbox;display:flex;position:relative;padding:5px 15px;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;height:58px;background-color:#fff}.sinatra-demo .demo-name .name{display:block;font-size:15px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sinatra-demo .demo-cat-list{display:-ms-flexbox;display:flex;position:absolute;bottom:12px;left:12px;z-index:9;transition:opacity .1s ease}.sinatra-demo .demo-cat-list span{display:inline-block;color:#fff;border-radius:2px;padding:6px 8px;background-color:rgba(0,0,0,.25);font-weight:400;line-height:1;font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-right:4px}.sinatra-demo .demo-actions{background-color:hsla(0,0%,98%,.9);border-left:1px solid #d6e1e8;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;top:0;right:0;bottom:0;padding:0 15px;z-index:1;transition:opacity .15s ease;opacity:0}.sinatra-demo .demo-actions .secondary{margin-left:7px}div.sinatra-section-title{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}div.sinatra-section-title .si-btn{margin-left:12px}.si-demo-section-content.plugin-list .plugin-active em{font-size:12px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;margin-left:6px;font-weight:400;color:#79ba49;font-style:normal}.si-demo-section-content.plugin-list .plugin-active em i{margin-right:3px}.si-demo-section-content.plugin-list .plugin-active .si-label{opacity:.5}.demo-search{margin-left:auto;position:relative}.demo-search svg{position:absolute;z-index:1;top:50%;right:12px;margin-top:-8px;width:16px;height:16px}#sinatra-search-demos{height:31px;border-radius:2px;box-shadow:none;padding:0 31px 0 12px;background:transparent;border-color:#c7d5df}#sinatra-search-demos:focus{border-color:#728191}#wpbody-content .demo-filters{padding:0 16px;margin:24px 0;-ms-flex-wrap:wrap;flex-wrap:wrap;border:1px solid #d6e1e8;border-radius:2px}#wpbody-content .demo-filters,#wpbody-content .demo-filters ul{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#wpbody-content .demo-filters ul{list-style:none;margin:0}#wpbody-content .demo-filters ul li{margin:0 8px}#wpbody-content .demo-filters ul li.selected>a,#wpbody-content .demo-filters ul li.selected>a:hover{color:#3857f1;border-bottom-color:#3857f1}#wpbody-content .demo-filters ul li:first-child{margin-left:0}#wpbody-content .demo-filters ul li a{text-decoration:none;display:block;color:#66717f;padding:12px 0;border-bottom:2px solid transparent;margin-bottom:-1px}#wpbody-content .demo-filters ul li a:focus{box-shadow:none;outline:thin dotted #7f8a99}#wpbody-content .demo-filters ul li a:hover{color:#23282d}#wpbody-content .demo-filters ul li:last-child{margin-right:0}#wpbody-content .demo-filters ul:last-child{margin-left:auto}.demo-notice{text-align:center;font-size:11px;color:#8d98a7;text-transform:uppercase;letter-spacing:.1em;margin:30px 0}