@layer components{:root{--twentyone--slider--gap: var(--twentyone--spacing--12);--twentyone--slider--slide-visible-opacity: 0.5;--twentyone--slider--button-background: var(--twentyone--button--primary-background);--twentyone--slider--button-background-hover: var(--twentyone--button--primary-background-hover);--twentyone--slider--button-border-color: var(--twentyone--button--primary-border-color);--twentyone--slider--button-border-color-hover: var(--twentyone--button--primary-border-color-hover);--twentyone--slider--button-icon-color: var(--twentyone--button--primary-icon-color);--twentyone--slider--button-icon-color-hover: var(--twentyone--button--primary-icon-color-hover);--twentyone--slider--button-box-shadow: var(--twentyone--shadow--medium);--twentyone--slider--button-border-margin: var(--twentyone--spacing--12);--twentyone--slider--pagination-gap: var(--twentyone--spacing--12);--twentyone--slider--pagination-bullet-width: var(--twentyone--spacing--16);--twentyone--slider--pagination-bullet-scale-active: 1.25;--twentyone--slider--pagination-bullet-border-width: 0;--twentyone--slider--pagination-bullet-border-color: transparent;--twentyone--slider--pagination-bullet-border-color-active: transparent;--twentyone--slider--pagination-bullet-background: var(--twentyone--color--grey);--twentyone--slider--pagination-bullet-background-active: var(--twentyone--color--black);--twentyone--slider--pagination-bullet-border-radius: var(--twentyone--spacing--4);--twentyone--slider--button-background-inverted: transparent;--twentyone--slider--button-background-hover-inverted: transparent;--twentyone--slider--button-border-color-inverted: transparent;--twentyone--slider--button-border-color-hover-inverted: transparent;--twentyone--slider--button-icon-color-inverted: var(--twentyone--color--white);--twentyone--slider--button-icon-color-hover-inverted: var(--twentyone--color--white);--twentyone--slider--pagination-bullet-background-inverted: rgba(var(--twentyone--color--white-rgb), .5);--twentyone--slider--pagination-bullet-background-active-inverted: var(--twentyone--color--white);--twentyone--slider--pagination-bullet-border-color-inverted: transparent;--twentyone--slider--pagination-bullet-border-color-active-inverted: transparent}.twentyone-slider{position:relative}.twentyone-slider .swiper-slide{height:auto;margin:0;position:relative;width:100%;z-index:2;transition:var(--twentyone--element--transition)}.twentyone-slider .swiper-slide:not(.swiper-slide-active,.swiper-slide-visible,.swiper-slide-fully-visible){opacity:var(--twentyone--slider--slide-visible-opacity)}.twentyone-slider>.twentyone-button{background:var(--twentyone--slider--button-background);border-color:var(--twentyone--slider--button-border-color);fill:var(--twentyone--slider--button-icon-color);margin:0;position:absolute;top:50%;z-index:2;box-shadow:var(--twentyone--slider--button-box-shadow);transition:var(--twentyone--element--transition);translate:0 -50%}.twentyone-slider>.twentyone-button:hover{background:var(--twentyone--slider--button-background-hover);border-color:var(--twentyone--slider--button-border-color-hover);fill:var(--twentyone--slider--button-icon-color-hover)}.twentyone-slider>.twentyone-button.is--next{right:var(--twentyone--slider--button-border-margin)}.twentyone-slider>.twentyone-button.is--prev{left:var(--twentyone--slider--button-border-margin)}.twentyone-slider .swiper-pagination{align-items:center;bottom:0;display:flex;gap:var(--twentyone--slider--pagination-gap);justify-content:center;left:0;position:absolute;right:0;width:100%;z-index:1}.twentyone-slider .swiper-pagination .swiper-pagination-bullet{aspect-ratio:1;background:var(--twentyone--slider--pagination-bullet-background);border-color:var(--twentyone--slider--pagination-bullet-border-color);border-style:solid;border-width:var(--twentyone--slider--pagination-bullet-border-width);cursor:pointer;flex:0 0 auto;height:auto;margin:0;width:var(--twentyone--slider--pagination-bullet-width);border-radius:var(--twentyone--slider--pagination-bullet-border-radius);transition:var(--twentyone--element--transition)}.twentyone-slider .swiper-pagination .swiper-pagination-bullet.is--active{background:var(--twentyone--slider--pagination-bullet-background-active);border-color:var(--twentyone--slider--pagination-bullet-border-color-active);scale:var(--twentyone--slider--pagination-bullet-scale-active)}.twentyone-slider.is--inverted>.twentyone-button{background:var(--twentyone--slider--button-background-inverted);border-color:var(--twentyone--slider--button-border-color-inverted);fill:var(--twentyone--slider--button-icon-color-inverted)}.twentyone-slider.is--inverted>.twentyone-button:hover{background:var(--twentyone--slider--button-background-hover-inverted);border-color:var(--twentyone--slider--button-border-color-hover-inverted);fill:var(--twentyone--slider--button-icon-color-hover-inverted)}.twentyone-slider.is--inverted .swiper-pagination .swiper-pagination-bullet{background:var(--twentyone--slider--pagination-bullet-background-inverted);border-color:var(--twentyone--slider--pagination-bullet-border-color-inverted)}.twentyone-slider.is--inverted .swiper-pagination .swiper-pagination-bullet.is--active{background:var(--twentyone--slider--pagination-bullet-background-active-inverted);border-color:var(--twentyone--slider--pagination-bullet-border-color-active-inverted)}.twentyone-slider.is--initialized .swiper-wrapper{display:flex;gap:0;margin:0}.twentyone-slider:not(.is--initialized)>.twentyone-button{display:none}.twentyone-slider:not(.is--initialized) .swiper-wrapper{display:grid}.twentyone-slider.swiper-vertical{aspect-ratio:16/9}.twentyone-slider.swiper-vertical .twentyone-img picture{height:100%}.twentyone-slider.swiper-vertical .twentyone-img picture img{height:100%}.twentyone-slider[data-pagination]{padding-bottom:calc(var(--twentyone--slider--pagination-bullet-width) + var(--twentyone--slider--gap))}}