.slick-loading .slick-list{
    background: #ffffff url("/assets/graphics/slick/loader.svg") center center no-repeat;
}
.slick-sr-only{
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

/***** PLAY/PAUSE TOGGLE BUTTONS *****/
.slick-autoplay-toggle-button{
    --_slickToggleWidth: var(--slickToggleWidth, 3.2rem);
    --_slickToggleHeight: var(--slickToggleHeight, 3.2rem);
    --_slickPlay: var(--slickPlay, url("/assets/graphics/slick/slick-play.svg"));
    --_slickPlayFocused: var(--slickPlayFocused, url("/assets/graphics/slick/slick-play-focused.svg"));
    --_slickPause: var(--slickPause, url("/assets/graphics/slick/slick-pause.svg"));
    --_slickPauseFocused: var(--slickPauseFocused, url("/assets/graphics/slick/slick-pause-focused.svg"));
}
.slick-autoplay-toggle-button,
.slick-autoplay-toggle-button:focus,
.slick-autoplay-toggle-button:active{
    all: unset;
    z-index: 10;
    cursor: pointer;
    color: #000000;
    width: var(--_slickToggleWidth);
    height: var(--_slickToggleHeight);
    display: block;
    position: relative;
}
.slick-autoplay-toggle-button span{
    background-image: var(--_slickToggleIcon);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.slick-autoplay-toggle-button span.slick-pause-icon{
    --_slickToggleIcon: var(--_slickPause);
}
.slick-autoplay-toggle-button:focus span.slick-pause-icon{
    --_slickToggleIcon: var(--_slickPauseFocused);
}
.slick-autoplay-toggle-button span.slick-play-icon{
    --_slickToggleIcon: var(--_slickPlay);
}
.slick-autoplay-toggle-button:focus span.slick-play-icon{
    --_slickToggleIcon: var(--_slickPlayFocused);
}


/***** PREV/NEXT BUTTONS *****/
.slick-next,
.slick-prev{
    --_slickPrev: var(--slickPrev, url("/assets/graphics/slick/slick-prev.svg"));
    --_slickPrevFocused: var(--slickPrevFocused, url("/assets/graphics/slick/slick-prev-focused.svg"));
    --_slickNext: var(--slickNext, url("/assets/graphics/slick/slick-next.svg"));
    --_slickNextFocused: var(--slickNextFocused, url("/assets/graphics/slick/slick-next-focused.svg"));
    --_slickNavWidth: var(--slickNavWidth, 3.2rem);
    --_slickNavHeight: var(--slickNavHeight, 3.2rem);
}
.slick-next,
.slick-next:focus,
.slick-next:active,
.slick-prev,
.slick-prev:focus,
.slick-prev:active{
    all: unset;
    z-index: 10;
    cursor: pointer;
    color: #000000;
    width: var(--_slickNavWidth);
    height: var(--_slickNavHeight);
    display: block;
    position: relative;
}
.slick-next span,
.slick-prev span{
    background-image: var(--_slickNavIcon);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.slick-next.slick-disabled,
.slick-prev.slick-disabled{
    cursor: default;
}
.slick-next.slick-disabled span.slick-next-icon,
.slick-next.slick-disabled span.slick-prev-icon,
.slick-prev.slick-disabled span.slick-next-icon,
.slick-prev.slick-disabled span.slick-prev-icon{
    opacity: .25;
}
.slick-prev .slick-prev-icon,
[dir=rtl] .slick-next .slick-next-icon{
    --_slickNavIcon: var(--_slickPrev);
}
.slick-prev:focus .slick-prev-icon,
[dir=rtl] .slick-next:focus .slick-next-icon{
    --_slickNavIcon: var(--_slickPrevFocused);
}
.slick-next .slick-next-icon,
[dir=rtl] .slick-prev .slick-prev-icon{
    --_slickNavIcon: var(--_slickNext);
}
.slick-next:focus .slick-next-icon,
[dir=rtl] .slick-prev:focus .slick-prev-icon{
    --_slickNavIcon: var(--_slickNextFocused);
}


/***** SLIDER DOTS *****/
.slick-dots{
    --_slickDotSize: 0.6rem;
    --_slickDotClr: #e4e4e9;
    --_slickDotClrActive: #e4e4e9;

    display: inline-flex;
    margin: 0;
    list-style: none;
    justify-content: center;
    align-items: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    margin: 0 5px 0 5px;
    padding: 0;
}
.slick-dots li button{
    all: unset;
    z-index: 10;
    cursor: pointer;
    color: #000000;
    display: block;
    position: relative;
}
.slick-dots li button .slick-dot-icon{
    background: var(--_slickDotClr);
    border-radius: 50rem;
    display: block;
    height: var(--_slickDotSize);
    width: var(--_slickDotSize);
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}
.slick-dots li.slick-active button .slick-dot-icon{
    background: var(--_slickDotClrActive);
}
.slick-dots li.slick-active button:focus .slick-dot-icon,
.slick-dots li button:focus .slick-dot-icon{
    background: var(--_slickDotClrActive);
}
