.announcement-notification-bar{left:0;right:0;z-index:9999;padding:12px 20px;text-align:center;line-height:1.4;transition:transform 0.3s ease;box-shadow:0 2px 5px rgb(0 0 0 / .1);position:relative;width:100%}.announcement-notification-bar.hidden{transform:translateY(-100%)}.announcement-notification-bar-content{max-width:100%;margin:0;display:flex;align-items:center;position:relative;padding:0 15px;min-height:50px;height:50px}.announcement-notification-bar-text{flex:1;min-width:200px}.announcement-notification-bar-actions{display:flex;align-items:center;gap:10px;z-index:10}.announcement-notification-bar-simple .announcement-notification-bar-content{justify-content:center;text-align:center;position:relative;width:100%}.announcement-notification-bar-simple .announcement-notification-bar-text{text-align:center;display:flex;align-items:center;justify-content:center;flex:none}.announcement-notification-bar-simple .announcement-notification-bar-button{margin-left:15px}.announcement-notification-bar-simple .announcement-notification-bar-actions{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.announcement-notification-bar-simple .announcement-notification-bar-close{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.announcement-notification-bar-running_line .announcement-notification-bar-content{justify-content:flex-start;overflow:hidden;padding:0 15px}.announcement-notification-bar-running_line .announcement-notification-bar-text{animation:announcement-notification-bar-scroll linear infinite;white-space:nowrap;flex:none;min-width:auto;width:calc(100% - 140px);text-align:right;margin:0}.announcement-notification-bar-running_line .announcement-notification-bar-actions{position:absolute;right:15px;top:50%;transform:translateY(-50%);margin-left:0}.announcement-notification-bar-carousel .announcement-notification-bar-content{justify-content:flex-start;text-align:left;position:relative;width:100%}.announcement-notification-bar-carousel .announcement-notification-bar-text{flex:1;margin-right:60px;margin-left:50px;text-align:center;display:flex;align-items:center;justify-content:center;gap:15px}.announcement-notification-bar-carousel .announcement-notification-bar-text span{display:inline-block;animation:carousel-fade-slide 0.6s ease-in-out}@keyframes carousel-fade-slide{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.announcement-notification-bar-carousel .announcement-notification-bar-button{margin-left:0}.announcement-notification-bar-carousel .announcement-notification-bar-close{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.announcement-notification-bar-carousel .carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgb(255 255 255 / .2);border:none;color:inherit;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all 0.3s ease;z-index:11}.announcement-notification-bar-carousel .carousel-nav:hover{background:rgb(255 255 255 / .3);transform:translateY(-50%) scale(1.1)}.announcement-notification-bar-carousel .carousel-prev{left:15px}.announcement-notification-bar-carousel .carousel-next{right:60px}.announcement-notification-bar-running_line .announcement-notification-bar-text{animation:announcement-notification-bar-scroll linear infinite;animation-duration:calc(50s - (var(--animation-speed, 50) * var(--animation-speed, 50) * 0.0049s));white-space:nowrap;flex:none;min-width:200%;width:auto;text-align:right;margin:0;will-change:transform}@keyframes announcement-notification-bar-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.announcement-notification-bar-button{display:inline-block;padding:8px 16px;color:inherit;text-decoration:none;border-radius:4px;border:1px solid rgb(255 255 255 / .3);transition:all 0.3s ease;font-size:14px;font-weight:700;white-space:nowrap}.announcement-notification-bar-button:hover{opacity:.9;transform:translateY(-1px);color:inherit;text-decoration:none}.announcement-notification-bar-clickable{display:flex;align-items:center;justify-content:center;width:100%;color:inherit;text-decoration:none;cursor:pointer;transition:opacity 0.3s ease;text-align:center}.announcement-notification-bar-clickable:hover{opacity:.9;color:inherit;text-decoration:none}.announcement-notification-bar-clickable .announcement-notification-bar-text{text-align:center;width:100%}.announcement-notification-bar-close{background:rgb(255 255 255 / .2);border:none;color:inherit;font-size:20px;font-weight:700;cursor:pointer;padding:5px;line-height:1;opacity:.7;transition:opacity 0.3s ease;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.announcement-notification-bar-close:hover{opacity:1;background-color:rgb(255 255 255 / .1)}@media (max-width:768px){.announcement-notification-bar{padding:10px 15px;font-size:14px!important}.announcement-notification-bar-content{padding:0 10px}.announcement-notification-bar-actions{gap:8px}.announcement-notification-bar-button{padding:6px 12px;font-size:12px}.announcement-notification-bar-close{font-size:18px;width:25px;height:25px}.announcement-notification-bar-running_line .announcement-notification-bar-text{width:calc(100% - 100px)}.announcement-notification-bar-simple .announcement-notification-bar-content{flex-wrap:wrap;gap:10px}.announcement-notification-bar-carousel .carousel-nav{width:25px;height:25px;font-size:14px}.announcement-notification-bar-carousel .carousel-next{right:50px}}@media (max-width:480px){.announcement-notification-bar{padding:8px 10px}.announcement-notification-bar-content{padding:0 8px}.announcement-notification-bar-actions{gap:5px}.announcement-notification-bar-text{min-width:auto}.announcement-notification-bar-button{padding:4px 8px;font-size:11px}.announcement-notification-bar-running_line .announcement-notification-bar-text{width:calc(100% - 80px)}.announcement-notification-bar-simple .announcement-notification-bar-content{text-align:center}.announcement-notification-bar-carousel .carousel-next{right:45px}}