/* override some defaults from the 3rd-party Accessible Slick CSS */

.slick-prev, .slick-next {

    height: 3rem;

    width: 3rem
}

.slick-prev {

    left: -5rem
}

.slick-next {

    right: -5rem
}

.slick-prev .slick-prev-icon, .slick-next .slick-next-icon {

    opacity: 1
}

.slick-prev .slick-prev-icon::before, .slick-next .slick-next-icon::before {

    display: block;

    content: url(/themes/custom/dyouville/css/components/slider/'data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M15.47875%2C27.08375%20L20.87875%2C32.4725%20L17.92625%2C35.416875%20L8.964375%2C26.473125%20C8.14625%2C25.65875%208.14625%2C24.338125%208.964375%2C23.526875%20L17.924375%2C14.583125%20L20.87625%2C17.52875%20L15.47875%2C22.91625%20L50%2C22.91625%20C48.938125%2C10.086875%2038.18375%2C0%2025.053125%2C0%20C11.21625%2C0%200%2C11.19375%200%2C25%20C0%2C38.80625%2011.21625%2C50%2025.053125%2C50%20C38.18375%2C50%2048.938125%2C39.9125%2050%2C27.08375%20L15.47875%2C27.08375%20Z%22%20id%3D%22Path%22%20fill%3D%22%23B02424%22%20fill-rule%3D%22nonzero%22%20transform%3D%22translate(25.000000%2C%2025.000000)%20rotate(-180.000000)%20translate(-25.000000%2C%20-25.000000)%20%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E')
}

.yellow-controls .slick-prev .slick-prev-icon::before, .yellow-controls .slick-next .slick-next-icon::before {

    content: url(/themes/custom/dyouville/css/components/slider/'data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M15.47875%2C27.08375%20L20.87875%2C32.4725%20L17.92625%2C35.416875%20L8.964375%2C26.473125%20C8.14625%2C25.65875%208.14625%2C24.338125%208.964375%2C23.526875%20L17.924375%2C14.583125%20L20.87625%2C17.52875%20L15.47875%2C22.91625%20L50%2C22.91625%20C48.938125%2C10.086875%2038.18375%2C0%2025.053125%2C0%20C11.21625%2C0%200%2C11.19375%200%2C25%20C0%2C38.80625%2011.21625%2C50%2025.053125%2C50%20C38.18375%2C50%2048.938125%2C39.9125%2050%2C27.08375%20L15.47875%2C27.08375%20Z%22%20id%3D%22Path%22%20fill%3D%22%23FCD60B%22%20fill-rule%3D%22nonzero%22%20transform%3D%22translate(25.000000%2C%2025.000000)%20rotate(-180.000000)%20translate(-25.000000%2C%20-25.000000)%20%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E')
}

.slick-prev .slick-prev-icon::before {

    --tw-translate-x: 0;

    --tw-translate-y: 0;

    --tw-rotate: 0;

    --tw-skew-x: 0;

    --tw-skew-y: 0;

    --tw-scale-x: 1;

    --tw-scale-y: 1;

    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));

    --tw-rotate: 180deg
}

.slick-dots li button .slick-dot-icon {

    --tw-text-opacity: 1;

    color: rgba(46, 47, 125, var(--tw-text-opacity));

    opacity: 0.5
}

.slick-dots li.slick-active button .slick-dot-icon {

    --tw-text-opacity: 1;

    color: rgba(46, 47, 125, var(--tw-text-opacity))
}

.yellow-controls .slick-dots li button .slick-dot-icon, .yellow-controls .slick-dots li.slick-active button .slick-dot-icon {

    --tw-text-opacity: 1;

    color: rgba(252, 214, 11, var(--tw-text-opacity))
}

.slick-slide > * {

    margin-left: auto;

    margin-right: auto;

    max-width: -webkit-max-content;

    max-width: -moz-max-content;

    max-width: max-content
}