@layer components{.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin-inline:auto;display:flex}.pagination__item{min-width:34px;height:34px;color:var(--color-grey-black-80);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;background-color:#0000;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.pagination__item._active{background-color:var(--color-second);color:#fff;cursor:default;box-shadow:0 2px 8px color-mix(in srgb, var(--color-second), transparent 50%)}.pagination__item:not(._active):not(._prev):not(._next):hover{background-color:var(--color-second-white-90)}.pagination__separator{color:#000;min-width:24px;height:34px;font-size:var(--font-size-base);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (width<768px){.pagination{margin-inline:calc(-1 * var(--container-padding));padding-inline:var(--container-padding);border:none;flex-wrap:nowrap;overflow:auto hidden}.pagination__item{box-shadow:0 0 3px 8px #fff}.pagination__item._active{position:sticky;left:0}}}