/* https://mattadirekt.se/wp-content/plugins/promotion-banner/css/styles.css?ver=1.3.7 */
/* Import rule from: https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap */
@font-face{font-family:'Inter';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyeMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyfMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuFuYMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuDyYMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v19/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuBWYMZs.woff) format('woff')}.promotion-banner{width:100%;display:block;display:flex;align-items:center;height:50px;background:#488ec7;z-index:1000;overflow:hidden;padding:0 12px;overflow:hidden;font-family:'Inter',sans-serif}.promotion-banner-link{display:flex;align-items:center;gap:1.5rem;width:100%;text-decoration:none;color:inherit;justify-content:space-between}.promotion-banner-link:hover{color:inherit}.promotion-banner-text{font-weight:500;text-decoration:none;cursor:pointer;text-underline-offset:5px;line-height:1.3}@media (max-width:779px){.promotion-banner-text{font-size:0.8em!important}}.promotion-banner:hover .promotion-banner-text{text-decoration:underline;text-decoration-style:dotted}#preview_banner_inner_container{position:relative;color:#fff;cursor:pointer}#preview_banner{padding:8px 0}.promotion-banner-text>span{display:block}.promotion-banner-countdown{display:flex;gap:.4rem;align-items:center;min-width:110px;justify-content:flex-end}.promotion-banner-countdown.hasButton{padding-right:55px}.promotion-banner-countdown-box{display:flex;flex-direction:column;justify-content:center;align-items:center}.countdown-number{font-family:'Inter',sans-serif;font-size:.9rem;line-height:1.1;font-weight:600}.countdown-text{font-family:'Inter',sans-serif;font-size:.65rem;font-weight:500;line-height:1.1}.countdown-text.desk{display:none}.countdown-text.mobile{display:block}.promotion-banner-button{position:absolute;top:50%;right:0rem;transform:translateY(-50%);height:100%;margin:0;font-size:.8rem;font-weight:600;color:rgba(255,255,255,.85)!important;cursor:pointer;padding-top:0;padding-right:1em;padding-bottom:0;padding-left:1em;border:none;border-left:solid 1px rgba(255,255,255,.75);background:transparent;background-color:rgba(255,255,255,.2)!important;transition:color 200ms ease-out,background 200ms ease-out}.promotion-banner-button:hover{color:rgba(255,255,255,1)!important;background-color:rgba(255,255,255,.35)!important}.clearfix:after{content:'.';display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}@media (min-width:780px){.countdown-text{font-size:.5rem;font-weight:600}.countdown-text.desk{display:block}.countdown-text.mobile{display:none}.promotion-banner{justify-content:center;gap:2rem}.promotion-banner-link{justify-content:center}.promotion-banner-text>span{display:inline-block;margin-left:6px}.promotion-banner .promotion-banner-countdown{gap:.6rem;justify-content:center}.promotion-banner-countdown.hasButton{padding-right:70px}.countdown-number{font-size:1.1rem;line-height:1.1;font-weight:700}.promotion-banner-button{font-size:1.1rem}}