td:has(#susBadge){vertical-align:top}.fp_badge{position:relative;margin:auto;font-family:Roboto;background:transparent;max-width:100%}.fp_badge>*{position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%,-50%);shape-rendering:geometricprecision}.fp_badge svg{width:100%}.comPackTable .fp_badge svg{overflow:visible}.fp_badge.noGrade .fp_grade{display:none}#compare td:has(#susBadge){overflow:visible}.fp_badge:not(.lowres).A, .fp_badge:not(.lowres).A+.fp_badge.qr{color:#6aa629}.fp_badge:not(.lowres).B, .fp_badge:not(.lowres).B+.fp_badge.qr{color:#b6d900}.fp_badge:not(.lowres).C, .fp_badge:not(.lowres).C+.fp_badge.qr{color:#fcee21}.fp_badge:not(.lowres).D, .fp_badge:not(.lowres).D+.fp_badge.qr{color:#f7931e}.fp_badge:not(.lowres).E, .fp_badge:not(.lowres).E+.fp_badge.qr{color:#ff4242}.fp_badge.default.A .fp_bg,.fp_bg_A{background-color:#6aa629}.fp_badge.default.B .fp_bg,.fp_bg_B{background-color:#b6d900}.fp_badge.default.C .fp_bg,.fp_bg_C{background-color:#fcee21}.fp_badge.default.D .fp_bg,.fp_bg_D{background-color:#f7931e}.fp_badge.default.E .fp_bg,.fp_bg_E{background-color:#ff4242}.fp_badge.default.X .fp_bg{box-shadow:none;background:#fff}.fb_bg_C{color:#333}.fp_bg_X{background-color:#ddd}.fp_badge.bg .fp_bg{background-color:#fff}.fp_bg_water{background-color:#006a91}.fp_badge.default{max-width:175px;max-height:175px;height:auto;aspect-ratio:1;z-index:1}.fp_badge.default .fp_bg{width:159px;aspect-ratio:1;margin-left:-.9px;border-radius:500px;border:solid 4px #fff;box-shadow:0 1px 10px #eee;background:#eee}.fp_badge.default .fp_main{margin:-2px}.fp_badge.lowres{width:175px;height:175px;color:#000!important;z-index:1}.fp_badge.lowres.text_co2eq,.fp_badge.lowres.text_water{width:auto;height:auto}.fp_badge.micro.lowres svg>path{fill:#000!important}.fp_badge.logo{max-width:175px;width:100%;aspect-ratio:4.3;background:url(/media/components/fp_logo.svg) no-repeat center;background-size:62%}.lowRes .el[data-eltype="text"] .fp_badge.logo{background:url(/media/components/fp_logo.svg) no-repeat center!important}.fp_badge.qr{background:#fff;height:120px;width:140px;border-radius:0 20px 20px 0;position:absolute;right:-85px;top:30px;padding:0 0 0 43px;box-sizing:border-box;border:solid 4px currentColor;z-index:0}.fp_badge.qr img{width:90px;border-radius:20px;position:static;transform:none}.fp_badge.qr:after{content:'SCAN FOR DETAILS';display:block;bottom:5px;position:absolute;font-weight:bold;font-size:10px;line-height:100%}.fp_badge:not(.lowres).C .fp_badge.qr {border-color:#fcee21}.fp_badge:not(.lowres).C .fp_badge.qr:after {color:#222}.fp_badge.lowres .fp_badge.qr{color:#000}.fp_badge.small{width:90px!important;height:90px!important}.fp_badge.small.bg .fp_bg{height:100%;border-radius:50%}.comPackTable .packBadges .fp_badge.micro{margin-bottom:25px}.comPackTable .packBadges .fp_badge.micro:last-child{margin-bottom:10px}.fp_badge.micro{width:110px!important;height:30px!important}.fp_badge.micro.noGrade{width:85px!important}.fp_badge.micro>*:not(.fp_bg){width:auto;left:0;top:0;transform:none}.fp_badge.micro:not(.noGrade)>*:not(.fp_bg){margin-left:25px}.fp_badge.micro .fp_grade{margin:0;top:0;left:-28px;width:30px}.fp_badge.micro .fp_bar{background:#333;height:4px;left:36px;top:13px}.fp_badge.micro.bg .fp_bg{height:calc(100% + 10px);width:calc(100% + 18px);border-radius:10px}.labelMaker .fp_badge.micro{margin-top:5px;margin-bottom:5px}.fp_badge.water{width:175px;height:60px;font-weight:bolder}.fp_badge.water .fp_bg{color:#006a91;background-color:#ccc;width:49%;height:35%;left:12%;transform:none;top:32%}.fp_badge.water.lowres .fp_bg{color:#000}.fp_badge.dqi{width:175px;height:20px;font-weight:bolder;display:flex;align-items:center;margin:15px auto 0}.fp_badge.dqi>*{display:block;position:relative;transform:unset;top:0;left:0}#fp_loaderbox{max-width:176px;max-height:176px;width:100%;height:auto;aspect-ratio:1}.packCreator #susPanel .packBadges{display:flex;margin:10px 50px}.packCreator #susPanel .fp_badge.micro svg{overflow:visible}.livepreview #susWrapper .panelbody>.left{width:calc(100% - 235px)}