:root{
  --usa-notice-ink:#09090B;
  --usa-notice-paper:#F8F4E8;
  --usa-notice-acid:#D2E823;
}

body.crx-usa-notice-open{
  overflow:hidden !important;
}


/* OVERLAY */

.crx-usa-notice-overlay{
  position:fixed;
  inset:0;

  z-index:2147483600;

  display:flex;
  justify-content:center;
  align-items:flex-start;

  padding:
    92px
    20px
    20px;

  box-sizing:border-box;

  background:rgba(9,9,11,.86);

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}


/* MODAL */

.crx-usa-notice-modal{
  width:min(930px,96vw);

  max-height:calc(100dvh - 112px);

  display:flex;
  flex-direction:column;

  overflow:hidden;

  background:var(--usa-notice-paper);
  color:var(--usa-notice-ink);

  border:3px solid var(--usa-notice-ink);
  border-radius:20px;

  box-shadow:
    9px 9px 0 var(--usa-notice-acid),
    13px 13px 0 var(--usa-notice-ink);

  font-family:"Space Grotesk",Arial,sans-serif;
}


/* HEADER */

.crx-usa-notice-head{
  flex:0 0 auto;

  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    250px;

  grid-template-rows:
    auto
    auto
    auto;

  gap:
    12px
    28px;

  align-items:start;

  padding:26px;

  border-bottom:3px solid var(--usa-notice-ink);

  background:
    radial-gradient(
      circle,
      rgba(9,9,11,.15) 1.3px,
      transparent 1.6px
    )
    right top / 12px 12px,

    var(--usa-notice-paper);
}


.crx-usa-notice-badge{
  grid-column:1;
  grid-row:1;

  display:inline-flex;

  width:max-content;
  max-width:100%;

  padding:7px 11px;

  background:var(--usa-notice-acid);

  border:2px solid var(--usa-notice-ink);
  border-radius:999px;

  box-shadow:3px 3px 0 var(--usa-notice-ink);

  font-size:9px;
  font-weight:900;

  letter-spacing:.1em;
}


.crx-usa-notice-head h2{
  grid-column:1;
  grid-row:2;

  margin:0;

  font-family:"Dela Gothic One","Arial Black",sans-serif;

  font-size:clamp(
    30px,
    3.5vw,
    48px
  );

  line-height:.94;

  letter-spacing:-.045em;
}


.crx-usa-notice-sub{
  grid-column:1;
  grid-row:3;

  margin:0;

  font-size:.9rem;
  font-weight:800;
  line-height:1.45;
}


/* RIGHT-SIDE DISCLOSURE */

.crx-usa-disclosure{
  grid-column:2;
  grid-row:1 / span 3;

  padding:16px;

  background:var(--usa-notice-acid);

  border:3px solid var(--usa-notice-ink);
  border-radius:13px;

  box-shadow:5px 5px 0 var(--usa-notice-ink);
}


.crx-usa-disclosure-label{
  display:inline-block;

  margin-bottom:10px;
  padding:5px 7px;

  background:var(--usa-notice-ink);
  color:var(--usa-notice-acid);

  border-radius:5px;

  font-size:9px;
  font-weight:900;

  letter-spacing:.1em;
}


.crx-usa-disclosure strong{
  display:block;

  font-family:"Dela Gothic One","Arial Black",sans-serif;

  font-size:21px;
  line-height:1;

  letter-spacing:-.035em;
}


.crx-usa-disclosure p{
  margin:11px 0 0;
  padding-top:10px;

  border-top:2px solid var(--usa-notice-ink);

  font-size:9px;
  font-weight:900;
  line-height:1.35;
}


/* BODY */

.crx-usa-notice-body{
  flex:1 1 auto;

  min-height:0;

  overflow-y:auto;

  padding:
    25px
    28px
    14px;

  scrollbar-width:thin;

  scrollbar-color:
    var(--usa-notice-ink)
    var(--usa-notice-acid);
}


.crx-usa-notice-body h3{
  margin:
    27px
    0
    8px;

  font-family:"Dela Gothic One","Arial Black",sans-serif;

  font-size:.95rem;

  line-height:1.15;

  text-transform:uppercase;
}


.crx-usa-notice-body h3:first-child{
  margin-top:0;
}


.crx-usa-notice-body p,
.crx-usa-notice-body li{
  font-size:.88rem;
  font-weight:600;
  line-height:1.62;
}


.crx-usa-notice-body p{
  margin:0 0 13px;
}


.crx-usa-notice-body ul{
  margin:8px 0 15px;
  padding-left:22px;
}


