.nis{--nis-heading-font: var(--nd-heading-font);--nis-heading-style: var(--nd-heading-font-style);--nis-body-font: var(--nd-body-font);--nis-body-style: var(--nd-body-font-style);--nis-h2-pc: var(--nd-h2-size-pc);--nis-h2-mobile: var(--nd-h2-size-mobile);--nis-h3-pc: var(--nd-h3-size-pc);--nis-h3-mobile: var(--nd-h3-size-mobile);--nis-body-pc: var(--nd-body-size-pc);--nis-body-mobile: var(--nd-body-size-mobile);--nis-small-pc: var(--nd-small-size-pc);--nis-small-mobile: var(--nd-small-size-mobile);--nis-eyebrow-pc: var(--nd-eyebrow-size-pc);--nis-eyebrow-mobile: var(--nd-eyebrow-size-mobile);--nis-heading-weight: var(--nd-h2-weight);--nis-step-weight: var(--nd-h3-weight);--nis-heading: var(--nd-heading-color);--nis-body: var(--nd-body-color);--nis-muted: var(--nd-muted);--nis-number: var(--nd-accent);--nis-background: #fff;--nis-active-background: var(--nd-surface);--nis-active-line: var(--nd-brand);--nis-border: var(--nd-border);--nis-placeholder: var(--nd-surface);--nis-media-radius: var(--nd-media-radius);--nis-button-radius: var(--nd-button-radius);--nis-manual-background: transparent;--nis-manual-color: var(--nd-brand);--nis-manual-border: var(--nd-brand);--nis-row-padding: 12px;--nis-text-gap: 12px;--nis-stack-gap: 24px;--nis-links-gap: 16px;display:block;width:100%;min-width:0;scroll-margin-top:var(--header-group-height, var(--header-height, 0px));padding:var(--nis-padding-mobile) var(--nis-gutter-mobile);background:var(--nis-background);color:var(--nis-body);font-family:var(--nis-body-font);font-style:var(--nis-body-style);font-size:var(--nis-body-mobile);font-weight:var(--nd-body-weight);line-height:var(--nd-body-line-height)}.nis[data-palette=dark]{--nis-background: var(--nd-brand);--nis-heading: var(--nd-on-dark-heading);--nis-body: var(--nd-on-dark-body);--nis-muted: var(--nd-on-dark-body);--nis-number: color-mix(in srgb, var(--nd-on-dark-heading) 80%, var(--nd-accent));--nis-active-background: color-mix(in srgb, var(--nd-on-dark-heading) 8%, transparent);--nis-active-line: var(--nd-on-dark-heading);--nis-border: color-mix(in srgb, var(--nd-on-dark-heading) 20%, transparent);--nis-placeholder: color-mix(in srgb, var(--nd-on-dark-heading) 10%, var(--nd-brand));--nis-manual-background: var(--nd-on-dark-heading);--nis-manual-color: var(--nd-brand);--nis-manual-border: var(--nd-on-dark-heading)}.nis *,.nis *:before,.nis *:after{box-sizing:border-box}.nis [hidden]{display:none}.nis__inner{max-width:var(--nis-width);width:100%;margin-inline:auto;min-width:0}.nis__intro{display:grid;gap:var(--nd-heading-body-gap);margin-block-end:var(--nis-heading-gap);text-align:var(--nis-align)}.nis .nis__intro>*{margin:0}.nis .nis__eyebrow{color:var(--nis-number);font-size:var(--nis-eyebrow-mobile);font-weight:var(--nd-eyebrow-weight);letter-spacing:var(--nd-eyebrow-tracking);text-transform:var(--nd-eyebrow-transform)}.nis .nis__heading{color:var(--nis-heading);font-family:var(--nis-heading-font);font-style:var(--nis-heading-style);font-size:var(--nis-h2-mobile);font-weight:var(--nis-heading-weight);line-height:var(--nd-h2-line-height);letter-spacing:var(--nd-h2-tracking);overflow-wrap:anywhere}.nis__subtitle{overflow-wrap:anywhere}.nis__layout,.nis__details{min-width:0}.nis__stage{display:none}.nis__steps{min-width:0}.nis__step{min-width:0;display:grid;grid-template-columns:var(--nis-thumbnail) minmax(0,1fr);align-items:center;gap:var(--nis-links-gap);padding-block:var(--nis-step-gap);border-block-end:1px solid var(--nis-border)}.nis__step:last-child{border-block-end:0}.nis__media{position:relative;aspect-ratio:1;min-width:0;overflow:hidden;border-radius:var(--nis-media-radius);background:var(--nis-placeholder)}.nis__media :is(img,video){display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease}.nis__video,.nis__media.has-frame.is-playing .nis__image{opacity:0}.nis__media.has-frame.is-playing .nis__video{opacity:1}.nis__step-text{min-width:0}.nis .nis__step-heading{color:var(--nis-heading);font-family:var(--nis-heading-font);font-style:var(--nis-heading-style);font-size:var(--nis-h3-mobile);font-weight:var(--nis-step-weight);line-height:var(--nd-h3-line-height);margin:0;overflow-wrap:anywhere}.nis__step-heading--static{display:flex;align-items:baseline;gap:var(--nis-text-gap)}.nis .nis__step-heading--button{display:none}.nis__number{flex:0 0 auto;color:var(--nis-number);font-family:var(--nis-body-font);font-style:var(--nis-body-style);font-size:13px;font-weight:600;letter-spacing:0}.nis[data-numbers=false] .nis__number{display:none}.nis .nis__description{margin-block-start:var(--nis-text-gap);overflow-wrap:anywhere}.nis .nis__description>:first-child{margin-block-start:0}.nis .nis__description>:last-child{margin-block-end:0}.nis .nis__description a{color:var(--nis-heading);text-underline-offset:var(--nd-link-offset)}.nis__progress{display:none}.nis .nis__tools{margin:var(--nis-stack-gap) 0 0;color:var(--nis-muted);font-size:var(--nis-small-mobile)}.nis__links{display:flex;flex-direction:column;align-items:center;gap:var(--nis-links-gap);margin-block-start:var(--nis-stack-gap)}.nis .nis__manual{display:inline-flex;align-items:center;justify-content:center;gap:var(--nis-text-gap);min-height:48px;width:100%;min-width:0;overflow-wrap:anywhere;padding:var(--nis-row-padding) var(--nd-button-padding-inline);border:1px solid var(--nis-manual-border);border-radius:var(--nis-button-radius);background:var(--nis-manual-background);color:var(--nis-manual-color);font-family:var(--nis-body-font);font-size:var(--nd-button-size);font-weight:var(--nd-button-weight);line-height:var(--nd-control-line-height);text-align:center;text-decoration:none}.nis__manual svg{flex:0 0 auto}.nis .nis__manual:hover{filter:brightness(.92)}.nis .nis__guide{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:0;overflow-wrap:anywhere;color:var(--nis-guide-color, var(--nis-heading));font-size:var(--nd-link-size);font-weight:var(--nd-link-weight);text-decoration:underline;text-underline-offset:var(--nd-link-offset)}.nis :is(a,button,[tabindex]):focus-visible{outline:var(--nd-focus-width) solid var(--nis-active-line);outline-offset:calc(-1 * var(--nd-focus-offset))}.nis .nis__pagination{margin:var(--nis-text-gap) 0 0;color:var(--nis-muted);font-size:var(--nis-small-mobile);text-align:center}.nis .nis__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nis[data-accordion=true] .nis__stage{display:block;position:relative;aspect-ratio:var(--nis-ratio);min-width:0}.nis[data-accordion=true] .nis__stage>.nis__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto}.nis[data-accordion=true] .nis__steps{display:grid;gap:var(--nis-step-gap)}.nis[data-accordion=true] .nis__step{display:block;border-block-end:0;border-inline-start:2px solid transparent;padding:var(--nis-row-padding) var(--nis-links-gap);border-radius:var(--nd-option-radius)}.nis[data-accordion=true] .nis__step.is-active{background:var(--nis-active-background);border-inline-start-color:var(--nis-active-line)}.nis[data-accordion=true] .nis__step.is-active :is(.nis__step-heading,.nis__description a){color:var(--nis-active-text, var(--nis-heading))}.nis[data-accordion=true] .nis__step.is-active .nis__description{color:var(--nis-active-text, var(--nis-body))}.nis[data-accordion=true] .nis__step.is-active .nis__number{color:var(--nis-active-number, var(--nis-number))}.nis[data-accordion=true] .nis__step-heading--static{display:none}.nis[data-accordion=true] .nis__step-heading--button{display:block}.nis .nis__select{display:flex;align-items:baseline;gap:var(--nis-text-gap);width:100%;min-height:44px;padding:0;margin:0;border:0;border-radius:var(--nd-option-radius);background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}@media(max-width:749px){.nis[data-mobile=accordion][data-accordion=true] .nis__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--nis-stack-gap)}.nis[data-mobile=cards] .nis__steps{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:var(--nis-links-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}.nis[data-mobile=cards] .nis__steps::-webkit-scrollbar{display:none}.nis[data-mobile=cards] .nis__steps.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.nis[data-mobile=cards] .nis__step{display:block;padding:0;border:0;scroll-snap-align:start}.nis[data-mobile=cards] .nis__media{aspect-ratio:var(--nis-ratio)}.nis[data-mobile=cards] .nis__step-text{padding-block-start:var(--nis-links-gap)}}@media(min-width:750px){.nis{padding:var(--nis-padding-pc) var(--nis-gutter-pc);font-size:var(--nis-body-pc)}.nis .nis__eyebrow{font-size:var(--nis-eyebrow-pc)}.nis .nis__heading{font-size:var(--nis-h2-pc)}.nis .nis__step-heading{font-size:var(--nis-h3-pc)}.nis .nis__tools{font-size:var(--nis-small-pc)}.nis__links{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.nis .nis__manual{width:auto}.nis[data-desktop=true] .nis__layout{display:grid;grid-template-columns:var(--nis-columns);grid-template-areas:"media details";gap:var(--nis-column-gap);align-items:center}.nis[data-desktop=true][data-media-position=right] .nis__layout{grid-template-areas:"details media";grid-template-columns:var(--nis-columns-reversed)}.nis[data-desktop=true] .nis__stage{grid-area:media}.nis[data-desktop=true] .nis__details{grid-area:details}.nis[data-desktop=true][data-autoplay=true][data-progress=true] .nis__step.is-active .nis__progress{display:block;height:2px;margin-block-start:var(--nis-text-gap);overflow:hidden;background:color-mix(in srgb,var(--nis-active-line) 20%,transparent)}.nis__progress span{display:block;width:100%;height:100%;background:var(--nis-active-line);transform-origin:left}.nis[data-empty=true] .nis__stage{display:none}}@media(prefers-reduced-motion:reduce){.nis__media :is(img,video){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/nordan-install-steps.css.map */
