@font-face{font-family:Hero Badge Cairo;src:url(hero-badge-cairo.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}.hero-badge-area{position:absolute;inset:calc(var(--hero-header-offset, 0px) + 12px) 12px 64px;z-index:2;pointer-events:none;display:grid;direction:ltr;grid-template:minmax(0,1fr) / minmax(0,1fr);container-type:size}.hero-badge{--badge-active-size: var(--badge-size, 180px);--badge-active-font-size: var(--badge-font-size, 28px);position:relative;width:min(var(--badge-active-size),100cqw,100cqh);aspect-ratio:1;align-self:start;justify-self:start;left:var(--badge-x, 85%);top:var(--badge-y, 55%);translate:calc(-1 * var(--badge-x, 85%)) calc(-1 * var(--badge-y, 55%));color:var(--badge-text-color, #fff);font-family:Hero Badge Cairo,Tahoma,sans-serif;font-weight:800}.hero-badge__shape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:var(--badge-color, #ed092b)}.hero-badge__text{position:absolute;top:22%;right:22%;bottom:22%;left:22%;display:flex;flex-direction:column;justify-content:safe center;text-align:center;overflow:hidden;overflow-wrap:anywhere;font-size:var(--badge-active-font-size);line-height:1.4;letter-spacing:0}.hero-badge--tag .hero-badge__text{top:24%;right:9%;bottom:24%;left:30%}.hero-badge--overflow .hero-badge__text{overflow:visible}.hero-badge--font-traditional{font-family:Traditional Arabic,Arabic Typesetting,Noto Naskh Arabic,serif}.hero-badge--font-theme{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.hero-badge--spin .hero-badge__shape{animation:hero-badge-spin var(--badge-spin-duration, 16s) linear infinite;animation-play-state:paused;transform-origin:center}.cinematic-hero__slide.is-active .hero-badge--spin .hero-badge__shape{animation-play-state:running}.cinematic-hero>.hero-badge-area .hero-badge--spin .hero-badge__shape{animation-play-state:running}.cinematic-hero:has(.cinematic-hero__slide.is-active .hero-badge-area)>.hero-badge-area{display:none}.hero-badge--spin.hero-badge--tag .hero-badge__shape{scale:.74}.hero-badge--spin.hero-badge--tag .hero-badge__text{top:34%;right:34%;bottom:34%;left:34%}@keyframes hero-badge-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hero-badge--spin .hero-badge__shape{animation:none}}@media(max-width:749px){.hero-badge{--badge-active-size: var(--badge-mobile-size, 120px);--badge-active-font-size: var(--badge-mobile-font-size, 20px);left:var(--badge-mobile-x, 85%);top:var(--badge-mobile-y, 60%);translate:calc(-1 * var(--badge-mobile-x, 85%)) calc(-1 * var(--badge-mobile-y, 60%))}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hero-badge.css.map */