:root:has(.osano-ab--slim){--announcement-bar-height:4.875rem}:root:has(.osano-ab--button){--announcement-bar-height:7.25rem}.osano-ab{background:var(--gradient-primary-6);color:var(--white);font-family:var(--font-body);left:0;padding:1rem;position:fixed;top:0;transition:transform var(--animation-speed,.3s) ease;width:100%;z-index:100}.osano-ab.is-closing{transform:translateY(-100%)}.osano-ab__content{align-items:flex-start;display:flex;flex-direction:column;gap:.125rem}.osano-ab--button .osano-ab__content{gap:1rem}.osano-ab__heading{color:var(--white);font-size:var(--text-md);font-weight:600;line-height:var(--text-md-line-height);margin:0;padding-right:2rem}.osano-ab__icon{background-color:currentColor;display:block;flex:none;height:1.25rem;-webkit-mask:var(--osano-ab-icon) center /contain no-repeat;mask:var(--osano-ab-icon) center /contain no-repeat;width:1.25rem}.osano-ab__icon--arrow{--osano-ab-icon:var(--osano-ab-icon-arrow);transition:transform var(--animation-speed,.3s) ease}.osano-ab__icon--close{--osano-ab-icon:var(--osano-ab-icon-close);height:1.5rem;width:1.5rem}.osano-ab a:focus-visible,.osano-ab button:focus-visible{outline:2px solid var(--white);outline-offset:2px}.osano-ab--slim .osano-ab__cta{color:var(--gray-100);font-size:var(--text-sm);line-height:var(--text-sm-line-height);text-decoration:underline}.osano-ab--slim .osano-ab__cta:hover{color:var(--white)}.osano-ab--button .osano-ab__cta{align-items:center;border:2px solid var(--white);border-radius:.5rem;display:inline-flex;font-size:var(--text-md);font-weight:500;gap:.5rem;line-height:var(--text-md-line-height);padding:.5rem 1rem}.osano-ab--button .osano-ab__cta,.osano-ab--button .osano-ab__cta:hover{color:var(--white);text-decoration:none}.osano-ab--button .osano-ab__cta:hover .osano-ab__icon--arrow{transform:translateX(.25rem)}.osano-ab__close{align-items:center;background:none;border:0;border-radius:.5rem;color:var(--white);cursor:pointer;display:flex;height:2.5rem;justify-content:center;padding:0;position:absolute;right:.5rem;top:.5625rem;width:2.5rem}.osano-ab__close:hover{color:var(--gray-100)}@media (min-width:48rem){:root:has(.osano-ab--slim){--announcement-bar-height:3.25rem}:root:has(.osano-ab--button){--announcement-bar-height:4.5rem}.osano-ab{padding:.875rem 3.5rem}.osano-ab__content{align-items:center;flex-direction:row;flex-wrap:wrap;gap:0 .375rem;justify-content:center;text-align:center}.osano-ab--button .osano-ab__content{gap:.5rem 1.5rem}.osano-ab__heading{padding-right:0}.osano-ab--slim .osano-ab__cta{font-size:var(--text-md);line-height:var(--text-md-line-height)}.osano-ab__close{top:.375rem}}@media (min-width:75rem){:root:has(.osano-ab--button){--announcement-bar-height:4rem}.osano-ab--button .osano-ab__cta{padding-block:.25rem}}@media (forced-colors:active){.osano-ab__icon{background-color:CanvasText;forced-color-adjust:none}a .osano-ab__icon{background-color:LinkText}button .osano-ab__icon{background-color:ButtonText}}@media (prefers-reduced-motion:reduce){.osano-ab,.osano-ab__icon--arrow{transition:none}}