.custom-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0}.custom-pagination__dot{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:rgba(0,0,0,0);padding:0;width:24px;height:24px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:12px;cursor:pointer;-webkit-transition:outline-color .3s ease;transition:outline-color .3s ease}.custom-pagination__dot:focus-visible{outline:2px solid #222;outline-offset:2px}.custom-pagination__dot:after{content:"";height:4px;width:5px;background-color:#222;border-radius:2px;-webkit-transition:width .3s ease,background-color .3s ease;transition:width .3s ease,background-color .3s ease}.custom-pagination__dot:hover:after{background-color:rgba(34,34,34,.6)}.custom-pagination__dot.active:after{background-color:#222;width:24px}.custom-pagination[data-color]:not([data-color=""]) .custom-pagination__dot{background-color:rgba(var(--pagination-color),.2)}.custom-pagination[data-color]:not([data-color=""]) .custom-pagination__dot:hover{background-color:rgba(var(--pagination-color),.6)}.custom-pagination[data-color]:not([data-color=""]) .custom-pagination__dot:focus-visible{outline-color:rgb(var(--pagination-color))}.custom-pagination[data-color]:not([data-color=""]) .custom-pagination__dot.active{background-color:rgb(var(--pagination-color))}.custom-pagination--center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.custom-pagination--right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.custom-pagination--compact{gap:16px;padding:16px}.custom-pagination--small .custom-pagination__dot{height:2px;width:64px}.custom-pagination--large .custom-pagination__dot{height:6px;width:128px}