.art-atoms-wrap{--atoms-bg:#111;--atoms-card:#1a1a1a;--atoms-text:#f3f3f3;--atoms-muted:#bdbdbd;--atoms-border:rgba(255,255,255,.08);color:var(--atoms-text)}
.art-atoms-filters{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 22px;align-items:center}
.art-atoms-filters input,.art-atoms-filter-toggle,.art-atoms-reset{background:#181818;color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:12px 18px;min-height:48px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;font:inherit;font-weight:700;line-height:1.1}
.art-atoms-filters input{min-width:280px;font-weight:500}
.art-atoms-filters input.is-active,.art-atoms-filter-dd.is-active .art-atoms-filter-toggle{border-color:rgba(255,255,255,.34);background:#202020;box-shadow:none}
.art-atoms-filter-dd{position:relative;display:inline-flex}
.art-atoms-filter-toggle{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;white-space:nowrap;min-width:max-content;max-width:260px}
.art-atoms-filter-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art-atoms-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:rgba(0,187,255,.16);color:#fff;border:1px solid rgba(0,187,255,.38);font-size:12px;font-weight:800;flex:0 0 auto}
.art-atoms-filter-chevron{font-size:18px;line-height:1;opacity:.8;transform:translateY(-1px)}
.art-atoms-filter-menu{position:absolute;z-index:50;top:calc(100% + 8px);left:0;min-width:240px;max-width:min(340px,90vw);max-height:320px;overflow:auto;background:#1c1c1c;border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:10px;box-shadow:0 18px 44px rgba(0,0,0,.42)}
.art-atoms-filter-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;color:#fff;cursor:pointer;font-size:14px;line-height:1.25}
.art-atoms-filter-option:hover{background:rgba(255,255,255,.055)}
.art-atoms-filter-option:has(input:checked){background:rgba(255,255,255,.045);color:#fff}
.art-atoms-filter-option:has(input:checked) span{color:#fff}
.art-atoms-filter-option input{min-width:auto;min-height:auto;width:16px;height:16px;padding:0;margin:0;accent-color:#00BBFF}
.art-atoms-filter-empty{padding:10px 12px;color:var(--atoms-muted);font-size:14px}
.art-atoms-reset{border-color:rgba(255,255,255,.18);background:#242424;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.01em}
.art-atoms-reset:hover,.art-atoms-filter-toggle:hover{background:#242424}
.art-atoms-intro{padding:22px 24px;margin:0 0 18px;background:#1a1a1a;border:1px solid var(--atoms-border);border-radius:18px;color:var(--atoms-muted)}
.art-atoms-intro h3{margin:0 0 8px;color:#fff;font-size:clamp(20px,2.2vw,26px);line-height:1.2}
.art-atoms-intro p{margin:0;line-height:1.65}
.art-atoms-list{display:flex;flex-direction:column;gap:18px}
.art-atom-card{position:relative;display:flex;background:var(--atoms-card);border:1px solid var(--atoms-border);border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.art-atom-accent{width:var(--atom-card-accent-width,5px);flex:0 0 var(--atom-card-accent-width,5px);background:var(--atom-color)}
.art-atom-inner{padding:var(--atom-card-padding-y,18px) var(--atom-card-padding-x,20px);width:100%}
.art-atom-meta{display:flex;flex-wrap:wrap;gap:var(--atom-category-pill-gap,8px);margin-bottom:var(--atom-card-element-spacing,10px);color:var(--atoms-muted);font-size:var(--atom-category-pill-font-size,11px);letter-spacing:.02em}
.art-atom-meta span{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:var(--atom-category-pill-radius,999px);padding:var(--atom-category-pill-padding-y,3px) var(--atom-category-pill-padding-x,8px);font-size:var(--atom-category-pill-font-size,11px);line-height:1.2;opacity:1}
.art-atom-pill{display:inline-flex;align-items:center;font-weight:700}
.art-atom-pill-primary{background:var(--pill-color);border-color:var(--pill-color)!important;color:#111!important}
.art-atom-pill-secondary{color:#fff!important;background:transparent!important;border-color:var(--pill-color)!important}
.art-atoms-pill-style-solid .art-atom-meta span,.art-atoms-pill-style-outline .art-atom-meta span{opacity:1}
.art-atoms-pill-style-subtle .art-atom-meta span{opacity:var(--atom-category-pill-opacity,.7)}
.art-atoms-pill-style-subtle .art-atom-pill-primary{background:color-mix(in srgb,var(--pill-color) 24%, transparent);border-color:color-mix(in srgb,var(--pill-color) 65%, transparent)!important;color:#fff!important}
.art-atoms-pill-style-subtle .art-atom-pill-secondary{background:transparent!important;border-color:color-mix(in srgb,var(--pill-color) 55%, transparent)!important;color:#fff!important}
.art-atoms-pill-style-outline .art-atom-pill-primary,.art-atoms-pill-style-outline .art-atom-pill-secondary{background:transparent!important;border-color:var(--pill-color)!important;color:#fff!important}
.art-atom-title{margin:0 0 var(--atom-card-element-spacing,10px);font-size:var(--atom-card-title-font-size,20px);line-height:1.15;color:#fff}
.art-atom-content{color:#e9e9e9;line-height:1.7;font-size:var(--atom-content-font-size,15px)}
.art-atom-content p{margin:0 0 1em}
.art-atom-content p:last-child{margin-bottom:0}
.art-atom-content a{color:inherit;text-decoration:underline;text-decoration-color:var(--atom-color);text-underline-offset:3px}
.art-atom-content img{max-width:100%;height:auto;border-radius:12px}
.art-atom-content .gallery{display:flex;flex-wrap:wrap;gap:10px}
.art-atom-content .gallery-item{margin:0}
.art-atoms-empty{padding:18px;background:var(--atoms-card);border-radius:14px;color:var(--atoms-muted)}
.art-atom-readmore{display:inline-flex;align-items:center;justify-content:center;margin-top:4px;border:1px solid rgba(255,255,255,.16);background:#222;color:#fff;border-radius:999px;padding:9px 16px;cursor:pointer;font-size:14px;line-height:1.2;font-weight:700;letter-spacing:.01em}
.art-atom-readmore:hover{background:#2b2b2b;border-color:var(--atom-color)}
.art-atom-content-more[hidden]{display:none!important}
@media(max-width:700px){.art-atoms-filters{display:grid;grid-template-columns:1fr}.art-atoms-filters input,.art-atoms-filter-dd,.art-atoms-filter-toggle,.art-atoms-reset{width:100%;max-width:none}.art-atoms-filter-menu{width:100%;max-width:none}.art-atom-inner{padding:var(--atom-card-padding-y,18px) var(--atom-card-padding-x,20px)}}


/* v1.7.5 compact filter controls */
.art-atoms-wrap .art-atoms-filters input,
.art-atoms-wrap .art-atoms-filter-toggle,
.art-atoms-wrap .art-atoms-reset{
  font-size:13px;
  line-height:1.15;
  font-weight:600;
  padding:9px 14px;
  min-height:40px;
}
.art-atoms-wrap .art-atoms-filters input{
  font-size:13px;
  font-weight:500;
}
.art-atoms-wrap .art-atoms-filter-label{
  font-size:13px;
  line-height:1.15;
}
.art-atoms-wrap .art-atoms-filter-count{
  min-width:18px;
  height:18px;
  padding:0 6px;
  font-size:10px;
  font-weight:700;
}
.art-atoms-wrap .art-atoms-filter-chevron{
  font-size:14px;
}
.art-atoms-wrap .art-atoms-filter-menu{
  font-size:13px;
  border-radius:18px;
  padding:8px;
}
.art-atoms-wrap .art-atoms-filter-option{
  font-size:13px;
  line-height:1.2;
  padding:8px 10px;
  border-radius:12px;
}
.art-atoms-wrap .art-atoms-filter-option input{
  width:14px;
  height:14px;
}
.art-atoms-wrap .art-atoms-filter-empty{
  font-size:13px;
  padding:8px 10px;
}

/* v1.7.9 preview cards */
.art-atoms-wrap .art-atom-card{
  cursor:pointer;
  border-color:rgba(255,255,255,.08);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}
.art-atoms-wrap .art-atom-card:hover{
  border-color:var(--atom-color);
  box-shadow:0 12px 30px rgba(0,0,0,.24);
}
.art-atoms-wrap .art-atom-card.is-open{
  border-color:var(--atom-color);
}
.art-atoms-wrap .art-atom-preview{
  outline:none;
}
.art-atoms-wrap .art-atom-description{
  margin:0 0 12px;
  color:var(--atoms-muted);
  font-size:var(--atom-card-description-font-size,13px);
  line-height:1.5;
  max-width:78ch;
}
.art-atoms-wrap .art-atom-expanded{
  margin-top:calc(var(--atom-card-element-spacing,10px) * 1.6);
  padding-top:calc(var(--atom-card-element-spacing,10px) * 1.6);
  border-top:1px solid rgba(255,255,255,.08);
  cursor:default;
}
.art-atoms-wrap .art-atom-expanded[hidden]{
  display:none!important;
}

.art-atoms-highlight{background:#ffd84d;color:#111;padding:0 2px;border-radius:3px;font-weight:700;}

/* v1.8.4 result counter */
.art-atoms-wrap .art-atoms-results-count{
  margin:10px 0 18px;
  color:var(--atoms-muted);
  font-size:13px;
  font-weight:600;
  line-height:1.4;
}
.art-atoms-wrap .art-atoms-results-count[hidden]{
  display:none!important;
}

/* v1.8.5 category browser empty state */
.art-atoms-wrap .art-atoms-category-browser{
  display:grid;
  grid-template-columns:repeat(var(--atom-category-columns,4),minmax(0,1fr));
  gap:14px;
  margin:0 0 22px;
}
.art-atoms-wrap .art-atoms-category-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-height:108px;
  padding:18px 18px 16px;
  color:#fff;
  background:#1a1a1a;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  cursor:pointer;
  text-align:left;
  font:inherit;
  overflow:hidden;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.art-atoms-wrap .art-atoms-category-card:hover,
.art-atoms-wrap .art-atoms-category-card:focus-visible,
.art-atoms-wrap .art-atoms-category-card.is-active{
  border-color:var(--atom-color);
  background:#202020;
  box-shadow:0 12px 30px rgba(0,0,0,.24);
  outline:none;
}
.art-atoms-wrap .art-atoms-category-card-accent{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:var(--atom-card-accent-width,5px);
  background:var(--atom-color);
}
.art-atoms-wrap .art-atoms-category-card-title{
  display:block;
  padding-left:4px;
  font-size:17px;
  line-height:1.2;
  font-weight:800;
}
.art-atoms-wrap .art-atoms-category-card-count{
  display:inline-flex;
  align-items:center;
  margin-left:4px;
  color:var(--atoms-muted);
  font-size:13px;
  line-height:1.25;
  font-weight:600;
}
@media(max-width:700px){
  .art-atoms-wrap .art-atoms-category-browser{
    grid-template-columns:1fr;
  }
  .art-atoms-wrap .art-atoms-category-card{
    min-height:88px;
  }
}

/* v1.9.0 suggestion form */
.art-atoms-suggestion-notice{
  margin:0 0 18px;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:#1a1a1a;
  color:#fff;
  font-size:14px;
  line-height:1.45;
}
.art-atoms-suggestion-notice.is-success{border-color:rgba(91,214,138,.45);background:rgba(91,214,138,.08)}
.art-atoms-suggestion-notice.is-error{border-color:rgba(255,96,96,.45);background:rgba(255,96,96,.08)}
.art-atoms-suggest-wrap{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:12px;
  margin-top:20px;
}
.art-atoms-suggest-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.14);
  background:transparent;
  color:var(--atoms-muted);
  border-radius:999px;
  padding:8px 13px;
  cursor:pointer;
  font:inherit;
  font-size:12px;
  line-height:1.15;
  font-weight:700;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.art-atoms-suggest-toggle:hover,
.art-atoms-suggest-toggle:focus-visible,
.art-atoms-suggest-toggle.is-open{
  color:#fff;
  border-color:var(--atom-color);
  background:rgba(255,255,255,.04);
  outline:none;
}
.art-atoms-suggest-panel{
  width:100%;
  padding:16px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}
.art-atoms-suggest-panel[hidden]{display:none!important}
.art-atoms-suggest-help{
  margin:0 0 12px;
  color:var(--atoms-muted);
  font-size:13px;
  line-height:1.55;
}
.art-atoms-suggest-form label{
  display:block;
  color:#fff;
  font-size:13px;
  font-weight:700;
  margin:0 0 12px;
}
.art-atoms-suggest-form label span{
  color:var(--atoms-muted);
  font-weight:500;
}
.art-atoms-suggest-form textarea,
.art-atoms-suggest-form input{
  width:100%;
  margin-top:6px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.14);
  background:#151515;
  color:#fff;
  border-radius:12px;
  padding:10px 12px;
  font:inherit;
  font-size:14px;
}
.art-atoms-suggest-form textarea:focus,
.art-atoms-suggest-form input:focus{
  border-color:var(--atom-color);
  outline:none;
}
.art-atoms-suggest-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.art-atoms-suggest-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--atom-color);
  background:var(--atom-color);
  color:#111;
  border-radius:999px;
  padding:9px 15px;
  cursor:pointer;
  font:inherit;
  font-size:13px;
  line-height:1.15;
  font-weight:800;
}
@media(max-width:700px){.art-atoms-suggest-fields{grid-template-columns:1fr}.art-atoms-suggest-wrap{align-items:stretch}.art-atoms-suggest-toggle{align-self:flex-end}}

/* v1.9.3 latest cards feed */
.art-atoms-wrap .art-atoms-latest-title{
  margin:28px 0 14px;
  color:#fff;
  font-size:clamp(18px,2vw,22px);
  line-height:1.2;
  font-weight:800;
}


.art-atoms-wrap .art-atoms-category-card-description{
  display:-webkit-box;
  -webkit-line-clamp:var(--atom-category-description-lines,2);
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:2px 0 auto 4px;
  color:var(--atoms-muted);
  font-size:13px;
  line-height:1.4;
}
@media (max-width:1024px){
  .art-atoms-wrap .art-atoms-category-browser{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .art-atoms-wrap .art-atoms-category-browser{grid-template-columns:1fr;}
}

/* v1.10.0 filter UX update */
.art-atoms-wrap .art-atoms-filters{
  align-items:flex-end;
  gap:12px;
}
.art-atoms-wrap .art-atoms-search-block{
  display:flex;
  flex-direction:column;
  gap:7px;
  flex:1 1 360px;
  max-width:640px;
}
.art-atoms-wrap .art-atoms-search-label{
  color:#fff;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.01em;
}
.art-atoms-wrap .art-atoms-search-block .art-atoms-search{
  width:100%;
  min-width:320px;
  min-height:56px;
  padding:14px 20px;
  font-size:16px;
  font-weight:600;
  border-color:rgba(255,255,255,.24);
  background:#1d1d1d;
}
.art-atoms-wrap .art-atoms-search-block .art-atoms-search:focus{
  border-color:#00BBFF;
  box-shadow:0 0 0 3px rgba(0,187,255,.12);
  outline:none;
}
.art-atoms-wrap .art-atoms-filter-toggle{
  max-width:280px;
}
.art-atoms-wrap .art-atoms-filter-selected{
  display:inline-block;
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  opacity:.82;
  font-size:12px;
  line-height:1.15;
  font-weight:700;
}
.art-atoms-wrap .art-atoms-filter-selected:not([hidden])::before{
  content:'• ';
  color:#00BBFF;
}
.art-atoms-wrap .art-atoms-filter-count{
  display:none!important;
}
.art-atoms-wrap .art-atoms-active-filters{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:-10px 0 18px;
  color:var(--atoms-muted);
  font-size:13px;
  line-height:1.25;
}
.art-atoms-wrap .art-atoms-active-filters[hidden]{display:none!important}
.art-atoms-wrap .art-atoms-active-filters-label{
  margin-right:2px;
  color:var(--atoms-muted);
  font-weight:700;
}
.art-atoms-wrap .art-atoms-active-filter-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(0,187,255,.36);
  background:rgba(0,187,255,.08);
  color:#fff;
  border-radius:999px;
  padding:7px 11px;
  cursor:pointer;
  font:inherit;
  font-size:12px;
  line-height:1.15;
  font-weight:800;
}
.art-atoms-wrap .art-atoms-active-filter-chip:hover,
.art-atoms-wrap .art-atoms-active-filter-chip:focus-visible{
  background:rgba(0,187,255,.15);
  border-color:#00BBFF;
  outline:none;
}
.art-atoms-wrap .art-atoms-reset[hidden]{display:none!important}
.art-atoms-wrap .art-atoms-reset:not([hidden]){
  display:inline-flex;
}
.art-atoms-wrap .art-atoms-category-card.is-active::after{
  content:'Vybrané';
  position:absolute;
  top:12px;
  right:12px;
  border:1px solid var(--atom-color);
  border-radius:999px;
  padding:4px 8px;
  background:rgba(0,0,0,.24);
  color:#fff;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
}
@media(max-width:700px){
  .art-atoms-wrap .art-atoms-search-block,
  .art-atoms-wrap .art-atoms-search-block .art-atoms-search{
    min-width:0;
    width:100%;
    max-width:none;
  }
  .art-atoms-wrap .art-atoms-filter-toggle{
    max-width:none;
  }
  .art-atoms-wrap .art-atoms-filter-selected{
    max-width:none;
  }
}


/* v1.10.1 filter pills UX cleanup */
.art-atoms-wrap .art-atoms-search-block{
  flex:1 1 320px;
  gap:0;
}
.art-atoms-wrap .art-atoms-search-label{
  display:none;
}
.art-atoms-wrap .art-atoms-search-block .art-atoms-search{
  min-height:48px;
  height:48px;
  padding:12px 18px;
  font-size:inherit;
  line-height:1.1;
  border-radius:999px;
}
.art-atoms-wrap .art-atoms-filter-dd.is-active .art-atoms-filter-toggle{
  border-color:#00BBFF!important;
  background:#202020;
  box-shadow:0 0 0 2px rgba(0,187,255,.10);
}
.art-atoms-wrap .art-atoms-filter-selected{
  display:none!important;
}
.art-atoms-wrap .art-atoms-active-filters{
  margin:-8px 0 18px;
}
.art-atoms-wrap .art-atoms-active-filters-label{
  color:#fff;
  font-weight:800;
}
.art-atoms-wrap .art-atoms-active-filter-chip{
  gap:6px;
  border:1px solid rgba(0,187,255,.44);
  background:rgba(0,187,255,.10);
}
.art-atoms-wrap .art-atoms-active-filter-chip::after{
  content:'';
}


/* v1.10.2 active filter pill visual fix */
.art-atoms-wrap .art-atoms-search-block .art-atoms-search{
  min-height:40px!important;
  height:40px!important;
  padding:9px 14px!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:500!important;
}
.art-atoms-wrap .art-atoms-active-filter-chip{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.035);
  color:#fff;
  border-radius:999px;
  padding:6px 10px 6px 12px;
  min-height:30px;
  cursor:pointer;
  font-size:12px;
  line-height:1.15;
  font-weight:800;
}
.art-atoms-wrap .art-atoms-active-filter-chip-label{
  display:inline-flex;
  align-items:center;
  min-width:0;
}
.art-atoms-wrap .art-atoms-active-filter-chip-remove{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  flex:0 0 14px;
  margin-left:2px;
  font-size:12px;
  line-height:1;
  font-weight:800;
  opacity:.86;
}
.art-atoms-wrap .art-atoms-active-filter-chip:hover .art-atoms-active-filter-chip-remove,
.art-atoms-wrap .art-atoms-active-filter-chip:focus-visible .art-atoms-active-filter-chip-remove{
  opacity:1;
}
.art-atoms-wrap .art-atoms-active-filter-chip.has-category-color{
  border-color:var(--active-filter-color);
  background:color-mix(in srgb, var(--active-filter-color) 14%, transparent);
}
.art-atoms-wrap .art-atoms-active-filter-chip.has-category-color:hover,
.art-atoms-wrap .art-atoms-active-filter-chip.has-category-color:focus-visible{
  border-color:var(--active-filter-color);
  background:color-mix(in srgb, var(--active-filter-color) 22%, transparent);
}
.art-atoms-wrap .art-atoms-active-filter-chip.has-default-color{
  border-color:rgba(255,255,255,.62);
  background:rgba(255,255,255,.045);
}
.art-atoms-wrap .art-atoms-active-filter-chip.has-default-color:hover,
.art-atoms-wrap .art-atoms-active-filter-chip.has-default-color:focus-visible{
  border-color:rgba(255,255,255,.82);
  background:rgba(255,255,255,.075);
}


/* v1.10.3 configurable filter controls */
.art-atoms-wrap .art-atoms-search-block .art-atoms-search{
  min-height:var(--atom-filter-search-height,40px)!important;
  height:var(--atom-filter-search-height,40px)!important;
  padding:0 var(--atom-filter-search-padding-x,14px)!important;
  font-size:var(--atom-filter-search-font-size,13px)!important;
  line-height:1.15!important;
}
.art-atoms-wrap .art-atoms-active-filters-label{
  font-size:var(--atom-active-filter-label-font-size,13px);
}
.art-atoms-wrap .art-atoms-active-filter-chip{
  gap:var(--atom-active-filter-pill-gap,12px);
  border-radius:var(--atom-active-filter-pill-radius,999px);
  padding:var(--atom-active-filter-pill-padding-y,6px) var(--atom-active-filter-pill-padding-x,12px);
  min-height:calc((var(--atom-active-filter-pill-padding-y,6px) * 2) + var(--atom-active-filter-pill-font-size,12px) + 4px);
  font-size:var(--atom-active-filter-pill-font-size,12px);
}
.art-atoms-wrap .art-atoms-active-filter-chip-remove{
  width:var(--atom-active-filter-remove-size,14px);
  height:var(--atom-active-filter-remove-size,14px);
  flex-basis:var(--atom-active-filter-remove-size,14px);
  margin-left:var(--atom-active-filter-remove-gap,8px);
  font-size:var(--atom-active-filter-remove-size,14px);
}
.art-atoms-wrap .art-atoms-active-filter-chip.has-category-color{
  background:color-mix(in srgb, var(--active-filter-color) var(--atom-active-filter-color-strength,14%), transparent);
}
.art-atoms-wrap .art-atoms-active-filter-chip.has-category-color:hover,
.art-atoms-wrap .art-atoms-active-filter-chip.has-category-color:focus-visible{
  background:color-mix(in srgb, var(--active-filter-color) calc(var(--atom-active-filter-color-strength,14%) + 8%), transparent);
}

/* v1.10.5 active filter X alignment + section spacing */
.art-atoms-wrap .art-atoms-filters{
  margin-bottom:var(--atom-filter-controls-to-active-gap,12px);
}
.art-atoms-wrap .art-atoms-active-filters{
  margin:0 0 var(--atom-filter-active-to-count-gap,14px);
}
.art-atoms-wrap .art-atoms-results-count{
  margin:0 0 var(--atom-filter-count-to-results-gap,18px);
}
.art-atoms-wrap .art-atoms-active-filter-chip{
  display:inline-grid;
  grid-template-columns:minmax(0,auto) auto;
  align-items:center;
  justify-content:start;
  column-gap:var(--atom-active-filter-pill-gap,12px);
  padding:var(--atom-active-filter-pill-padding-y,6px) var(--atom-active-filter-pill-padding-right,8px) var(--atom-active-filter-pill-padding-y,6px) var(--atom-active-filter-pill-padding-x,12px);
  min-height:auto;
}
.art-atoms-wrap .art-atoms-active-filter-chip-label{
  min-width:0;
}
.art-atoms-wrap .art-atoms-active-filter-chip-remove{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:var(--atom-active-filter-remove-size,14px);
  height:var(--atom-active-filter-remove-size,14px);
  flex:0 0 auto;
  flex-basis:auto;
  margin-left:0;
  margin-right:0;
  padding-left:var(--atom-active-filter-remove-padding-left,0px);
  padding-right:var(--atom-active-filter-remove-padding-right,0px);
  font-size:var(--atom-active-filter-remove-size,14px);
  line-height:1;
}

/* v1.10.21 category stripe dropdown: onboarding and category cards removed from frontend output */
.art-atoms-wrap .art-atoms-filter-menu{
  min-width:280px;
  max-width:min(420px,92vw);
}
.art-atoms-wrap .art-atoms-filter-option-category{
  align-items:flex-start;
  gap:10px;
  padding:10px 12px;
}
.art-atoms-wrap .art-atoms-filter-option-category input{
  margin-top:3px;
  flex:0 0 auto;
}
.art-atoms-wrap .art-atoms-filter-option-color{
  width:4px;
  align-self:stretch;
  min-height:44px;
  border-radius:999px;
  margin-top:1px;
  margin-bottom:1px;
  flex:0 0 4px;
  background:var(--option-color,#fff);
  box-shadow:none;
}
.art-atoms-wrap .art-atoms-filter-option-body{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.art-atoms-wrap .art-atoms-filter-option-title{
  color:#fff;
  font-weight:800;
  line-height:1.2;
}
.art-atoms-wrap .art-atoms-filter-option-description{
  color:rgba(255,255,255,.68);
  font-size:12px;
  line-height:1.35;
  font-weight:400;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.art-atoms-wrap .art-atoms-filter-option-count{
  color:rgba(255,255,255,.48);
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  text-transform:none;
  margin-top:5px;
  padding-top:5px;
  border-top:1px solid rgba(255,255,255,.10);
  width:100%;
}
.art-atoms-wrap .art-atoms-filter-option-category:has(input:checked){
  background:color-mix(in srgb,var(--option-color,#00BBFF) 14%, transparent);
}
.art-atoms-wrap .art-atoms-filter-option-category:has(input:checked) .art-atoms-filter-option-color{
  width:5px;
  flex-basis:5px;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--option-color,#00BBFF) 55%, transparent);
}

/* v1.10.23 active filter pill vertical centering */
.art-atoms-wrap .art-atoms-active-filter-chip{
  box-sizing:border-box;
  align-items:center!important;
  justify-items:center;
}
.art-atoms-wrap .art-atoms-active-filter-chip-label,
.art-atoms-wrap .art-atoms-active-filter-chip-remove{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
.art-atoms-wrap .art-atoms-active-filter-chip-label{
  align-self:center!important;
}
.art-atoms-wrap .art-atoms-active-filter-chip-remove{
  align-self:center!important;
}


/* v1.10.25 active filter vertical centering hard fix + settings placeholder support */
.art-atoms-wrap .art-atoms-active-filter-chip{
  -webkit-appearance:none!important;
  appearance:none!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  line-height:1!important;
  padding-top:var(--atom-active-filter-pill-padding-y,6px)!important;
  padding-bottom:var(--atom-active-filter-pill-padding-y,6px)!important;
}
.art-atoms-wrap .art-atoms-active-filter-chip-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding:0!important;
  margin:0!important;
}
.art-atoms-wrap .art-atoms-active-filter-chip-remove{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}