@layer komponenter{.bildkort__karusell{display:block;--karusell-gap: 12px;--karusell-antal: 1.15}.bildkort{overflow-x:clip}.bildkort--karusell .bildkort__lista,.bildkort--rutnat .bildkort__lista{margin-inline:calc(-1 * var(--kant-ut));padding-inline:var(--kant-ut);scroll-padding-inline:var(--kant-ut)}.bildkort__lista{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--karusell-antal) - 1) * var(--karusell-gap)) / var(--karusell-antal));gap:var(--karusell-gap);margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.bildkort__lista::-webkit-scrollbar{display:none}.bildkort__lista:focus-visible{outline:2px solid var(--fokus);outline-offset:4px}.bildkort__punkt{scroll-snap-align:start;min-width:0}.bildkort__kort{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4 / 5;overflow:hidden;padding:20px 20px 28px 24px;border-radius:10px;background:var(--skog-900);color:var(--linne);text-decoration:none}.bildkort__bild{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--kurva)}.bildkort__kort:hover .bildkort__bild{transform:scale(1.03)}.bildkort__kort:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#0d1f1600 79%,#0d1f1680),linear-gradient(to bottom,#0d1f1600 30%,#0d1f16eb)}.bildkort__pil{position:absolute;top:20px;right:20px;color:var(--vit);transition:translate var(--tid) var(--kurva)}.bildkort__kort:hover .bildkort__pil{translate:3px -3px}.bildkort__text{display:grid;gap:12px}.bildkort__rubrik{font-family:var(--font-rubrik);font-size:clamp(2rem,1.6rem + 1.6vw,2.8125rem);font-weight:600;line-height:1;letter-spacing:-.01em}.bildkort__ingress{color:#f4f2ece6;font-size:.9375rem;line-height:1.5}.bildkort__kort:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}.bildkort__karusell .karusell__pil{display:none}.bildkort--rutnat .bildkort__karusell{--karusell-antal: 1.3}@media(min-width:750px){.bildkort__karusell{--karusell-gap: 15px;--karusell-antal: 2.1}.bildkort--karusell .bildkort__kort{aspect-ratio:15 / 8;padding:20px 20px 40px 30px}.bildkort--karusell .bildkort__karusell{display:flex;flex-wrap:wrap;gap:var(--s-4) 10px}.bildkort--karusell .bildkort__lista{flex:0 0 calc(100% + 2 * var(--kant-ut))}.bildkort--rutnat .bildkort__lista{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:0;padding-inline:0;overflow:visible}.bildkort--rutnat .bildkort__kort{aspect-ratio:397 / 450;padding:20px 20px 40px 30px}}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/start-bildkort.css.map */