/* Generated by tools/herobar_css.py — do not edit by hand.
 * CookingHub's meta-strip rules, re-scoped from `section#info`
 * to `.ttc-herobar`, which is the copy of the strip that sits
 * under the hero. Re-run the tool after re-mirroring the CSS. */
.ttc-herobar{--ch-rem:10.0px}
@media screen and (max-width:1820px){.ttc-herobar{--ch-rem:9.28px}}
@media screen and (max-width:1640px){.ttc-herobar{--ch-rem:8.32px}}
@media screen and (max-width:1460px){.ttc-herobar{--ch-rem:7.68px}}
@media screen and (max-width:1200px){.ttc-herobar{--ch-rem:9.28px}}
@media screen and (max-width:360px){.ttc-herobar{--ch-rem:8.32px}}
.ttc-herobar ul.info{display:flex;gap:calc(7.4 * var(--ch-rem));align-items:center;color:#1a2428;font-size:calc(2.1 * var(--ch-rem));line-height:calc(3.6 * var(--ch-rem));font-weight:400;}
.ttc-herobar ul.info li{padding:0 0 0 calc(5 * var(--ch-rem));position:relative;display:inline-block;vertical-align:top;white-space:nowrap;}
.ttc-herobar ul.info li:before{content:" ";width:calc(3.6 * var(--ch-rem));height:calc(3.6 * var(--ch-rem));position:absolute;left:0;top:0;display:block;background-repeat:no-repeat;background-position:center center;background-size:contain;}
.ttc-herobar ul.info li.active-time:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cg id='Icon' transform='translate(2 2)'%3E%3Cpath d='M16,0A16,16,0,1,1,0,16,16,16,0,0,1,16,0Z' fill='none' stroke='%23fd7d23' stroke-linecap='round' stroke-width='4'/%3E%3Cpath d='M9,6v8.9h8.9' transform='translate(5.244 2.903)' fill='none' stroke='%23fd7d23' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");}
.ttc-herobar ul.info li.total-time:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.048' height='36.048' viewBox='0 0 36.048 36.048'%3E%3Cg id='Icon' transform='translate(2 2)'%3E%3Cpath id='Path_526' data-name='Path 526' d='M13,6.561l1.78,1.78L20.122,3' transform='translate(8.365 0.561)' fill='none' stroke='%2344bb28' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cpath id='Path_527' data-name='Path 527' d='M33.048,17.024A16.024,16.024,0,1,1,17.024,1' transform='translate(-1 -1)' fill='none' stroke='%2344bb28' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3Cpath id='Path_539' data-name='Path 539' d='M9,6v8.9h8.9' transform='translate(4.709 3.902)' fill='none' stroke='%2344bb28' stroke-linecap='round' stroke-linejoin='round' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E%0A");}
.ttc-herobar ul.info li.level:before{height:calc(3.2 * var(--ch-rem));top:calc(.2 * var(--ch-rem));}
.ttc-herobar ul.info li.level.level-1:before{background-image:url("/ch-assets/a/css/images/difficulty-level-1.svg");}
.ttc-herobar ul.info li.level.level-2:before{background-image:url("/ch-assets/a/css/images/difficulty-level-2.svg");}
.ttc-herobar ul.info li.level.level-3:before{background-image:url("/ch-assets/a/css/images/difficulty-level-3.svg");}
.ttc-herobar ul.info li.level.level-4:before{background-image:url("/ch-assets/a/css/images/difficulty-level-4.svg");}
.ttc-herobar ul.info li.level.level-5:before{background-image:url("/ch-assets/a/css/images/difficulty-level-5.svg");}
.ttc-herobar ul.info{justify-content:center;}
.ttc-herobar ul.info{display:block;text-align:center;}
.ttc-herobar ul.info li{margin:calc(1 * var(--ch-rem));}
.ttc-herobar ul.info{padding:calc(2 * var(--ch-rem)) 0 0 0;display:block;text-align:center;}
.ttc-herobar ul.info li{margin:calc(1 * var(--ch-rem));}