/** Shopify CDN: Minification failed

Line 289:0 All "@import" rules must come first

**/
/*
==================================================
SARA CORAZZA

FILE
caa-shared.css

DESCRIZIONE
Stili condivisi da tutte le pagine CAA.

UTILIZZATO DA
caa-risorsa.liquid e template CAA

DIPENDENZE
Nessuna

ULTIMA MODIFICA
04/08/2026
==================================================
*/


.sc-caa-resource{--caa-ink:#111;--caa-muted:#555;--caa-line:#e5e5e5;--caa-paper:#fff;--caa-bg:#fafafa;--caa-soft:#f3f3f3;--caa-radius:18px;--caa-shadow:0 10px 26px rgba(0,0,0,.07);padding:24px 16px 56px;color:var(--caa-ink);background:var(--caa-bg);font-family:Arial,Helvetica,sans-serif}.sc-caa-resource *{box-sizing:border-box}.sc-caa-resource__wrap{max-width:1150px;margin:auto}.sc-caa-resource__header{margin-bottom:20px}.sc-caa-resource__title{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.08;font-weight:900;text-transform:uppercase}.sc-caa-resource__subtitle{margin:8px 0 0;color:var(--caa-muted);font-weight:900;letter-spacing:.05em;text-transform:uppercase}.sc-caa-resource__panel{margin-bottom:16px;padding:18px;border:1px solid var(--caa-line);border-radius:var(--caa-radius);background:var(--caa-paper);box-shadow:var(--caa-shadow)}.sc-caa-resource__empty{padding:24px;border:2px dashed var(--caa-line);border-radius:16px;text-align:center;font-weight:900;text-transform:uppercase}.sc-caa-picto{display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--caa-line);border-radius:14px;background:#fff}.sc-caa-picto img{display:block;width:100%;height:100%;object-fit:contain}.sc-caa-missing{padding:8px;color:var(--caa-muted);font-size:12px;font-weight:900;text-align:center;text-transform:uppercase}.sc-caa-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.sc-caa-toolbar__button{min-height:52px;padding:12px 18px;border:2px solid var(--caa-ink);border-radius:15px;background:#fff;color:var(--caa-ink);font:inherit;font-size:15px;font-weight:900;cursor:pointer;text-transform:uppercase}.sc-caa-toolbar__button--primary{background:var(--caa-ink);color:#fff}.sc-caa-copyright{margin-top:18px;padding-top:12px;border-top:1px solid var(--caa-line);color:var(--caa-muted);font-size:12px;line-height:1.45;text-transform:none}.sc-caa-copyright a{color:inherit}.sc-caa-vocab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.sc-caa-vocab-card{position:relative;display:flex;flex-direction:column;align-items:center;min-height:330px;padding:16px;border:2px solid var(--caa-line);border-radius:20px;background:#fff;break-inside:avoid}.sc-caa-vocab-card__picto{width:180px;height:180px;flex:0 0 auto}.sc-caa-vocab-card__languages{width:100%;margin-top:14px;text-align:center}.sc-caa-vocab-card__language{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;font-size:19px;line-height:1.15;text-transform:uppercase}.sc-caa-vocab-card__language--secondary{margin-top:5px;color:var(--caa-muted);font-size:17px}.sc-caa-vocab-card__flag{flex:0 0 auto;font-size:18px}.sc-caa-vocab-card__audio{width:48px;height:48px;display:grid;place-items:center;margin-top:12px;border:2px solid #111;border-radius:50%;background:#111;color:#fff;font-size:22px;cursor:pointer}.sc-caa-vocab-card__audio:focus-visible{outline:4px solid rgba(37,99,235,.25);outline-offset:2px}.sc-caa-routine{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.sc-caa-routine__step{padding:12px;border:1px solid var(--caa-line);border-radius:18px;background:#fff;text-align:center}.sc-caa-routine__number{display:inline-grid;place-items:center;width:32px;height:32px;margin-bottom:8px;border-radius:50%;background:#111;color:#fff;font-weight:900}.sc-caa-routine__step .sc-caa-picto{height:170px}.sc-caa-routine__text{margin-top:10px;font-size:17px;line-height:1.2;font-weight:900;text-transform:uppercase}.sc-caa-math__problem{font-size:clamp(21px,3vw,30px);line-height:1.45;font-weight:900;text-transform:uppercase}.sc-caa-math__data{display:flex;flex-wrap:wrap;gap:10px}.sc-caa-math__chip{padding:10px 14px;border:1px solid var(--caa-line);border-radius:999px;background:var(--caa-soft);font-weight:900;text-transform:uppercase}.sc-caa-math__expression{min-height:90px;display:grid;place-items:center;border:3px solid #111;border-radius:18px;font-size:clamp(30px,6vw,58px);font-weight:900}.sc-caa-math__answer{min-height:80px;padding:16px;border:3px dashed var(--caa-line);border-radius:18px;font-size:28px;font-weight:900}.sc-caa-math__pictos{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.sc-caa-math__picto-card{padding:10px;border:1px solid var(--caa-line);border-radius:16px;text-align:center;font-weight:900;text-transform:uppercase}.sc-caa-math__picto-card .sc-caa-picto{height:120px;margin-bottom:8px}.sc-caa-grammar__strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.sc-caa-grammar__card{padding:10px;border:2px solid #111;border-radius:16px;text-align:center}.sc-caa-grammar__card .sc-caa-picto{height:100px;border:0}.sc-caa-grammar__label{display:block;margin-top:8px;font-weight:900;text-transform:uppercase}.sc-caa-grammar__rule{padding:16px;border:5px solid #c40000;border-radius:20px;background:#ffeaea;font-size:20px;font-weight:900;text-transform:uppercase}.sc-caa-grammar__slots{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sc-caa-grammar__slot{min-height:75px;border:4px solid #111;border-radius:16px;background:#fff}@media(max-width:700px){.sc-caa-toolbar__button{flex:1 1 145px}.sc-caa-vocab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sc-caa-vocab-card{min-height:245px;padding:10px}.sc-caa-vocab-card__picto{width:120px;height:120px}.sc-caa-vocab-card__language{font-size:15px}.sc-caa-vocab-card__language--secondary{font-size:14px}.sc-caa-grammar__slots{grid-template-columns:repeat(2,1fr)}}

/* CONDIVISIONE */
.sc-caa-share[hidden]{display:none!important}
.sc-caa-share{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(0,0,0,.48);
  backdrop-filter:blur(3px);
}
.sc-caa-share__dialog{
  width:min(520px,100%);
  padding:22px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.sc-caa-share__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:16px;
}
.sc-caa-share__title{
  margin:0;
  font-size:24px;
  line-height:1.1;
  font-weight:900;
  text-transform:uppercase;
}
.sc-caa-share__close{
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:#f2f2f2;
  font-size:24px;
  font-weight:900;
  cursor:pointer;
}
.sc-caa-share__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.sc-caa-share__option{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:12px;
  border:2px solid #111;
  border-radius:17px;
  background:#fff;
  color:#111;
  font:inherit;
  font-size:15px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
  text-transform:uppercase;
}
.sc-caa-share__option--primary{
  grid-column:1/-1;
  background:#111;
  color:#fff;
}
.sc-caa-share__message{
  min-height:20px;
  margin:12px 0 0;
  text-align:center;
  font-size:13px;
  font-weight:900;
}
body.sc-caa-share-open{overflow:hidden}

@media(max-width:520px){
  .sc-caa-share__grid{grid-template-columns:1fr}
  .sc-caa-share__option--primary{grid-column:auto}
}

/* STAMPA A4 */
@page{
  size:A4 portrait;
  margin:24mm 12mm 14mm;
}

@media print{
  html,body{
    width:210mm!important;
    min-height:297mm!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }

  header,
  footer,
  .header-wrapper,
  .shopify-section-group-header-group,
  .shopify-section-group-footer-group,
  #shopify-section-header,
  #shopify-section-footer,
  .announcement-bar,
  .utility-bar,
  .menu-drawer,
  .drawer,
  .sc-caa-toolbar,
  .sc-caa-share{
    display:none!important;
  }

  main,
  #MainContent,
  .content-for-layout,
  .shopify-section{
    margin:0!important;
    padding:0!important;
  }

  .sc-caa-resource{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }

  .sc-caa-resource__wrap{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  .sc-caa-resource__header{
    margin:0 0 12mm!important;
    padding:0!important;
    break-after:avoid;
  }

  .sc-caa-resource__title{font-size:24pt!important}

  .sc-caa-resource__panel{
    margin:0 0 5mm!important;
    padding:4mm!important;
    border:1px solid #bbb!important;
    border-radius:4mm!important;
    box-shadow:none!important;
    break-inside:avoid;
  }

  .sc-caa-picto img,
  .sc-caa-routine__step .sc-caa-picto img,
  .sc-caa-math__picto-card .sc-caa-picto img,
  .sc-caa-grammar__card .sc-caa-picto img{
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }


  .sc-caa-routine{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4mm!important;
  }

  .sc-caa-routine__step .sc-caa-picto{height:38mm!important}

  .sc-caa-routine__step,
  .sc-caa-math__picto-card,
  .sc-caa-grammar__card{
    break-inside:avoid;
  }

  a{
    color:#111!important;
    text-decoration:none!important;
  }
  /* Tessere a misura fissa per il quaderno: 3 per riga. */
  .sc-caa-vocab-grid{display:grid!important;grid-template-columns:repeat(3,58mm)!important;justify-content:center!important;gap:4mm!important}
  .sc-caa-vocab-card{width:58mm!important;min-height:74mm!important;padding:4mm!important;border:1.2pt solid #111!important;border-radius:4mm!important;break-inside:avoid!important;page-break-inside:avoid!important}
  .sc-caa-vocab-card__picto{width:42mm!important;height:42mm!important}
  .sc-caa-vocab-card__languages{margin-top:3mm!important}
  .sc-caa-vocab-card__language{min-height:7mm!important;font-size:13pt!important;line-height:1.1!important}
  .sc-caa-vocab-card__language--secondary{margin-top:1mm!important;font-size:11.5pt!important}
  .sc-caa-vocab-card__flag{font-size:11pt!important}
  .sc-caa-vocab-card__audio{display:none!important}


  /* STAMPA VOCABOLARIO */
  .sc-caa-resource__header{
    display:none!important;
  }

  .sc-caa-vocab-panel{
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  .sc-caa-vocab-grid{
    display:grid!important;
    grid-template-columns:repeat(3,58mm)!important;
    justify-content:center!important;
    gap:4mm!important;
  }

  .sc-caa-vocab-card{
    width:58mm!important;
    min-height:74mm!important;
    padding:4mm!important;
    border:1.5pt solid #000!important;
    border-radius:3mm!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }

  .sc-caa-vocab-card__picto{
    width:42mm!important;
    height:42mm!important;
    padding:1.5mm!important;
    border:4pt solid #000!important;
    border-radius:1.5mm!important;
  }

  .sc-caa-vocab-card__languages{
    margin-top:3mm!important;
  }

  .sc-caa-vocab-card__language{
    min-height:7mm!important;
    font-size:14pt!important;
    line-height:1.05!important;
    text-align:center!important;
  }

  .sc-caa-vocab-card__language--secondary{
    margin-top:1mm!important;
    font-size:12pt!important;
  }

  .sc-caa-vocab-card__flag,
  .sc-caa-vocab-card__audio{
    display:none!important;
  }

  .sc-caa-copyright{
    break-before:auto;
    margin-top:7mm!important;
  }

}


/* VOCABOLARIO A TESSERE V1.3 */
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&display=swap');

.sc-caa-resource,
.sc-caa-resource button{
  font-family:"Atkinson Hyperlegible",Arial,Helvetica,sans-serif;
}

.sc-caa-vocab-panel{
  overflow:visible;
}

.sc-caa-vocab-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:clamp(12px,2vw,20px);
  align-items:stretch;
}

.sc-caa-vocab-card{
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:clamp(12px,2vw,18px);
  border:2px solid #111;
  border-radius:20px;
  background:#fff;
  break-inside:avoid;
}

.sc-caa-vocab-card__picto{
  width:min(100%,190px);
  aspect-ratio:1/1;
  flex:0 0 auto;
  padding:8px;
  border:6px solid #000;
  border-radius:8px;
  background:#fff;
}

.sc-caa-vocab-card__picto img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.sc-caa-vocab-card__languages{
  width:100%;
  margin-top:14px;
  text-align:center;
}

.sc-caa-vocab-card__language{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  color:#000;
  font-size:clamp(20px,2.1vw,28px);
  line-height:1.08;
  font-weight:700;
  text-align:center;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}

.sc-caa-vocab-card__language strong{
  display:block;
  max-width:100%;
  font:inherit;
  text-align:center;
}

.sc-caa-vocab-card__language--secondary{
  margin-top:5px;
  font-size:clamp(17px,1.7vw,23px);
}

.sc-caa-vocab-card__flag{
  flex:0 0 auto;
  font-size:.75em;
}

.sc-caa-vocab-card__audio{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  margin-top:13px;
  border:3px solid #000;
  border-radius:50%;
  background:#fff;
  color:#000;
  font-size:23px;
  cursor:pointer;
}

.sc-caa-vocab-card__audio:hover{
  background:#000;
  color:#fff;
}

.sc-caa-vocab-card__audio:focus-visible{
  outline:4px solid rgba(37,99,235,.28);
  outline-offset:3px;
}

/* TABLET */
@media(max-width:900px){
  .sc-caa-resource{
    padding-inline:12px;
  }

  .sc-caa-vocab-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .sc-caa-vocab-card{
    padding:12px;
  }

  .sc-caa-vocab-card__picto{
    width:min(100%,160px);
  }

  .sc-caa-vocab-card__language{
    font-size:clamp(17px,2.5vw,23px);
  }

  .sc-caa-vocab-card__language--secondary{
    font-size:clamp(15px,2.2vw,20px);
  }
}

/* CELLULARE */
@media(max-width:640px){
  .sc-caa-resource{
    padding:16px 8px 40px;
  }

  .sc-caa-resource__panel{
    padding:10px;
  }

  .sc-caa-vocab-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }

  .sc-caa-vocab-card{
    padding:9px;
    border-radius:14px;
  }

  .sc-caa-vocab-card__picto{
    width:100%;
    max-width:145px;
    border-width:5px;
  }

  .sc-caa-vocab-card__languages{
    margin-top:9px;
  }

  .sc-caa-vocab-card__language{
    min-height:31px;
    font-size:clamp(15px,4.5vw,20px);
  }

  .sc-caa-vocab-card__language--secondary{
    margin-top:2px;
    font-size:clamp(14px,4vw,18px);
  }

  .sc-caa-vocab-card__audio{
    width:45px;
    height:45px;
    margin-top:9px;
    font-size:20px;
  }
}

@media(max-width:360px){
  .sc-caa-vocab-grid{
    grid-template-columns:1fr;
  }

  .sc-caa-vocab-card__picto{
    max-width:190px;
  }
}
/* FINE VOCABOLARIO A TESSERE V1.3 */


/* ROOT TEMPORANEO DI STAMPA */
#sc-caa-print-root{
  display:none;
}

@media print{
  body.sc-caa-printing > *:not(#sc-caa-print-root){
    display:none!important;
  }

  body.sc-caa-printing #sc-caa-print-root{
    display:block!important;
    position:static!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.sc-caa-printing #sc-caa-print-root .sc-caa-resource__header,
  body.sc-caa-printing #sc-caa-print-root .sc-caa-toolbar,
  body.sc-caa-printing #sc-caa-print-root .sc-caa-share{
    display:none!important;
  }
}


