.ss-planner-demo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:stretch;justify-content:center;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility .24s ease}.ss-planner-demo-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.ss-planner-demo-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#14101685;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ss-planner-demo-overlay__panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1600px,100vw);height:100dvh;max-height:100dvh;margin:0 auto;background:var(--ss-white, #fff);box-shadow:0 24px 80px #14101647;transform:scale(.985);transition:transform .24s ease;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.ss-planner-demo-overlay.is-open .ss-planner-demo-overlay__panel{transform:scale(1)}@media(min-width:900px){.ss-planner-demo-overlay{padding:clamp(12px,2vw,24px)}.ss-planner-demo-overlay__panel{height:calc(100dvh - clamp(24px,4vw,48px));max-height:calc(100dvh - clamp(24px,4vw,48px));border-radius:20px;overflow:hidden}}.ss-planner-demo-overlay__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:10px clamp(12px,2vw,20px);border-bottom:1px solid var(--ss-line-soft, #efeadf);background:color-mix(in srgb,var(--ss-white, #fff) 92%,var(--ss-cream, #fbf8f2))}.ss-planner-demo-overlay__brand{display:flex;flex-direction:column;gap:2px;min-width:0}.ss-planner-demo-overlay__title{margin:0;font-family:var(--ss-font-display, Quicksand, system-ui, sans-serif);font-size:1rem;font-weight:700;line-height:1.2;color:var(--ss-ink, #2e332c)}.ss-planner-demo-overlay__label{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ss-sage-deep, #5e6e55)}.ss-planner-demo-overlay__header-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:100%}@media(max-width:480px){.ss-planner-demo-overlay__header{flex-wrap:wrap;align-items:flex-start}.ss-planner-demo-overlay__header-actions{width:100%;justify-content:stretch}.ss-planner-demo-overlay__header-actions .ss-planner-demo-overlay__btn--primary{flex:1 1 auto}}.ss-planner-demo-overlay__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 14px;border-radius:999px;border:1px solid var(--ss-line, #e6e0d4);background:var(--ss-white, #fff);color:var(--ss-ink, #2e332c);font-family:var(--ss-font-display, Quicksand, system-ui, sans-serif);font-size:.875rem;font-weight:700;cursor:pointer;text-decoration:none}.ss-planner-demo-overlay__btn--primary,.ss-planner-demo-overlay a.ss-planner-demo-overlay__btn--primary,.content-for-layout .ss-planner-demo-overlay a.ss-planner-demo-overlay__btn--primary{background:var(--ss-sage-deep, #5e6e55);border-color:var(--ss-sage-deep, #5e6e55);--button-color: #fffaf0;color:#fffaf0!important;-webkit-text-fill-color:#fffaf0;text-decoration:none!important}.ss-planner-demo-overlay a.ss-planner-demo-overlay__btn--primary:hover,.ss-planner-demo-overlay a.ss-planner-demo-overlay__btn--primary:focus-visible,.content-for-layout .ss-planner-demo-overlay a.ss-planner-demo-overlay__btn--primary:hover,.content-for-layout .ss-planner-demo-overlay a.ss-planner-demo-overlay__btn--primary:focus-visible{color:#fffaf0!important;-webkit-text-fill-color:#fffaf0}.ss-planner-demo-overlay__btn--icon{padding:0;width:44px}.ss-planner-demo-overlay__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;position:relative;background:var(--ss-cream, #fbf8f2)}.ss-planner-demo-overlay__welcome,.ss-planner-demo-overlay__frame-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.ss-planner-demo-overlay__welcome[hidden],.ss-planner-demo-overlay__frame-wrap[hidden]{display:none!important}.ss-planner-demo-overlay__welcome{align-items:center;justify-content:center;padding:clamp(20px,4vw,40px);text-align:center}.ss-planner-demo-overlay__welcome-card{width:min(520px,100%);padding:clamp(20px,4vw,28px);border-radius:20px;border:1px solid var(--ss-line-soft, #efeadf);background:var(--ss-white, #fff);box-shadow:var(--ss-sh-sm, 0 2px 8px rgba(52, 70, 59, .05))}.ss-planner-demo-overlay__welcome-card h2{margin:0 0 10px;font-family:var(--ss-font-display, Quicksand, system-ui, sans-serif);font-size:clamp(1.25rem,3vw,1.55rem);line-height:1.25;color:var(--ss-ink, #2e332c)}.ss-planner-demo-overlay__welcome-card p,.ss-planner-demo-overlay__welcome-card ul{margin:0 0 16px;font-size:.95rem;line-height:1.55;color:var(--ss-muted, #6b7165);text-align:left}.ss-planner-demo-overlay__welcome-card p+ul{margin-top:4px}.ss-planner-demo-overlay__welcome-card ul{padding-left:1.15rem}.ss-planner-demo-overlay__welcome-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.ss-planner-demo-overlay__compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;text-align:left}.ss-planner-demo-overlay__compare[hidden]{display:none!important}.ss-planner-demo-overlay__compare article{padding:14px;border:1px solid var(--ss-line-soft, #efeadf);border-radius:14px;background:var(--ss-cream, #fbf8f2)}.ss-planner-demo-overlay__compare h3{margin:0 0 8px;font-family:var(--ss-font-display, Quicksand, system-ui, sans-serif);font-size:.95rem;color:var(--ss-ink, #2e332c)}.ss-planner-demo-overlay__compare ul{margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.5;color:var(--ss-muted, #6b7165)}@media(max-width:620px){.ss-planner-demo-overlay__compare{grid-template-columns:1fr}}.ss-planner-demo-overlay__frame-wrap{position:relative}.ss-planner-demo-overlay__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--ss-muted, #6b7165);background:var(--ss-cream, #fbf8f2);z-index:1}.ss-planner-demo-overlay__loading[hidden]{display:none!important}.ss-planner-demo-overlay__iframe{display:block;width:100%;height:100%;border:0;background:#fff}.ss-planner-demo-overlay__footer{flex:0 0 auto;padding:10px clamp(12px,2vw,20px);border-top:1px solid var(--ss-line-soft, #efeadf);background:var(--ss-white, #fff);font-size:.8125rem;line-height:1.45;color:var(--ss-muted, #6b7165);text-align:center}.ss-planner-demo-overlay__footer a{color:var(--ss-sage-deep, #5e6e55);font-weight:700;text-decoration:underline;text-underline-offset:.15em}body.ss-planner-demo-overlay-open{overflow:hidden}@media(prefers-reduced-motion:reduce){.ss-planner-demo-overlay,.ss-planner-demo-overlay__panel{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/ss-planner-demo-overlay.css.map */