.abrsm-announcement{--announcement-rule:rgba(255,255,255,.2);--ticker-width:0px;position:var(--announcement-position);top:var(--announcement-top);z-index:10;background:var(--announcement-bg);color:var(--announcement-text);border-radius:var(--announcement-radius);overflow:hidden;border-bottom:var(--announcement-border);box-shadow:var(--announcement-shadow);font-family:var(--announcement-body)}.abrsm-announcement ._inner{max-width:var(--announcement-inner-max);margin:0 auto;padding:var(--announcement-padding-y) var(--announcement-padding-x);display:flex;align-items:center;gap:12px;min-height:var(--announcement-min-height)}.abrsm-announcement ._label{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:var(--announcement-label-pad-y) var(--announcement-label-pad-x);border-radius:999px;background:#ffffff1f;color:var(--announcement-label-fg);border:1px solid rgba(255,255,255,.14);font-size:var(--announcement-label-size);font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1;white-space:nowrap}.abrsm-announcement ._surface{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.abrsm-announcement ._viewport{position:relative;width:100%;min-width:0;overflow:hidden}.abrsm-announcement[data-edge-fade=true][data-mode=ticker] ._viewport:before,.abrsm-announcement[data-edge-fade=true][data-mode=ticker] ._viewport:after{content:"";position:absolute;top:0;bottom:0;width:var(--announcement-fade);pointer-events:none;z-index:1}.abrsm-announcement[data-edge-fade=true] ._viewport:before{left:0;background:linear-gradient(90deg,var(--announcement-bg),transparent)}.abrsm-announcement[data-edge-fade=true] ._viewport:after{right:0;background:linear-gradient(270deg,var(--announcement-bg),transparent)}.abrsm-announcement ._track{display:flex;align-items:center;justify-content:center;gap:var(--announcement-gap);min-width:0;width:100%;transform:translateZ(0)}.abrsm-announcement ._item{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;max-width:100%;padding:0;background:transparent;line-height:var(--announcement-line-height);font-size:var(--announcement-font-size);font-weight:var(--announcement-font-weight);text-transform:var(--announcement-text-transform);letter-spacing:var(--announcement-letter-spacing);text-align:center}.abrsm-announcement ._copy,.abrsm-announcement ._actions{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;flex-wrap:wrap}.abrsm-announcement ._copy{flex:0 1 auto}.abrsm-announcement ._text{min-width:0;max-width:min(100%,var(--announcement-text-max));white-space:normal;text-wrap:pretty}.abrsm-announcement ._icon{display:inline-grid;place-items:center;flex:0 0 auto;font-size:var(--announcement-icon-size);line-height:1;opacity:var(--announcement-icon-opacity)}.abrsm-announcement a{color:var(--announcement-link);text-decoration:underline;text-underline-offset:.18em;font-weight:600;transition:opacity .18s ease,transform .18s ease,color .18s ease}.abrsm-announcement a:hover{opacity:.92}.abrsm-announcement ._btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--announcement-button-padding-y) var(--announcement-button-padding-x);border:1px solid rgba(255,255,255,.16);border-radius:var(--announcement-button-radius);background:var(--announcement-btn-bg);color:var(--announcement-btn-fg);text-decoration:none;font-weight:var(--announcement-button-weight);line-height:1;transition:background-color .18s ease,border-color .18s ease,opacity .18s ease}.abrsm-announcement ._actions>a{display:flex;align-items:center;gap:6px;position:relative}.abrsm-announcement ._actions>a:not(._btn):after{content:"";width:10px;height:1px;background:currentColor;opacity:.55}.abrsm-announcement ._btn:hover{background:var(--announcement-btn-bg-hover);border-color:#ffffff4d}.abrsm-announcement ._dismiss{flex:0 0 auto;display:inline-grid;place-items:center;width:var(--announcement-dismiss-size);height:var(--announcement-dismiss-size);border:0;border-radius:999px;background:transparent;color:var(--announcement-ui-color);cursor:pointer;font-size:calc(var(--announcement-dismiss-size) * .54);line-height:1;transition:background-color .18s ease}.abrsm-announcement ._dismiss:hover,.abrsm-announcement ._ctrl:hover{background:var(--announcement-ui-hover)}.abrsm-announcement ._ctrl:hover{border-color:var(--announcement-ui-border);transform:translateY(-1px)}.abrsm-announcement ._dismiss:focus-visible,.abrsm-announcement ._ctrl:focus-visible,.abrsm-announcement ._dot:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:2px}.abrsm-announcement ._progress{display:inline-grid;grid-template-columns:1fr;gap:5px;width:min(100%,var(--announcement-progress-max));min-width:clamp(170px,22vw,var(--announcement-progress-max));text-align:center}.abrsm-announcement ._bar{width:100%;height:var(--announcement-progress-height);border-radius:999px;background:var(--announcement-progress-track);border:0;overflow:hidden}.abrsm-announcement ._bar>span{display:block;height:100%;border-radius:999px;background:var(--announcement-progress-fill);box-shadow:none}.abrsm-announcement[data-show-dividers=true]:not([data-mode=carousel]) ._item+._item{position:relative;margin-left:0;padding-left:12px}.abrsm-announcement[data-show-dividers=true]:not([data-mode=carousel]) ._item+._item:before{content:"";position:absolute;left:0;top:50%;height:12px;width:1px;transform:translateY(-50%);background:var(--announcement-rule)}.abrsm-announcement[data-mode=single] ._track{justify-content:var(--announcement-justify);flex-wrap:wrap;row-gap:6px}.abrsm-announcement[data-mode=ticker] ._track{width:max-content;flex-wrap:nowrap;will-change:transform}.abrsm-announcement[data-mode=ticker] ._item{white-space:nowrap}.abrsm-announcement[data-mode=ticker][data-animate=true] ._track{animation:abrsm-announcement-ticker var(--announcement-rotation-speed) linear infinite}.abrsm-announcement[data-mode=ticker][data-animate=true] ._viewport:hover ._track,.abrsm-announcement[data-mode=ticker][data-animate=true] ._viewport:focus-within ._track{animation-play-state:paused}@keyframes abrsm-announcement-ticker{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * var(--ticker-width)),0,0)}}.abrsm-announcement[data-mode=carousel] ._track{gap:0;transition:transform .45s ease;justify-content:flex-start;align-items:stretch;will-change:transform}.abrsm-announcement[data-mode=carousel] ._inner{position:relative}.abrsm-announcement[data-mode=carousel] ._surface{display:block;position:relative;width:100%}.abrsm-announcement[data-mode=carousel] ._viewport{padding-inline-start:var(--announcement-carousel-padding);padding-inline-end:calc(var(--announcement-carousel-padding) + clamp(104px,12vw,148px));box-sizing:border-box}.abrsm-announcement[data-mode=carousel] ._slide{flex:0 0 100%;min-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding-inline:10px}.abrsm-announcement[data-mode=carousel] ._slide>._item{max-width:100%;width:auto;margin-inline:auto;justify-content:center;text-align:center;flex-wrap:wrap;gap:8px 10px}.abrsm-announcement[data-mode=carousel] ._slide>._item ._copy,.abrsm-announcement[data-mode=carousel] ._slide>._item ._actions,.abrsm-announcement[data-mode=carousel] ._slide>._item ._progress{width:auto;justify-content:center;margin-inline:auto;text-align:center}.abrsm-announcement[data-mode=carousel] ._slide>._item ._text{max-width:min(100%,64ch)}.abrsm-announcement[data-mode=carousel] ._slide>._item ._progress{width:min(100%,var(--announcement-progress-max))}.abrsm-announcement ._ctrls{flex:0 0 auto;display:flex;align-items:center;gap:var(--announcement-control-gap);justify-content:flex-end}.abrsm-announcement[data-mode=carousel] ._ctrls{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:2;padding:2px 4px;border:1px solid var(--announcement-ui-border);border-radius:999px;background:var(--announcement-ui-surface);box-shadow:inset 0 1px #ffffff0d,0 6px 16px #00000024;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.abrsm-announcement ._ctrl{display:inline-grid;place-items:center;width:max(24px,var(--announcement-control-size));height:max(24px,var(--announcement-control-size));border:1px solid transparent;border-radius:999px;background:transparent;color:var(--announcement-ui-color);cursor:pointer;padding:0;opacity:.94;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease}.abrsm-announcement ._ctrl-icon{width:calc(var(--announcement-control-size) * .42);height:calc(var(--announcement-control-size) * .42);display:block}.abrsm-announcement ._ctrl-icon path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.abrsm-announcement ._dots{display:flex;align-items:center;gap:4px;margin-left:2px}.abrsm-announcement ._dot{align-items:center;background:transparent;border:0;border-radius:999px;display:inline-flex;height:24px;justify-content:center;padding:0;cursor:pointer;position:relative;width:max(24px,var(--announcement-dot-active-width))}.abrsm-announcement ._dot:before{content:"";width:var(--announcement-dot-size);height:var(--announcement-dot-size);border-radius:999px;background:var(--announcement-ui-muted);opacity:.9;transition:transform .18s ease,width .18s ease,background-color .18s ease,opacity .18s ease}.abrsm-announcement ._dot[aria-current=true]:before{width:var(--announcement-dot-active-width);background:var(--announcement-ui-color);opacity:1;box-shadow:0 0 0 1px #ffffff1f;transform:none}.abrsm-announcement ._item.is-expired ._cd{opacity:.8}@media(max-width:767px){.abrsm-announcement ._inner{padding-left:max(12px,var(--announcement-padding-x));padding-right:max(12px,var(--announcement-padding-x));gap:8px;min-height:var(--announcement-min-height-mobile)}.abrsm-announcement ._label{display:var(--announcement-label-mobile-display)}.abrsm-announcement ._track{gap:var(--announcement-gap-mobile)}.abrsm-announcement ._item{font-size:var(--announcement-font-size-mobile);gap:var(--announcement-gap-mobile)}.abrsm-announcement ._progress{min-width:0}.abrsm-announcement ._actions{gap:8px}.abrsm-announcement ._actions>a:not(._btn):after{width:8px}.abrsm-announcement[data-mode=carousel] ._surface{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.abrsm-announcement[data-mode=carousel] ._slide{padding-inline:0}.abrsm-announcement[data-mode=carousel] ._slide>._item{width:100%;gap:6px 8px}.abrsm-announcement[data-mode=carousel] ._slide>._item ._copy,.abrsm-announcement[data-mode=carousel] ._slide>._item ._actions{width:100%}.abrsm-announcement[data-mode=carousel] ._ctrls{position:static;transform:none;padding:2px;gap:max(4px,calc(var(--announcement-control-gap) - 1px));margin-left:auto;box-shadow:inset 0 1px #ffffff0d;-webkit-backdrop-filter:none;backdrop-filter:none}.abrsm-announcement[data-mode=carousel] ._ctrl{display:var(--announcement-arrows-mobile-display)!important;width:44px;height:44px}.abrsm-announcement[data-mode=carousel] ._viewport{padding-inline:var(--announcement-carousel-padding-mobile)}.abrsm-announcement[data-mode=carousel] ._dots{display:var(--announcement-dots-mobile-display)!important}}.abrsm-announcement[data-show-arrows=false][data-mode=carousel] ._ctrl,.abrsm-announcement[data-show-dots=false][data-mode=carousel] ._dots,.abrsm-announcement[data-show-arrows=false][data-show-dots=false][data-mode=carousel] ._ctrls{display:none}@media(max-width:767px){.abrsm-announcement[data-show-arrows-mobile=true][data-mode=carousel] ._ctrls,.abrsm-announcement[data-show-dots-mobile=true][data-mode=carousel] ._ctrls{display:flex!important}}@media(max-width:767px){.abrsm-announcement[data-show-arrows-mobile=false][data-show-dots-mobile=false][data-mode=carousel] ._ctrls{display:none!important}}@media(max-width:767px){.abrsm-announcement[data-hide-mobile=true]{display:none!important}}@media(min-width:768px){.abrsm-announcement[data-hide-desktop=true]{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/abrsm-announcement.css.map */