.pager {
    pointer-events: auto;
}

.pager__items {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: grid;
    transition: transform .0s ease-out;
}

.pager_animated > .pager__items {
    transition-duration: .15s;
}

.pager__item {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
}

.pager_scroll-align_start > .pager__items > .pager__item {
    scroll-snap-align: start;
}

.pager_scroll-align_center > .pager__items > .pager__item {
    scroll-snap-align: center;
}

.pager_scroll-align_end > .pager__items > .pager__item {
    scroll-snap-align: end;
}

.pager_clip .pager__item {
    overflow: hidden;
}

@supports (overflow: clip) {
    .pager_clip .pager__item {
        overflow: clip;
    }
}

.pager_orientation_horizontal {
    touch-action: pan-y;
}

.pager_orientation_vertical {
    touch-action: pan-x;
}

.pager_orientation_horizontal > .pager__items {
    justify-content: start;
    grid-auto-flow: column;
    grid-template-rows: 100%;
    height: 100%;
}

.pager_orientation_vertical > .pager__items {
    align-content: start;
    grid-auto-flow: row;
    grid-template-columns: 100%;
    width: 100%;
    touch-action: pan-x;
}


.pager_cross-align_center.pager_orientation_horizontal > .pager__items > .pager__item {
    align-items: center;
}

.pager_cross-align_end.pager_orientation_horizontal > .pager__items > .pager__item {
    align-items: end;
}

.pager_cross-align_center.pager_orientation_vertical > .pager__items > .pager__item {
    justify-items: center;
}

.pager_cross-align_end.pager_orientation_vertical > .pager__items > .pager__item {
    justify-items: end;
}


.pager_orientation_horizontal > .pager__items > .pager__item_height_content,
.pager_orientation_horizontal > .pager__items > .pager__item_height_fixed {
    height: 100%;
}

.pager_orientation_horizontal > .pager__items > .pager__item_height_content:not(.pager__item_height-constrained),
.pager_orientation_horizontal > .pager__items > .pager__item_height_fixed {
    max-height: none;
}

.pager_orientation_vertical > .pager__items > .pager__item_width_content,
.pager_orientation_vertical > .pager__items > .pager__item_width_fixed {
    width: 100%;
}

.pager_orientation_vertical > .pager__items > .pager__item_width_content:not(.pager__item_width-constrained),
.pager_orientation_vertical > .pager__items > .pager__item_width_fixed {
    max-width: none;
}


.pager__arrow::before {
    background: var(--divkit-pager-arrow-bg, #fff);
    box-shadow: 0 .2em .4em 0 var(--divkit-pager-arrow-shadow, rgba(0, 0, 0, .1));
}

.pager__arrow:hover::before {
    box-shadow: 0 .2em .8em 0 var(--divkit-pager-arrow-shadow, rgba(0, 0, 0, .1));
}

.pager__arrow:active::before {
    box-shadow: 0 .1em .4em 0 var(--divkit-pager-arrow-shadow, rgba(0, 0, 0, .1));
}

.pager__arrow-icon-path {
    fill: var(--divkit-pager-arrow-fg, #000);
}
