.rns-card{--card-span:var(--grid-col-span,1);.rns-card-ic{--card-perc:calc((100% - (var(--grid-gap) * (var(--card-span) - 1))) / var(--card-span));--card-calc:calc((var(--card-perc) * var(--card-span, 1)) + (var(--grid-gap) * (var(--card-span, 1) - 1)));.rns-card-ic-spacer{width:var(--card-perc)}}}.rns-grid-slider{position:relative;--gs-px:var(--outer-padding);--gs-gap:var(--grid-gap);.rns-grid-slider-container{position:relative;z-index:0;padding-inline-start:var(--gs-px);scroll-padding:0 var(--gs-px);scrollbar-width:none;margin-top:calc(var(--gs-gap) * -1);margin-bottom:calc(var(--gs-gap) * -1);scroll-snap-type:x var(--tw-scroll-snap-strictness);--tw-scroll-snap-strictness:mandatory;overflow-y:hidden;overflow-x:scroll}.rns-grid-slider-container{&::-webkit-scrollbar{display:none}.rns-grid-slider-track{display:flex;flex-direction:row;gap:0}.rns-grid-slider-track{.rns-grid-slider-item{--gs-item-span:var(--grid-col-span,1);--gs-item-perc:calc((100% - var(--gs-px) - (var(--gs-gap) * (var(--grid-cols) - 1))) / var(--grid-cols));--gs-item-calc:calc((var(--gs-item-perc) * var(--gs-item-span, 1)) + (var(--gs-gap) * (var(--gs-item-span, 1) - 1)));width:var(--gs-item-calc);flex:0 0 var(--gs-item-calc);margin-left:var(--gs-gap);padding-top:var(--gs-gap);padding-bottom:var(--gs-gap);scroll-snap-align:start}.rns-grid-slider-item{&:first-child{margin-left:0}&.rns-grid-slider-item--end{position:relative;width:var(--gs-px);flex:0 0 var(--gs-px);margin-left:0}}}}.rns-grid-slider-arrow{position:absolute;top:50%;z-index:10;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rns-grid-slider-arrow{&.rns-grid-slider-arrow--prev{right:auto;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));left:var(--outer-padding)}&.rns-grid-slider-arrow--next{left:auto;--tw-translate-x:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));right:var(--outer-padding)}}}.rns-grid-grid,.rns-grid-slider{&.rns-grid-slider--cols-base{--grid-cols:2;@media (min-width:420px){--grid-cols:2.5}@media (min-width:768px){--grid-cols:3}@media (min-width:1024px){--grid-cols:4}@media (min-width:1536px){--grid-cols:6}}&.rns-grid-slider--cols-sm{--grid-cols:2.5;@media (min-width:420px){--grid-cols:3}@media (min-width:768px){--grid-cols:4}@media (min-width:1024px){--grid-cols:6}@media (min-width:1536px){--grid-cols:8}}}.rns-grid-grid{.rns-grid-grid-item{--gg-item-span:var(--grid-col-span,1);grid-column:span var(--gg-item-span) /span var(--gg-item-span)}&.rns-grid-grid--cols-base{--grid-cols:2;@media (min-width:768px){--grid-cols:3}@media (min-width:1024px){--grid-cols:4}@media (min-width:1536px){--grid-cols:6}}&.rns-grid-grid--cols-sm{--grid-cols:2;@media (min-width:420px){--grid-cols:3}@media (min-width:768px){--grid-cols:4}@media (min-width:1024px){--grid-cols:6}@media (min-width:1536px){--grid-cols:8}}&.rns-grid-grid--cols-base-half{--grid-cols:2}&.rns-grid-grid--cols-sm-half{--grid-cols:3}&.rns-grid-grid--cols-single{--grid-cols:1}}