.pagination-banner{display:flex;justify-content:stretch;align-items:stretch;width:100%;padding:0;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.pagination-banner::-webkit-scrollbar{display:none}.pagination-segment{position:relative;color:white;font-weight:500;font-size:.75rem;padding:.25rem .5rem;min-height:28px;flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:transparent;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);margin-left:-10px;white-space:nowrap;min-width:0}.pagination-segment:first-child{clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);margin-left:0}.pagination-segment:last-child{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%)}.pagination-segment:before{content:"";position:absolute;inset:0;border:3px solid hsl(0,0%,70%);clip-path:inherit;pointer-events:none;z-index:1}.pagination-segment:first-child:before{clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}.pagination-segment:last-child:before{clip-path:polygon(10px 0,100% 0,100% 100%,0 100%)}.pagination-segment:not(:first-child):after{content:"";position:absolute;top:0;left:-3px;width:3px;height:100%;background:hsl(0,0%,70%);clip-path:polygon(0 0,100% 10px,100% 100%,0 100%);pointer-events:none;z-index:2}.pagination-segment.active{background:hsl(195,41%,53%);z-index:10}.pagination-segment.active .pagination-text{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.pagination-segment.active:before{border-color:hsl(0,0%,75%)}.pagination-segment:not(.active):hover{opacity:.9;z-index:5}.pagination-text{font-size:1.8rem;font-weight:800;color:hsl(0,1%,38%);text-align:center}@media (max-width:640px){.pagination-banner{justify-content:stretch}.pagination-segment{font-size:.7rem;padding:.2rem .4rem;min-height:26px}.pagination-text{font-size:.7rem}}@media (min-width:640px){.pagination-segment{padding:.3rem .75rem;min-height:32px}.pagination-text{font-size:.8rem}}@media (min-width:1024px){.pagination-segment{padding:.35rem 1rem;min-height:36px}.pagination-text{font-size:.85rem}}.dark .pagination-segment{background:hsl(221,39%,11%)}.dark .pagination-segment:before{border-color:hsl(0,0%,50%)}.dark .pagination-segment:after{background:hsl(0,0%,50%)}.dark .pagination-segment.active{background:hsl(195,55%,45%)}.dark .pagination-segment.active:before{border-color:hsl(0,0%,50%)}.dark .pagination-text{color:hsl(215,20%,65%)}