@import url("/assets/content-search-v1.css");
/* GLANOS Eyewear Lab UI V64 */
:root{--lab-v64-blue:#256BFF;--lab-v64-line:#E1E6ED;--lab-v64-muted:#727B89}
.lab-filters{gap:4px;padding:0 0 18px}
.lab-filter{position:relative;border:0;border-radius:7px;padding:9px 12px;background:transparent;color:#626B79;font-size:13px;font-weight:760;transition:background .16s ease,color .16s ease}
.lab-filter:hover{background:rgba(37,107,255,.055);color:#256BFF}
.lab-filter.is-active,.lab-filter.active{border-color:transparent;background:rgba(37,107,255,.105);color:#256BFF}
.lab-search-wrap{position:relative;width:min(560px,100%);margin:5px 0 9px}
.lab-search{width:100%;height:54px;border:1px solid #DCE2EA;border-radius:13px;padding:0 48px;background:#fff;color:#101318;outline:none;font:inherit;font-size:15px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;-webkit-appearance:none;appearance:none}
.lab-search::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.lab-search::placeholder{color:#9AA3AF}
.lab-search-wrap:focus-within .lab-search{border-color:rgba(37,107,255,.62);box-shadow:0 0 0 4px rgba(37,107,255,.07)}
.lab-search-icon{position:absolute;left:17px;top:50%;width:19px;height:19px;transform:translateY(-50%);color:#7D8795;pointer-events:none}
.lab-search-icon svg{display:block;width:100%;height:100%}
.lab-search-clear{position:absolute;right:9px;top:50%;width:34px;height:34px;transform:translateY(-50%);display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#8B94A1;font:inherit;font-size:20px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease,background .15s ease,color .15s ease}
.lab-search-clear.is-visible{opacity:1;pointer-events:auto}
.lab-search-clear:hover{background:#F1F4F8;color:#344054}
.lab-results-meta{min-height:18px;margin:0 0 28px;color:#828B98;font-size:12px;font-weight:690;letter-spacing:.01em}
.notes-grid:not(.is-paginated)>.note-card:nth-of-type(n+11){display:none!important}
.notes-grid .note-card[hidden]{display:none!important}
.lab-pagination[data-lab-pagination]{display:flex;align-items:center;justify-content:center;gap:5px;max-width:100%;margin-top:42px}
.lab-pagination[data-lab-pagination][hidden]{display:none!important}
.lab-page-numbers{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0}
.lab-page-arrow,.lab-page-numbers .lab-page-number{min-width:36px;height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#687180;font:inherit;font-size:13px;font-weight:740;cursor:pointer;transition:background .15s ease,color .15s ease}
.lab-page-arrow:hover:not(:disabled),.lab-page-numbers .lab-page-number:hover{background:rgba(37,107,255,.06);color:#256BFF}
.lab-page-numbers .lab-page-number.is-active{background:rgba(37,107,255,.11);color:#256BFF;font-weight:820}
.lab-page-arrow:disabled{opacity:.24;cursor:default}
.lab-empty-search{display:none;margin-top:24px;padding:42px 20px;border:1px solid #E2E7EE;border-radius:18px;background:#fff;color:#7C8592;text-align:center;font-size:15px}
@media(max-width:640px){
  .lab-filters{gap:2px;padding-bottom:15px}
  .lab-filter{padding:8px 10px;border-radius:6px;font-size:12px}
  .lab-search-wrap{width:100%;margin:2px 0 8px}
  .lab-search{height:52px;border-radius:12px;padding-left:45px;font-size:14px}
  .lab-search-icon{left:15px;width:18px;height:18px}
  .lab-results-meta{margin-bottom:17px;font-size:11.5px}
  .notes-grid{display:block}
  .note-card,.note-card.note-card-featured{display:grid;grid-template-columns:46px minmax(0,1fr);gap:13px;width:100%;padding:21px 0;overflow:visible;border:0;border-top:1px solid #DDE3EB;border-radius:0;background:transparent;box-shadow:none}
  a.note-card:hover{transform:none;border-color:#DDE3EB;box-shadow:none}
  .note-visual{align-self:start;aspect-ratio:auto;min-height:0;display:block;overflow:visible;padding:2px 0 0;border:0;background:transparent!important}
  .note-visual::after,.note-symbol{display:none!important}
  .note-number{color:#256BFF;font-size:21px;line-height:1;font-weight:790;letter-spacing:-.045em}
  .note-body{display:block;padding:0}
  .note-meta{display:block;margin:0 0 7px;color:#818A97;font-size:10.5px;line-height:1.45;letter-spacing:.015em}
  .note-body h3{margin:0 0 7px;font-size:18.5px;line-height:1.4;font-weight:750;letter-spacing:-.035em}
  .note-body p{margin:0;color:#6F7886;font-size:12.8px;line-height:1.62;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .note-state{padding-top:10px}
  .lab-pagination[data-lab-pagination]{gap:2px;margin-top:30px}
  .lab-page-arrow,.lab-page-numbers .lab-page-number{min-width:33px;height:33px;padding:0 8px;border-radius:7px;font-size:12px}
}