:root{--bento-animation-distance: 30px}.bento-product-slideshow-section{overflow:hidden}.bento-product-slideshow-wrapper{position:relative;overflow:revert;min-height:400px;opacity:0;transition:opacity .3s ease}.bento-product-slideshow-wrapper.is-initialized{opacity:1}.bento-product-slide{position:absolute;top:0;left:0;width:100%;transition:left .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1);will-change:left,opacity;opacity:0}.bento-product-slide.is-active,.bento-product-slide.is-adjacent{opacity:1}.bento-product-slide.is-slide-hidden{opacity:0}.bento-product-slide-content{border-radius:.75rem;padding:2rem 0;min-height:400px;height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.bento-product-slideshow-section .container:last-child{margin-top:2rem}.bento-product-slide [data-animate-in-style]{opacity:0}.bento-product-slide [data-animate-in-style=slide-up],.bento-product-slide [data-animate-in-style=slide-up].bento-animate-initial{transform:translateY(var(--bento-animation-distance))}.bento-product-slide [data-animate-in-style=slide-down],.bento-product-slide [data-animate-in-style=slide-down].bento-animate-initial{transform:translateY(calc(-1 * var(--bento-animation-distance)))}.bento-product-slide [data-animate-in-style=slide-left],.bento-product-slide [data-animate-in-style=slide-left].bento-animate-initial{transform:translate(calc(-1 * var(--bento-animation-distance)))}.bento-product-slide [data-animate-in-style=slide-right],.bento-product-slide [data-animate-in-style=slide-right].bento-animate-initial{transform:translate(var(--bento-animation-distance))}.bento-product-slide [data-animate-in-style]:not(.bento-animate-initial):not([class*=bento-animate-in-]){opacity:1;transform:none}.bento-product-slide [data-animate-in-style][class*=bento-animate-in-]{animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:forwards}.bento-animate-in-fade{animation-name:bento-element-fade-in}.bento-animate-in-slide-up{animation-name:bento-element-slide-up-in}.bento-animate-in-slide-down{animation-name:bento-element-slide-down-in}.bento-animate-in-slide-left{animation-name:bento-element-slide-left-in}.bento-animate-in-slide-right{animation-name:bento-element-slide-right-in}.bento-product-slide [data-animate-out-style][class*=bento-animate-out-]{animation-duration:.5s;animation-timing-function:ease-in;animation-fill-mode:forwards}.bento-animate-out-fade{animation-name:bento-element-fade-out}.bento-animate-out-slide-up{animation-name:bento-element-slide-up-out}.bento-animate-out-slide-down{animation-name:bento-element-slide-down-out}.bento-animate-out-slide-left{animation-name:bento-element-slide-left-out}.bento-animate-out-slide-right{animation-name:bento-element-slide-right-out}@keyframes bento-element-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bento-element-fade-out{0%{opacity:1}to{opacity:0}}@keyframes bento-element-slide-up-in{0%{opacity:0;transform:translateY(var(--bento-animation-distance))}to{opacity:1;transform:translateY(0)}}@keyframes bento-element-slide-up-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(-1 * var(--bento-animation-distance)))}}@keyframes bento-element-slide-down-in{0%{opacity:0;transform:translateY(calc(-1 * var(--bento-animation-distance)))}to{opacity:1;transform:translateY(0)}}@keyframes bento-element-slide-down-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--bento-animation-distance))}}@keyframes bento-element-slide-left-in{0%{opacity:0;transform:translate(calc(-1 * var(--bento-animation-distance)))}to{opacity:1;transform:translate(0)}}@keyframes bento-element-slide-left-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(-1 * var(--bento-animation-distance)))}}@keyframes bento-element-slide-right-in{0%{opacity:0;transform:translate(var(--bento-animation-distance))}to{opacity:1;transform:translate(0)}}@keyframes bento-element-slide-right-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(var(--bento-animation-distance))}}.bento-product-slide video{width:100%;height:auto;display:block;position:relative}.bento-video-wrapper{position:relative;display:inline-block;width:100%;border-radius:1em;overflow:hidden;clip-path:inset(1px)}.bento-video-replay-button{position:absolute;bottom:1rem;right:1rem;border:2px solid;border-color:var(--replay-border-color-rgba, rgba(0, 0, 0, .5));border-radius:50%;padding:0;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;max-width:2.5rem;max-height:2.5rem;cursor:pointer;opacity:0;transition:opacity .3s ease,border-color .2s ease;z-index:10;font-size:1rem;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.bento-video-replay-button.is-visible{opacity:1}.bento-video-replay-button .icon{opacity:.5;transition:opacity .2s ease;width:1em;height:1em;display:flex;align-items:center;justify-content:center;transform:translateZ(0)}.bento-video-replay-button:hover .icon{opacity:1}.bento-video-replay-button:hover{border-color:var(--replay-border-color-rgba-hover, rgba(0, 0, 0, 1))}.bento-video-replay-button span:not(.icon){display:none}.bento-slideshow-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.bento-slide-prev,.bento-slide-next,.bento-slide-play,.bento-slide-pause{border:none;border-radius:50%;padding:0;width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;max-width:2.5rem;max-height:2.5rem;cursor:pointer;transition:opacity .3s ease,visibility .3s ease;display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:1;visibility:visible;flex-shrink:0;text-decoration:none;box-sizing:border-box;position:relative}.bento-slide-pause{position:relative}.bento-pause-progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.bento-progress-circle{fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;opacity:.3}.bento-slide-prev .icon,.bento-slide-next .icon,.bento-slide-play .icon,.bento-slide-pause .icon{opacity:.5;transition:opacity .2s ease;width:1em;height:1em;display:flex;align-items:center;justify-content:center;transform:translateZ(0)}.bento-slide-pause .icon{position:relative;z-index:1}.bento-slide-prev:hover .icon,.bento-slide-next:hover .icon,.bento-slide-play:hover .icon,.bento-slide-pause:hover .icon{opacity:1}.bento-slide-prev:focus,.bento-slide-next:focus,.bento-slide-play:focus,.bento-slide-pause:focus{outline:none}.bento-slide-prev:focus-visible,.bento-slide-next:focus-visible,.bento-slide-play:focus-visible,.bento-slide-pause:focus-visible{outline:2px solid currentColor;outline-offset:2px}.bento-slideshow-progress{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;padding:.5rem 1rem;border-radius:9999px}.bento-progress-item{background:transparent;border:none;cursor:pointer;padding:.5rem .75rem;border-radius:.375rem;transition:opacity .2s ease;font-size:.875rem;white-space:nowrap;position:relative;font-weight:400;text-decoration:none;display:flex;align-items:center;justify-content:center}.bento-progress-item-text{display:inline}.bento-progress-item-icon{display:none}.bento-slideshow-progress:not(.is-dots) .bento-progress-item-icon{display:none}.bento-progress-item:hover{opacity:.7}.bento-progress-item.is-active{font-weight:700}.bento-slideshow-progress.is-dots .bento-progress-item{padding:0;font-size:0;display:flex;align-items:center;justify-content:center;width:auto;height:auto;background:transparent;border:none}.bento-slideshow-progress.is-dots .bento-progress-item-text{display:none}.bento-slideshow-progress.is-dots .bento-progress-item-icon{display:flex;align-items:center;justify-content:center;font-size:.65rem;color:currentColor;opacity:.5;transition:opacity .2s ease;transform:translateZ(0)}.bento-slideshow-progress.is-dots .bento-progress-item.is-active .bento-progress-item-icon,.bento-slideshow-progress.is-dots .bento-progress-item:hover .bento-progress-item-icon{opacity:1}@media screen and (max-width:768px){.bento-slideshow-progress:not(.is-dots){display:none}.bento-slideshow-progress.is-dots{display:flex}}
