@property --_header-h{syntax: "<length>"; inherits: false; initial-value: 80px;}[hidden]{display:none!important}.planner-section{overflow-x:clip}.planner{--_header-h: var(--header-height, 80px);transition:--_header-h .15s ease-out;display:grid;grid-template-columns:1fr;max-width:1400px;margin-inline:auto;overflow-x:clip}@media screen and (min-width:768px){.planner{grid-template-columns:1fr 1fr}}@media screen and (min-width:1200px){.planner{grid-template-columns:55fr 45fr}}.planner__image-sticky{position:sticky;top:var(--_header-h);height:calc(100vh - var(--_header-h));height:calc(100svh - var(--_header-h));display:flex;flex-direction:column;padding:2rem}@media screen and (max-width:767px){.planner__image-sticky{height:35svh;padding:1rem;align-items:center;justify-content:center}.planner__image-frame{flex:0 0 auto;width:calc(35svh - 2rem);height:calc(35svh - 2rem);max-width:100%;overflow:hidden}.planner__image{width:100%;height:100%;object-fit:contain}}.planner__image-frame{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;border-radius:16px;overflow:hidden;background:rgba(var(--color-base-background-2, 243, 243, 243),.5)}.planner__image{display:block;max-width:100%;max-height:100%;object-fit:contain;transition:opacity .25s ease}.planner__image--loading{opacity:0}@media(prefers-reduced-motion:reduce){.planner__image{transition:none}}.planner__summary{padding-top:1.5rem;flex-shrink:0}.planner__summary-list{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none}.planner__summary-item{display:flex;gap:.35rem;font-size:1.2rem}.planner__summary-item dt{color:rgba(var(--color-base-text),.5)}.planner__summary-item dd{margin:0;font-weight:600}@media screen and (max-width:767px){.planner__summary{display:none}}.planner__steps-col{display:flex;flex-direction:column;min-width:0;position:relative;border-left:1px solid rgba(var(--color-border, 0, 0, 0),.08)}.planner__intro{padding:3rem 2rem 1.5rem}.planner__intro-title{margin:0 0 .5rem;font-family:var(--font-heading-family);font-size:40px}.planner__intro-sub{margin:0;margin-block-end:6px;font-size:1.5rem;color:rgba(var(--color-base-text),.6);line-height:1.5}@media screen and (max-width:767px){.planner__intro{padding-block-end:0px;padding-inline:1rem}.planner__intro-title{font-size:clamp(18px,5vw,30px)}.planner__intro-sub{display:none}}.planner__price{margin-top:1.5rem;font-size:1.8rem;font-weight:700;color:rgb(var(--color-base-text))}.wizard-tab-strip{background:rgb(var(--color-base-background-1, 255, 255, 255));border-bottom:1px solid rgba(var(--color-border, 0, 0, 0),.1);display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.wizard-tab-strip::-webkit-scrollbar{display:none}@media screen and (max-width:767px){.wizard-tab-strip{display:none}}.wizard-tab{display:flex;flex-direction:column;align-items:center;padding:.75rem .6rem .65rem;min-width:80px;flex-shrink:0;flex:1;border-bottom:2.5px solid transparent;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer;font-family:inherit;transition:border-color .15s}.wizard-tab[data-state=pending]{pointer-events:none;opacity:.45}.wizard-tab[data-state=active]{border-bottom-color:rgb(var(--color-base-text))}.wizard-tab-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;background:#f0f0f0;color:rgba(var(--color-base-text),.4);transition:background .15s,color .15s}.wizard-tab[data-state=active] .wizard-tab-num{background:rgb(var(--color-base-background-1, 255,255,255));border:2px solid rgb(var(--color-base-text));color:rgb(var(--color-base-text))}.wizard-tab[data-state=completed] .wizard-tab-num{background:rgb(var(--color-base-text));color:rgb(var(--color-base-background-1, 255,255,255))}.wizard-tab[data-state=skipped] .wizard-tab-num{background:rgb(var(--color-base-background-1, 255,255,255));border:2px dashed #f59e0b;color:#b45309}.wizard-tab-title{font-size:1rem;margin-top:3px;text-align:center;overflow-wrap:break-word;color:rgba(var(--color-base-text),.35);font-weight:500}.wizard-tab[data-state=active] .wizard-tab-title,.wizard-tab[data-state=completed] .wizard-tab-title{color:rgb(var(--color-base-text));font-weight:600}.wizard-tab[data-state=skipped] .wizard-tab-title{color:#b45309}.wizard-dots-nav{display:none;position:sticky;top:var(--_header-h);z-index:10;background:rgb(var(--color-base-background-1, 255,255,255));border-bottom:1px solid rgba(var(--color-border, 0, 0, 0),.1);padding:.75rem 1rem;align-items:center;justify-content:space-between;gap:.75rem}@media screen and (max-width:767px){.wizard-dots-nav{display:flex}}.wizard-dots-info{display:flex;flex-direction:column;gap:1px;flex:1}.wizard-dots-count{font-size:.7rem;color:rgba(var(--color-base-text),.4);font-weight:500}.wizard-dots-name{font-size:.95rem;font-weight:700;color:rgb(var(--color-base-text))}.wizard-dots-row{display:flex;gap:4px;align-items:center;margin-top:4px}.wizard-dot{height:9px;border-radius:4.5px;transition:width .2s,background .2s;width:9px;background:#e0e0e0}.wizard-dot[data-state=active]{width:22px;background:rgb(var(--color-base-text))}.wizard-dot[data-state=completed]{background:rgb(var(--color-base-text))}.wizard-dot[data-state=skipped]{background:#f59e0b}.wizard-dot[data-state=pending]{background:#e0e0e0}@media(prefers-reduced-motion:reduce){.wizard-dot{transition:none}}.wizard-dots-btns{display:flex;gap:.5rem;flex-shrink:0}.wizard-nav-btn{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(var(--color-border, 0,0,0),.25);background:rgb(var(--color-base-background-1, 255,255,255));display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:rgb(var(--color-base-text));transition:background .12s}.wizard-nav-btn:disabled{opacity:.3;cursor:not-allowed}.wizard-nav-btn:not(:disabled):hover{background:rgba(var(--color-base-background-2, 243,243,243),.8)}.planner__step{padding:3rem 2rem;display:flex;flex-direction:column;gap:1.5rem}@media screen and (max-width:767px){.planner__step{padding:1.5rem 1rem}}.planner__step-counter{font-size:.75rem;color:rgba(var(--color-base-text),.4);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin:0}.planner__step-heading{margin:0;font-size:clamp(1.4rem,3vw,2.2rem);font-family:var(--font-heading-family);font-weight:700;line-height:1.2}.planner__step-sub{margin:.25rem 0 0;font-size:1.4rem;color:rgba(var(--color-base-text),.55);line-height:1.5}.planner__step-options{display:flex;flex-direction:column;gap:1rem}.planner__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.4rem 1.6rem;font-family:inherit;font-size:1.5rem;color:rgb(var(--color-base-text));background:rgb(var(--color-base-background-1, 255, 255, 255));border:1.5px solid rgba(var(--color-border, 0, 0, 0),.8);border-radius:12px;cursor:pointer;text-align:left;transition:border-color .12s ease,box-shadow .12s ease;gap:.75rem}.planner__option:hover{border-color:rgba(var(--color-base-text),.4)}.planner__option:focus-visible{outline:2px solid rgb(var(--color-base-text));outline-offset:2px}.planner__option[aria-checked=true]{border-color:rgb(var(--color-base-text));border-width:2px}.planner__option-text{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.planner__option-label{font-weight:600;font-size:1.5rem;line-height:1.3}.planner__option-desc{font-size:1.2rem;color:rgba(var(--color-base-text),.55);line-height:1.4}.planner__option-check{width:20px;height:20px;border-radius:50%;border:2px solid rgba(var(--color-border, 0,0,0),.25);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .12s,border-color .12s;font-size:0}.planner__option[aria-checked=true] .planner__option-check{background:rgb(var(--color-base-text));border-color:rgb(var(--color-base-text));font-size:.7rem;color:rgb(var(--color-base-background-1, 255,255,255));font-weight:700}.planner__step-selection{font-size:1.4rem;font-weight:400;color:rgba(var(--color-base-text),.55);margin-left:.35em}.planner__step-options:has(.planner__option--swatch){flex-direction:row;flex-wrap:wrap;gap:2rem}.planner__option--swatch{width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:var(--swatch-color, #ccc);border:none;box-shadow:0 0 0 2.5px rgb(var(--color-base-background-1, 255,255,255)),0 0 0 4.5px transparent;transition:box-shadow .15s ease;flex-shrink:0;overflow:visible;position:relative}.planner__swatch-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:rgb(var(--color-base-text));color:rgb(var(--color-base-background-1, 255, 255, 255));font-size:1.1rem;white-space:nowrap;padding:.2rem .5rem;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .1s ease;z-index:10}.planner__option--swatch:hover .planner__swatch-tooltip{opacity:1}@media(prefers-reduced-motion:reduce){.planner__swatch-tooltip{transition:none}}.planner__option--swatch img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none}.planner__option--swatch:hover{border:none;box-shadow:0 0 0 2.5px rgb(var(--color-base-background-1, 255,255,255)),0 0 0 4.5px rgba(var(--color-base-text),.35)}.planner__option--swatch[aria-checked=true]{border:none;padding:0;font-weight:inherit;box-shadow:0 0 0 2.5px rgb(var(--color-base-background-1, 255,255,255)),0 0 0 4.5px rgb(var(--color-base-text))}.planner__step .planner__option--swatch[aria-checked=true]:focus:not(:focus-visible){box-shadow:0 0 0 2.5px rgb(var(--color-base-background-1, 255,255,255)),0 0 0 4.5px rgb(var(--color-base-text))}.planner__option--swatch[inert],.planner__option[inert]{display:none}.planner__step-nav{display:flex;gap:.75rem;align-items:center;margin-top:.5rem}.planner__cart-area{padding:2rem;display:flex;flex-direction:column;gap:.75rem;border-top:1px solid rgba(var(--color-border, 0,0,0),.08)}.planner__error{margin:0;color:rgb(var(--color-error, 235, 87, 87));font-size:1.3rem}.planner__cart-btn[aria-busy=true]{opacity:.8;cursor:wait}.planner__cart-btn:disabled{cursor:not-allowed;opacity:.5}.planner__cart-back{width:100%;background:none;border:none;color:rgba(var(--color-base-text),.45);font-family:inherit;font-size:1.4rem;font-weight:500;padding:.6rem;cursor:pointer;text-align:center}.planner__cart-back:hover{color:rgba(var(--color-base-text),.7)}.planner__cart-back:focus-visible{outline:2px solid rgba(var(--color-base-text),.45);outline-offset:2px;border-radius:4px}.planner__cart-btn,.planner__overview-btn{width:100%}.planner__overview-dialog{border:none;border-radius:16px;padding:0;max-width:min(480px,calc(100vw - 2rem));width:100%;box-shadow:0 8px 40px #0000002e;background:rgb(var(--color-base-background-1, 255, 255, 255))}.planner__overview-dialog::backdrop{background:#0006}.planner__overview-dialog-inner{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.planner__overview-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.planner__overview-dialog-title{margin:0;font-family:var(--font-heading-family);font-size:2rem;font-weight:700}.planner__overview-dialog-close{width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(var(--color-border, 0, 0, 0),.2);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.planner__overview-dialog-body .planner__summary-list{flex-direction:column;flex-wrap:nowrap;gap:.75rem}.planner__overview-dialog-body .planner__summary-item{font-size:1.4rem;border-bottom:1px solid rgba(var(--color-border, 0, 0, 0),.08);padding-bottom:.75rem}.planner__overview-dialog-body .planner__summary-item:last-child{border-bottom:none}.planner__animation-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-base-background-1, 255,255,255));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;z-index:20}.planner__anim-planner-svg{flex-shrink:0}.planner__anim-dots{display:flex;gap:6px;align-items:center}.planner__anim-dot{width:8px;height:8px;border-radius:50%;background:rgba(var(--color-base-text),.25);animation:planner-bounce .9s ease-in-out infinite}.planner__anim-dot:nth-child(2){animation-delay:.15s}.planner__anim-dot:nth-child(3){animation-delay:.3s}@keyframes planner-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.planner__anim-dot{animation:none}}.planner__anim-success,.planner__animation-overlay.is-success .planner__anim-dots{display:none}.planner__animation-overlay.is-success .planner__anim-success{display:flex;align-items:center;justify-content:center}.planner__anim-check-circle{width:56px;height:56px;border-radius:50%;border:2px solid rgb(var(--color-base-text));display:flex;align-items:center;justify-content:center}.planner__anim-check-path{stroke:rgb(var(--color-base-text));stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:30;stroke-dashoffset:30}.planner__animation-overlay.is-success .planner__anim-check-path{animation:planner-draw-check .4s ease forwards .1s}@keyframes planner-draw-check{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.planner__anim-check-path{animation:none;stroke-dashoffset:0}}.planner__bundle-thumb{width:48px;height:48px;border-radius:8px;flex-shrink:0;overflow:hidden;background:rgba(var(--color-base-background-2, 243, 243, 243),.8)}.planner__bundle-thumb img{display:block;width:100%;height:100%;object-fit:cover}.planner__bundle-price{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:2px;padding-left:.5rem}.planner__bundle-price-original{font-size:1.1rem;color:rgba(var(--color-base-text),.4)}.planner__bundle-price-badge{font-size:.85rem;font-weight:700;background:#dcfce7;color:#15803d;border-radius:4px;padding:1px 5px;line-height:1.5}.planner__bundle-price-final{font-size:1.5rem;font-weight:700;color:rgb(var(--color-base-text))}.planner__bundle-note{font-size:1.1rem;color:rgba(var(--color-base-text),.4);font-style:italic;margin:-.5rem 0 0}.planner__price s{font-size:1.4rem;font-weight:400;color:rgba(var(--color-base-text),.4);text-decoration:line-through;margin-right:.25rem}.planner__bundle-price-hint{font-size:1rem;color:rgba(var(--color-base-text),.4);line-height:1.3;text-align:right}@media screen and (max-width:1057px){[data-planner-bundle-step] .planner__option{display:grid;grid-template-columns:48px 1fr 20px;grid-template-rows:auto auto;column-gap:.75rem;row-gap:0;align-items:start}[data-planner-bundle-step] .planner__bundle-thumb{grid-column:1;grid-row:1 / 3;padding-top:2px}[data-planner-bundle-step] .planner__option-text{grid-column:2;grid-row:1}[data-planner-bundle-step] .planner__bundle-price{grid-column:2;grid-row:2;flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 8px;padding-left:0;flex-shrink:unset;margin-top:6px}[data-planner-bundle-step] .planner__bundle-price-hint{flex-basis:100%;text-align:left}[data-planner-bundle-step] .planner__option-check{grid-column:3;grid-row:1;margin-top:2px}}.planner__no-config{margin:1rem 0;color:rgb(var(--color-base-text))}
/*# sourceMappingURL=/cdn/shop/t/121/assets/planner-configurator.css.map */