.snm-slider {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.snm-slider:after {
    content: '';
    pointer-events: none;
    position: absolute;
    top: -.25rem;
    right: -.25rem;
    bottom: -.25rem;
    left: -.25rem;
    z-index: 50;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-width: 4px;
    border-color: transparent;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 200ms;
}

.snm-slider:focus {
    outline: 1px solid transparent;
    outline-offset: 0
}

.snm-slider:-moz-focusring {
    border-style: none
}

[data-wi=keyboard] .snm-slider:focus:after {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #000000;
}

.snm-slider.slider__dots-top:not(.slider__controls-top) {
    display: flex;
    flex-direction: column
}

.slider__dots-hidden .slider--dots {
    display: none
}

.snm-slider.slider__autoplay.slider__play-outer-top:not(.slider__dots-top):not(.slider__controls-top) {
    padding-top: 44px;
    padding-top: 2.75rem
}

.snm-slider.slider__autoplay.slider__play-outer-bottom.slider__dots-top:not(.slider__controls-bottom) {
    padding-bottom: 44px;
    padding-bottom: 2.75rem
}

.slider--description,.slider--live-region,.slider--title {
    position: absolute;
    margin: -1px;
    height: 1px;
    width: 1px;
    overflow: hidden;
    border-width: 0;
    padding: 0;
    clip: rect(0 0 0 0)
}

.slider--inner {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.slider__dots-top:not(.slider__controls-top) .slider--inner {
    order: 2
}

.slider--wrapper {
    width: 100%;
    overflow: hidden;
    touch-action: pan-y
}

[class*=slider__controls-top] .slider--wrapper {
    order: 2
}

.slider__keep-shadows .slider--wrapper {
    filter: drop-shadow(0 0 10px rgba(0,0,0,.14))
}

.slider--items {
    position: relative;
    display: flex;
    list-style-type: none;
    padding: 0;
    will-change: transform;
    transform: translateZ(0);
    transform-style: preserve-3d
}

.slider--items:not(.grid) {
    margin: 0
}

.slider__draggable .slide {
    cursor: -webkit-grab;
    cursor: grab
}

.slider__dragging .slide {
    cursor: -webkit-grabbing;
    cursor: grabbing;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.slider__dragging .slide>* {
    pointer-events: none
}

.slider__keep-shadows .slide>* {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}

.slider--controls {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 100;
    order: 2;
    display: flex;
    height: 0;
    width: 100%;
    transform: translateY(-50%);
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .75rem;
    padding-right: .75rem
}

.slider--details .slider--controls {
    position: static;
    top: auto;
    left: auto;
    display: inline-flex;
    height: auto;
    width: auto;
    transform: none
}

[class*=slider__controls-top] .slider--controls {
    position: static;
    top: auto;
    left: auto;
    order: 1;
    height: auto;
    transform: none;
    padding: 0;
    padding-bottom: .5rem
}

[class*=slider__controls-bottom] .slider--controls {
    position: static;
    top: auto;
    height: auto;
    transform: none;
    padding: 0;
    padding-top: 1.5rem
}

.slider__controls-bottom-left .slider--controls,.slider__controls-bottom-right .slider--controls,.slider__controls-top-left .slider--controls,.slider__controls-top-right .slider--controls {
    width: auto
}

.slider__controls-bottom-right .slider--controls,.slider__controls-top-right .slider--controls {
    margin-left: auto
}

.slider__hide-controls .slider--controls {
    display: none
}

.slider--count {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    text-align: center
}

.slider--control {
    height: 4rem;
    width: 4rem;
    font-size: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(0,0,0,var(--tw-text-opacity));
    opacity: .5
}

.slider--control:focus {
    outline: 1px solid transparent;
    outline-offset: 0;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
}

.slider--control__left {
    margin-left: 1rem
}

.slider--control__right {
    margin-right: 1rem
}

.slider--play {
    z-index: 100;
    height: 48px;
    width: 48px;
    font-size: 1.5rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgba(0,0,0,var(--tw-bg-opacity));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
}

.slider--play:focus {
    background-color: rgba(0, 0, 0, .6);
}

.slider--play:hover {
    background-color: rgba(0, 0, 0, .6);
}

.slider--play .icon {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.slider--play .icon:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center;;
}

.slider--play .icon__play:after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="white" d="M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6zm-16.2 55.1l-352 208C45.6 483.9 32 476.6 32 464V47.9c0-16.3 16.4-18.4 24.1-13.8l352 208.1c10.5 6.2 10.5 21.4.1 27.6z"></path></svg>');
}

.slider--play .icon__pause:after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="white" d="M48 479h96c26.5 0 48-21.5 48-48V79c0-26.5-21.5-48-48-48H48C21.5 31 0 52.5 0 79v352c0 26.5 21.5 48 48 48zM32 79c0-8.8 7.2-16 16-16h96c8.8 0 16 7.2 16 16v352c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16V79zm272 400h96c26.5 0 48-21.5 48-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48zM288 79c0-8.8 7.2-16 16-16h96c8.8 0 16 7.2 16 16v352c0 8.8-7.2 16-16 16h-96c-8.8 0-16-7.2-16-16V79z"></path></svg>');
}

.slider--play .icon__pause,.slider--play.slider--play__playing .icon__play {
    --tw-rotate: 270deg;
    --tw-scale-x: .5;
    --tw-scale-y: .5;
    transform: var(--tw-transform);
    opacity: 0
}

.slider--play.slider--play__playing .icon__pause {
    --tw-rotate: 0deg;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: var(--tw-transform);
    opacity: 1
}

.slider--inner .slider--play {
    position: absolute;
    bottom: 4rem;
    right: 1.5rem
}

.slider__controls-bottom:not(.slider--play-top) .slider--inner .slider--play {
    bottom: 68px;
    bottom: 4.25rem
}

.slider__play-top:not(.slider__controls-top) .slider--inner .slider--play {
    top: .75rem;
    bottom: auto
}

.slider__play-outer-top.slider__dots-top:not(.slider__controls-top) .slider--inner .slider--play,.slider__play-outer-top:not(.slider__dots-top):not(.slider__controls-top) .slider--inner .slider--play {
    bottom: auto;
    right: 0;
    top: -39px;
    top: -2.4375rem
}

.slider__play-outer-bottom.slider__dots-top:not(.slider__controls-bottom) .slider--inner .slider--play,.slider__play-outer-bottom:not(.slider__dots-top):not(.slider__controls-bottom) .slider--inner .slider--play {
    right: 0;
    bottom: -39px;
    bottom: -2.4375rem
}

.slider__hide-play .slider--play,.snm-slider:not(.slider__autoplay) .slider--play {
    display: none
}

.slider--dots {
    pointer-events: none;
    margin: 0;
    display: flex;
    width: 100%;
    list-style-type: none;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    text-align: center
}

.slider__hide-dots .slider--dots {
    display: none
}

.snm-slider:not(.slider__dots-top):not(.slider__controls-bottom) .slider--dots {
    min-height: 2.5rem;
    padding-top: .5rem
}

.slider__controls-bottom:not(.slider__dots-top) .slider--dots {
    position: absolute;
    bottom: 0;
    z-index: 100
}

.slider__dots-top:not(.slider__controls-top) .slider--dots {
    order: 1;
    min-height: 2.5rem;
    padding-bottom: 1rem
}

.slider__dots-top.slider__controls-top .slider--dots {
    position: absolute;
    top: .5rem
}

.slider--dot {
    pointer-events: auto;
    position: relative;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
    overflow: hidden;
    border-radius: 9999px;
    background-color: transparent
}

.slider--dot:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    height: .5rem;
    width: .5rem;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: var(--tw-transform);
    border-radius: 9999px;
    border-style: none;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 200ms;
    --tw-bg-opacity: 1;
    background-color: rgba(123,123,123,var(--tw-bg-opacity))
}

