.divider-wrapper{
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    height: -webkit-fill-available;
}

.divider-wrapper.inverted{
    transform: rotate(180deg);
}

.divider-wrapper.book-divider.order-bottom{
    transform: rotate(180deg);
}

.divider-wrapper.book-divider.order-bottom svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 44px;
}

.divider-wrapper svg {
    position: relative;
    display: block;
    width: 100%;
    /* height: fit-content; */
    height: -webkit-fill-available;
}


.divider-wrapper.order-top {
    top: 0px;
}

.divider-wrapper.order-bottom {
    bottom: 0px;
}
.divider-dark_blue .path-1{
    fill: #00172b;
}

.divider-white .path-1{
    fill: white;
}

.divider-blue .path-1{
    fill: #06457b;
}

.blue-book .path-1{
    fill: #06447b;
}

.white-book .path-1{
    fill: white;
}
.white-waves .path-1,
.white-waves .path-2,
.white-waves .path-3,
.white-waves .path-4{
    fill: white;
}
.blue-waves .path-1{
    fill: #3f82c8c2;
}

.blue-waves .path-2{
    fill: #3f82c8c2;
}

.blue-waves .path-3{
    fill: #3f82c8c2;
}

.blue-waves_intersect .path-1{
    fill: #3f82c8c2;
}

.blue-waves_intersect .path-2{
    fill: #3f82c8c2;
}

.blue-waves_intersect .path-3{
    fill: #3f82c8c2;
}
.blue-waves_intersect .path-4{
    fill: #06457b;
}