.skogstad-hero-karusell{position:relative}.skogstad-hero-karusell__spor{display:grid;grid-template-areas:"stabel"}.skogstad-hero-karusell__flate{grid-area:stabel;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}.skogstad-hero-karusell__flate.er-aktiv{opacity:1;visibility:visible;transition:opacity .7s ease,visibility 0s linear 0s}.skogstad-hero-karusell--innrammet{border-radius:var(--sk-radius, 0);overflow:hidden}@media(prefers-reduced-motion:reduce){.skogstad-hero-karusell__flate,.skogstad-hero-karusell__flate.er-aktiv{transition:none}}[data-disable-animations=true] .skogstad-hero-karusell__flate,[data-disable-animations=true] .skogstad-hero-karusell__flate.er-aktiv{transition:none}.skogstad-hero-karusell__kontroller{display:none}.skogstad-hero-karusell[data-klar] .skogstad-hero-karusell__kontroller{display:block;position:absolute;inset:auto 0 0 0;z-index:3;width:100%;max-width:1500px;margin-inline:auto;padding:0 clamp(17px,5vw,40px) clamp(20px,5vw,56px)}.skogstad-hero-karusell__kontrollrad{display:flex;align-items:center;justify-content:flex-end;gap:14px}.skogstad-hero-karusell__kontroller,.skogstad-hero-karusell__kontrollrad{pointer-events:none}.skogstad-hero-karusell__pause,.skogstad-hero-karusell__prikk{pointer-events:auto}@media only screen and (max-width:768px){.skogstad-hero-karusell[data-klar] .skogstad-hero__innhold{padding-bottom:calc(clamp(20px,5vw,56px) + 34px)}.skogstad-hero-karusell__kontrollrad{justify-content:flex-start}}.skogstad-hero-karusell__pause{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;position:relative;border:1px solid rgba(250,250,248,.5);border-radius:50%;background:#14141247;color:#fafaf8;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skogstad-hero-karusell__pause:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.skogstad-hero-karusell__pause:hover,.skogstad-hero-karusell__pause:focus-visible{background:#14141280;border-color:#fafaf8d9}.skogstad-hero-karusell__ikon{width:9px;height:11px;fill:currentColor}.skogstad-hero-karusell__ikon--spill{width:11px;margin-left:2px}.skogstad-hero-karusell__ikon--spill,.skogstad-hero-karusell[data-pauset=true] .skogstad-hero-karusell__ikon--pause{display:none}.skogstad-hero-karusell[data-pauset=true] .skogstad-hero-karusell__ikon--spill{display:block}.skogstad-hero-karusell__prikker{display:flex;align-items:center;gap:8px}.skogstad-hero-karusell__prikk{display:block;width:24px;height:32px;padding:0;border:0;background:none;cursor:pointer;transition:width .45s cubic-bezier(.22,.61,.36,1)}.skogstad-hero-karusell__prikk.er-aktiv{width:52px}.skogstad-hero-karusell__prikk-strek{display:block;position:relative;width:100%;height:3px;border-radius:2px;background:#fafaf873;box-shadow:0 1px 6px #14141259;overflow:hidden;transition:background-color .25s ease}.skogstad-hero-karusell__prikk:hover .skogstad-hero-karusell__prikk-strek,.skogstad-hero-karusell__prikk:focus-visible .skogstad-hero-karusell__prikk-strek{background:#fafaf8b3}.skogstad-hero-karusell__prikk-fyll{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fafaf8;transform:scaleX(0);transform-origin:left center}.skogstad-hero-karusell__prikk.er-aktiv .skogstad-hero-karusell__prikk-fyll{transform:scaleX(1)}@keyframes skogstad-hero-prikk-fyll{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.skogstad-hero-karusell[data-auto=true] .skogstad-hero-karusell__prikk.er-aktiv .skogstad-hero-karusell__prikk-fyll{animation:skogstad-hero-prikk-fyll var(--sk-hero-intervall, 7s) linear forwards}.skogstad-hero-karusell[data-gaar=false] .skogstad-hero-karusell__prikk.er-aktiv .skogstad-hero-karusell__prikk-fyll{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.skogstad-hero-karusell__prikk,.skogstad-hero-karusell[data-auto=true] .skogstad-hero-karusell__prikk.er-aktiv .skogstad-hero-karusell__prikk-fyll{animation:none;transition:none}}.skogstad-hero-karusell :focus-visible{--skogstadFocusRing: #fff}
/*# sourceMappingURL=/cdn/shop/t/5/assets/skogstad-hero-karusell.css.map */