/* Art-E-Shock Cookies: a small white card with a black button. Scoped under #aeck so no theme can bend it. */
#aeck{--k-ink:#111;--k-text:#2B2B2B;--k-mute:#6B6B6B;--k-line:#E7E7E7;--k-soft:#F4F4F4;--k-ease:cubic-bezier(.16,1,.3,1);
  position:fixed;z-index:2147483600;bottom:20px;width:min(360px,calc(100% - 40px));font-family:inherit;font-size:16px;line-height:1.5;color:var(--k-text);pointer-events:none;text-align:start}
#aeck[hidden]{display:none}
#aeck.aeck--left{left:20px}
#aeck.aeck--right{right:20px}
#aeck.aeck--center{left:50%;width:min(520px,calc(100% - 40px));transform:translateX(-50%)}
#aeck *,#aeck *::before,#aeck *::after{box-sizing:border-box;line-height:inherit}
#aeck p,#aeck span,#aeck a,#aeck img,#aeck div{margin:0!important;padding:0;border:0;font-family:inherit;letter-spacing:normal;text-transform:none}
#aeck button{all:unset;box-sizing:border-box;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}

#aeck .aeck__card{pointer-events:auto;position:relative;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border:1px solid #111;border-radius:16px;padding:18px 18px 0;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 50px -12px rgba(0,0,0,.22);
  opacity:0;transform:translateY(16px);transition:opacity .6s var(--k-ease),transform .7s var(--k-ease)}
#aeck.is-in .aeck__card{opacity:1;transform:none}
#aeck.is-out .aeck__card{opacity:0;transform:translateY(12px);transition-duration:.35s}
#aeck .aeck__card:focus{outline:none}

#aeck .aeck__head{display:flex;align-items:center;gap:10px;padding-inline-end:28px}
#aeck .aeck__ico{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--k-soft);color:var(--k-ink)}
#aeck .aeck__ico svg{width:17px;height:17px}
#aeck .aeck__t{font-size:15px;font-weight:600;line-height:1.3;color:var(--k-ink)}
#aeck .aeck__p{margin-top:8px!important;font-size:13px;line-height:1.6;color:var(--k-mute)}
#aeck .aeck__p a{color:var(--k-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(0,0,0,.3)}
#aeck .aeck__p a:hover{text-decoration-color:var(--k-ink)}

#aeck .aeck__btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px!important}
#aeck .aeck__b{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid #D6D6D6;background:#fff;color:var(--k-ink);font-size:13.5px;font-weight:500;line-height:1;white-space:nowrap;text-align:center;transition:background .25s,border-color .25s,color .25s,transform .25s var(--k-ease)}
#aeck .aeck__b--main{background:var(--k-ink);border-color:var(--k-ink);color:#fff}
#aeck .aeck__b--wide{width:100%;margin-top:12px!important}
#aeck .aeck__more{grid-column:1/-1;justify-self:start;padding:4px 2px;font-size:12.5px;color:var(--k-mute);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(0,0,0,.25)}
#aeck .aeck__more[aria-expanded="true"]{color:var(--k-ink)}
@media (hover:hover) and (pointer:fine){
  #aeck .aeck__b:hover{border-color:var(--k-ink)}
  #aeck .aeck__b--main:hover{background:#333;border-color:#333}
  #aeck .aeck__more:hover{color:var(--k-ink)}
}
#aeck .aeck__x{position:absolute;top:14px;inset-inline-end:12px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--k-mute);transition:background .25s,color .25s}
#aeck .aeck__x svg{width:14px;height:14px}
#aeck .aeck__x:hover{background:var(--k-soft);color:var(--k-ink)}

/* settings */
#aeck .aeck__set{margin-top:12px!important;border-top:1px solid var(--k-line)}
#aeck .aeck__set[hidden]{display:none}
#aeck .aeck__cat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--k-line)}
#aeck .aeck__cat-n{display:block;font-size:13.5px;font-weight:600;color:var(--k-ink)}
#aeck .aeck__cat-d{display:block;margin-top:2px!important;font-size:12px;line-height:1.5;color:var(--k-mute)}
#aeck .aeck__lock{font-size:11.5px;color:var(--k-mute);white-space:nowrap}
#aeck .aeck__sw{position:relative;display:block;width:40px;height:22px;border-radius:999px;background:#D9D9D9;transition:background .25s}
#aeck .aeck__sw span{position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:inset-inline-start .25s var(--k-ease)}
#aeck .aeck__sw[aria-checked="true"]{background:var(--k-ink)}
#aeck .aeck__sw[aria-checked="true"] span{inset-inline-start:20px}

/* the credit: a black bar along the bottom of the card */
#aeck .aeck__credit{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px -18px 0!important;padding:10px 18px;background:#0B0B0C;font-size:11px;letter-spacing:.02em;color:rgba(255,255,255,.72)}
#aeck .aeck__credit a{display:inline-flex;opacity:.92;transition:opacity .25s}
#aeck .aeck__credit a:hover{opacity:1}
#aeck .aeck__credit img{display:block;width:auto;height:24px;max-width:none}
#aeck .aeck__credit a:focus-visible{outline-color:#fff}

#aeck button:focus-visible,#aeck a:focus-visible{outline:2px solid var(--k-ink);outline-offset:2px}

