.announcement-dropdown-toggle{cursor:pointer;padding:0;margin-left:.375rem;border:none;background:transparent;color:inherit;transition:transform .25s ease,opacity .25s ease;opacity:.7;flex-shrink:0}.announcement-dropdown-toggle:hover{opacity:1;transform:scale(1.2)}.announcement-dropdown-toggle:active{transform:scale(1.05)}.announcement-dropdown-toggle[aria-expanded=true] .icon-chevron-down{transform:rotate(180deg)}.announcement-bar{cursor:pointer;transition:all .25s ease}.announcement__content{pointer-events:auto;display:inline-flex;align-items:center;cursor:pointer;position:relative;transition:all .25s ease}.announcement__content:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}.announcement__content:hover:after{width:calc(100% - 1.5rem)}.announcement__content:hover{opacity:.85}.announcement__slides{display:inline-flex;align-items:center}.notification-banner-popup{display:none;position:fixed;top:64px;left:0;width:100vw;height:100vh;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.notification-banner-popup.show{display:block;opacity:1;visibility:visible;align-items:center;justify-content:center}.notification-banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.notification-banner-content{position:relative;background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;overflow-y:auto;padding:2rem;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-banner-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s ease;z-index:1}.notification-banner-close:hover{background:#f3f4f6;color:#374151}.notification-banner-items{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.notification-banner-item{padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;transition:all .2s ease}.notification-banner-item:hover{background:#f3f4f6;border-color:#d1d5db}.notification-banner-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .75rem;line-height:1.4}.notification-banner-subtitle{font-size:.95rem;color:#6b7280;margin:0 0 1rem;line-height:1.5}.notification-banner-link{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:#000;color:#fff;text-decoration:none;border-radius:6px;font-weight:500;font-size:.9rem;transition:all .2s ease;text-transform:uppercase;letter-spacing:.025em}.notification-banner-link:hover{background:#374151;transform:translateY(-1px)}@media (min-width: 640px){.notification-banner-content{padding:2.5rem}.notification-banner-items{grid-template-columns:repeat(3,1fr);gap:2rem}.notification-banner-popup{top:48px}}@media (min-width: 768px){.notification-banner-title{font-size:1.375rem}.notification-banner-subtitle{font-size:1rem}}@media (min-width: 1024px){.notification-banner-content{padding:3rem}}@media (max-width: 639px){.notification-banner-items{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.announcement-dropdown-toggle{padding:.375rem}.announcement-bar{font-size:.9rem}}@media (max-width: 480px){.notification-banner-content{padding:2.5rem}.notification-banner-close{top:.75rem;right:.75rem;padding:.375rem}.notification-banner-items{grid-template-columns:1fr;gap:1rem}.notification-banner-item{padding:1rem}.notification-banner-title{font-size:1.125rem}.notification-banner-subtitle{font-size:.875rem}.notification-banner-link{padding:.625rem 1.25rem;font-size:.85rem}.announcement-dropdown-toggle{padding:.25rem}}
/*# sourceMappingURL=/cdn/shop/t/508/assets/announcement-banner.css.map */