@dnb/eufemia/components/pagination/style/dnb-pagination--isolated.min.css

DNB Eufemia Design System UI Library

.eufemia-scope--11_0_0 .dnb-pagination{display:flex;flex-direction:column-reverse}.eufemia-scope--11_0_0 .dnb-pagination__bar,.eufemia-scope--11_0_0 .dnb-pagination__bar__inner,.eufemia-scope--11_0_0 .dnb-pagination__loadbar{align-items:center;display:flex;flex-wrap:wrap}.eufemia-scope--11_0_0 .dnb-pagination__loadbar,.eufemia-scope--11_0_0 .dnb-pagination__page{min-height:6rem}.eufemia-scope--11_0_0 .dnb-pagination__bar{margin-bottom:1rem;margin-top:1rem}.eufemia-scope--11_0_0 .dnb-pagination--left .dnb-pagination__bar{justify-content:flex-start}.eufemia-scope--11_0_0 .dnb-pagination--center .dnb-pagination__bar{justify-content:center}@media screen and (max-width:40em){.eufemia-scope--11_0_0 .dnb-pagination--center .dnb-pagination__bar{justify-content:flex-start}}.eufemia-scope--11_0_0 .dnb-pagination--right .dnb-pagination__bar{justify-content:flex-end}.eufemia-scope--11_0_0 .dnb-pagination__bar__wrapper{display:flex;flex-flow:column wrap;row-gap:.5rem}@media screen and (min-width:72.00625em){.eufemia-scope--11_0_0 .dnb-pagination--layout-horizontal .dnb-pagination__bar__wrapper{flex:1;flex-flow:row-reverse wrap;justify-content:space-between}}.eufemia-scope--11_0_0 .dnb-pagination--center .dnb-pagination__bar__wrapper{align-items:center}.eufemia-scope--11_0_0 .dnb-pagination--right .dnb-pagination__bar__wrapper{align-items:flex-end}.eufemia-scope--11_0_0 .dnb-pagination__bar__inner{gap:.5rem}.eufemia-scope--11_0_0 .dnb-pagination__button{max-width:3.5rem}.eufemia-scope--11_0_0 .dnb-pagination__button.dnb-button--secondary{--button-color-border--hover:var(--token-color-stroke-action-hover);--button-color-border--active:transparent;--button-color-text--default:var(--token-color-text-action);--button-color-text--hover:var(--token-color-text-action-hover);--button-color-text--active:var(--token-color-text-action-pressed)}.eufemia-scope--11_0_0 .dnb-pagination__button.dnb-button--primary{--button-color-bg--default:var(--token-color-background-selected);--button-color-bg--hover:var(
    --token-color-background-action-hover-subtle
  );--button-color-border--hover:var(--token-color-stroke-action-hover);--button-color-text--default:var(--token-color-text-action-inverse);--button-color-text--hover:var(--token-color-text-action-hover)}.eufemia-scope--11_0_0 .dnb-pagination__button--large-number{max-width:unset}.eufemia-scope--11_0_0 .dnb-pagination__loadbar{align-items:center;cursor:default;display:flex;justify-content:center}.eufemia-scope--11_0_0 .dnb-pagination__indicator{cursor:default;display:flex;flex-direction:column;justify-content:center;min-height:inherit}.eufemia-scope--11_0_0 .dnb-pagination__indicator__inner{align-items:center;animation:show-page .3s ease-out forwards;display:flex;flex-direction:column;justify-content:center}.eufemia-scope--11_0_0 .dnb-pagination__dots{align-self:flex-end;color:var(--token-color-icon-neutral-alternative)}.eufemia-scope--11_0_0 .dnb-pagination__marker{height:1px;margin:-1px 0 0 -1px;overflow:hidden;pointer-events:none;position:relative;width:1px}.eufemia-scope--11_0_0 .dnb-pagination__marker td,.eufemia-scope--11_0_0 .dnb-pagination__marker__inner{height:1px;opacity:0;padding:0!important;width:1px}.eufemia-scope--11_0_0 .dnb-pagination__bar__skip{column-gap:1.5rem;display:flex}@keyframes show-page{0%{opacity:.1;transform:translate3d(0,-8px,0)}to{opacity:1;transform:translateZ(0)}}