.app-banner {
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         z-index: 9999;
         background: #D3E4CE;
         transform: translateY(0);
         opacity: 1;
         transition: transform 0.3s ease, opacity 0.3s ease;
         }
         .app-banner:not(.active) {
         transform: translateY(-100%);
         opacity: 0;
         pointer-events: none;
         }
         .app-banner.active {
         transform: translateY(0);
         opacity: 1;
         pointer-events: auto;
         }
         .app-banner__content {
         height: 80px;
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: 16px;
         }
         .app-banner__meta {
         display: flex;
         align-items: center;
         gap: 13px;
         }
         .app-banner__brand {
         display: flex;
         align-items: center;
         gap: 8px;
         }
         .app-banner__stars {
         display: flex;
         gap: 8px;
         }
         .app-banner__info {
         font-family: "BwGradual";
         font-weight: 700;
         font-size: 14px;
         line-height: 120%;
         display: flex;
         flex-direction: column;
         align-items: start;
         justify-content: center;
         gap: 7px;
         }
         .app-banner__close {
         background: none;
         border: none;
         font-size: 16px;
         cursor: pointer;
         }
         .app-banner__cta {
         padding: 0 4px;
         text-decoration: none;
         font-weight: 700;
         line-height: 150%;
         text-align: center;
         color: black;
         }
         @media (min-width: 1024px) {
         .app-banner {
         display: none;
         }
         }
         body {
         transition: padding-top 0.3s ease;
         }