.tk-announce{--ann-h: 32px;--ann-ease: cubic-bezier(.22, .61, .36, 1);--ann-dur: .42s;position:relative;font-size:13px;line-height:1.4;color:var(--ann-fg, #ffffff);background-color:transparent!important;box-shadow:inset 0 0 0 100vmax var(--ann-bg, #0a0a0a);transition:box-shadow var(--ann-dur) var(--ann-ease),color var(--ann-dur) var(--ann-ease),transform .3s var(--ann-ease),opacity .3s var(--ann-ease)}.tk-announce.is-dismissed{transform:translateY(-100%);opacity:0;pointer-events:none}.tk-announce__bar{position:relative;display:grid;grid-template-columns:1fr minmax(0,auto) 1fr;align-items:center;column-gap:10px;height:var(--ann-h);padding-inline:12px}.tk-announce__toggle{grid-column:1;justify-self:start}.tk-announce__close{grid-column:3;justify-self:end}.tk-announce__viewport{grid-column:2;position:relative;height:100%;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.tk-announce__toggle,.tk-announce__close{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;background:none;color:inherit;cursor:pointer;transition:opacity .18s ease}.tk-announce__toggle{opacity:.8}.tk-announce__close{opacity:.55}.tk-announce__toggle:hover,.tk-announce__close:hover{opacity:1}.tk-announce__toggle:focus-visible,.tk-announce__close:focus-visible{outline:2px solid currentColor;outline-offset:1px;border-radius:4px;opacity:1}.tk-announce__toggle svg,.tk-announce__close svg{flex-shrink:0}.tk-announce__toggle svg{transition:transform .26s var(--ann-ease)}.tk-announce.is-open .tk-announce__toggle svg{transform:rotate(180deg)}.tk-announce__slide{position:absolute;inset-inline:0;display:flex;align-items:center;justify-content:center;gap:8px;height:100%;white-space:nowrap;opacity:0;transform:translateY(100%);pointer-events:none;transition:opacity var(--ann-dur) var(--ann-ease),transform var(--ann-dur) var(--ann-ease)}.tk-announce__slide.is-active{position:relative;opacity:1;transform:translateY(0);pointer-events:auto}.tk-announce__slide.is-leaving{opacity:0;transform:translateY(-100%)}@media(prefers-reduced-motion:reduce){.tk-announce__slide,.tk-announce__slide.is-leaving{transform:none;transition:opacity .15s linear}}.tk-announce__body{display:inline-flex;align-items:center;gap:8px}.tk-announce__icon{font-size:15px;line-height:1;flex-shrink:0}.tk-announce__icon--img{display:inline-flex;align-items:center;height:calc(var(--ann-h) - 8px);flex-shrink:0}.tk-announce__icon--img img{display:block;height:100%;width:auto;object-fit:contain;mix-blend-mode:normal}.tk-announce__text{font-weight:500}.tk-announce__link{color:var(--ann-link, #ff5a00);text-decoration:underline;text-underline-offset:2px;font-weight:600;flex-shrink:0;transition:opacity .18s ease}.tk-announce__link:hover{opacity:.75}.tk-announce__btn{display:inline-flex;align-items:center;padding:3px 12px;font-size:11px;line-height:1.4;font-weight:700;border-radius:50px;text-decoration:none;background:var(--ann-btn-bg, #ffffff);color:var(--ann-btn-fg, #0a0a0a);flex-shrink:0;transition:opacity .18s ease,transform .18s ease}.tk-announce__btn:hover{opacity:.88;transform:translateY(-1px)}.tk-announce__panel{position:absolute;top:100%;inset-inline:0;z-index:10;display:flex;flex-direction:column;overflow:hidden;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .22s var(--ann-ease),transform .22s var(--ann-ease),visibility 0s linear .22s}.tk-announce.is-open .tk-announce__panel{visibility:visible;opacity:1;transform:translateY(0);transition-delay:0s}.tk-announce__row{display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--ann-h);padding:6px 12px;border-top:1px solid color-mix(in srgb,currentColor 16%,transparent)}.tk-announce__row.is-current{display:none}@media(max-width:768px){.tk-announce{--ann-h: 28px;font-size:clamp(10px,2.7vw,12px);-webkit-text-size-adjust:100%;text-size-adjust:100%}.tk-announce__bar{padding-inline:8px;column-gap:6px}.tk-announce__btn{padding:2px 10px;font-size:10px}.tk-announce__row{flex-wrap:wrap;text-align:center;white-space:normal}}.tk-announce__slide.is-scrolling.is-active{justify-content:flex-start;width:max-content;animation:tkAnnounceScroll var(--ann-scroll-dur, 14s) linear infinite}.tk-announce__slide.is-scrolling.is-active .tk-announce__echo{display:inline-flex;align-items:center;gap:8px;padding-left:2.5em}.tk-announce__viewport:has(.is-scrolling.is-active){justify-content:flex-start;mask-image:linear-gradient(to right,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 88%,transparent 100%)}.tk-announce__echo{display:none;pointer-events:none}@keyframes tkAnnounceScroll{0%,14%{transform:translate(0)}to{transform:translate(calc(-1 * var(--ann-shift, 50%)))}}@media(prefers-reduced-motion:reduce){.tk-announce__slide.is-scrolling.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/tk-announcement.css.map */