.pianzi-announcement,.pianzi-announcement *,.pianzi-announcement *:before,.pianzi-announcement *:after{box-sizing:border-box}.pianzi-announcement{position:relative;z-index:90;display:block;width:100%;color:var(--pianzi-announcement-text);pointer-events:none}.pianzi-announcement__outer{width:100%;padding:var(--pianzi-announcement-outer-top) var(--pianzi-announcement-outer-sides) var(--pianzi-announcement-outer-bottom);pointer-events:none}.pianzi-announcement--full-width .pianzi-announcement__outer{padding-right:0;padding-left:0}.pianzi-announcement__bar{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%;min-height:var(--pianzi-announcement-height);padding:0 var(--pianzi-announcement-padding-x);color:var(--pianzi-announcement-text);pointer-events:auto;border:1px solid var(--pianzi-announcement-border);border-radius:var(--pianzi-announcement-radius);background:var(--pianzi-announcement-bg);box-shadow:0 12px 32px #0f0f100f;overflow:hidden;isolation:isolate}.pianzi-announcement--glass .pianzi-announcement__bar{-webkit-backdrop-filter:blur(var(--pianzi-announcement-blur)) saturate(112%);backdrop-filter:blur(var(--pianzi-announcement-blur)) saturate(112%)}.pianzi-announcement--attached .pianzi-announcement__outer{padding-bottom:0}.pianzi-announcement--attached .pianzi-announcement__bar{border-bottom-right-radius:0;border-bottom-left-radius:0}.pianzi-announcement__viewport{position:relative;width:100%;min-width:0;overflow:hidden}.pianzi-announcement__track{position:relative;width:100%;min-width:0}.pianzi-announcement__slide{display:none;width:100%;min-width:0}.pianzi-announcement__slide.is-active{display:block}.pianzi-announcement--rotating .pianzi-announcement__slide.is-active{animation:pianzi-announcement-slide-in var(--pianzi-announcement-transition-speed) ease}@keyframes pianzi-announcement-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pianzi-announcement--static .pianzi-announcement__slide:not(:first-child){display:none!important}.pianzi-announcement__link{display:block;width:100%;color:inherit;text-decoration:none}a.pianzi-announcement__link{cursor:pointer}.pianzi-announcement__content{display:flex;align-items:center;justify-content:center;min-height:calc(var(--pianzi-announcement-height) - 2px);gap:var(--pianzi-announcement-gap);width:100%;min-width:0;color:inherit;font-family:var(--font-body-family);text-align:center}.pianzi-announcement--align-left .pianzi-announcement__content{justify-content:flex-start;text-align:left}.pianzi-announcement--align-right .pianzi-announcement__content{justify-content:flex-end;text-align:right}.pianzi-announcement__message{min-width:0;color:inherit;font-family:var(--font-body-family);font-size:var(--pianzi-announcement-font-size);font-weight:500;line-height:1.25;letter-spacing:var(--pianzi-announcement-letter-spacing)}.pianzi-announcement__message p{display:inline;margin:0}.pianzi-announcement__message strong{font-weight:650}.pianzi-announcement__message em{font-style:italic}.pianzi-announcement__arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:calc(var(--pianzi-announcement-font-size) + 3px);line-height:1;transition:transform .18s ease}a.pianzi-announcement__link:hover .pianzi-announcement__arrow{transform:translate(4px)}.pianzi-announcement__badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:24px;padding:5px 10px;color:var(--pianzi-announcement-badge-text);font-family:var(--font-body-family);font-size:var(--pianzi-announcement-label-size);font-weight:600;line-height:1;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;white-space:nowrap}.pianzi-announcement__badge--plain{min-height:0;padding:0;border:0;background:transparent}.pianzi-announcement__badge--filled{border:1px solid var(--pianzi-announcement-badge-border);background:var(--pianzi-announcement-badge-bg)}.pianzi-announcement__badge--outline{border:1px solid var(--pianzi-announcement-badge-border);background:transparent}.pianzi-announcement__status{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px}.pianzi-announcement__status-dot{position:relative;z-index:3;display:block;width:7px;height:7px;border-radius:50%;background:var(--pianzi-announcement-dot);box-shadow:0 0 8px color-mix(in srgb,var(--pianzi-announcement-dot) 42%,transparent)}.pianzi-announcement__status-ring{position:absolute;z-index:1;top:50%;left:50%;display:none;width:7px;height:7px;border:1px solid var(--pianzi-announcement-dot-ring);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.75)}.pianzi-announcement__status.is-radiating .pianzi-announcement__status-ring{display:block}.pianzi-announcement__status.is-radiating .pianzi-announcement__status-ring--one{animation:pianzi-announcement-status-ring 2.4s ease-out infinite}.pianzi-announcement__status.is-radiating .pianzi-announcement__status-ring--two{animation:pianzi-announcement-status-ring 2.4s ease-out 1.2s infinite}@keyframes pianzi-announcement-status-ring{0%{opacity:var( --pianzi-announcement-dot-ring-opacity );transform:translate(-50%,-50%) scale(.7)}to{opacity:0;transform:translate(-50%,-50%) scale(3.2)}}.pianzi-announcement__countdown{display:inline-flex;align-items:baseline;justify-content:center;gap:3px;flex:0 0 auto;color:var(--pianzi-announcement-accent);font-family:var(--font-body-family);font-size:var(--pianzi-announcement-font-size);font-weight:650;line-height:1;letter-spacing:.04em;white-space:nowrap}.pianzi-announcement__countdown-value{min-width:1.45em;font-variant-numeric:tabular-nums;text-align:center}.pianzi-announcement__countdown-unit{color:var(--pianzi-announcement-muted);font-size:calc(var(--pianzi-announcement-font-size) - 2px);font-weight:500;letter-spacing:.08em}.pianzi-announcement__countdown-separator{margin:0 2px;color:var(--pianzi-announcement-muted);opacity:.68}.pianzi-announcement__countdown.is-expired{color:var(--pianzi-announcement-muted);font-weight:500}.pianzi-announcement__controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto}.pianzi-announcement__control{display:inline-flex;align-items:center;justify-content:center;width:var(--pianzi-announcement-control-size);height:var(--pianzi-announcement-control-size);min-width:var(--pianzi-announcement-control-size);padding:0;color:var(--pianzi-announcement-control-color);cursor:pointer;border:1px solid var(--pianzi-announcement-border);border-radius:50%;background:var(--pianzi-announcement-control-bg);box-shadow:none;appearance:none;-webkit-appearance:none;transition:transform .18s ease,opacity .18s ease,background-color .18s ease}.pianzi-announcement__control svg{display:block;width:54%;height:54%}.pianzi-announcement__control:hover{transform:scale(1.04)}.pianzi-announcement__control:active{transform:scale(.96)}.pianzi-announcement__control[disabled]{cursor:default;opacity:.35}.pianzi-announcement__control-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}.pianzi-announcement__control-icon--play,.pianzi-announcement__control--pause.is-paused .pianzi-announcement__control-icon--pause{display:none}.pianzi-announcement__control--pause.is-paused .pianzi-announcement__control-icon--play{display:inline-flex}.pianzi-announcement--marquee .pianzi-announcement__viewport{overflow:hidden}.pianzi-announcement--marquee .pianzi-announcement__track{display:flex;align-items:center;width:max-content;min-width:100%;animation:pianzi-announcement-marquee var(--pianzi-announcement-marquee-speed) linear infinite}.pianzi-announcement--marquee .pianzi-announcement__slide{display:block;width:auto;flex:0 0 auto}.pianzi-announcement--marquee .pianzi-announcement__slide:not(:last-child){margin-right:64px}.pianzi-announcement--marquee .pianzi-announcement__content{min-height:calc(var(--pianzi-announcement-height) - 2px);white-space:nowrap}.pianzi-announcement--marquee .pianzi-announcement__control,.pianzi-announcement--marquee .pianzi-announcement__controls{display:none}.pianzi-announcement--marquee:hover .pianzi-announcement__track{animation-play-state:paused}@keyframes pianzi-announcement-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.pianzi-announcement__slide--marquee .pianzi-announcement__content{width:max-content;min-width:100%;animation:pianzi-announcement-slide-marquee var(--pianzi-announcement-marquee-speed) linear infinite}@keyframes pianzi-announcement-slide-marquee{0%{transform:translate(10%)}to{transform:translate(-100%)}}@media screen and (max-width:749px){.pianzi-announcement__outer{padding:var(--pianzi-announcement-mobile-outer-top) var(--pianzi-announcement-mobile-outer-sides) var(--pianzi-announcement-mobile-outer-bottom)}.pianzi-announcement--full-width .pianzi-announcement__outer{padding-right:0;padding-left:0}.pianzi-announcement__bar{grid-template-columns:auto minmax(0,1fr) auto;min-height:var(--pianzi-announcement-mobile-height);padding:0 var(--pianzi-announcement-mobile-padding-x);border-radius:var(--pianzi-announcement-mobile-radius)}.pianzi-announcement--attached .pianzi-announcement__bar{border-bottom-right-radius:0;border-bottom-left-radius:0}.pianzi-announcement__content{min-height:calc(var(--pianzi-announcement-mobile-height) - 2px);gap:var(--pianzi-announcement-mobile-gap)}.pianzi-announcement__message{font-size:var(--pianzi-announcement-mobile-font-size);line-height:1.3}.pianzi-announcement__badge{min-height:22px;padding:5px 8px;font-size:var(--pianzi-announcement-mobile-label-size)}.pianzi-announcement__badge--plain{min-height:0;padding:0}.pianzi-announcement__status{width:18px;height:18px;flex-basis:18px}.pianzi-announcement__status-dot,.pianzi-announcement__status-ring{width:6px;height:6px}.pianzi-announcement__countdown{font-size:var(--pianzi-announcement-mobile-font-size)}.pianzi-announcement__countdown-unit{font-size:max(7px,calc(var(--pianzi-announcement-mobile-font-size) - 2px))}.pianzi-announcement__arrow{font-size:calc(var(--pianzi-announcement-mobile-font-size) + 3px)}.pianzi-announcement__control{width:var(--pianzi-announcement-mobile-control-size);height:var(--pianzi-announcement-mobile-control-size);min-width:var(--pianzi-announcement-mobile-control-size)}@media screen and (max-width:420px){.pianzi-announcement__content{gap:7px}.pianzi-announcement__badge--plain{display:none}.pianzi-announcement__message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pianzi-announcement__countdown{gap:2px}}}@media(hover:hover)and (pointer:fine){a.pianzi-announcement__link:hover .pianzi-announcement__message{opacity:.78}a.pianzi-announcement__link:hover .pianzi-announcement__badge{transform:translateY(-1px)}.pianzi-announcement__badge{transition:transform .18s ease,opacity .18s ease}.pianzi-announcement__message{transition:opacity .18s ease}}.pianzi-announcement button:focus-visible,.pianzi-announcement a:focus-visible{outline:1px solid currentColor;outline-offset:3px}@media(prefers-reduced-motion:reduce){.pianzi-announcement *,.pianzi-announcement *:before,.pianzi-announcement *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.pianzi-announcement--marquee .pianzi-announcement__track,.pianzi-announcement__slide--marquee .pianzi-announcement__content{width:100%;transform:none;animation:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.pianzi-announcement__bar{background:var(--pianzi-announcement-bg)}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/pianzi-announcement-bar.css.map */