/* Motion is a layer, never a prerequisite for seeing or using content. */
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:80;pointer-events:none;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#c78c20,#f4c64f);contain:strict}
.motion-preference{font:inherit;font-size:10px;color:#7b899b;border:1px solid #e0e6ed;background:transparent;min-height:34px;padding:7px 11px;border-radius:5px;white-space:nowrap;cursor:pointer}.motion-preference:hover{color:#203b57;border-color:#b9c6d4}.motion-preference:disabled{cursor:default;opacity:.7}.motion-preference:focus-visible{outline:2px solid #bd9136;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:em-page-out .16s ease-out both}
 ::view-transition-new(root){animation:em-page-in .26s cubic-bezier(.2,.7,.2,1) both}
 @keyframes em-page-out{to{opacity:0}}
 @keyframes em-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
 @keyframes em-dialog-backdrop{from{opacity:0}to{opacity:1}}
 html:not(.motion-paused) dialog[open]::backdrop{animation:em-dialog-backdrop .25s ease-out}
 html:not(.motion-paused) .button,html:not(.motion-paused) .product-actions button,html:not(.motion-paused) .store-featured-tabs button,html:not(.motion-paused) .store-view-options button{transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}
 html:not(.motion-paused) .button:active,html:not(.motion-paused) .product-actions button:active{transform:scale(.975)}
 html:not(.motion-paused) .product,html:not(.motion-paused) .application-group-card,html:not(.motion-paused) .oskar-family-card,html:not(.motion-paused) .transport-product-card{transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .22s ease}
 html:not(.motion-paused) .product .product-photo img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
 html:not(.motion-paused) header nav>a{position:relative;transition:color .2s ease}
 html:not(.motion-paused) header nav>a:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:4px;background:#d6a334;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
 html:not(.motion-paused) header nav>a:hover:after,html:not(.motion-paused) header nav>a:focus-visible:after{transform:scaleX(1)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html:not(.motion-paused) .product:hover{transform:translateY(-4px);box-shadow:0 15px 30px #172b4310}
 html:not(.motion-paused) .application-group-card:hover,html:not(.motion-paused) .oskar-family-card:hover,html:not(.motion-paused) .transport-product-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #172b4310}
 html:not(.motion-paused) .product:hover .product-photo img{transform:scale(1.045)}
 html:not(.motion-paused) .hero .button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #172b4318}
}
html.motion-paused::view-transition-old(root),html.motion-paused::view-transition-new(root){animation:none!important}
html.motion-paused .product,html.motion-paused .product img,html.motion-paused .application-group-card,html.motion-paused .application-group-card img,html.motion-paused .transport-product-card,html.motion-paused .transport-product-card img,html.motion-paused .oskar-family-card,html.motion-paused .button{animation:none!important;transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.reading-progress{display:none}dialog[open]::backdrop{animation:none!important}}
@media(max-width:760px){.motion-preference{font-size:10px;min-height:36px}.reading-progress{height:2px}.product-grid{padding-top:4px}}

html.motion-paused .em-banner .is-active{animation:none!important}

.footer-bottom{flex-wrap:wrap}html.motion-paused .reading-progress{display:none}