.promo-bar{position:fixed;top:0;left:0;right:0;z-index:1100;height:40px;display:flex;align-items:center;justify-content:center;padding:0 3rem;background:#000;color:#fff;font-size:.85rem;text-align:center}.promo-code{margin-left:.25rem;padding:.15rem .55rem;background:#fff;color:#000;border-radius:6px;font-size:.8em;font-weight:600;letter-spacing:.06em}.promo-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;padding:4px;background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer}.promo-close:hover{color:#fff}@media (max-width:600px){.promo-bar{font-size:.75rem;padding:0 2.5rem 0 1rem}}.promo-on{--promo-h:40px}html.promo-off .promo-on{--promo-h:0px}