:root{--real-height:100vh}.pagination-nav{align-items:center;display:flex;flex-shrink:0;gap:10px;margin-left:auto}.pagination-nav__page{flex-shrink:0;margin-right:4px}.pagination-nav__page-button{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px}.pagination-nav__page-button>*{pointer-events:none}.pagination-nav__page-button--previous{margin-left:auto}.pagination-nav__page-button--previous .pagination-nav__page-button-outline{background-image:radial-gradient(circle at 100% 45%,#ffe100,#fff0 55%)}.pagination-nav__page-button--previous .icon{transform:rotate(-180deg)}.pagination-nav__page-button-outline{background-image:radial-gradient(circle at 0 45%,#ffe100,#fff0 55%);background-position:50%;background-size:calc(100% + 4px) calc(100% + 4px);border:2px solid #0000;border-radius:40px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute}.pagination-nav--dark .pagination-nav__page{color:#ffffffa3}.pagination-nav--dark .pagination-nav__page-button-outline{background-color:#fff3}.pagination-nav--dark .pagination-nav__icon path{stroke:#fff}.pagination-nav--light .pagination-nav__page{color:#1a1a1aa3}.pagination-nav--light .pagination-nav__page-button-outline{background-color:#0003}.pagination-nav--light .pagination-nav__icon path{stroke:#000}