@import url("https://use.typekit.net/fsb3kgx.css");html{font-size:16px}body{margin:0;padding:0;box-sizing:border-box}body *{box-sizing:border-box}.fyllning-api-popup{font-family:"ballinger",sans-serif;width:100%;height:100%;padding:7% 5% 10%;position:relative}.fyllning-api-popup h1{color:#121b51;width:100%;text-align:center;font-size:1.5rem;margin-top:30px;margin-bottom:10px}.balance-wrapper{display:flex;width:100%;flex-direction:column;max-height:calc(500px - 70px);overflow-y:auto;padding-bottom:30px}.prod{display:flex;align-items:center;width:100%;justify-content:flex-start;padding:20px;border-bottom:2px solid #dce1e8;position:relative}p.count{font-size:14px !important}.prod:last-child{border-bottom:0}.prod img{height:90px;width:auto}.prod[data-inv=plenty]{order:1}.prod[data-inv=few]{order:2}.prod[data-inv=none]{order:3}.fyllning-api-popup p.title{margin:0 0 25px 20px !important;font-weight:700;max-width:180px;line-height:1em;font-size:1rem}.prod .icon-wrap i{margin:0 6px 0 0}.explanation{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.explanation .icon-wrap{padding-top:.5rem}.expl-title{width:100%;text-align:center;font-size:.9rem;opacity:.8}.icon-wrap{display:flex;justify-content:center;align-items:center;margin:0;position:absolute;bottom:31px;left:80px}.icon-wrap i{width:25px;height:25px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0;color:#fff;font-size:.7rem}.icon-wrap i.fa-check{background:#22b343}.icon-wrap i.fa-exclamation{background:#fa741d}.icon-wrap i.fa-times{background:#b32322}.icon-wrap p{margin:0}.hw-fyll-popup-placer{margin:0 auto;position:fixed;width:100vw;left:0;height:100vh;top:0;display:flex;justify-content:center;align-items:center;z-index:-10;background:rgba(0,0,0,.3);opacity:0;flex-direction:column;transition:.5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;-o-transition:.5s ease all}.hw-fyll-popup-placer.loaded{z-index:1000000;opacity:1}.hy-fyll-loader{transition:.5s ease all;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;-o-transition:.5s ease all}.hw-fyll-loader img{width:calc(64px/2)}.hw-fyll-loader.hide{display:none}.hw-fyll-popup-target.loaded{opacity:1;position:relative;transform:translateY(0)}.hw-fyll-popup-target{background:#fff;height:auto;width:100%;max-width:calc(100% - 40px);height:560px;position:absolute;transition:.5s ease transform;-webkit-transition:.5s ease transform;-moz-transition:.5s ease transform;-o-transition:.5s ease transform;transform:translateY(-10px);box-shadow:0px 0px 20px rgb(0 0 0/10%);-webkit-box-shadow:0px 0px 20px rgb(0 0 0/10%);-moz-box-shadow:0px 0px 20px rgba(0,0,0,.1);opacity:0;transform:translateY(-10px)}.hw-fyll-popup-close{position:absolute;z-index:1000;right:0;top:0;width:60px;height:60px;display:flex;justify-content:center;align-items:center;cursor:pointer}.hw-fyll-popup-close i:before{content:"\e87f";font-family:eicons}#gasol-map a.storelocatorlink{transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important}#gasol-map a[href*=fyllningsautomater_api]{height:1.5em;text-indent:-99999px;overflow:hidden;display:inline-block}#gasol-map a[href*=fyllningsautomater_api]:before{content:"Se lagerstatus";text-indent:0;display:block}#gasol-map .slp_result_contact a[href*=fyllningsautomater_api]{padding-bottom:20px}@media (max-width:600px){.explanation{position:absolute;left:0;bottom:0;width:100%;height:auto;background:#dce1e8;padding:20px}.explanation .icon-wrap{display:none}.explanation .date{margin:0}}@media (min-width:600px){.hw-fyll-popup-target{height:fit-content}.fyllning-api-popup h1{font-size:2rem;margin-bottom:10%}.fyllning-api-popup{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%;padding:7% 5%}.balance-wrapper{justify-content:center;align-items:center;flex-direction:row;max-height:none;overflow:hidden;padding:0}.prod .icon-wrap i{margin:0}.prod{margin:2%;justify-content:center;width:auto;flex-direction:column;border:0;padding:0}.prod img{height:140px}.icon-wrap{margin:10px;position:static}.prod .icon-wrap p{display:none}.fyllning-api-popup p.title{margin:20px 0 10px !important;font-size:.9rem;text-align:center}.icon-wrap i{margin-right:10px}}@media (min-width:600px) and (max-width:800px){.icon-wrap i{width:30px;height:30px}}@media (min-width:800px){.fyllning-api-popup h1{margin-bottom:50px}.prod img{height:180px}.hw-fyll-popup-target{width:800px;height:auto}.fyllning-api-popup p.title{margin:20px 0!important;max-width:120px}}