@media screen and (max-width:899px){body.template-case-editor{overflow-x:hidden!important;overflow-y:auto!important}body.template-case-editor #MainContent{overflow:visible!important}.case-editor-section--v3.case-editor-section{--case-editor-mobile-browser-bottom-safe: max(24px, env(safe-area-inset-bottom, 0px)) !important;--case-editor-mobile-canvas-max: calc( var(--case-editor-mobile-preview-height) - 28px - var(--case-editor-mobile-browser-bottom-safe) ) !important;height:auto!important;min-height:calc(100dvh - var(--header-height, 0px))!important;max-height:none!important;overflow:visible!important}.case-editor-section--v3 .case-editor__workspace{display:block!important;height:auto!important;min-height:calc(100dvh - var(--header-height, 0px))!important;max-height:none!important;overflow:visible!important}.case-editor-section--v3 .case-editor__preview-panel{position:sticky!important;top:var(--header-height, 0px)!important;z-index:4!important;box-sizing:border-box!important;padding:10px 16px calc(18px + var(--case-editor-mobile-browser-bottom-safe))!important}.case-editor-section--v3 .case-editor__canvas-editor{width:min(100%,var(--case-editor-mobile-canvas-max))!important;max-height:var(--case-editor-mobile-canvas-max)!important}.case-editor-section--v3 .case-editor__tools,.case-editor-section--v3 .case-editor__order-panel{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;z-index:1!important}.case-editor-section--v3 .case-editor__tools{order:2!important;display:grid!important;align-content:start!important;gap:16px!important;margin-top:-20px!important;height:auto!important;min-height:calc(100dvh - var(--header-height, 0px) - var(--case-editor-mobile-preview-height) + 20px)!important;max-height:none!important;overflow:visible!important;padding:0 16px calc(24px + var(--case-editor-mobile-browser-bottom-safe))!important;border:1px solid rgb(35 31 28 / .08)!important;border-block-start:0!important;border-block-end:0!important;border-radius:22px 22px 0 0!important;background:#fff!important;box-shadow:0 -18px 42px #1714121f!important;overscroll-behavior:auto!important;-webkit-overflow-scrolling:auto!important;z-index:auto!important}.case-editor-section--v3 .case-editor__mobile-stepper{position:sticky!important;top:calc(var(--header-height, 0px) + var(--case-editor-mobile-preview-height) - 20px)!important;z-index:5!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;min-width:calc(100% + 34px)!important;width:calc(100% + 34px)!important;margin:0 -17px!important;padding:4px 12px!important;border:1px solid rgb(35 31 28 / .1)!important;border-radius:22px 22px 0 0!important;background:#fff!important;box-sizing:border-box!important}.case-editor-section--v3 .case-editor__mobile-stepper button{display:grid!important;place-items:center!important;gap:2px!important;min-width:0!important;min-height:44px!important;padding:0 4px!important;border:0!important;background:transparent!important;color:#17141275!important;font:inherit!important;text-align:center!important;cursor:pointer!important}.case-editor-section--v3 .case-editor__mobile-stepper button>span{display:none!important}.case-editor-section--v3 .case-editor__mobile-stepper button strong{overflow:hidden!important;font-size:1rem!important;font-weight:740!important;line-height:1.1!important;text-overflow:ellipsis!important;white-space:nowrap!important}.case-editor-section--v3 .case-editor__mobile-stepper button.is-active,.case-editor-section--v3 .case-editor__mobile-stepper button[aria-pressed=true]{color:#000!important}.case-editor-section--v3 .case-editor__tools>.case-editor__header{display:none!important}.case-editor-section--v3 [data-output-summary],.case-editor-section--v3 .case-editor__sidebar-tabs{display:none!important}.case-editor-section--v3 .case-editor__product-picker{gap:16px!important}.case-editor-section--v3 .case-editor[data-sidebar-mode=design] .case-editor__style-panel{display:grid!important;max-height:none!important;overflow:visible!important;padding-right:0!important;scrollbar-gutter:auto!important}.case-editor-section--v3 .case-editor[data-sidebar-mode=design] .case-editor__style-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.case-editor-section--v3 .case-editor[data-sidebar-mode=design] .case-editor__style-option{gap:3px!important;padding:3px!important;border-radius:4px!important}.case-editor-section--v3 .case-editor[data-sidebar-mode=design] .case-editor__style-name{font-size:.58rem!important;line-height:1.1!important}.case-editor-section--v3 .case-editor__field--phone-model{grid-column:1 / -1!important}.case-editor-section--v3 .case-editor__order-panel,.case-editor-section--v3 .case-editor__sidebar-zoom{display:none!important}.case-editor-section--v3 .case-editor__tools>.case-editor__upload{position:sticky!important;top:calc(var(--header-height, 0px) + var(--case-editor-mobile-preview-height) + 33px)!important;z-index:2!important}.case-editor-section--v3 .case-editor__upload.is-style-panel-focused .case-editor__upload-frame{zoom:.25}.case-editor-section--v3 .case-editor__tools>.case-editor__upload:after{display:none!important}.case-editor-section--v3 .case-editor__free-quota-dialog{width:min(332px,calc(100vw - 48px))!important;max-width:min(332px,calc(100vw - 48px))!important;height:fit-content!important;block-size:fit-content!important;min-height:0!important;max-height:calc(100dvh - 96px)!important;overflow:hidden!important}.case-editor-section--v3 .case-editor__free-quota-dialog[open]{display:block!important}.case-editor-section--v3 .case-editor__free-quota-dialog .case-editor__order-unlock-modal{display:block!important;height:fit-content!important;block-size:fit-content!important;min-height:0!important;max-height:calc(100dvh - 96px)!important;padding:20px!important;overflow-y:auto!important}.case-editor-section--v3 .case-editor__free-quota-dialog .case-editor__shopify-bonus:not([hidden]){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}.case-editor-section--v3 .case-editor__free-quota-dialog .case-editor__shopify-bonus[hidden],.case-editor-section--v3 .case-editor__free-quota-dialog .case-editor__shopify-bonus [hidden]{display:none!important}.case-editor-section--v3 .case-editor__free-quota-dialog .case-editor__order-unlock-modal h2{padding-inline-end:32px!important;font-size:1.2rem!important;line-height:1.15!important}.case-editor-section--v3 .case-editor__free-quota-dialog .case-editor__order-unlock-modal p{font-size:.84rem!important;line-height:1.4!important}.case-editor-section--v3 .case-editor__free-quota-dialog .case-editor__order-unlock-close{top:12px!important;right:12px!important;width:32px!important;height:32px!important;font-size:1.1rem!important}.case-editor-section--v3 .case-editor__free-quota-dialog [data-shopify-account-login]:not([hidden]),.case-editor-section--v3 .case-editor__free-quota-dialog [data-shopify-account-verify]:not([hidden]),.case-editor-section--v3 .case-editor__free-quota-dialog [data-design-pass-add]:not([hidden]){box-sizing:border-box!important;display:grid!important;place-items:center!important;width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 18px!important;border-radius:999px!important;font-size:.9rem!important;line-height:1.2!important}.case-editor-section--v3 .case-editor__free-quota-dialog .case-editor__order-unlock-status{min-height:0!important;font-size:.78rem!important;line-height:1.35!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/case-editor-v3-mobile.css.map */