/* COMUNICATORE */
.sc-caa-communicator{
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:16px;
  align-items:start;
}

.sc-caa-communicator__categories{
  position:sticky;
  top:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:calc(100vh - 28px);
  overflow:auto;
  padding:10px;
  border:2px solid #111;
  border-radius:18px;
  background:#fff;
}

.sc-caa-communicator__category{
  min-height:64px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border:2px solid #111;
  border-radius:14px;
  background:#fff;
  color:#111;
  font:inherit;
  font-size:15px;
  font-weight:900;
  text-align:left;
  cursor:pointer;
  text-transform:uppercase;
}

.sc-caa-communicator__category.is-active{
  background:#111;
  color:#fff;
}

.sc-caa-communicator__category-icon{
  min-width:30px;
  font-size:23px;
  text-align:center;
}

.sc-caa-communicator__main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.sc-caa-communicator__sentence,
.sc-caa-communicator__board{
  padding:14px;
  border:2px solid #111;
  border-radius:18px;
  background:#fff;
}

.sc-caa-communicator__sentence-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  font-size:18px;
}

.sc-caa-communicator__sentence-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.sc-caa-communicator__sentence-actions button{
  min-height:44px;
  padding:8px 12px;
  border:2px solid #111;
  border-radius:12px;
  background:#fff;
  color:#111;
  font:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}