.crx-usa-notice-body li{
  margin:5px 0;
}


.crx-usa-highlight{
  display:inline-block;

  padding:2px 6px;

  background:var(--usa-notice-acid);

  border:1px solid var(--usa-notice-ink);
  border-radius:4px;

  font-weight:900;
}


/* IMPORTANT NOTICE */

.crx-usa-rule-box{
  margin:0 0 22px;
  padding:18px;

  background:var(--usa-notice-acid);

  border:3px solid var(--usa-notice-ink);
  border-radius:12px;

  box-shadow:4px 4px 0 var(--usa-notice-ink);
}


.crx-usa-rule-box strong{
  display:block;

  font-family:"Dela Gothic One","Arial Black",sans-serif;

  font-size:.9rem;

  margin-bottom:7px;
}


.crx-usa-rule-box p{
  margin:0;

  font-weight:800;
}


/* FOOTER */

.crx-usa-notice-footer{
  flex:0 0 auto;

  padding:
    16px
    22px
    21px;

  background:#fffdf5;

  border-top:3px solid var(--usa-notice-ink);
}


.crx-usa-confirm{
  display:flex;
  align-items:flex-start;

  gap:10px;

  margin-bottom:15px;

  color:var(--usa-notice-ink);

  cursor:pointer;

  font-size:.79rem;
  font-weight:800;
  line-height:1.42;
}


.crx-usa-confirm input{
  flex:0 0 20px;

  width:20px;
  height:20px;

  margin-top:1px;

  accent-color:var(--usa-notice-acid);
}


.crx-usa-actions{
  display:grid;

  grid-template-columns:
    1fr
    auto;

  gap:11px;
}


.crx-usa-continue,
.crx-usa-ineligible{
  min-height:48px;

  border:2px solid var(--usa-notice-ink);
  border-radius:9px;

  font-family:"Space Grotesk",Arial,sans-serif;

  font-size:.82rem;
  font-weight:900;

  cursor:pointer;
}


.crx-usa-continue{
  background:var(--usa-notice-ink);
  color:var(--usa-notice-acid);

  box-shadow:4px 4px 0 var(--usa-notice-acid);
}


.crx-usa-continue:disabled{
  opacity:.35;
  cursor:not-allowed;
}


.crx-usa-ineligible{
  padding:0 17px;

  background:var(--usa-notice-paper);
  color:var(--usa-notice-ink);

  box-shadow:3px 3px 0 var(--usa-notice-ink);
}


/* MOBILE */

@media(max-width:819px){

  .crx-usa-notice-overlay{
    align-items:center;

    padding:9px;
  }


  .crx-usa-notice-modal{
    width:100%;

    max-height:95dvh;

    border-radius:14px;

    box-shadow:
      5px 5px 0 var(--usa-notice-acid),
      8px 8px 0 var(--usa-notice-ink);
  }


  .crx-usa-notice-head{
    display:block;

    padding:
      17px
      16px
      15px;
  }


  .crx-usa-notice-badge{
    margin-bottom:11px;

    font-size:8px;
  }


  .crx-usa-notice-head h2{
    font-size:1.6rem;

    line-height:.96;
  }


  .crx-usa-notice-sub{
    margin-top:10px;

    font-size:.75rem;
  }


  .crx-usa-disclosure{
    margin-top:14px;

    padding:13px;

    box-shadow:3px 3px 0 var(--usa-notice-ink);
  }


  .crx-usa-disclosure strong{
    font-size:16px;
  }


  .crx-usa-notice-body{
    padding:
      17px
      16px
      8px;
  }


  .crx-usa-notice-body h3{
    margin-top:20px;

    font-size:.8rem;
  }


  .crx-usa-notice-body p,
  .crx-usa-notice-body li{
    font-size:.74rem;

    line-height:1.52;
  }


  .crx-usa-notice-footer{
    padding:
      13px
      14px
      15px;
  }


  .crx-usa-confirm{
    font-size:.69rem;
  }


  .crx-usa-actions{
    grid-template-columns:1fr;
  }

}

/* CRX USA ACKNOWLEDGEMENT BOX FIX */

.crx-usa-confirm{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;

  background:transparent !important;

  padding:0 !important;

  color:#09090B !important;
  opacity:1 !important;
}

.crx-usa-confirm span{
  color:#09090B !important;
  opacity:1 !important;

  font-weight:800 !important;
}

.crx-usa-confirm input{
  outline:none !important;
  box-shadow:none !important;

  opacity:1 !important;
  visibility:visible !important;
}

/* END CRX USA ACKNOWLEDGEMENT BOX FIX */