.editor-container .wrapper-canvas-content{width:100%;height:100%;min-height:min(80vmin,100%);display:flex;justify-content:center;align-items:center;position:relative;z-index:3}@media(max-width:767px){.editor-container .wrapper-canvas-content{padding-bottom:8px}.editor-container .wrapper-canvas-content:not(.wrapper-canvas-content--focus){align-items:flex-start;padding-top:8px}.editor-container .wrapper-canvas-content:not(.wrapper-canvas-content--focus) .canvas-stage{margin-top:16px}}@media(min-width:768px){.editor-container .wrapper-canvas-content{flex:1 1 auto;min-width:0;width:auto}}.editor-container .wrapper-canvas-content--focus{transform:none!important}.editor-container .wrapper-canvas-content .canvas-stage{position:relative;width:min(80vmin,100%);max-width:1000px;aspect-ratio:1/1;flex-shrink:0;min-width:0;margin-inline:auto;background:rgba(0,0,0,0)}.editor-container .wrapper-canvas-content .canvas-stage--focus{max-width:none;aspect-ratio:1/1}.editor-container .wrapper-canvas-content .canvas{display:block;width:100%;height:100%}.editor-container .wrapper-canvas-content .canvas-stage__crossfade{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:1;transition:opacity .38s ease-out}.editor-container .wrapper-canvas-content .canvas-stage__crossfade.is-out{opacity:0}@media(prefers-reduced-motion:reduce){.editor-container .wrapper-canvas-content .canvas-stage__crossfade{transition:none}}.editor-container .wrapper-canvas-content .canvas-skeleton{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;z-index:4;pointer-events:none;border-radius:4px;overflow:hidden;background:#ebebeb}.editor-container .wrapper-canvas-content .canvas-skeleton__container{display:block!important;width:100%!important;height:100%!important;line-height:1!important}.editor-container .wrapper-canvas-content .canvas-skeleton .react-loading-skeleton{width:100%!important;height:100%!important;display:block!important;max-width:none!important}.editor-container .canvas-container--focus .wrapper-canvas-content{flex:1 1 auto;min-width:0;min-height:0;width:100%;transform:none!important;display:flex;align-items:center;justify-content:center}.editor-container .canvas-content{height:400px;display:flex;justify-content:center;position:relative;width:100%}@media(min-width:768px){.editor-container .canvas-content{min-height:536px}}@media(min-width:1024px){.editor-container .canvas-content{width:407px}}@media(min-width:1440px){.editor-container .canvas-content{height:583px;width:100%}}.editor-container .canvas-content canvas{width:100%;height:auto}.editor-page .container.editor-container .editor-boot{position:relative}.editor-page .container.editor-container .editor-boot__skeleton{position:absolute;inset:0;z-index:5;background:#f6f5f1;overflow:hidden;pointer-events:none}.editor-page .container.editor-container .editor-boot__main--pending{visibility:hidden;pointer-events:none}.editor-page .container.editor-container .editor-page__onboarding-wraper,.editor-page .container.editor-container .editor-page__wrapper{min-height:100vh}@media(min-width:1024px){.editor-page .container.editor-container .editor-page__onboarding-wraper,.editor-page .container.editor-container .editor-page__wrapper{min-height:-moz-fit-content;min-height:fit-content}}.editor-page .container.editor-container .editor-wrapper{display:flex;flex-direction:column-reverse;gap:24px}@media(min-width:768px){.editor-page .container.editor-container .editor-wrapper{gap:30px}}@media(min-width:1024px){.editor-page .container.editor-container .editor-wrapper{flex-direction:row;min-height:-moz-fit-content;min-height:fit-content;gap:33px}}.editor-page .container.editor-container .editor-wrapper--focus{gap:0}.editor-page .container.editor-container .parameters-container{position:relative}.editor-page .container.editor-container .parameters-container .parameters-group{display:flex;flex-direction:column;gap:12px;min-height:-moz-fit-content;min-height:fit-content}@media(min-width:768px){.editor-page .container.editor-container .parameters-container .parameters-group{min-height:-moz-fit-content;min-height:fit-content}}@media(min-width:1024px){.editor-page .container.editor-container .parameters-container .parameters-group{gap:18px;min-height:-moz-fit-content;min-height:fit-content;height:-moz-fit-content;height:fit-content;width:100%}}@media(min-width:1440px){.editor-page .container.editor-container .parameters-container .parameters-group{height:-moz-fit-content;height:fit-content;gap:22px}}@media(min-width:1024px){.editor-page .container.editor-container .parameters-container{display:flex;flex-direction:column;background:#f0efeb;padding:18px;min-width:363px;height:-moz-fit-content;height:fit-content;gap:18px}}@media(min-width:1440px){.editor-page .container.editor-container .parameters-container{background:#f0efeb;min-width:460px;padding:32px;height:-moz-fit-content;height:fit-content}}.editor-page .container.editor-container .breadcrumbs-container{padding-top:8px;margin-top:16px;margin-bottom:28px}@media(min-width:768px){.editor-page .container.editor-container .breadcrumbs-container{padding-top:10px;margin-top:18px;margin-bottom:32px}}@media(min-width:1024px){.editor-page .container.editor-container .breadcrumbs-container{padding-top:0;margin-top:0;margin-bottom:36px}}@media(min-width:1440px){.editor-page .container.editor-container .breadcrumbs-container{margin-bottom:40px}}.editor-page .container.editor-container .canvas-container{position:relative;min-height:404px;display:flex;flex-direction:column;background:#f0efeb;width:100%;gap:16px;padding:20px 18px 12px}@media(max-width:767px){.editor-page .container.editor-container .canvas-container{gap:20px;padding-bottom:20px}}@media(min-width:768px)and (max-width:1023px){.editor-page .container.editor-container .canvas-container{min-height:584px;padding:32px 15px 33px 33px;gap:24px;flex-direction:row;justify-content:flex-start;align-items:stretch}.editor-page .container.editor-container .canvas-container>.wrapper-canvas-content{flex:1 1 auto;min-width:0;width:auto}.editor-page .container.editor-container .canvas-container>.corner-widgets{flex:0 0 auto;position:relative;z-index:4}}@media(min-width:1024px){.editor-page .container.editor-container .canvas-container{--editor-side-rail:88px;padding:0;min-height:100%;gap:0;background:none;flex-direction:row;justify-content:center;align-items:stretch;position:relative}.editor-page .container.editor-container .canvas-container>.wrapper-canvas-content{flex:1 1 auto;min-width:0;width:100%;max-width:none;z-index:1;padding-left:var(--editor-side-rail);padding-right:var(--editor-side-rail);box-sizing:border-box}.editor-page .container.editor-container .canvas-container>.corner-widgets{position:absolute;top:0;right:0;bottom:0;width:var(--editor-side-rail);flex:none;z-index:4;justify-content:flex-start;padding-top:0;padding-bottom:8px;gap:0;pointer-events:none}.editor-page .container.editor-container .canvas-container>.corner-widgets>*{pointer-events:auto}.editor-page .container.editor-container .canvas-container>.corner-widgets .onboarding-container{position:absolute;top:4px;right:0;margin:0;z-index:2}.editor-page .container.editor-container .canvas-container>.corner-widgets .item-views_wrapper{position:absolute;left:0;right:0;bottom:8px;width:100%;margin:0}}@media(min-width:1440px){.editor-page .container.editor-container .canvas-container{--editor-side-rail:100px}}.editor-page .container.editor-container .canvas-container .corner-widgets{display:flex;flex-direction:column;justify-content:flex-start;align-self:stretch;gap:24px;position:relative;z-index:4}.editor-page .container.editor-container .canvas-container--focus{position:fixed;inset:0;z-index:1100;width:100%;height:100%;min-height:100dvh!important;max-height:100dvh;padding:0!important;gap:0!important;margin:0;background:#f0efeb!important;flex-direction:column!important;justify-content:stretch!important;align-items:stretch!important;overflow:hidden;animation:editor-focus-in .32s ease-out}.editor-page .container.editor-container .canvas-container--focus.canvas-container--focus-leave{animation:editor-focus-out .32s ease-in forwards;pointer-events:none}@media(prefers-reduced-motion:reduce){.editor-page .container.editor-container .canvas-container--focus{animation:none}.editor-page .container.editor-container .canvas-container--focus.canvas-container--focus-leave{animation:none;opacity:0}}.editor-page .container.editor-container .canvas-container--focus .canvas-focus-grab{display:flex;justify-content:center;align-items:center;flex-shrink:0;height:22px;cursor:-webkit-grab;cursor:grab;touch-action:none;z-index:6;position:relative}.editor-page .container.editor-container .canvas-container--focus .canvas-focus-grab:active{cursor:-webkit-grabbing;cursor:grabbing}.editor-page .container.editor-container .canvas-container--focus .canvas-focus-grab__handle{width:40px;height:5px;border-radius:3px;background:#cfcfcf}@media(max-width:1023px){.editor-page .container.editor-container .canvas-container--focus .wrapper-canvas-content,.editor-page .container.editor-container .canvas-container--focus .wrapper-canvas-content--focus{position:absolute!important;top:26px!important;left:0!important;right:0!important;bottom:100px!important;width:auto!important;height:auto!important;min-height:0!important;transform:none!important;z-index:3;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.editor-page .container.editor-container .canvas-container--focus .corner-widgets{position:absolute!important;top:auto!important;left:0!important;right:0!important;bottom:max(8px,env(safe-area-inset-bottom,0px))!important;z-index:10!important;width:100%!important;margin:0!important;padding:0 8px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:0!important;align-self:stretch!important;pointer-events:auto!important}.editor-page .container.editor-container .canvas-container--focus .item-views_wrapper{margin:0 auto!important;width:100%;justify-content:center!important;pointer-events:auto!important}.editor-page .container.editor-container .canvas-container--focus .item-views-container{justify-content:center!important;width:100%;pointer-events:auto!important}}@media(min-width:1024px){.editor-page .container.editor-container .canvas-container--focus{--editor-side-rail:88px;flex-direction:row!important;padding:16px!important;gap:0!important;align-items:stretch!important;position:fixed!important;inset:0!important;overflow:hidden!important;box-sizing:border-box!important}.editor-page .container.editor-container .canvas-container--focus .focus-sidebar{order:0;flex:none}.editor-page .container.editor-container .canvas-container--focus .wrapper-canvas-content,.editor-page .container.editor-container .canvas-container--focus .wrapper-canvas-content--focus{order:2;position:relative!important;flex:1 1 auto;min-width:0;min-height:0!important;width:100%!important;height:100%!important;inset:auto!important;z-index:1;padding-left:var(--editor-side-rail)!important;padding-right:var(--editor-side-rail)!important;box-sizing:border-box!important}.editor-page .container.editor-container .canvas-container--focus .corner-widgets{position:absolute!important;top:8px!important;right:12px!important;bottom:12px!important;left:auto!important;width:var(--editor-side-rail)!important;order:3;flex:none!important;z-index:10!important;pointer-events:none!important;justify-content:flex-start!important;align-self:auto!important;gap:0!important;padding:0!important;overflow:hidden!important}.editor-page .container.editor-container .canvas-container--focus .corner-widgets>*{pointer-events:auto!important}.editor-page .container.editor-container .canvas-container--focus .item-views_wrapper{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;margin:0!important;width:100%;max-height:calc(100% - 40px);overflow:hidden!important;justify-content:flex-end!important}.editor-page .container.editor-container .canvas-container--focus .item-views-container{width:100%;align-items:center!important;justify-content:flex-end!important;gap:10px!important}.editor-page .container.editor-container .canvas-container--focus .item-views-container .variant-item{gap:4px!important}.editor-page .container.editor-container .canvas-container--focus .item-views-container .image-container{width:56px!important;height:56px!important}.editor-page .container.editor-container .canvas-container--focus .onboarding-container{position:absolute!important;top:56px!important;right:0!important;left:auto!important;z-index:2;margin:0!important}.editor-page .container.editor-container .canvas-container--focus .corner-widgets__focus-close{pointer-events:auto!important}}@media(min-width:1440px){.editor-page .container.editor-container .canvas-container--focus{--editor-side-rail:100px}}.main-container:has(.canvas-container--focus){min-height:0!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.main-container:has(.canvas-container--focus) .breadcrumbs-container,.main-container:has(.canvas-container--focus) .footer,.main-container:has(.canvas-container--focus) .footer-container,.main-container:has(.canvas-container--focus) .header-container,.main-container:has(.canvas-container--focus) footer{display:none!important}.main-container:has(.canvas-container--focus) .main-content{min-height:0!important;height:100%!important;max-height:100%!important;overflow:hidden!important;flex:1 1 auto!important}.main-container:has(.canvas-container--focus) .container.editor-container{max-width:none!important;width:100%!important;padding:0!important;margin:0!important;height:100%!important;overflow:hidden!important}.main-container:has(.canvas-container--focus) .corner-widgets{min-height:0!important;min-width:0!important}body:has(.canvas-container--focus),html:has(.canvas-container--focus){overflow:hidden!important;height:100%!important;max-height:100dvh!important;overscroll-behavior:none}@keyframes editor-focus-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:none}}@keyframes editor-focus-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.985)}}