spark-popup[data-identifier^=installation-guide-]{--ig-bg: #1a1a1a;--ig-inner-bg: #242424;--ig-fg: #ffffff;--ig-muted: rgba(255, 255, 255, .55);--ig-subtle: rgba(255, 255, 255, .35);--ig-border: rgba(255, 255, 255, .12);--ig-border-strong: rgba(255, 255, 255, .3);--ig-divider: rgba(255, 255, 255, .08);--ig-accent: #ffffff;--ig-radius: .25rem;--ig-transition: .2s ease;--ig-motion-duration: .4s;--ig-motion-easing: cubic-bezier(.4, 0, .2, 1);--ig-motion: var(--ig-motion-duration) var(--ig-motion-easing);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:var(--ig-bg);color:var(--ig-fg);opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;padding:2.5rem;transition:opacity .25s ease,visibility .25s ease}spark-popup[data-identifier^=installation-guide-][data-is-open=true]{opacity:1;visibility:visible}.section-installation-guide-modal__inner{position:relative;width:100%;height:100%;background:var(--ig-inner-bg);border-radius:var(--ig-radius);display:flex;flex-direction:column;overflow:hidden}.section-installation-guide-modal__close{position:absolute;top:1rem;right:1.25rem;z-index:5;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--ig-fg);cursor:pointer;padding:0;transition:opacity var(--ig-transition)}.section-installation-guide-modal__close:hover{opacity:.7}.section-installation-guide-modal__close svg{width:.875rem;height:.875rem;fill:currentColor}.section-installation-guide-modal__stepper-bar{flex:0 0 auto;padding:2.75rem 3.75rem 1.5rem;border-bottom:1px solid var(--ig-divider)}.section-installation-guide-modal__stepper{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.section-installation-guide-modal__stepper-step{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;flex-shrink:1;min-width:0;transition:opacity var(--ig-transition)}.section-installation-guide-modal__stepper-step:not(.is-active){opacity:.55}.section-installation-guide-modal__stepper-step:not(.is-active):hover{opacity:.85}.section-installation-guide-modal__stepper-num{flex:0 0 auto;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid var(--ig-border-strong);background:transparent;color:var(--ig-fg);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;line-height:1;transition:background var(--ig-transition),color var(--ig-transition),border-color var(--ig-transition)}.section-installation-guide-modal__stepper-step.is-active .section-installation-guide-modal__stepper-num{background:var(--ig-fg);color:var(--ig-bg);border-color:var(--ig-fg)}.section-installation-guide-modal__stepper-label{font-size:.875rem;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-installation-guide-modal__stepper-step.is-active .section-installation-guide-modal__stepper-label{color:var(--ig-fg)}.section-installation-guide-modal__stepper-line{flex:1;min-width:1rem;height:1px;background:var(--ig-border)}.section-installation-guide-modal__stepper--many .section-installation-guide-modal__stepper-step:not(.is-active) .section-installation-guide-modal__stepper-label{display:none}.section-installation-guide-modal__body{flex:1 1 auto;min-height:0;position:relative;display:flex;flex-direction:column}.section-installation-guide-modal__steps{flex:1 1 auto;min-height:0;position:relative}.section-installation-guide-modal__step{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;opacity:0;pointer-events:none;transition:opacity var(--ig-motion)}.section-installation-guide-modal__step.is-active{opacity:1;pointer-events:auto}.section-installation-guide-modal__step-content{flex:1;display:flex;align-items:stretch;gap:2rem;padding:1.5rem 3.75rem 2rem;min-height:0}.section-installation-guide-modal__action-list{flex:1 1 0;min-width:0;list-style:none;margin:0;padding:.5rem 0;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;gap:.5rem;counter-reset:ig-action;scrollbar-width:thin;scrollbar-color:var(--ig-border-strong) transparent}.section-installation-guide-modal__action-item{border-radius:.5rem;padding:.75rem .5rem;counter-increment:ig-action;transition:background var(--ig-motion),opacity var(--ig-motion)}.section-installation-guide-modal__action-item:not(.is-active){opacity:.5}.section-installation-guide-modal__action-item:not(.is-active):hover{opacity:.75}.section-installation-guide-modal__action-item.is-active{opacity:1}.section-installation-guide-modal__action-header{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:0;margin:0;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem}.section-installation-guide-modal__action-item.is-active .section-installation-guide-modal__action-header{cursor:default}.section-installation-guide-modal__action-number{flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--ig-border-strong);background:transparent;color:var(--ig-fg);display:inline-flex;align-items:center;justify-content:center;font-size:0;line-height:1;transition:background var(--ig-motion),color var(--ig-motion),border-color var(--ig-motion)}.section-installation-guide-modal__action-number:before{content:counter(ig-action,lower-roman);font-size:.8125rem;font-weight:500;line-height:1}.section-installation-guide-modal__action-item.is-active .section-installation-guide-modal__action-number{background:var(--ig-fg);color:var(--ig-bg);border-color:var(--ig-fg)}.section-installation-guide-modal__action-title{margin:0;font-size:1rem;font-weight:600;line-height:1.3}.section-installation-guide-modal__action-content{display:grid;grid-template-rows:0fr;opacity:0;padding-left:2.75rem;transition:grid-template-rows var(--ig-motion),opacity var(--ig-motion),padding-top var(--ig-motion)}.section-installation-guide-modal__action-item.is-active .section-installation-guide-modal__action-content{grid-template-rows:1fr;opacity:1;padding-top:.875rem}.section-installation-guide-modal__action-item:not(:has(.section-installation-guide-modal__action-number)) .section-installation-guide-modal__action-content{padding-left:0}.section-installation-guide-modal__action-content-inner{min-height:0;overflow:hidden}.section-installation-guide-modal__action-description{margin:0 0 .875rem;max-width:28rem;font-size:.9375rem;line-height:1.5;color:var(--ig-muted)}.section-installation-guide-modal__action-description:last-of-type{margin-bottom:1.25rem}.section-installation-guide-modal__action-description strong{color:var(--ig-fg);font-weight:600}.section-installation-guide-modal__action-description a{color:var(--ig-fg);text-decoration:underline}.section-installation-guide-modal__action-description a:hover{text-decoration:none}.section-installation-guide-modal__os-toggle{display:inline-flex;flex-wrap:wrap;gap:.5rem}.section-installation-guide-modal__daw-selector{display:flex;flex-wrap:wrap;gap:.5rem}.section-installation-guide-modal__daw-button{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.625rem;background:transparent;color:var(--ig-fg);text-decoration:none;border:1px solid var(--ig-border);border-radius:var(--ig-radius);padding:.625rem 1rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:border-color var(--ig-transition),background var(--ig-transition)}.section-installation-guide-modal__daw-button:hover{border-color:var(--ig-fg)}.section-installation-guide-modal__daw-button-icon{width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.section-installation-guide-modal__daw-button-label{line-height:1}.section-installation-guide-modal__visuals{flex:1 1 0;min-width:0;position:relative}.section-installation-guide-modal__visual{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--ig-motion)}.section-installation-guide-modal__visual.is-active{opacity:1;pointer-events:auto}.section-installation-guide-modal__app-icon{width:min(16rem,100%);height:auto;display:block;filter:drop-shadow(0 1.5rem 2.5rem rgba(0,0,0,.5))}.section-installation-guide-modal__action-screenshot{max-width:min(34rem,100%);max-height:100%;width:auto;height:auto;display:block;border-radius:.5rem;filter:drop-shadow(0 1.5rem 2.5rem rgba(0,0,0,.5))}.section-installation-guide-modal__action-screenshot--no-radius{border-radius:0}.section-installation-guide-modal__footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 3.75rem;border-top:1px solid var(--ig-divider);gap:1rem}.section-installation-guide-modal__back,.section-installation-guide-modal__next{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--ig-fg);border:1px solid var(--ig-border);border-radius:var(--ig-radius);padding:.625rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color var(--ig-transition),background var(--ig-transition)}.section-installation-guide-modal__back:hover:not([disabled]),.section-installation-guide-modal__next:hover:not([disabled]){border-color:var(--ig-fg)}.section-installation-guide-modal__back[disabled],.section-installation-guide-modal__next[disabled]{opacity:.4;cursor:not-allowed}.section-installation-guide-modal__back{margin-right:auto}.section-installation-guide-modal__next{margin-left:auto}@media(max-width:767.98px){.section-installation-guide-modal{padding:.5rem}.section-installation-guide-modal__stepper-bar{padding:1rem 3.5rem 1rem 1.25rem}.section-installation-guide-modal__stepper{gap:.5rem}.section-installation-guide-modal__stepper-line{min-width:.5rem}.section-installation-guide-modal__step-content{grid-template-columns:1fr;grid-template-rows:auto auto;gap:1.25rem;padding:1rem 1.25rem 1.5rem}.section-installation-guide-modal__footer{padding:1rem 1.25rem}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-installation-guide-modal.css.map */