@import"https://fonts.googleapis.com/css?family=Roboto";body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:#f4f6f8}a{text-decoration:none}img{max-width:100%;max-height:100%}*{box-sizing:border-box}.preview-bar *{line-height:normal;letter-spacing:normal}.preview-bar{background:#fff;padding:10px 0;float:left;width:100%;position:relative;z-index:9;left:0;top:0}.iframe-container{float:left;width:100%}.iframe-container iframe{box-shadow:0 0 3px #0000001a,0 0 12px #0000001a}.container{max-width:100%;padding:0 15px;float:left;width:100%}.flex-container{display:flex;align-items:center}.theme-selection{width:45%}@media only screen and (min-width: 992px) and (max-width: 1199px){.theme-selection{width:45%}}@media only screen and (min-width: 768px) and (max-width: 991px){.theme-selection{width:65%}}@media only screen and (min-width: 320px) and (max-width: 767px){.theme-selection{display:none}}.preview-bar .industry-option{width:auto;min-width:160px;display:inline-block;margin-right:5px}@media only screen and (min-width: 992px) and (max-width: 1199px){.preview-bar .industry-option{min-width:160px}}@media only screen and (min-width: 768px) and (max-width: 991px){.preview-bar .industry-option{width:160px}}.preview-bar .theme-option{width:150px;display:inline-block;margin-right:5px}@media only screen and (min-width: 992px) and (max-width: 1199px){.preview-bar .theme-option{width:120px}}@media only screen and (min-width: 768px) and (max-width: 991px){.preview-bar .theme-option{width:110px}}.preview-bar .layout-option{width:150px;visibility:hidden;display:inline-block}.preview-bar .layout-option.visible{visibility:visible}@media only screen and (min-width: 992px) and (max-width: 1199px){.preview-bar .layout-option{width:120px}}@media only screen and (min-width: 768px) and (max-width: 991px){.preview-bar .layout-option{width:110px}}.preview-style-btn{width:10%;float:left}@media only screen and (max-width: 991px){.preview-style-btn{display:none}}.preview-style-btn ul{list-style:none;padding:0;width:100%;margin:0 auto;text-align:center}.preview-style-btn ul li{display:inline-block;padding-bottom:0;position:relative;opacity:.6;transition:all .5s}.preview-style-btn ul li.active{opacity:1}.preview-style-btn ul li a{padding:0 5px;display:inline-block}.preview-style-btn ul li a img{width:20px}.preview-style-btn ul:after{display:block;clear:both;content:""}.preview-style-btn ul li.active:after{background-color:#000;position:absolute;width:100%;height:3px;content:"";bottom:-16px;left:0}.btn-buy{float:right;text-align:right;width:45%}@media only screen and (min-width: 992px) and (max-width: 1199px){.btn-buy{width:45%}}@media only screen and (min-width: 768px) and (max-width: 991px){.btn-buy{width:35%}}@media only screen and (min-width: 320px) and (max-width: 767px){.btn-buy{float:none;text-align:center;width:100%;margin:0 auto}}.btn-buy-theme{text-transform:uppercase;display:inline-block;color:#fff;background-color:#00b4da;padding:10px 30px;font-size:12px;transition:all .5s}.btn-buy-theme:hover{background-color:#00a6c9;color:#fff}.remove-frame{color:#212b35;transition:all .5s;margin-left:20px;font-size:12px;text-transform:uppercase;display:inline-flex;align-items:center}.remove-frame:hover{color:#637381}.remove-frame img{width:12px;margin-right:10px}.preview-bar .heapBox *{margin:0;padding:0;outline:none}.preview-bar .heapBox{position:relative;border:none;padding:0 10px;width:100%;background-color:#00b4da;font-size:11px;text-transform:uppercase}@media only screen and (min-width: 992px) and (max-width: 1199px){.preview-bar .heapBox{font-size:10px}}.preview-bar .heapBox.disabled .holder{color:#989898}.preview-bar .heapBox a{text-decoration:none;color:#fff}.preview-bar .heapBox .holder{width:calc(100% - 20px);text-indent:0px;border:none;border-right:none;height:auto;position:relative;padding:7px 0;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.preview-bar .heapBox .handler{width:12px;background:url(down-arrow.png) no-repeat center;height:35px;border:none;border-left:none;display:inline-block;vertical-align:middle}.preview-bar .heapBox div.heap{display:none;position:absolute;list-style-type:none;left:0;width:100%;top:35px;overflow:hidden;border:none;border-top:none;background-color:#00b4da}.preview-bar .heapBox .heap .heapOptions{display:block;overflow:hidden;z-index:20;position:relative;transition:all .3s;overflow:auto;max-height:60vh}.preview-bar .heapOption:hover{opacity:.8;background-color:#00a6c9!important}.preview-bar .heapBox .heap a.sliderUp{display:block;width:100%;height:15px;background:#333 url(../gfx/slider_arrow_up.png);background-repeat:no-repeat;background-position:center center;border-bottom:1px solid #111;position:absolute;top:0;z-index:30}.preview-bar .heapBox .heap a.sliderDown{display:block;width:100%;height:15px;background:#333 url(../gfx/slider_arrow_down.png);background-repeat:no-repeat;background-position:center center;border-top:1px solid #111;position:absolute;bottom:0;z-index:30}.preview-bar .heapBox .heap .heapOptions .heapOption{z-index:20;position:relative;display:block}.preview-bar .heapBox .heap .heapOptions .heapOption a{width:100%;display:block;background:url(../gfx/heapbox_heapitem_bg.jpg) repeat-x;text-indent:0px;color:#fff;padding:10px}.preview-bar .heapBox .heap .heapOptions .heapOption a:hover{background:url(../gfx/heapbox_heapitem_hover_bg.jpg) repeat-x}.preview-bar .heapBox .heap .heapOptions .heapOption a.selected{background:url(../gfx/heapbox_heapitem_hover_bg.jpg) repeat-x}.preview-bar .heapBox .heap .heapOptions .heapOption a.disabled{color:#ddd;pointer-events:none;opacity:.5}.preview-bar .heapBox .heap .heapOptions .heapOption a.disabled:hover{background:url(../gfx/heapbox_heapitem_bg.jpg) repeat-x}.preview-page .theme-preview-frame{transition:all .2s;width:100%;height:calc(100vh - 56px);border:none}.preview-page.full .theme-preview-frame{height:100vh}.loader-wrapper{position:fixed;background-color:#fff;z-index:10;width:100%;height:100vh}.loader{margin:0;transform:translate(-50%,-50%) rotate(0) scale(1.4);position:absolute;left:50%;top:50%;border-radius:150px;box-sizing:border-box;animation:rotation 20s infinite linear}.loader div:after{content:"";width:20px;height:20px;border:1px solid #00b4da;box-sizing:border-box;position:absolute;left:20px;top:20px;animation:shuffle 2s infinite}.loader div:nth-child(1){transform:rotate(0)}.loader div:nth-child(1):after{animation-delay:-.5s}.loader div:nth-child(2){transform:rotate(45deg)}.loader div:nth-child(2):after{animation-delay:-1s}.loader div:nth-child(3){transform:rotate(90deg)}.loader div:nth-child(3):after{animation-delay:-1.5s}.loader div:nth-child(4){transform:rotate(135deg)}.loader div:nth-child(4):after{animation-delay:-2s}.loader div:nth-child(5){transform:rotate(180deg)}.loader div:nth-child(5):after{animation-delay:-2.5s}.loader div:nth-child(6){transform:rotate(225deg)}.loader div:nth-child(6):after{animation-delay:-3s}.loader div:nth-child(7){transform:rotate(270deg)}.loader div:nth-child(7):after{animation-delay:-3.5s}.loader div:nth-child(8){transform:rotate(315deg)}.loader div:nth-child(8):after{animation-delay:-4s}@keyframes rotation{to{transform:translate(-50%,-50%) rotate(-360deg) scale(1.4)}}@keyframes shuffle{50%{transform:scale(.4) rotate(-90deg);border-radius:50%}}
/*# sourceMappingURL=/cdn/shop/t/331/assets/preview-bar.scss.css.map */