.announcement{border:none;cursor:pointer;position:relative}.announcement .close{opacity:0;transition:opacity 0.2s ease-in-out;position:absolute;border:none;cursor:pointer;z-index:9998;background:none;font-size:20px;line-height:1;padding:4px 8px}.announcement:hover .close{opacity:1}.announcement.bar{position:relative;width:100%;padding:0}.announcement.bar .close{top:50%;transform:translateY(-50%);left:8px;color:inherit}.announcement.bar .announcement-inner{display:grid;grid-template-columns:[first] 16px [line2] 1fr [line3] 256px [line4] auto [col5-start] 256px [six] 1fr [end];gap:4px;padding:8px;align-content:center}.announcement.bar img{grid-column-start:3}.announcement.bar h4{grid-column-start:4;font-size:18px}.announcement.bar .announcement-content{grid-column-start:4}.announcement.bar .announcement-cta{grid-column-start:5;place-self:center;padding:8px 24px;border-radius:4px;transition:filter 0.2s ease}.announcement.bar .announcement-cta:hover{filter:brightness(.95)}.bubble-announcements-stack{position:fixed;right:1rem;bottom:16px;display:flex;flex-direction:column-reverse;gap:12px;z-index:9997}.announcement.bubble{position:relative;margin:0;padding:0;background-color:#fff0;transition:all 0.3s ease-in-out}.announcement.bubble:hover{transform:translateY(-2px)}.announcement.bubble .close{top:8px;left:8px;color:rgb(0 0 0 / .5);font-size:16px}.announcement.bubble .announcement-inner{display:grid;grid-template-columns:[first] 128px [line2] 1fr [end];gap:12px;background-color:rgb(255 255 255 / .85);border-radius:12px;padding:12px 16px;max-width:420px;margin:0;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 12px rgb(0 0 0 / .08),0 0 0 1px rgb(0 0 0 / .05);border:1px solid rgb(255 255 255 / .5)}.announcement.bubble img{border-radius:8px;grid-column-start:1;align-self:start;width:100%;height:auto;box-shadow:0 2px 4px rgb(0 0 0 / .1)}.announcement.bubble h4{font-size:16px;font-weight:600;grid-column-start:2;align-self:start;margin:0 0 4px 0;color:rgb(0 0 0 / .85)}.announcement.bubble .announcement-content{grid-column-start:2;align-self:start;font-size:14px;line-height:1.4;color:rgb(0 0 0 / .7)}.announcement.bubble .announcement-content p{margin:0 0 8px 0}.announcement.bubble .announcement-content p:last-child{margin-bottom:0}.announcement.bubble .announcement-cta{grid-column-start:2;align-self:start;display:inline-block;padding:6px 12px;background-color:rgb(0 122 255 / .1);color:#007aff;border-radius:6px;font-size:13px;font-weight:500;margin-top:8px;transition:background-color 0.2s ease}.announcement.bubble .announcement-cta:hover{background-color:rgb(0 122 255 / .15)}@media screen and (max-width:480px){.bubble-announcements-stack{right:8px;left:8px}.announcement.bubble .announcement-inner{grid-template-columns:1fr;padding:12px}.announcement.bubble img{width:80px;height:80px;object-fit:cover}}.bar-announcements-slider{width:100%}.bar-announcements-slider .swiper-slide{opacity:0;transition:opacity 0.5s ease}.bar-announcements-slider .swiper-slide-active{opacity:1}.bar-announcements-slider .announcement.bar{width:100%;height:100%}.announcement .featured-image{width:auto;height:100%;max-height:64px;object-fit:contain}.announcement.bar .featured-image{grid-column-start:3;justify-self:center}.announcement.bubble .featured-image{grid-column-start:1;width:100%;height:auto;max-height:none;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .1)}@media screen and (max-width:480px){.announcement.bubble .featured-image{width:auto;height:auto;max-width:80px;max-height:80px;object-fit:contain}}