/**
 * All of the CSS for admin-specific
 * functionality.
 *
 */
 .section--demo-page .block--import-theme .block--import-finish .block--import-actions .button,.section--demo-page .block--import-theme .block--import-finish .block-import-customize .button{padding:6px 22px}:root{--starter--text-color:#000000;--starter--button-color:#ffffff;--starter--accent-color:#213fd4;--starter--focus-color:#ffc800}.section--demo-page .header{display:flex;align-items:center;justify-content:space-between;background:#fff;margin:0 0 20px -20px;padding:5px 24px}.section--demo-wrapper{display:flex;gap:32px}.section--demo-wrapper .block-filter{flex:0 0 300px;margin-top:20px}.block-filter .block-filter-inner{display:flex;padding:32px 16px;background:#fff;border-radius:3px;position:sticky;top:60px}.section--demo-wrapper .block-filter ul{display:flex;flex-direction:column;margin:0;padding:0;width:100%}.section--demo-wrapper .block-filter ul li{margin-bottom:8px}.section--demo-wrapper .block-filter ul li a{padding:16px;color:#000;display:flex;align-items:center;justify-content:space-between;background:#fafafa;text-decoration:none;border-radius:3px}.section--demo-wrapper .block-filter ul li a.active{background:#b9cfff}.section--demo-wrapper .block-inner{flex:1 1 auto;display:grid;grid-gap:20px;margin-top:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.section--demo-wrapper .grid-item[data-status=inactive]{position:relative;pointer-events:none}.section--demo-wrapper .grid-item[data-status=inactive]:after{top:0;left:0;content:"";width:100%;height:100%;position:absolute;background:rgba(0,0,0,.7)}.section--demo-wrapper .grid-item[data-status=inactive] .live{top:50%;left:50%;z-index:1;width:180px;padding:12px;height:180px;display:flex;color:#fff;font-size:20px;position:absolute;border-radius:100%;background:#2f3ce3;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%)}.section--demo-wrapper .grid-item[data-status=inactive] .starter{font-size:14px;text-transform:uppercase}.section--demo-wrapper .grid-item[data-status=inactive] .progress{font-size:11px;text-transform:uppercase}.section--demo-wrapper .grid-item .item-outer{background:#fff;border-radius:3px;overflow:hidden;position:relative}.section--demo-wrapper .grid-item .screen-image{position:relative}.section--demo-wrapper .grid-item .item-outer img{width:100%;height:auto;position:relative;vertical-align:bottom}.section--demo-wrapper .grid-item .item-outer .preview{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;display:flex;outline:0;align-items:center;justify-content:center;text-decoration:none;transition:opacity .5s;background:rgba(0,0,0,.75)}.section--demo-wrapper .grid-item:hover .item-outer .preview{opacity:1}.section--demo-wrapper .grid-item .item-outer .preview span{display:flex;cursor:pointer;font-weight: 500;align-items:center;justify-content:center;padding:14px 24px;border-radius:3px;font-size:14px;background-color:#fff;color:var(--starter--accent-color);transition:background-color .5s}.section--demo-wrapper .grid-item .template-data{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid #ededed}.section--demo-wrapper .grid-item .template-data .product-info{display:flex;align-items:center;gap:5px}.section--demo-wrapper .grid-item .product-info .name{font-weight:700}.section--demo-wrapper .grid-item .badge{width:45px;border-radius:10px;text-transform:uppercase;font-size:12px;display:flex;align-items:center;justify-content:center;height:20px}.section--demo-page .block--import-theme .block-import-process .block-import-progress-label:empty,.section--demo-page .block--import-theme .block-import-step{display:none}.section--demo-wrapper .grid-item .badge-success{color:#000;background:#3fb28f}.section--demo-wrapper .grid-item .badge-info{color:#fff;background:var(--starter--accent-color)}.section--demo-wrapper .grid-item .badge-premium{top:15px;z-index:1;right:15px;width:100px;height:32px;font-weight:700;position:absolute;border-radius:32px;pointer-events:none;color:var(--starter--text-color);background:var(--starter--focus-color)}.section--demo-page .notice{display:none!important}.section--demo-page .block--import-theme{display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.75);visibility:hidden;position:fixed;z-index:10001;opacity:0;top:0;left:0;padding:20px;width:100%;height:100%;transition:opacity .5s,visibility 0s .5s}.js-import-theme-active .section--demo-page .block--import-theme{opacity:1;visibility:visible;transition:opacity .5s,visibility}.section--demo-page .block--import-theme .block--import-popup{width:100%;overflow:hidden;max-width:360px;border-radius:2px;position:relative;background:#fff;box-shadow:0 16px 32px -8px rgb(0 0 0 / 5%)}.section--demo-page .block--import-theme .block-import-active{display:flex;flex-direction:column}.section--demo-page .block--import-theme .import-header{padding:20px;font-weight:600;color:#1e1e1e;border-bottom:1px solid #f0f0f0}.section--demo-page .block-import-step .block-import-header{border-bottom:1px solid #f0f0f0;padding:12px 24px;font-weight:600;color:#1e1e1e}.section--demo-page .block--import-theme .block-import-process .block-import-output{padding:24px}.section--demo-page .block--import-theme .block--import-output{display:flex;align-items:center;justify-content:center;flex-direction:column}.section--demo-page .block--import-popup .starter-import-content,.section--demo-page .block--import-popup .starter-import-plugins,.section--demo-page .block--import-theme .block-import-load{padding:30px 20px}.section--demo-page .block--import-theme .block-import-load:after{animation:4s linear infinite spin;font-family:dashicons;font-size:2rem;content:"\f113"}.section--demo-page .block--import-theme .starter-import-actions{display:flex;width:100%;align-items:center;gap:15px;justify-content:flex-end;padding:20px;width:calc(100% - 30px)}.section--demo-page .block--import-popup .starter-import-data{width:100%}.section--demo-page .block--import-popup .starter-import-content{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.section--demo-page .block--import-popup .starter-import-subheader{font-size:.6875;text-transform:uppercase;color:#697b96}.section--demo-page .block--import-popup .starter-switcher{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.section--demo-page .starter-checkbox:checked+.starter-switch .starter-switch-slider{background:#fff;top:3px;left:calc(50% + 4px)}.section--demo-page .block--import-popup .starter-switch .starter-switch-slider{position:absolute;top:3px;left:4px;width:10px;height:10px;z-index:1;background:#000;border-radius:50%;transition:left .25s}.section--demo-page .block--import-popup .starter-switcher .starter-checkbox{position:absolute;margin:0!important;padding:0!important;border:none;top:0;left:0;width:100%;height:100%;opacity:0;z-index:2;appearance:none}.section--demo-page .block--import-popup .starter-switcher .starter-checkbox:disabled+.starter-switch,.section--demo-page .block--import-popup .starter-switcher .starter-checkbox[readony]+.starter-switch{opacity:.5}.section--demo-page .block--import-popup .starter-switcher .starter-switch{border:1px solid #000;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;height:18px;padding:0;position:relative;vertical-align:middle;width:36px;border-radius:9px}.section--demo-page .block--import-popup .starter-switcher .starter-tooltip{position:absolute;top:calc(100% + 5px);right:0;min-width:200px;text-align:center;padding:4px 8px;font-size:.75rem;background:#1e1e1e;color:#fff;border-radius:2px;opacity:0;visibility:hidden;z-index:2}.section--demo-page .block--import-theme .block--import-finish .block--import-info,.section--demo-page .block--import-theme .block--import-finish .block-import-info{padding:76px 24px 24px}.section--demo-page .block--import-popup .starter-switcher .starter-checkbox[readony]:hover~.starter-tooltip{opacity:1;visibility:visible}.section--demo-page .block--import-popup .starter-switcher .starter-checkbox:checked+.starter-switch{border-color:#007dba;background:#007dba}.section--demo-page .block--import-theme .block-import-process .block-import-desc{color:#1e1e1e}.section--demo-page .block--import-theme .block-import-process .block-import-progress{margin-top:2rem}.section--demo-page .block--import-theme .block-import-process .block-import-progress-bar{position:relative;width:100%;height:4px;background:#f0f0f0;border-radius:2px;overflow:hidden}.section--demo-page .block--import-theme .block-import-process .block-import-progress-label{font-size:.75rem;color:#697b96;margin-bottom:.25rem}.section--demo-page .block--import-theme .block-import-process .block--import-progress-indicator{background:#007cba;position:absolute;top:0;left:0;height:100%;width:var(--app-progress)}.section--demo-page .block--import-theme .block-import-process .block--import-progress-label{margin-top:.5rem;font-size:.625rem;color:#007cba}.section--demo-page .block--import-theme .block--import-finish .block-import-logo{display:flex;align-items:center;justify-content:center}.section--demo-page .block--import-theme .block--import-finish .block-import-logo svg{display:block;margin:0 auto;fill:#def3ed}.section--demo-page .block--import-theme .block--import-finish .block--import-title{margin-top:2rem;font-size:1rem;font-weight:600;text-align:center;color:#1e1e1e}.section--demo-page .block--import-theme .block--import-finish .block--import-logo{text-align:center}.section--demo-page .block--import-theme .block--import-finish .block-import-desc{margin-top:1rem;text-align:center;color:#1e1e1e}.section--demo-page .block--import-theme .block--import-finish .block-import-customize{margin-top:1.5rem;display:flex;align-items:center;justify-content:center}.section--demo-page .block--import-theme .block--import-finish .block--import-actions{display:flex;align-items:center;justify-content:center;border-top:1px solid #f0f0f0;padding:24px}.section--demo-page .block--import-theme .block--import-finish .block--import-actions .text-link{margin-right:1rem;text-decoration:none}.section--demo-page .block--import-theme .block--import-finish.block-import-active .checkmark--circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#7ac142;fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.section--demo-page .block--import-theme .block--import-finish.block-import-active .checkmark{width:56px;height:56px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;margin:10% auto;box-shadow:inset 0 0 0 #7ac142;animation:.4s ease-in-out .4s forwards fill,.3s ease-in-out .9s both scale}.section--demo-page .block--import-theme .block--import-finish.block-import-active .checkmark--check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}.section--demo-page .block--import-theme .message-output{display:flex;text-align:center;justify-content:center;background:red;color:#fff;margin-top:30px;margin-bottom:0;height:40px;align-items:center;border-radius:30px}.section--demo-page .block--import-theme .message-output:empty{display:none!important}.section--demo-wrapper .grid-item .template-data .button--import-url,.section--demo-wrapper .grid-item .template-data .button-import{background:var(--starter--accent-color);border-color:var(--starter--accent-color)}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes stroke{100%{stroke-dashoffset:0}}@keyframes scale{0%,100%{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{100%{box-shadow:inset 0 0 0 30px #7ac142}}