.mg-hero{position:relative;display:flex;overflow:hidden;isolation:isolate}.mg-hero--medel{min-height:62vh}.mg-hero--stor{min-height:82vh}.mg-hero--hel{min-height:100vh;min-height:100svh}.mg-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:rgb(var(--color-background))}.mg-hero__media video,.mg-hero__media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.03);animation:mg-hero-satt 2.4s var(--mg-lugn) both}@keyframes mg-hero-satt{0%{transform:scale(1.06)}to{transform:none}}.mg-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgb(var(--color-background)),rgba(var(--color-background),.92) 30%,rgba(var(--color-background),.62) 62%,rgba(var(--color-background),0) 92%)}.mg-hero:has(.mg-hero__innehall--vanster) .mg-hero__media:after,.mg-hero:has(.mg-hero__innehall--mitten) .mg-hero__media:after{background:radial-gradient(120% 90% at 50% 50%,rgba(var(--color-background),.86),rgba(var(--color-background),.62) 45%,rgba(var(--color-background),.35))}.mg-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:var(--mg-slojn, .45);background:rgb(var(--color-background))}.mg-hero__ring:empty{display:block}.mg-hero__ring{position:absolute;right:-14vw;top:-18vw;width:62vw;height:62vw;max-width:86%;border-radius:50%;z-index:2;pointer-events:none;background:radial-gradient(closest-side,rgba(255,213,155,.34),rgba(255,213,155,.09) 58%,transparent 78%);filter:blur(8px);opacity:0;transform:scale(.97);transition:opacity 2s var(--mg-lugn),transform 2.4s var(--mg-lugn)}body.mg-tand .mg-hero__ring{opacity:1;transform:none}.mg-hero__innehall{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;width:100%;padding-block:clamp(48px,8vw,96px);color:rgb(var(--color-foreground))}.mg-hero__innehall--vanster{justify-content:center}.mg-hero__innehall--botten{justify-content:flex-end}.mg-hero__innehall--mitten{justify-content:center;align-items:center;text-align:center}.mg-hero__etikett{color:rgba(var(--color-foreground),.92);margin-bottom:18px}.mg-hero__rubrik{margin:0;max-width:15ch;animation:mg-res 1.5s var(--mg-lugn) both}@keyframes mg-res{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.mg-hero__innehall--mitten .mg-hero__rubrik{max-width:18ch}.mg-hero__text{margin-top:22px;max-width:44ch;font-size:16px;line-height:1.7;color:rgba(var(--color-foreground),.82);animation:mg-res 1.5s var(--mg-lugn) .09s both}.mg-hero__text>*:first-child{margin-top:0}.mg-hero__text>*:last-child{margin-bottom:0}.mg-hero__knappar{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px;animation:mg-res 1.5s var(--mg-lugn) .18s both}.mg-hero .button--secondary{background:transparent;box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.5);color:rgb(var(--color-foreground))}.mg-hero .button--secondary:hover{box-shadow:inset 0 0 0 1px rgb(var(--color-foreground))}.mg-hero__paus{position:absolute;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);z-index:4;width:42px;height:42px;padding:0;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:rgba(var(--color-background),.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .45s var(--mg-lugn),background-color .45s var(--mg-lugn)}.mg-hero:hover .mg-hero__paus,.mg-hero__paus:focus-visible{opacity:1}.mg-hero__paus:hover{background:rgba(var(--color-background),.8)}.mg-hero__pausikon{width:12px;height:13px;border-left:3px solid rgb(var(--color-foreground));border-right:3px solid rgb(var(--color-foreground))}.mg-hero__paus[aria-pressed=true] .mg-hero__pausikon{width:0;height:0;border-left:12px solid rgb(var(--color-foreground));border-right:0;border-top:7px solid transparent;border-bottom:7px solid transparent}.mg-hero__inbaddad{border:0;pointer-events:none;position:absolute;top:50%;left:50%;width:177.78vh;min-width:100%;height:56.25vw;min-height:100%;transform:translate(-50%,-50%);filter:saturate(.92) contrast(1.03)}@media screen and (max-width:749px){.mg-hero--stor{min-height:76vh}.mg-hero__rubrik{max-width:12ch}}@media(prefers-reduced-motion:reduce){.mg-hero__media video,.mg-hero__media img,.mg-hero__rubrik,.mg-hero__text,.mg-hero__knappar{animation:none;transform:none;opacity:1}.mg-hero__ring{transition:none;opacity:1;transform:none}.mg-hero__paus{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/mg-hero.css.map */