.strix-grid{display:grid;gap:var(--grid-mobile-vertical-spacing) var(--grid-mobile-horizontal-spacing)}@media (min-width: 768px){.strix-grid{gap:var(--grid-desktop-vertical-spacing) var(--grid-desktop-horizontal-spacing)}}.grid-cols-reverse div:nth-child(1){grid-row:2}@media (min-width: 768px){.grid-cols-reverse div:nth-child(1){grid-row:auto}}.grid-cols-1,.grid-cols-2{grid-template-columns:1fr}@media (min-width: 768px){.grid-cols-2{grid-template-columns:1fr 1fr}}.grid-cols-4-3{grid-template-columns:1fr}@media (min-width: 768px){.grid-cols-4-3{grid-template-columns:.67fr .33fr}}.grid-cols-3-4{grid-template-columns:1fr}@media (min-width: 768px){.grid-cols-3-4{grid-template-columns:.33fr .67fr}.md-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.strix-slider{position:relative;width:100%}.strix-slider .swiper[data-breakout=true]{width:100%}.strix-slider .swiper-slide{height:auto}.strix-slider .swiper-pagination{position:relative;padding-top:18px}.strix-slider .swiper-button-prev svg{--strix-translate-x: 0;--strix-translate-y: 0;--strix-rotate: 0;--strix-skew-x: 0;--strix-skew-y: 0;--strix-scale-x: 1;--strix-scale-y: 1;-webkit-transform:translateX(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skewX(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));transform:translate(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skew(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));--strix-rotate: 90deg}.strix-slider .swiper-button-next svg{--strix-translate-x: 0;--strix-translate-y: 0;--strix-rotate: 0;--strix-skew-x: 0;--strix-skew-y: 0;--strix-scale-x: 1;--strix-scale-y: 1;-webkit-transform:translateX(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skewX(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));transform:translate(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skew(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));--strix-rotate: 270deg}.strix-slider .swiper-button-next{--strix-translate-x: 0;--strix-translate-y: 0;--strix-rotate: 0;--strix-skew-x: 0;--strix-skew-y: 0;--strix-scale-x: 1;--strix-scale-y: 1;-webkit-transform:translateX(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skewX(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y));transform:translate(var(--strix-translate-x)) translateY(var(--strix-translate-y)) rotate(var(--strix-rotate)) skew(var(--strix-skew-x)) skewY(var(--strix-skew-y)) scaleX(var(--strix-scale-x)) scaleY(var(--strix-scale-y))}.strix-slider .swiper-button-prev,.strix-slider .swiper-button-next{width:36px;height:36px;padding:8px;border:1px solid rgb(var(--slider-button-border-color));color:rgb(var(--slider-button-color));background-color:rgb(var(--slider-button-background-color));z-index:2;opacity:1}.strix-slider .swiper-button-prev:after,.strix-slider .swiper-button-next:after{display:none}.strix-slider .swiper-button-prev.swiper-button-disabled,.strix-slider .swiper-button-next.swiper-button-disabled{color:rgb(var(--slider-button-disabled-color));border-color:rgb(var(--slider-button-disabled-border-color));background-color:rgb(var(--slider-button-disabled-background-color))}.strix-slider .swiper-button-prev svg,.strix-slider .swiper-button-next svg{width:24px}.strix-slider__header .strix-slider .swiper-button-prev,.strix-slider__header .strix-slider .swiper-button-next{position:relative;-webkit-transform:translate(0,0);transform:translate(0);top:auto;left:auto;margin:0}.strix-slider .swiper-pagination-progressbar{padding-top:0;margin:36px 0 0;border-radius:40px;height:2px}.strix-slider .swiper-pagination-bullet{border-radius:0;width:32px;height:4px}.strix-slider .swiper-pagination-bullet,.strix-slider .swiper-pagination-progressbar{background:rgb(var(--slider-pagination-inactive-color))}.strix-slider .swiper-pagination-bullet-active,.strix-slider .swiper-pagination-progressbar-fill{background:rgb(var(--slider-pagination-color))}.strix-slider .swiper-pagination-progressbar-fill{border-radius:40px;top:-1px;height:4px}.strix-slider__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:24.5px}.strix-slider__header h2{margin:0}.strix-slider__header .strix-slider__actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.strix-slider__header .swiper-button-prev,.strix-slider__header .swiper-button-next{--strix-translate-x: 0;--strix-translate-y: 0;position:relative;inset:auto;margin:0}
/*# sourceMappingURL=/cdn/shop/t/29/assets/strix-slider.css.map */