.custom-announcement-bar{display:none;width:100%}.custom-announcement-bar.show{display:block}.custom-announcement-bar .cab-bar{box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px;border-radius:8px;border:none;box-shadow:0 8px 30px #0000000f;color:#111;z-index:9999}.custom-announcement-bar .cab-left{flex:0 0 48px;width:48px;height:48px;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.custom-announcement-bar .cab-left img{display:block;max-width:100%;max-height:100%}.custom-announcement-bar .cab-logo-placeholder{width:32px;height:32px;background:linear-gradient(135deg,#ececec,#f7f7f7);border-radius:6px}.custom-announcement-bar .cab-content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px}.custom-announcement-bar .cab-heading,.custom-announcement-bar .cab-desktop-text{margin:0;font-size:12px;font-weight:600;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-announcement-bar .cab-left .cab-desktop-image,.custom-announcement-bar .cab-desktop-text{display:none}.custom-announcement-bar .cab-left .cab-desktop-image{padding:2px}.custom-announcement-bar .cab-description{margin:0;font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.custom-announcement-bar .cab-desktop-text{font-size:23px;white-space:initial}.custom-announcement-bar .cab-action{flex:0 0 auto;margin-left:8px;display:flex;gap:8px;align-items:center}.custom-announcement-bar .cab-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;border:1px solid transparent}.custom-announcement-bar .cab-close{width:36px;height:36px;border-radius:50%;background:transparent;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent}.custom-announcement-bar .cab-close svg{width:12px;height:12px;opacity:.8;color:#111}.custom-announcement-bar .cab-close svg path{stroke:#000}.custom-announcement-bar .cab-bar{max-width:none}.custom-announcement-bar .cab-button:focus,.custom-announcement-bar .cab-close:focus{outline:3px solid rgba(0,0,0,.12);outline-offset:2px}@media (prefers-reduced-motion: reduce){.custom-announcement-bar .cab-bar{transition:none}}@media screen and (max-width: 767px){.custom-announcement-bar.cab--hidden-mobile{display:none}}@media screen and (min-width: 768px){.custom-announcement-bar.cab--hidden-desktop{display:none}.custom-announcement-bar .cab-bar{gap:20px}.custom-announcement-bar .cab-left{width:80px;flex:0 0 80px;height:auto}.custom-announcement-bar .cab-bar{position:fixed;max-width:250px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.custom-announcement-bar .cab-heading,.custom-announcement-bar .cab-description,.custom-announcement-bar .cab-button,.custom-announcement-bar .cab-left .cab-mobile-image{display:none}.custom-announcement-bar .cab-left .cab-desktop-image,.custom-announcement-bar .cab-desktop-text{display:block}.custom-announcement-bar .cab-action{position:absolute;top:-14px;right:-14px;margin:0}.custom-announcement-bar .cab-close{width:25px;height:25px;background:#fff;border:.5px solid #000000}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-announcement-bar.css.map */
