:root {
    --library-slider-arrow-size: 42px;
}

.slick-slider .slick-arrow {
    z-index: 4;
    width: var(--library-slider-arrow-size);
    height: var(--library-slider-arrow-size);
    border: 2px solid var(--accent);
}

.slick-slider[data-collections-slider]{
    border-radius: var(--card-border-radius);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    overflow: hidden;
}

.slick-slider[data-collections-slider],
.slick-slider[data-collections-slider]:last-child {
    margin: calc(var(--layout-card-padding) * -1);
    margin-top: 0;
}

.slick-slider[data-collections-slider] .collections.card,
.slick-slider[data-collections-slider] .collections.card .card__header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.slick-slider[data-collections-slider] .collections.card .card__footer {
    padding: var(--layout-card-padding);
}

.slick-slider[data-collections-slider] .slick-arrow {
    right: var(--layout-card-padding);
    top: calc(var(--collections-header-height) + var(--library-slider-arrow-size));
}

.slick-slider[data-collections-slider] .slick-arrow:before {
    content: "";
    content: url('/sites/library/themes/scad_library/assets/SCAD-Libraries-icons/SCAD-Libraries-Carousel-next-icon.svg');
    display: inline-block;
    transform: translate(-2px, 5px);
}

.slick-slider[data-collections-slider] .slick-prev {
    left: initial;
    right: calc(var(--layout-card-padding) * 1.5 + var(--library-slider-arrow-size));
}

.slick-slider[data-collections-slider] .slick-next:before {
    transform: translate(3px, 5px) rotatey(180deg);
}

.slick-slider[data-collections-slider] .slick-dots {
    position: absolute;
    top: calc(var(--collections-header-height));
    transform: translateX(-6px);
    left: var(--layout-card-padding);
}

.slick-slider[data-collections-slider] .slick-dots li {
    padding: 17px 6px 0;
}

.slick-slider[data-collections-slider] .slick-dots li button {
    background-color: var(--white);
}

.slick-slider[data-collections-slider] .card__footer>.field--label:first-child {
    margin-top: var(--library-slider-arrow-size);
}