@property --pm-sp-travel{syntax: "<length>"; inherits: true; initial-value: 0px;}.pm-space-planner{--pm-space-planner-card-bg: var(--color-background-secondary);--pm-space-planner-hairline: var(--color-border);--pm-space-planner-image-radius: var(--style-border-radius-lg);--pm-space-planner-header-gap: var(--gap-md);--pm-space-planner-block-gap: var(--gap-2xl);--pm-sp-bar-reserve: calc( var(--page-margin, var(--padding-lg, 1rem)) + var(--padding-4xl, 2rem) + var(--gap-3xl, 3rem) );--pm-sp-bar-space: var(--pm-sticky-bar-clearance, 0px);--pm-sp-pin-top: max(var(--padding-lg), env(safe-area-inset-top, 0px));--pm-sp-chrome: calc(var(--pm-sp-pin-top) + var(--pm-sp-bar-space));--pm-sp-cluster-gap: var(--gap-xs);--pm-sp-card-bar-gap: var(--gap-xs);--pm-sp-view-height: calc(100svh - var(--pm-sp-chrome));--pm-sp-transition-ratio: .5;--pm-sp-travel: var(--gap-lg);--pm-sp-settle: .06;position:relative}body:has(.pm-buy-box-sticky-bar) .pm-space-planner{--pm-sp-bar-space: max(var(--pm-sticky-bar-footprint, 0px), var(--pm-sp-bar-reserve))}.pm-space-planner__inner{position:relative;display:flex;flex-direction:column;gap:var(--pm-space-planner-block-gap)}.pm-space-planner__scroller{display:block;width:100%}.pm-space-planner__track{position:relative;height:calc(var(--pm-sp-steps, 1) * var(--pm-sp-view-height))}.pm-space-planner__sticky{position:sticky;top:var(--pm-sp-pin-top);height:var(--pm-sp-view-height);display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden}.pm-space-planner__header{display:none;flex-direction:column;align-items:center;gap:var(--gap-sm);margin:0;margin-inline:auto;max-width:47rem;text-align:center;flex-shrink:0}.pm-space-planner__title,.pm-space-planner__title>*,.pm-space-planner__lede,.pm-space-planner__lede>*{text-align:center}.pm-space-planner__title.text-block>*{margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);letter-spacing:var(--pm-tracking-heading);text-transform:uppercase;color:var(--color-foreground-heading)}.pm-space-planner__lede,.pm-space-planner__lede>*{color:var(--color-foreground);font-size:var(--pm-text-md);line-height:var(--pm-text--line-height, 1.5);letter-spacing:var(--pm-tracking-body)}.pm-space-planner__empty{color:rgb(var(--color-foreground-rgb) / var(--opacity-60));text-align:center;padding:var(--padding-4xl)}.pm-space-planner__stage{display:flex;flex-direction:column;gap:var(--pm-sp-cluster-gap);position:relative;flex:0 1 auto;margin-block:auto;min-height:0;overflow:hidden}.pm-space-planner__tabs-wrap{flex-shrink:0;min-width:0}.pm-space-planner__tabs{list-style:none;margin:0;padding:0;display:flex;gap:var(--gap-lg);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none}.pm-space-planner__tabs::-webkit-scrollbar{display:none}.pm-space-planner__tab{all:unset;cursor:pointer;position:relative;display:inline-block;padding-block:var(--padding-3xs);font-family:var(--font-heading--family);font-weight:var(--font-heading--weight, 500);font-size:var(--pm-font-h6--size, 1.25rem);line-height:var(--pm-font-h6--line-height, 1.5);letter-spacing:var(--pm-tracking-heading);text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / var(--opacity-40));white-space:nowrap}@media(prefers-reduced-motion:no-preference){.pm-space-planner__tab{transition:color var(--pm-motion-micro)}}.pm-space-planner__tab:after{content:"";position:absolute;top:-12px;right:-10px;bottom:-12px;left:-10px}.pm-space-planner__tab:focus-visible{outline:2px solid var(--color-foreground);outline-offset:4px;border-radius:var(--style-border-radius-xs)}@media(hover:hover){.pm-space-planner__tab:hover{color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}}.pm-space-planner__tab[aria-selected=true]{color:var(--color-foreground)}.pm-space-planner__figure{position:relative;margin:0;width:100%;aspect-ratio:1 / 1;height:auto;max-height:var(--pm-sp-image-fit, none);flex:0 0 auto;overflow:visible}.pm-space-planner__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;box-sizing:border-box;border:var(--border-width-sm) solid var(--color-border-subtle);border-radius:var(--pm-space-planner-image-radius);overflow:hidden}.pm-space-planner__image-wrap[data-active=true],.pm-space-planner__image-wrap[data-phase],.pm-space-planner__image-wrap[data-fallback=true]{opacity:1}.pm-space-planner__image-wrap[data-phase=out]{border-color:transparent}.pm-space-planner__image-mask,.pm-space-planner__image-inner{position:absolute;top:0;right:0;bottom:0;left:0}.pm-space-planner__image-mask{overflow:hidden}.pm-space-planner__figure[data-empty]{width:0;height:0;overflow:hidden}.pm-space-planner__image{width:100%;height:100%;object-fit:cover;display:block}.pm-space-planner__connector{display:none}.pm-space-planner__connector path{fill:none;stroke:rgb(var(--color-foreground-rgb) / var(--opacity-40));stroke-width:1;stroke-dasharray:8 8;vector-effect:non-scaling-stroke}.pm-space-planner__panels{position:relative;display:grid;width:100%;flex:0 0 auto;min-height:0;overflow:visible}.pm-space-planner__panels>.shopify-block{display:contents}.pm-space-planner__panel{grid-area:1 / 1;visibility:hidden;background:var(--pm-space-planner-card-bg);border:0;border-radius:var(--style-border-radius-lg);padding:var(--padding-xl)}.pm-space-planner__panel[data-active=true],.pm-space-planner__panel[data-phase]{visibility:visible}.pm-space-planner__panel[data-phase]:not([data-active=true]){pointer-events:none}@media(prefers-reduced-motion:no-preference){.pm-space-planner__image-wrap:is([data-active=true],[data-phase]) .pm-space-planner__image,.pm-space-planner__image-wrap[data-phase] :is(.pm-space-planner__image-mask,.pm-space-planner__image-inner),.pm-space-planner__panel[data-phase],.pm-space-planner__panel[data-phase] :is(.pm-space-planner__tag,.pm-space-planner__panel-title,.pm-space-planner__body,.pm-space-planner__panel-divider,.pm-space-planner__feature){will-change:transform,opacity}}.pm-space-planner__tag{display:flex;align-items:center;gap:var(--gap-2xs);margin:0 0 var(--gap-sm) 0;color:rgb(var(--color-foreground-rgb) / var(--opacity-80));font-size:var(--pm-text-sm);line-height:var(--pm-text--line-height, 1.5)}.pm-space-planner__tag-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 auto;color:var(--color-foreground)}.pm-space-planner__tag-check svg{width:100%;height:100%}.pm-space-planner__panel-title{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight, 500);font-size:var(--pm-font-h4--size-mobile, 1.125rem);line-height:var(--pm-font-h4--line-height-mobile, 1.1);letter-spacing:var(--pm-tracking-heading);text-transform:uppercase;margin:0 0 var(--gap-sm) 0;color:var(--color-foreground-heading)}.pm-space-planner__body,.pm-space-planner__body>*{color:var(--color-foreground);font-size:var(--pm-text-sm);line-height:var(--pm-text--line-height, 1.5)}.pm-space-planner__body :where(p,ul,ol){margin:0 0 var(--gap-2xs)}.pm-space-planner__body :where(p,ul,ol):last-child{margin-block-end:0}.pm-space-planner__panel-divider{border:0;height:var(--border-width-sm);background:var(--pm-space-planner-hairline);margin:var(--gap-lg) 0}.pm-space-planner__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.pm-space-planner__feature{display:flex;align-items:center;gap:var(--gap-sm)}.pm-space-planner__feature-icon{width:24px;height:24px;flex:0 0 auto;background-color:currentColor;color:var(--color-foreground);-webkit-mask:var(--pm-space-planner-feature-icon) center / contain no-repeat;mask:var(--pm-space-planner-feature-icon) center / contain no-repeat}.pm-space-planner__feature-icon--placeholder{background:none;border:var(--border-width-sm) dashed var(--pm-space-planner-hairline);border-radius:var(--style-border-radius-xs)}.pm-space-planner__feature-label{font-size:var(--pm-text-sm);line-height:var(--pm-text--line-height, 1.5);color:var(--color-foreground)}.pm-space-planner__divider{border:0;height:var(--border-width-sm);background:var(--pm-space-planner-hairline);margin:0}.pm-space-planner__how{display:flex;flex-direction:column;gap:var(--gap-md)}.pm-space-planner__how-title{font-family:var(--font-heading--family);font-weight:var(--font-heading--weight, 500);font-size:var(--pm-font-h2--size-mobile);line-height:var(--pm-font-h2--line-height-mobile);letter-spacing:var(--pm-tracking-heading);text-transform:uppercase;margin:0;color:var(--color-foreground-heading)}.pm-space-planner__steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--gap-md)}.pm-space-planner__step{display:flex;align-items:center;gap:var(--gap-md);color:var(--color-foreground)}.pm-space-planner__step-num{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex:0 0 auto;border-radius:var(--style-border-radius-50);background:var(--color-highlight);color:var(--color-text-primary);font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:var(--pm-font-h5--size);line-height:1.1;letter-spacing:var(--pm-tracking-heading)}.pm-space-planner__step-label{font-weight:500;font-size:var(--pm-text-lg);line-height:var(--pm-text--line-height, 1.5);letter-spacing:var(--pm-tracking-body);text-transform:none}.pm-space-planner__cta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-md);padding:var(--padding-2xl);background:var(--pm-space-planner-card-bg);border:0;border-radius:var(--style-border-radius-lg);margin-inline:var(--pm-space-planner-footer-inline)}.pm-space-planner__cta-avatar{display:inline-block;width:48px;height:48px;flex:0 0 auto;border-radius:var(--style-border-radius-50);overflow:hidden;background:var(--pm-space-planner-hairline)}.pm-space-planner__cta-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.pm-space-planner__cta-copy{display:flex;flex-direction:column;gap:var(--gap-3xs);min-width:0}.pm-space-planner__cta-heading.text-block>*{margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);letter-spacing:var(--pm-tracking-heading);text-transform:uppercase;color:var(--color-foreground-heading)}.pm-space-planner__cta-sub,.pm-space-planner__cta-sub>*{margin:0;font-size:var(--pm-text-base);line-height:var(--pm-text--line-height, 1.5);letter-spacing:var(--pm-tracking-body);color:var(--color-foreground)}.pm-space-planner__cta-button{align-self:stretch;flex-shrink:0;text-align:center;white-space:nowrap;min-width:max-content;padding-block:var(--padding-md);padding-inline:var(--padding-4xl);border-radius:var(--style-border-radius-pills)}@media screen and (min-width:46.875rem){.pm-space-planner__how{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gap-xl)}.pm-space-planner__steps{flex-direction:row;justify-content:space-between;flex:1 1 auto;gap:var(--gap-lg)}.pm-space-planner__cta{flex-direction:row;align-items:center}.pm-space-planner__cta-button{align-self:auto;margin-inline-start:auto}}@media screen and (min-width:64rem){.pm-space-planner{--pm-sp-pin-top: var(--pm-header-height, 5.5rem);--pm-sp-bar-reserve: calc( var(--page-margin, var(--padding-lg, 1rem)) - var(--padding-lg, 1rem) + var(--padding-4xl, 2rem) + var(--gap-3xl, 3rem) );--pm-space-planner-footer-inline: 7rem;--pm-sp-image-size: 24rem;--pm-sp-header-clear: var(--gap-lg, 1rem)}.pm-space-planner__sticky{overflow:visible;gap:var(--gap-sm);padding-block-start:var(--pm-sp-header-clear)}.pm-space-planner__header{display:flex;position:relative;margin-block:clamp(-34px,calc(-.25rem - ((50rem - 100svh)/2)),-.25rem) var(--gap-xl);margin-inline:auto;gap:var(--gap-xs);width:100%;align-self:center}.pm-space-planner__stage{flex:1 1 auto;margin-block:0;min-height:0}.pm-space-planner__inner{width:100%}.pm-space-planner__title.text-block>*{line-height:var(--pm-font-h2--line-height)}.pm-space-planner__how{margin-inline:var(--pm-space-planner-footer-inline)}.pm-space-planner__how+.pm-space-planner__cta{margin-block-start:var(--padding-xs)}.pm-space-planner__how-title{font-size:var(--pm-font-h4--size);line-height:var(--pm-font-h4--line-height)}.pm-space-planner__steps{width:min(52.4375rem,100%);flex:0 1 auto}.pm-space-planner__stage{display:grid;grid-template-columns:minmax(0,18.25rem) minmax(0,var(--pm-sp-image-size)) minmax(var(--gap-3xl),var(--gap-4xl)) minmax(0,27.8125rem);grid-template-rows:minmax(0,1fr);column-gap:0;row-gap:0;align-items:center;justify-content:center;height:100%;min-height:0}.pm-space-planner__tabs-wrap{grid-column:1;grid-row:1}.pm-space-planner__figure{grid-column:2;grid-row:1;align-self:center;justify-self:center;margin:0;width:min(var(--pm-sp-image-size),100%);max-width:100%;max-height:100%;height:auto;aspect-ratio:1 / 1}.pm-space-planner__figure[data-empty]{width:min(var(--pm-sp-image-size),100%);height:auto;max-height:100%;overflow:visible}.pm-space-planner__panels{grid-column:4;grid-row:1;min-height:0;align-self:center;margin-block-end:0;overflow:visible}.pm-space-planner__panel-title{font-size:var(--pm-font-h5--size, 1.5rem);line-height:var(--pm-font-h5--line-height, 1.5)}.pm-space-planner__body,.pm-space-planner__body>*,.pm-space-planner__feature-label{font-size:var(--pm-text-base)}.pm-space-planner__tabs{flex-direction:column;gap:var(--gap-md);justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;overflow:visible}.pm-space-planner__connector{display:block;position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.pm-space-planner__panel{padding:var(--padding-3xl);align-self:center}}.pm-space-planner__cta-heading>*,.pm-space-planner__cta-sub>*{margin:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}.pm-space-planner__header--mobile{display:flex;margin-block-end:var(--gap-sm)}@media screen and (min-width:64rem){.pm-space-planner__header--mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/pm-space-planner.css.map */