.demo-hidden{display:none}.demo-navbar{display:flex;flex-direction:row;align-items:center;align-content:center;height:75px;background-color:#222}.demo-navbar ul{list-style:none;margin:0 auto;display:block;padding:0}.demo-navbar ul li{display:inline;border:1px solid #fff}.demo-navbar ul li a{text-indent:-9999px;font-size:0;margin:0 15px}.demo-navbar ul li a svg{width:60px;height:50px;pointer-events:all;color:#999}.demo-navbar ul li a[data-portsize*="320"] svg{width:14px}.demo-navbar ul li a[data-portsize*="768"] svg{width:20px}.demo-navbar ul li a[data-portsize*="1024"] svg{width:28px}.demo-navbar ul li a[data-portsize*=reset] svg{width:41px}svg .sg-fill{fill:#222;transition:fill .3s}.demo-navbar ul li svg:hover{color:#ccc;transition:color .3s}.demo-navbar ul li .fr-active svg{color:#ccc}body.demo-iframe,body.demo-page{background-color:#f2f2f2!important}.demo-page-iframe{width:100%;display:block}.demo-page-iframe-holder{width:100%;display:block;margin:0 auto;background-color:#ccc;height:auto;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-ms-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out;opacity:0}.demo-page .viewport-switch-holder .ins-select-wrap.buttonise .ins-select-options-wrap{left:unset;right:0}.demo-page .viewport-switch-holder .ins-select-wrap{margin-bottom:0}.viewpr-content-holder{background-color:#d2d4d8}@media screen and (max-width:1023px){.demo-page .viewport-bp{text-align:left}.demo-page .viewport-switch-holder .ins-select-wrap.buttonise .ins-select-options-wrap{left:0}}.iframe-transition-start{opacity:0}@keyframes pulse{0%{opacity:0}100%{opacity:100}}.iframe-transition-end{animation:pulse .5s}