:root,[data-theme=light]{--announcement-background-color:rgba(0,0,0,.05);--announcement-icon-fill:#6400e7;--announcement-text-color:#3e3c3c;--announcement-text-hover-color:#000;--announcement-button-border-color:#dbdbdb;--announcement-button-icon-color:#121212}[data-theme=dark]{--announcement-background-color:hsla(0,0%,100%,.1);--announcement-icon-fill:#bd8aff;--announcement-text-color:#e8e8e8;--announcement-text-hover-color:#fff;--announcement-button-border-color:#959595;--announcement-button-icon-color:#fff}.announcement{animation:widthSlide 1.6s ease-in-out;display:grid;max-width:calc(100% - 64px);position:absolute;top:132px;width:100%}.announcement__container{align-items:flex-start;animation:containerFade 1.6s ease-in-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:var(--announcement-background-color);border-radius:68px;-moz-column-gap:16px;column-gap:16px;cursor:pointer;display:flex;overflow:hidden;padding:12px 16px 12px 24px}@media screen and (max-width:767px){.announcement__container{border-radius:16px;padding:12px 16px 12px 20px}}.announcement__icon{fill:var(--announcement-icon-fill);flex-basis:24px;height:24px;margin-top:4px;width:24px}@media screen and (max-width:767px){.announcement__icon{animation:textFade 3s ease-in-out;order:1}}.announcement__text{color:var(--announcement-text-color);display:-webkit-box;flex:1 1 0;font-size:16px;font-weight:400;-webkit-line-clamp:1;line-height:24px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;animation:textFade 2s ease-in-out}@media screen and (max-width:1599px){.announcement__text{font-size:14px}}@media screen and (max-width:767px){.announcement__text{animation:textFade 2.2s ease-in-out;-webkit-line-clamp:3;word-break:break-word}}.announcement__button{align-items:center;border:1px solid var(--announcement-button-border-color);border-radius:50%;display:inline-flex;flex-basis:0;flex-basis:32px;height:32px;justify-content:center;margin-left:auto;opacity:0;transform:scale(0);transition:all .4s ease-in-out;width:32px}.announcement__button svg{fill:var(--announcement-button-icon-color)}.announcement__button.-show{opacity:1;transform:scale(1)}@media screen and (max-width:767px){.announcement__button{display:none}}.announcement:hover .announcement__text{color:var(--announcement-text-hover-color)}@media screen and (max-width:767px){.announcement{animation:widthSlide 1.6s ease-in-out}}@media screen and (max-width:1599px){.announcement{max-width:100%;top:126px}}@media screen and (max-width:1279px){.announcement{top:138px}}@media screen and (max-width:767px){.announcement{top:92px}}@keyframes widthSlide{0%{grid-template-columns:0fr;opacity:0}to{grid-template-columns:1fr;opacity:1}}@keyframes containerFade{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:1}}@keyframes textFade{0%{opacity:0}50%{opacity:0}to{opacity:1}}