rsuite/Grid/styles/index.css

A suite of react components

*[class*=rs-],*[class*=rs-]::before, *[class*=rs-]::after{
  box-sizing:border-box;
}

html{
  -webkit-tap-highlight-color:transparent;
  font-size:16px;
}

body{
  font-family:var(--rs-font-family-base);
  font-size:var(--rs-font-size-sm);
  line-height:var(--rs-line-height-md);
  color:var(--rs-text-primary);
  background-color:var(--rs-body);
}
:root{
  --rs-gray-0:#fff;
  --rs-gray-50:#f7f7fa;
  --rs-gray-800:#343434;
  --rs-gray-900:#121212;
  --rs-body:var(--rs-gray-0);
  --rs-text-primary:var(--rs-gray-800);
}

[data-theme=dark],
.rs-theme-dark{
  --rs-gray-0:#fff;
  --rs-gray-50:#e9ebf0;
  --rs-gray-800:#1a1d24;
  --rs-gray-900:#0f131a;
  --rs-body:var(--rs-gray-900);
  --rs-text-primary:var(--rs-gray-50);
}

[data-theme=high-contrast],
.rs-theme-high-contrast{
  --rs-gray-0:#fff;
  --rs-gray-50:#e9ebf0;
  --rs-gray-800:#1a1d24;
  --rs-gray-900:#0f131a;
  --rs-body:var(--rs-gray-900);
  --rs-text-primary:var(--rs-gray-50);
}

:root{
  --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
  --rs-font-size-sm:0.875rem;
  --rs-line-height-md:calc(20 / 14);
  --rs-spacing:0.25rem;
}

@media (max-width: calc(576px - 1px)){
  [data-visible-from=xs]{
    display:none !important;
  }
}
@media (min-width: 576px){
  [data-hidden-from=xs]{
    display:none !important;
  }
}
@media (max-width: calc(768px - 1px)){
  [data-visible-from=sm]{
    display:none !important;
  }
}
@media (min-width: 768px){
  [data-hidden-from=sm]{
    display:none !important;
  }
}
@media (max-width: calc(992px - 1px)){
  [data-visible-from=md]{
    display:none !important;
  }
}
@media (min-width: 992px){
  [data-hidden-from=md]{
    display:none !important;
  }
}
@media (max-width: calc(1200px - 1px)){
  [data-visible-from=lg]{
    display:none !important;
  }
}
@media (min-width: 1200px){
  [data-hidden-from=lg]{
    display:none !important;
  }
}
@media (max-width: calc(1400px - 1px)){
  [data-visible-from=xl]{
    display:none !important;
  }
}
@media (min-width: 1400px){
  [data-hidden-from=xl]{
    display:none !important;
  }
}
:root{
  --rs-grid-gutter:calc(var(--rs-spacing) * 3);
  --rs-row-gutter:calc(var(--rs-grid-gutter) / -2);
  --rs-col-gutter:calc(var(--rs-grid-gutter) / 2);
}

.rs-row{
  display:flex;
  flex-flow:row wrap;
  margin-inline:var(--rs-row-gutter);
  row-gap:var(--rs-row-gap);
}
.rs-row-top{
  align-items:flex-start;
}
.rs-row-middle{
  align-items:center;
}
.rs-row-bottom{
  align-items:flex-end;
}
.rs-row-start{
  justify-content:flex-start;
}
.rs-row-end{
  justify-content:flex-end;
}
.rs-row-center{
  justify-content:center;
}
.rs-row-space-between{
  justify-content:space-between;
}
.rs-row-space-around{
  justify-content:space-around;
}
.rs-row-xs-top{
  align-items:flex-start;
}
.rs-row-xs-middle{
  align-items:center;
}
.rs-row-xs-bottom{
  align-items:flex-end;
}
.rs-row-xs-start{
  justify-content:flex-start;
}
.rs-row-xs-end{
  justify-content:flex-end;
}
.rs-row-xs-center{
  justify-content:center;
}
.rs-row-xs-space-between{
  justify-content:space-between;
}
.rs-row-xs-space-around{
  justify-content:space-around;
}

.rs-col{
  position:relative;
  display:block;
  max-width:100%;
  min-height:1px;
  padding-inline:var(--rs-col-gutter);
}
.rs-col[class*=rs-col-auto-]{
  flex-grow:var(--rs-col-auto-flex-grow);
  flex-basis:var(--rs-col-auto-flex-basis);
  max-width:var(--rs-col-auto-max-width);
}

.rs-col-auto-xs{
  --rs-col-auto-flex-grow:1;
  --rs-col-auto-flex-basis:0;
  --rs-col-auto-max-width:100%;
}

.rs-grid-container{
  --rs-grid-gutter-width:calc(var(--rs-spacing) * 3);
  --rs-grid-container-sm:calc(540px + var(--rs-grid-gutter-width));
  --rs-grid-container-md:calc(720px + var(--rs-grid-gutter-width));
  --rs-grid-container-lg:calc(960px + var(--rs-grid-gutter-width));
  --rs-grid-container-xl:calc(1140px + var(--rs-grid-gutter-width));
  --rs-grid-container-xxl:calc(1320px + var(--rs-grid-gutter-width));
  margin-inline-end:auto;
  margin-inline-start:auto;
  padding-inline-start:calc(var(--rs-grid-gutter) / 2);
  padding-inline-end:calc(var(--rs-grid-gutter) / 2);
}
.rs-grid-container::before, .rs-grid-container::after{
  content:" ";
  display:table;
}
.rs-grid-container::after{
  clear:both;
}
@media (min-width: 576px){
  .rs-grid-container{
    width:var(--rs-grid-container-sm);
  }
}
@media (min-width: 768px){
  .rs-grid-container{
    width:var(--rs-grid-container-md);
  }
}
@media (min-width: 992px){
  .rs-grid-container{
    width:var(--rs-grid-container-lg);
  }
}
@media (min-width: 1200px){
  .rs-grid-container{
    width:var(--rs-grid-container-xl);
  }
}
@media (min-width: 1400px){
  .rs-grid-container{
    width:var(--rs-grid-container-xxl);
  }
}

.rs-grid-container-fluid{
  margin-inline-end:auto;
  margin-inline-start:auto;
  padding-inline-start:calc(var(--rs-grid-gutter) / 2);
  padding-inline-end:calc(var(--rs-grid-gutter) / 2);
}
.rs-grid-container-fluid::before, .rs-grid-container-fluid::after{
  content:" ";
  display:table;
}
.rs-grid-container-fluid::after{
  clear:both;
}

.rs-col-xs-1{
  width:4.1666666667%;
}

.rs-col-xs-pull-1{
  inset-inline-end:4.1666666667%;
}

.rs-col-xs-push-1{
  inset-inline-start:4.1666666667%;
}

.rs-col-xs-offset-1{
  margin-inline-start:4.1666666667%;
}

.rs-col-xs-order-1{
  order:1;
}

.rs-col-xs-2{
  width:8.3333333333%;
}

.rs-col-xs-pull-2{
  inset-inline-end:8.3333333333%;
}

.rs-col-xs-push-2{
  inset-inline-start:8.3333333333%;
}

.rs-col-xs-offset-2{
  margin-inline-start:8.3333333333%;
}

.rs-col-xs-order-2{
  order:2;
}

.rs-col-xs-3{
  width:12.5%;
}

.rs-col-xs-pull-3{
  inset-inline-end:12.5%;
}

.rs-col-xs-push-3{
  inset-inline-start:12.5%;
}

.rs-col-xs-offset-3{
  margin-inline-start:12.5%;
}

.rs-col-xs-order-3{
  order:3;
}

.rs-col-xs-4{
  width:16.6666666667%;
}

.rs-col-xs-pull-4{
  inset-inline-end:16.6666666667%;
}

.rs-col-xs-push-4{
  inset-inline-start:16.6666666667%;
}

.rs-col-xs-offset-4{
  margin-inline-start:16.6666666667%;
}

.rs-col-xs-order-4{
  order:4;
}

.rs-col-xs-5{
  width:20.8333333333%;
}

.rs-col-xs-pull-5{
  inset-inline-end:20.8333333333%;
}

.rs-col-xs-push-5{
  inset-inline-start:20.8333333333%;
}

.rs-col-xs-offset-5{
  margin-inline-start:20.8333333333%;
}

.rs-col-xs-order-5{
  order:5;
}

.rs-col-xs-6{
  width:25%;
}

.rs-col-xs-pull-6{
  inset-inline-end:25%;
}

.rs-col-xs-push-6{
  inset-inline-start:25%;
}

.rs-col-xs-offset-6{
  margin-inline-start:25%;
}

.rs-col-xs-order-6{
  order:6;
}

.rs-col-xs-7{
  width:29.1666666667%;
}

.rs-col-xs-pull-7{
  inset-inline-end:29.1666666667%;
}

