.pxds-demo-selector.pxds-open-with-delay.pxds-position-left .pxds-ds-switcher:after,.pxds-demo-selector.pxds-open-with-delay.pxds-position-right .pxds-ds-switcher:after,.pxds-demo-selector.pxds-open.pxds-position-left .pxds-ds-switcher:after,.pxds-demo-selector.pxds-open.pxds-position-right .pxds-ds-switcher:after{content:'Close'}.pxds-demo-selector{position:fixed;z-index:99999;bottom:0;width:310px;height:100%;max-height:100%;padding:20px 0;text-align:left;-webkit-box-shadow:1px 0 7px rgba(0,0,0,.2);box-shadow:1px 0 7px rgba(0,0,0,.2);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.pxds-demo-selector.pxds-open-with-delay.pxds-position-left,.pxds-demo-selector.pxds-open.pxds-position-left{left:0}.pxds-demo-selector.pxds-open-with-delay.pxds-position-left .pxds-ds-switcher svg,.pxds-demo-selector.pxds-open.pxds-position-left .pxds-ds-switcher svg{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}.pxds-demo-selector.pxds-open-with-delay.pxds-position-right,.pxds-demo-selector.pxds-open.pxds-position-right{right:0}.pxds-demo-selector.pxds-open-with-delay.pxds-position-right .pxds-ds-switcher svg,.pxds-demo-selector.pxds-open.pxds-position-right .pxds-ds-switcher svg{-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.pxds-demo-selector.pxds-position-left{left:-310px}.pxds-demo-selector.pxds-position-left .pxds-ds-switcher{left:100%;border-top-right-radius:5px;border-bottom-right-radius:5px}.pxds-demo-selector.pxds-position-left .pxds-ds-switcher:before{left:-10px}.pxds-demo-selector.pxds-position-left .pxds-ds-preview{left:100%}.pxds-demo-selector.pxds-position-right{right:-310px}.pxds-demo-selector.pxds-position-right .pxds-ds-switcher{right:100%;border-top-left-radius:5px;border-bottom-left-radius:5px}.pxds-demo-selector.pxds-position-right .pxds-ds-switcher:before{right:-10px}.pxds-demo-selector.pxds-position-right .pxds-ds-preview{right:100%}.pxds-demo-selector.pxds-mode-dark{background-color:#2a2a2a;color:#fff}.pxds-demo-selector.pxds-mode-dark .pxds-ds-switcher svg{fill:#fff}.pxds-demo-selector.pxds-mode-dark .pxds-ds-preview{background-color:#2a2a2a;border-color:#2a2a2a}.pxds-demo-selector.pxds-mode-light{background-color:#f7f7f7;color:#1a1a1a}.pxds-demo-selector.pxds-mode-light .pxds-ds-switcher svg{fill:#1a1a1a}.pxds-demo-selector.pxds-mode-light .pxds-ds-preview{background-color:#fff;border-color:#fff}.pxds-demo-selector .pxds-ds-switcher{position:absolute;top:20%;width:65px;height:45px;padding:12px 0;text-align:center;font-size:13px;vertical-align:middle;background-color:inherit;color:inherit;-webkit-box-shadow:1px 0 7px rgba(0,0,0,.2);box-shadow:1px 0 7px rgba(0,0,0,.2)}.pxds-demo-selector .pxds-ds-switcher:before{content:'';position:absolute;top:0;width:10px;height:100%;background-color:inherit}.pxds-demo-selector .pxds-ds-switcher:after{content:'Demos'}.pxds-demo-selector .pxds-ds-switcher svg{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}.pxds-demo-selector .pxds-ds-wrapper{position:relative;width:100%;height:100%}.pxds-demo-selector .pxds-ds-body{position:absolute;top:0;left:0;width:100%;height:100%;padding:30px 20px;text-align:center;overflow-y:auto;overflow-x:hidden}.pxds-demo-selector .pxds-ds-body h3{color:inherit;margin-bottom:25px}.pxds-demo-selector .pxds-ds-body .pxds-ds-intro{margin-bottom:30px;font-size:15px;line-height:1.1em;color:#acacac}.pxds-demo-selector .pxds-ds-preview{position:absolute;display:none;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:400px;font-size:0;border:4px solid;-webkit-box-shadow:1px 0 7px rgba(0,0,0,.2);box-shadow:1px 0 7px rgba(0,0,0,.2)}.pxds-demo-selector .pxds-ds-preview img{width:100%}.pxds-demo-selector .pxds-ds-preview.pxds-show{display:block}.pxds-demo-selector .pxds-ds-demo-list{display:block;list-style:none;margin:0 -25px 20px;overflow:hidden}.pxds-demo-selector .pxds-ds-demo-list li{position:relative;float:left;width:50%;height:100px;padding:0 5px;margin-bottom:10px;list-style:none;border-radius:3px;overflow:hidden}.pxds-demo-selector .pxds-ds-demo-list li img{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;width:calc(100% - 10px);left:5px}.pxds-demo-selector .pxds-ds-button{display:block;margin-bottom:25px;padding:15px 10px;color:#1a1a1a;font-weight:600;font-size:20px;line-height:1em;border-radius:3px;text-align:center;background-color:#edb741}.pxds-demo-selector .pxds-ds-button:hover{-webkit-box-shadow:-3px 3px 8px 0 rgba(21,21,24,.34);box-shadow:-3px 3px 8px 0 rgba(21,21,24,.34)}.pxds-demo-selector ::-webkit-scrollbar{width:6px;border-radius:3px}.pxds-demo-selector.pxds-mode-light ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(153,153,153,.3);background-color:#F5F5F5}.pxds-demo-selector.pxds-mode-light ::-webkit-scrollbar{background-color:#F5F5F5}.pxds-demo-selector.pxds-mode-light ::-webkit-scrollbar-thumb{background-color:#999}.pxds-demo-selector.pxds-mode-dark ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#2a2a2a}.pxds-demo-selector.pxds-mode-dark ::-webkit-scrollbar{background-color:#2a2a2a}.pxds-demo-selector.pxds-mode-dark ::-webkit-scrollbar-thumb{background-color:#000}@media screen and (max-width:767px){.pxds-demo-selector{display:none!important}}