.demo-ribbons{z-index:35;pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout paint;position:fixed;inset:0;overflow:clip}.demo-ribbon{isolation:isolate;border-block:1px solid #ffffff38;align-items:center;width:140%;height:38px;display:flex;position:absolute;left:-20%;overflow:hidden;box-shadow:0 6px 22px #132d241a}.demo-ribbon:after{content:"";pointer-events:none;border-block:1px solid #ffffff24;position:absolute;inset:3px 0}.demo-ribbon--gold{color:#254332;background:linear-gradient(110deg,#e3c88e,#f1dfb4 48%,#d7b777);top:42%;transform:rotate(-5deg)}.demo-ribbon--green{color:#f9f4df;background:linear-gradient(110deg,#1e503c,#153e2f 65%,#24543e);top:68%;transform:rotate(4deg)}.demo-ribbon__track{will-change:transform;flex:none;width:max-content;animation:240s linear infinite demo-ribbon-marquee;display:flex}.demo-ribbon--green .demo-ribbon__track{animation-duration:270s;animation-direction:reverse;animation-delay:-14s}.demo-ribbon__group{flex:none;align-items:center;display:flex}.demo-ribbon__item{white-space:nowrap;letter-spacing:.4px;align-items:center;gap:22px;padding-right:22px;font-size:13px;font-weight:500;line-height:1.4;display:inline-flex}.demo-ribbon__item strong{letter-spacing:.65px;font-weight:800}.demo-ribbon__spark{opacity:.75;font-size:18px;line-height:1}.demo-ribbon--green .demo-ribbon__spark{color:#e4c98d}@keyframes demo-ribbon-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (max-width:700px){.demo-ribbon{width:150%;height:34px;left:-25%}.demo-ribbon--gold{top:42%;transform:rotate(-7deg)}.demo-ribbon--green{top:68%;transform:rotate(6deg)}.demo-ribbon__item{letter-spacing:.15px;gap:17px;padding-right:17px;font-size:12px}.demo-ribbon__item strong{letter-spacing:.3px}.demo-ribbon__spark{font-size:16px}html[data-keyboard=true] .demo-ribbons{opacity:0}}@media (orientation:landscape) and (max-height:540px){.demo-ribbon--gold{top:48%}.demo-ribbon--green{top:77%}}@media (prefers-reduced-motion:reduce){.demo-ribbon__track{will-change:auto;animation:none;transform:translate(-15%)}}@media print{.demo-ribbons{display:none}}
