@charset "UTF-8";wp-component[name=NotificationBanner]{align-items:center;background-color:var(--bg-color);block-size:var(--notification-banner-height);color:#fff;display:none;font-size:var(--font-size-body-medium);isolation:isolate;justify-content:center;line-height:var(--font-size-body-large);max-width:1600px;margin-block:0 var(--spacing-non-scalable-m);margin-inline:var(--spacing-non-scalable-xs);position:relative;transition:transform ease-in-out .2s;--notification-banner-height: 100px}@media screen and (min-width: 768px){wp-component[name=NotificationBanner]{display:flex}}@media (min-width: 1536px){wp-component[name=NotificationBanner]{margin-inline:auto}}@media (min-width: 640px) and (max-width: 1535px){wp-component[name=NotificationBanner]{margin-inline:var(--spacing-non-scalable-s)}}@media (min-width: 504px){wp-component[name=NotificationBanner]{--notification-banner-height: 64px}}@media (min-width: 504px){wp-component[name=NotificationBanner][data-animated="1"]{--notification-banner-height: 64px}}wp-component[name=NotificationBanner][data-animated="1"]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 57.5%,transparent 57.6%),radial-gradient(circle,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 67.5%,transparent 67.6%),radial-gradient(circle,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 77.5%,transparent 77.6%),radial-gradient(circle,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 87.5%,transparent 87.6%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,rgba(255,255,255,.05) 97.5%,transparent 97.6%);background-position:center;background-repeat:no-repeat;background-size:67.5%;z-index:99991;transition:background-size 1.5s;animation:4s linear 2 scaleCircles}@media (max-width: 1399px){wp-component[name=NotificationBanner][data-animated="1"] p{white-space:wrap;text-wrap:pretty}}@media (max-width: 767px){wp-component[name=NotificationBanner][data-animated="1"] .notification-banner{padding-inline:22px}}@media (max-width: 767px){wp-component[name=NotificationBanner]:has(.notification-banner-mobile) .notification-banner{display:none}}wp-component[name=NotificationBanner] .notification-banner{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;width:100%;padding-inline:10px;text-align:center;z-index:99992}wp-component[name=NotificationBanner] .notification-banner sup{margin-left:-3px}wp-component[name=NotificationBanner] .notification-banner sup>a{padding-inline:0;text-decoration:none;font-size:14px}wp-component[name=NotificationBanner] .notification-banner sup>a:hover{text-decoration:underline}wp-component[name=NotificationBanner] .notification-banner-mobile{background-color:var(--bg-color);border-radius:16px;z-index:99992;display:none;grid-template-columns:1fr;align-items:center;block-size:100%;text-align:center;padding-block:var(--spacing-non-scalable-xs)}@media (min-width: 768px){wp-component[name=NotificationBanner] .notification-banner-mobile{display:none}}wp-component[name=NotificationBanner] .notification-banner-mobile>a{padding-inline:7px;text-wrap:balance;text-decoration:none;color:#fff;font-size:var(--font-size-body-small)}wp-component[name=NotificationBanner] .notification-banner-mobile>a:hover{text-decoration:underline}wp-component[name=NotificationBanner] .notification-banner>a{color:#fff;padding-inline:5px 0;text-decoration:none;display:flex;align-items:center}@media (max-width: 767px){wp-component[name=NotificationBanner] .countdown-container-mobile{grid-column:2}}wp-component[name=NotificationBanner] .countdown-container,wp-component[name=NotificationBanner] .countdown-container-mobile{display:flex;align-items:center;gap:12px;margin-inline:18px}wp-component[name=NotificationBanner] .countdown-container .numbers-container,wp-component[name=NotificationBanner] .countdown-container-mobile .numbers-container{display:flex;flex-direction:column;align-items:center;background-color:var(--color-red);border-radius:7px;padding:2px 10px}wp-component[name=NotificationBanner] .countdown-container .numbers-container .number,wp-component[name=NotificationBanner] .countdown-container-mobile .numbers-container .number{font-weight:600;font-size:18px}wp-component[name=NotificationBanner] .countdown-container .numbers-container .text,wp-component[name=NotificationBanner] .countdown-container-mobile .numbers-container .text{font-size:12px}wp-component[name=NotificationBanner] .marquee{animation:notification-marquee var(--notification-marquee-duration, 50s) linear infinite;animation-play-state:running;display:inline-block;padding-left:100%;white-space:nowrap}wp-component[name=NotificationBanner] .marquee:hover,wp-component[name=NotificationBanner] .marquee:focus{animation-play-state:paused}wp-component[name=NotificationBanner] p{overflow:hidden;text-align:center;white-space:nowrap}wp-component[name=NotificationBanner] p a{color:inherit;font-weight:600;padding-inline:18px;text-decoration:underline;transition:all .3s ease}wp-component[name=NotificationBanner] p a:hover{text-decoration:none}@keyframes notification-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes scaleCircles{0%{background-size:67.5%}50%{background-size:100%}to{background-size:67.5%}}@media (prefers-reduced-motion: reduce){wp-component[name=NotificationBanner] wp-component[name=NotificationBanner] .marquee,wp-component[name=NotificationBanner] wp-component[name=NotificationBanner]:after{animation:none}}wp-component[name=NotificationBanner]:hover .marquee,wp-component[name=NotificationBanner]:focus-within .marquee{animation-play-state:paused}wp-component[name=NotificationBanner]:has(+wp-component:not([name=HeroEmail],[name=OneProductHero],[name=GridOneFourth])){margin-block-end:var(--spacing-non-scalable-2xl)}wp-component[name=NotificationBanner]:hover:after,wp-component[name=NotificationBanner]:focus-within:after{background-size:100%}
