@layer reset,base,layout,components;@layer utilities{.pagination{flex-wrap:nowrap;gap:10px;width:max-content;max-width:100%;margin:56px auto 0;padding:8px 4px;display:flex;overflow-x:auto}.pagination[hidden]{display:none}.pagination :is(button,a){color:inherit;min-width:48px;min-height:48px;font:400 1rem/1.5 var(--font-en);background:#fff;border:1px solid #dedede;border-radius:8px;flex:none;place-items:center;padding:8px 14px;text-decoration:none;transition:background .2s;display:grid}.pagination :is(button,a)[aria-current=page]{background:var(--black);border-color:var(--black);color:#fff}.pagination :is(button,a):disabled{opacity:.4;cursor:default}.pagination :is(button,a):hover:not(:disabled):not([aria-current]){background:var(--gray-light)}.pagination--case{gap:10px;margin-top:56px}.pagination--case :is(button,a){border-radius:8px;min-width:48px;min-height:48px;font-weight:400}.pagination--case :is(button,a)[aria-current=page]{background:var(--black);border-color:var(--black);color:#fff}.pagination--case :is(button,a):hover:not(:disabled):not([aria-current]){background:var(--gray-light)}@media (width<=767px){.pagination{gap:4px;margin-top:36px}}}