.sa-announcement{position:relative;z-index:31;width:100%;color:var(--sa-announcement-fg, #fff);background:var(--sa-announcement-bg, #000);font-family:"OPPO Sans 4.0",sans-serif}.sa-announcement[hidden],.sa-announcement.is-dismissed{display:none!important}.sa-announcement__inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:1400px;margin:0 auto;padding:0 22px;min-height:var(--sa-announcement-min-height-mobile, 44px)}@media(min-width:1000px){.sa-announcement__inner{max-width:1760px;padding:0 96px;min-height:var(--sa-announcement-min-height, 40px)}}.sa-announcement--simple .sa-announcement__inner{gap:56px}@media(max-width:999px){.sa-announcement__inner{min-height:var(--sa-announcement-min-height-mobile, 36px)}.sa-announcement--simple .sa-announcement__inner{gap:20px}}.sa-announcement__slides{position:relative;min-width:0;overflow:hidden}.sa-announcement__slide{display:none;align-items:center;justify-content:center;gap:8px;width:100%;text-align:center}.sa-announcement__slide.is-active{display:flex}.sa-announcement__text{margin:0;font-size:12px;line-height:1.4;letter-spacing:-.24px;color:inherit;font-weight:400}.sa-announcement__link{font-size:12px;line-height:1.4}@media(min-width:768px){.sa-announcement__text,.sa-announcement__link{font-size:14px;letter-spacing:-.28px}}.sa-announcement__link{color:var(--sa-announcement-link, #ff3c00);text-decoration:underline;text-underline-offset:3px;white-space:nowrap;transition:opacity .2s ease;font-weight:500;margin-left:6px}.sa-announcement__link:hover{opacity:1}.sa-announcement__nav{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:inherit;opacity:.7;cursor:pointer;transition:opacity .2s ease}.sa-announcement__nav:hover{opacity:1}.sa-announcement__nav svg{display:block;width:7px;height:12px}.sa-announcement__nav--prev svg{transform:scaleX(-1)}.sa-announcement--promo .sa-announcement__inner{justify-content:space-between;gap:12px;max-width:1920px;padding:0 22px;min-height:var(--sa-announcement-min-height-mobile, 64px)}@media(min-width:1000px){.sa-announcement--promo .sa-announcement__inner{gap:24px;min-height:var(--sa-announcement-min-height, 72px)}}.sa-announcement__promo-group,.sa-announcement__promo{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;min-width:0}.sa-announcement__promo--linked{text-decoration:none;color:inherit}@media(max-width:999px){.sa-announcement--promo .sa-announcement__promo--linked{cursor:pointer;-webkit-tap-highlight-color:transparent}}@media(min-width:1000px){.sa-announcement--promo .sa-announcement__promo--linked{pointer-events:none;cursor:default}.sa-announcement--promo .sa-announcement__cta{pointer-events:auto}}@media(min-width:1241px){.sa-announcement__promo-group,.sa-announcement__promo{flex-wrap:nowrap;justify-content:center;gap:120px}}@media(min-width:999px)and (max-width:1240px){.sa-announcement__promo-group,.sa-announcement__promo{flex-wrap:nowrap;justify-content:center;gap:30px}.sa-announcement__countdown-unit{min-width:36px}}.sa-announcement__promo-copy{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:center}@media(min-width:1000px){.sa-announcement__promo-copy{text-align:left;flex-direction:row}}.sa-announcement__promo-copy--inline{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:6px}@media(min-width:1000px){.sa-announcement__promo-copy--inline{justify-content:flex-start}}.sa-announcement__bullet{display:inline-block;margin-right:6px}.sa-announcement__title{margin:0;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:-.2px;text-transform:uppercase;color:inherit}@media(min-width:768px){.sa-announcement__title{font-size:14px}}.sa-announcement__subtitle{margin:0;font-size:12px;font-weight:400;line-height:1.3;letter-spacing:-.24px;text-transform:uppercase;color:inherit}@media(min-width:768px){.sa-announcement__subtitle{font-size:14px;letter-spacing:-.28px}}.sa-announcement__countdown{display:flex;flex-shrink:0;align-items:center;gap:20px}.sa-announcement__countdown-label{font-size:12px;line-height:1.2;letter-spacing:-.22px;white-space:nowrap;opacity:.95}@media(min-width:768px){.sa-announcement__countdown-label{font-size:12px}}.sa-announcement__countdown-units{display:flex;align-items:flex-start;gap:8px}.sa-announcement__countdown-unit{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:32px}.sa-announcement__countdown-value{display:flex;align-items:center;justify-content:center;width:32px;height:24px;border-radius:5px;background:var(--sa-announcement-timer-bg);font-size:14px;font-weight:500;line-height:1;letter-spacing:-.28px;color:inherit}@media(min-width:768px){.sa-announcement__countdown-unit{min-width:42px}.sa-announcement__countdown-value{width:36px;height:36px;font-size:16px}}.sa-announcement__countdown-unit-label{font-size:12px;line-height:1;letter-spacing:-.2px}.sa-announcement__countdown-sep{align-self:flex-start;font-size:14px;font-weight:600;line-height:32px;padding-top:0}@media(min-width:768px){.sa-announcement__countdown-sep{line-height:36px;font-size:16px}}.sa-announcement__media{display:none;flex-shrink:0;width:100%;max-width:92px;overflow:hidden}@media(min-width:1000px){.sa-announcement__media{display:block;width:92px;height:36px}}.sa-announcement__media img{display:block;width:100%;height:100%;object-fit:cover}.sa-announcement__cta{display:none;flex-shrink:0;align-items:center;justify-content:center;height:36px;padding:0 20px;border-radius:100px;background:#fff;color:#000;font-size:13px;font-weight:600;line-height:1;letter-spacing:-.26px;text-decoration:none;text-transform:capitalize;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.sa-announcement__cta:hover{background:#ff3c00;color:#fff}@media(min-width:768px){.sa-announcement__cta{display:inline-flex;height:32px;padding:0 12px;font-size:14px;letter-spacing:-.28px}}.sa-announcement__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:var(--sa-announcement-close-bg, rgba(0, 0, 0, .18));color:inherit;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.sa-announcement__close:hover{opacity:.85}.sa-announcement__close svg{display:block;width:10px;height:10px}@media(max-width:999px){.sa-announcement--promo .sa-announcement__inner{justify-content:space-between;align-items:center;gap:20px;padding:12px 8px 12px 16px;min-height:var(--sa-announcement-min-height-mobile, 72px)}.sa-announcement--promo .sa-announcement__promo-group,.sa-announcement--promo .sa-announcement__promo{flex:1 1 auto;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;min-width:0}.sa-announcement--promo .sa-announcement__promo-copy,.sa-announcement--promo .sa-announcement__promo-copy--inline{flex:0 1 auto;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:2px;max-width:42%;text-align:left}.sa-announcement--promo .sa-announcement__title{font-size:12px;font-weight:700;line-height:1.2}.sa-announcement--promo .sa-announcement__subtitle{font-size:12px;font-weight:400;line-height:1.25;padding-left:12px}.sa-announcement--promo .sa-announcement__bullet{margin-right:4px}.sa-announcement--promo .sa-announcement__countdown{flex:0 0 auto;flex-direction:column;align-items:start;justify-content:center;gap:4px}.sa-announcement--promo .sa-announcement__countdown-label{font-size:12px;line-height:1;text-align:center}.sa-announcement--promo .sa-announcement__countdown-units{gap:4px}.sa-announcement--promo .sa-announcement__countdown-unit{min-width:0;gap:3px}.sa-announcement--promo .sa-announcement__countdown-value{width:auto;min-width:32px;height:24px;padding:0 5px;border-radius:4px;font-size:12px;font-weight:600}.sa-announcement--promo .sa-announcement__countdown-unit-label{font-size:12px}.sa-announcement--promo .sa-announcement__countdown-sep{font-size:12px;line-height:24px}.sa-announcement--promo .sa-announcement__media,.sa-announcement--promo .sa-announcement__cta{display:none!important}.sa-announcement--promo .sa-announcement__close{flex-shrink:0;width:20px;height:20px}.sa-announcement--promo .sa-announcement__close svg{width:8px;height:8px}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/sa-announcement-bar.css.map */