.rs-col-xs-push-7{
  inset-inline-start:29.1666666667%;
}

.rs-col-xs-offset-7{
  margin-inline-start:29.1666666667%;
}

.rs-col-xs-order-7{
  order:7;
}

.rs-col-xs-8{
  width:33.3333333333%;
}

.rs-col-xs-pull-8{
  inset-inline-end:33.3333333333%;
}

.rs-col-xs-push-8{
  inset-inline-start:33.3333333333%;
}

.rs-col-xs-offset-8{
  margin-inline-start:33.3333333333%;
}

.rs-col-xs-order-8{
  order:8;
}

.rs-col-xs-9{
  width:37.5%;
}

.rs-col-xs-pull-9{
  inset-inline-end:37.5%;
}

.rs-col-xs-push-9{
  inset-inline-start:37.5%;
}

.rs-col-xs-offset-9{
  margin-inline-start:37.5%;
}

.rs-col-xs-order-9{
  order:9;
}

.rs-col-xs-10{
  width:41.6666666667%;
}

.rs-col-xs-pull-10{
  inset-inline-end:41.6666666667%;
}

.rs-col-xs-push-10{
  inset-inline-start:41.6666666667%;
}

.rs-col-xs-offset-10{
  margin-inline-start:41.6666666667%;
}

.rs-col-xs-order-10{
  order:10;
}

.rs-col-xs-11{
  width:45.8333333333%;
}

.rs-col-xs-pull-11{
  inset-inline-end:45.8333333333%;
}

.rs-col-xs-push-11{
  inset-inline-start:45.8333333333%;
}

.rs-col-xs-offset-11{
  margin-inline-start:45.8333333333%;
}

.rs-col-xs-order-11{
  order:11;
}

.rs-col-xs-12{
  width:50%;
}

.rs-col-xs-pull-12{
  inset-inline-end:50%;
}

.rs-col-xs-push-12{
  inset-inline-start:50%;
}

.rs-col-xs-offset-12{
  margin-inline-start:50%;
}

.rs-col-xs-order-12{
  order:12;
}

.rs-col-xs-13{
  width:54.1666666667%;
}

.rs-col-xs-pull-13{
  inset-inline-end:54.1666666667%;
}

.rs-col-xs-push-13{
  inset-inline-start:54.1666666667%;
}

.rs-col-xs-offset-13{
  margin-inline-start:54.1666666667%;
}

.rs-col-xs-order-13{
  order:13;
}

.rs-col-xs-14{
  width:58.3333333333%;
}

.rs-col-xs-pull-14{
  inset-inline-end:58.3333333333%;
}

.rs-col-xs-push-14{
  inset-inline-start:58.3333333333%;
}

.rs-col-xs-offset-14{
  margin-inline-start:58.3333333333%;
}

.rs-col-xs-order-14{
  order:14;
}

.rs-col-xs-15{
  width:62.5%;
}

.rs-col-xs-pull-15{
  inset-inline-end:62.5%;
}

.rs-col-xs-push-15{
  inset-inline-start:62.5%;
}

.rs-col-xs-offset-15{
  margin-inline-start:62.5%;
}

.rs-col-xs-order-15{
  order:15;
}

.rs-col-xs-16{
  width:66.6666666667%;
}

.rs-col-xs-pull-16{
  inset-inline-end:66.6666666667%;
}

.rs-col-xs-push-16{
  inset-inline-start:66.6666666667%;
}

.rs-col-xs-offset-16{
  margin-inline-start:66.6666666667%;
}

.rs-col-xs-order-16{
  order:16;
}

.rs-col-xs-17{
  width:70.8333333333%;
}

.rs-col-xs-pull-17{
  inset-inline-end:70.8333333333%;
}

.rs-col-xs-push-17{
  inset-inline-start:70.8333333333%;
}

.rs-col-xs-offset-17{
  margin-inline-start:70.8333333333%;
}

.rs-col-xs-order-17{
  order:17;
}

.rs-col-xs-18{
  width:75%;
}

.rs-col-xs-pull-18{
  inset-inline-end:75%;
}

.rs-col-xs-push-18{
  inset-inline-start:75%;
}

.rs-col-xs-offset-18{
  margin-inline-start:75%;
}

.rs-col-xs-order-18{
  order:18;
}

.rs-col-xs-19{
  width:79.1666666667%;
}

.rs-col-xs-pull-19{
  inset-inline-end:79.1666666667%;
}

.rs-col-xs-push-19{
  inset-inline-start:79.1666666667%;
}

.rs-col-xs-offset-19{
  margin-inline-start:79.1666666667%;
}

.rs-col-xs-order-19{
  order:19;
}

.rs-col-xs-20{
  width:83.3333333333%;
}

.rs-col-xs-pull-20{
  inset-inline-end:83.3333333333%;
}

.rs-col-xs-push-20{
  inset-inline-start:83.3333333333%;
}

.rs-col-xs-offset-20{
  margin-inline-start:83.3333333333%;
}

.rs-col-xs-order-20{
  order:20;
}

.rs-col-xs-21{
  width:87.5%;
}

.rs-col-xs-pull-21{
  inset-inline-end:87.5%;
}

.rs-col-xs-push-21{
  inset-inline-start:87.5%;
}

.rs-col-xs-offset-21{
  margin-inline-start:87.5%;
}

.rs-col-xs-order-21{
  order:21;
}

.rs-col-xs-22{
  width:91.6666666667%;
}

.rs-col-xs-pull-22{
  inset-inline-end:91.6666666667%;
}

.rs-col-xs-push-22{
  inset-inline-start:91.6666666667%;
}

.rs-col-xs-offset-22{
  margin-inline-start:91.6666666667%;
}

.rs-col-xs-order-22{
  order:22;
}

.rs-col-xs-23{
  width:95.8333333333%;
}

.rs-col-xs-pull-23{
  inset-inline-end:95.8333333333%;
}

.rs-col-xs-push-23{
  inset-inline-start:95.8333333333%;
}

.rs-col-xs-offset-23{
  margin-inline-start:95.8333333333%;
}

.rs-col-xs-order-23{
  order:23;
}

.rs-col-xs-24{
  width:100%;
}

.rs-col-xs-pull-24{
  inset-inline-end:100%;
}

.rs-col-xs-push-24{
  inset-inline-start:100%;
}

.rs-col-xs-offset-24{
  margin-inline-start:100%;
}

.rs-col-xs-order-24{
  order:24;
}

.rs-col-xs-pull-0{
  inset-inline-end:auto;
}

.rs-col-xs-push-0{
  inset-inline-start:auto;
}

.rs-col-auto-xs{
  --rs-col-auto-flex-grow:1;
  --rs-col-auto-flex-basis:0;
  --rs-col-auto-max-width:100%;
}

.rs-col{
  --rs-col-gutter:calc(var(--rs-grid-gutter-xs, var(--rs-grid-gutter)) / 2);
}

.rs-row{
  --rs-row-gutter:calc(var(--rs-grid-gutter-xs, var(--rs-grid-gutter)) / -2);
  --rs-row-gap:var(--rs-grid-row-gutter-xs, var(--rs-grid-row-gutter));
}
.rs-row-xs-top{
  align-items:flex-start;
}
.rs-row-xs-middle{
  align-items:center;
}
.rs-row-xs-bottom{
  align-items:flex-end;
}
.rs-row-xs-start{
  justify-content:flex-start;
}
.rs-row-xs-end{
  justify-content:flex-end;
}
.rs-row-xs-center{
  justify-content:center;
}
.rs-row-xs-space-between{
  justify-content:space-between;
}
.rs-row-xs-space-around{
  justify-content:space-around;
}

