.pagination-component{margin:0 auto;width:-moz-fit-content;width:fit-content;max-width:100%;box-sizing:border-box}.pagination-component .page-nav{padding-top:16px;flex-direction:column;background:#fff}.pagination-component .page-nav,.pagination-component .page-nav .upper-box{display:inline-flex;max-width:100%;align-items:center;gap:8px;margin:0 auto;box-sizing:border-box}.pagination-component .page-nav .upper-box{padding:8px;align-self:stretch;border-radius:8px;border:1px solid #d0dce0;width:-moz-max-content;width:max-content}.pagination-component .page-nav .upper-box .page-number{display:flex;width:48px;height:48px;padding:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;flex-shrink:0;box-sizing:border-box}.pagination-component .page-nav .upper-box .page-number .number{color:#000;font-feature-settings:"ss04" on,"clig" off,"liga" off;font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:22.4px;letter-spacing:-.8px;text-decoration:none;display:flex}.pagination-component .page-nav .upper-box .page-number.active{border-radius:8px;background:#d0dce0;cursor:not-allowed}.pagination-component .page-nav .upper-box .page-number.notShow{display:none}.pagination-component .page-nav .sub-pages{align-self:stretch;color:#000;text-align:center;font-feature-settings:"ss04" on,"clig" off,"liga" off;font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:22.4px;letter-spacing:-.8px}@media(max-width:480px){.pagination-component,.pagination-component .page-nav{width:100%}.pagination-component .page-nav .upper-box{width:100%;max-width:100%;justify-content:center;gap:4px;padding:4px}.pagination-component .page-nav .upper-box .page-number{width:36px;height:36px;padding:4px}.pagination-component .page-nav .upper-box .page-number .number{font-size:14px;line-height:20px;letter-spacing:-.4px}.pagination-component .page-nav .sub-pages{font-size:14px;line-height:20px;padding:0 8px}}