.pagination{margin-top:60px;text-align:center}.pagination__link{align-items:center;display:flex}.pagination__link-prev{font-size:.8125rem;margin-inline-end:auto;position:relative}@container main-view (min-width: 688px){.pagination__link-prev{font-size:.875rem}}.pagination__link-prev .noLink,.pagination__link-prev>a{align-items:center;display:inline-flex;justify-content:center}.pagination__link-prev .noLink .prev,.pagination__link-prev>a .prev{display:none}@container main-view (min-width: 688px){.pagination__link-prev .noLink .prev,.pagination__link-prev>a .prev{display:initial}}.pagination__link-prev>a{color:var(--main-color);transition:color .4s cubic-bezier(.25,.84,.45,1)}.pagination__link-prev>a .arrow{color:var(--main-color);margin-inline-end:8px;transform:translate(0) rotate(180deg);transition:color .4s cubic-bezier(.25,.84,.45,1),transform .3s ease}@media (any-hover:hover){.pagination__link-prev>a:hover{color:var(--sub-color)}.pagination__link-prev>a:hover .arrow{color:var(--sub-color);transform:translate(-4px) rotate(180deg)}}.pagination__link-prev>.noLink{color:#9f9f9f}.pagination__link-prev>.noLink .arrow{color:#9f9f9f;margin-inline-end:8px;transform:rotate(180deg)}.pagination__link-next{font-size:.8125rem;margin-inline-start:auto;position:relative}@container main-view (min-width: 688px){.pagination__link-next{font-size:.875rem}}.pagination__link-next .noLink,.pagination__link-next>a{align-items:center;color:var(--main-color);display:inline-flex;justify-content:center}.pagination__link-next .noLink .next,.pagination__link-next>a .next{display:none}@container main-view (min-width: 688px){.pagination__link-next .noLink .next,.pagination__link-next>a .next{display:initial}}.pagination__link-next>a{transition:color .4s cubic-bezier(.25,.84,.45,1)}.pagination__link-next>a .arrow{color:var(--main-color);margin-inline-start:8px;transform:translate(0);transition:color .4s cubic-bezier(.25,.84,.45,1),transform .3s ease}@media (any-hover:hover){.pagination__link-next>a:hover{color:var(--sub-color)}.pagination__link-next>a:hover .arrow{color:var(--sub-color);transform:translate(4px)}}.pagination__link-next>.noLink{color:#9f9f9f}.pagination__link-next>.noLink .arrow{color:#9f9f9f;margin-inline-start:8px}.pagination__link-num{font-size:.8125rem;margin:0 2px;position:relative}.pagination__link-num>a{align-items:center;aspect-ratio:1;background-color:#fff;border:1px solid #e0e0e0;border-radius:50%;color:var(--main-color);display:inline-flex;justify-content:center;overflow:clip;position:relative;transition:color .3s ease .1s;width:36px;z-index:1}.pagination__link-num>a:before{background-color:var(--sub-color);clip-path:circle(0 at 50% 50%);content:"";height:100%;left:0;position:absolute;top:0;transition:clip-path .4s cubic-bezier(.77,.02,.2,.97);width:100%;z-index:-1}@media (any-hover:hover){.pagination__link-num>a:hover{color:var(--base-color);transition:color .5s ease}.pagination__link-num>a:hover:before{clip-path:circle(120% at 50% 50%)}}.pagination__link-num>span.is-current{align-items:center;aspect-ratio:1;background-color:var(--main-color);border:1px solid #e0e0e0;border-radius:50%;color:var(--base-color);display:inline-flex;justify-content:center;overflow:clip;position:relative;width:36px}.pagination__link-dot{font-size:.8125rem;margin:0 2px;position:relative}