.sc-caa-communicator__sentence-strip{
  min-height:132px;
  display:flex;
  align-items:stretch;
  gap:10px;
  overflow-x:auto;
  padding:8px;
  border:4px solid #111;
  border-radius:14px;
  background:#fff;
  scroll-snap-type:x proximity;
}

.sc-caa-communicator__sentence-empty{
  width:100%;
  display:grid;
  place-items:center;
  color:#666;
  font-size:14px;
  font-weight:900;
  text-align:center;
}

.sc-caa-communicator__sentence-card{
  flex:0 0 105px;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  padding:7px;
  border:2px solid #111;
  border-radius:12px;
  background:#fff;
  color:#111;
  font:inherit;
  cursor:pointer;
}

.sc-caa-communicator__sentence-picto{
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:4px solid #111;
  background:#fff;
}

.sc-caa-communicator__sentence-picto img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.sc-caa-communicator__sentence-card strong{
  font-size:14px;
  line-height:1.05;
  text-align:center;
  text-transform:uppercase;
}

.sc-caa-communicator__board h2{
  margin:0 0 12px;
  font-size:24px;
  font-weight:900;
  text-transform:uppercase;
}

.sc-caa-communicator__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:12px;
}

.sc-caa-communicator__word{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  padding:10px;
  border:2px solid #111;
  border-radius:16px;
  background:#fff;
  color:#111;
  font:inherit;
  cursor:pointer;
}

