.areal-pagination[data-v-f0fac6e4]{display:flex;justify-content:space-between;position:relative;z-index:10;border-radius:16px;transition:background-color .4s ease}.areal-pagination__roller[data-v-f0fac6e4]{height:4px;position:absolute;width:24px;border-radius:4px;background-color:#3a3a3a}.areal-pagination__roller_white[data-v-f0fac6e4]{background-color:#fff}.areal-pagination_horizontal[data-v-f0fac6e4]{padding:8px 12px}.areal-pagination_horizontal .areal-pagination__bullet_active[data-v-f0fac6e4]{width:36px}.areal-pagination_horizontal .areal-pagination__roller[data-v-f0fac6e4]{height:4px;width:24px}.areal-pagination_vertical[data-v-f0fac6e4]{flex-direction:column;padding:12px 8px}.areal-pagination_vertical .areal-pagination__bullet_active[data-v-f0fac6e4]{height:36px}.areal-pagination_vertical .areal-pagination__roller[data-v-f0fac6e4]{height:24px;width:4px}.areal-pagination__bullet[data-v-f0fac6e4]{position:relative;background-color:#a0a0b180;width:4px;height:4px;border-radius:4px;transition:width .4s ease,height .4s ease}.areal-pagination__bullet_white[data-v-f0fac6e4]{background-color:#ffffffb3}.areal-pagination__bullet[data-v-f0fac6e4]:after{content:"";left:-4px;top:-4px;position:absolute;width:calc(100% + 8px);height:calc(100% + 8px);cursor:pointer}.areal-pagination__bullet_active[data-v-f0fac6e4]:after{content:none}