@stihl-design-system/components/assets/Pagination.DH71DZ0j.css

Welcome to the STIHL Design System react component library.

.ds-pagination_list_1u9zx_1{display:flex;align-items:center;padding:0;margin:0;list-style:none}.ds-pagination_list--center_1u9zx_8{justify-content:center}.ds-pagination_list--right_1u9zx_11{justify-content:flex-end}.ds-pagination_item_1u9zx_15{display:flex;align-items:center}.ds-pagination_item-prev-button-wrapper_1u9zx_19{margin-inline-end:4px}.ds-pagination_item-next-button-wrapper_1u9zx_22{margin-inline-start:4px}.ds-pagination_prev-next-button_1u9zx_26{padding-block:1px;padding-inline:4px}.ds-pagination_prev-next-button_1u9zx_26:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){.ds-pagination_prev-next-button_1u9zx_26:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-pagination_prev-next-button_1u9zx_26:focus{outline:revert;outline-offset:revert}.ds-pagination_prev-next-button_1u9zx_26:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){.ds-pagination_prev-next-button_1u9zx_26:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-pagination_prev-next-button--dark_1u9zx_58:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors:active){.ds-pagination_prev-next-button--dark_1u9zx_58:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-pagination_prev-next-button--dark_1u9zx_58:focus{outline:revert;outline-offset:revert}.ds-pagination_prev-next-button--dark_1u9zx_58:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors:active){.ds-pagination_prev-next-button--dark_1u9zx_58:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-pagination_page-button_1u9zx_87{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-size:1rem;line-height:1.25;font-size-adjust:.414;font-weight:400;position:relative;border:none;background:transparent;padding-block:1px;padding-inline:4px;color:#252525;cursor:pointer}.ds-pagination_page-button_1u9zx_87:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){.ds-pagination_page-button_1u9zx_87:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-pagination_page-button_1u9zx_87:focus{outline:revert;outline-offset:revert}.ds-pagination_page-button_1u9zx_87:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){.ds-pagination_page-button_1u9zx_87:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media(hover:hover){.ds-pagination_page-button_1u9zx_87:hover{background-color:#dadada}}.ds-pagination_page-button--dark_1u9zx_138{color:#fff}.ds-pagination_page-button--dark_1u9zx_138:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors:active){.ds-pagination_page-button--dark_1u9zx_138:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-pagination_page-button--dark_1u9zx_138:focus{outline:revert;outline-offset:revert}.ds-pagination_page-button--dark_1u9zx_138:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors:active){.ds-pagination_page-button--dark_1u9zx_138:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media(hover:hover){.ds-pagination_page-button--dark_1u9zx_138:hover{background-color:#444}}.ds-pagination_page-button--active_1u9zx_174{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-size:1rem;line-height:1.25;font-size-adjust:.426;font-weight:700;font-synthesis-weight:none}.ds-pagination_page-button--active_1u9zx_174:after{content:"";position:absolute;inset-block-end:0;inset-inline-start:50%;transform:translate(-50%);width:1.25rem;height:.1875rem;background-color:#e9640c}@media screen and (forced-colors:active){.ds-pagination_page-button--active_1u9zx_174:after{background-color:Highlight}}.ds-pagination_page-button--active--dark_1u9zx_201:after{background-color:#f37a1f}@media screen and (forced-colors:active){.ds-pagination_page-button--active--dark_1u9zx_201:after{background-color:Highlight}}.ds-pagination_ellipsis_1u9zx_210{min-width:2rem;min-height:2rem;padding-inline:4px;justify-content:center;color:#252525}.ds-pagination_ellipsis--dark_1u9zx_217{color:#fff}.ds-pagination_divider_1u9zx_221{min-width:.0625rem;width:.0625rem;height:1.25rem;margin-inline:4px;background-color:#dadada}@media screen and (forced-colors:active){.ds-pagination_divider_1u9zx_221{background-color:CanvasText}}.ds-pagination_divider--dark_1u9zx_233{background-color:#444}@media screen and (forced-colors:active){.ds-pagination_divider--dark_1u9zx_233{background-color:CanvasText}}.ds-pagination_wrapper-focus_1u9zx_242:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){.ds-pagination_wrapper-focus_1u9zx_242:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-pagination_wrapper-focus_1u9zx_242:focus{outline:revert;outline-offset:revert}.ds-pagination_wrapper-focus_1u9zx_242:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors:active){.ds-pagination_wrapper-focus_1u9zx_242:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}.ds-pagination_wrapper-focus--dark_1u9zx_270:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors:active){.ds-pagination_wrapper-focus--dark_1u9zx_270:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){.ds-pagination_wrapper-focus--dark_1u9zx_270:focus{outline:revert;outline-offset:revert}.ds-pagination_wrapper-focus--dark_1u9zx_270:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors:active){.ds-pagination_wrapper-focus--dark_1u9zx_270:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}