.sc-caa-communicator__word:active{
  transform:scale(.98);
}

.sc-caa-communicator__word-picto{
  width:min(100%,135px);
  aspect-ratio:1/1;
  padding:5px;
  border:5px solid #111;
  border-radius:5px;
}

.sc-caa-communicator__word strong{
  min-height:38px;
  display:grid;
  place-items:center;
  font-size:18px;
  line-height:1.05;
  text-align:center;
  text-transform:uppercase;
}

@media(max-width:900px){
  .sc-caa-communicator{
    grid-template-columns:150px minmax(0,1fr);
    gap:10px;
  }

  .sc-caa-communicator__category{
    min-height:58px;
    padding:8px;
    font-size:13px;
  }

  .sc-caa-communicator__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .sc-caa-communicator__word-picto{
    width:100%;
    max-width:125px;
  }
}

@media(max-width:640px){
  .sc-caa-communicator{
    display:flex;
    flex-direction:column;
  }

  .sc-caa-communicator__categories{
    position:sticky;
    top:0;
    z-index:20;
    width:100%;
    max-height:none;
    flex-direction:row;
    overflow-x:auto;
    padding:7px;
    border-radius:14px;
    background:rgba(255,255,255,.97);
    scroll-snap-type:x proximity;
  }

  .sc-caa-communicator__category{
    flex:0 0 auto;
    min-height:50px;
    scroll-snap-align:start;
    white-space:nowrap;
  }

  .sc-caa-communicator__sentence-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .sc-caa-communicator__sentence-actions{
    width:100%;
  }

  .sc-caa-communicator__sentence-actions button{
    flex:1 1 100px;
  }

  .sc-caa-communicator__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .sc-caa-communicator__word{
    padding:8px;
  }

  .sc-caa-communicator__word strong{
    font-size:16px;
  }
}

