/* Start:/local/templates/avl/components/bitrix/system.pagenavigation/avl/style.css?17918150881862*/
.pager-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:40px 0 64px}
.pager-row .per{margin-left:auto}
.pager{display:flex;gap:6px;font-family:'JetBrains Mono',monospace;font-size:13px}
.pager a,.pager span{--bc:var(--line);min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bc);background:linear-gradient(to top left,transparent 50%,var(--bc) 50%,var(--bc) calc(50% + 1px),transparent calc(50% + 1px)) right bottom/7px 7px no-repeat border-box,var(--paper-hi);padding:0 12px;clip-path:polygon(0 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}
.pager a:hover{--bc:var(--avl-red);border-color:var(--avl-red);color:var(--avl-red)}
.pager .on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pager .dots{border:none;background:none;color:var(--ink-30);clip-path:none}
.per{display:flex;align-items:center;gap:6px;font-family:'JetBrains Mono',monospace;font-size:12px}
.per .lbl{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-30);margin-right:6px;font-family:'JetBrains Mono',monospace}
.per a{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--paper-hi);padding:0 10px}
.per a:hover{border-color:var(--avl-red);color:var(--avl-red)}
.per a.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media(max-width:600px){
  .pager-row{flex-direction:column;align-items:center;gap:18px;margin:32px 0 8px}
  .per{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
  .per .lbl{margin-right:0;display:block;width:100%;text-align:center}
  .per-btns{display:flex;gap:6px;justify-content:center}
  .pager a,.pager span{min-width:38px;height:38px}
  .pager .dots{display:none}
}

/* End */
/* /local/templates/avl/components/bitrix/system.pagenavigation/avl/style.css?17918150881862 */