/* Theme-proof compact ingredient supplier control. The trigger uses a
   semantic span instead of a button so page-builder and theme button styles
   cannot turn it into a large blue square. */
.dwa-source-cell{
  position:relative!important;
  padding-right:27px!important;
}
.dwa-source-wrap{
  position:absolute!important;
  top:11px!important;
  right:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  z-index:5!important;
  line-height:1!important;
}
html body .dwa-source-cell .dwa-source-wrap>.dwa-source-info{
  all:unset!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  min-height:16px!important;
  max-width:16px!important;
  max-height:16px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #263746!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#263746!important;
  box-shadow:none!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:11px!important;
  font-style:italic!important;
  font-weight:700!important;
  line-height:14px!important;
  text-align:center!important;
  text-indent:0!important;
  letter-spacing:0!important;
  text-transform:none!important;
  cursor:pointer!important;
  vertical-align:middle!important;
  overflow:hidden!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
html body .dwa-source-cell .dwa-source-wrap>.dwa-source-info:hover,
html body .dwa-source-cell .dwa-source-wrap>.dwa-source-info:focus-visible,
html body .dwa-source-cell .dwa-source-wrap>.dwa-source-info[aria-expanded="true"]{
  border-color:#263746!important;
  background:#263746!important;
  color:#fff!important;
  outline:none!important;
}
html body .dwa-source-cell .dwa-source-wrap>.dwa-source-info:focus-visible{
  box-shadow:0 0 0 2px rgba(38,55,70,.16)!important;
}
.dwa-source-popover{
  display:none;
  position:fixed;
  z-index:2147483000;
  width:min(270px,calc(100vw - 24px));
  max-height:min(320px,calc(100vh - 24px));
  overflow:auto;
  box-sizing:border-box;
  padding:12px;
  border:1px solid #cad8e2;
  border-radius:6px;
  background:#fff;
  color:#213547;
  box-shadow:0 8px 26px rgba(18,45,64,.18);
  text-align:left;
  white-space:normal;
  font-family:Arial,sans-serif;
  line-height:1.35;
  overscroll-behavior:contain;
}
.dwa-source-popover.is-open{display:block}
.dwa-source-close{
  all:unset!important;
  position:absolute!important;
  top:6px!important;
  right:7px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:3px!important;
  background:transparent!important;
  color:#61788a!important;
  box-shadow:none!important;
  font:400 18px/22px Arial,sans-serif!important;
  cursor:pointer!important;
}
.dwa-source-close:hover,
.dwa-source-close:focus-visible{
  background:#edf3f7;
  color:#173f5c;
  outline:none;
}
.dwa-source-kicker{
  display:block;
  margin:0 28px 3px 0;
  color:#687f91;
  font-size:9px;
  font-weight:700;
  letter-spacing:.55px;
  text-transform:uppercase;
}
.dwa-source-title{
  display:block;
  margin-right:24px;
  color:#173f5c;
  font:700 13px/1.3 Arial,sans-serif;
}
.dwa-source-inci{
  display:block;
  margin-top:3px;
  color:#6c8191;
  font-size:10px;
  line-height:1.35;
}
.dwa-source-buying-note{
  display:block;
  margin-top:8px;
  padding:7px 8px;
  border-left:2px solid #d6aa55;
  background:#fffaf1;
  color:#5c513c;
  font-size:10px;
  line-height:1.4;
}
.dwa-source-links{
  display:grid;
  gap:5px;
  margin-top:9px;
}
.dwa-source-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:34px;
  padding:7px 8px;
  border:1px solid #dbe5eb;
  border-radius:4px;
  background:#f8fafb;
  color:#213547!important;
  text-decoration:none!important;
  box-sizing:border-box;
}
.dwa-source-link:hover,
.dwa-source-link:focus-visible{
  border-color:#98b6c8;
  background:#f1f7fa;
  outline:none;
}
.dwa-source-link>span{display:block;min-width:0}
.dwa-source-link strong{
  display:block;
  overflow:hidden;
  color:#17466a;
  font-size:11px;
  font-weight:700;
  line-height:1.25;
  text-overflow:ellipsis;
}
.dwa-source-link strong i{
  display:inline-block;
  margin-left:4px;
  padding:1px 4px;
  border-radius:3px;
  background:#e8f5ee;
  color:#23694d;
  font:700 7px/1.3 Arial,sans-serif;
  letter-spacing:.25px;
  text-transform:uppercase;
  vertical-align:1px;
}
.dwa-source-link small{
  display:block;
  margin-top:2px;
  color:#718695;
  font-size:9px;
  line-height:1.3;
}
.dwa-source-link>b{
  flex:0 0 auto;
  color:#55788e;
  font-size:12px;
}
.dwa-source-link--search{background:#fff}
.dwa-source-stock{
  display:inline-block;
  margin-top:3px;
  font:700 8px/1 Arial,sans-serif;
  letter-spacing:.3px;
  text-transform:uppercase;
}
.dwa-source-stock--in{color:#26724b}
.dwa-source-stock--out{color:#a43d3d}
.dwa-source-empty{
  display:block;
  margin-top:9px;
  padding:8px;
  border-radius:4px;
  background:#f5f8fa;
  color:#586f80;
  font-size:10px;
  line-height:1.4;
}
.dwa-source-note{
  display:block;
  margin-top:8px;
  color:#80909c;
  font-size:8.5px;
  line-height:1.35;
}
@media(max-width:640px){
  .dwa-source-cell{padding-right:25px!important}
  .dwa-source-wrap{top:10px!important;right:6px!important}
  .dwa-source-popover{
    width:min(260px,calc(100vw - 20px));
    max-height:min(300px,calc(100vh - 20px));
    padding:11px;
    border-radius:5px;
  }
}