:root{--spider--transition-duration:1s;--spider--arrow-button-size:42px;--spider--arrow-size:10px;--spider--arrow-color:#fff;--spider--dots-gap:10px;--spider--dot-size:8px;--spider--dot-color:#ccc;--spider--dot-current-color:#333}.spider{position:relative}.spider__reference{box-sizing:border-box!important}.spider__canvas{--spider--canvas-width:var(--spider-canvas-width);--spider--reference-width:var(--spider-reference-width);overflow-scrolling:touch;-ms-overflow-style:none;box-sizing:content-box!important;display:flex;overflow:scroll hidden;scrollbar-width:none;width:var(--spider--canvas-width)}.spider__canvas::-webkit-scrollbar{display:none}.spider__canvas.is-dragging a{pointer-events:none}.spider__slide{align-items:center;display:flex;flex:1 0 100%!important;justify-content:center;max-width:100%;opacity:0;position:relative;scroll-snap-align:start!important}.spider__slide[data-visible=true]{opacity:1}.spider__figure{height:auto;max-height:none;max-width:100%;width:auto}.spider__arrows{display:flex;justify-content:space-between;pointer-events:none}.spider__arrows .spider__arrow{pointer-events:auto}.spider>.spider__arrows{left:0;position:absolute;right:0;top:calc(50% - var(--spider--arrow-button-size)/2);z-index:1}.spider__arrow{background-color:transparent;border:none;border-radius:0;cursor:pointer;font-size:0!important;height:var(--spider--arrow-button-size);line-height:0!important;outline:none;padding:0;position:relative;width:var(--spider--arrow-button-size)}.spider__arrow:before{content:"";display:block;height:var(--spider--arrow-size);position:absolute;width:var(--spider--arrow-size)}.spider__arrow:active{filter:brightness(80%)}.spider__arrow[data-direction=prev]{left:0}.spider__arrow[data-direction=prev]:before{border-bottom:1px solid var(--spider--arrow-color);border-left:1px solid var(--spider--arrow-color);left:calc(50% - var(--spider--arrow-size)/2);top:calc(50% - var(--spider--arrow-size)/2);transform:rotate(45deg)}.spider__arrow[data-direction=next]{right:0}.spider__arrow[data-direction=next]:before{border-right:1px solid var(--spider--arrow-color);border-top:1px solid var(--spider--arrow-color);bottom:calc(50% - var(--spider--arrow-size)/2);right:calc(50% - var(--spider--arrow-size)/2);transform:rotate(45deg)}.spider>.spider__arrow{position:absolute;top:calc(50% - var(--spider--arrow-button-size)/2);z-index:1}.spider__dots{display:flex;gap:var(--spider--dots-gap);justify-content:center}.spider+.spider__dots{margin-top:1em}.spider__dots[data-thumbnails=true] .spider__dot>.spider__figure{width:100%}.spider__dots:not([data-thumbnails=true]) .spider__dot{background-color:var(--spider--dot-color);border-radius:100%;font-size:0;height:var(--spider--dot-size);line-height:0;width:var(--spider--dot-size)}.spider__dots:not([data-thumbnails=true]) .spider__dot[aria-current=true]{background-color:var(--spider--dot-current-color)}.spider__dot{background-color:transparent;border:none;border-radius:0;cursor:pointer;outline:none;padding:0}[data-fade=true]{--spider--transition-duration:.2s}[data-fade=true] .spider__canvas{overflow-x:hidden;position:relative!important}[data-fade=true] .spider__slide{max-width:100%!important;position:relative!important;transition-duration:var(--spider--transition-duration);transition-property:opacity,visibility;transition-timing-function:ease-in;width:100%!important}[data-fade=true] .spider__slide[data-active=true]{opacity:1;visibility:visible;z-index:1}