.flexy-container:not([data-flexy]) .flexy-items{flex-wrap:wrap}.flexy-container:not([data-flexy]) [class*=flexy-arrow]{display:none}.flexy,.flexy-pills{position:relative;-webkit-user-select:none;user-select:none}[data-flexy*=no] .flexy-items>*{transform:translate3d(calc(-100%*var(--current-item, 0)),0,0)}[data-flexy*=no][data-wrap*=viewport] .flexy-items>*{transform:translate3d(-100%,0,0);order:2}[data-flexy*=no][data-wrap*=viewport] .flexy-items>:last-child{order:1}[data-flexy=no] [data-height=dynamic]>:not([data-item=initial]){height:1px}.flexy-items{will-change:transform,max-height;display:flex}.flexy-items>*{cursor:pointer}.flexy-items[data-height=dynamic]{transition:max-height .2s ease;max-height:var(--sliderHeight,initial)}.flexy-items>*{flex:0 0 100%;max-width:100%}[data-flexy-dragging]{cursor:ew-resize}[data-flexy-dragging] .flexy-items>*{pointer-events:none}[data-flexy-view=boxed]{overflow:hidden}.flex-control-nav,.flexy-pills ol{list-style:none;padding:0;justify-content:var(--pills-horizontal-alignment);flex-wrap:var(--pills-wrap,wrap);margin-bottom:0;flex-direction:var(--pills-direction);display:flex}.flex-control-nav li,.flexy-pills ol li{flex:0 0 var(--thumbs-width,20%);cursor:pointer;width:var(--thumbs-width,20%)}.flexy-pills [data-flexy]{overflow:hidden;--pills-wrap:nowrap}.flexy-pills[data-type=circle] li{--thumbs-width:30px;height:var(--thumbs-width);justify-content:center;--thumbs-spacing:15px;align-items:center;display:flex}.flexy-pills[data-type=circle] li:before{height:6px;transition:box-shadow .2s ease,transform .2s ease;content:"";box-shadow:inset 0 0 0 5px var(--flexyInitialPill,rgba(44,62,80,.9));border-radius:100%;width:6px}.flexy-pills[data-type=circle] li.active:before{transform:scale3d(2,2,1);box-shadow:inset 0 0 0 1px var(--flexyActivePill,rgba(44,62,80,.9))}[class*=flexy-arrow]{height:40px;transform:rotate(var(--rotate,0)) translateX(var(--translate-x,0));justify-content:center;color:var(--flexy-nav-arrow-color,var(--color));transition:color .12s cubic-bezier(.455,.03,.515,.955),opacity .12s cubic-bezier(.455,.03,.515,.955),transform .12s cubic-bezier(.455,.03,.515,.955);position:absolute;opacity:0;top:var(--flexy-nav-arrow-top-offset,calc(50% - 20px));align-items:center;cursor:pointer;width:40px;display:flex}[class*=flexy-arrow]:before{height:100%;transition:transform .2s ease;content:"";position:absolute;box-shadow:0 25px 40px rgba(0,0,0,.03);border-radius:100%;background:var(--flexy-nav-background-color,#fff);width:100%}[class*=flexy-arrow] svg{fill:currentColor;position:relative}[class*=flexy-arrow]:hover{color:var(--flexy-nav-arrow-hover-color,#fff)}[class*=flexy-arrow]:hover:before{transform:scale3d(1.1,1.1,1);background:var(--flexy-nav-background-hover-color,var(--paletteColor1))}.flexy-arrow-prev{--translate-x:-10px;left:20px}.flexy-arrow-next{right:20px;--translate-x:10px}[class*=flexy]:hover>[class*=flexy-arrow]{--translate-x:0;opacity:1}.flexy-pills{--flexy-nav-arrow-top-offset:calc(50% - 20px + var(--thumbs-spacing, 15px)/2)}.flexy-pills ol:not([data-flexy])~[class*=arrow],.flexy-pills ol[data-flexy*=no]~[class*=arrow]{display:none}