:root { --mr-announcement-height: 49px; --mr-announcement-background: #f2dbdf; --mr-announcement-text: #222222; }  theme-announcement-bar-sticky { display: block; background-color: var(--mr-announcement-background); border: 0 !important; outline: 0 !important; box-shadow: none !important; } .announcement-bar__sticky { inset-block-start: 0; z-index: var(--z-index-fixed); animation: animation-slide-in-top 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); border: 0 !important; outline: 0 !important; box-shadow: none !important; } .announcement-bar__mode-always { position: sticky; backface-visibility: hidden; } @media (min-width: 960px) { .announcement-bar__mode-desktop { position: sticky; backface-visibility: hidden; } } @media (max-width: 959px) { .announcement-bar__mode-mobile { position: sticky; backface-visibility: hidden; } }  theme-announcement-bar-carousel { position: relative; display: block; width: 100%; height: var(--mr-announcement-height); min-height: var(--mr-announcement-height); overflow: hidden; color: var(--mr-announcement-text); background-color: var(--mr-announcement-background); border: 0 !important; outline: 0 !important; box-shadow: none !important; } theme-announcement-bar-carousel *, theme-announcement-bar-carousel *::before, theme-announcement-bar-carousel *::after { box-sizing: border-box; } theme-announcement-bar-carousel theme-carousel { display: block; width: 100%; height: var(--mr-announcement-height); min-height: var(--mr-announcement-height); background-color: var(--mr-announcement-background); } .announcement-bar__carousel-wrapper { position: relative; width: 100%; height: var(--mr-announcement-height); min-height: var(--mr-announcement-height); overflow: hidden; background-color: var(--mr-announcement-background); } .announcement-bar__group { display: flex; width: 100%; height: var(--mr-announcement-height); min-height: var(--mr-announcement-height); background-color: var(--mr-announcement-background); }  .announcement-bar__group-item { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: var(--mr-announcement-height); min-height: var(--mr-announcement-height); color: var(--mr-announcement-text) !important; text-align: center; word-break: normal; overflow-wrap: normal; background-color: var(--mr-announcement-background) !important; } .announcement-bar__group-item-content { display: flex; align-items: center; justify-content: center; width: 100%; height: var(--mr-announcement-height); min-height: var(--mr-announcement-height); padding-top: 0 !important; padding-bottom: 0 !important; padding-block: 0 !important; } .announcement-bar__group-item-inner { position: relative; z-index: var(--z-index-active); display: flex; gap: 8px; align-items: center; justify-content: center !important; width: 100%; height: var(--mr-announcement-height); min-height: var(--mr-announcement-height); margin: 0; padding-top: 0 !important; padding-bottom: 0 !important; padding-block: 0 !important; color: var(--mr-announcement-text) !important; }  .announcement-bar__group-item-inner, .announcement-bar__group-item-inner .rte, .announcement-bar__group-item-inner .rte p, .announcement-bar__group-item-inner .rte span, .announcement-bar__group-item-inner .rte div, .announcement-bar__group-item-inner .rte strong, .announcement-bar__group-item-inner .rte b, .announcement-bar__group-item-inner .rte em, .announcement-bar__group-item-inner .rte i, .announcement-bar__group-item-inner .rte a, .announcement-bar__group-item-inner .rte h1, .announcement-bar__group-item-inner .rte h2, .announcement-bar__group-item-inner .rte h3, .announcement-bar__group-item-inner .rte h4, .announcement-bar__group-item-inner .rte h5, .announcement-bar__group-item-inner .rte h6 { margin-top: 0 !important; margin-bottom: 0 !important; color: var(--mr-announcement-text) !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 12px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; text-shadow: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .announcement-bar__group-item-inner strong, .announcement-bar__group-item-inner b { font-weight: 400 !important; }  .announcement-bar__group-item-inner .rte a { position: relative; z-index: 4; color: var(--mr-announcement-text) !important; cursor: pointer; pointer-events: auto; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 3px; } .announcement-bar__group-item-link, .announcement-bar__group-item-link:empty { position: absolute; inset: 0; z-index: 2; display: block; width: 100%; height: 100%; cursor: pointer; pointer-events: auto; } .announcement-bar__group-item-divide-line::after { position: absolute; inset-block-end: 0; inset-inline-start: 0; display: none !important; width: 100%; height: 1px; content: ""; background-color: transparent; }  .announcement-bar__group-social-medias { display: none !important; }  .announcement-bar__group-tiled { flex-direction: column; height: auto; } .announcement-bar__group-tiled .announcement-bar__group-item { flex: 0 0 var(--mr-announcement-height); } .announcement-bar__group-compact .announcement-bar__group-item { flex: 1; } .announcement-bar__group-compact .announcement-bar__group-item-content { padding-inline: 0; } @media (max-width: 959px) { .announcement-bar__group-compact .announcement-bar__group-item { flex: 0 0 100%; } } .announcement-bar__group-horizontal .announcement-bar__group-item { flex: 0 0 100%; } .announcement-bar__group-vertical .announcement-bar__group-item { flex: 0 0 100%; } .announcement-bar__group-manual .announcement-bar__group-item { flex: 0 0 100%; } .announcement-bar__group-manual .announcement-bar__group-item-inner { margin-inline: 60px; }  .announcement-bar__carousel-vertical { position: relative; display: block; height: var(--mr-announcement-height); overflow: hidden; } .announcement-bar__carousel-vertical-fake { height: var(--mr-announcement-height); overflow: hidden; visibility: hidden; } .announcement-bar__carousel-vertical theme-carousel { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; } .announcement-bar__carousel-vertical .announcement-bar__carousel-wrapper { height: 100%; } .announcement-bar__group-vertical { height: 100%; } .announcement-bar__group-vertical>* { height: 100%; }  .announcement-bar__button-wrapper { position: absolute; inset-block-start: 0; inset-inline-start: 50%; z-index: 6; width: 720px !important; max-width: calc(100% - 40px) !important; height: var(--mr-announcement-height); margin: 0 !important; padding: 0 !important; pointer-events: none; transform: translateX(-50%); } .announcement-bar__button { position: absolute; inset-block-start: 0; z-index: 7; display: flex; align-items: center; justify-content: center; width: 34px; height: var(--mr-announcement-height); margin: 0; padding: 0; color: var(--mr-announcement-text) !important; cursor: pointer; pointer-events: auto; background: transparent !important; background-color: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transition: opacity 0.2s ease; } .announcement-bar__button:hover { opacity: 0.55; }  .announcement-bar__button svg { display: none !important; }  .announcement-bar__button::before { position: absolute; top: 50%; left: 50%; display: block; width: 13px; height: 1px; content: ""; background-color: currentColor; transform: translate(-50%, -50%); }  .announcement-bar__button[name="previous"] { inset-inline-start: 0; transform: none; } .announcement-bar__button[name="previous"]::after { position: absolute; top: 50%; left: calc(50% - 6px); display: block; width: 5px; height: 5px; content: ""; border-bottom: 1px solid currentColor; border-left: 1px solid currentColor; transform: translateY(-50%) rotate(45deg); }  .announcement-bar__button[name="next"] { inset-inline-end: 0; transform: none; } .announcement-bar__button[name="next"]::after { position: absolute; top: 50%; right: calc(50% - 6px); display: block; width: 5px; height: 5px; content: ""; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: translateY(-50%) rotate(45deg); }  @media (max-width: 959px) { .announcement-bar__group-manual .announcement-bar__group-item-inner { margin-inline: 52px; } .announcement-bar__button-wrapper { width: 100% !important; max-width: 100% !important; padding-inline: 8px !important; } .announcement-bar__button[name="previous"] { inset-inline-start: 8px; } .announcement-bar__button[name="next"] { inset-inline-end: 8px; } }  @media (max-width: 767px) { :root { --mr-announcement-height: 44px; } theme-announcement-bar-carousel, theme-announcement-bar-carousel theme-carousel, .announcement-bar__carousel-wrapper, .announcement-bar__group, .announcement-bar__group-item, .announcement-bar__group-item-content, .announcement-bar__group-item-inner, .announcement-bar__carousel-vertical, .announcement-bar__carousel-vertical-fake, .announcement-bar__button-wrapper, .announcement-bar__button { height: var(--mr-announcement-height); min-height: var(--mr-announcement-height); } .announcement-bar__group-item-inner { gap: 5px; } .announcement-bar__group-item-inner, .announcement-bar__group-item-inner .rte, .announcement-bar__group-item-inner .rte p, .announcement-bar__group-item-inner .rte span, .announcement-bar__group-item-inner .rte div, .announcement-bar__group-item-inner .rte strong, .announcement-bar__group-item-inner .rte b, .announcement-bar__group-item-inner .rte em, .announcement-bar__group-item-inner .rte i, .announcement-bar__group-item-inner .rte a, .announcement-bar__group-item-inner .rte h1, .announcement-bar__group-item-inner .rte h2, .announcement-bar__group-item-inner .rte h3, .announcement-bar__group-item-inner .rte h4, .announcement-bar__group-item-inner .rte h5, .announcement-bar__group-item-inner .rte h6 { font-size: 10.5px !important; font-weight: 400 !important; } .announcement-bar__group-manual .announcement-bar__group-item-inner { margin-inline: 45px; } .announcement-bar__button { width: 30px; } .announcement-bar__button-wrapper { padding-inline: 4px !important; } .announcement-bar__button[name="previous"] { inset-inline-start: 4px; } .announcement-bar__button[name="next"] { inset-inline-end: 4px; } .announcement-bar__button::before { width: 11px; } .announcement-bar__button[name="previous"]::after { left: calc(50% - 5px); width: 4px; height: 4px; } .announcement-bar__button[name="next"]::after { right: calc(50% - 5px); width: 4px; height: 4px; } }  @media (prefers-reduced-motion: reduce) { theme-announcement-bar-carousel *, theme-announcement-bar-carousel *::before, theme-announcement-bar-carousel *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }  #shopline-section-sections--header-group__announcement-bar:not(.announcement-bar__sticky) { position: relative; background-color: var(--mr-announcement-background); }  #shopline-section-sections--header-group__announcement-bar { margin-bottom: 0 !important; padding-bottom: 0 !important; background-color: var(--mr-announcement-background) !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; } @supports (-webkit-touch-callout: none) { #shopline-section-sections--header-group__announcement-bar { isolation: isolate; animation: none !important; -webkit-transform: translateZ(0); transform: translateZ(0); } #shopline-section-sections--header-group__announcement-bar::after { position: absolute; right: 0; bottom: -1px; left: 0; z-index: 1; height: 2px; content: ""; pointer-events: none; background-color: var(--mr-announcement-background); } }