:root,:host{--paging-width: max-content;--paging-column-gap: 0;--paging-padding: 0;--paging-background: transparent;--paging-foreground: inherit;--paging-border: none;--paging-border-radius: 0;--paging-button-border-separator: none;--paging-button-border-radius-min: var(--button-small-border-radius-min);--paging-button-border-radius-max: var(--button-small-border-radius-max)}.layout.paging{--column-gap: var(--paging-column-gap, 0);--width: fit-content;width:var(--paging-width, auto);overflow:hidden;align-self:center;justify-self:center;background:var(--paging-background, transparent);color:var(--paging-foreground, inherit);border-radius:var(--paging-border-radius, 8px);border:var(--paging-border, none);padding:var(--paging-padding, 0);margin:var(--paging-margin, 0 auto)}.layout.paging .icon-button,.layout.paging .box-button{--border-radius:clamp(var(--paging-button-border-radius-min)*1px,(var(--paging-button-border-radius-max) - var(--paging-button-border-radius-min))/(var(--viewport-max) - var(--viewport-min))*100vw + (var(--paging-button-border-radius-min) - (var(--paging-button-border-radius-max) - var(--paging-button-border-radius-min))*var(--viewport-min)/(var(--viewport-max) - var(--viewport-min)))*1px,var(--paging-button-border-radius-max)*1px)}.layout.paging .icon-button:not(:last-child,.active),.layout.paging .box-button:not(:last-child,.active){border-right:var(--paging-button-border-separator, none)}.layout.paging .icon-button.ghost.bw,.layout.paging .box-button.ghost.bw{--foreground: var(--color-brand-600);--background: transparent;--border-color: transparent}.layout.paging .icon-button.ghost.bw:hover,.layout.paging .box-button.ghost.bw:hover{--foreground: var(--color-brand-700);--background: var(--color-brand-50);--border-color: transparent}.layout.paging .icon-button.ghost.bw.active,.layout.paging .box-button.ghost.bw.active{--foreground: #ffffff;--background: var(--color-brand-solid, var(--color-brand-600));--border-color: transparent;cursor:default}.layout.paging .icon-button.ghost.bw.active:hover,.layout.paging .box-button.ghost.bw.active:hover{--foreground: #ffffff;--background: var(--color-brand-solid, var(--color-brand-600))}.layout.paging .icon-button.ghost.bw.disabled,.layout.paging .icon-button.ghost.bw[disabled],.layout.paging .icon-button.ghost.bw[aria-disabled=true],.layout.paging .box-button.ghost.bw.disabled,.layout.paging .box-button.ghost.bw[disabled],.layout.paging .box-button.ghost.bw[aria-disabled=true]{--foreground: var(--color-neutral-300, #d5d7da);--background: transparent;--border-color: transparent;cursor:not-allowed;pointer-events:none;opacity:.5}.layout.paging .icon-button.ghost.bw.disabled:hover,.layout.paging .icon-button.ghost.bw[disabled]:hover,.layout.paging .icon-button.ghost.bw[aria-disabled=true]:hover,.layout.paging .box-button.ghost.bw.disabled:hover,.layout.paging .box-button.ghost.bw[disabled]:hover,.layout.paging .box-button.ghost.bw[aria-disabled=true]:hover{--foreground: var(--color-neutral-300, #d5d7da);--background: transparent}