#MainContent:has(>.shopify-section>.creator-frame){position:relative;isolation:isolate;display:grid;grid-template-rows:repeat(20,auto) 1fr;align-content:start;max-width:var(--frame-max-width);margin-inline:auto;padding-top:calc(min(100%,var(--frame-max-width)) * var(--frame-pad-top) / var(--frame-w));padding-bottom:calc(min(100%,var(--frame-max-width)) * var(--frame-pad-bottom) / var(--frame-w))}#MainContent:has(>.shopify-section>.creator-frame)>.shopify-section{grid-column:2;min-width:0}#MainContent:has(>.shopify-section>.creator-frame)>.shopify-section .page-width{max-width:none;padding-inline:1.5rem}#MainContent:has(>.shopify-section>.creator-frame)>.shopify-section:has(>.creator-frame){grid-column:auto;grid-row:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.creator-frame{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;background:var(--frame-top) no-repeat left top / 100% auto,var(--frame-bottom) no-repeat left bottom / 100% auto}.creator-frame .creator-frame__strip{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin-top:calc(var(--frame-top-h) / var(--frame-w) * 100%);margin-bottom:calc(var(--frame-bottom-h) / var(--frame-w) * 100%);background:var(--frame-strip) repeat-y left top / 100% auto}#MainContent:has(>.shopify-section>.creator-frame)>.shopify-section:has(#ProductGridContainer){position:relative;margin-top:calc(var(--frame-shelf-thickness) / var(--frame-main-w) * 100%)}#MainContent:has(>.shopify-section>.creator-frame)>.shopify-section:has(#ProductGridContainer):before{content:"";position:absolute;top:0;left:0;z-index:2;width:calc(var(--frame-shelf-w) / var(--frame-main-w) * 100%);aspect-ratio:var(--frame-shelf-w) / var(--frame-shelf-h);margin-top:calc(var(--frame-shelf-offset) / var(--frame-main-w) * -100%);margin-left:calc(var(--frame-main-x) / var(--frame-main-w) * -100%);background:var(--frame-shelf) no-repeat left top / 100% 100%;pointer-events:none}#MainContent:has(>.shopify-section>.creator-frame)>.shopify-section:has(>[data-frame-sidebar]){grid-column:4;grid-row:1 / -1;margin-top:calc(var(--frame-side-offset) / var(--frame-side-w) * 100%)}#MainContent:has(>.shopify-section>.creator-frame) [data-frame-sidebar] .page-width{padding-inline:1rem}@media screen and (max-width:1024px){#MainContent:has(>.shopify-section>.creator-frame){grid-template-rows:none}#MainContent:has(>.shopify-section>.creator-frame)>.shopify-section:has(>[data-frame-sidebar]){grid-column:2;grid-row:auto;order:1;margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/section-creator-frame.css.map */