.Pagination{flex-flow:column wrap;width:100%;max-width:100%;display:flex;position:relative}.Pagination .pagination_bottons{justify-content:flex-start;align-items:center;display:flex}.Pagination .pagination_bottons>span{justify-content:center;align-items:center;margin:0 4px;display:flex}.Pagination .next_page_button{background:var(--main-color-alpha);min-width:60px;height:28px;color:var(--main-color);cursor:pointer;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.pc_browser .Pagination .next_page_button:hover{opacity:.7}.Pagination .next_page_button svg{fill:var(--main-color);color:var(--main-color);width:14px;height:14px}.Pagination .next_page_button[disabled]{filter:grayscale();opacity:.5;cursor:auto}.pc_browser .Pagination .next_page_button[disabled]:hover{opacity:.5}.Pagination .page_button{background:var(--main-color-alpha);min-width:28px;height:28px;color:var(--main-color);cursor:pointer;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;margin:0 4px;font-size:14px;transition:all .2s;display:flex}.pc_browser .Pagination .page_button:hover{opacity:.7}.Pagination .page_button_current{background:var(--main-color-deep);color:#fff}.Pagination .page_button_more{fill:var(--main-color);color:var(--main-color);background:0 0;transition:all .2s}.Pagination .page_button_more svg{width:18px;height:18px}.pc_browser .Pagination .page_button_more:hover{background:var(--main-color-alpha)}.Pagination .page_button_item{transition:all .2s;display:inline-block}.Pagination .page_button_trans-enter-from,.Pagination .page_button_trans-leave-to{opacity:0;transform:scale(0)}.Pagination .page_button_trans-leave-active{position:absolute}@media (width<=700px){.Pagination .page_button_item{transition:none}.Pagination .page_button{display:none}.Pagination .page_button_current{display:block}}@media (width<=350px){.Pagination .next_page_button{min-width:48px}}@media (width<=300px){.Pagination .next_page_button{min-width:28px}}.pagination_dialog{width:unset}@media (width<=500px){.pagination_dialog .maxmin_button{display:none}}.pagination_dialog .dialog_row{color:var(--text-color);margin-top:20px}.pagination_dialog .dialog_row input{text-align:center;width:120px;padding:0}.pagination_dialog .dialog_row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination_dialog .dialog_row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination_dialog .dialog_row input{appearance:textfield}.pagination_dialog .dialog_row button{width:unset;flex-grow:0;flex-shrink:0;min-height:30px}.pagination_dialog .change_num_row{margin-top:8px}.pagination_dialog .change_num_button{margin:0 6px;transition:all .2s}.pagination_dialog .change_num_button svg{fill:#fff;color:#fff;width:50%;height:50%}.pagination_dialog .dialog_row .max_num.error,.pagination_dialog .dialog_row .min_num.error{color:var(--danger-color)}.pagination_dialog .dialog_row .max_num.exact,.pagination_dialog .dialog_row .min_num.exact{color:var(--main-color)}.pagination_dialog .dialog_row .text_button_wrapper{border-radius:var(--border-radius);width:120px;height:40px;margin:0 10px}.pagination_dialog .dialog_row .text_button{background-color:var(--section-inside-color);border-radius:var(--border-radius);justify-content:center;align-items:center;width:120px;height:40px;font-size:16px;display:flex;color:var(--text-color)!important}.pagination_dialog .dialog_row .text_button:hover{cursor:pointer}.pagination_dialog .dialog_row .icon{background:var(--main-color-deep);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.pc_browser .pagination_dialog .dialog_row .icon:hover{cursor:pointer;opacity:.5}.pagination_dialog .dialog_row .disabled{opacity:.2!important;filter:grayscale()!important;cursor:not-allowed!important}.pagination_dialog .dialog_row .slider{justify-content:center;align-items:center;width:380px;min-width:60px;max-width:100%;height:20px;margin:0 16px;display:flex;position:relative}.pagination_dialog .dialog_row .slider input{width:100%}