@media(max-width:360px){
  .sc-caa-communicator__grid{
    grid-template-columns:1fr;
  }

  .sc-caa-communicator__word-picto{
    max-width:165px;
  }
}

@media print{
  .sc-caa-communicator__categories,
  .sc-caa-communicator__sentence-actions{
    display:none!important;
  }

  .sc-caa-communicator{
    display:block!important;
  }

  .sc-caa-communicator__sentence,
  .sc-caa-communicator__board{
    border:0!important;
    padding:0!important;
  }
}


/* COMUNICATORE V1.5 */
body.sc-caa-modal-open{
  overflow:hidden;
}

.sc-caa-communicator__quick{
  padding:12px;
  border:2px solid #111;
  border-radius:18px;
  background:#fff;
}

.sc-caa-communicator__quick-title{
  display:block;
  margin-bottom:10px;
  font-size:15px;
  font-weight:900;
}

.sc-caa-communicator__quick-list{
  display:flex;
  gap:9px;
  overflow-x:auto;
  padding-bottom:3px;
  scroll-snap-type:x proximity;
}

.sc-caa-communicator__quick-list button{
  flex:0 0 auto;
  min-height:50px;
  padding:9px 14px;
  border:2px solid #111;
  border-radius:14px;
  background:#fff;
  color:#111;
  font:inherit;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  scroll-snap-align:start;
  white-space:nowrap;
}