@media (min-width: 576px){
  .rs-col-sm-1{
    width:4.1666666667%;
  }
  .rs-col-sm-pull-1{
    inset-inline-end:4.1666666667%;
  }
  .rs-col-sm-push-1{
    inset-inline-start:4.1666666667%;
  }
  .rs-col-sm-offset-1{
    margin-inline-start:4.1666666667%;
  }
  .rs-col-sm-order-1{
    order:1;
  }
  .rs-col-sm-2{
    width:8.3333333333%;
  }
  .rs-col-sm-pull-2{
    inset-inline-end:8.3333333333%;
  }
  .rs-col-sm-push-2{
    inset-inline-start:8.3333333333%;
  }
  .rs-col-sm-offset-2{
    margin-inline-start:8.3333333333%;
  }
  .rs-col-sm-order-2{
    order:2;
  }
  .rs-col-sm-3{
    width:12.5%;
  }
  .rs-col-sm-pull-3{
    inset-inline-end:12.5%;
  }
  .rs-col-sm-push-3{
    inset-inline-start:12.5%;
  }
  .rs-col-sm-offset-3{
    margin-inline-start:12.5%;
  }
  .rs-col-sm-order-3{
    order:3;
  }
  .rs-col-sm-4{
    width:16.6666666667%;
  }
  .rs-col-sm-pull-4{
    inset-inline-end:16.6666666667%;
  }
  .rs-col-sm-push-4{
    inset-inline-start:16.6666666667%;
  }
  .rs-col-sm-offset-4{
    margin-inline-start:16.6666666667%;
  }
  .rs-col-sm-order-4{
    order:4;
  }
  .rs-col-sm-5{
    width:20.8333333333%;
  }
  .rs-col-sm-pull-5{
    inset-inline-end:20.8333333333%;
  }
  .rs-col-sm-push-5{
    inset-inline-start:20.8333333333%;
  }
  .rs-col-sm-offset-5{
    margin-inline-start:20.8333333333%;
  }
  .rs-col-sm-order-5{
    order:5;
  }
  .rs-col-sm-6{
    width:25%;
  }
  .rs-col-sm-pull-6{
    inset-inline-end:25%;
  }
  .rs-col-sm-push-6{
    inset-inline-start:25%;
  }
  .rs-col-sm-offset-6{
    margin-inline-start:25%;
  }
  .rs-col-sm-order-6{
    order:6;
  }
  .rs-col-sm-7{
    width:29.1666666667%;
  }
  .rs-col-sm-pull-7{
    inset-inline-end:29.1666666667%;
  }
  .rs-col-sm-push-7{
    inset-inline-start:29.1666666667%;
  }
  .rs-col-sm-offset-7{
    margin-inline-start:29.1666666667%;
  }
  .rs-col-sm-order-7{
    order:7;
  }
  .rs-col-sm-8{
    width:33.3333333333%;
  }
  .rs-col-sm-pull-8{
    inset-inline-end:33.3333333333%;
  }
  .rs-col-sm-push-8{
    inset-inline-start:33.3333333333%;
  }
  .rs-col-sm-offset-8{
    margin-inline-start:33.3333333333%;
  }
  .rs-col-sm-order-8{
    order:8;
  }
  .rs-col-sm-9{
    width:37.5%;
  }
  .rs-col-sm-pull-9{
    inset-inline-end:37.5%;
  }
  .rs-col-sm-push-9{
    inset-inline-start:37.5%;
  }
  .rs-col-sm-offset-9{
    margin-inline-start:37.5%;
  }
  .rs-col-sm-order-9{
    order:9;
  }
  .rs-col-sm-10{
    width:41.6666666667%;
  }
  .rs-col-sm-pull-10{
    inset-inline-end:41.6666666667%;
  }
  .rs-col-sm-push-10{
    inset-inline-start:41.6666666667%;
  }
  .rs-col-sm-offset-10{
    margin-inline-start:41.6666666667%;
  }
  .rs-col-sm-order-10{
    order:10;
  }
  .rs-col-sm-11{
    width:45.8333333333%;
  }
  .rs-col-sm-pull-11{
    inset-inline-end:45.8333333333%;
  }
  .rs-col-sm-push-11{
    inset-inline-start:45.8333333333%;
  }
  .rs-col-sm-offset-11{
    margin-inline-start:45.8333333333%;
  }
  .rs-col-sm-order-11{
    order:11;
  }
  .rs-col-sm-12{
    width:50%;
  }
  .rs-col-sm-pull-12{
    inset-inline-end:50%;
  }
  .rs-col-sm-push-12{
    inset-inline-start:50%;
  }
  .rs-col-sm-offset-12{
    margin-inline-start:50%;
  }
  .rs-col-sm-order-12{
    order:12;
  }
  .rs-col-sm-13{
    width:54.1666666667%;
  }
  .rs-col-sm-pull-13{
    inset-inline-end:54.1666666667%;
  }
  .rs-col-sm-push-13{
    inset-inline-start:54.1666666667%;
  }
  .rs-col-sm-offset-13{
    margin-inline-start:54.1666666667%;
  }
  .rs-col-sm-order-13{
    order:13;
  }
  .rs-col-sm-14{
    width:58.3333333333%;
  }
  .rs-col-sm-pull-14{
    inset-inline-end:58.3333333333%;
  }
  .rs-col-sm-push-14{
    inset-inline-start:58.3333333333%;
  }
  .rs-col-sm-offset-14{
    margin-inline-start:58.3333333333%;
  }
  .rs-col-sm-order-14{
    order:14;
  }
  .rs-col-sm-15{
    width:62.5%;
  }
  .rs-col-sm-pull-15{
    inset-inline-end:62.5%;
  }
  .rs-col-sm-push-15{
    inset-inline-start:62.5%;
  }
  .rs-col-sm-offset-15{
    margin-inline-start:62.5%;
  }
  .rs-col-sm-order-15{
    order:15;
  }
  .rs-col-sm-16{
    width:66.6666666667%;
  }
  .rs-col-sm-pull-16{
    inset-inline-end:66.6666666667%;
  }
  .rs-col-sm-push-16{
    inset-inline-start:66.6666666667%;
  }
  .rs-col-sm-offset-16{
    margin-inline-start:66.6666666667%;
  }
  .rs-col-sm-order-16{
    order:16;
  }
  .rs-col-sm-17{
    width:70.8333333333%;
  }
  .rs-col-sm-pull-17{
    inset-inline-end:70.8333333333%;
  }
  .rs-col-sm-push-17{
    inset-inline-start:70.8333333333%;
  }
  .rs-col-sm-offset-17{
    margin-inline-start:70.8333333333%;
  }
  .rs-col-sm-order-17{
    order:17;
  }
  .rs-col-sm-18{
    width:75%;
  }
  .rs-col-sm-pull-18{
    inset-inline-end:75%;
  }
  .rs-col-sm-push-18{
    inset-inline-start:75%;
  }
  .rs-col-sm-offset-18{
    margin-inline-start:75%;
  }
  .rs-col-sm-order-18{
    order:18;
  }
  .rs-col-sm-19{
    width:79.1666666667%;
  }
  .rs-col-sm-pull-19{
    inset-inline-end:79.1666666667%;
  }
  .rs-col-sm-push-19{
    inset-inline-start:79.1666666667%;
  }
  .rs-col-sm-offset-19{
    margin-inline-start:79.1666666667%;
  }
  .rs-col-sm-order-19{
    order:19;
  }
  .rs-col-sm-20{
    width:83.3333333333%;
  }
  .rs-col-sm-pull-20{
    inset-inline-end:83.3333333333%;
  }
  .rs-col-sm-push-20{
    inset-inline-start:83.3333333333%;
  }
  .rs-col-sm-offset-20{
    margin-inline-start:83.3333333333%;
  }
  .rs-col-sm-order-20{
    order:20;
  }
  .rs-col-sm-21{
    width:87.5%;
  }
  .rs-col-sm-pull-21{
    inset-inline-end:87.5%;
  }
  .rs-col-sm-push-21{
    inset-inline-start:87.5%;
  }
  .rs-col-sm-offset-21{
    margin-inline-start:87.5%;
  }
  .rs-col-sm-order-21{
    order:21;
  }
  .rs-col-sm-22{
    width:91.6666666667%;
  }
  .rs-col-sm-pull-22{
    inset-inline-end:91.6666666667%;
  }
  .rs-col-sm-push-22{
    inset-inline-start:91.6666666667%;
  }
  .rs-col-sm-offset-22{
    margin-inline-start:91.6666666667%;
  }
  .rs-col-sm-order-22{
    order:22;
  }
  .rs-col-sm-23{
    width:95.8333333333%;
  }
  .rs-col-sm-pull-23{
    inset-inline-end:95.8333333333%;
  }
  .rs-col-sm-push-23{
    inset-inline-start:95.8333333333%;
  }
  .rs-col-sm-offset-23{
    margin-inline-start:95.8333333333%;
  }
  .rs-col-sm-order-23{
    order:23;
  }
  .rs-col-sm-24{
    width:100%;
  }
  .rs-col-sm-pull-24{
    inset-inline-end:100%;
  }
  .rs-col-sm-push-24{
    inset-inline-start:100%;
  }
  .rs-col-sm-offset-24{
    margin-inline-start:100%;
  }
  .rs-col-sm-order-24{
    order:24;
  }
  .rs-col-sm-pull-0{
    inset-inline-end:auto;
  }
  .rs-col-sm-push-0{
    inset-inline-start:auto;
  }
  .rs-col-auto-sm{
    --rs-col-auto-flex-grow:1;
    --rs-col-auto-flex-basis:0;
    --rs-col-auto-max-width:100%;
  }
  .rs-col{
    --rs-col-gutter:calc(var(--rs-grid-gutter-sm, var(--rs-grid-gutter)) / 2);
  }
  .rs-row{
    --rs-row-gutter:calc(var(--rs-grid-gutter-sm, var(--rs-grid-gutter)) / -2);
    --rs-row-gap:var(--rs-grid-row-gutter-sm, var(--rs-grid-row-gutter));
  }
  .rs-row-sm-top{
    align-items:flex-start;
  }
  .rs-row-sm-middle{
    align-items:center;
  }
  .rs-row-sm-bottom{
    align-items:flex-end;
  }
  .rs-row-sm-start{
    justify-content:flex-start;
  }
  .rs-row-sm-end{
    justify-content:flex-end;
  }
  .rs-row-sm-center{
    justify-content:center;
  }
  .rs-row-sm-space-between{
    justify-content:space-between;
  }
  .rs-row-sm-space-around{
    justify-content:space-around;
  }
}
@media (min-width: 768px){
  .rs-col-md-1{
    width:4.1666666667%;
  }
  .rs-col-md-pull-1{
    inset-inline-end:4.1666666667%;
  }
  .rs-col-md-push-1{
    inset-inline-start:4.1666666667%;
  }
  .rs-col-md-offset-1{
    margin-inline-start:4.1666666667%;
  }
  .rs-col-md-order-1{
    order:1;
  }
  .rs-col-md-2{
    width:8.3333333333%;
  }
  .rs-col-md-pull-2{
    inset-inline-end:8.3333333333%;
  }
  .rs-col-md-push-2{
    inset-inline-start:8.3333333333%;
  }
  .rs-col-md-offset-2{
    margin-inline-start:8.3333333333%;
  }
  .rs-col-md-order-2{
    order:2;
  }
  .rs-col-md-3{
    width:12.5%;
  }
  .rs-col-md-pull-3{
    inset-inline-end:12.5%;
  }
  .rs-col-md-push-3{
    inset-inline-start:12.5%;
  }
  .rs-col-md-offset-3{
    margin-inline-start:12.5%;
  }
  .rs-col-md-order-3{
    order:3;
  }
  .rs-col-md-4{
    width:16.6666666667%;
  }
  .rs-col-md-pull-4{
    inset-inline-end:16.6666666667%;
  }
  .rs-col-md-push-4{
    inset-inline-start:16.6666666667%;
  }
  .rs-col-md-offset-4{
    margin-inline-start:16.6666666667%;
  }
  .rs-col-md-order-4{
    order:4;
  }
  .rs-col-md-5{
    width:20.8333333333%;
  }
  .rs-col-md-pull-5{
    inset-inline-end:20.8333333333%;
  }
  .rs-col-md-push-5{
    inset-inline-start:20.8333333333%;
  }
  .rs-col-md-offset-5{
    margin-inline-start:20.8333333333%;
  }
  .rs-col-md-order-5{
    order:5;
  }
  .rs-col-md-6{
    width:25%;
  }
  .rs-col-md-pull-6{
    inset-inline-end:25%;
  }
  .rs-col-md-push-6{
    inset-inline-start:25%;
  }
  .rs-col-md-offset-6{
    margin-inline-start:25%;
  }
  .rs-col-md-order-6{
    order:6;
  }
  .rs-col-md-7{
    width:29.1666666667%;
  }
  .rs-col-md-pull-7{
    inset-inline-end:29.1666666667%;
  }
  .rs-col-md-push-7{
    inset-inline-start:29.1666666667%;
  }
  .rs-col-md-offset-7{
    margin-inline-start:29.1666666667%;
  }
  .rs-col-md-order-7{
    order:7;
  }
  .rs-col-md-8{
    width:33.3333333333%;
  }
  .rs-col-md-pull-8{
    inset-inline-end:33.3333333333%;
  }
  .rs-col-md-push-8{
    inset-inline-start:33.3333333333%;
  }
  .rs-col-md-offset-8{
    margin-inline-start:33.3333333333%;
  }
  .rs-col-md-order-8{
    order:8;
  }
  .rs-col-md-9{
    width:37.5%;
  }
  .rs-col-md-pull-9{
    inset-inline-end:37.5%;
  }
  .rs-col-md-push-9{
    inset-inline-start:37.5%;
  }
  .rs-col-md-offset-9{
    margin-inline-start:37.5%;
  }
  .rs-col-md-order-9{
    order:9;
  }
  .rs-col-md-10{
    width:41.6666666667%;
  }
  .rs-col-md-pull-10{
    inset-inline-end:41.6666666667%;
  }
  .rs-col-md-push-10{
    inset-inline-start:41.6666666667%;
  }
  .rs-col-md-offset-10{
    margin-inline-start:41.6666666667%;
  }
  .rs-col-md-order-10{
    order:10;
  }
  .rs-col-md-11{
    width:45.8333333333%;
  }
  .rs-col-md-pull-11{
    inset-inline-end:45.8333333333%;
  }
  .rs-col-md-push-11{
    inset-inline-start:45.8333333333%;
  }
  .rs-col-md-offset-11{
    margin-inline-start:45.8333333333%;
  }
  .rs-col-md-order-11{
    order:11;
  }
  .rs-col-md-12{
    width:50%;
  }
  .rs-col-md-pull-12{
    inset-inline-end:50%;
  }
  .rs-col-md-push-12{
    inset-inline-start:50%;
  }
  .rs-col-md-offset-12{
    margin-inline-start:50%;
  }
  .rs-col-md-order-12{
    order:12;
  }
  .rs-col-md-13{
    width:54.1666666667%;
  }
  .rs-col-md-pull-13{
    inset-inline-end:54.1666666667%;
  }
  .rs-col-md-push-13{
    inset-inline-start:54.1666666667%;
  }
  .rs-col-md-offset-13{
    margin-inline-start:54.1666666667%;
  }
  .rs-col-md-order-13{
    order:13;
  }
  .rs-col-md-14{
    width:58.3333333333%;
  }
  .rs-col-md-pull-14{
    inset-inline-end:58.3333333333%;
  }
  .rs-col-md-push-14{
    inset-inline-start:58.3333333333%;
  }
  .rs-col-md-offset-14{
    margin-inline-start:58.3333333333%;
  }
  .rs-col-md-order-14{
    order:14;
  }
  .rs-col-md-15{
    width:62.5%;
  }
  .rs-col-md-pull-15{
    inset-inline-end:62.5%;
  }
  .rs-col-md-push-15{
    inset-inline-start:62.5%;
  }
  .rs-col-md-offset-15{
    margin-inline-start:62.5%;
  }
  .rs-col-md-order-15{
    order:15;
  }
  .rs-col-md-16{
    width:66.6666666667%;
  }
  .rs-col-md-pull-16{
    inset-inline-end:66.6666666667%;
  }
  .rs-col-md-push-16{
    inset-inline-start:66.6666666667%;
  }
  .rs-col-md-offset-16{
    margin-inline-start:66.6666666667%;
  }
  .rs-col-md-order-16{
    order:16;
  }
  .rs-col-md-17{
    width:70.8333333333%;
  }
  .rs-col-md-pull-17{
    inset-inline-end:70.8333333333%;
  }
  .rs-col-md-push-17{
    inset-inline-start:70.8333333333%;
  }
  .rs-col-md-offset-17{
    margin-inline-start:70.8333333333%;
  }
  .rs-col-md-order-17{
    order:17;
  }
  .rs-col-md-18{
    width:75%;
  }
  .rs-col-md-pull-18{
    inset-inline-end:75%;
  }
  .rs-col-md-push-18{
    inset-inline-start:75%;
  }
  .rs-col-md-offset-18{
    margin-inline-start:75%;
  }
  .rs-col-md-order-18{
    order:18;
  }
  .rs-col-md-19{
    width:79.1666666667%;
  }
  .rs-col-md-pull-19{
    inset-inline-end:79.1666666667%;
  }
  .rs-col-md-push-19{
    inset-inline-start:79.1666666667%;
  }
  .rs-col-md-offset-19{
    margin-inline-start:79.1666666667%;
  }
  .rs-col-md-order-19{
    order:19;
  }
  .rs-col-md-20{
    width:83.3333333333%;
  }
  .rs-col-md-pull-20{
    inset-inline-end:83.3333333333%;
  }
  .rs-col-md-push-20{
    inset-inline-start:83.3333333333%;
  }
  .rs-col-md-offset-20{
    margin-inline-start:83.3333333333%;
  }
  .rs-col-md-order-20{
    order:20;
  }
  .rs-col-md-21{
    width:87.5%;
  }
  .rs-col-md-pull-21{
    inset-inline-end:87.5%;
  }
  .rs-col-md-push-21{
    inset-inline-start:87.5%;
  }
  .rs-col-md-offset-21{
    margin-inline-start:87.5%;
  }
  .rs-col-md-order-21{
    order:21;
  }
  .rs-col-md-22{
    width:91.6666666667%;
  }
  .rs-col-md-pull-22{
    inset-inline-end:91.6666666667%;
  }
  .rs-col-md-push-22{
    inset-inline-start:91.6666666667%;
  }
  .rs-col-md-offset-22{
    margin-inline-start:91.6666666667%;
  }
  .rs-col-md-order-22{
    order:22;
  }
  .rs-col-md-23{
    width:95.8333333333%;
  }
  .rs-col-md-pull-23{
    inset-inline-end:95.8333333333%;
  }
  .rs-col-md-push-23{
    inset-inline-start:95.8333333333%;
  }
  .rs-col-md-offset-23{
    margin-inline-start:95.8333333333%;
  }
  .rs-col-md-order-23{
    order:23;
  }
  .rs-col-md-24{
    width:100%;
  }
  .rs-col-md-pull-24{
    inset-inline-end:100%;
  }
  .rs-col-md-push-24{
    inset-inline-start:100%;
  }
  .rs-col-md-offset-24{
    margin-inline-start:100%;
  }
  .rs-col-md-order-24{
    order:24;
  }
  .rs-col-md-pull-0{
    inset-inline-end:auto;
  }
  .rs-col-md-push-0{
    inset-inline-start:auto;
  }
  .rs-col-auto-md{
    --rs-col-auto-flex-grow:1;
    --rs-col-auto-flex-basis:0;
    --rs-col-auto-max-width:100%;
  }
  .rs-col{
    --rs-col-gutter:calc(var(--rs-grid-gutter-md, var(--rs-grid-gutter)) / 2);
  }
  .rs-row{
    --rs-row-gutter:calc(var(--rs-grid-gutter-md, var(--rs-grid-gutter)) / -2);
    --rs-row-gap:var(--rs-grid-row-gutter-md, var(--rs-grid-row-gutter));
  }
  .rs-row-md-top{
    align-items:flex-start;
  }
  .rs-row-md-middle{
    align-items:center;
  }
  .rs-row-md-bottom{
    align-items:flex-end;
  }
  .rs-row-md-start{
    justify-content:flex-start;
  }
  .rs-row-md-end{
    justify-content:flex-end;
  }
  .rs-row-md-center{
    justify-content:center;
  }
  .rs-row-md-space-between{
    justify-content:space-between;
  }
  .rs-row-md-space-around{
    justify-content:space-around;
  }
}
@media (min-width: 992px){
  .rs-col-lg-1{
    width:4.1666666667%;
  }
  .rs-col-lg-pull-1{
    inset-inline-end:4.1666666667%;
  }
  .rs-col-lg-push-1{
    inset-inline-start:4.1666666667%;
  }
  .rs-col-lg-offset-1{
    margin-inline-start:4.1666666667%;
  }
  .rs-col-lg-order-1{
    order:1;
  }
  .rs-col-lg-2{
    width:8.3333333333%;
  }
  .rs-col-lg-pull-2{
    inset-inline-end:8.3333333333%;
  }
  .rs-col-lg-push-2{
    inset-inline-start:8.3333333333%;
  }
  .rs-col-lg-offset-2{
    margin-inline-start:8.3333333333%;
  }
  .rs-col-lg-order-2{
    order:2;
  }
  .rs-col-lg-3{
    width:12.5%;
  }
  .rs-col-lg-pull-3{
    inset-inline-end:12.5%;
  }
  .rs-col-lg-push-3{
    inset-inline-start:12.5%;
  }
  .rs-col-lg-offset-3{
    margin-inline-start:12.5%;
  }
  .rs-col-lg-order-3{
    order:3;
  }
  .rs-col-lg-4{
    width:16.6666666667%;
  }
  .rs-col-lg-pull-4{
    inset-inline-end:16.6666666667%;
  }
  .rs-col-lg-push-4{
    inset-inline-start:16.6666666667%;
  }
  .rs-col-lg-offset-4{
    margin-inline-start:16.6666666667%;
  }
  .rs-col-lg-order-4{
    order:4;
  }
  .rs-col-lg-5{
    width:20.8333333333%;
  }
  .rs-col-lg-pull-5{
    inset-inline-end:20.8333333333%;
  }
  .rs-col-lg-push-5{
    inset-inline-start:20.8333333333%;
  }
  .rs-col-lg-offset-5{
    margin-inline-start:20.8333333333%;
  }
  .rs-col-lg-order-5{
    order:5;
  }
  .rs-col-lg-6{
    width:25%;
  }
  .rs-col-lg-pull-6{
    inset-inline-end:25%;
  }
  .rs-col-lg-push-6{
    inset-inline-start:25%;
  }
  .rs-col-lg-offset-6{
    margin-inline-start:25%;
  }
  .rs-col-lg-order-6{
    order:6;
  }
  .rs-col-lg-7{
    width:29.1666666667%;
  }
  .rs-col-lg-pull-7{
    inset-inline-end:29.1666666667%;
  }
  .rs-col-lg-push-7{
    inset-inline-start:29.1666666667%;
  }
  .rs-col-lg-offset-7{
    margin-inline-start:29.1666666667%;
  }
  .rs-col-lg-order-7{
    order:7;
  }
  .rs-col-lg-8{
    width:33.3333333333%;
  }
  .rs-col-lg-pull-8{
    inset-inline-end:33.3333333333%;
  }
  .rs-col-lg-push-8{
    inset-inline-start:33.3333333333%;
  }
  .rs-col-lg-offset-8{
    margin-inline-start:33.3333333333%;
  }
  .rs-col-lg-order-8{
    order:8;
  }
  .rs-col-lg-9{
    width:37.5%;
  }
  .rs-col-lg-pull-9{
    inset-inline-end:37.5%;
  }
  .rs-col-lg-push-9{
    inset-inline-start:37.5%;
  }
  .rs-col-lg-offset-9{
    margin-inline-start:37.5%;
  }
  .rs-col-lg-order-9{
    order:9;
  }
  .rs-col-lg-10{
    width:41.6666666667%;
  }
  .rs-col-lg-pull-10{
    inset-inline-end:41.6666666667%;
  }
  .rs-col-lg-push-10{
    inset-inline-start:41.6666666667%;
  }
  .rs-col-lg-offset-10{
    margin-inline-start:41.6666666667%;
  }
  .rs-col-lg-order-10{
    order:10;
  }
  .rs-col-lg-11{
    width:45.8333333333%;
  }
  .rs-col-lg-pull-11{
    inset-inline-end:45.8333333333%;
  }
  .rs-col-lg-push-11{
    inset-inline-start:45.8333333333%;
  }
  .rs-col-lg-offset-11{
    margin-inline-start:45.8333333333%;
  }
  .rs-col-lg-order-11{
    order:11;
  }
  .rs-col-lg-12{
    width:50%;
  }
  .rs-col-lg-pull-12{
    inset-inline-end:50%;
  }
  .rs-col-lg-push-12{
    inset-inline-start:50%;
  }
  .rs-col-lg-offset-12{
    margin-inline-start:50%;
  }
  .rs-col-lg-order-12{
    order:12;
  }
  .rs-col-lg-13{
    width:54.1666666667%;
  }
  .rs-col-lg-pull-13{
    inset-inline-end:54.1666666667%;
  }
  .rs-col-lg-push-13{
    inset-inline-start:54.1666666667%;
  }
  .rs-col-lg-offset-13{
    margin-inline-start:54.1666666667%;
  }
  .rs-col-lg-order-13{
    order:13;
  }
  .rs-col-lg-14{
    width:58.3333333333%;
  }
  .rs-col-lg-pull-14{
    inset-inline-end:58.3333333333%;
  }
  .rs-col-lg-push-14{
    inset-inline-start:58.3333333333%;
  }
  .rs-col-lg-offset-14{
    margin-inline-start:58.3333333333%;
  }
  .rs-col-lg-order-14{
    order:14;
  }
  .rs-col-lg-15{
    width:62.5%;
  }
  .rs-col-lg-pull-15{
    inset-inline-end:62.5%;
  }
  .rs-col-lg-push-15{
    inset-inline-start:62.5%;
  }
  .rs-col-lg-offset-15{
    margin-inline-start:62.5%;
  }
  .rs-col-lg-order-15{
    order:15;
  }
  .rs-col-lg-16{
    width:66.6666666667%;
  }
  .rs-col-lg-pull-16{
    inset-inline-end:66.6666666667%;
  }
  .rs-col-lg-push-16{
    inset-inline-start:66.6666666667%;
  }
  .rs-col-lg-offset-16{
    margin-inline-start:66.6666666667%;
  }
  .rs-col-lg-order-16{
    order:16;
  }
  .rs-col-lg-17{
    width:70.8333333333%;
  }
  .rs-col-lg-pull-17{
    inset-inline-end:70.8333333333%;
  }
  .rs-col-lg-push-17{
    inset-inline-start:70.8333333333%;
  }
  .rs-col-lg-offset-17{
    margin-inline-start:70.8333333333%;
  }
  .rs-col-lg-order-17{
    order:17;
  }
  .rs-col-lg-18{
    width:75%;
  }
  .rs-col-lg-pull-18{
    inset-inline-end:75%;
  }
  .rs-col-lg-push-18{
    inset-inline-start:75%;
  }
  .rs-col-lg-offset-18{
    margin-inline-start:75%;
  }
  .rs-col-lg-order-18{
    order:18;
  }
  .rs-col-lg-19{
    width:79.1666666667%;
  }
  .rs-col-lg-pull-19{
    inset-inline-end:79.1666666667%;
  }
  .rs-col-lg-push-19{
    inset-inline-start:79.1666666667%;
  }
  .rs-col-lg-offset-19{
    margin-inline-start:79.1666666667%;
  }
  .rs-col-lg-order-19{
    order:19;
  }
  .rs-col-lg-20{
    width:83.3333333333%;
  }
  .rs-col-lg-pull-20{
    inset-inline-end:83.3333333333%;
  }
  .rs-col-lg-push-20{
    inset-inline-start:83.3333333333%;
  }
  .rs-col-lg-offset-20{
    margin-inline-start:83.3333333333%;
  }
  .rs-col-lg-order-20{
    order:20;
  }
  .rs-col-lg-21{
    width:87.5%;
  }
  .rs-col-lg-pull-21{
    inset-inline-end:87.5%;
  }
  .rs-col-lg-push-21{
    inset-inline-start:87.5%;
  }
  .rs-col-lg-offset-21{
    margin-inline-start:87.5%;
  }
  .rs-col-lg-order-21{
    order:21;
  }
  .rs-col-lg-22{
    width:91.6666666667%;
  }
  .rs-col-lg-pull-22{
    inset-inline-end:91.6666666667%;
  }
  .rs-col-lg-push-22{
    inset-inline-start:91.6666666667%;
  }
  .rs-col-lg-offset-22{
    margin-inline-start:91.6666666667%;
  }
  .rs-col-lg-order-22{
    order:22;
  }
  .rs-col-lg-23{
    width:95.8333333333%;
  }
  .rs-col-lg-pull-23{
    inset-inline-end:95.8333333333%;
  }
  .rs-col-lg-push-23{
    inset-inline-start:95.8333333333%;
  }
  .rs-col-lg-offset-23{
    margin-inline-start:95.8333333333%;
  }
  .rs-col-lg-order-23{
    order:23;
  }
  .rs-col-lg-24{
    width:100%;
  }
  .rs-col-lg-pull-24{
    inset-inline-end:100%;
  }
  .rs-col-lg-push-24{
    inset-inline-start:100%;
  }
  .rs-col-lg-offset-24{
    margin-inline-start:100%;
  }
  .rs-col-lg-order-24{
    order:24;
  }
  .rs-col-lg-pull-0{
    inset-inline-end:auto;
  }
  .rs-col-lg-push-0{
    inset-inline-start:auto;
  }
  .rs-col-auto-lg{
    --rs-col-auto-flex-grow:1;
    --rs-col-auto-flex-basis:0;
    --rs-col-auto-max-width:100%;
  }
  .rs-col{
    --rs-col-gutter:calc(var(--rs-grid-gutter-lg, var(--rs-grid-gutter)) / 2);
  }
  .rs-row{
    --rs-row-gutter:calc(var(--rs-grid-gutter-lg, var(--rs-grid-gutter)) / -2);
    --rs-row-gap:var(--rs-grid-row-gutter-lg, var(--rs-grid-row-gutter));
  }
  .rs-row-lg-top{
    align-items:flex-start;
  }
  .rs-row-lg-middle{
    align-items:center;
  }
  .rs-row-lg-bottom{
    align-items:flex-end;
  }
  .rs-row-lg-start{
    justify-content:flex-start;
  }
  .rs-row-lg-end{
    justify-content:flex-end;
  }
  .rs-row-lg-center{
    justify-content:center;
  }
  .rs-row-lg-space-between{
    justify-content:space-between;
  }
  .rs-row-lg-space-around{
    justify-content:space-around;
  }
}
@media (min-width: 1200px){
  .rs-col-xl-1{
    width:4.1666666667%;
  }
  .rs-col-xl-pull-1{
    inset-inline-end:4.1666666667%;
  }
  .rs-col-xl-push-1{
    inset-inline-start:4.1666666667%;
  }
  .rs-col-xl-offset-1{
    margin-inline-start:4.1666666667%;
  }
  .rs-col-xl-order-1{
    order:1;
  }
  .rs-col-xl-2{
    width:8.3333333333%;
  }
  .rs-col-xl-pull-2{
    inset-inline-end:8.3333333333%;
  }
  .rs-col-xl-push-2{
    inset-inline-start:8.3333333333%;
  }
  .rs-col-xl-offset-2{
    margin-inline-start:8.3333333333%;
  }
  .rs-col-xl-order-2{
    order:2;
  }
  .rs-col-xl-3{
    width:12.5%;
  }
  .rs-col-xl-pull-3{
    inset-inline-end:12.5%;
  }
  .rs-col-xl-push-3{
    inset-inline-start:12.5%;
  }
  .rs-col-xl-offset-3{
    margin-inline-start:12.5%;
  }
  .rs-col-xl-order-3{
    order:3;
  }
  .rs-col-xl-4{
    width:16.6666666667%;
  }
  .rs-col-xl-pull-4{
    inset-inline-end:16.6666666667%;
  }
  .rs-col-xl-push-4{
    inset-inline-start:16.6666666667%;
  }
  .rs-col-xl-offset-4{
    margin-inline-start:16.6666666667%;
  }
  .rs-col-xl-order-4{
    order:4;
  }
  .rs-col-xl-5{
    width:20.8333333333%;
  }
  .rs-col-xl-pull-5{
    inset-inline-end:20.8333333333%;
  }
  .rs-col-xl-push-5{
    inset-inline-start:20.8333333333%;
  }
  .rs-col-xl-offset-5{
    margin-inline-start:20.8333333333%;
  }
  .rs-col-xl-order-5{
    order:5;
  }
  .rs-col-xl-6{
    width:25%;
  }
  .rs-col-xl-pull-6{
    inset-inline-end:25%;
  }
  .rs-col-xl-push-6{
    inset-inline-start:25%;
  }
  .rs-col-xl-offset-6{
    margin-inline-start:25%;
  }
  .rs-col-xl-order-6{
    order:6;
  }
  .rs-col-xl-7{
    width:29.1666666667%;
  }
  .rs-col-xl-pull-7{
    inset-inline-end:29.1666666667%;
  }
  .rs-col-xl-push-7{
    inset-inline-start:29.1666666667%;
  }
  .rs-col-xl-offset-7{
    margin-inline-start:29.1666666667%;
  }
  .rs-col-xl-order-7{
    order:7;
  }
  .rs-col-xl-8{
    width:33.3333333333%;
  }
  .rs-col-xl-pull-8{
    inset-inline-end:33.3333333333%;
  }
  .rs-col-xl-push-8{
    inset-inline-start:33.3333333333%;
  }
  .rs-col-xl-offset-8{
    margin-inline-start:33.3333333333%;
  }
  .rs-col-xl-order-8{
    order:8;
  }
  .rs-col-xl-9{
    width:37.5%;
  }
  .rs-col-xl-pull-9{
    inset-inline-end:37.5%;
  }
  .rs-col-xl-push-9{
    inset-inline-start:37.5%;
  }
  .rs-col-xl-offset-9{
    margin-inline-start:37.5%;
  }
  .rs-col-xl-order-9{
    order:9;
  }
  .rs-col-xl-10{
    width:41.6666666667%;
  }
  .rs-col-xl-pull-10{
    inset-inline-end:41.6666666667%;
  }
  .rs-col-xl-push-10{
    inset-inline-start:41.6666666667%;
  }
  .rs-col-xl-offset-10{
    margin-inline-start:41.6666666667%;
  }
  .rs-col-xl-order-10{
    order:10;
  }
  .rs-col-xl-11{
    width:45.8333333333%;
  }
  .rs-col-xl-pull-11{
    inset-inline-end:45.8333333333%;
  }
  .rs-col-xl-push-11{
    inset-inline-start:45.8333333333%;
  }
  .rs-col-xl-offset-11{
    margin-inline-start:45.8333333333%;
  }
  .rs-col-xl-order-11{
    order:11;
  }
  .rs-col-xl-12{
    width:50%;
  }
  .rs-col-xl-pull-12{
    inset-inline-end:50%;
  }
  .rs-col-xl-push-12{
    inset-inline-start:50%;
  }
  .rs-col-xl-offset-12{
    margin-inline-start:50%;
  }
  .rs-col-xl-order-12{
    order:12;
  }
  .rs-col-xl-13{
    width:54.1666666667%;
  }
  .rs-col-xl-pull-13{
    inset-inline-end:54.1666666667%;
  }
  .rs-col-xl-push-13{
    inset-inline-start:54.1666666667%;
  }
  .rs-col-xl-offset-13{
    margin-inline-start:54.1666666667%;
  }
  .rs-col-xl-order-13{
    order:13;
  }
  .rs-col-xl-14{
    width:58.3333333333%;
  }
  .rs-col-xl-pull-14{
    inset-inline-end:58.3333333333%;
  }
  .rs-col-xl-push-14{
    inset-inline-start:58.3333333333%;
  }
  .rs-col-xl-offset-14{
    margin-inline-start:58.3333333333%;
  }
  .rs-col-xl-order-14{
    order:14;
  }
  .rs-col-xl-15{
    width:62.5%;
  }
  .rs-col-xl-pull-15{
    inset-inline-end:62.5%;
  }
  .rs-col-xl-push-15{
    inset-inline-start:62.5%;
  }
  .rs-col-xl-offset-15{
    margin-inline-start:62.5%;
  }
  .rs-col-xl-order-15{
    order:15;
  }
  .rs-col-xl-16{
    width:66.6666666667%;
  }
  .rs-col-xl-pull-16{
    inset-inline-end:66.6666666667%;
  }
  .rs-col-xl-push-16{
    inset-inline-start:66.6666666667%;
  }
  .rs-col-xl-offset-16{
    margin-inline-start:66.6666666667%;
  }
  .rs-col-xl-order-16{
    order:16;
  }
  .rs-col-xl-17{
    width:70.8333333333%;
  }
  .rs-col-xl-pull-17{
    inset-inline-end:70.8333333333%;
  }
  .rs-col-xl-push-17{
    inset-inline-start:70.8333333333%;
  }
  .rs-col-xl-offset-17{
    margin-inline-start:70.8333333333%;
  }
  .rs-col-xl-order-17{
    order:17;
  }
  .rs-col-xl-18{
    width:75%;
  }
  .rs-col-xl-pull-18{
    inset-inline-end:75%;
  }
  .rs-col-xl-push-18{
    inset-inline-start:75%;
  }
  .rs-col-xl-offset-18{
    margin-inline-start:75%;
  }
  .rs-col-xl-order-18{
    order:18;
  }
  .rs-col-xl-19{
    width:79.1666666667%;
  }
  .rs-col-xl-pull-19{
    inset-inline-end:79.1666666667%;
  }
  .rs-col-xl-push-19{
    inset-inline-start:79.1666666667%;
  }
  .rs-col-xl-offset-19{
    margin-inline-start:79.1666666667%;
  }
  .rs-col-xl-order-19{
    order:19;
  }
  .rs-col-xl-20{
    width:83.3333333333%;
  }
  .rs-col-xl-pull-20{
    inset-inline-end:83.3333333333%;
  }
  .rs-col-xl-push-20{
    inset-inline-start:83.3333333333%;
  }
  .rs-col-xl-offset-20{
    margin-inline-start:83.3333333333%;
  }
  .rs-col-xl-order-20{
    order:20;
  }
  .rs-col-xl-21{
    width:87.5%;
  }
  .rs-col-xl-pull-21{
    inset-inline-end:87.5%;
  }
  .rs-col-xl-push-21{
    inset-inline-start:87.5%;
  }
  .rs-col-xl-offset-21{
    margin-inline-start:87.5%;
  }
  .rs-col-xl-order-21{
    order:21;
  }
  .rs-col-xl-22{
    width:91.6666666667%;
  }
  .rs-col-xl-pull-22{
    inset-inline-end:91.6666666667%;
  }
  .rs-col-xl-push-22{
    inset-inline-start:91.6666666667%;
  }
  .rs-col-xl-offset-22{
    margin-inline-start:91.6666666667%;
  }
  .rs-col-xl-order-22{
    order:22;
  }
  .rs-col-xl-23{
    width:95.8333333333%;
  }
  .rs-col-xl-pull-23{
    inset-inline-end:95.8333333333%;
  }
  .rs-col-xl-push-23{
    inset-inline-start:95.8333333333%;
  }
  .rs-col-xl-offset-23{
    margin-inline-start:95.8333333333%;
  }
  .rs-col-xl-order-23{
    order:23;
  }
  .rs-col-xl-24{
    width:100%;
  }
  .rs-col-xl-pull-24{
    inset-inline-end:100%;
  }
  .rs-col-xl-push-24{
    inset-inline-start:100%;
  }
  .rs-col-xl-offset-24{
    margin-inline-start:100%;
  }
  .rs-col-xl-order-24{
    order:24;
  }
  .rs-col-xl-pull-0{
    inset-inline-end:auto;
  }
  .rs-col-xl-push-0{
    inset-inline-start:auto;
  }
  .rs-col-auto-xl{
    --rs-col-auto-flex-grow:1;
    --rs-col-auto-flex-basis:0;
    --rs-col-auto-max-width:100%;
  }
  .rs-col{
    --rs-col-gutter:calc(var(--rs-grid-gutter-xl, var(--rs-grid-gutter)) / 2);
  }
  .rs-row{
    --rs-row-gutter:calc(var(--rs-grid-gutter-xl, var(--rs-grid-gutter)) / -2);
    --rs-row-gap:var(--rs-grid-row-gutter-xl, var(--rs-grid-row-gutter));
  }
  .rs-row-xl-top{
    align-items:flex-start;
  }
  .rs-row-xl-middle{
    align-items:center;
  }
  .rs-row-xl-bottom{
    align-items:flex-end;
  }
  .rs-row-xl-start{
    justify-content:flex-start;
  }
  .rs-row-xl-end{
    justify-content:flex-end;
  }
  .rs-row-xl-center{
    justify-content:center;
  }
  .rs-row-xl-space-between{
    justify-content:space-between;
  }
  .rs-row-xl-space-around{
    justify-content:space-around;
  }
}
@media (min-width: 1400px){
  .rs-col-xxl-1{
    width:4.1666666667%;
  }
  .rs-col-xxl-pull-1{
    inset-inline-end:4.1666666667%;
  }
  .rs-col-xxl-push-1{
    inset-inline-start:4.1666666667%;
  }
  .rs-col-xxl-offset-1{
    margin-inline-start:4.1666666667%;
  }
  .rs-col-xxl-order-1{
    order:1;
  }
  .rs-col-xxl-2{
    width:8.3333333333%;
  }
  .rs-col-xxl-pull-2{
    inset-inline-end:8.3333333333%;
  }
  .rs-col-xxl-push-2{
    inset-inline-start:8.3333333333%;
  }
  .rs-col-xxl-offset-2{
    margin-inline-start:8.3333333333%;
  }
  .rs-col-xxl-order-2{
    order:2;
  }
  .rs-col-xxl-3{
    width:12.5%;
  }
  .rs-col-xxl-pull-3{
    inset-inline-end:12.5%;
  }
  .rs-col-xxl-push-3{
    inset-inline-start:12.5%;
  }
  .rs-col-xxl-offset-3{
    margin-inline-start:12.5%;
  }
  .rs-col-xxl-order-3{
    order:3;
  }
  .rs-col-xxl-4{
    width:16.6666666667%;
  }
  .rs-col-xxl-pull-4{
    inset-inline-end:16.6666666667%;
  }
  .rs-col-xxl-push-4{
    inset-inline-start:16.6666666667%;
  }
  .rs-col-xxl-offset-4{
    margin-inline-start:16.6666666667%;
  }
  .rs-col-xxl-order-4{
    order:4;
  }
  .rs-col-xxl-5{
    width:20.8333333333%;
  }
  .rs-col-xxl-pull-5{
    inset-inline-end:20.8333333333%;
  }
  .rs-col-xxl-push-5{
    inset-inline-start:20.8333333333%;
  }
  .rs-col-xxl-offset-5{
    margin-inline-start:20.8333333333%;
  }
  .rs-col-xxl-order-5{
    order:5;
  }
  .rs-col-xxl-6{
    width:25%;
  }
  .rs-col-xxl-pull-6{
    inset-inline-end:25%;
  }
  .rs-col-xxl-push-6{
    inset-inline-start:25%;
  }
  .rs-col-xxl-offset-6{
    margin-inline-start:25%;
  }
  .rs-col-xxl-order-6{
    order:6;
  }
  .rs-col-xxl-7{
    width:29.1666666667%;
  }
  .rs-col-xxl-pull-7{
    inset-inline-end:29.1666666667%;
  }
  .rs-col-xxl-push-7{
    inset-inline-start:29.1666666667%;
  }
  .rs-col-xxl-offset-7{
    margin-inline-start:29.1666666667%;
  }
  .rs-col-xxl-order-7{
    order:7;
  }
  .rs-col-xxl-8{
    width:33.3333333333%;
  }
  .rs-col-xxl-pull-8{
    inset-inline-end:33.3333333333%;
  }
  .rs-col-xxl-push-8{
    inset-inline-start:33.3333333333%;
  }
  .rs-col-xxl-offset-8{
    margin-inline-start:33.3333333333%;
  }
  .rs-col-xxl-order-8{
    order:8;
  }
  .rs-col-xxl-9{
    width:37.5%;
  }
  .rs-col-xxl-pull-9{
    inset-inline-end:37.5%;
  }
  .rs-col-xxl-push-9{
    inset-inline-start:37.5%;
  }
  .rs-col-xxl-offset-9{
    margin-inline-start:37.5%;
  }
  .rs-col-xxl-order-9{
    order:9;
  }
  .rs-col-xxl-10{
    width:41.6666666667%;
  }
  .rs-col-xxl-pull-10{
    inset-inline-end:41.6666666667%;
  }
  .rs-col-xxl-push-10{
    inset-inline-start:41.6666666667%;
  }
  .rs-col-xxl-offset-10{
    margin-inline-start:41.6666666667%;
  }
  .rs-col-xxl-order-10{
    order:10;
  }
  .rs-col-xxl-11{
    width:45.8333333333%;
  }
  .rs-col-xxl-pull-11{
    inset-inline-end:45.8333333333%;
  }
  .rs-col-xxl-push-11{
    inset-inline-start:45.8333333333%;
  }
  .rs-col-xxl-offset-11{
    margin-inline-start:45.8333333333%;
  }
  .rs-col-xxl-order-11{
    order:11;
  }
  .rs-col-xxl-12{
    width:50%;
  }
  .rs-col-xxl-pull-12{
    inset-inline-end:50%;
  }
  .rs-col-xxl-push-12{
    inset-inline-start:50%;
  }
  .rs-col-xxl-offset-12{
    margin-inline-start:50%;
  }
  .rs-col-xxl-order-12{
    order:12;
  }
  .rs-col-xxl-13{
    width:54.1666666667%;
  }
  .rs-col-xxl-pull-13{
    inset-inline-end:54.1666666667%;
  }
  .rs-col-xxl-push-13{
    inset-inline-start:54.1666666667%;
  }
  .rs-col-xxl-offset-13{
    margin-inline-start:54.1666666667%;
  }
  .rs-col-xxl-order-13{
    order:13;
  }
  .rs-col-xxl-14{
    width:58.3333333333%;
  }
  .rs-col-xxl-pull-14{
    inset-inline-end:58.3333333333%;
  }
  .rs-col-xxl-push-14{
    inset-inline-start:58.3333333333%;
  }
  .rs-col-xxl-offset-14{
    margin-inline-start:58.3333333333%;
  }
  .rs-col-xxl-order-14{
    order:14;
  }
  .rs-col-xxl-15{
    width:62.5%;
  }
  .rs-col-xxl-pull-15{
    inset-inline-end:62.5%;
  }
  .rs-col-xxl-push-15{
    inset-inline-start:62.5%;
  }
  .rs-col-xxl-offset-15{
    margin-inline-start:62.5%;
  }
  .rs-col-xxl-order-15{
    order:15;
  }
  .rs-col-xxl-16{
    width:66.6666666667%;
  }
  .rs-col-xxl-pull-16{
    inset-inline-end:66.6666666667%;
  }
  .rs-col-xxl-push-16{
    inset-inline-start:66.6666666667%;
  }
  .rs-col-xxl-offset-16{
    margin-inline-start:66.6666666667%;
  }
  .rs-col-xxl-order-16{
    order:16;
  }
  .rs-col-xxl-17{
    width:70.8333333333%;
  }
  .rs-col-xxl-pull-17{
    inset-inline-end:70.8333333333%;
  }
  .rs-col-xxl-push-17{
    inset-inline-start:70.8333333333%;
  }
  .rs-col-xxl-offset-17{
    margin-inline-start:70.8333333333%;
  }
  .rs-col-xxl-order-17{
    order:17;
  }
  .rs-col-xxl-18{
    width:75%;
  }
  .rs-col-xxl-pull-18{
    inset-inline-end:75%;
  }
  .rs-col-xxl-push-18{
    inset-inline-start:75%;
  }
  .rs-col-xxl-offset-18{
    margin-inline-start:75%;
  }
  .rs-col-xxl-order-18{
    order:18;
  }
  .rs-col-xxl-19{
    width:79.1666666667%;
  }
  .rs-col-xxl-pull-19{
    inset-inline-end:79.1666666667%;
  }
  .rs-col-xxl-push-19{
    inset-inline-start:79.1666666667%;
  }
  .rs-col-xxl-offset-19{
    margin-inline-start:79.1666666667%;
  }
  .rs-col-xxl-order-19{
    order:19;
  }
  .rs-col-xxl-20{
    width:83.3333333333%;
  }
  .rs-col-xxl-pull-20{
    inset-inline-end:83.3333333333%;
  }
  .rs-col-xxl-push-20{
    inset-inline-start:83.3333333333%;
  }
  .rs-col-xxl-offset-20{
    margin-inline-start:83.3333333333%;
  }
  .rs-col-xxl-order-20{
    order:20;
  }
  .rs-col-xxl-21{
    width:87.5%;
  }
  .rs-col-xxl-pull-21{
    inset-inline-end:87.5%;
  }
  .rs-col-xxl-push-21{
    inset-inline-start:87.5%;
  }
  .rs-col-xxl-offset-21{
    margin-inline-start:87.5%;
  }
  .rs-col-xxl-order-21{
    order:21;
  }
  .rs-col-xxl-22{
    width:91.6666666667%;
  }
  .rs-col-xxl-pull-22{
    inset-inline-end:91.6666666667%;
  }
  .rs-col-xxl-push-22{
    inset-inline-start:91.6666666667%;
  }
  .rs-col-xxl-offset-22{
    margin-inline-start:91.6666666667%;
  }
  .rs-col-xxl-order-22{
    order:22;
  }
  .rs-col-xxl-23{
    width:95.8333333333%;
  }
  .rs-col-xxl-pull-23{
    inset-inline-end:95.8333333333%;
  }
  .rs-col-xxl-push-23{
    inset-inline-start:95.8333333333%;
  }
  .rs-col-xxl-offset-23{
    margin-inline-start:95.8333333333%;
  }
  .rs-col-xxl-order-23{
    order:23;
  }
  .rs-col-xxl-24{
    width:100%;
  }
  .rs-col-xxl-pull-24{
    inset-inline-end:100%;
  }
  .rs-col-xxl-push-24{
    inset-inline-start:100%;
  }
  .rs-col-xxl-offset-24{
    margin-inline-start:100%;
  }
  .rs-col-xxl-order-24{
    order:24;
  }
  .rs-col-xxl-pull-0{
    inset-inline-end:auto;
  }
  .rs-col-xxl-push-0{
    inset-inline-start:auto;
  }
  .rs-col-auto-xxl{
    --rs-col-auto-flex-grow:1;
    --rs-col-auto-flex-basis:0;
    --rs-col-auto-max-width:100%;
  }
  .rs-col{
    --rs-col-gutter:calc(var(--rs-grid-gutter-xxl, var(--rs-grid-gutter)) / 2);
  }
  .rs-row{
    --rs-row-gutter:calc(var(--rs-grid-gutter-xxl, var(--rs-grid-gutter)) / -2);
    --rs-row-gap:var(--rs-grid-row-gutter-xxl, var(--rs-grid-row-gutter));
  }
  .rs-row-xxl-top{
    align-items:flex-start;
  }
  .rs-row-xxl-middle{
    align-items:center;
  }
  .rs-row-xxl-bottom{
    align-items:flex-end;
  }
  .rs-row-xxl-start{
    justify-content:flex-start;
  }
  .rs-row-xxl-end{
    justify-content:flex-end;
  }
  .rs-row-xxl-center{
    justify-content:center;
  }
  .rs-row-xxl-space-between{
    justify-content:space-between;
  }
  .rs-row-xxl-space-around{
    justify-content:space-around;
  }
}
@media (max-width: 575px){
  .rs-hidden-xs{
    display:none;
  }
}
@media (min-width: 576px) and (max-width: 767px){
  .rs-hidden-sm{
    display:none;
  }
}
@media (min-width: 768px) and (max-width: 991px){
  .rs-hidden-md{
    display:none;
  }
}
@media (min-width: 992px) and (max-width: 1199px){
  .rs-hidden-lg{
    display:none;
  }
}
@media (min-width: 1200px) and (max-width: 1399px){
  .rs-hidden-xl{
    display:none;
  }
}
@media (min-width: 1400px){
  .rs-hidden-xxl{
    display:none;
  }
}