/* Presentation around stock editable widgets. Roles expand to native IDs in the editor. */
#colibri .nio-stock-equipment-filter { margin-bottom:28px; }
#colibri :is(.nio-stock-equipment-filter-button,.nio-stock-equipment-filter-button a) {
  display:inline-flex; align-items:center; padding:11px 16px;
  border:1px solid #bfb9c0; border-radius:30px; background:transparent;
  color:#202023; font-size:11px; line-height:1.4; text-decoration:none;
}
#colibri :is(.nio-stock-equipment-filter-button,.nio-stock-equipment-filter-button a)[aria-pressed=true] { background:#202023!important; border-color:#202023!important; color:#fff!important; }
#colibri :is(.nio-stock-equipment-filter-button,.nio-stock-equipment-filter-button a):focus-visible { outline:2px solid #ce1689; outline-offset:3px; }
#colibri .nio-stock-equipment-card { position:relative; }
#colibri .nio-stock-equipment-card-image { position:relative; background:#d5d5d0; overflow:hidden; }
#colibri .nio-stock-equipment-card-image img[src] { display:block; width:100%; height:335px; max-height:none; object-fit:cover; }
#colibri .nio-stock-equipment-card-image img[src*="water.webp"] { object-fit:contain; }
#colibri .nio-stock-equipment-card-number { position:absolute; top:20px; left:35px; right:25px; z-index:1; pointer-events:none; }
#colibri .nio-stock-equipment-card .nio-stock-equipment-card-number p { color:#fff; font-size:8px; letter-spacing:.08em; text-shadow:0 1px 5px #000; }
#colibri .nio-stock-equipment-filter-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
#colibri .nio-stock-equipment-hidden { display:none!important; }
#colibri .nio-stock-speedcat-comparison { margin-top:35px; margin-bottom:25px; }
#colibri .nio-stock-speedcat-sequential,#colibri .nio-stock-speedcat-parallel { padding:28px; background:#f6f5f1; border:1px solid #d2ccd3; }
#colibri .nio-stock-speedcat-track { background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#d7d6d2 calc(25% - 1px),#d7d6d2 25%); }
#colibri .nio-stock-speedcat-comparison .nio-stock-speedcat-bar {
  width:25%; max-width:25%; min-height:36px; margin-left:calc(var(--nio-speedcat-step,0)*25%);
  background:#35353a; color:#fff; display:flex; align-items:center; justify-content:center;
  text-align:center; padding:3px; box-sizing:border-box;
}
#colibri .nio-stock-speedcat-bar::before,#colibri .nio-stock-speedcat-bar::after { content:none; }
#colibri .nio-stock-speedcat-comparison .nio-stock-speedcat-bar p { color:inherit; font-size:12px; line-height:1.4; font-weight:800; text-align:center; margin:0; }
#colibri .nio-stock-speedcat-parallel .nio-stock-speedcat-bar { background:#ce1689; }
#colibri .nio-stock-speedcat-step-0 { --nio-speedcat-step:0; }
#colibri .nio-stock-speedcat-step-1 { --nio-speedcat-step:1; }
#colibri .nio-stock-speedcat-step-2 { --nio-speedcat-step:2; }
#colibri .nio-stock-speedcat-step-3 { --nio-speedcat-step:3; }
#colibri .nio-stock-speedcat-benefit { padding:25px 0; border-top:1px solid #cec8cd; }
@media(max-width:760px) {
  #colibri .nio-stock-equipment-card-image img[src] { height:300px; }
  #colibri .nio-stock-equipment-card-number { left:20px; }
  #colibri .nio-stock-speedcat-sequential,#colibri .nio-stock-speedcat-parallel { padding:23px; margin-bottom:16px; }
  #colibri .nio-stock-speedcat-comparison .nio-stock-speedcat-bar p { font-size:11px; }
}