html:has(.announcement-banner:not([hidden])),html.has-promotion-banner{--promotion-banner-height: 56px}html:has(.announcement-banner:not([hidden])) .header,html.has-promotion-banner .header{top:var(--promotion-banner-height, 0px)}.announcement-banner{position:fixed;inset:0 0 auto;z-index:110;overflow:hidden;color:var(--color-cotton);background:var(--color-root);box-shadow:inset 0 -1px rgba(var(--color-cotton-rgb),.14)}.announcement-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}.announcement-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(100deg,transparent 34%,rgba(var(--color-linen-rgb),.14) 50%,transparent 66%);transform:translate(-100%)}@media(prefers-reduced-motion:no-preference){.announcement-banner:after{animation:announcement-traverse 14s cubic-bezier(.45,0,.55,1) 2.4s infinite}}@keyframes announcement-traverse{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}.announcement-banner[hidden]{display:none}.announcement-banner__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;column-gap:8px;width:min(100%,1440px);margin:0 auto;padding:6px 12px 6px clamp(12px,3vw,40px)}.announcement-banner__link{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;min-width:0;min-height:44px;padding:2px 0;color:inherit;text-decoration:none}.announcement-banner__date{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--color-linen);white-space:nowrap}.announcement-banner__date:before{content:"";flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:var(--color-clay)}@media(prefers-reduced-motion:no-preference){.announcement-banner__date:before{animation:announcement-breathe 4.5s ease-in-out infinite}}@keyframes announcement-breathe{0%,to{transform:scale(.72);opacity:.55}50%{transform:scale(1.1);opacity:1}}.announcement-banner__text{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:2px 8px;min-width:0}.announcement-banner__title{font-family:var(--font-heading);font-size:15px;font-weight:400;line-height:1.25;letter-spacing:.005em;color:var(--color-cotton);text-wrap:balance}.announcement-banner__detail{font-family:var(--font-body);font-size:11px;font-weight:300;line-height:1.4;letter-spacing:.04em;color:var(--color-linen);white-space:nowrap}.announcement-banner__cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:6px 14px;color:var(--color-root);background:var(--color-cotton);border:1px solid var(--color-cotton);border-radius:999px;font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:lowercase;white-space:nowrap;transition:background-color .18s ease-out,color .18s ease-out}.announcement-banner__cta-arrow{width:13px;height:13px;flex:0 0 auto;transition:transform .22s cubic-bezier(.16,1,.3,1)}.announcement-banner__link:hover .announcement-banner__cta{color:var(--color-cotton);background:transparent}.announcement-banner__link:hover .announcement-banner__cta-arrow{transform:translate(3px)}.announcement-banner__link:focus-visible{outline:2px solid var(--color-cotton);outline-offset:-4px;border-radius:6px}.announcement-banner__dismiss{-webkit-appearance:none;appearance:none;grid-column:2;justify-self:end;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;color:var(--color-linen);background:none;border:1px solid transparent;border-radius:50%;cursor:pointer;transition:background-color .16s ease-out,color .16s ease-out}.announcement-banner__dismiss svg{width:16px;height:16px}.announcement-banner__dismiss:hover{color:var(--color-cotton);background:rgba(var(--color-cotton-rgb),.12)}.announcement-banner__dismiss:focus-visible{outline:2px solid var(--color-cotton);outline-offset:-3px}@media(prefers-reduced-motion:no-preference){.announcement-banner.is-settling .announcement-banner__inner{animation:announcement-settle .42s cubic-bezier(.16,1,.3,1) both}}@keyframes announcement-settle{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.announcement-banner__inner{column-gap:6px;padding-left:14px}.announcement-banner__link{gap:4px 10px;justify-content:flex-start;text-align:left}.announcement-banner__detail{display:none}.announcement-banner__title{font-size:13.5px}.announcement-banner__date{font-size:9px;letter-spacing:.12em}.announcement-banner__cta{margin-left:auto;margin-right:6px;min-height:30px;min-width:30px;padding:6px;border-radius:50%}.announcement-banner__cta-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.announcement-banner__cta-arrow{width:15px;height:15px}}@media(max-width:479px){.announcement-banner__date{gap:0}.announcement-banner__date:before{display:none}}@media(max-width:380px){.announcement-banner__title{font-size:12.5px}.announcement-banner__date{letter-spacing:.08em}}@media(prefers-reduced-motion:reduce){.announcement-banner__cta,.announcement-banner__cta-arrow{transition:none}.announcement-banner__link:hover .announcement-banner__cta-arrow{transform:none}}.announcement-banner__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
/*# sourceMappingURL=/cdn/shop/t/5/assets/announcement-banner.css.map */
