.product-info__block-item[data-block-type=case-customizer]{order:35;margin-top:18px!important}.case-customizer{--case-customizer-ink: #080808;--case-customizer-muted: #686868;--case-customizer-border: #dedede;--case-customizer-soft: #f5f5f3;--case-customizer-accent: #ffd119;display:block;width:100%;min-width:0;color:var(--case-customizer-ink);font-family:"Gotham-Book",var(--text-font-family),sans-serif}.case-customizer *{box-sizing:border-box}.case-customizer__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;margin-bottom:12px}.case-customizer__heading-group{min-width:0}.case-customizer__eyebrow{margin:0 0 4px;color:var(--case-customizer-muted);font-size:11px;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:uppercase}.case-customizer__title{margin:0;color:var(--case-customizer-ink);font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-size:20px;font-weight:400;line-height:1.08;letter-spacing:0}.case-customizer__subtitle{max-width:54ch;margin:6px 0 0;color:var(--case-customizer-muted);font-size:13px;line-height:1.35;letter-spacing:0}.case-customizer__badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:#111;color:#fff;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-size:11px;font-weight:400;line-height:1;white-space:nowrap}.case-customizer__workspace{display:grid;grid-template-columns:minmax(180px,.82fr) minmax(220px,1fr);gap:12px;align-items:stretch;padding:12px;border:1px solid var(--case-customizer-border);border-radius:20px;background:#fff;box-shadow:0 10px 18px #0000000d}.case-customizer__preview-panel,.case-customizer__controls{min-width:0}.case-customizer__preview-panel{display:grid;gap:8px;align-content:start}.case-customizer__canvas-frame{position:relative;display:grid;place-items:center;width:100%;min-height:280px;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#ffffffeb,#f5f5f5eb),repeating-linear-gradient(45deg,#eee 0 8px,#f8f8f8 8px 16px);border:1px solid #e8e8e8}.case-customizer__canvas{display:block;width:min(100%,280px);height:auto;aspect-ratio:3 / 4;cursor:grab;touch-action:none}.case-customizer__canvas:active{cursor:grabbing}.case-customizer__empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;color:#7a7a7a;font-size:13px;line-height:1.3;text-align:center;pointer-events:none}.case-customizer.has-artwork .case-customizer__empty-state{display:none}.case-customizer.has-base-image:not(.has-artwork) .case-customizer__empty-state{inset:auto 12px 12px;min-height:58px;padding:12px 14px;border:1px solid rgb(255 255 255 / 70%);border-radius:16px;background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#555}.case-customizer.has-base-image:not(.has-artwork) .case-customizer__empty-icon{display:none}.case-customizer__empty-icon{position:relative;display:block;width:38px;height:52px;border:2px solid #111;border-radius:11px}.case-customizer__empty-icon:before{content:"";position:absolute;top:7px;left:7px;width:12px;height:12px;border:2px solid #111;border-radius:5px;background:#fff}.case-customizer__empty-icon:after{content:"";position:absolute;right:7px;bottom:8px;left:7px;height:2px;border-radius:999px;background:#111}.case-customizer__preview-note{margin:0;color:var(--case-customizer-muted);font-size:12px;line-height:1.35}.case-customizer__selection{display:grid;gap:7px;padding:10px 12px;border:1px solid #e3e3e3;border-radius:14px;background:#f8f8f7}.case-customizer__selection:empty{display:none}.case-customizer__selection .custom-case-selected__row{display:grid;grid-template-columns:minmax(82px,auto) minmax(0,1fr);gap:8px;color:#111;font-size:12px;line-height:1.25}.case-customizer__selection .custom-case-selected__label{color:#747474}.case-customizer__controls{display:grid;gap:12px;align-content:start}.case-customizer__wizard-steps{display:grid;gap:0}.case-customizer__step-card{display:grid;gap:0;border-bottom:1px solid #e5e5e5}.case-customizer__step-card:last-child{border-bottom:0}.case-customizer__step-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:54px;padding:0;border:0;background:transparent;color:#111;cursor:pointer;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-size:15px;font-weight:400;line-height:1.1;letter-spacing:0;text-align:left}.case-customizer__step-heading span:first-child{color:#111}.case-customizer__step-heading strong{flex:1 1 auto;min-width:0;font-weight:400}.case-customizer__step-icon{flex:0 0 auto;color:#111;font-family:Arial,sans-serif;font-size:24px;font-weight:400;line-height:1}.case-customizer__step-content{display:grid;gap:14px;padding:0 0 18px}.case-customizer__step-content[hidden]{display:none!important}.case-customizer__step-summary,.case-customizer__step-helper{margin:0;font-size:13px;line-height:1.35}.case-customizer__step-summary{color:#111;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-weight:400}.case-customizer__step-helper{color:var(--case-customizer-muted)}.case-customizer__wizard-nav{display:grid;grid-template-columns:minmax(76px,1fr) auto minmax(76px,1fr);gap:14px;align-items:center;padding-top:12px}.case-customizer__wizard-button{display:inline-grid;place-items:center;min-width:0;min-height:44px;border:1px solid #111;border-radius:999px;background:#fff;color:#111;cursor:pointer;font-family:Arial,sans-serif;font-size:34px;font-weight:400;line-height:1}.case-customizer__wizard-button:disabled{border-color:#e5e5e5;color:#d8d8d8;cursor:default}.case-customizer__wizard-progress{color:#111;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-size:16px;font-weight:400;line-height:1;text-align:center}.case-customizer__upload-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.case-customizer__file-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.case-customizer__upload-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #111;border-radius:999px;background:#111;color:#fff;cursor:pointer;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-size:13px;font-weight:400;line-height:1;white-space:nowrap}.case-customizer__upload-button span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#fff;color:#111;font-size:16px;line-height:1}.case-customizer__file-input:focus-visible+.case-customizer__upload-button{outline:2px solid #111;outline-offset:3px}.case-customizer__file-copy{min-width:0}.case-customizer__file-copy p{margin:0;color:var(--case-customizer-muted);font-size:12px;line-height:1.35;overflow-wrap:anywhere}.case-customizer__file-copy p:first-child{color:#111;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-weight:400}.case-customizer__tool-grid{display:grid;gap:10px}.case-customizer__range{display:grid;gap:7px;color:#111;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-size:12px;font-weight:400;line-height:1}.case-customizer__range input{width:100%;accent-color:#111}.case-customizer__button-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.case-customizer__button-row button{min-width:0;min-height:34px;padding:0 8px;border:1px solid #d6d6d6;border-radius:999px;background:#fff;color:#111;cursor:pointer;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-size:12px;font-weight:400;line-height:1}.case-customizer__button-row button:hover{border-color:#111}.case-customizer__text-tool{display:grid;gap:8px;padding:10px;border:1px solid #e4e4e4;border-radius:14px;background:var(--case-customizer-soft)}.case-customizer__input-label{color:#111;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-size:12px;font-weight:400;line-height:1}.case-customizer__text-input{width:100%;min-height:38px;padding:0 12px;border:1px solid #d6d6d6;border-radius:999px;background:#fff;color:#111;font:inherit;font-size:13px;line-height:1}.case-customizer__text-input:focus{border-color:#111;outline:none}.case-customizer__text-options{display:flex;flex-wrap:wrap;gap:8px}.case-customizer__text-options label{cursor:pointer}.case-customizer__text-options input{position:absolute;width:1px;height:1px;opacity:0}.case-customizer__text-options span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid #d6d6d6;border-radius:999px;background:#fff;color:#111;font-size:12px;line-height:1}.case-customizer__text-options span:before{content:"";width:14px;height:14px;border:1px solid #bdbdbd;border-radius:999px;background:var(--swatch)}.case-customizer__text-options input:checked+span{border-color:#111;box-shadow:inset 0 0 0 1px #111}.case-customizer__status{min-height:36px;padding:10px 12px;border-radius:12px;background:#f2f2f2;color:#555;font-size:12px;line-height:1.35}.case-customizer.is-ready .case-customizer__status{background:#ecf8ee;color:#17622b}.case-customizer.is-warning .case-customizer__status{background:#fff7d8;color:#6f5100}.case-customizer.is-invalid .case-customizer__status{background:#fff0f0;color:#9b1c1c}@media screen and (max-width:1180px){.case-customizer__workspace{grid-template-columns:minmax(0,1fr)}.case-customizer__canvas-frame{min-height:250px}.case-customizer__canvas{width:min(70%,260px)}}@media screen and (max-width:699px){.product-info__block-item[data-block-type=case-customizer]{margin-top:16px!important}.case-customizer__header{grid-template-columns:minmax(0,1fr)}.case-customizer__badge{justify-self:start}.case-customizer__workspace{padding:10px;border-radius:18px}.case-customizer__canvas-frame{min-height:230px}.case-customizer__canvas{width:min(74%,245px)}.case-customizer__upload-row{grid-template-columns:minmax(0,1fr)}.case-customizer__upload-button{width:100%}.case-customizer__button-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.shopify-section--case-customizer-product .case-customizer{min-height:calc(100vh - 148px);background:#f2f2f2}.shopify-section--case-customizer-product .case-customizer__header{align-items:center;min-height:72px;margin:0;padding:18px 24px;border-bottom:1px solid #dedede;background:#fff}.shopify-section--case-customizer-product .case-customizer__eyebrow{margin-bottom:4px;color:#777;font-size:11px}.shopify-section--case-customizer-product .case-customizer__title{font-size:22px;line-height:1.1}.shopify-section--case-customizer-product .case-customizer__subtitle{max-width:620px;margin-top:4px;font-size:13px;line-height:1.35}.shopify-section--case-customizer-product .case-customizer__badge{min-height:30px;padding-inline:12px;font-size:11px}.shopify-section--case-customizer-product .case-customizer__workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:0;min-height:calc(100vh - 220px);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.shopify-section--case-customizer-product .case-customizer__preview-panel{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;align-content:stretch;min-height:calc(100vh - 220px);padding:24px;background:radial-gradient(circle at 50% 18%,#ffffff 0 0,transparent 300px),linear-gradient(180deg,#f7f7f7,#eee)}.shopify-section--case-customizer-product .case-customizer__canvas-frame{min-height:520px;border:0;border-radius:0;background:transparent}.shopify-section--case-customizer-product .case-customizer__canvas{width:min(48vh,390px);max-width:100%;filter:drop-shadow(0 28px 44px rgb(0 0 0 / 16%))}.shopify-section--case-customizer-product .case-customizer__selection{justify-self:center;width:min(100%,520px);padding:12px 14px;border-color:#e2e2e2;border-radius:16px;background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shopify-section--case-customizer-product .case-customizer__preview-note{justify-self:center;width:min(100%,520px);color:#6c6c6c;font-size:12px;text-align:center}.shopify-section--case-customizer-product .case-customizer__controls{align-content:start;gap:0;min-height:calc(100vh - 220px);max-height:calc(100vh - 220px);overflow-y:auto;padding:24px;border-left:1px solid #dedede;background:#fff}.shopify-section--case-customizer-product .case-customizer__upload-row,.shopify-section--case-customizer-product .case-customizer__tool-grid,.shopify-section--case-customizer-product .case-customizer__button-row,.shopify-section--case-customizer-product .case-customizer__text-tool,.shopify-section--case-customizer-product .case-customizer__status{margin:0;padding-block:18px;border-bottom:1px solid #e5e5e5}.shopify-section--case-customizer-product .case-customizer__upload-row{grid-template-columns:minmax(0,1fr)}.shopify-section--case-customizer-product .case-customizer__upload-row:before{content:"01. Upload Image";display:block;margin-bottom:2px;color:#111;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-size:14px;line-height:1.1}.shopify-section--case-customizer-product .case-customizer__tool-grid:before{content:"02. Adjust";display:block;color:#111;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-size:14px;line-height:1.1}.shopify-section--case-customizer-product .case-customizer__button-row:before{content:"03. Position";grid-column:1 / -1;display:block;color:#111;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-size:14px;line-height:1.1}.shopify-section--case-customizer-product .case-customizer__text-tool{border-right:0;border-left:0;border-top:0;border-radius:0;background:transparent}.shopify-section--case-customizer-product .case-customizer__input-label:before{content:"04. ";color:#777}.shopify-section--case-customizer-product .case-customizer__upload-button{width:100%;min-height:48px;border-radius:999px;background:#111;font-size:14px}.shopify-section--case-customizer-product .case-customizer__file-copy{padding-top:2px}.shopify-section--case-customizer-product .case-customizer__range{gap:8px;padding-top:12px}.shopify-section--case-customizer-product .case-customizer__button-row{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:18px}.shopify-section--case-customizer-product .case-customizer__button-row button,.shopify-section--case-customizer-product .case-customizer__text-options span{min-height:40px;border-radius:999px;background:#fafafa}.shopify-section--case-customizer-product .case-customizer__text-input{min-height:44px;border-radius:999px}.shopify-section--case-customizer-product .case-customizer__status{border-radius:0;background:transparent}@media screen and (max-width:1099px){.shopify-section--case-customizer-product .case-customizer{min-height:0}.shopify-section--case-customizer-product .case-customizer__workspace{grid-template-columns:minmax(0,1fr);min-height:0}.shopify-section--case-customizer-product .case-customizer__preview-panel{min-height:560px}.shopify-section--case-customizer-product .case-customizer__controls{min-height:0;max-height:none;border-top:1px solid #dedede;border-left:0}.shopify-section--case-customizer-product .case-customizer__canvas-frame{min-height:440px}}@media screen and (max-width:699px){.shopify-section--case-customizer-product .case-customizer__header{grid-template-columns:minmax(0,1fr) auto;min-height:62px;padding:12px 14px}.shopify-section--case-customizer-product .case-customizer__title{font-size:18px}.shopify-section--case-customizer-product .case-customizer__subtitle,.shopify-section--case-customizer-product .case-customizer__eyebrow{display:none}.shopify-section--case-customizer-product .case-customizer__preview-panel{min-height:470px;padding:18px 12px}.shopify-section--case-customizer-product .case-customizer__canvas-frame{min-height:360px}.shopify-section--case-customizer-product .case-customizer__canvas{width:min(78vw,310px)}.shopify-section--case-customizer-product .case-customizer__controls{padding:18px 14px}}.shopify-section--case-customizer-product .case-customizer__workspace{grid-template-columns:minmax(360px,430px) minmax(0,1fr)}.shopify-section--case-customizer-product .case-customizer__controls{order:1;border-right:1px solid #dedede;border-left:0}.shopify-section--case-customizer-product .case-customizer__preview-panel{order:2}.shopify-section--case-customizer-product .case-customizer__step-card,.shopify-section--case-customizer-product .case-customizer__upload-row,.shopify-section--case-customizer-product .case-customizer__tool-grid,.shopify-section--case-customizer-product .case-customizer__button-row,.shopify-section--case-customizer-product .case-customizer__text-tool,.shopify-section--case-customizer-product .case-customizer__sticker-tool,.shopify-section--case-customizer-product .case-customizer__status{display:grid;gap:12px;margin:0;padding:18px 0;border-bottom:1px solid #e5e5e5}.shopify-section--case-customizer-product .case-customizer__upload-row:before,.shopify-section--case-customizer-product .case-customizer__tool-grid:before,.shopify-section--case-customizer-product .case-customizer__button-row:before{content:none;display:none}.shopify-section--case-customizer-product .case-customizer__step-heading{display:flex;align-items:center;gap:8px;color:#111;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-size:14px;line-height:1.1}.shopify-section--case-customizer-product .case-customizer__step-heading span{color:#777}.shopify-section--case-customizer-product .case-customizer__step-card p{margin:0;color:#666;font-size:13px;line-height:1.35}.shopify-section--case-customizer-product .case-customizer__template-list,.shopify-section--case-customizer-product .case-customizer__device-type-list,.shopify-section--case-customizer-product .case-customizer__sticker-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.shopify-section--case-customizer-product .case-customizer__template-list button,.shopify-section--case-customizer-product .case-customizer__device-type-list button,.shopify-section--case-customizer-product .case-customizer__sticker-options button{min-height:42px;padding:0 12px;border:1px solid #dedede;border-radius:16px;background:#fafafa;color:#111;cursor:pointer;font-family:"Gotham-Bold",var(--heading-font-family),sans-serif;font-size:12px;line-height:1.1;text-align:left}.shopify-section--case-customizer-product .case-customizer__template-list button.is-selected,.shopify-section--case-customizer-product .case-customizer__device-type-list button.is-selected,.shopify-section--case-customizer-product .case-customizer__sticker-options button.is-selected{border-color:#111;box-shadow:inset 0 0 0 1px #111}.shopify-section--case-customizer-product .case-customizer__file-copy{padding-top:0}.shopify-section--case-customizer-product .case-customizer__tool-grid{grid-template-columns:minmax(0,1fr)}.shopify-section--case-customizer-product .case-customizer__tool-grid:after{content:"Drag directly on the preview to position your artwork.";color:#777;font-size:12px;line-height:1.35}.shopify-section--case-customizer-product .case-customizer__text-tool{padding:18px 0}.shopify-section--case-customizer-product .case-customizer__input-label:before{content:none}.shopify-section--case-customizer-product .case-customizer__status{border-bottom:0}@media screen and (max-width:1099px){.shopify-section--case-customizer-product .case-customizer__workspace{grid-template-columns:minmax(0,1fr)}.shopify-section--case-customizer-product .case-customizer__preview-panel{order:1}.shopify-section--case-customizer-product .case-customizer__controls{order:2;border-top:1px solid #dedede;border-right:0}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/case-customizer.css.map */