.sc-caa-communicator__quick-list button:hover{
  background:#111;
  color:#fff;
}

.sc-caa-communicator__board-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.sc-caa-communicator__board-head h2{
  margin:0;
}

.sc-caa-communicator__add-button{
  min-height:46px;
  padding:9px 13px;
  border:2px solid #111;
  border-radius:13px;
  background:#111;
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}

.sc-caa-add-word[hidden]{
  display:none!important;
}

.sc-caa-add-word{
  position:fixed;
  inset:0;
  z-index:100000;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(0,0,0,.52);
  backdrop-filter:blur(3px);
}

.sc-caa-add-word__dialog{
  width:min(720px,100%);
  max-height:min(90vh,820px);
  overflow:auto;
  padding:20px;
  border-radius:24px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.3);
}

.sc-caa-add-word__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}

.sc-caa-add-word__head h2{
  margin:0;
  font-size:25px;
  font-weight:900;
}

.sc-caa-add-word__head button{
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:#f1f1f1;
  font-size:24px;
  font-weight:900;
  cursor:pointer;
}

.sc-caa-add-word__label{
  display:block;
  margin-bottom:7px;
  font-size:13px;
  font-weight:900;
}

.sc-caa-add-word__search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
}

.sc-caa-add-word__search-row input{
  min-width:0;
  padding:13px 15px;
  border:2px solid #111;
  border-radius:14px;
  font:inherit;
  font-size:17px;
  font-weight:900;
  text-transform:uppercase;
}

.sc-caa-add-word__search-row button,
.sc-caa-add-word__fallback button{
  min-height:50px;
  padding:10px 16px;
  border:2px solid #111;
  border-radius:14px;
  background:#111;
  color:#fff;
  font:inherit;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}

.sc-caa-add-word__status{
  min-height:22px;
  margin:13px 0;
  font-size:13px;
  font-weight:900;
}

.sc-caa-add-word__results{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.sc-caa-add-word__result{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  padding:10px;
  border:2px solid #111;
  border-radius:16px;
  background:#fff;
  color:#111;
  font:inherit;
  cursor:pointer;
}

.sc-caa-add-word__result img{
  width:100%;
  max-width:145px;
  aspect-ratio:1/1;
  object-fit:contain;
  border:5px solid #111;
}

.sc-caa-add-word__result strong{
  font-size:16px;
  line-height:1.1;
  text-align:center;
  text-transform:uppercase;
}

.sc-caa-add-word__fallback{
  padding:15px;
  border:2px dashed #111;
  border-radius:16px;
  text-align:center;
}

.sc-caa-add-word__fallback p{
  margin:0 0 12px;
  font-weight:900;
}

@media(max-width:640px){
  .sc-caa-communicator__board-head{
    align-items:stretch;
    flex-direction:column;
  }

  .sc-caa-communicator__add-button{
    width:100%;
  }

  .sc-caa-add-word__dialog{
    padding:15px;
    border-radius:18px;
  }

  .sc-caa-add-word__search-row{
    grid-template-columns:1fr;
  }

  .sc-caa-add-word__results{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
}

@media(max-width:360px){
  .sc-caa-add-word__results{
    grid-template-columns:1fr;
  }
}

@media print{
  .sc-caa-communicator__quick,
  .sc-caa-communicator__add-button,
  .sc-caa-add-word{
    display:none!important;
  }
}