:root,:host{--paging-width: max-content;--paging-column-gap: 8px;--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)}