.resize-observer[data-v-8859cc6c] {
    border: none;
    background-color: transparent;
    opacity: 0
}

.resize-observer[data-v-8859cc6c],
.resize-observer[data-v-8859cc6c] object {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
    overflow: hidden
}

.vdr {
    -ms-touch-action: none;
    touch-action: none;
    border: 1px dashed #000
}

.handle,
.vdr {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.handle {
    width: 10px;
    height: 10px;
    background: #eee;
    border: 1px solid #333
}

.handle-tl {
    top: -10px;
    left: -10px;
    cursor: nw-resize
}

.handle-tm {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    cursor: n-resize
}

.handle-tr {
    top: -10px;
    right: -10px;
    cursor: ne-resize
}

.handle-ml {
    left: -10px;
    cursor: w-resize
}

.handle-ml,
.handle-mr {
    top: 50%;
    margin-top: -5px
}

.handle-mr {
    right: -10px;
    cursor: e-resize
}

.handle-bl {
    bottom: -10px;
    left: -10px;
    cursor: sw-resize
}

.handle-bm {
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    cursor: s-resize
}

.handle-br {
    bottom: -10px;
    right: -10px;
    cursor: se-resize
}

@media only screen and (max-width:768px) {
    [class*=handle-]:before {
        content: "";
        left: -10px;
        right: -10px;
        bottom: -10px;
        top: -10px;
        position: absolute
    }
}

.vue-recycle-scroller {
    position: relative
}

.vue-recycle-scroller.direction-vertical:not(.page-mode) {
    overflow-y: auto
}

.vue-recycle-scroller.direction-horizontal:not(.page-mode) {
    overflow-x: auto
}

.vue-recycle-scroller.direction-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vue-recycle-scroller__slot {
    -webkit-box-flex: 1;
    -ms-flex: auto 0 0px;
    flex: auto 0 0
}

.vue-recycle-scroller__item-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform
}

.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
    width: 100%
}

.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
    height: 100%
}

.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
    width: 100%;
    margin-top: -80px;
}

.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
    height: 100%
}

.resize-observer[data-v-b329ee4c] {
    border: none;
    background-color: transparent;
    opacity: 0
}

.resize-observer[data-v-b329ee4c],
.resize-observer[data-v-b329ee4c] object {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: block;
    overflow: hidden
}