/* the small reopen button (off by default); id-strength rules so no theme button style can reach it */
#aeck-fab.aeck-fab{all:unset;box-sizing:border-box!important;position:fixed!important;z-index:2147483590;bottom:20px;width:40px!important;height:40px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center;cursor:pointer;background:#fff!important;color:#111!important;border:1px solid #111!important;box-shadow:0 8px 24px -8px rgba(0,0,0,.3)!important;transition:transform .25s}
#aeck-fab.aeck-fab[hidden]{display:none!important}
#aeck-fab.aeck-fab--left{left:20px;right:auto}
#aeck-fab.aeck-fab--right{right:20px;left:auto}
#aeck-fab svg{width:20px;height:20px}
#aeck-fab:hover{transform:translateY(-2px)}
#aeck-fab:focus-visible{outline:2px solid #111;outline-offset:2px}
/* the shortcode link takes the look of the links around it */
.aeck-link{all:unset;cursor:pointer;color:inherit;font:inherit;text-decoration:inherit}
.aeck-link:hover{text-decoration:underline}
.aeck-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* phones: a slim card along the bottom */
@media (max-width:600px){
  #aeck,#aeck.aeck--left,#aeck.aeck--right,#aeck.aeck--center{left:10px;right:10px;bottom:10px;width:auto;transform:none}
  #aeck .aeck__card{max-height:calc(100vh - 80px);padding:16px 16px 0;border-radius:14px}
  #aeck-fab.aeck-fab{bottom:12px}
  #aeck-fab.aeck-fab--left{left:12px}
  #aeck-fab.aeck-fab--right{right:12px}
  #aeck .aeck__credit{margin-inline:-16px!important;padding-inline:16px}
}
@media (max-width:330px){#aeck .aeck__btns{grid-template-columns:1fr}#aeck .aeck__more{justify-self:center}}
@media (prefers-reduced-motion:reduce){#aeck .aeck__card{transition:none!important}}

/* hardening: some themes force their own button look with !important; inside the banner ours wins */
#aeck .aeck__b{background:#fff!important;color:#111!important;border:1px solid #D6D6D6!important;border-radius:999px!important;padding:0 12px!important;min-height:40px!important;font-size:13.5px!important;font-weight:500!important;line-height:1!important;letter-spacing:normal!important;text-transform:none!important;box-shadow:none!important;width:auto!important;height:auto!important;margin:0!important}
#aeck .aeck__b--main{background:#111!important;color:#fff!important;border-color:#111!important}
#aeck .aeck__b--wide{width:100%!important;margin-top:12px!important}
#aeck .aeck__more{background:none!important;border:0!important;border-radius:0!important;padding:4px 2px!important;font-size:12.5px!important;color:#6B6B6B!important;box-shadow:none!important;min-height:0!important;text-transform:none!important;letter-spacing:normal!important}
#aeck .aeck__x{background:transparent!important;border:0!important;border-radius:50%!important;padding:0!important;width:28px!important;height:28px!important;min-height:0!important;box-shadow:none!important;color:#6B6B6B!important}
#aeck .aeck__sw{border:0!important;border-radius:999px!important;padding:0!important;width:40px!important;height:22px!important;min-height:0!important;box-shadow:none!important;background:#D9D9D9!important}
#aeck .aeck__sw[aria-checked="true"]{background:#111!important}
@media (hover:hover) and (pointer:fine){
  #aeck .aeck__b:hover{border-color:#111!important}
  #aeck .aeck__b--main:hover{background:#333!important;border-color:#333!important}
  #aeck .aeck__x:hover{background:#F4F4F4!important;color:#111!important}
}
/* no theme focus rings or borders on mouse click: only a black ring for keyboard users */
#aeck *:focus,#aeck *:active,#aeck-fab:focus,#aeck-fab:active,.aeck-link:focus{outline:none!important;box-shadow:none!important}
#aeck .aeck__b:focus,#aeck .aeck__b:active{border-color:#D6D6D6!important}
#aeck .aeck__b--main:focus,#aeck .aeck__b--main:active{border-color:#111!important}
#aeck button:focus-visible,#aeck a:focus-visible,#aeck-fab:focus-visible{outline:2px solid #111!important;outline-offset:2px!important}
#aeck .aeck__credit a:focus-visible{outline-color:#fff!important}
#aeck .aeck__card,#aeck .aeck__card:focus{outline:none!important}

/* clearance for a floating accessibility button: Israeli sites almost always have one in a bottom corner */
#aeck.aeck--gap.aeck--left{left:92px}
#aeck.aeck--gap.aeck--right{right:92px}
#aeck-fab.aeck-fab--gap.aeck-fab--left{left:92px}
#aeck-fab.aeck-fab--gap.aeck-fab--right{right:92px}
@media (max-width:600px){
  #aeck.aeck--gap,#aeck.aeck--gap.aeck--left,#aeck.aeck--gap.aeck--right,#aeck.aeck--gap.aeck--center{left:10px;right:10px;bottom:84px}
  #aeck.aeck--gap .aeck__card{max-height:calc(100vh - 150px)}
  #aeck-fab.aeck-fab--gap.aeck-fab--left{left:72px}
  #aeck-fab.aeck-fab--gap.aeck-fab--right{right:72px}
}
