/** Shopify CDN: Minification failed

Line 6126:0 "@charset" must be the first rule in the file
Line 18204:0 "@charset" must be the first rule in the file
Line 22173:47 The "-" operator only works if there is whitespace on both sides
Line 22202:51 The "-" operator only works if there is whitespace on both sides

**/
/* 自動生成: tools/build-legacy-css.js による旧テーマCSSの .kl-legacy スコープ版。直接編集しない */

/* ===== bootstrap-grid.css ===== */

:where(.kl-legacy) .container, :where(.kl-legacy) .container-fluid, :where(.kl-legacy) .container-xxl, :where(.kl-legacy) .container-xl, :where(.kl-legacy) .container-lg, :where(.kl-legacy) .container-md, :where(.kl-legacy) .container-sm{
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}


@media (min-width: 576px) {

  :where(.kl-legacy) .container-sm, :where(.kl-legacy) .container{
    max-width: 540px;
  }


}

@media (min-width: 768px) {

  :where(.kl-legacy) .container-md, :where(.kl-legacy) .container-sm, :where(.kl-legacy) .container{
    max-width: 720px;
  }


}

@media (min-width: 992px) {

  :where(.kl-legacy) .container-lg, :where(.kl-legacy) .container-md, :where(.kl-legacy) .container-sm, :where(.kl-legacy) .container{
    max-width: 960px;
  }


}

@media (min-width: 1200px) {

  :where(.kl-legacy) .container-xl, :where(.kl-legacy) .container-lg, :where(.kl-legacy) .container-md, :where(.kl-legacy) .container-sm, :where(.kl-legacy) .container{
    max-width: 1140px;
  }


}

@media (min-width: 1400px) {

  :where(.kl-legacy) .container-xxl, :where(.kl-legacy) .container-xl, :where(.kl-legacy) .container-lg, :where(.kl-legacy) .container-md, :where(.kl-legacy) .container-sm, :where(.kl-legacy) .container{
    max-width: 1320px;
  }


}

:where(.kl-legacy) .row{
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}

:where(.kl-legacy) .row > *{
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}


:where(.kl-legacy) .col{
  flex: 1 0 0%;
}


:where(.kl-legacy) .row-cols-auto > *{
  flex: 0 0 auto;
  width: auto;
}


:where(.kl-legacy) .row-cols-1 > *{
  flex: 0 0 auto;
  width: 100%;
}


:where(.kl-legacy) .row-cols-2 > *{
  flex: 0 0 auto;
  width: 50%;
}


:where(.kl-legacy) .row-cols-3 > *{
  flex: 0 0 auto;
  width: 33.3333333333%;
}


:where(.kl-legacy) .row-cols-4 > *{
  flex: 0 0 auto;
  width: 25%;
}


:where(.kl-legacy) .row-cols-5 > *{
  flex: 0 0 auto;
  width: 20%;
}


:where(.kl-legacy) .row-cols-6 > *{
  flex: 0 0 auto;
  width: 16.6666666667%;
}


:where(.kl-legacy) .col-auto{
  flex: 0 0 auto;
  width: auto;
}


:where(.kl-legacy) .col-1{
  flex: 0 0 auto;
  width: 8.3333333333%;
}


:where(.kl-legacy) .col-2{
  flex: 0 0 auto;
  width: 16.6666666667%;
}


:where(.kl-legacy) .col-3{
  flex: 0 0 auto;
  width: 25%;
}


:where(.kl-legacy) .col-4{
  flex: 0 0 auto;
  width: 33.3333333333%;
}


:where(.kl-legacy) .col-5{
  flex: 0 0 auto;
  width: 41.6666666667%;
}


:where(.kl-legacy) .col-6{
  flex: 0 0 auto;
  width: 50%;
}


:where(.kl-legacy) .col-7{
  flex: 0 0 auto;
  width: 58.3333333333%;
}


:where(.kl-legacy) .col-8{
  flex: 0 0 auto;
  width: 66.6666666667%;
}


:where(.kl-legacy) .col-9{
  flex: 0 0 auto;
  width: 75%;
}


:where(.kl-legacy) .col-10{
  flex: 0 0 auto;
  width: 83.3333333333%;
}


:where(.kl-legacy) .col-11{
  flex: 0 0 auto;
  width: 91.6666666667%;
}


:where(.kl-legacy) .col-12{
  flex: 0 0 auto;
  width: 100%;
}


:where(.kl-legacy) .offset-1{
  margin-left: 8.3333333333%;
}


:where(.kl-legacy) .offset-2{
  margin-left: 16.6666666667%;
}


:where(.kl-legacy) .offset-3{
  margin-left: 25%;
}


:where(.kl-legacy) .offset-4{
  margin-left: 33.3333333333%;
}


:where(.kl-legacy) .offset-5{
  margin-left: 41.6666666667%;
}


:where(.kl-legacy) .offset-6{
  margin-left: 50%;
}


:where(.kl-legacy) .offset-7{
  margin-left: 58.3333333333%;
}


:where(.kl-legacy) .offset-8{
  margin-left: 66.6666666667%;
}


:where(.kl-legacy) .offset-9{
  margin-left: 75%;
}


:where(.kl-legacy) .offset-10{
  margin-left: 83.3333333333%;
}


:where(.kl-legacy) .offset-11{
  margin-left: 91.6666666667%;
}


:where(.kl-legacy) .g-0, :where(.kl-legacy) .gx-0{
  --bs-gutter-x: 0;
}


:where(.kl-legacy) .g-0, :where(.kl-legacy) .gy-0{
  --bs-gutter-y: 0;
}


:where(.kl-legacy) .g-1, :where(.kl-legacy) .gx-1{
  --bs-gutter-x: 0.25rem;
}


:where(.kl-legacy) .g-1, :where(.kl-legacy) .gy-1{
  --bs-gutter-y: 0.25rem;
}


:where(.kl-legacy) .g-2, :where(.kl-legacy) .gx-2{
  --bs-gutter-x: 0.5rem;
}


:where(.kl-legacy) .g-2, :where(.kl-legacy) .gy-2{
  --bs-gutter-y: 0.5rem;
}


:where(.kl-legacy) .g-3, :where(.kl-legacy) .gx-3{
  --bs-gutter-x: 1rem;
}


:where(.kl-legacy) .g-3, :where(.kl-legacy) .gy-3{
  --bs-gutter-y: 1rem;
}


:where(.kl-legacy) .g-4, :where(.kl-legacy) .gx-4{
  --bs-gutter-x: 1.5rem;
}


:where(.kl-legacy) .g-4, :where(.kl-legacy) .gy-4{
  --bs-gutter-y: 1.5rem;
}


:where(.kl-legacy) .g-5, :where(.kl-legacy) .gx-5{
  --bs-gutter-x: 3rem;
}


:where(.kl-legacy) .g-5, :where(.kl-legacy) .gy-5{
  --bs-gutter-y: 3rem;
}


@media (min-width: 576px) {

  :where(.kl-legacy) .col-sm{
    flex: 1 0 0%;
  }


  :where(.kl-legacy) .row-cols-sm-auto > *{
    flex: 0 0 auto;
    width: auto;
  }


  :where(.kl-legacy) .row-cols-sm-1 > *{
    flex: 0 0 auto;
    width: 100%;
  }


  :where(.kl-legacy) .row-cols-sm-2 > *{
    flex: 0 0 auto;
    width: 50%;
  }


  :where(.kl-legacy) .row-cols-sm-3 > *{
    flex: 0 0 auto;
    width: 33.3333333333%;
  }


  :where(.kl-legacy) .row-cols-sm-4 > *{
    flex: 0 0 auto;
    width: 25%;
  }


  :where(.kl-legacy) .row-cols-sm-5 > *{
    flex: 0 0 auto;
    width: 20%;
  }


  :where(.kl-legacy) .row-cols-sm-6 > *{
    flex: 0 0 auto;
    width: 16.6666666667%;
  }


  :where(.kl-legacy) .col-sm-auto{
    flex: 0 0 auto;
    width: auto;
  }


  :where(.kl-legacy) .col-sm-1{
    flex: 0 0 auto;
    width: 8.3333333333%;
  }


  :where(.kl-legacy) .col-sm-2{
    flex: 0 0 auto;
    width: 16.6666666667%;
  }


  :where(.kl-legacy) .col-sm-3{
    flex: 0 0 auto;
    width: 25%;
  }


  :where(.kl-legacy) .col-sm-4{
    flex: 0 0 auto;
    width: 33.3333333333%;
  }


  :where(.kl-legacy) .col-sm-5{
    flex: 0 0 auto;
    width: 41.6666666667%;
  }


  :where(.kl-legacy) .col-sm-6{
    flex: 0 0 auto;
    width: 50%;
  }


  :where(.kl-legacy) .col-sm-7{
    flex: 0 0 auto;
    width: 58.3333333333%;
  }


  :where(.kl-legacy) .col-sm-8{
    flex: 0 0 auto;
    width: 66.6666666667%;
  }


  :where(.kl-legacy) .col-sm-9{
    flex: 0 0 auto;
    width: 75%;
  }


  :where(.kl-legacy) .col-sm-10{
    flex: 0 0 auto;
    width: 83.3333333333%;
  }


  :where(.kl-legacy) .col-sm-11{
    flex: 0 0 auto;
    width: 91.6666666667%;
  }


  :where(.kl-legacy) .col-sm-12{
    flex: 0 0 auto;
    width: 100%;
  }


  :where(.kl-legacy) .offset-sm-0{
    margin-left: 0;
  }


  :where(.kl-legacy) .offset-sm-1{
    margin-left: 8.3333333333%;
  }


  :where(.kl-legacy) .offset-sm-2{
    margin-left: 16.6666666667%;
  }


  :where(.kl-legacy) .offset-sm-3{
    margin-left: 25%;
  }


  :where(.kl-legacy) .offset-sm-4{
    margin-left: 33.3333333333%;
  }


  :where(.kl-legacy) .offset-sm-5{
    margin-left: 41.6666666667%;
  }


  :where(.kl-legacy) .offset-sm-6{
    margin-left: 50%;
  }


  :where(.kl-legacy) .offset-sm-7{
    margin-left: 58.3333333333%;
  }


  :where(.kl-legacy) .offset-sm-8{
    margin-left: 66.6666666667%;
  }


  :where(.kl-legacy) .offset-sm-9{
    margin-left: 75%;
  }


  :where(.kl-legacy) .offset-sm-10{
    margin-left: 83.3333333333%;
  }


  :where(.kl-legacy) .offset-sm-11{
    margin-left: 91.6666666667%;
  }


  :where(.kl-legacy) .g-sm-0, :where(.kl-legacy) .gx-sm-0{
    --bs-gutter-x: 0;
  }


  :where(.kl-legacy) .g-sm-0, :where(.kl-legacy) .gy-sm-0{
    --bs-gutter-y: 0;
  }


  :where(.kl-legacy) .g-sm-1, :where(.kl-legacy) .gx-sm-1{
    --bs-gutter-x: 0.25rem;
  }


  :where(.kl-legacy) .g-sm-1, :where(.kl-legacy) .gy-sm-1{
    --bs-gutter-y: 0.25rem;
  }


  :where(.kl-legacy) .g-sm-2, :where(.kl-legacy) .gx-sm-2{
    --bs-gutter-x: 0.5rem;
  }


  :where(.kl-legacy) .g-sm-2, :where(.kl-legacy) .gy-sm-2{
    --bs-gutter-y: 0.5rem;
  }


  :where(.kl-legacy) .g-sm-3, :where(.kl-legacy) .gx-sm-3{
    --bs-gutter-x: 1rem;
  }


  :where(.kl-legacy) .g-sm-3, :where(.kl-legacy) .gy-sm-3{
    --bs-gutter-y: 1rem;
  }


  :where(.kl-legacy) .g-sm-4, :where(.kl-legacy) .gx-sm-4{
    --bs-gutter-x: 1.5rem;
  }


  :where(.kl-legacy) .g-sm-4, :where(.kl-legacy) .gy-sm-4{
    --bs-gutter-y: 1.5rem;
  }


  :where(.kl-legacy) .g-sm-5, :where(.kl-legacy) .gx-sm-5{
    --bs-gutter-x: 3rem;
  }


  :where(.kl-legacy) .g-sm-5, :where(.kl-legacy) .gy-sm-5{
    --bs-gutter-y: 3rem;
  }


}

@media (min-width: 768px) {

  :where(.kl-legacy) .col-md{
    flex: 1 0 0%;
  }


  :where(.kl-legacy) .row-cols-md-auto > *{
    flex: 0 0 auto;
    width: auto;
  }


  :where(.kl-legacy) .row-cols-md-1 > *{
    flex: 0 0 auto;
    width: 100%;
  }


  :where(.kl-legacy) .row-cols-md-2 > *{
    flex: 0 0 auto;
    width: 50%;
  }


  :where(.kl-legacy) .row-cols-md-3 > *{
    flex: 0 0 auto;
    width: 33.3333333333%;
  }


  :where(.kl-legacy) .row-cols-md-4 > *{
    flex: 0 0 auto;
    width: 25%;
  }


  :where(.kl-legacy) .row-cols-md-5 > *{
    flex: 0 0 auto;
    width: 20%;
  }


  :where(.kl-legacy) .row-cols-md-6 > *{
    flex: 0 0 auto;
    width: 16.6666666667%;
  }


  :where(.kl-legacy) .col-md-auto{
    flex: 0 0 auto;
    width: auto;
  }


  :where(.kl-legacy) .col-md-1{
    flex: 0 0 auto;
    width: 8.3333333333%;
  }


  :where(.kl-legacy) .col-md-2{
    flex: 0 0 auto;
    width: 16.6666666667%;
  }


  :where(.kl-legacy) .col-md-3{
    flex: 0 0 auto;
    width: 25%;
  }


  :where(.kl-legacy) .col-md-4{
    flex: 0 0 auto;
    width: 33.3333333333%;
  }


  :where(.kl-legacy) .col-md-5{
    flex: 0 0 auto;
    width: 41.6666666667%;
  }


  :where(.kl-legacy) .col-md-6{
    flex: 0 0 auto;
    width: 50%;
  }


  :where(.kl-legacy) .col-md-7{
    flex: 0 0 auto;
    width: 58.3333333333%;
  }


  :where(.kl-legacy) .col-md-8{
    flex: 0 0 auto;
    width: 66.6666666667%;
  }


  :where(.kl-legacy) .col-md-9{
    flex: 0 0 auto;
    width: 75%;
  }


  :where(.kl-legacy) .col-md-10{
    flex: 0 0 auto;
    width: 83.3333333333%;
  }


  :where(.kl-legacy) .col-md-11{
    flex: 0 0 auto;
    width: 91.6666666667%;
  }


  :where(.kl-legacy) .col-md-12{
    flex: 0 0 auto;
    width: 100%;
  }


  :where(.kl-legacy) .offset-md-0{
    margin-left: 0;
  }


  :where(.kl-legacy) .offset-md-1{
    margin-left: 8.3333333333%;
  }


  :where(.kl-legacy) .offset-md-2{
    margin-left: 16.6666666667%;
  }


  :where(.kl-legacy) .offset-md-3{
    margin-left: 25%;
  }


  :where(.kl-legacy) .offset-md-4{
    margin-left: 33.3333333333%;
  }


  :where(.kl-legacy) .offset-md-5{
    margin-left: 41.6666666667%;
  }


  :where(.kl-legacy) .offset-md-6{
    margin-left: 50%;
  }


  :where(.kl-legacy) .offset-md-7{
    margin-left: 58.3333333333%;
  }


  :where(.kl-legacy) .offset-md-8{
    margin-left: 66.6666666667%;
  }


  :where(.kl-legacy) .offset-md-9{
    margin-left: 75%;
  }


  :where(.kl-legacy) .offset-md-10{
    margin-left: 83.3333333333%;
  }


  :where(.kl-legacy) .offset-md-11{
    margin-left: 91.6666666667%;
  }


  :where(.kl-legacy) .g-md-0, :where(.kl-legacy) .gx-md-0{
    --bs-gutter-x: 0;
  }


  :where(.kl-legacy) .g-md-0, :where(.kl-legacy) .gy-md-0{
    --bs-gutter-y: 0;
  }


  :where(.kl-legacy) .g-md-1, :where(.kl-legacy) .gx-md-1{
    --bs-gutter-x: 0.25rem;
  }


  :where(.kl-legacy) .g-md-1, :where(.kl-legacy) .gy-md-1{
    --bs-gutter-y: 0.25rem;
  }


  :where(.kl-legacy) .g-md-2, :where(.kl-legacy) .gx-md-2{
    --bs-gutter-x: 0.5rem;
  }


  :where(.kl-legacy) .g-md-2, :where(.kl-legacy) .gy-md-2{
    --bs-gutter-y: 0.5rem;
  }


  :where(.kl-legacy) .g-md-3, :where(.kl-legacy) .gx-md-3{
    --bs-gutter-x: 1rem;
  }


  :where(.kl-legacy) .g-md-3, :where(.kl-legacy) .gy-md-3{
    --bs-gutter-y: 1rem;
  }


  :where(.kl-legacy) .g-md-4, :where(.kl-legacy) .gx-md-4{
    --bs-gutter-x: 1.5rem;
  }


  :where(.kl-legacy) .g-md-4, :where(.kl-legacy) .gy-md-4{
    --bs-gutter-y: 1.5rem;
  }


  :where(.kl-legacy) .g-md-5, :where(.kl-legacy) .gx-md-5{
    --bs-gutter-x: 3rem;
  }


  :where(.kl-legacy) .g-md-5, :where(.kl-legacy) .gy-md-5{
    --bs-gutter-y: 3rem;
  }


}

@media (min-width: 992px) {

  :where(.kl-legacy) .col-lg{
    flex: 1 0 0%;
  }


  :where(.kl-legacy) .row-cols-lg-auto > *{
    flex: 0 0 auto;
    width: auto;
  }


  :where(.kl-legacy) .row-cols-lg-1 > *{
    flex: 0 0 auto;
    width: 100%;
  }


  :where(.kl-legacy) .row-cols-lg-2 > *{
    flex: 0 0 auto;
    width: 50%;
  }


  :where(.kl-legacy) .row-cols-lg-3 > *{
    flex: 0 0 auto;
    width: 33.3333333333%;
  }


  :where(.kl-legacy) .row-cols-lg-4 > *{
    flex: 0 0 auto;
    width: 25%;
  }


  :where(.kl-legacy) .row-cols-lg-5 > *{
    flex: 0 0 auto;
    width: 20%;
  }


  :where(.kl-legacy) .row-cols-lg-6 > *{
    flex: 0 0 auto;
    width: 16.6666666667%;
  }


  :where(.kl-legacy) .col-lg-auto{
    flex: 0 0 auto;
    width: auto;
  }


  :where(.kl-legacy) .col-lg-1{
    flex: 0 0 auto;
    width: 8.3333333333%;
  }


  :where(.kl-legacy) .col-lg-2{
    flex: 0 0 auto;
    width: 16.6666666667%;
  }


  :where(.kl-legacy) .col-lg-3{
    flex: 0 0 auto;
    width: 25%;
  }


  :where(.kl-legacy) .col-lg-4{
    flex: 0 0 auto;
    width: 33.3333333333%;
  }


  :where(.kl-legacy) .col-lg-5{
    flex: 0 0 auto;
    width: 41.6666666667%;
  }


  :where(.kl-legacy) .col-lg-6{
    flex: 0 0 auto;
    width: 50%;
  }


  :where(.kl-legacy) .col-lg-7{
    flex: 0 0 auto;
    width: 58.3333333333%;
  }


  :where(.kl-legacy) .col-lg-8{
    flex: 0 0 auto;
    width: 66.6666666667%;
  }


  :where(.kl-legacy) .col-lg-9{
    flex: 0 0 auto;
    width: 75%;
  }


  :where(.kl-legacy) .col-lg-10{
    flex: 0 0 auto;
    width: 83.3333333333%;
  }


  :where(.kl-legacy) .col-lg-11{
    flex: 0 0 auto;
    width: 91.6666666667%;
  }


  :where(.kl-legacy) .col-lg-12{
    flex: 0 0 auto;
    width: 100%;
  }


  :where(.kl-legacy) .offset-lg-0{
    margin-left: 0;
  }


  :where(.kl-legacy) .offset-lg-1{
    margin-left: 8.3333333333%;
  }


  :where(.kl-legacy) .offset-lg-2{
    margin-left: 16.6666666667%;
  }


  :where(.kl-legacy) .offset-lg-3{
    margin-left: 25%;
  }


  :where(.kl-legacy) .offset-lg-4{
    margin-left: 33.3333333333%;
  }


  :where(.kl-legacy) .offset-lg-5{
    margin-left: 41.6666666667%;
  }


  :where(.kl-legacy) .offset-lg-6{
    margin-left: 50%;
  }


  :where(.kl-legacy) .offset-lg-7{
    margin-left: 58.3333333333%;
  }


  :where(.kl-legacy) .offset-lg-8{
    margin-left: 66.6666666667%;
  }


  :where(.kl-legacy) .offset-lg-9{
    margin-left: 75%;
  }


  :where(.kl-legacy) .offset-lg-10{
    margin-left: 83.3333333333%;
  }


  :where(.kl-legacy) .offset-lg-11{
    margin-left: 91.6666666667%;
  }


  :where(.kl-legacy) .g-lg-0, :where(.kl-legacy) .gx-lg-0{
    --bs-gutter-x: 0;
  }


  :where(.kl-legacy) .g-lg-0, :where(.kl-legacy) .gy-lg-0{
    --bs-gutter-y: 0;
  }


  :where(.kl-legacy) .g-lg-1, :where(.kl-legacy) .gx-lg-1{
    --bs-gutter-x: 0.25rem;
  }


  :where(.kl-legacy) .g-lg-1, :where(.kl-legacy) .gy-lg-1{
    --bs-gutter-y: 0.25rem;
  }


  :where(.kl-legacy) .g-lg-2, :where(.kl-legacy) .gx-lg-2{
    --bs-gutter-x: 0.5rem;
  }


  :where(.kl-legacy) .g-lg-2, :where(.kl-legacy) .gy-lg-2{
    --bs-gutter-y: 0.5rem;
  }


  :where(.kl-legacy) .g-lg-3, :where(.kl-legacy) .gx-lg-3{
    --bs-gutter-x: 1rem;
  }


  :where(.kl-legacy) .g-lg-3, :where(.kl-legacy) .gy-lg-3{
    --bs-gutter-y: 1rem;
  }


  :where(.kl-legacy) .g-lg-4, :where(.kl-legacy) .gx-lg-4{
    --bs-gutter-x: 1.5rem;
  }


  :where(.kl-legacy) .g-lg-4, :where(.kl-legacy) .gy-lg-4{
    --bs-gutter-y: 1.5rem;
  }


  :where(.kl-legacy) .g-lg-5, :where(.kl-legacy) .gx-lg-5{
    --bs-gutter-x: 3rem;
  }


  :where(.kl-legacy) .g-lg-5, :where(.kl-legacy) .gy-lg-5{
    --bs-gutter-y: 3rem;
  }


}

@media (min-width: 1200px) {

  :where(.kl-legacy) .col-xl{
    flex: 1 0 0%;
  }


  :where(.kl-legacy) .row-cols-xl-auto > *{
    flex: 0 0 auto;
    width: auto;
  }


  :where(.kl-legacy) .row-cols-xl-1 > *{
    flex: 0 0 auto;
    width: 100%;
  }


  :where(.kl-legacy) .row-cols-xl-2 > *{
    flex: 0 0 auto;
    width: 50%;
  }


  :where(.kl-legacy) .row-cols-xl-3 > *{
    flex: 0 0 auto;
    width: 33.3333333333%;
  }


  :where(.kl-legacy) .row-cols-xl-4 > *{
    flex: 0 0 auto;
    width: 25%;
  }


  :where(.kl-legacy) .row-cols-xl-5 > *{
    flex: 0 0 auto;
    width: 20%;
  }


  :where(.kl-legacy) .row-cols-xl-6 > *{
    flex: 0 0 auto;
    width: 16.6666666667%;
  }


  :where(.kl-legacy) .col-xl-auto{
    flex: 0 0 auto;
    width: auto;
  }


  :where(.kl-legacy) .col-xl-1{
    flex: 0 0 auto;
    width: 8.3333333333%;
  }


  :where(.kl-legacy) .col-xl-2{
    flex: 0 0 auto;
    width: 16.6666666667%;
  }


  :where(.kl-legacy) .col-xl-3{
    flex: 0 0 auto;
    width: 25%;
  }


  :where(.kl-legacy) .col-xl-4{
    flex: 0 0 auto;
    width: 33.3333333333%;
  }


  :where(.kl-legacy) .col-xl-5{
    flex: 0 0 auto;
    width: 41.6666666667%;
  }


  :where(.kl-legacy) .col-xl-6{
    flex: 0 0 auto;
    width: 50%;
  }


  :where(.kl-legacy) .col-xl-7{
    flex: 0 0 auto;
    width: 58.3333333333%;
  }


  :where(.kl-legacy) .col-xl-8{
    flex: 0 0 auto;
    width: 66.6666666667%;
  }


  :where(.kl-legacy) .col-xl-9{
    flex: 0 0 auto;
    width: 75%;
  }


  :where(.kl-legacy) .col-xl-10{
    flex: 0 0 auto;
    width: 83.3333333333%;
  }


  :where(.kl-legacy) .col-xl-11{
    flex: 0 0 auto;
    width: 91.6666666667%;
  }


  :where(.kl-legacy) .col-xl-12{
    flex: 0 0 auto;
    width: 100%;
  }


  :where(.kl-legacy) .offset-xl-0{
    margin-left: 0;
  }


  :where(.kl-legacy) .offset-xl-1{
    margin-left: 8.3333333333%;
  }


  :where(.kl-legacy) .offset-xl-2{
    margin-left: 16.6666666667%;
  }


  :where(.kl-legacy) .offset-xl-3{
    margin-left: 25%;
  }


  :where(.kl-legacy) .offset-xl-4{
    margin-left: 33.3333333333%;
  }


  :where(.kl-legacy) .offset-xl-5{
    margin-left: 41.6666666667%;
  }


  :where(.kl-legacy) .offset-xl-6{
    margin-left: 50%;
  }


  :where(.kl-legacy) .offset-xl-7{
    margin-left: 58.3333333333%;
  }


  :where(.kl-legacy) .offset-xl-8{
    margin-left: 66.6666666667%;
  }


  :where(.kl-legacy) .offset-xl-9{
    margin-left: 75%;
  }


  :where(.kl-legacy) .offset-xl-10{
    margin-left: 83.3333333333%;
  }


  :where(.kl-legacy) .offset-xl-11{
    margin-left: 91.6666666667%;
  }


  :where(.kl-legacy) .g-xl-0, :where(.kl-legacy) .gx-xl-0{
    --bs-gutter-x: 0;
  }


  :where(.kl-legacy) .g-xl-0, :where(.kl-legacy) .gy-xl-0{
    --bs-gutter-y: 0;
  }


  :where(.kl-legacy) .g-xl-1, :where(.kl-legacy) .gx-xl-1{
    --bs-gutter-x: 0.25rem;
  }


  :where(.kl-legacy) .g-xl-1, :where(.kl-legacy) .gy-xl-1{
    --bs-gutter-y: 0.25rem;
  }


  :where(.kl-legacy) .g-xl-2, :where(.kl-legacy) .gx-xl-2{
    --bs-gutter-x: 0.5rem;
  }


  :where(.kl-legacy) .g-xl-2, :where(.kl-legacy) .gy-xl-2{
    --bs-gutter-y: 0.5rem;
  }


  :where(.kl-legacy) .g-xl-3, :where(.kl-legacy) .gx-xl-3{
    --bs-gutter-x: 1rem;
  }


  :where(.kl-legacy) .g-xl-3, :where(.kl-legacy) .gy-xl-3{
    --bs-gutter-y: 1rem;
  }


  :where(.kl-legacy) .g-xl-4, :where(.kl-legacy) .gx-xl-4{
    --bs-gutter-x: 1.5rem;
  }


  :where(.kl-legacy) .g-xl-4, :where(.kl-legacy) .gy-xl-4{
    --bs-gutter-y: 1.5rem;
  }


  :where(.kl-legacy) .g-xl-5, :where(.kl-legacy) .gx-xl-5{
    --bs-gutter-x: 3rem;
  }


  :where(.kl-legacy) .g-xl-5, :where(.kl-legacy) .gy-xl-5{
    --bs-gutter-y: 3rem;
  }


}

@media (min-width: 1400px) {

  :where(.kl-legacy) .col-xxl{
    flex: 1 0 0%;
  }


  :where(.kl-legacy) .row-cols-xxl-auto > *{
    flex: 0 0 auto;
    width: auto;
  }


  :where(.kl-legacy) .row-cols-xxl-1 > *{
    flex: 0 0 auto;
    width: 100%;
  }


  :where(.kl-legacy) .row-cols-xxl-2 > *{
    flex: 0 0 auto;
    width: 50%;
  }


  :where(.kl-legacy) .row-cols-xxl-3 > *{
    flex: 0 0 auto;
    width: 33.3333333333%;
  }


  :where(.kl-legacy) .row-cols-xxl-4 > *{
    flex: 0 0 auto;
    width: 25%;
  }


  :where(.kl-legacy) .row-cols-xxl-5 > *{
    flex: 0 0 auto;
    width: 20%;
  }


  :where(.kl-legacy) .row-cols-xxl-6 > *{
    flex: 0 0 auto;
    width: 16.6666666667%;
  }


  :where(.kl-legacy) .col-xxl-auto{
    flex: 0 0 auto;
    width: auto;
  }


  :where(.kl-legacy) .col-xxl-1{
    flex: 0 0 auto;
    width: 8.3333333333%;
  }


  :where(.kl-legacy) .col-xxl-2{
    flex: 0 0 auto;
    width: 16.6666666667%;
  }


  :where(.kl-legacy) .col-xxl-3{
    flex: 0 0 auto;
    width: 25%;
  }


  :where(.kl-legacy) .col-xxl-4{
    flex: 0 0 auto;
    width: 33.3333333333%;
  }


  :where(.kl-legacy) .col-xxl-5{
    flex: 0 0 auto;
    width: 41.6666666667%;
  }


  :where(.kl-legacy) .col-xxl-6{
    flex: 0 0 auto;
    width: 50%;
  }


  :where(.kl-legacy) .col-xxl-7{
    flex: 0 0 auto;
    width: 58.3333333333%;
  }


  :where(.kl-legacy) .col-xxl-8{
    flex: 0 0 auto;
    width: 66.6666666667%;
  }


  :where(.kl-legacy) .col-xxl-9{
    flex: 0 0 auto;
    width: 75%;
  }


  :where(.kl-legacy) .col-xxl-10{
    flex: 0 0 auto;
    width: 83.3333333333%;
  }


  :where(.kl-legacy) .col-xxl-11{
    flex: 0 0 auto;
    width: 91.6666666667%;
  }


  :where(.kl-legacy) .col-xxl-12{
    flex: 0 0 auto;
    width: 100%;
  }


  :where(.kl-legacy) .offset-xxl-0{
    margin-left: 0;
  }


  :where(.kl-legacy) .offset-xxl-1{
    margin-left: 8.3333333333%;
  }


  :where(.kl-legacy) .offset-xxl-2{
    margin-left: 16.6666666667%;
  }


  :where(.kl-legacy) .offset-xxl-3{
    margin-left: 25%;
  }


  :where(.kl-legacy) .offset-xxl-4{
    margin-left: 33.3333333333%;
  }


  :where(.kl-legacy) .offset-xxl-5{
    margin-left: 41.6666666667%;
  }


  :where(.kl-legacy) .offset-xxl-6{
    margin-left: 50%;
  }


  :where(.kl-legacy) .offset-xxl-7{
    margin-left: 58.3333333333%;
  }


  :where(.kl-legacy) .offset-xxl-8{
    margin-left: 66.6666666667%;
  }


  :where(.kl-legacy) .offset-xxl-9{
    margin-left: 75%;
  }


  :where(.kl-legacy) .offset-xxl-10{
    margin-left: 83.3333333333%;
  }


  :where(.kl-legacy) .offset-xxl-11{
    margin-left: 91.6666666667%;
  }


  :where(.kl-legacy) .g-xxl-0, :where(.kl-legacy) .gx-xxl-0{
    --bs-gutter-x: 0;
  }


  :where(.kl-legacy) .g-xxl-0, :where(.kl-legacy) .gy-xxl-0{
    --bs-gutter-y: 0;
  }


  :where(.kl-legacy) .g-xxl-1, :where(.kl-legacy) .gx-xxl-1{
    --bs-gutter-x: 0.25rem;
  }


  :where(.kl-legacy) .g-xxl-1, :where(.kl-legacy) .gy-xxl-1{
    --bs-gutter-y: 0.25rem;
  }


  :where(.kl-legacy) .g-xxl-2, :where(.kl-legacy) .gx-xxl-2{
    --bs-gutter-x: 0.5rem;
  }


  :where(.kl-legacy) .g-xxl-2, :where(.kl-legacy) .gy-xxl-2{
    --bs-gutter-y: 0.5rem;
  }


  :where(.kl-legacy) .g-xxl-3, :where(.kl-legacy) .gx-xxl-3{
    --bs-gutter-x: 1rem;
  }


  :where(.kl-legacy) .g-xxl-3, :where(.kl-legacy) .gy-xxl-3{
    --bs-gutter-y: 1rem;
  }


  :where(.kl-legacy) .g-xxl-4, :where(.kl-legacy) .gx-xxl-4{
    --bs-gutter-x: 1.5rem;
  }


  :where(.kl-legacy) .g-xxl-4, :where(.kl-legacy) .gy-xxl-4{
    --bs-gutter-y: 1.5rem;
  }


  :where(.kl-legacy) .g-xxl-5, :where(.kl-legacy) .gx-xxl-5{
    --bs-gutter-x: 3rem;
  }


  :where(.kl-legacy) .g-xxl-5, :where(.kl-legacy) .gy-xxl-5{
    --bs-gutter-y: 3rem;
  }


}

:where(.kl-legacy) .d-inline{
  display: inline !important;
}


:where(.kl-legacy) .d-inline-block{
  display: inline-block !important;
}


:where(.kl-legacy) .d-block{
  display: block !important;
}


:where(.kl-legacy) .d-grid{
  display: grid !important;
}


:where(.kl-legacy) .d-table{
  display: table !important;
}


:where(.kl-legacy) .d-table-row{
  display: table-row !important;
}


:where(.kl-legacy) .d-table-cell{
  display: table-cell !important;
}


:where(.kl-legacy) .d-flex{
  display: flex !important;
}


:where(.kl-legacy) .d-inline-flex{
  display: inline-flex !important;
}


:where(.kl-legacy) .d-none{
  display: none !important;
}


:where(.kl-legacy) .flex-fill{
  flex: 1 1 auto !important;
}


:where(.kl-legacy) .flex-row{
  flex-direction: row !important;
}


:where(.kl-legacy) .flex-column{
  flex-direction: column !important;
}


:where(.kl-legacy) .flex-row-reverse{
  flex-direction: row-reverse !important;
}


:where(.kl-legacy) .flex-column-reverse{
  flex-direction: column-reverse !important;
}


:where(.kl-legacy) .flex-grow-0{
  flex-grow: 0 !important;
}


:where(.kl-legacy) .flex-grow-1{
  flex-grow: 1 !important;
}


:where(.kl-legacy) .flex-shrink-0{
  flex-shrink: 0 !important;
}


:where(.kl-legacy) .flex-shrink-1{
  flex-shrink: 1 !important;
}


:where(.kl-legacy) .flex-wrap{
  flex-wrap: wrap !important;
}


:where(.kl-legacy) .flex-nowrap{
  flex-wrap: nowrap !important;
}


:where(.kl-legacy) .flex-wrap-reverse{
  flex-wrap: wrap-reverse !important;
}


:where(.kl-legacy) .justify-content-start{
  justify-content: flex-start !important;
}


:where(.kl-legacy) .justify-content-end{
  justify-content: flex-end !important;
}


:where(.kl-legacy) .justify-content-center{
  justify-content: center !important;
}


:where(.kl-legacy) .justify-content-between{
  justify-content: space-between !important;
}


:where(.kl-legacy) .justify-content-around{
  justify-content: space-around !important;
}


:where(.kl-legacy) .justify-content-evenly{
  justify-content: space-evenly !important;
}


:where(.kl-legacy) .align-items-start{
  align-items: flex-start !important;
}


:where(.kl-legacy) .align-items-end{
  align-items: flex-end !important;
}


:where(.kl-legacy) .align-items-center{
  align-items: center !important;
}


:where(.kl-legacy) .align-items-baseline{
  align-items: baseline !important;
}


:where(.kl-legacy) .align-items-stretch{
  align-items: stretch !important;
}


:where(.kl-legacy) .align-content-start{
  align-content: flex-start !important;
}


:where(.kl-legacy) .align-content-end{
  align-content: flex-end !important;
}


:where(.kl-legacy) .align-content-center{
  align-content: center !important;
}


:where(.kl-legacy) .align-content-between{
  align-content: space-between !important;
}


:where(.kl-legacy) .align-content-around{
  align-content: space-around !important;
}


:where(.kl-legacy) .align-content-stretch{
  align-content: stretch !important;
}


:where(.kl-legacy) .align-self-auto{
  align-self: auto !important;
}


:where(.kl-legacy) .align-self-start{
  align-self: flex-start !important;
}


:where(.kl-legacy) .align-self-end{
  align-self: flex-end !important;
}


:where(.kl-legacy) .align-self-center{
  align-self: center !important;
}


:where(.kl-legacy) .align-self-baseline{
  align-self: baseline !important;
}


:where(.kl-legacy) .align-self-stretch{
  align-self: stretch !important;
}


:where(.kl-legacy) .order-first{
  order: -1 !important;
}


:where(.kl-legacy) .order-0{
  order: 0 !important;
}


:where(.kl-legacy) .order-1{
  order: 1 !important;
}


:where(.kl-legacy) .order-2{
  order: 2 !important;
}


:where(.kl-legacy) .order-3{
  order: 3 !important;
}


:where(.kl-legacy) .order-4{
  order: 4 !important;
}


:where(.kl-legacy) .order-5{
  order: 5 !important;
}


:where(.kl-legacy) .order-last{
  order: 6 !important;
}


:where(.kl-legacy) .m-0{
  margin: 0 !important;
}


:where(.kl-legacy) .m-1{
  margin: 0.25rem !important;
}


:where(.kl-legacy) .m-2{
  margin: 0.5rem !important;
}


:where(.kl-legacy) .m-3{
  margin: 1rem !important;
}


:where(.kl-legacy) .m-4{
  margin: 1.5rem !important;
}


:where(.kl-legacy) .m-5{
  margin: 3rem !important;
}


:where(.kl-legacy) .m-auto{
  margin: auto !important;
}


:where(.kl-legacy) .mx-0{
  margin-right: 0 !important;
  margin-left: 0 !important;
}


:where(.kl-legacy) .mx-1{
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}


:where(.kl-legacy) .mx-2{
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}


:where(.kl-legacy) .mx-3{
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}


:where(.kl-legacy) .mx-4{
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}


:where(.kl-legacy) .mx-5{
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}


:where(.kl-legacy) .mx-auto{
  margin-right: auto !important;
  margin-left: auto !important;
}


:where(.kl-legacy) .my-0{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


:where(.kl-legacy) .my-1{
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}


:where(.kl-legacy) .my-2{
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}


:where(.kl-legacy) .my-3{
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}


:where(.kl-legacy) .my-4{
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}


:where(.kl-legacy) .my-5{
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}


:where(.kl-legacy) .my-auto{
  margin-top: auto !important;
  margin-bottom: auto !important;
}


:where(.kl-legacy) .mt-0{
  margin-top: 0 !important;
}


:where(.kl-legacy) .mt-1{
  margin-top: 0.25rem !important;
}


:where(.kl-legacy) .mt-2{
  margin-top: 0.5rem !important;
}


:where(.kl-legacy) .mt-3{
  margin-top: 1rem !important;
}


:where(.kl-legacy) .mt-4{
  margin-top: 1.5rem !important;
}


:where(.kl-legacy) .mt-5{
  margin-top: 3rem !important;
}


:where(.kl-legacy) .mt-auto{
  margin-top: auto !important;
}


:where(.kl-legacy) .me-0{
  margin-right: 0 !important;
}


:where(.kl-legacy) .me-1{
  margin-right: 0.25rem !important;
}


:where(.kl-legacy) .me-2{
  margin-right: 0.5rem !important;
}


:where(.kl-legacy) .me-3{
  margin-right: 1rem !important;
}


:where(.kl-legacy) .me-4{
  margin-right: 1.5rem !important;
}


:where(.kl-legacy) .me-5{
  margin-right: 3rem !important;
}


:where(.kl-legacy) .me-auto{
  margin-right: auto !important;
}


:where(.kl-legacy) .mb-0{
  margin-bottom: 0 !important;
}


:where(.kl-legacy) .mb-1{
  margin-bottom: 0.25rem !important;
}


:where(.kl-legacy) .mb-2{
  margin-bottom: 0.5rem !important;
}


:where(.kl-legacy) .mb-3{
  margin-bottom: 1rem !important;
}


:where(.kl-legacy) .mb-4{
  margin-bottom: 1.5rem !important;
}


:where(.kl-legacy) .mb-5{
  margin-bottom: 3rem !important;
}


:where(.kl-legacy) .mb-auto{
  margin-bottom: auto !important;
}


:where(.kl-legacy) .ms-0{
  margin-left: 0 !important;
}


:where(.kl-legacy) .ms-1{
  margin-left: 0.25rem !important;
}


:where(.kl-legacy) .ms-2{
  margin-left: 0.5rem !important;
}


:where(.kl-legacy) .ms-3{
  margin-left: 1rem !important;
}


:where(.kl-legacy) .ms-4{
  margin-left: 1.5rem !important;
}


:where(.kl-legacy) .ms-5{
  margin-left: 3rem !important;
}


:where(.kl-legacy) .ms-auto{
  margin-left: auto !important;
}


:where(.kl-legacy) .p-0{
  padding: 0 !important;
}


:where(.kl-legacy) .p-1{
  padding: 0.25rem !important;
}


:where(.kl-legacy) .p-2{
  padding: 0.5rem !important;
}


:where(.kl-legacy) .p-3{
  padding: 1rem !important;
}


:where(.kl-legacy) .p-4{
  padding: 1.5rem !important;
}


:where(.kl-legacy) .p-5{
  padding: 3rem !important;
}


:where(.kl-legacy) .px-0{
  padding-right: 0 !important;
  padding-left: 0 !important;
}


:where(.kl-legacy) .px-1{
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}


:where(.kl-legacy) .px-2{
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}


:where(.kl-legacy) .px-3{
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}


:where(.kl-legacy) .px-4{
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}


:where(.kl-legacy) .px-5{
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}


:where(.kl-legacy) .py-0{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


:where(.kl-legacy) .py-1{
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}


:where(.kl-legacy) .py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}


:where(.kl-legacy) .py-3{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}


:where(.kl-legacy) .py-4{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}


:where(.kl-legacy) .py-5{
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}


:where(.kl-legacy) .pt-0{
  padding-top: 0 !important;
}


:where(.kl-legacy) .pt-1{
  padding-top: 0.25rem !important;
}


:where(.kl-legacy) .pt-2{
  padding-top: 0.5rem !important;
}


:where(.kl-legacy) .pt-3{
  padding-top: 1rem !important;
}


:where(.kl-legacy) .pt-4{
  padding-top: 1.5rem !important;
}


:where(.kl-legacy) .pt-5{
  padding-top: 3rem !important;
}


:where(.kl-legacy) .pe-0{
  padding-right: 0 !important;
}


:where(.kl-legacy) .pe-1{
  padding-right: 0.25rem !important;
}


:where(.kl-legacy) .pe-2{
  padding-right: 0.5rem !important;
}


:where(.kl-legacy) .pe-3{
  padding-right: 1rem !important;
}


:where(.kl-legacy) .pe-4{
  padding-right: 1.5rem !important;
}


:where(.kl-legacy) .pe-5{
  padding-right: 3rem !important;
}


:where(.kl-legacy) .pb-0{
  padding-bottom: 0 !important;
}


:where(.kl-legacy) .pb-1{
  padding-bottom: 0.25rem !important;
}


:where(.kl-legacy) .pb-2{
  padding-bottom: 0.5rem !important;
}


:where(.kl-legacy) .pb-3{
  padding-bottom: 1rem !important;
}


:where(.kl-legacy) .pb-4{
  padding-bottom: 1.5rem !important;
}


:where(.kl-legacy) .pb-5{
  padding-bottom: 3rem !important;
}


:where(.kl-legacy) .ps-0{
  padding-left: 0 !important;
}


:where(.kl-legacy) .ps-1{
  padding-left: 0.25rem !important;
}


:where(.kl-legacy) .ps-2{
  padding-left: 0.5rem !important;
}


:where(.kl-legacy) .ps-3{
  padding-left: 1rem !important;
}


:where(.kl-legacy) .ps-4{
  padding-left: 1.5rem !important;
}


:where(.kl-legacy) .ps-5{
  padding-left: 3rem !important;
}


@media (min-width: 576px) {

  :where(.kl-legacy) .d-sm-inline{
    display: inline !important;
  }


  :where(.kl-legacy) .d-sm-inline-block{
    display: inline-block !important;
  }


  :where(.kl-legacy) .d-sm-block{
    display: block !important;
  }


  :where(.kl-legacy) .d-sm-grid{
    display: grid !important;
  }


  :where(.kl-legacy) .d-sm-table{
    display: table !important;
  }


  :where(.kl-legacy) .d-sm-table-row{
    display: table-row !important;
  }


  :where(.kl-legacy) .d-sm-table-cell{
    display: table-cell !important;
  }


  :where(.kl-legacy) .d-sm-flex{
    display: flex !important;
  }


  :where(.kl-legacy) .d-sm-inline-flex{
    display: inline-flex !important;
  }


  :where(.kl-legacy) .d-sm-none{
    display: none !important;
  }


  :where(.kl-legacy) .flex-sm-fill{
    flex: 1 1 auto !important;
  }


  :where(.kl-legacy) .flex-sm-row{
    flex-direction: row !important;
  }


  :where(.kl-legacy) .flex-sm-column{
    flex-direction: column !important;
  }


  :where(.kl-legacy) .flex-sm-row-reverse{
    flex-direction: row-reverse !important;
  }


  :where(.kl-legacy) .flex-sm-column-reverse{
    flex-direction: column-reverse !important;
  }


  :where(.kl-legacy) .flex-sm-grow-0{
    flex-grow: 0 !important;
  }


  :where(.kl-legacy) .flex-sm-grow-1{
    flex-grow: 1 !important;
  }


  :where(.kl-legacy) .flex-sm-shrink-0{
    flex-shrink: 0 !important;
  }


  :where(.kl-legacy) .flex-sm-shrink-1{
    flex-shrink: 1 !important;
  }


  :where(.kl-legacy) .flex-sm-wrap{
    flex-wrap: wrap !important;
  }


  :where(.kl-legacy) .flex-sm-nowrap{
    flex-wrap: nowrap !important;
  }


  :where(.kl-legacy) .flex-sm-wrap-reverse{
    flex-wrap: wrap-reverse !important;
  }


  :where(.kl-legacy) .justify-content-sm-start{
    justify-content: flex-start !important;
  }


  :where(.kl-legacy) .justify-content-sm-end{
    justify-content: flex-end !important;
  }


  :where(.kl-legacy) .justify-content-sm-center{
    justify-content: center !important;
  }


  :where(.kl-legacy) .justify-content-sm-between{
    justify-content: space-between !important;
  }


  :where(.kl-legacy) .justify-content-sm-around{
    justify-content: space-around !important;
  }


  :where(.kl-legacy) .justify-content-sm-evenly{
    justify-content: space-evenly !important;
  }


  :where(.kl-legacy) .align-items-sm-start{
    align-items: flex-start !important;
  }


  :where(.kl-legacy) .align-items-sm-end{
    align-items: flex-end !important;
  }


  :where(.kl-legacy) .align-items-sm-center{
    align-items: center !important;
  }


  :where(.kl-legacy) .align-items-sm-baseline{
    align-items: baseline !important;
  }


  :where(.kl-legacy) .align-items-sm-stretch{
    align-items: stretch !important;
  }


  :where(.kl-legacy) .align-content-sm-start{
    align-content: flex-start !important;
  }


  :where(.kl-legacy) .align-content-sm-end{
    align-content: flex-end !important;
  }


  :where(.kl-legacy) .align-content-sm-center{
    align-content: center !important;
  }


  :where(.kl-legacy) .align-content-sm-between{
    align-content: space-between !important;
  }


  :where(.kl-legacy) .align-content-sm-around{
    align-content: space-around !important;
  }


  :where(.kl-legacy) .align-content-sm-stretch{
    align-content: stretch !important;
  }


  :where(.kl-legacy) .align-self-sm-auto{
    align-self: auto !important;
  }


  :where(.kl-legacy) .align-self-sm-start{
    align-self: flex-start !important;
  }


  :where(.kl-legacy) .align-self-sm-end{
    align-self: flex-end !important;
  }


  :where(.kl-legacy) .align-self-sm-center{
    align-self: center !important;
  }


  :where(.kl-legacy) .align-self-sm-baseline{
    align-self: baseline !important;
  }


  :where(.kl-legacy) .align-self-sm-stretch{
    align-self: stretch !important;
  }


  :where(.kl-legacy) .order-sm-first{
    order: -1 !important;
  }


  :where(.kl-legacy) .order-sm-0{
    order: 0 !important;
  }


  :where(.kl-legacy) .order-sm-1{
    order: 1 !important;
  }


  :where(.kl-legacy) .order-sm-2{
    order: 2 !important;
  }


  :where(.kl-legacy) .order-sm-3{
    order: 3 !important;
  }


  :where(.kl-legacy) .order-sm-4{
    order: 4 !important;
  }


  :where(.kl-legacy) .order-sm-5{
    order: 5 !important;
  }


  :where(.kl-legacy) .order-sm-last{
    order: 6 !important;
  }


  :where(.kl-legacy) .m-sm-0{
    margin: 0 !important;
  }


  :where(.kl-legacy) .m-sm-1{
    margin: 0.25rem !important;
  }


  :where(.kl-legacy) .m-sm-2{
    margin: 0.5rem !important;
  }


  :where(.kl-legacy) .m-sm-3{
    margin: 1rem !important;
  }


  :where(.kl-legacy) .m-sm-4{
    margin: 1.5rem !important;
  }


  :where(.kl-legacy) .m-sm-5{
    margin: 3rem !important;
  }


  :where(.kl-legacy) .m-sm-auto{
    margin: auto !important;
  }


  :where(.kl-legacy) .mx-sm-0{
    margin-right: 0 !important;
    margin-left: 0 !important;
  }


  :where(.kl-legacy) .mx-sm-1{
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }


  :where(.kl-legacy) .mx-sm-2{
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }


  :where(.kl-legacy) .mx-sm-3{
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }


  :where(.kl-legacy) .mx-sm-4{
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }


  :where(.kl-legacy) .mx-sm-5{
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }


  :where(.kl-legacy) .mx-sm-auto{
    margin-right: auto !important;
    margin-left: auto !important;
  }


  :where(.kl-legacy) .my-sm-0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }


  :where(.kl-legacy) .my-sm-1{
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .my-sm-2{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .my-sm-3{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }


  :where(.kl-legacy) .my-sm-4{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .my-sm-5{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }


  :where(.kl-legacy) .my-sm-auto{
    margin-top: auto !important;
    margin-bottom: auto !important;
  }


  :where(.kl-legacy) .mt-sm-0{
    margin-top: 0 !important;
  }


  :where(.kl-legacy) .mt-sm-1{
    margin-top: 0.25rem !important;
  }


  :where(.kl-legacy) .mt-sm-2{
    margin-top: 0.5rem !important;
  }


  :where(.kl-legacy) .mt-sm-3{
    margin-top: 1rem !important;
  }


  :where(.kl-legacy) .mt-sm-4{
    margin-top: 1.5rem !important;
  }


  :where(.kl-legacy) .mt-sm-5{
    margin-top: 3rem !important;
  }


  :where(.kl-legacy) .mt-sm-auto{
    margin-top: auto !important;
  }


  :where(.kl-legacy) .me-sm-0{
    margin-right: 0 !important;
  }


  :where(.kl-legacy) .me-sm-1{
    margin-right: 0.25rem !important;
  }


  :where(.kl-legacy) .me-sm-2{
    margin-right: 0.5rem !important;
  }


  :where(.kl-legacy) .me-sm-3{
    margin-right: 1rem !important;
  }


  :where(.kl-legacy) .me-sm-4{
    margin-right: 1.5rem !important;
  }


  :where(.kl-legacy) .me-sm-5{
    margin-right: 3rem !important;
  }


  :where(.kl-legacy) .me-sm-auto{
    margin-right: auto !important;
  }


  :where(.kl-legacy) .mb-sm-0{
    margin-bottom: 0 !important;
  }


  :where(.kl-legacy) .mb-sm-1{
    margin-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .mb-sm-2{
    margin-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .mb-sm-3{
    margin-bottom: 1rem !important;
  }


  :where(.kl-legacy) .mb-sm-4{
    margin-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .mb-sm-5{
    margin-bottom: 3rem !important;
  }


  :where(.kl-legacy) .mb-sm-auto{
    margin-bottom: auto !important;
  }


  :where(.kl-legacy) .ms-sm-0{
    margin-left: 0 !important;
  }


  :where(.kl-legacy) .ms-sm-1{
    margin-left: 0.25rem !important;
  }


  :where(.kl-legacy) .ms-sm-2{
    margin-left: 0.5rem !important;
  }


  :where(.kl-legacy) .ms-sm-3{
    margin-left: 1rem !important;
  }


  :where(.kl-legacy) .ms-sm-4{
    margin-left: 1.5rem !important;
  }


  :where(.kl-legacy) .ms-sm-5{
    margin-left: 3rem !important;
  }


  :where(.kl-legacy) .ms-sm-auto{
    margin-left: auto !important;
  }


  :where(.kl-legacy) .p-sm-0{
    padding: 0 !important;
  }


  :where(.kl-legacy) .p-sm-1{
    padding: 0.25rem !important;
  }


  :where(.kl-legacy) .p-sm-2{
    padding: 0.5rem !important;
  }


  :where(.kl-legacy) .p-sm-3{
    padding: 1rem !important;
  }


  :where(.kl-legacy) .p-sm-4{
    padding: 1.5rem !important;
  }


  :where(.kl-legacy) .p-sm-5{
    padding: 3rem !important;
  }


  :where(.kl-legacy) .px-sm-0{
    padding-right: 0 !important;
    padding-left: 0 !important;
  }


  :where(.kl-legacy) .px-sm-1{
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }


  :where(.kl-legacy) .px-sm-2{
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }


  :where(.kl-legacy) .px-sm-3{
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }


  :where(.kl-legacy) .px-sm-4{
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }


  :where(.kl-legacy) .px-sm-5{
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }


  :where(.kl-legacy) .py-sm-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }


  :where(.kl-legacy) .py-sm-1{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .py-sm-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .py-sm-3{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }


  :where(.kl-legacy) .py-sm-4{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .py-sm-5{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }


  :where(.kl-legacy) .pt-sm-0{
    padding-top: 0 !important;
  }


  :where(.kl-legacy) .pt-sm-1{
    padding-top: 0.25rem !important;
  }


  :where(.kl-legacy) .pt-sm-2{
    padding-top: 0.5rem !important;
  }


  :where(.kl-legacy) .pt-sm-3{
    padding-top: 1rem !important;
  }


  :where(.kl-legacy) .pt-sm-4{
    padding-top: 1.5rem !important;
  }


  :where(.kl-legacy) .pt-sm-5{
    padding-top: 3rem !important;
  }


  :where(.kl-legacy) .pe-sm-0{
    padding-right: 0 !important;
  }


  :where(.kl-legacy) .pe-sm-1{
    padding-right: 0.25rem !important;
  }


  :where(.kl-legacy) .pe-sm-2{
    padding-right: 0.5rem !important;
  }


  :where(.kl-legacy) .pe-sm-3{
    padding-right: 1rem !important;
  }


  :where(.kl-legacy) .pe-sm-4{
    padding-right: 1.5rem !important;
  }


  :where(.kl-legacy) .pe-sm-5{
    padding-right: 3rem !important;
  }


  :where(.kl-legacy) .pb-sm-0{
    padding-bottom: 0 !important;
  }


  :where(.kl-legacy) .pb-sm-1{
    padding-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .pb-sm-2{
    padding-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .pb-sm-3{
    padding-bottom: 1rem !important;
  }


  :where(.kl-legacy) .pb-sm-4{
    padding-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .pb-sm-5{
    padding-bottom: 3rem !important;
  }


  :where(.kl-legacy) .ps-sm-0{
    padding-left: 0 !important;
  }


  :where(.kl-legacy) .ps-sm-1{
    padding-left: 0.25rem !important;
  }


  :where(.kl-legacy) .ps-sm-2{
    padding-left: 0.5rem !important;
  }


  :where(.kl-legacy) .ps-sm-3{
    padding-left: 1rem !important;
  }


  :where(.kl-legacy) .ps-sm-4{
    padding-left: 1.5rem !important;
  }


  :where(.kl-legacy) .ps-sm-5{
    padding-left: 3rem !important;
  }


}

@media (min-width: 768px) {

  :where(.kl-legacy) .d-md-inline{
    display: inline !important;
  }


  :where(.kl-legacy) .d-md-inline-block{
    display: inline-block !important;
  }


  :where(.kl-legacy) .d-md-block{
    display: block !important;
  }


  :where(.kl-legacy) .d-md-grid{
    display: grid !important;
  }


  :where(.kl-legacy) .d-md-table{
    display: table !important;
  }


  :where(.kl-legacy) .d-md-table-row{
    display: table-row !important;
  }


  :where(.kl-legacy) .d-md-table-cell{
    display: table-cell !important;
  }


  :where(.kl-legacy) .d-md-flex{
    display: flex !important;
  }


  :where(.kl-legacy) .d-md-inline-flex{
    display: inline-flex !important;
  }


  :where(.kl-legacy) .d-md-none{
    display: none !important;
  }


  :where(.kl-legacy) .flex-md-fill{
    flex: 1 1 auto !important;
  }


  :where(.kl-legacy) .flex-md-row{
    flex-direction: row !important;
  }


  :where(.kl-legacy) .flex-md-column{
    flex-direction: column !important;
  }


  :where(.kl-legacy) .flex-md-row-reverse{
    flex-direction: row-reverse !important;
  }


  :where(.kl-legacy) .flex-md-column-reverse{
    flex-direction: column-reverse !important;
  }


  :where(.kl-legacy) .flex-md-grow-0{
    flex-grow: 0 !important;
  }


  :where(.kl-legacy) .flex-md-grow-1{
    flex-grow: 1 !important;
  }


  :where(.kl-legacy) .flex-md-shrink-0{
    flex-shrink: 0 !important;
  }


  :where(.kl-legacy) .flex-md-shrink-1{
    flex-shrink: 1 !important;
  }


  :where(.kl-legacy) .flex-md-wrap{
    flex-wrap: wrap !important;
  }


  :where(.kl-legacy) .flex-md-nowrap{
    flex-wrap: nowrap !important;
  }


  :where(.kl-legacy) .flex-md-wrap-reverse{
    flex-wrap: wrap-reverse !important;
  }


  :where(.kl-legacy) .justify-content-md-start{
    justify-content: flex-start !important;
  }


  :where(.kl-legacy) .justify-content-md-end{
    justify-content: flex-end !important;
  }


  :where(.kl-legacy) .justify-content-md-center{
    justify-content: center !important;
  }


  :where(.kl-legacy) .justify-content-md-between{
    justify-content: space-between !important;
  }


  :where(.kl-legacy) .justify-content-md-around{
    justify-content: space-around !important;
  }


  :where(.kl-legacy) .justify-content-md-evenly{
    justify-content: space-evenly !important;
  }


  :where(.kl-legacy) .align-items-md-start{
    align-items: flex-start !important;
  }


  :where(.kl-legacy) .align-items-md-end{
    align-items: flex-end !important;
  }


  :where(.kl-legacy) .align-items-md-center{
    align-items: center !important;
  }


  :where(.kl-legacy) .align-items-md-baseline{
    align-items: baseline !important;
  }


  :where(.kl-legacy) .align-items-md-stretch{
    align-items: stretch !important;
  }


  :where(.kl-legacy) .align-content-md-start{
    align-content: flex-start !important;
  }


  :where(.kl-legacy) .align-content-md-end{
    align-content: flex-end !important;
  }


  :where(.kl-legacy) .align-content-md-center{
    align-content: center !important;
  }


  :where(.kl-legacy) .align-content-md-between{
    align-content: space-between !important;
  }


  :where(.kl-legacy) .align-content-md-around{
    align-content: space-around !important;
  }


  :where(.kl-legacy) .align-content-md-stretch{
    align-content: stretch !important;
  }


  :where(.kl-legacy) .align-self-md-auto{
    align-self: auto !important;
  }


  :where(.kl-legacy) .align-self-md-start{
    align-self: flex-start !important;
  }


  :where(.kl-legacy) .align-self-md-end{
    align-self: flex-end !important;
  }


  :where(.kl-legacy) .align-self-md-center{
    align-self: center !important;
  }


  :where(.kl-legacy) .align-self-md-baseline{
    align-self: baseline !important;
  }


  :where(.kl-legacy) .align-self-md-stretch{
    align-self: stretch !important;
  }


  :where(.kl-legacy) .order-md-first{
    order: -1 !important;
  }


  :where(.kl-legacy) .order-md-0{
    order: 0 !important;
  }


  :where(.kl-legacy) .order-md-1{
    order: 1 !important;
  }


  :where(.kl-legacy) .order-md-2{
    order: 2 !important;
  }


  :where(.kl-legacy) .order-md-3{
    order: 3 !important;
  }


  :where(.kl-legacy) .order-md-4{
    order: 4 !important;
  }


  :where(.kl-legacy) .order-md-5{
    order: 5 !important;
  }


  :where(.kl-legacy) .order-md-last{
    order: 6 !important;
  }


  :where(.kl-legacy) .m-md-0{
    margin: 0 !important;
  }


  :where(.kl-legacy) .m-md-1{
    margin: 0.25rem !important;
  }


  :where(.kl-legacy) .m-md-2{
    margin: 0.5rem !important;
  }


  :where(.kl-legacy) .m-md-3{
    margin: 1rem !important;
  }


  :where(.kl-legacy) .m-md-4{
    margin: 1.5rem !important;
  }


  :where(.kl-legacy) .m-md-5{
    margin: 3rem !important;
  }


  :where(.kl-legacy) .m-md-auto{
    margin: auto !important;
  }


  :where(.kl-legacy) .mx-md-0{
    margin-right: 0 !important;
    margin-left: 0 !important;
  }


  :where(.kl-legacy) .mx-md-1{
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }


  :where(.kl-legacy) .mx-md-2{
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }


  :where(.kl-legacy) .mx-md-3{
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }


  :where(.kl-legacy) .mx-md-4{
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }


  :where(.kl-legacy) .mx-md-5{
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }


  :where(.kl-legacy) .mx-md-auto{
    margin-right: auto !important;
    margin-left: auto !important;
  }


  :where(.kl-legacy) .my-md-0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }


  :where(.kl-legacy) .my-md-1{
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .my-md-2{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .my-md-3{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }


  :where(.kl-legacy) .my-md-4{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .my-md-5{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }


  :where(.kl-legacy) .my-md-auto{
    margin-top: auto !important;
    margin-bottom: auto !important;
  }


  :where(.kl-legacy) .mt-md-0{
    margin-top: 0 !important;
  }


  :where(.kl-legacy) .mt-md-1{
    margin-top: 0.25rem !important;
  }


  :where(.kl-legacy) .mt-md-2{
    margin-top: 0.5rem !important;
  }


  :where(.kl-legacy) .mt-md-3{
    margin-top: 1rem !important;
  }


  :where(.kl-legacy) .mt-md-4{
    margin-top: 1.5rem !important;
  }


  :where(.kl-legacy) .mt-md-5{
    margin-top: 3rem !important;
  }


  :where(.kl-legacy) .mt-md-auto{
    margin-top: auto !important;
  }


  :where(.kl-legacy) .me-md-0{
    margin-right: 0 !important;
  }


  :where(.kl-legacy) .me-md-1{
    margin-right: 0.25rem !important;
  }


  :where(.kl-legacy) .me-md-2{
    margin-right: 0.5rem !important;
  }


  :where(.kl-legacy) .me-md-3{
    margin-right: 1rem !important;
  }


  :where(.kl-legacy) .me-md-4{
    margin-right: 1.5rem !important;
  }


  :where(.kl-legacy) .me-md-5{
    margin-right: 3rem !important;
  }


  :where(.kl-legacy) .me-md-auto{
    margin-right: auto !important;
  }


  :where(.kl-legacy) .mb-md-0{
    margin-bottom: 0 !important;
  }


  :where(.kl-legacy) .mb-md-1{
    margin-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .mb-md-2{
    margin-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .mb-md-3{
    margin-bottom: 1rem !important;
  }


  :where(.kl-legacy) .mb-md-4{
    margin-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .mb-md-5{
    margin-bottom: 3rem !important;
  }


  :where(.kl-legacy) .mb-md-auto{
    margin-bottom: auto !important;
  }


  :where(.kl-legacy) .ms-md-0{
    margin-left: 0 !important;
  }


  :where(.kl-legacy) .ms-md-1{
    margin-left: 0.25rem !important;
  }


  :where(.kl-legacy) .ms-md-2{
    margin-left: 0.5rem !important;
  }


  :where(.kl-legacy) .ms-md-3{
    margin-left: 1rem !important;
  }


  :where(.kl-legacy) .ms-md-4{
    margin-left: 1.5rem !important;
  }


  :where(.kl-legacy) .ms-md-5{
    margin-left: 3rem !important;
  }


  :where(.kl-legacy) .ms-md-auto{
    margin-left: auto !important;
  }


  :where(.kl-legacy) .p-md-0{
    padding: 0 !important;
  }


  :where(.kl-legacy) .p-md-1{
    padding: 0.25rem !important;
  }


  :where(.kl-legacy) .p-md-2{
    padding: 0.5rem !important;
  }


  :where(.kl-legacy) .p-md-3{
    padding: 1rem !important;
  }


  :where(.kl-legacy) .p-md-4{
    padding: 1.5rem !important;
  }


  :where(.kl-legacy) .p-md-5{
    padding: 3rem !important;
  }


  :where(.kl-legacy) .px-md-0{
    padding-right: 0 !important;
    padding-left: 0 !important;
  }


  :where(.kl-legacy) .px-md-1{
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }


  :where(.kl-legacy) .px-md-2{
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }


  :where(.kl-legacy) .px-md-3{
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }


  :where(.kl-legacy) .px-md-4{
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }


  :where(.kl-legacy) .px-md-5{
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }


  :where(.kl-legacy) .py-md-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }


  :where(.kl-legacy) .py-md-1{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .py-md-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .py-md-3{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }


  :where(.kl-legacy) .py-md-4{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .py-md-5{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }


  :where(.kl-legacy) .pt-md-0{
    padding-top: 0 !important;
  }


  :where(.kl-legacy) .pt-md-1{
    padding-top: 0.25rem !important;
  }


  :where(.kl-legacy) .pt-md-2{
    padding-top: 0.5rem !important;
  }


  :where(.kl-legacy) .pt-md-3{
    padding-top: 1rem !important;
  }


  :where(.kl-legacy) .pt-md-4{
    padding-top: 1.5rem !important;
  }


  :where(.kl-legacy) .pt-md-5{
    padding-top: 3rem !important;
  }


  :where(.kl-legacy) .pe-md-0{
    padding-right: 0 !important;
  }


  :where(.kl-legacy) .pe-md-1{
    padding-right: 0.25rem !important;
  }


  :where(.kl-legacy) .pe-md-2{
    padding-right: 0.5rem !important;
  }


  :where(.kl-legacy) .pe-md-3{
    padding-right: 1rem !important;
  }


  :where(.kl-legacy) .pe-md-4{
    padding-right: 1.5rem !important;
  }


  :where(.kl-legacy) .pe-md-5{
    padding-right: 3rem !important;
  }


  :where(.kl-legacy) .pb-md-0{
    padding-bottom: 0 !important;
  }


  :where(.kl-legacy) .pb-md-1{
    padding-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .pb-md-2{
    padding-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .pb-md-3{
    padding-bottom: 1rem !important;
  }


  :where(.kl-legacy) .pb-md-4{
    padding-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .pb-md-5{
    padding-bottom: 3rem !important;
  }


  :where(.kl-legacy) .ps-md-0{
    padding-left: 0 !important;
  }


  :where(.kl-legacy) .ps-md-1{
    padding-left: 0.25rem !important;
  }


  :where(.kl-legacy) .ps-md-2{
    padding-left: 0.5rem !important;
  }


  :where(.kl-legacy) .ps-md-3{
    padding-left: 1rem !important;
  }


  :where(.kl-legacy) .ps-md-4{
    padding-left: 1.5rem !important;
  }


  :where(.kl-legacy) .ps-md-5{
    padding-left: 3rem !important;
  }


}

@media (min-width: 992px) {

  :where(.kl-legacy) .d-lg-inline{
    display: inline !important;
  }


  :where(.kl-legacy) .d-lg-inline-block{
    display: inline-block !important;
  }


  :where(.kl-legacy) .d-lg-block{
    display: block !important;
  }


  :where(.kl-legacy) .d-lg-grid{
    display: grid !important;
  }


  :where(.kl-legacy) .d-lg-table{
    display: table !important;
  }


  :where(.kl-legacy) .d-lg-table-row{
    display: table-row !important;
  }


  :where(.kl-legacy) .d-lg-table-cell{
    display: table-cell !important;
  }


  :where(.kl-legacy) .d-lg-flex{
    display: flex !important;
  }


  :where(.kl-legacy) .d-lg-inline-flex{
    display: inline-flex !important;
  }


  :where(.kl-legacy) .d-lg-none{
    display: none !important;
  }


  :where(.kl-legacy) .flex-lg-fill{
    flex: 1 1 auto !important;
  }


  :where(.kl-legacy) .flex-lg-row{
    flex-direction: row !important;
  }


  :where(.kl-legacy) .flex-lg-column{
    flex-direction: column !important;
  }


  :where(.kl-legacy) .flex-lg-row-reverse{
    flex-direction: row-reverse !important;
  }


  :where(.kl-legacy) .flex-lg-column-reverse{
    flex-direction: column-reverse !important;
  }


  :where(.kl-legacy) .flex-lg-grow-0{
    flex-grow: 0 !important;
  }


  :where(.kl-legacy) .flex-lg-grow-1{
    flex-grow: 1 !important;
  }


  :where(.kl-legacy) .flex-lg-shrink-0{
    flex-shrink: 0 !important;
  }


  :where(.kl-legacy) .flex-lg-shrink-1{
    flex-shrink: 1 !important;
  }


  :where(.kl-legacy) .flex-lg-wrap{
    flex-wrap: wrap !important;
  }


  :where(.kl-legacy) .flex-lg-nowrap{
    flex-wrap: nowrap !important;
  }


  :where(.kl-legacy) .flex-lg-wrap-reverse{
    flex-wrap: wrap-reverse !important;
  }


  :where(.kl-legacy) .justify-content-lg-start{
    justify-content: flex-start !important;
  }


  :where(.kl-legacy) .justify-content-lg-end{
    justify-content: flex-end !important;
  }


  :where(.kl-legacy) .justify-content-lg-center{
    justify-content: center !important;
  }


  :where(.kl-legacy) .justify-content-lg-between{
    justify-content: space-between !important;
  }


  :where(.kl-legacy) .justify-content-lg-around{
    justify-content: space-around !important;
  }


  :where(.kl-legacy) .justify-content-lg-evenly{
    justify-content: space-evenly !important;
  }


  :where(.kl-legacy) .align-items-lg-start{
    align-items: flex-start !important;
  }


  :where(.kl-legacy) .align-items-lg-end{
    align-items: flex-end !important;
  }


  :where(.kl-legacy) .align-items-lg-center{
    align-items: center !important;
  }


  :where(.kl-legacy) .align-items-lg-baseline{
    align-items: baseline !important;
  }


  :where(.kl-legacy) .align-items-lg-stretch{
    align-items: stretch !important;
  }


  :where(.kl-legacy) .align-content-lg-start{
    align-content: flex-start !important;
  }


  :where(.kl-legacy) .align-content-lg-end{
    align-content: flex-end !important;
  }


  :where(.kl-legacy) .align-content-lg-center{
    align-content: center !important;
  }


  :where(.kl-legacy) .align-content-lg-between{
    align-content: space-between !important;
  }


  :where(.kl-legacy) .align-content-lg-around{
    align-content: space-around !important;
  }


  :where(.kl-legacy) .align-content-lg-stretch{
    align-content: stretch !important;
  }


  :where(.kl-legacy) .align-self-lg-auto{
    align-self: auto !important;
  }


  :where(.kl-legacy) .align-self-lg-start{
    align-self: flex-start !important;
  }


  :where(.kl-legacy) .align-self-lg-end{
    align-self: flex-end !important;
  }


  :where(.kl-legacy) .align-self-lg-center{
    align-self: center !important;
  }


  :where(.kl-legacy) .align-self-lg-baseline{
    align-self: baseline !important;
  }


  :where(.kl-legacy) .align-self-lg-stretch{
    align-self: stretch !important;
  }


  :where(.kl-legacy) .order-lg-first{
    order: -1 !important;
  }


  :where(.kl-legacy) .order-lg-0{
    order: 0 !important;
  }


  :where(.kl-legacy) .order-lg-1{
    order: 1 !important;
  }


  :where(.kl-legacy) .order-lg-2{
    order: 2 !important;
  }


  :where(.kl-legacy) .order-lg-3{
    order: 3 !important;
  }


  :where(.kl-legacy) .order-lg-4{
    order: 4 !important;
  }


  :where(.kl-legacy) .order-lg-5{
    order: 5 !important;
  }


  :where(.kl-legacy) .order-lg-last{
    order: 6 !important;
  }


  :where(.kl-legacy) .m-lg-0{
    margin: 0 !important;
  }


  :where(.kl-legacy) .m-lg-1{
    margin: 0.25rem !important;
  }


  :where(.kl-legacy) .m-lg-2{
    margin: 0.5rem !important;
  }


  :where(.kl-legacy) .m-lg-3{
    margin: 1rem !important;
  }


  :where(.kl-legacy) .m-lg-4{
    margin: 1.5rem !important;
  }


  :where(.kl-legacy) .m-lg-5{
    margin: 3rem !important;
  }


  :where(.kl-legacy) .m-lg-auto{
    margin: auto !important;
  }


  :where(.kl-legacy) .mx-lg-0{
    margin-right: 0 !important;
    margin-left: 0 !important;
  }


  :where(.kl-legacy) .mx-lg-1{
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }


  :where(.kl-legacy) .mx-lg-2{
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }


  :where(.kl-legacy) .mx-lg-3{
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }


  :where(.kl-legacy) .mx-lg-4{
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }


  :where(.kl-legacy) .mx-lg-5{
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }


  :where(.kl-legacy) .mx-lg-auto{
    margin-right: auto !important;
    margin-left: auto !important;
  }


  :where(.kl-legacy) .my-lg-0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }


  :where(.kl-legacy) .my-lg-1{
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .my-lg-2{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .my-lg-3{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }


  :where(.kl-legacy) .my-lg-4{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .my-lg-5{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }


  :where(.kl-legacy) .my-lg-auto{
    margin-top: auto !important;
    margin-bottom: auto !important;
  }


  :where(.kl-legacy) .mt-lg-0{
    margin-top: 0 !important;
  }


  :where(.kl-legacy) .mt-lg-1{
    margin-top: 0.25rem !important;
  }


  :where(.kl-legacy) .mt-lg-2{
    margin-top: 0.5rem !important;
  }


  :where(.kl-legacy) .mt-lg-3{
    margin-top: 1rem !important;
  }


  :where(.kl-legacy) .mt-lg-4{
    margin-top: 1.5rem !important;
  }


  :where(.kl-legacy) .mt-lg-5{
    margin-top: 3rem !important;
  }


  :where(.kl-legacy) .mt-lg-auto{
    margin-top: auto !important;
  }


  :where(.kl-legacy) .me-lg-0{
    margin-right: 0 !important;
  }


  :where(.kl-legacy) .me-lg-1{
    margin-right: 0.25rem !important;
  }


  :where(.kl-legacy) .me-lg-2{
    margin-right: 0.5rem !important;
  }


  :where(.kl-legacy) .me-lg-3{
    margin-right: 1rem !important;
  }


  :where(.kl-legacy) .me-lg-4{
    margin-right: 1.5rem !important;
  }


  :where(.kl-legacy) .me-lg-5{
    margin-right: 3rem !important;
  }


  :where(.kl-legacy) .me-lg-auto{
    margin-right: auto !important;
  }


  :where(.kl-legacy) .mb-lg-0{
    margin-bottom: 0 !important;
  }


  :where(.kl-legacy) .mb-lg-1{
    margin-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .mb-lg-2{
    margin-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .mb-lg-3{
    margin-bottom: 1rem !important;
  }


  :where(.kl-legacy) .mb-lg-4{
    margin-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .mb-lg-5{
    margin-bottom: 3rem !important;
  }


  :where(.kl-legacy) .mb-lg-auto{
    margin-bottom: auto !important;
  }


  :where(.kl-legacy) .ms-lg-0{
    margin-left: 0 !important;
  }


  :where(.kl-legacy) .ms-lg-1{
    margin-left: 0.25rem !important;
  }


  :where(.kl-legacy) .ms-lg-2{
    margin-left: 0.5rem !important;
  }


  :where(.kl-legacy) .ms-lg-3{
    margin-left: 1rem !important;
  }


  :where(.kl-legacy) .ms-lg-4{
    margin-left: 1.5rem !important;
  }


  :where(.kl-legacy) .ms-lg-5{
    margin-left: 3rem !important;
  }


  :where(.kl-legacy) .ms-lg-auto{
    margin-left: auto !important;
  }


  :where(.kl-legacy) .p-lg-0{
    padding: 0 !important;
  }


  :where(.kl-legacy) .p-lg-1{
    padding: 0.25rem !important;
  }


  :where(.kl-legacy) .p-lg-2{
    padding: 0.5rem !important;
  }


  :where(.kl-legacy) .p-lg-3{
    padding: 1rem !important;
  }


  :where(.kl-legacy) .p-lg-4{
    padding: 1.5rem !important;
  }


  :where(.kl-legacy) .p-lg-5{
    padding: 3rem !important;
  }


  :where(.kl-legacy) .px-lg-0{
    padding-right: 0 !important;
    padding-left: 0 !important;
  }


  :where(.kl-legacy) .px-lg-1{
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }


  :where(.kl-legacy) .px-lg-2{
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }


  :where(.kl-legacy) .px-lg-3{
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }


  :where(.kl-legacy) .px-lg-4{
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }


  :where(.kl-legacy) .px-lg-5{
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }


  :where(.kl-legacy) .py-lg-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }


  :where(.kl-legacy) .py-lg-1{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .py-lg-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .py-lg-3{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }


  :where(.kl-legacy) .py-lg-4{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .py-lg-5{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }


  :where(.kl-legacy) .pt-lg-0{
    padding-top: 0 !important;
  }


  :where(.kl-legacy) .pt-lg-1{
    padding-top: 0.25rem !important;
  }


  :where(.kl-legacy) .pt-lg-2{
    padding-top: 0.5rem !important;
  }


  :where(.kl-legacy) .pt-lg-3{
    padding-top: 1rem !important;
  }


  :where(.kl-legacy) .pt-lg-4{
    padding-top: 1.5rem !important;
  }


  :where(.kl-legacy) .pt-lg-5{
    padding-top: 3rem !important;
  }


  :where(.kl-legacy) .pe-lg-0{
    padding-right: 0 !important;
  }


  :where(.kl-legacy) .pe-lg-1{
    padding-right: 0.25rem !important;
  }


  :where(.kl-legacy) .pe-lg-2{
    padding-right: 0.5rem !important;
  }


  :where(.kl-legacy) .pe-lg-3{
    padding-right: 1rem !important;
  }


  :where(.kl-legacy) .pe-lg-4{
    padding-right: 1.5rem !important;
  }


  :where(.kl-legacy) .pe-lg-5{
    padding-right: 3rem !important;
  }


  :where(.kl-legacy) .pb-lg-0{
    padding-bottom: 0 !important;
  }


  :where(.kl-legacy) .pb-lg-1{
    padding-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .pb-lg-2{
    padding-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .pb-lg-3{
    padding-bottom: 1rem !important;
  }


  :where(.kl-legacy) .pb-lg-4{
    padding-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .pb-lg-5{
    padding-bottom: 3rem !important;
  }


  :where(.kl-legacy) .ps-lg-0{
    padding-left: 0 !important;
  }


  :where(.kl-legacy) .ps-lg-1{
    padding-left: 0.25rem !important;
  }


  :where(.kl-legacy) .ps-lg-2{
    padding-left: 0.5rem !important;
  }


  :where(.kl-legacy) .ps-lg-3{
    padding-left: 1rem !important;
  }


  :where(.kl-legacy) .ps-lg-4{
    padding-left: 1.5rem !important;
  }


  :where(.kl-legacy) .ps-lg-5{
    padding-left: 3rem !important;
  }


}

@media (min-width: 1200px) {

  :where(.kl-legacy) .d-xl-inline{
    display: inline !important;
  }


  :where(.kl-legacy) .d-xl-inline-block{
    display: inline-block !important;
  }


  :where(.kl-legacy) .d-xl-block{
    display: block !important;
  }


  :where(.kl-legacy) .d-xl-grid{
    display: grid !important;
  }


  :where(.kl-legacy) .d-xl-table{
    display: table !important;
  }


  :where(.kl-legacy) .d-xl-table-row{
    display: table-row !important;
  }


  :where(.kl-legacy) .d-xl-table-cell{
    display: table-cell !important;
  }


  :where(.kl-legacy) .d-xl-flex{
    display: flex !important;
  }


  :where(.kl-legacy) .d-xl-inline-flex{
    display: inline-flex !important;
  }


  :where(.kl-legacy) .d-xl-none{
    display: none !important;
  }


  :where(.kl-legacy) .flex-xl-fill{
    flex: 1 1 auto !important;
  }


  :where(.kl-legacy) .flex-xl-row{
    flex-direction: row !important;
  }


  :where(.kl-legacy) .flex-xl-column{
    flex-direction: column !important;
  }


  :where(.kl-legacy) .flex-xl-row-reverse{
    flex-direction: row-reverse !important;
  }


  :where(.kl-legacy) .flex-xl-column-reverse{
    flex-direction: column-reverse !important;
  }


  :where(.kl-legacy) .flex-xl-grow-0{
    flex-grow: 0 !important;
  }


  :where(.kl-legacy) .flex-xl-grow-1{
    flex-grow: 1 !important;
  }


  :where(.kl-legacy) .flex-xl-shrink-0{
    flex-shrink: 0 !important;
  }


  :where(.kl-legacy) .flex-xl-shrink-1{
    flex-shrink: 1 !important;
  }


  :where(.kl-legacy) .flex-xl-wrap{
    flex-wrap: wrap !important;
  }


  :where(.kl-legacy) .flex-xl-nowrap{
    flex-wrap: nowrap !important;
  }


  :where(.kl-legacy) .flex-xl-wrap-reverse{
    flex-wrap: wrap-reverse !important;
  }


  :where(.kl-legacy) .justify-content-xl-start{
    justify-content: flex-start !important;
  }


  :where(.kl-legacy) .justify-content-xl-end{
    justify-content: flex-end !important;
  }


  :where(.kl-legacy) .justify-content-xl-center{
    justify-content: center !important;
  }


  :where(.kl-legacy) .justify-content-xl-between{
    justify-content: space-between !important;
  }


  :where(.kl-legacy) .justify-content-xl-around{
    justify-content: space-around !important;
  }


  :where(.kl-legacy) .justify-content-xl-evenly{
    justify-content: space-evenly !important;
  }


  :where(.kl-legacy) .align-items-xl-start{
    align-items: flex-start !important;
  }


  :where(.kl-legacy) .align-items-xl-end{
    align-items: flex-end !important;
  }


  :where(.kl-legacy) .align-items-xl-center{
    align-items: center !important;
  }


  :where(.kl-legacy) .align-items-xl-baseline{
    align-items: baseline !important;
  }


  :where(.kl-legacy) .align-items-xl-stretch{
    align-items: stretch !important;
  }


  :where(.kl-legacy) .align-content-xl-start{
    align-content: flex-start !important;
  }


  :where(.kl-legacy) .align-content-xl-end{
    align-content: flex-end !important;
  }


  :where(.kl-legacy) .align-content-xl-center{
    align-content: center !important;
  }


  :where(.kl-legacy) .align-content-xl-between{
    align-content: space-between !important;
  }


  :where(.kl-legacy) .align-content-xl-around{
    align-content: space-around !important;
  }


  :where(.kl-legacy) .align-content-xl-stretch{
    align-content: stretch !important;
  }


  :where(.kl-legacy) .align-self-xl-auto{
    align-self: auto !important;
  }


  :where(.kl-legacy) .align-self-xl-start{
    align-self: flex-start !important;
  }


  :where(.kl-legacy) .align-self-xl-end{
    align-self: flex-end !important;
  }


  :where(.kl-legacy) .align-self-xl-center{
    align-self: center !important;
  }


  :where(.kl-legacy) .align-self-xl-baseline{
    align-self: baseline !important;
  }


  :where(.kl-legacy) .align-self-xl-stretch{
    align-self: stretch !important;
  }


  :where(.kl-legacy) .order-xl-first{
    order: -1 !important;
  }


  :where(.kl-legacy) .order-xl-0{
    order: 0 !important;
  }


  :where(.kl-legacy) .order-xl-1{
    order: 1 !important;
  }


  :where(.kl-legacy) .order-xl-2{
    order: 2 !important;
  }


  :where(.kl-legacy) .order-xl-3{
    order: 3 !important;
  }


  :where(.kl-legacy) .order-xl-4{
    order: 4 !important;
  }


  :where(.kl-legacy) .order-xl-5{
    order: 5 !important;
  }


  :where(.kl-legacy) .order-xl-last{
    order: 6 !important;
  }


  :where(.kl-legacy) .m-xl-0{
    margin: 0 !important;
  }


  :where(.kl-legacy) .m-xl-1{
    margin: 0.25rem !important;
  }


  :where(.kl-legacy) .m-xl-2{
    margin: 0.5rem !important;
  }


  :where(.kl-legacy) .m-xl-3{
    margin: 1rem !important;
  }


  :where(.kl-legacy) .m-xl-4{
    margin: 1.5rem !important;
  }


  :where(.kl-legacy) .m-xl-5{
    margin: 3rem !important;
  }


  :where(.kl-legacy) .m-xl-auto{
    margin: auto !important;
  }


  :where(.kl-legacy) .mx-xl-0{
    margin-right: 0 !important;
    margin-left: 0 !important;
  }


  :where(.kl-legacy) .mx-xl-1{
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }


  :where(.kl-legacy) .mx-xl-2{
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }


  :where(.kl-legacy) .mx-xl-3{
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }


  :where(.kl-legacy) .mx-xl-4{
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }


  :where(.kl-legacy) .mx-xl-5{
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }


  :where(.kl-legacy) .mx-xl-auto{
    margin-right: auto !important;
    margin-left: auto !important;
  }


  :where(.kl-legacy) .my-xl-0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }


  :where(.kl-legacy) .my-xl-1{
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .my-xl-2{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .my-xl-3{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }


  :where(.kl-legacy) .my-xl-4{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .my-xl-5{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }


  :where(.kl-legacy) .my-xl-auto{
    margin-top: auto !important;
    margin-bottom: auto !important;
  }


  :where(.kl-legacy) .mt-xl-0{
    margin-top: 0 !important;
  }


  :where(.kl-legacy) .mt-xl-1{
    margin-top: 0.25rem !important;
  }


  :where(.kl-legacy) .mt-xl-2{
    margin-top: 0.5rem !important;
  }


  :where(.kl-legacy) .mt-xl-3{
    margin-top: 1rem !important;
  }


  :where(.kl-legacy) .mt-xl-4{
    margin-top: 1.5rem !important;
  }


  :where(.kl-legacy) .mt-xl-5{
    margin-top: 3rem !important;
  }


  :where(.kl-legacy) .mt-xl-auto{
    margin-top: auto !important;
  }


  :where(.kl-legacy) .me-xl-0{
    margin-right: 0 !important;
  }


  :where(.kl-legacy) .me-xl-1{
    margin-right: 0.25rem !important;
  }


  :where(.kl-legacy) .me-xl-2{
    margin-right: 0.5rem !important;
  }


  :where(.kl-legacy) .me-xl-3{
    margin-right: 1rem !important;
  }


  :where(.kl-legacy) .me-xl-4{
    margin-right: 1.5rem !important;
  }


  :where(.kl-legacy) .me-xl-5{
    margin-right: 3rem !important;
  }


  :where(.kl-legacy) .me-xl-auto{
    margin-right: auto !important;
  }


  :where(.kl-legacy) .mb-xl-0{
    margin-bottom: 0 !important;
  }


  :where(.kl-legacy) .mb-xl-1{
    margin-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .mb-xl-2{
    margin-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .mb-xl-3{
    margin-bottom: 1rem !important;
  }


  :where(.kl-legacy) .mb-xl-4{
    margin-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .mb-xl-5{
    margin-bottom: 3rem !important;
  }


  :where(.kl-legacy) .mb-xl-auto{
    margin-bottom: auto !important;
  }


  :where(.kl-legacy) .ms-xl-0{
    margin-left: 0 !important;
  }


  :where(.kl-legacy) .ms-xl-1{
    margin-left: 0.25rem !important;
  }


  :where(.kl-legacy) .ms-xl-2{
    margin-left: 0.5rem !important;
  }


  :where(.kl-legacy) .ms-xl-3{
    margin-left: 1rem !important;
  }


  :where(.kl-legacy) .ms-xl-4{
    margin-left: 1.5rem !important;
  }


  :where(.kl-legacy) .ms-xl-5{
    margin-left: 3rem !important;
  }


  :where(.kl-legacy) .ms-xl-auto{
    margin-left: auto !important;
  }


  :where(.kl-legacy) .p-xl-0{
    padding: 0 !important;
  }


  :where(.kl-legacy) .p-xl-1{
    padding: 0.25rem !important;
  }


  :where(.kl-legacy) .p-xl-2{
    padding: 0.5rem !important;
  }


  :where(.kl-legacy) .p-xl-3{
    padding: 1rem !important;
  }


  :where(.kl-legacy) .p-xl-4{
    padding: 1.5rem !important;
  }


  :where(.kl-legacy) .p-xl-5{
    padding: 3rem !important;
  }


  :where(.kl-legacy) .px-xl-0{
    padding-right: 0 !important;
    padding-left: 0 !important;
  }


  :where(.kl-legacy) .px-xl-1{
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }


  :where(.kl-legacy) .px-xl-2{
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }


  :where(.kl-legacy) .px-xl-3{
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }


  :where(.kl-legacy) .px-xl-4{
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }


  :where(.kl-legacy) .px-xl-5{
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }


  :where(.kl-legacy) .py-xl-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }


  :where(.kl-legacy) .py-xl-1{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .py-xl-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .py-xl-3{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }


  :where(.kl-legacy) .py-xl-4{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .py-xl-5{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }


  :where(.kl-legacy) .pt-xl-0{
    padding-top: 0 !important;
  }


  :where(.kl-legacy) .pt-xl-1{
    padding-top: 0.25rem !important;
  }


  :where(.kl-legacy) .pt-xl-2{
    padding-top: 0.5rem !important;
  }


  :where(.kl-legacy) .pt-xl-3{
    padding-top: 1rem !important;
  }


  :where(.kl-legacy) .pt-xl-4{
    padding-top: 1.5rem !important;
  }


  :where(.kl-legacy) .pt-xl-5{
    padding-top: 3rem !important;
  }


  :where(.kl-legacy) .pe-xl-0{
    padding-right: 0 !important;
  }


  :where(.kl-legacy) .pe-xl-1{
    padding-right: 0.25rem !important;
  }


  :where(.kl-legacy) .pe-xl-2{
    padding-right: 0.5rem !important;
  }


  :where(.kl-legacy) .pe-xl-3{
    padding-right: 1rem !important;
  }


  :where(.kl-legacy) .pe-xl-4{
    padding-right: 1.5rem !important;
  }


  :where(.kl-legacy) .pe-xl-5{
    padding-right: 3rem !important;
  }


  :where(.kl-legacy) .pb-xl-0{
    padding-bottom: 0 !important;
  }


  :where(.kl-legacy) .pb-xl-1{
    padding-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .pb-xl-2{
    padding-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .pb-xl-3{
    padding-bottom: 1rem !important;
  }


  :where(.kl-legacy) .pb-xl-4{
    padding-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .pb-xl-5{
    padding-bottom: 3rem !important;
  }


  :where(.kl-legacy) .ps-xl-0{
    padding-left: 0 !important;
  }


  :where(.kl-legacy) .ps-xl-1{
    padding-left: 0.25rem !important;
  }


  :where(.kl-legacy) .ps-xl-2{
    padding-left: 0.5rem !important;
  }


  :where(.kl-legacy) .ps-xl-3{
    padding-left: 1rem !important;
  }


  :where(.kl-legacy) .ps-xl-4{
    padding-left: 1.5rem !important;
  }


  :where(.kl-legacy) .ps-xl-5{
    padding-left: 3rem !important;
  }


}

@media (min-width: 1400px) {

  :where(.kl-legacy) .d-xxl-inline{
    display: inline !important;
  }


  :where(.kl-legacy) .d-xxl-inline-block{
    display: inline-block !important;
  }


  :where(.kl-legacy) .d-xxl-block{
    display: block !important;
  }


  :where(.kl-legacy) .d-xxl-grid{
    display: grid !important;
  }


  :where(.kl-legacy) .d-xxl-table{
    display: table !important;
  }


  :where(.kl-legacy) .d-xxl-table-row{
    display: table-row !important;
  }


  :where(.kl-legacy) .d-xxl-table-cell{
    display: table-cell !important;
  }


  :where(.kl-legacy) .d-xxl-flex{
    display: flex !important;
  }


  :where(.kl-legacy) .d-xxl-inline-flex{
    display: inline-flex !important;
  }


  :where(.kl-legacy) .d-xxl-none{
    display: none !important;
  }


  :where(.kl-legacy) .flex-xxl-fill{
    flex: 1 1 auto !important;
  }


  :where(.kl-legacy) .flex-xxl-row{
    flex-direction: row !important;
  }


  :where(.kl-legacy) .flex-xxl-column{
    flex-direction: column !important;
  }


  :where(.kl-legacy) .flex-xxl-row-reverse{
    flex-direction: row-reverse !important;
  }


  :where(.kl-legacy) .flex-xxl-column-reverse{
    flex-direction: column-reverse !important;
  }


  :where(.kl-legacy) .flex-xxl-grow-0{
    flex-grow: 0 !important;
  }


  :where(.kl-legacy) .flex-xxl-grow-1{
    flex-grow: 1 !important;
  }


  :where(.kl-legacy) .flex-xxl-shrink-0{
    flex-shrink: 0 !important;
  }


  :where(.kl-legacy) .flex-xxl-shrink-1{
    flex-shrink: 1 !important;
  }


  :where(.kl-legacy) .flex-xxl-wrap{
    flex-wrap: wrap !important;
  }


  :where(.kl-legacy) .flex-xxl-nowrap{
    flex-wrap: nowrap !important;
  }


  :where(.kl-legacy) .flex-xxl-wrap-reverse{
    flex-wrap: wrap-reverse !important;
  }


  :where(.kl-legacy) .justify-content-xxl-start{
    justify-content: flex-start !important;
  }


  :where(.kl-legacy) .justify-content-xxl-end{
    justify-content: flex-end !important;
  }


  :where(.kl-legacy) .justify-content-xxl-center{
    justify-content: center !important;
  }


  :where(.kl-legacy) .justify-content-xxl-between{
    justify-content: space-between !important;
  }


  :where(.kl-legacy) .justify-content-xxl-around{
    justify-content: space-around !important;
  }


  :where(.kl-legacy) .justify-content-xxl-evenly{
    justify-content: space-evenly !important;
  }


  :where(.kl-legacy) .align-items-xxl-start{
    align-items: flex-start !important;
  }


  :where(.kl-legacy) .align-items-xxl-end{
    align-items: flex-end !important;
  }


  :where(.kl-legacy) .align-items-xxl-center{
    align-items: center !important;
  }


  :where(.kl-legacy) .align-items-xxl-baseline{
    align-items: baseline !important;
  }


  :where(.kl-legacy) .align-items-xxl-stretch{
    align-items: stretch !important;
  }


  :where(.kl-legacy) .align-content-xxl-start{
    align-content: flex-start !important;
  }


  :where(.kl-legacy) .align-content-xxl-end{
    align-content: flex-end !important;
  }


  :where(.kl-legacy) .align-content-xxl-center{
    align-content: center !important;
  }


  :where(.kl-legacy) .align-content-xxl-between{
    align-content: space-between !important;
  }


  :where(.kl-legacy) .align-content-xxl-around{
    align-content: space-around !important;
  }


  :where(.kl-legacy) .align-content-xxl-stretch{
    align-content: stretch !important;
  }


  :where(.kl-legacy) .align-self-xxl-auto{
    align-self: auto !important;
  }


  :where(.kl-legacy) .align-self-xxl-start{
    align-self: flex-start !important;
  }


  :where(.kl-legacy) .align-self-xxl-end{
    align-self: flex-end !important;
  }


  :where(.kl-legacy) .align-self-xxl-center{
    align-self: center !important;
  }


  :where(.kl-legacy) .align-self-xxl-baseline{
    align-self: baseline !important;
  }


  :where(.kl-legacy) .align-self-xxl-stretch{
    align-self: stretch !important;
  }


  :where(.kl-legacy) .order-xxl-first{
    order: -1 !important;
  }


  :where(.kl-legacy) .order-xxl-0{
    order: 0 !important;
  }


  :where(.kl-legacy) .order-xxl-1{
    order: 1 !important;
  }


  :where(.kl-legacy) .order-xxl-2{
    order: 2 !important;
  }


  :where(.kl-legacy) .order-xxl-3{
    order: 3 !important;
  }


  :where(.kl-legacy) .order-xxl-4{
    order: 4 !important;
  }


  :where(.kl-legacy) .order-xxl-5{
    order: 5 !important;
  }


  :where(.kl-legacy) .order-xxl-last{
    order: 6 !important;
  }


  :where(.kl-legacy) .m-xxl-0{
    margin: 0 !important;
  }


  :where(.kl-legacy) .m-xxl-1{
    margin: 0.25rem !important;
  }


  :where(.kl-legacy) .m-xxl-2{
    margin: 0.5rem !important;
  }


  :where(.kl-legacy) .m-xxl-3{
    margin: 1rem !important;
  }


  :where(.kl-legacy) .m-xxl-4{
    margin: 1.5rem !important;
  }


  :where(.kl-legacy) .m-xxl-5{
    margin: 3rem !important;
  }


  :where(.kl-legacy) .m-xxl-auto{
    margin: auto !important;
  }


  :where(.kl-legacy) .mx-xxl-0{
    margin-right: 0 !important;
    margin-left: 0 !important;
  }


  :where(.kl-legacy) .mx-xxl-1{
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }


  :where(.kl-legacy) .mx-xxl-2{
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }


  :where(.kl-legacy) .mx-xxl-3{
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }


  :where(.kl-legacy) .mx-xxl-4{
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }


  :where(.kl-legacy) .mx-xxl-5{
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }


  :where(.kl-legacy) .mx-xxl-auto{
    margin-right: auto !important;
    margin-left: auto !important;
  }


  :where(.kl-legacy) .my-xxl-0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }


  :where(.kl-legacy) .my-xxl-1{
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .my-xxl-2{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .my-xxl-3{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }


  :where(.kl-legacy) .my-xxl-4{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .my-xxl-5{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }


  :where(.kl-legacy) .my-xxl-auto{
    margin-top: auto !important;
    margin-bottom: auto !important;
  }


  :where(.kl-legacy) .mt-xxl-0{
    margin-top: 0 !important;
  }


  :where(.kl-legacy) .mt-xxl-1{
    margin-top: 0.25rem !important;
  }


  :where(.kl-legacy) .mt-xxl-2{
    margin-top: 0.5rem !important;
  }


  :where(.kl-legacy) .mt-xxl-3{
    margin-top: 1rem !important;
  }


  :where(.kl-legacy) .mt-xxl-4{
    margin-top: 1.5rem !important;
  }


  :where(.kl-legacy) .mt-xxl-5{
    margin-top: 3rem !important;
  }


  :where(.kl-legacy) .mt-xxl-auto{
    margin-top: auto !important;
  }


  :where(.kl-legacy) .me-xxl-0{
    margin-right: 0 !important;
  }


  :where(.kl-legacy) .me-xxl-1{
    margin-right: 0.25rem !important;
  }


  :where(.kl-legacy) .me-xxl-2{
    margin-right: 0.5rem !important;
  }


  :where(.kl-legacy) .me-xxl-3{
    margin-right: 1rem !important;
  }


  :where(.kl-legacy) .me-xxl-4{
    margin-right: 1.5rem !important;
  }


  :where(.kl-legacy) .me-xxl-5{
    margin-right: 3rem !important;
  }


  :where(.kl-legacy) .me-xxl-auto{
    margin-right: auto !important;
  }


  :where(.kl-legacy) .mb-xxl-0{
    margin-bottom: 0 !important;
  }


  :where(.kl-legacy) .mb-xxl-1{
    margin-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .mb-xxl-2{
    margin-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .mb-xxl-3{
    margin-bottom: 1rem !important;
  }


  :where(.kl-legacy) .mb-xxl-4{
    margin-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .mb-xxl-5{
    margin-bottom: 3rem !important;
  }


  :where(.kl-legacy) .mb-xxl-auto{
    margin-bottom: auto !important;
  }


  :where(.kl-legacy) .ms-xxl-0{
    margin-left: 0 !important;
  }


  :where(.kl-legacy) .ms-xxl-1{
    margin-left: 0.25rem !important;
  }


  :where(.kl-legacy) .ms-xxl-2{
    margin-left: 0.5rem !important;
  }


  :where(.kl-legacy) .ms-xxl-3{
    margin-left: 1rem !important;
  }


  :where(.kl-legacy) .ms-xxl-4{
    margin-left: 1.5rem !important;
  }


  :where(.kl-legacy) .ms-xxl-5{
    margin-left: 3rem !important;
  }


  :where(.kl-legacy) .ms-xxl-auto{
    margin-left: auto !important;
  }


  :where(.kl-legacy) .p-xxl-0{
    padding: 0 !important;
  }


  :where(.kl-legacy) .p-xxl-1{
    padding: 0.25rem !important;
  }


  :where(.kl-legacy) .p-xxl-2{
    padding: 0.5rem !important;
  }


  :where(.kl-legacy) .p-xxl-3{
    padding: 1rem !important;
  }


  :where(.kl-legacy) .p-xxl-4{
    padding: 1.5rem !important;
  }


  :where(.kl-legacy) .p-xxl-5{
    padding: 3rem !important;
  }


  :where(.kl-legacy) .px-xxl-0{
    padding-right: 0 !important;
    padding-left: 0 !important;
  }


  :where(.kl-legacy) .px-xxl-1{
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }


  :where(.kl-legacy) .px-xxl-2{
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }


  :where(.kl-legacy) .px-xxl-3{
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }


  :where(.kl-legacy) .px-xxl-4{
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }


  :where(.kl-legacy) .px-xxl-5{
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }


  :where(.kl-legacy) .py-xxl-0{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }


  :where(.kl-legacy) .py-xxl-1{
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .py-xxl-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .py-xxl-3{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }


  :where(.kl-legacy) .py-xxl-4{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .py-xxl-5{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }


  :where(.kl-legacy) .pt-xxl-0{
    padding-top: 0 !important;
  }


  :where(.kl-legacy) .pt-xxl-1{
    padding-top: 0.25rem !important;
  }


  :where(.kl-legacy) .pt-xxl-2{
    padding-top: 0.5rem !important;
  }


  :where(.kl-legacy) .pt-xxl-3{
    padding-top: 1rem !important;
  }


  :where(.kl-legacy) .pt-xxl-4{
    padding-top: 1.5rem !important;
  }


  :where(.kl-legacy) .pt-xxl-5{
    padding-top: 3rem !important;
  }


  :where(.kl-legacy) .pe-xxl-0{
    padding-right: 0 !important;
  }


  :where(.kl-legacy) .pe-xxl-1{
    padding-right: 0.25rem !important;
  }


  :where(.kl-legacy) .pe-xxl-2{
    padding-right: 0.5rem !important;
  }


  :where(.kl-legacy) .pe-xxl-3{
    padding-right: 1rem !important;
  }


  :where(.kl-legacy) .pe-xxl-4{
    padding-right: 1.5rem !important;
  }


  :where(.kl-legacy) .pe-xxl-5{
    padding-right: 3rem !important;
  }


  :where(.kl-legacy) .pb-xxl-0{
    padding-bottom: 0 !important;
  }


  :where(.kl-legacy) .pb-xxl-1{
    padding-bottom: 0.25rem !important;
  }


  :where(.kl-legacy) .pb-xxl-2{
    padding-bottom: 0.5rem !important;
  }


  :where(.kl-legacy) .pb-xxl-3{
    padding-bottom: 1rem !important;
  }


  :where(.kl-legacy) .pb-xxl-4{
    padding-bottom: 1.5rem !important;
  }


  :where(.kl-legacy) .pb-xxl-5{
    padding-bottom: 3rem !important;
  }


  :where(.kl-legacy) .ps-xxl-0{
    padding-left: 0 !important;
  }


  :where(.kl-legacy) .ps-xxl-1{
    padding-left: 0.25rem !important;
  }


  :where(.kl-legacy) .ps-xxl-2{
    padding-left: 0.5rem !important;
  }


  :where(.kl-legacy) .ps-xxl-3{
    padding-left: 1rem !important;
  }


  :where(.kl-legacy) .ps-xxl-4{
    padding-left: 1.5rem !important;
  }


  :where(.kl-legacy) .ps-xxl-5{
    padding-left: 3rem !important;
  }


}

@media print {

  :where(.kl-legacy) .d-print-inline{
    display: inline !important;
  }


  :where(.kl-legacy) .d-print-inline-block{
    display: inline-block !important;
  }


  :where(.kl-legacy) .d-print-block{
    display: block !important;
  }


  :where(.kl-legacy) .d-print-grid{
    display: grid !important;
  }


  :where(.kl-legacy) .d-print-table{
    display: table !important;
  }


  :where(.kl-legacy) .d-print-table-row{
    display: table-row !important;
  }


  :where(.kl-legacy) .d-print-table-cell{
    display: table-cell !important;
  }


  :where(.kl-legacy) .d-print-flex{
    display: flex !important;
  }


  :where(.kl-legacy) .d-print-inline-flex{
    display: inline-flex !important;
  }


  :where(.kl-legacy) .d-print-none{
    display: none !important;
  }


}



/* ===== theme.css ===== */
@charset "utf-8";




:where(.kl-legacy) *, :where(.kl-legacy) *:before, :where(.kl-legacy) *:after{
  box-sizing: border-box !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


:where(.kl-legacy){
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}


:where(.kl-legacy){
  margin: 0;
}


:where(.kl-legacy) [hidden]{
  display: none !important;
}



:where(.kl-legacy) article, :where(.kl-legacy) aside, :where(.kl-legacy) details, :where(.kl-legacy) figcaption, :where(.kl-legacy) figure, :where(.kl-legacy) footer, :where(.kl-legacy) header, :where(.kl-legacy) main, :where(.kl-legacy) nav, :where(.kl-legacy) section, :where(.kl-legacy) summary{
  display: block;
}


:where(.kl-legacy) audio, :where(.kl-legacy) canvas, :where(.kl-legacy) progress, :where(.kl-legacy) video{
  display: inline-block;
  vertical-align: baseline;
}


:where(.kl-legacy) audio:not([controls]){
  display: none;
  height: 0;
}



:where(.kl-legacy) :active{
  outline: none;
}


:where(.kl-legacy) a{
  color: inherit;
  background-color: transparent;
  text-decoration: none;
}


:where(.kl-legacy) a:active, :where(.kl-legacy) a:hover{
  outline: 0;
}


:where(.kl-legacy) b, :where(.kl-legacy) strong{
  font-weight: bold;
}


:where(.kl-legacy) small{
  font-size: 80%;
}


:where(.kl-legacy) p, :where(.kl-legacy) h1, :where(.kl-legacy) h2, :where(.kl-legacy) h3, :where(.kl-legacy) h4, :where(.kl-legacy) h5, :where(.kl-legacy) h6{
  margin-top: 0;
  font-size: inherit;
  font-weight: inherit;
}


:where(.kl-legacy) p:last-child, :where(.kl-legacy) h1:last-child, :where(.kl-legacy) h2:last-child, :where(.kl-legacy) h3:last-child, :where(.kl-legacy) h4:last-child, :where(.kl-legacy) h5:last-child, :where(.kl-legacy) h6:last-child{
  margin-bottom: 0;
}



:where(.kl-legacy) img{
  max-width: 100%;
  height: auto;
  border-style: none;
  vertical-align: top;
}


:where(.kl-legacy) svg:not(:root){
  overflow: hidden;
}



:where(.kl-legacy) ul, :where(.kl-legacy) ol{
  margin: 0;
  padding: 0;
  list-style-position: inside;
}


:where(.kl-legacy) pre{
  overflow: auto;
}


:where(.kl-legacy) code, :where(.kl-legacy) kbd, :where(.kl-legacy) pre, :where(.kl-legacy) samp{
  font-family: monospace, monospace;
  font-size: 16px;
}



:where(.kl-legacy) button, :where(.kl-legacy) input, :where(.kl-legacy) optgroup, :where(.kl-legacy) select, :where(.kl-legacy) textarea{
  color: inherit;
  font: inherit;
  margin: 0;
}


:where(.kl-legacy) button, :where(.kl-legacy) input[type=submit]{
  padding: 0;
  overflow: visible;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}


:where(.kl-legacy) button, :where(.kl-legacy) select{
  text-transform: none;
}


:where(.kl-legacy) button, :where(.kl-legacy) input[type=button], :where(.kl-legacy) input[type=reset], :where(.kl-legacy) input[type=submit]{
  -webkit-appearance: button;
  cursor: pointer;
}


:where(.kl-legacy) button[disabled], :where(.kl-legacy) input[disabled]{
  cursor: default;
}


:where(.kl-legacy) button::-moz-focus-inner, :where(.kl-legacy) input::-moz-focus-inner{
  border: 0;
  padding: 0;
}


:where(.kl-legacy) input{
  line-height: normal;
  border-radius: 0;
}


:where(.kl-legacy) input[type=checkbox], :where(.kl-legacy) input[type=radio]{
  box-sizing: border-box;
  padding: 0;
}


:where(.kl-legacy) input[type=number]::-webkit-inner-spin-button, :where(.kl-legacy) input[type=number]::-webkit-outer-spin-button{
  height: auto;
}


:where(.kl-legacy) input[type=search]{
  -webkit-appearance: none;
  box-sizing: content-box;
}


:where(.kl-legacy) input[type=search]::-webkit-search-cancel-button, :where(.kl-legacy) input[type=search]::-webkit-search-decoration{
  -webkit-appearance: none;
}


:where(.kl-legacy) input::-moz-placeholder, :where(.kl-legacy) textarea::-moz-placeholder{
  color: inherit;
}


:where(.kl-legacy) input:-ms-input-placeholder, :where(.kl-legacy) textarea:-ms-input-placeholder{
  color: inherit;
}


:where(.kl-legacy) input::placeholder, :where(.kl-legacy) textarea::placeholder{
  color: inherit;
}


:where(.kl-legacy) fieldset{
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 6px 10px 12px;
}


:where(.kl-legacy) legend{
  border: 0;
  padding: 0;
}


:where(.kl-legacy) textarea{
  overflow: auto;
}


:where(.kl-legacy) optgroup{
  font-weight: bold;
}



:where(.kl-legacy) table{
  border-collapse: collapse;
  border-spacing: 0;
}


:where(.kl-legacy) td, :where(.kl-legacy) th{
  padding: 0;
}



:where(.kl-legacy) .SectionHeader--extraTitle{
  margin-top: 40px;   /* 上に余白を広げる */
  margin-bottom: 1px; /* 下は詰める */
}




:where(.kl-legacy) .Grid{
  display: block;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -24px;
  font-size: 0;
}


:where(.kl-legacy) .Grid__Cell{
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 0 0 0 24px;
  margin: 0;
  vertical-align: top;
  font-size: 1rem;
}


:where(.kl-legacy) .Grid--center{
  text-align: center;
}


:where(.kl-legacy) .Grid--center>.Grid__Cell{
  text-align: left;
}


:where(.kl-legacy) .Grid__Cell--center{
  display: block;
  margin: 0 auto;
}


:where(.kl-legacy) .Grid--right{
  text-align: right;
}


:where(.kl-legacy) .Grid--right>.Grid__Cell{
  text-align: left;
}


:where(.kl-legacy) .Grid--middle>.Grid__Cell{
  vertical-align: middle;
}


:where(.kl-legacy) .Grid--bottom>.Grid__Cell{
  vertical-align: bottom;
}


:where(.kl-legacy) .Grid--m{
  margin-left: -30px;
}


:where(.kl-legacy) .Grid--m>.Grid__Cell{
  padding-left: 30px;
}


:where(.kl-legacy) .Grid--l{
  margin-left: -50px;
}


:where(.kl-legacy) .Grid--l>.Grid__Cell{
  padding-left: 50px;
}


:where(.kl-legacy) .Grid--xl{
  margin-left: -50px;
}


:where(.kl-legacy) .Grid--xl>.Grid__Cell{
  padding-left: 50px;
}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .Grid--m{
    margin-left: -60px;
  }


  :where(.kl-legacy) .Grid--m>.Grid__Cell{
    padding-left: 60px;
  }


  :where(.kl-legacy) .Grid--l{
    margin-left: -80px;
  }


  :where(.kl-legacy) .Grid--l>.Grid__Cell{
    padding-left: 80px;
  }


  :where(.kl-legacy) .Grid--xl{
    margin-left: -100px;
  }


  :where(.kl-legacy) .Grid--xl>.Grid__Cell{
    padding-left: 100px;
  }


}




:where(.kl-legacy) .\31\/2, :where(.kl-legacy) .\32\/4, :where(.kl-legacy) .\36\/12{
  width: 50%;
}


:where(.kl-legacy) .\31\/3, :where(.kl-legacy) .\34\/12{
  width: 33.33333%;
}


:where(.kl-legacy) .\32\/3, :where(.kl-legacy) .\38\/12{
  width: 66.66667%;
}


:where(.kl-legacy) .\31\/4, :where(.kl-legacy) .\33\/12{
  width: 25%;
}


:where(.kl-legacy) .\33\/4, :where(.kl-legacy) .\39\/12{
  width: 75%;
}


:where(.kl-legacy) .\31\/12{
  width: 8.33333%;
}


:where(.kl-legacy) .\32\/12{
  width: 16.66667%;
}


:where(.kl-legacy) .\35\/12{
  width: 41.66667%;
}


:where(.kl-legacy) .\37\/12{
  width: 58.33333%;
}


:where(.kl-legacy) .\31\30\/12{
  width: 83.33333%;
}


:where(.kl-legacy) .\31\31\/12{
  width: 91.66667%;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .hidden-phone{
    display: none !important;
  }


  :where(.kl-legacy) .\31\/2--phone, :where(.kl-legacy) .\32\/4--phone, :where(.kl-legacy) .\36\/12--phone{
    width: 50%;
  }


  :where(.kl-legacy) .\31\/3--phone, :where(.kl-legacy) .\34\/12--phone{
    width: 33.33333%;
  }


  :where(.kl-legacy) .\32\/3--phone, :where(.kl-legacy) .\38\/12--phone{
    width: 66.66667%;
  }


  :where(.kl-legacy) .\31\/4--phone, :where(.kl-legacy) .\33\/12--phone{
    width: 25%;
  }


  :where(.kl-legacy) .\33\/4--phone, :where(.kl-legacy) .\39\/12--phone{
    width: 75%;
  }


  :where(.kl-legacy) .\31\/12--phone{
    width: 8.33333%;
  }


  :where(.kl-legacy) .\32\/12--phone{
    width: 16.66667%;
  }


  :where(.kl-legacy) .\35\/12--phone{
    width: 41.66667%;
  }


  :where(.kl-legacy) .\37\/12--phone{
    width: 58.33333%;
  }


  :where(.kl-legacy) .\31\30\/12--phone{
    width: 83.33333%;
  }


  :where(.kl-legacy) .\31\31\/12--phone{
    width: 91.66667%;
  }


}


@media screen and (min-width: 641px) and (max-width: 1007px) {

  :where(.kl-legacy) .hidden-tablet{
    display: none !important;
  }


  :where(.kl-legacy) .\31\/2--tablet, :where(.kl-legacy) .\32\/4--tablet, :where(.kl-legacy) .\36\/12--tablet{
    width: 50%;
  }


  :where(.kl-legacy) .\31\/3--tablet, :where(.kl-legacy) .\34\/12--tablet{
    width: 33.33333%;
  }


  :where(.kl-legacy) .\32\/3--tablet, :where(.kl-legacy) .\38\/12--tablet{
    width: 66.66667%;
  }


  :where(.kl-legacy) .\31\/4--tablet, :where(.kl-legacy) .\33\/12--tablet{
    width: 25%;
  }


  :where(.kl-legacy) .\33\/4--tablet, :where(.kl-legacy) .\39\/12--tablet{
    width: 75%;
  }


  :where(.kl-legacy) .\31\/12--tablet{
    width: 8.33333%;
  }


  :where(.kl-legacy) .\32\/12--tablet{
    width: 16.66667%;
  }


  :where(.kl-legacy) .\35\/12--tablet{
    width: 41.66667%;
  }


  :where(.kl-legacy) .\37\/12--tablet{
    width: 58.33333%;
  }


  :where(.kl-legacy) .\31\30\/12--tablet{
    width: 83.33333%;
  }


  :where(.kl-legacy) .\31\31\/12--tablet{
    width: 91.66667%;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .hidden-tablet-and-up{
    display: none !important;
  }


  :where(.kl-legacy) .\31\/2--tablet-and-up, :where(.kl-legacy) .\32\/4--tablet-and-up, :where(.kl-legacy) .\36\/12--tablet-and-up{
    width: 50%;
  }


  :where(.kl-legacy) .\31\/3--tablet-and-up, :where(.kl-legacy) .\34\/12--tablet-and-up{
    width: 33.33333%;
  }


  :where(.kl-legacy) .\32\/3--tablet-and-up, :where(.kl-legacy) .\38\/12--tablet-and-up{
    width: 66.66667%;
  }


  :where(.kl-legacy) .\31\/4--tablet-and-up, :where(.kl-legacy) .\33\/12--tablet-and-up{
    width: 25%;
  }


  :where(.kl-legacy) .\33\/4--tablet-and-up, :where(.kl-legacy) .\39\/12--tablet-and-up{
    width: 75%;
  }


  :where(.kl-legacy) .\31\/12--tablet-and-up{
    width: 8.33333%;
  }


  :where(.kl-legacy) .\32\/12--tablet-and-up{
    width: 16.66667%;
  }


  :where(.kl-legacy) .\35\/12--tablet-and-up{
    width: 41.66667%;
  }


  :where(.kl-legacy) .\37\/12--tablet-and-up{
    width: 58.33333%;
  }


  :where(.kl-legacy) .\31\30\/12--tablet-and-up{
    width: 83.33333%;
  }


  :where(.kl-legacy) .\31\31\/12--tablet-and-up{
    width: 91.66667%;
  }


}


@media screen and (max-width: 1007px) {

  :where(.kl-legacy) .hidden-pocket{
    display: none !important;
  }


  :where(.kl-legacy) .\31\/2--pocket, :where(.kl-legacy) .\32\/4--pocket, :where(.kl-legacy) .\36\/12--pocket{
    width: 50%;
  }


  :where(.kl-legacy) .\31\/3--pocket, :where(.kl-legacy) .\34\/12--pocket{
    width: 33.33333%;
  }


  :where(.kl-legacy) .\32\/3--pocket, :where(.kl-legacy) .\38\/12--pocket{
    width: 66.66667%;
  }


  :where(.kl-legacy) .\31\/4--pocket, :where(.kl-legacy) .\33\/12--pocket{
    width: 25%;
  }


  :where(.kl-legacy) .\33\/4--pocket, :where(.kl-legacy) .\39\/12--pocket{
    width: 75%;
  }


  :where(.kl-legacy) .\31\/12--pocket{
    width: 8.33333%;
  }


  :where(.kl-legacy) .\32\/12--pocket{
    width: 16.66667%;
  }


  :where(.kl-legacy) .\35\/12--pocket{
    width: 41.66667%;
  }


  :where(.kl-legacy) .\37\/12--pocket{
    width: 58.33333%;
  }


  :where(.kl-legacy) .\31\30\/12--pocket{
    width: 83.33333%;
  }


  :where(.kl-legacy) .\31\31\/12--pocket{
    width: 91.66667%;
  }


}


@media screen and (min-width: 1008px) and (max-width: 1139px) {

  :where(.kl-legacy) .hidden-lap{
    display: none !important;
  }


  :where(.kl-legacy) .\31\/2--lap, :where(.kl-legacy) .\32\/4--lap, :where(.kl-legacy) .\36\/12--lap{
    width: 50%;
  }


  :where(.kl-legacy) .\31\/3--lap, :where(.kl-legacy) .\34\/12--lap{
    width: 33.33333%;
  }


  :where(.kl-legacy) .\32\/3--lap, :where(.kl-legacy) .\38\/12--lap{
    width: 66.66667%;
  }


  :where(.kl-legacy) .\31\/4--lap, :where(.kl-legacy) .\33\/12--lap{
    width: 25%;
  }


  :where(.kl-legacy) .\33\/4--lap, :where(.kl-legacy) .\39\/12--lap{
    width: 75%;
  }


  :where(.kl-legacy) .\31\/12--lap{
    width: 8.33333%;
  }


  :where(.kl-legacy) .\32\/12--lap{
    width: 16.66667%;
  }


  :where(.kl-legacy) .\35\/12--lap{
    width: 41.66667%;
  }


  :where(.kl-legacy) .\37\/12--lap{
    width: 58.33333%;
  }


  :where(.kl-legacy) .\31\30\/12--lap{
    width: 83.33333%;
  }


  :where(.kl-legacy) .\31\31\/12--lap{
    width: 91.66667%;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .hidden-lap-and-up{
    display: none !important;
  }


  :where(.kl-legacy) .\31\/2--lap-and-up, :where(.kl-legacy) .\32\/4--lap-and-up, :where(.kl-legacy) .\36\/12--lap-and-up{
    width: 50%;
  }


  :where(.kl-legacy) .\31\/3--lap-and-up, :where(.kl-legacy) .\34\/12--lap-and-up{
    width: 33.33333%;
  }


  :where(.kl-legacy) .\32\/3--lap-and-up, :where(.kl-legacy) .\38\/12--lap-and-up{
    width: 66.66667%;
  }


  :where(.kl-legacy) .\31\/4--lap-and-up, :where(.kl-legacy) .\33\/12--lap-and-up{
    width: 25%;
  }


  :where(.kl-legacy) .\33\/4--lap-and-up, :where(.kl-legacy) .\39\/12--lap-and-up{
    width: 75%;
  }


  :where(.kl-legacy) .\31\/12--lap-and-up{
    width: 8.33333%;
  }


  :where(.kl-legacy) .\32\/12--lap-and-up{
    width: 16.66667%;
  }


  :where(.kl-legacy) .\35\/12--lap-and-up{
    width: 41.66667%;
  }


  :where(.kl-legacy) .\37\/12--lap-and-up{
    width: 58.33333%;
  }


  :where(.kl-legacy) .\31\30\/12--lap-and-up{
    width: 83.33333%;
  }


  :where(.kl-legacy) .\31\31\/12--lap-and-up{
    width: 91.66667%;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .hidden-desk{
    display: none !important;
  }


  :where(.kl-legacy) .\31\/2--desk, :where(.kl-legacy) .\32\/4--desk, :where(.kl-legacy) .\36\/12--desk{
    width: 50%;
  }


  :where(.kl-legacy) .\31\/3--desk, :where(.kl-legacy) .\34\/12--desk{
    width: 33.33333%;
  }


  :where(.kl-legacy) .\32\/3--desk, :where(.kl-legacy) .\38\/12--desk{
    width: 66.66667%;
  }


  :where(.kl-legacy) .\31\/4--desk, :where(.kl-legacy) .\33\/12--desk{
    width: 25%;
  }


  :where(.kl-legacy) .\33\/4--desk, :where(.kl-legacy) .\39\/12--desk{
    width: 75%;
  }


  :where(.kl-legacy) .\31\/12--desk{
    width: 8.33333%;
  }


  :where(.kl-legacy) .\32\/12--desk{
    width: 16.66667%;
  }


  :where(.kl-legacy) .\35\/12--desk{
    width: 41.66667%;
  }


  :where(.kl-legacy) .\37\/12--desk{
    width: 58.33333%;
  }


  :where(.kl-legacy) .\31\30\/12--desk{
    width: 83.33333%;
  }


  :where(.kl-legacy) .\31\31\/12--desk{
    width: 91.66667%;
  }


}



@media screen and (min-width: 1500px) {

  :where(.kl-legacy) .hidden-widescreen{
    display: none !important;
  }


  :where(.kl-legacy) .\31\/2--widescreen, :where(.kl-legacy) .\32\/4--widescreen, :where(.kl-legacy) .\36\/12--widescreen{
    width: 50%;
  }


  :where(.kl-legacy) .\31\/3--widescreen, :where(.kl-legacy) .\34\/12--widescreen{
    width: 33.33333%;
  }


  :where(.kl-legacy) .\32\/3--widescreen, :where(.kl-legacy) .\38\/12--widescreen{
    width: 66.66667%;
  }


  :where(.kl-legacy) .\31\/4--widescreen, :where(.kl-legacy) .\33\/12--widescreen{
    width: 25%;
  }


  :where(.kl-legacy) .\33\/4--widescreen, :where(.kl-legacy) .\39\/12--widescreen{
    width: 75%;
  }


  :where(.kl-legacy) .\31\/12--widescreen{
    width: 8.33333%;
  }


  :where(.kl-legacy) .\32\/12--widescreen{
    width: 16.66667%;
  }


  :where(.kl-legacy) .\35\/12--widescreen{
    width: 41.66667%;
  }


  :where(.kl-legacy) .\37\/12--widescreen{
    width: 58.33333%;
  }


  :where(.kl-legacy) .\31\30\/12--widescreen{
    width: 83.33333%;
  }


  :where(.kl-legacy) .\31\31\/12--widescreen{
    width: 91.66667%;
  }


}




:where(.kl-legacy) .pswp{
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none;
}


:where(.kl-legacy) .pswp img{
  max-width: none;
}


:where(.kl-legacy) .pswp--animate_opacity{
  opacity: 0.001;
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  will-change: opacity;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.22, 1);
}


:where(.kl-legacy) .pswp--open{
  display: block;
}


:where(.kl-legacy) .pswp--zoom-allowed .pswp__img{
  cursor: var(--cursor-zoom-in-svg) 18 18, zoom-in;
  cursor: -webkit-image-set(var(--cursor-zoom-in-svg) 1x, var(--cursor-zoom-in-2x-svg) 2x) 18 18, zoom-in;
}


:where(.kl-legacy) .pswp--zoomed-in .pswp__img{
  cursor: -webkit-grab;
  cursor: grab;
}


:where(.kl-legacy) .pswp--dragging .pswp__img{
  cursor: -webkit-grabbing;
  cursor: grabbing;
}


:where(.kl-legacy) .pswp__bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--background);
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}


:where(.kl-legacy) .pswp__scroll-wrap{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


:where(.kl-legacy) .pswp__container, :where(.kl-legacy) .pswp__zoom-wrap{
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}



:where(.kl-legacy) .pswp__container, :where(.kl-legacy) .pswp__img{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}


:where(.kl-legacy) .pswp__container{
  transition: transform 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}


:where(.kl-legacy) .pswp__zoom-wrap{
  position: absolute;
  width: 100%;
  transform-origin: left top;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.22, 1);
}


:where(.kl-legacy) .pswp__bg{
  will-change: opacity;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.22, 1);
}


:where(.kl-legacy) .pswp--animated-in .pswp__bg, :where(.kl-legacy) .pswp--animated-in .pswp__zoom-wrap{
  transition: none;
}


:where(.kl-legacy) .pswp__container, :where(.kl-legacy) .pswp__zoom-wrap{
  -webkit-backface-visibility: hidden;
}


:where(.kl-legacy) .pswp__item{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}


:where(.kl-legacy) .pswp__img{
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}


:where(.kl-legacy) .pswp__img--placeholder{
  -webkit-backface-visibility: hidden;
}


:where(.kl-legacy) .pswp__img--placeholder--blank{
  background: var(--background);
}


:where(.kl-legacy) .pswp--ie .pswp__img{
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}



:where(.kl-legacy) .pswp__ui{
  position: absolute;
  visibility: hidden;
  width: 100%;
  bottom: 50px;
  opacity: 0;
  transform: translateY(35px);
  left: 0;
  text-align: center;
  transition: all 0.15s ease-in-out;
}


:where(.kl-legacy) .pswp__button[disabled]{
  opacity: 0;
  pointer-events: none;
}


:where(.kl-legacy) .pswp--animated-in .pswp__ui{
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}


:where(.kl-legacy) .pswp--animated-in .pswp__ui--hidden{
  visibility: hidden;
  opacity: 0;
}


:where(.kl-legacy) .pswp__button--close{
  margin: 0 18px;
}


:where(.kl-legacy) .pswp__button svg{
  pointer-events: none;
}


:where(.kl-legacy) .pswp__error-msg{
  position: absolute;
  top: 40%;
  margin: 0 15px;
  padding: 8px 15px;
  background: #e6554d;
  color: #ffffff;
  text-align: center;
}


.js :where(.kl-legacy) .no-js, .no-js :where(.kl-legacy) .hide-no-js{
  display: none !important;
}


:where(.kl-legacy) .no-scroll{
  overflow: hidden;
}


:where(.kl-legacy):not(.is-tabbing) [tabindex]:focus, :where(.kl-legacy):not(.is-tabbing) button:focus, :where(.kl-legacy):not(.is-tabbing) input:focus, :where(.kl-legacy):not(.is-tabbing) select:focus, :where(.kl-legacy):not(.is-tabbing) textarea:focus{
  outline: none;
}


:where(.kl-legacy) [data-scrollable]{
  overflow: auto;
  /*-webkit-overflow-scrolling: touch;*/
}


:where(.kl-legacy) .Container{
  margin: 0 auto;
  padding: 0 24px;
}


:where(.kl-legacy) .Container--narrow{
  max-width: 1420px;
}


:where(.kl-legacy) .Container--extraNarrow{
  max-width: 800px;
}



:where(.kl-legacy) .FlexboxIeFix{
  display: flex;
  flex-direction: row;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Container{
    padding: 0 50px;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .Container{
    padding: 0 80px;
  }


}



:where(.kl-legacy){
  font-size: var(--base-text-font-size);
}


:where(.kl-legacy){
  font-family: var(--text-font-family);
  font-weight: var(--text-font-weight);
  font-style: var(--text-font-style);
  color: var(--text-color);
  background: var(--background);
  line-height: 1.7;
  font-feature-settings: 'palt'1;
  /* 修正 */
  /* 修正  line-height: 1.65; */
}


:where(.kl-legacy) .Link{
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}


.supports-hover :where(.kl-legacy) .Link--primary:hover, :where(.kl-legacy) .Link--primary.is-active{
  color: var(--text-color);
}


.supports-hover :where(.kl-legacy) .Link--secondary:hover, :where(.kl-legacy) .Link--secondary.is-active{
  color: var(--text-color-light);
}


:where(.kl-legacy) .Link--underline{
  position: relative;
  display: inline-block;
}


:where(.kl-legacy) .Link--underline::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: currentColor;
  transform: scale(1, 1);
  transform-origin: left center;
  transition: transform 0.2s ease-in-out;
}


@media (-moz-touch-enabled: 0),
(hover: hover) {

  :where(.kl-legacy) .Link--underline:hover::before{
    transform: scale(0, 1);
  }


}


:where(.kl-legacy) .Link--underlineShort::before{
  width: 100%;
}


.features--heading-uppercase :where(.kl-legacy) .Link--underlineShort::before{
  width: calc(100% - 0.2em);
}


:where(.kl-legacy) .Link--underlineNative{
  text-decoration: underline;
  text-underline-position: under;
}


:where(.kl-legacy) .Heading{
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  color: var(--heading-color);
  transition: color 0.2s ease-in-out;
}


.features--heading-uppercase :where(.kl-legacy) .Heading{
  letter-spacing: 0.2em;
  text-transform: uppercase;
}


:where(.kl-legacy) .Text--subdued{
  color: var(--heading-color);
  /*   color: var(--text-color-light); */
}


:where(.kl-legacy) .Text--subdued{
  color: var(--heading-color);
  /*   color: var(--text-color-light); */
}



:where(.kl-legacy) .ArticleItem__Category.Text--subdued{
  font-family: Montserrat, sans-serif;
  color: #D71518;
}



:where(.kl-legacy) .Text--alignCenter{
  text-align: center !important;
}


:where(.kl-legacy) .Text--alignRight{
  text-align: right !important;
}


:where(.kl-legacy) .Icon-Wrapper--clickable{
  position: relative;
  background: transparent;
  /* This is used to increase the clickable area */
}


:where(.kl-legacy) .Icon-Wrapper--clickable::before{
  position: absolute;
  content: "";
  top: -8px;
  right: -12px;
  /* left: -12px; */
  bottom: -8px;
  transform: translateZ(0);
  /* Needed to avoid a glitch on iOS */
}


:where(.kl-legacy) .Icon{
  display: inline-block;
  height: 1em;
  width: 1em;
  fill: currentColor;
  vertical-align: middle;
  stroke-width: 1px;
  background: none;
  pointer-events: none;
}


:where(.kl-legacy) .u-visually-hidden{
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}


.features--heading-small :where(.kl-legacy) .u-h1, .features--heading-small :where(.kl-legacy) .Rte h1{
  font-size: 20px;
}


.features--heading-small :where(.kl-legacy) .u-h2, .features--heading-small :where(.kl-legacy) .Rte h2{
  font-size: 18px;
}


.features--heading-small :where(.kl-legacy) .u-h3, .features--heading-small :where(.kl-legacy) .Rte h3{
  font-size: 16px;
}


.features--heading-small :where(.kl-legacy) .u-h4, .features--heading-small :where(.kl-legacy) .Rte h4{
  font-size: 15px;
}


.features--heading-small :where(.kl-legacy) .u-h5, .features--heading-small :where(.kl-legacy) .Rte h5{
  font-size: 13px;
}


.features--heading-small :where(.kl-legacy) .u-h6, .features--heading-small :where(.kl-legacy) .Rte h6{
  font-size: 12px;
}


.features--heading-small :where(.kl-legacy) .u-h7{
  font-size: 11px;
}


.features--heading-small :where(.kl-legacy) .u-h8{
  font-size: 10px;
}


.features--heading-normal :where(.kl-legacy) .u-h1, .features--heading-normal :where(.kl-legacy) .Rte h1{
  font-size: 22px;
}


.features--heading-normal :where(.kl-legacy) .u-h2, .features--heading-normal :where(.kl-legacy) .Rte h2{
  font-size: 20px;
}


.features--heading-normal :where(.kl-legacy) .u-h3, .features--heading-normal :where(.kl-legacy) .Rte h3{
  font-size: 18px;
}


.features--heading-normal :where(.kl-legacy) .u-h4, .features--heading-normal :where(.kl-legacy) .Rte h4{
  font-size: 16px;
}


.features--heading-normal :where(.kl-legacy) .u-h5, .features--heading-normal :where(.kl-legacy) .Rte h5{
  font-size: 14px;
}


.features--heading-normal :where(.kl-legacy) .u-h6, .features--heading-normal :where(.kl-legacy) .Rte h6{
  font-size: 13px;
}


.features--heading-normal :where(.kl-legacy) .u-h7{
  font-size: 12px;
}


.features--heading-normal :where(.kl-legacy) .u-h8{
  font-size: 12px;
}


.features--heading-large :where(.kl-legacy) .u-h1, .features--heading-large :where(.kl-legacy) .Rte h1{
  font-size: 24px;
}


.features--heading-large :where(.kl-legacy) .u-h2, .features--heading-large :where(.kl-legacy) .Rte h2{
  font-size: 22px;
}


.features--heading-large :where(.kl-legacy) .u-h3, .features--heading-large :where(.kl-legacy) .Rte h3{
  font-size: 20px;
}


.features--heading-large :where(.kl-legacy) .u-h4, .features--heading-large :where(.kl-legacy) .Rte h4{
  font-size: 18px;
}


.features--heading-large :where(.kl-legacy) .u-h5, .features--heading-large :where(.kl-legacy) .Rte h5{
  font-size: 16px;
}


.features--heading-large :where(.kl-legacy) .u-h6, .features--heading-large :where(.kl-legacy) .Rte h6{
  font-size: 15px;
}


.features--heading-large :where(.kl-legacy) .u-h7{
  font-size: 13px;
}


.features--heading-large :where(.kl-legacy) .u-h8{
  font-size: 13px;
}


@media screen and (min-width: 641px) {


  .features--heading-small :where(.kl-legacy) .u-h1, .features--heading-small :where(.kl-legacy) .Rte h1{
    font-size: 20px;
  }


  .features--heading-small :where(.kl-legacy) .u-h2, .features--heading-small :where(.kl-legacy) .Rte h2{
    font-size: 18px;
  }


  .features--heading-small :where(.kl-legacy) .u-h3, .features--heading-small :where(.kl-legacy) .Rte h3{
    font-size: 18px;
  }


  .features--heading-small :where(.kl-legacy) .u-h4, .features--heading-small :where(.kl-legacy) .Rte h4{
    font-size: 16px;
  }


  .features--heading-small :where(.kl-legacy) .u-h5, .features--heading-small :where(.kl-legacy) .Rte h5{
    font-size: 13px;
  }


  .features--heading-small :where(.kl-legacy) .u-h6, .features--heading-small :where(.kl-legacy) .Rte h6{
    font-size: 12px;
  }


  .features--heading-small :where(.kl-legacy) .u-h7{
    font-size: 11px;
  }


  .features--heading-small :where(.kl-legacy) .u-h8{
    font-size: 10px;
  }


  .features--heading-normal :where(.kl-legacy) .u-h1, .features--heading-normal :where(.kl-legacy) .Rte h1{
    font-size: 28px;
    /*     font-size: 22px; */
  }


  .features--heading-normal :where(.kl-legacy) .u-h2, .features--heading-normal :where(.kl-legacy) .Rte h2{
    font-size: 20px;
  }


  .features--heading-normal :where(.kl-legacy) .u-h3, .features--heading-normal :where(.kl-legacy) .Rte h3{
    font-size: 20px;
  }


  .features--heading-normal :where(.kl-legacy) .u-h4, .features--heading-normal :where(.kl-legacy) .Rte h4{
    font-size: 17px;
  }


  .features--heading-normal :where(.kl-legacy) .u-h5, .features--heading-normal :where(.kl-legacy) .Rte h5{
    font-size: 14px;
  }


  .features--heading-normal :where(.kl-legacy) .u-h6, .features--heading-normal :where(.kl-legacy) .Rte h6{
    font-size: 13px;
  }


  .features--heading-normal :where(.kl-legacy) .u-h7{
    font-size: 15px;
    font-weight: 300;
    /*  修正   font-size: 12px; */
  }


  .features--heading-normal :where(.kl-legacy) .u-h8{
    font-size: 12px;
  }


  .features--heading-large :where(.kl-legacy) .u-h1, .features--heading-large :where(.kl-legacy) .Rte h1{
    font-size: 24px;
  }


  .features--heading-large :where(.kl-legacy) .u-h2, .features--heading-large :where(.kl-legacy) .Rte h2{
    font-size: 22px;
  }


  .features--heading-large :where(.kl-legacy) .u-h3, .features--heading-large :where(.kl-legacy) .Rte h3{
    font-size: 20px;
  }


  .features--heading-large :where(.kl-legacy) .u-h4, .features--heading-large :where(.kl-legacy) .Rte h4{
    font-size: 19px;
  }


  .features--heading-large :where(.kl-legacy) .u-h5, .features--heading-large :where(.kl-legacy) .Rte h5{
    font-size: 16px;
  }


  .features--heading-large :where(.kl-legacy) .u-h6, .features--heading-large :where(.kl-legacy) .Rte h6{
    font-size: 15px;
  }


  .features--heading-large :where(.kl-legacy) .u-h7{
    font-size: 13px;
  }


  .features--heading-large :where(.kl-legacy) .u-h8{
    font-size: 13px;
  }


}


.js :where(.kl-legacy) .features--show-page-transition .PageTransition{
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--background);
  z-index: 1000;
  opacity: 1;
  visibility: visible;
  pointer-events: none;
  transition: all 0.25s ease;
}




:where(.kl-legacy) .Button, :where(.kl-legacy) .shopify-payment-button__button--unbranded, :where(.kl-legacy) input.spr-button-primary, :where(.kl-legacy) .spr-summary-actions-newreview, :where(.kl-legacy) .spr-button-primary:not(input), :where(.kl-legacy) .spr-pagination-prev>a, :where(.kl-legacy) .spr-pagination-next>a{
  position: relative;
  display: inline-block;
  padding: 14px 28px;
  line-height: normal;
  border: 1px solid transparent;
  border-radius: 0;
  text-transform: uppercase;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  text-align: center;
  letter-spacing: 0.2em;
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  background-color: transparent;
  transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 1;
  -webkit-tap-highlight-color: initial;
}


:where(.kl-legacy) .Button::before, :where(.kl-legacy) .shopify-payment-button__button--unbranded::before, :where(.kl-legacy) input.spr-button-primary::before, :where(.kl-legacy) .spr-summary-actions-newreview.spr-summary-actions-newreview::before, :where(.kl-legacy) .spr-button-primary:not(input)::before, :where(.kl-legacy) .spr-pagination-prev>a::before, :where(.kl-legacy) .spr-pagination-next>a::before{
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transform: scale(1, 1);
  transform-origin: left center;
  z-index: -1;
}


@media (-moz-touch-enabled: 0),
(hover: hover) {


  .features--show-button-transition :where(.kl-legacy) .Button:not([disabled])::before, .features--show-button-transition :where(.kl-legacy) .shopify-payment-button__button--unbranded:not([disabled])::before, .features--show-button-transition :where(.kl-legacy) input.spr-button-primary:not([disabled])::before, .features--show-button-transition :where(.kl-legacy) .spr-summary-actions-newreview:not([disabled])::before, .features--show-button-transition :where(.kl-legacy) .spr-button-primary:not(input):not([disabled])::before, .features--show-button-transition :where(.kl-legacy) .spr-pagination-prev>a:not([disabled])::before, .features--show-button-transition :where(.kl-legacy) .spr-pagination-next>a:not([disabled])::before{
    transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }


  .features--show-button-transition :where(.kl-legacy) .Button:not([disabled]):hover::before, .features--show-button-transition :where(.kl-legacy) .shopify-payment-button__button--unbranded:not([disabled]):hover::before, .features--show-button-transition :where(.kl-legacy) input.spr-button-primary:not([disabled]):hover::before, .features--show-button-transition :where(.kl-legacy) .spr-summary-actions-newreview:not([disabled]):hover::before, .features--show-button-transition :where(.kl-legacy) .spr-button-primary:not(input):not([disabled]):hover::before, .features--show-button-transition :where(.kl-legacy) .spr-pagination-prev>a:not([disabled]):hover::before, .features--show-button-transition :where(.kl-legacy) .spr-pagination-next>a:not([disabled]):hover::before{
    transform-origin: right center;
    transform: scale(0, 1);
  }


}


:where(.kl-legacy) .Button[disabled], :where(.kl-legacy) .shopify-payment-button__button--unbranded[disabled], :where(.kl-legacy) input.spr-button-primary[disabled], :where(.kl-legacy) .spr-summary-actions-newreview[disabled], :where(.kl-legacy) .spr-button-primary:not(input)[disabled], :where(.kl-legacy) .spr-pagination-prev>a[disabled], :where(.kl-legacy) .spr-pagination-next>a[disabled]{
  cursor: not-allowed;
}


:where(.kl-legacy) .Button--primary, :where(.kl-legacy) .shopify-payment-button__button--unbranded, :where(.kl-legacy) .spr-summary-actions-newreview, :where(.kl-legacy) .spr-button-primary:not(input){
  color: var(--button-text-color);
  border-color: var(--button-background);
}


:where(.kl-legacy) .Button--primary::before, :where(.kl-legacy) .shopify-payment-button__button--unbranded::before, :where(.kl-legacy) .spr-summary-actions-newreview::before, :where(.kl-legacy) .spr-button-primary:not(input)::before{
  background-color: var(--button-background);
}


@media (-moz-touch-enabled: 0),
(hover: hover) {


  .features--show-button-transition :where(.kl-legacy) .Button--primary:not([disabled]):hover, .features--show-button-transition :where(.kl-legacy) .shopify-payment-button__button--unbranded:not([disabled]):hover, .features--show-button-transition :where(.kl-legacy) .spr-summary-actions-newreview:not([disabled]):hover, .features--show-button-transition :where(.kl-legacy) .spr-button-primary:not(input):not([disabled]):hover{
    color: var(--button-background);
    background-color: transparent;
  }


}


:where(.kl-legacy) .Button--secondary, :where(.kl-legacy) .spr-pagination-prev>a, :where(.kl-legacy) .spr-pagination-next>a{
  color: var(--text-color-light);
  border: 1px solid rgba(var(--text-color-light-rgb), 0.2);
}


:where(.kl-legacy) .Button--secondary::before, :where(.kl-legacy) .spr-pagination-prev>a::before, :where(.kl-legacy) .spr-pagination-next>a::before{
  background-color: var(--button-background);
  transform-origin: right center;
  transform: scale(0, 1);
}


@media (-moz-touch-enabled: 0),
(hover: hover) {


  .features--show-button-transition :where(.kl-legacy) .Button--secondary:not([disabled]):hover, .features--show-button-transition :where(.kl-legacy) .spr-pagination-prev>a:not([disabled]):hover, .features--show-button-transition :where(.kl-legacy) .spr-pagination-next>a:not([disabled]):hover{
    color: var(--button-text-color);
    border-color: var(--button-background);
  }


  .features--show-button-transition :where(.kl-legacy) .Button--secondary:not([disabled]):hover::before, .features--show-button-transition :where(.kl-legacy) .spr-pagination-prev>a:not([disabled]):hover::before, .features--show-button-transition :where(.kl-legacy) .spr-pagination-next>a:not([disabled]):hover::before{
    transform-origin: left center;
    transform: scale(1, 1);
  }


}


:where(.kl-legacy) .Button--full{
  width: 100%;
}


:where(.kl-legacy) .Button--stretched{
  padding-left: 40px;
  padding-right: 40px;
}


:where(.kl-legacy) .Button--small{
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
  padding: 12px 24px;
}


:where(.kl-legacy) .Button__SeparatorDot{
  display: inline-block;
  margin: 0 18px;
  content: "";
  height: 3px;
  width: 3px;
  border-radius: 100%;
  background: currentColor;
}


:where(.kl-legacy) .ButtonWrapper{
  text-align: center;
}



:where(.kl-legacy) .Button__PrimaryState, :where(.kl-legacy) .Button__SecondaryState{
  display: block;
  transition: transform 0.4s cubic-bezier(0.75, 0, 0.125, 1), opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1);
}


:where(.kl-legacy) .Button__SecondaryState{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  text-align: center;
  opacity: 0;
  transform: translate(-50%, 100%);
}


:where(.kl-legacy) .Button--secondaryState .Button__PrimaryState{
  opacity: 0;
  transform: translateY(-100%);
}


:where(.kl-legacy) .Button--secondaryState .Button__SecondaryState{
  opacity: 1;
  transform: translate(-50%, -50%);
}




:where(.kl-legacy) .ButtonGroup{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: -12px;
}


:where(.kl-legacy) .ButtonGroup__Item{
  margin: 12px;
}


:where(.kl-legacy) .ButtonGroup__Item--expand{
  flex: 1 1 0;
}


:where(.kl-legacy) .ButtonGroup--spacingSmall{
  margin: -8px;
}


:where(.kl-legacy) .ButtonGroup--spacingSmall .ButtonGroup__Item{
  margin: 8px;
}


:where(.kl-legacy) .ButtonGroup--sameSize .ButtonGroup__Item{
  flex: 0 1 auto;
  white-space: nowrap;
  max-width: 245px;
}


@supports ((-o-object-fit: cover) or (object-fit: cover)) {

  :where(.kl-legacy) .ButtonGroup--sameSize .ButtonGroup__Item{
    flex: 1 1 0;
    /* There is a bug in IE11 so we're forced to use this trick */
  }


}


@media screen and (min-width: 641px) {

  @supports (display: inline-grid) {

    :where(.kl-legacy) .ButtonGroup--sameSize{
      display: inline-grid;
      grid-template-columns: 1fr 1fr;
    }


    :where(.kl-legacy) .ButtonGroup--sameSize .ButtonGroup__Item{
      max-width: none;
    }

  
}


}




:where(.kl-legacy) .RoundButton, :where(.kl-legacy) .flickity-prev-next-button{
  position: relative;
  width: 45px;
  height: 45px;
  border: none;
  border-radius: 50%;
  background: var(--button-text-color);
  color: var(--button-background);
  cursor: pointer;
  text-align: center;
  z-index: 1;
  box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
  vertical-align: middle;
  line-height: 0;
  transform: scale(1.001);
  /* Avoid rounding error during animation in Chrome */
  transition: background 0.15s ease-in-out, opacity 0.15s ease-in-out, transform 0.2s ease-in-out, color 0.2s ease-in-out;
  overflow: hidden;
}


:where(.kl-legacy) .RoundButton.is-active, :where(.kl-legacy) .flickity-prev-next-button.is-active{
  background: var(--button-background);
  color: var(--button-text-color);
  outline: none;
}


:where(.kl-legacy) .RoundButton svg, :where(.kl-legacy) .flickity-prev-next-button svg{
  height: 15px;
  width: 15px;
  fill: currentColor;
}


:where(.kl-legacy) .RoundButton--small{
  width: 35px;
  height: 35px;
}


:where(.kl-legacy) .RoundButton--small svg{
  height: 14px;
  width: 14px;
}


:where(.kl-legacy) .RoundButton--medium{
  width: 50px;
  height: 50px;
}


:where(.kl-legacy) .RoundButton--medium svg{
  height: 18px;
  width: 18px;
}


:where(.kl-legacy) .RoundButton--large{
  width: 55px;
  height: 55px;
}


:where(.kl-legacy) .RoundButton--large svg{
  height: 15px;
  width: 15px;
}


:where(.kl-legacy) .RoundButton--flat{
  box-shadow: 0 1px 5px rgba(54, 54, 54, 0.15);
  color: rgba(var(--button-background-rgb), 0.5);
}



:where(.kl-legacy) .RoundButton__PrimaryState, :where(.kl-legacy) .RoundButton__SecondaryState{
  display: block;
  transition: transform 0.4s cubic-bezier(0.75, 0, 0.125, 1), opacity 0.4s cubic-bezier(0.75, 0, 0.125, 1);
}


:where(.kl-legacy) .RoundButton__SecondaryState{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  text-align: center;
  opacity: 0;
  transform: translate(-50%, 100%);
}


:where(.kl-legacy) .RoundButton--secondaryState .RoundButton__PrimaryState{
  opacity: 0;
  transform: translateY(-100%);
}


:where(.kl-legacy) .RoundButton--secondaryState .RoundButton__SecondaryState{
  opacity: 1;
  transform: translate(-50%, -50%);
}



@-webkit-keyframes buttonFromLeftToRight {
  0% {
    transform: translateX(0%);
  }

  25% {
    opacity: 0;
    transform: translateX(100%);
  }

  50% {
    opacity: 0;
    transform: translateX(-100%);
  }

  75% {
    opacity: 1;
    transform: translateX(0%);
  }
}


@keyframes buttonFromLeftToRight {
  0% {
    transform: translateX(0%);
  }

  25% {
    opacity: 0;
    transform: translateX(100%);
  }

  50% {
    opacity: 0;
    transform: translateX(-100%);
  }

  75% {
    opacity: 1;
    transform: translateX(0%);
  }
}


@-webkit-keyframes buttonFromRightToLeft {
  0% {
    transform: translateX(0%);
  }

  25% {
    opacity: 0;
    transform: translateX(-100%);
  }

  50% {
    opacity: 0;
    transform: translateX(100%);
  }

  75% {
    opacity: 1;
    transform: translateX(0%);
  }
}


@keyframes buttonFromRightToLeft {
  0% {
    transform: translateX(0%);
  }

  25% {
    opacity: 0;
    transform: translateX(-100%);
  }

  50% {
    opacity: 0;
    transform: translateX(100%);
  }

  75% {
    opacity: 1;
    transform: translateX(0%);
  }
}


@-webkit-keyframes buttonFromTopToBottom {
  0% {
    transform: translateY(0%);
  }

  25% {
    opacity: 0;
    transform: translateY(100%);
  }

  50% {
    opacity: 0;
    transform: translateY(-100%);
  }

  75% {
    opacity: 1;
    transform: translateY(0%);
  }
}


@keyframes buttonFromTopToBottom {
  0% {
    transform: translateY(0%);
  }

  25% {
    opacity: 0;
    transform: translateY(100%);
  }

  50% {
    opacity: 0;
    transform: translateY(-100%);
  }

  75% {
    opacity: 1;
    transform: translateY(0%);
  }
}


@media (-moz-touch-enabled: 0),
(hover: hover) {

  :where(.kl-legacy) .RoundButton:hover{
    transform: scale(1.1);
  }


  :where(.kl-legacy) .RoundButton--small:hover{
    transform: scale(1.15);
  }


  :where(.kl-legacy) .RoundButton:not([aria-expanded=true]):hover{
    color: var(--button-background);
  }


  :where(.kl-legacy) .RoundButton[data-animate-left]:hover svg, :where(.kl-legacy) .flickity-prev-next-button.previous:hover svg{
    -webkit-animation: buttonFromRightToLeft 0.5s ease-in-out forwards;
    animation: buttonFromRightToLeft 0.5s ease-in-out forwards;
  }


  :where(.kl-legacy) .RoundButton[data-animate-right]:hover svg, :where(.kl-legacy) .flickity-prev-next-button.next:hover svg{
    -webkit-animation: buttonFromLeftToRight 0.5s ease-in-out forwards;
    animation: buttonFromLeftToRight 0.5s ease-in-out forwards;
  }


  :where(.kl-legacy) .RoundButton[data-animate-bottom]:hover svg{
    -webkit-animation: buttonFromTopToBottom 0.5s ease-in-out forwards;
    animation: buttonFromTopToBottom 0.5s ease-in-out forwards;
  }


}




:where(.kl-legacy) .flickity-enabled{
  position: relative;
}


:where(.kl-legacy):not(.is-tabbing) .flickity-enabled:focus{
  outline: none;
}


:where(.kl-legacy) .flickity-viewport{
  overflow: hidden;
  position: relative;
  height: auto;
}


:where(.kl-legacy) .ProductListWrapper .flickity-viewport{
  margin-top: 50px;
  overflow: unset;
}


:where(.kl-legacy) .flickity-slider{
  position: absolute;
  width: 100%;
  height: 100%;
}



:where(.kl-legacy) .flickity-enabled{
  -webkit-tap-highlight-color: transparent;
}


:where(.kl-legacy) .flickity-enabled.is-draggable{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


:where(.kl-legacy) .flickity-enabled.is-draggable .flickity-viewport{
  cursor: -webkit-grab;
  cursor: grab;
}


:where(.kl-legacy) .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{
  cursor: -webkit-grabbing;
  cursor: grabbing;
}



:where(.kl-legacy) .flickity-prev-next-button{
  position: absolute;
}


:where(.kl-legacy) .flickity-prev-next-button[disabled]{
  opacity: 0;
}


:where(.kl-legacy) .flickity-prev-next-button svg{
  width: auto;
  height: 18px;
  stroke-width: 1.5px;
  stroke: currentColor;
}



:where(.kl-legacy) .flickity-page-dots{
  width: 100%;
  padding: 0;
  margin: 22px 0 0 0;
  list-style: none;
  text-align: center;
}


:where(.kl-legacy) .flickity-page-dots .dot{
  position: relative;
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 6px;
  border-radius: 50%;
  cursor: pointer;
  background: #ccc;
  /*   修正　background: transparent; */
  /*   border: 1px solid var(--border-color); */
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  /* This is used to increase the clickable area */
}


:where(.kl-legacy) .flickity-page-dots .dot::before{
  position: absolute;
  content: "";
  top: -6px;
  right: -6px;
  left: -6px;
  bottom: -6px;
}


:where(.kl-legacy) .flickity-page-dots .dot.is-selected{
  background: currentColor;
  border-color: currentColor;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .flickity-page-dots .dot{
    width: 10px;
    height: 10px;
    margin: 0 7px;
    border-width: 2px;
  }


}




:where(.kl-legacy) .Carousel{
  position: relative;
}


:where(.kl-legacy) .Carousel--fixed, :where(.kl-legacy) .Carousel--fixed .flickity-viewport, :where(.kl-legacy) .Carousel--fixed .Carousel__Cell{
  height: 100%;
}



:where(.kl-legacy) .Carousel:not(.flickity-enabled) .Carousel__Cell:not(.is-selected){
  display: none;
}


:where(.kl-legacy) .Carousel__Cell{
  display: block;
  width: 100%;
}


.js :where(.kl-legacy) .Carousel--fadeIn .flickity-slider{
  transform: none !important;
}


.js :where(.kl-legacy) .Carousel--fadeIn .Carousel__Cell{
  left: 0 !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}


.js :where(.kl-legacy) .Carousel--fadeIn .Carousel__Cell.is-selected{
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}


:where(.kl-legacy) .Carousel--insideDots .flickity-page-dots{
  position: absolute;
  width: auto;
  margin: 0;
  bottom: 20px;
  left: 20px;
}


:where(.kl-legacy) .Carousel--insideDots .flickity-page-dots .dot{
  border-color: currentColor;
}


:where(.kl-legacy) .Carousel--insideDots .flickity-page-dots .dot.is-selected{
  background: #D71518;
  /*   修正background: currentColor; */
}


:where(.kl-legacy) .Carousel--insideDots .flickity-prev-next-button{
  bottom: -25px;
  z-index: 1;
}


:where(.kl-legacy) .Carousel--insideDots .flickity-prev-next-button.next{
  right: 25px;
}


:where(.kl-legacy) .Carousel--insideDots .flickity-prev-next-button.previous{
  right: 75px;
  margin-right: 15px;
}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Carousel--insideDots .flickity-page-dots{
    bottom: 28px;
    right: 24px;
    left: auto;
  }


}



:where(.kl-legacy) .Collapsible{
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  overflow: hidden;
}


:where(.kl-legacy) .Collapsible+.Collapsible{
  border-top: none;
}


:where(.kl-legacy) .Collapsible--padded{
  padding-left: 24px;
  padding-right: 24px;
}


:where(.kl-legacy) .Collapsible__Button{
  display: block;
  position: relative;
  width: 100%;
  padding: 20px 0;
  text-align: left;
  cursor: pointer;
}


:where(.kl-legacy) .Collapsible__Plus{
  position: absolute;
  right: 0;
  top: calc(50% - (11px / 2));
  width: 11px;
  height: 11px;
}


:where(.kl-legacy) .Collapsible__Plus::before, :where(.kl-legacy) .Collapsible__Plus::after{
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  background-color: currentColor;
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}


:where(.kl-legacy) .Collapsible__Plus::before{
  width: 11px;
  height: 1px;
  opacity: 1;
}


:where(.kl-legacy) .Collapsible__Plus::after{
  width: 1px;
  height: 11px;
}


:where(.kl-legacy) .Collapsible__Button[aria-expanded=true] .Collapsible__Plus::before, :where(.kl-legacy) .Collapsible__Button[aria-expanded=true] .Collapsible__Plus::after{
  transform: translate(-50%, -50%) rotate(90deg);
}


:where(.kl-legacy) .Collapsible__Button[aria-expanded=true] .Collapsible__Plus::before{
  opacity: 0;
}


:where(.kl-legacy) .Collapsible .Collapsible{
  margin-left: 16px;
  border: none;
}


:where(.kl-legacy) .Collapsible .Collapsible .Collapsible__Button{
  padding: 13px 0;
}


:where(.kl-legacy) .Collapsible__Inner{
  display: block;
  height: 0;
  visibility: hidden;
  transition: height 0.35s ease-in-out, visibility 0s ease-in-out 0.35s;
  overflow: hidden;
}


:where(.kl-legacy) .Collapsible__Button[aria-expanded=true]+.Collapsible__Inner{
  visibility: visible;
  transition: height 0.35s ease-in-out;
}


:where(.kl-legacy) .Collapsible__Content{
  padding-bottom: 18px;
}


:where(.kl-legacy) .Collapsible .Linklist{
  margin-bottom: 4px;
}


:where(.kl-legacy) .Collapsible .Linklist--bordered{
  margin-top: 16px;
  margin-bottom: 4px;
}




@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Collapsible--padded{
    padding-left: 30px;
    padding-right: 30px;
  }


  :where(.kl-legacy) .Collapsible--large .Collapsible__Button{
    padding: 34px 0;
  }


  :where(.kl-legacy) .Collapsible--large .Collapsible__Content{
    padding-bottom: 45px;
  }


  :where(.kl-legacy) button.Button.Button--secondary{
    margin-top: 32px;
  }


}



:where(.kl-legacy) .Drawer{
  position: fixed;
  top: 0;
  left: 0;
  visibility: hidden;
  width: calc(100vw - 65px);
  /* Interestingly, 100% does not work on iOS 9 and lower */
  height: 100vh;
  max-height: none;
  z-index: 20;
  transition: transform 0.5s var(--drawer-transition-timing), visibility 0.5s var(--drawer-transition-timing);
  background: var(--background);
  box-shadow: none;
  touch-action: manipulation;
  /* Animating box-shadow is slow, even on modern browsers, so we instead move it in a pseudo-element and animate opacity */
}


:where(.kl-legacy) .Drawer:focus{
  outline: none;
}


:where(.kl-legacy) .Drawer::before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  box-shadow: 2px 0 10px rgba(54, 54, 54, 0.2), -2px 0 10px rgba(54, 54, 54, 0.2);
  opacity: 0;
  transition: opacity 0.5s var(--drawer-transition-timing);
}


:where(.kl-legacy) .Drawer--secondary{
  background: var(--light-background);
}


:where(.kl-legacy) .Drawer--fromLeft{
  transform: translateX(calc(-100vw + 65px));
}


:where(.kl-legacy) .Drawer--fromRight{
  right: 0;
  left: auto;
  transform: translateX(calc(100vw - 65px));
}


:where(.kl-legacy) .Drawer[aria-hidden=false]{
  visibility: visible;
  transform: translateX(0);
}


:where(.kl-legacy) .Drawer[aria-hidden=false]::before{
  opacity: 1;
}


:where(.kl-legacy) .Drawer__Container{
  width: 100%;
}


:where(.kl-legacy) .Drawer--fromLeft .Drawer__Container{
  padding-left: 18px;
  padding-right: 24px;
}


:where(.kl-legacy) .Drawer--fromRight .Drawer__Container{
  padding-left: 24px;
  padding-right: 18px;
}


:where(.kl-legacy) .Drawer__Header{
  display: flex;
  align-items: center;
  position: relative;
  height: 50px;
  max-height: 60px;
  background: inherit;
  text-align: center;
  z-index: 1;
}


:where(.kl-legacy) .Drawer__Header--flexible{
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  padding-top: 20px;
  padding-bottom: 20px;
}


:where(.kl-legacy) .Drawer__Header--flexible .Drawer__Close{
  top: 25px;
}


@supports (--css: variables) {

  :where(.kl-legacy) .Drawer__Header{
    height: var(--header-height);
  }


}


:where(.kl-legacy) .Drawer__Header--center{
  justify-content: center;
}


:where(.kl-legacy) .Drawer__Close{
  position: absolute;
  margin-left: 0;
  left: 18px;
  top: calc(50% - 7px);
  line-height: 0;
}


:where(.kl-legacy) .Drawer__Close svg{
  width: 15px;
  height: 15px;
  stroke-width: 1.25px;
}


:where(.kl-legacy) .Drawer--fromRight .Drawer__Close{
  right: 18px;
  left: auto;
}


:where(.kl-legacy) .Drawer__Header--bordered{
  box-shadow: 0 -1px var(--border-color) inset;
}


:where(.kl-legacy) .Drawer--secondary .Drawer__Header--bordered{
  box-shadow: 0 -1px rgba(var(--border-color-rgb), 0.6) inset;
}


:where(.kl-legacy) .Drawer--secondary .Collapsible{
  border-bottom-color: rgba(var(--border-color-rgb), 0.6);
}


:where(.kl-legacy) .Drawer__Content{
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: calc(100% - 60px);
  max-height: calc(100% - 50px);
  /* This handles an edge case when the header is much bigger than the maximum size for content, but this only works on Safari as of today */
}


@supports (--css: variables) {

  :where(.kl-legacy) .Drawer__Content{
    height: calc(100% - var(--header-height));
    max-height: calc(100% - var(--header-height));
  }


}


@supports (width: calc(max(100%))) {

  :where(.kl-legacy) .Drawer__Content{
    height: max(calc(100% - var(--header-height)), calc(100% - 60px));
    max-height: max(calc(100% - var(--header-height)), calc(100% - 60px));
  }


}


:where(.kl-legacy) .Drawer__Main{
  flex: 1 1 auto;
}


:where(.kl-legacy) .Drawer__Footer{
  flex: none;
  box-shadow: 0 -1px var(--border-color);
}


:where(.kl-legacy) .Drawer--secondary .Drawer__Footer{
  box-shadow: 0 -1px rgba(var(--border-color-rgb), 0.6);
}


:where(.kl-legacy) .Drawer__Footer--padded{
  padding: 24px;
}


@supports (padding: max(0px)) {

  :where(.kl-legacy) .Drawer__Footer--padded{
    padding-bottom: max(24px, env(safe-area-inset-bottom, 0px) + 24px);
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Drawer{
    width: 400px;
    transform: translateX(-100%);
  }


  :where(.kl-legacy) .Drawer--small{
    width: 340px;
  }


  :where(.kl-legacy) .Drawer--fromRight{
    transform: translateX(100%);
  }


  :where(.kl-legacy) .Drawer__Header{
    max-height: 80px;
    min-height: 60px;
  }


  @supports (width: calc(max(100%))) {

    :where(.kl-legacy) .Drawer__Content{
      /* This handles an edge case when the header is much bigger than the maximum size for content, but this only works on Safari as of today */
      height: max(calc(100% - var(--header-height)), calc(100% - 80px));
      max-height: max(calc(100% - var(--header-height)), calc(100% - 80px));
    }

  
}


  :where(.kl-legacy) .Drawer--fromLeft .Drawer__Container, :where(.kl-legacy) .Drawer--fromRight .Drawer__Container{
    padding-left: 30px;
    padding-right: 30px;
  }


  :where(.kl-legacy) .Drawer__Close{
    left: 30px;
  }


  :where(.kl-legacy) .Drawer--fromRight .Drawer__Close{
    right: 30px;
    left: auto;
  }


  :where(.kl-legacy) .Drawer__Close svg{
    stroke-width: 1.5px;
  }


  :where(.kl-legacy) .Drawer__Footer--padded{
    padding: 24px 30px;
  }


}




:where(.kl-legacy) [data-drawer-animated-left], :where(.kl-legacy) [data-drawer-animated-right]{
  opacity: 0;
  transition: opacity 0.5s ease 0.25s, transform 0.5s ease 0.25s;
}


:where(.kl-legacy) .Drawer[aria-hidden=false] [data-drawer-animated-left], :where(.kl-legacy) .Drawer[aria-hidden=false] [data-drawer-animated-right]{
  opacity: 1;
  transform: translateX(0);
}


:where(.kl-legacy) [data-drawer-animated-left]{
  transform: translateX(-65px);
}


:where(.kl-legacy) [data-drawer-animated-right]{
  transform: translateX(65px);
}


:where(.kl-legacy) [data-drawer-animated-bottom]{
  opacity: 0;
  transform: translateY(45px);
  transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


:where(.kl-legacy) .Drawer[aria-hidden=false] [data-drawer-animated-bottom]{
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
}



:where(.kl-legacy) .Form{
  width: 100%;
}


:where(.kl-legacy) .Form__Item{
  position: relative;
  margin-bottom: 15px;
}


:where(.kl-legacy) .Form__Input, :where(.kl-legacy) .Form__Textarea, :where(.kl-legacy) .spr-form-input-text, :where(.kl-legacy) .spr-form-input-email, :where(.kl-legacy) .spr-form-input-textarea{
  -webkit-appearance: none;
  display: block;
  padding: 12px 14px;
  border-radius: 0;
  border: 1px solid var(--border-color);
  width: 100%;
  line-height: normal;
  resize: none;
  transition: border-color 0.1s ease-in-out;
  background: transparent;
}


:where(.kl-legacy) .Form__Input:focus, :where(.kl-legacy) .Form__Textarea:focus, :where(.kl-legacy) .spr-form-input-text:focus, :where(.kl-legacy) .spr-form-input-email:focus, :where(.kl-legacy) .spr-form-input-textarea:focus{
  border-color: rgba(var(--text-color-rgb), 0.8);
  outline: none;
}


:where(.kl-legacy) .Form__Input::-moz-placeholder, :where(.kl-legacy) .Form__Textarea::-moz-placeholder, :where(.kl-legacy) .spr-form-input-text::-moz-placeholder, :where(.kl-legacy) .spr-form-input-email::-moz-placeholder, :where(.kl-legacy) .spr-form-input-textarea::-moz-placeholder{
  color: var(--text-color-light);
}


:where(.kl-legacy) .Form__Input:-ms-input-placeholder, :where(.kl-legacy) .Form__Textarea:-ms-input-placeholder, :where(.kl-legacy) .spr-form-input-text:-ms-input-placeholder, :where(.kl-legacy) .spr-form-input-email:-ms-input-placeholder, :where(.kl-legacy) .spr-form-input-textarea:-ms-input-placeholder{
  color: var(--text-color-light);
}


:where(.kl-legacy) .Form__Input::placeholder, :where(.kl-legacy) .Form__Textarea::placeholder, :where(.kl-legacy) .spr-form-input-text::placeholder, :where(.kl-legacy) .spr-form-input-email::placeholder, :where(.kl-legacy) .spr-form-input-textarea::placeholder{
  color: var(--text-color-light);
}


:where(.kl-legacy) .Form__FloatingLabel{
  position: absolute;
  bottom: calc(100% - 8px);
  left: 10px;
  padding: 0 5px;
  line-height: normal;
  color: var(--text-color-light);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  opacity: 0;
  background: rgba(var(--background-rgb), 0);
  pointer-events: none;
  transform: translateY(3px);
  transition: all 0.3s ease-in-out;
}


:where(.kl-legacy) .Form__Input:not(:-moz-placeholder-shown)~.Form__FloatingLabel, :where(.kl-legacy) .Form__Textarea:not(:-moz-placeholder-shown)~.Form__FloatingLabel{
  opacity: 1;
  background: var(--background);
  transform: translateY(0);
}


:where(.kl-legacy) .Form__Input:not(:-ms-input-placeholder)~.Form__FloatingLabel, :where(.kl-legacy) .Form__Textarea:not(:-ms-input-placeholder)~.Form__FloatingLabel{
  opacity: 1;
  background: var(--background);
  transform: translateY(0);
}


:where(.kl-legacy) .Form__Input:not(:placeholder-shown)~.Form__FloatingLabel, :where(.kl-legacy) .Form__Textarea:not(:placeholder-shown)~.Form__FloatingLabel{
  opacity: 1;
  background: var(--background);
  transform: translateY(0);
}


:where(.kl-legacy) .Form__Checkbox{
  position: absolute;
  opacity: 0;
}


:where(.kl-legacy) .Form__Checkbox~label::before{
  display: inline-block;
  content: "";
  width: 1em;
  height: 1em;
  margin-right: 10px;
  border: 1px solid var(--border-color);
  vertical-align: -2px;
}


:where(.kl-legacy) .Form__Checkbox~svg{
  position: absolute;
  top: 5px;
  left: 1px;
  width: 12px;
  height: 12px;
  transform: scale(0);
  transition: transform 0.2s ease-in-out;
  will-change: transform;
}


:where(.kl-legacy) .Form__Checkbox:checked~label::before{
  border-color: var(--text-color);
}


:where(.kl-legacy) .Form__Checkbox:checked~svg{
  transform: scale(1);
}


:where(.kl-legacy) .Form__Alert, :where(.kl-legacy) .spr-form-message{
  margin-bottom: 20px;
}


:where(.kl-legacy) .Form__Submit{
  display: block;
  margin-top: 20px;
}


:where(.kl-legacy) .Form__Label, :where(.kl-legacy) .spr-form-label{
  display: block;
  padding-bottom: 8px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  text-transform: uppercase;
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  letter-spacing: 0.2em;
  line-height: normal;
}


:where(.kl-legacy) .Form--small .Form__Input, :where(.kl-legacy) .Form--small .Form__Textarea{
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  padding-top: 10px;
  padding-bottom: 10px;
}


:where(.kl-legacy) .Form--spacingTight .Form__Item{
  margin-bottom: 15px;
}


:where(.kl-legacy) .Form--spacingTight .Form__Alert{
  margin-bottom: 20px;
}


@media screen and (min-width: 641px) {


  :where(.kl-legacy) .Form__Item, :where(.kl-legacy) .Form__Alert{
    margin-bottom: 30px;
  }


  :where(.kl-legacy) .Form__Group{
    display: flex;
  }


  :where(.kl-legacy) .Form__Group>.Form__Item{
    flex: 1;
  }


  :where(.kl-legacy) .Form__Group> :nth-child(2){
    margin-left: 30px;
  }


  :where(.kl-legacy) .Form--spacingTight .Form__Group> :nth-child(2){
    margin-left: 15px;
  }


}




:where(.kl-legacy) .Form__Header{
/*   修正 */
  margin-top: 60px;
  margin-bottom: 24px;
  text-align: center;
}


:where(.kl-legacy) .Form__Hint{
  margin: 24px 0 0 0;
}


:where(.kl-legacy) .Form__Hint:not(:last-child){
  margin-bottom: 32px;
}


:where(.kl-legacy) .Form__Hint--center{
  text-align: center;
}


:where(.kl-legacy) .Form__ItemHelp{
  position: absolute;
  right: 12px;
  top: 50%;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  color: var(--text-color-light);
  transform: translateY(-50%);
}



:where(.kl-legacy) select::-ms-expand{
  display: none;
}


:where(.kl-legacy) .Select{
  position: relative;
  color: currentColor;
  line-height: 1;
  vertical-align: middle;
}


:where(.kl-legacy) .Select svg{
  position: absolute;
  line-height: normal;
  pointer-events: none;
  vertical-align: baseline;
  fill: currentColor;
}


:where(.kl-legacy) .Select select{
  /* Disable built-in styles */
  -webkit-appearance: none;
  -moz-appearance: none;
  display: inline-block;
  color: inherit;
  cursor: pointer;
  border-radius: 0;
  line-height: normal;
  /* Remove the ugly blue background on IE when a value is selected */
}


:where(.kl-legacy) .Select select:focus::-ms-value{
  background: var(--background);
  color: var(--text-color);
}



:where(.kl-legacy) .Select option{
  background: white;
  color: black;
}


:where(.kl-legacy) .Select--primary::after{
  content: "";
  position: absolute;
  right: 1px;
  top: 1px;
  height: calc(100% - 2px);
  width: 55px;
  background: linear-gradient(to right, rgba(var(--background-rgb), 0), rgba(var(--background-rgb), 0.7) 20%, var(--background) 40%);
  pointer-events: none;
}


:where(.kl-legacy) .Select--primary select{
  width: 100%;
  height: 45px;
  padding-left: 14px;
  padding-right: 28px;
  border: 1px solid var(--border-color);
  background: var(--background);
}


:where(.kl-legacy) .Select--primary select:active, :where(.kl-legacy) .Select--primary select:focus{
  border-color: var(--text-color);
  outline: none;
}


:where(.kl-legacy) .Select--primary svg{
  top: calc(50% - 5px);
  right: 15px;
  width: 10px;
  height: 10px;
  z-index: 1;
}


:where(.kl-legacy) .Select--transparent select{
  padding-right: 15px;
  background: transparent;
  border: none;
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  font-size: inherit;
  text-transform: uppercase;
}


.features--heading-uppercase :where(.kl-legacy) .Select--transparent select{
  letter-spacing: 0.2em;
}


:where(.kl-legacy) .Select--transparent svg{
  top: calc(50% - 3px);
  right: 0;
  height: 6px;
}




:where(.kl-legacy) .SelectButton{
  position: relative;
  color: currentColor;
  padding: 2px 18px 2px 0;
  background: transparent;
  border: none;
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  text-transform: uppercase;
}


.features--heading-uppercase :where(.kl-legacy) .SelectButton{
  letter-spacing: 0.2em;
}


:where(.kl-legacy) .SelectButton svg{
  position: absolute;
  top: calc(50% - 3px);
  right: 0;
  height: 6px;
}





:where(.kl-legacy) .input-prefix{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
  border: 1px solid var(--border-color);
  font-size: 14px;
}


:where(.kl-legacy) .input-prefix__field{
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: textfield;
  min-width: 0;
  width: 100%;
  background: transparent;
  border: none;
  text-align: end;
}


:where(.kl-legacy) .input-prefix__field::-webkit-outer-spin-button, :where(.kl-legacy) .input-prefix__field::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}


:where(.kl-legacy) .input-prefix__field::-moz-placeholder{
  color: var(--text-color-light);
}


:where(.kl-legacy) .input-prefix__field:-ms-input-placeholder{
  color: var(--text-color-light);
}


:where(.kl-legacy) .input-prefix__field::placeholder{
  color: var(--text-color-light);
}






:where(.kl-legacy) .range{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
  /* Specific width is required for Firefox. */
  background: transparent;
  /* Otherwise white in Chrome */
}


:where(.kl-legacy) .range::-webkit-slider-thumb{
  -webkit-appearance: none;
}




:where(.kl-legacy) .range::-webkit-slider-thumb{
  position: relative;
  height: 10px;
  width: 10px;
  border-radius: 100%;
  border: none;
  background: var(--text-color);
  cursor: pointer;
  margin-top: -4px;
  z-index: 1;
}


:where(.kl-legacy) .range::-webkit-slider-runnable-track{
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: var(--border-color);
  border-radius: 4px;
  border: none;
}




:where(.kl-legacy) .range::-moz-range-thumb{
  height: 10px;
  width: 10px;
  border-radius: 100%;
  border: none;
  background: var(--text-color);
  cursor: pointer;
}


:where(.kl-legacy) .range::-moz-range-progress, :where(.kl-legacy) .range::-moz-range-track{
  width: 100%;
  height: 2px;
  cursor: pointer;
  border-radius: 4px;
  border: none;
}


:where(.kl-legacy) .range::-moz-range-progress{
  background-color: rgba(var(--text-color-rgb), 0.7);
}


:where(.kl-legacy) .range::-moz-range-track{
  background-color: var(--border-color);
}




@media not screen and (any-hover: hover) {

  :where(.kl-legacy) .range::-webkit-slider-thumb{
    height: 18px;
    width: 18px;
    margin-top: -8px;
  }


  :where(.kl-legacy) .range::-moz-range-thumb{
    height: 20px;
    width: 20px;
  }


}




:where(.kl-legacy) .range-group{
  height: 2px;
  background: linear-gradient(to right, var(--border-color) var(--range-min), rgba(var(--text-color-rgb), 0.7) var(--range-min), rgba(var(--text-color-rgb), 0.7) var(--range-max), var(--border-color) var(--range-max));
  border-radius: 4px;
}


:where(.kl-legacy) .range-group .range{
  pointer-events: none;
  height: 2px;
  vertical-align: top;
}


:where(.kl-legacy) .range-group .range::-webkit-slider-runnable-track{
  background: none;
}


:where(.kl-legacy) .range-group .range::-webkit-slider-thumb{
  pointer-events: auto;
}


:where(.kl-legacy) .range-group .range::-moz-range-progress, :where(.kl-legacy) .range-group .range::-moz-range-track{
  background: none;
}


:where(.kl-legacy) .range-group .range::-moz-range-thumb{
  pointer-events: auto;
}


:where(.kl-legacy) .range-group .range:last-child{
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}


:where(.kl-legacy) .HorizontalList{
  list-style: none;
  margin: -6px -8px;
}


:where(.kl-legacy) .HorizontalList__Item{
  display: inline-block;
  margin: 6px 8px 6px 8px;
}


:where(.kl-legacy) .HorizontalList__Item>.Link{
  display: inline-block;
}


:where(.kl-legacy) .HorizontalList--spacingTight{
  margin-left: -8px;
  margin-right: -8px;
}


:where(.kl-legacy) .HorizontalList--spacingTight .HorizontalList__Item{
  margin-right: 8px;
  margin-left: 8px;
}


:where(.kl-legacy) .HorizontalList--spacingLoose{
  margin-left: -14px;
  margin-right: -14px;
}


:where(.kl-legacy) .HorizontalList--spacingLoose .HorizontalList__Item{
  margin-right: 14px;
  margin-left: 14px;
}


:where(.kl-legacy) .HorizontalList--spacingExtraLoose{
  margin-left: -17px;
  margin-right: -17px;
}


:where(.kl-legacy) .HorizontalList--spacingExtraLoose .HorizontalList__Item{
  margin-right: 17px;
  margin-left: 17px;
}


:where(.kl-legacy) .HorizontalList--spacingFill{
  display: flex;
  justify-content: space-around;
  justify-content: space-evenly;
}


:where(.kl-legacy) .HorizontalList--spacingFill .HorizontalList__Item{
  margin-left: 0;
  margin-right: 0;
}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .HorizontalList--spacingExtraLoose{
    margin-left: -21px;
    margin-right: -21px;
  }


  :where(.kl-legacy) .HorizontalList--spacingExtraLoose .HorizontalList__Item{
    margin-right: 21px;
    margin-left: 21px;
  }


}




:where(.kl-legacy) .Image--contrast{
  position: relative;
}


:where(.kl-legacy) .Image--contrast::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(to top, rgba(4, 4, 4, 0.65), rgba(54, 54, 54, 0.2));
}


:where(.kl-legacy) .Image--contrast>*{
  z-index: 1;
}




@-webkit-keyframes lazyLoader {

  0%,
  100% {
    transform: translateX(-50%);
  }

  50% {
    transform: translateX(100%);
  }
}


@keyframes lazyLoader {

  0%,
  100% {
    transform: translateX(-50%);
  }

  50% {
    transform: translateX(100%);
  }
}


:where(.kl-legacy) .Image--fadeIn{
  opacity: 0;
  transition: opacity 0.3s ease;
}


:where(.kl-legacy) .Image--lazyLoaded.Image--fadeIn{
  opacity: 1;
}


.features--show-image-zooming :where(.kl-legacy) .Image--zoomOut{
  transform: scale(1.1);
  opacity: 0;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}


.features--show-image-zooming :where(.kl-legacy) .Image--lazyLoaded.Image--zoomOut{
  opacity: 1;
  transform: none;
}



:where(.kl-legacy):not(.features--show-image-zooming) .Image--zoomOut{
  opacity: 0;
  transition: opacity 0.3s ease;
}


:where(.kl-legacy):not(.features--show-image-zooming) .Image--lazyLoaded.Image--zoomOut{
  opacity: 1;
}


:where(.kl-legacy) .Image--slideRight, :where(.kl-legacy) .Image--slideLeft{
  transform: translateX(25px);
  opacity: 0;
  transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}


:where(.kl-legacy) .Image--slideLeft{
  transform: translateX(-25px);
}


:where(.kl-legacy) .Image--lazyLoaded.Image--slideRight, :where(.kl-legacy) .Image--lazyLoaded.Image--slideLeft{
  opacity: 1;
  transform: translateX(0);
}


:where(.kl-legacy) .Image__Loader{
  position: absolute;
  display: block;
  height: 2px;
  width: 50px;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  margin: auto;
  pointer-events: none;
  background-color: var(--border-color);
  z-index: -1;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}


:where(.kl-legacy) .Image__Loader::after{
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 200%;
  background-color: var(--heading-color);
}


:where(.kl-legacy) .Image--lazyLoading+.Image__Loader{
  opacity: 1;
  visibility: visible;
  z-index: 1;
}


:where(.kl-legacy) .Image--lazyLoading+.Image__Loader::after{
  -webkit-animation: lazyLoader 3s infinite;
  animation: lazyLoader 3s infinite;
  -webkit-animation-timing-function: cubic-bezier(0.43, 0.43, 0.25, 0.99);
  animation-timing-function: cubic-bezier(0.43, 0.43, 0.25, 0.99);
}




:where(.kl-legacy) .AspectRatio{
  position: relative;
  margin-left: auto;
  margin-right: auto;
}


:where(.kl-legacy) .AspectRatio::before{
  content: "";
  display: block;
}


:where(.kl-legacy) .AspectRatio>img{
  max-height: 100%;
  max-width: 100%;
}


:where(.kl-legacy) .AspectRatio--withFallback>img{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


.no-js :where(.kl-legacy) .AspectRatio>img{
  display: none !important;
}


@supports (--css: variables) {


  
  :where(.kl-legacy) .AspectRatio--withFallback{
    padding-bottom: 0 !important;
    /* For older browsers we use the padding-bottom trick, so make sure to remove it here */
  }


  :where(.kl-legacy) .AspectRatio::before{
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }


  :where(.kl-legacy) .FeatureText--withImage .AspectRatio::before{
    padding-bottom: unset;
  }


  :where(.kl-legacy) .AspectRatio>img, .no-js :where(.kl-legacy) .AspectRatio>noscript img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
  }


}


:where(.kl-legacy) .AspectRatio--square::before{
  padding-bottom: 100%;
}


:where(.kl-legacy) .AspectRatio--short::before{
  padding-bottom: 75%;
}


:where(.kl-legacy) .AspectRatio--tall::before{
  padding-bottom: 150%;
}


:where(.kl-legacy) .AspectRatio--square>img, :where(.kl-legacy) .AspectRatio--short>img, :where(.kl-legacy) .AspectRatio--tall>img{
  position: absolute;
  width: auto;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}


@supports ((-o-object-fit: contain) or (object-fit: contain)) {


  :where(.kl-legacy) .AspectRatio--square>img, :where(.kl-legacy) .AspectRatio--short>img, :where(.kl-legacy) .AspectRatio--tall>img{
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }


}


:where(.kl-legacy) .Image--lazyLoad[data-sizes=auto]{
  width: 100%;
  /* this is needed to help LazySizes calculate the correct size */
}




:where(.kl-legacy) .Linklist{
  list-style: none;
  padding: 0;
}


:where(.kl-legacy) .Linklist__Item{
  position: relative;
  display: block;
  margin-bottom: 12px;
  width: 100%;
  line-height: 1.5;
  text-align: left;
  transition: all 0.2s ease-in-out;
}


:where(.kl-legacy) .Linklist__Item:last-child{
  margin-bottom: 0 !important;
}


:where(.kl-legacy) .Linklist__Item::before, :where(.kl-legacy) .Linklist__Checkbox+.Link::before{
  position: absolute;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  top: calc(50% - 3px);
  left: 0;
  border-radius: 100%;
  background: var(--text-color);
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}


:where(.kl-legacy) .Linklist__Item label{
  cursor: pointer;
}


:where(.kl-legacy) .Linklist__Item>.Link{
  display: block;
  width: 100%;
  text-align: inherit;
}


:where(.kl-legacy) .Linklist--spacingLoose .Linklist__Item{
  margin-bottom: 18px;
}


:where(.kl-legacy) .Linklist__Item.is-selected{
  padding-left: 18px;
}


:where(.kl-legacy) .Linklist__Item.is-selected::before, :where(.kl-legacy) .Linklist__Checkbox:checked+.Link::before{
  opacity: 1;
  transition-delay: 0.1s;
}


:where(.kl-legacy) .Linklist__Checkbox+.Link{
  transition: padding 0.2s ease-in-out, opacity 0.2s ease-in-out;
}


:where(.kl-legacy) .Linklist__Checkbox:checked+.Link{
  padding-left: 18px;
  color: var(--text-color);
}


:where(.kl-legacy) .Linklist--bordered{
  margin-left: 8px;
  padding: 0 20px 0 25px;
  border-left: 1px solid var(--border-color);
}


:where(.kl-legacy) .Linklist--bordered li:first-child .Linklist__Item{
  margin-top: 2px;
}


:where(.kl-legacy) .Linklist--bordered li:last-child .Linklist__Item{
  margin-bottom: 2px;
}




:where(.kl-legacy) .FeaturedMap{
  max-width: 1150px;
  margin: 0 auto;
}


:where(.kl-legacy) .FeaturedMap__MapContainer{
  position: relative;
  height: 240px;
  background-size: cover;
  background-position: center;
}


:where(.kl-legacy) .FeaturedMap__GMap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


:where(.kl-legacy) .FeaturedMap__Info{
  position: relative;
  margin: 0 auto;
  background: var(--light-background);
  text-align: left;
  z-index: 1;
  padding: 25px;
}


:where(.kl-legacy) .FeaturedMap__Store{
  display: block;
  margin-bottom: 1.2em;
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
}


:where(.kl-legacy) .FeaturedMap__Address{
  margin-bottom: 1.2em;
}


:where(.kl-legacy) .FeaturedMap__Location{
  margin-top: 2.7em;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .FeaturedMap{
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch;
    padding-top: 0;
    height: 550px;
  }


  :where(.kl-legacy) .FeaturedMap__MapContainer{
    flex: 1 0 auto;
    height: 100%;
  }


  :where(.kl-legacy) .FeaturedMap__Info{
    flex: none;
    min-width: 370px;
    width: 370px;
    padding: 50px 60px;
  }


}



:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video{
  color: var(--text-color);
  background-color: transparent;
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__video-wrapper{
  background-color: transparent;
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster{
  background-color: #000;
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster{
  background-color: #000;
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__video-wrapper .plyr.plyr--full-ui.plyr--video:fullscreen .plyr__poster{
  background-color: #000;
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__video-wrapper, :where(.kl-legacy) .plyr.plyr--full-ui.plyr--video:-webkit-full-screen .plyr__poster{
  background-color: #000;
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__video-wrapper, :where(.kl-legacy) .plyr.plyr--full-ui.plyr--video:-moz-full-screen .plyr__poster{
  background-color: #000;
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__video-wrapper, :where(.kl-legacy) .plyr.plyr--full-ui.plyr--video:-ms-fullscreen .plyr__poster{
  background-color: #000;
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__video-wrapper, :where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr--fullscreen-fallback .plyr__poster{
  background-color: #000;
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__controls{
  background-color: var(--light-background);
  border-color: rgba(var(--text-color-rgb), 0.05);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid{
  background-color: var(--light-background);
  border-color: rgba(var(--text-color-rgb), 0.05);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid.plyr__tab-focus, :where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__control.plyr__control--overlaid:hover{
  color: rgba(var(--text-color-rgb), 0.55);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-thumb{
  box-shadow: 2px 0 0 0 var(--light-background);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-thumb{
  box-shadow: 2px 0 0 0 var(--light-background);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-thumb{
  box-shadow: 2px 0 0 0 var(--light-background);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-webkit-slider-runnable-track{
  background-image: linear-gradient(to right, currentColor 0, rgba(var(--text-color-rgb), 0.6) 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(var(--text-color-rgb), 0.6) var(--value, 0));
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-moz-range-track{
  background-color: rgba(var(--text-color-rgb), 0.6);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]::-ms-fill-upper{
  background-color: rgba(var(--text-color-rgb), 0.6);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{
  box-shadow: 0 0 0 4px rgba(var(--text-color-rgb), 0.25);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-moz-range-track{
  box-shadow: 0 0 0 4px rgba(var(--text-color-rgb), 0.25);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range].plyr__tab-focus::-ms-track{
  box-shadow: 0 0 0 4px rgba(var(--text-color-rgb), 0.25);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-moz-range-thumb{
  box-shadow: 0 0 0 3px rgba(var(--text-color-rgb), 0.25);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-ms-thumb{
  box-shadow: 0 0 0 3px rgba(var(--text-color-rgb), 0.25);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress input[type=range]:active::-webkit-slider-thumb{
  box-shadow: 0 0 0 3px rgba(var(--text-color-rgb), 0.25);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip{
  background-color: var(--text-color);
  color: var(--light-background);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__progress .plyr__tooltip::before{
  border-top-color: var(--text-color);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video.plyr--loading .plyr__progress__buffer{
  background-image: linear-gradient(-45deg, rgba(var(--text-color-rgb), 0.6) 25%, transparent 25%, transparent 50%, rgba(var(--text-color-rgb), 0.6) 50%, rgba(var(--text-color-rgb), 0.6) 75%, transparent 75%, transparent);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]{
  color: var(--light-background);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-thumb{
  box-shadow: 2px 0 0 0 var(--text-color);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-thumb{
  box-shadow: 2px 0 0 0 var(--text-color);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-thumb{
  box-shadow: 2px 0 0 0 var(--text-color);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-webkit-slider-runnable-track{
  background-image: linear-gradient(to right, currentColor 0, rgba(var(--light-background-rgb), 0.6) 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(var(--light-background-rgb), 0.6) var(--value, 0));
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-moz-range-track, :where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]::-ms-fill-upper{
  background-color: rgba(var(--light-background-rgb), 0.6);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{
  box-shadow: 0 0 0 4px rgba(var(--light-background-rgb), 0.25);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track{
  box-shadow: 0 0 0 4px rgba(var(--light-background-rgb), 0.25);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range].plyr__tab-focus::-ms-track{
  box-shadow: 0 0 0 4px rgba(var(--light-background-rgb), 0.25);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-moz-range-thumb{
  box-shadow: 0 0 0 3px rgba(var(--light-background-rgb), 0.25);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-ms-thumb{
  box-shadow: 0 0 0 3px rgba(var(--light-background-rgb), 0.25);
}


:where(.kl-legacy) .plyr.plyr--full-ui.plyr--video .plyr__volume input[type=range]:active::-webkit-slider-thumb{
  box-shadow: 0 0 0 3px rgba(var(--light-background-rgb), 0.25);
}


:where(.kl-legacy) .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{
  background: var(--light-background);
  border-color: rgba(var(--text-color-rgb), 0.05);
}


:where(.kl-legacy) .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button{
  color: var(--text-color);
}


:where(.kl-legacy) .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover{
  color: rgba(var(--text-color-rgb), 0.55);
}


:where(.kl-legacy) .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active, :where(.kl-legacy) .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control.focus-visible:focus{
  color: rgba(var(--text-color-rgb), 0.55);
  background: rgba(var(--text-color-rgb), 0.05);
}


:where(.kl-legacy) .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:not(:last-child):after{
  border-color: rgba(var(--text-color-rgb), 0.05);
}


:where(.kl-legacy) .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{
  background: var(--light-background);
  border-color: rgba(var(--text-color-rgb), 0.05);
}


:where(.kl-legacy) .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover, :where(.kl-legacy) .shopify-model-viewer-ui.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:focus{
  color: rgba(var(--text-color-rgb), 0.55);
}




:where(.kl-legacy) .VideoWrapper{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}


:where(.kl-legacy) .VideoWrapper iframe, :where(.kl-legacy) .VideoWrapper object, :where(.kl-legacy) .VideoWrapper embed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



:where(.kl-legacy) .VideoWrapper--native::after{
  display: none;
}


:where(.kl-legacy) .VideoWrapper--native .plyr, :where(.kl-legacy) .VideoWrapper--native video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


:where(.kl-legacy) .VideoWrapper--native .plyr__video-wrapper, :where(.kl-legacy) .VideoWrapper--native video{
  height: 100%;
}




:where(.kl-legacy) .ModelWrapper{
  position: relative;
  padding-bottom: 100%;
}


:where(.kl-legacy) .ModelWrapper .shopify-model-viewer-ui, :where(.kl-legacy) .ModelWrapper model-viewer{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



:where(.kl-legacy) .Anchor{
  display: block;
  position: relative;
  top: -75px;
  visibility: hidden;
}


@supports (--css: variables) {

  :where(.kl-legacy) .Anchor{
    top: calc(-1 * (var(--header-height)));
    /* + var(--announcement-bar-height)));*/
  }


}




:where(.kl-legacy) .LoadingBar{
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0;
  opacity: 0;
  background: var(--heading-color);
  transition: width 0.25s ease-in-out;
  z-index: 50;
  pointer-events: none;
}


:where(.kl-legacy) .LoadingBar.is-visible{
  opacity: 1;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .LoadingBar{
    height: 3px;
  }


}




:where(.kl-legacy) .PlaceholderSvg{
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}


:where(.kl-legacy) .PlaceholderSvg--dark{
  background: dimgray;
  fill: #a1a1a1;
}


:where(.kl-legacy) .PlaceholderBackground{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  opacity: 0.7;
}


:where(.kl-legacy) .PlaceholderBackground__Svg{
  height: 100% !important;
  width: auto !important;
  min-width: 100%;
}




:where(.kl-legacy) .QuantitySelector{
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--border-color);
  white-space: nowrap;
}


:where(.kl-legacy) .QuantitySelector svg{
  width: 10px;
  height: 10px;
  stroke-width: 1.5px;
  vertical-align: -1px;
}


:where(.kl-legacy) .QuantitySelector__Button{
  display: inline-block;
  padding: 5px 9px;
  /* this allows to slightly increase the clickable area */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


:where(.kl-legacy) .QuantitySelector__CurrentQuantity{
  display: inline-block;
  width: 20px;
  padding: 0;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
  text-align: center;
  letter-spacing: normal;
  background: transparent;
  border: none;
}


:where(.kl-legacy) .QuantitySelector--large .QuantitySelector__CurrentQuantity{
  width: 35px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}


:where(.kl-legacy) .QuantitySelector--large .QuantitySelector__Button{
  padding: 10px 20px;
}


:where(.kl-legacy) .QuantitySelector--large svg{
  width: 11px;
  height: 11px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .QuantitySelector__Button{
    padding: 7px 14px 8px 14px;
  }


  :where(.kl-legacy) .QuantitySelector__CurrentQuantity{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  }


}




:where(.kl-legacy) .Price{
  display: inline-block;
}


:where(.kl-legacy) .Price--highlight{
  color: var(--product-sale-price-color);
}


:where(.kl-legacy) .Price--compareAt{
  position: relative;
  margin-left: 10px;
}


:where(.kl-legacy) .Price--compareAt::before{
  position: absolute;
  content: "";
  top: 50%;
  left: -0.4em;
  width: calc(100% + 0.8em);
  height: 1px;
  background: currentColor;
}




:where(.kl-legacy) .ColorSwatch{
  position: relative;
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: top;
  cursor: pointer;
  background-size: cover;
}


:where(.kl-legacy) .ColorSwatch::after{
  content: "";
  position: absolute;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  top: -3px;
  left: -3px;
}


:where(.kl-legacy) .ColorSwatch:hover::after{
  border: 1px solid var(--border-color);
}


:where(.kl-legacy) .ColorSwatch--small{
  width: 16px;
  height: 16px;
}


:where(.kl-legacy) .ColorSwatch--large{
  width: 36px;
  height: 36px;
}


:where(.kl-legacy) .ColorSwatch--white{
  outline: 1px solid var(--border-color);
  outline-offset: -1px;
}


:where(.kl-legacy) .ColorSwatch.is-active::after, :where(.kl-legacy) .ColorSwatch__Radio:checked+.ColorSwatch::after{
  border: 1px solid currentColor !important;
}


:where(.kl-legacy) .ColorSwatch__Radio{
  position: absolute;
  height: 0;
  width: 0;
  opacity: 0;
}


:where(.kl-legacy) .ColorSwatchList .HorizontalList__Item{
  position: relative;
}


:where(.kl-legacy) .Collapsible .ColorSwatchList{
  padding-top: 4px;
  padding-bottom: 10px;
}


:where(.kl-legacy) .Collapsible--autoExpand .ColorSwatchList{
  padding-top: 8px;
  padding-bottom: 12px;
}




:where(.kl-legacy) .SizeSwatch{
  display: inline-block;
  text-align: center;
  min-width: 36px;
  padding: 6px 10px;
  border: 1px solid var(--border-color);
  color: var(--text-color-light);
  cursor: pointer;
}


:where(.kl-legacy) .SizeSwatch__Radio{
  display: none;
}


:where(.kl-legacy) .SizeSwatch.is-active::after, :where(.kl-legacy) .SizeSwatch__Radio:checked+.SizeSwatch{
  border-color: var(--text-color);
  color: var(--text-color);
}




:where(.kl-legacy) .Alert, :where(.kl-legacy) .spr-form-message{
  display: block;
  padding: 10px 20px;
  white-space: normal;
  font-size: 1rem;
  word-break: break-all;
  word-break: break-word;
  text-shadow: none;
}


:where(.kl-legacy) .Alert--large{
  padding: 18px 20px;
}


:where(.kl-legacy) .Alert--error, :where(.kl-legacy) .spr-form-message-error{
  background: #e4c4c4;
  color: #cb2b2b;
}


:where(.kl-legacy) .Alert--success, :where(.kl-legacy) .spr-form-message-success{
  background: #d2e4c4;
  color: #307a07;
}


:where(.kl-legacy) .Alert__ErrorList{
  list-style: none;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Alert--large{
    padding: 18px 30px;
  }


}




:where(.kl-legacy) .Segment+.Segment{
  margin-top: 50px;
}


:where(.kl-legacy) .Segment__Title{
  margin-bottom: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-color-light);
}


:where(.kl-legacy) .Segment__Title--flexed{
  display: flex;
  justify-content: space-between;
  align-items: center;
}


:where(.kl-legacy) .Segment__ActionList{
  margin-top: 16px;
}


:where(.kl-legacy) .Segment__ActionItem{
  line-height: 1.4;
}


:where(.kl-legacy) .Segment__ActionItem+.Segment__ActionItem{
  margin-left: 20px;
}


:where(.kl-legacy) .Segment__ButtonWrapper{
  margin-top: 32px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Segment__Title{
    margin-bottom: 34px;
  }


  :where(.kl-legacy) .Segment__ActionList{
    margin-top: 24px;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .Segment+.Segment{
    margin-top: 65px;
  }


}




:where(.kl-legacy) .EmptyState{
  margin: 140px 0;
  text-align: center;
}


:where(.kl-legacy) .EmptyState__Action{
  display: inline-block;
  margin-top: 20px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .EmptyState{
    margin: 200px 0;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .EmptyState{
    margin: 250px 0;
  }


}




@-webkit-keyframes bouncingSpinnerAnimation {

  0%,
  80%,
  100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}


@keyframes bouncingSpinnerAnimation {

  0%,
  80%,
  100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}


:where(.kl-legacy) .BouncingSpinner{
  display: block;
  text-align: center;
}


:where(.kl-legacy) .BouncingSpinner>span{
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: currentColor;
  border-radius: 100%;
  -webkit-animation: bouncingSpinnerAnimation 1.4s infinite ease-in-out both;
  animation: bouncingSpinnerAnimation 1.4s infinite ease-in-out both;
}


:where(.kl-legacy) .BouncingSpinner>span:first-child{
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}


:where(.kl-legacy) .BouncingSpinner>span:nth-child(2){
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}




:where(.kl-legacy) .Video__PlayButton{
  display: inline-block;
  transition: transform 0.2s ease-in-out;
  height: 80px;
  width: 80px;
  cursor: pointer;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
}


@media (-moz-touch-enabled: 0),
(hover: hover) {

  :where(.kl-legacy) .Video__PlayButton:hover{
    transform: scale(1.1);
  }


}


:where(.kl-legacy) .Video__PlayButton svg{
  width: 80px;
  height: 80px;
  pointer-events: none;
}




:where(.kl-legacy) .AnnouncementBar{
  position: relative;
  text-align: center;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
  z-index: 1;
}


:where(.kl-legacy) .AnnouncementBar__Wrapper{
  padding: 12px 15px;
}


:where(.kl-legacy) .AnnouncementBar__Content{
  color: inherit;
  margin: 0;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .AnnouncementBar{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  }


}




:where(.kl-legacy) .ShareButtons{
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}


:where(.kl-legacy) .ShareButtons__Item{
  display: table-cell;
  width: 60px;
  height: 45px;
  min-height: 45px;
  color: var(--text-color-light);
  text-align: center;
  vertical-align: middle;
  background: var(--background);
  border: 1px solid var(--border-color);
  outline: 1px solid transparent;
  outline-offset: -1px;
  transition: all 0.2s ease-in-out;
}


:where(.kl-legacy) .ShareButtons__Item svg{
  height: 18px;
  width: 18px;
  vertical-align: text-bottom;
}


:where(.kl-legacy) .ShareButtons__Item--facebook:hover, .no-supports-hover :where(.kl-legacy) .ShareButtons__Item--facebook{
  background: #4469af;
  color: #ffffff;
  border-color: #4469af;
  outline: 1.5px solid #4469af;
}


:where(.kl-legacy) .ShareButtons__Item--pinterest:hover, .no-supports-hover :where(.kl-legacy) .ShareButtons__Item--pinterest{
  background: #c8232c;
  color: #ffffff;
  border-color: #c8232c;
  outline: 1.5px solid #c8232c;
}


:where(.kl-legacy) .ShareButtons__Item--twitter:hover, .no-supports-hover :where(.kl-legacy) .ShareButtons__Item--twitter{
  background: #00aced;
  color: #ffffff;
  border-color: #00aced;
  outline: 1.5px solid #00aced;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .ShareButtons{
    width: auto;
  }


}




:where(.kl-legacy) .FeaturedQuote{
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 120px 40px;
  background: var(--secondary-elements-background);
  color: var(--secondary-elements-text-color);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));
}


:where(.kl-legacy) .FeaturedQuote__Author{
  margin-top: 14px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  opacity: 0.5;
}


:where(.kl-legacy) .FeaturedQuote__Content a{
  text-decoration: underline;
  text-underline-position: under;
}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .FeaturedQuote{
    padding-top: 40px;
    padding-bottom: 40px;
  }


}




:where(.kl-legacy) .shopify-challenge__container{
  margin-top: 80px;
  margin-bottom: 80px;
  text-align: center;
}


:where(.kl-legacy) .shopify-challenge__container .shopify-challenge__button{
  position: relative;
  display: inline-block;
  padding: 14px 28px;
  line-height: normal;
  border: 1px solid transparent;
  border-radius: 0;
  text-transform: uppercase;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  text-align: center;
  letter-spacing: 0.2em;
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  background: var(--button-background);
  color: var(--button-text-color);
}




:where(.kl-legacy) .ImageHero--newsletter .SectionHeader.SectionHeader{
  margin-bottom: 30px;
}


:where(.kl-legacy) .Newsletter .Form__Input::-moz-placeholder{
  color: inherit;
}


:where(.kl-legacy) .Newsletter .Form__Input:-ms-input-placeholder{
  color: inherit;
}


:where(.kl-legacy) .Newsletter .Form__Input::placeholder{
  color: inherit;
}


:where(.kl-legacy) .Newsletter .Form__Input:focus{
  border-color: currentColor;
}


:where(.kl-legacy) .Newsletter .Form__Submit{
  width: 100%;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .ImageHero--newsletter{
    min-height: 450px !important;
  }


  :where(.kl-legacy) .ImageHero--newsletter .ImageHero__ContentOverlay{
    padding-left: 25px;
    padding-right: 25px;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Newsletter__Inner{
    display: flex;
  }


  :where(.kl-legacy) .Newsletter .Form__Input{
    min-width: 395px;
    width: 395px;
  }


  :where(.kl-legacy) .Newsletter .Form__Submit{
    margin: 0 0 0 20px;
  }


}




@media (-moz-touch-enabled: 0),
(hover: hover) {

  :where(.kl-legacy) [data-tooltip]{
    position: relative;
  }


  :where(.kl-legacy) [data-tooltip]::before{
    position: absolute;
    content: attr(data-tooltip);
    bottom: 70%;
    left: 70%;
    padding: 4px 11px 3px 11px;
    white-space: nowrap;
    border: 1px solid var(--border-color);
    background: var(--light-background);
    color: var(--text-color-light);
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
    z-index: 1;
  }


  :where(.kl-legacy) [data-tooltip]:hover::before{
    opacity: 1;
    visibility: visible;
  }


}




:where(.kl-legacy) .price-range{
  display: block;
  -webkit-padding-before: 5px;
  padding-block-start: 5px;
}


:where(.kl-legacy) .price-range__input-group{
  display: flex;
  align-items: center;
}


:where(.kl-legacy) .price-range__input{
  flex: 1 0 0;
  min-width: 0;
  /* Required for Firefox */
}


:where(.kl-legacy) .price-range__delimiter{
  margin-inline: 15px;
}


:where(.kl-legacy) .price-range__range-group{
  position: relative;
  -webkit-margin-after: 20px;
  margin-block-end: 20px;
}


.no-js :where(.kl-legacy) .price-range__range-group{
  display: none !important;
  /* When JS is disabled we only rely on the input field */
}


@media not screen and (any-hover: hover) {


  
  :where(.kl-legacy) .price-range{
    -webkit-padding-before: 7px;
    padding-block-start: 7px;
  }


}




:where(.kl-legacy) .rating{
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}


:where(.kl-legacy) .rating__stars{
  display: grid;
  grid-auto-flow: column;
  grid-column-gap: 1px;
  -moz-column-gap: 1px;
  column-gap: 1px;
}


:where(.kl-legacy) .rating__star{
  color: var(--product-star-rating);
  width: 12px;
  height: 12px;
}


:where(.kl-legacy) .rating__star--empty{
  color: var(--text-color-light)l
}


:where(.kl-legacy) .rating__caption{
  -webkit-margin-start: 8px;
  margin-inline-start: 8px;
}


:where(.kl-legacy) .Modal{
  position: fixed;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  top: 50%;
  left: 50%;
  width: 480px;
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 40px);
  padding: 15px 20px 20px 20px;
  z-index: 20;
  opacity: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: var(--background);
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}


@supports (--css: variables) {

  :where(.kl-legacy) .Modal{
    max-height: calc(var(--window-height) - 40px);
  }


}


:where(.kl-legacy) .Modal[aria-hidden=false]{
  visibility: visible;
  opacity: 1;
}


:where(.kl-legacy) .Modal--dark{
  background: var(--secondary-elements-background);
  color: var(--secondary-elements-text-color);
}


:where(.kl-legacy) .Modal--dark .Rte h1, :where(.kl-legacy) .Modal--dark .Rte h2, :where(.kl-legacy) .Modal--dark .Rte h3, :where(.kl-legacy) .Modal--dark .Rte h4, :where(.kl-legacy) .Modal--dark .Rte h5, :where(.kl-legacy) .Modal--dark .Rte h6{
  color: var(--secondary-elements-text-color);
}


:where(.kl-legacy) .Modal--fullScreen{
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transform: none;
}


:where(.kl-legacy) .Modal--pageContent{
  padding: 60px 0 50px 0;
}


:where(.kl-legacy) .Modal--videoContent{
  justify-content: center;
  background: #000000;
  /* Full theatre experience ! */
  color: #ffffff;
}


:where(.kl-legacy) .Modal .Heading:not(.Link){
  color: inherit;
}


:where(.kl-legacy) .Modal__Header{
  margin-bottom: 30px;
  text-align: center;
}


:where(.kl-legacy) .Modal__Close{
  display: block;
  margin: 25px auto 0 auto;
  flex-shrink: 0;
}


:where(.kl-legacy) .Modal__Close--outside{
  position: absolute;
  margin-top: 0;
  top: 20px;
  right: 20px;
  line-height: 0;
  opacity: 0.5;
  transition: opacity 0.2s ease-in-out;
}


:where(.kl-legacy) .Modal__Close--outside:hover{
  opacity: 1;
}


:where(.kl-legacy) .Modal__Close--outside svg{
  height: 16px;
  width: 16px;
  stroke-width: 1.25px;
}


:where(.kl-legacy) .Modal--fullScreen .Modal__Close--outside{
  right: 40px;
  top: 40px;
}


:where(.kl-legacy) .Modal__Content iframe{
  display: none;
}


:where(.kl-legacy) .Modal[aria-hidden=false] .Modal__Content iframe{
  display: block;
}



:where(.kl-legacy) .Modal__Content th, :where(.kl-legacy) .Modal__Content td{
  border-color: var(--secondary-elements-border-color) !important;
}


:where(.kl-legacy) .Modal__Content thead th:empty, :where(.kl-legacy) .Modal__Content tbody th{
  background: var(--secondary-elements-background) !important;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Modal:not(.Modal--pageContent){
    padding: 35px 40px 40px 40px;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Modal{
    flex-direction: column;
  }


  :where(.kl-legacy) .Modal--pageContent{
    padding: 100px 0 80px 0;
  }


  :where(.kl-legacy) .Modal--pageContent .Modal__Content{
    flex: 1 0 0;
  }


  :where(.kl-legacy) .Modal__Close:not(.Modal__Close--outside){
    margin-top: 40px;
    flex-shrink: 0;
  }


}



:where(.kl-legacy) .PageSkipLink:focus{
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  color: var(--text-color);
  background-color: var(--background);
  padding: 10px;
  z-index: 10000;
  transition: none;
}



:where(.kl-legacy) .PageOverlay{
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  background: #363636;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}


:where(.kl-legacy) .PageOverlay.is-visible{
  opacity: 0.5;
  visibility: visible;
}



:where(.kl-legacy) .PageHeader{
  position: relative;
  margin: 35px 0;
}


:where(.kl-legacy) .PageHeader--withBackground{
  display: flex;
  margin: 0;
  width: 100%;
  min-height: 450px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-size: cover;
  color: #ffffff;
  overflow: hidden;
}


:where(.kl-legacy) .PageHeader--withBackground .Heading, :where(.kl-legacy) .PageHeader--withBackground .Rte a:not(.Button){
  color: #ffffff;
  -webkit-text-decoration-color: #ffffff;
  text-decoration-color: #ffffff;
}


:where(.kl-legacy) .PageHeader__ImageWrapper{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
}


@supports (--css: variables) {

  :where(.kl-legacy) .PageHeader__ImageWrapper{
    top: calc(-1 * 0px - 0px * 0);
    top: calc(-1 * var(--announcement-bar-height, 0px) - var(--header-height, 0px) * var(--use-unsticky-header, 0));
    height: calc(100% + 0px + 0px * 0);
    height: calc(100% + var(--announcement-bar-height, 0px) + var(--header-height, 0px) * var(--use-unsticky-header, 0));
  }


}


:where(.kl-legacy) .PageHeader .SectionHeader__Heading, :where(.kl-legacy) .PageHeader .SectionHeader__Description{
  margin-top: 0 !important;
}


:where(.kl-legacy) .PageHeader .Alert{
  margin-top: 22px;
}


:where(.kl-legacy) .PageHeader__Back{
  display: inline-block;
  margin-bottom: 25px;
}


:where(.kl-legacy) .PageHeader__Back svg{
  height: 9px;
  margin-right: 12px;
  vertical-align: baseline;
  vertical-align: initial;
}



:where(.kl-legacy) .PageHeader--withBackground .SectionHeader.SectionHeader{
  position: relative;
  padding: 60px 0 80px 0;
}


@supports (--css: variables) {

  :where(.kl-legacy) .PageHeader--withBackground .SectionHeader.SectionHeader{
    margin-top: calc(var(--header-height) * 0);
    margin-top: calc(var(--header-height) * var(--header-is-transparent, 0));
  }


}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .PageHeader .SectionHeader__Heading{
    margin-bottom: 10px;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .PageHeader{
    margin: 50px 0;
  }


  :where(.kl-legacy) .PageHeader--withBackground{
    min-height: 450px;
    margin-top: 0;
    margin-bottom: 0;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .PageHeader--withBackground{
      min-height: calc(380px + var(--header-height) * 0);
      min-height: calc(380px + var(--header-height) * var(--header-is-transparent, 0));
    }

  
}


  :where(.kl-legacy) .PageHeader--small.PageHeader--withBackground{
    min-height: 420px;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .PageHeader--small.PageHeader--withBackground{
      min-height: calc(350px + var(--header-height) * 0);
      min-height: calc(350px + var(--header-height) * var(--header-is-transparent, 0));
    }

  
}


  :where(.kl-legacy) .PageHeader--large.PageHeader--withBackground{
    min-height: 480px;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .PageHeader--large.PageHeader--withBackground{
      min-height: calc(410px + var(--header-height) * 0);
      min-height: calc(410px + var(--header-height) * var(--header-is-transparent, 0));
    }

  
}


  :where(.kl-legacy) .PageHeader--withBackground .SectionHeader.SectionHeader{
    margin-top: 50px;
    padding: 40px 0;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .PageHeader--withBackground .SectionHeader.SectionHeader{
      margin-top: calc(var(--header-height) * 0);
      margin-top: calc(var(--header-height) * var(--header-is-transparent, 0));
    }

  
}


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .PageHeader--withBackground{
    min-height: 550px;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .PageHeader--withBackground{
      min-height: calc(450px + var(--header-height) * 0);
      min-height: calc(450px + var(--header-height) * var(--header-is-transparent, 0));
    }

  
}


  :where(.kl-legacy) .PageHeader--small.PageHeader--withBackground{
    min-height: 500px;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .PageHeader--small.PageHeader--withBackground{
      min-height: calc(400px + var(--header-height) * 0);
      min-height: calc(400px + var(--header-height) * var(--header-is-transparent, 0));
    }

  
}


  :where(.kl-legacy) .PageHeader--large.PageHeader--withBackground{
    min-height: 620px;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .PageHeader--large.PageHeader--withBackground{
      min-height: calc(520px + var(--header-height) * 0);
      min-height: calc(520px + var(--header-height) * var(--header-is-transparent, 0));
    }

  
}


}


@media screen and (min-width: 1800px) {

  :where(.kl-legacy) .PageHeader--withBackground{
    min-height: 650px;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .PageHeader--withBackground{
      min-height: calc(600px + var(--header-height) * 0);
      min-height: calc(600px + var(--header-height) * var(--header-is-transparent, 0));
    }

  
}


  :where(.kl-legacy) .PageHeader--small.PageHeader--withBackground{
    min-height: 600px;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .PageHeader--small.PageHeader--withBackground{
      min-height: calc(550px + var(--header-height) * 0);
      min-height: calc(550px + var(--header-height) * var(--header-is-transparent, 0));
    }

  
}


  :where(.kl-legacy) .PageHeader--large.PageHeader--withBackground{
    min-height: 700px;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .PageHeader--large.PageHeader--withBackground{
      min-height: calc(650px + var(--header-height) * 0);
      min-height: calc(650px + var(--header-height) * var(--header-is-transparent, 0));
    }

  
}


}




:where(.kl-legacy) .PageLayout__Section:first-child{
  margin-bottom: 60px;
}


:where(.kl-legacy) .PageLayout__Section--sticky{
  position: sticky;
  top: 75px;
  align-self: flex-start;
}


:where(.kl-legacy) .PageLayout:not(:only-child){
  margin-top: 35px;
  margin-bottom: 35px;
}


@supports (--css: variables) {

  :where(.kl-legacy) .PageLayout__Section--sticky{
    top: calc(var(--header-height) + 20px);
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .PageLayout{
    display: flex;
    flex-wrap: nowrap;
  }


  :where(.kl-legacy) .PageLayout:not(:only-child){
    margin-top: 50px;
    margin-bottom: 50px;
  }


  :where(.kl-legacy) .PageLayout__Section{
    flex: 1 0 0;
  }


  :where(.kl-legacy) .PageLayout__Section:first-child{
    margin-bottom: 0;
  }


  :where(.kl-legacy) .PageLayout__Section--secondary{
    flex: 1 1 200px;
    max-width: 200px;
  }


  :where(.kl-legacy) .PageLayout__Section+.PageLayout__Section{
    margin-left: 50px;
  }


}


@media screen and (min-width: 641px) and (max-width: 1007px) {

  :where(.kl-legacy) .PageLayout--breakLap{
    display: block;
  }


  :where(.kl-legacy) .PageLayout--breakLap .PageLayout__Section:first-child{
    margin-bottom: 60px;
  }


  :where(.kl-legacy) .PageLayout--breakLap .PageLayout__Section+.PageLayout__Section{
    margin-left: 0;
    width: 100%;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .PageLayout__Section--secondary{
    flex-basis: 235px;
    max-width: 235px;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .PageLayout__Section+.PageLayout__Section{
    margin-left: 80px;
  }


  :where(.kl-legacy) .PageLayout__Section--secondary{
    flex-basis: 290px;
    max-width: 290px;
  }


}



:where(.kl-legacy) .PageSpacingWrapper{
  margin-bottom: 60px;
}



:where(.kl-legacy) .PageContent{
  max-width: 1000px;
  margin: 35px auto;
}


:where(.kl-legacy) .PageContent--fitScreen{
  display: flex;
  min-height: calc(100vh - 120px);
  align-items: center;
}


@supports (--css: variables) {

  :where(.kl-legacy) .PageContent--fitScreen{
    min-height: calc(var(--window-height) - var(--header-height) - 0px - 120px);
    min-height: calc(var(--window-height) - var(--header-height) - var(--announcement-bar-height, 0px) - 120px);
    /* 120px is the margin */
  }


}


:where(.kl-legacy) .PageContent--narrow{
  max-width: 680px;
}


:where(.kl-legacy) .PageContent--extraNarrow{
  max-width: 400px;
}


:where(.kl-legacy) .PageHeader+.PageContent{
  margin-top: 0;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .PageContent{
    margin-bottom: 80px;
    margin-top: 80px;
  }


  :where(.kl-legacy) .PageContent--fitScreen{
    min-height: calc(100vh - 160px);
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .PageContent--fitScreen{
      min-height: calc(var(--window-height) - var(--header-height) - 0px - 160px);
      min-height: calc(var(--window-height) - var(--header-height) - var(--announcement-bar-height, 0px) - 160px);
      /* 160px is the margin */
    }

  
}


}


:where(.kl-legacy) .Pagination{
  margin: 60px 0;
  text-align: center;
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  line-height: 1;
}


:where(.kl-legacy) .Pagination--tight{
  margin: 60px 0 !important;
}


:where(.kl-legacy) .Pagination__Nav{
  display: inline-block;
  list-style: none;
}


:where(.kl-legacy) .Pagination__NavItem{
  display: inline-block;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border-color);
}


:where(.kl-legacy) .Pagination__NavItem svg{
  width: 6px;
  height: 10px;
  vertical-align: -1px;
}


:where(.kl-legacy) .Pagination__NavItem.is-active{
  color: var(--text-color);
  border-bottom-color: var(--text-color);
  box-shadow: 0 -2px var(--text-color) inset;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Pagination{
    margin: 80px 0;
  }


  :where(.kl-legacy) .Pagination__NavItem{
    padding-left: 28px;
    padding-right: 28px;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .Pagination{
    margin: 120px 0;
  }


}


:where(.kl-legacy) .Panel{
  position: relative;
  border: 1px solid var(--border-color);
  padding: 60px 24px;
}


:where(.kl-legacy) .Panel--withArrows{
  margin: 0 15px;
}


:where(.kl-legacy) .Panel--flush{
  padding-left: 0 !important;
  padding-right: 0 !important;
}


:where(.kl-legacy) .Panel__Title{
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0;
  padding: 0 14px 0 18px;
  transform: translate(-50%, -50%);
  background: var(--background);
  white-space: nowrap;
}


:where(.kl-legacy) .Panel .flickity-prev-next-button{
  top: calc(50% - (45px / 2));
}


:where(.kl-legacy) .Panel .flickity-prev-next-button.next{
  right: calc(-45px / 2);
}


:where(.kl-legacy) .Panel .flickity-prev-next-button.previous{
  left: calc(-45px / 2);
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Panel{
    padding-left: 50px;
    padding-right: 50px;
  }


  :where(.kl-legacy) .Panel--withArrows{
    margin-left: 0;
    margin-right: 0;
  }


}


:where(.kl-legacy) .Popover{
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background: var(--light-background);
  z-index: 10;
  box-shadow: 0 -2px 10px rgba(54, 54, 54, 0.2);
  touch-action: manipulation;
  transform: translateY(100%);
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}


:where(.kl-legacy) .Popover--secondary{
  background: var(--background);
}


:where(.kl-legacy) .Popover[aria-hidden=false]{
  transform: translateY(0);
  visibility: visible;
}


:where(.kl-legacy) .Popover__Header{
  position: relative;
  padding: 13px 20px;
  border-bottom: 1px solid rgba(var(--border-color-rgb), 0.4);
  text-align: center;
}


:where(.kl-legacy) .Popover__Close{
  position: absolute;
  left: 20px;
  top: calc(50% - 7px);
  line-height: 0;
}


:where(.kl-legacy) .Popover__Close svg{
  stroke-width: 1.1px;
}


:where(.kl-legacy) .Popover__ValueList{
  list-style: none;
  max-height: 385px;
  padding: 18px 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}


:where(.kl-legacy) .Popover__Value{
  display: block;
  padding: 12px 20px;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: var(--text-color-light);
  text-align: center;
  transition: color 0.2s ease-in-out;
}


:where(.kl-legacy) .Popover__Value:focus{
  background: var(--background);
  outline: none;
}


:where(.kl-legacy) .Popover__Value.is-selected{
  color: var(--text-color);
}


:where(.kl-legacy) .Popover__FooterHelp{
  width: 100%;
  padding: 18px 20px;
  text-align: center;
  border-top: 1px solid rgba(var(--border-color-rgb), 0.4);
}


@supports (padding: max(0px)) {

  :where(.kl-legacy) .Popover__ValueList{
    max-height: calc(385px + env(safe-area-inset-bottom, 0px));
    padding-bottom: max(18px, env(safe-area-inset-bottom, 0px) + 18px);
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Popover{
    transform: none;
    width: auto;
    bottom: auto;
    left: auto;
    opacity: 0;
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  }


  :where(.kl-legacy) .Popover::before{
    content: "";
    position: absolute;
    right: 40px;
    width: 10px;
    height: 10px;
    border-style: solid;
  }


  :where(.kl-legacy) .Popover--noWrap{
    white-space: nowrap;
  }


  :where(.kl-legacy) .Popover--withMinWidth{
    min-width: 375px;
  }


  :where(.kl-legacy) .Popover--positionBottom::before{
    bottom: 100%;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent var(--light-background) transparent;
    filter: drop-shadow(0 -2px 2px rgba(54, 54, 54, 0.2));
  }


  :where(.kl-legacy) .Popover--positionTop::before{
    top: 100%;
    border-width: 10px 10px 0 10px;
    border-color: var(--light-background) transparent transparent transparent;
    filter: drop-shadow(0 2px 2px rgba(54, 54, 54, 0.2));
  }


  :where(.kl-legacy) .Popover--positionLeft::before{
    left: 100%;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent var(--light-background);
    filter: drop-shadow(2px 0 2px rgba(54, 54, 54, 0.2));
  }


  :where(.kl-legacy) .Popover--positionTop.Popover--alignCenter::before, :where(.kl-legacy) .Popover--positionBottom.Popover--alignCenter::before{
    left: calc(50% - 10px);
  }


  :where(.kl-legacy) .Popover--positionLeft.Popover--alignCenter::before{
    top: calc(50% - 10px);
  }


  :where(.kl-legacy) .Popover--positionLeft.Popover--alignBottom::before{
    top: 15px;
  }


  :where(.kl-legacy) .Popover--positionLeft.Popover--alignTop::before{
    bottom: 10px;
  }


  :where(.kl-legacy) .Popover[aria-hidden=false]{
    opacity: 1;
    transform: none;
  }


  :where(.kl-legacy) .Popover__Header{
    display: none;
  }


  :where(.kl-legacy) .Popover__Value{
    padding-left: 50px;
    padding-right: 50px;
    text-align: right;
  }


  :where(.kl-legacy) .Popover--withMinWidth .Popover__Value, :where(.kl-legacy) .Popover__ValueList--center .Popover__Value{
    text-align: center;
  }


  :where(.kl-legacy) .Popover--small.Popover--positionTop::before{
    border-width: 8px 8px 0 8px;
  }


  :where(.kl-legacy) .Popover--small.Popover--positionBottom::before{
    border-width: 0 8px 8px 8px;
  }


  :where(.kl-legacy) .Popover--small .Popover__Value{
    padding: 5px 32px;
  }


  .features--heading-small :where(.kl-legacy) .Popover--small .Popover__Value{
    font-size: 10px;
  }


  .features--heading-normal :where(.kl-legacy) .Popover--small .Popover__Value{
    font-size: 12px;
  }


  .features--heading-large :where(.kl-legacy) .Popover--small .Popover__Value{
    font-size: 13px;
  }


}


:where(.kl-legacy) .Rte{
  word-break: break-word;
  /* Prevent long words to go outside the container */
  /* Simple, minimum clearfix added to every RTE text to avoid issue with float */
}


:where(.kl-legacy) .Rte::after{
  content: "";
  display: block;
  clear: both;
}


:where(.kl-legacy) .Rte iframe{
  max-width: 100%;
}


:where(.kl-legacy) .Rte img{
  display: block;
  margin: 0 auto;
}


:where(.kl-legacy) .Rte a:not(.Button){
  color: var(--link-color);
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(var(--link-color-rgb), 0.6);
  text-decoration-color: rgba(var(--link-color-rgb), 0.6);
  text-underline-position: under;
  transition: color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
}


:where(.kl-legacy) .Rte a:not(.Button):hover{
  color: var(--text-color);
  -webkit-text-decoration-color: rgba(var(--text-color-rgb), 0.6);
  text-decoration-color: rgba(var(--text-color-rgb), 0.6);
}


:where(.kl-legacy) .Rte p:not(:last-child), :where(.kl-legacy) .Rte ul:not(:last-child), :where(.kl-legacy) .Rte ol:not(:last-child){
  margin-bottom: 1.6em;
}


:where(.kl-legacy) .Rte img, :where(.kl-legacy) .Rte blockquote, :where(.kl-legacy) .Rte .VideoWrapper, :where(.kl-legacy) .Rte .Form{
  margin-top: 2.4em;
  margin-bottom: 2.4em;
}


:where(.kl-legacy) .Rte ul, :where(.kl-legacy) .Rte ol{
  margin-left: 30px;
  padding-left: 0;
  list-style-position: outside;
}


:where(.kl-legacy) .Rte li{
  padding: 5px 0;
}


:where(.kl-legacy) .Rte h1, :where(.kl-legacy) .Rte h2, :where(.kl-legacy) .Rte h3, :where(.kl-legacy) .Rte h4, :where(.kl-legacy) .Rte h5, :where(.kl-legacy) .Rte h6{
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  color: var(--heading-color);
  transition: color 0.2s ease-in-out;
}


.features--heading-uppercase :where(.kl-legacy) .Rte h1, .features--heading-uppercase :where(.kl-legacy) .Rte h2, .features--heading-uppercase :where(.kl-legacy) .Rte h3, .features--heading-uppercase :where(.kl-legacy) .Rte h4, .features--heading-uppercase :where(.kl-legacy) .Rte h5, .features--heading-uppercase :where(.kl-legacy) .Rte h6{
  letter-spacing: 0.2em;
  text-transform: uppercase;
}


:where(.kl-legacy) .Rte h1{
  margin: 2.2em 0 0.8em;
}


:where(.kl-legacy) .Rte h2{
  margin: 2.2em 0 0.9em;
}


:where(.kl-legacy) .Rte h3{
  margin: 2.2em 0 1.2em;
}


:where(.kl-legacy) .Rte h4{
  margin: 2.2em 0 1.4em;
}


:where(.kl-legacy) .Rte h5{
  margin: 2.2em 0 1.6em;
}


:where(.kl-legacy) .Rte h6{
  margin: 2.2em 0 1.8em;
}


:where(.kl-legacy) .Rte blockquote{
  margin-left: 0;
  padding: 6px 0 6px 40px;
  font-size: 1.15em;
  line-height: 1.75;
  border-left: 3px solid rgba(var(--border-color-rgb), 0.6);
}


:where(.kl-legacy) .Rte p:last-child, :where(.kl-legacy) .Rte blockquote:last-child, :where(.kl-legacy) .Rte ul:last-child, :where(.kl-legacy) .Rte ol:last-child, :where(.kl-legacy) .Rte h1:last-child, :where(.kl-legacy) .Rte h2:last-child, :where(.kl-legacy) .Rte h3:last-child, :where(.kl-legacy) .Rte h4:last-child, :where(.kl-legacy) .Rte h5:last-child, :where(.kl-legacy) .Rte h6:last-child{
  margin-bottom: 0;
}




:where(.kl-legacy) .shopify-policy__container{
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 680px;
}


@media screen and (min-width: 1008px) {


  :where(.kl-legacy) .Rte img, :where(.kl-legacy) .Rte .VideoWrapper, :where(.kl-legacy) .Rte .Form{
    margin-top: 3em;
    margin-bottom: 3em;
  }


  :where(.kl-legacy) .Rte blockquote{
    margin-left: 40px;
  }


}


:where(.kl-legacy) .shopify-section--hidden{
  display: none;
}


:where(.kl-legacy) .shopify-section--bordered+.shopify-section--bordered{
  border-top: 1px solid var(--border-color);
}



:where(.kl-legacy) .Section--spacingNormal{
  margin: 50px 0;
}


:where(.kl-legacy) .Section--spacingLarge, :where(.kl-legacy) .Section--spacingExtraLarge{
  margin: 90px 0;
}


:where(.kl-legacy) .shopify-section--bordered>.Section--spacingNormal{
  padding: 50px 0;
  margin-top: 0;
  margin-bottom: 0;
}


:where(.kl-legacy) .shopify-section--bordered>.Section--spacingLarge, :where(.kl-legacy) .shopify-section--bordered>.Section--spacingExtraLarge{
  padding: 90px 0;
  margin-top: 0;
  margin-bottom: 0;
}


:where(.kl-legacy) .SectionHeader:not(:only-child){
  margin-bottom: 40px;
}


:where(.kl-legacy) .SectionHeader--center{
  text-align: center;
}



:where(.kl-legacy) .SectionHeader__Heading.SectionHeader__Heading, :where(.kl-legacy) .SectionHeader__SubHeading.SectionHeader__SubHeading{
  margin-top: -0.325em;
}


:where(.kl-legacy) .SectionHeader__SubHeading+.SectionHeader__Heading, :where(.kl-legacy) .SectionHeader__SubHeading+.SectionHeader__TabList, :where(.kl-legacy) .SectionHeader__Description{
  margin-top: 16px;
}


:where(.kl-legacy) .SectionHeader__Description{
  max-width: 600px;
}


:where(.kl-legacy) .SectionHeader__Description a{
  text-decoration: underline;
  -webkit-text-decoration-color: currentColor;
  text-decoration-color: currentColor;
  text-underline-position: under;
}


:where(.kl-legacy) .SectionHeader--center .SectionHeader__Description{
  margin-left: auto;
  margin-right: auto;
}


:where(.kl-legacy) .SectionHeader__ButtonWrapper{
  margin-top: 20px;
}


:where(.kl-legacy) .SectionHeader__IconHolder{
  margin-top: 30px;
}



:where(.kl-legacy) .SectionFooter{
  margin-top: 50px;
  text-align: center;
}


:where(.kl-legacy) .SectionFooter-two{
  width: 90%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-inline: auto;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .SectionHeader__Heading--emphasize{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 22px)) !important;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Section--spacingNormal{
    margin: 80px 0;
  }


  :where(.kl-legacy) .Section--spacingLarge{
    margin: 120px 0;
  }


  :where(.kl-legacy) .Section--spacingExtraLarge{
    margin: 145px 0;
  }


  :where(.kl-legacy) .shopify-section--bordered>.Section--spacingNormal{
    padding: 80px 0;
  }


  :where(.kl-legacy) .shopify-section--bordered>.Section--spacingLarge{
    padding: 120px 0;
  }


  :where(.kl-legacy) .shopify-section--bordered>.Section--spacingExtraLarge{
    padding: 145px 0;
  }


  :where(.kl-legacy) .SectionHeader:not(:only-child){
    margin-bottom: 70px;
  }


  :where(.kl-legacy) .SectionHeader__Description{
    margin-top: 24px;
  }


  :where(.kl-legacy) .SectionHeader__ButtonWrapper{
    margin-top: 30px;
  }


  :where(.kl-legacy) .SectionFooter{
    margin-top: 80px;
  }


  :where(.kl-legacy) .SectionFooter-two{
    width: 50%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    margin-inline: auto;
  }


}




:where(.kl-legacy) .TableWrapper{
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}


:where(.kl-legacy) .Table, :where(.kl-legacy) .Rte table{
  width: 100%;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  border-collapse: separate;
  white-space: nowrap;
}


:where(.kl-legacy) .Table th, :where(.kl-legacy) .Table td, :where(.kl-legacy) .Rte table th, :where(.kl-legacy) .Rte table td{
  padding: 18px 10px;
  border-bottom: 1px solid var(--border-color);
  text-align: left;
}


:where(.kl-legacy) .Table th:first-child, :where(.kl-legacy) .Table td:first-child, :where(.kl-legacy) .Table tfoot td:empty+td, :where(.kl-legacy) .Rte table th:first-child, :where(.kl-legacy) .Rte table td:first-child, :where(.kl-legacy) .Rte table tfoot td:empty+td{
  padding-left: 0;
}


:where(.kl-legacy) .Table th:last-child, :where(.kl-legacy) .Table td:last-child, :where(.kl-legacy) .Rte table th:last-child, :where(.kl-legacy) .Rte table td:last-child{
  padding-right: 0;
}


:where(.kl-legacy) .Table th, :where(.kl-legacy) .Rte table th{
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  text-transform: uppercase;
  letter-spacing: 0.2em;
}


:where(.kl-legacy) .Table thead th:first-child:empty, :where(.kl-legacy) .Table tbody th:first-child, :where(.kl-legacy) .Rte table thead th:first-child:empty, :where(.kl-legacy) .Rte table tbody th:first-child{
  position: sticky;
  left: 0;
  min-width: 70px;
  /*  修正 min-width: 40px; */
  max-width: 200px;
  z-index: 1;
  background: var(--background);
  white-space: normal;
}


:where(.kl-legacy) .Table tbody th:first-child, :where(.kl-legacy) .Rte table tbody th:first-child{
  border-right: 1px solid var(--border-color);
}


:where(.kl-legacy) .Table tfoot td:empty, :where(.kl-legacy) .Rte table tfoot td:empty{
  border-bottom: none;
}


:where(.kl-legacy) .Table--large td{
  padding-top: 25px;
  padding-bottom: 25px;
}


:where(.kl-legacy) .Table--noBorder tbody tr:not(:last-child) td{
  border-bottom: none;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .TableWrapper>.Table{
    padding-right: 24px;
    padding-left: 24px;
  }


}


@media screen and (min-width: 1140px) {


  :where(.kl-legacy) .Table, :where(.kl-legacy) .Rte table{
    white-space: normal;
  }


  :where(.kl-legacy) .Table--large td{
    padding-top: 35px;
    padding-bottom: 35px;
  }


}


:where(.kl-legacy) .TabList{
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}


:where(.kl-legacy) .TabList__Item{
  position: relative;
}


:where(.kl-legacy) .TabList__Item::after{
  position: relative;
  display: block;
  content: "";
  bottom: 1px;
  left: 0;
  height: 1px;
  width: 0;
  background: var(--heading-color);
  transition: width 0.25s ease-in-out;
}


:where(.kl-legacy) .TabList__Item+.TabList__Item{
  margin-left: 28px;
}


:where(.kl-legacy) .TabList__Item.is-active::after{
  width: 100%;
}


.features--heading-uppercase :where(.kl-legacy) .TabList__Item.is-active::after{
  width: calc(100% - 0.2em);
}


:where(.kl-legacy) .TabPanel{
  display: none;
}


:where(.kl-legacy) .TabPanel[aria-hidden=false]{
  display: block;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .TabList__Item+.TabList__Item{
    margin-left: 45px;
  }


}




.template-customers :where(.kl-legacy) .OrderAddresses .Grid__Cell+.Grid__Cell{
  margin-top: 50px;
}


@media screen and (min-width: 641px) and (max-width: 1007px) {

  .template-customers :where(.kl-legacy) .OrderAddresses .Grid__Cell+.Grid__Cell{
    margin-top: 0;
  }


}


@media screen and (min-width: 1140px) {

  .template-customers :where(.kl-legacy) .OrderAddresses .Grid__Cell+.Grid__Cell{
    margin-top: 65px;
  }


}




:where(.kl-legacy) .AddressList{
  margin-bottom: -40px;
}


:where(.kl-legacy) .AddressList .Grid__Cell{
  margin-bottom: 40px;
}


:where(.kl-legacy) .AccountAddress span{
  display: inline-block;
  margin-bottom: 12px;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .Modal--address{
    height: 100%;
    width: 100%;
    max-width: none;
    max-height: none;
  }


  :where(.kl-legacy) .Modal--address .Modal__Header{
    margin-top: 35px;
  }


}


@media screen and (min-width: 641px) and (max-width: 1007px) {

  :where(.kl-legacy) .OrderAddresses{
    width: 100%;
    max-width: none;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .AddressList{
    margin-bottom: -60px;
  }


  :where(.kl-legacy) .AddressList .Grid__Cell{
    margin-bottom: 60px;
  }


}




:where(.kl-legacy) .AccountTable th{
  padding-top: 0;
  padding-bottom: 10px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
}


:where(.kl-legacy) .AccountTable tfoot{
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}


:where(.kl-legacy) .AccountTable tfoot span+span{
  padding-left: 18px;
}


:where(.kl-legacy) .AccountTable .CartItem__PriceList{
  margin-bottom: 0;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .AccountTable .CartItem__ImageWrapper{
    width: 70px;
    min-width: 70px;
  }


}




:where(.kl-legacy) .Article__ImageWrapper{
  overflow: hidden;
  height: 215px;
}


:where(.kl-legacy) .Article__Image{
  position: relative;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}


@supports (--css: variables) {

  :where(.kl-legacy) .Article__Image{
    height: calc(100% + 0px);
    height: calc(100% + var(--announcement-bar-height, 0px));
    top: calc(-1 * 0px);
    top: calc(-1 * var(--announcement-bar-height, 0px));
  }


}


:where(.kl-legacy) .Article__Wrapper{
  position: relative;
  max-width: 620px;
  margin: 0 auto 90px auto;
  padding: 24px 24px 0 24px;
  background: var(--background);
}


:where(.kl-legacy) .Article__Header{
  margin-bottom: 35px;
}


:where(.kl-legacy) .Article__Meta{
  margin-bottom: 18px;
}


:where(.kl-legacy) .Article__MetaItem+.Article__MetaItem::before{
  position: relative;
  display: inline-block;
  content: "";
  height: 4px;
  width: 4px;
  border-radius: 100%;
  margin: 0 15px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
  vertical-align: middle;
  background: currentColor;
}


:where(.kl-legacy) .Article__Footer{
  margin-top: 45px;
}


:where(.kl-legacy) .Article__ShareButtons{
  margin-top: 42px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Article__Wrapper{
    margin-bottom: 120px;
    padding: 40px 50px 0 50px;
  }


  :where(.kl-legacy) .Article__ImageWrapper{
    height: 335px;
  }


  :where(.kl-legacy) .Article__ImageWrapper+.Article__Wrapper{
    margin-top: -45px;
  }


  :where(.kl-legacy) .Article__Header{
    margin-bottom: 45px;
  }


  :where(.kl-legacy) .Article__Footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 65px;
  }


  :where(.kl-legacy) .Article__ShareButtons{
    margin-top: 0;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Article__Wrapper{
    max-width: 780px;
  }


  :where(.kl-legacy) .Article__ImageWrapper{
    height: 450px;
  }


  :where(.kl-legacy) .Article__ImageWrapper+.Article__Wrapper{
    margin-top: -70px;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .Article__ImageWrapper{
    height: 600px;
  }


}




:where(.kl-legacy) .Article__CommentForm{
  margin-top: 40px;
}


:where(.kl-legacy) .Article__Comments, :where(.kl-legacy) .Article__CommentFormWrapper{
  margin: 80px 0;
}


:where(.kl-legacy) .Article__Comments .Pagination{
  margin-top: 40px;
}


:where(.kl-legacy) .ArticleComment{
  margin-top: 35px;
}


:where(.kl-legacy) .ArticleComment+.ArticleComment{
  padding-top: 35px;
  border-top: 1px solid var(--border-color);
}


:where(.kl-legacy) .ArticleComment__Body{
  margin-bottom: 18px;
}


:where(.kl-legacy) .ArticleComment__Date{
  margin-left: 15px;
}


@media screen and (min-width: 641px) {


  :where(.kl-legacy) .Article__Comments, :where(.kl-legacy) .Article__CommentFormWrapper{
    margin: 105px 0;
  }


  :where(.kl-legacy) .Article__Comments .Pagination{
    margin-top: 80px;
  }


}




:where(.kl-legacy) .ArticleToolbar{
  position: fixed;
  display: flex;
  top: 0;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 15px 30px 16px 30px;
  background: var(--secondary-elements-background);
  color: var(--secondary-elements-text-color);
  z-index: 2;
  pointer-events: none;
  transform: translateY(-100%);
  opacity: 0;
  will-change: transform, opacity;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}


@supports (--css: variables) {

  :where(.kl-legacy) .ArticleToolbar{
    top: calc(0 * var(--header-height));
    top: calc(var(--use-sticky-header, 0) * var(--header-height));
  }


}


:where(.kl-legacy) .ArticleToolbar.is-visible{
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}


:where(.kl-legacy) .ArticleToolbar .Link:hover{
  color: var(--secondary-elements-text-color);
}


:where(.kl-legacy) .ArticleToolbar .Text--subdued{
  color: var(--secondary-elements-text-color-light);
}


:where(.kl-legacy) .ArticleToolbar__ArticleTitle{
  position: relative;
  display: inline-flex;
  max-width: 285px;
  width: 285px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: clip;
  color: var(--secondary-elements-text-color);
}


:where(.kl-legacy) .ArticleToolbar__ShareList{
  display: inline-block;
}


:where(.kl-legacy) .ArticleToolbar__ShareList .HorizontalList{
  display: inline-block;
  margin-left: 20px;
}


:where(.kl-legacy) .ArticleToolbar__Nav{
  display: inline-block;
  margin-left: 50px;
}


:where(.kl-legacy) .ArticleToolbar__Nav svg{
  color: var(--secondary-elements-text-color);
}


:where(.kl-legacy) .ArticleToolbar__NavItemSeparator{
  display: inline-block;
  position: relative;
  content: "";
  width: 1px;
  height: 12px;
  margin: 0 18px;
  background: rgba(var(--secondary-elements-text-color-rgb), 0.8);
  vertical-align: middle;
}


:where(.kl-legacy) .ArticleToolbar__NavItem svg{
  vertical-align: -1px;
}


:where(.kl-legacy) .ArticleToolbar__NavItem--prev svg{
  margin-right: 6px;
}


:where(.kl-legacy) .ArticleToolbar__NavItem--next svg{
  margin-left: 6px;
}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .ArticleToolbar__ArticleTitle{
    max-width: 400px;
    width: 400px;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .ArticleToolbar{
    padding-left: 50px;
    padding-right: 50px;
  }


  :where(.kl-legacy) .ArticleToolbar__ArticleTitle{
    max-width: 550px;
    width: 550px;
  }


  :where(.kl-legacy) .ArticleToolbar__Nav{
    margin-left: 100px;
  }


}




:where(.kl-legacy) .ArticleNav{
  padding: 75px 0;
  background: var(--secondary-elements-background);
  color: var(--secondary-elements-text-color);
}


:where(.kl-legacy) .ArticleNav .Heading{
  color: inherit;
}


:where(.kl-legacy) .ArticleNav__Item{
  display: block;
}


:where(.kl-legacy) .ArticleNav__Image{
  height: 350px;
  background-size: cover;
  background-position: center;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .ArticleNav .Grid__Cell+.Grid__Cell{
    margin-top: 50px;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .ArticleNav{
    padding: 140px 0;
  }


}




:where(.kl-legacy) .ArticleListWrapper{
  max-width: 1260px;
  margin: 0 auto 60px auto;
}


:where(.kl-legacy) .ArticleList{
  margin-bottom: -60px;
}


:where(.kl-legacy) .ArticleList .Grid__Cell{
  margin-bottom: 60px;
}


.js :where(.kl-legacy) .features--show-element-staggering .ArticleItem{
  visibility: hidden;
}


:where(.kl-legacy) .ArticleItem__ImageWrapper{
  display: block;
  margin-bottom: 22px;
  background-size: cover;
  overflow: hidden;
}


:where(.kl-legacy) .ArticleItem__Image{
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
}


.features--show-image-zooming :where(.kl-legacy) .ArticleItem__Image{
  transform: scale(1);
  transition: opacity 0.3s ease, transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


.features--show-image-zooming :where(.kl-legacy) .ArticleList .ImageHero__ImageWrapper{
  transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


@media (-moz-touch-enabled: 0),
(hover: hover) {


  .features--show-image-zooming :where(.kl-legacy) .ArticleItem:hover .ArticleItem__Image, .features--show-image-zooming :where(.kl-legacy) .ArticleList .ImageHero:hover .ImageHero__ImageWrapper{
    transform: scale(1.2);
  }


}


:where(.kl-legacy) .ArticleItem__Content{
  margin: 0 8px;
}


:where(.kl-legacy) .ArticleItem__Category{
  display: block;
  margin-bottom: 16px;
}


:where(.kl-legacy) .ArticleItem__Excerpt{
  margin-bottom: 20px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .ArticleList--withFeatured .Grid__Cell:first-child{
    margin-bottom: 40px;
  }


  :where(.kl-legacy) .ArticleItem__Content{
    margin: 0 18px;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .ArticleListWrapper{
    margin-bottom: 100px;
  }


  :where(.kl-legacy) .ArticleList{
    margin-bottom: -100px;
  }


  :where(.kl-legacy) .ArticleList .Grid__Cell{
    margin-bottom: 100px;
  }


  :where(.kl-legacy) .ArticleList--withFeatured .Grid__Cell:first-child{
    margin-bottom: 60px;
  }


}




:where(.kl-legacy) .Blog__RssLink{
  margin-left: 14px;
  vertical-align: baseline;
}


:where(.kl-legacy) .Blog__RssLink svg{
  width: 10px;
  height: 10px;
}


:where(.kl-legacy) .Blog__TagList{
  padding-top: 8px;
}


:where(.kl-legacy) .Blog__TagList .Link.is-active::after{
  display: block;
  content: "";
  width: calc(100% - 0.15em);
  height: 1px;
  background: currentColor;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .Blog__TagList .HorizontalList__Item{
    margin: 5px 10px;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .ArticleList+.Pagination{
    margin-top: 80px;
  }


}


@media screen and (min-width: 1140px) {

  [id$="__blog-template"]+[id$="__shop-now"]{
    margin-top: 150px;
  }


}



@-webkit-keyframes cartEmptyOpening {
  from {
    transform: translate(-50%, calc(-50% + 35px));
    opacity: 0;
  }

  to {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}


@keyframes cartEmptyOpening {
  from {
    transform: translate(-50%, calc(-50% + 35px));
    opacity: 0;
  }

  to {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}


:where(.kl-legacy) .Cart__ShippingNotice{
  position: sticky;
  top: 0;
  margin-bottom: 0;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  border-bottom: 1px solid var(--border-color);
  line-height: normal;
  z-index: 1;
  background: var(--background);
}


:where(.kl-legacy) .Cart__Empty{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  -webkit-animation: cartEmptyOpening 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: cartEmptyOpening 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Cart__ShippingNotice{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }


}




:where(.kl-legacy) .CartItemWrapper{
  overflow: hidden;
}


:where(.kl-legacy) .CartItem{
  display: table;
  table-layout: fixed;
  margin: 30px 0;
  width: 100%;
}


:where(.kl-legacy) .CartItem__ImageWrapper, :where(.kl-legacy) .CartItem__Info{
  display: table-cell;
  vertical-align: middle;
}


:where(.kl-legacy) .CartItem__ImageWrapper{
  width: 90px;
  min-width: 90px;
  text-align: center;
}


:where(.kl-legacy) .CartItem__Info{
  padding-left: 25px;
}


:where(.kl-legacy) .CartItem__Title{
  width: 100%;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


:where(.kl-legacy) .CartItem__Title, :where(.kl-legacy) .CartItem__Variant, :where(.kl-legacy) .CartItem__PlanAllocation, :where(.kl-legacy) .CartItem__PropertyList{
  margin-bottom: 0.45em;
}


:where(.kl-legacy) .CartItem__Meta, :where(.kl-legacy) .CartItem__LinePriceList, :where(.kl-legacy) .CartItem__DiscountList{
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 9px));
}


:where(.kl-legacy) .CartItem__PropertyList{
  list-style: none;
  font-style: italic;
}


:where(.kl-legacy) .CartItem__DiscountList{
  list-style: none;
}


:where(.kl-legacy) .CartItem__Discount{
  display: inline-block;
  margin-top: 6px;
  padding: 4px 8px;
  background: rgba(var(--product-sale-price-color-rgb), 0.1);
  color: var(--product-sale-price-color);
}


:where(.kl-legacy) .CartItem__Discount svg{
  margin-right: 4px;
  vertical-align: text-bottom;
}


:where(.kl-legacy) .CartItem__Discount+.CartItem__Discount{
  margin-top: 4px;
}


:where(.kl-legacy) .CartItem__UnitPriceMeasurement{
  margin-top: 4px;
}


:where(.kl-legacy) .CartItem__Actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 16px;
}


:where(.kl-legacy) .CartItem__Remove{
  margin: 8px 0;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 8px));
}


:where(.kl-legacy) .CartItem__Remove::before{
  background: var(--text-color-light);
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .CartItem__ImageWrapper{
    width: 120px;
  }


  :where(.kl-legacy) .CartItem__Title{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  }


  :where(.kl-legacy) .CartItem__Meta, :where(.kl-legacy) .CartItem__LinePriceList{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  }


  :where(.kl-legacy) .CartItem__Remove{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 9px));
  }


  :where(.kl-legacy) .CartItem__Actions{
    margin-top: 20px;
  }


}




:where(.kl-legacy) .Cart .Drawer__Footer, :where(.kl-legacy) .Cart__OffscreenNoteContainer{
  padding: 14px 24px 24px 24px;
}


:where(.kl-legacy) .Cart__Checkout{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
}


:where(.kl-legacy) .Cart__OffscreenNoteContainer{
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: var(--background);
  border-top: 1px solid var(--border-color);
  transform: translateY(100%);
  transition: transform 0.25s ease-in-out;
}


:where(.kl-legacy) .Cart__OffscreenNoteContainer[aria-hidden=false]{
  transform: translateY(0);
  box-shadow: 1px 0 6px rgba(54, 54, 54, 0.2);
}


:where(.kl-legacy) .Cart__Note{
  margin-top: 10px;
}


:where(.kl-legacy) .Cart__Taxes{
  margin-bottom: 8px;
}


:where(.kl-legacy) .Cart__Discount svg{
  margin-right: 8px;
  vertical-align: sub;
}


:where(.kl-legacy) .has-note-open[aria-hidden=false] .Drawer__Header, :where(.kl-legacy) .has-note-open[aria-hidden=false] .Drawer__Main{
  opacity: 0.4;
  pointer-events: none;
  transition: opacity 0.5s ease;
}


@supports (padding: max(0px)) {


  :where(.kl-legacy) .Cart .Drawer__Footer, :where(.kl-legacy) .Cart__OffscreenNoteContainer{
    padding-bottom: max(24px, env(safe-area-inset-bottom, 0px) + 24px);
  }


}


@media screen and (min-width: 641px) {


  :where(.kl-legacy) .Cart .Drawer__Footer, :where(.kl-legacy) .Cart__OffscreenNoteContainer{
    padding: 20px 30px 30px 30px;
  }


  :where(.kl-legacy) .Cart__NoteButton+.Cart__Taxes{
    margin-top: 4px;
  }


  @supports (padding: max(0px)) {


    :where(.kl-legacy) .Cart .Drawer__Footer, :where(.kl-legacy) .Cart__OffscreenNoteContainer{
      padding-bottom: max(30px, env(safe-area-inset-bottom, 0px) + 30px);
    }

  
}


}




:where(.kl-legacy) .Cart--expanded .Cart__Footer{
  padding-top: 25px;
  border-top: 1px solid var(--border-color);
}


:where(.kl-legacy) .Cart--expanded .Cart__Recap{
  text-align: right;
}


:where(.kl-legacy) .Cart--expanded .Cart__Recap, :where(.kl-legacy) .Cart--expanded .Cart__Recap .Cart__Checkout{
  margin-top: 16px;
}


:where(.kl-legacy) .Cart--expanded .Cart__Checkout{
  margin-left: auto;
}


@media screen and (max-width: 640px) {


  :where(.kl-legacy) .CartItem__Info~.CartItem__Actions, :where(.kl-legacy) .CartItem__Info~.CartItem__LinePriceList{
    display: none;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Cart--expanded .Cart__ItemList{
    display: table;
    table-layout: auto;
    border-spacing: 0 30px;
    width: 100%;
  }


  :where(.kl-legacy) .Cart--expanded .Cart__Head{
    display: table-header-group;
  }


  :where(.kl-legacy) .Cart--expanded .Cart__HeadItem{
    display: table-cell;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-color);
  }


  :where(.kl-legacy) .Cart--expanded .CartItem{
    display: table-row;
  }


  :where(.kl-legacy) .Cart--expanded .CartItem__Info{
    max-width: 300px;
    width: 300px;
  }


  :where(.kl-legacy) .Cart--expanded .CartItem__Info>.CartItem__Actions{
    display: none;
  }


  :where(.kl-legacy) .Cart--expanded .CartItem__Info~.CartItem__Actions, :where(.kl-legacy) .Cart--expanded .CartItem__Info~.CartItem__LinePriceList{
    display: table-cell;
    vertical-align: middle;
  }


  :where(.kl-legacy) .Cart--expanded .CartItem__QuantitySelector{
    margin-bottom: 6px;
  }


  :where(.kl-legacy) .Cart--expanded .Cart__Footer{
    display: table;
    width: 100%;
    table-layout: fixed;
  }


  :where(.kl-legacy) .Cart--expanded .Cart__Recap, :where(.kl-legacy) .Cart--expanded .Cart__NoteContainer{
    display: table-cell;
  }


  :where(.kl-legacy) .Cart--expanded .Cart__NoteContainer{
    width: 340px;
  }


  :where(.kl-legacy) .Cart--expanded .Cart__Checkout{
    width: auto;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .Cart--expanded .CartItem__Info{
    max-width: 425px;
    width: 425px;
  }


}




:where(.kl-legacy) .ShippingEstimator__Results{
  height: 0;
  overflow: hidden;
  transition: height 0.25s ease-in-out;
}


:where(.kl-legacy) .ShippingEstimator__Error, :where(.kl-legacy) .ShippingEstimator__ResultsInner{
  margin-top: 32px;
}


:where(.kl-legacy) .ShippingEstimator__Results p{
  margin-bottom: 0.5em;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .ShippingEstimator__Submit{
    width: 100%;
  }


  :where(.kl-legacy) .ShippingEstimator__Country, :where(.kl-legacy) .ShippingEstimator__Province, :where(.kl-legacy) .ShippingEstimator__Zip{
    margin-bottom: 20px;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .ShippingEstimator__Form{
    display: flex;
  }


  :where(.kl-legacy) .ShippingEstimator__Form>*:not(:first-child){
    margin-left: 20px;
  }


  :where(.kl-legacy) .ShippingEstimator__Country, :where(.kl-legacy) .ShippingEstimator__Province{
    margin-bottom: 0;
  }


  :where(.kl-legacy) .ShippingEstimator__Zip{
    margin-bottom: 0;
    max-width: 130px;
  }


}




:where(.kl-legacy) .CollectionList::after{
  content: "flickity";
  display: none;
}


:where(.kl-legacy) .CollectionItem{
  display: block;
}


:where(.kl-legacy) .CollectionItem__Wrapper{
  position: relative;
  height: 500px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}


:where(.kl-legacy) .CollectionItem__Wrapper--small{
  height: 450px;
}


:where(.kl-legacy) .CollectionItem__Wrapper--large{
  height: 550px;
}


:where(.kl-legacy) .CollectionItem__ImageWrapper{
  background-size: cover;
  background-position: center;
  height: 100%;
  width: 100%;
}


.features--show-image-zooming :where(.kl-legacy) .CollectionItem__ImageWrapper{
  transform: scale(1);
  transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


:where(.kl-legacy) .CollectionItem__Image{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}


:where(.kl-legacy) .CollectionItem__Content{
  position: absolute;
  padding: 0 24px;
  margin-bottom: 0 !important;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: left;
}


:where(.kl-legacy) .CollectionItem__Content--bottomCenter, :where(.kl-legacy) .CollectionItem__Content--middleCenter{
  text-align: center;
}


:where(.kl-legacy) .CollectionItem__Content--bottomRight, :where(.kl-legacy) .CollectionItem__Content--middleRight{
  text-align: right;
}


:where(.kl-legacy) .CollectionItem__Content--bottomLeft, :where(.kl-legacy) .CollectionItem__Content--bottomRight, :where(.kl-legacy) .CollectionItem__Content--bottomCenter{
  bottom: 24px;
  top: auto;
  left: 0;
  transform: none;
}


@media (-moz-touch-enabled: 0),
(hover: hover) {

  .features--show-image-zooming :where(.kl-legacy) .CollectionItem:hover .CollectionItem__ImageWrapper{
    transform: scale(1.2);
  }


}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .CollectionList--grid{
    margin: 12px 12px 12px 12px;
  }


  :where(.kl-legacy) .CollectionList--grid .CollectionItem{
    padding: 12px;
  }


  :where(.kl-legacy) .CollectionList:not(.CollectionList--grid) .CollectionItem__Content--bottomLeft, :where(.kl-legacy) .CollectionList:not(.CollectionList--grid) .CollectionItem__Content--bottomRight, :where(.kl-legacy) .CollectionList:not(.CollectionList--grid) .CollectionItem__Content--bottomCenter{
    bottom: 70px;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .CollectionList{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
  }


  :where(.kl-legacy) .CollectionList::after{
    content: "";
    /* disable Flickity */
  }


  :where(.kl-legacy) .CollectionList--spaced{
    margin: 15px;
  }


  :where(.kl-legacy) .CollectionList--spaced .CollectionItem{
    padding: 15px;
  }


  :where(.kl-legacy) .CollectionItem{
    display: block !important;
    flex: 0 1 0;
    min-width: 50%;
  }


  :where(.kl-legacy) .CollectionItem--expand{
    flex-grow: 1;
  }


  :where(.kl-legacy) .CollectionItem__Content{
    padding: 0 40px;
  }


  :where(.kl-legacy) .CollectionItem__Content--bottomLeft, :where(.kl-legacy) .CollectionItem__Content--bottomRight, :where(.kl-legacy) .CollectionItem__Content--bottomCenter{
    bottom: 40px;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .CollectionItem{
    min-width: 33.33333%;
  }


  :where(.kl-legacy) .CollectionItem__Wrapper{
    height: 600px;
  }


  :where(.kl-legacy) .CollectionItem__Wrapper--small{
    height: 500px;
  }


  :where(.kl-legacy) .CollectionItem__Wrapper--large{
    height: 700px;
  }


  :where(.kl-legacy) .CollectionItem__Content{
    padding: 0 50px;
  }


  :where(.kl-legacy) .CollectionItem__Content--bottomLeft, :where(.kl-legacy) .CollectionItem__Content--bottomRight, :where(.kl-legacy) .CollectionItem__Content--bottomCenter{
    bottom: 50px;
  }


}




:where(.kl-legacy) .CollectionToolbar{
  position: sticky;
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: var(--background);
  box-shadow: 1px 1px var(--border-color), -1px -1px var(--border-color);
  z-index: 2;
}


:where(.kl-legacy) .CollectionToolbar--top{
  top: var(--header-base-height);
}


@supports (--css: variables) {

  :where(.kl-legacy) .CollectionToolbar--top{
    top: calc(var(--header-height) * 0);
    top: calc(var(--header-height) * var(--use-sticky-header, 0));
  }


}


.supports-sticky :where(.kl-legacy) .CollectionToolbar--bottom{
  bottom: 0;
  /* as of today the best polyfill I've found does not support polyfilling sticky on bottom. As a consequence on those old
                browsers, the stickiness is always at the top */
}


:where(.kl-legacy) .CollectionToolbar__Group{
  display: flex;
  flex: 1 0 auto;
}


:where(.kl-legacy) .CollectionToolbar__Item{
  flex: 1 0 auto;
  padding: 13px 0;
  border-left: 1px solid var(--border-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}


:where(.kl-legacy) .CollectionToolbar__Item--sort .Icon--select-arrow{
  height: 6px;
  margin-left: 2px;
  pointer-events: none;
}


:where(.kl-legacy) .CollectionToolbar__Item--layout{
  flex: none;
  width: 95px;
  line-height: 1;
  cursor: auto;
  cursor: initial;
}


:where(.kl-legacy) .CollectionToolbar__LayoutType{
  margin: 0 6px;
  opacity: 0.2;
  transition: opacity 0.25s ease-in-out;
}


:where(.kl-legacy) .CollectionToolbar__LayoutType svg{
  width: 18px;
  height: 18px;
}


:where(.kl-legacy) .CollectionToolbar__LayoutType.is-active{
  opacity: 1;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .CollectionToolbar__Item:first-child{
    border-left: none;
  }


}


@media screen and (min-width: 641px) {


  :where(.kl-legacy) .CollectionToolbar--reverse, :where(.kl-legacy) .CollectionToolbar__Group{
    flex-direction: row-reverse;
  }


  :where(.kl-legacy) .CollectionToolbar__Group{
    flex: none;
  }


  :where(.kl-legacy) .CollectionToolbar__Item{
    padding: 18px 0;
  }


  :where(.kl-legacy) .CollectionToolbar__Group .CollectionToolbar__Item{
    padding-left: 45px;
    padding-right: 45px;
  }


  :where(.kl-legacy) .CollectionToolbar__Item--layout{
    border-left: none;
    width: 115px;
    border-right: 1px solid var(--border-color);
    white-space: nowrap;
  }


}




:where(.kl-legacy) .CollectionFilters .Collapsible:first-child{
  border-top: none;
}


:where(.kl-legacy) .CollectionFilters__ClearButton{
  margin-top: 24px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .CollectionFilters .Drawer__Main{
    padding-top: 35px;
  }


}




:where(.kl-legacy) .ProductItem{
  text-align: center;
  white-space: normal;
}


.js :where(.kl-legacy) .features--show-element-staggering .ProductList--grid .ProductItem{
  visibility: hidden;
}


:where(.kl-legacy) .ProductItem__Wrapper{
  position: relative;
}


:where(.kl-legacy) .ProductItem__ImageWrapper{
  display: block;
}


:where(.kl-legacy) .ProductItem__Image--alternate{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0 !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}


:where(.kl-legacy) .ProductItem__LabelList{
  position: absolute;
  left: 10px;
  /* top: 6px; */
  top: -38px;
  text-align: left;
}


:where(.kl-legacy) .ProductItem__Label{
  display: inline-block;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 8px));
  font-weight: 600;
  /*　修正 */
  color: #ffffff;
  /*　修正 */
  margin: 4px 0;
  padding: 2px 6px;
  background: var(--product-sale-price-color);
  /* 修正  background: var(--background); */
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  max-width: -moz-available;
  /*　修正 */
}


:where(.kl-legacy) .ProductItem__Label.new{
  background: #01368e;
}


:where(.kl-legacy) .ProductItem__LabelList.coupon{
  left: unset;
  right: 10px;
}


:where(.kl-legacy) .ProductItem__Label.coupon{
  background: #192f60;
  text-align: center;
}


:where(.kl-legacy) div.sex-labels{
  position: absolute;
  left: unset;
  right: 10px;
}


:where(.kl-legacy) .ProductItem__LabelList.sex{
  position: relative;
  left: unset;
  top: -37px;
}


:where(.kl-legacy) .ProductItem__Label.sex{
  background: #c5b58e;
}


:where(.kl-legacy) .ProductItem__Label.magazine-item{
  background: #b28a55;
}


:where(.kl-legacy) .ProductItem__Label.special-order{
  color: #fff;
  background: #000;
}


:where(.kl-legacy) .ProductItem__Info{
  margin-top: 20px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
}


.features--heading-uppercase :where(.kl-legacy) .ProductItem__Info{
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
}


:where(.kl-legacy) .ProductItem__Info--left{
  text-align: left;
}


:where(.kl-legacy) .ProductItem__Info--right{
  text-align: right;
}


:where(.kl-legacy) .ProductItem__Rating{
  margin-top: 4px;
  margin-bottom: 4px;
}


:where(.kl-legacy) .ProductItem__Vendor, :where(.kl-legacy) .ProductItem__Title{
  display: block;
  margin-bottom: 4px;
}


:where(.kl-legacy) .ProductItem__ColorSwatchList{
  margin-top: 15px;
}


:where(.kl-legacy) .ProductItem__ColorSwatchItem{
  display: inline-block;
  margin: 0 5px;
}


:where(.kl-legacy) .ProductItem__ColorSwatchList+.ProductItem__PriceList{
  margin-top: 12px;
}


:where(.kl-legacy) .ProductItem__UnitPriceMeasurement{
  margin-top: 4px;
}


@media (-moz-touch-enabled: 0),
(hover: hover) {

  .features--show-price-on-hover :where(.kl-legacy) .ProductItem__PriceList--showOnHover{
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.35s ease-in-out;
  }


  .features--show-price-on-hover :where(.kl-legacy) .ProductItem:hover .ProductItem__PriceList--showOnHover{
    opacity: 1;
    transform: translateY(0);
  }


  :where(.kl-legacy) .ProductItem__ImageWrapper--withAlternateImage:hover .ProductItem__Image{
    opacity: 0 !important;
  }


  :where(.kl-legacy) .ProductItem__ImageWrapper--withAlternateImage:hover .ProductItem__Image--alternate{
    opacity: 1 !important;
  }


}


@media (-moz-touch-enabled: 1),
(hover: none) {

  :where(.kl-legacy) .ProductItem__Image--alternate{
    display: none;
    /* This prevents the image to be lazy-loaded */
  }


}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .ProductItem__Rating .rating__star{
    width: 10px;
    height: 10px;
  }


  :where(.kl-legacy) .ProductItem__Rating .rating__caption{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 9px));
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .ProductItem__Label{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  }


  :where(.kl-legacy) .ProductItem__Info{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }


  .features--heading-uppercase :where(.kl-legacy) .ProductItem__Info{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .ProductItem--horizontal{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }


  :where(.kl-legacy) .ProductItem--horizontal .ProductItem__Wrapper{
    display: flex;
    align-items: center;
  }


  :where(.kl-legacy) .ProductItem--horizontal .ProductItem__ImageWrapper{
    min-width: 100px;
  }


  :where(.kl-legacy) .ProductItem--horizontal .ProductItem__Info{
    margin: 0 30px 0 40px;
    text-align: left;
  }


  :where(.kl-legacy) .ProductItem--horizontal .ProductItem__ViewButton{
    flex-shrink: 0;
  }


}




:where(.kl-legacy) .CollectionInner{
  margin-top: 24px;
}


:where(.kl-legacy) .ProductList--grid{
  padding: 0 12px;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .ProductList--grid{
    margin-left: -10px;
  }


  :where(.kl-legacy) .ProductList--removeMargin{
    margin-bottom: -35px !important;
  }


  :where(.kl-legacy) .ProductList--grid>.Grid__Cell{
    padding-left: 10px;
    margin-top: 35px;
    margin-bottom: 35px;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .CollectionInner{
    margin-top: 50px;
  }


  :where(.kl-legacy) .ProductList--grid{
    padding: 0 24px;
    margin-left: -24px;
  }


  :where(.kl-legacy) .ProductList--removeMargin{
    margin-bottom: -50px !important;
  }


  :where(.kl-legacy) .ProductList--grid>.Grid__Cell{
    padding-left: 24px;
    margin-top: 50px;
    margin-bottom: 50px;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .CollectionInner{
    display: flex;
  }


  :where(.kl-legacy) .CollectionInner__Sidebar{
    position: sticky;
    top: 200px;
    flex: none;
    align-self: flex-start;
    width: 200px;
    margin: 0 16px 0 24px;
    padding-bottom: 50px;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .CollectionInner__Sidebar{
      top: calc(var(--header-height) + 50px);
    }

  
}


  @supports (--css: variables) {

    :where(.kl-legacy) .CollectionInner__Sidebar--withTopToolbar{
      top: calc(var(--header-height) * 0 + 105px);
      top: calc(var(--header-height) * var(--use-sticky-header, 0) + 105px);
    }

  
}


  :where(.kl-legacy) .CollectionInner__Products{
    flex: 1 0 0;
  }


  :where(.kl-legacy) .CollectionInner__Sidebar .Collapsible{
    padding: 0;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .CollectionInner__Sidebar{
    margin-right: 10px;
    margin-left: 50px;
  }


  :where(.kl-legacy) .CollectionInner .Pagination{
    margin-bottom: 80px;
  }


  :where(.kl-legacy) .ProductList--grid{
    padding: 0 50px;
  }


  :where(.kl-legacy) .ProductList--grid[data-desktop-count="2"]{
    margin-left: calc(-1 * var(--horizontal-spacing-two-products-per-row));
  }


  :where(.kl-legacy) .ProductList--grid[data-desktop-count="2"]>.Grid__Cell{
    padding-left: var(--horizontal-spacing-two-products-per-row);
    margin-bottom: var(--vertical-spacing-two-products-per-row);
  }


  :where(.kl-legacy) .ProductList--removeMargin[data-desktop-count="2"]{
    margin-bottom: calc(-1 * var(--vertical-spacing-two-products-per-row)) !important;
  }


  :where(.kl-legacy) .ProductList--grid[data-desktop-count="4"], :where(.kl-legacy) .ProductList--grid[data-desktop-count="3"]{
    margin-left: calc(-1 * var(--horizontal-spacing-four-products-per-row));
  }


  :where(.kl-legacy) .ProductList--grid[data-desktop-count="4"]>.Grid__Cell, :where(.kl-legacy) .ProductList--grid[data-desktop-count="3"]>.Grid__Cell{
    padding-left: var(--horizontal-spacing-four-products-per-row);
    margin-bottom: var(--vertical-spacing-four-products-per-row);
  }


  :where(.kl-legacy) .ProductList--removeMargin[data-desktop-count="4"], :where(.kl-legacy) .ProductList--removeMargin[data-desktop-count="3"]{
    margin-bottom: calc(-1 * var(--vertical-spacing-four-products-per-row)) !important;
  }


}




:where(.kl-legacy) .ProductList--carousel .Carousel__Cell{
  width: 62%;
  padding: 0 12px;
  vertical-align: top;
}


@media screen and (max-width: 640px) {


  .template-search :where(.kl-legacy) .ProductList--grid, .template-collection :where(.kl-legacy) .ProductList--grid{
    margin-bottom: 20px;
    /* hack, would require some better code */
  }


}


@media screen and (max-width: 1007px) {


  
  :where(.kl-legacy) .ProductListWrapper{
    overflow: hidden;
  }


  :where(.kl-legacy) .ProductList--carousel{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 30px;
    /* This is a trick to hide the scrollbar on iOS */
    margin-bottom: -30px;
  }


  :where(.kl-legacy) .ProductList--carousel .Carousel__Cell{
    display: inline-block !important;
  }


  :where(.kl-legacy) .ProductList--carousel .Carousel__Cell:first-child{
    margin-left: 19%;
    /* This is (100% - 62%) / 2, where 62% is the width of a single cell */
  }


  :where(.kl-legacy) .ProductList--carousel .Carousel__Cell:last-child{
    margin-right: 19%;
    /* This is (100% - 62%) / 2, where 62% is the width of a single cell */
  }


}


@media screen and (min-width: 641px) and (max-width: 1007px) {

  :where(.kl-legacy) .ProductList--carousel .Carousel__Cell{
    width: 48%;
    padding: 0 15px;
  }


  :where(.kl-legacy) .ProductList--carousel .Carousel__Cell:first-child{
    margin-left: 26%;
    /* This is (100% - 48%) / 2, where 48% is the width of a single cell */
  }


  :where(.kl-legacy) .ProductList--carousel .Carousel__Cell:last-child{
    margin-right: 26%;
    /* This is (100% - 48%) / 2, where 48% is the width of a single cell */
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .ProductList--carousel{
    margin: 0 90px;
  }


  :where(.kl-legacy) .ProductList--carousel::after{
    content: "flickity";
    display: none;
  }


  :where(.kl-legacy) .ProductList--carousel .Carousel__Cell{
    width: 33.3333%;
    left: 0;
    padding: 0 calc(var(--horizontal-spacing-four-products-per-row) / 2);
    margin-left: 0;
  }


  :where(.kl-legacy) .ProductList--carousel .flickity-prev-next-button{
    top: calc(50% - 45px);
    width: 45px;
    height: 45px;
    stroke-width: 1px;
  }


  :where(.kl-legacy) .ProductList--carousel .flickity-prev-next-button.next{
    right: -50px;
  }


  :where(.kl-legacy) .ProductList--carousel .flickity-prev-next-button.previous{
    left: -50px;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .ProductList--carousel .Carousel__Cell{
    width: 25%;
  }


}




:where(.kl-legacy) .ProductList--shopNow{
  position: static;
}


:where(.kl-legacy) .ProductList--shopNow .Carousel__Cell{
  padding: 0 60px;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .ShopNowGrid .FeaturedQuote{
    margin: 50px -24px -90px -24px;
  }


}


@media screen and (min-width: 641px) and (max-width: 1007px) {

  :where(.kl-legacy) .ShopNowGrid .FeaturedQuote{
    margin: 60px -50px -90px -50px;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .ProductList--shopNow{
    padding: 0 50px;
    overflow: hidden;
  }


  :where(.kl-legacy) .ProductList--shopNow .flickity-viewport{
    overflow: visible;
  }


  :where(.kl-legacy) .ProductList--shopNow .Carousel__Cell{
    width: 50%;
    padding: 0 50px;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .ProductList--shopNow[data-desktop-count="3"] .Carousel__Cell{
    width: 33.333333%;
  }


  :where(.kl-legacy) .ShopNowGrid{
    display: flex;
  }


  :where(.kl-legacy) .ShopNowGrid .FeaturedQuote{
    height: 100%;
  }


}


:where(.kl-legacy) .Faq__Section{
  margin-bottom: 20px;
}


:where(.kl-legacy) .Faq__Section~.Faq__Section{
  margin-top: 34px;
}


:where(.kl-legacy) .Faq__Item{
  position: relative;
  margin: 14px 0;
}


:where(.kl-legacy) .Faq__Icon{
  position: absolute;
  top: 0;
  left: 0;
  color: var(--text-color-light);
  transition: all 0.3s ease-in-out;
}


:where(.kl-legacy) .Faq__Icon svg{
  width: 8px;
  height: 10px;
  vertical-align: baseline;
}


:where(.kl-legacy) .Faq__Item[aria-expanded=true] .Faq__Icon{
  transform: rotateZ(90deg);
  color: var(--heading-color);
}


:where(.kl-legacy) .Faq__ItemWrapper{
  padding-left: 26px;
}


:where(.kl-legacy) .Faq__Question{
  display: block;
  width: 100%;
  margin-bottom: 0;
  text-align: left;
}


:where(.kl-legacy) .Faq__AnswerWrapper{
  height: 0;
  overflow: hidden;
  visibility: hidden;
  transition: height 0.25s ease-in-out, visibility 0s ease-in-out 0.25s;
}


:where(.kl-legacy) .Faq__Item[aria-expanded=true] .Faq__AnswerWrapper{
  visibility: visible;
  transition: height 0.25s ease-in-out;
}


:where(.kl-legacy) .Faq__Answer{
  padding: 16px 0 22px 0;
}


:where(.kl-legacy) .Faq__Item--lastOfSection .Faq__Answer{
  padding-bottom: 0;
}


:where(.kl-legacy) .FaqSummary{
  list-style: none;
  margin: 0;
  padding: 0;
}


:where(.kl-legacy) .FaqSummary__Item{
  margin-bottom: 12px;
}


:where(.kl-legacy) .FaqSummary__Item.is-active::after{
  width: 100%;
}


:where(.kl-legacy) .FaqSummary__Link{
  display: block;
}


:where(.kl-legacy) .FaqSummary__LinkLabel{
  position: relative;
  display: inline-block;
}


:where(.kl-legacy) .FaqSummary__LinkLabel::after{
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  transform: scale(0, 1);
  transform-origin: left center;
  background: currentColor;
  transition: transform 0.2s linear;
}


:where(.kl-legacy) .FaqSummary__Item.is-active .FaqSummary__LinkLabel::after{
  transform: scale(1, 1);
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Faq__Section{
    margin-bottom: 34px;
  }


  :where(.kl-legacy) .Faq__Section~.Faq__Section{
    margin-top: 60px;
  }


}




:where(.kl-legacy) .FeatureText{
  text-align: center;
}


:where(.kl-legacy) .FeatureText__ContentWrapper{
  padding-left: 24px;
  padding-right: 24px;
}


:where(.kl-legacy) .FeatureText__ImageWrapper{
  overflow: hidden;
}


:where(.kl-legacy) .FeatureText--withImage .FeatureText__ContentWrapper{
  padding-top: 50px;
  padding-bottom: 20px;
}


:where(.kl-legacy) .FeatureText .SectionHeader__Description{
  margin-top: 25px;
  margin-bottom: 20px;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .FeatureText--imageLeft{
    display: flex;
    flex-direction: column-reverse;
  }


}



:where(.kl-legacy) .FeatureText--withImage p{
    text-align: left;
  }



@media screen and (min-width: 641px) {

  :where(.kl-legacy) .FeatureText__Content{
    max-width: 430px;
    margin: 0 auto;
  }


  :where(.kl-legacy) .FeatureText--withImage{
    display: table;
    width: 100%;
    text-align: left;
    table-layout: fixed;
  }


  :where(.kl-legacy) .FeatureText--withImage .FeatureText__ContentWrapper, :where(.kl-legacy) .FeatureText--withImage .FeatureText__ImageWrapper{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
  }


  :where(.kl-legacy) .FeatureText--withImage .FeatureText__ContentWrapper{
    padding: 50px;
  }


  :where(.kl-legacy) .FeatureText--imageRight .FeatureText__ContentWrapper{
    padding-right: 40px;
  }


  :where(.kl-legacy) .FeatureText--imageRight .FeatureText__Content, :where(.kl-legacy) .FeatureText--imageRight .AspectRatio{
    margin-right: 0;
  }


  :where(.kl-legacy) .FeatureText--imageRight .AspectRatio{
    text-align: right;
  }


  :where(.kl-legacy) .FeatureText--imageLeft .FeatureText__ContentWrapper{
    padding-left: 40px;
  }


  :where(.kl-legacy) .FeatureText--imageLeft .FeatureText__Content, :where(.kl-legacy) .FeatureText--imageLeft .AspectRatio{
    margin-left: 0;
  }


  :where(.kl-legacy) .FeatureText--imageLeft .AspectRatio{
    text-align: left;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .FeatureText--imageRight .FeatureText__ContentWrapper{
    padding-right: 100px;
  }


  :where(.kl-legacy) .FeatureText--imageLeft .FeatureText__ContentWrapper{
    padding-left: 100px;
  }


}


:where(.kl-legacy) .shopify-section--bordered+.shopify-section--footer{
  border-top: 1px solid var(--footer-border-color);
}


:where(.kl-legacy) .Footer{
  padding: 34px 0;
  background: var(--footer-background);
  color: var(--footer-text-color);
}


:where(.kl-legacy) .Footer__Title, :where(.kl-legacy) .Footer .Link--primary:hover{
  color: var(--footer-heading-color);
}


:where(.kl-legacy) .Footer .Form__Input::-moz-placeholder{
  color: var(--footer-text-color);
}


:where(.kl-legacy) .Footer .Form__Input:-ms-input-placeholder{
  color: var(--footer-text-color);
}


:where(.kl-legacy) .Footer .Link--secondary:hover, :where(.kl-legacy) .Footer .Form__Input::placeholder{
  color: var(--footer-text-color);
}


:where(.kl-legacy) .Footer__Block{
  margin-top: 48px;
}


:where(.kl-legacy) .Footer__Block:first-child{
  margin-top: 0;
}


:where(.kl-legacy) .Footer__Title{
  margin-bottom: 20px;
}


:where(.kl-legacy) .Footer__Social{
  margin-top: 5px;
}


:where(.kl-legacy) .Footer__Content+.Footer__Newsletter{
  margin-top: 18px;
}


:where(.kl-legacy) .Footer__Aside{
  text-align: center;
}


:where(.kl-legacy) .Footer__Inner+.Footer__Aside{
  margin-top: 65px;
}


:where(.kl-legacy) .Footer__LocalizationForm{
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}


:where(.kl-legacy) .Footer__LocalizationItem+.Footer__LocalizationItem{
  margin-left: 30px;
}


:where(.kl-legacy) .Footer__ThemeAuthor{
  margin-top: 4px;
}


:where(.kl-legacy) .Footer__PaymentList{
  margin: 54px -24px 0 -24px;
  padding-top: 28px;
  border-top: 1px solid var(--footer-border-color);
}


:where(.kl-legacy) .Footer__PaymentList svg{
  opacity: 0.8;
  width: 38px;
  height: 24px;
}


:where(.kl-legacy) .Footer__StoreName{
  color: var(--footer-text-color);
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Footer{
    padding: 75px 0 42px 0;
  }


  :where(.kl-legacy) .Footer__Inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -40px;
    margin-right: -40px;
  }


  :where(.kl-legacy) .Footer__Block{
    flex: 1 1 50%;
    margin-top: 0;
    margin-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
  }


  :where(.kl-legacy) .Footer__Social{
    margin-top: 14px;
  }


  :where(.kl-legacy) .Footer__Aside{
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }


  :where(.kl-legacy) .Footer__Inner+.Footer__Aside{
    margin-top: 40px;
  }


  :where(.kl-legacy) .Footer__Localization{
    width: 100%;
  }


  :where(.kl-legacy) .Footer__LocalizationForm{
    justify-content: flex-start;
  }


  :where(.kl-legacy) .Footer__StoreName{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  }


  :where(.kl-legacy) .Footer__PaymentList{
    padding: 0;
    margin: 0 -8px;
    border: none;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .Footer__Inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }


  :where(.kl-legacy) .Footer--center .Footer__Inner{
    justify-content: center;
  }


  :where(.kl-legacy) .Footer__Block{
    flex: 0 1 auto;
  }


  :where(.kl-legacy) .Footer__Block--text, :where(.kl-legacy) .Footer__Block--newsletter{
    flex-basis: 240px;
  }


  :where(.kl-legacy) .Footer__Inner+.Footer__Aside{
    margin-top: 80px;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .Footer__Block--text{
    flex-basis: 400px;
  }


  :where(.kl-legacy) .Footer__Block--newsletter{
    flex-basis: 305px;
  }


}


:where(.kl-legacy) .GiftCard{
  text-align: center;
}


:where(.kl-legacy) .GiftCard__Wrapper{
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}


:where(.kl-legacy) .GiftCard__Redeem{
  margin-bottom: 30px;
}


:where(.kl-legacy) .GiftCard__IllustrationWrapper{
  position: relative;
  margin: 40px 0;
}


:where(.kl-legacy) .GiftCard__CodeHolder{
  position: absolute;
  display: inline-block;
  margin: 0 auto;
  bottom: 20px;
  left: 50%;
  white-space: nowrap;
  padding: 12px 20px;
  background: #ffffff;
  border-radius: 3px;
  transform: translateX(-50%);
}


:where(.kl-legacy) .GiftCard__QrCode{
  margin: 20px 0;
}


:where(.kl-legacy) .GiftCard__QrCode img{
  margin: 0 auto;
}




:where(.kl-legacy) .shopify-section--header{
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}


:where(.kl-legacy) .Header .Heading, :where(.kl-legacy) .Header .Link--secondary, :where(.kl-legacy) .Header .Link--primary:hover{
  color: var(--header-heading-color);
}


:where(.kl-legacy) .Header .Text--subdued, :where(.kl-legacy) .Header .Link--primary, :where(.kl-legacy) .Header .Link--secondary:hover{
  color: var(--header-light-text-color);
}


:where(.kl-legacy) .Header{
  background: var(--header-background);
  color: var(--header-heading-color);
  box-shadow: 0 -1px var(--header-border-color) inset;
  transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}


:where(.kl-legacy) .Header__Wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 18px;
}


@media screen and (max-width: 1139px) {

  :where(.kl-legacy) .Header__Wrapper{
    padding: 0;
  }


}


:where(.kl-legacy) .Header__Logo{
  position: relative;
  margin-bottom: 0;
}


:where(.kl-legacy) .Header__LogoLink, :where(.kl-legacy) .Header__LogoImage{
/*   display: block; */
}


:where(.kl-legacy) .Header__LogoLink{
  text-align: center;
}


:where(.kl-legacy) .Header__LogoImage{
  margin: 0 auto;
  transition: opacity 0.3s ease-in-out;
}


:where(.kl-legacy) .Header__LogoImage--transparent{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}


:where(.kl-legacy) .Header__Icon{
  display: inline-block;
  line-height: 1;
  transition: color 0.2s ease-in-out;
}


:where(.kl-legacy) .Header__Icon span{
  display: block;
}


:where(.kl-legacy) .Header__Icon+.Header__Icon{
  margin-left: 14px;
/*   margin-right: 22px; */
  /* 修正 */
}


.supports-sticky :where(.kl-legacy) .Search[aria-hidden=true]+.Header--transparent{
  background: transparent;
}


.supports-sticky :where(.kl-legacy) .Search[aria-hidden=true]+.Header--transparent .Header__LogoImage--primary:not(:only-child){
  opacity: 0;
}


.supports-sticky :where(.kl-legacy) .Search[aria-hidden=true]+.Header--transparent .Header__LogoImage--transparent{
  opacity: 1;
}


.supports-sticky :where(.kl-legacy) .Search[aria-hidden=true]+.Header--transparent .Header__Icon svg{
  filter: drop-shadow(0 1px rgba(0, 0, 0, 0.25));
}


.supports-sticky :where(.kl-legacy) .Search[aria-hidden=true]+.Header--transparent .Header__Icon, .supports-sticky :where(.kl-legacy) .Search[aria-hidden=true]+.Header--transparent .HorizontalList__Item>.SelectButton, .supports-sticky :where(.kl-legacy) .Search[aria-hidden=true]+.Header--transparent .HorizontalList__Item>.Heading, .supports-sticky :where(.kl-legacy) .Search[aria-hidden=true]+.Header--transparent .Header__LogoLink>.Heading, .supports-sticky :where(.kl-legacy) .Search[aria-hidden=true]+.Header--transparent .Text--subdued{
  color: currentColor;
}


:where(.kl-legacy) .Header__Icon .Icon--nav{
  height: 15px;
  width: 20px;
}


:where(.kl-legacy) .Header__Icon .Icon--cart{
  width: 17px;
  height: 20px;
}


:where(.kl-legacy) .Header__Icon .Icon--search{
  position: relative;
  top: 1px;
  /* for pixel perfect */
  width: 18px;
  height: 17px;
}


:where(.kl-legacy) .Header__FlexItem{
  display: flex;
}


:where(.kl-legacy) .Header__FlexItem--fill{
  flex: 1 0 0;
  align-items: center;
}


:where(.kl-legacy) .Header__FlexItem--fill:last-child{
  justify-content: flex-end;
}


:where(.kl-legacy) .Header__CartDot{
  position: absolute;
  top: 2px;
  right: -6px;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: var(--header-heading-color);
  box-shadow: 0 0 0 2px var(--header-background);
  transform: scale(0);
  transition: all 0.3s ease-in-out;
}


:where(.kl-legacy) .Header__CartDot.is-visible{
  transform: scale(1);
}


:where(.kl-legacy) .Search[aria-hidden=true]+.Header--transparent .Header__CartDot{
  box-shadow: none;
  background-color: currentColor;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Header__Wrapper{
    /*    修正 padding: 18px 30px; */
  }


  :where(.kl-legacy) .Header__LogoImage{
    max-width: 100%;
  }


  :where(.kl-legacy) .Header__Icon+.Header__Icon{
    margin-left: 25px;
/*     margin-right: 30px; */
    /* 修正 */
  }


  :where(.kl-legacy) .Header__Icon .Icon--nav-desktop{
    height: 17px;
    width: 24px;
  }


  :where(.kl-legacy) .Header__Icon .Icon--cart-desktop{
    height: 23px;
    width: 19px;
  }


  :where(.kl-legacy) .Header__Icon .Icon--search-desktop{
    position: relative;
    top: 2px;
    /* for pixel perfect alignment with the cart icon */
    width: 21px;
    height: 21px;
  }


  :where(.kl-legacy) .Header__Icon .Icon--account{
    position: relative;
    top: 2px;
    /* for pixel perfect alignment with the cart icon */
    width: 20px;
    height: 20px;
  }


  :where(.kl-legacy) .Header--withIcons .Header__SecondaryNav{
    position: relative;
    top: 1px;
    /* for pixel perfect alignment with icons */
    margin-right: 32px;
  }


}


@media screen and (min-width: 1140px) {

  .js :where(.kl-legacy) .Header__Wrapper{
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }


  :where(.kl-legacy) .Header:not(.Header--sidebar) .Header__Wrapper{
    padding: 18px 50px;
  }


  :where(.kl-legacy) .Header__Localization{
    display: inline-block;
  }


  :where(.kl-legacy) .Header__MainNav{
    margin-right: 45px;
  }


  :where(.kl-legacy) .Header--inline .Header__FlexItem:first-child .Header__LocalizationForm, :where(.kl-legacy) .Header--logoLeft .Header__FlexItem:first-child .Header__LocalizationForm{
    display: none;
  }


  :where(.kl-legacy) .Header--logoLeft .Header__FlexItem--logo{
    order: -1;
    margin-right: 38px;
  }


  :where(.kl-legacy) .Header--logoLeft .Header__FlexItem--fill:last-child{
    flex: none;
  }


  :where(.kl-legacy) .Header--center .Header__Wrapper.Header__Wrapper{
    /* Ugly hack to increase CSS specificity */
    padding-bottom: 24px;
  }


  :where(.kl-legacy) .Header--center .Header__MainNav{
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 18px;
    width: 100%;
    text-align: center;
  }


  :where(.kl-legacy) .Header--center .Header__MainNav .HorizontalList{
    margin-left: 0;
    margin-right: 0;
  }


  :where(.kl-legacy) .Header--center .Header__FlexItem{
    margin-bottom: 40px;
  }


  :where(.kl-legacy) .Header--center .Header__FlexItem--increaseSpace{
    margin-bottom: 80px;
  }


  :where(.kl-legacy) .Header--center .Header__SecondaryNav .Header__LocalizationForm{
    display: none;
  }


  :where(.kl-legacy) .Header--initialized .Header__Wrapper{
    opacity: 1;
  }


}


@media screen and (min-width: 641px) and (max-width: 1139px) {

  :where(.kl-legacy) .Header__Icon+.Header__Icon:last-child{
    margin-right: 20px;
  }


}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .Header__Icon+.Header__Icon:last-child{
    margin-right: 14px;
  }


}




:where(.kl-legacy) .Header__LinkSpacer{
  position: absolute;
  display: block;
  bottom: 0;
  color: transparent;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


:where(.kl-legacy) .Header__LinkSpacer::after{
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: scale(0, 1);
  transform-origin: left center;
  /* 修正  border-bottom: 2px solid var(--header-heading-color); */
  border-bottom: 3px solid #D71518;
  transition: transform 0.3s, opacity 0.3s;
}


:where(.kl-legacy) .Header:not(.Header--transparent) .HorizontalList__Item.is-expanded .Header__LinkSpacer::after, :where(.kl-legacy) .Header:not(.Header--transparent) .HorizontalList__Item.is-active .Header__LinkSpacer::after{
  opacity: 1;
  transform: scale(1, 1);
}




:where(.kl-legacy) .DropdownMenu{
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 100%;
  padding: 25px 0;
  min-width: 200px;
  max-width: 270px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: left;
  background: var(--header-background);
  border: 1px solid var(--header-border-color);
  border-top: none;
  transition: all 0.3s ease-in-out;
}


:where(.kl-legacy) .DropdownMenu::before{
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  background: #D71518;
  /*  修正 background: var(--header-heading-color); */
  width: 100%;
  height: 3px;
  transform: scale(0, 1);
  transform-origin: left center;
  transition: transform 0.3s;
}


:where(.kl-legacy) .DropdownMenu[aria-hidden=false]{
  opacity: 1;
  visibility: visible;
}


:where(.kl-legacy) .DropdownMenu[aria-hidden=false]::before{
  transform: scale(1, 1);
}


:where(.kl-legacy) .DropdownMenu[aria-hidden=false] .DropdownMenu{
  display: block;
}


:where(.kl-legacy) .DropdownMenu [aria-haspopup]{
  position: relative;
}


:where(.kl-legacy) .DropdownMenu .Link{
  padding-left: 25px;
  padding-right: 40px;
}


:where(.kl-legacy) .DropdownMenu svg{
  position: absolute;
  width: 6px;
  top: calc(50% - 4px);
  height: 10px;
  right: 20px;
  transition: transform 0.2s ease-in-out;
}


:where(.kl-legacy) .DropdownMenu .Linklist__Item:hover svg{
  transform: translateX(4px);
}


:where(.kl-legacy) .DropdownMenu .Linklist__Item:hover>.Link--secondary{
  color: var(--header-light-text-color);
}


:where(.kl-legacy) .DropdownMenu .DropdownMenu{
  display: none;
  left: 100%;
  top: -26px;
  border-top: 1px solid var(--header-border-color);
}


:where(.kl-legacy) .DropdownMenu .DropdownMenu::before{
  display: none;
}


:where(.kl-legacy) .DropdownMenu .DropdownMenu--reversed{
  left: auto;
  right: 100%;
}




:where(.kl-legacy) .MegaMenu{
  position: absolute;
  padding: 20px 0;
  width: 100%;
  left: 0;
  top: 100%;
  visibility: hidden;
  opacity: 0;
  max-height: 600px;
  overflow: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  text-align: left;
  background: var(--header-background);
  border-bottom: 1px solid var(--header-border-color);
  transition: all 0.3s ease-in-out;
}


@supports (--css: variables) {

  :where(.kl-legacy) .MegaMenu{
    max-height: calc(100vh - var(--header-height));
  }


}


:where(.kl-legacy) .MegaMenu[aria-hidden=false]{
  opacity: 1;
  visibility: visible;
}


:where(.kl-legacy) .MegaMenu__Inner{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  max-width: 1450px;
  max-height: 400px;
  margin: 0 auto;
  padding: 0 200px;
  /* each menu has 40px margin, but header has 50px, so we normalize it here */
}





 :where(.kl-legacy) .MegaMenu--spacingEvenly .MegaMenu__Inner{
  justify-content: space-around;
  justify-content: space-evenly;
  /* space-evenly is not supported everywhere */
}


:where(.kl-legacy) .MegaMenu--spacingCenter .MegaMenu__Inner{
  justify-content: center;
}


@supports (display: grid) {

  :where(.kl-legacy) .MegaMenu--grid .MegaMenu__Inner{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  }


}


:where(.kl-legacy) .MegaMenu__Item{
  margin: 5px 40px;
  /* 修正  margin: 20px 40px; */
  flex-shrink: 1;
}


:where(.kl-legacy) .MegaMenu__Item--fit{
  flex-shrink: 0;
}


:where(.kl-legacy) .MegaMenu__Title{
  display: block;
  margin-bottom: 20px;
}


:where(.kl-legacy) .MegaMenu__Push{
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}


:where(.kl-legacy) .MegaMenu__Push--shrink{
  width: 50%;
}


:where(.kl-legacy) .MegaMenu__Push--shrink:first-child{
  padding-right: 15px;
}


:where(.kl-legacy) .MegaMenu__Push--shrink:last-child{
  padding-left: 15px;
}


:where(.kl-legacy) .MegaMenu__PushImageWrapper{
  margin: 8px auto 20px auto;
  max-width: 100%;
  overflow: hidden;
}


:where(.kl-legacy) .MegaMenu__PushHeading{
  margin-bottom: 6px;
}


@media (-moz-touch-enabled: 0),
(hover: hover) {

  :where(.kl-legacy) .MegaMenu__Push img{
    transform: scale(1);
    transition: opacity 0.3s ease, transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }


  :where(.kl-legacy) .MegaMenu__Push:hover img{
    transform: scale(1.2);
  }


}




:where(.kl-legacy) .ImageHero{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-size: cover;
  background-position: center;
  min-height: 380px;
  width: 100%;
  overflow: hidden;
}


:where(.kl-legacy) .ImageHero--small{
  min-height: 330px;
}


:where(.kl-legacy) .ImageHero--large{
  min-height: 480px;
}


:where(.kl-legacy) .ImageHero__ImageWrapper, :where(.kl-legacy) .ImageHero__Image{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}


@media screen and (min-width: 1008px) and (-moz-touch-enabled: 0),
screen and (min-width: 1008px) and (hover: hover) {

  :where(.kl-legacy) .ImageHero__Image--parallax{
    background-attachment: fixed;
  }


}


:where(.kl-legacy) .ImageHero__ImageWrapper--hasOverlay::before{
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}


:where(.kl-legacy) .ImageHero__Wrapper{
  z-index: 1;
}


:where(.kl-legacy) .ImageHero__ContentOverlay{
  position: relative;
  flex-basis: 425px;
  flex-grow: 0;
  padding: 0 15px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
}


:where(.kl-legacy) .ImageHero__TextContent{
  position: absolute;
  padding: 0 24px;
  margin-bottom: 0 !important;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
}



:where(.kl-legacy) .ImageHero iframe{
  position: absolute;
  height: 100%;
  width: 200%;
  left: -50%;
  pointer-events: none;
}


:where(.kl-legacy) .ImageHero--large iframe{
  width: 250%;
  left: -75%;
}


:where(.kl-legacy) .ImageHero--preserveRatio{
  min-height: 0;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}



@media screen and (min-width: 641px) {

  :where(.kl-legacy) .ImageHero--preserveRatio{
    padding-bottom: 40%;
  }


  :where(.kl-legacy) .ImageHero{
    margin-top: 50px;
  }


}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .ImageHero--preserveRatio{
    padding-bottom: 100%;
  }


  :where(.kl-legacy) .ImageHero--preserveRatio iframe{
    left: unset !important;
  }


}




:where(.kl-legacy) .ImageHero--preserveRatio iframe{
  top: 0 !important;
  left: 0;
  /*   left: 0 !important; */
  /*   width: 100% !important; */
  height: 100% !important;
}


:where(.kl-legacy) .ImageHero iframe[src]{
  pointer-events: auto;
  /* When data saver is on in Chrome, it will just set the src but prevents autoplay, so we need to make sure that we make it clickable */
}


:where(.kl-legacy) .ImageHero__Block{
  margin: 40px auto;
  padding: 38px 20px;
  max-width: 250px;
  box-shadow: 0 1px 20px rgba(54, 54, 54, 0.3);
}


:where(.kl-legacy) .ImageHero__Block--small{
  max-width: 165px;
}


:where(.kl-legacy) .ImageHero__Block--large{
  max-width: 320px;
}


:where(.kl-legacy) .ImageHero__BlockHeading{
  margin: -0.325em 0 18px 0;
}


:where(.kl-legacy) .ImageHero__BlockContent+.ImageHero__BlockLink{
  margin-top: 18px;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .ImageHero__Block{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .ImageHero{
    min-height: 450px;
  }


  :where(.kl-legacy) .ImageHero--small{
    min-height: 400px;
  }


  :where(.kl-legacy) .ImageHero--large{
    min-height: 500px;
  }


  :where(.kl-legacy) .ImageHero iframe{
    width: 100%;
    height: 200%;
    left: 0;
  }


  :where(.kl-legacy) .ImageHero__Block{
    padding: 48px 15px;
    max-width: 380px;
  }


  :where(.kl-legacy) .ImageHero__Block--small{
    max-width: 240px;
  }


  :where(.kl-legacy) .ImageHero__Block--large{
    max-width: 520px;
  }


  :where(.kl-legacy) .ImageHero__TextContent{
    padding: 0 40px;
    bottom: 40px;
    top: auto;
    left: 0;
    transform: none;
    text-align: left;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .ImageHero{
    min-height: 500px;
  }


  :where(.kl-legacy) .ImageHero--small{
    min-height: 450px;
  }


  :where(.kl-legacy) .ImageHero--large{
    min-height: 600px;
  }


  :where(.kl-legacy) .ImageHero__TextContent{
    padding: 0 50px;
    bottom: 50px;
  }


}


:where(.kl-legacy) .NewsletterPopup{
  position: fixed;
  bottom: 15px;
  left: 15px;
  width: calc(100% - 30px);
/*   padding: 24px 30px 30px 30px; */
  background: var(--newsletter-popup-background);
  color: var(--newsletter-popup-text-color);
  z-index: 50;
  text-align: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  visibility: hidden;
  transform: translateY(25px);
  opacity: 0;
  transition: all 0.5s var(--drawer-transition-timing);
}


:where(.kl-legacy) .NewsletterPopup .Heading{
  color: inherit;
}


:where(.kl-legacy) .NewsletterPopup .Form__Input::-moz-placeholder{
  color: rgba(var(--newsletter-popup-text-color-rgb), 0.6);
}


:where(.kl-legacy) .NewsletterPopup .Form__Input:-ms-input-placeholder{
  color: rgba(var(--newsletter-popup-text-color-rgb), 0.6);
}


:where(.kl-legacy) .NewsletterPopup .Form__Input::placeholder{
  color: rgba(var(--newsletter-popup-text-color-rgb), 0.6);
}


:where(.kl-legacy) .NewsletterPopup .Form__Input{
  border-color: rgba(var(--newsletter-popup-text-color-rgb), 0.4);
}


:where(.kl-legacy) .NewsletterPopup .Form__Input:focus{
  border-color: var(--newsletter-popup-text-color);
}


:where(.kl-legacy) .NewsletterPopup .Button{
  color: var(--newsletter-popup-background);
  border-color: var(--newsletter-popup-text-color);
}


:where(.kl-legacy) .NewsletterPopup .Button::before{
  background-color: var(--newsletter-popup-text-color);
}


@media screen and (max-width: 640px) {

  @supports (padding: max(0px)) {

    :where(.kl-legacy) .NewsletterPopup{
      bottom: max(15px, env(safe-area-inset-bottom, 0px) + 15px);
    }

  
}


}


@media (-moz-touch-enabled: 0),
(hover: hover) {

  :where(.kl-legacy) .NewsletterPopup .Button:not([disabled]):hover{
    color: var(--newsletter-popup-text-color);
    background-color: transparent;
  }


}


:where(.kl-legacy) .NewsletterPopup[aria-hidden=false]{
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}


:where(.kl-legacy) .NewsletterPopup__Close{
  position: absolute;
  right: 15px;
  top: 15px;
}


:where(.kl-legacy) .NewsletterPopup__Close svg{
  display: block;
  width: 15px;
  height: 15px;
}


:where(.kl-legacy) .NewsletterPopup__Content a{
  text-decoration: underline;
  text-underline-position: under;
}


:where(.kl-legacy) .NewsletterPopup__Form{
  margin-top: 32px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .NewsletterPopup{
    max-width: 385px;
    right: 25px;
    bottom: 25px;
    left: auto;
/*     padding-top: 35px; */
  }


  :where(.kl-legacy) .NewsletterPopup__Close svg{
    width: 18px;
    height: 18px;
  }


}


:where(.kl-legacy) .Password{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  width: 100%;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
}



:where(.kl-legacy) .Password__Header{
  position: relative;
  text-align: center;
}


:where(.kl-legacy) .Password__Logo{
  display: block;
  line-height: 1;
}


:where(.kl-legacy) .Password__LogoImage{
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 30px;
}




:where(.kl-legacy) .Password__LockAction{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}


:where(.kl-legacy) .Password__LockAction svg{
  margin-left: 10px;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
}



:where(.kl-legacy) .Password__Content{
  width: 650px;
  /* 修正  width: 470px; */
  max-width: 100%;
  margin: 100px auto;
  /* 修正  margin: 35px auto; */
}


:where(.kl-legacy) .Password__Newsletter{
  margin-bottom: 10px;
}


:where(.kl-legacy) .Password__Card{
  padding: 24px;
  background: var(--light-background);
  text-align: center;
}


:where(.kl-legacy) .Password__Message{
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}


:where(.kl-legacy) .Password__Form{
  margin-top: 28px;
}


:where(.kl-legacy) .Password__Form .Button{
  flex: none;
  margin-bottom: 0;
  margin-top: 15px;
  width: 100%;
}


:where(.kl-legacy) .Password__Social{
  padding: 22px 25px 22px 28px;
  background: var(--background);
  text-align: center;
}


:where(.kl-legacy) .Password__ShareButtons{
  margin-top: 15px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Password__Content{
    margin: 120px auto;
    /*   修正  margin: 80px auto; */
  }


  :where(.kl-legacy) .Password__Card{
    padding: 45px 60px 50px 60px;
  }


  :where(.kl-legacy) .Password__Form .Button{
    width: auto;
    margin-top: 0;
  }


  :where(.kl-legacy) .Password__Social{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }


  :where(.kl-legacy) .Password__ShareButtons{
    margin-top: 0;
    margin-left: 15px;
    flex-shrink: 0;
  }


}



:where(.kl-legacy) .Password__Footer{
  text-align: center;
}


:where(.kl-legacy) .Password__AdminLink{
  display: block;
  margin-top: 15px;
}


:where(.kl-legacy) .Password__Footer svg{
  width: 70px;
  height: 20px;
  vertical-align: bottom;
  margin-left: 2px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Password__Footer{
    display: flex;
    justify-content: space-between;
    text-align: left;
  }


  :where(.kl-legacy) .Password__AdminLink{
    margin-top: 0;
  }


}



:where(.kl-legacy) .Password__Modal{
  display: flex;
  justify-content: center;
}



:where(.kl-legacy) .Product{
  position: relative;
  margin: 0 auto 50px auto;
  max-width: 1330px;
}


:where(.kl-legacy) .Product--fill{
  max-width: none;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Product{
    margin-bottom: 80px;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Product__Wrapper{
    max-width: calc(100% - 525px);
    margin-left: 0;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .Product__Wrapper{
    max-width: calc(100% - 550px);
  }


  :where(.kl-legacy) .Product--small .Product__Slideshow{
    max-width: 400px;
  }


  :where(.kl-legacy) .Product--medium .Product__Slideshow{
    max-width: 550px;
  }


}


@media screen and (min-width: 1500px) {

  :where(.kl-legacy) .Product__Wrapper{
    max-width: calc(100% - 500px);
  }


}



:where(.kl-legacy) .Product__Gallery{
  position: relative;
  margin-bottom: 28px;
}


:where(.kl-legacy) .Product__ViewInSpace{
  background: rgba(var(--text-color-rgb), 0.08);
  /* This color is defined by Shopify spec */
}


:where(.kl-legacy) .Product__ViewInSpace[data-shopify-xr-hidden]{
  visibility: hidden;
}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Product__ViewInSpace[data-shopify-xr]{
    display: none;
  }


}


:where(.kl-legacy) .Product__ViewInSpace svg{
  margin: -1px 12px 0 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}


:where(.kl-legacy) .Product__Slideshow::after{
  content: "flickity";
  display: none;
}


:where(.kl-legacy) .Product__SlideItem{
  position: relative;
}


:where(.kl-legacy) .Product__SlideItem--hidden{
  visibility: hidden;
}


:where(.kl-legacy) .Product__Slideshow.flickity-enabled .Product__SlideItem:not(.is-selected) .plyr__control{
  /* This is a quick fix to prevent the controls to gain focus until if the slide is not visible */
  visibility: hidden;
}


:where(.kl-legacy) .Product__Video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
}


:where(.kl-legacy) .Product__SlideshowNav{
  display: none;
}


:where(.kl-legacy) .Product__SlideshowNavBadge{
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 1;
  pointer-events: none;
}


:where(.kl-legacy) .Product__SlideshowNavBadge svg{
  display: block;
  width: 20px;
  height: 20px;
}


:where(.kl-legacy) .Product__SlideshowMobileNav{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 24px 0 24px;
}


:where(.kl-legacy) .Product__SlideshowMobileNav .flickity-page-dots{
  display: inline-block;
  margin-top: 0;
  width: auto;
}


:where(.kl-legacy) .Product__SlideshowMobileNav .dot{
  vertical-align: middle;
}


:where(.kl-legacy) .Product__SlideshowNavArrow{
  position: relative;
  /* This is used to increase the clickable area */
}


:where(.kl-legacy) .Product__SlideshowNavArrow::before{
  position: absolute;
  content: "";
  top: -18px;
  right: -18px;
  left: -18px;
  bottom: -18px;
  transform: translateZ(0);
  /* Needed to avoid a glitch on iOS */
}


:where(.kl-legacy) .Product__SlideshowNavArrow svg{
  display: block;
  width: 6px;
  height: 9px;
}


:where(.kl-legacy) .Product__SlideshowNavArrow--previous{
  margin-right: 24px;
}


:where(.kl-legacy) .Product__SlideshowNavArrow--next{
  margin-left: 24px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Product__Gallery{
    margin-bottom: 65px;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Product__Gallery{
    margin-top: 50px;
    margin-left: 50px;
  }


  :where(.kl-legacy) .Product__SlideshowNav--dots{
    display: block;
  }


  :where(.kl-legacy) .Product__SlideItem{
    display: block !important;
  }


  :where(.kl-legacy) .Product__Slideshow--zoomable .Product__SlideItem--image{
    cursor: var(--cursor-zoom-in-svg) 18 18, zoom-in;
    cursor: -webkit-image-set(var(--cursor-zoom-in-svg) 1x, var(--cursor-zoom-in-2x-svg) 2x), zoom-in;
  }


  
  :where(.kl-legacy) .Product__SlideshowNav--dots .Product__SlideshowNavScroller{
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .Product__SlideshowNav--dots .Product__SlideshowNavScroller{
      top: calc(50% + (var(--header-height) / 2));
    }

  
}


  :where(.kl-legacy) .Product__SlideshowNavDot{
    display: block;
    height: 10px;
    width: 10px;
    border-radius: 100%;
    border: 2px solid var(--border-color);
    background: transparent;
    transition: all 0.2s ease-in-out;
  }


  :where(.kl-legacy) .Product__SlideshowNavDot:not(:last-child){
    margin-bottom: 12px;
  }


  :where(.kl-legacy) .Product__SlideshowNavDot.is-selected{
    border-color: var(--heading-color);
    background: var(--heading-color);
  }


  
  :where(.kl-legacy) .Product__SlideshowNavImage{
    position: relative;
    display: block;
    border: 1px solid transparent;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
  }


  :where(.kl-legacy) .Product__SlideshowNavImage:not(:last-child){
    margin-bottom: 18px;
  }


  :where(.kl-legacy) .Product__SlideshowNavImage.is-selected{
    border-color: var(--heading-color);
  }


  :where(.kl-legacy) .Product__SlideshowNavPlay{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
  }


  :where(.kl-legacy) .Product__SlideshowNavPlay svg{
    width: 30px;
    height: 30px;
    transition: transform 0.2s ease-in-out;
  }


  
  :where(.kl-legacy) .Product__Gallery--stack{
    /* On desktop we use a different apparition effect than fade in if images are stacked */
    /* Thumbnails */
  }


  :where(.kl-legacy) .Product__Gallery--stack .Product__SlideshowNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
  }


  :where(.kl-legacy) .Product__Gallery--stack .Product__SlideshowNav--dots{
    left: -30px;
  }


  :where(.kl-legacy) .Product__Gallery--stack .Product__Slideshow::after{
    content: "";
    /* Disable Flickity */
  }


  :where(.kl-legacy) .Product__Gallery--stack .Product__Slideshow .Image--fadeIn{
    transform: translateY(50px);
    opacity: 0;
    transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }


  :where(.kl-legacy) .Product__Gallery--stack .Product__Slideshow .Image--lazyLoaded.Image--fadeIn{
    transform: translateY(0);
    opacity: 1;
  }


  :where(.kl-legacy) .Product__Gallery--stack .Product__SlideItem{
    margin-bottom: 30px;
    visibility: visible !important;
    opacity: 1 !important;
  }


  :where(.kl-legacy) .Product__Gallery--stack .Product__SlideItem:last-child{
    margin-bottom: 0;
  }


  :where(.kl-legacy) .Product__Gallery--stack .Product__SlideshowNav--thumbnails{
    position: sticky;
    padding: 0 0 50px 0;
    top: var(--header-base-height);
    margin-bottom: -50px;
    width: 70px;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .Product__Gallery--stack .Product__SlideshowNav--thumbnails{
      top: calc(var(--header-height) + 25px);
    }

  
}


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .Product__Gallery{
    margin-bottom: 80px;
  }


  :where(.kl-legacy) .Product__Slideshow{
    margin-left: auto;
    margin-right: auto;
  }


  :where(.kl-legacy) .Product__Gallery--withThumbnails .Product__SlideshowNav--dots{
    display: none;
  }


  :where(.kl-legacy) .Product__Gallery--withThumbnails .Product__SlideshowNav--thumbnails{
    display: block;
  }


  :where(.kl-legacy) .Product__Gallery--stack.Product__Gallery--withThumbnails{
    display: flex;
  }


  :where(.kl-legacy) .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__Slideshow, :where(.kl-legacy) .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__SlideshowNav{
    flex: 1 0 auto;
  }


  :where(.kl-legacy) .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__SlideshowNav{
    flex-grow: 0;
  }


  :where(.kl-legacy) .Product__Gallery--stack.Product__Gallery--withThumbnails .Product__Slideshow{
    padding-left: 50px;
  }


  :where(.kl-legacy) .Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .Product__SlideshowNav{
    margin: 10px -10px -10px -10px;
    text-align: center;
  }


  :where(.kl-legacy) .Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .Product__SlideshowNavImage{
    display: inline-block;
    width: 70px;
    margin: 10px;
    vertical-align: top;
  }


  :where(.kl-legacy) .Product__Gallery:not(.Product__Gallery--stack).Product__Gallery--withThumbnails .flickity-page-dots{
    display: none;
  }


}



:where(.kl-legacy) .Product__Info, :where(.kl-legacy) .Product__Aside{
  max-width: 500px;
  margin: 0 auto;
}


:where(.kl-legacy) .Product__Info--noGallery{
  padding-top: 24px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Product__Info .Container{
    padding-left: 0;
    padding-right: 0;
  }


  :where(.kl-legacy) .Product__Aside .Section{
    max-width: 630px;
    margin: 0 auto;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Product__InfoWrapper{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
  }


  :where(.kl-legacy) .Product__Info{
    position: -webkit-sticky;
    position: sticky;
    top: var(--header-base-height);
    right: 0;
    width: 375px;
    margin: 0 100px -40px 50px;
    padding-top: 0;
    padding-bottom: 40px;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .Product__Info{
      top: calc(var(--header-height) + 25px);
    }

  
}


  :where(.kl-legacy) .Product__Aside{
    max-width: 820px;
    padding-left: 50px;
  }


  :where(.kl-legacy) .Product__Aside .SectionHeader{
    margin-bottom: 30px;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .Product__Info{
    width: 400px;
  }


}


@media screen and (min-width: 1500px) {

  :where(.kl-legacy) .Product__Info{
    margin-right: 50px;
  }


}



@-webkit-keyframes shareItemAnimation {
  0% {
    transform: translateY(0%);
  }

  25% {
    opacity: 0;
    transform: translateY(100%);
  }

  50% {
    opacity: 0;
    transform: translateY(-100%);
  }

  75% {
    opacity: 1;
    transform: translateY(0%);
  }
}


@keyframes shareItemAnimation {
  0% {
    transform: translateY(0%);
  }

  25% {
    opacity: 0;
    transform: translateY(100%);
  }

  50% {
    opacity: 0;
    transform: translateY(-100%);
  }

  75% {
    opacity: 1;
    transform: translateY(0%);
  }
}


:where(.kl-legacy) .Product__ActionList{
  position: absolute;
  top: 30px;
  right: 25px;
  z-index: 1;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
}


:where(.kl-legacy) .Product__ActionList.is-hidden{
  opacity: 0;
  visibility: hidden;
}


:where(.kl-legacy) .Product__ActionItem{
  display: block;
  position: relative;
}


:where(.kl-legacy) .Product__ActionItem+.Product__ActionItem{
  margin-top: 15px;
}


:where(.kl-legacy) .Product__ShareList{
  display: block;
  position: absolute;
  visibility: hidden;
  top: 100%;
  right: 0;
  color: var(--text-color);
}


:where(.kl-legacy) .Product__ActionItem .Icon--share{
  margin-left: -1px;
}


:where(.kl-legacy) .Product__ShareItem{
  display: block;
  margin: 15px 0 15px auto;
  padding: 7px 15px 7px 17px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: var(--light-background);
  border-radius: 25px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  white-space: nowrap;
  opacity: 0;
  box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
  transition: all 0.45s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}


:where(.kl-legacy) .Product__ShareItem:active, :where(.kl-legacy) .Product__ShareItem:focus{
  color: var(--light-background);
  background: var(--text-color);
  outline: none;
}


:where(.kl-legacy) .Product__ShareItem:nth-child(2){
  transition-delay: 0.1s;
}


:where(.kl-legacy) .Product__ShareItem:nth-child(3){
  transition-delay: 0s;
}


:where(.kl-legacy) .Product__ShareItem svg{
  margin-right: 12px;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  vertical-align: sub;
  transform: translateZ(0);
}


:where(.kl-legacy) .Product__ShareItem:hover svg{
  -webkit-animation: shareItemAnimation 0.5s ease-in-out forwards;
  animation: shareItemAnimation 0.5s ease-in-out forwards;
}


:where(.kl-legacy) .Product__ShareList[aria-hidden=false]{
  visibility: visible;
}


:where(.kl-legacy) .Product__ShareList[aria-hidden=false] .Product__ShareItem{
  opacity: 1;
  transition-delay: 0s;
}


:where(.kl-legacy) .Product__ShareList[aria-hidden=false] .Product__ShareItem:nth-child(2){
  transition-delay: 0.1s;
}


:where(.kl-legacy) .Product__ShareList[aria-hidden=false] .Product__ShareItem:nth-child(3){
  transition-delay: 0.2s;
}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Product__ShareList{
    top: auto;
    bottom: 100%;
  }


  :where(.kl-legacy) .Product__ShareItem{
    transition-delay: 0s;
  }


  :where(.kl-legacy) .Product__ShareItem:nth-child(3){
    transition-delay: 0.2s;
  }


  :where(.kl-legacy) .Product__ShareList[aria-hidden=false] .Product__ShareItem{
    transition-delay: 0.2s;
  }


  :where(.kl-legacy) .Product__ShareList[aria-hidden=false] .Product__ShareItem:nth-child(3){
    transition-delay: 0s;
  }


}



:where(.kl-legacy) .ProductMeta{
  text-align: center;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border-color);
}


:where(.kl-legacy) .ProductMeta__ImageWrapper{
  display: block;
  margin-bottom: 32px;
}


:where(.kl-legacy) .ProductMeta__Vendor{
  margin-bottom: 20px;
}


:where(.kl-legacy) .ProductMeta__Title{
  margin-bottom: 0;
}


:where(.kl-legacy) .ProductMeta__PriceList{
  margin-top: 15px;
}


:where(.kl-legacy) .ProductMeta__Price.Price--compareAt{
  margin-left: 30px;
}


:where(.kl-legacy) .ProductMeta__UnitPriceMeasurement{
  margin-top: 5px;
}


:where(.kl-legacy) shopify-payment-terms{
  display: block;
  margin-top: 12px;
  text-align: left;
}


:where(.kl-legacy) .ProductMeta__TaxNotice{
  margin-top: 5px;
}


:where(.kl-legacy) .ProductMeta__Description, :where(.kl-legacy) .ProductMeta__Text{
/* 修正 */
/*   margin: 24px 0; */
  margin-bottom: 24px;
  text-align: left;
}


:where(.kl-legacy) .ProductMeta__Rating{
  margin-top: 4px;
}


:where(.kl-legacy) .ProductMeta__ShareButtons{
  display: flex;
  align-items: center;
  margin: 24px 0;
}


:where(.kl-legacy) .ProductMeta__ShareTitle{
  margin-right: 6px;
}


:where(.kl-legacy) .ProductMeta__ShareList{
  font-size: 0;
}


:where(.kl-legacy) .ProductMeta__ShareItem{
  display: inline-block;
  margin: 0 7px;
}


:where(.kl-legacy) .ProductMeta__ShareItem svg{
  display: block;
  width: 12px;
  height: 12px;
  opacity: 0.6;
  transition: opacity 0.2s ease-in-out;
}


:where(.kl-legacy) .ProductMeta__ShareItem:hover svg{
  opacity: 1;
}



:where(.kl-legacy) .ProductForm~.ProductMeta__Description{
  border-top: none;
  padding-top: 0;
}


:where(.kl-legacy) .ProductForm~.ProductMeta__Description .ProductMeta__ShareButtons{
  margin-bottom: 2px;
}


:where(.kl-legacy) .Product__QuickNav{
  position: relative;
  margin-top: 40px;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}


:where(.kl-legacy) .Product__QuickNav a{
  display: block;
  padding: 11px 16px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateX(0deg);
}


:where(.kl-legacy) .Product__QuickNav a:last-child{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: rotateX(180deg);
}


:where(.kl-legacy) .Product__QuickNav svg{
  position: absolute;
  right: 18px;
  top: calc(50% - 5px);
  height: 10px;
  width: 8px;
}


:where(.kl-legacy) .Product__QuickNavWrapper{
  transition: 0.6s;
  transform-style: preserve-3d;
}


:where(.kl-legacy) .Product__QuickNav.is-flipped .Product__QuickNavWrapper{
  transform: rotateX(180deg);
}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .ProductMeta{
    text-align: left;
  }


}




:where(.kl-legacy) .ProductForm__Variants{
  margin-top: 24px;
  margin-bottom: 24px;
}


:where(.kl-legacy) .ProductForm__Option{
  position: relative;
  margin-bottom: 10px;
}


:where(.kl-legacy) .ProductForm__Option--labelled{
  margin-bottom: 20px;
}


.no-js :where(.kl-legacy) .ProductForm__Option:not(.no-js){
  display: none;
}


:where(.kl-legacy) .ProductForm__Item{
  position: relative;
  width: 100%;
  text-align: left;
  padding: 10px 28px 10px 14px;
  border: 1px solid var(--border-color);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


:where(.kl-legacy) .ProductForm__Item .Icon--select-arrow{
  position: absolute;
  top: calc(50% - 5px);
  right: 15px;
  width: 10px;
  height: 10px;
}


:where(.kl-legacy) .ProductForm__Label{
  display: block;
  margin-bottom: 8px;
}


:where(.kl-legacy) .ProductForm__LabelLink{
  float: right;
  text-decoration: underline;
  text-underline-position: under;
}


:where(.kl-legacy) .ProductForm__SelectedValue{
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 220px;
  vertical-align: top;
}


:where(.kl-legacy) .ProductForm__OptionCount{
  float: right;
  margin-right: 14px;
}


:where(.kl-legacy) .ProductForm__Inventory{
  margin-top: 24px;
  margin-bottom: 24px;
  font-style: italic;
}


:where(.kl-legacy) .ProductForm__QuantitySelector{
  margin-top: 24px;
  margin-bottom: 24px;
}


:where(.kl-legacy) .ProductForm__Error{
  margin-top: 10px;
  text-align: center;
}


:where(.kl-legacy) .ProductForm__AddToCart{
  display: flex;
  align-items: center;
  justify-content: center;
}



:where(.kl-legacy) .Product__FeatureImageWrapper{
  overflow: hidden;
  background-size: cover;
}


:where(.kl-legacy) .Product__FeatureImage{
  height: 415px;
  background-size: cover;
  background-position: center;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Product__FeatureImage{
    height: 500px;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .Product__FeatureImage{
    height: 600px;
  }


  :where(.kl-legacy) .Product__FeatureImage--small{
    height: 500px;
  }


  :where(.kl-legacy) .Product__FeatureImage--large{
    height: 700px;
  }


}



:where(.kl-legacy) .Product__Tabs{
  margin: 50px 0;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .Product__Tabs .Collapsible__Content{
    padding-top: 6px;
    padding-bottom: 28px;
  }


}


@media screen and (max-width: 1007px) {

  :where(.kl-legacy) .Product__Tabs .Collapsible{
    padding: 0 24px;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Product__Tabs{
    margin: 80px 0;
  }


  :where(.kl-legacy) .Product__Tabs .Collapsible__Content{
    padding-right: 80px;
  }


}



@-webkit-keyframes variantSelectorInfoOpeningAnimation {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }

  50% {
    transform: translateY(10px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}


@keyframes variantSelectorInfoOpeningAnimation {
  0% {
    transform: translateY(10px);
    opacity: 0;
  }

  50% {
    transform: translateY(10px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}


@-webkit-keyframes variantSelectorInfoClosingAnimation {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    transform: translateY(-10px);
    opacity: 0;
  }
}


@keyframes variantSelectorInfoClosingAnimation {
  0% {
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    transform: translateY(-10px);
    opacity: 0;
  }
}


:where(.kl-legacy) .VariantSelector{
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background: var(--background);
  padding: 24px 0;
  z-index: 10;
  box-shadow: 0 -2px 10px rgba(54, 54, 54, 0.2);
  transform: translateY(100%);
  visibility: hidden;
  transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), visibility 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}


:where(.kl-legacy) .VariantSelector[aria-hidden=false]{
  transform: translateY(0);
  visibility: visible;
}


:where(.kl-legacy) .VariantSelector__Item{
  padding: 0 10px;
  width: 60%;
}


:where(.kl-legacy) .VariantSelector__Info{
  position: relative;
  margin: 48px 24px 0 24px;
}


:where(.kl-legacy) .VariantSelector__ImageWrapper[aria-hidden="true"]{
  display: none;
}


:where(.kl-legacy) .VariantSelector__ChoiceList{
  margin-bottom: 34px;
}


:where(.kl-legacy) .VariantSelector__Choice{
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-animation: 0.15s variantSelectorInfoClosingAnimation forwards ease-in-out;
  animation: 0.15s variantSelectorInfoClosingAnimation forwards ease-in-out;
}


:where(.kl-legacy) .VariantSelector__Choice.is-selected{
  -webkit-animation: 0.3s variantSelectorInfoOpeningAnimation forwards ease-in-out;
  animation: 0.3s variantSelectorInfoOpeningAnimation forwards ease-in-out;
}


:where(.kl-legacy) .VariantSelector__Choice:not(:first-child){
  position: absolute;
  top: 0;
  left: 0;
}


:where(.kl-legacy) .VariantSelector__ChoiceColor, :where(.kl-legacy) .VariantSelector__ChoicePrice{
  display: table-cell;
  width: 50%;
  text-align: center;
  vertical-align: middle;
}


:where(.kl-legacy) .VariantSelector__ChoiceColor{
  border-right: 1px solid var(--border-color);
}


:where(.kl-legacy) .VariantSelector__ColorSwatch{
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 15px;
  vertical-align: sub;
  background-size: cover;
}


:where(.kl-legacy) .VariantSelector__ColorSwatch--white{
  outline: 1px solid var(--border-color);
}


:where(.kl-legacy) .VariantSelector__ChoicePrice{
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .VariantSelector .flickity-prev-next-button{
    display: none;
  }


}


@media screen and (min-width: 641px) {


  
  :where(.kl-legacy) .VariantSelector{
    top: 50%;
    bottom: auto;
    left: 50%;
    width: 80%;
    padding-bottom: 34px;
    max-height: 100%;
    max-width: 800px;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
    overflow: auto;
  }


  :where(.kl-legacy) .VariantSelector[aria-hidden=false]{
    transform: translate(-50%, -50%);
    opacity: 1;
  }


  :where(.kl-legacy) .VariantSelector__Item{
    padding: 0 25px;
    width: 46%;
  }


  :where(.kl-legacy) .VariantSelector .flickity-prev-next-button.next{
    top: calc(50% - 45px);
    right: 20px;
  }


  :where(.kl-legacy) .VariantSelector .flickity-prev-next-button.previous{
    top: calc(50% - 45px);
    left: 20px;
  }


  :where(.kl-legacy) .VariantSelector__Info{
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }


  :where(.kl-legacy) .VariantSelector__ChoicePrice{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
  }


}


@media (min-width: 800px) and (max-height: 950px) {

  :where(.kl-legacy) .VariantSelector__ImageWrapper{
    max-width: 290px !important;
  }


}



:where(.kl-legacy) .FeaturedProduct__Gallery{
  display: block;
  margin-bottom: 20px;
}


:where(.kl-legacy) .FeaturedProduct__ViewWrapper{
  margin-top: 34px;
  text-align: center;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .FeaturedProduct{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 880px;
    margin: 0 auto;
  }


  :where(.kl-legacy) .FeaturedProduct--center{
    align-items: center;
  }


  :where(.kl-legacy) .FeaturedProduct__Gallery, :where(.kl-legacy) .FeaturedProduct__Info{
    flex: 1 1 50%;
  }


  :where(.kl-legacy) .FeaturedProduct__Gallery{
    margin: 0;
  }


  :where(.kl-legacy) .FeaturedProduct__Info{
    margin-left: 50px;
  }


  :where(.kl-legacy) .FeaturedProduct__Info .ProductMeta, :where(.kl-legacy) .FeaturedProduct__ViewWrapper{
    text-align: left;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .FeaturedProduct__Info{
    margin-left: 80px;
  }


}



:where(.kl-legacy) .shopify-payment-button{
  margin-top: 20px;
  text-align: center;
}


:where(.kl-legacy) .shopify-payment-button__more-options{
  position: relative;
  display: inline-block;
  transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  width: auto;
  line-height: normal;
}


:where(.kl-legacy) .shopify-payment-button__more-options[aria-hidden=true]{
  display: none;
}


:where(.kl-legacy) .shopify-payment-button__more-options::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -1px;
  background: currentColor;
  transform: scale(1, 1);
  transform-origin: left center;
  transition: transform 0.2s ease-in-out;
}


@media (-moz-touch-enabled: 0),
(hover: hover) {

  :where(.kl-legacy) .shopify-payment-button__more-options:hover::before{
    transform: scale(0, 1);
  }


}


:where(.kl-legacy) .shopify-payment-button__more-options:hover:not([disabled]){
  text-decoration: none;
}


@charset "UTF-8";



:where(.kl-legacy) #shopify-product-reviews{
  margin: 18px 0 28px 0 !important;
  overflow: visible !important;
}


:where(.kl-legacy) #shopify-product-reviews .spr-header-title, :where(.kl-legacy) #shopify-product-reviews .spr-summary-starrating, :where(.kl-legacy) #shopify-product-reviews .spr-summary-caption, :where(.kl-legacy) #shopify-product-reviews .spr-review-reportreview, :where(.kl-legacy) #shopify-product-reviews .spr-pagination, :where(.kl-legacy) #shopify-product-reviews .spr-form-title{
  display: none;
}


:where(.kl-legacy) #shopify-product-reviews .spr-container{
  padding: 0;
  border: none;
}


:where(.kl-legacy) #shopify-product-reviews .spr-container, :where(.kl-legacy) #shopify-product-reviews .spr-content{
  display: flex;
  flex-direction: column;
}


:where(.kl-legacy) #shopify-product-reviews .spr-header, :where(.kl-legacy) #shopify-product-reviews .spr-form{
  order: 2;
}


:where(.kl-legacy) #shopify-product-reviews .spr-content, :where(.kl-legacy) #shopify-product-reviews .spr-reviews{
  order: 1;
}


:where(.kl-legacy) #shopify-product-reviews .spr-form{
  margin: -4px 0 0 0;
  padding: 0;
}


:where(.kl-legacy) #shopify-product-reviews .spr-icon{
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px));
}


:where(.kl-legacy) #shopify-product-reviews .spr-form-input .spr-icon{
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
}


:where(.kl-legacy) #shopify-product-reviews .spr-icon+.spr-icon{
  margin-left: 3px;
}


:where(.kl-legacy) #shopify-product-reviews .spr-icon-star-empty{
  opacity: 0.25;
}


:where(.kl-legacy) #shopify-product-reviews .spr-icon-star-empty::before{
  content: "";
}


:where(.kl-legacy) #shopify-product-reviews .spr-starrating.spr-form-input-error a{
  color: inherit;
}


:where(.kl-legacy) #shopify-product-reviews .spr-reviews{
  margin: -6px 0 35px 0;
}


:where(.kl-legacy) #shopify-product-reviews .spr-review{
  position: relative;
  padding: 0 0 30px 0;
  border: none;
  margin: 0;
}


:where(.kl-legacy) #shopify-product-reviews .spr-review+.spr-review{
  margin-top: 26px;
}


:where(.kl-legacy) #shopify-product-reviews .spr-review-header{
  position: static;
  margin-bottom: 12px;
}


:where(.kl-legacy) #shopify-product-reviews .spr-review-header-starratings{
  margin-bottom: 0;
}


:where(.kl-legacy) #shopify-product-reviews .spr-review-header-title{
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  text-transform: uppercase;
  letter-spacing: 0.2em;
}


:where(.kl-legacy) #shopify-product-reviews .spr-review-header-byline{
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  font-style: normal;
  opacity: 1;
  color: var(--text-color-light);
}


:where(.kl-legacy) #shopify-product-reviews .spr-review-header-byline strong{
  font-weight: normal;
}


:where(.kl-legacy) #shopify-product-reviews .spr-review-content{
  margin-bottom: 0;
}


:where(.kl-legacy) #shopify-product-reviews .spr-review-reply{
  margin: 18px 0 6px 0;
  padding: 0 0 0 14px;
  background: none;
  border-left: 3px solid var(--border-color);
  font-style: italic;
}


:where(.kl-legacy) #shopify-product-reviews .spr-summary-actions{
  display: block;
}


:where(.kl-legacy) #shopify-product-reviews .spr-review-reply-shop{
  float: none;
}


:where(.kl-legacy) #shopify-product-reviews .spr-summary-actions-newreview, :where(.kl-legacy) #shopify-product-reviews .spr-button-primary:not(input){
  width: 100%;
}


:where(.kl-legacy) #shopify-product-reviews input.spr-button-primary{
  border-color: var(--button-background);
  background: var(--button-background);
  color: var(--button-text-color);
  width: 100%;
}


:where(.kl-legacy) #shopify-product-reviews .spr-pagination-prev, :where(.kl-legacy) #shopify-product-reviews .spr-pagination-next{
  display: block;
  position: relative;
  margin-bottom: 20px;
}


:where(.kl-legacy) #shopify-product-reviews .spr-pagination-prev>a, :where(.kl-legacy) #shopify-product-reviews .spr-pagination-next>a{
  width: 100%;
}


:where(.kl-legacy) #shopify-product-reviews .new-review-form{
  margin-top: 20px;
}


:where(.kl-legacy) #shopify-product-reviews .spr-form-contact-name, :where(.kl-legacy) #shopify-product-reviews .spr-form-contact-email, :where(.kl-legacy) #shopify-product-reviews .spr-form-contact-location, :where(.kl-legacy) #shopify-product-reviews .spr-form-review-title, :where(.kl-legacy) #shopify-product-reviews .spr-form-review-rating, :where(.kl-legacy) #shopify-product-reviews .spr-form-review-body{
  margin-bottom: 15px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) #shopify-product-reviews{
    margin: 8px 40px 28px 0 !important;
  }


  :where(.kl-legacy) #shopify-product-reviews .spr-review-header-title{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  }


  :where(.kl-legacy) #shopify-product-reviews .spr-review-header-byline, :where(.kl-legacy) #shopify-product-reviews .spr-review-content-body{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 14px));
  }


  :where(.kl-legacy) #shopify-product-reviews .spr-header{
    align-self: flex-start;
    width: 100%;
  }


  :where(.kl-legacy) #shopify-product-reviews .spr-summary-actions-newreview, :where(.kl-legacy) #shopify-product-reviews .spr-button-primary:not(input), :where(.kl-legacy) #shopify-product-reviews input.spr-button-primary, :where(.kl-legacy) #shopify-product-reviews .spr-pagination-prev>a, :where(.kl-legacy) #shopify-product-reviews .spr-pagination-next>a{
    width: auto;
    float: none;
  }


  :where(.kl-legacy) #shopify-product-reviews .spr-form-contact-name, :where(.kl-legacy) #shopify-product-reviews .spr-form-contact-email, :where(.kl-legacy) #shopify-product-reviews .spr-form-contact-location, :where(.kl-legacy) #shopify-product-reviews .spr-form-review-title, :where(.kl-legacy) #shopify-product-reviews .spr-form-review-rating, :where(.kl-legacy) #shopify-product-reviews .spr-form-review-body{
    margin-bottom: 25px;
  }


  :where(.kl-legacy) #shopify-product-reviews .spr-summary-actions{
    display: flex;
  }


  :where(.kl-legacy) #shopify-product-reviews .spr-pagination-prev, :where(.kl-legacy) #shopify-product-reviews .spr-pagination-next{
    margin: 0 20px 0 0;
  }


  :where(.kl-legacy) #shopify-product-reviews .spr-pagination-prev>a, :where(.kl-legacy) #shopify-product-reviews .spr-pagination-next>a{
    display: block;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) #shopify-product-reviews{
    margin-bottom: 4px !important;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) #shopify-product-reviews{
    margin-right: 100px !important;
  }


}


:where(.kl-legacy) .Search{
  display: block;
  position: absolute;
  top: 100%;
  width: 100%;
  background: var(--background);
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-25px);
  transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
  z-index: -1;
}


:where(.kl-legacy) .Search[aria-hidden=false]{
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}


:where(.kl-legacy) .Search__Inner{
  padding: 14px 18px;
  max-height: calc(100vh - 60px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}


@supports (--css: variables) {

  :where(.kl-legacy) .Search__Inner{
    max-height: calc(100vh - var(--header-height) - 88px);
    /* 88px is the height of bottom bar on iOS */
  }


}


:where(.kl-legacy) .Search__SearchBar{
  display: flex;
  align-items: center;
}


:where(.kl-legacy) .Search__Form{
  display: flex;
  align-items: center;
  flex: 1 0 auto;
}


:where(.kl-legacy) .Search__Form .Icon--search{
  width: 18px;
  height: 17px;
}


:where(.kl-legacy) .Search__Form .Icon--search-desktop{
  width: 21px;
  height: 21px;
}


:where(.kl-legacy) .Search__InputIconWrapper{
  position: relative;
  top: -1px;
  /* For pixel perfect */
  margin-right: 12px;
  color: var(--text-color-light);
}


:where(.kl-legacy) .Search__Input{
  background: none;
  width: 100%;
  border: none;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
  vertical-align: middle;
}


:where(.kl-legacy) .Search__Input::-moz-placeholder{
  color: var(--text-color-light);
}


:where(.kl-legacy) .Search__Input:-ms-input-placeholder{
  color: var(--text-color-light);
}


:where(.kl-legacy) .Search__Input::placeholder{
  color: var(--text-color-light);
}


:where(.kl-legacy) .Search__Input::-ms-clear{
  display: none;
}


:where(.kl-legacy) .Search__Close{
  color: var(--text-color-light);
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px));
  line-height: 1;
}


:where(.kl-legacy) .Search__Results{
  display: none;
  margin-top: 30px;
  margin-bottom: 30px;
}


:where(.kl-legacy) .Search__Results[aria-hidden=false]{
  display: block;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .Search__Results .ProductItem__Wrapper{
    display: flex;
    align-items: center;
  }


  :where(.kl-legacy) .Search__Results .Grid__Cell+.Grid__Cell{
    margin-top: 25px;
  }


  :where(.kl-legacy) .Search__Results .ProductItem__ImageWrapper{
    width: 70px;
    min-width: 70px;
    margin-right: 25px;
  }


  :where(.kl-legacy) .Search__Results .ProductItem__Info{
    margin-top: 0;
    text-align: left;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Search__Inner{
    padding: 28px 50px;
  }


  :where(.kl-legacy) .Search__Input{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));
  }


  :where(.kl-legacy) .Search__InputIconWrapper{
    margin-right: 20px;
  }


  :where(.kl-legacy) .Search__Close{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 16px));
  }


  :where(.kl-legacy) .Search__Close svg{
    stroke-width: 1.25px;
  }


  :where(.kl-legacy) .Search__Results{
    margin-top: 70px;
    margin-bottom: 48px;
  }


}


@-webkit-keyframes shopTheLookDotKeyframe {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}


@keyframes shopTheLookDotKeyframe {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}


:where(.kl-legacy) .ShopTheLook{
  z-index: 2;
}


:where(.kl-legacy) .ShopTheLook__Item{
  padding: 0 5px;
  width: calc(100% - 40px);
  transition: opacity 0.3s ease-in-out;
}


:where(.kl-legacy) .ShopTheLook__Item.is-selected{
  z-index: 1;
}


:where(.kl-legacy) .ShopTheLook__ImageWrapper{
  position: relative;
  max-width: 100%;
}


:where(.kl-legacy) .ShopTheLook__Image{
  display: block;
  height: 100%;
  width: 100%;
}


:where(.kl-legacy) .ShopTheLook__Dot{
  position: absolute;
  display: block;
  width: 10px;
  /* 修正  width: 16px; */
  height: 10px;
  /*  修正  height: 16px; */
  margin: -8px 0 0 -8px;
  background: #ffffff;
  border-radius: 100%;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  z-index: 1;
  transform: scale(1);
  transition: transform 0.25s ease-in-out;
}


:where(.kl-legacy) .ShopTheLook__Dot::after{
  position: absolute;
  content: "";
  width: 24px;
  /* 修正  width: 40px; */
  height: 24px;
  /* 修正  height: 40px; */
  left: -7px;
  /* 修正  left: -12px; */
  /* This is 40/2 - 16/2 */
  top: -7px;
  /* 修正  top: -12px; */
  /* This is 40/2 - 16/2 */
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.4);
  -webkit-animation: 1.4s shopTheLookDotKeyframe ease-in-out infinite;
  animation: 1.4s shopTheLookDotKeyframe ease-in-out infinite;
}


:where(.kl-legacy) .ShopTheLook__Dot--dark{
  background: #000000;
}


:where(.kl-legacy) .ShopTheLook__Dot--dark::after{
  background: rgba(0, 0, 0, 0.4);
}


:where(.kl-legacy) .ShopTheLook__Dot.is-active, .supports-hover :where(.kl-legacy) .ShopTheLook__Dot:hover{
  transform: scale(1.5);
}


:where(.kl-legacy) .ShopTheLook__ProductItem .ProductItem__ImageWrapper{
  max-width: 150px;
  margin: 0 auto;
}


:where(.kl-legacy) .ShopTheLook__DiscoverButtonWrapper{
  margin: 24px 24px 0 24px;
  text-align: center;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .ShopTheLook__ViewButton{
    width: 100%;
  }


  :where(.kl-legacy) .ShopTheLook__ProductItem--withHiddenInfo .ProductItem__Info{
    display: none;
  }


  :where(.kl-legacy) .ShopTheLook__ProductItem{
    padding: 15px 0;
  }


}


@media screen and (max-width: 1007px) {

  :where(.kl-legacy) .ShopTheLook>.flickity-viewport{
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }


  :where(.kl-legacy) .ShopTheLook::before{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: var(--background);
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in-out;
  }


  :where(.kl-legacy) .ShopTheLook.is-zoomed::before{
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }


  :where(.kl-legacy) .ShopTheLook.is-zoomed .ShopTheLook__Item:not(.is-selected){
    opacity: 0;
  }


  :where(.kl-legacy) .ShopTheLook__ProductItem{
    padding: 30px 0 40px 0;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .ShopTheLook__DiscoverButtonWrapper{
    margin-top: 50px;
  }


  :where(.kl-legacy) .ShopTheLook__Item{
    width: auto;
    padding: 0 15px;
  }


  :where(.kl-legacy) .ShopTheLook__ProductItem .ProductItem__Wrapper{
    max-width: 250px;
    margin: 0 auto;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .ShopTheLook{
    max-width: 1480px;
    margin: 0 auto;
    padding: 0 130px;
  }


  :where(.kl-legacy) .ShopTheLook__Item{
    width: 100%;
    padding: 0;
  }


  :where(.kl-legacy) .ShopTheLook__Inner{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 550px;
  }


  :where(.kl-legacy) .ShopTheLook__ImageWrapper{
    flex: 0 1 auto;
  }


  :where(.kl-legacy) .ShopTheLook__Image{
    max-height: 100%;
    width: auto;
  }


  :where(.kl-legacy) .ShopTheLook__ProductList{
    flex: none;
    width: 270px;
    margin: 0 80px;
  }


  :where(.kl-legacy) .ShopTheLook__ProductItem .ProductItem__Wrapper{
    max-width: none;
  }


  :where(.kl-legacy) .ShopTheLook__ProductItem .ProductItem__ImageWrapper{
    max-width: 250px;
  }


  :where(.kl-legacy) .ShopTheLook__ViewButton{
    margin-top: 25px;
  }


  :where(.kl-legacy) .ShopTheLook .flickity-prev-next-button{
    top: calc(50% - (45px / 2));
  }


  :where(.kl-legacy) .ShopTheLook .flickity-prev-next-button.next{
    right: 40px;
  }


  :where(.kl-legacy) .ShopTheLook .flickity-prev-next-button.previous{
    left: 40px;
  }


}



:where(.kl-legacy) .SidebarMenu{
  height: 100%;
  background: var(--navigation-background);
  color: var(--navigation-text-color);
}


:where(.kl-legacy) .SidebarMenu .Heading, .supports-hover :where(.kl-legacy) .SidebarMenu .Link--primary:hover{
  color: var(--navigation-text-color);
}


:where(.kl-legacy) .SidebarMenu .Text--subdued{
  color: var(--navigation-text-color-light);
}


:where(.kl-legacy) .SidebarMenu .Collapsible, :where(.kl-legacy) .SidebarMenu .Linklist{
  border-color: var(--navigation-border-color);
}


:where(.kl-legacy) .SidebarMenu__Nav .Collapsible:first-child{
  border-top: none;
}



:where(.kl-legacy) .SidebarMenu .Drawer__Main::after{
  display: block;
  content: "";
  height: 35px;
}


:where(.kl-legacy) .SidebarMenu__Nav--secondary{
  margin-top: 28px;
}


:where(.kl-legacy) .SidebarMenu .Drawer__Footer{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  box-shadow: 0 1px var(--navigation-border-color) inset;
  color: var(--navigation-text-color-light);
}


:where(.kl-legacy) .SidebarMenu__CurrencySelector, :where(.kl-legacy) .SidebarMenu__Social{
  flex: 1 0 auto;
  margin: 0;
  padding: 6px 0;
}


:where(.kl-legacy) .SidebarMenu__CurrencySelector{
  width: 120px;
  flex: none;
  text-align: center;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
}


:where(.kl-legacy) .SidebarMenu__CurrencySelector .Select{
  display: inline-block;
}


@supports (padding: max(0px)) {


  :where(.kl-legacy) .SidebarMenu__CurrencySelector, :where(.kl-legacy) .SidebarMenu__Social{
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px) + 6px);
  }


}



@supports (display: grid) {

  :where(.kl-legacy) .SidebarMenu__Social{
    display: grid;
    grid-template-columns: repeat(auto-fit, 34px);
    justify-content: space-evenly;
    text-align: center;
  }


}


:where(.kl-legacy) .SidebarMenu__CurrencySelector+.SidebarMenu__Social{
  border-left: 1px solid var(--navigation-border-color);
}


:where(.kl-legacy) .SidebarMenu .Drawer__Content::before, :where(.kl-legacy) .SidebarMenu .Drawer__Footer::before{
  position: absolute;
  content: "";
  width: 100%;
  pointer-events: none;
  z-index: 1;
}


:where(.kl-legacy) .SidebarMenu .Drawer__Content::before{
  top: 0;
  height: 25px;
  background-image: linear-gradient(var(--navigation-background), rgba(var(--navigation-background-rgb), 0.6) 40%, rgba(var(--navigation-background-rgb), 0));
}


:where(.kl-legacy) .SidebarMenu .Drawer__Footer::before{
  bottom: 100%;
  height: 30px;
  background-image: linear-gradient(rgba(var(--navigation-background-rgb), 0), rgba(var(--navigation-background-rgb), 0.6) 40%, var(--navigation-background));
}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .SidebarMenu .Drawer__Content::before{
    height: 40px;
  }


  :where(.kl-legacy) .SidebarMenu .Drawer__Main{
    padding-top: 26px;
  }


  :where(.kl-legacy) .SidebarMenu .Drawer__Main::after{
    height: 60px;
    /* same here, Safari has some issues with adding padding-bottom :( */
  }


  :where(.kl-legacy) .SidebarMenu .Drawer__Footer::before{
    height: 70px;
  }


}



:where(.kl-legacy) .shopify-section--slideshow{
  position: relative;
}


:where(.kl-legacy) .Slideshow--fullscreen{
  height: 100vh;
}


@supports (--css: variables) {

  .js :where(.kl-legacy) .Slideshow--fullscreen{
    height: calc(var(--window-height) - (var(--header-height) * 0) - 0px);
    height: calc(var(--window-height) - (var(--header-height) * var(--header-is-not-transparent, 0)) - var(--announcement-bar-height, 0px));
    max-height: 100vh;
  }


}



.js :where(.kl-legacy) .Slideshow__Carousel .Slideshow__Slide{
  transition: none;
}


.js :where(.kl-legacy) .Slideshow__Carousel .Slideshow__Slide.is-selected{
  visibility: hidden;
}


:where(.kl-legacy) .Slideshow__ImageContainer{
  height: 100%;
}


:where(.kl-legacy) .Slideshow--fullscreen .Slideshow__Image{
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
  /* polyfill for IE */
}


:where(.kl-legacy) .Slideshow__Image{
  z-index: 0;
}


@supports ((-o-object-fit: cover) or (object-fit: cover)) {

  .js :where(.kl-legacy) .Slideshow__Image{
    opacity: 0;
  }


}


:where(.kl-legacy) .Slideshow__Content{
  position: absolute;
  padding: 0 24px;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}


:where(.kl-legacy) .Slideshow__Content--middleLeft, :where(.kl-legacy) .Slideshow__Content--bottomLeft{
  text-align: left;
}


:where(.kl-legacy) .Slideshow__Content--middleLeft .ButtonGroup, :where(.kl-legacy) .Slideshow__Content--bottomLeft .ButtonGroup{
  justify-content: flex-start;
}


:where(.kl-legacy) .Slideshow__Content--middleRight, :where(.kl-legacy) .Slideshow__Content--bottomRight{
  text-align: right;
}


:where(.kl-legacy) .Slideshow__Content--middleRight .ButtonGroup, :where(.kl-legacy) .Slideshow__Content--bottomRight .ButtonGroup{
  justify-content: flex-end;
}


:where(.kl-legacy) .Slideshow__Content--bottomLeft, :where(.kl-legacy) .Slideshow__Content--bottomCenter, :where(.kl-legacy) .Slideshow__Content--bottomRight{
  top: auto;
  bottom: 70px;
  left: 0;
  transform: none;
}


.js :where(.kl-legacy) .Slideshow__Content .SectionHeader{
  opacity: 0;
}


:where(.kl-legacy) .Slideshow__ScrollButton{
  position: absolute;
  left: calc(50% - 25px);
  bottom: -25px;
}


:where(.kl-legacy) .Slideshow__Carousel--withScrollButton{
  margin-bottom: 25px;
}


:where(.kl-legacy) .Slideshow--fullscreen .Slideshow__ScrollButton{
  bottom: 10px;
}


:where(.kl-legacy) .Slideshow--fullscreen .Slideshow__Carousel--withScrollButton{
  max-height: calc(100% - 35px);
  margin-bottom: 0;
}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Slideshow__Content{
    padding: 0 70px;
  }


}


:where(.kl-legacy) .store-availability-container{
  margin-top: 30px;
}


:where(.kl-legacy) .store-availability-information{
  display: flex;
  align-items: baseline;
}


:where(.kl-legacy) .Icon--store-availability-in-stock{
  position: relative;
  width: 13px;
  height: 9px;
}


:where(.kl-legacy) .Icon--store-availability-out-of-stock{
  position: relative;
  width: 11px;
  height: 10px;
}


:where(.kl-legacy) .store-availability-information-container{
  margin-left: 6px;
}


:where(.kl-legacy) .store-availability-information__title{
  margin-bottom: 2px;
}


:where(.kl-legacy) .store-availability-information__stock{
  margin-bottom: 5px;
}


:where(.kl-legacy) .store-availability-information__stock, :where(.kl-legacy) .store-availability-information__link, :where(.kl-legacy) .store-availability-list__item-info{
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px));
}


:where(.kl-legacy) .store-availability-list__item:first-child{
  margin-top: 25px;
}


:where(.kl-legacy) .store-availability-list__item{
  margin-top: 30px;
}


:where(.kl-legacy) .store-availability-list__location, :where(.kl-legacy) .store-availability-list__stock{
  margin-bottom: 5px;
}


:where(.kl-legacy) .store-availability-list__stock svg{
  margin-right: 3px;
}


:where(.kl-legacy) .store-availability-list__contact{
  line-height: 1.45;
}


:where(.kl-legacy) .store-availability-list__stock .Icon--store-availability-in-stock{
  top: -1px;
}


:where(.kl-legacy) .store-availability-list__contact p{
  margin-bottom: 0;
  /* Remove the margin of the formatted address by Shopify */
}




:where(.kl-legacy) .store-availabilities-modal__product-information{
  text-align: left;
}



@-webkit-keyframes testimonialOpening {
  from {
    visibility: hidden;
    opacity: 0;
    transform: translateY(15px);
  }

  to {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}


@keyframes testimonialOpening {
  from {
    visibility: hidden;
    opacity: 0;
    transform: translateY(15px);
  }

  to {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}


@-webkit-keyframes testimonialClosing {
  from {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }

  to {
    visibility: visible;
    opacity: 0;
    transform: translateY(-15px);
  }
}


@keyframes testimonialClosing {
  from {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }

  to {
    visibility: visible;
    opacity: 0;
    transform: translateY(-15px);
  }
}


:where(.kl-legacy) .Testimonial{
  text-align: center;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));
}


:where(.kl-legacy) .Testimonial__Logo{
  margin-top: 54px;
}


.js :where(.kl-legacy) .TestimonialList{
  opacity: 0;
  transition: opacity 0s linear 0.5s;
}


.js :where(.kl-legacy) .TestimonialList.flickity-enabled{
  opacity: 1;
}


.js :where(.kl-legacy) .TestimonialList .flickity-viewport{
  overflow: visible;
}


.js :where(.kl-legacy) .TestimonialList .flickity-page-dots{
  position: relative;
  margin-top: 60px;
}


.js :where(.kl-legacy) .TestimonialList .Testimonial{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-animation: testimonialClosing 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
  animation: testimonialClosing 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19) forwards;
}


.js :where(.kl-legacy) .TestimonialList .Testimonial.is-selected{
  opacity: 0;
  visibility: hidden;
  pointer-events: auto;
  -webkit-animation: testimonialOpening 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards;
  animation: testimonialOpening 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.8s forwards;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .Testimonial__Logo{
    max-width: 110px;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Testimonial{
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 20px));
  }


  :where(.kl-legacy) .Testimonial__Content{
    max-width: 550px;
    margin: 0 auto;
  }


  :where(.kl-legacy) .Testimonial__Logo, :where(.kl-legacy) .TestimonialNav__Item{
    max-width: 150px;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .TestimonialList--withNav .flickity-page-dots{
    display: none;
  }


  :where(.kl-legacy) .TestimonialNav{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }


  :where(.kl-legacy) .TestimonialNav__Item{
    margin: 0 25px;
    cursor: pointer;
    opacity: 0.25;
    transition: opacity 0.2s ease-in-out;
    will-change: opacity;
  }


  :where(.kl-legacy) .TestimonialNav__Item.is-selected{
    opacity: 1;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .TestimonialNav__Item{
    margin: 0 45px;
  }


}



:where(.kl-legacy) .Timeline{
  box-shadow: 0 -2px 10px rgba(54, 54, 54, 0.2);
}


:where(.kl-legacy) .Timeline__ListItem{
  position: relative;
  height: 540px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
}


:where(.kl-legacy) .Timeline__Item{
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(54, 54, 54, 0.2);
  pointer-events: none;
  transition: opacity 0.5s ease-in-out;
}


:where(.kl-legacy) .Timeline__ImageWrapper{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


:where(.kl-legacy) .Timeline__Image{
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: translateX(-50px) scale(1.1);
  transform-origin: left;
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}


:where(.kl-legacy) .Timeline__Inner{
  position: relative;
  padding: 80px 14px 40px 14px;
  max-height: 100%;
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}


:where(.kl-legacy) .Timeline__Header>*{
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}


:where(.kl-legacy) .Timeline__Header>.SectionHeader__Description{
  transform: translateY(50px);
}


:where(.kl-legacy) .Timeline__Item.is-selected{
  opacity: 1;
  pointer-events: auto;
}


:where(.kl-legacy) .Timeline__Item.is-selected .Timeline__Image{
  transform: translateX(0) scale(1.1);
}


:where(.kl-legacy) .Timeline__Item.is-selected .Timeline__Header>*{
  opacity: 1;
  transition-delay: 0.5s;
  transform: translateY(0);
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .shopify-section--timeline{
    border-top: none !important;
  }


  :where(.kl-legacy) .shopify-section--timeline .Section{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }


  :where(.kl-legacy) .shopify-section--timeline .Container{
    padding-left: 0;
    padding-right: 0;
  }


  :where(.kl-legacy) .Timeline__Header .Heading, :where(.kl-legacy) .Timeline__Header .Rte a{
    color: inherit;
  }


  :where(.kl-legacy) .Timeline__Header .SectionHeader__Description{
    margin: 34px 30px 0 30px;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Timeline__ListItem{
    max-width: 1230px;
    margin: 0 auto;
    height: 400px;
    text-shadow: none;
  }


  :where(.kl-legacy) .Timeline__Item{
    align-items: flex-end;
    background-color: var(--light-background);
  }


  :where(.kl-legacy) .Timeline__ImageWrapper, :where(.kl-legacy) .Timeline__Inner{
    flex: none;
    width: 50%;
  }


  :where(.kl-legacy) .Timeline__ImageWrapper{
    position: relative;
    height: 100%;
  }


  :where(.kl-legacy) .Timeline__ImageWrapper::after{
    display: none;
    /* Remove any contrast that may have been added to image */
  }


  :where(.kl-legacy) .Timeline__Image{
    transform: translateX(-60px) scale(1.1);
  }


  :where(.kl-legacy) .Timeline__Inner{
    padding: 34px 40px;
    color: var(--text-color);
  }


  :where(.kl-legacy) .Timeline__Header{
    text-align: left;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Timeline__ListItem{
    height: 515px;
  }


  :where(.kl-legacy) .Timeline__Inner{
    padding: 54px 60px;
  }


}



:where(.kl-legacy) .Timeline__Nav{
  position: relative;
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));
  font-family: var(--heading-font-family);
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  letter-spacing: 0.2em;
  color: var(--text-color-light);
  background: var(--light-background);
}


:where(.kl-legacy) .Timeline__NavWrapper{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}


:where(.kl-legacy) .Timeline__NavWrapper--center{
  justify-content: center;
}


:where(.kl-legacy) .Timeline__NavItem{
  position: relative;
  padding: 30px 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: inherit;
  vertical-align: text-bottom;
  transition: all 0.25s ease-in-out;
}


:where(.kl-legacy) .Timeline__NavItem::after{
  position: absolute;
  content: "";
  bottom: 0;
  left: 20px;
  height: 3px;
  width: calc(100% - 40px - 0.2em);
  opacity: 0;
  background: var(--text-color);
  transform: scale(0, 1);
  transform-origin: left center;
  transition: opacity 0.3s, transform 0.3s;
}


:where(.kl-legacy) .Timeline__NavItem.is-selected{
  font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 18px));
  color: var(--text-color);
}


:where(.kl-legacy) .Timeline__NavItem.is-selected::after{
  opacity: 1;
  transform: scale(1, 1);
}


:where(.kl-legacy) .Timeline__NavLabel{
  display: block;
  line-height: 0;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Timeline{
    box-shadow: none;
  }


  :where(.kl-legacy) .Timeline__Nav{
    margin-top: 40px;
    background: none;
    font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px));
  }


  :where(.kl-legacy) .Timeline__NavWrapper{
    display: block;
    text-align: center;
  }


  :where(.kl-legacy) .Timeline__NavItem{
    padding-top: 20px;
    padding-bottom: 20px;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .Timeline__Nav{
    margin-top: 65px;
  }


}



@media screen and (min-width:813px) {

  :where(.kl-legacy) .pc_none{
    display: none !important;
  }


}


@media screen and (max-width:812px) {

  :where(.kl-legacy) .sp_none{
    display: none !important;
  }


}



:where(.kl-legacy) .Menu-btn{
  color: #fff;
}




:where(.kl-legacy) button.Header__Icon.Icon-Wrapper.Icon-Wrapper--clickable{
  padding: 25px;
  background: #D71518;
}



:where(.kl-legacy) .Footer__Inner .Button--primary::before{
  background-color: #fff;
}


:where(.kl-legacy) .Footer__Inner button.Form__Submit.Button.Button--primary:hover{
  color: #fff;
}


:where(.kl-legacy) .Footer__Inner button.Form__Submit.Button.Button--primary{
  color: #000;
  border-color: #fff;
}


:where(.kl-legacy) a.Footer__StoreName.Heading.u-h7.Link.Link--secondary{
  font-size: 12px;
  color: #b3b3b3;
  /*  修正   color: #fff; */
}





:where(.kl-legacy) .Icon.clubleon_icon{
    position: relative;
    top: 4px;
    width: 34px;
    height: 100%;
}



:where(.kl-legacy) .Button--reverse{
  color: #000 !important;
}


:where(.kl-legacy) .Button--reverse:hover{
  color: #fff !important;
}


:where(.kl-legacy) .Button--reverse::before{
  background-color: #fff;
}





:where(.kl-legacy) h3.Heading{
  font-family: Montserrat, sans-serif;
}


:where(.kl-legacy) h3.Heading.Text--subdued{
  color: #D71518;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .hidden-sp{
    display: none !important;
  }


}





:where(.kl-legacy) .Footer__Block--links a.Link.Link--primary{
  display: inline;
}


:where(.kl-legacy) footer li.Linklist__Item:nth-child(6):nth-last-child(1):after{
  font-family: "Line Awesome Free", "Line Awesome Brands";
  content: "\f35d";
  margin-left: 1px;
  font-size: 16px;
  font-weight: 900;
}


:where(.kl-legacy) .SidebarMenu__Nav li.Linklist__Item:first-child a{
  color: var(--link-color);
}


:where(.kl-legacy) .SidebarMenu__Nav li.Linklist__Item:first-child a:before{
  font-family: "Font Awesome 5 Free";
  content: "\f004";
  display: inline-block;
  margin-left: 4px;
  margin-right: 6px;
  font-size: 16px;
  font-weight: 400;
}


:where(.kl-legacy) .SidebarMenu__Nav li.Linklist__Item.clubleon_members a{
  color: var(--navigation-text-color);
  font-weight: 600;
}


:where(.kl-legacy) .SidebarMenu__Nav li.Linklist__Item.clubleon_members a:before{
  content: "";
  display: inline-block;
  margin-right: 6px;
  position: relative;
  top: 4px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url(/cdn/shop/t/142/assets/icon_clubleon.svg?v=169509967724571671041672204217) no-repeat;
  background-size: contain;
}





:where(.kl-legacy) ul.ArticleList.text{
  margin: auto;
  list-style: none;
  /*     width: 70%; */
  border-bottom: 1px solid var(--border-color);
}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) ul.ArticleList.text{
    max-width: 860px;
  }


}


:where(.kl-legacy) ul.ArticleList.text li{
  padding: 10px 20px;
  border-top: 1px solid var(--border-color);
}


:where(.kl-legacy) ul.ArticleList.text a{
  /*     font-size: 15px; */
  font-weight: 500;
}


:where(.kl-legacy) ul.ArticleList.text li:hover{
  transition: 1.0s;
  opacity: 0.4;
}


:where(.kl-legacy) li.Article__MetaItem{
  padding: 0 40px 0 0 !important;
  /*     padding-right: 40px !important; */
  /*     float: left; */
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: var(--text-color-light);
}


:where(.kl-legacy) ul.inner li{
  display: table-cell;
  vertical-align: middle;
  border-top: none !important;
  list-style: none;
}


@media screen and (max-width:641px) {

  :where(.kl-legacy) ul.ArticleList.text li{
    padding: 20px 10px;
    border-top: 1px solid var(--border-color);
  }


  :where(.kl-legacy) ul.inner li{
    display: block;
    padding: 0 !important;
  }


  :where(.kl-legacy) li.Article__MetaItem{
    margin-bottom: 7px;
    padding: 0;
    width: 100%;
  }


  :where(.kl-legacy) li.Article__title{
    margin-left: 0;
    padding: 0;
  }


}



:where(.kl-legacy) .icon-scroll:before{
  font-family: "Line Awesome Free", "Line Awesome Brands";
  content: "\f103";
  color: #fff;
  font-size: 35px;
  font-weight: 900;
  position: absolute;
  margin-left: -17.5px;
  left: 50%;
  bottom: -7px;
}


:where(.kl-legacy) button.block.icon-scroll{
  position: absolute;
  bottom: 50px;
  z-index: 2;
  width: 50px;
  height: 50px;
  left: 50%;
  margin-left: -21.5px;
  /*     background: #e5348c; */
  /*     border-radius: 50%; */
}


@media screen and (max-width:641px) {

  :where(.kl-legacy) button.block.icon-scroll{
    bottom: 50px;
  }


}



:where(.kl-legacy) .float{
  animation: float_2680 2s linear infinite;
  transform-origin: 50% 50%;
}


@keyframes float_2680 {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-8px)
  }

  100% {
    transform: translateY(0)
  }
}



:where(.kl-legacy) .ProductMeta__Description h4:nth-child(2), :where(.kl-legacy) .ProductMeta__Description h4:nth-child(3){
  margin-top: 0;
}


:where(.kl-legacy) div#itemDetail{
  background: var(--light-background) none repeat scroll 0 0;
  margin-top: 20px;
  padding: 15px 15px 13px;
}


:where(.kl-legacy) div.contbox{
  display: inline-block;
  font-size: 14px;
}


:where(.kl-legacy) div.contbox dl{
  margin: 0;
}


:where(.kl-legacy) div.contbox dt{
  clear: both;
  width: 100px;
  float: left;
}


:where(.kl-legacy) div.contbox dd{
  margin-left: 100px;
  margin-bottom: 7px;
}


:where(.kl-legacy) div.contbox dd:before, :where(.kl-legacy) div.contbox dd:after{
  display: block;
  line-height: 0;
  content: "";
}


:where(.kl-legacy) div.contbox dd:after{
  clear: both;
}


@media screen and (max-width: 641px) {

  :where(.kl-legacy) div.contbox dt{
    width: 4em;
  }


  :where(.kl-legacy) div.contbox dd{
    margin-left: 4em;
  }


}


:where(.kl-legacy) div.contbox dt span{
  float: right;
}


:where(.kl-legacy) table.measuretable{
  display: block;
  margin: 30px 0 20px;
  border: none;
  border-collapse: collapse;
  font-size: 13px;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}


:where(.kl-legacy) table.measuretable th{
  background-color: var(--light-background) !important;
  font-weight: normal !important;
  text-align: center;
  text-transform: none;
}


:where(.kl-legacy) .measuretable_position{
  padding: 10px !important;
  border-right: 1px solid var(--light-background) !important;
  white-space: nowrap;
  text-align: center !important;
}


:where(.kl-legacy) .sizeinfo{
  font-size: 12px;
  margin-top: -7px;
}


:where(.kl-legacy) .ProductMeta__Description p.info{
  /*     color: #666; */
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 30px;
}


:where(.kl-legacy) h5.sizetitle{
  margin-bottom: -15px;
}


:where(.kl-legacy) h2.ProductMeta__Vendor.Heading.u-h6, :where(.kl-legacy) p.ProductItem__Vendor.Heading{
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}


:where(.kl-legacy) span.ProductMeta__Price.Price.Text--subdued.u-h4, :where(.kl-legacy) span.ProductItem__Price.Price.Text--subdued{
  font-weight: 700;
}


:where(.kl-legacy) span.ProductItem__Label.ProductItem__Label--soldOut{
  background: #999;
}


:where(.kl-legacy) .order_info{
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 13px;
  color: #000;
}


:where(.kl-legacy) p.itemInfo{
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  background: var(--light-background);
}


:where(.kl-legacy) div.itemSize, :where(.kl-legacy) p.itemSize{
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
}


:where(.kl-legacy) p.itemInfo{
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  background: var(--light-background);
}


:where(.kl-legacy) .gift.order_info{
    border: 1px solid #000;
    padding: 15px 10px;
}


:where(.kl-legacy) .gift.order_info .title{
    font-size: 18px;
}


:where(.kl-legacy) .gift_info{
  margin-top: 30px;
  font-weight: 500;
  font-size: 13px;
  color: #000;
}


:where(.kl-legacy) div.editor{
    margin-bottom: 1.6em;
}


:where(.kl-legacy) h5.editor_title{
    font-size: 15px !important;
}



:where(.kl-legacy) #bcpo .bcpo-front-button-option:checked+.bcpo-front-button-label{
  border: 1px solid var(--text-color) !important;
  background: #000 !important;
  color: #fff !important;
}



:where(.kl-legacy) i.far.fa-heart{
  font-size: 22px;
  padding-top: 3px;
}


:where(.kl-legacy) .swym-button-bar{
  margin: 20px 0 !important;
}


:where(.kl-legacy) .swym-btn-container[data-position=default] .swym-add-to-wishlist.swym-icontext+.swym-fave-count{
  padding: 11px 15px 10px !important;
}


:where(.kl-legacy) button.swym-button.disabled, :where(.kl-legacy) button.swym-button:disabled{
  opacity: 1 !important;
}


:where(.kl-legacy) .swym-btn-container .swym-button.swym-added:after{
  opacity: 1 !important;
}


:where(.kl-legacy) .swym-btn-container .swym-button.swym-added *:not(.swym-tooltip){
  opacity: 1 !important;
}


:where(.kl-legacy) .swym-btn-container .swym-button.swym-added+.swym-fave-count{
  opacity: 1 !important;
}


:where(.kl-legacy) .swym-ui-component .swym-wishlist-grid .swym-wishlist-image-wrapper{
  overflow: hidden;
  height: 250px !important;
}


:where(.kl-legacy) .swym-ui-component .swym-wishlist-grid .swym-wishlist-item{
  border: 1px solid #F3F3F3 !important;
}


:where(.kl-legacy) .swym-ui-component .swym-wishlist-grid .swym-wishlist-item .swym-add-to-cart-btn{
  padding: 10px !important;
}


@media only screen and (max-width: 900px) {

  :where(.kl-legacy) .swym-ui-component .swym-wishlist-grid .swym-wishlist-image-wrapper{
    max-height: 53vw !important;
    height: 400px !important;
  }


}


:where(.kl-legacy) .swym-ui-component .swym-share-wishlist-modal .swym-share-wishlist-modal-dialog .swym-share-wishlist-email-btn{
  background: #000 !important;
}


:where(.kl-legacy) .swym-ui-component .swym-empty-wishlist-container .swym-empty-wishlist-continue-btn{
  background: #000 !important;
  border: .637151px solid #000 !important;
}


:where(.kl-legacy) .swym-ui-component .swym-save-wishlist-modal .swym-save-wishlist-modal-dialog .swym-save-summary .swym-login-btn{
  background: #000 !important;
}



@media only screen and (min-width: 900px) {

  :where(.kl-legacy) .swym-ui-component.swym-wishlist-page .swym-wishlist-container-title-bar{
    padding: 16px 20px !important;
  }


}



:where(.kl-legacy) [data-theme-name=Prestige] .cf-form-actions button:hover{
  background-color: #000 !important;
}


:where(.kl-legacy) form#create_customer label, :where(.kl-legacy) form#create_customer legend{
  margin-bottom: 7px;
  font-family: Montserrat, sans-serif !important;
  font-weight: 700 !important;
}


:where(.kl-legacy) .cf-field.titleRegister{
  margin-bottom: 24px !important;
}


:where(.kl-legacy) .cf-field.titleRegister h1{
  font-family: Montserrat, sans-serif !important;
  font-size: 22px !important;
}


:where(.kl-legacy) [data-theme-name=Prestige] .cf-form-actions button{
  background-color: #666 !important;
}


:where(.kl-legacy) .cf-fields-wrapper, :where(.kl-legacy) .cf-form-inner{
  line-height: 1.7 !important;
}


:where(.kl-legacy) form#create_customer label span#\31 13763label{
  font-weight: 500 !important;
  font-size: 14px;
}



:where(.kl-legacy) .cf-field input[type=checkbox]{
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: checkbox !important;
}


:where(.kl-legacy) form#create_customer .cf-field-container.sex label{
  font-weight: 400 !important;
}



@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Article__Wrapper p.Img .sp_only{
    display: none;
  }


}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .Article__Wrapper p.Img .pc_only{
    display: none;
  }


}


:where(.kl-legacy) hr.line{
  margin: 50px 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #e5e5e5;
}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Article__Wrapper.tokushu{
    max-width: 980px;
  }


}


:where(.kl-legacy) .Article__Wrapper.tokushu{
  max-width: 980px;
}


@media screen and (min-width: 970px) {

  :where(.kl-legacy) .Article__Wrapper.tokushu .Rte .row-display{
    margin: 0 calc(50% - 50vw);
    padding: 0 100px;
  }


}


:where(.kl-legacy) .Article__Wrapper.tokushu .Rte h1{
  margin: 0.8em 0 0.8em;
}


:where(.kl-legacy) .Article__Wrapper.tokushu .Rte h2{
  margin: 1.8em 0 0.9em;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .Article__Wrapper.tokushu .Rte h2{
    font-size: 18px;
    font-weight: 600;
  }


}


:where(.kl-legacy) .Article__Wrapper.tokushu .Rte h3{
  margin: 3em 0 1.2em;
}


:where(.kl-legacy) .Article__Wrapper.tokushu p{
  margin-top: 40px;
  line-height: 1.8;
  letter-spacing: .08em;
}


:where(.kl-legacy) .Article__Wrapper.tokushu p.Img{
  margin: 0 calc(50% - 50vw) 50px;
}


:where(.kl-legacy) .Article__Wrapper.tokushu p.intro{
  /*     padding-bottom: 60px; */
  /*     border-bottom: 1px solid #e5e5e5; */
  color: #000;
  font-size: 1.1em;
  font-weight: 500;
}


:where(.kl-legacy) .Article__Wrapper.tokushu .squareImg{
  width: 600px;
}


:where(.kl-legacy) .Article__Meta.Heading.Text--subdued{
  color: var(--link-color);
}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Article__Wrapper.tokushu .Rte img{
    margin-top: 1.8em;
    margin-bottom: 1.8em;
  }


}


:where(.kl-legacy) .Article__Wrapper.tokushu .Rte img{
  margin-top: 1.4em;
  margin-bottom: 1.4em;
}


@media screen and (max-width: 767px) {


  :where(.kl-legacy) .ippin.container-fluid, :where(.kl-legacy) .ippin .row>*{
    padding-right: 0;
    padding-left: 0;
  }


}


@media screen and (min-width: 768px) {

  :where(.kl-legacy) img.mw1024{
    max-width: 1024px;
  }


}


@media screen and (min-width: 768px) {

  :where(.kl-legacy) img.mw632{
    max-width: 632px;
  }


}


@media screen and (min-width: 768px) {

  :where(.kl-legacy) img.mw600{
    max-width: 600px;
  }


}


@media screen and (min-width: 768px) {

  :where(.kl-legacy) img.mw880{
    max-width: 880px;
  }


}


:where(.kl-legacy) div.productTitleRow_shokai{
  margin: 80px 0 0;
}


:where(.kl-legacy) .productTitle_shokai{
  text-align: center;
  font-size: 24px;
  font-weight: 500;
}


@media screen and (max-width: 767px) {

  :where(.kl-legacy) div.productTitleRow_shokai{
    margin: 90px 0 0;
  }


  :where(.kl-legacy) .productTitle_shokai{
    font-size: 18px;
  }


}



@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .Article__Wrapper.collection{
    max-width: 980px;
  }


}


:where(.kl-legacy) .Article__Wrapper.collection{
  max-width: 980px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Article__Wrapper.collection{
    margin-bottom: 80px;
  }


}


:where(.kl-legacy) .Article__Wrapper.collection .Rte h1{
  margin: 0.8em 0 0.8em;
}


:where(.kl-legacy) .Article__Wrapper.collection p{
  margin-top: 40px;
  line-height: 1.8;
  letter-spacing: .08em;
}


:where(.kl-legacy) .Article__Wrapper.collection p.Img{
  margin: 0 calc(50% - 50vw) 50px;
}


:where(.kl-legacy) .Article__Wrapper.collection p.intro{
  color: #000;
  font-size: 1.1em;
  font-weight: 500;
}


:where(.kl-legacy) .btn_section{
  text-align: center;
}



:where(.kl-legacy) .Image--contrast::after{
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.35), 20%, rgba(0, 0, 0, 0)) !important;
}



:where(.kl-legacy) .Header__Logo .logo{
    display: flex;
}



:where(.kl-legacy) img.icon.clubleon{
    margin-top: 4px;
    margin-right: 30px;
    width: 130px;
}



:where(.kl-legacy) #sidebar-menu img.icon.clubleon{
    margin-top: 20px;
    margin-right: 30px;
    width: 130px;
}



:where(.kl-legacy) .SectionHeader__Description.Rte p.desc{
    font-size: 13px;
}


[id$="__template--16387836936409__1663636902727858e6"] .ImageHero{
    margin-top: 0;
}



@media screen and (min-width: 641px) {

  :where(.kl-legacy) .ImageHero__Block--large.Clubleon__Box{
    max-width: 780px;
    padding: 48px 32px;
  }


}


:where(.kl-legacy) .clubleon__logo{
    margin-bottom: 36px;
    max-width: 350px;
}


@media screen and (max-width: 640px) {

      :where(.kl-legacy) .clubleon__logo{
        max-width: 260px;
      }

    
}


:where(.kl-legacy) .ImageHero__BlockContent.clubleon__desc{
    text-align: left;
}



:where(.kl-legacy) .SectionHeader__Description.large{
    max-width: 680px;
}



:where(.kl-legacy) .ArticleItem__Category.Heading.u-h6.Text--subdued.date{
    letter-spacing: 1px;
}


:where(.kl-legacy) .blog_date .ArticleItem__Category.Heading.u-h6.Text--subdued.date{
    color: #fff;
}


:where(.kl-legacy) .date-mark{
    display: flex;
}


:where(.kl-legacy) .ArticleItem__Category.Heading.u-h6.Text--subdued.mark{
    margin-left: 12px;
    padding: 0 4px;
    color: #fff;;
    background: #D71518;
}


:where(.kl-legacy) .blog_date .ArticleItem__Category.Heading.u-h6.Text--subdued.mark{
    color: #000;
    background: #fff;
}



:where(.kl-legacy) .Article__Meta.Heading.Text--subdued{
    display: flex;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .Article__Meta.Heading.Text--subdued{
    display: block;
  }


}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .TagArea{
    margin: 18px 0 24px;
  }


}


:where(.kl-legacy) .Article__Wrapper.tokushu .Tag{
    margin-top: 0;
    font-size: 12px;
    font-weight: 600;
    color: #666;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .Article__Wrapper.tokushu .Tag{
        letter-spacing: 0;
  }


}


:where(.kl-legacy) .Article__Wrapper.tokushu .Tag .title{
    margin-left: 20px;
    margin-right: 4px;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .Article__Wrapper.tokushu .Tag .title{
    margin-left: 0;
    margin-right: 0;
  }


}


:where(.kl-legacy) .Article__Wrapper.tokushu .Tag a{
    margin-right: 4px;
/*     padding: 0 2px; */
    color: #666;
    text-decoration: none;
/*     text-decoration-color: rgba(102, 102, 102, 0.6); */
}



:where(.kl-legacy) .ArticleItem .TagArea{
    margin-bottom: 16px;
    font-size: 12px;
    font-weight: 600;
}


:where(.kl-legacy) .ArticleItem .Tag a{
    margin-right: 4px;
}



:where(.kl-legacy) .ArticleCollections--grid{
  padding: 0;
}


:where(.kl-legacy) .ArticleCollections .Grid{
  padding-inline: 15px;
}


:where(.kl-legacy) .ArticleCollections .ArticleCollection__Title{
  background-color: #1c1b1b;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  padding: 15px;
  font-size: 24px;
}


:where(.kl-legacy) .ArticleCollections .ArticleCollection__SubTitle{
  font-weight: 700;
  text-align: center;
  font-size: 20px;
  margin-bottom: 25px;
  padding-bottom: 5px;
  border-bottom: solid 1px #1c1b1b;
  width: fit-content;
  margin-inline: auto;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) .ArticleCollections--grid{
    margin-left: -10px;
  }


  :where(.kl-legacy) .ArticleCollections .Grid{
    padding-inline: 15px;
    padding-block: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    row-gap: 50px;
    margin: 0;
  }

  
  :where(.kl-legacy) .ArticleCollections .ArticleCollection__Title{
    font-size: 18px;
    padding: 10px;
    margin-top: 15px;
  }


  :where(.kl-legacy) .ArticleCollections .ArticleCollection__SubTitle{
    margin-bottom: 55px;
    font-size: 16px;
  }


  :where(.kl-legacy) .ArticleCollections--removeMargin{
    margin-bottom: -35px !important;
  }


  :where(.kl-legacy) .ArticleCollections .Grid__Cell{
    padding-left: 0; 
    width: 100%;
  }


  :where(.kl-legacy) .ArticleCollections--grid>.Grid__Cell{
    padding-left: 0;
    margin-top: 35px;
    margin-bottom: 35px;
  }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .CollectionInner{
    margin-top: 50px;
  }


  :where(.kl-legacy) .ArticleCollections .Grid{
    padding: 50px 24px 25px;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 50px 15px;
  }


  :where(.kl-legacy) .ArticleCollections .Grid__Cell{
    width: 100%;
    padding: 0;
  }


  :where(.kl-legacy) .ArticleCollections--removeMargin{
    margin-bottom: -50px !important;
  }


  :where(.kl-legacy) .ArticleCollections--grid>.Grid__Cell{
    padding-left: 24px;
    margin-top: 50px;
    margin-bottom: 50px;
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .CollectionInner{
    display: flex;
  }


  :where(.kl-legacy) .CollectionInner__Sidebar{
    position: sticky;
    top: 200px;
    flex: none;
    align-self: flex-start;
    width: 200px;
    margin: 0 16px 0 24px;
    padding-bottom: 50px;
  }


  @supports (--css: variables) {

    :where(.kl-legacy) .CollectionInner__Sidebar{
      top: calc(var(--header-height) + 50px);
    }

  
}


  @supports (--css: variables) {

    :where(.kl-legacy) .CollectionInner__Sidebar--withTopToolbar{
      top: calc(var(--header-height) * 0 + 105px);
      top: calc(var(--header-height) * var(--use-sticky-header, 0) + 105px);
    }

  
}


  :where(.kl-legacy) .CollectionInner__Products{
    flex: 1 0 0;
  }


  :where(.kl-legacy) .CollectionInner__Sidebar .Collapsible{
    padding: 0;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .CollectionInner__Sidebar{
    margin-right: 10px;
    margin-left: 50px;
  }


  :where(.kl-legacy) .CollectionInner .Pagination{
    margin-bottom: 80px;
  }


  :where(.kl-legacy) .ArticleCollections--grid{
    padding: 0;
  }


  :where(.kl-legacy) .ArticleCollections--grid[data-desktop-count="2"]{
    margin-left: calc(-1 * var(--horizontal-spacing-two-products-per-row));
  }


  :where(.kl-legacy) .ArticleCollections--grid[data-desktop-count="2"]>.Grid__Cell{
    padding-left: var(--horizontal-spacing-two-products-per-row);
    margin-bottom: var(--vertical-spacing-two-products-per-row);
  }


  :where(.kl-legacy) .ArticleCollections--removeMargin[data-desktop-count="2"]{
    margin-bottom: calc(-1 * var(--vertical-spacing-two-products-per-row)) !important;
  }


  :where(.kl-legacy) .ArticleCollections--grid[data-desktop-count="4"], :where(.kl-legacy) .ArticleCollections--grid[data-desktop-count="3"]{
    margin-left: calc(-1 * var(--horizontal-spacing-four-products-per-row));
  }


  :where(.kl-legacy) .ArticleCollections--grid[data-desktop-count="4"]>.Grid__Cell, :where(.kl-legacy) .ArticleCollections--grid[data-desktop-count="3"]>.Grid__Cell{
    padding-left: var(--horizontal-spacing-four-products-per-row);
    margin-bottom: var(--vertical-spacing-four-products-per-row);
  }


  :where(.kl-legacy) .ArticleCollections--removeMargin[data-desktop-count="4"], :where(.kl-legacy) .ArticleCollections--removeMargin[data-desktop-count="3"]{
    margin-bottom: calc(-1 * var(--vertical-spacing-four-products-per-row)) !important;
  }


}




:where(.kl-legacy) .ArticleCollections--carousel .Carousel__Cell{
  width: 62%;
  padding: 0 12px;
  vertical-align: top;
}


@media screen and (max-width: 640px) {


  .template-search :where(.kl-legacy) .ArticleCollections--grid, .template-collection :where(.kl-legacy) .ArticleCollections--grid{
    margin-bottom: 20px;
    /* hack, would require some better code */
  }


}


@media screen and (max-width: 1007px) {


  
  :where(.kl-legacy) .ArticleCollectionsWrapper{
    overflow: hidden;
  }


  :where(.kl-legacy) .ArticleCollections--carousel{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 30px;
    /* This is a trick to hide the scrollbar on iOS */
    margin-bottom: -30px;
  }


  :where(.kl-legacy) .ArticleCollections--carousel .Carousel__Cell{
    display: inline-block !important;
  }


  :where(.kl-legacy) .ArticleCollections--carousel .Carousel__Cell:first-child{
    margin-left: 19%;
    /* This is (100% - 62%) / 2, where 62% is the width of a single cell */
  }


  :where(.kl-legacy) .ArticleCollections--carousel .Carousel__Cell:last-child{
    margin-right: 19%;
    /* This is (100% - 62%) / 2, where 62% is the width of a single cell */
  }


}


@media screen and (min-width: 641px) and (max-width: 1007px) {

  :where(.kl-legacy) .ArticleCollections--carousel .Carousel__Cell{
    width: 48%;
    padding: 0 15px;
  }


  :where(.kl-legacy) .ArticleCollections--carousel .Carousel__Cell:first-child{
    margin-left: 26%;
    /* This is (100% - 48%) / 2, where 48% is the width of a single cell */
  }


  :where(.kl-legacy) .ArticleCollections--carousel .Carousel__Cell:last-child{
    margin-right: 26%;
    /* This is (100% - 48%) / 2, where 48% is the width of a single cell */
  }


}


@media screen and (min-width: 1008px) {

  :where(.kl-legacy) .ArticleCollections--carousel{
    margin: 0 90px;
  }


  :where(.kl-legacy) .ArticleCollections--carousel::after{
    content: "flickity";
    display: none;
  }


  :where(.kl-legacy) .ArticleCollections--carousel .Carousel__Cell{
    width: 33.3333%;
    left: 0;
    padding: 0 calc(var(--horizontal-spacing-four-products-per-row) / 2);
    margin-left: 0;
  }


  :where(.kl-legacy) .ArticleCollections--carousel .flickity-prev-next-button{
    top: calc(50% - 45px);
    width: 45px;
    height: 45px;
    stroke-width: 1px;
  }


  :where(.kl-legacy) .ArticleCollections--carousel .flickity-prev-next-button.next{
    right: -50px;
  }


  :where(.kl-legacy) .ArticleCollections--carousel .flickity-prev-next-button.previous{
    left: -50px;
  }


}


@media screen and (min-width: 1140px) {

  :where(.kl-legacy) .ArticleCollections--carousel .Carousel__Cell{
    width: 25%;
  }


}





:where(.kl-legacy) a.rktheme-product-title{
  text-decoration: none !important;
}


:where(.kl-legacy) section#section-1615534839360e931f{
  padding-top: 25px !important;
}



:where(.kl-legacy) .contact h3, :where(.kl-legacy) .tokuteisho h3{
  font-weight: var(--heading-font-weight);
  font-size: 18px !important;
  margin-top: 25px !important;
}


:where(.kl-legacy) .contact a:not(.Button), :where(.kl-legacy) .tokuteisho a:not(.Button){
  color: var(--link-color);
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(var(--link-color-rgb), 0.6);
  text-decoration-color: rgba(var(--link-color-rgb), 0.6);
  text-underline-position: under;
  transition: color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
}


:where(.kl-legacy) .contact a:not(.Button):hover, :where(.kl-legacy) .tokuteisho a:not(.Button):hover{
  color: var(--text-color);
  -webkit-text-decoration-color: rgba(var(--text-color-rgb), 0.6);
  text-decoration-color: rgba(var(--text-color-rgb), 0.6);
}


:where(.kl-legacy) .tokuteisho p:not(:last-child), :where(.kl-legacy) .Rte ul:not(:last-child), :where(.kl-legacy) .Rte ol:not(:last-child){
  margin-bottom: 0.5em;
}


:where(.kl-legacy) .tokuteisho ul.none{
  margin: 0;
  padding: 0;
}


:where(.kl-legacy) .tokuteisho ul{
  margin-left: 30px;
}



:where(.kl-legacy) .tokuteisho ul li{
  list-style: none !important;
  margin: 20px 0;
  padding: 0;
}


:where(.kl-legacy) .tokuteisho ul.disc li{
  list-style: disc !important;
  margin: 5px;
  padding: 0;
}


:where(.kl-legacy) .tokuteisho p.line-height{
  list-style: none !important;
  margin: 0;
}




:where(.kl-legacy) .kiyaku h3{
  font-weight: var(--heading-font-weight);
  font-size: 18px !important;
  margin-top: 60px !important;
}


:where(.kl-legacy) .kiyaku a:not(.Button){
  color: var(--link-color);
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(var(--link-color-rgb), 0.6);
  text-decoration-color: rgba(var(--link-color-rgb), 0.6);
  text-underline-position: under;
  transition: color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
}


:where(.kl-legacy) .kiyaku a:not(.Button):hover{
  color: var(--text-color);
  -webkit-text-decoration-color: rgba(var(--text-color-rgb), 0.6);
  text-decoration-color: rgba(var(--text-color-rgb), 0.6);
}


:where(.kl-legacy) .kiyaku ol{
  margin-left: 30px;
  list-style: decimal;
}


:where(.kl-legacy) .kiyaku ul{
  list-style: none;
  margin: 0;
  padding: 10px 0;
}


:where(.kl-legacy) .kiyaku ul li ul{
  padding: 10px 20px;
}


:where(.kl-legacy) .kiyaku p:last-child{
  margin-bottom: 24px;
}


:where(.kl-legacy) .kiyaku p:not(:last-child){
  margin-bottom: 20px;
}



:where(.kl-legacy) .point h3, :where(.kl-legacy) .event h3{
  font-weight: var(--heading-font-weight);
  font-size: 18px !important;
  margin-top: 60px !important;
}






:where(.kl-legacy) .point ol, :where(.kl-legacy) .event ol{
  margin-left: 30px;
  list-style: decimal;
}


:where(.kl-legacy) .point ul, :where(.kl-legacy) .event ul{
  list-style: none;
  margin: 0;
  padding: 10px 0;
}


:where(.kl-legacy) .point ul li ul, :where(.kl-legacy) .event ul li ul{
  padding: 10px 20px;
}


:where(.kl-legacy) .point p:last-child, :where(.kl-legacy) .event p:last-child{
  margin-bottom: 24px;
}


:where(.kl-legacy) .point p:not(:last-child), :where(.kl-legacy) .event p:not(:last-child){
  margin-bottom: 20px;
}




:where(.kl-legacy) .pp h2{
  font-weight: var(--heading-font-weight);
  font-size: 18px !important;
  margin-top: 60px !important;
}


:where(.kl-legacy) .pp h3{
  font-weight: var(--heading-font-weight);
  font-size: 18px !important;
  margin-top: 25px !important;
}


:where(.kl-legacy) .pp a:not(.Button){
  color: var(--link-color);
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(var(--link-color-rgb), 0.6);
  text-decoration-color: rgba(var(--link-color-rgb), 0.6);
  text-underline-position: under;
  transition: color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
}


:where(.kl-legacy) .pp a:not(.Button):hover{
  color: var(--text-color);
  -webkit-text-decoration-color: rgba(var(--text-color-rgb), 0.6);
  text-decoration-color: rgba(var(--text-color-rgb), 0.6);
}


:where(.kl-legacy) .pp ol.none{
  list-style: none !important;
  margin: 0;
  padding: 0;
}


:where(.kl-legacy) .pp ul{
  margin: 0;
}


:where(.kl-legacy) .pp ul li{
  list-style: none !important;
}


:where(.kl-legacy) .pp a{
  word-break: break-all;
}



:where(.kl-legacy) .siteaccess h2{
  font-weight: var(--heading-font-weight);
  font-size: 18px !important;
  margin-top: 60px !important;
}


:where(.kl-legacy) .siteaccess h3{
  font-weight: var(--heading-font-weight);
  font-size: 18px !important;
  margin-top: 25px !important;
}


:where(.kl-legacy) .siteaccess a:not(.Button){
  color: var(--link-color);
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(var(--link-color-rgb), 0.6);
  text-decoration-color: rgba(var(--link-color-rgb), 0.6);
  text-underline-position: under;
  transition: color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, text-decoration-color 0.2s ease-in-out, -webkit-text-decoration-color 0.2s ease-in-out;
}


:where(.kl-legacy) .siteaccess a:not(.Button):hover{
  color: var(--text-color);
  -webkit-text-decoration-color: rgba(var(--text-color-rgb), 0.6);
  text-decoration-color: rgba(var(--text-color-rgb), 0.6);
}


:where(.kl-legacy) .siteaccess ul, :where(.kl-legacy) .cookie ul{
  margin-left: 0 !important;
  margin-bottom: 24px !important;
}


:where(.kl-legacy) .siteaccess ul li, :where(.kl-legacy) .cookie ul li{
  padding: 0;
  list-style: none !important;
}


:where(.kl-legacy) .cookie ul li:first-child{
    margin-bottom: 12px;
}



:where(.kl-legacy) .registAgree a{
  color: var(--link-color);
}


:where(.kl-legacy) .register{
  display: block;
  margin-top: 60px;
  text-align: center;
}


:where(.kl-legacy) .Text--register{
  margin: 24px 0;
}


:where(.kl-legacy) .Button--register{
  display: block;
  width: 100%;
  margin-top: 20px;
  padding: 14px 28px;
  font-family: var(--heading-font-family);
  font-weight: 500;
  font-style: var(--heading-font-style);
  color: var(--button-background) !important;
  border: 2px solid var(--button-background);
  background-color: #fff;
}




:where(.kl-legacy) .Cart__Caution{
  color: var(--text-color-light);
  font-size: 14px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .Cart__Caution{
    position: relative;
    width: 47vw;
  }


}



@media screen and (min-width:768px) {


  :where(.kl-legacy) .brand .col-md-3:last-child, :where(.kl-legacy) .category .col-md-3:last-child{
    width: 23% !important;
  }


}


:where(.kl-legacy) .brand a, :where(.kl-legacy) .category a{
  text-decoration: none !important;
  color: #333 !important;
  font-weight: 400;
}


:where(.kl-legacy) .brand a:hover, :where(.kl-legacy) .brand a:hover span, :where(.kl-legacy) .category a:hover{
  text-decoration: underline !important;
  color: var(--link-color) !important;
}


:where(.kl-legacy) .brand .brand__initial__title{
  margin: 60px 0 20px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  color: #000 !important;
  text-align: center;
}


:where(.kl-legacy) span.name-ja{
  display: block;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.5;
  color: var(--text-color-light);
}


:where(.kl-legacy) .brand .alphabet-menu .alphabet-menu-list{
  cursor: pointer;
  display: block;
  float: left;
  text-align: center;
  border: solid 1px #f7f7f7;
  border-top-color: #d9d9d9;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #d9d9d9;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #d9d9d9;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #d9d9d9;
  border-left-style: solid;
  border-left-width: 1px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  padding: 8px;
  margin: 9px;
}


:where(.kl-legacy) .brand .alphabet-menu .alphabet-menu-list:last-child{
  width: 71px;
}


:where(.kl-legacy) .brand ul.alphabet-menu{
  max-width: 830px;
}



:where(.kl-legacy) .Password__Message.Rte{
  text-align: left;
  max-width: 470px;
  margin: 30px auto;
}



:where(.kl-legacy) .Password__Message.Rte p{
  height: 16px;
}



:where(.kl-legacy) h1.Img{
  margin: 0 calc(50% - 50vw) 0;
}


:where(.kl-legacy) p.shimen{
  /*     margin: 0 calc(50% - 50vw) 0; */
  width: 880px
}


:where(.kl-legacy) .SectionHeader__Description.article-collection{
  max-width: 880px;
}


:where(.kl-legacy) .Contents p.intro{
  color: #000;
  font-size: 1.1em;
  font-weight: 500;
  text-align: left;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) h1.Img .sp_only{
    display: none;
  }


}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) h1.Img .pc_only{
    display: none;
  }


}



:where(.kl-legacy) .movie_story .SectionHeader__Description{
    max-width: 1200px;
}


:where(.kl-legacy) .movie_story .brand{
    display: flex;
    margin-top: 40px;
}


:where(.kl-legacy) .movie_story .brand__concept{
    margin-right: 24px;
    padding: 24px;
    width: 45%;
    text-align: left;
}


:where(.kl-legacy) .movie_story .brand__movie{
    margin: auto;
    width: 55%;
}


@media screen and (max-width: 1007px) {

    :where(.kl-legacy) .movie_story .Rte h2{
        margin: 0 0 0.9em;
    }


    :where(.kl-legacy) .movie_story .brand{
        display: block;
        margin-top: unset;
    }


    :where(.kl-legacy) .movie_story .brand__concept{
        margin-right: unset;
        padding: 24px 0 36px;
        width: 100%;
        text-align: left;
    }


    :where(.kl-legacy) .movie_story .brand__movie{
        width: auto;
    }


}


:where(.kl-legacy) .movie .SectionHeader__Description{
    max-width: 1200px;
}


:where(.kl-legacy) .movie .brand{
    display: flex;
    margin-top: 40px;
}


:where(.kl-legacy) .movie .brand__movie{
    margin: auto;
    overflow: hidden;
}


@media screen and (max-width: 1007px) {

    :where(.kl-legacy) .movie .Rte h2{
        margin: 0 0 0.9em;
    }


    :where(.kl-legacy) .movie .brand{
        display: block;
        margin-top: unset;
    }


    :where(.kl-legacy) .movie .brand__movie{
        width: auto;
    }


}



div[id$="__1614911487b830af24"]{
  margin-top: 50px;
}




:where(.kl-legacy) .Form__Hint a.Link.Link--secondary{
  color: #D71518;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) #login .intro{
    width: calc(100% + 320px);
    margin: 0 -160px;
  }
 

}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) #login .intro, :where(.kl-legacy) #account .intro{
    margin-top: 32px;
  }
 

}



:where(.kl-legacy) #login .desc{
    margin-top: 24px;
}


:where(.kl-legacy) #login .Header__logo, :where(.kl-legacy) #account .Header__logo, :where(.kl-legacy) .register .Header__logo{
    margin: 0 8px;
    width: 220px;
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) #login .Header__logo, :where(.kl-legacy) #account .Header__logo, :where(.kl-legacy) .register .Header__logo{
    margin: 0;
    width: 33%;
  }
 

}



:where(.kl-legacy) #account .intro{
  margin-bottom: 70px;  
}


@media screen and (max-width: 640px) {

  :where(.kl-legacy) #account .intro{
    margin-bottom: 32px;  
  }


}



:where(.kl-legacy) h2.ProductItem__Title.Heading{
  font-weight: 400;
}



:where(.kl-legacy) .Article__Wrapper.movie{
  position: relative;
  max-width: 800px;
  margin: 0 auto 90px auto;
  padding: 24px 10px 0 10px;
  background: var(--background);
}


:where(.kl-legacy) .movie .Article__Header{
  padding: 0 14px;
}


:where(.kl-legacy) .movie .Contents{
  padding: 0 14px;
}


:where(.kl-legacy) .movie .desc{
  color: #000;
  font-size: 1.1em;
}


:where(.kl-legacy) section#section-1614911487b830af24{
  max-width: 800px;
  margin: 0 auto;
}



:where(.kl-legacy) .GiftOption{
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  padding: 8px 16px;
  font-family: var(--heading-font-family);
/*   font-weight: 500; */
  text-align: center;
  font-style: var(--heading-font-style);
  font-size: 14px;
  color: var(--text-color);
  border: 1px solid var(--button-background);
  background-color: #fff;
}


:where(.kl-legacy) .GiftOption:before{
    font-family: "Line Awesome Free", "Line Awesome Brands";
    content: "\f06b";
    margin-right: 8px;
    font-size: 18px;
    font-weight: 900;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) .GiftOption{
    width: auto;
    text-align: left;
  }


}



:where(.kl-legacy) .point_alert p{
    display: inline-block;
    margin-top: 15px;
    padding: 5px 7px;
    border: 1px solid var(--border-color);
    font-size: 13px;
}



:where(.kl-legacy) .smartpay-osm-product{
    margin-top: 10px;
    margin-bottom: 20px;
}


:where(.kl-legacy) button._smartpay_8dYk-._smartpay-product-osm-button{
  color: var(--link-color) !important;
}



:where(.kl-legacy) .movieblock{
    margin-bottom: 24px;
}



:where(.kl-legacy) div#huckleberry-subscription-customer-portal-wrap{
    display: none;
}



:where(.kl-legacy) .text-center{
    text-align: center !important;
}


:where(.kl-legacy) .text-left{
    text-align: left !important;
}


:where(.kl-legacy) .text-right{
    text-align: right !important;
}



:where(.kl-legacy) .brand__concept　.brand__concept--desc{
    text-align: left;
}



:where(.kl-legacy) .event_info{
    padding: 18px 24px;
    border: 1px solid var(--border-color);
}


:where(.kl-legacy) .event_info h2{
    margin: 0 0 .9em !important;
}



:where(.kl-legacy) .jaccs_info{
/*   margin-top: 20px; */
  margin-bottom: 10px;
/*   font-weight: 500; */
  font-size: 13px;
  color: #000;
}


:where(.kl-legacy) img.jaccs_logo_product{
    display: inline-block;
    margin: 0;
    height: 22px !important;
}


:where(.kl-legacy) form.jaccs_form{
    margin-left: 4px;
    display: inline-block;
}



:where(.kl-legacy) .Payment_info{
    padding: 20px 12px;
    border: 1px solid #d9d9d9;
}


:where(.kl-legacy) .Payment_info-logo{
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}


:where(.kl-legacy) .Payment_info-logo img{
    width: 32%;
}


:where(.kl-legacy) .Payment_info-logo img.amazonpay{
    margin-top: 6px;
}



:where(.kl-legacy) .smartpay-osm-product{
    margin-top: 15px !important;
    margin-bottom: 8px !important;
}


:where(.kl-legacy) .clubleon_info{
    align-items: center !important;
    display: flex !important;
/*     margin-top: 10px; */
/*     margin-bottom: 20px; */
    flex-wrap: wrap !important;
    font-size: 13px !important;
    line-height: 28px !important;
    width: auto !important;
}


:where(.kl-legacy) .clubleon_logo_product{
  height: 20px !important;
  margin: 0 2px 0 0 !important;
  padding: 0 !important;
}



@media screen and (max-width: 1008px) {

  :where(.kl-legacy) .image_desc{
    padding: 0 8px;
  }


}


:where(.kl-legacy) .image_desc{
  margin-top: 12px;
  text-align: center;
}



:where(.kl-legacy) a.Link.Link--underline.receipt-link{
    margin-left: 1rem;
}



:where(.kl-legacy) .kRBDLj p{
    margin-bottom: 6px !important;
}



:where(.kl-legacy) svg.Icon.Icon--twitter{
    height: 1.4em;
    width: 1.4em;
}




:where(.kl-legacy) #dd-product-recommendations-container a:hover{
    outline: 0;
    text-decoration: none !important;
}


:where(.kl-legacy) #dd-product-recommendations-container h2{
    font-size: calc(var(--base-text-font-size) -(var(--default-text-font-size) - 12px)) !important;
}


:where(.kl-legacy) #dd-product-recommendations-container .card-group > .card{
    margin-bottom: 0 !important;
    padding: 0 12px;
    width: 62%;
    vertical-align: top;
}





@media (min-width: 576px) {

    :where(.kl-legacy) #dd-product-recommendations-container .card-group{
        display: inline-block !important;
    }


}



@media screen and (min-width: 641px) {

    :where(.kl-legacy) #dd-product-recommendations-container h2{
        font-size: calc(var(--base-text-font-size) -(var(--default-text-font-size) - 13px)) !important;
    }


}



@media screen and (min-width: 641px) and (max-width: 1007px) {

    :where(.kl-legacy) #dd-product-recommendations-container .card-group > .card{
        width: 48% !important;
        padding: 0 15px;
    }


    :where(.kl-legacy) #dd-product-recommendations-container .card-group > .card:first-child{
        margin-left: 26%;
    }


}



@media screen and (max-width: 1007px) {

    :where(.kl-legacy) #dd-product-recommendations-container .card-group > .card{
        display: inline-block !important;
    }


}



@media screen and (min-width: 1008px) {

    :where(.kl-legacy) #dd-product-recommendations-container .ProductList--carousel{
        white-space: nowrap;
        /* overflow-x: auto; */
        /* overflow-y: hidden; */
        overflow: visible;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 30px;
        margin-bottom: -30px;
    }


    :where(.kl-legacy) #dd-product-recommendations-container .card-group > .card{
        display: inline-block !important;
        white-space: nowrap;
        width: 33.3333% !important;
        padding: 0 calc(var(--horizontal-spacing-four-products-per-row) / 2);
        margin-left: 0;
    }


}



@media screen and (min-width: 1140px) {

    :where(.kl-legacy) #dd-product-recommendations-container .card-group{
      display: flex !important;
    }

  
  :where(.kl-legacy) #dd-product-recommendations-container .card-group > .card{
      width: 25% !important;
    }


}



:where(.kl-legacy) .Rte table.membership_type{
    width: 100%; /* col-12 に相当 */
    max-width: 100%; /* col-12 に相当 */
    margin: 0 auto; /* 中央揃え */

    /* col-md-10 に相当 */
    @media (min-width: 768px) {
        max-width: 83.333333%;
    }

    /* col-lg-8 に相当 */
    @media (min-width: 992px) {
        max-width: 66.666667%;
    }
}


:where(.kl-legacy) .membership_type .table th, :where(.kl-legacy) .membership_type .table td{
    padding: 15px;
}


:where(.kl-legacy) .membership_type th{
  text-align: center;
  background: #000;
  border-right: 1px solid #e0e0e0;
}


:where(.kl-legacy) .table thead th:first-child + th, :where(.kl-legacy) .table thead th:first-child + th + th{
    border-top: 1px solid #e0e0e0;
}


:where(.kl-legacy) .membership_type td{
  border-right: 1px solid #e0e0e0;
}


:where(.kl-legacy) .membership_type th:first-child:empty{
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}


:where(.kl-legacy) .Rte table.membership_type tbody th:first-child{
  padding-right: 30px;
  padding-left: 30px;
  
  text-align: left !important;
  background: #000;
  border-left: 1px solid #e0e0e0;
  width: 40%;
}


@media (max-width: 768px) {

  :where(.kl-legacy) .Rte table.membership_type tbody th:first-child{
        padding-right: 20px;
        padding-left: 20px;
        width: 40%;
    }


}


@media (max-width: 576px) {

  :where(.kl-legacy) .Rte table.membership_type tbody th:first-child{
        padding-right: 10px;
        padding-left: 10px;
        width: 40%;
    }


}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) img.icon.sp_only{
    display: none;
  }


}


@media screen and (max-width: 640px) {

   :where(.kl-legacy) img.icon.pc_only{
    display: none;
  }


}



[id$="__16161288130123580a"] .SectionHeader:not(:only-child){
  margin-bottom: 20px;
}


@media screen and (min-width: 1008px) {

  [id$="__16161288130123580a"] .SectionHeader:not(:only-child){
    margin-bottom: 40px;
  }


}


:where(.kl-legacy) section#section-16161288130123580a{
  padding: 30px 0 50px;
}




:where(.kl-legacy) .swym-product-final-price.swym-value{
  color: #333 !important;
}


:where(.kl-legacy) .swym-wishlist-button-bar{
    margin-top: 30px;
    margin-bottom: 30px;
}


@media screen and (min-width: 641px) {

  :where(.kl-legacy) br.sp_only{
    display: none;
  }


}



@media screen and (min-width: 641px) {

  div[id$="__1644423354a1a1037e"] .FeatureText__Content{
    max-width: 460px;
  }


}



@media screen and (min-width: 641px) {

  div[id$="__16607270524006401c"] .FeatureText__Content{
    max-width: 960px;
    margin: 0 auto;
  }


}



@media screen and (min-width: 641px) {

  div[id$="__1664439064fc84cf59"] .FeatureText__Content{
    max-width: 960px;
    margin: 0 auto;
  }


}



:where(.kl-legacy) section#section-template--18262132818137__1663555559f6c4bb56{
    padding: 0;
    margin-top: 0;
  }



:where(.kl-legacy) .shopify-email-marketing-confirmation__container{
    margin-top: 3rem;
    margin-bottom: 3rem;
}



div[id$="__custom_liquid_b9rke8"]{
    border-top: none;
}



:where(.kl-legacy) div#unisize_tag{
    margin-top: 24px;
}


:where(.kl-legacy) div#unisize_1000{
    margin-top: 30px;
}


:where(.kl-legacy) .unisize-guide-link-container{
  margin-top: 6px;
  text-align: left;
}


@media (min-width: 768px) {

  :where(.kl-legacy) .unisize-guide-link-container{
    margin-top: 12px;
  }


}


:where(.kl-legacy) .unisize-guide-link{
  display: inline-block;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}


:where(.kl-legacy) .unisize_info{
  margin-top: 20px;
  font-weight: 500;
  font-size: 15px;
  color: #000;
  text-decoration: underline;
}


:where(.kl-legacy) .mb-80{
  margin-bottom: 80px !important;
}