.slider--dot:hover:before {
    height: .75rem;
    width: .75rem
}

.slider--dot__active:before,.slider--dot__active:hover:before {
    height: .75rem;
    width: .75rem;
    --tw-bg-opacity: 1;
    background-color: rgba(227,42,0,var(--tw-bg-opacity))
}

.snm-slider .slide {
    flex-basis: calc(100%/2);
    flex-shrink: 0;
    padding-left: 1px;
    padding-right: 1px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .snm-slider .slide {
        flex-basis:calc(100%/3)
    }
}

@media (min-width: 1024px) {
    .snm-slider .slide {
        flex-basis:calc(100%/4)
    }
}

@media (min-width: 1200px) {
    .snm-slider .slide {
        flex-basis:calc(100%/5)
    }
}


/* .slider--events {
    padding-bottom: 3.5rem
}

@media (min-width: 768px) {
    .slider--events {
        padding: 0 120px;
    }
}

.slider--events+.show-all-products,.slider--products+.show-all-products {
    display: inline-block!important
}

.slider--events .slider--items,.slider--products .slider--items {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.slider--events .slide {
    flex-basis: calc(100%/2);
    flex-shrink: 0;
    padding-left: 1px;
    padding-right: 1px
}

.slider--events .slider--controls .slider--control,.slider--products .slider--controls .slider--control {
    height: 2rem;
    width: 2rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(0,0,0,var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(0,0,0,var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
    opacity: 1;
    --tw-ring-offset-width: 1px
}

.slider--events .slider--controls .slider--control:focus,.slider--products .slider--controls .slider--control:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);
    --tw-ring-inset: inset;
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
}

.slider--events .slider--controls .slider--control svg,.slider--products .slider--controls .slider--control svg {
    height: 1.5rem;
    width: 1.5rem
}

.slider--events .product-item--image-link,.slider--products .product-item--image-link {
    position: relative;
    display: block
}

.slider--events .product-item--image-link:focus,.slider--products .product-item--image-link:focus {
    outline: 1px solid transparent;
    outline-offset: 0;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity))
}

.slider--events .slide > * {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between
}

.slider--events .product-item--content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    flex-grow: 1;
    --tw-bg-opacity: 1;
    background-color: rgba(67,67,67,var(--tw-bg-opacity));
    padding: .75rem 1rem;
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.slider--events .product-image-wrapper {
    padding-bottom: 0!important;
    height: auto;
}

.slider--events .product-image-photo {
    position: static;
}

.slider--events .product-item--link,.slider--events .product-item--name {
    text-align: center;
    font-size: 1.125rem
}

.slider--events .product-item--link:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity))
}

.slider--events .product-item--price,.slider--hero__desktop {
    display: none
}

@media (min-width: 768px) {
    .slider--hero__desktop {
        display:block
    }
}

.slider--hero .slide {
    flex-basis: 100%;
    flex-shrink: 0;
    position: relative;
    max-height: 700px;
    overflow: hidden
}

.slider--hero .content-over-image {
    padding-top: 100%
}

@media (min-width: 768px) {
    .slider--hero .content-over-image {
        padding-top:0
    }
}

.slider--hero .content-over-image img {
    position: absolute;
    top: 0;
    height: 100%;
    max-width: none;
    --tw-translate-x: -25%;
    transform: var(--tw-transform);
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width: 768px) {
    .slider--hero .content-over-image img {
        position:static;
        max-width: 100%;
        transform: none
    }
}

.slider--hero .slider--controls {
    display: none
}

@media (min-width: 768px) {
    .slider--hero .slider--controls {
        display:flex
    }
}

.slider--hero__mobile {
    position: relative;
    max-height: 700px;
    overflow: hidden
}

@media (min-width: 768px) {
    .slider--hero__mobile {
        display:none
    }
}

.slider--products {
    padding-bottom: 3.5rem;
    padding-top: 1.5rem;
    padding-left: 6rem;
    padding-right: 0
}

@media (min-width: 768px) {
    .slider--products {
        padding-left:8rem;
        padding-right: 8rem
    }
}

.slider--products .slider--wrapper {
    overflow: visible
}

@media (min-width: 768px) {
    .slider--products .slider--wrapper {
        overflow:hidden
    }
}

.slider--products .slide {
    flex-basis: 100%;
    flex-shrink: 0;
    overflow: visible;
    padding-left: 1px;
    padding-right: 1px
}

.slider--products .slider--dots {
    --tw-translate-x: -3rem;
    transform: var(--tw-transform)
}

@media (min-width: 768px) {
    .slider--products .slider--dots {
        transform:none
    }
}

.slider--products .slide--content {
    display: flex;
    height: 100%;
    --tw-translate-x: -3rem;
    transform: var(--tw-transform);
    flex-direction: column
}

@media (min-width: 768px) {
    .slider--products .slide--content {
        transform:none
    }
}

.slider--products .product-item--content {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: space-between;
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    padding: 1.5rem
}

.slider--products .product-item--name {
    flex-grow: 1;
    font-size: 1.125rem
}

.slider--products .price {
    font-size: 1.25rem
}

.slider--products .price-details {
    font-size: .75rem
}

.slider--products .slider--controls {
    display: none
}

@media (min-width: 768px) {
    .slider--products .slider--controls {
        display:flex
    }
}

.slider--products .slider--control__right {
    --tw-translate-x: 5rem;
    transform: var(--tw-transform)
}

.slider--products .slider--control__left {
    --tw-translate-x: -5rem;
    transform: var(--tw-transform)
}

@media (min-width: 640px) {
    .slider--events .slide {
        flex-basis:calc(100%/3)
    }
}

@media (min-width: 768px) {
    .slider--events .slide {
        flex-basis:calc(100%/4)
    }

    .slider--products .slide {
        flex-basis: calc(100%/2)
    }
}

@media (min-width: 1024px) {
    .slider--events .slide {
        flex-basis:calc(100%/5)
    }

    .slider--products .slide {
        flex-basis: calc(100%/3)
    }
}

@media (min-width: 1200px) {
    .slider--events .slide {
        flex-basis:calc(100%/6)
    }

    .slider--products .slide {
        flex-basis: calc(100%/4)
    }
}

@media (min-width: 1440px) {
    .slider--events .slide {
        flex-basis:calc(100%/6)
    }

    .slider--products .slide {
        flex-basis: calc(100%/5)
    }

    .slider--products {
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }

    .slider--products .slider--control__right {
        --tw-translate-x: 7rem;
        transform: var(--tw-transform)
    }

    .slider--products .slider--control__left {
        --tw-translate-x: -7rem;
        transform: var(--tw-transform)
    }
}
 */