@charset "UTF-8";
@font-face {
  font-family: Pretendard;
  font-weight: 900;
  font-display: swap;
  src:
    local("Pretendard Black"),
    url("../fonts/pretendard/woff2/Pretendard-Black.woff2") format("woff2"),
    url("../fonts/pretendard/woff/Pretendard-Black.woff") format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 800;
  font-display: swap;
  src:
    local("Pretendard ExtraBold"),
    url("../fonts/pretendard/woff2/Pretendard-ExtraBold.woff2") format("woff2"),
    url("../fonts/pretendard/woff/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 700;
  font-display: swap;
  src:
    local("Pretendard Bold"),
    url("../fonts/pretendard/woff2/Pretendard-Bold.woff2") format("woff2"),
    url("../fonts/pretendard/woff/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 600;
  font-display: swap;
  src:
    local("Pretendard SemiBold"),
    url("../fonts/pretendard/woff2/Pretendard-SemiBold.woff2") format("woff2"),
    url("../fonts/pretendard/woff/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 500;
  font-display: swap;
  src:
    local("Pretendard Medium"),
    url("../fonts/pretendard/woff2/Pretendard-Medium.woff2") format("woff2"),
    url("../fonts/pretendard/woff/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 400;
  font-display: swap;
  src:
    local("Pretendard Regular"),
    url("../fonts/pretendard/woff2/Pretendard-Regular.woff2") format("woff2"),
    url("../fonts/pretendard/woff/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 300;
  font-display: swap;
  src:
    local("Pretendard Light"),
    url("../fonts/pretendard/woff2/Pretendard-Light.woff2") format("woff2"),
    url("../fonts/pretendard/woff/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 200;
  font-display: swap;
  src:
    local("Pretendard ExtraLight"),
    url("../fonts/pretendard/woff2/Pretendard-ExtraLight.woff2") format("woff2"),
    url("../fonts/pretendard/woff/Pretendard-ExtraLight.woff") format("woff");
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
em {
  color: inherit;
}
button {
  border-radius: 0;
  border: none;
  text-decoration: none;
  background-color: transparent;
  padding: 0;
  color: inherit;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
hr {
  margin: 0;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.text-truncate,
.dropdown-window .hole-item-horizon .hole-text .text-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.back-text-ellipsis {
  white-space: normal !important;
  text-overflow: clip !important;
  overflow: visible !important;
  max-height: none !important;
  -webkit-line-clamp: none !important;
  -webkit-box-orient: horizontal !important;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem #00000026 !important;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem #00000013 !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem #0000002d !important;
}
.shadow-none {
  box-shadow: none !important;
}
.position-s {
  position: static !important;
}
.position-r {
  position: relative !important;
}
.position-a {
  position: absolute !important;
  z-index: 2;
}
.position-f {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-auto {
  top: auto !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.top-n100 {
  top: -100% !important;
}
.bottom-auto {
  bottom: auto !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-auto {
  left: auto !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-auto {
  right: auto !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translate(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: 0.2777777778vw solid #ddd !important;
}
.border.st-dimmed {
  border-color: #eee !important;
}
.border.st-primary {
  border-color: #006bff !important;
}
.border-0 {
  border: 0 !important;
}
.border-t {
  border-top: 0.2777777778vw solid #ddd !important;
}
.border-t.st-focus {
  border-color: #000 !important;
}
.border-t-0 {
  border-top: 0 !important;
}
.border-e {
  border-right: 0.2777777778vw solid #ddd !important;
}
.border-e.st-focus {
  border-color: #000 !important;
}
.border-e-0 {
  border-right: 0 !important;
}
.border-b {
  border-bottom: 0.2777777778vw solid #ddd !important;
}
.border-b.st-focus {
  border-color: #000 !important;
}
.border-b-0 {
  border-bottom: 0 !important;
}
.border-s {
  border-left: 0.2777777778vw solid #ddd !important;
}
.border-s.st-focus {
  border-color: #000 !important;
}
.border-s-0 {
  border-left: 0 !important;
}
.border-1 {
  border-width: 0.2777777778vw;
}
.border-2 {
  border-width: 0.5555555556vw;
}
.border-3 {
  border-width: 0.8333333333vw;
}
.border-4 {
  border-width: 1.1111111111vw;
}
.border-5 {
  border-width: 1.3888888889vw;
}
.w-30 {
  width: 8.3333333333vw !important;
}
.w-40 {
  width: 11.1111111111vw !important;
}
.w-45 {
  width: 12.5vw !important;
}
.w-56 {
  width: 15.5555555556vw !important;
}
.w-60 {
  width: 16.6666666667vw !important;
}
.w-62 {
  width: 17.2222222222vw !important;
}
.w-67 {
  width: 18.6111111111vw !important;
}
.w-70 {
  width: 19.4444444444vw !important;
}
.w-72 {
  width: 20vw !important;
}
.w-80 {
  width: 22.2222222222vw !important;
}
.w-100 {
  width: 27.7777777778vw !important;
}
.w-155 {
  width: 43.0555555556vw !important;
}
.w-230 {
  width: 63.8888888889vw !important;
}
.w-320 {
  width: 88.8888888889vw !important;
}
.w-per-25 {
  width: 25% !important;
}
.w-per-50 {
  width: 50% !important;
}
.w-per-75 {
  width: 75% !important;
}
.w-per-100 {
  width: 100% !important;
}
.min-w-60 {
  min-width: 16.6666666667vw !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-0 {
  min-width: 0 !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-fix-30 {
  height: 8.3333333333vw !important;
}
.h-fix-40 {
  height: 11.1111111111vw !important;
}
.h-fix-160 {
  height: 44.4444444444vw !important;
}
.h-fix-240 {
  height: 66.6666666667vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-50 {
  height: 50vh !important;
}
.vh-75 {
  height: 75vh !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-5 {
  min-height: 5vh !important;
}
.max-vh-5 {
  max-height: 5vh !important;
}
.min-vh-10 {
  min-height: 10vh !important;
}
.max-vh-10 {
  max-height: 10vh !important;
}
.min-vh-15 {
  min-height: 15vh !important;
}
.max-vh-15 {
  max-height: 15vh !important;
}
.min-vh-20 {
  min-height: 20vh !important;
}
.max-vh-20 {
  max-height: 20vh !important;
}
.min-vh-25 {
  min-height: 25vh !important;
}
.max-vh-25 {
  max-height: 25vh !important;
}
.min-vh-30 {
  min-height: 30vh !important;
}
.max-vh-30 {
  max-height: 30vh !important;
}
.min-vh-35 {
  min-height: 35vh !important;
}
.max-vh-35 {
  max-height: 35vh !important;
}
.min-vh-40 {
  min-height: 40vh !important;
}
.max-vh-40 {
  max-height: 40vh !important;
}
.min-vh-45 {
  min-height: 45vh !important;
}
.max-vh-45 {
  max-height: 45vh !important;
}
.min-vh-50 {
  min-height: 50vh !important;
}
.max-vh-50 {
  max-height: 50vh !important;
}
.min-vh-55 {
  min-height: 55vh !important;
}
.max-vh-55 {
  max-height: 55vh !important;
}
.min-vh-60 {
  min-height: 60vh !important;
}
.max-vh-60 {
  max-height: 60vh !important;
}
.min-vh-65 {
  min-height: 65vh !important;
}
.max-vh-65 {
  max-height: 65vh !important;
}
.min-vh-70 {
  min-height: 70vh !important;
}
.max-vh-70 {
  max-height: 70vh !important;
}
.min-vh-75 {
  min-height: 75vh !important;
}
.max-vh-75 {
  max-height: 75vh !important;
}
.min-vh-80 {
  min-height: 80vh !important;
}
.max-vh-80 {
  max-height: 80vh !important;
}
.min-vh-85 {
  min-height: 85vh !important;
}
.max-vh-85 {
  max-height: 85vh !important;
}
.min-vh-90 {
  min-height: 90vh !important;
}
.max-vh-90 {
  max-height: 90vh !important;
}
.min-vh-95 {
  min-height: 95vh !important;
}
.max-vh-95 {
  max-height: 95vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.max-vh-100 {
  max-height: 100vh !important;
}
.contents-vh-100 {
  height: calc(100vh - 36.1111111111vw) !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-1 {
  flex: 1 1 0 !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.box-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.mt-0 {
  margin-top: 0 !important;
}
.me-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.m-2 {
  margin: 0.5555555556vw !important;
}
.mt-2 {
  margin-top: 0.5555555556vw !important;
}
.mt-n2 {
  margin-top: -0.5555555556vw !important;
}
.mb-2 {
  margin-bottom: 0.5555555556vw !important;
}
.mb-n2 {
  margin-bottom: -0.5555555556vw !important;
}
.ms-2 {
  margin-left: 0.5555555556vw !important;
}
.ms-n2 {
  margin-left: -0.5555555556vw !important;
}
.me-2 {
  margin-right: 0.5555555556vw !important;
}
.me-n2 {
  margin-right: -0.5555555556vw !important;
}
.mx-2 {
  margin-left: 0.5555555556vw !important;
  margin-right: 0.5555555556vw !important;
}
.mx-3 {
  margin-left: 0.8333333333vw !important;
  margin-right: 0.8333333333vw !important;
}
.my-2 {
  margin-top: 0.5555555556vw !important;
  margin-bottom: 0.5555555556vw !important;
}
.p-2 {
  padding: 0.5555555556vw !important;
}
.m-4 {
  margin: 1.1111111111vw !important;
}
.mt-4 {
  margin-top: 1.1111111111vw !important;
}
.mt-n4 {
  margin-top: -1.1111111111vw !important;
}
.mb-4 {
  margin-bottom: 1.1111111111vw !important;
}
.mb-n4 {
  margin-bottom: -1.1111111111vw !important;
}
.ms-4 {
  margin-left: 1.1111111111vw !important;
}
.ms-n4 {
  margin-left: -1.1111111111vw !important;
}
.me-4 {
  margin-right: 1.1111111111vw !important;
}
.me-n4 {
  margin-right: -1.1111111111vw !important;
}
.mx-4 {
  margin-left: 1.1111111111vw !important;
  margin-right: 1.1111111111vw !important;
}
.my-4 {
  margin-top: 1.1111111111vw !important;
  margin-bottom: 1.1111111111vw !important;
}
.p-4 {
  padding: 1.1111111111vw !important;
}
.m-6 {
  margin: 1.6666666667vw !important;
}
.mt-6 {
  margin-top: 1.6666666667vw !important;
}
.mt-n6 {
  margin-top: -1.6666666667vw !important;
}
.mb-6 {
  margin-bottom: 1.6666666667vw !important;
}
.mb-n6 {
  margin-bottom: -1.6666666667vw !important;
}
.ms-6 {
  margin-left: 1.6666666667vw !important;
}
.ms-n6 {
  margin-left: -1.6666666667vw !important;
}
.me-6 {
  margin-right: 1.6666666667vw !important;
}
.me-n6 {
  margin-right: -1.6666666667vw !important;
}
.mx-6 {
  margin-left: 1.6666666667vw !important;
  margin-right: 1.6666666667vw !important;
}
.mx-9 {
  margin-left: 2.5vw !important;
  margin-right: 2.5vw !important;
}
.my-6 {
  margin-top: 1.6666666667vw !important;
  margin-bottom: 1.6666666667vw !important;
}
.p-6 {
  padding: 1.6666666667vw !important;
}
.mt-24 {
  margin-top: 6.6666666667vw !important;
}
.m-8 {
  margin: 2.2222222222vw !important;
}
.mt-8 {
  margin-top: 2.2222222222vw !important;
}
.mt-n8 {
  margin-top: -2.2222222222vw !important;
}
.mb-8 {
  margin-bottom: 2.2222222222vw !important;
}
.mb-n8 {
  margin-bottom: -2.2222222222vw !important;
}
.ms-8 {
  margin-left: 2.2222222222vw !important;
}
.ms-n8 {
  margin-left: -2.2222222222vw !important;
}
.me-8 {
  margin-right: 2.2222222222vw !important;
}
.me-n8 {
  margin-right: -2.2222222222vw !important;
}
.mx-8 {
  margin-left: 2.2222222222vw !important;
  margin-right: 2.2222222222vw !important;
}
.my-8 {
  margin-top: 2.2222222222vw !important;
  margin-bottom: 2.2222222222vw !important;
}
.p-8 {
  padding: 2.2222222222vw !important;
}
.mt-32 {
  margin-top: 8.8888888889vw !important;
}
.m-12 {
  margin: 3.3333333333vw !important;
}
.mt-12 {
  margin-top: 3.3333333333vw !important;
}
.mt-n12 {
  margin-top: -3.3333333333vw !important;
}
.mb-12 {
  margin-bottom: 3.3333333333vw !important;
}
.mb-n12 {
  margin-bottom: -3.3333333333vw !important;
}
.ms-12 {
  margin-left: 3.3333333333vw !important;
}
.ms-n12 {
  margin-left: -3.3333333333vw !important;
}
.me-12 {
  margin-right: 3.3333333333vw !important;
}
.me-n12 {
  margin-right: -3.3333333333vw !important;
}
.mx-12 {
  margin-left: 3.3333333333vw !important;
  margin-right: 3.3333333333vw !important;
}
.mx-18 {
  margin-left: 5vw !important;
  margin-right: 5vw !important;
}
.my-12 {
  margin-top: 3.3333333333vw !important;
  margin-bottom: 3.3333333333vw !important;
}
.p-12 {
  padding: 3.3333333333vw !important;
}
.mt-48 {
  margin-top: 13.3333333333vw !important;
}
.m-14 {
  margin: 3.8888888889vw !important;
}
.mt-14 {
  margin-top: 3.8888888889vw !important;
}
.mt-n14 {
  margin-top: -3.8888888889vw !important;
}
.mb-14 {
  margin-bottom: 3.8888888889vw !important;
}
.mb-n14 {
  margin-bottom: -3.8888888889vw !important;
}
.ms-14 {
  margin-left: 3.8888888889vw !important;
}
.ms-n14 {
  margin-left: -3.8888888889vw !important;
}
.me-14 {
  margin-right: 3.8888888889vw !important;
}
.me-n14 {
  margin-right: -3.8888888889vw !important;
}
.mx-14 {
  margin-left: 3.8888888889vw !important;
  margin-right: 3.8888888889vw !important;
}
.mx-21 {
  margin-left: 5.8333333333vw !important;
  margin-right: 5.8333333333vw !important;
}
.my-14 {
  margin-top: 3.8888888889vw !important;
  margin-bottom: 3.8888888889vw !important;
}
.p-14 {
  padding: 3.8888888889vw !important;
}
.mt-56 {
  margin-top: 15.5555555556vw !important;
}
.m-16 {
  margin: 4.4444444444vw !important;
}
.mt-16 {
  margin-top: 4.4444444444vw !important;
}
.mt-n16 {
  margin-top: -4.4444444444vw !important;
}
.mb-16 {
  margin-bottom: 4.4444444444vw !important;
}
.mb-n16 {
  margin-bottom: -4.4444444444vw !important;
}
.ms-16 {
  margin-left: 4.4444444444vw !important;
}
.ms-n16 {
  margin-left: -4.4444444444vw !important;
}
.me-16 {
  margin-right: 4.4444444444vw !important;
}
.me-n16 {
  margin-right: -4.4444444444vw !important;
}
.mx-16 {
  margin-left: 4.4444444444vw !important;
  margin-right: 4.4444444444vw !important;
}
.mx-24 {
  margin-left: 6.6666666667vw !important;
  margin-right: 6.6666666667vw !important;
}
.my-16 {
  margin-top: 4.4444444444vw !important;
  margin-bottom: 4.4444444444vw !important;
}
.p-16 {
  padding: 4.4444444444vw !important;
}
.mt-64 {
  margin-top: 17.7777777778vw !important;
}
.m-5 {
  margin: 1.3888888889vw !important;
}
.mt-n5 {
  margin-top: -1.3888888889vw !important;
}
.mt-5 {
  margin-top: 1.3888888889vw !important;
}
.mb-5 {
  margin-bottom: 1.3888888889vw !important;
}
.mb-n5 {
  margin-bottom: -1.3888888889vw !important;
}
.ms-5 {
  margin-left: 1.3888888889vw !important;
}
.ms-n5 {
  margin-left: -1.3888888889vw !important;
}
.me-5 {
  margin-right: 1.3888888889vw !important;
}
.me-n5 {
  margin-right: -1.3888888889vw !important;
}
.mx-5 {
  margin-left: 1.3888888889vw !important;
  margin-right: 1.3888888889vw !important;
}
.my-5 {
  margin-top: 1.3888888889vw !important;
  margin-bottom: 1.3888888889vw !important;
}
.my-n5 {
  margin-top: -1.3888888889vw !important;
  margin-bottom: -1.3888888889vw !important;
}
.p-5 {
  padding: 1.3888888889vw !important;
}
.pt-7 {
  padding-top: 1.9444444444vw !important;
}
.pt-5 {
  padding-top: 1.3888888889vw !important;
}
.pe-5 {
  padding-right: 1.3888888889vw !important;
}
.pb-5 {
  padding-bottom: 1.3888888889vw !important;
}
.pb-8 {
  padding-bottom: 2.2222222222vw !important;
}
.ps-5 {
  padding-left: 1.3888888889vw !important;
}
.px-5 {
  padding-left: 1.3888888889vw !important;
  padding-right: 1.3888888889vw !important;
}
.py-5 {
  padding-top: 1.3888888889vw !important;
  padding-bottom: 1.3888888889vw !important;
}
.m-10 {
  margin: 2.7777777778vw !important;
}
.mt-n10 {
  margin-top: -2.7777777778vw !important;
}
.mt-10 {
  margin-top: 2.7777777778vw !important;
}
.mb-10 {
  margin-bottom: 2.7777777778vw !important;
}
.mb-n10 {
  margin-bottom: -2.7777777778vw !important;
}
.ms-10 {
  margin-left: 2.7777777778vw !important;
}
.ms-n10 {
  margin-left: -2.7777777778vw !important;
}
.me-10 {
  margin-right: 2.7777777778vw !important;
}
.me-n10 {
  margin-right: -2.7777777778vw !important;
}
.mx-10 {
  margin-left: 2.7777777778vw !important;
  margin-right: 2.7777777778vw !important;
}
.my-10 {
  margin-top: 2.7777777778vw !important;
  margin-bottom: 2.7777777778vw !important;
}
.my-n10 {
  margin-top: -2.7777777778vw !important;
  margin-bottom: -2.7777777778vw !important;
}
.p-10 {
  padding: 2.7777777778vw !important;
}
.pt-14 {
  padding-top: 3.8888888889vw !important;
}
.pt-10 {
  padding-top: 2.7777777778vw !important;
}
.pe-10 {
  padding-right: 2.7777777778vw !important;
}
.pb-10 {
  padding-bottom: 2.7777777778vw !important;
}
.pb-16 {
  padding-bottom: 4.4444444444vw !important;
}
.ps-10 {
  padding-left: 2.7777777778vw !important;
}
.px-10 {
  padding-left: 2.7777777778vw !important;
  padding-right: 2.7777777778vw !important;
}
.py-10 {
  padding-top: 2.7777777778vw !important;
  padding-bottom: 2.7777777778vw !important;
}
.m-15 {
  margin: 4.1666666667vw !important;
}
.mt-n15 {
  margin-top: -4.1666666667vw !important;
}
.mt-15 {
  margin-top: 4.1666666667vw !important;
}
.mb-15 {
  margin-bottom: 4.1666666667vw !important;
}
.mb-n15 {
  margin-bottom: -4.1666666667vw !important;
}
.ms-15 {
  margin-left: 4.1666666667vw !important;
}
.ms-n15 {
  margin-left: -4.1666666667vw !important;
}
.me-15 {
  margin-right: 4.1666666667vw !important;
}
.me-n15 {
  margin-right: -4.1666666667vw !important;
}
.mx-15 {
  margin-left: 4.1666666667vw !important;
  margin-right: 4.1666666667vw !important;
}
.my-15 {
  margin-top: 4.1666666667vw !important;
  margin-bottom: 4.1666666667vw !important;
}
.my-n15 {
  margin-top: -4.1666666667vw !important;
  margin-bottom: -4.1666666667vw !important;
}
.p-15 {
  padding: 4.1666666667vw !important;
}
.pt-21 {
  padding-top: 5.8333333333vw !important;
}
.pt-15 {
  padding-top: 4.1666666667vw !important;
}
.pe-15 {
  padding-right: 4.1666666667vw !important;
}
.pb-15 {
  padding-bottom: 4.1666666667vw !important;
}
.pb-24 {
  padding-bottom: 6.6666666667vw !important;
}
.ps-15 {
  padding-left: 4.1666666667vw !important;
}
.px-15 {
  padding-left: 4.1666666667vw !important;
  padding-right: 4.1666666667vw !important;
}
.py-15 {
  padding-top: 4.1666666667vw !important;
  padding-bottom: 4.1666666667vw !important;
}
.m-20 {
  margin: 5.5555555556vw !important;
}
.mt-n20 {
  margin-top: -5.5555555556vw !important;
}
.mt-20 {
  margin-top: 5.5555555556vw !important;
}
.mb-20 {
  margin-bottom: 5.5555555556vw !important;
}
.mb-n20 {
  margin-bottom: -5.5555555556vw !important;
}
.ms-20 {
  margin-left: 5.5555555556vw !important;
}
.ms-n20 {
  margin-left: -5.5555555556vw !important;
}
.me-20 {
  margin-right: 5.5555555556vw !important;
}
.me-n20 {
  margin-right: -5.5555555556vw !important;
}
.mx-20 {
  margin-left: 5.5555555556vw !important;
  margin-right: 5.5555555556vw !important;
}
.my-20 {
  margin-top: 5.5555555556vw !important;
  margin-bottom: 5.5555555556vw !important;
}
.my-n20 {
  margin-top: -5.5555555556vw !important;
  margin-bottom: -5.5555555556vw !important;
}
.p-20 {
  padding: 5.5555555556vw !important;
}
.pt-28 {
  padding-top: 7.7777777778vw !important;
}
.pt-20 {
  padding-top: 5.5555555556vw !important;
}
.pe-20 {
  padding-right: 5.5555555556vw !important;
}
.pb-20 {
  padding-bottom: 5.5555555556vw !important;
}
.pb-32 {
  padding-bottom: 8.8888888889vw !important;
}
.ps-20 {
  padding-left: 5.5555555556vw !important;
}
.px-20 {
  padding-left: 5.5555555556vw !important;
  padding-right: 5.5555555556vw !important;
}
.py-20 {
  padding-top: 5.5555555556vw !important;
  padding-bottom: 5.5555555556vw !important;
}
.m-25 {
  margin: 6.9444444444vw !important;
}
.mt-n25 {
  margin-top: -6.9444444444vw !important;
}
.mt-25 {
  margin-top: 6.9444444444vw !important;
}
.mb-25 {
  margin-bottom: 6.9444444444vw !important;
}
.mb-n25 {
  margin-bottom: -6.9444444444vw !important;
}
.ms-25 {
  margin-left: 6.9444444444vw !important;
}
.ms-n25 {
  margin-left: -6.9444444444vw !important;
}
.me-25 {
  margin-right: 6.9444444444vw !important;
}
.me-n25 {
  margin-right: -6.9444444444vw !important;
}
.mx-25 {
  margin-left: 6.9444444444vw !important;
  margin-right: 6.9444444444vw !important;
}
.my-25 {
  margin-top: 6.9444444444vw !important;
  margin-bottom: 6.9444444444vw !important;
}
.my-n25 {
  margin-top: -6.9444444444vw !important;
  margin-bottom: -6.9444444444vw !important;
}
.p-25 {
  padding: 6.9444444444vw !important;
}
.pt-25 {
  padding-top: 6.9444444444vw !important;
}
.pe-25 {
  padding-right: 6.9444444444vw !important;
}
.pb-25 {
  padding-bottom: 6.9444444444vw !important;
}
.ps-25 {
  padding-left: 6.9444444444vw !important;
}
.px-25 {
  padding-left: 6.9444444444vw !important;
  padding-right: 6.9444444444vw !important;
}
.py-25 {
  padding-top: 6.9444444444vw !important;
  padding-bottom: 6.9444444444vw !important;
}
.m-30 {
  margin: 8.3333333333vw !important;
}
.mt-n30 {
  margin-top: -8.3333333333vw !important;
}
.mt-30 {
  margin-top: 8.3333333333vw !important;
}
.mb-30 {
  margin-bottom: 8.3333333333vw !important;
}
.mb-n30 {
  margin-bottom: -8.3333333333vw !important;
}
.ms-30 {
  margin-left: 8.3333333333vw !important;
}
.ms-n30 {
  margin-left: -8.3333333333vw !important;
}
.me-30 {
  margin-right: 8.3333333333vw !important;
}
.me-n30 {
  margin-right: -8.3333333333vw !important;
}
.mx-30 {
  margin-left: 8.3333333333vw !important;
  margin-right: 8.3333333333vw !important;
}
.my-30 {
  margin-top: 8.3333333333vw !important;
  margin-bottom: 8.3333333333vw !important;
}
.my-n30 {
  margin-top: -8.3333333333vw !important;
  margin-bottom: -8.3333333333vw !important;
}
.p-30 {
  padding: 8.3333333333vw !important;
}
.pt-42 {
  padding-top: 11.6666666667vw !important;
}
.pt-30 {
  padding-top: 8.3333333333vw !important;
}
.pe-30 {
  padding-right: 8.3333333333vw !important;
}
.pb-30 {
  padding-bottom: 8.3333333333vw !important;
}
.pb-48 {
  padding-bottom: 13.3333333333vw !important;
}
.ps-30 {
  padding-left: 8.3333333333vw !important;
}
.px-30 {
  padding-left: 8.3333333333vw !important;
  padding-right: 8.3333333333vw !important;
}
.py-30 {
  padding-top: 8.3333333333vw !important;
  padding-bottom: 8.3333333333vw !important;
}
.m-35 {
  margin: 9.7222222222vw !important;
}
.mt-n35 {
  margin-top: -9.7222222222vw !important;
}
.mt-35 {
  margin-top: 9.7222222222vw !important;
}
.mb-35 {
  margin-bottom: 9.7222222222vw !important;
}
.mb-n35 {
  margin-bottom: -9.7222222222vw !important;
}
.ms-35 {
  margin-left: 9.7222222222vw !important;
}
.ms-n35 {
  margin-left: -9.7222222222vw !important;
}
.me-35 {
  margin-right: 9.7222222222vw !important;
}
.me-n35 {
  margin-right: -9.7222222222vw !important;
}
.mx-35 {
  margin-left: 9.7222222222vw !important;
  margin-right: 9.7222222222vw !important;
}
.my-35 {
  margin-top: 9.7222222222vw !important;
  margin-bottom: 9.7222222222vw !important;
}
.my-n35 {
  margin-top: -9.7222222222vw !important;
  margin-bottom: -9.7222222222vw !important;
}
.p-35 {
  padding: 9.7222222222vw !important;
}
.pt-49 {
  padding-top: 13.6111111111vw !important;
}
.pt-35 {
  padding-top: 9.7222222222vw !important;
}
.pe-35 {
  padding-right: 9.7222222222vw !important;
}
.pb-35 {
  padding-bottom: 9.7222222222vw !important;
}
.pb-56 {
  padding-bottom: 15.5555555556vw !important;
}
.ps-35 {
  padding-left: 9.7222222222vw !important;
}
.px-35 {
  padding-left: 9.7222222222vw !important;
  padding-right: 9.7222222222vw !important;
}
.py-35 {
  padding-top: 9.7222222222vw !important;
  padding-bottom: 9.7222222222vw !important;
}
.m-40 {
  margin: 11.1111111111vw !important;
}
.mt-n40 {
  margin-top: -11.1111111111vw !important;
}
.mt-40 {
  margin-top: 11.1111111111vw !important;
}
.mb-40 {
  margin-bottom: 11.1111111111vw !important;
}
.mb-n40 {
  margin-bottom: -11.1111111111vw !important;
}
.ms-40 {
  margin-left: 11.1111111111vw !important;
}
.ms-n40 {
  margin-left: -11.1111111111vw !important;
}
.me-40 {
  margin-right: 11.1111111111vw !important;
}
.me-n40 {
  margin-right: -11.1111111111vw !important;
}
.mx-40 {
  margin-left: 11.1111111111vw !important;
  margin-right: 11.1111111111vw !important;
}
.my-40 {
  margin-top: 11.1111111111vw !important;
  margin-bottom: 11.1111111111vw !important;
}
.my-n40 {
  margin-top: -11.1111111111vw !important;
  margin-bottom: -11.1111111111vw !important;
}
.p-40 {
  padding: 11.1111111111vw !important;
}
.pt-56 {
  padding-top: 15.5555555556vw !important;
}
.pt-40 {
  padding-top: 11.1111111111vw !important;
}
.pe-40 {
  padding-right: 11.1111111111vw !important;
}
.pb-40 {
  padding-bottom: 11.1111111111vw !important;
}
.pb-64 {
  padding-bottom: 17.7777777778vw !important;
}
.ps-40 {
  padding-left: 11.1111111111vw !important;
}
.px-40 {
  padding-left: 11.1111111111vw !important;
  padding-right: 11.1111111111vw !important;
}
.py-40 {
  padding-top: 11.1111111111vw !important;
  padding-bottom: 11.1111111111vw !important;
}
.m-45 {
  margin: 12.5vw !important;
}
.mt-n45 {
  margin-top: -12.5vw !important;
}
.mt-45 {
  margin-top: 12.5vw !important;
}
.mb-45 {
  margin-bottom: 12.5vw !important;
}
.mb-n45 {
  margin-bottom: -12.5vw !important;
}
.ms-45 {
  margin-left: 12.5vw !important;
}
.ms-n45 {
  margin-left: -12.5vw !important;
}
.me-45 {
  margin-right: 12.5vw !important;
}
.me-n45 {
  margin-right: -12.5vw !important;
}
.mx-45 {
  margin-left: 12.5vw !important;
  margin-right: 12.5vw !important;
}
.my-45 {
  margin-top: 12.5vw !important;
  margin-bottom: 12.5vw !important;
}
.my-n45 {
  margin-top: -12.5vw !important;
  margin-bottom: -12.5vw !important;
}
.p-45 {
  padding: 12.5vw !important;
}
.pt-63 {
  padding-top: 17.5vw !important;
}
.pt-45 {
  padding-top: 12.5vw !important;
}
.pe-45 {
  padding-right: 12.5vw !important;
}
.pb-45 {
  padding-bottom: 12.5vw !important;
}
.pb-72 {
  padding-bottom: 20vw !important;
}
.ps-45 {
  padding-left: 12.5vw !important;
}
.px-45 {
  padding-left: 12.5vw !important;
  padding-right: 12.5vw !important;
}
.py-45 {
  padding-top: 12.5vw !important;
  padding-bottom: 12.5vw !important;
}
.m-50 {
  margin: 13.8888888889vw !important;
}
.mt-n50 {
  margin-top: -13.8888888889vw !important;
}
.mt-50 {
  margin-top: 13.8888888889vw !important;
}
.mb-50 {
  margin-bottom: 13.8888888889vw !important;
}
.mb-n50 {
  margin-bottom: -13.8888888889vw !important;
}
.ms-50 {
  margin-left: 13.8888888889vw !important;
}
.ms-n50 {
  margin-left: -13.8888888889vw !important;
}
.me-50 {
  margin-right: 13.8888888889vw !important;
}
.me-n50 {
  margin-right: -13.8888888889vw !important;
}
.mx-50 {
  margin-left: 13.8888888889vw !important;
  margin-right: 13.8888888889vw !important;
}
.my-50 {
  margin-top: 13.8888888889vw !important;
  margin-bottom: 13.8888888889vw !important;
}
.my-n50 {
  margin-top: -13.8888888889vw !important;
  margin-bottom: -13.8888888889vw !important;
}
.p-50 {
  padding: 13.8888888889vw !important;
}
.pt-50 {
  padding-top: 13.8888888889vw !important;
}
.pe-50 {
  padding-right: 13.8888888889vw !important;
}
.pb-50 {
  padding-bottom: 13.8888888889vw !important;
}
.ps-50 {
  padding-left: 13.8888888889vw !important;
}
.px-50 {
  padding-left: 13.8888888889vw !important;
  padding-right: 13.8888888889vw !important;
}
.py-50 {
  padding-top: 13.8888888889vw !important;
  padding-bottom: 13.8888888889vw !important;
}
.m-55 {
  margin: 15.2777777778vw !important;
}
.mt-n55 {
  margin-top: -15.2777777778vw !important;
}
.mt-55 {
  margin-top: 15.2777777778vw !important;
}
.mb-55 {
  margin-bottom: 15.2777777778vw !important;
}
.mb-n55 {
  margin-bottom: -15.2777777778vw !important;
}
.ms-55 {
  margin-left: 15.2777777778vw !important;
}
.ms-n55 {
  margin-left: -15.2777777778vw !important;
}
.me-55 {
  margin-right: 15.2777777778vw !important;
}
.me-n55 {
  margin-right: -15.2777777778vw !important;
}
.mx-55 {
  margin-left: 15.2777777778vw !important;
  margin-right: 15.2777777778vw !important;
}
.my-55 {
  margin-top: 15.2777777778vw !important;
  margin-bottom: 15.2777777778vw !important;
}
.my-n55 {
  margin-top: -15.2777777778vw !important;
  margin-bottom: -15.2777777778vw !important;
}
.p-55 {
  padding: 15.2777777778vw !important;
}
.pt-77 {
  padding-top: 21.3888888889vw !important;
}
.pt-55 {
  padding-top: 15.2777777778vw !important;
}
.pe-55 {
  padding-right: 15.2777777778vw !important;
}
.pb-55 {
  padding-bottom: 15.2777777778vw !important;
}
.pb-88 {
  padding-bottom: 24.4444444444vw !important;
}
.ps-55 {
  padding-left: 15.2777777778vw !important;
}
.px-55 {
  padding-left: 15.2777777778vw !important;
  padding-right: 15.2777777778vw !important;
}
.py-55 {
  padding-top: 15.2777777778vw !important;
  padding-bottom: 15.2777777778vw !important;
}
.m-60 {
  margin: 16.6666666667vw !important;
}
.mt-n60 {
  margin-top: -16.6666666667vw !important;
}
.mt-60 {
  margin-top: 16.6666666667vw !important;
}
.mb-60 {
  margin-bottom: 16.6666666667vw !important;
}
.mb-n60 {
  margin-bottom: -16.6666666667vw !important;
}
.ms-60 {
  margin-left: 16.6666666667vw !important;
}
.ms-n60 {
  margin-left: -16.6666666667vw !important;
}
.me-60 {
  margin-right: 16.6666666667vw !important;
}
.me-n60 {
  margin-right: -16.6666666667vw !important;
}
.mx-60 {
  margin-left: 16.6666666667vw !important;
  margin-right: 16.6666666667vw !important;
}
.my-60 {
  margin-top: 16.6666666667vw !important;
  margin-bottom: 16.6666666667vw !important;
}
.my-n60 {
  margin-top: -16.6666666667vw !important;
  margin-bottom: -16.6666666667vw !important;
}
.p-60 {
  padding: 16.6666666667vw !important;
}
.pt-84 {
  padding-top: 23.3333333333vw !important;
}
.pt-60 {
  padding-top: 16.6666666667vw !important;
}
.pe-60 {
  padding-right: 16.6666666667vw !important;
}
.pb-60 {
  padding-bottom: 16.6666666667vw !important;
}
.pb-96 {
  padding-bottom: 26.6666666667vw !important;
}
.ps-60 {
  padding-left: 16.6666666667vw !important;
}
.px-60 {
  padding-left: 16.6666666667vw !important;
  padding-right: 16.6666666667vw !important;
}
.py-60 {
  padding-top: 16.6666666667vw !important;
  padding-bottom: 16.6666666667vw !important;
}
.m-65 {
  margin: 18.0555555556vw !important;
}
.mt-n65 {
  margin-top: -18.0555555556vw !important;
}
.mt-65 {
  margin-top: 18.0555555556vw !important;
}
.mb-65 {
  margin-bottom: 18.0555555556vw !important;
}
.mb-n65 {
  margin-bottom: -18.0555555556vw !important;
}
.ms-65 {
  margin-left: 18.0555555556vw !important;
}
.ms-n65 {
  margin-left: -18.0555555556vw !important;
}
.me-65 {
  margin-right: 18.0555555556vw !important;
}
.me-n65 {
  margin-right: -18.0555555556vw !important;
}
.mx-65 {
  margin-left: 18.0555555556vw !important;
  margin-right: 18.0555555556vw !important;
}
.my-65 {
  margin-top: 18.0555555556vw !important;
  margin-bottom: 18.0555555556vw !important;
}
.my-n65 {
  margin-top: -18.0555555556vw !important;
  margin-bottom: -18.0555555556vw !important;
}
.p-65 {
  padding: 18.0555555556vw !important;
}
.pt-91 {
  padding-top: 25.2777777778vw !important;
}
.pt-65 {
  padding-top: 18.0555555556vw !important;
}
.pe-65 {
  padding-right: 18.0555555556vw !important;
}
.pb-65 {
  padding-bottom: 18.0555555556vw !important;
}
.pb-104 {
  padding-bottom: 28.8888888889vw !important;
}
.ps-65 {
  padding-left: 18.0555555556vw !important;
}
.px-65 {
  padding-left: 18.0555555556vw !important;
  padding-right: 18.0555555556vw !important;
}
.py-65 {
  padding-top: 18.0555555556vw !important;
  padding-bottom: 18.0555555556vw !important;
}
.m-70 {
  margin: 19.4444444444vw !important;
}
.mt-n70 {
  margin-top: -19.4444444444vw !important;
}
.mt-70 {
  margin-top: 19.4444444444vw !important;
}
.mb-70 {
  margin-bottom: 19.4444444444vw !important;
}
.mb-n70 {
  margin-bottom: -19.4444444444vw !important;
}
.ms-70 {
  margin-left: 19.4444444444vw !important;
}
.ms-n70 {
  margin-left: -19.4444444444vw !important;
}
.me-70 {
  margin-right: 19.4444444444vw !important;
}
.me-n70 {
  margin-right: -19.4444444444vw !important;
}
.mx-70 {
  margin-left: 19.4444444444vw !important;
  margin-right: 19.4444444444vw !important;
}
.my-70 {
  margin-top: 19.4444444444vw !important;
  margin-bottom: 19.4444444444vw !important;
}
.my-n70 {
  margin-top: -19.4444444444vw !important;
  margin-bottom: -19.4444444444vw !important;
}
.p-70 {
  padding: 19.4444444444vw !important;
}
.pt-98 {
  padding-top: 27.2222222222vw !important;
}
.pt-70 {
  padding-top: 19.4444444444vw !important;
}
.pe-70 {
  padding-right: 19.4444444444vw !important;
}
.pb-70 {
  padding-bottom: 19.4444444444vw !important;
}
.pb-112 {
  padding-bottom: 31.1111111111vw !important;
}
.ps-70 {
  padding-left: 19.4444444444vw !important;
}
.px-70 {
  padding-left: 19.4444444444vw !important;
  padding-right: 19.4444444444vw !important;
}
.py-70 {
  padding-top: 19.4444444444vw !important;
  padding-bottom: 19.4444444444vw !important;
}
.m-75 {
  margin: 20.8333333333vw !important;
}
.mt-n75 {
  margin-top: -20.8333333333vw !important;
}
.mt-75 {
  margin-top: 20.8333333333vw !important;
}
.mb-75 {
  margin-bottom: 20.8333333333vw !important;
}
.mb-n75 {
  margin-bottom: -20.8333333333vw !important;
}
.ms-75 {
  margin-left: 20.8333333333vw !important;
}
.ms-n75 {
  margin-left: -20.8333333333vw !important;
}
.me-75 {
  margin-right: 20.8333333333vw !important;
}
.me-n75 {
  margin-right: -20.8333333333vw !important;
}
.mx-75 {
  margin-left: 20.8333333333vw !important;
  margin-right: 20.8333333333vw !important;
}
.my-75 {
  margin-top: 20.8333333333vw !important;
  margin-bottom: 20.8333333333vw !important;
}
.my-n75 {
  margin-top: -20.8333333333vw !important;
  margin-bottom: -20.8333333333vw !important;
}
.p-75 {
  padding: 20.8333333333vw !important;
}
.pt-75 {
  padding-top: 20.8333333333vw !important;
}
.pe-75 {
  padding-right: 20.8333333333vw !important;
}
.pb-75 {
  padding-bottom: 20.8333333333vw !important;
}
.ps-75 {
  padding-left: 20.8333333333vw !important;
}
.px-75 {
  padding-left: 20.8333333333vw !important;
  padding-right: 20.8333333333vw !important;
}
.py-75 {
  padding-top: 20.8333333333vw !important;
  padding-bottom: 20.8333333333vw !important;
}
.m-80 {
  margin: 22.2222222222vw !important;
}
.mt-n80 {
  margin-top: -22.2222222222vw !important;
}
.mt-80 {
  margin-top: 22.2222222222vw !important;
}
.mb-80 {
  margin-bottom: 22.2222222222vw !important;
}
.mb-n80 {
  margin-bottom: -22.2222222222vw !important;
}
.ms-80 {
  margin-left: 22.2222222222vw !important;
}
.ms-n80 {
  margin-left: -22.2222222222vw !important;
}
.me-80 {
  margin-right: 22.2222222222vw !important;
}
.me-n80 {
  margin-right: -22.2222222222vw !important;
}
.mx-80 {
  margin-left: 22.2222222222vw !important;
  margin-right: 22.2222222222vw !important;
}
.my-80 {
  margin-top: 22.2222222222vw !important;
  margin-bottom: 22.2222222222vw !important;
}
.my-n80 {
  margin-top: -22.2222222222vw !important;
  margin-bottom: -22.2222222222vw !important;
}
.p-80 {
  padding: 22.2222222222vw !important;
}
.pt-112 {
  padding-top: 31.1111111111vw !important;
}
.pt-80 {
  padding-top: 22.2222222222vw !important;
}
.pe-80 {
  padding-right: 22.2222222222vw !important;
}
.pb-80 {
  padding-bottom: 22.2222222222vw !important;
}
.pb-128 {
  padding-bottom: 35.5555555556vw !important;
}
.ps-80 {
  padding-left: 22.2222222222vw !important;
}
.px-80 {
  padding-left: 22.2222222222vw !important;
  padding-right: 22.2222222222vw !important;
}
.py-80 {
  padding-top: 22.2222222222vw !important;
  padding-bottom: 22.2222222222vw !important;
}
.m-85 {
  margin: 23.6111111111vw !important;
}
.mt-n85 {
  margin-top: -23.6111111111vw !important;
}
.mt-85 {
  margin-top: 23.6111111111vw !important;
}
.mb-85 {
  margin-bottom: 23.6111111111vw !important;
}
.mb-n85 {
  margin-bottom: -23.6111111111vw !important;
}
.ms-85 {
  margin-left: 23.6111111111vw !important;
}
.ms-n85 {
  margin-left: -23.6111111111vw !important;
}
.me-85 {
  margin-right: 23.6111111111vw !important;
}
.me-n85 {
  margin-right: -23.6111111111vw !important;
}
.mx-85 {
  margin-left: 23.6111111111vw !important;
  margin-right: 23.6111111111vw !important;
}
.my-85 {
  margin-top: 23.6111111111vw !important;
  margin-bottom: 23.6111111111vw !important;
}
.my-n85 {
  margin-top: -23.6111111111vw !important;
  margin-bottom: -23.6111111111vw !important;
}
.p-85 {
  padding: 23.6111111111vw !important;
}
.pt-119 {
  padding-top: 33.0555555556vw !important;
}
.pt-85 {
  padding-top: 23.6111111111vw !important;
}
.pe-85 {
  padding-right: 23.6111111111vw !important;
}
.pb-85 {
  padding-bottom: 23.6111111111vw !important;
}
.pb-136 {
  padding-bottom: 37.7777777778vw !important;
}
.ps-85 {
  padding-left: 23.6111111111vw !important;
}
.px-85 {
  padding-left: 23.6111111111vw !important;
  padding-right: 23.6111111111vw !important;
}
.py-85 {
  padding-top: 23.6111111111vw !important;
  padding-bottom: 23.6111111111vw !important;
}
.m-90 {
  margin: 25vw !important;
}
.mt-n90 {
  margin-top: -25vw !important;
}
.mt-90 {
  margin-top: 25vw !important;
}
.mb-90 {
  margin-bottom: 25vw !important;
}
.mb-n90 {
  margin-bottom: -25vw !important;
}
.ms-90 {
  margin-left: 25vw !important;
}
.ms-n90 {
  margin-left: -25vw !important;
}
.me-90 {
  margin-right: 25vw !important;
}
.me-n90 {
  margin-right: -25vw !important;
}
.mx-90 {
  margin-left: 25vw !important;
  margin-right: 25vw !important;
}
.my-90 {
  margin-top: 25vw !important;
  margin-bottom: 25vw !important;
}
.my-n90 {
  margin-top: -25vw !important;
  margin-bottom: -25vw !important;
}
.p-90 {
  padding: 25vw !important;
}
.pt-126 {
  padding-top: 35vw !important;
}
.pt-90 {
  padding-top: 25vw !important;
}
.pe-90 {
  padding-right: 25vw !important;
}
.pb-90 {
  padding-bottom: 25vw !important;
}
.pb-144 {
  padding-bottom: 40vw !important;
}
.ps-90 {
  padding-left: 25vw !important;
}
.px-90 {
  padding-left: 25vw !important;
  padding-right: 25vw !important;
}
.py-90 {
  padding-top: 25vw !important;
  padding-bottom: 25vw !important;
}
.m-95 {
  margin: 26.3888888889vw !important;
}
.mt-n95 {
  margin-top: -26.3888888889vw !important;
}
.mt-95 {
  margin-top: 26.3888888889vw !important;
}
.mb-95 {
  margin-bottom: 26.3888888889vw !important;
}
.mb-n95 {
  margin-bottom: -26.3888888889vw !important;
}
.ms-95 {
  margin-left: 26.3888888889vw !important;
}
.ms-n95 {
  margin-left: -26.3888888889vw !important;
}
.me-95 {
  margin-right: 26.3888888889vw !important;
}
.me-n95 {
  margin-right: -26.3888888889vw !important;
}
.mx-95 {
  margin-left: 26.3888888889vw !important;
  margin-right: 26.3888888889vw !important;
}
.my-95 {
  margin-top: 26.3888888889vw !important;
  margin-bottom: 26.3888888889vw !important;
}
.my-n95 {
  margin-top: -26.3888888889vw !important;
  margin-bottom: -26.3888888889vw !important;
}
.p-95 {
  padding: 26.3888888889vw !important;
}
.pt-133 {
  padding-top: 36.9444444444vw !important;
}
.pt-95 {
  padding-top: 26.3888888889vw !important;
}
.pe-95 {
  padding-right: 26.3888888889vw !important;
}
.pb-95 {
  padding-bottom: 26.3888888889vw !important;
}
.pb-152 {
  padding-bottom: 42.2222222222vw !important;
}
.ps-95 {
  padding-left: 26.3888888889vw !important;
}
.px-95 {
  padding-left: 26.3888888889vw !important;
  padding-right: 26.3888888889vw !important;
}
.py-95 {
  padding-top: 26.3888888889vw !important;
  padding-bottom: 26.3888888889vw !important;
}
.m-100 {
  margin: 27.7777777778vw !important;
}
.mt-n100 {
  margin-top: -27.7777777778vw !important;
}
.mt-100 {
  margin-top: 27.7777777778vw !important;
}
.mb-100 {
  margin-bottom: 27.7777777778vw !important;
}
.mb-n100 {
  margin-bottom: -27.7777777778vw !important;
}
.ms-100 {
  margin-left: 27.7777777778vw !important;
}
.ms-n100 {
  margin-left: -27.7777777778vw !important;
}
.me-100 {
  margin-right: 27.7777777778vw !important;
}
.me-n100 {
  margin-right: -27.7777777778vw !important;
}
.mx-100 {
  margin-left: 27.7777777778vw !important;
  margin-right: 27.7777777778vw !important;
}
.my-100 {
  margin-top: 27.7777777778vw !important;
  margin-bottom: 27.7777777778vw !important;
}
.my-n100 {
  margin-top: -27.7777777778vw !important;
  margin-bottom: -27.7777777778vw !important;
}
.p-100 {
  padding: 27.7777777778vw !important;
}
.pt-100 {
  padding-top: 27.7777777778vw !important;
}
.pe-100 {
  padding-right: 27.7777777778vw !important;
}
.pb-100 {
  padding-bottom: 27.7777777778vw !important;
}
.ps-100 {
  padding-left: 27.7777777778vw !important;
}
.px-100 {
  padding-left: 27.7777777778vw !important;
  padding-right: 27.7777777778vw !important;
}
.py-100 {
  padding-top: 27.7777777778vw !important;
  padding-bottom: 27.7777777778vw !important;
}
.m-105 {
  margin: 29.1666666667vw !important;
}
.mt-n105 {
  margin-top: -29.1666666667vw !important;
}
.mt-105 {
  margin-top: 29.1666666667vw !important;
}
.mb-105 {
  margin-bottom: 29.1666666667vw !important;
}
.mb-n105 {
  margin-bottom: -29.1666666667vw !important;
}
.ms-105 {
  margin-left: 29.1666666667vw !important;
}
.ms-n105 {
  margin-left: -29.1666666667vw !important;
}
.me-105 {
  margin-right: 29.1666666667vw !important;
}
.me-n105 {
  margin-right: -29.1666666667vw !important;
}
.mx-105 {
  margin-left: 29.1666666667vw !important;
  margin-right: 29.1666666667vw !important;
}
.my-105 {
  margin-top: 29.1666666667vw !important;
  margin-bottom: 29.1666666667vw !important;
}
.my-n105 {
  margin-top: -29.1666666667vw !important;
  margin-bottom: -29.1666666667vw !important;
}
.p-105 {
  padding: 29.1666666667vw !important;
}
.pt-147 {
  padding-top: 40.8333333333vw !important;
}
.pt-105 {
  padding-top: 29.1666666667vw !important;
}
.pe-105 {
  padding-right: 29.1666666667vw !important;
}
.pb-105 {
  padding-bottom: 29.1666666667vw !important;
}
.pb-168 {
  padding-bottom: 46.6666666667vw !important;
}
.ps-105 {
  padding-left: 29.1666666667vw !important;
}
.px-105 {
  padding-left: 29.1666666667vw !important;
  padding-right: 29.1666666667vw !important;
}
.py-105 {
  padding-top: 29.1666666667vw !important;
  padding-bottom: 29.1666666667vw !important;
}
.m-110 {
  margin: 30.5555555556vw !important;
}
.mt-n110 {
  margin-top: -30.5555555556vw !important;
}
.mt-110 {
  margin-top: 30.5555555556vw !important;
}
.mb-110 {
  margin-bottom: 30.5555555556vw !important;
}
.mb-n110 {
  margin-bottom: -30.5555555556vw !important;
}
.ms-110 {
  margin-left: 30.5555555556vw !important;
}
.ms-n110 {
  margin-left: -30.5555555556vw !important;
}
.me-110 {
  margin-right: 30.5555555556vw !important;
}
.me-n110 {
  margin-right: -30.5555555556vw !important;
}
.mx-110 {
  margin-left: 30.5555555556vw !important;
  margin-right: 30.5555555556vw !important;
}
.my-110 {
  margin-top: 30.5555555556vw !important;
  margin-bottom: 30.5555555556vw !important;
}
.my-n110 {
  margin-top: -30.5555555556vw !important;
  margin-bottom: -30.5555555556vw !important;
}
.p-110 {
  padding: 30.5555555556vw !important;
}
.pt-154 {
  padding-top: 42.7777777778vw !important;
}
.pt-110 {
  padding-top: 30.5555555556vw !important;
}
.pe-110 {
  padding-right: 30.5555555556vw !important;
}
.pb-110 {
  padding-bottom: 30.5555555556vw !important;
}
.pb-176 {
  padding-bottom: 48.8888888889vw !important;
}
.ps-110 {
  padding-left: 30.5555555556vw !important;
}
.px-110 {
  padding-left: 30.5555555556vw !important;
  padding-right: 30.5555555556vw !important;
}
.py-110 {
  padding-top: 30.5555555556vw !important;
  padding-bottom: 30.5555555556vw !important;
}
.m-115 {
  margin: 31.9444444444vw !important;
}
.mt-n115 {
  margin-top: -31.9444444444vw !important;
}
.mt-115 {
  margin-top: 31.9444444444vw !important;
}
.mb-115 {
  margin-bottom: 31.9444444444vw !important;
}
.mb-n115 {
  margin-bottom: -31.9444444444vw !important;
}
.ms-115 {
  margin-left: 31.9444444444vw !important;
}
.ms-n115 {
  margin-left: -31.9444444444vw !important;
}
.me-115 {
  margin-right: 31.9444444444vw !important;
}
.me-n115 {
  margin-right: -31.9444444444vw !important;
}
.mx-115 {
  margin-left: 31.9444444444vw !important;
  margin-right: 31.9444444444vw !important;
}
.my-115 {
  margin-top: 31.9444444444vw !important;
  margin-bottom: 31.9444444444vw !important;
}
.my-n115 {
  margin-top: -31.9444444444vw !important;
  margin-bottom: -31.9444444444vw !important;
}
.p-115 {
  padding: 31.9444444444vw !important;
}
.pt-161 {
  padding-top: 44.7222222222vw !important;
}
.pt-115 {
  padding-top: 31.9444444444vw !important;
}
.pe-115 {
  padding-right: 31.9444444444vw !important;
}
.pb-115 {
  padding-bottom: 31.9444444444vw !important;
}
.pb-184 {
  padding-bottom: 51.1111111111vw !important;
}
.ps-115 {
  padding-left: 31.9444444444vw !important;
}
.px-115 {
  padding-left: 31.9444444444vw !important;
  padding-right: 31.9444444444vw !important;
}
.py-115 {
  padding-top: 31.9444444444vw !important;
  padding-bottom: 31.9444444444vw !important;
}
.m-120 {
  margin: 33.3333333333vw !important;
}
.mt-n120 {
  margin-top: -33.3333333333vw !important;
}
.mt-120 {
  margin-top: 33.3333333333vw !important;
}
.mb-120 {
  margin-bottom: 33.3333333333vw !important;
}
.mb-n120 {
  margin-bottom: -33.3333333333vw !important;
}
.ms-120 {
  margin-left: 33.3333333333vw !important;
}
.ms-n120 {
  margin-left: -33.3333333333vw !important;
}
.me-120 {
  margin-right: 33.3333333333vw !important;
}
.me-n120 {
  margin-right: -33.3333333333vw !important;
}
.mx-120 {
  margin-left: 33.3333333333vw !important;
  margin-right: 33.3333333333vw !important;
}
.my-120 {
  margin-top: 33.3333333333vw !important;
  margin-bottom: 33.3333333333vw !important;
}
.my-n120 {
  margin-top: -33.3333333333vw !important;
  margin-bottom: -33.3333333333vw !important;
}
.p-120 {
  padding: 33.3333333333vw !important;
}
.pt-168 {
  padding-top: 46.6666666667vw !important;
}
.pt-120 {
  padding-top: 33.3333333333vw !important;
}
.pe-120 {
  padding-right: 33.3333333333vw !important;
}
.pb-120 {
  padding-bottom: 33.3333333333vw !important;
}
.pb-192 {
  padding-bottom: 53.3333333333vw !important;
}
.ps-120 {
  padding-left: 33.3333333333vw !important;
}
.px-120 {
  padding-left: 33.3333333333vw !important;
  padding-right: 33.3333333333vw !important;
}
.py-120 {
  padding-top: 33.3333333333vw !important;
  padding-bottom: 33.3333333333vw !important;
}
.m-125 {
  margin: 34.7222222222vw !important;
}
.mt-n125 {
  margin-top: -34.7222222222vw !important;
}
.mt-125 {
  margin-top: 34.7222222222vw !important;
}
.mb-125 {
  margin-bottom: 34.7222222222vw !important;
}
.mb-n125 {
  margin-bottom: -34.7222222222vw !important;
}
.ms-125 {
  margin-left: 34.7222222222vw !important;
}
.ms-n125 {
  margin-left: -34.7222222222vw !important;
}
.me-125 {
  margin-right: 34.7222222222vw !important;
}
.me-n125 {
  margin-right: -34.7222222222vw !important;
}
.mx-125 {
  margin-left: 34.7222222222vw !important;
  margin-right: 34.7222222222vw !important;
}
.my-125 {
  margin-top: 34.7222222222vw !important;
  margin-bottom: 34.7222222222vw !important;
}
.my-n125 {
  margin-top: -34.7222222222vw !important;
  margin-bottom: -34.7222222222vw !important;
}
.p-125 {
  padding: 34.7222222222vw !important;
}
.pt-125 {
  padding-top: 34.7222222222vw !important;
}
.pe-125 {
  padding-right: 34.7222222222vw !important;
}
.pb-125 {
  padding-bottom: 34.7222222222vw !important;
}
.ps-125 {
  padding-left: 34.7222222222vw !important;
}
.px-125 {
  padding-left: 34.7222222222vw !important;
  padding-right: 34.7222222222vw !important;
}
.py-125 {
  padding-top: 34.7222222222vw !important;
  padding-bottom: 34.7222222222vw !important;
}
.m-130 {
  margin: 36.1111111111vw !important;
}
.mt-n130 {
  margin-top: -36.1111111111vw !important;
}
.mt-130 {
  margin-top: 36.1111111111vw !important;
}
.mb-130 {
  margin-bottom: 36.1111111111vw !important;
}
.mb-n130 {
  margin-bottom: -36.1111111111vw !important;
}
.ms-130 {
  margin-left: 36.1111111111vw !important;
}
.ms-n130 {
  margin-left: -36.1111111111vw !important;
}
.me-130 {
  margin-right: 36.1111111111vw !important;
}
.me-n130 {
  margin-right: -36.1111111111vw !important;
}
.mx-130 {
  margin-left: 36.1111111111vw !important;
  margin-right: 36.1111111111vw !important;
}
.my-130 {
  margin-top: 36.1111111111vw !important;
  margin-bottom: 36.1111111111vw !important;
}
.my-n130 {
  margin-top: -36.1111111111vw !important;
  margin-bottom: -36.1111111111vw !important;
}
.p-130 {
  padding: 36.1111111111vw !important;
}
.pt-182 {
  padding-top: 50.5555555556vw !important;
}
.pt-130 {
  padding-top: 36.1111111111vw !important;
}
.pe-130 {
  padding-right: 36.1111111111vw !important;
}
.pb-130 {
  padding-bottom: 36.1111111111vw !important;
}
.pb-208 {
  padding-bottom: 57.7777777778vw !important;
}
.ps-130 {
  padding-left: 36.1111111111vw !important;
}
.px-130 {
  padding-left: 36.1111111111vw !important;
  padding-right: 36.1111111111vw !important;
}
.py-130 {
  padding-top: 36.1111111111vw !important;
  padding-bottom: 36.1111111111vw !important;
}
.m-135 {
  margin: 37.5vw !important;
}
.mt-n135 {
  margin-top: -37.5vw !important;
}
.mt-135 {
  margin-top: 37.5vw !important;
}
.mb-135 {
  margin-bottom: 37.5vw !important;
}
.mb-n135 {
  margin-bottom: -37.5vw !important;
}
.ms-135 {
  margin-left: 37.5vw !important;
}
.ms-n135 {
  margin-left: -37.5vw !important;
}
.me-135 {
  margin-right: 37.5vw !important;
}
.me-n135 {
  margin-right: -37.5vw !important;
}
.mx-135 {
  margin-left: 37.5vw !important;
  margin-right: 37.5vw !important;
}
.my-135 {
  margin-top: 37.5vw !important;
  margin-bottom: 37.5vw !important;
}
.my-n135 {
  margin-top: -37.5vw !important;
  margin-bottom: -37.5vw !important;
}
.p-135 {
  padding: 37.5vw !important;
}
.pt-189 {
  padding-top: 52.5vw !important;
}
.pt-135 {
  padding-top: 37.5vw !important;
}
.pe-135 {
  padding-right: 37.5vw !important;
}
.pb-135 {
  padding-bottom: 37.5vw !important;
}
.pb-216 {
  padding-bottom: 60vw !important;
}
.ps-135 {
  padding-left: 37.5vw !important;
}
.px-135 {
  padding-left: 37.5vw !important;
  padding-right: 37.5vw !important;
}
.py-135 {
  padding-top: 37.5vw !important;
  padding-bottom: 37.5vw !important;
}
.m-140 {
  margin: 38.8888888889vw !important;
}
.mt-n140 {
  margin-top: -38.8888888889vw !important;
}
.mt-140 {
  margin-top: 38.8888888889vw !important;
}
.mb-140 {
  margin-bottom: 38.8888888889vw !important;
}
.mb-n140 {
  margin-bottom: -38.8888888889vw !important;
}
.ms-140 {
  margin-left: 38.8888888889vw !important;
}
.ms-n140 {
  margin-left: -38.8888888889vw !important;
}
.me-140 {
  margin-right: 38.8888888889vw !important;
}
.me-n140 {
  margin-right: -38.8888888889vw !important;
}
.mx-140 {
  margin-left: 38.8888888889vw !important;
  margin-right: 38.8888888889vw !important;
}
.my-140 {
  margin-top: 38.8888888889vw !important;
  margin-bottom: 38.8888888889vw !important;
}
.my-n140 {
  margin-top: -38.8888888889vw !important;
  margin-bottom: -38.8888888889vw !important;
}
.p-140 {
  padding: 38.8888888889vw !important;
}
.pt-196 {
  padding-top: 54.4444444444vw !important;
}
.pt-140 {
  padding-top: 38.8888888889vw !important;
}
.pe-140 {
  padding-right: 38.8888888889vw !important;
}
.pb-140 {
  padding-bottom: 38.8888888889vw !important;
}
.pb-224 {
  padding-bottom: 62.2222222222vw !important;
}
.ps-140 {
  padding-left: 38.8888888889vw !important;
}
.px-140 {
  padding-left: 38.8888888889vw !important;
  padding-right: 38.8888888889vw !important;
}
.py-140 {
  padding-top: 38.8888888889vw !important;
  padding-bottom: 38.8888888889vw !important;
}
.m-145 {
  margin: 40.2777777778vw !important;
}
.mt-n145 {
  margin-top: -40.2777777778vw !important;
}
.mt-145 {
  margin-top: 40.2777777778vw !important;
}
.mb-145 {
  margin-bottom: 40.2777777778vw !important;
}
.mb-n145 {
  margin-bottom: -40.2777777778vw !important;
}
.ms-145 {
  margin-left: 40.2777777778vw !important;
}
.ms-n145 {
  margin-left: -40.2777777778vw !important;
}
.me-145 {
  margin-right: 40.2777777778vw !important;
}
.me-n145 {
  margin-right: -40.2777777778vw !important;
}
.mx-145 {
  margin-left: 40.2777777778vw !important;
  margin-right: 40.2777777778vw !important;
}
.my-145 {
  margin-top: 40.2777777778vw !important;
  margin-bottom: 40.2777777778vw !important;
}
.my-n145 {
  margin-top: -40.2777777778vw !important;
  margin-bottom: -40.2777777778vw !important;
}
.p-145 {
  padding: 40.2777777778vw !important;
}
.pt-203 {
  padding-top: 56.3888888889vw !important;
}
.pt-145 {
  padding-top: 40.2777777778vw !important;
}
.pe-145 {
  padding-right: 40.2777777778vw !important;
}
.pb-145 {
  padding-bottom: 40.2777777778vw !important;
}
.pb-232 {
  padding-bottom: 64.4444444444vw !important;
}
.ps-145 {
  padding-left: 40.2777777778vw !important;
}
.px-145 {
  padding-left: 40.2777777778vw !important;
  padding-right: 40.2777777778vw !important;
}
.py-145 {
  padding-top: 40.2777777778vw !important;
  padding-bottom: 40.2777777778vw !important;
}
.m-150 {
  margin: 41.6666666667vw !important;
}
.mt-n150 {
  margin-top: -41.6666666667vw !important;
}
.mt-150 {
  margin-top: 41.6666666667vw !important;
}
.mb-150 {
  margin-bottom: 41.6666666667vw !important;
}
.mb-n150 {
  margin-bottom: -41.6666666667vw !important;
}
.ms-150 {
  margin-left: 41.6666666667vw !important;
}
.ms-n150 {
  margin-left: -41.6666666667vw !important;
}
.me-150 {
  margin-right: 41.6666666667vw !important;
}
.me-n150 {
  margin-right: -41.6666666667vw !important;
}
.mx-150 {
  margin-left: 41.6666666667vw !important;
  margin-right: 41.6666666667vw !important;
}
.my-150 {
  margin-top: 41.6666666667vw !important;
  margin-bottom: 41.6666666667vw !important;
}
.my-n150 {
  margin-top: -41.6666666667vw !important;
  margin-bottom: -41.6666666667vw !important;
}
.p-150 {
  padding: 41.6666666667vw !important;
}
.pt-210 {
  padding-top: 58.3333333333vw !important;
}
.pt-150 {
  padding-top: 41.6666666667vw !important;
}
.pe-150 {
  padding-right: 41.6666666667vw !important;
}
.pb-150 {
  padding-bottom: 41.6666666667vw !important;
}
.pb-240 {
  padding-bottom: 66.6666666667vw !important;
}
.ps-150 {
  padding-left: 41.6666666667vw !important;
}
.px-150 {
  padding-left: 41.6666666667vw !important;
  padding-right: 41.6666666667vw !important;
}
.py-150 {
  padding-top: 41.6666666667vw !important;
  padding-bottom: 41.6666666667vw !important;
}
.m-155 {
  margin: 43.0555555556vw !important;
}
.mt-n155 {
  margin-top: -43.0555555556vw !important;
}
.mt-155 {
  margin-top: 43.0555555556vw !important;
}
.mb-155 {
  margin-bottom: 43.0555555556vw !important;
}
.mb-n155 {
  margin-bottom: -43.0555555556vw !important;
}
.ms-155 {
  margin-left: 43.0555555556vw !important;
}
.ms-n155 {
  margin-left: -43.0555555556vw !important;
}
.me-155 {
  margin-right: 43.0555555556vw !important;
}
.me-n155 {
  margin-right: -43.0555555556vw !important;
}
.mx-155 {
  margin-left: 43.0555555556vw !important;
  margin-right: 43.0555555556vw !important;
}
.my-155 {
  margin-top: 43.0555555556vw !important;
  margin-bottom: 43.0555555556vw !important;
}
.my-n155 {
  margin-top: -43.0555555556vw !important;
  margin-bottom: -43.0555555556vw !important;
}
.p-155 {
  padding: 43.0555555556vw !important;
}
.pt-217 {
  padding-top: 60.2777777778vw !important;
}
.pt-155 {
  padding-top: 43.0555555556vw !important;
}
.pe-155 {
  padding-right: 43.0555555556vw !important;
}
.pb-155 {
  padding-bottom: 43.0555555556vw !important;
}
.pb-248 {
  padding-bottom: 68.8888888889vw !important;
}
.ps-155 {
  padding-left: 43.0555555556vw !important;
}
.px-155 {
  padding-left: 43.0555555556vw !important;
  padding-right: 43.0555555556vw !important;
}
.py-155 {
  padding-top: 43.0555555556vw !important;
  padding-bottom: 43.0555555556vw !important;
}
.m-160 {
  margin: 44.4444444444vw !important;
}
.mt-n160 {
  margin-top: -44.4444444444vw !important;
}
.mt-160 {
  margin-top: 44.4444444444vw !important;
}
.mb-160 {
  margin-bottom: 44.4444444444vw !important;
}
.mb-n160 {
  margin-bottom: -44.4444444444vw !important;
}
.ms-160 {
  margin-left: 44.4444444444vw !important;
}
.ms-n160 {
  margin-left: -44.4444444444vw !important;
}
.me-160 {
  margin-right: 44.4444444444vw !important;
}
.me-n160 {
  margin-right: -44.4444444444vw !important;
}
.mx-160 {
  margin-left: 44.4444444444vw !important;
  margin-right: 44.4444444444vw !important;
}
.my-160 {
  margin-top: 44.4444444444vw !important;
  margin-bottom: 44.4444444444vw !important;
}
.my-n160 {
  margin-top: -44.4444444444vw !important;
  margin-bottom: -44.4444444444vw !important;
}
.p-160 {
  padding: 44.4444444444vw !important;
}
.pt-224 {
  padding-top: 62.2222222222vw !important;
}
.pt-160 {
  padding-top: 44.4444444444vw !important;
}
.pe-160 {
  padding-right: 44.4444444444vw !important;
}
.pb-160 {
  padding-bottom: 44.4444444444vw !important;
}
.pb-256 {
  padding-bottom: 71.1111111111vw !important;
}
.ps-160 {
  padding-left: 44.4444444444vw !important;
}
.px-160 {
  padding-left: 44.4444444444vw !important;
  padding-right: 44.4444444444vw !important;
}
.py-160 {
  padding-top: 44.4444444444vw !important;
  padding-bottom: 44.4444444444vw !important;
}
.m-165 {
  margin: 45.8333333333vw !important;
}
.mt-n165 {
  margin-top: -45.8333333333vw !important;
}
.mt-165 {
  margin-top: 45.8333333333vw !important;
}
.mb-165 {
  margin-bottom: 45.8333333333vw !important;
}
.mb-n165 {
  margin-bottom: -45.8333333333vw !important;
}
.ms-165 {
  margin-left: 45.8333333333vw !important;
}
.ms-n165 {
  margin-left: -45.8333333333vw !important;
}
.me-165 {
  margin-right: 45.8333333333vw !important;
}
.me-n165 {
  margin-right: -45.8333333333vw !important;
}
.mx-165 {
  margin-left: 45.8333333333vw !important;
  margin-right: 45.8333333333vw !important;
}
.my-165 {
  margin-top: 45.8333333333vw !important;
  margin-bottom: 45.8333333333vw !important;
}
.my-n165 {
  margin-top: -45.8333333333vw !important;
  margin-bottom: -45.8333333333vw !important;
}
.p-165 {
  padding: 45.8333333333vw !important;
}
.pt-231 {
  padding-top: 64.1666666667vw !important;
}
.pt-165 {
  padding-top: 45.8333333333vw !important;
}
.pe-165 {
  padding-right: 45.8333333333vw !important;
}
.pb-165 {
  padding-bottom: 45.8333333333vw !important;
}
.pb-264 {
  padding-bottom: 73.3333333333vw !important;
}
.ps-165 {
  padding-left: 45.8333333333vw !important;
}
.px-165 {
  padding-left: 45.8333333333vw !important;
  padding-right: 45.8333333333vw !important;
}
.py-165 {
  padding-top: 45.8333333333vw !important;
  padding-bottom: 45.8333333333vw !important;
}
.m-170 {
  margin: 47.2222222222vw !important;
}
.mt-n170 {
  margin-top: -47.2222222222vw !important;
}
.mt-170 {
  margin-top: 47.2222222222vw !important;
}
.mb-170 {
  margin-bottom: 47.2222222222vw !important;
}
.mb-n170 {
  margin-bottom: -47.2222222222vw !important;
}
.ms-170 {
  margin-left: 47.2222222222vw !important;
}
.ms-n170 {
  margin-left: -47.2222222222vw !important;
}
.me-170 {
  margin-right: 47.2222222222vw !important;
}
.me-n170 {
  margin-right: -47.2222222222vw !important;
}
.mx-170 {
  margin-left: 47.2222222222vw !important;
  margin-right: 47.2222222222vw !important;
}
.my-170 {
  margin-top: 47.2222222222vw !important;
  margin-bottom: 47.2222222222vw !important;
}
.my-n170 {
  margin-top: -47.2222222222vw !important;
  margin-bottom: -47.2222222222vw !important;
}
.p-170 {
  padding: 47.2222222222vw !important;
}
.pt-238 {
  padding-top: 66.1111111111vw !important;
}
.pt-170 {
  padding-top: 47.2222222222vw !important;
}
.pe-170 {
  padding-right: 47.2222222222vw !important;
}
.pb-170 {
  padding-bottom: 47.2222222222vw !important;
}
.pb-272 {
  padding-bottom: 75.5555555556vw !important;
}
.ps-170 {
  padding-left: 47.2222222222vw !important;
}
.px-170 {
  padding-left: 47.2222222222vw !important;
  padding-right: 47.2222222222vw !important;
}
.py-170 {
  padding-top: 47.2222222222vw !important;
  padding-bottom: 47.2222222222vw !important;
}
.m-175 {
  margin: 48.6111111111vw !important;
}
.mt-n175 {
  margin-top: -48.6111111111vw !important;
}
.mt-175 {
  margin-top: 48.6111111111vw !important;
}
.mb-175 {
  margin-bottom: 48.6111111111vw !important;
}
.mb-n175 {
  margin-bottom: -48.6111111111vw !important;
}
.ms-175 {
  margin-left: 48.6111111111vw !important;
}
.ms-n175 {
  margin-left: -48.6111111111vw !important;
}
.me-175 {
  margin-right: 48.6111111111vw !important;
}
.me-n175 {
  margin-right: -48.6111111111vw !important;
}
.mx-175 {
  margin-left: 48.6111111111vw !important;
  margin-right: 48.6111111111vw !important;
}
.my-175 {
  margin-top: 48.6111111111vw !important;
  margin-bottom: 48.6111111111vw !important;
}
.my-n175 {
  margin-top: -48.6111111111vw !important;
  margin-bottom: -48.6111111111vw !important;
}
.p-175 {
  padding: 48.6111111111vw !important;
}
.pt-245 {
  padding-top: 68.0555555556vw !important;
}
.pt-175 {
  padding-top: 48.6111111111vw !important;
}
.pe-175 {
  padding-right: 48.6111111111vw !important;
}
.pb-175 {
  padding-bottom: 48.6111111111vw !important;
}
.pb-280 {
  padding-bottom: 77.7777777778vw !important;
}
.ps-175 {
  padding-left: 48.6111111111vw !important;
}
.px-175 {
  padding-left: 48.6111111111vw !important;
  padding-right: 48.6111111111vw !important;
}
.py-175 {
  padding-top: 48.6111111111vw !important;
  padding-bottom: 48.6111111111vw !important;
}
.m-180 {
  margin: 50vw !important;
}
.mt-n180 {
  margin-top: -50vw !important;
}
.mt-180 {
  margin-top: 50vw !important;
}
.mb-180 {
  margin-bottom: 50vw !important;
}
.mb-n180 {
  margin-bottom: -50vw !important;
}
.ms-180 {
  margin-left: 50vw !important;
}
.ms-n180 {
  margin-left: -50vw !important;
}
.me-180 {
  margin-right: 50vw !important;
}
.me-n180 {
  margin-right: -50vw !important;
}
.mx-180 {
  margin-left: 50vw !important;
  margin-right: 50vw !important;
}
.my-180 {
  margin-top: 50vw !important;
  margin-bottom: 50vw !important;
}
.my-n180 {
  margin-top: -50vw !important;
  margin-bottom: -50vw !important;
}
.p-180 {
  padding: 50vw !important;
}
.pt-252 {
  padding-top: 70vw !important;
}
.pt-180 {
  padding-top: 50vw !important;
}
.pe-180 {
  padding-right: 50vw !important;
}
.pb-180 {
  padding-bottom: 50vw !important;
}
.pb-288 {
  padding-bottom: 80vw !important;
}
.ps-180 {
  padding-left: 50vw !important;
}
.px-180 {
  padding-left: 50vw !important;
  padding-right: 50vw !important;
}
.py-180 {
  padding-top: 50vw !important;
  padding-bottom: 50vw !important;
}
.m-185 {
  margin: 51.3888888889vw !important;
}
.mt-n185 {
  margin-top: -51.3888888889vw !important;
}
.mt-185 {
  margin-top: 51.3888888889vw !important;
}
.mb-185 {
  margin-bottom: 51.3888888889vw !important;
}
.mb-n185 {
  margin-bottom: -51.3888888889vw !important;
}
.ms-185 {
  margin-left: 51.3888888889vw !important;
}
.ms-n185 {
  margin-left: -51.3888888889vw !important;
}
.me-185 {
  margin-right: 51.3888888889vw !important;
}
.me-n185 {
  margin-right: -51.3888888889vw !important;
}
.mx-185 {
  margin-left: 51.3888888889vw !important;
  margin-right: 51.3888888889vw !important;
}
.my-185 {
  margin-top: 51.3888888889vw !important;
  margin-bottom: 51.3888888889vw !important;
}
.my-n185 {
  margin-top: -51.3888888889vw !important;
  margin-bottom: -51.3888888889vw !important;
}
.p-185 {
  padding: 51.3888888889vw !important;
}
.pt-259 {
  padding-top: 71.9444444444vw !important;
}
.pt-185 {
  padding-top: 51.3888888889vw !important;
}
.pe-185 {
  padding-right: 51.3888888889vw !important;
}
.pb-185 {
  padding-bottom: 51.3888888889vw !important;
}
.pb-296 {
  padding-bottom: 82.2222222222vw !important;
}
.ps-185 {
  padding-left: 51.3888888889vw !important;
}
.px-185 {
  padding-left: 51.3888888889vw !important;
  padding-right: 51.3888888889vw !important;
}
.py-185 {
  padding-top: 51.3888888889vw !important;
  padding-bottom: 51.3888888889vw !important;
}
.m-190 {
  margin: 52.7777777778vw !important;
}
.mt-n190 {
  margin-top: -52.7777777778vw !important;
}
.mt-190 {
  margin-top: 52.7777777778vw !important;
}
.mb-190 {
  margin-bottom: 52.7777777778vw !important;
}
.mb-n190 {
  margin-bottom: -52.7777777778vw !important;
}
.ms-190 {
  margin-left: 52.7777777778vw !important;
}
.ms-n190 {
  margin-left: -52.7777777778vw !important;
}
.me-190 {
  margin-right: 52.7777777778vw !important;
}
.me-n190 {
  margin-right: -52.7777777778vw !important;
}
.mx-190 {
  margin-left: 52.7777777778vw !important;
  margin-right: 52.7777777778vw !important;
}
.my-190 {
  margin-top: 52.7777777778vw !important;
  margin-bottom: 52.7777777778vw !important;
}
.my-n190 {
  margin-top: -52.7777777778vw !important;
  margin-bottom: -52.7777777778vw !important;
}
.p-190 {
  padding: 52.7777777778vw !important;
}
.pt-266 {
  padding-top: 73.8888888889vw !important;
}
.pt-190 {
  padding-top: 52.7777777778vw !important;
}
.pe-190 {
  padding-right: 52.7777777778vw !important;
}
.pb-190 {
  padding-bottom: 52.7777777778vw !important;
}
.pb-304 {
  padding-bottom: 84.4444444444vw !important;
}
.ps-190 {
  padding-left: 52.7777777778vw !important;
}
.px-190 {
  padding-left: 52.7777777778vw !important;
  padding-right: 52.7777777778vw !important;
}
.py-190 {
  padding-top: 52.7777777778vw !important;
  padding-bottom: 52.7777777778vw !important;
}
.m-195 {
  margin: 54.1666666667vw !important;
}
.mt-n195 {
  margin-top: -54.1666666667vw !important;
}
.mt-195 {
  margin-top: 54.1666666667vw !important;
}
.mb-195 {
  margin-bottom: 54.1666666667vw !important;
}
.mb-n195 {
  margin-bottom: -54.1666666667vw !important;
}
.ms-195 {
  margin-left: 54.1666666667vw !important;
}
.ms-n195 {
  margin-left: -54.1666666667vw !important;
}
.me-195 {
  margin-right: 54.1666666667vw !important;
}
.me-n195 {
  margin-right: -54.1666666667vw !important;
}
.mx-195 {
  margin-left: 54.1666666667vw !important;
  margin-right: 54.1666666667vw !important;
}
.my-195 {
  margin-top: 54.1666666667vw !important;
  margin-bottom: 54.1666666667vw !important;
}
.my-n195 {
  margin-top: -54.1666666667vw !important;
  margin-bottom: -54.1666666667vw !important;
}
.p-195 {
  padding: 54.1666666667vw !important;
}
.pt-273 {
  padding-top: 75.8333333333vw !important;
}
.pt-195 {
  padding-top: 54.1666666667vw !important;
}
.pe-195 {
  padding-right: 54.1666666667vw !important;
}
.pb-195 {
  padding-bottom: 54.1666666667vw !important;
}
.pb-312 {
  padding-bottom: 86.6666666667vw !important;
}
.ps-195 {
  padding-left: 54.1666666667vw !important;
}
.px-195 {
  padding-left: 54.1666666667vw !important;
  padding-right: 54.1666666667vw !important;
}
.py-195 {
  padding-top: 54.1666666667vw !important;
  padding-bottom: 54.1666666667vw !important;
}
.m-200 {
  margin: 55.5555555556vw !important;
}
.mt-n200 {
  margin-top: -55.5555555556vw !important;
}
.mt-200 {
  margin-top: 55.5555555556vw !important;
}
.mb-200 {
  margin-bottom: 55.5555555556vw !important;
}
.mb-n200 {
  margin-bottom: -55.5555555556vw !important;
}
.ms-200 {
  margin-left: 55.5555555556vw !important;
}
.ms-n200 {
  margin-left: -55.5555555556vw !important;
}
.me-200 {
  margin-right: 55.5555555556vw !important;
}
.me-n200 {
  margin-right: -55.5555555556vw !important;
}
.mx-200 {
  margin-left: 55.5555555556vw !important;
  margin-right: 55.5555555556vw !important;
}
.my-200 {
  margin-top: 55.5555555556vw !important;
  margin-bottom: 55.5555555556vw !important;
}
.my-n200 {
  margin-top: -55.5555555556vw !important;
  margin-bottom: -55.5555555556vw !important;
}
.p-200 {
  padding: 55.5555555556vw !important;
}
.pt-280 {
  padding-top: 77.7777777778vw !important;
}
.pt-200 {
  padding-top: 55.5555555556vw !important;
}
.pe-200 {
  padding-right: 55.5555555556vw !important;
}
.pb-200 {
  padding-bottom: 55.5555555556vw !important;
}
.pb-320 {
  padding-bottom: 88.8888888889vw !important;
}
.ps-200 {
  padding-left: 55.5555555556vw !important;
}
.px-200 {
  padding-left: 55.5555555556vw !important;
  padding-right: 55.5555555556vw !important;
}
.py-200 {
  padding-top: 55.5555555556vw !important;
  padding-bottom: 55.5555555556vw !important;
}
.mb-7 {
  margin-bottom: 1.9444444444vw !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-auto {
  margin-left: auto !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.fs-9 {
  font-size: 2.5vw !important;
}
.fs-10 {
  font-size: 2.7777777778vw !important;
}
.fs-11 {
  font-size: 3.0555555556vw !important;
}
.fs-12,
.announce.st-reduced .announce-text,
.modal .modal-alert .modal-text {
  font-size: 3.3333333333vw !important;
}
.fs-13,
.shipping-address .shipping-address-addon,
.shipping-address .shipping-address-text,
.shipping-address .shipping-address-label,
.announce .announce-text,
.modal .modal-alert .modal-footer .modal-button {
  font-size: 3.6111111111vw !important;
}
.fs-14,
.membership-special .membership-text {
  font-size: 3.8888888889vw !important;
}
.fs-15 {
  font-size: 4.1666666667vw !important;
}
.fs-16,
.shipping-address .shipping-address-title,
.announce.st-reduced .announce-title,
.modal .modal-alert .modal-title {
  font-size: 4.4444444444vw !important;
}
.fs-18,
.announce .announce-title {
  font-size: 5vw !important;
}
.fs-20 {
  font-size: 5.5555555556vw !important;
}
.fs-24 {
  font-size: 6.6666666667vw !important;
}
.fs-26 {
  font-size: 7.2222222222vw !important;
}
.fs-28 {
  font-size: 7.7777777778vw !important;
}
.fs-34 {
  font-size: 9.4444444444vw !important;
}
.fs-66 {
  font-size: 18.3333333333vw !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal,
.heading.st-light {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-14 {
  line-height: 3.8888888889vw !important;
}
.lh-16 {
  line-height: 4.4444444444vw !important;
}
.lh-18,
.membership-special .membership-text,
.announce.st-reduced .announce-text,
.modal .modal-alert .modal-text {
  line-height: 5vw !important;
}
.lh-19,
.shipping-address .shipping-address-addon,
.shipping-address .shipping-address-text,
.shipping-address .shipping-address-label,
.announce .announce-text,
.modal .modal-alert .modal-footer .modal-button {
  line-height: 5.2777777778vw !important;
}
.lh-20 {
  line-height: 5.5555555556vw !important;
}
.lh-22,
.shipping-address .shipping-address-title,
.announce.st-reduced .announce-title,
.modal .modal-alert .modal-title {
  line-height: 6.1111111111vw !important;
}
.lh-25,
.announce .announce-title {
  line-height: 6.9444444444vw !important;
}
.lh-28 {
  line-height: 7.7777777778vw !important;
}
.lh-32 {
  line-height: 8.8888888889vw !important;
}
.lh-36 {
  line-height: 10vw !important;
}
.lh-tight {
  line-height: 1 !important;
}
.lh-base {
  line-height: normal !important;
}
.lh-lg {
  line-height: 2 !important;
}
.fs-10.lh-14,
.fs-12.lh-18,
.membership-special .fs-12.membership-text,
.announce.st-reduced .announce-text,
.modal .modal-alert .modal-text,
.fs-12.lh-22,
.fs-13.lh-19,
.shipping-address .shipping-address-addon,
.shipping-address .shipping-address-text,
.shipping-address .shipping-address-label,
.announce .announce-text,
.modal .modal-alert .modal-footer .modal-button,
.fs-14.lh-20,
.membership-special .lh-20.membership-text,
.fs-16.lh-22,
.shipping-address .shipping-address-title,
.announce.st-reduced .announce-title,
.modal .modal-alert .modal-title,
.fs-18.lh-25,
.announce .announce-title {
  display: block;
}
.fs-10.lh-14 .text-inner {
  margin-top: -0.2777777778vw;
  margin-bottom: -0.2777777778vw;
}
.text-inner {
  margin-top: -0.5555555556vw;
  margin-bottom: -0.5555555556vw;
}
.fs-13.lh-19.text-ellipsis-2,
.shipping-address .text-ellipsis-2.shipping-address-addon,
.shipping-address .text-ellipsis-2.shipping-address-text,
.shipping-address .text-ellipsis-2.shipping-address-label,
.announce .text-ellipsis-2.announce-text,
.modal .modal-alert .modal-footer .text-ellipsis-2.modal-button,
.fs-13.lh-19 .text-ellipsis-2,
.shipping-address .shipping-address-addon .text-ellipsis-2,
.shipping-address .shipping-address-text .text-ellipsis-2,
.shipping-address .shipping-address-label .text-ellipsis-2,
.announce .announce-text .text-ellipsis-2,
.modal .modal-alert .modal-footer .modal-button .text-ellipsis-2 {
  display: -webkit-box;
  max-height: 10.8333333333vw;
  font-size: 3.6111111111vw;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-break-all {
  word-break: break-all !important;
}
.text-black {
  --tt-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tt-text-opacity)) !important;
}
.text-primary {
  --tt-text-opacity: 1;
  color: rgba(0, 107, 255, var(--tt-text-opacity)) !important;
}
.text-secondary {
  --tt-text-opacity: 1;
  color: rgba(153, 153, 153, var(--tt-text-opacity)) !important;
}
.text-warning {
  --tt-text-opacity: 1;
  color: rgba(255, 51, 102, var(--tt-text-opacity)) !important;
}
.text-warning-secondary {
  color: #ff5a83 !important;
}
.text-bright {
  --tt-text-opacity: 1;
  color: rgba(204, 204, 204, var(--tt-text-opacity)) !important;
}
.text-light {
  --tt-text-opacity: 1;
  color: rgba(170, 170, 170, var(--tt-text-opacity)) !important;
}
.text-dimmed {
  --tt-text-opacity: 1;
  color: rgba(102, 102, 102, var(--tt-text-opacity)) !important;
}
.text-dark {
  --tt-text-opacity: 1;
  color: rgba(51, 51, 51, var(--tt-text-opacity)) !important;
}
.text-white {
  --tt-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tt-text-opacity)) !important;
}
.text-blue {
  color: #0080ff;
}
.text-gray {
  color: #9a9a9a;
}
.text-reset {
  --tt-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-40 {
  --tt-text-opacity: 0.4;
}
.text-opacity-50 {
  --tt-text-opacity: 0.5;
}
.text-opacity-70 {
  --tt-text-opacity: 0.7;
}
.text-opacity-100 {
  --tt-text-opacity: 1;
}
.text-hide {
  font: 0/0 a !important;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.bg-kakao {
  background-color: #fee502 !important;
}
.bg-naver {
  background-color: #00c043 !important;
}
.bg-mist {
  --tt-bg-opacity: 1;
  background-color: rgba(250, 250, 250, var(--tt-bg-opacity)) !important;
}
.bg-bright {
  --tt-bg-opacity: 1;
  background-color: rgba(243, 243, 243, var(--tt-bg-opacity)) !important;
}
.bg-light {
  --tt-bg-opacity: 1;
  background-color: rgba(248, 248, 248, var(--tt-bg-opacity)) !important;
}
.bg-dimmed {
  --tt-bg-opacity: 1;
  background-color: rgba(238, 238, 238, var(--tt-bg-opacity)) !important;
}
.bg-black {
  --tt-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tt-bg-opacity)) !important;
}
.bg-white {
  --tt-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tt-bg-opacity)) !important;
}
.bg-primary {
  --tt-bg-opacity: 1;
  background-color: rgba(0, 107, 255, var(--tt-bg-opacity)) !important;
}
.bg-primary-mist {
  background-color: #f0f4ff;
}
.bg-opacity-0 {
  --tt-bg-opacity: 0 !important;
}
.bg-opacity-10 {
  --tt-bg-opacity: 0.1 !important;
}
.bg-opacity-25 {
  --tt-bg-opacity: 0.25 !important;
}
.bg-opacity-50 {
  --tt-bg-opacity: 0.5 !important;
}
.bg-opacity-70 {
  --tt-bg-opacity: 0.7 !important;
}
.bg-opacity-80 {
  --tt-bg-opacity: 0.8 !important;
}
.bg-opacity-96 {
  --tt-bg-opacity: 0.96 !important;
}
.bg-opacity-100 {
  --tt-bg-opacity: 1 !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: 1.1111111111vw !important;
}
.rounded-2 {
  border-radius: 2.2222222222vw !important;
}
.rounded-3 {
  border-radius: 4.4444444444vw !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.ratio,
.file-upload-image .file-label {
  position: relative;
  width: 100%;
}
.ratio:before,
.file-upload-image .file-label:before {
  display: block;
  padding-top: var(--tt-aspect-ratio);
  content: "";
}
.ratio > *,
.file-upload-image .file-label > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1,
.file-upload-image .file-label {
  --tt-aspect-ratio: 100%;
}
.ratio-4x3 {
  --tt-aspect-ratio: 75%;
}
.ratio-3x4 {
  --tt-aspect-ratio: 132%;
}
.ratio-16x9 {
  --tt-aspect-ratio: 56.25%;
}
.ratio-9x16 {
  --tt-aspect-ratio: 156.25%;
}
.divider-first-0 .divider:first-child {
  border-top: none;
  padding-top: 0 !important;
}
.divider {
  display: block;
  color: inherit;
  border: 0;
  border-top: 0.2777777778vw solid #ddd;
}
.divider.st-bottom {
  border: 0;
  border-bottom: 0.2777777778vw solid #ddd;
}
.divider.st-start,
.divider.st-vertical {
  border: 0;
  border-left: 0.2777777778vw solid #ddd;
}
.divider.st-end {
  border: 0;
  border-right: 0.2777777778vw solid #ddd;
}
.divider.st-vertical.st-10 {
  height: 2.7777777778vw;
}
.divider.st-vertical.st-15 {
  height: 4.1666666667vw;
}
.divider.st-strong {
  border-color: #000;
}
.divider.st-dark {
  border-color: #666;
}
.divider.st-dimmed {
  border-color: #eee;
}
.divider.st-fatty {
  border-color: #fafafa;
  border-width: 2.7777777778vw;
}
.divider.st-blue {
  border-color: #f7fbff;
}
.divider-dashed {
  display: block;
  width: 100%;
  height: 0.2777777778vw;
  background: linear-gradient(to right, #ddd 50%, #fff0 0%);
  background-position: left top;
  background-size: 2.2222222222vw 0.2777777778vw;
  background-repeat: repeat-x;
}
.divider-dashed.st-strong {
  background: linear-gradient(to right, #000 50%, #fff0 0%);
  background-position: left top;
  background-size: 2.2222222222vw 0.2777777778vw;
  background-repeat: repeat-x;
}
.divider-dashed.st-dimmed {
  background: linear-gradient(to right, #e8e8e8 50%, #fff0 0%);
  background-position: left top;
  background-size: 2.2222222222vw 0.2777777778vw;
  background-repeat: repeat-x;
}
.dimmed-mask,
.spot-visual.st-video-view:before,
.spot-visual.st-video:before {
  width: 100%;
  --tt-bg-opacity: 1;
  background-color: rgba(84, 84, 84, var(--tt-bg-opacity)) !important;
}
.dimmed-mask.st-bk10,
.spot-visual.st-video-view:before,
.st-bk10.spot-visual.st-video:before {
  --tt-bg-opacity: 0.1;
}
.dimmed-mask.st-bk20,
.tile-item-mosaic .dimmed-mask.tile-box:after,
.st-bk20.spot-visual.st-video-view:before,
.spot-visual.st-video:before {
  --tt-bg-opacity: 0.2;
}
.dimmed-mask.st-bk30,
.st-bk30.spot-visual.st-video-view:before,
.st-bk30.spot-visual.st-video:before {
  --tt-bg-opacity: 0.3;
}
.dimmed-mask.st-bk40,
.st-bk40.spot-visual.st-video-view:before,
.st-bk40.spot-visual.st-video:before {
  --tt-bg-opacity: 0.4;
}
.dimmed-mask.st-bk70,
.st-bk70.spot-visual.st-video-view:before,
.st-bk70.spot-visual.st-video:before {
  --tt-bg-opacity: 0.7;
}
.dimmed-mask-gradient,
.tile-item-mosaic .tile-box:after {
  width: 100%;
}
.dimmed-mask-gradient.st-bk20,
.tile-item-mosaic .tile-box:after,
.dimmed-mask-gradient.spot-visual.st-video:before {
  background: linear-gradient(to bottom, #54545400, #000);
  opacity: 0.2;
}
.dimmed-mask-gradient.st-bk10,
.tile-item-mosaic .st-bk10.tile-box:after,
.dimmed-mask-gradient.spot-visual.st-video-view:before {
  background: linear-gradient(to bottom, #54545400, #000);
  opacity: 0.1;
}
.dimmed-mask-gradient.st-bk10-rv,
.tile-item-mosaic .st-bk10-rv.tile-box:after {
  background: linear-gradient(to bottom, #000, #54545400);
  opacity: 0.1;
}
.dimmed-mask-gradient.st-white,
.tile-item-mosaic .st-white.tile-box:after,
.dimmed-mask-gradient.spot-visual.st-video-view:after,
.tile-item-mosaic .spot-visual.st-video-view.tile-box:after,
.dimmed-mask-gradient.spot-visual.st-video:after,
.tile-item-mosaic .spot-visual.st-video.tile-box:after {
  background: linear-gradient(to bottom, #fff0, #fff);
}
.dot {
  display: block;
  position: absolute;
  z-index: 1;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  border-radius: 50%;
  background-color: #000;
}
.dot.st-primary {
  background-color: #006bff;
}
.text-clamp_4-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-word;
  max-height: 22.2222222222vw;
  transition: all 0.3s ease-in-out;
}
.text-clamp_4-lines.is-animating {
  -webkit-line-clamp: unset;
}
.align-child-center-w-flex,
.pill button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.align-child-left-center-w-flex {
  display: flex;
  align-items: center;
}
.text-overflow-ellipsis-line,
.featured-banner-carousel .featured figcaption .copy,
.featured-banner-carousel .featured .featured-body .copy,
.featured-banner-carousel .featured figcaption .label,
.featured-banner-carousel .featured .featured-body .label,
.button-icon.st-link .button-text,
.tile-item .tile-thumb .st-link.tile-heart .button-text,
.tile-item-horizon .tile-thumb .st-link.tile-heart .button-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.text-overflow-ellipsis-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.a-inc-img-make-right {
  display: block;
}
.a-inc-img-make-right img {
  display: block;
  width: 100%;
  vertical-align: top;
}
.display-none {
  display: none;
}
.display-block {
  display: block;
}
.font-light {
  font-weight: 300;
}
.font-regular,
.pill button {
  font-weight: 400;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.color-accent {
  color: #0e2ee2;
}
.background-color-accent {
  background-color: #0e2ee2;
}
.pill {
  margin-right: 1.1111111111vw;
}
.pill button {
  background-color: #fff;
  border-radius: 100vw;
  font-size: 3.6111111111vw;
  height: 8.0555555556vw;
  min-width: 13.8888888889vw;
  border: solid 0.2777777778vw #eee;
  color: #999;
  padding: 0 4.4444444444vw;
}
.pill button span {
  display: block;
  white-space: nowrap;
}
.pill.active button {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.scrollable-wrapper {
  overflow-x: auto;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
@media (pointer: coarse) {
  .scrollable-wrapper {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .scrollable-wrapper::-webkit-scrollbar {
    display: none;
  }
}
:root {
  --header-height: 13.8888888889vw;
  --header-height-reduced: 11.6666666667vw;
  --header-height-small: 10vw;
  --header-height-promotion: 28.0555555556vw;
  --nav-bar-height: 11.1111111111vw;
  --header-wrapper-height: 25vw;
  --header-hide-offset: -14.1666666667vw;
  --header-hide-offset-wrapper: -25vw;
  --header-hide-offset-promotion: -28.0555555556vw;
  --header-transition-duration: 0.2s;
  --header-transition-easing: cubic-bezier(0.215, 0.61, 0.355, 1);
  --header-transition: transform var(--header-transition-duration) var(--header-transition-easing);
  --global-origin-width: 360;
  --global-unit: calc(100vw / 360);
}
.is-sticky-hidden {
  transition: var(--header-transition);
  will-change: transform;
}
body.stickyNav.st-down .is-sticky-hidden {
  transform: translateY(var(--header-hide-offset));
}
body.stickyNav.st-up .is-sticky-hidden {
  transform: translateY(0);
}
.is-sticky-hidden-fixed {
  transition: var(--header-transition);
  will-change: transform;
}
body.stickyNav.st-down .is-sticky-hidden-fixed.st-fixed {
  transform: translateY(var(--header-hide-offset));
}
body.stickyNav.st-up .is-sticky-hidden-fixed {
  transform: translateY(0);
}
.is-sticky-hidden--promotion {
  transition: var(--header-transition);
  will-change: transform;
}
body.stickyNav.st-down.page-promotion .is-sticky-hidden--promotion {
  transform: translateY(var(--header-hide-offset-promotion));
}
body.stickyNav.st-up.page-promotion .is-sticky-hidden--promotion {
  transform: translateY(0);
}
*,
*:after,
*:before {
  box-sizing: border-box;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -ms-touch-action: none;
}
body {
  overflow-anchor: none;
  font-family:
    Pretendard,
    AppleSDGothicNeo,
    Apple SD Gothic Neo,
    SamsungOne,
    맑은 고딕,
    Malgun Gothic,
    Arial,
    sans-serif,
    serif,
    돋움,
    Dotum;
  font-size: 3.6111111111vw;
  line-height: normal;
  color: #000;
  word-break: keep-all;
}
.text-inner {
  display: block;
  font-style: normal;
}
strong.text-inner,
strong.text-require {
  font-weight: 600;
}
.heading-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.heading-group .icon-chevron-next,
.heading-group .icon-chevron-down {
  margin-right: -1.1111111111vw;
}
.heading-group[data-tt-toggle="collapse"].active .icon-chevron-down {
  background-image: url("../img/icons/icon-chevron-up-xs__black.png");
}
.heading-group .heading-end {
  display: flex;
  align-items: center;
}
.heading-group .heading-end .heading-text {
  display: flex;
  align-items: center;
  color: #666;
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.heading-group .heading-end .heading-text .text-truncate,
.heading-group .heading-end .heading-text .dropdown-window .hole-item-horizon .hole-text .text-inner,
.dropdown-window .hole-item-horizon .hole-text .heading-group .heading-end .heading-text .text-inner {
  max-width: 36.1111111111vw;
}
.heading-group .heading-end .heading-text .text-inner {
  margin-right: 1.3888888889vw;
}
.heading-group .heading-end .heading-text .text-primary {
  margin-left: -0.5555555556vw;
}
.heading-group .heading-end .icon-chevron-down {
  margin-right: -1.3888888889vw;
}
.heading-group.st-reduced .heading {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.heading-group.text-light .icon-chevron-down.st-xs.st-black {
  background-image: url("../img/icons/icon-chevron-down-xs__gray.png");
}
.heading-order-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.heading-order-group .button-cta {
  color: #999;
  margin-right: -3.3333333333vw;
}
.heading-order-group .icon-chevron-next {
  margin-right: -1.1111111111vw;
}
.heading-order-group .heading {
  display: flex;
  font-weight: 400;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.heading-order-group .heading .text-inner + .text-inner {
  margin-left: 2.2222222222vw;
}
.heading {
  display: flex;
  align-items: center;
  padding: 2.7777777778vw 0;
  font-weight: 600;
  font-size: 4.4444444444vw;
  line-height: 6.1111111111vw;
  flex-shrink: 0;
}
.heading.st-reduced {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.heading.st-reduced .text-inner + .text-inner {
  margin-left: 2.2222222222vw;
}
.heading.st-sm {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
}
.heading.st-xs {
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.heading-section {
  font-size: 5.5555555556vw;
  line-height: 7.7777777778vw;
  font-weight: 600;
  padding-top: 2.7777777778vw;
  padding-bottom: 2.7777777778vw;
  flex-shrink: 0;
  word-break: break-all;
}
.heading-section.st-light {
  font-weight: 400;
}
.heading-section.st-reduced {
  font-size: 5vw;
  line-height: 6.6666666667vw;
}
.heading-section.st-reduced .text-inner.text-ellipsis-2 {
  display: -webkit-box;
  max-height: 14vw;
  font-size: 5vw;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.heading-section.st-elevated,
.zip-code .heading-section.zip-code-text,
.zip-code .heading-section.zip-code-title,
.announce-print-value .heading-section.announce-text,
.announce-print-value .heading-section.announce-label,
.summary-data .heading-section.summary-text,
.summary-data .heading-section.summary-title {
  font-size: 6.6666666667vw;
  line-height: 7.2222222222vw;
}
.heading-section.st-elevated.st-light,
.zip-code .heading-section.st-light.zip-code-text,
.zip-code .heading-section.st-light.zip-code-title,
.announce-print-value .heading-section.st-light.announce-text,
.announce-print-value .heading-section.st-light.announce-label,
.summary-data .heading-section.st-light.summary-text,
.summary-data .heading-section.st-light.summary-title {
  font-weight: 300;
}
.heading-section[class*="mb-n"] {
  z-index: 2;
}
.heading-section.st-lg {
  font-size: 6.6666666667vw;
}
.text-highlight {
  position: relative;
}
.text-highlight:after {
  content: "";
  display: block;
  height: 4.4444444444vw;
  position: absolute;
  right: -0.2777777778vw;
  left: -0.2777777778vw;
  top: 2.2222222222vw;
  z-index: 0;
  background-color: #f36;
  opacity: 0.15;
}
.helper {
  display: flex;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  font-weight: 400;
}
.helper.st-dimmed {
  color: #999;
}
.helper.st-primary {
  color: #006bff;
}
.helper.st-warning {
  color: #f36;
}
.helper.st-secondary {
  color: #2460eb;
}
.helper.st-elevated,
.zip-code .helper.zip-code-text,
.zip-code .helper.zip-code-title,
.announce-print-value .helper.announce-text,
.announce-print-value .helper.announce-label,
.summary-data .helper.summary-text,
.summary-data .helper.summary-title {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.helper.st-sm {
  font-size: 2.7777777778vw;
  line-height: 3.8888888889vw;
}
.helper.st-xsm {
  font-size: 3.0555555556vw;
}
.helper.st-lg {
  font-size: 3.8888888889vw;
}
.helper.st-dotted {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.helper.st-dotted:before {
  content: "";
  display: block;
  width: 0.5555555556vw;
  height: 0.5555555556vw;
  border-radius: 50%;
  background-color: #000;
  margin-right: 1.6666666667vw;
  margin-top: 1.3888888889vw;
  flex-shrink: 0;
}
.helper.st-dotted.st-dimmed:before {
  background-color: #999;
}
.helper.st-dotted.st-primary:before {
  background-color: #006bff;
}
.helper.st-dotted.st-secondary:before {
  background-color: #2460eb;
}
.helper.st-highlight {
  border-radius: 1.1111111111vw;
  padding: 2.2222222222vw 5.5555555556vw;
  width: 100%;
  background-color: #eef5ff;
  font-size: 3.0555555556vw;
}
.helper.st-highlight.br-10 {
  border-radius: 2.7777777778vw;
}
.helper.st-highlight.st-fill {
  max-width: -moz-max-content;
  max-width: max-content;
}
.helper.st-pill {
  border-radius: 6.9444444444vw;
}
.tooltip-label {
  display: inline-flex;
  align-items: center;
}
.tooltip-label .tooltip-text {
  font-style: normal;
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.tooltip-label .icon-question-circle {
  margin-left: 1.1111111111vw;
}
.tooltip-label.st-elevated .tooltip-text,
.zip-code .tooltip-label.zip-code-text .tooltip-text,
.zip-code .tooltip-label.zip-code-title .tooltip-text,
.announce-print-value .tooltip-label.announce-text .tooltip-text,
.announce-print-value .tooltip-label.announce-label .tooltip-text,
.summary-data .tooltip-label.summary-text .tooltip-text,
.summary-data .tooltip-label.summary-title .tooltip-text {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.matrix-label,
.zip-code .zip-code-title,
.announce-print-value .announce-label,
.summary-data .summary-title {
  display: flex;
  font-style: normal;
  align-items: flex-start;
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.matrix-label .text-require,
.zip-code .zip-code-title .text-require,
.announce-print-value .announce-label .text-require,
.summary-data .summary-title .text-require {
  font-size: 3.3333333333vw;
  line-height: 1;
  margin-left: 1.3888888889vw;
  color: #006bff;
  vertical-align: top;
}
.matrix-label.st-strong,
.zip-code .st-strong.zip-code-title,
.announce-print-value .st-strong.announce-label,
.summary-data .st-strong.summary-title {
  font-weight: 600;
}
.matrix-label.st-elevated,
.zip-code .matrix-label.zip-code-text,
.zip-code .zip-code-title,
.announce-print-value .matrix-label.announce-text,
.announce-print-value .announce-label,
.summary-data .matrix-label.summary-text,
.summary-data .summary-title {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.matrix-label.st-lg,
.zip-code .st-lg.zip-code-title,
.announce-print-value .st-lg.announce-label,
.summary-data .st-lg.summary-title {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
}
.matrix-label.st-lg .text-require,
.zip-code .st-lg.zip-code-title .text-require,
.announce-print-value .st-lg.announce-label .text-require,
.summary-data .st-lg.summary-title .text-require {
  font-size: 3.8888888889vw;
}
.matrix-label.st-dimmed,
.zip-code .st-dimmed.zip-code-title,
.announce-print-value .st-dimmed.announce-label,
.summary-data .st-dimmed.summary-title {
  color: #999;
}
.matrix-value,
.zip-code .zip-code-text,
.announce-print-value .announce-text,
.summary-data .summary-sub-text,
.summary-data .summary-text {
  font-style: normal;
  display: flex;
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.matrix-value.st-dimmed,
.zip-code .st-dimmed.zip-code-text,
.announce-print-value .st-dimmed.announce-text,
.summary-data .st-dimmed.summary-sub-text,
.summary-data .st-dimmed.summary-text {
  color: #999;
}
.matrix-value.st-elevated,
.zip-code .zip-code-text,
.zip-code .matrix-value.zip-code-title,
.announce-print-value .announce-text,
.announce-print-value .matrix-value.announce-label,
.summary-data .st-elevated.summary-sub-text,
.summary-data .zip-code .summary-sub-text.zip-code-title,
.zip-code .summary-data .summary-sub-text.zip-code-title,
.summary-data .announce-print-value .summary-sub-text.announce-label,
.announce-print-value .summary-data .summary-sub-text.announce-label,
.summary-data .summary-text,
.summary-data .matrix-value.summary-title,
.summary-data .summary-title.summary-sub-text {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.matrix-label-folder {
  display: flex;
  align-items: center;
  font-style: normal;
  font-size: 3.6111111111vw;
  line-height: 4.1666666667vw;
}
.matrix-label-folder .icon,
.matrix-label-folder .spot-visual.st-video-view:after,
.matrix-label-folder .spot-visual.st-video:after {
  display: block;
  margin-left: 2.7777777778vw;
}
.matrix-label-folder.st-strong {
  font-weight: 600;
}
[data-tt-toggle="collapse"].active .matrix-label-folder .icon-chevron-down.st-black {
  background-image: url("../img/icons/icon-chevron-up-xxs__black.png");
}
[data-tt-toggle="collapse"].active .matrix-label-folder .icon-chevron-down.st-gray666 {
  background-image: url("../img/icons/icon-chevron-up-xxs__gray666.png");
}
.special-mention .mention-title {
  display: flex;
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  font-weight: 400;
  margin-bottom: 2.7777777778vw;
}
.special-mention .mention-text {
  display: flex;
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.special-mention .mention-button-text {
  display: block;
  padding-top: 3.3333333333vw;
  padding-bottom: 3.6111111111vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  line-height: 4.1666666667vw;
  text-align: left;
  text-decoration: underline;
  color: #666;
  margin-top: 2.7777777778vw;
}
.summary-data .summary-title {
  font-weight: 400;
  color: #999;
}
.summary-data .summary-text .text-inner + .text-inner {
  margin-left: 2.2222222222vw;
}
.summary-data .summary-sub-text {
  margin-top: 1.6666666667vw;
}
.spot-copy {
  display: block;
}
.spot-copy .spot-sub-title {
  font-size: 3.8888888889vw;
  font-weight: 300;
  line-height: 5.5555555556vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.spot-copy .spot-sub-title + .spot-title {
  margin-top: 5.5555555556vw;
}
.spot-copy .spot-title {
  display: flex;
  font-size: 5vw;
  line-height: 6.9444444444vw;
  font-weight: 600;
}
.spot-copy .spot-title + .spot-text {
  margin-top: 2.7777777778vw;
}
.spot-copy .spot-text {
  display: flex;
  color: #999;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  font-weight: 400;
}
.spot-copy .spot-text + .spot-text {
  margin-top: 2.2222222222vw;
}
.spot-copy .spot-bubbles {
  margin-top: 8.3333333333vw;
}
.spot-copy .spot-bubbles .bubble {
  margin-right: 0.8333333333vw;
}
.spot-copy.st-elevated .spot-title,
.zip-code .spot-copy.zip-code-text .spot-title,
.zip-code .spot-copy.zip-code-title .spot-title,
.announce-print-value .spot-copy.announce-text .spot-title,
.announce-print-value .spot-copy.announce-label .spot-title,
.summary-data .spot-copy.summary-title .spot-title,
.summary-data .spot-copy.summary-text .spot-title {
  font-size: 7.7777777778vw;
  line-height: 10.5555555556vw;
  font-weight: 300;
  padding-right: 0;
}
.spot-copy.st-elevated .spot-title + .spot-text,
.zip-code .spot-copy.zip-code-text .spot-title + .spot-text,
.zip-code .spot-copy.zip-code-title .spot-title + .spot-text,
.announce-print-value .spot-copy.announce-text .spot-title + .spot-text,
.announce-print-value .spot-copy.announce-label .spot-title + .spot-text,
.summary-data .spot-copy.summary-title .spot-title + .spot-text,
.summary-data .spot-copy.summary-text .spot-title + .spot-text {
  margin-top: 2.7777777778vw;
}
.spot-copy.st-elevated .spot-text,
.zip-code .spot-copy.zip-code-text .spot-text,
.zip-code .spot-copy.zip-code-title .spot-text,
.announce-print-value .spot-copy.announce-text .spot-text,
.announce-print-value .spot-copy.announce-label .spot-text,
.summary-data .spot-copy.summary-title .spot-text,
.summary-data .spot-copy.summary-text .spot-text {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
}
.spot-copy.st-elevated.st-overlay .spot-title,
.zip-code .spot-copy.st-overlay.zip-code-text .spot-title,
.zip-code .spot-copy.st-overlay.zip-code-title .spot-title,
.announce-print-value .spot-copy.st-overlay.announce-text .spot-title,
.announce-print-value .spot-copy.st-overlay.announce-label .spot-title,
.spot-copy.st-overlay .spot-bubbles .spot-copy.st-elevated.bubble .spot-title,
.spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.bubble.zip-code-text .spot-title,
.zip-code .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.zip-code-text .spot-title,
.spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.bubble.zip-code-title .spot-title,
.zip-code .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.zip-code-title .spot-title,
.spot-copy.st-overlay .spot-bubbles .announce-print-value .spot-copy.bubble.announce-text .spot-title,
.announce-print-value .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.announce-text .spot-title,
.spot-copy.st-overlay .spot-bubbles .announce-print-value .spot-copy.bubble.announce-label .spot-title,
.announce-print-value .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.announce-label .spot-title,
.summary-data .spot-copy.st-overlay.summary-title .spot-title,
.summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-title.bubble .spot-title,
.spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-title.bubble .spot-title,
.summary-data .spot-copy.st-overlay.summary-text .spot-title,
.summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-text.bubble .spot-title,
.spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-text.bubble .spot-title {
  font-size: 5.5555555556vw;
  line-height: 7.2222222222vw;
  font-weight: 600;
  padding-right: 15.2777777778vw;
}
.spot-copy.st-elevated.st-overlay .spot-sub-text,
.zip-code .spot-copy.st-overlay.zip-code-text .spot-sub-text,
.zip-code .spot-copy.st-overlay.zip-code-title .spot-sub-text,
.announce-print-value .spot-copy.st-overlay.announce-text .spot-sub-text,
.announce-print-value .spot-copy.st-overlay.announce-label .spot-sub-text,
.spot-copy.st-overlay .spot-bubbles .spot-copy.st-elevated.bubble .spot-sub-text,
.spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.bubble.zip-code-text .spot-sub-text,
.zip-code .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.zip-code-text .spot-sub-text,
.spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.bubble.zip-code-title .spot-sub-text,
.zip-code .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.zip-code-title .spot-sub-text,
.spot-copy.st-overlay .spot-bubbles .announce-print-value .spot-copy.bubble.announce-text .spot-sub-text,
.announce-print-value .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.announce-text .spot-sub-text,
.spot-copy.st-overlay .spot-bubbles .announce-print-value .spot-copy.bubble.announce-label .spot-sub-text,
.announce-print-value .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.announce-label .spot-sub-text,
.summary-data .spot-copy.st-overlay.summary-title .spot-sub-text,
.summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-title.bubble .spot-sub-text,
.spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-title.bubble .spot-sub-text,
.summary-data .spot-copy.st-overlay.summary-text .spot-sub-text,
.summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-text.bubble .spot-sub-text,
.spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-text.bubble .spot-sub-text {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  font-weight: 300;
}
.spot-copy.st-elevated.st-overlay .spot-sub-text + .spot-title,
.zip-code .spot-copy.st-overlay.zip-code-text .spot-sub-text + .spot-title,
.zip-code .spot-copy.st-overlay.zip-code-title .spot-sub-text + .spot-title,
.announce-print-value .spot-copy.st-overlay.announce-text .spot-sub-text + .spot-title,
.announce-print-value .spot-copy.st-overlay.announce-label .spot-sub-text + .spot-title,
.spot-copy.st-overlay .spot-bubbles .spot-copy.st-elevated.bubble .spot-sub-text + .spot-title,
.spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.bubble.zip-code-text .spot-sub-text + .spot-title,
.zip-code .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.zip-code-text .spot-sub-text + .spot-title,
.spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.bubble.zip-code-title .spot-sub-text + .spot-title,
.zip-code .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.zip-code-title .spot-sub-text + .spot-title,
.spot-copy.st-overlay .spot-bubbles .announce-print-value .spot-copy.bubble.announce-text .spot-sub-text + .spot-title,
.announce-print-value .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.announce-text .spot-sub-text + .spot-title,
.spot-copy.st-overlay .spot-bubbles .announce-print-value .spot-copy.bubble.announce-label .spot-sub-text + .spot-title,
.announce-print-value .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.announce-label .spot-sub-text + .spot-title,
.summary-data .spot-copy.st-overlay.summary-title .spot-sub-text + .spot-title,
.summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-title.bubble .spot-sub-text + .spot-title,
.spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-title.bubble .spot-sub-text + .spot-title,
.summary-data .spot-copy.st-overlay.summary-text .spot-sub-text + .spot-title,
.summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-text.bubble .spot-sub-text + .spot-title,
.spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-text.bubble .spot-sub-text + .spot-title {
  margin-top: 2.7777777778vw;
}
.spot-copy.st-elevated.st-overlay .spot-text,
.zip-code .spot-copy.st-overlay.zip-code-text .spot-text,
.zip-code .spot-copy.st-overlay.zip-code-title .spot-text,
.announce-print-value .spot-copy.st-overlay.announce-text .spot-text,
.announce-print-value .spot-copy.st-overlay.announce-label .spot-text,
.spot-copy.st-overlay .spot-bubbles .spot-copy.st-elevated.bubble .spot-text,
.spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.bubble.zip-code-text .spot-text,
.zip-code .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.zip-code-text .spot-text,
.spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.bubble.zip-code-title .spot-text,
.zip-code .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.zip-code-title .spot-text,
.spot-copy.st-overlay .spot-bubbles .announce-print-value .spot-copy.bubble.announce-text .spot-text,
.announce-print-value .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.announce-text .spot-text,
.spot-copy.st-overlay .spot-bubbles .announce-print-value .spot-copy.bubble.announce-label .spot-text,
.announce-print-value .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.announce-label .spot-text,
.summary-data .spot-copy.st-overlay.summary-title .spot-text,
.summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-title.bubble .spot-text,
.spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-title.bubble .spot-text,
.summary-data .spot-copy.st-overlay.summary-text .spot-text,
.summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-text.bubble .spot-text,
.spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-text.bubble .spot-text {
  font-size: 3.3333333333vw;
  line-height: 5vw;
  padding-right: 15.2777777778vw;
}
.spot-copy.st-overlay .spot-title,
.spot-copy.st-overlay .spot-bubbles .spot-copy.bubble .spot-title {
  font-weight: 400;
}
.spot-copy.st-overlay .spot-sub-title,
.spot-copy.st-overlay .spot-bubbles .spot-copy.bubble .spot-sub-title,
.spot-copy.st-overlay .spot-title,
.spot-copy.st-overlay .spot-bubbles .spot-copy.bubble .spot-title,
.spot-copy.st-overlay .spot-sub-text,
.spot-copy.st-overlay .spot-bubbles .spot-copy.bubble .spot-sub-text,
.spot-copy.st-overlay .spot-text,
.spot-copy.st-overlay .spot-bubbles .spot-copy.bubble .spot-text {
  color: #fff;
}
.spot-utility {
  display: block;
}
.spot-utility .spot-thumb {
  display: block;
  width: 12.5vw !important;
  position: relative;
  z-index: 2;
}
.spot-utility .spot-link {
  display: block;
}
.spot-utility .spot-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.spot-utility .spot-actions .selectbox-text {
  text-align: left;
}
.spot-utility .spot-actions .button-icon,
.spot-utility .spot-actions .tile-item .tile-thumb .tile-heart,
.tile-item .tile-thumb .spot-utility .spot-actions .tile-heart,
.spot-utility .spot-actions .tile-item-horizon .tile-thumb .tile-heart,
.tile-item-horizon .tile-thumb .spot-utility .spot-actions .tile-heart {
  margin-right: -1.3888888889vw;
}
.spot-utility .spot-action-start {
  display: flex;
  align-items: center;
}
.spot-utility .spot-action-start .spot-action-text {
  padding-top: 2.7777777778vw;
  padding-bottom: 2.7777777778vw;
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
}
.spot-utility .spot-action-start .icon,
.spot-utility .spot-action-start .spot-visual.st-video-view:after,
.spot-utility .spot-action-start .spot-visual.st-video:after {
  margin-left: 1.6666666667vw;
}
.spot-utility .spot-action-end {
  display: flex;
  align-items: center;
}
.spot-utility .spot-action-end .spot-action-button {
  color: #999;
  padding-top: 2.2222222222vw;
  padding-bottom: 2.2222222222vw;
}
.spot-utility .spot-action-end .spot-action-button + .spot-action-button {
  margin-left: 4.1666666667vw;
}
.spot-utility.st-reduced {
  padding-left: 5.5555555556vw;
}
.spot-utility.st-reduced .spot-thumb {
  width: 9.7222222222vw !important;
}
.spot-utility.st-reduced .spot-action-start .spot-action-text {
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.spot-visual {
  position: relative;
  display: block;
}
.spot-visual .spot-link {
  display: block;
}
.spot-visual .spot-post,
.spot-visual.spot-post {
  background: transparent center center no-repeat;
  background-size: cover;
  aspect-ratio: 3/4;
}
.spot-visual .spot-img {
  position: relative;
  z-index: 2;
}
.spot-visual .spot-violator {
  display: flex;
  position: absolute;
  z-index: 4;
}
.spot-visual .spot-pointer {
  width: 100%;
  position: absolute;
  z-index: 3;
}
.spot-visual .spot-badge {
  position: absolute;
  z-index: 4;
  display: block;
  width: 6.6666666667vw;
  line-height: 6.6666666667vw;
  color: #fff;
  background-color: #000;
  font-size: 3.3333333333vw;
  font-weight: 600;
  text-align: center;
}
.spot-visual .spot-best {
  position: absolute;
  width: 8.3333333333vw;
  z-index: 3;
}
.spot-visual .spot-video-container {
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.spot-visual .spot-video-container .spot-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 103%;
  height: 103%;
  transform: translate(-50%, -50%);
}
.spot-visual .spot-video-container.st-maxi {
  padding-bottom: 178.25%;
}
.spot-visual.st-video {
  overflow: hidden;
}
.spot-visual.st-video .spot-video-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.spot-visual.st-video .spot-copy {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  padding: 5.5555555556vw 16.6666666667vw 5.5555555556vw 5.5555555556vw;
}
.spot-visual.st-video .spot-copy .spot-text {
  color: #fff;
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  padding-right: 0;
}
.spot-visual.st-video:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 3;
}
.spot-visual.st-video:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 3;
  margin: auto;
}
.spot-visual.st-video.st-maxi .spot-video-container {
  padding-bottom: 178.25%;
}
.spot-visual.st-video.st-play:before,
.spot-visual.st-video.st-play:after {
  display: none;
}
.spot-visual.st-video.st-play .spot-violator,
.spot-visual.st-video.st-play .spot-copy,
.spot-visual.st-video.st-play .spot-img {
  opacity: 0;
  visibility: hidden;
}
.spot-visual.st-video-view .spot-video-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding-bottom: 136.486%;
}
.spot-visual.st-video-view .spot-video-container:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 3;
}
.spot-visual.st-video-view:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 3;
}
.spot-visual.st-video-view:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 3;
  margin: auto;
}
.spot-visual.st-video-view.st-play:before,
.spot-visual.st-video-view.st-play:after {
  display: none;
}
.spot-visual.st-video-view.st-play .spot-violator,
.spot-visual.st-video-view.st-play .spot-copy,
.spot-visual.st-video-view.st-play .spot-img {
  opacity: 0;
  visibility: hidden;
}
.billboard-hero-carousel {
  display: block;
}
.billboard-hero-carousel .billboard-indicator {
  height: 16.6666666667vw;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 0 5.5555555556vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.billboard-hero-carousel .billboard-indicator .indicator-progress {
  top: auto;
}
.billboard-hero-carousel .billboard-indicator.swiper-pagination-fraction {
  width: auto;
  height: 7.2222222222vw;
  border-radius: 27.7777777778vw;
  background-color: #0009;
  font-weight: 300;
  flex-flow: row;
  left: unset;
  right: 5.5555555556vw;
  top: unset;
  bottom: 4.4444444444vw;
  color: #fff;
  font-size: 3.3333333333vw;
  align-items: center;
  line-height: 1;
  gap: 0.8333333333vw;
  padding: 0 2.7777777778vw;
}
.billboard-hero-carousel .billboard-indicator.swiper-pagination-fraction .swiper-pagination-total {
  opacity: 0.5;
}
.billboard-hero-carousel.st-reduced .billboard-indicator {
  height: 11.6666666667vw;
}
.billboard {
  display: block;
}
.billboard .billboard-visual .swiper .billboard-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin-bottom: 5.5555555556vw;
}
.billboard .billboard-visual .swiper .billboard-indicator .indicator-progress {
  position: relative;
  left: auto;
  right: auto;
}
.billboard .billboard-copy {
  margin-top: 5.5555555556vw;
}
.billboard-hero {
  position: relative;
  display: block;
}
.billboard-hero.no-mask:after {
  opacity: 0 !important;
}
.billboard-hero .billboard-covered {
  position: absolute;
  inset: 0;
  z-index: 3;
  padding-bottom: 18.0555555556vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.billboard-hero .zip-code .spot-copy.st-overlay.zip-code-text .spot-title,
.zip-code .billboard-hero .spot-copy.st-overlay.zip-code-text .spot-title,
.billboard-hero .zip-code .spot-copy.st-overlay.zip-code-title .spot-title,
.zip-code .billboard-hero .spot-copy.st-overlay.zip-code-title .spot-title,
.billboard-hero .announce-print-value .spot-copy.st-overlay.announce-text .spot-title,
.announce-print-value .billboard-hero .spot-copy.st-overlay.announce-text .spot-title,
.billboard-hero .announce-print-value .spot-copy.st-overlay.announce-label .spot-title,
.announce-print-value .billboard-hero .spot-copy.st-overlay.announce-label .spot-title,
.billboard-hero .summary-data .spot-copy.st-overlay.summary-title .spot-title,
.summary-data .billboard-hero .spot-copy.st-overlay.summary-title .spot-title,
.billboard-hero .summary-data .spot-copy.st-overlay.summary-text .spot-title,
.summary-data .billboard-hero .spot-copy.st-overlay.summary-text .spot-title,
.billboard-hero .spot-copy.st-overlay .spot-bubbles .spot-copy.st-elevated.bubble .spot-title,
.billboard-hero .spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.bubble.zip-code-text .spot-title,
.zip-code .billboard-hero .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.zip-code-text .spot-title,
.billboard-hero .spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.bubble.zip-code-title .spot-title,
.zip-code .billboard-hero .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.zip-code-title .spot-title,
.billboard-hero .spot-copy.st-overlay .spot-bubbles .announce-print-value .spot-copy.bubble.announce-text .spot-title,
.announce-print-value .billboard-hero .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.announce-text .spot-title,
.billboard-hero .spot-copy.st-overlay .spot-bubbles .announce-print-value .spot-copy.bubble.announce-label .spot-title,
.announce-print-value .billboard-hero .spot-copy.st-overlay .spot-bubbles .spot-copy.bubble.announce-label .spot-title,
.spot-copy.st-overlay .spot-bubbles .billboard-hero .spot-copy.st-elevated.bubble .spot-title,
.spot-copy.st-overlay .spot-bubbles .billboard-hero .zip-code .spot-copy.bubble.zip-code-text .spot-title,
.zip-code .spot-copy.st-overlay .spot-bubbles .billboard-hero .spot-copy.bubble.zip-code-text .spot-title,
.spot-copy.st-overlay .spot-bubbles .billboard-hero .zip-code .spot-copy.bubble.zip-code-title .spot-title,
.zip-code .spot-copy.st-overlay .spot-bubbles .billboard-hero .spot-copy.bubble.zip-code-title .spot-title,
.spot-copy.st-overlay .spot-bubbles .billboard-hero .announce-print-value .spot-copy.bubble.announce-text .spot-title,
.announce-print-value .spot-copy.st-overlay .spot-bubbles .billboard-hero .spot-copy.bubble.announce-text .spot-title,
.spot-copy.st-overlay .spot-bubbles .billboard-hero .announce-print-value .spot-copy.bubble.announce-label .spot-title,
.announce-print-value .spot-copy.st-overlay .spot-bubbles .billboard-hero .spot-copy.bubble.announce-label .spot-title,
.billboard-hero .summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-title.bubble .spot-title,
.summary-data .spot-copy.st-overlay .spot-bubbles .billboard-hero .spot-copy.summary-title.bubble .spot-title,
.billboard-hero .spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-title.bubble .spot-title,
.spot-copy.st-overlay .spot-bubbles .summary-data .billboard-hero .spot-copy.summary-title.bubble .spot-title,
.billboard-hero .summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-text.bubble .spot-title,
.summary-data .spot-copy.st-overlay .spot-bubbles .billboard-hero .spot-copy.summary-text.bubble .spot-title,
.billboard-hero .spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-text.bubble .spot-title,
.spot-copy.st-overlay .spot-bubbles .summary-data .billboard-hero .spot-copy.summary-text.bubble .spot-title {
  font-weight: 400;
  display: -webkit-box;
  max-height: 16.6666666667vw;
  font-size: 6.6666666667vw;
  line-height: 1.25;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.billboard-hero .spot-copy .spot-title + .spot-text {
  margin-top: 5.5555555556vw;
}
.billboard-hero:before,
.billboard-hero:after {
  content: "";
  height: 100vw;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
}
.billboard-hero:before {
  top: 0;
  background: linear-gradient(to bottom, #000, #54545400);
  opacity: 0.1;
}
.billboard-hero:after {
  background: linear-gradient(to bottom, #54545400, #000);
  opacity: 0.2;
  bottom: 0;
}
.billboard-hero.st-square .billboard-covered {
  padding-bottom: 11.6666666667vw;
}
.billboard-hero.st-reduced {
  overflow: hidden;
}
.billboard-hero.st-reduced .billboard-covered {
  padding-bottom: 11.1111111111vw;
}
.billboard-hero.st-reduced .billboard-covered .spot-copy .spot-title {
  line-height: 8.3333333333vw;
  display: -webkit-box;
  max-height: 16.6666666667vw;
  font-size: 6.6666666667vw;
  line-height: 1.25;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.billboard-hero.st-reduced:before {
  display: none;
}
.billboard-hero.st-dimmed-50:after {
  background: linear-gradient(to bottom, #0000, #00000080);
  height: 100%;
  opacity: 1;
  bottom: 0;
}
.billboard-addon {
  display: block;
}
.billboard-addon .billboard-visual .swiper .billboard-indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin-bottom: 5.5555555556vw;
}
.billboard-addon .billboard-visual .swiper .billboard-indicator .indicator-progress {
  position: relative;
  left: auto;
  right: auto;
}
.billboard-addon .billboard-visual .swiper .billboard-indicator-numeric {
  position: absolute;
  bottom: 4.1666666667vw;
  right: 4.1666666667vw;
  z-index: 2;
}
.billboard-addon .billboard-covered {
  margin-top: -6.3888888889vw;
}
.billboard-addon .billboard-covered .billboard-copy:first-child {
  margin-top: 11.9444444444vw;
}
.billboard-addon .billboard-covered .spot-actions .dropdown-box .selectbox-text {
  font-size: 3.8888888889vw;
  font-weight: 400;
  line-height: 4.4444444444vw;
  padding-right: 5vw;
}
.billboard-addon .spot-copy .spot-title {
  display: -webkit-box;
  max-height: 13.3vw;
  font-size: 5vw;
  line-height: 1.33;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.billboard-addon .spot-copy .spot-title.st-sm {
  font-size: 5.5555555556vw;
  line-height: 7.2222222222vw;
}
.billboard-addon .spot-copy .spot-text {
  display: -webkit-box;
  max-height: 8.8666666667vw;
  font-size: 3.3333333333vw;
  line-height: 1.33;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.billboard-addon .spot-copy .spot-text.text-ellipsis-3 {
  display: -webkit-box;
  max-height: 13.3vw;
  font-size: 3.3333333333vw;
  line-height: 1.33;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.billboard-addon .spot-copy .spot-text.st-sm {
  font-size: 3.8888888889vw;
  line-height: 3.8888888889vw;
}
.billboard-addon.st-reduced .billboard-covered {
  margin-top: -5vw;
}
.swiper .billboard-hook-indicator {
  width: auto;
  position: absolute;
  left: auto;
  right: 5.5555555556vw;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  color: #fff;
}
.swiper .billboard-hook-indicator .swiper-pagination-current,
.swiper .billboard-hook-indicator .swiper-pagination-wrap.st-pager .pager-fraction__current,
.swiper-pagination-wrap.st-pager .swiper .billboard-hook-indicator .pager-fraction__current {
  color: #fff;
}
.billboard-time-deal {
  display: block;
  padding-top: 10.8333333333vw;
}
.billboard-time-deal .billboard-visual {
  background-color: #fff;
}
.billboard-time-deal .billboard-visual:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #00000005;
}
.billboard-time-deal .billboard-visual .spot-img {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
}
.billboard-time-deal .billboard-rate {
  display: flex;
  align-items: flex-start;
  position: absolute;
  z-index: 3;
  font-weight: 300;
  font-size: 13.8888888889vw;
  line-height: 21.9444444444vw;
  margin-top: -9.1666666667vw;
  margin-right: 5.5555555556vw;
}
.billboard-time-deal .billboard-rate .billboard-rate-per {
  font-size: 8.3333333333vw;
  line-height: 11.6666666667vw;
  margin-top: 3.3333333333vw;
  margin-right: 2.2222222222vw;
}
.billboard-time-deal .billboard-badge {
  position: absolute;
  z-index: 3;
  background-color: #000;
  text-align: center;
  color: #fff;
  font-size: 3.3333333333vw;
  line-height: 4.4444444444vw;
  margin-left: 2.2222222222vw;
  margin-bottom: 3.3333333333vw;
  width: 17.7777777778vw;
  height: 17.7777777778vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.billboard-time-deal .billboard-tile-item .tile-body,
.billboard-time-deal .billboard-tile-item .tile-footer {
  padding-left: 2.2222222222vw;
  padding-right: 5.5555555556vw;
}
.billboard-time-deal .billboard-tile-item.tile-item.st-lg .tile-footer {
  height: auto;
}
.carousel .billboard-time-deal .billboard-rate {
  margin-right: 0;
}
.shortcut .shortcut-copy {
  margin-top: 3.3333333333vw;
}
.shortcut .text-inner {
  margin-top: -0.8333333333vw;
  margin-bottom: -0.8333333333vw;
}
.shortcut .shortcut-title {
  display: flex;
  font-weight: 600;
  display: -webkit-box;
  max-height: 10.8888888889vw;
  font-size: 3.8888888889vw;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.shortcut .shortcut-title + .shortcut-text {
  margin-top: 2.2222222222vw;
}
.shortcut .shortcut-text {
  display: flex;
  color: #666;
  display: -webkit-box;
  max-height: 10vw;
  font-size: 3.3333333333vw;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.shortcut-tv {
  display: block;
  width: 43.0555555556vw;
}
.shortcut-tv .shortcut-visual {
  position: relative;
}
.shortcut-tv .shortcut-visual .shortcut-violator {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.shortcut-tv .shortcut-copy {
  margin-top: 3.3333333333vw;
  padding-right: 5.5555555556vw;
}
.shortcut-tv .shortcut-title {
  display: flex;
  font-size: 3.3333333333vw;
  line-height: 4.4444444444vw;
  font-weight: 600;
}
.shortcut-tv .shortcut-title + .shortcut-text {
  margin-top: 1.6666666667vw;
}
.shortcut-tv .shortcut-text {
  display: flex;
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.shortcut-special {
  display: block;
  width: 43.0555555556vw;
}
.shortcut-special .shortcut-copy {
  padding-right: 5.5555555556vw;
}
.shortcut-special .shortcut-title {
  display: flex;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  font-weight: 600;
  margin-top: 4.1666666667vw;
}
.shortcut-special .shortcut-text {
  display: flex;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  font-weight: 300;
  margin-top: 1.6666666667vw;
  color: #666;
}
.shortcut-special .shortcut-text .text-inner {
  font-size: 3.3333333333vw !important;
  display: -webkit-box;
  max-height: 10.5444444444vw;
  font-size: 3.6111111111vw;
  line-height: 1.46;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.shortcut-special .shortcut-text .text-inner.st-md {
  font-size: 3.8888888889vw !important;
}
.row > .shortcut-special,
.button-float-couple > .shortcut-special,
.summary-data > .shortcut-special {
  width: 100%;
}
.row [class*="col-"] .shortcut-special,
.button-float-couple [class*="col-"] .shortcut-special,
.summary-data [class*="col-"] .shortcut-special {
  width: 100%;
}
.shortcut-special.st-reduced .shortcut-copy {
  margin-top: 3.3333333333vw;
}
.shortcut-special.st-reduced .shortcut-text {
  color: #000;
}
.shortcut-contents-thumb {
  position: relative;
  display: block;
}
.shortcut-contents-thumb .shortcut-title {
  font-size: 5vw;
  line-height: 6.9444444444vw;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shortcut-contents-thumb .shortcut-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 9.4444444444vw;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.shortcut-contents-thumb .shortcut-text .text-inner {
  margin-top: 0.5555555556vw;
}
.shortcut-contents-thumb.st-overlay .shortcut-copy,
.spot-copy.st-overlay .spot-bubbles .shortcut-contents-thumb.bubble .shortcut-copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 5.5555555556vw;
  position: absolute;
  inset: 0;
  z-index: 2;
  background-color: #0000001a;
  padding: 5.5555555556vw;
  color: #fff;
}
.row .shortcut-contents-thumb,
.button-float-couple .shortcut-contents-thumb,
.summary-data .shortcut-contents-thumb {
  width: 100%;
}
.shortcut-coming .shortcut-visual {
  position: relative;
  text-align: center;
}
.shortcut-coming .shortcut-visual .shortcut-text {
  font-size: 5vw;
  line-height: 6.9444444444vw;
  font-weight: 600;
  color: #fff;
}
.shortcut-coming .shortcut-visual .shortcut-sub-text {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  color: #fff;
}
.shortcut-coming .shortcut-visual .shortcut-sub-text + .shortcut-text {
  margin-top: 1.1111111111vw;
}
.shortcut-coming .shortcut-mask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  --tt-bg-opacity: 0.1;
  background-color: rgba(84, 84, 84, var(--tt-bg-opacity)) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.shortcut-coming .shortcut-copy {
  padding-top: 2.7777777778vw;
}
.shortcut-coming .shortcut-title {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  font-weight: 600;
}
.shortcut-coming .shortcut-title + .shortcut-text {
  margin-top: 4.1666666667vw;
}
.shortcut-coming .shortcut-text {
  font-size: 3.3333333333vw;
  line-height: 4.4444444444vw;
  color: #666;
}
.img-covered {
  background: transparent center center no-repeat;
  background-size: cover;
}
.img-fluid,
.membership-special .membership-img,
.spot-utility .spot-img,
.spot-visual .spot-img,
.billboard-hook .billboard-img,
.shortcut .shortcut-img,
.shortcut-tv .shortcut-img,
.shortcut-special .shortcut-img,
.shortcut-contents-thumb .shortcut-img,
.shortcut-coming .shortcut-img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.img-circle {
  border-radius: 100%;
  overflow: hidden;
}
.img-blend {
  background-color: #00000007;
}
.img-blend img {
  mix-blend-mode: soft-light;
}
.image-placeholder,
.file-upload-image .file-thumb,
.spot-utility .spot-thumb {
  display: block;
  position: relative;
  width: 100%;
}
.image-placeholder:before,
.file-upload-image .file-thumb:before,
.spot-utility .spot-thumb:before {
  display: block;
  padding-top: 100%;
  content: "";
}
.image-placeholder > *,
.file-upload-image .file-thumb > *,
.spot-utility .spot-thumb > * {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.image-placeholder.bg-black:before,
.file-upload-image .bg-black.file-thumb:before,
.spot-utility .bg-black.spot-thumb:before {
  background-color: #000;
}
.image-placeholder.st-goods:before,
.file-upload-image .st-goods.file-thumb:before,
.spot-utility .st-goods.spot-thumb:before {
  padding-top: 133%;
}
.image-placeholder.st-circle,
.file-upload-image .st-circle.file-thumb,
.spot-utility .spot-thumb {
  border-radius: 100%;
  overflow: hidden;
}
.img-shadow {
  box-shadow: 0.2777777778vw 0.2777777778vw 2.2222222222vw #00000014;
}
.table-container {
  width: 100%;
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-container.st-fixed {
  width: auto;
  padding-left: 0;
  margin-left: 20px;
  padding-right: 20px;
}
.table-container.st-fixed .table {
  border-collapse: separate;
  border-spacing: 0;
}
.table-container.st-fixed .table.size-table .matrix-label,
.table-container.st-fixed .table.size-table .zip-code .zip-code-title,
.zip-code .table-container.st-fixed .table.size-table .zip-code-title,
.table-container.st-fixed .table.size-table .announce-print-value .announce-label,
.announce-print-value .table-container.st-fixed .table.size-table .announce-label,
.table-container.st-fixed .table.size-table .summary-data .summary-title,
.summary-data .table-container.st-fixed .table.size-table .summary-title {
  justify-content: center;
}
.table-container.st-fixed .table th:first-child {
  position: sticky;
  left: 0;
  z-index: 1;
}
.table-wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
.table {
  width: 100%;
  table-layout: fixed;
  caption-side: bottom;
  border-collapse: collapse;
  padding: 0;
  border-top: 0.2777777778vw solid #f3f3f3;
  border-right: 0.2777777778vw solid #f3f3f3;
}
.table .matrix-label,
.table .zip-code .zip-code-title,
.zip-code .table .zip-code-title,
.table .announce-print-value .announce-label,
.announce-print-value .table .announce-label,
.table .summary-data .summary-title,
.summary-data .table .summary-title {
  justify-content: center;
}
.table .helper {
  text-align: left;
}
.table th {
  padding: 2.7777777778vw 2.7777777778vw 2.5vw;
  background-color: #f8f8f8;
  text-align: center;
  font-weight: 400;
  border-left: 0.2777777778vw solid #f3f3f3;
  border-bottom: 0.2777777778vw solid #f3f3f3;
}
.table tbody th {
  text-align: left;
}
.table tbody th .matrix-label,
.table tbody th .zip-code .zip-code-title,
.zip-code .table tbody th .zip-code-title,
.table tbody th .announce-print-value .announce-label,
.announce-print-value .table tbody th .announce-label,
.table tbody th .summary-data .summary-title,
.summary-data .table tbody th .summary-title {
  justify-content: flex-start;
}
.table tbody td {
  color: #333;
  padding: 2.7777777778vw 2.7777777778vw 2.5vw;
  border-left: 0.2777777778vw solid #f3f3f3;
  border-bottom: 0.2777777778vw solid #f3f3f3;
  word-break: break-all;
}
.table--receipt {
  border: none;
}
.table--receipt tbody th {
  padding-inline: 0;
  padding-bottom: 1.3888888889vw;
  padding-top: 1.3888888889vw;
  background-color: #fff;
  border: none;
  vertical-align: top;
}
.table--receipt tbody th .text-inner {
  font-size: 3.3333333333vw;
  color: #666;
}
.table--receipt tbody td {
  padding-inline: 0;
  padding-bottom: 1.3888888889vw;
  padding-top: 1.3888888889vw;
  border: none;
  text-align: left;
  font-size: 3.3333333333vw;
  color: #000;
}
.table--receipt-product tbody th .text-inner {
  font-size: 3.0555555556vw;
}
.table--receipt-product tbody td {
  overflow: hidden;
}
.table--receipt-product tbody td .text-inner {
  white-space: nowrap;
}
.table--receipt-product .price {
  text-align: right;
}
.table--receipt .heading-group {
  display: contents;
  margin-top: 0.5555555556vw;
}
.table--receipt .heading-group .calculator-price .text-inner,
.table--receipt .heading-group .calculator-title .text-inner {
  font-size: 4.4444444444vw;
  font-weight: 600;
  color: #000;
  background-color: #ffff58;
}
.table--receipt .calculator-price {
  justify-content: flex-end;
}
.table-ghost {
  width: 100%;
  table-layout: fixed;
  caption-side: bottom;
  border-collapse: collapse;
  padding: 0;
  border-bottom: 0.2777777778vw solid #eee;
}
.table-ghost tbody th {
  font-weight: 400;
  padding: 5.5555555556vw 2.7777777778vw;
  vertical-align: top;
  border-top: 0.2777777778vw solid #eee;
}
.table-ghost tbody th .matrix-label,
.table-ghost tbody th .zip-code .zip-code-title,
.zip-code .table-ghost tbody th .zip-code-title,
.table-ghost tbody th .announce-print-value .announce-label,
.announce-print-value .table-ghost tbody th .announce-label,
.table-ghost tbody th .summary-data .summary-title,
.summary-data .table-ghost tbody th .summary-title {
  justify-content: flex-start;
}
.table-ghost tbody td {
  padding: 5.5555555556vw 2.7777777778vw;
  vertical-align: top;
  border-top: 0.2777777778vw solid #eee;
}
.table-border {
  width: 100%;
  table-layout: fixed;
  caption-side: bottom;
  border-collapse: collapse;
  border-top: 0.2777777778vw solid #000;
}
.table-border thead th {
  padding: 5.5555555556vw 2.7777777778vw;
  text-align: center;
  font-weight: 400;
  border-left: 0.2777777778vw solid #f3f3f3;
  border-bottom: 0.2777777778vw solid #f3f3f3;
}
.table-border thead th:first-child {
  border-left: none;
}
.table-border tbody th {
  text-align: left;
  font-weight: 400;
  padding: 4.1666666667vw 2.7777777778vw;
  border-bottom: 0.2777777778vw solid #f3f3f3;
}
.table-border tbody th .matrix-label,
.table-border tbody th .zip-code .zip-code-title,
.zip-code .table-border tbody th .zip-code-title,
.table-border tbody th .announce-print-value .announce-label,
.announce-print-value .table-border tbody th .announce-label,
.table-border tbody th .summary-data .summary-title,
.summary-data .table-border tbody th .summary-title {
  justify-content: flex-start;
}
.table-border tbody td {
  color: #666;
  padding: 4.1666666667vw 2.7777777778vw;
  border-bottom: 0.2777777778vw solid #f3f3f3;
  border-left: 0.2777777778vw solid #f3f3f3;
}
.table-border tbody td:first-child {
  border-left: none;
}
.table-border .border-s {
  border-color: #f3f3f3 !important;
}
.article .article-top {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.article .article-top .button-icon,
.article .article-top .tile-item .tile-thumb .tile-heart,
.tile-item .tile-thumb .article .article-top .tile-heart,
.article .article-top .tile-item-horizon .tile-thumb .tile-heart,
.tile-item-horizon .tile-thumb .article .article-top .tile-heart {
  position: absolute;
  top: -1.6666666667vw;
  right: -3.6111111111vw;
  z-index: 1;
}
.article .article-top .article-text {
  color: #000;
  margin-top: 0;
}
.article .article-top .article-text .text-inner {
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.article .article-top .article-text .text-inner + .text-inner {
  margin-left: 2.7777777778vw;
}
.article .article-top .article-text .text-inner + .icon,
.article .article-top .article-text .text-inner + .spot-visual.st-video:after,
.article .article-top .article-text .text-inner + .spot-visual.st-video-view:after {
  margin-left: 1.3888888889vw;
}
.article .article-top .article-text .text-inner .icon.st-xs,
.article .article-top .article-text .text-inner .st-xs.spot-visual.st-video:after,
.article .article-top .article-text .text-inner .st-xs.spot-visual.st-video-view:after {
  margin-top: -0.2777777778vw;
}
.article .article-elevated {
  display: flex;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  font-weight: 400;
  margin-top: 5.5555555556vw;
}
.article .article-elevated .text-inner + .text-inner {
  margin-left: 1.6666666667vw;
}
.article .article-sub-text {
  font-size: 3.0555555556vw;
  line-height: 4.4444444444vw;
  margin-top: 5.5555555556vw;
  color: #999;
}
.article .article-title {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  margin-top: 4.1666666667vw;
}
.article .article-text {
  display: flex;
  align-items: center;
  font-size: 3.6111111111vw;
  line-height: 5.5555555556vw;
  font-weight: 300;
  margin-top: 4.1666666667vw;
  color: #666;
  word-break: break-all;
}
.article .article-text br {
  display: none;
}
.article .article-text .article-author {
  font-weight: 400;
  color: #000;
}
.article .article-text .icon,
.article .article-text .spot-visual.st-video:after,
.article .article-text .spot-visual.st-video-view:after {
  margin-right: 1.1111111111vw;
}
.article .article-reply {
  margin-top: 4.1666666667vw;
}
.article .article-carousel {
  margin-left: -5.5555555556vw;
  margin-right: -5.5555555556vw;
  width: auto;
}
.article.st-toggle:not(.st-lock) {
  cursor: pointer;
}
.article.st-toggle:not(.st-lock) .article-text {
  align-items: flex-start;
  justify-content: space-between;
}
.article.st-toggle:not(.st-lock) .article-text .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.article.st-toggle:not(.st-lock) .article-text .icon-chevron-down {
  flex-shrink: 0;
  margin-left: 5.5555555556vw;
}
.article.st-toggle:not(.st-lock) .article-text.st-hidden {
  display: none;
}
.article.st-toggle:not(.st-lock) .article-sub-text,
.article.st-toggle:not(.st-lock) .article-carousel,
.article.st-toggle:not(.st-lock) .article-reply {
  display: none;
}
.article.st-toggle:not(.st-lock) .article-button-toggle:before {
  content: attr(data-tt-text);
  display: block;
}
.article.st-toggle:not(.st-lock) .article-button-toggle:after {
  content: attr(data-tt-toggle-text);
  display: none;
}
.article.st-toggle:not(.st-lock).active .article-text br {
  display: block;
}
.article.st-toggle:not(.st-lock).active .article-text .text-inner {
  white-space: normal;
  text-overflow: clip;
  overflow: visible;
  max-height: none;
  -webkit-line-clamp: none;
  -webkit-box-orient: horizontal;
}
.article.st-toggle:not(.st-lock).active .article-text .icon-chevron-down {
  background-image: url("../img/icons/icon-chevron-up-xs__black.png");
}
.article.st-toggle:not(.st-lock).active .article-text.st-hidden {
  display: block;
}
.article.st-toggle:not(.st-lock).active .article-sub-text,
.article.st-toggle:not(.st-lock).active .article-carousel,
.article.st-toggle:not(.st-lock).active .article-reply {
  display: block;
}
.article.st-toggle:not(.st-lock).active .article-button-toggle:before {
  display: none;
}
.article.st-toggle:not(.st-lock).active .article-button-toggle:after {
  display: block;
}
.hub-section {
  margin-top: 15.5555555556vw;
}
.hub-section .section-header {
  padding-inline: 5.5555555556vw;
  margin-bottom: 3.3333333333vw;
}
.hub-section .section-header h2.topic {
  margin: 0;
}
.hub-section .heading-section {
  padding: 0;
}
.hub-header {
  margin-bottom: 2.7777777778vw;
}
.hub-footer {
  text-align: center;
  margin-top: 8.3333333333vw;
}
.hub-footer .button-more {
  width: 33.3333333333vw;
  margin: 0 auto;
}
.main-weekly {
  margin-top: 8.3333333333vw;
}
.main-weekly .hub-header {
  margin-bottom: 2.7777777778vw;
}
.main-weekly .navigator.st-sub {
  margin-bottom: 5.5555555556vw;
}
.main-weekly .main-weekly-rank {
  width: 5.5555555556vw;
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  font-weight: 500;
  margin-right: 4.1666666667vw;
  flex-shrink: 0;
}
.main-billboard-hero {
  position: relative;
  z-index: 3;
}
.main-billboard-hero + .hub-section {
  margin-top: 8.3333333333vw;
}
.main-billboard-hero .billboard-hero-carousel:not(.st-reduced) .billboard-hero .billboard-visual {
  height: 131.1111111111vw;
}
.main-billboard-hero .billboard-hero-carousel:not(.st-reduced) .billboard-hero .billboard-visual .spot-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.main-highlight .billboard-addon + .carousel {
  margin-top: 5.5555555556vw;
}
.main-highlight .carousel + .billboard-addon {
  margin-top: 22.2222222222vw;
}
.main-season-concept .hub-header {
  margin-bottom: 5.5555555556vw;
}
.main-new-arrival .hub-header,
.main-rank-best .hub-header,
.main-look-book .hub-header,
.main-trend-tag .hub-header,
.main-clearance .hub-header,
.main-clearance .heading-group {
  margin-bottom: 2.7777777778vw;
}
.main-clearance .carousel.st-free + .heading-group {
  margin-top: 8.3333333333vw;
}
.main-good-choice {
  overflow: hidden;
}
.promotion-section {
  margin-top: 25vw;
}
.promotion-section .module-progress {
  margin-top: 2.7777777778vw;
}
.module-roulette .roulette-box {
  width: 83.3333333333vw;
  height: 83.3333333333vw;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  box-sizing: content-box;
}
.module-roulette .roulette-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  margin-left: -3.6111111111vw;
  width: 0;
  height: 0;
  border-left: 3.6111111111vw solid transparent;
  border-right: 3.6111111111vw solid transparent;
  border-top: 7.2222222222vw solid #000;
}
.module-roulette .roulette-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 0.5555555556vw solid #000;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.module-roulette .module-img {
  width: 100%;
  vertical-align: top;
}
.module-roulette .module-img-layer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.module-roulette .module-button {
  width: 19.4444444444vw;
  height: 19.4444444444vw;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  border-radius: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  box-shadow: 0 3px 30px #0000001f;
}
.module-progress {
  background-color: #eee;
  padding: 83.3333333333vw 0vw;
  text-align: center;
}
.module-catalog-single,
.module-winner {
  margin-top: 2.7777777778vw;
}
.module-winner + .module-winner {
  margin-top: 11.1111111111vw;
}
.module-random {
  margin-top: 2.7777777778vw;
}
.module-random .module-slot {
  position: relative;
  width: 100%;
  text-align: center;
  background-color: #fff;
  padding: 6.9444444444vw 0;
}
.module-random .module-slot__num {
  display: flex;
  justify-content: center;
  font-size: 27.7777777778vw;
  font-weight: 600;
  line-height: 25vw;
  height: 25.5vw;
  overflow: hidden;
}
.module-random .module-slot__box {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 27.7777777778vw;
  font-weight: 500;
}
.module-random .module-slot__first,
.module-random .module-slot__last {
  position: relative;
  width: 17.7777777778vw;
  text-align: right;
  word-break: break-all;
}
.module-random .module-slot__first:after,
.module-random .module-slot__first:before,
.module-random .module-slot__last:after,
.module-random .module-slot__last:before {
  content: "";
  display: block;
  width: 100%;
  height: 2.7777777778vw;
  position: absolute;
  left: 0;
  z-index: 2;
}
.module-random .module-slot__first:after,
.module-random .module-slot__last:after {
  top: 0;
  background: linear-gradient(to top, #fff0, #fff);
}
.module-random .module-slot__first:before,
.module-random .module-slot__last:before {
  bottom: 0;
  background: linear-gradient(to bottom, #fff0, #fff);
}
.module-article,
.module-catalog,
.module-comment {
  margin-top: 2.7777777778vw;
}
.module-pointer {
  margin-top: 2.7777777778vw;
  overflow: hidden;
}
.module-coupon {
  margin-top: 2.7777777778vw;
}
.module-heading.st-overlay,
.spot-copy.st-overlay .spot-bubbles .module-heading.bubble {
  position: relative;
  margin-bottom: -8.6111111111vw;
  z-index: 100;
}
.module-heading .helper {
  padding-bottom: 2.7777777778vw;
}
.module-heading.st-lg .heading-section {
  font-size: 6.6666666667vw;
  font-weight: 400;
}
.module-heading.st-xlg {
  font-size: 8.3333333333vw;
  font-weight: 700;
  line-height: 9.4444444444vw;
}
.module-heading.st-xlg .text-ellipsis,
.module-heading.st-xlg.text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.module-heading.st-xlg .text-ellipsis-2,
.module-heading.st-xlg.text-ellipsis-2 {
  display: -webkit-box;
  max-height: 18.8333333333vw;
  font-size: 8.3333333333vw;
  line-height: 1.13;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-heading.st-xlg .heading-section {
  font-size: 8.3333333333vw;
  font-weight: 700;
  line-height: 9.4444444444vw;
}
.module-heading.st-xlg .heading-section .text-ellipsis-2 {
  display: -webkit-box;
  max-height: 18.8333333333vw;
  font-size: 8.3333333333vw;
  line-height: 1.13;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-heading .sub-text {
  font-size: 3.8888888889vw;
  font-weight: 400;
  line-height: 5vw;
}
.module-heading .text-ellipsis-2 {
  display: -webkit-box;
  max-height: 14.4444444444vw;
  font-size: 5.5555555556vw;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-heading .text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.module-brand-single {
  position: relative;
  margin-top: 2.7777777778vw;
}
.module-infinite-scroll {
  margin-top: 5.5555555556vw;
}
.module-infinite-scroll .billboard-hero:after,
.module-infinite-scroll .billboard-hero:before {
  display: none;
}
.module-catalog-carousel {
  margin-top: 2.7777777778vw;
}
.module-catalog-carousel + module-catalog-carousel {
  margin-bottom: 8.3333333333vw;
}
.module-carousel-wave,
.module-movie,
.module-carousel-single {
  margin-top: 2.7777777778vw;
}
.module-carousel-single.moduleArticleCarousel .carousel .carousel-nav {
  position: absolute;
  top: 50%;
  justify-content: center;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  z-index: 2;
  transform: translateY(-50%);
  background-color: #0000001f;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.module-carousel-single.moduleArticleCarousel .carousel .carousel-nav.carousel-next {
  right: 0;
}
.module-carousel-single.moduleArticleCarousel .carousel .carousel-nav.carousel-prev {
  left: 0;
}
.module-carousel-single.moduleArticleCarousel .carousel .carousel-nav.st-xlg {
  padding: 16px;
}
.module-carousel-single.moduleArticleCarousel .carousel .carousel-nav.st-ghost {
  background-color: transparent;
}
.module-carousel-single.moduleArticleCarousel .carousel .carousel-nav.swiper-button-disabled {
  display: none;
}
.module-carousel-single.moduleArticleCarousel
  .carousel
  .carousel-nav.carousel-next
  .icon-chevron-carousel-next.st-white,
.module-carousel-single.moduleArticleCarousel
  .carousel
  .carousel-nav.carousel-next
  .icon-chevron-carousel-next.spot-visual.st-video:after,
.module-carousel-single.moduleArticleCarousel
  .carousel
  .carousel-nav.carousel-next
  .icon-chevron-carousel-next.spot-visual.st-video-view:after {
  width: 4.4444444444vw;
}
.module-carousel-single.moduleArticleCarousel
  .carousel
  .carousel-nav.carousel-prev
  .icon-chevron-carousel-prev.st-white,
.module-carousel-single.moduleArticleCarousel
  .carousel
  .carousel-nav.carousel-prev
  .icon-chevron-carousel-prev.spot-visual.st-video:after,
.module-carousel-single.moduleArticleCarousel
  .carousel
  .carousel-nav.carousel-prev
  .icon-chevron-carousel-prev.spot-visual.st-video-view:after {
  width: 4.4444444444vw;
}
.module-movie-carousel > .module-carousel-single {
  margin-top: 11.1111111111vw;
}
.module-movie-movie > .module-movie {
  margin-top: 11.1111111111vw;
}
.module-movie-movie > :first-child {
  margin-top: 2.7777777778vw;
}
.module-marketspot-catalog {
  margin-top: 2.7777777778vw;
}
.module-marketspot-catalog + .module-marketspot-catalog {
  margin-top: 11.1111111111vw;
}
.module-todaydeal {
  margin-top: 0vw;
}
.module-todaydeal .billboard-time-deal {
  padding-top: 3.3333333333vw;
}
.module-todaydeal > div {
  margin-bottom: 11.1111111111vw;
}
.module-todaydeal > div:last-child {
  margin-bottom: 0vw;
}
.module-notice .collapse {
  margin-top: 10px !important;
}
.module-notice .collapse .helper {
  font-size: 13px;
  line-height: 19px;
}
.module-user-review {
  margin-top: 2.7777777778vw;
}
.module-coupon + .module-catalog {
  margin-top: 11.1111111111vw;
}
.module-carousel-marketspot,
.module-roulette {
  margin-top: 2.7777777778vw;
}
.module-background {
  background-color: #f9f9f9;
  padding-top: 8.3333333333vw;
  padding-bottom: 22.2222222222vw;
}
.module-episode-nav {
  margin-top: 2.7777777778vw;
}
.digital-book-content {
  opacity: 1;
  visibility: visible;
  transition: opacity 1s ease;
}
.digital-book-content.is-hidden {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
body.stickyNav.is-scrollspy-hold-header header.page-utility:not(.modal-header):not(.is-sticky-hidden),
body.stickyNav.is-scrollspy-hold-header #nav-clubmall:not(.is-sticky-hidden),
body.stickyNav.is-scrollspy-hold-header #nav-megamenu,
body.stickyNav.is-scrollspy-hold-header .header-wrapper,
body.stickyNav.is-scrollspy-hold-header .nav-scrollspy.st-filter.st-fixed .bubbles:not(.is-sticky-hidden-fixed),
body.stickyNav.is-scrollspy-hold-header .nav-scrollspy.st-reduced.st-fixed .navigator:not(.is-sticky-hidden-fixed),
body.stickyNav.is-scrollspy-hold-header .nav-scrollspy.st-small.st-fixed .navigator:not(.is-sticky-hidden-fixed),
body.stickyNav.is-scrollspy-hold-header
  .nav-scrollspy.st-magazine.has-clubmall-nav.st-fixed
  .navigator:not(.is-sticky-hidden-fixed),
body.stickyNav.is-scrollspy-hold-header
  .nav-scrollspy.st-filter-brief.st-fixed
  .filter-bubble-brief:not(.is-sticky-hidden-fixed) {
  transform: translateY(0) !important;
}
body.stickyNav.st-up header.page-utility:not(.modal-header):not(.is-sticky-hidden),
body.stickyNav.st-up #nav-clubmall:not(.is-sticky-hidden),
body.stickyNav.st-up .header-wrapper,
body.stickyNav.st-up .nav-scrollspy.st-filter .bubbles:not(.is-sticky-hidden-fixed),
body.stickyNav.st-up .nav-scrollspy.st-reduced .navigator:not(.is-sticky-hidden-fixed),
body.stickyNav.st-up .nav-scrollspy.st-small .navigator:not(.is-sticky-hidden-fixed),
body.stickyNav.st-up .nav-scrollspy.st-filter-brief.st-fixed .filter-bubble-brief:not(.is-sticky-hidden-fixed) {
  transform: translateY(0);
}
body.stickyNav.st-down header.page-utility:not(.modal-header):not(.is-sticky-hidden),
body.stickyNav.st-down #nav-clubmall:not(.is-sticky-hidden) {
  transform: translateY(var(--header-hide-offset));
}
body.stickyNav.st-down #nav-megamenu,
body.stickyNav.st-down .header-wrapper {
  transform: translateY(var(--header-hide-offset));
}
body.stickyNav.st-down .nav-scrollspy.st-filter.st-fixed .bubbles:not(.is-sticky-hidden-fixed),
body.stickyNav.st-down .nav-scrollspy.st-reduced.st-fixed .navigator:not(.is-sticky-hidden-fixed),
body.stickyNav.st-down .nav-scrollspy.st-small.st-fixed .navigator:not(.is-sticky-hidden-fixed),
body.stickyNav.st-down .nav-scrollspy.st-magazine.has-clubmall-nav.st-fixed .navigator:not(.is-sticky-hidden-fixed),
body.stickyNav.st-down .nav-scrollspy.st-filter-brief.st-fixed .filter-bubble-brief:not(.is-sticky-hidden-fixed) {
  transform: translateY(var(--header-hide-offset));
}
body.stickyNav.st-down.page-promotion header.page-utility:not(.modal-header):not(.is-sticky-hidden--promotion) {
  transform: translateY(var(--header-hide-offset-promotion));
}
body.stickyNav.st-down.page-promotion #nav-clubmall:not(.is-sticky-hidden--promotion),
body.stickyNav.st-down.page-promotion #nav-megamenu:not(.is-sticky-hidden--promotion) {
  transform: translateY(var(--header-hide-offset-promotion));
}
body.stickyNav.st-down .modal-category-depth {
  margin-top: calc(var(--header-height-reduced) - 0.5555555556vw);
}
body.promotionStickyNav.st-up .nav-scrollspy.nav-promotion .navigator {
  transform: translateY(var(--header-height-promotion));
}
body.promotionStickyNav.st-down.page-promotion .nav-scrollspy.nav-promotion .navigator {
  transform: translateY(0);
}
.container {
  width: 100%;
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
}
.container-fluid {
  overflow: hidden;
}
.row > *,
.button-float-couple > *,
.summary-data > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--tt-gutter-x) * 1);
  padding-left: calc(var(--tt-gutter-x) * 1);
  margin-top: var(--tt-gutter-y);
}
.row,
.button-float-couple,
.summary-data {
  --tt-gutter-x: 0;
  --tt-gutter-y: 0;
  display: flex !important;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--tt-gutter-y));
  margin-right: calc(-1 * var(--tt-gutter-x));
  margin-left: calc(-1 * var(--tt-gutter-x));
}
.row > .swiper .swiper-wrapper,
.button-float-couple > .swiper .swiper-wrapper,
.summary-data > .swiper .swiper-wrapper {
  height: auto;
}
.st-ms-n1 .button,
.st-ms-n1 .button-ghost {
  margin-left: -0.2777777778vw;
  width: calc(100% + 0.2777777778vw) !important;
}
.st-ms-n1 .button:first-child .button,
.st-ms-n1 .button:first-child .button-ghost,
.st-ms-n1 .button-ghost:first-child .button,
.st-ms-n1 .button-ghost:first-child .button-ghost {
  margin-left: 0;
  width: 100% !important;
}
.st-ms-n1 [class*="col-"] .button,
.st-ms-n1 [class*="col-"] .button-ghost {
  margin-left: -0.2777777778vw;
  width: calc(100% + 0.2777777778vw) !important;
}
.st-ms-n1 [class*="col-"]:first-child .button,
.st-ms-n1 [class*="col-"]:first-child .button-ghost {
  margin-left: 0;
  width: 100% !important;
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100% !important;
}
.row-cols-2 > *:not(.divider.st-vertical),
.button-float-couple > *:not(.divider.st-vertical) {
  flex: 0 0 auto;
  width: 50% !important;
}
.row-cols-3 > *:not(.divider.st-vertical) {
  flex: 0 0 auto;
  width: 33.3333333333% !important;
}
.row-cols-4 > *:not(.divider.st-vertical) {
  flex: 0 0 auto;
  width: 25% !important;
}
.row-cols-5 > *:not(.divider.st-vertical) {
  flex: 0 0 auto;
  width: 20% !important;
}
.row-cols-6 > *:not(.divider.st-vertical) {
  flex: 0 0 auto;
  width: 16.6666666667% !important;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --tt-gutter-x: 0;
}
.g-0,
.gy-0 {
  --tt-gutter-y: 0;
}
.g-2,
.gx-2 {
  --tt-gutter-x: 0.5555555556vw;
}
.gap-0 {
  gap: 0 !important;
}
.g-15-dot,
.gx-15-dot {
  --tt-gutter-x: 0.4166666667vw;
}
.g-125-dot,
.gx-125-dot {
  --tt-gutter-x: 3.4722222222vw;
}
.g-3,
.gy-3 {
  --tt-gutter-y: 0.8333333333vw;
}
.g-4,
.gy-4 {
  --tt-gutter-y: 1.1111111111vw;
}
.g-6,
.gy-6 {
  --tt-gutter-y: 1.6666666667vw;
}
.g-8,
.gy-8 {
  --tt-gutter-y: 2.2222222222vw;
}
.g-12,
.gy-12 {
  --tt-gutter-y: 3.3333333333vw;
}
.g-56,
.gy-56 {
  --tt-gutter-y: 15.5555555556vw;
}
.g-16,
.gy-16 {
  --tt-gutter-y: 4.4444444444vw;
}
.g-5,
.gy-5 {
  --tt-gutter-y: 1.3888888889vw;
}
.g-5,
.gx-5 {
  --tt-gutter-x: 1.3888888889vw;
}
.gap-5 {
  gap: 1.3888888889vw !important;
}
.g-10,
.gy-10,
.summary-data {
  --tt-gutter-y: 2.7777777778vw;
}
.g-10,
.gx-10 {
  --tt-gutter-x: 2.7777777778vw;
}
.gap-10 {
  gap: 2.7777777778vw !important;
}
.g-15,
.gy-15 {
  --tt-gutter-y: 4.1666666667vw;
}
.g-15,
.gx-15 {
  --tt-gutter-x: 4.1666666667vw;
}
.gap-15 {
  gap: 4.1666666667vw !important;
}
.g-20,
.gy-20 {
  --tt-gutter-y: 5.5555555556vw;
}
.g-20,
.gx-20 {
  --tt-gutter-x: 5.5555555556vw;
}
.gap-20 {
  gap: 5.5555555556vw !important;
}
.g-25,
.gy-25 {
  --tt-gutter-y: 6.9444444444vw;
}
.g-25,
.gx-25 {
  --tt-gutter-x: 6.9444444444vw;
}
.gap-25 {
  gap: 6.9444444444vw !important;
}
.g-30,
.gy-30 {
  --tt-gutter-y: 8.3333333333vw;
}
.g-30,
.gx-30 {
  --tt-gutter-x: 8.3333333333vw;
}
.gap-30 {
  gap: 8.3333333333vw !important;
}
.g-35,
.gy-35 {
  --tt-gutter-y: 9.7222222222vw;
}
.g-35,
.gx-35 {
  --tt-gutter-x: 9.7222222222vw;
}
.gap-35 {
  gap: 9.7222222222vw !important;
}
.g-40,
.gy-40 {
  --tt-gutter-y: 11.1111111111vw;
}
.g-40,
.gx-40 {
  --tt-gutter-x: 11.1111111111vw;
}
.gap-40 {
  gap: 11.1111111111vw !important;
}
.g-45,
.gy-45 {
  --tt-gutter-y: 12.5vw;
}
.g-45,
.gx-45 {
  --tt-gutter-x: 12.5vw;
}
.gap-45 {
  gap: 12.5vw !important;
}
.g-50,
.gy-50 {
  --tt-gutter-y: 13.8888888889vw;
}
.g-50,
.gx-50 {
  --tt-gutter-x: 13.8888888889vw;
}
.gap-50 {
  gap: 13.8888888889vw !important;
}
.g-55,
.gy-55 {
  --tt-gutter-y: 15.2777777778vw;
}
.g-55,
.gx-55 {
  --tt-gutter-x: 15.2777777778vw;
}
.gap-55 {
  gap: 15.2777777778vw !important;
}
.g-60,
.gy-60 {
  --tt-gutter-y: 16.6666666667vw;
}
.g-60,
.gx-60 {
  --tt-gutter-x: 16.6666666667vw;
}
.gap-60 {
  gap: 16.6666666667vw !important;
}
.g-65,
.gy-65 {
  --tt-gutter-y: 18.0555555556vw;
}
.g-65,
.gx-65 {
  --tt-gutter-x: 18.0555555556vw;
}
.gap-65 {
  gap: 18.0555555556vw !important;
}
.g-70,
.gy-70 {
  --tt-gutter-y: 19.4444444444vw;
}
.g-70,
.gx-70 {
  --tt-gutter-x: 19.4444444444vw;
}
.gap-70 {
  gap: 19.4444444444vw !important;
}
.g-75,
.gy-75 {
  --tt-gutter-y: 20.8333333333vw;
}
.g-75,
.gx-75 {
  --tt-gutter-x: 20.8333333333vw;
}
.gap-75 {
  gap: 20.8333333333vw !important;
}
.g-80,
.gy-80 {
  --tt-gutter-y: 22.2222222222vw;
}
.g-80,
.gx-80 {
  --tt-gutter-x: 22.2222222222vw;
}
.gap-80 {
  gap: 22.2222222222vw !important;
}
.g-85,
.gy-85 {
  --tt-gutter-y: 23.6111111111vw;
}
.g-85,
.gx-85 {
  --tt-gutter-x: 23.6111111111vw;
}
.gap-85 {
  gap: 23.6111111111vw !important;
}
.g-90,
.gy-90 {
  --tt-gutter-y: 25vw;
}
.g-90,
.gx-90 {
  --tt-gutter-x: 25vw;
}
.gap-90 {
  gap: 25vw !important;
}
.g-95,
.gy-95 {
  --tt-gutter-y: 26.3888888889vw;
}
.g-95,
.gx-95 {
  --tt-gutter-x: 26.3888888889vw;
}
.gap-95 {
  gap: 26.3888888889vw !important;
}
.g-100,
.gy-100 {
  --tt-gutter-y: 27.7777777778vw;
}
.g-100,
.gx-100 {
  --tt-gutter-x: 27.7777777778vw;
}
.gap-100 {
  gap: 27.7777777778vw !important;
}
.has-section-gap {
  --tt-gutter-y: 15.5555555556vw;
}
.has-section-gap .billboard-text + .favorite-brand {
  --tt-gutter-y: 8.8888888889vw;
}
.has-section-gap .billboard-text + section[data-new-product-keyword-tab] {
  --tt-gutter-y: 6.6666666667vw;
}
.text-input,
.text-input-currency {
  display: block;
  width: 100%;
  border-radius: 0;
  font-size: 3.6111111111vw;
  color: #000;
  line-height: 8.3333333333vw;
  font-weight: 400;
  background-color: #fff;
  border: 0.2777777778vw solid #ddd;
  outline-style: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 1.1111111111vw 4.1666666667vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.text-input:disabled,
.text-input-currency:disabled {
  background-color: #eee;
  color: #bbb;
  opacity: 1;
}
.text-input:disabled + .text-input-action .button-icon,
.text-input:disabled + .text-input-action .tile-item .tile-thumb .tile-heart,
.tile-item .tile-thumb .text-input:disabled + .text-input-action .tile-heart,
.text-input:disabled + .text-input-action .tile-item-horizon .tile-thumb .tile-heart,
.tile-item-horizon .tile-thumb .text-input:disabled + .text-input-action .tile-heart,
.text-input-currency:disabled + .text-input-action .button-icon,
.text-input-currency:disabled + .text-input-action .tile-item .tile-thumb .tile-heart,
.tile-item .tile-thumb .text-input-currency:disabled + .text-input-action .tile-heart,
.text-input-currency:disabled + .text-input-action .tile-item-horizon .tile-thumb .tile-heart,
.tile-item-horizon .tile-thumb .text-input-currency:disabled + .text-input-action .tile-heart {
  background-color: #eee;
}
.text-input:disabled + .text-input-action .btn-clear,
.text-input-currency:disabled + .text-input-action .btn-clear {
  display: none;
}
.text-input:disabled + .text-input-number,
.text-input-currency:disabled + .text-input-number {
  background-color: transparent;
}
.text-input:focus,
.text-input-currency:focus {
  border-color: #000;
}
.text-input::-moz-placeholder,
.text-input-currency::-moz-placeholder {
  color: #bbb;
  font-size: 3.6111111111vw;
}
.text-input::placeholder,
.text-input-currency::placeholder {
  color: #bbb;
  font-size: 3.6111111111vw;
}
.text-input[type="date"],
[type="date"].text-input-currency,
.text-input [type="time"],
.text-input-currency [type="time"],
.text-input [type="datetime-local"],
.text-input-currency [type="datetime-local"],
.text-input [type="month"],
.text-input-currency [type="month"],
.text-input [type="week"],
.text-input-currency [type="week"] {
  height: 10.5555555556vw;
}
.text-input.st-attention,
.st-attention.text-input-currency {
  border-color: #000;
}
.text-input.text-end,
.text-end.text-input-currency {
  padding-right: 4.1666666667vw;
}
.row .text-input,
.button-float-couple .text-input,
.row .text-input-currency,
.button-float-couple .text-input-currency,
.summary-data .text-input,
.summary-data .text-input-currency {
  width: 100%;
}
.text-input-currency {
  text-align: right;
  padding-right: 8.3333333333vw;
}
.text-input-currency:disabled + .text-input-currency-text {
  color: #bbb;
}
.text-input-currency:disabled {
  background-color: transparent;
  color: #000;
}
textarea.text-input,
textarea.text-input-currency {
  resize: none;
  padding: 5vw 5.5555555556vw 14.1666666667vw;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  background-color: #fff;
  border-color: #ddd;
  white-space: pre-line;
  overflow: auto;
}
textarea.text-input::-moz-placeholder,
textarea.text-input-currency::-moz-placeholder {
  color: #999;
  font-size: 3.3333333333vw;
}
textarea.text-input::placeholder,
textarea.text-input-currency::placeholder {
  color: #999;
  font-size: 3.3333333333vw;
}
textarea.text-input.st-valid,
textarea.st-valid.text-input-currency {
  background-color: #fff;
  border-color: #eee;
}
textarea.text-input.st-valid + .text-input-number,
textarea.st-valid.text-input-currency + .text-input-number {
  background-color: #fff;
}
textarea.text-input:focus,
textarea.text-input-currency:focus {
  border-color: #000;
  background-color: #fff;
}
textarea.text-input:focus + .text-input-number,
textarea.text-input-currency:focus + .text-input-number {
  background-color: #fff;
}
textarea.text-input:disabled,
textarea.text-input-currency:disabled {
  background-color: #f8f8f8;
  border-color: #ccc;
  color: #aaa;
}
.form-primary {
  border-color: #000;
}
.text-input-box {
  position: relative;
}
.text-input-box .text-input-action {
  height: 100%;
  position: absolute;
  top: 0;
  right: 3.0555555556vw;
  z-index: 1;
  display: flex;
  align-items: center;
}
.text-input-box .text-input-action .button-icon,
.text-input-box .text-input-action .tile-item .tile-thumb .tile-heart,
.tile-item .tile-thumb .text-input-box .text-input-action .tile-heart,
.text-input-box .text-input-action .tile-item-horizon .tile-thumb .tile-heart,
.tile-item-horizon .tile-thumb .text-input-box .text-input-action .tile-heart {
  background-color: #fff;
}
.text-input-box .text-input-number {
  padding-top: 3.8888888889vw;
  padding-bottom: 5vw;
  position: absolute;
  bottom: 0.2777777778vw;
  left: 5.5555555556vw;
  right: 5.5555555556vw;
  z-index: 2;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  color: #999;
  background-color: #fff;
}
.text-input-box .text-input-buttons {
  display: flex;
  align-items: center;
  position: absolute;
  right: 5.5555555556vw;
  bottom: 3.3333333333vw;
  z-index: 2;
}
.text-input-box .text-input-buttons .text-input-button {
  color: #666;
  margin-left: 4.1666666667vw;
}
.text-input-box .text-input-buttons .text-input-button.text-input-cancel {
  color: #aaa;
  display: none;
}
.text-input-box .text-input-currency-text {
  position: absolute;
  top: 0;
  right: 4.4444444444vw;
  z-index: 2;
  font-size: 3.6111111111vw;
  padding-top: 3.3333333333vw;
  padding-bottom: 3.6111111111vw;
  color: #bbb;
}
.text-input-box .text-input-layer {
  position: absolute;
  top: calc(100% - 0.2777777778vw);
  left: 0;
  right: 0;
  background-color: #fff;
  border: 0.2777777778vw solid #000;
  border-top-color: #eee;
  z-index: 2;
  display: none;
}
.text-input-box .text-input-layer.active {
  display: block;
}
.text-input-box.st-field .text-input:disabled + .text-input-number,
.text-input-box.st-field .text-input-currency:disabled + .text-input-number {
  display: none;
}
.text-input-box.st-field .text-input:disabled ~ .text-input-buttons,
.text-input-box.st-field .text-input-currency:disabled ~ .text-input-buttons {
  display: none;
}
.text-input-box.st-field .text-input.st-valid ~ .text-input-buttons .text-input-button.text-input-cancel,
.text-input-box.st-field .st-valid.text-input-currency ~ .text-input-buttons .text-input-button.text-input-cancel {
  display: block;
}
.text-input-box.has-keyword {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.2222222222vw;
  height: 11.1111111111vw;
  padding: 1.1111111111vw 4.1666666667vw;
  border: 0.2777777778vw solid #ddd;
}
.text-input-box.has-keyword .search-input-box__inner {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.text-input-box.has-keyword .search-input-box__inner .search-placeholder {
  top: 50%;
  left: 0;
  width: calc(100% - 8.8888888889vw);
  transform: translateY(-50%);
}
.text-input-box.has-keyword .search-input-box__inner .text-input-action {
  right: 0;
}
.text-input-box.has-keyword .text-input,
.text-input-box.has-keyword .text-input-currency {
  border: none;
  padding: 0;
}
.input-group {
  display: flex;
  align-items: center;
}
.input-group .input-group-text {
  width: 5.5555555556vw;
  flex-shrink: 0;
  text-align: center;
  justify-content: center;
}
.button-clear {
  display: none;
}
.button-clear.active {
  display: block;
}
.form-group {
  position: relative;
}
.form-group > .form-control,
.form-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.form-group .form-group-text {
  width: 8.3333333333vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.file-upload-image {
  position: relative;
  width: 27.7777777778vw;
}
.file-upload-image .file-label {
  display: block;
  border: 0.2777777778vw solid #ddd;
}
.file-upload-image .file-label:before {
  content: "";
  display: block;
  vertical-align: middle;
  width: 8.8888888889vw;
  height: 8.8888888889vw;
  margin: auto;
  background-image: url("../img/icons/icon-add-plus-lg__gray.png");
  background-size: 100% auto;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
}
.file-upload-image .file-thumb {
  position: relative;
  width: 100%;
}
.file-upload-image .file-thumb:before {
  display: block;
  padding-top: 100%;
  content: "";
}
.file-upload-image .file-thumb > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.file-upload-image.st-3x4 .file-thumb:before {
  padding-top: 132%;
}
.file-upload-image .file-input {
  display: none;
}
.file-upload-image .file-img {
  -o-object-fit: cover;
  object-fit: cover;
}
.file-upload-image .file-delete {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background-color: #ddd;
}
.row .file-upload-image,
.button-float-couple .file-upload-image,
.summary-data .file-upload-image {
  width: 100%;
}
.post-upload-list .file-upload-image .file-thumb:before {
  padding-top: 132%;
}
.post-upload-list .file-upload-image .file-label:before {
  padding-top: 132%;
}
.radio {
  display: inline-flex;
  vertical-align: middle;
  cursor: pointer;
}
.radio .radio-icon {
  position: relative;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  display: block;
  border: 0.2777777778vw solid #ddd;
  cursor: pointer;
  border-radius: 100%;
}
.radio .radio-label {
  font-style: normal;
  color: #000;
  font-size: 3.6111111111vw;
  line-height: 5.5555555556vw;
  margin-left: 2.2222222222vw;
  cursor: pointer;
}
.radio .radio-label.form-secondary {
  color: #999;
}
.radio strong.radio-label {
  font-size: 3.8888888889vw;
  font-weight: 600;
}
.radio .radio-input {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.radio .radio-input:checked {
  background-color: transparent;
}
.radio .radio-input:checked + .radio-icon {
  border: 0.2777777778vw solid #000;
}
.radio .radio-input:checked + .radio-icon:after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 1;
  display: block;
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  background-color: #000;
  border-radius: 100%;
}
.radio .radio-input:checked ~ .radio-label {
  color: #000;
}
.radio .radio-input:disabled + .radio-icon {
  background-color: #eee;
  border-color: #ddd;
  cursor: default;
}
.radio .radio-input:disabled + .radio-icon:after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 1;
  display: block;
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  background-color: #aaa;
  border-radius: 100%;
}
.radio .radio-input:disabled ~ .radio-label {
  color: #999;
  cursor: default;
}
.radio.st-dimmed .radio-input ~ .radio-label {
  color: #999;
}
.radio.st-dimmed .radio-input:checked ~ .radio-label {
  color: #000;
}
.radio.st-checked .radio-input {
  background-color: transparent;
}
.radio.st-checked .radio-input + .radio-icon {
  border: 0.2777777778vw solid #000;
}
.radio.st-checked .radio-input ~ .radio-label {
  color: #000;
}
.radio.st-disabled .radio-input + .radio-icon {
  cursor: default;
}
.radio.st-disabled .radio-input ~ .radio-label {
  cursor: default;
}
.radio-button {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  cursor: pointer;
}
.radio-button .radio-input {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.radio-button .radio-input.st-soldout + .radio-icon {
  background-color: #ccc;
  border-color: #ccc;
  cursor: default;
}
.radio-button .radio-input.st-soldout + .radio-icon:after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 1;
  display: block;
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  background-color: #aaa;
  border-radius: 100%;
}
.radio-button .radio-input.st-soldout ~ .radio-label {
  color: #ccc;
  text-decoration: line-through;
  cursor: default;
}
.radio-button .radio-input:checked ~ .radio-label {
  border-color: #000;
  background-color: #fff;
}
.radio-button .radio-input:disabled ~ .radio-label {
  color: #ccc;
  text-decoration: line-through;
}
.radio-button .radio-label {
  display: flex;
  align-items: center;
  font-size: 3.3333333333vw;
  line-height: 3.8888888889vw;
  background-color: #f8f8f8;
  border: 0.2777777778vw solid #f8f8f8;
  padding: 2.7777777778vw;
  border-radius: 1.1111111111vw;
}
.radio-button .radio-label .icon-bell {
  margin-top: -0.2777777778vw;
  margin-right: 1.1111111111vw;
  margin-bottom: -0.2777777778vw;
}
.radio-button-spot {
  display: block;
  position: relative;
}
.radio-button-spot .radio-icon {
  position: absolute;
  top: 2.7777777778vw;
  left: 2.7777777778vw;
  z-index: 2;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  display: block;
  border: 0.2777777778vw solid #ddd;
  cursor: pointer;
  border-radius: 100%;
  background-color: #fff;
}
.radio-button-spot .radio-thumb {
  position: relative;
}
.radio-button-spot .radio-thumb:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border: 0.2777777778vw solid transparent;
}
.radio-button-spot .radio-text-box {
  position: relative;
}
.radio-button-spot .radio-text-box:before {
  display: block;
  padding-top: 100%;
  content: "";
}
.radio-button-spot .radio-text-box:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border: 0.2777777778vw solid #eee;
}
.radio-button-spot .radio-text {
  font-size: 3.3333333333vw;
  line-height: 4.4444444444vw;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.radio-button-spot .radio-text .text-inner + .text-inner {
  margin-top: 1.1111111111vw;
}
.radio-button-spot .radio-link {
  width: 100%;
  font-size: 3.3333333333vw;
  line-height: 4.4444444444vw;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  text-align: center;
  transform: translate(-50%, -50%);
}
.radio-button-spot .radio-link .text-inner + .text-inner {
  margin-top: 1.1111111111vw;
}
.radio-button-spot .radio-input {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.radio-button-spot .radio-input:checked {
  background-color: transparent;
}
.radio-button-spot .radio-input:checked + .radio-icon {
  border: 0.2777777778vw solid #000;
}
.radio-button-spot .radio-input:checked + .radio-icon:after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 1;
  display: block;
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  background-color: #000;
  border-radius: 100%;
}
.radio-button-spot .radio-input:checked ~ .radio-thumb:after {
  border-color: #000;
}
.radio-button-spot .radio-input:checked ~ .radio-text-box:after {
  border-color: #000;
}
.radio-button-spot .radio-input:disabled + .radio-icon {
  background-color: #eee;
  border-color: #ddd;
  cursor: default;
}
.radio-button-spot .radio-input:disabled + .radio-icon:after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 1;
  display: block;
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  background-color: #aaa;
  border-radius: 100%;
}
.radio-button-link {
  display: block;
}
.radio-label-text {
  display: block;
  margin-top: 4.1666666667vw;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  text-align: center;
}
.radio-label-text + .radio-label-text {
  margin-top: 1.1111111111vw;
}
.radio-label-text.st-light {
  color: #aaa;
}
.radio-button-toggle {
  display: block;
  min-width: 27.7777777778vw;
}
.radio-button-toggle .radio-label {
  border: 0.2777777778vw solid #eee;
  border-radius: 1.1111111111vw;
  padding: 4.1666666667vw 2.7777777778vw;
  text-align: center;
}
.radio-button-toggle .radio-label * {
  color: #999;
}
.radio-button-toggle .radio-label .radio-label-text {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  margin-top: 0;
}
.radio-button-toggle .radio-label .radio-label-text strong {
  font-weight: 600;
}
.radio-button-toggle .radio-label .radio-current {
  display: block;
  margin-top: 8.3333333333vw;
}
.radio-button-toggle .radio-label .radio-current:before {
  content: attr(data-tt-text);
  display: block;
}
.radio-button-toggle .radio-label .radio-current:after {
  content: attr(data-tt-toggle-text);
  display: none;
}
.radio-button-toggle .radio-label .radio-current:before,
.radio-button-toggle .radio-label .radio-current:after {
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.radio-button-toggle.active .radio-label {
  border-color: #000;
}
.radio-button-toggle.active .radio-label * {
  color: #000;
}
.radio-button-toggle.active .radio-label .radio-current:before {
  display: none;
}
.radio-button-toggle.active .radio-label .radio-current:after {
  display: block;
}
.radio-button-toggle.st-toggle .radio-current:before {
  display: none;
}
.radio-button-toggle.st-toggle .radio-current:after {
  display: block;
}
.check-button {
  cursor: pointer;
}
.check-button .check-input {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.check-button .check-input:checked + .check-label {
  border-color: #000;
  z-index: 2;
}
.check-button .check-input:disabled + .check-label {
  background-color: #eee;
  color: #bbb;
}
.check-button .check-label {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0.2777777778vw solid #ddd;
  text-align: center;
  padding: 0 4.1666666667vw;
  line-height: 11.9444444444vw;
  z-index: 1;
  font-size: 3.6111111111vw;
  font-weight: 400;
  background-color: #fff;
}
.check-button .check-label .check-img {
  margin: 3.8888888889vw 0;
}
.check-button.st-checked .check-label {
  border-color: #000;
  z-index: 2;
}
.check-button.st-primary .check-input:checked + .check-label {
  border-color: #006bff;
}
.row-cols-2.check-button-list .check-button,
.check-button-list.button-float-couple .check-button {
  margin-top: -0.2777777778vw;
}
.row-cols-2.check-button-list .check-button:nth-child(2n),
.check-button-list.button-float-couple .check-button:nth-child(2n) {
  margin-left: -0.2777777778vw;
  width: calc(50% + 0.2777777778vw);
}
.toggle-switch {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  width: 13.0555555556vw;
  padding: 3.8888888889vw 0;
}
.toggle-switch .toggle-switch-input {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.toggle-switch .toggle-switch-input:checked + .toggle-switch-icon {
  background-color: #000;
}
.toggle-switch .toggle-switch-input:checked + .toggle-switch-icon:before {
  border-color: #000;
  background-color: #000;
  left: calc(100% - 2.7777777778vw);
}
.toggle-switch .toggle-switch-icon {
  display: block;
  height: 0.5555555556vw;
  width: 100%;
  background-color: #aaa;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.toggle-switch .toggle-switch-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 3.6111111111vw;
  height: 3.6111111111vw;
  border-radius: 50%;
  border: 0.5555555556vw solid #aaa;
  background-color: #fff;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translateY(-50%);
}
.selectbox {
  position: relative;
  display: block;
  border-radius: 0;
  font-size: 3.6111111111vw;
  color: #000;
  line-height: 4.1666666667vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
  border: 0.2777777778vw solid #ddd;
  outline-style: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url("../img/icons/icon-selectbox-down.png") no-repeat calc(100% - 3.0555555556vw) 1.6666666667vw;
  background-size: 6.6666666667vw;
  padding: 3.0555555556vw 9.7222222222vw 3.3333333333vw 4.1666666667vw;
}
.selectbox.st-disabled,
.selectbox:disabled {
  color: #bbb;
  background-color: #eee;
  background-image: url("../img/icons/icon-selectbox-disabled.png");
}
.selectbox.st-disabled .selectbox-current,
.selectbox:disabled .selectbox-current {
  pointer-events: none;
}
.selectbox:focus {
  border-color: #000;
  background-image: url("../img/icons/icon-selectbox-up.png");
}
.selectbox.st-wide {
  width: 100%;
}
.selectbox.active .tooltip-bubble {
  opacity: 0;
  visibility: hidden;
}
.selectbox .selectbox-current {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 3.0555555556vw 9.7222222222vw 3.3333333333vw 4.1666666667vw;
}
.selectbox .selectbox-current .selectbox-thumb {
  width: 11.1111111111vw;
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
}
.selectbox .selectbox-current .selectbox-thumb + .text-inner {
  margin-left: 4.1666666667vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.selectbox .selectbox-current .text-inner {
  line-height: 5.2777777778vw;
}
.selectbox .selectbox-current .text-inner + .text-inner {
  margin-left: 2.2222222222vw;
}
.selectbox .selectbox-current.has-tooltip {
  position: relative;
}
.selectbox .selectbox-current.has-tooltip .st-under {
  top: 0;
  left: 0;
  transform: translateY(8.8888888889vw);
}
.selectbox .selectbox-current.has-tooltip .st-under:after {
  left: 5.5555555556vw;
}
.selectbox .selectbox-layer {
  display: none;
  border: 0.2777777778vw solid #ddd;
  position: absolute;
  top: 100%;
  left: -0.2777777778vw;
  right: -0.2777777778vw;
  z-index: 4;
  background-color: #fff;
  max-height: 72.2222222222vw;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.selectbox .selectbox-layer .selectbox-button {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 3.3333333333vw 4.1666666667vw 3.6111111111vw;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.selectbox .selectbox-layer .selectbox-button .selectbox-thumb {
  width: 11.1111111111vw;
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
}
.selectbox .selectbox-layer .selectbox-button .selectbox-thumb + .text-inner {
  margin-left: 4.1666666667vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.selectbox .selectbox-layer .selectbox-button .text-inner + .text-inner {
  margin-left: 2.2222222222vw;
}
.selectbox .selectbox-layer .selectbox-button:active {
  background-color: #f8f8f8;
}
.selectbox .selectbox-layer .selectbox-button.selected {
  color: #006bff;
}
.selectbox .selectbox-layer .selectbox-button:disabled .text-inner {
  color: #bbb;
}
.selectbox.st-thumb {
  background-position: calc(100% - 3.0555555556vw) 6.3888888889vw;
}
.selectbox.st-thumb .selectbox-current {
  padding-top: 2.7777777778vw;
  padding-bottom: 2.7777777778vw;
}
.selectbox.active {
  border-color: #000;
  background-image: url("../img/icons/icon-selectbox-up.png");
}
.selectbox.active .selectbox-layer {
  display: block;
  border-color: #000;
  border-top: 0.2777777778vw solid #eee;
}
.selectbox.st-block .selectbox-layer {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 -0.2777777778vw -0.2777777778vw;
}
.row .selectbox,
.button-float-couple .selectbox,
.summary-data .selectbox {
  width: 100%;
}
button.selectbox {
  text-align: left;
}
div.selectbox {
  padding: 0;
}
.selectbox-text {
  font-size: 3.3333333333vw;
  font-weight: 500;
  line-height: 3.8888888889vw;
  text-align: right;
  border: none;
  color: #000;
  outline-style: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent url("../img/icons/icon-chevron-down-xxs__black.png") no-repeat 100% 49%;
  background-size: 2.2222222222vw;
  padding: 2.7777777778vw 3.6111111111vw 2.7777777778vw 0;
}
.selectbox-text:focus {
  background-image: url("../img/icons/icon-chevron-up-xxs__black.png");
}
.selectbox-text.st-elevated,
.zip-code .selectbox-text.zip-code-text,
.zip-code .selectbox-text.zip-code-title,
.announce-print-value .selectbox-text.announce-text,
.announce-print-value .selectbox-text.announce-label,
.summary-data .selectbox-text.summary-title,
.summary-data .selectbox-text.summary-text {
  font-size: 3.8888888889vw;
  font-weight: 400;
  line-height: 4.4444444444vw;
  padding-right: 5vw;
}
.selectbox-text[data-tt-toggle="dropdown"],
.selectbox-text[data-tt-toggle="collapse"] {
  background-image: url("../img/icons/icon-chevron-down-xxs__black.png");
}
.selectbox-text[data-tt-toggle="dropdown"].active,
.selectbox-text[data-tt-toggle="collapse"].active {
  background-image: url("../img/icons/icon-chevron-up-xxs__black.png");
}
.selectbox-text.st-primary {
  color: #006bff;
  background-image: url("../img/icons/icon-chevron-down-xxs__primary.png");
}
.selectbox-text.st-primary:focus {
  background-image: url("../img/icons/icon-chevron-up-xxs__primary.png");
}
.selectbox-text.st-primary[data-tt-toggle="dropdown"],
.selectbox-text.st-primary[data-tt-toggle="collapse"] {
  background-image: url("../img/icons/icon-chevron-down-xxs__primary.png");
}
.selectbox-text.st-primary[data-tt-toggle="dropdown"].active,
.selectbox-text.st-primary[data-tt-toggle="collapse"].active {
  background-image: url("../img/icons/icon-chevron-up-xxs__primary.png");
}
select.selectbox-text {
  background-color: #fff;
}
.checkbox {
  display: inline-flex;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox .checkbox-icon {
  position: relative;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  display: block;
  background: #fff url("../img/icons/icon-checkbox__default.png") no-repeat center center;
  background-size: 4.4444444444vw;
  border: 0.2777777778vw solid #ddd;
  cursor: pointer;
  flex-shrink: 0;
}
.checkbox .checkbox-label {
  font-style: normal;
  color: #000;
  font-size: 3.6111111111vw;
  line-height: 5.5555555556vw;
  margin-left: 2.2222222222vw;
  cursor: pointer;
}
.checkbox .checkbox-label.form-secondary {
  color: #999;
}
.checkbox strong.checkbox-label {
  font-size: 3.8888888889vw;
  font-weight: 600;
}
.checkbox .checkbox-input {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.checkbox .checkbox-input:checked {
  background-color: transparent;
}
.checkbox .checkbox-input:checked + .checkbox-icon {
  background-image: url("../img/icons/icon-checkbox__checked.png");
  background-color: #000;
  border: 0.2777777778vw solid #000;
}
.checkbox .checkbox-input:checked ~ .checkbox-label {
  color: #000;
}
.checkbox .checkbox-input:disabled + .checkbox-icon {
  background-color: #eee;
  border-color: #eee;
  cursor: default;
}
.checkbox .checkbox-input:disabled ~ .checkbox-label {
  color: #999;
  cursor: default;
}
.checkbox.st-dimmed .checkbox-input ~ .checkbox-label {
  color: #999;
}
.checkbox.st-dimmed .checkbox-input:checked ~ .checkbox-label {
  color: #000;
}
.checkbox.st-checked .checkbox-input {
  background-color: transparent;
}
.checkbox.st-checked .checkbox-input + .checkbox-icon {
  background-image: url("../img/icons/icon-checkbox__checked.png");
  background-color: #000;
  border: 0.2777777778vw solid #000;
}
.checkbox.st-checked .checkbox-input ~ .checkbox-label {
  color: #000;
}
.checkbox.st-disabled .checkbox-input + .checkbox-icon {
  background-color: #eee;
  border-color: #eee;
  cursor: default;
}
.checkbox.st-disabled .checkbox-input ~ .checkbox-label {
  color: #999;
  cursor: default;
}
.checkbox.st-ghost .checkbox-input + .checkbox-icon {
  background-color: transparent;
  border-color: transparent;
  background-image: url("../img/icons/icon-checkbox-ghost__default.png");
}
.checkbox.st-ghost .checkbox-input:checked + .checkbox-icon {
  background-image: url("../img/icons/icon-checkbox-ghost__checked.png");
  background-color: transparent;
}
.checkbox.st-ghost.st-checked .checkbox-input + .checkbox-icon {
  background-image: url("../img/icons/icon-checkbox-ghost__checked.png");
  background-color: transparent;
}
.icon,
.spot-visual.st-video:after,
.spot-visual.st-video-view:after {
  display: inline-flex;
  vertical-align: middle;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  font: 0/0 a !important;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.icon.st-xxs,
.st-xxs.spot-visual.st-video:after,
.st-xxs.spot-visual.st-video-view:after {
  width: 2.2222222222vw;
  height: 2.2222222222vw;
}
.icon.st-xs,
.st-xs.spot-visual.st-video:after,
.st-xs.spot-visual.st-video-view:after {
  width: 4.4444444444vw;
  height: 4.4444444444vw;
}
.icon.st-sm,
.st-sm.spot-visual.st-video:after,
.st-sm.spot-visual.st-video-view:after {
  width: 5.5555555556vw;
  height: 5.5555555556vw;
}
.icon.st-lg,
.st-lg.spot-visual.st-video:after,
.st-lg.spot-visual.st-video-view:after {
  width: 8.8888888889vw;
  height: 8.8888888889vw;
}
.icon.st-super,
.spot-visual.st-video:after,
.spot-visual.st-video-view:after {
  width: 11.1111111111vw;
  height: 11.1111111111vw;
}
.icon.st-super-lg,
.st-super-lg.spot-visual.st-video:after,
.st-super-lg.spot-visual.st-video-view:after,
.spot-visual.st-video.type-c:after {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
}
.icon-bag.st-black {
  background-image: url("../img/icons/icon-bag__black.png");
}
.icon-bag.st-white,
.icon-bag.spot-visual.st-video:after,
.icon-bag.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-bag__white.png");
}
.icon-search.st-black {
  background-image: url("../img/icons/icon-search__black.png");
}
.icon-search.st-white,
.icon-search.spot-visual.st-video:after,
.icon-search.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-search__white.png");
}
.icon-search.st-xs {
  background-image: url("../img/icons/icon-search-small.png");
}
.icon-search.st-gray {
  background-image: url("../img/icons/icon-search__gray.png");
}
.icon-heart.st-default {
  background-image: url("../img/icons/icon-heart__default.png");
}
.icon-heart.st-active {
  background-image: url("../img/icons/icon-heart__active.png");
}
.icon-heart.st-white,
.icon-heart.spot-visual.st-video:after,
.icon-heart.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-heart__white.png");
}
.icon-heart.st-gray999 {
  background-image: url("../img/icons/icon-heart__gray999.png");
}
.icon-heart.st-fill {
  background-image: url("../img/icons/icon-heart-fill__default.png");
}
.icon-heart.st-xs.st-default {
  background-image: url("../img/icons/icon-heart-xs__default.png");
}
.icon-heart.st-xs.st-active {
  background-image: url("../img/icons/icon-heart-xs__active.png");
}
.goods-card .icon-heart.st-default,
.tile-thumb .icon-heart.st-default,
.favorite-brand .icon-heart.st-default {
  background-image: url("../img/icons/icon-heart-fill__default.png");
}
.goods-card .icon-heart.st-active,
.tile-thumb .icon-heart.st-active,
.favorite-brand .icon-heart.st-active {
  background-image: url("../img/icons/icon-heart__active.png");
}
.icon-heart-fill.st-active {
  background-image: url("../img/icons/icon-heart-fill__active.png");
}
.icon-heart-fill.st-white,
.icon-heart-fill.spot-visual.st-video:after,
.icon-heart-fill.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-heart-fill__white.png");
}
.icon-heart-fill.st-xs.st-black {
  background-image: url("../img/icons/icon-heart-fill-xs__black.png");
}
.icon-heart-fill.st-xs.st-gray {
  background-image: url("../img/icons/icon-heart-fill-xs__gray.png");
}
.icon-heart-fill.st-xs.st-active {
  background-image: url("../img/icons/icon-heart-fill-xs__active.png");
}
.icon-report.st-xs.st-gray {
  background-image: url("../img/icons/icon-report-xs__gray.png");
}
.icon-heart-fill-brand.st-xs.st-default {
  background-image: url("../img/icons/icon-heart-fill-brand-xs__default.png");
}
.icon-heart-fill-brand.st-xs.st-added {
  background-image: url("../img/icons/icon-heart-fill-brand-xs__added.png");
}
.icon-star-fill.st-xs.st-black {
  background-image: url("../img/icons/icon-star-fill-xs__black.png");
}
.icon-star-fill.st-xs.st-gray {
  background-image: url("../img/icons/icon-star-fill-xs__gray.png");
}
.icon-grid-fill.st-black {
  background-image: url("../img/icons/icon-grid-fill__black.png");
}
.icon-gallery-fill.st-black {
  background-image: url("../img/icons/icon-gallery-fill__black.png");
}
.icon-triple-grid-fill.st-black {
  background-image: url("../img/icons/icon-gallery-triple__black.png");
}
.icon-aperture.st-black {
  background-image: url("../img/icons/icon-aperture__black.png");
}
.icon-scan.st-black {
  background-image: url("../img/icons/icon-scan__black.png");
}
.icon-bio.st-lg.st-black {
  background-image: url("../img/icons/icon-bio-lg__black.png");
}
.icon-ipin.st-lg.st-black {
  background-image: url("../img/icons/icon-ipin-lg__black.png");
}
.icon-footer-youtube.st-lg {
  background-image: url("../img/icons/icon-footer-youtube-lg.png");
}
.icon-footer-instargram.st-lg {
  background-image: url("../img/icons/icon-footer-instargram-lg.png");
}
.icon-footer-facebook.st-lg {
  background-image: url("../img/icons/icon-footer-facebook-lg.png");
}
.icon-footer-kakaoch.st-lg {
  background-image: url("../img/icons/icon-footer-kakaoch-lg.png");
}
.icon-eye.st-black {
  background-image: url("../img/icons/icon-eye__black.png");
}
.icon-eye.st-gray {
  background-image: url("../img/icons/icon-eye__gray.png");
}
.icon-eye-slash.st-black {
  background-image: url("../img/icons/icon-eye-slash__black.png");
}
.icon-eye-slash.st-gray {
  background-image: url("../img/icons/icon-eye-slash__gray.png");
}
.icon-naver {
  background-image: url("../img/icons/icon-naver.png");
}
.icon-naver.st-xs {
  background-image: url("../img/icons/icon-naver-xs.png");
}
.icon-naver.st-white,
.icon-naver.spot-visual.st-video:after,
.icon-naver.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-naver__white.png");
}
.icon-kakao {
  background-image: url("../img/icons/icon-kakao.png");
}
.icon-kakao.st-xs {
  background-image: url("../img/icons/icon-kakao-xs.png");
}
.icon-member {
  background-image: url("../img/icons/icon-member.png");
}
.icon-apple.st-black {
  background-image: url("../img/icons/icon-apple__black.png");
}
.icon-apple.st-white,
.icon-apple.spot-visual.st-video:after,
.icon-apple.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-apple__white.png");
}
.icon-home.st-black {
  background-image: url("../img/icons/icon-home__black.png");
}
.icon-home.st-white,
.icon-home.spot-visual.st-video:after,
.icon-home.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-home__white.png");
}
.icon-arrow-indent.st-sm.st-gray {
  background-image: url("../img/icons/icon-arrow-indent__gray.png");
}
.icon-arrow-rank.st-xxs.st-up {
  background-image: url("../img/icons/icon-arrow-rank__up_new.png");
  background-size: 1.3888888889vw 1.9444444444vw;
}
.icon-arrow-rank.st-xxs.st-down {
  background-image: url("../img/icons/icon-arrow-rank__down_new.png");
  background-size: 1.3888888889vw 1.9444444444vw;
}
.icon-arrow-rank.st-xxs.st-dash {
  background-image: url("../img/icons/icon-arrow-rank__dash.png");
}
.icon-clock.st-xs.st-white,
.icon-clock.st-xs.spot-visual.st-video:after,
.icon-clock.st-xs.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-clock-xs__white.png");
}
.icon-chevron-down.st-xs.st-black {
  background-image: url("../img/icons/icon-chevron-down-xs__black.png");
}
.icon-chevron-down.st-xs.st-gray {
  background-image: url("../img/icons/icon-chevron-down-xs__gray.png");
}
.icon-chevron-down.st-xxs.st-white,
.icon-chevron-down.st-xxs.spot-visual.st-video:after,
.icon-chevron-down.st-xxs.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-chevron-down-xxs__white.png");
}
.icon-chevron-down.st-xxs.st-black {
  background-image: url("../img/icons/icon-chevron-down-xxs__black.png");
}
.icon-chevron-down.st-xxs.st-gray666 {
  background-image: url("../img/icons/icon-chevron-down-xxs__gray666.png");
}
.icon-chevron-up.st-xxs.st-black {
  background-image: url("../img/icons/icon-chevron-up-xxs__black.png");
}
.icon-chevron-up.st-xxs.st-gray666 {
  background-image: url("../img/icons/icon-chevron-up-xxs__gray666.png");
}
.icon-chevron-prev-page.st-black {
  background-image: url("../img/icons/icon-chevron-prev-page__black.png");
}
.icon-chevron-prev-page.st-white,
.icon-chevron-prev-page.spot-visual.st-video:after,
.icon-chevron-prev-page.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-chevron-prev-page__white.png");
}
.icon-floating-back {
  background-image: url("../img/icons/icon-floating-back.png");
}
.icon-chevron-carousel-next.st-white,
.icon-chevron-carousel-next.spot-visual.st-video:after,
.icon-chevron-carousel-next.spot-visual.st-video-view:after {
  transform: rotate(180deg);
  background-image: url("../img/icons/icon-chevron-prev-page__white.png");
}
.icon-chevron-carousel-prev.st-white,
.icon-chevron-carousel-prev.spot-visual.st-video:after,
.icon-chevron-carousel-prev.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-chevron-prev-page__white.png");
}
.icon-chevron-next.st-xs.st-black {
  background-image: url("../img/icons/icon-chevron-next-xs__black.png");
}
.icon-chevron-next.st-xs.st-lightblue {
  background-image: url("../img/icons/icon-chevron-next__lightblue.png");
}
.icon-chevron-next.st-xs.st-gray {
  background-image: url("../img/icons/icon-chevron-next__lightblue.png");
}
.icon-chevron-next.st-xxs.st-black {
  background-image: url("../img/icons/icon-chevron-next-xxs__black.png");
}
.icon-chevron-next.st-white,
.icon-chevron-next.spot-visual.st-video:after,
.icon-chevron-next.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-chevron-next-xs__white.png");
}
.icon-chevron-next-button-cta-reduced.st-xs.st-black {
  background-image: url("../img/icons/icon-chevron-next-button-cta-reduced-xs__black.png");
}
.icon-chevron-next-button-cta-reduced.st-xs.st-gray999 {
  background-image: url("../img/icons/icon-chevron-next-button-cta-reduced-xs__gray999.png");
}
.icon-chevron-next-button-cta-reduced.st-xs.st-primary {
  background-image: url("../img/icons/icon-chevron-next-button-cta-reduced-xs__blue.png");
}
.icon-chevron-next-button-cta-reduced.st-xs.st-white,
.icon-chevron-next-button-cta-reduced.st-xs.spot-visual.st-video:after,
.icon-chevron-next-button-cta-reduced.st-xs.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-chevron-next-button-cta-reduced-xs__white.png");
}
.icon-chevron-prev-button-cta-reduced.st-xs.st-black {
  background-image: url("../img/icons/icon-chevron-prev-button-cta-reduced-xs__black.png");
}
.icon-qty-minus.st-default {
  background-image: url("../img/icons/icon-qty-minus__default.png");
}
.icon-qty-minus.st-disabled {
  background-image: url("../img/icons/icon-qty-minus__disabled.png");
}
.button-icon:disabled .icon-qty-minus,
.tile-item .tile-thumb .tile-heart:disabled .icon-qty-minus,
.tile-item-horizon .tile-thumb .tile-heart:disabled .icon-qty-minus {
  background-image: url("../img/icons/icon-qty-minus__disabled.png");
}
.icon-qty-plus.st-default {
  background-image: url("../img/icons/icon-qty-plus__default.png");
}
.icon-qty-plus.st-disabled {
  background-image: url("../img/icons/icon-qty-plus__disabled.png");
}
.button-icon:disabled .icon-qty-plus,
.tile-item .tile-thumb .tile-heart:disabled .icon-qty-plus,
.tile-item-horizon .tile-thumb .tile-heart:disabled .icon-qty-plus {
  background-image: url("../img/icons/icon-qty-plus__disabled.png");
}
.icon-x.st-gray {
  background-image: url("../img/icons/icon-x__gray.png");
}
.icon-x.st-xs.st-gray {
  background-image: url("../img/icons/icon-x-xs__gray.png");
}
.icon-x.st-xs.st-white,
.icon-x.st-xs.spot-visual.st-video:after,
.icon-x.st-xs.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-x-xs__white.png");
}
.icon-x-clear {
  background-image: url("../img/icons/icon-x__clear.png");
}
.icon-x-page-utility {
  background-image: url("../img/icons/icon-x-page-utility.png");
}
.icon-dock-hamburger {
  background-image: url("../img/icons/icon-dock-hamburger.png");
}
.icon-dock-home {
  background-image: url("../img/icons/icon-dock-home.png");
}
.icon-dock-home.st-black {
  background-image: url("../img/icons/icon-dock-home-fill.png");
}
.icon-dock-heart {
  background-image: url("../img/icons/icon-dock-heart.png");
}
.icon-dock-heart.st-black {
  background-image: url("../img/icons/icon-dock-heart-fill.png");
}
.icon-dock-human {
  background-image: url("../img/icons/icon-dock-human.png");
}
.icon-dock-human.st-black {
  background-image: url("../img/icons/icon-dock-human-fill.png");
}
.icon-dock-best {
  background-image: url("../img/icons/icon-dock-best.png");
}
.icon-dock-magazine {
  background-image: url("../img/icons/icon-dock-magazine.png");
}
.icon-dock-magazine.st-black {
  background-image: url("../img/icons/icon-dock-magazine-fill.png");
}
.is-active .icon-dock-home {
  background-image: url("../img/icons/icon-dock-home-fill.png");
}
.is-active .icon-dock-heart {
  background-image: url("../img/icons/icon-dock-heart-fill.png");
}
.is-active .icon-dock-human {
  background-image: url("../img/icons/icon-dock-human-fill.png");
}
.is-active .icon-dock-magazine {
  background-image: url("../img/icons/icon-dock-magazine-fill.png");
}
.is-active .icon-dock-best {
  background-image: url("../img/icons/icon-dock-best-fill.png");
}
.icon-symbol.st-lg.st-white,
.icon-symbol.st-lg.spot-visual.st-video:after,
.icon-symbol.st-lg.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-symbol-lg__white.png");
}
.icon-x-dock.st-lg.st-black {
  background-image: url("../img/icons/icon-x-dock-lg__black.png");
}
.icon-x-pointer.st-white,
.icon-x-pointer.spot-visual.st-video:after,
.icon-x-pointer.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-x-pointer__white.png");
}
.icon-player-pause.st-black {
  background-image: url("../img/icons/icon-player-pause__black.png");
}
.icon-player-pause.st-white,
.icon-player-pause.spot-visual.st-video:after,
.icon-player-pause.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-player-pause__white.png");
}
.icon-player-play-fill.st-black {
  background-image: url("../img/icons/icon-player-play-fill__black.png");
}
.icon-player-play-fill.st-white,
.icon-player-play-fill.spot-visual.st-video:after,
.icon-player-play-fill.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-player-play-fill__white.png");
}
.icon-view-all-plus.st-black {
  background-image: url("../img/icons/icon-view-all-plus__black.png");
}
.icon-view-all-plus.st-white,
.icon-view-all-plus.spot-visual.st-video:after,
.icon-view-all-plus.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-view-all-plus__white.png");
}
.icon-plus-circle.st-xs.st-gray {
  background-image: url("../img/icons/icon-plus-circle-xs__gray.png");
}
.icon-question-circle.st-xs.st-grayBD {
  background-image: url("../img/icons/icon-question-circle-xs__grayBD.png");
}
.icon-share.st-black {
  background-image: url("../img/icons/icon-share__black.png");
}
.icon-share-view-goods.st-black {
  background-image: url("../img/icons/icon-share-view-goods__black.png");
}
.icon-download-wo-circle.st-black {
  background-image: url("../img/icons/icon-download-wo-circle__black.png");
}
.icon-download.st-black {
  background-image: url("../img/icons/icon-download__black.png");
}
.icon-download.st-gray {
  background-image: url("../img/icons/icon-download__gray.png");
}
.icon-download-complete {
  background-image: url("../img/icons/icon-download-complete.png");
}
.icon-gift.st-white,
.icon-gift.spot-visual.st-video:after,
.icon-gift.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-gift__white.png");
}
.icon-gift.st-gray {
  background-image: url("../img/icons/icon-gift__gray.png");
}
.icon-gift.st-xs.st-gray {
  background-image: url("../img/icons/icon-gift-xs__gray.png");
}
.icon-gift.st-xs.st-grayeee {
  background-image: url("../img/icons/icon-gift-xs__grayeee.png");
}
.icon-swipe.st-xs.st-gray {
  background-image: url("../img/icons/icon-swipe-xs__gray.png");
}
.icon-next-step {
  background-image: url("../img/icons/icon-next-step.png");
}
.icon-geo-alt.st-lg.st-black {
  background-image: url("../img/icons/icon-geo-alt-lg__black.png");
}
.icon-three-dots-vertical.st-gray {
  background-image: url("../img/icons/icon-three-dots-vertical__gray.png");
}
.icon-play-circle.st-super.st-white,
.icon-play-circle.spot-visual.st-video:after,
[id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_C"] .spot-visual.st-video:after,
.archive-corner .spot-visual.st-video:after,
.archive-corner_video .spot-visual.st-video:after,
.archive-corner_shorts .spot-visual.st-video:after,
.icon-play-circle.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-play-circle-super__white.png");
}
.icon-play.st-super.st-white,
.spot-visual.st-video:after,
.icon-play.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-play-super__white.png");
}
.icon-play.st-super-lg.st-white,
.st-super-lg.spot-visual.st-video:after,
.spot-visual.st-video.type-c:after,
.icon-play.st-super-lg.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-play-super-lg__white.png");
}
.icon-play-view.st-super.st-white,
.icon-play-view.spot-visual.st-video:after,
.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-play-view-super__white.png");
}
.icon-c.st-xs.st-grayBD {
  background-image: url("../img/icons/icon-c-xs__grayBD.png");
}
.icon-s.st-xs.st-grayBD {
  background-image: url("../img/icons/icon-s-xs__grayBD.png");
}
.icon-edit-circle.st-xs.st-grayBD {
  background-image: url("../img/icons/icon-edit-circle-xs__grayBD.png");
}
.icon-add-plus.st-lg.st-gray {
  background-image: url("../img/icons/icon-add-plus-lg__gray.png");
}
.icon-thumbs.st-black {
  background-image: url("../img/icons/icon-thumbs__black.png");
}
.icon-person-fill.st-black {
  background-image: url("../img/icons/icon-person-fill__black.png");
}
.icon-gear-fill.st-black {
  background-image: url("../img/icons/icon-gear-fill__black.png");
}
.icon-my-c-point.st-lg {
  background-image: url("../img/icons/icon-my-c-point-lg.png");
}
.icon-my-coupon.st-lg {
  background-image: url("../img/icons/icon-my-coupon-lg.png");
}
.icon-my-review.st-lg {
  background-image: url("../img/icons/icon-my-review-lg.png");
}
.icon-my-point.st-lg {
  background-image: url("../img/icons/icon-my-point-lg.png");
}
.icon-barcode.st-sm {
  width: 4.1666666667vw;
}
.icon-barcode.st-sm.st-black {
  background-image: url("../img/icons/icon-barcode-s__black.png");
}
.icon-barcode.st-black {
  background-image: url("../img/icons/icon-barcode__black.png");
}
.icon-barcode.st-white,
.icon-barcode.spot-visual.st-video:after,
.icon-barcode.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-barcode__white.png");
}
.icon-camera.st-xs.st-gray {
  background-image: url("../img/icons/icon-camera-xs__gray.png");
}
.icon-camera.st-xs.st-white,
.icon-camera.st-xs.spot-visual.st-video:after,
.icon-camera.st-xs.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-camera-xs__gray.png");
}
.icon-arrow-next.st-xxs.st-white,
.icon-arrow-next.st-xxs.spot-visual.st-video:after,
.icon-arrow-next.st-xxs.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-arrow-next-xxs__white.png");
}
.icon-arrow-next.st-xxs.st-gray666 {
  background-image: url("../img/icons/icon-arrow-next-xxs__gray666.png");
}
.icon-lock.st-xs.st-black {
  background-image: url("../img/icons/icon-lock-xs__black.png");
}
.icon-bell.st-black {
  background-image: url("../img/icons/icon-bell__black.png");
}
.icon-bell.st-xs.st-black {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-image: url("../img/icons/icon-bell__default.png");
}
.icon-bell.st-xs.st-slash {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-image: url("../img/icons/icon-bell__default_slash.png");
}
.icon-bell.st-xs.st-white,
.icon-bell.st-xs.spot-visual.st-video:after,
.icon-bell.st-xs.spot-visual.st-video-view:after {
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  background-image: url("../img/icons/icon-bell__white.png");
}
.icon-bell.st-xs.st-white.st-filled,
.icon-bell.st-xs.st-filled.spot-visual.st-video:after,
.icon-bell.st-xs.st-filled.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-bell__white_filled.png");
}
.icon-bell.st-sm.st-black {
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  background-image: url("../img/icons/icon-bell__black_filled.png");
}
.icon-alarm.st-primary {
  background-image: url("../img/icons/icon-alarm__primary.png");
}
.icon-box-arrow-up-right.st-primary {
  background-image: url("../img/icons/icon-box-arrow-up-right__primary.png");
}
.icon-cal-minus.st-xxs.st-black {
  background-image: url("../img/icons/icon-cal-minus-xxs__black.png");
}
.icon-cal-plus.st-xxs.st-black {
  background-image: url("../img/icons/icon-cal-plus-xxs__black.png");
}
.icon-cal-equal.st-xxs.st-black {
  background-image: url("../img/icons/icon-cal-equal-xxs__black.png");
}
.icon-calendar.st-gray {
  background-image: url("../img/icons/icon-calendar__gray.png");
}
.icon-pencil-line.st-black {
  background-image: url("../img/icons/icon-pencil-line__black.png");
}
.icon-floating-top.st-black {
  background-image: url("../img/icons/icon-floating-top__black.png");
}
.icon-floating-chat.st-black {
  background-image: url("../img/icons/icon-floating-chat__black.png");
}
.icon-floating-history.st-black {
  background-image: url("../img/icons/icon-floating-history__black.png");
}
.icon-floating-pencil-line.st-white,
.icon-floating-pencil-line.spot-visual.st-video:after,
.icon-floating-pencil-line.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-floating-pencil-line__white.png");
}
.icon-floating-flash.st-black {
  background-image: url("../img/icons/icon-floating-flash__black.png");
}
.icon-floating-flash.st-white,
.icon-floating-flash.spot-visual.st-video:after,
.icon-floating-flash.spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-floating-flash__white.png");
}
.icon-inquire.st-lg.st-gray {
  background-image: url("../img/icons/icon-inquire-lg__gray.png");
}
.icon-notice.st-lg.st-gray {
  background-image: url("../img/icons/icon-notice-lg__gray.png");
}
.icon-talk.st-lg.st-gray {
  background-image: url("../img/icons/icon-talk-lg__gray.png");
}
.icon-replay-circle.st-grayBD {
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background-image: url("../img/icons/icon-replay-circle__grayBD.png");
}
.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  padding-left: 1.3888888889vw;
  padding-right: 1.3888888889vw;
  background-color: #000;
}
.button .icon,
.button .spot-visual.st-video:after,
.button .spot-visual.st-video-view:after {
  flex-shrink: 0;
}
.button .button-text {
  text-align: center;
  color: #fff;
}
.button.st-primary {
  background-color: #006bff;
}
.button.st-disabled,
.button:disabled {
  background-color: #eee;
}
.button.st-disabled .button-text,
.button:disabled .button-text {
  color: #ccc;
}
.button.st-calculator .button-text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button.st-calculator .button-divider {
  margin: 0 2.7777777778vw;
  width: 0.2777777778vw;
  height: 3.0555555556vw;
  background-color: #fff;
}
.button.st-wide,
.row .button,
.button-float-couple .button,
.summary-data .button {
  display: block;
  width: 100%;
}
.button.st-round {
  border-radius: 1.1111111111vw;
}
.button.st-lightblue {
  border-radius: 5.5555555556vw;
  background-color: #edf5ff;
}
.button.st-lightblue .button-text {
  color: #3c8cff;
}
.button.st-prefix {
  padding-left: 4.1666666667vw;
  padding-right: 6.3888888889vw;
}
.button-ghost {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  padding-left: 1.3888888889vw;
  padding-right: 1.3888888889vw;
  background-color: #fff;
  border: 0.2777777778vw solid #000;
}
.button-ghost .button-text {
  text-align: center;
  display: block;
  color: #000;
  margin-top: -0.2777777778vw;
  margin-bottom: -0.2777777778vw;
}
.button-ghost.st-primary {
  border-color: #006bff;
}
.button-ghost.st-secondary {
  border-color: #bbb;
}
.button-ghost.st-secondary .button-text {
  color: #666;
}
.button-ghost.st-wide {
  display: block;
  width: 100%;
}
.button-ghost.st-disabled,
.button-ghost:disabled {
  border-color: #eee;
  background-color: #eee;
}
.button-ghost.st-disabled .button-text,
.button-ghost:disabled .button-text {
  color: #ccc;
}
.button-ghost.st-round {
  border-color: #ccc;
  border-radius: 1.1111111111vw;
  width: 4.4444444444vw;
  height: 4.4444444444vw;
  padding-inline: 0;
}
.row .button-ghost,
.button-float-couple .button-ghost,
.summary-data .button-ghost {
  display: block;
  width: 100%;
}
.st-calculator .button-text.st-elevated,
.st-calculator .zip-code .button-text.zip-code-text,
.zip-code .st-calculator .button-text.zip-code-text,
.st-calculator .zip-code .button-text.zip-code-title,
.zip-code .st-calculator .button-text.zip-code-title,
.st-calculator .announce-print-value .button-text.announce-text,
.announce-print-value .st-calculator .button-text.announce-text,
.st-calculator .announce-print-value .button-text.announce-label,
.announce-print-value .st-calculator .button-text.announce-label,
.st-calculator .summary-data .button-text.summary-title,
.summary-data .st-calculator .button-text.summary-title,
.st-calculator .summary-data .button-text.summary-text,
.summary-data .st-calculator .button-text.summary-text {
  padding-top: 4.1666666667vw;
  padding-bottom: 4.4444444444vw;
}
.button-text {
  display: block;
  padding-top: 3.3333333333vw;
  padding-bottom: 3.6111111111vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  line-height: 4.1666666667vw;
  text-align: left;
}
.button-text.st-reduced {
  padding-top: 1.9444444444vw;
  padding-bottom: 2.2222222222vw;
}
.button-text.st-elevated,
.zip-code .button-text.zip-code-text,
.zip-code .button-text.zip-code-title,
.announce-print-value .button-text.announce-text,
.announce-print-value .button-text.announce-label,
.summary-data .button-text.summary-title,
.summary-data .button-text.summary-text {
  padding-top: 3.3333333333vw;
  padding-bottom: 3.6111111111vw;
  font-size: 4.4444444444vw;
  font-weight: 600;
  line-height: 5.2777777778vw;
}
.button-text.st-sm {
  padding-top: 2.2222222222vw;
  padding-bottom: 2.2222222222vw;
  font-size: 3.3333333333vw;
  line-height: 3.8888888889vw;
}
.button-text.st-middle.st-reduced {
  margin-top: -1.9444444444vw;
  margin-bottom: -2.2222222222vw;
}
.button-text.st-middle.st-elevated,
.zip-code .button-text.st-middle.zip-code-text,
.zip-code .button-text.st-middle.zip-code-title,
.announce-print-value .button-text.st-middle.announce-text,
.announce-print-value .button-text.st-middle.announce-label,
.summary-data .button-text.st-middle.summary-title,
.summary-data .button-text.st-middle.summary-text {
  margin-top: -4.1666666667vw;
  margin-bottom: -4.4444444444vw;
}
.button-text.st-middle.st-sm {
  margin-top: -2.2222222222vw;
  margin-bottom: -2.2222222222vw;
}
.button-text.st-underline > span {
  text-decoration: underline;
  text-underline-offset: 0.5555555556vw;
  font-size: 3.6111111111vw;
  padding-bottom: 0.5555555556vw;
}
.button-extra {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.button-extra .button-text {
  font-weight: 400;
  padding: 0;
}
.button-extra strong.button-text {
  font-weight: 600;
}
.button-extra .icon + .button-text,
.button-extra .spot-visual.st-video:after + .button-text,
.button-extra .spot-visual.st-video-view:after + .button-text {
  margin-left: 2.2222222222vw;
}
.button-extra.st-80 {
  border: 0.2777777778vw solid #ddd;
  border-radius: 2.7777777778vw;
  padding: 6.3888888889vw 6.6666666667vw 6.3888888889vw 7.7777777778vw;
  min-height: 20.8333333333vw;
}
.button-extra.st-30brand {
  justify-content: flex-start;
  padding: 1.9444444444vw 0;
}
.button-extra.st-30brand .icon,
.button-extra.st-30brand .spot-visual.st-video:after,
.button-extra.st-30brand .spot-visual.st-video-view:after {
  margin-right: 2.7777777778vw;
}
.button-extra.st-30brand .icon + .button-text,
.button-extra.st-30brand .spot-visual.st-video:after + .button-text,
.button-extra.st-30brand .spot-visual.st-video-view:after + .button-text {
  margin-left: 0;
}
.button-extra.st-30brand .button-text {
  line-height: 4.4444444444vw;
  color: #000;
}
.button-extra.st-30brand .button-text.st-sm {
  margin-left: 2.7777777778vw;
}
.button-extra.st-30brand.st-active .button-text {
  font-weight: 600;
}
.button-extra.st-30brand.st-added .button-text {
  color: #000;
  font-weight: 400;
}
.button-extra.st-30brand.st-added .icon-heart-fill-brand {
  background-image: url("../img/icons/icon-heart-fill-brand-xs__added.png");
}
.button-extra.st-30brand.st-dimmed .button-text {
  color: #aaa;
}
.button-extra.st-46img {
  background-color: #f8f8f8;
  padding: 2.5vw 4.4444444444vw;
  height: 11.6666666667vw;
  width: 37.2222222222vw;
  border-radius: 1.1111111111vw;
  flex-direction: column;
}
.button-extra.st-46img .button-img {
  max-height: 100%;
  max-width: 100%;
}
.button-extra.st-40 {
  padding: 2.6388888889vw 4.1666666667vw;
}
.button-extra.st-40 .button-text {
  line-height: 5.2777777778vw;
}
.button-extra.st-40.st-pill {
  border-radius: 5.5555555556vw;
}
.button-extra.st-40.st-pill.button-more {
  width: 33.3333333333vw;
  margin: 0 auto;
}
.button-extra.st-40.st-pill.st-overlay,
.spot-copy.st-overlay .spot-bubbles .button-extra.st-40.st-pill.bubble {
  background-color: #0000004d;
  border: none;
}
.button-extra.st-40.st-pill.st-overlay .button-text,
.spot-copy.st-overlay .spot-bubbles .button-extra.st-40.st-pill.bubble .button-text {
  color: #fff;
}
.button-extra.st-40.st-pill.st-fold {
  border-color: #eee;
  background-color: #fff;
}
.button-extra.st-40.st-pill.st-fold .button-text {
  color: #000;
}
.button-extra.st-40.st-pill.st-fold .icon-chevron-down {
  margin-left: 1.1111111111vw;
}
.button-extra.st-40.st-pill.st-fold.active {
  border-color: #fff;
  background-color: #fff;
}
.button-extra.st-40.st-pill.st-fold.active .button-text {
  color: #000;
}
.button-extra.st-40.active .icon-chevron-down {
  background-image: url("../img/icons/icon-chevron-up-xxs__black.png");
}
.button-extra.st-45 {
  padding: 2.6388888889vw 4.1666666667vw;
  border: solid 0.2777777778vw #bbb;
}
.button-extra.st-45 .button-text {
  font-size: 3.8888888889vw;
  font-weight: 500;
  margin-left: 2.2222222222vw;
}
.button-extra.st-50 {
  padding: 3.3333333333vw 2.7777777778vw;
  border: solid 0.2777777778vw #bbb;
}
.button-extra.st-50 .button-text {
  font-size: 3.8888888889vw;
  font-weight: 500;
  margin-left: 2.2222222222vw;
}
.button-extra.st-pill {
  border: solid 0.2777777778vw #ddd;
}
.button-extra.st-pill.st-dimmed {
  border-color: #eee;
}
.button-extra.st-pill.st-focus {
  border-color: #000;
}
.button-extra.st-pointer {
  position: relative;
  padding: 0.8333333333vw;
  background-color: #000c;
  border-radius: 50%;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 2;
}
.button-extra.st-pointer:not(.st-expanded) {
  max-width: 8.3333333333vw;
}
.button-extra.st-pointer.active {
  transform: rotate(45deg);
}
.button-extra.st-pointer.st-expanded {
  display: flex;
  align-items: center;
  width: auto;
  max-width: 90%;
  background-color: #006bff;
  border-radius: 4.1666666667vw;
  padding: 2.7777777778vw 4.1666666667vw;
  color: #fff;
}
.button-extra.st-pointer.st-expanded .pointer-text {
  min-width: 0;
  width: 100%;
}
.button-extra.st-pointer.st-expanded .pointer-text .text-inner {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.button-extra.st-member {
  padding: 1.9444444444vw 4.1666666667vw;
  border: 1px solid #ddd;
  border-radius: 5.5555555556vw;
  justify-content: space-between;
}
.button-extra.st-member .icon,
.button-extra.st-member .spot-visual.st-video:after,
.button-extra.st-member .spot-visual.st-video-view:after {
  position: relative;
  margin-left: 2.5vw;
}
.button-extra.st-member .icon:after,
.button-extra.st-member .spot-visual.st-video:after,
.button-extra.st-member .spot-visual.st-video-view:after {
  content: "";
  display: block;
  height: 4.1666666667vw;
  width: 0.2777777778vw;
  background-color: #ddd;
  position: absolute;
  top: 1.1111111111vw;
  right: -5.5555555556vw;
}
.button-extra.st-member .button-text {
  width: 100%;
  text-align: center;
  font-size: 3.8888888889vw;
}
.button-extra.st-member.st-50 {
  padding: 3.6111111111vw 2.7777777778vw;
}
.button-extra.st-kakao {
  padding: 2.2222222222vw 4.1666666667vw;
  background-color: #fee500;
  border: none;
  border-radius: 5.5555555556vw;
  justify-content: space-between;
}
.button-extra.st-kakao .icon,
.button-extra.st-kakao .spot-visual.st-video:after,
.button-extra.st-kakao .spot-visual.st-video-view:after {
  position: relative;
  margin-left: 2.2222222222vw;
}
.button-extra.st-kakao .icon:after,
.button-extra.st-kakao .spot-visual.st-video:after,
.button-extra.st-kakao .spot-visual.st-video-view:after {
  content: "";
  display: block;
  height: 4.1666666667vw;
  width: 0.2777777778vw;
  background-color: #fff;
  position: absolute;
  top: 1.1111111111vw;
  right: -5.5555555556vw;
}
.button-extra.st-kakao .button-text {
  width: 100%;
  text-align: center;
  font-size: 3.8888888889vw;
}
.button-extra.st-kakao.st-50 {
  padding: 3.6111111111vw 2.7777777778vw;
}
.button-extra.st-naver {
  padding: 2.2222222222vw 4.1666666667vw;
  background-color: #09d133;
  border: none;
  border-radius: 5.5555555556vw;
  justify-content: space-between;
}
.button-extra.st-naver .icon,
.button-extra.st-naver .spot-visual.st-video:after,
.button-extra.st-naver .spot-visual.st-video-view:after {
  position: relative;
  margin-left: 2.5vw;
}
.button-extra.st-naver .icon:after,
.button-extra.st-naver .spot-visual.st-video:after,
.button-extra.st-naver .spot-visual.st-video-view:after {
  content: "";
  display: block;
  height: 4.1666666667vw;
  width: 0.2777777778vw;
  background-color: #fff;
  position: absolute;
  top: 1.1111111111vw;
  right: -5.5555555556vw;
}
.button-extra.st-naver .button-text {
  width: 100%;
  text-align: center;
  font-size: 3.8888888889vw;
}
.button-extra.st-naver.st-50 {
  padding: 3.6111111111vw 2.7777777778vw;
}
.button-extra.st-for-dock {
  display: block;
  width: 33.3333333333vw;
  padding: 15vw 5.5555555556vw;
  background-color: #000;
  border-radius: 16.6666666667vw;
}
.button-extra.st-for-dock .button-img {
  width: 22.2222222222vw;
}
.button-extra.st-for-dock .button-text {
  color: #fff;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  text-align: center;
  margin-top: 2.7777777778vw;
}
.button-extra.st-for-dock .button-text .text-inner {
  position: relative;
  display: inline-flex;
}
.button-extra.st-for-dock .button-text .button-arrow {
  position: absolute;
  left: 100%;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  margin-left: 0.8333333333vw;
}
.button-extra.st-for-dock.st-even,
.button-extra.st-for-dock:nth-child(2n) {
  background-color: #555;
}
.button-extra.st-brand-mall {
  justify-content: space-between;
  border: 0.2777777778vw solid #e5e5e5;
  padding: 3.0555555556vw 5.5555555556vw;
}
.button-extra.st-brand-mall .button-start {
  display: flex;
  align-items: center;
}
.button-extra.st-brand-mall .button-text {
  margin-left: 3.3333333333vw;
}
.button-extra.st-brand-mall img {
  display: block;
  height: 5.5555555556vw;
}
.button-extra.st-brand-mall .icon-chevron-next {
  margin-right: -1.3888888889vw;
}
.button-extra.st-sm {
  padding: 0.8333333333vw 3.3333333333vw;
}
.button-extra.st-sm.st-pill {
  border-radius: 10.5555555556vw;
}
.button-extra.st-sm i + .button-text {
  margin-left: 0.5555555556vw;
}
.button-extra.st-sm .button-text {
  font-size: 3.0555555556vw;
}
.row .button-extra,
.button-float-couple .button-extra,
.summary-data .button-extra {
  display: flex;
  width: 100%;
}
.button-icon,
.tile-item .tile-thumb .tile-heart,
.tile-item-horizon .tile-thumb .tile-heart {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  padding: 2.2222222222vw;
}
.button-icon.st-sm,
.tile-item .tile-thumb .st-sm.tile-heart,
.tile-item-horizon .tile-thumb .st-sm.tile-heart {
  padding: 0.8333333333vw;
}
.button-icon.st-xs,
.tile-item .tile-thumb .st-xs.tile-heart,
.tile-item-horizon .tile-thumb .st-xs.tile-heart {
  padding: 0.2777777778vw;
}
.button-icon:disabled,
.tile-item .tile-thumb .tile-heart:disabled,
.tile-item-horizon .tile-thumb .tile-heart:disabled {
  background-color: #f8f8f8;
}
.button-icon .icon-badge,
.tile-item .tile-thumb .tile-heart .icon-badge,
.tile-item-horizon .tile-thumb .tile-heart .icon-badge {
  position: absolute;
  top: 1.9444444444vw;
  left: 5.8333333333vw;
  z-index: 1;
  background-color: #000;
  padding: 1.1111111111vw;
  min-width: 5.5555555556vw;
  max-width: 7.2222222222vw;
  border-radius: 3.0555555556vw;
  color: #fff;
  font-size: 2.5vw;
  line-height: 3.3333333333vw;
  font-weight: 600;
  text-align: center;
}
.page-utility.st-dark .button-icon .icon-badge,
.page-utility.st-dark .tile-item .tile-thumb .tile-heart .icon-badge,
.tile-item .tile-thumb .page-utility.st-dark .tile-heart .icon-badge,
.page-utility.st-dark .tile-item-horizon .tile-thumb .tile-heart .icon-badge,
.tile-item-horizon .tile-thumb .page-utility.st-dark .tile-heart .icon-badge {
  background-color: #fff;
  color: #000;
}
.page-utility.st-overlay .button-icon .icon-badge,
.page-utility.st-overlay .tile-item .tile-thumb .tile-heart .icon-badge,
.tile-item .tile-thumb .page-utility.st-overlay .tile-heart .icon-badge,
.page-utility.st-overlay .tile-item-horizon .tile-thumb .tile-heart .icon-badge,
.tile-item-horizon .tile-thumb .page-utility.st-overlay .tile-heart .icon-badge,
.spot-copy.st-overlay .spot-bubbles .page-utility.bubble .button-icon .icon-badge,
.spot-copy.st-overlay .spot-bubbles .page-utility.bubble .tile-item .tile-thumb .tile-heart .icon-badge,
.tile-item .tile-thumb .spot-copy.st-overlay .spot-bubbles .page-utility.bubble .tile-heart .icon-badge,
.spot-copy.st-overlay .spot-bubbles .page-utility.bubble .tile-item-horizon .tile-thumb .tile-heart .icon-badge,
.tile-item-horizon .tile-thumb .spot-copy.st-overlay .spot-bubbles .page-utility.bubble .tile-heart .icon-badge {
  background-color: #fff;
  color: #000;
  will-change: background-color, color;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.button-icon--hole {
  border-radius: 50%;
  background-color: #fff;
  filter: drop-shadow(0 0 1.1111111111vw rgba(0, 0, 0, 0.15));
  padding: 1.3888888889vw;
}
.button-icon.st-link,
.tile-item .tile-thumb .st-link.tile-heart,
.tile-item-horizon .tile-thumb .st-link.tile-heart {
  align-items: center;
  justify-content: space-between;
  border-radius: 2.2222222222vw;
  background-color: #f6f6f6;
  width: 77.7777777778vw;
  margin-inline: auto;
  padding: 0 1.6666666667vw 0 4.4444444444vw;
  margin-top: 2.7777777778vw;
}
.button-icon.st-link .button-text,
.tile-item .tile-thumb .st-link.tile-heart .button-text,
.tile-item-horizon .tile-thumb .st-link.tile-heart .button-text {
  padding: 2.5vw 2.7777777778vw 3.0555555556vw 0;
  font-size: 2.7777777778vw;
  color: #666;
  min-width: 67.2222222222vw;
  max-width: 67.2222222222vw;
}
.button-icon.st-link .st-gray999,
.tile-item .tile-thumb .st-link.tile-heart .st-gray999,
.tile-item-horizon .tile-thumb .st-link.tile-heart .st-gray999 {
  width: 5vw;
  height: 5vw;
}
.button-icon.st-fill,
.tile-item .tile-thumb .st-fill.tile-heart,
.tile-item-horizon .tile-thumb .st-fill.tile-heart {
  border: 0.2777777778vw solid #eee;
}
.button-cta {
  display: flex;
  align-items: center;
}
.button-cta .icon:first-child,
.button-cta .spot-visual.st-video:first-child:after,
.button-cta .spot-visual.st-video-view:first-child:after {
  margin-right: 0.5555555556vw;
}
.button-cta .icon:last-child,
.button-cta .spot-visual.st-video:last-child:after,
.button-cta .spot-visual.st-video-view:last-child:after {
  margin-left: 0.5555555556vw;
}
.button-cta.st-divider {
  border-bottom: 1px solid #666;
}
.button-cta.st-divider .button-text {
  padding-top: 2.7777777778vw;
  color: #666;
  padding-bottom: 0.5555555556vw;
}
.button-cta .button-text {
  display: inline-flex;
  align-items: center;
  padding-top: 1.9444444444vw;
  padding-bottom: 1.9444444444vw;
}
.button-cta .button-text .icon:first-child,
.button-cta .button-text .spot-visual.st-video:first-child:after,
.button-cta .button-text .spot-visual.st-video-view:first-child:after {
  margin-right: 0.5555555556vw;
}
.button-cta .button-text .icon:last-child,
.button-cta .button-text .spot-visual.st-video:last-child:after,
.button-cta .button-text .spot-visual.st-video-view:last-child:after {
  margin-left: 0.5555555556vw;
}
.button-cta .button-text.st-elevated,
.button-cta .zip-code .button-text.zip-code-text,
.zip-code .button-cta .button-text.zip-code-text,
.button-cta .zip-code .button-text.zip-code-title,
.zip-code .button-cta .button-text.zip-code-title,
.button-cta .announce-print-value .button-text.announce-text,
.announce-print-value .button-cta .button-text.announce-text,
.button-cta .announce-print-value .button-text.announce-label,
.announce-print-value .button-cta .button-text.announce-label,
.button-cta .summary-data .button-text.summary-title,
.summary-data .button-cta .button-text.summary-title,
.button-cta .summary-data .button-text.summary-text,
.summary-data .button-cta .button-text.summary-text {
  font-weight: 400;
  font-size: 4.4444444444vw;
  line-height: 6.1111111111vw;
  padding-top: 3.8888888889vw;
  padding-bottom: 3.8888888889vw;
}
.button-group > [class*="row"] .button-ghost {
  display: block;
  margin-top: -0.2777777778vw;
  margin-left: -0.2777777778vw;
}
.button-group .row-cols-2 .button-ghost,
.button-group .button-float-couple .button-ghost {
  width: calc(50% + 0.2777777778vw) !important;
}
.button-group .row-cols-2 .button-ghost:nth-child(odd),
.button-group .button-float-couple .button-ghost:nth-child(odd) {
  width: 50% !important;
  margin-left: 0;
}
.button-group .row-cols-2 .button-ghost:nth-child(1),
.button-group .button-float-couple .button-ghost:nth-child(1),
.button-group .row-cols-2 .button-ghost:nth-child(2),
.button-group .button-float-couple .button-ghost:nth-child(2) {
  margin-top: 0;
}
.button-group .row-cols-2.st-round button:nth-child(1),
.button-group .st-round.button-float-couple button:nth-child(1) {
  border-top-left-radius: 1.1111111111vw;
  border-bottom-left-radius: 1.1111111111vw;
}
.button-group .row-cols-2.st-round button:nth-child(2),
.button-group .st-round.button-float-couple button:nth-child(2) {
  border-top-right-radius: 1.1111111111vw;
  border-bottom-right-radius: 1.1111111111vw;
}
.button-group .row-cols-3 .button-ghost {
  width: calc(33.3333333333% + 0.2777777778vw) !important;
}
.button-group .row-cols-3 .button-ghost:nth-child(3n + 1) {
  width: 33.3333333333% !important;
  margin-left: 0;
}
.button-group .row-cols-3 .button-ghost:nth-child(1),
.button-group .row-cols-3 .button-ghost:nth-child(2),
.button-group .row-cols-3 .button-ghost:nth-child(3) {
  margin-top: 0;
}
.button-group .row-cols-4 .button-ghost {
  width: calc(25% + 0.2777777778vw) !important;
}
.button-group .row-cols-4 .button-ghost:nth-child(4n + 1) {
  width: 25% !important;
  margin-left: 0;
}
.button-group .row-cols-4 .button-ghost:nth-child(1),
.button-group .row-cols-4 .button-ghost:nth-child(2),
.button-group .row-cols-4 .button-ghost:nth-child(3),
.button-group .row-cols-4 .button-ghost:nth-child(4) {
  margin-top: 0;
}
.button-float .button-ghost,
.button-float .button {
  width: 100%;
  border-radius: 1.1111111111vw;
}
.button-float .button-ghost:disabled,
.button-float .button-ghost.st-disabled,
.button-float .button:disabled,
.button-float .button.st-disabled {
  background-color: #eee;
}
.button-float .button-ghost.st-primary,
.button-float .button.st-primary {
  background-color: #006bff;
}
.button-float .button-ghost.st-dimmed,
.button-float .button.st-dimmed {
  background-color: #999;
}
.button-float .button-ghost.st-dimmed .button-text,
.button-float .button.st-dimmed .button-text {
  color: #fff;
}
.button-float-couple .button-ghost:first-child,
.button-float-couple .button:first-child {
  border-top-left-radius: 1.1111111111vw;
  border-bottom-left-radius: 1.1111111111vw;
}
.button-float-couple .button-ghost:last-child,
.button-float-couple .button:last-child {
  border-top-right-radius: 1.1111111111vw;
  border-bottom-right-radius: 1.1111111111vw;
}
.button-float-couple .button-ghost:disabled,
.button-float-couple .button-ghost.st-disabled,
.button-float-couple .button:disabled,
.button-float-couple .button.st-disabled {
  background-color: #999;
}
.button-float-couple .button-ghost:disabled .button-text,
.button-float-couple .button-ghost.st-disabled .button-text,
.button-float-couple .button:disabled .button-text,
.button-float-couple .button.st-disabled .button-text {
  color: #fff;
}
.button-float-checkout {
  display: flex;
  align-items: center;
  gap: 1.1111111111vw;
  min-width: 0;
  padding: 3.3333333333vw 5.5555555556vw;
  border-top: 0.2777777778vw solid #eee;
  background-color: #fff;
  flex: 1;
}
.button-float-checkout:has(.button-addon) {
  padding-left: 2.2222222222vw;
}
.button-float-checkout .button-addon {
  position: relative;
  width: 15.5555555556vw;
  height: 12.2222222222vw;
  flex-shrink: 0;
  background-color: #fff;
  padding: 2.2222222222vw 1.3888888889vw;
}
.button-float-checkout .button-addon .button-text {
  padding: 0;
  color: #ccc;
  font-size: 2.7777777778vw;
  font-weight: 400;
  line-height: 2.7777777778vw;
  margin-top: 1.1111111111vw;
  text-align: center;
}
.button-float-checkout .button-addon .divider.st-vertical {
  display: none;
}
.button-float-checkout .button-addon + .button-addon:after {
  content: "";
  display: block;
  width: 0.2777777778vw;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  height: 6.1111111111vw;
  background-color: #aaaaaa20;
  transform: translateY(-3.0555555556vw);
}
.button-float-checkout .button-addon + .button-addon + .button {
  margin-left: 0;
}
.button-float-checkout .button-ghost,
.button-float-checkout .button {
  position: relative;
  width: 100%;
  height: 12.2222222222vw;
  border-radius: 1.1111111111vw;
}
.button-float-checkout .button-ghost .divider.st-vertical,
.button-float-checkout .button .divider.st-vertical {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  height: 6.1111111111vw;
  transform: translateY(-3.0555555556vw);
  border-color: #fff3;
}
.button-float-checkout .button-ghost:nth-child(2),
.button-float-checkout .button:nth-child(2) {
  background-color: #fff;
  border: 0.2777777778vw solid #ddd;
}
.button-float-checkout .button-ghost:nth-child(2) .button-text,
.button-float-checkout .button:nth-child(2) .button-text {
  color: #000;
}
.button-float-checkout .button-ghost:last-child,
.button-float-checkout .button:last-child {
  background-color: #000;
  border: none;
}
.button-float-checkout .button-ghost:last-child .button-text,
.button-float-checkout .button:last-child .button-text {
  color: #fff;
}
.button-float-checkout .button-ghost .text-warning-secondary,
.button-float-checkout .button .text-warning-secondary {
  color: #fff !important;
}
.button-float-checkout .button-ghost:disabled,
.button-float-checkout .button-ghost.st-disabled,
.button-float-checkout .button:disabled,
.button-float-checkout .button.st-disabled {
  background-color: #999;
  border: none;
}
.button-float-checkout .button-ghost:disabled .button-text,
.button-float-checkout .button-ghost.st-disabled .button-text,
.button-float-checkout .button:disabled .button-text,
.button-float-checkout .button.st-disabled .button-text {
  color: #fff;
}
.carousel:not(.magazine-carousel) {
  overflow: hidden;
}
.carousel:not(.magazine-carousel) .carousel-item {
  position: relative;
  overflow: hidden;
}
.carousel:not(.magazine-carousel) .carousel-item:first-child {
  margin-left: 0 !important;
}
.carousel:not(.magazine-carousel) .indicator-progress.st-overlay,
.carousel:not(.magazine-carousel) .spot-copy.st-overlay .spot-bubbles .indicator-progress.bubble,
.spot-copy.st-overlay .spot-bubbles .carousel:not(.magazine-carousel) .indicator-progress.bubble {
  width: auto;
  position: absolute;
  left: 5.5555555556vw;
  right: 5.5555555556vw;
  z-index: 2;
}
.carousel:not(.magazine-carousel) .indicator-progress.st-overlay.bottom-0,
.carousel:not(.magazine-carousel) .spot-copy.st-overlay .spot-bubbles .indicator-progress.bottom-0.bubble,
.spot-copy.st-overlay .spot-bubbles .carousel:not(.magazine-carousel) .indicator-progress.bottom-0.bubble {
  margin-top: 6.9444444444vw;
}
.carousel:not(.magazine-carousel) .indicator-progress.st-overlay.bottom-0,
.carousel:not(.magazine-carousel) .spot-copy.st-overlay .spot-bubbles .indicator-progress.bottom-0.bubble,
.spot-copy.st-overlay .spot-bubbles .carousel:not(.magazine-carousel) .indicator-progress.bottom-0.bubble {
  top: auto;
  margin-bottom: 6.9444444444vw;
}
.carousel:not(.magazine-carousel).st-free .carousel-list {
  display: flex;
}
.carousel:not(.magazine-carousel).st-free .carousel-item:not(.tile-item) {
  width: auto;
  flex-shrink: 0;
}
.carousel:not(.magazine-carousel).st-free.st-autoplay .carousel-list {
  transition-timing-function: linear;
}
.carousel:not(.magazine-carousel).st-me-4 .carousel-item {
  margin-right: 1.1111111111vw;
}
.carousel:not(.magazine-carousel).st-me-4 .carousel-item:last-child {
  margin-right: 0 !important;
}
.carousel:not(.magazine-carousel).st-me-10 .carousel-item {
  margin-right: 2.7777777778vw;
}
.carousel:not(.magazine-carousel).st-me-10 .carousel-item:last-child {
  margin-right: 0 !important;
}
.carousel:not(.magazine-carousel).st-me-15 .carousel-item {
  margin-right: 4.1666666667vw;
}
.carousel:not(.magazine-carousel).st-me-15 .carousel-item:last-child {
  margin-right: 0 !important;
}
.carousel:not(.magazine-carousel).st-me-30 .carousel-item {
  margin-right: 8.3333333333vw;
}
.carousel:not(.magazine-carousel).st-me-30 .carousel-item:last-child {
  margin-right: 0 !important;
}
.carousel:not(.magazine-carousel).st-mx-5 .carousel-item {
  margin-left: 1.3888888889vw;
  margin-right: 1.3888888889vw;
}
.carousel:not(.magazine-carousel).carousel-centered {
  padding: 0 20.8333333333vw;
}
.carousel:not(.magazine-carousel).carousel-centered .carousel-item.swiper-slide-active .carousel-wrap {
  transform: scale(1);
}
.carousel:not(.magazine-carousel).carousel-centered .carousel-item.swiper-slide-active .carousel-copy {
  opacity: 1;
}
.carousel:not(.magazine-carousel).carousel-centered .carousel-wrap {
  transform: scale(0.9);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.carousel:not(.magazine-carousel).carousel-centered .carousel-copy {
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.carousel:not(.magazine-carousel) .carousel-fraction.st-lg {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
  color: #aaa;
}
.carousel:not(.magazine-carousel) .carousel-fraction.st-lg .swiper-pagination-current,
.carousel:not(.magazine-carousel) .carousel-fraction.st-lg .swiper-pagination-wrap.st-pager .pager-fraction__current,
.swiper-pagination-wrap.st-pager .carousel:not(.magazine-carousel) .carousel-fraction.st-lg .pager-fraction__current {
  color: #000;
}
.indicator-progress {
  position: relative;
  width: 100%;
  height: 0.5555555556vw;
  background-color: #eee;
}
.indicator-progress .swiper-pagination-progressbar-fill {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.indicator-progress.swiper-pagination-progressbar {
  height: 0.5555555556vw;
}
.indicator-progress.st-overlay,
.spot-copy.st-overlay .spot-bubbles .indicator-progress.bubble {
  background-color: #eeeeee4d;
}
.indicator-progress.st-overlay .swiper-pagination-progressbar-fill,
.spot-copy.st-overlay .spot-bubbles .indicator-progress.bubble .swiper-pagination-progressbar-fill {
  background-color: #fff;
}
.indicator-player {
  display: flex;
  align-items: center;
}
.indicator-player .indicator-progress {
  margin-right: 12.5vw;
}
.indicator-player .button-icon + .button-icon,
.indicator-player .tile-item .tile-thumb .tile-heart + .button-icon,
.tile-item .tile-thumb .indicator-player .tile-heart + .button-icon,
.indicator-player .tile-item-horizon .tile-thumb .tile-heart + .button-icon,
.tile-item-horizon .tile-thumb .indicator-player .tile-heart + .button-icon,
.indicator-player .tile-item .tile-thumb .button-icon + .tile-heart,
.tile-item .tile-thumb .indicator-player .button-icon + .tile-heart,
.indicator-player .tile-item .tile-thumb .tile-heart + .tile-heart,
.tile-item .tile-thumb .indicator-player .tile-heart + .tile-heart,
.indicator-player .tile-item-horizon .tile-thumb .button-icon + .tile-heart,
.tile-item-horizon .tile-thumb .indicator-player .button-icon + .tile-heart,
.indicator-player .tile-item-horizon .tile-thumb .tile-heart + .tile-heart,
.tile-item-horizon .tile-thumb .indicator-player .tile-heart + .tile-heart {
  margin-right: -1.3888888889vw;
  margin-left: 2.7777777778vw;
}
.indicator-dotted {
  width: 100%;
  position: static;
  display: flex;
}
.indicator-dotted .swiper-pagination-bullet {
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  background-color: #000;
  opacity: 0.2;
  margin: 0 !important;
}
.indicator-dotted .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin: 0 0 0 2.7777777778vw !important;
}
.indicator-dotted .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.indicator-numeric {
  display: inline-flex;
  justify-content: space-between;
  text-align: center;
  left: auto;
  width: auto;
  min-width: 16.6666666667vw;
  line-height: 3.8888888889vw;
  font-weight: 100;
  font-size: 3.3333333333vw;
  padding: 1.6666666667vw 2.7777777778vw;
  background-color: #0009;
  color: #fff;
  border-radius: 3.6111111111vw;
}
.indicator-numeric .swiper-pagination-total {
  color: #ffffff80;
}
.indicator-numeric-naked {
  display: inline-flex;
  justify-content: flex-end;
  font-size: 4.4444444444vw;
  line-height: 6.1111111111vw;
  color: #999;
}
.indicator-numeric-naked .swiper-pagination-current,
.indicator-numeric-naked .swiper-pagination-wrap.st-pager .pager-fraction__current,
.swiper-pagination-wrap.st-pager .indicator-numeric-naked .pager-fraction__current {
  color: #000;
}
.progress-step {
  display: flex;
  justify-content: space-between;
}
.progress-step .progress-item {
  width: 100%;
  text-align: center;
  font-size: 3.6111111111vw;
  line-height: 4.1666666667vw;
  border-top: 0.5555555556vw solid #eee;
  padding-top: 3.0555555556vw;
  padding-bottom: 3.3333333333vw;
  background-color: #fff;
  color: #ddd;
}
.progress-step .progress-item.active {
  border-color: #000;
  color: #000;
}
.progress-gauge {
  width: 100%;
  height: 1.1111111111vw;
  background-color: #eee;
}
.progress-gauge .progress-bar-fill {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-color: #000;
}
.progress-gauge.st-primary .progress-bar-fill {
  background-color: #006bff;
}
.progress-gauge.st-gradient .progress-bar-fill {
  background: linear-gradient(90deg, #00e5ff, #006bff);
}
.progress-gauge.st-gradient.st-round {
  height: 2.2222222222vw;
  border-radius: 4.4444444444vw;
}
.progress-gauge.st-gradient.st-round .progress-bar-fill {
  border-radius: 4.4444444444vw;
}
.navigator-list .focus-dot {
  position: absolute;
  right: 2.2222222222vw;
  top: 3.6111111111vw;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  aspect-ratio: 1/1;
  border-radius: 0.5555555556vw;
  background-color: #006bff;
}
.navigator {
  position: relative;
  padding-left: 2.2222222222vw;
  padding-right: 2.2222222222vw;
  z-index: 2;
}
.navigator .navigator-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navigator.st-white,
.navigator.spot-visual.st-video:after,
.navigator.spot-visual.st-video-view:after {
  background-color: #fff;
}
.navigator.st-dark {
  background-color: #000;
}
.navigator.st-dark .navigator-list .navigator-button.active .navigator-text {
  color: #fff;
  border-color: #fff;
}
.navigator.st-dark .navigator-list .navigator-text {
  color: #ccc;
}
.navigator.st-large {
  padding-left: 1.3888888889vw;
  padding-right: 1.3888888889vw;
}
.navigator.st-large .navigator-list .navigator-button {
  padding-left: 4.1666666667vw;
  padding-right: 4.1666666667vw;
}
.navigator.st-large .navigator-list .navigator-button.active .navigator-text {
  font-weight: 600;
}
.navigator.st-large .navigator-list .navigator-text {
  font-size: 4.4444444444vw;
  font-weight: 400;
  line-height: 13.8888888889vw;
  border: none;
  color: #999;
  white-space: nowrap;
}
.navigator.st-reduced {
  padding-left: 1.3888888889vw;
  padding-right: 1.3888888889vw;
}
.navigator.st-reduced .navigator-list .navigator-button {
  padding-left: 4.1666666667vw;
  padding-right: 4.1666666667vw;
}
.navigator.st-reduced .navigator-list .navigator-button.active .navigator-text {
  font-weight: 600;
}
.navigator.st-reduced .navigator-list .navigator-text {
  font-size: 3.8888888889vw;
  font-weight: 400;
  line-height: 11.1111111111vw;
  border: none;
  color: #999;
  white-space: nowrap;
}
.navigator.st-sub {
  padding-left: 2.7777777778vw;
  padding-right: 2.7777777778vw;
}
.navigator.st-sub .navigator-list {
  position: relative;
}
.navigator.st-sub .navigator-list .navigator-button {
  padding-left: 2.7777777778vw;
  padding-right: 2.7777777778vw;
}
.navigator.st-sub .navigator-list .navigator-button.active-strong .navigator-text {
  font-weight: 600;
  color: #000;
}
.navigator.st-sub .navigator-list .navigator-text {
  font-size: 3.8888888889vw;
  font-weight: 400;
  line-height: 11.1111111111vw;
  border: none;
  color: #aaa;
  white-space: nowrap;
}
.navigator.st-sub .navigator-list + .button.st-prefix {
  height: 8.3333333333vw;
}
.navigator.st-sub .navigator-list + .button.st-prefix .icon,
.navigator.st-sub .navigator-list + .button.st-prefix .spot-visual.st-video:after,
.navigator.st-sub .navigator-list + .button.st-prefix .spot-visual.st-video-view:after {
  transform: translate(0.5555555556vw);
}
.navigator.st-small,
.navigator.st-small .navigator-list .navigator-button {
  padding-left: 2.7777777778vw;
  padding-right: 2.7777777778vw;
}
.navigator.st-small .navigator-list .navigator-button.active .navigator-text {
  color: #006bff;
}
.navigator.st-small .navigator-list .navigator-text {
  font-size: 3.3333333333vw !important;
  font-weight: 600 !important;
  line-height: 9.7222222222vw !important;
  border: none;
  white-space: nowrap;
  color: #333;
}
.navigator.st-small .navigator-list .navigator-text:after {
  display: none;
}
.navigator.st-pill {
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
}
.navigator.st-pill .navigator-list .navigator-button {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 0.2777777778vw solid #eee;
  padding: 1.8055555556vw 4.1666666667vw;
  border-radius: 4.1666666667vw;
}
.navigator.st-pill .navigator-list .navigator-button.active {
  background-color: #000;
  border-color: #000;
}
.navigator.st-pill .navigator-list .navigator-button.active .navigator-text {
  font-weight: 400;
  color: #fff;
}
.navigator.st-pill .navigator-list .navigator-thumb {
  width: 7.2222222222vw;
  border-radius: 50%;
  overflow: hidden;
  margin: -1.9444444444vw 1.3888888889vw -1.9444444444vw -3.8888888889vw;
  border: 0.2777777778vw solid #eee;
}
.navigator.st-pill .navigator-list .navigator-text {
  border: none;
  font-weight: 400;
  white-space: nowrap;
  font-size: 3.6111111111vw;
  line-height: 4.1666666667vw;
  color: #999;
}
.navigator.st-pill.carousel .carousel-item {
  margin-left: 1.1111111111vw;
}
.navigator.st-pill .swiper-slide-thumb-active .navigator-button {
  background-color: #000;
  border-color: #000;
}
.navigator.st-pill .swiper-slide-thumb-active .navigator-button .navigator-text {
  font-weight: 400;
  color: #fff !important;
}
.navigator.st-tile {
  padding: 0;
}
.navigator.st-tile .navigator-list {
  flex-wrap: wrap;
}
.navigator.st-tile .navigator-list .navigator-button {
  padding: 0 5.5555555556vw;
  border: 0.2777777778vw solid #eee;
}
.navigator.st-tile .navigator-list .navigator-text {
  font-size: 3.3333333333vw !important;
  font-weight: 600 !important;
  line-height: 11.1111111111vw !important;
  color: #000;
  border: none;
  text-overflow: ellipsis;
  overflow: hidden;
}
.navigator.st-tile .navigator-list.row-cols-3 .navigator-item:first-child .navigator-button,
.navigator.st-tile .navigator-list.row-cols-3 .navigator-item:nth-child(2) .navigator-button,
.navigator.st-tile .navigator-list.row-cols-3 .navigator-item:nth-child(3) .navigator-button {
  margin-top: 0;
  border-top: 0 none;
}
.navigator.st-tile .navigator-list.row-cols-3 .navigator-item:nth-child(3n + 1) .navigator-button {
  margin-left: 0;
}
.navigator.st-tile .navigator-list.row-cols-3 .navigator-button {
  margin-top: -0.2777777778vw;
  margin-left: -0.2777777778vw;
}
.navigator.st-tile-sub {
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
}
.navigator.st-tile-sub .navigator-list {
  justify-content: center;
  max-width: 88.8888888889vw;
  border-radius: 1.1111111111vw;
  border: 0.2777777778vw solid #eee;
  overflow: hidden;
}
.navigator.st-tile-sub .navigator-list .navigator-item {
  width: 29.4444444444vw;
}
.navigator.st-tile-sub .navigator-list .navigator-item .navigator-text {
  font-size: 3.6111111111vw !important;
}
.navigator.st-tile-sub .navigator-list .navigator-item + .navigator-item {
  border-left: 0.2777777778vw solid #eee;
}
.navigator.st-tile-sub .navigator-list .navigator-button.active {
  background-color: #000;
}
.navigator.st-tile-sub .navigator-list .navigator-button.active .navigator-text {
  color: #fff;
  font-weight: 600;
}
.navigator.st-tile-sub .navigator-list .navigator-button .navigator-text {
  text-align: center;
  color: #666;
  line-height: 8.8888888889vw !important;
}
.navigator.st-tile + section {
  margin-top: 11.1111111111vw;
}
.navigator.st-sub-search {
  padding: 0 5.5555555556vw;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4.4444444444vw;
  margin-top: 1.1111111111vw;
}
.navigator.st-sub-search .navigator-list {
  gap: 2.2222222222vw;
}
.navigator.st-sub-search .navigator-list .navigator-button {
  padding: 4.4444444444vw 0 0;
}
.navigator.st-sub-search .navigator-list .navigator-button .navigator-text {
  line-height: 1 !important;
}
.navigator .checkbox {
  flex-shrink: 0;
}
.navigator.st-magazine {
  padding-left: 5.5555555556vw;
  padding-right: 10vw;
}
.navigator.st-magazine .navigator-list {
  gap: 0 1.1111111111vw;
}
.navigator.st-magazine .navigator-list .navigator-item {
  display: block;
}
.navigator.st-magazine .navigator-list .navigator-button {
  display: flex;
  align-items: center;
  padding: 2.2222222222vw 4.4444444444vw;
  border-radius: 1.1111111111vw;
  border: 0.2777777778vw solid #ddd;
  line-height: 1;
}
.navigator.st-magazine .navigator-list .navigator-button.active {
  border-color: #000;
}
.navigator.st-magazine .navigator-list .navigator-text {
  line-height: inherit !important;
}
.navigator.st-magazine .navigator-list .navigator-text:after {
  display: none;
}
.navigator .navigator-border {
  margin: -0.2777777778vw -2.2222222222vw 0;
}
.navigator .navigator-more {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  transform: translateZ(0);
  background-color: #fff;
  padding: 3.3333333333vw;
}
.navigator .navigator-more .icon-chevron-down {
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navigator .navigator-more.modal-active .icon-chevron-down {
  transform: rotate(-180deg);
}
.navigator-list {
  display: flex;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navigator-list .navigator-button {
  display: block;
  padding-left: 3.3333333333vw;
  padding-right: 3.3333333333vw;
  white-space: nowrap;
}
.navigator-list .navigator-button.active .navigator-text {
  color: #000;
  font-weight: 600;
  border-color: #000;
}
.navigator-list .navigator-button.standby-focus .navigator-text {
  color: #000;
  font-weight: 400;
  border-color: transparent;
}
.navigator-list .navigator-text {
  display: block;
  font-size: 3.8888888889vw;
  font-weight: 300;
  color: #666;
  line-height: 11.1111111111vw;
  border-bottom: 0.5555555556vw solid transparent;
}
.navigator-list .swiper-slide-thumb-active .navigator-button .navigator-text {
  color: #000;
  font-weight: 600;
  border-color: #000;
}
.navigator-list.st-light .navigator-text {
  color: #999;
}
.navigator-list.st-light .navigator-text:after {
  display: none;
}
#nav-carousel-1depth ~ .nav-scrollspy.st-filter.mt-n10 {
  margin-top: 0 !important;
}
#nav-carousel-1depth + .hub-section {
  margin-top: 2.7777777778vw;
}
#nav-carousel-1depth.carousel:not(.st-brand) .navigator-item:last-child {
  padding-right: 11.1111111111vw;
}
#nav-carousel-1depth .fs-16,
#nav-carousel-1depth .shipping-address .shipping-address-title,
.shipping-address #nav-carousel-1depth .shipping-address-title,
#nav-carousel-1depth .announce.st-reduced .announce-title,
.announce.st-reduced #nav-carousel-1depth .announce-title,
#nav-carousel-1depth .modal .modal-alert .modal-title,
.modal .modal-alert #nav-carousel-1depth .modal-title {
  font-size: 4.4444444444vw !important;
}
.menu-array-fixed,
.tab-section {
  width: 100%;
  border-bottom: 0.2777777778vw solid #ddd;
}
.menu-array-fixed .tab-row,
.tab-section .tab-row {
  display: flex;
  margin-bottom: -0.2777777778vw;
}
.menu-array-fixed .tab-button,
.tab-section .tab-button {
  width: 100%;
  display: block;
  text-align: center;
  padding-top: 4.4444444444vw;
  padding-bottom: 4.4444444444vw;
  border-bottom: 0.5555555556vw solid transparent;
}
.menu-array-fixed .tab-button .tab-text,
.tab-section .tab-button .tab-text {
  display: block;
  color: #999;
  font-size: 4.1666666667vw;
  line-height: 5.8333333333vw;
}
.menu-array-fixed .tab-button.active,
.tab-section .tab-button.active {
  border-color: #000;
}
.menu-array-fixed .tab-button.active .tab-text,
.tab-section .tab-button.active .tab-text {
  color: #000;
  font-weight: 600;
}
.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
}
.tile-section {
  position: relative;
}
.tile-section.is-dimmed {
  overflow: unset;
}
.tile-section.is-dimmed:before {
  content: "";
  position: absolute;
  top: -1.3888888889vw;
  left: 0;
  width: 100%;
  height: calc(100% + 1.3888888889vw);
  background-color: #0003;
  z-index: 99;
}
.stickyNav.overflow-hidden.st-up .tile-section.is-dimmed:before {
  position: fixed;
  top: 26.3888888889vw;
}
.tile-list.st-h-auto .tile-footer,
.tile-list.st-h-auto .tile-body {
  height: auto;
}
.tile-list.d-none {
  display: none !important;
}
.tile-list.row,
.tile-list.summary-data,
.tile-list.button-float-couple {
  --tt-gutter-y: 32px;
}
.tile-list.row.gy-20,
.tile-list.gy-20.summary-data,
.tile-list.gy-20.button-float-couple,
.tile-list.row.g-20,
.tile-list.g-20.summary-data,
.tile-list.g-20.button-float-couple {
  --tt-gutter-y: 20px;
}
.tile-list.row.gy-40,
.tile-list.gy-40.summary-data,
.tile-list.gy-40.button-float-couple {
  --tt-gutter-y: 11.1111111111vw;
}
.tile-list.st-rounded:has(.st-triple) {
  --tt-gutter-x: 1.1111111111vw;
}
.tile-item .tile-link,
.tile-item-horizon .tile-link {
  display: block;
}
.tile-item .tile-link .tile-thumb:after,
.tile-item-horizon .tile-link .tile-thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #00000005;
}
.tile-item .tile-thumb,
.tile-item-horizon .tile-thumb {
  position: relative;
  display: block;
  overflow: hidden;
}
.tile-item .tile-thumb .tile-now,
.tile-item-horizon .tile-thumb .tile-now {
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 1px solid #000;
}
.tile-item .tile-thumb .tile-now .tile-text,
.tile-item-horizon .tile-thumb .tile-now .tile-text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
  z-index: 1;
  color: #fff;
  text-align: center;
  font-size: 13px;
  line-height: 25px;
  background-color: #000;
}
.tile-item .tile-thumb .tile-link,
.tile-item-horizon .tile-thumb .tile-link {
  display: block;
  width: 100%;
  background-color: #fff;
}
.tile-item .tile-thumb .tile-link:after,
.tile-item-horizon .tile-thumb .tile-link:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #00000005;
}
.tile-item .tile-thumb .tile-img,
.tile-item-horizon .tile-thumb .tile-img {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
}
.tile-item .tile-thumb .tile-ts,
.tile-item-horizon .tile-thumb .tile-ts {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.tile-item .tile-thumb .tile-ts.tile-badge,
.tile-item-horizon .tile-thumb .tile-ts.tile-badge {
  top: 1.1111111111vw;
  left: 1.1111111111vw;
}
.tile-item .tile-thumb .tile-te,
.tile-item-horizon .tile-thumb .tile-te {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
}
.tile-item .tile-thumb .tile-be,
.tile-item-horizon .tile-thumb .tile-be {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
}
.tile-item .tile-thumb .tile-bs,
.tile-item-horizon .tile-thumb .tile-bs {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}
.tile-item .tile-thumb .tile-heart,
.tile-item-horizon .tile-thumb .tile-heart {
  margin-top: -0.8333333333vw;
  margin-right: -0.8333333333vw;
  z-index: 3;
}
.tile-item .tile-thumb .dimmed-mask,
.tile-item .tile-thumb .spot-visual.st-video:before,
.tile-item .tile-thumb .spot-visual.st-video-view:before,
.tile-item-horizon .tile-thumb .dimmed-mask,
.tile-item-horizon .tile-thumb .spot-visual.st-video:before,
.tile-item-horizon .tile-thumb .spot-visual.st-video-view:before {
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  z-index: 2;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  font-weight: 600;
}
.tile-item .tile-thumb .tile-badge,
.tile-item-horizon .tile-thumb .tile-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5vw;
  height: 5vw;
  background-color: #fff9;
  color: #333;
  font-weight: 600;
  text-align: center;
}
.tile-item .tile-thumb .tile-ranking,
.tile-item-horizon .tile-thumb .tile-ranking {
  width: 9.7222222222vw;
  height: 9.7222222222vw;
  text-align: center;
  background-color: #000c;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.tile-item .tile-thumb .tile-rank,
.tile-item-horizon .tile-thumb .tile-rank {
  font-size: 3.0555555556vw;
  line-height: 3.8888888889vw;
  color: #fff;
  font-weight: 500;
  display: block;
}
.tile-item .tile-thumb .tile-rank-realtime,
.tile-item-horizon .tile-thumb .tile-rank-realtime {
  display: block;
  font-size: 2.5vw;
  line-height: 3.3333333333vw;
  font-weight: 300;
  color: #ddd;
}
.tile-item .tile-thumb .tile-rank-realtime small,
.tile-item-horizon .tile-thumb .tile-rank-realtime small {
  font-size: 2.2222222222vw;
}
.tile-item .tile-thumb .tile-aperture,
.tile-item-horizon .tile-thumb .tile-aperture {
  margin-right: 2.7777777778vw;
  margin-bottom: 2.7777777778vw;
  background-color: #fff;
  padding: 0.2777777778vw;
  border-radius: 100% 0 100% 100%;
}
.tile-item .tile-body,
.tile-item-horizon .tile-body {
  position: relative;
  padding-top: 4.1666666667vw;
  padding-left: 4.1666666667vw;
  padding-right: 4.1666666667vw;
}
.tile-item .tile-brand,
.tile-item-horizon .tile-brand {
  display: block;
  font-size: 3.3333333333vw;
  font-weight: 500;
  line-height: 3.8888888889vw;
}
.tile-item .tile-goods-label,
.tile-item-horizon .tile-goods-label {
  color: #666;
}
.tile-item .tile-goods-label .tile-goods-label-inner,
.tile-item-horizon .tile-goods-label .tile-goods-label-inner {
  font-size: 3.3333333333vw;
  line-height: 5vw;
  display: block;
  font-weight: 300;
  margin-top: -0.5555555556vw;
  margin-bottom: -0.5555555556vw;
  display: -webkit-box;
  word-break: keep-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tile-item .tile-goods-label .tile-goods-label-inner.text-truncate,
.tile-item .tile-goods-label .dropdown-window .hole-item-horizon .hole-text .tile-goods-label-inner.text-inner,
.dropdown-window .hole-item-horizon .hole-text .tile-item .tile-goods-label .tile-goods-label-inner.text-inner,
.tile-item-horizon .tile-goods-label .tile-goods-label-inner.text-truncate,
.tile-item-horizon .tile-goods-label .dropdown-window .hole-item-horizon .hole-text .tile-goods-label-inner.text-inner,
.dropdown-window .hole-item-horizon .hole-text .tile-item-horizon .tile-goods-label .tile-goods-label-inner.text-inner {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tile-item .tile-price-box,
.tile-item-horizon .tile-price-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 4.1666666667vw;
}
.tile-item .tile-price,
.tile-item-horizon .tile-price {
  display: block;
  margin-right: 1.6666666667vw;
  line-height: 3.8888888889vw;
}
.tile-item .tile-price.st-was,
.tile-item-horizon .tile-price.st-was {
  font-size: 2.7777777778vw;
  font-weight: 300;
  color: #aaa;
}
.tile-item .tile-price.st-current,
.tile-item-horizon .tile-price.st-current {
  font-size: 3.3333333333vw;
  font-weight: 500;
}
.tile-item .tile-price + .tile-rate.ms-8,
.tile-item-horizon .tile-price + .tile-rate.ms-8 {
  margin-left: 0 !important;
}
.tile-item .tile-rate,
.tile-item-horizon .tile-rate {
  font-style: normal;
  font-size: 3.3333333333vw;
  font-weight: 500;
  color: #006bff;
  line-height: 3.8888888889vw;
}
.tile-item .tile-footer,
.tile-item-horizon .tile-footer {
  margin-top: 4.1666666667vw;
  padding-left: 4.1666666667vw;
  padding-right: 4.1666666667vw;
}
.tile-item .tile-colors,
.tile-item-horizon .tile-colors {
  display: flex;
  align-items: center;
  margin-bottom: 2.7777777778vw;
}
.tile-item .tile-colors .tile-color,
.tile-item-horizon .tile-colors .tile-color {
  display: block;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  border-radius: 100%;
  overflow: hidden;
  border: 0.2777777778vw solid transparent;
  margin-right: 1.6666666667vw;
}
.tile-item .tile-colors .tile-text,
.tile-item-horizon .tile-colors .tile-text {
  font-size: 2.7777777778vw;
  line-height: 3.3333333333vw;
  color: #aaa;
}
.tile-item .tile-affinity,
.tile-item-horizon .tile-affinity {
  display: flex;
  margin-top: 2.2222222222vw;
}
.tile-item .tile-affinity .tile-text,
.tile-item-horizon .tile-affinity .tile-text {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 2.7777777778vw;
  font-weight: 500;
}
.tile-item .tile-affinity .tile-text + .tile-text,
.tile-item-horizon .tile-affinity .tile-text + .tile-text {
  margin-left: 1.9444444444vw;
}
.tile-item .tile-affinity .tile-text:first-child,
.tile-item-horizon .tile-affinity .tile-text:first-child {
  margin-left: -0.8333333333vw;
}
.tile-item .tile-affinity:first-child,
.tile-item-horizon .tile-affinity:first-child {
  margin-top: 0;
}
.tile-item.st-reduced,
.tile-item-horizon.st-reduced {
  width: 43.0555555556vw;
}
.tile-item.st-reduced .tile-body,
.tile-item-horizon.st-reduced .tile-body {
  padding-top: 3.3333333333vw;
  padding-left: 0;
  padding-right: 0;
}
.tile-item.st-reduced .tile-brand,
.tile-item-horizon.st-reduced .tile-brand,
.tile-item.st-reduced .tile-goods-label,
.tile-item-horizon.st-reduced .tile-goods-label {
  padding-right: 4.1666666667vw;
}
.tile-item.st-reduced .tile-price-box,
.tile-item-horizon.st-reduced .tile-price-box {
  margin-top: 2.2222222222vw;
}
.tile-item.st-reduced .tile-footer,
.tile-item-horizon.st-reduced .tile-footer {
  margin-top: 4.1666666667vw;
  padding-left: 0;
}
.tile-item.st-reduced .tile-rate + .tile-price,
.tile-item-horizon.st-reduced .tile-rate + .tile-price {
  margin-left: 1.3888888889vw;
}
.tile-item.st-reduced.carousel-item,
.tile-item-horizon.st-reduced.carousel-item {
  margin-left: 2.7777777778vw;
}
.tile-item.st-lg .tile-price-box,
.tile-item-horizon.st-lg .tile-price-box {
  margin-top: 2.7777777778vw;
}
.tile-item.st-lg .tile-footer,
.tile-item-horizon.st-lg .tile-footer {
  position: relative;
  margin-top: 4.1666666667vw;
}
.tile-item.st-lg .tile-violator,
.tile-item-horizon.st-lg .tile-violator {
  margin-top: 2.7777777778vw;
}
.tile-item.st-lg .tile-footer-end,
.tile-item-horizon.st-lg .tile-footer-end {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.tile-item.st-lg .tile-colors,
.tile-item-horizon.st-lg .tile-colors {
  margin-bottom: 0.5555555556vw;
}
.tile-item.st-lg .tile-affinity,
.tile-item-horizon.st-lg .tile-affinity {
  position: absolute;
  right: 4.1666666667vw;
  bottom: 0;
  z-index: 2;
  margin-top: 0;
}
.tile-item.st-mega .tile-brand,
.tile-item-horizon.st-mega .tile-brand {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.tile-item.st-mega .tile-goods-label,
.tile-item-horizon.st-mega .tile-goods-label {
  margin-top: 2.2222222222vw;
}
.tile-item.st-mega .tile-goods-label .tile-goods-label-inner,
.tile-item-horizon.st-mega .tile-goods-label .tile-goods-label-inner {
  display: -webkit-box;
  max-height: 11.1222222222vw;
  font-size: 3.8888888889vw;
  line-height: 1.43;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.tile-item.st-mega .tile-goods-label .tile-goods-label-inner.text-truncate,
.tile-item.st-mega .tile-goods-label .dropdown-window .hole-item-horizon .hole-text .tile-goods-label-inner.text-inner,
.dropdown-window .hole-item-horizon .hole-text .tile-item.st-mega .tile-goods-label .tile-goods-label-inner.text-inner,
.tile-item-horizon.st-mega .tile-goods-label .tile-goods-label-inner.text-truncate,
.tile-item-horizon.st-mega
  .tile-goods-label
  .dropdown-window
  .hole-item-horizon
  .hole-text
  .tile-goods-label-inner.text-inner,
.dropdown-window
  .hole-item-horizon
  .hole-text
  .tile-item-horizon.st-mega
  .tile-goods-label
  .tile-goods-label-inner.text-inner {
  display: -webkit-box;
  max-height: 5.5611111111vw;
  font-size: 3.8888888889vw;
  line-height: 1.43;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.tile-item.st-mega .tile-body,
.tile-item-horizon.st-mega .tile-body {
  height: auto;
  padding-top: 5.5555555556vw;
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
}
.tile-item.st-mega .tile-footer,
.tile-item-horizon.st-mega .tile-footer {
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
}
.tile-item.st-mega .tile-price-box,
.tile-item-horizon.st-mega .tile-price-box {
  display: flex;
  align-items: center;
  margin-top: 5.5555555556vw;
}
.tile-item.st-mega .tile-price-box .tile-price,
.tile-item-horizon.st-mega .tile-price-box .tile-price {
  margin-right: 2.2222222222vw;
}
.tile-item.st-elevated .tile-thumb .tile-heart,
.zip-code .tile-item.zip-code-text .tile-thumb .tile-heart,
.zip-code .tile-item.zip-code-title .tile-thumb .tile-heart,
.announce-print-value .tile-item.announce-text .tile-thumb .tile-heart,
.announce-print-value .tile-item.announce-label .tile-thumb .tile-heart,
.summary-data .tile-item.summary-title .tile-thumb .tile-heart,
.summary-data .tile-item.summary-text .tile-thumb .tile-heart,
.tile-item-horizon.st-elevated .tile-thumb .tile-heart,
.zip-code .tile-item-horizon.zip-code-text .tile-thumb .tile-heart,
.zip-code .tile-item-horizon.zip-code-title .tile-thumb .tile-heart,
.announce-print-value .tile-item-horizon.announce-text .tile-thumb .tile-heart,
.announce-print-value .tile-item-horizon.announce-label .tile-thumb .tile-heart,
.summary-data .tile-item-horizon.summary-title .tile-thumb .tile-heart,
.summary-data .tile-item-horizon.summary-text .tile-thumb .tile-heart {
  margin: 1.9444444444vw;
}
.tile-item.st-elevated .tile-goods-label,
.zip-code .tile-item.zip-code-text .tile-goods-label,
.zip-code .tile-item.zip-code-title .tile-goods-label,
.announce-print-value .tile-item.announce-text .tile-goods-label,
.announce-print-value .tile-item.announce-label .tile-goods-label,
.summary-data .tile-item.summary-title .tile-goods-label,
.summary-data .tile-item.summary-text .tile-goods-label,
.tile-item-horizon.st-elevated .tile-goods-label,
.zip-code .tile-item-horizon.zip-code-text .tile-goods-label,
.zip-code .tile-item-horizon.zip-code-title .tile-goods-label,
.announce-print-value .tile-item-horizon.announce-text .tile-goods-label,
.announce-print-value .tile-item-horizon.announce-label .tile-goods-label,
.summary-data .tile-item-horizon.summary-title .tile-goods-label,
.summary-data .tile-item-horizon.summary-text .tile-goods-label {
  margin-top: 1.1111111111vw;
}
.tile-item.st-elevated .tile-body,
.zip-code .tile-item.zip-code-text .tile-body,
.zip-code .tile-item.zip-code-title .tile-body,
.announce-print-value .tile-item.announce-text .tile-body,
.announce-print-value .tile-item.announce-label .tile-body,
.summary-data .tile-item.summary-title .tile-body,
.summary-data .tile-item.summary-text .tile-body,
.tile-item-horizon.st-elevated .tile-body,
.zip-code .tile-item-horizon.zip-code-text .tile-body,
.zip-code .tile-item-horizon.zip-code-title .tile-body,
.announce-print-value .tile-item-horizon.announce-text .tile-body,
.announce-print-value .tile-item-horizon.announce-label .tile-body,
.summary-data .tile-item-horizon.summary-title .tile-body,
.summary-data .tile-item-horizon.summary-text .tile-body {
  height: auto;
  padding-top: 4.1666666667vw;
  padding-left: 0;
  padding-right: 0;
}
.tile-item.st-elevated .tile-price-box,
.zip-code .tile-item.zip-code-text .tile-price-box,
.zip-code .tile-item.zip-code-title .tile-price-box,
.announce-print-value .tile-item.announce-text .tile-price-box,
.announce-print-value .tile-item.announce-label .tile-price-box,
.summary-data .tile-item.summary-title .tile-price-box,
.summary-data .tile-item.summary-text .tile-price-box,
.tile-item-horizon.st-elevated .tile-price-box,
.zip-code .tile-item-horizon.zip-code-text .tile-price-box,
.zip-code .tile-item-horizon.zip-code-title .tile-price-box,
.announce-print-value .tile-item-horizon.announce-text .tile-price-box,
.announce-print-value .tile-item-horizon.announce-label .tile-price-box,
.summary-data .tile-item-horizon.summary-title .tile-price-box,
.summary-data .tile-item-horizon.summary-text .tile-price-box {
  display: flex;
  align-items: center;
  margin-top: 2.7777777778vw;
}
.tile-item.st-elevated .tile-price-box .tile-price,
.zip-code .tile-item.zip-code-text .tile-price-box .tile-price,
.zip-code .tile-item.zip-code-title .tile-price-box .tile-price,
.announce-print-value .tile-item.announce-text .tile-price-box .tile-price,
.announce-print-value .tile-item.announce-label .tile-price-box .tile-price,
.summary-data .tile-item.summary-title .tile-price-box .tile-price,
.summary-data .tile-item.summary-text .tile-price-box .tile-price,
.tile-item-horizon.st-elevated .tile-price-box .tile-price,
.zip-code .tile-item-horizon.zip-code-text .tile-price-box .tile-price,
.zip-code .tile-item-horizon.zip-code-title .tile-price-box .tile-price,
.announce-print-value .tile-item-horizon.announce-text .tile-price-box .tile-price,
.announce-print-value .tile-item-horizon.announce-label .tile-price-box .tile-price,
.summary-data .tile-item-horizon.summary-title .tile-price-box .tile-price,
.summary-data .tile-item-horizon.summary-text .tile-price-box .tile-price {
  margin-right: 2.2222222222vw;
}
.tile-item.st-sm,
.tile-item.st-simple,
.tile-item-horizon.st-sm,
.tile-item-horizon.st-simple {
  width: 27.7777777778vw;
}
.tile-item.st-sm .tile-body,
.tile-item.st-simple .tile-body,
.tile-item-horizon.st-sm .tile-body,
.tile-item-horizon.st-simple .tile-body {
  padding-top: 3.3333333333vw;
  padding-left: 0;
  padding-right: 0;
}
.tile-item.st-sm .tile-goods-label + .tile-price,
.tile-item.st-sm .tile-goods-label + .tile-price-box,
.tile-item.st-simple .tile-goods-label + .tile-price,
.tile-item.st-simple .tile-goods-label + .tile-price-box,
.tile-item-horizon.st-sm .tile-goods-label + .tile-price,
.tile-item-horizon.st-sm .tile-goods-label + .tile-price-box,
.tile-item-horizon.st-simple .tile-goods-label + .tile-price,
.tile-item-horizon.st-simple .tile-goods-label + .tile-price-box {
  margin-top: 2.2222222222vw;
}
.tile-item.st-sm .tile-goods-label .tile-goods-label-inner,
.tile-item.st-simple .tile-goods-label .tile-goods-label-inner,
.tile-item-horizon.st-sm .tile-goods-label .tile-goods-label-inner,
.tile-item-horizon.st-simple .tile-goods-label .tile-goods-label-inner {
  display: -webkit-box;
  max-height: 8.8666666667vw;
  font-size: 3.3333333333vw;
  line-height: 1.33;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.tile-item.st-sm .tile-goods-label .tile-goods-label-inner.ellipsis-h-fix,
.tile-item.st-simple .tile-goods-label .tile-goods-label-inner.ellipsis-h-fix,
.tile-item-horizon.st-sm .tile-goods-label .tile-goods-label-inner.ellipsis-h-fix,
.tile-item-horizon.st-simple .tile-goods-label .tile-goods-label-inner.ellipsis-h-fix {
  height: 8.8888888889vw;
}
.tile-item.st-sm .tile-goods-label .tile-goods-label-inner.text-truncate,
.tile-item.st-sm .tile-goods-label .dropdown-window .hole-item-horizon .hole-text .tile-goods-label-inner.text-inner,
.dropdown-window .hole-item-horizon .hole-text .tile-item.st-sm .tile-goods-label .tile-goods-label-inner.text-inner,
.tile-item.st-simple .tile-goods-label .tile-goods-label-inner.text-truncate,
.tile-item.st-simple
  .tile-goods-label
  .dropdown-window
  .hole-item-horizon
  .hole-text
  .tile-goods-label-inner.text-inner,
.dropdown-window
  .hole-item-horizon
  .hole-text
  .tile-item.st-simple
  .tile-goods-label
  .tile-goods-label-inner.text-inner,
.tile-item-horizon.st-sm .tile-goods-label .tile-goods-label-inner.text-truncate,
.tile-item-horizon.st-sm
  .tile-goods-label
  .dropdown-window
  .hole-item-horizon
  .hole-text
  .tile-goods-label-inner.text-inner,
.dropdown-window
  .hole-item-horizon
  .hole-text
  .tile-item-horizon.st-sm
  .tile-goods-label
  .tile-goods-label-inner.text-inner,
.tile-item-horizon.st-simple .tile-goods-label .tile-goods-label-inner.text-truncate,
.tile-item-horizon.st-simple
  .tile-goods-label
  .dropdown-window
  .hole-item-horizon
  .hole-text
  .tile-goods-label-inner.text-inner,
.dropdown-window
  .hole-item-horizon
  .hole-text
  .tile-item-horizon.st-simple
  .tile-goods-label
  .tile-goods-label-inner.text-inner {
  display: -webkit-box;
  max-height: 4.4333333333vw;
  font-size: 3.3333333333vw;
  line-height: 1.33;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.tile-item.st-sm.carousel-item,
.tile-item.st-simple.carousel-item,
.tile-item-horizon.st-sm.carousel-item,
.tile-item-horizon.st-simple.carousel-item {
  margin-left: 2.7777777778vw;
}
.tile-item.st-simple .tile-goods-label-inner,
.tile-item-horizon.st-simple .tile-goods-label-inner {
  white-space: normal;
  text-overflow: clip;
  overflow: visible;
  max-height: none;
  -webkit-line-clamp: none;
  -webkit-box-orient: horizontal;
  font-weight: 400;
}
.tile-item.st-simple .file-upload-image,
.tile-item-horizon.st-simple .file-upload-image {
  width: 100%;
}
.tile-item.st-simple .file-upload-image .file-label,
.tile-item-horizon.st-simple .file-upload-image .file-label {
  --tt-aspect-ratio: 134%;
}
.tile-item.st-gooddeal + :where(*),
.tile-item-horizon.st-gooddeal + :where(*) {
  margin-top: 5.5555555556vw;
}
.tile-item.st-gooddeal .tile-price-box,
.tile-item-horizon.st-gooddeal .tile-price-box {
  margin-top: 1.9444444444vw;
}
.tile-item.st-gooddeal .tile-thumb .tile-rate,
.tile-item-horizon.st-gooddeal .tile-thumb .tile-rate {
  position: absolute;
  right: 4.1666666667vw;
  bottom: 4.1666666667vw;
  font-size: 13.8888888889vw;
  line-height: 1;
  color: #fff;
  text-shadow:
    -1px 0 #000,
    0 1px #000,
    1px 0 #000,
    0 -1px #000;
}
.tile-item.st-narrow,
.tile-item-horizon.st-narrow {
  width: 28.8888888889vw;
}
.tile-item.st-narrow.carousel-item,
.tile-item-horizon.st-narrow.carousel-item {
  margin-left: 1.1111111111vw;
}
.tile-item.st-narrow .tile-body,
.tile-item-horizon.st-narrow .tile-body {
  padding: 2.2222222222vw 2.2222222222vw 0 0;
}
.tile-item.st-narrow .tile-price-box,
.tile-item-horizon.st-narrow .tile-price-box {
  margin-top: 2.2222222222vw;
}
.tile-item.col-3.st-simple,
.tile-item-horizon.col-3.st-simple {
  width: 33.3333333333%;
}
.tile-item.col-3.st-simple .tile-body,
.tile-item-horizon.col-3.st-simple .tile-body {
  padding-inline: 0;
  padding-top: 2.2222222222vw;
}
.tile-item.col-3.st-simple .tile-price.st-was,
.tile-item-horizon.col-3.st-simple .tile-price.st-was {
  display: none;
}
.row .tile-item:not([class*="col-"]):not(.st-sm):not(.st-reduced):not(.st-narrow),
.summary-data .tile-item:not([class*="col-"]):not(.st-sm):not(.st-reduced):not(.st-narrow),
.button-float-couple .tile-item:not([class*="col-"]):not(.st-sm):not(.st-reduced):not(.st-narrow),
.row .tile-item-horizon:not([class*="col-"]):not(.st-sm):not(.st-reduced):not(.st-narrow),
.summary-data .tile-item-horizon:not([class*="col-"]):not(.st-sm):not(.st-reduced):not(.st-narrow),
.button-float-couple .tile-item-horizon:not([class*="col-"]):not(.st-sm):not(.st-reduced):not(.st-narrow) {
  width: 100%;
}
.tile-item.st-check .checkbox-icon,
.tile-item-horizon.st-check .checkbox-icon {
  top: 2.7777777778vw;
  left: 2.7777777778vw;
}
.tile-item.st-check .tile-goods-label-inner,
.tile-item-horizon.st-check .tile-goods-label-inner {
  height: 10vw;
}
.tile-item.st-rounded .tile-thumb,
.tile-item-horizon.st-rounded .tile-thumb,
.tile-item.st-rounded .tile-thumb .tile-violator,
.tile-item-horizon.st-rounded .tile-thumb .tile-violator {
  border-radius: 1.1111111111vw;
}
.tile-item.st-rounded .tile-thumb .tile-violator .violator-text,
.tile-item-horizon.st-rounded .tile-thumb .tile-violator .violator-text {
  font-size: 3.0555555556vw;
}
.tile-item.st-rounded .tile-thumb .tile-violator + .tile-violator,
.tile-item-horizon.st-rounded .tile-thumb .tile-violator + .tile-violator {
  margin-top: 0.5555555556vw;
}
.tile-item.st-rounded .tile-bs,
.tile-item-horizon.st-rounded .tile-bs {
  left: 1.1111111111vw;
  bottom: 1.1111111111vw;
}
.tile-item.st-rounded .tile-body,
.tile-item-horizon.st-rounded .tile-body {
  padding-left: 0;
  padding-right: 0;
}
.tile-item.st-rounded .tile-price-box,
.tile-item-horizon.st-rounded .tile-price-box {
  margin-top: 2.2222222222vw;
}
.tile-item.st-rounded .tile-footer,
.tile-item-horizon.st-rounded .tile-footer {
  margin-top: 2.2222222222vw;
  padding-left: 0;
  padding-right: 0;
}
.tile-item.st-rounded .tile-affinity,
.tile-item-horizon.st-rounded .tile-affinity {
  margin-top: 1.1111111111vw;
}
.tile-item.st-rounded .tile-affinity .tile-text .icon,
.tile-item.st-rounded .tile-affinity .tile-text .spot-visual.st-video:after,
.tile-item.st-rounded .tile-affinity .tile-text .spot-visual.st-video-view:after,
.tile-item-horizon.st-rounded .tile-affinity .tile-text .icon,
.tile-item-horizon.st-rounded .tile-affinity .tile-text .spot-visual.st-video:after,
.tile-item-horizon.st-rounded .tile-affinity .tile-text .spot-visual.st-video-view:after {
  flex-shrink: 0;
}
.tile-item.st-rounded.col-4,
.tile-item-horizon.st-rounded.col-4 {
  margin-bottom: 5vw;
}
.tile-item.st-rounded.col-4 .tile-body,
.tile-item-horizon.st-rounded.col-4 .tile-body {
  padding-left: 0;
  padding-right: 0;
}
.tile-item.st-rounded.col-4 .tile-body .tile-price-box,
.tile-item-horizon.st-rounded.col-4 .tile-body .tile-price-box {
  margin-top: 2.2222222222vw;
}
.tile-item.st-rounded.col-4 .tile-footer,
.tile-item-horizon.st-rounded.col-4 .tile-footer {
  margin-top: 2.2222222222vw;
  padding-left: 0;
  padding-right: 0;
}
.tile-item.st-rounded.col-4 .tile-thumb .tile-violator,
.tile-item-horizon.st-rounded.col-4 .tile-thumb .tile-violator {
  max-width: 25.8333333333vw;
  padding: 1.1111111111vw 1.6666666667vw;
}
.tile-item.st-rounded.col-4 .tile-thumb .tile-violator .violator-text,
.tile-item-horizon.st-rounded.col-4 .tile-thumb .tile-violator .violator-text {
  font-size: 2.5vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tile-item-horizon {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.tile-item-horizon > .tile-link {
  display: flex;
  align-items: center;
  width: 100%;
}
.tile-item-horizon .tile-thumb {
  flex-shrink: 0;
  width: 22.2222222222vw;
}
.tile-item-horizon .tile-body {
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-left: 5.5555555556vw;
  padding-right: 9.7222222222vw;
}
.tile-item-horizon .tile-body .tile-price-box {
  margin-top: 2.7777777778vw;
}
.tile-item-horizon .tile-heart.button-icon,
.tile-item .tile-thumb .tile-item-horizon .tile-heart,
.tile-item-horizon .tile-thumb .tile-heart {
  position: absolute;
  top: -3.3333333333vw;
  right: -3.3333333333vw;
  z-index: 2;
}
.tile-item-horizon.st-reduced {
  width: 100%;
  align-items: flex-start;
}
.tile-item-horizon.st-reduced > .tile-link {
  align-items: flex-start;
}
.tile-item-horizon.st-reduced .tile-thumb {
  width: 19.4444444444vw;
}
.tile-item-horizon.st-reduced .tile-body {
  width: 100%;
  padding-top: 2.7777777778vw;
  padding-left: 5.5555555556vw;
  padding-right: 0;
}
.tile-item-horizon.st-elevated,
.zip-code .tile-item-horizon.zip-code-text,
.zip-code .tile-item-horizon.zip-code-title,
.announce-print-value .tile-item-horizon.announce-text,
.announce-print-value .tile-item-horizon.announce-label,
.summary-data .tile-item-horizon.summary-title,
.summary-data .tile-item-horizon.summary-text {
  align-items: flex-start;
}
.tile-item-horizon.st-elevated > .tile-link,
.zip-code .tile-item-horizon.zip-code-text > .tile-link,
.zip-code .tile-item-horizon.zip-code-title > .tile-link,
.announce-print-value .tile-item-horizon.announce-text > .tile-link,
.announce-print-value .tile-item-horizon.announce-label > .tile-link,
.summary-data .tile-item-horizon.summary-title > .tile-link,
.summary-data .tile-item-horizon.summary-text > .tile-link {
  align-items: flex-start;
}
.tile-item-horizon.st-elevated .tile-thumb,
.zip-code .tile-item-horizon.zip-code-text .tile-thumb,
.zip-code .tile-item-horizon.zip-code-title .tile-thumb,
.announce-print-value .tile-item-horizon.announce-text .tile-thumb,
.announce-print-value .tile-item-horizon.announce-label .tile-thumb,
.summary-data .tile-item-horizon.summary-title .tile-thumb,
.summary-data .tile-item-horizon.summary-text .tile-thumb {
  width: 25vw;
}
.tile-item-horizon.st-elevated .tile-body,
.zip-code .tile-item-horizon.zip-code-text .tile-body,
.zip-code .tile-item-horizon.zip-code-title .tile-body,
.announce-print-value .tile-item-horizon.announce-text .tile-body,
.announce-print-value .tile-item-horizon.announce-label .tile-body,
.summary-data .tile-item-horizon.summary-title .tile-body,
.summary-data .tile-item-horizon.summary-text .tile-body {
  padding-top: 5.5555555556vw;
  padding-left: 5.5555555556vw;
  padding-right: 0;
}
.tile-item-horizon.st-disabled .tile-link,
.tile-item-horizon.st-disabled .tile-body {
  pointer-events: none;
}
.tile-item-horizon.st-align-center {
  align-items: center;
}
.tile-item-mosaic {
  position: relative;
  display: block;
}
.tile-item-mosaic:before {
  display: block;
  padding-top: 132%;
  content: "";
}
.tile-item-mosaic > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tile-item-mosaic .tile-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.tile-item-mosaic .tile-box {
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 5.5555555556vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.tile-item-mosaic .tile-box:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
}
.tile-item-mosaic .tile-text {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  font-size: 3.3333333333vw;
  line-height: 3.8888888889vw;
}
.tile-item-mosaic .tile-text .text-inner {
  margin-right: 1.1111111111vw;
}
.tile-item-mosaic.st-default {
  width: 66.6666666667vw;
}
.tile-item-mosaic.st-sm {
  width: 33.3333333333vw;
}
.tile-item-mosaic.st-lg {
  width: 100%;
}
.hole-item {
  display: block;
  width: 16.6666666667vw;
}
.hole-item .hole-thumb {
  display: block;
  width: 100%;
}
.hole-item .hole-thumb-round {
  border-radius: 1.1111111111vw;
  overflow: hidden;
}
.hole-item .hole-img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.hole-item .hole-text {
  display: block;
  text-align: center;
  font-size: 3.3333333333vw;
  color: #aaa;
  margin-top: 2.7777777778vw;
}
.hole-item.st-flash .hole-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 300;
  font-size: 8.3333333333vw;
  color: #fff;
  margin-top: 0;
  background-color: #0003;
}
.hole-item.st-reduced .hole-thumb {
  border: 0.2777777778vw solid #eee;
}
.hole-item.st-focus .hole-text {
  color: #000;
}
.hole-item.st-soldout {
  position: relative;
}
.hole-item.st-soldout:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.2777777778vw;
  height: 85%;
  z-index: 1;
  background-color: #fff;
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: top left;
}
.hole-item.st-soldout .hole-thumb:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9.4444444444vw;
  height: 9.4444444444vw;
  z-index: 1;
  border-radius: 50%;
  background-color: #0003;
  transform: translate(-50%, -50%);
  transform-origin: top left;
}
.hole-item.st-elevated .hole-thumb,
.zip-code .hole-item.zip-code-text .hole-thumb,
.zip-code .hole-item.zip-code-title .hole-thumb,
.announce-print-value .hole-item.announce-text .hole-thumb,
.announce-print-value .hole-item.announce-label .hole-thumb,
.summary-data .hole-item.summary-title .hole-thumb,
.summary-data .hole-item.summary-text .hole-thumb {
  border: 0.2777777778vw solid #eee;
}
.hole-item.st-elevated.st-focus .hole-thumb,
.zip-code .hole-item.st-focus.zip-code-text .hole-thumb,
.zip-code .hole-item.st-focus.zip-code-title .hole-thumb,
.announce-print-value .hole-item.st-focus.announce-text .hole-thumb,
.announce-print-value .hole-item.st-focus.announce-label .hole-thumb,
.summary-data .hole-item.st-focus.summary-title .hole-thumb,
.summary-data .hole-item.st-focus.summary-text .hole-thumb {
  border-color: #000;
}
.hole-item.st-elevated.st-focus .hole-text,
.zip-code .hole-item.st-focus.zip-code-text .hole-text,
.zip-code .hole-item.st-focus.zip-code-title .hole-text,
.announce-print-value .hole-item.st-focus.announce-text .hole-text,
.announce-print-value .hole-item.st-focus.announce-label .hole-text,
.summary-data .hole-item.st-focus.summary-title .hole-text,
.summary-data .hole-item.st-focus.summary-text .hole-text {
  color: #000;
}
.hole-item.st-lg {
  width: 20vw;
}
.hole-item.st-lg .hole-thumb {
  border: 0.2777777778vw solid #eee;
  overflow: hidden;
}
.hole-item.st-lg .hole-thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ffffffb3;
}
.hole-item.st-lg .hole-text {
  color: #999;
}
.hole-item.st-lg.st-focus .hole-thumb {
  border-color: #000;
}
.hole-item.st-lg.st-focus .hole-thumb:after {
  display: none;
}
.hole-item.st-lg.st-focus .hole-text {
  color: #000;
}
.hole-item.st-sm {
  width: 12.2222222222vw;
}
.hole-item.st-sm .hole-thumb {
  border: 0.2777777778vw solid transparent;
}
.hole-item.st-sm .hole-img,
.hole-item.st-sm .hole-color {
  font-size: 3.3333333333vw;
  line-height: 5vw;
  border: 1.1111111111vw solid #fff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: transparent center center no-repeat;
  background-size: cover;
}
.hole-item.st-sm .hole-text {
  margin-top: 1.6666666667vw;
}
.hole-item.st-sm.st-focus .hole-thumb {
  border-color: #000;
}
.hole-item.st-sm.st-focus .hole-text {
  color: #000;
}
.carousel .carousel-item:not(:first-child) .hole-item.st-sm {
  margin-left: 1.6666666667vw;
}
.hole-item.st-light .hole-img:after,
.hole-item.st-light .hole-color:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 9.4444444444vw;
  height: 9.4444444444vw;
  border: 0.2777777778vw solid #ddd;
  border-radius: 50%;
}
.hole-item.st-dock {
  width: auto;
}
.hole-item.st-dock .hole-title {
  display: block;
  text-align: center;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  margin-top: 2.7777777778vw;
}
.hole-item.st-dock .hole-title + .hole-text {
  font-size: 3.0555555556vw;
  line-height: 4.4444444444vw;
}
.hole-item.st-dock .hole-thumb {
  width: 20vw;
  margin: 0 auto;
}
.hole-item.st-dock .hole-thumb .hole-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  font-weight: 300;
  font-size: 8.3333333333vw;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  background-color: #0003;
}
.hole-item.st-dock .hole-text {
  line-height: 5vw;
  color: #000;
}
.carousel .carousel-item:not(:first-child) .hole-item {
  margin-left: 2.7777777778vw;
}
.hole-item-horizon {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
}
.hole-item-horizon .hole-body {
  margin-left: 5.5555555556vw;
}
.hole-item-horizon .hole-thumb {
  width: 19.4444444444vw;
  flex-shrink: 0;
}
.hole-item-horizon .hole-thumb-soft {
  border-radius: 1.1111111111vw;
  overflow: hidden;
}
.hole-item-horizon .hole-title {
  display: block;
  font-weight: 600;
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
}
.hole-item-horizon .hole-title + .hole-text {
  margin-top: 1.1111111111vw;
}
.hole-item-horizon .hole-text {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  font-weight: 300;
  color: #999;
}
.hole-item-horizon.st-reduced .hole-body {
  width: 100%;
  margin-left: 2.7777777778vw;
}
.hole-item-horizon.st-reduced .hole-title {
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.hole-item-horizon.st-reduced .hole-title + .hole-text {
  margin-top: 2.2222222222vw;
}
.hole-item-horizon.st-reduced .hole-text {
  font-weight: 400;
  color: #000;
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.hole-item-horizon.st-reduced .hole-heart {
  margin-right: -3.3333333333vw;
}
.hole-item-horizon.st-elevated .hole-thumb,
.zip-code .hole-item-horizon.zip-code-text .hole-thumb,
.zip-code .hole-item-horizon.zip-code-title .hole-thumb,
.announce-print-value .hole-item-horizon.announce-text .hole-thumb,
.announce-print-value .hole-item-horizon.announce-label .hole-thumb,
.summary-data .hole-item-horizon.summary-title .hole-thumb,
.summary-data .hole-item-horizon.summary-text .hole-thumb {
  width: 22.2222222222vw;
}
.hole-item-horizon.st-elevated + .hole-text,
.zip-code .hole-item-horizon.zip-code-text + .hole-text,
.zip-code .hole-item-horizon.zip-code-title + .hole-text,
.announce-print-value .hole-item-horizon.announce-text + .hole-text,
.announce-print-value .hole-item-horizon.announce-label + .hole-text,
.summary-data .hole-item-horizon.summary-title + .hole-text,
.summary-data .hole-item-horizon.summary-text + .hole-text {
  margin-top: 2.2222222222vw;
}
.hole-item-horizon.st-elevated .hole-text,
.zip-code .hole-item-horizon.zip-code-text .hole-text,
.zip-code .hole-item-horizon.zip-code-title .hole-text,
.announce-print-value .hole-item-horizon.announce-text .hole-text,
.announce-print-value .hole-item-horizon.announce-label .hole-text,
.summary-data .hole-item-horizon.summary-title .hole-text,
.summary-data .hole-item-horizon.summary-text .hole-text {
  color: #000;
  font-weight: 400;
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.hole-item-horizon.st-xs .hole-thumb {
  width: 10vw;
}
.hole-item-horizon.st-xs .hole-body {
  margin-left: 2.7777777778vw;
}
.hole-item-horizon.st-xs .hole-text {
  color: #000;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  font-weight: 400;
}
.cart-item .cart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.3888888889vw;
  width: 100%;
}
.cart-item .cart-header__start {
  display: flex;
  align-items: center;
  min-width: 0;
}
.cart-item .cart-header__end {
  display: flex;
  align-items: center;
}
.cart-item .cart-header__end .button-icon:last-child,
.cart-item .cart-header__end .tile-item .tile-thumb .tile-heart:last-child,
.tile-item .tile-thumb .cart-item .cart-header__end .tile-heart:last-child,
.cart-item .cart-header__end .tile-item-horizon .tile-thumb .tile-heart:last-child,
.tile-item-horizon .tile-thumb .cart-item .cart-header__end .tile-heart:last-child {
  margin-right: -0.8333333333vw;
}
.cart-item .cart-header .cart-brand {
  font-weight: 400;
  margin-left: 2.2222222222vw;
}
.cart-item .cart-header .button-icon,
.cart-item .cart-header .tile-item .tile-thumb .tile-heart,
.tile-item .tile-thumb .cart-item .cart-header .tile-heart,
.cart-item .cart-header .tile-item-horizon .tile-thumb .tile-heart,
.tile-item-horizon .tile-thumb .cart-item .cart-header .tile-heart {
  margin-top: -1.3888888889vw;
  margin-bottom: -1.3888888889vw;
}
.cart-item .cart-brand {
  font-size: 3.6111111111vw;
  font-weight: 400;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cart-item .cart-body {
  display: flex;
  padding-top: 4.1666666667vw;
  padding-bottom: 5.5555555556vw;
}
.cart-item .cart-body-text {
  width: 100%;
  min-width: 0;
}
.cart-item .cart-goods-label {
  font-size: 3.3333333333vw;
}
.cart-item .cart-options {
  font-size: 3.3333333333vw;
  line-height: 3.8888888889vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cart-item .cart-thumb {
  position: relative;
  overflow: hidden;
  width: 19.4444444444vw;
  flex-shrink: 0;
  margin-left: 2.7777777778vw;
}
.cart-item .cart-thumb img {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
}
.cart-item .cart-thumb .dimmed-mask,
.cart-item .cart-thumb .spot-visual.st-video:before,
.cart-item .cart-thumb .spot-visual.st-video-view:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 3.6111111111vw;
}
.cart-item .cart-price {
  font-size: 3.6111111111vw;
}
.cart-item .cart-price.st-current {
  font-weight: 600;
}
.cart-item .cart-price.st-was {
  font-weight: 300;
  color: #ccc;
}
.cart-item.st-reduced .cart-body {
  padding-top: 0;
  padding-bottom: 0;
}
.cart-item.st-reduced .cart-footer {
  margin-top: 2.7777777778vw;
}
.cart-item.st-hierarchy .cart-body {
  padding-left: 7.7777777778vw;
}
.cart-item.st-sm .cart-body {
  padding-top: 0;
  padding-bottom: 0;
}
.cart-item.st-sm .cart-thumb {
  width: 12.5vw;
}
.cart-item.st-sm .cart-footer {
  margin-top: 2.7777777778vw;
}
.cart-item.st-sm.st-hierarchy .cart-body {
  padding-left: 0;
}
.order-item .order-checkbox {
  flex-shrink: 0;
  margin-right: 2.2222222222vw;
}
.order-item .order-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3.3333333333vw;
}
.order-item .order-header .order-brand {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  font-weight: 400;
  margin-bottom: 0;
}
.order-item .order-header__start {
  display: flex;
  align-items: center;
  min-width: 0;
}
.order-item .order-header__start .icon-arrow-indent {
  margin-right: 2.2222222222vw;
}
.order-item .order-header__end {
  display: flex;
  align-items: center;
}
.order-item .order-header__end .violator {
  margin-right: 2.7777777778vw;
}
.order-item .order-header__end .button-icon,
.order-item .order-header__end .tile-item .tile-thumb .tile-heart,
.tile-item .tile-thumb .order-item .order-header__end .tile-heart,
.order-item .order-header__end .tile-item-horizon .tile-thumb .tile-heart,
.tile-item-horizon .tile-thumb .order-item .order-header__end .tile-heart {
  margin-top: -1.3888888889vw;
  margin-bottom: -1.3888888889vw;
}
.order-item .order-header__end .button-icon:last-child,
.order-item .order-header__end .tile-item .tile-thumb .tile-heart:last-child,
.tile-item .tile-thumb .order-item .order-header__end .tile-heart:last-child,
.order-item .order-header__end .tile-item-horizon .tile-thumb .tile-heart:last-child,
.tile-item-horizon .tile-thumb .order-item .order-header__end .tile-heart:last-child {
  margin-right: -1.3888888889vw;
}
.order-item .order-bundle {
  position: relative;
  display: block;
  padding: 4.4444444444vw;
  margin-top: 2.2222222222vw;
  border: 0.2777777778vw solid #dfdfdf;
  border-radius: 1.1111111111vw;
}
.order-item .order-bundle .icon-plus-circle {
  position: absolute;
  left: 50%;
  top: -2.2222222222vw;
  z-index: 2;
  transform: translate(-50%);
}
.order-item .order-bundle .order-thumb {
  width: 12.5vw;
}
.order-item .order-bundle .order-violators {
  margin-top: 2.2222222222vw;
}
.order-item .order-bundle .order-header + .order-body .order-body-text {
  margin-top: 0;
}
.order-item .order-bundle .order-body {
  align-items: center;
}
.order-item .order-bundle .order-body + .order-body {
  padding-top: 2.2222222222vw;
  margin-top: 2.2222222222vw;
  border-top: 0.2777777778vw solid #eee;
}
.order-item .order-body {
  width: 100%;
  display: flex;
  align-items: flex-start;
  min-width: 0;
}
.order-item .icon-arrow-indent {
  flex-shrink: 0;
}
.order-item .order-body-text {
  width: 100%;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  min-width: 0;
}
.order-item .order-body-text > * {
  display: flex;
}
.order-item .order-body-text .violator {
  margin-left: 2.2222222222vw;
}
.order-item .order-body-text .order-violators {
  margin-top: 4.1666666667vw;
}
.order-item .order-body-text .order-link {
  flex-direction: column;
}
.order-item .order-brand-elevated {
  display: block;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  font-weight: 400;
  margin-bottom: 4.1666666667vw;
}
.order-item .order-states {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  color: #999;
  margin-bottom: 3.3333333333vw;
}
.order-item .order-states .text-inner {
  display: flex;
  align-items: center;
}
.order-item .order-states .order-state + .order-state {
  margin-left: 1.6666666667vw;
}
.order-item .order-states .order-state + .order-state.st-divider {
  position: relative;
  padding-left: 1.9444444444vw;
}
.order-item .order-states .order-state + .order-state.st-divider:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
  width: 0.2777777778vw;
  height: 2.7777777778vw;
  background-color: #eee;
}
.order-item .order-states + .order-states {
  margin-top: -2.7777777778vw;
}
.order-item .order-brand {
  display: flex;
  align-items: center;
  margin-bottom: 2.7777777778vw;
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.order-item .order-brand .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.order-item .order-brand .text-inner + .text-inner {
  margin-left: 2.2222222222vw;
}
.order-item .order-goods-label {
  font-weight: 600;
}
.order-item .order-goods-label .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.order-item .order-goods-label .text-truncate,
.order-item .order-goods-label .dropdown-window .hole-item-horizon .hole-text .text-inner,
.dropdown-window .hole-item-horizon .hole-text .order-item .order-goods-label .text-inner {
  width: 100%;
}
.order-item .order-goods-label .text-ellipsis-2 {
  display: -webkit-box;
  max-height: 8.6666666667vw;
  font-size: 3.3333333333vw;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.order-item .order-options {
  color: #999;
  margin-top: 1.1111111111vw;
}
.order-item .order-options .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.order-item .order-violators {
  margin-top: 5.5555555556vw;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  color: #aaa;
}
.order-item .order-violators .text-inner {
  display: flex;
  align-items: center;
}
.order-item .order-violators .order-violator {
  margin-right: 1.6666666667vw;
}
.order-item .order-text-discount {
  color: #006bff;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  margin-top: -0.2777777778vw;
}
.order-item .order-text-discount span {
  font-weight: 400;
}
.order-item .order-price-box {
  margin-top: 4.1666666667vw;
}
.order-item .order-price-box .text-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.order-item .order-price-box .order-price {
  margin-right: 1.6666666667vw;
  font-weight: 600;
}
.order-item .order-price-box .order-price.st-current {
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.order-item .order-price-box .order-price.st-was {
  color: #aaa;
  font-weight: 400;
}
.order-item .order-price-box .order-price-addon {
  color: #aaa;
  font-weight: 600;
}
.order-item .order-price-box .order-percent {
  font-size: 3.3333333333vw;
  line-height: 5vw;
  color: #006bff;
  font-weight: 600;
}
.order-item .order-option-alter {
  margin-top: 3.3333333333vw;
  color: #aaa;
}
.order-item .order-addon {
  display: flex;
  align-items: center;
  margin-top: 3.3333333333vw;
}
.order-item .order-qty.qty-control {
  margin-left: 2.7777777778vw;
}
.order-item .order-qty:not(.qty-control) {
  font-size: 3.3333333333vw;
  line-height: 5vw;
  color: #999;
  margin-top: 2.7777777778vw;
}
.order-item .order-thumb {
  position: relative;
  overflow: hidden;
  width: 20.8333333333vw;
  flex-shrink: 0;
  margin-left: 4.1666666667vw;
}
.order-item .order-thumb img {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
}
.order-item .order-thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #00000005;
}
.order-item .order-thumb .dimmed-mask,
.order-item .order-thumb .spot-visual.st-video:before,
.order-item .order-thumb .spot-visual.st-video-view:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 3.6111111111vw;
}
.order-item .order-thumb .dimmed-mask.st-offline,
.order-item .order-thumb .st-offline.spot-visual.st-video:before,
.order-item .order-thumb .st-offline.spot-visual.st-video-view:before {
  position: relative;
  aspect-ratio: 3/4;
  opacity: 0.6;
}
.order-item .order-footer {
  margin-top: 5.5555555556vw;
}
.order-item .order-footer .button,
.order-item .order-footer .button-ghost {
  display: block;
  width: 100%;
}
.order-item .order-footer .button-text {
  font-size: 3.3333333333vw;
}
.order-item.st-normal {
  position: relative;
}
.order-item.st-normal .order-thumb {
  margin-left: 9.7222222222vw;
}
.order-item.st-normal + .st-normal:before {
  content: "";
  display: block;
  width: 100%;
  height: 0.2777777778vw;
  position: absolute;
  top: -5.5555555556vw;
  left: 0;
  z-index: 2;
  background-color: #eee;
}
.order-item.st-reduced .order-thumb {
  width: 19.4444444444vw;
}
.order-item.st-reduced .order-bundle .order-thumb {
  width: 12.5vw;
}
.order-item.st-reduced.st-hierarchy .icon-arrow-indent + .order-body-text {
  padding-left: 2.2222222222vw;
}
.order-item.st-reduced.st-hierarchy .order-body-text {
  padding-left: 7.7777777778vw;
}
.order-item.st-reduced.st-hierarchy .order-thumb {
  margin-left: 6.9444444444vw;
}
.order-item.st-sm {
  position: relative;
}
.order-item.st-sm .order-brand {
  margin-bottom: 1.3888888889vw;
}
.order-item.st-sm .order-goods-label {
  font-weight: 400;
}
.order-item.st-sm .order-thumb {
  width: 12.5vw;
}
.order-item.st-sm .order-price-box {
  margin-top: 3.3333333333vw;
}
.order-item.st-sm .order-footer {
  margin-top: 2.7777777778vw;
}
.order-item.st-sm + .st-sm {
  margin-top: 11.1111111111vw;
}
.order-item.st-sm + .st-sm:before {
  content: "";
  display: block;
  width: 100%;
  height: 0.2777777778vw;
  position: absolute;
  top: -5.5555555556vw;
  left: 0;
  z-index: 2;
  background-color: #eee;
}
.order-item.st-sm.st-hierarchy .order-footer {
  padding-left: 5.5555555556vw;
}
.order-item.st-crr {
  position: relative;
}
.order-item.st-crr .order-states {
  margin-top: 0.5555555556vw;
  margin-bottom: 2.7777777778vw;
}
.order-item.st-crr .order-option-alter-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-item.st-crr .order-option-alter-box .order-option-alter {
  margin-top: 0;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  color: #006bff;
}
.order-item.st-crr .order-footer {
  margin-top: 1.3888888889vw;
  margin-left: 7.7777777778vw;
}
.order-item.st-crr .order-bundle,
.order-item.st-crr .calculator.st-secondary {
  margin-left: 7.7777777778vw;
}
.order-item.st-crr.st-bundle .order-thumb {
  width: 12.5vw;
}
.order-item.st-crr + .st-crr {
  margin-top: 11.1111111111vw;
}
.order-item.st-crr + .st-crr:before {
  content: "";
  display: block;
  width: 100%;
  height: 0.2777777778vw;
  position: absolute;
  top: -5.5555555556vw;
  left: 0;
  z-index: 2;
  background-color: #eee;
}
.order-item.st-crr + .calculator.st-secondary {
  position: relative;
  padding-left: 7.7777777778vw;
  margin-top: 6.9444444444vw;
}
.order-item.st-crr + .calculator.st-secondary:before {
  content: "";
  display: block;
  width: 100%;
  height: 0.2777777778vw;
  position: absolute;
  top: -1.3888888889vw;
  left: 0;
  z-index: 2;
  background-color: #eee;
}
.order-item.st-warranty {
  width: 100%;
  display: flex;
  align-items: center;
}
.order-item.st-warranty .order-radio {
  margin-right: 4.1666666667vw;
}
.order-item.st-warranty .order-states {
  margin-bottom: 4.1666666667vw;
}
.order-item.st-etc .order-thumb {
  margin-left: 0;
  margin-right: 5.5555555556vw;
}
.order-item.st-etc .order-states {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-item.st-etc .order-states .button-group {
  display: flex;
}
.order-item.st-etc .order-states .button-group .order-button {
  margin-left: 4.1666666667vw;
}
.order-item.st-etc .order-options {
  color: #999;
  margin-top: 2.7777777778vw;
}
.order-privacy {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.order-privacy .order-title {
  display: flex;
}
.order-privacy .order-title .text-inner + .text-inner {
  margin-left: 1.3888888889vw;
}
.order-privacy .order-title strong.text-inner {
  font-weight: 600;
}
.card-promotion-list .card-promotion:nth-child(2n) {
  background-color: #f8f8f8;
}
.card-promotion {
  display: flex;
  background-color: #fff;
  padding: 8.3333333333vw 5.5555555556vw;
}
.card-promotion .card-thumb {
  flex-shrink: 0;
}
.card-promotion .card-body {
  margin-left: 8.3333333333vw;
}
.card-promotion.st-even {
  background-color: #f8f8f8;
}
.box-promotion {
  width: 100%;
  margin-top: 4.4444444444vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 0.2777777778vw solid #eee;
  padding: 2.2222222222vw 5.5555555556vw;
  border-radius: 1.1111111111vw;
}
.box-promotion .box-start {
  display: flex;
  align-items: center;
}
.box-promotion .box-text {
  display: block;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  font-weight: 600;
}
.box-promotion .box-text + .box-text {
  margin-left: 1.6666666667vw;
}
.box-promotion .box-text.st-reduced {
  font-size: 3.3333333333vw;
  line-height: 5vw;
  font-weight: 400;
  color: #666;
}
.box-promotion .box-icon-next {
  margin-right: -4px;
}
.get-coupon {
  cursor: pointer;
}
.get-coupon .coupon-body {
  position: relative;
  background-color: #fff;
  border: 0.2777777778vw solid #666;
  text-align: center;
  padding: 6.6666666667vw 0;
}
.get-coupon .coupon-body:before,
.get-coupon .coupon-body:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -4.4444444444vw;
  z-index: 1;
  width: 4.4444444444vw;
  height: 8.8888888889vw;
  background-color: #fff;
  border: 0.2777777778vw solid #666;
}
.get-coupon .coupon-body:before {
  left: -0.2777777778vw;
  border-top-right-radius: 8.8888888889vw;
  border-bottom-right-radius: 8.8888888889vw;
  border-left: none;
}
.get-coupon .coupon-body:after {
  right: -0.2777777778vw;
  border-top-left-radius: 8.8888888889vw;
  border-bottom-left-radius: 8.8888888889vw;
  border-right: none;
}
.get-coupon .coupon-title {
  font-size: 4.1666666667vw;
  line-height: 5.8333333333vw;
  letter-spacing: 0.4444444444vw;
  margin-bottom: 2.7777777778vw;
}
.get-coupon .coupon-name {
  display: block;
  font-size: 18.3333333333vw;
  line-height: 21.9444444444vw;
  font-weight: 400;
}
.get-coupon .coupon-text {
  font-size: 3.3333333333vw;
  line-height: 5vw;
  color: #999;
  margin-top: 2.7777777778vw;
  text-align: center;
}
.get-coupon .coupon-button {
  position: absolute;
  bottom: 5.5555555556vw;
  right: 4.1666666667vw;
  z-index: 2;
}
.get-coupon.st-dimmed .coupon-body {
  border-color: #ddd;
}
.get-coupon.st-dimmed .coupon-body:before,
.get-coupon.st-dimmed .coupon-body:after {
  border-color: #ddd;
}
.row .get-coupon,
.summary-data .get-coupon,
.button-float-couple .get-coupon {
  width: 100%;
}
.my-coupon {
  display: block;
  position: relative;
  background-color: #fff;
  border: 0.2777777778vw solid #000;
  padding: 2.7777777778vw 19.4444444444vw 5.5555555556vw 5.5555555556vw;
  cursor: pointer;
  min-height: 39.4444444444vw;
}
.my-coupon .coupon-body {
  padding: 2.7777777778vw 19.4444444444vw 5.5555555556vw 5.5555555556vw;
  margin: -2.7777777778vw -19.4444444444vw -5.5555555556vw -5.5555555556vw;
}
.my-coupon .coupon-violator {
  display: flex;
  justify-content: flex-end;
  font-size: 3.0555555556vw;
  line-height: 4.4444444444vw;
  color: #999;
  margin-right: -15.5555555556vw;
}
.my-coupon .coupon-violator + .coupon-title {
  margin-top: -1.3888888889vw;
}
.my-coupon .coupon-violator .text-inner:not(:first-child) {
  position: relative;
  padding-left: 2.2222222222vw;
  margin-left: 2.2222222222vw;
}
.my-coupon .coupon-violator .text-inner:not(:first-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  margin-top: -1.3888888889vw;
  background-color: #eee;
  width: 0.2777777778vw;
  height: 2.7777777778vw;
}
.my-coupon .coupon-violator + .coupon-strong {
  margin-top: 0;
}
.my-coupon .coupon-title {
  font-size: 3.0555555556vw;
  font-weight: 600;
  line-height: 3.8888888889vw;
  margin-bottom: 2.7777777778vw;
}
.my-coupon .coupon-strong {
  display: flex;
  align-items: center;
  font-size: 5vw;
  line-height: 5.5555555556vw;
  margin-top: 3.3333333333vw;
}
.my-coupon .coupon-strong-number {
  display: flex;
  align-items: flex-end;
  font-weight: 600;
}
.my-coupon .coupon-strong-number small.text-inner {
  font-size: 3.3333333333vw;
  line-height: 5vw;
  margin-left: 1.3888888889vw;
}
.my-coupon .coupon-desc {
  line-height: 4.4444444444vw;
  margin-top: 1.6666666667vw;
  margin-bottom: 4.1666666667vw;
  font-weight: 600;
  height: 8.8888888889vw;
  display: -webkit-box;
  max-height: 9.1666666667vw;
  font-size: 3.0555555556vw;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.my-coupon .coupon-text {
  display: flex;
  align-items: center;
  font-size: 3.0555555556vw;
  line-height: 4.4444444444vw;
  color: #999;
  margin-top: 0.5555555556vw;
}
.my-coupon .coupon-text .text-inner + .text-inner {
  margin-left: 2.7777777778vw;
}
.my-coupon .coupon-text + .coupon-text {
  margin-top: 1.3888888889vw;
}
.my-coupon .coupon-notice-btn {
  display: flex;
  align-items: center;
  font-size: 3.0555555556vw;
  margin-top: 4.1666666667vw;
}
.my-coupon .coupon-notice-btn .icon-chevron-down {
  margin-left: 1.3888888889vw;
}
.my-coupon .coupon-notice-btn.active .icon-chevron-down {
  background-image: url("../img/icons/icon-chevron-up-xxs__black.png");
}
.my-coupon .coupon-notice-collapse {
  margin-top: 2.2222222222vw;
}
.my-coupon .coupon-notice-collapse .helper {
  font-size: 3.0555555556vw;
  line-height: 3.8888888889vw;
}
.my-coupon .coupon-button {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  padding: 5.5555555556vw;
}
.my-coupon:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5.5555555556vw;
  z-index: 1;
  border-bottom: solid 5.5555555556vw transparent;
  border-top: solid 5.5555555556vw transparent;
  border-left: solid 5.5555555556vw transparent;
  border-right: solid 2.2222222222vw #000;
}
.my-coupon:after {
  content: "";
  display: block;
  position: absolute;
  right: -0.2777777778vw;
  top: 50%;
  margin-top: -5.5555555556vw;
  z-index: 1;
  border-bottom: solid 5.5555555556vw transparent;
  border-top: solid 5.5555555556vw transparent;
  border-left: solid 5.5555555556vw transparent;
  border-right: solid 2.2222222222vw #fff;
}
.my-coupon.st-disabled {
  border-color: #ddd;
  cursor: default;
  pointer-events: none;
}
.my-coupon.st-disabled .coupon-strong {
  color: #ccc;
}
.my-coupon.st-disabled .coupon-violator,
.my-coupon.st-disabled .coupon-strong,
.my-coupon.st-disabled .coupon-desc,
.my-coupon.st-disabled .coupon-text:not(.text-black) {
  color: #999;
}
.my-coupon.st-disabled:before {
  border-right: solid 2.2222222222vw #ddd;
}
.my-coupon.st-downloaded .coupon-button .icon-download.st-black {
  background-image: url("../img/icons/icon-download__gray.png");
}
.row .my-coupon,
.summary-data .my-coupon,
.button-float-couple .my-coupon {
  width: 100%;
}
#modal-discount-benefit .my-coupon {
  min-height: 34.1666666667vw;
}
#modal-discount-benefit .my-coupon:before {
  margin-top: -4.1666666667vw;
  border-bottom: solid 4.1666666667vw transparent;
  border-top: solid 4.1666666667vw transparent;
  border-left: solid 4.1666666667vw transparent;
  border-right: solid 2.2222222222vw #000;
}
#modal-discount-benefit .my-coupon:after {
  margin-top: -4.1666666667vw;
  border-bottom: solid 4.1666666667vw transparent;
  border-top: solid 4.1666666667vw transparent;
  border-left: solid 4.1666666667vw transparent;
  border-right: solid 2.2222222222vw #fff;
}
#modal-coupon .bg-mist {
  background-color: #f5f6fa !important;
}
#modal-coupon .bg-blue {
  background-color: #f7fbff !important;
}
#modal-coupon .divider.st-fatty {
  border-color: #f5f6fa;
}
#modal-coupon .divider.st-blue {
  border-color: #f7fbff;
}
#modal-coupon .order-item .order-goods-label .text-inner {
  white-space: normal;
  text-overflow: clip;
  overflow: visible;
  max-height: none;
  -webkit-line-clamp: none;
  -webkit-box-orient: horizontal;
}
.violators {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -0.5555555556vw;
}
.violators .violator {
  margin-right: 0.5555555556vw;
  margin-top: 0.5555555556vw;
}
.violators .violator.st-elevated,
.violators .zip-code .violator.zip-code-text,
.zip-code .violators .violator.zip-code-text,
.violators .zip-code .violator.zip-code-title,
.zip-code .violators .violator.zip-code-title,
.violators .announce-print-value .violator.announce-text,
.announce-print-value .violators .violator.announce-text,
.violators .announce-print-value .violator.announce-label,
.announce-print-value .violators .violator.announce-label,
.violators .summary-data .violator.summary-title,
.summary-data .violators .violator.summary-title,
.violators .summary-data .violator.summary-text,
.summary-data .violators .violator.summary-text {
  margin-right: 1.1111111111vw;
}
.violator {
  font-style: normal;
  display: inline-flex;
  font-size: 2.5vw;
  font-weight: 300;
  color: #000;
  line-height: 4.1666666667vw;
  border: 0.2777777778vw solid rgba(153, 153, 153, 0.5);
  padding-left: 1.1111111111vw;
  padding-right: 1.1111111111vw;
}
.violator.st-elevated,
.zip-code .violator.zip-code-text,
.zip-code .violator.zip-code-title,
.announce-print-value .violator.announce-text,
.announce-print-value .violator.announce-label,
.summary-data .violator.summary-title,
.summary-data .violator.summary-text {
  border-color: #ddd;
  border-width: 0.2777777778vw;
  font-size: 2.7777777778vw;
  line-height: 5.5555555556vw;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  color: #000;
}
.violator.st-elevated.st-strong,
.zip-code .violator.st-strong.zip-code-text,
.zip-code .violator.st-strong.zip-code-title,
.announce-print-value .violator.st-strong.announce-text,
.announce-print-value .violator.st-strong.announce-label,
.summary-data .violator.st-strong.summary-title,
.summary-data .violator.st-strong.summary-text {
  border-color: #666;
}
.violator.st-primary {
  border-color: #006bff;
  color: #006bff;
}
.violator.st-primary.st-block {
  background-color: #006bff;
  color: #fff;
}
.violator.st-black {
  border-color: #000;
  color: #000;
}
.violator.st-black.st-block {
  background-color: #000;
  color: #fff;
}
.violator.st-secondary {
  border-color: #cce1ff;
}
.violator.st-secondary.st-block {
  background-color: #cce1ff;
}
.violator.st-dimmed {
  border-color: #eee;
}
.violator.st-dimmed.st-block {
  background-color: #eee;
}
.violator-block {
  display: inline-flex;
  justify-content: center;
  background-color: #000;
  padding: 1.6666666667vw 3.0555555556vw;
  min-width: 17.2222222222vw;
  max-width: 100%;
}
.violator-block .violator-icon {
  vertical-align: middle;
  margin-right: 1.1111111111vw;
}
.violator-block .violator-text {
  vertical-align: middle;
  color: #fff;
  font-size: 3.3333333333vw;
  line-height: 4.4444444444vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.violator-block.st-primary {
  background-color: #006bff;
}
.violator-block.st-dimmed {
  background-color: #eee;
}
.violator-block.st-dimmed .violator-text {
  color: #000;
}
.violator-block.st-gray {
  background-color: #0006;
}
.violator-block.st-reduced {
  padding: 1.1111111111vw 2.2222222222vw;
  min-width: 0;
}
.violator-block.st-reduced .violator-text {
  font-size: 2.7777777778vw;
  line-height: 3.3333333333vw;
}
.violator-block.st-sm {
  padding-inline: 1.3888888889vw;
  min-width: auto;
}
.violator-block.st-sm .violator-text {
  font-size: 2.5vw;
  line-height: 1;
}
.violator-block.st-opacity-50 {
  background-color: #00000080;
}
.violator-block.st-secondary {
  background-color: #cce1ff;
}
.violator-block.st-secondary .violator-text {
  color: #000;
}
.badge {
  position: absolute;
  text-align: center;
  font-style: normal;
  color: #fff;
  background-color: #006bff;
  font-size: 1.9444444444vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  border-radius: 50%;
  z-index: 2;
}
.search-bubbles-list {
  margin-top: -1.1111111111vw;
}
.search-bubbles-list .bubble-select-list {
  margin-left: -1.1111111111vw;
  font-size: 0;
}
.bubbles {
  display: flex;
  flex-wrap: wrap;
}
.bubbles .bubble:not(.swiper-slide) {
  margin-left: 1.6666666667vw;
  margin-top: 2.2222222222vw;
}
.bubbles:not(.swiper) {
  margin-top: -2.2222222222vw;
  margin-left: -1.6666666667vw;
}
.bubbles.swiper .swiper-slide .bubble {
  margin-left: 2.2222222222vw;
  margin-top: 0;
}
.bubbles.swiper .swiper-slide:first-child .bubble {
  margin-left: 0;
}
.bubbles.swiper .swiper-slide.bubble {
  margin-left: 2.2222222222vw;
}
.bubbles.swiper .swiper-slide.bubble:first-child {
  margin-left: 0;
}
.bubbles.swiper .swiper-slide.bubble-select {
  margin-left: 1.6666666667vw;
}
.bubbles.swiper .swiper-slide.bubble-select:first-child {
  margin-left: 0;
}
.bubbles.bubble-truncate-2 {
  max-height: 21.1111111111vw;
  overflow: hidden;
}
.bubbles.bubble-truncate-5 {
  max-height: 53.0555555556vw;
  overflow: hidden;
}
.bubble {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  border: 0.2777777778vw solid #ddd;
  border-radius: 4.1666666667vw;
  padding-left: 3.3333333333vw;
  padding-right: 3.3333333333vw;
}
.bubble .bubble-text {
  font-size: 3.3333333333vw;
  line-height: 7.7777777778vw;
  max-width: 69.4444444444vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bubble.st-dimmed .bubble-text {
  color: #999;
}
.bubble.st-overlay,
.spot-copy.st-overlay .spot-bubbles .bubble {
  border-color: #fff;
}
.bubble.st-overlay .bubble-text,
.spot-copy.st-overlay .spot-bubbles .bubble .bubble-text {
  color: #fff;
}
.bubble.st-elevated,
.zip-code .bubble.zip-code-text,
.zip-code .bubble.zip-code-title,
.announce-print-value .bubble.announce-text,
.announce-print-value .bubble.announce-label,
.summary-data .bubble.summary-title,
.summary-data .bubble.summary-text {
  background-color: #000;
  border-color: #000;
}
.bubble.st-elevated .bubble-text,
.zip-code .bubble.zip-code-text .bubble-text,
.zip-code .bubble.zip-code-title .bubble-text,
.announce-print-value .bubble.announce-text .bubble-text,
.announce-print-value .bubble.announce-label .bubble-text,
.summary-data .bubble.summary-title .bubble-text,
.summary-data .bubble.summary-text .bubble-text {
  color: #fff;
}
.bubble.st-accent {
  background-color: #fff;
  border-color: #000;
}
.bubble.st-sm .bubble-text {
  line-height: 6.1111111111vw;
}
.bubble.st-xs {
  padding-left: 2.5vw;
  padding-right: 2.5vw;
}
.bubble.st-xs .bubble-text {
  font-size: 2.7777777778vw;
  line-height: 4.7222222222vw;
}
.bubble-select {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  border: 0.2777777778vw solid #eee;
  border-radius: 4.1666666667vw;
  padding-left: 3.0555555556vw;
  padding-right: 3.0555555556vw;
}
.bubble-select .bubble-text {
  font-size: 3.3333333333vw;
  line-height: 7.7777777778vw;
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bubble-select .icon-chevron-down {
  margin-left: 0.2777777778vw;
}
.bubble-select.st-elevated .bubble-text,
.zip-code .bubble-select.zip-code-text .bubble-text,
.zip-code .bubble-select.zip-code-title .bubble-text,
.announce-print-value .bubble-select.announce-text .bubble-text,
.announce-print-value .bubble-select.announce-label .bubble-text,
.summary-data .bubble-select.summary-title .bubble-text,
.summary-data .bubble-select.summary-text .bubble-text {
  color: #000;
  max-width: 69.4444444444vw;
}
.bubble-select.st-selected {
  border-color: #000;
  background-color: #000;
}
.bubble-select.st-selected .bubble-text {
  color: #fff;
}
.bubble-select .icon:last-child,
.bubble-select .spot-visual.st-video:last-child:after,
.bubble-select .spot-visual.st-video-view:last-child:after {
  margin-right: -1.1111111111vw;
}
[data-tt-toggle="modal"] {
  cursor: pointer;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
}
.modal .modal-dialog {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
}
.modal .modal-content {
  overflow: hidden;
  background-color: #fff;
}
.modal.st-up .page-utility.st-overlay.modal-header,
.modal.st-up .spot-copy.st-overlay .spot-bubbles .page-utility.modal-header.bubble,
.spot-copy.st-overlay .spot-bubbles .modal.st-up .page-utility.modal-header.bubble,
.modal.st-down .page-utility.st-overlay.modal-header,
.modal.st-down .spot-copy.st-overlay .spot-bubbles .page-utility.modal-header.bubble,
.spot-copy.st-overlay .spot-bubbles .modal.st-down .page-utility.modal-header.bubble {
  background-color: #fff;
}
.modal.st-up .page-utility.st-overlay.modal-header .icon-search,
.modal.st-up .spot-copy.st-overlay .spot-bubbles .page-utility.modal-header.bubble .icon-search,
.spot-copy.st-overlay .spot-bubbles .modal.st-up .page-utility.modal-header.bubble .icon-search,
.modal.st-down .page-utility.st-overlay.modal-header .icon-search,
.modal.st-down .spot-copy.st-overlay .spot-bubbles .page-utility.modal-header.bubble .icon-search,
.spot-copy.st-overlay .spot-bubbles .modal.st-down .page-utility.modal-header.bubble .icon-search {
  background-image: url("../img/icons/icon-search__black.png");
}
.modal.st-up .page-utility.st-overlay.modal-header .icon-bag,
.modal.st-up .spot-copy.st-overlay .spot-bubbles .page-utility.modal-header.bubble .icon-bag,
.spot-copy.st-overlay .spot-bubbles .modal.st-up .page-utility.modal-header.bubble .icon-bag,
.modal.st-down .page-utility.st-overlay.modal-header .icon-bag,
.modal.st-down .spot-copy.st-overlay .spot-bubbles .page-utility.modal-header.bubble .icon-bag,
.spot-copy.st-overlay .spot-bubbles .modal.st-down .page-utility.modal-header.bubble .icon-bag {
  background-image: url("../img/icons/icon-bag__black.png");
}
.modal.st-up .page-utility.st-overlay.modal-header .icon-x-page-utility,
.modal.st-up .spot-copy.st-overlay .spot-bubbles .page-utility.modal-header.bubble .icon-x-page-utility,
.spot-copy.st-overlay .spot-bubbles .modal.st-up .page-utility.modal-header.bubble .icon-x-page-utility,
.modal.st-down .page-utility.st-overlay.modal-header .icon-x-page-utility,
.modal.st-down .spot-copy.st-overlay .spot-bubbles .page-utility.modal-header.bubble .icon-x-page-utility,
.spot-copy.st-overlay .spot-bubbles .modal.st-down .page-utility.modal-header.bubble .icon-x-page-utility {
  background-image: url("../img/icons/icon-x-page-utility.png");
}
.modal.st-up .page-utility.st-overlay.modal-header.st-w-logo .utility-symbol.st-white,
.modal.st-up .spot-copy.st-overlay .spot-bubbles .page-utility.modal-header.st-w-logo.bubble .utility-symbol.st-white,
.spot-copy.st-overlay .spot-bubbles .modal.st-up .page-utility.modal-header.st-w-logo.bubble .utility-symbol.st-white,
.modal.st-up .page-utility.st-overlay.modal-header.st-w-logo .utility-symbol.spot-visual.st-video:after,
.modal.st-up
  .spot-copy.st-overlay
  .spot-bubbles
  .page-utility.modal-header.st-w-logo.bubble
  .utility-symbol.spot-visual.st-video:after,
.spot-copy.st-overlay
  .spot-bubbles
  .modal.st-up
  .page-utility.modal-header.st-w-logo.bubble
  .utility-symbol.spot-visual.st-video:after,
.modal.st-up .page-utility.st-overlay.modal-header.st-w-logo .utility-symbol.spot-visual.st-video-view:after,
.modal.st-up
  .spot-copy.st-overlay
  .spot-bubbles
  .page-utility.modal-header.st-w-logo.bubble
  .utility-symbol.spot-visual.st-video-view:after,
.spot-copy.st-overlay
  .spot-bubbles
  .modal.st-up
  .page-utility.modal-header.st-w-logo.bubble
  .utility-symbol.spot-visual.st-video-view:after,
.modal.st-down .page-utility.st-overlay.modal-header.st-w-logo .utility-symbol.st-white,
.modal.st-down .spot-copy.st-overlay .spot-bubbles .page-utility.modal-header.st-w-logo.bubble .utility-symbol.st-white,
.spot-copy.st-overlay .spot-bubbles .modal.st-down .page-utility.modal-header.st-w-logo.bubble .utility-symbol.st-white,
.modal.st-down .page-utility.st-overlay.modal-header.st-w-logo .utility-symbol.spot-visual.st-video:after,
.modal.st-down
  .spot-copy.st-overlay
  .spot-bubbles
  .page-utility.modal-header.st-w-logo.bubble
  .utility-symbol.spot-visual.st-video:after,
.spot-copy.st-overlay
  .spot-bubbles
  .modal.st-down
  .page-utility.modal-header.st-w-logo.bubble
  .utility-symbol.spot-visual.st-video:after,
.modal.st-down .page-utility.st-overlay.modal-header.st-w-logo .utility-symbol.spot-visual.st-video-view:after,
.modal.st-down
  .spot-copy.st-overlay
  .spot-bubbles
  .page-utility.modal-header.st-w-logo.bubble
  .utility-symbol.spot-visual.st-video-view:after,
.spot-copy.st-overlay
  .spot-bubbles
  .modal.st-down
  .page-utility.modal-header.st-w-logo.bubble
  .utility-symbol.spot-visual.st-video-view:after {
  opacity: 0;
}
.modal.st-up .page-utility.st-overlay.modal-header.st-w-logo .utility-symbol.st-black,
.modal.st-up .spot-copy.st-overlay .spot-bubbles .page-utility.modal-header.st-w-logo.bubble .utility-symbol.st-black,
.spot-copy.st-overlay .spot-bubbles .modal.st-up .page-utility.modal-header.st-w-logo.bubble .utility-symbol.st-black,
.modal.st-down .page-utility.st-overlay.modal-header.st-w-logo .utility-symbol.st-black,
.modal.st-down .spot-copy.st-overlay .spot-bubbles .page-utility.modal-header.st-w-logo.bubble .utility-symbol.st-black,
.spot-copy.st-overlay
  .spot-bubbles
  .modal.st-down
  .page-utility.modal-header.st-w-logo.bubble
  .utility-symbol.st-black {
  opacity: 1;
}
.modal .modal-sheet {
  top: auto;
  transform: translateY(100%);
  overflow: visible;
}
.modal .modal-sheet .modal-content {
  border-top-left-radius: 5.5555555556vw;
  border-top-right-radius: 5.5555555556vw;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  overflow: hidden;
  background-color: #fff;
  min-height: 0;
  max-height: 85.125vh;
  display: flex;
  flex-direction: column;
}
.modal .modal-sheet .modal-content.bg-mist .modal-footer {
  background-color: #fff;
}
.modal .modal-sheet .modal-body,
.modal .modal-sheet .modal-scroll {
  flex: 1 1 auto;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal .modal-sheet .modal-header,
.modal .modal-sheet .modal-footer {
  flex: 0 0 auto;
}
.modal .modal-sheet .modal-close-bar {
  flex: 0 0 auto;
  font-size: 0;
  text-indent: -99999999px;
  padding: 3.8888888889vw 0 2.7777777778vw;
}
.modal .modal-sheet .modal-close-bar:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 13.8888888889vw;
  height: 0.5555555556vw;
  background-color: #eee;
  border-radius: 0.2777777778vw;
}
.modal .modal-sheet .modal-footer {
  padding: 3.3333333333vw 5.5555555556vw;
  border-top: 1px solid #eee;
}
.modal .modal-sheet .modal-footer .button-float-checkout {
  padding: 0;
  border-top: none;
}
.modal .modal-sheet .modal-footer .button {
  display: block;
  width: 100%;
}
.modal .modal-sheet .modal-footer.st-justify {
  display: flex;
  justify-content: space-between;
  padding-top: 3.6111111111vw;
  padding-bottom: 3.3333333333vw;
}
.modal .modal-sheet .modal-footer:has(.button-addon) {
  padding: 3.3333333333vw 5.5555555556vw 3.3333333333vw 2.2222222222vw;
}
.modal .modal-sheet.st-img .modal-close-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.modal .modal-sheet.st-img .modal-content {
  padding-bottom: 0;
  background-color: transparent;
  border-radius: 0;
}
.modal .modal-sheet.st-img .modal-footer {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 3.3333333333vw);
  padding-bottom: calc(env(safe-area-inset-bottom) + 3.3333333333vw);
  background-color: #fff;
}
.modal .modal-sheet.st-img .carousel .carousel-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  height: auto;
}
.modal .modal-sheet.st-img .carousel .spot-visual {
  border-radius: 0;
  overflow: hidden;
}
.modal .modal-sheet.st-img .carousel .spot-visual.st-round {
  border-radius: 2.7777777778vw 2.7777777778vw 0 0;
}
.modal .modal-sheet--reversal {
  transform: translateY(-100%);
  top: 0;
  bottom: auto;
  background-color: #fff;
  border-bottom-left-radius: 5.5555555556vw;
  border-bottom-right-radius: 5.5555555556vw;
}
.modal .modal-sheet--reversal .modal-content {
  padding-bottom: unset;
}
.modal .modal-sheet--reversal .modal-close-bar {
  width: 100%;
}
.modal .modal-sheet--reversal .modal-close-bar:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 13.8888888889vw;
  height: 0.5555555556vw;
  background-color: #eee;
  border-radius: 0.2777777778vw;
}
.modal .modal-full {
  height: 100%;
  background-color: #fff;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.modal .modal-full .modal-header.page-utility.st-overlay,
.modal .modal-full .spot-copy.st-overlay .spot-bubbles .modal-header.page-utility.bubble,
.spot-copy.st-overlay .spot-bubbles .modal .modal-full .modal-header.page-utility.bubble {
  transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.modal .modal-full .modal-header.page-utility .utility-start {
  min-width: 0;
}
.modal .modal-full .modal-header.page-utility .utility-label {
  max-width: 100%;
  min-width: 0;
}
.modal .modal-full .modal-header.page-utility .utility-label .utility-text {
  max-width: 100%;
}
.modal .modal-full .modal-content {
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.modal .modal-full .modal-body {
  height: 100%;
  flex: 1;
  min-height: 0;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal .modal-full .modal-body .button-icon.modal-close,
.modal .modal-full .modal-body .tile-item .tile-thumb .modal-close.tile-heart,
.tile-item .tile-thumb .modal .modal-full .modal-body .modal-close.tile-heart,
.modal .modal-full .modal-body .tile-item-horizon .tile-thumb .modal-close.tile-heart,
.tile-item-horizon .tile-thumb .modal .modal-full .modal-body .modal-close.tile-heart {
  position: fixed;
  top: 1.3888888889vw;
  right: 2.7777777778vw;
  z-index: 10;
}
.modal .modal-full .modal-scroll {
  flex: 1 1 auto;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal .modal-full.st-right {
  transform: translate(100%);
}
.modal .modal-alert {
  top: 50%;
  bottom: auto;
  left: 5.5555555556vw;
  right: 5.5555555556vw;
  border-radius: 2.7777777778vw;
  transform: translateY(-50%);
}
.modal .modal-alert .modal-copy {
  text-align: center;
  padding: 11.1111111111vw 4.1666666667vw 8.3333333333vw;
}
.modal .modal-alert .modal-text {
  margin-top: 5.5555555556vw;
}
.modal .modal-alert .modal-text:only-child {
  margin-top: 0;
}
.modal .modal-alert .modal-footer {
  border-top: 0.2777777778vw solid #eee;
}
.modal .modal-alert .modal-footer .modal-button {
  display: block;
  width: 100%;
  text-align: center;
  padding: 5.5555555556vw 4.1666666667vw;
  color: #999;
}
.modal .modal-alert .modal-footer .modal-button.st-primary {
  color: #006bff;
}
.modal .modal-alert .modal-footer [class*="row-cols-"] .modal-button {
  border-left: 0.2777777778vw solid #eee;
}
.modal .modal-alert .modal-footer [class*="row-cols-"] .modal-button:first-child {
  border-left: none;
}
.modal .modal-alert.st-img {
  border-radius: 0 0 2.7777777778vw 2.7777777778vw;
}
.modal .modal-alert.st-img .modal-content {
  background-color: transparent;
}
.modal .modal-alert.st-img .modal-footer {
  background-color: #fff;
}
.modal .modal-alert.st-img .img-fluid,
.modal .modal-alert.st-img .membership-special .membership-img,
.membership-special .modal .modal-alert.st-img .membership-img,
.modal .modal-alert.st-img .spot-utility .spot-img,
.spot-utility .modal .modal-alert.st-img .spot-img,
.modal .modal-alert.st-img .spot-visual .spot-img,
.spot-visual .modal .modal-alert.st-img .spot-img,
.modal .modal-alert.st-img .billboard-hook .billboard-img,
.billboard-hook .modal .modal-alert.st-img .billboard-img,
.modal .modal-alert.st-img .shortcut .shortcut-img,
.shortcut .modal .modal-alert.st-img .shortcut-img,
.modal .modal-alert.st-img .shortcut-tv .shortcut-img,
.shortcut-tv .modal .modal-alert.st-img .shortcut-img,
.modal .modal-alert.st-img .shortcut-special .shortcut-img,
.shortcut-special .modal .modal-alert.st-img .shortcut-img,
.modal .modal-alert.st-img .shortcut-contents-thumb .shortcut-img,
.shortcut-contents-thumb .modal .modal-alert.st-img .shortcut-img,
.modal .modal-alert.st-img .shortcut-coming .shortcut-img,
.shortcut-coming .modal .modal-alert.st-img .shortcut-img {
  border-radius: 0;
}
.modal .modal-alert.st-img .img-fluid.st-round,
.modal .modal-alert.st-img .membership-special .st-round.membership-img,
.membership-special .modal .modal-alert.st-img .st-round.membership-img,
.modal .modal-alert.st-img .spot-utility .st-round.spot-img,
.spot-utility .modal .modal-alert.st-img .st-round.spot-img,
.modal .modal-alert.st-img .spot-visual .st-round.spot-img,
.spot-visual .modal .modal-alert.st-img .st-round.spot-img,
.modal .modal-alert.st-img .billboard-hook .st-round.billboard-img,
.billboard-hook .modal .modal-alert.st-img .st-round.billboard-img,
.modal .modal-alert.st-img .shortcut .st-round.shortcut-img,
.shortcut .modal .modal-alert.st-img .st-round.shortcut-img,
.modal .modal-alert.st-img .shortcut-tv .st-round.shortcut-img,
.shortcut-tv .modal .modal-alert.st-img .st-round.shortcut-img,
.modal .modal-alert.st-img .shortcut-special .st-round.shortcut-img,
.shortcut-special .modal .modal-alert.st-img .st-round.shortcut-img,
.modal .modal-alert.st-img .shortcut-contents-thumb .st-round.shortcut-img,
.shortcut-contents-thumb .modal .modal-alert.st-img .st-round.shortcut-img,
.modal .modal-alert.st-img .shortcut-coming .st-round.shortcut-img,
.shortcut-coming .modal .modal-alert.st-img .st-round.shortcut-img {
  border-radius: 2.7777777778vw 2.7777777778vw 0 0;
}
.modal .modal-invader {
  bottom: auto;
  background-color: #fff;
}
.modal .modal-invader--round {
  border-bottom-left-radius: 5.5555555556vw;
  border-bottom-right-radius: 5.5555555556vw;
}
.modal .modal-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0003;
  z-index: 1;
}
.modal.modal-contents-blur {
  z-index: 4;
  backdrop-filter: blur(3px);
}
.modal .modal-blur {
  width: 100%;
  height: 100%;
  background: #ffffff80;
}
.modal .modal-blur .modal-content {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.modal .modal-blur .modal-content .modal-text {
  font-size: 6.1111111111vw;
  font-weight: 600;
  padding-inline: 5.5555555556vw;
}
.modal.modal-gateway .modal-body {
  padding: 5vw 5.5555555556vw 1.3888888889vw;
}
.instant-modal-backdrop {
  position: fixed;
  inset: 0;
  background-color: #0009;
  z-index: 1000;
}
.instant-modal-wrapper {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 88.8888888889vw;
  display: flex;
  align-items: center;
}
.instant-modal-content {
  position: relative;
  background-color: transparent;
  padding: 0;
  width: 100%;
  max-height: 70vh;
  overflow-y: auto;
  border-radius: 2.7777777778vw;
}
.instant-modal-content img {
  width: 100%;
  display: block;
  vertical-align: top;
}
.instant-modal-close {
  position: absolute;
  top: -11.1111111111vw;
  right: 0;
}
.instant-modal-close .icon-x-page-utility {
  background-image: url("../img/icons/icon-x-page-utility__white.png");
}
.announce {
  text-align: center;
}
.announce .announce-img {
  display: inline-flex;
  width: 41.6666666667vw;
  margin-bottom: 13.8888888889vw;
}
.announce .announce-img.st-lg {
  width: 58.3333333333vw;
  margin-bottom: 5.5555555556vw;
}
.announce .announce-title {
  display: block;
}
.announce .announce-title + .announce-text {
  margin-top: 11.1111111111vw;
}
.announce .announce-sub-title,
.announce .announce-text {
  display: flex;
  justify-content: center;
}
.announce .announce-text + .announce-title {
  margin-top: 1.6666666667vw;
}
.announce-print-value {
  border: 0.2777777778vw solid #eee;
  padding: 8.0555555556vw 5.2777777778vw;
  border-radius: 2.2222222222vw;
}
.announce-print-value .announce-label {
  width: 25vw;
  padding-right: 2.7777777778vw;
  font-weight: 600;
}
.announce-print-value .announce-text {
  width: 50.5555555556vw;
}
.collapse {
  display: none;
}
.collapse.active {
  display: block;
}
.collapse.pointer-collapse {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 2.7777777778vw;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  white-space: nowrap;
}
.collapse.pointer-collapse .button-extra.st-pointer.st-expanded {
  max-width: 8.3333333333vw;
}
.collapse.pointer-collapse .pointer-title {
  font-weight: 600;
  font-size: 2.7777777778vw;
  line-height: 3.8888888889vw;
}
.collapse.pointer-collapse .pointer-title + .pointer-text {
  margin-left: 2.2222222222vw;
}
.collapse.pointer-collapse .pointer-title .text-inner {
  opacity: 0;
}
.collapse.pointer-collapse .pointer-text {
  font-size: 2.7777777778vw;
  line-height: 3.8888888889vw;
}
.collapse.pointer-collapse .pointer-text .text-inner {
  opacity: 0;
}
[data-tt-toggle="collapse"].active .icon-chevron-selectbox-down {
  background-image: url("../img/icons/icon-selectbox-up.png");
}
[data-tt-toggle="collapse"].st-hidden.active {
  display: none;
}
.calculator {
  text-align: right;
  background-color: #f8f8f8;
  padding: 3.3333333333vw 4.4444444444vw;
  border-radius: 1.1111111111vw;
}
.calculator .calculator-text {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  font-size: 3.3333333333vw;
  line-height: 4.4444444444vw;
  font-weight: 600;
}
.calculator > .button-text {
  display: inline-flex;
}
.calculator .calculator-title {
  font-weight: 600;
}
.calculator .tooltip-label {
  margin-left: 2.2222222222vw;
}
.calculator .tooltip-label .icon-question-circle {
  margin-left: 0;
}
.calculator .calculator-operator {
  margin-left: 1.3888888889vw;
  margin-right: 1.3888888889vw;
}
.calculator .calculator-price {
  font-weight: 600;
}
.calculator .calculator-total {
  margin-top: 1.6666666667vw;
}
.calculator.st-secondary {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.calculator.st-secondary .calculator-title,
.calculator.st-secondary .calculator-price {
  font-weight: 400;
}
.calculator-cart-total .calculator-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4.1666666667vw;
}
.calculator-cart-total .calculator-row:first-child {
  margin-top: 0;
}
.calculator-cart-total .calculator-title {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  margin-top: -0.5555555556vw;
  margin-bottom: -0.5555555556vw;
}
.calculator-cart-total .calculator-price {
  display: flex;
  align-items: center;
  font-style: normal;
  margin-top: -0.5555555556vw;
  margin-bottom: -0.5555555556vw;
}
.calculator-cart-total .calculator-price strong {
  font-weight: 600;
}
.calculator-cart-total .calculator-price small {
  font-size: 3.3333333333vw;
  line-height: 5vw;
  margin-left: 0.5555555556vw;
}
.calculator-cart-total .calculator-total .calculator-title {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  font-weight: 600;
}
.calculator-cart-total .calculator-total .calculator-price {
  font-size: 5vw;
  line-height: 6.9444444444vw;
  font-weight: 600;
}
.calculator-cart-total .calculator-total .calculator-price small {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
}
.calculator-cart-total.has-keyword {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.2222222222vw;
  height: 11.1111111111vw;
  padding: 1.1111111111vw 4.1666666667vw;
  border: 0.2777777778vw solid #ddd;
}
.calculator-cart-total.has-keyword .search-input-box__inner {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.calculator-cart-total.has-keyword .search-input-box__inner .search-placeholder {
  top: 50%;
  left: 0;
  width: calc(100% - 8.8888888889vw);
  transform: translateY(-50%);
}
.calculator-cart-total.has-keyword .search-input-box__inner .text-input-action {
  right: 0;
}
.calculator-cart-total.has-keyword .text-input,
.calculator-cart-total.has-keyword .text-input-currency {
  border: none;
  padding: 0;
}
.calculator-order-total .heading-group {
  margin-bottom: 5.5555555556vw;
}
.calculator-order-total .heading-group .calculator-price {
  font-size: 5vw;
  font-weight: 600;
  color: #006bff;
}
.calculator-order-total .heading-group .calculator-price small {
  font-size: 3.8888888889vw;
  margin-left: 0.5555555556vw;
  font-weight: 400;
}
.calculator-order-total .calculator-body .heading-group {
  margin-top: 2.7777777778vw;
}
.calculator-order-total .calculator-body .heading-group:last-child {
  margin-bottom: -5.5555555556vw;
}
.calculator-order-total .calculator-body .calculator-row {
  margin-top: 4.4444444444vw;
}
.calculator-order-total .calculator-body .calculator-row:last-child {
  margin-bottom: 2.7777777778vw;
}
.calculator-order-total .calculator-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666;
}
.calculator-order-total .calculator-row:first-child {
  margin-top: 0;
}
.calculator-order-total .calculator-title {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.calculator-order-total .calculator-price {
  display: flex;
  align-items: center;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  font-style: normal;
}
.calculator-order-total .calculator-price .text-inner {
  display: flex;
}
.calculator-order-total .calculator-price small {
  font-size: 3.3333333333vw;
  line-height: 5.2777777778vw;
  margin-left: 0.5555555556vw;
}
.calculator-order-total .calculator-collapse .calculator-row {
  margin-top: 2.2222222222vw;
  color: #999;
}
.calculator-order-total .calculator-collapse .calculator-price,
.calculator-order-total .calculator-collapse .calculator-title {
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.calculator-order-total .calculator-footer {
  padding-top: 5.5555555556vw;
  margin-top: 8.3333333333vw;
}
.calculator-order-total .calculator-footer .heading-group {
  margin-bottom: 1.3888888889vw;
}
.calculator-order-total .calculator-footer .calculator-row {
  align-items: flex-start;
  color: #000;
}
.calculator-order-total .calculator-footer .calculator-price + .calculator-price {
  margin-top: 2.2222222222vw;
}
.calculator-order-total.st-crr .heading-group {
  margin-bottom: 2.7777777778vw;
}
.calculator-order-total.st-crr .calculator-body .calculator-row {
  margin-top: 2.7777777778vw;
}
.calculator-order-total.st-crr .calculator-body .calculator-row.text-secondary .calculator-price,
.calculator-order-total.st-crr .calculator-body .calculator-row.text-secondary .calculator-title {
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.calculator-order-total.st-crr .calculator-body .calculator-row:first-child {
  margin-top: 0;
}
.calculator-order-total.st-crr .calculator-body .heading-group {
  margin-bottom: 0;
  margin-top: 1.3888888889vw;
}
.calculator-order-total.st-crr .calculator-selectbox {
  margin-top: 2.7777777778vw;
  margin-bottom: 5.5555555556vw;
}
.calculator-order-total.st-crr .calculator-footer {
  padding-top: 5.5555555556vw;
  margin-top: 2.7777777778vw;
  margin-bottom: 2.7777777778vw;
}
.calculator-order-total.st-crr .calculator-footer .heading-group {
  margin-top: 2.7777777778vw;
}
.calculator-order-total.st-crr .calculator-footer .calculator-row {
  color: #666;
}
.till-timer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #000;
  padding: 4.7222222222vw 5.5555555556vw;
}
.till-timer .till-timer-text {
  color: #fff;
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
}
.till-timer .till-timer-date {
  color: #f36;
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
}
.till-timer .till-timer-date.st-black {
  color: #000;
}
.till-timer.st-layered {
  margin-top: -3.3333333333vw;
}
.till-timer.st-time-display {
  justify-content: flex-start;
  margin-top: 1.1111111111vw;
  background-color: transparent;
  padding: 0;
}
.till-timer.st-time-display .till-timer-text {
  font-size: 3.3333333333vw;
  font-weight: 600;
  color: #666;
}
.till-timer.st-time-display .till-timer-date {
  font-weight: 600;
  font-size: 3.3333333333vw;
}
.till-timer.minutes-timer .till-timer-date {
  max-width: 11.6666666667vw;
}
.till-timer.minutes-timer .till-timer-date .text-inner {
  display: flex;
}
.till-timer.minutes-timer .till-timer-date .text-inner > span {
  font-size: 3.0555555556vw;
}
.suggestion-layer {
  display: none;
  width: 100%;
  max-height: calc(100vh - 55.5555555556vw);
  position: absolute;
  top: calc(100% - 0.2777777778vw);
  left: 0;
  z-index: 2;
  background-color: #fff;
  border: 0.2777777778vw solid #000;
  border-top: none;
  padding: 8.3333333333vw 3.8888888889vw;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.suggestion-layer.active {
  display: block;
}
.qty-control {
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 1.1111111111vw;
  vertical-align: middle;
  overflow: hidden;
  border: 0.2777777778vw solid #ddd;
}
.qty-control .qty-control-button {
  margin: -0.2777777778vw;
}
.qty-control .qty-control-input {
  display: block;
  width: 100%;
  font-size: 3.6111111111vw;
  padding: 2.5vw 2.7777777778vw 2.7777777778vw;
  line-height: 5.2777777778vw;
  border: none;
  text-align: center;
}
.qty-control.st-reduced {
  display: inline-flex;
  width: auto;
}
.qty-control.st-reduced .qty-control-button {
  background-color: #fff;
}
.qty-control.st-reduced .qty-control-button:disabled {
  background-color: #f8f8f8;
}
.qty-control.st-reduced .qty-control-input {
  width: 11.1111111111vw;
  font-size: 3.3333333333vw;
  line-height: 3.8888888889vw;
  padding: 1.9444444444vw 1.3888888889vw;
}
.tooltip-box,
.toast-box {
  position: relative;
  vertical-align: top;
}
.tooltip-box .toast-bubble,
.tooltip-box .tooltip-bubble,
.toast-box .toast-bubble,
.toast-box .tooltip-bubble {
  opacity: 0;
  visibility: hidden;
}
.tooltip-window {
  display: block;
  opacity: 0;
  visibility: hidden;
  width: calc(100vw - 11.1111111111vw);
  position: absolute;
  z-index: 5;
  background-color: #fff;
  border: 0.2777777778vw solid #666;
  margin-top: 0.5555555556vw;
  border-radius: 1.1111111111vw;
  padding: 4.1666666667vw 13.0555555556vw 4.1666666667vw 4.1666666667vw;
}
.tooltip-window .tooltip-close {
  position: absolute;
  top: 1.3888888889vw;
  right: 0;
  z-index: 1;
}
.tooltip-window.st-dimmed {
  border-color: #eee;
}
.toast-bubble,
.tooltip-bubble {
  position: absolute;
  z-index: 1;
  padding: 1.6666666667vw 4.1666666667vw;
  border-radius: 3.3333333333vw;
}
.toast-bubble .tooltip-text,
.tooltip-bubble .tooltip-text {
  text-align: center;
  font-size: 2.7777777778vw;
  line-height: 3.3333333333vw;
  white-space: nowrap;
}
.toast-bubble:after,
.tooltip-bubble:after {
  content: "";
  position: absolute;
  bottom: -0.5555555556vw;
  left: 50%;
  z-index: 1;
  display: block;
  margin-left: -0.5555555556vw;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  transform: rotate(45deg);
}
.toast-bubble.st-top:after,
.tooltip-bubble.st-top:after {
  bottom: auto;
  top: -0.5555555556vw;
}
.toast-bubble.start-0:after,
.tooltip-bubble.start-0:after {
  left: 5.5555555556vw;
}
.toast-bubble.st-primary,
.tooltip-bubble.st-primary {
  background-color: #006bff;
}
.toast-bubble.st-primary .tooltip-text,
.tooltip-bubble.st-primary .tooltip-text {
  color: #fff;
}
.toast-bubble.st-primary:after,
.tooltip-bubble.st-primary:after {
  background-color: #006bff;
}
.toast-bubble.st-dimmed,
.tooltip-bubble.st-dimmed {
  background: #000000b3;
}
.toast-bubble.st-secondary,
.tooltip-bubble.st-secondary {
  background-color: #cce1ff;
}
.toast-bubble.st-secondary .tooltip-text,
.tooltip-bubble.st-secondary .tooltip-text {
  color: #000;
}
.toast-bubble.st-secondary:after,
.tooltip-bubble.st-secondary:after {
  background-color: #cce1ff;
}
.toast-bubble--timer,
.tooltip-bubble--timer {
  position: fixed;
  left: 50%;
  top: 16.6666666667vw;
  z-index: 100;
  width: 100%;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 1.6666666667vw 5.5555555556vw;
  border-radius: 6.9444444444vw;
  transform: translate(-50%);
}
.toast-bubble--timer .till-timer,
.tooltip-bubble--timer .till-timer {
  width: 100%;
  gap: 2.7777777778vw;
  padding: 0;
  background-color: transparent;
}
.toast-bubble--timer .till-timer-text,
.tooltip-bubble--timer .till-timer-text {
  width: 100%;
  font-size: 3.3333333333vw;
  line-height: normal;
}
.toast-bubble--timer .till-timer-date,
.tooltip-bubble--timer .till-timer-date {
  padding: 0.5555555556vw 1.6666666667vw;
  background-color: #fff;
  border-radius: 5.5555555556vw;
  border: 1px solid #000;
  box-shadow: 0 0 8px 1px #0000001a;
}
.toast-bubble--timer .till-timer-text,
.tooltip-bubble--timer .till-timer-text {
  display: flex;
  align-items: center;
}
.toast-bubble--timer .till-timer-text:only-child,
.tooltip-bubble--timer .till-timer-text:only-child {
  padding: 0.6944444444vw 0;
}
.toast-bubble--timer.st-primary,
.tooltip-bubble--timer.st-primary {
  background-color: #006bffb3;
}
.toast-bubble--timer.st-primary:after,
.tooltip-bubble--timer.st-primary:after {
  display: none;
}
.view-goods-hero,
.view-goods-hero-main {
  width: 100%;
}
.view-goods-hero.swiper-initialized,
.view-goods-hero-main.swiper-initialized {
  height: auto;
}
#content .view-goods-hero.swiper-initialized .carousel-img,
#content .view-goods-hero-main.swiper-initialized .carousel-img {
  visibility: visible;
}
#content .view-goods-hero .carousel-img,
#content .view-goods-hero-main .carousel-img {
  visibility: hidden;
}
.view-goods-hero .carousel-img,
.view-goods-hero-main .carousel-img {
  cursor: pointer;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.view-goods-hero .view-goods-mask,
.view-goods-hero-main .view-goods-mask {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  z-index: 1;
  text-align: center;
}
.view-goods-general {
  position: relative;
}
.view-goods-general .view-goods-floating {
  position: absolute;
  top: 11.6666666667vw;
  right: 5.5555555556vw;
  z-index: 1;
  text-align: right;
}
.view-goods-general .view-goods-brand {
  font-size: 3.3333333333vw;
  line-height: 6.1111111111vw;
  font-weight: 600;
}
.view-goods-general .view-goods-brand .text-inner {
  margin: 0;
}
.view-goods-general .view-goods-violators {
  margin-bottom: 4.1666666667vw;
}
.view-goods-general .view-goods-rate {
  font-style: normal;
  font-size: 5.5555555556vw;
  line-height: 7.2222222222vw;
  color: #006bff;
  font-weight: 600;
}
.view-goods-general .view-goods-price {
  display: inline-flex;
  font-size: 5.5555555556vw;
  font-weight: 600;
  line-height: 7.2222222222vw;
}
.view-goods-general .view-goods-price small {
  font-size: 3.8888888889vw;
  font-weight: 400;
  margin-left: 0.5555555556vw;
}
.view-goods-general .view-goods-was {
  font-size: 3.8888888889vw;
  line-height: 5vw;
  color: #ccc;
  margin-left: 2.7777777778vw;
}
.view-goods-general + .view-goods-section:not(.view-goods-general) {
  margin-top: 4.4444444444vw;
}
.zip-code-list .zip-code:nth-child(2n) {
  background-color: #f8f8f8;
}
.zip-code {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 8.3333333333vw 2.7777777778vw 8.3333333333vw 5.5555555556vw;
  cursor: pointer;
}
.zip-code .zip-code-title {
  width: 22.2222222222vw;
  display: block;
  text-align: left;
  font-weight: 400;
  flex-shrink: 0;
  padding-right: 5.5555555556vw;
}
.zip-code .zip-code-texts {
  min-width: 0;
  width: 100%;
}
.zip-code .zip-code-text {
  text-align: left;
  width: 100%;
}
.zip-code .zip-code-text + .zip-code-text {
  margin-top: 1.6666666667vw;
}
.zip-code .zip-code-text .text-inner {
  width: 100%;
  min-width: 0;
}
.zip-code.st-even {
  background-color: #f8f8f8;
}
.shipping-address-list .shipping-address:first-child {
  padding-top: 0;
}
.shipping-address {
  width: 100%;
  padding: 4.1666666667vw 5.5555555556vw;
  border-bottom: 0.2777777778vw solid #ddd;
}
.shipping-address .shipping-address-wrap {
  display: flex;
  align-items: center;
}
.shipping-address .shipping-address-radio {
  flex-shrink: 0;
}
.shipping-address .shipping-address-cont {
  width: 100%;
}
.shipping-address .shipping-address-header {
  position: relative;
  margin-bottom: 2.2222222222vw;
}
.shipping-address .shipping-address-actions {
  display: flex;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}
.shipping-address .shipping-address-actions .button-text {
  color: #999;
}
.shipping-address .shipping-address-actions .button-text + .button-text {
  margin-left: 4.1666666667vw;
}
.shipping-address .shipping-address-title {
  display: flex;
  align-items: center;
  font-weight: 600;
}
.shipping-address .shipping-address-title .text-inner.text-primary {
  color: #006bff;
  font-size: 3.6111111111vw;
  margin-left: 1.1111111111vw;
  font-weight: 400;
}
.shipping-address .shipping-address-label {
  display: flex;
  margin-bottom: 2.7777777778vw;
}
.shipping-address .shipping-address-label strong.text-inner {
  font-weight: 600;
  margin-right: 1.3888888889vw;
}
.shipping-address .shipping-address-text {
  display: flex;
}
.shipping-address .shipping-address-text + .shipping-address-text {
  margin-top: 2.2222222222vw;
}
.shipping-address .shipping-address-addon {
  margin-top: 2.7777777778vw;
}
.shipping-address.st-even {
  background-color: #f8f8f8;
}
.step-guide {
  position: relative;
}
.step-guide:first-child .step-guide-label {
  margin-top: 0;
}
.step-guide .step-guide-label {
  font-size: 3.0555555556vw;
  line-height: 4.7222222222vw;
  color: #006bff;
  text-align: center;
  margin-top: 9.7222222222vw;
  margin-bottom: 1.3888888889vw;
}
.step-guide .step-guide-box {
  align-items: flex-start;
  border: 0.2777777778vw solid #ddd;
  padding: 5.2777777778vw;
  border-radius: 2.7777777778vw;
}
.step-guide .step-guide-title {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  font-weight: 400;
}
.step-guide .step-guide-text {
  font-size: 3.3333333333vw;
  line-height: 5vw;
  color: #999;
}
.step-guide .step-guide-icon {
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -3.3333333333vw;
  z-index: 1;
}
.step-guide + .step-guide {
  margin-top: 8.3333333333vw;
}
.membership-special {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  min-height: 30.5555555556vw;
  padding: 3.6111111111vw 3.6111111111vw 5vw;
  border: 0.2777777778vw solid #eee;
}
.membership-special .membership-call {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  font-size: 5.5555555556vw;
  font-weight: 600;
  text-align: center;
  margin: 3.3333333333vw 0 1.3888888889vw;
}
.membership-special .membership-text {
  text-align: center;
  margin-top: 2.2222222222vw;
  justify-content: center;
}
.membership-special .membership-sub-text {
  font-size: 3.3333333333vw;
  line-height: 3.8888888889vw;
  text-align: center;
  margin-top: 1.6666666667vw;
  color: #999;
  justify-content: center;
}
.membership-special-tab {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.membership-special-tab .tab-button {
  width: 15.5555555556vw;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  font-weight: 600;
  color: #adb1b8;
  background-color: #f8f8f8;
  border-top-left-radius: 2.7777777778vw;
  border-top-right-radius: 2.7777777778vw;
  padding: 2.7777777778vw 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.membership-special-tab .tab-button.tab-vvip {
  height: 30.5555555556vw;
}
.membership-special-tab .tab-button.tab-vvip.active {
  background-color: #3e34ff;
  color: #fff;
}
.membership-special-tab .tab-button.tab-vip {
  height: 27.7777777778vw;
}
.membership-special-tab .tab-button.tab-vip.active {
  background-color: #f36;
  color: #fff;
}
.membership-special-tab .tab-button.tab-gold {
  height: 25vw;
}
.membership-special-tab .tab-button.tab-gold.active {
  background-color: #fba82d;
  color: #000;
}
.membership-special-tab .tab-button.tab-silver {
  height: 22.2222222222vw;
}
.membership-special-tab .tab-button.tab-silver.active {
  background-color: #adb1b8;
  color: #000;
}
.membership-special-tab .tab-button.tab-bronze {
  height: 19.4444444444vw;
}
.membership-special-tab .tab-button.tab-bronze.active {
  background-color: #de623b;
  color: #fff;
}
.store-info-list {
  border-top: 0.2777777778vw solid #000;
}
.store-info-list .store-info:nth-child(2n) {
  background-color: #f8f8f8;
}
.store-info-list + .store-info-list {
  border-top: none;
}
.store-info {
  width: 100%;
  display: flex;
  padding: 8.3333333333vw 5.5555555556vw;
  cursor: pointer;
}
.store-info .store-info-start {
  width: 52.7777777778vw;
  flex-shrink: 0;
}
.store-info .store-info-title {
  display: flex;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
}
.store-info .store-info-text {
  display: flex;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  color: #999;
  margin-top: 2.7777777778vw;
}
.store-info .store-info-end {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: column;
}
.store-info .store-info-end .store-info-text {
  margin-top: 0;
}
.store-info .store-info-icon {
  margin-right: -1.6666666667vw;
  margin-bottom: -1.1111111111vw;
}
.store-info.st-even {
  background-color: #f8f8f8;
}
.point-history-list .point-history:nth-child(2n) {
  background-color: #f8f8f8;
}
.point-history {
  width: 100%;
  padding: 5.5555555556vw;
}
.point-history .point-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.point-history .point-start {
  display: flex;
  align-items: center;
}
.point-history .point-violator {
  background-color: #fff;
}
.point-history .point-date {
  font-size: 2.7777777778vw;
  line-height: 3.8888888889vw;
  color: #999;
  margin-left: 2.7777777778vw;
}
.point-history .point-number {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  font-weight: 600;
  color: #006bff;
}
.point-history .point-label {
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  font-weight: 600;
  margin-top: 2.7777777778vw;
}
.point-history .point-ref {
  font-size: 3.0555555556vw;
  line-height: 4.4444444444vw;
  color: #999;
  margin-top: 2.2222222222vw;
}
.point-history.st-even {
  background-color: #f8f8f8;
}
.balloon-box {
  position: relative;
}
.balloon-text {
  position: absolute;
  left: 50%;
  top: -6.9444444444vw;
  z-index: 1;
  font-weight: 600;
  font-size: 3.3333333333vw;
  color: #000;
  white-space: nowrap;
  padding: 3.3333333333vw 4.1666666667vw 2.2222222222vw;
  background: transparent url("../img/account/signin-balloon@3x.png") no-repeat 0 0;
  background-size: 60.5555555556vw auto;
  transform: translate(-50%);
}
.balloon-text .text-blue {
  color: #144fff;
}
.balloon-text.st-reverse {
  top: auto;
  padding: 2.2222222222vw 5vw 6.1111111111vw;
  background: transparent url("../img/account/signin-balloon-reverse@3x.png") no-repeat 0 0;
  background-size: 65.5555555556vw auto;
}
.balloon-text.st-sm {
  font-size: 2.7777777778vw;
  line-height: 3.3333333333vw;
}
.balloon-text.st-sm.st-primary {
  background-image: none !important;
  left: 50%;
  top: 0;
  z-index: 1;
  font-weight: 600;
  color: #000;
  white-space: nowrap;
  margin-top: 1.1111111111vw;
  color: #fff;
  border-radius: 3.3333333333vw;
  min-width: 41.6666666667vw;
  background-color: #006bff;
}
.balloon-text.st-sm.st-primary:after {
  content: "";
  background-color: #006bff;
  position: absolute;
  top: -1.1111111111vw;
  left: 50%;
  z-index: 1;
  display: block;
  margin-left: -1.1111111111vw;
  z-index: -1;
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  transform: rotate(45deg);
}
.balloon-text.st-sm.st-primary.no-arrow {
  padding: 1.9444444444vw 4.4444444444vw;
  margin: 0;
}
.balloon-text.st-sm.st-primary.no-arrow:after {
  display: none;
}
.balloon-text.st-sm.st-primary.st-shape:after {
  left: 98%;
  top: 2.5vw;
  transform: rotate(0);
  transform: translate(0);
  width: 3.3333333333vw;
  height: 2.5vw;
  background-color: transparent;
  background-size: cover;
  background-position: center center;
  background-image: url("../img/balloon-shape__right-bottom.png");
}
.balloon-text.st-sm.top-100 {
  padding-top: 1.6666666667vw;
  padding-bottom: 1.6666666667vw;
}
.balloon-text.st-primary {
  color: #fff;
}
.balloon-text.top-100 {
  padding-top: 3.3333333333vw;
  padding-bottom: 1.9444444444vw;
}
.balloon-text.st-tooltip {
  background: linear-gradient(90deg, #07f 17%, #45d2eff0 63%, #00e077);
  filter: drop-shadow(0 0 16.6px rgba(0, 0, 0, 0.2));
  border-radius: 6.6666666667vw;
  color: #fff;
  top: 9.7222222222vw;
  left: -34.4444444444vw;
  transform: unset;
}
.balloon-text.st-tooltip:before {
  content: "";
  display: block;
  position: absolute;
  top: -1.3888888889vw;
  left: 35vw;
  width: 3.6111111111vw;
  height: 1.6666666667vw;
  clip-path: polygon(0% 100%, 100% 100%, 50% 0%);
  background: linear-gradient(54deg, #65d4e4 17%, #5bd4d0);
}
.balloon-text--tooltip {
  top: 100%;
  left: 4.4444444444vw;
  margin-top: 2.2222222222vw;
  padding: 1.7555555556vw 3.3333333333vw;
  width: auto;
  opacity: 0;
  z-index: 100;
  transform: translate(0);
}
.balloon-text--tooltip.st-up {
  top: auto;
  bottom: 100%;
  box-shadow: 0 0 6px #0003;
}
.balloon-text--tooltip.st-up:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1.1111111111vw;
  left: 50%;
  width: 2.2222222222vw;
  height: 1.3888888889vw;
  clip-path: polygon(0% 100%, 100% 100%, 50% 0%);
  background-color: #006bff;
  transform: translate(-50%) rotate(180deg);
}
.balloon-text--tooltip.st-primary {
  border-radius: 6.9444444444vw;
  background: #006bff;
  color: #fff;
}
.balloon-text--tooltip.st-magazine {
  left: 50%;
  transform: translate(-50%);
}
.fadeIn-y {
  animation: fadeInY 0.35s ease-in-out forwards;
}
.fadeOut-y {
  animation: fadeOutY 0.55s cubic-bezier(0.085, 0.82, 0.17, 1) forwards;
}
.fadeUp-y {
  animation: fadeUpY 0.35s ease-in-out forwards;
}
.fadeDown-y {
  animation: fadeDownY 0.55s cubic-bezier(0.085, 0.82, 0.17, 1) forwards;
}
@keyframes fadeInY {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOutY {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-10px);
    display: none;
  }
}
@keyframes fadeUpY {
  0% {
    opacity: 0;
    transform: translateY(0) translate(-50%);
  }
  50% {
    opacity: 0.5;
  }
  to {
    opacity: 1;
    transform: translateY(-10px) translate(-50%);
  }
}
@keyframes fadeDownY {
  0% {
    opacity: 1;
    transform: translateY(-10px) translate(-50%);
  }
  to {
    opacity: 0;
    transform: translateY(0) translate(-50%);
    display: none;
  }
}
.dropdown-box {
  position: relative;
  display: flex;
  align-items: center;
}
.dropdown-box > .icon,
.dropdown-box > .spot-visual.st-video:after,
.dropdown-box > .spot-visual.st-video-view:after {
  margin-left: 1.6666666667vw;
}
.dropdown-window {
  display: none;
  width: calc(70vw - 11.1111111111vw);
  max-height: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  margin-top: 0.5555555556vw;
  overflow: hidden;
}
.dropdown-window .dropdown-wrap {
  transform: translateY(-100%);
  background-color: #fff;
  border: 0.2777777778vw solid #000;
  max-height: 69.4444444444vw;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5.5555555556vw;
}
.dropdown-window.active {
  display: block;
}
.dropdown-window .hole-item-horizon {
  overflow: hidden;
  margin-top: 4.1666666667vw;
}
.dropdown-window .hole-item-horizon:first-child {
  margin-top: 0;
}
.invader {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.invader.container {
  padding-right: 2.7777777778vw;
}
.invader .invader-text {
  width: 100%;
  min-width: 0;
  display: flex;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  padding-top: 4.7222222222vw;
  padding-bottom: 5vw;
}
.invader .invader-text .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.invader .invader-close {
  flex-shrink: 0;
  margin-left: 6.9444444444vw;
}
.support-reply {
  position: relative;
  padding: 4.1666666667vw;
  border: 0.2777777778vw solid #aaa;
  margin-top: 1.3888888889vw;
  background-color: #fff;
}
.support-reply .support-text {
  display: flex;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  word-break: break-all;
}
.support-reply:before,
.support-reply:after {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(100% - 0.2777777778vw);
  z-index: 1;
  width: 0;
  height: 0;
  transform: rotate(-135deg);
}
.support-reply:before {
  left: 1.6666666667vw;
  border-left: 1.6666666667vw solid transparent;
  border-right: 1.6666666667vw solid transparent;
  border-bottom: 1.6666666667vw solid #aaa;
}
.support-reply:after {
  left: 2.2222222222vw;
  border-left: 1.25vw solid transparent;
  border-right: 1.25vw solid transparent;
  border-bottom: 1.25vw solid #fff;
}
.selected-option {
  background-color: #f8f8f8;
  border-radius: 1.1111111111vw;
  padding: 3.6111111111vw 4.1666666667vw;
}
.selected-option .selected-option-top {
  display: flex;
  justify-content: space-between;
}
.selected-option .selected-option-text {
  display: flex;
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.selected-option .selected-option-text .text-inner + .text-inner {
  margin-left: 2.2222222222vw;
}
.selected-option .selected-option-text + .selected-option-text {
  margin-top: 1.1111111111vw;
}
.selected-option .selected-option-delete {
  margin-top: -1.6666666667vw;
  margin-right: -1.6666666667vw;
}
.selected-option .selected-option-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.7777777778vw;
}
.selected-option .selected-option-qty .qty-control-input {
  width: 14.4444444444vw;
}
.selected-option .selected-option-price {
  display: flex;
  align-items: flex-end;
  font-size: 4.4444444444vw;
  line-height: 6.1111111111vw;
}
.selected-option .selected-option-price small.text-inner {
  font-size: 3.3333333333vw;
  margin-left: 0.5555555556vw;
}
.selected-option-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0.2777777778vw solid #eee;
  border-radius: 1.1111111111vw;
  width: 100%;
  padding: 4.4444444444vw;
  text-align: left;
}
.selected-option-button .selected-option-title {
  font-size: 3.8888888889vw;
  font-weight: 600;
}
.selected-option-button .selected-option-text {
  font-size: 3.3333333333vw;
  margin-top: 1.1111111111vw;
  color: #666;
}
.selected-option-button + .selected-option-button {
  margin-top: 2.2222222222vw;
}
#modal-select-options .selected-option-bubble {
  position: absolute;
  z-index: 2;
  bottom: calc(100% + 2.7777777778vw);
  left: 50%;
  background-color: #37f;
  border-color: #37f;
  transform: translate(-50%);
}
#modal-select-options .selected-option-bubble .bubble-text {
  color: #fff;
}
.selected-option-promotion {
  border: 0.2777777778vw solid #ddd;
  border-radius: 1.1111111111vw;
  overflow: hidden;
}
.selected-option-promotion .option-promotion-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4.4444444444vw;
  text-align: left;
  min-width: 0;
  width: 100%;
}
.selected-option-promotion .option-promotion-button .option-promotion-text {
  position: relative;
  font-size: 3.6111111111vw;
  text-decoration: underline;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 2.2222222222vw;
}
.selected-option-promotion .option-promotion-button .option-promotion-text:before {
  content: "";
  position: absolute;
  top: calc(50% - 0.5555555556vw);
  left: 0;
  z-index: 1;
  display: block;
  width: 0.5555555556vw;
  height: 0.5555555556vw;
  background-color: #000;
}
.selected-option-promotion .option-promotion-button .icon-chevron-next {
  flex-shrink: 0;
  margin-left: 2.7777777778vw;
  margin-right: -1.1111111111vw;
}
.catalog-notice .catalog-notice-icon {
  margin-right: 1.1111111111vw;
}
.catalog-notice .catalog-notice-text {
  font-size: 3.3333333333vw;
  line-height: 5vw;
}
.catalog-notice .catalog-notice-text strong.text-inner {
  font-weight: 600;
}
.catalog-notice .catalog-notice-text + .catalog-notice-number {
  margin-left: 2.2222222222vw;
}
.catalog-notice .catalog-notice-number {
  font-size: 4.4444444444vw;
  line-height: 6.1111111111vw;
}
.catalog-notice .catalog-notice-number strong.text-inner {
  font-weight: 600;
}
.catalog-notice .catalog-notice-number + .catalog-notice-text {
  margin-left: 1.1111111111vw;
}
.contents-pager {
  display: flex;
  gap: 1.1111111111vw;
}
.contents-pager .spot-visual .spot-img {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
}
.contents-pager .pager-prev {
  display: block;
  width: 50%;
}
.contents-pager .pager-prev .button-cta {
  margin-left: -2.2222222222vw;
}
.contents-pager .pager-next {
  display: block;
  width: 50%;
  text-align: right;
}
.contents-pager .pager-next .button-cta {
  width: 100%;
  justify-content: flex-end;
}
.contents-pager .pager-next .button-cta .icon,
.contents-pager .pager-next .button-cta .spot-visual.st-video:after,
.contents-pager .pager-next .button-cta .spot-visual.st-video-view:after {
  margin-right: -2.2222222222vw;
}
.contents-pager .pager-text {
  margin-top: 2.2222222222vw;
}
.contents-pager .pager-text .text-inner {
  display: -webkit-box;
  max-height: 11.0444444444vw;
  font-size: 3.8888888889vw;
  line-height: 1.42;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-weight: 600;
}
.covered-fixed {
  width: 100%;
  position: fixed;
  top: 13.6111111111vw;
  left: 0;
  z-index: 1;
}
.covered-hero {
  display: block;
}
.covered-contents {
  position: relative;
  z-index: 4;
  background-color: #fff;
  margin-top: 177.7777777778vw;
}
.nav-scrollspy {
  position: relative;
  z-index: 101;
}
.nav-scrollspy .carousel-item {
  max-width: 94.4444444444vw;
}
.nav-scrollspy .carousel-item .navigator-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.nav-scrollspy.nav-promotion {
  z-index: 9;
}
.nav-scrollspy.nav-promotion .navigator {
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nav-scrollspy.st-filter-brief {
  z-index: 99;
}
.nav-scrollspy.st-filter-brief .filter-bubble-brief {
  background-color: #fff;
  padding-top: 2.7777777778vw;
  padding-bottom: 2.7777777778vw;
}
.nav-scrollspy.st-filter {
  height: 13.8888888889vw;
}
.nav-scrollspy.st-filter .bubbles {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  margin: 0;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nav-scrollspy.st-large {
  height: 13.8888888889vw;
}
.nav-scrollspy.st-large .navigator {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  margin: 0;
}
.nav-scrollspy.st-reduced {
  height: 11.1111111111vw;
  z-index: 100;
}
.nav-scrollspy.st-reduced .navigator {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  margin: 0;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nav-scrollspy.st-reduced:has(.navigator-button[data-tt-toggle="tab"]) {
  z-index: 5;
}
.nav-scrollspy.st-reduced:has(.navigator-button[data-tt-toggle="tab"]) ~ .st-filter-brief {
  z-index: 4;
}
.nav-scrollspy.st-sub {
  height: 11.1111111111vw;
}
.nav-scrollspy.st-sub .navigator {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
}
.nav-scrollspy.st-small {
  height: 10vw;
  z-index: 4;
}
.nav-scrollspy.st-small .navigator {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
  margin: 0;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nav-scrollspy.st-small.has-d-none {
  visibility: hidden;
  height: 0;
}
.nav-scrollspy.st-small.has-d-none + .st-filter-brief.st-catalog .filter-bubble-brief {
  transition:
    top var(--header-transition-duration) var(--header-transition-easing),
    var(--header-transition);
}
.nav-scrollspy.st-small.has-d-none + .st-fixed.st-filter-brief.st-catalog .filter-bubble-brief {
  top: 25vw;
  transform: translateY(0);
}
.nav-scrollspy.st-small + .st-fixed.st-filter-brief.st-catalog .filter-bubble-brief {
  top: 34.7222222222vw;
}
.nav-scrollspy.st-selectbox {
  height: 11.1111111111vw;
}
.nav-scrollspy.st-filter-brief {
  height: 13.8888888889vw;
}
.nav-scrollspy.st-fixed .scrollspy-selectbox,
.nav-scrollspy.st-fixed .navigator,
.nav-scrollspy.st-fixed .bubbles,
.nav-scrollspy.st-fixed .filter-bubble-brief {
  position: fixed;
  left: 0;
  top: 13.6111111111vw;
  z-index: 99;
}
.nav-scrollspy.st-fixed .scrollspy-selectbox.st-small,
.nav-scrollspy.st-fixed .navigator.st-small,
.nav-scrollspy.st-fixed .bubbles.st-small,
.nav-scrollspy.st-fixed .filter-bubble-brief.st-small {
  top: 25vw;
}
.nav-scrollspy.st-fixed .filter-bubble-brief {
  position: fixed;
  left: 0;
  top: 24.7222222222vw;
  z-index: 3;
  right: 0;
  background-color: #fff;
  will-change: top, transform;
  transition:
    top var(--header-transition-duration) var(--header-transition-easing),
    var(--header-transition);
}
.nav-scrollspy.st-fixed .filter-bubble-brief .bubbles {
  position: unset;
  left: unset;
  top: unset;
}
.nav-scrollspy.st-fixed .scrollspy-selectbox {
  right: 0;
  background-color: #fff;
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
}
.nav-scrollspy.st-fixed.nav-promotion .navigator {
  top: 0;
}
.nav-scrollspy.st-fixed .navigator.st-tile {
  top: 25vw;
}
.nav-scrollspy.st-fixed.has-clubmall-nav {
  height: 22.2222222222vw;
}
.nav-scrollspy.st-fixed.has-clubmall-nav .navigator {
  top: 24.4444444444vw;
  z-index: 98;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nav-scrollspy.is-category-last-depth-transition-off .filter-bubble-brief {
  transition: none !important;
}
.nav-scrollspy.st-fixed.st-hidden .navigator,
.nav-scrollspy.st-fixed.st-hidden .scrollspy-selectbox,
.nav-scrollspy.st-fixed.st-hidden .bubbles,
.nav-scrollspy.st-fixed.st-hidden .filter-bubble-brief {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.nav-scrollspy.has-minutes-timer.st-fixed .scrollspy-selectbox,
.nav-scrollspy.has-minutes-timer.st-fixed .navigator:not(.st-small) {
  padding-top: 13.6111111111vw;
}
.nav-scrollspy.has-minutes-timer.st-fixed .navigator.st-small {
  top: 38.6111111111vw;
}
.nav-scrollspy.has-minutes-timer + .st-fixed.st-filter-brief.st-catalog .filter-bubble-brief {
  top: 38.6111111111vw;
}
.nav-scrollspy.has-minutes-timer.st-small + .st-fixed.st-filter-brief.st-catalog .filter-bubble-brief {
  top: 48.3333333333vw;
}
.nav-scrollspy.has-minutes-timer.st-small.has-d-none + .st-fixed.st-filter-brief.st-catalog .filter-bubble-brief {
  top: 38.6111111111vw;
}
.nav-scrollspy + .st-fixed.st-filter-brief.st-catalog .filter-bubble-brief {
  top: 25vw;
}
.nav-scrollspy.st-magazine {
  height: 11.6666666667vw;
}
.nav-scrollspy.st-magazine .navigator {
  width: 100%;
  background-color: transparent;
}
.nav-scrollspy.st-magazine .navigator .swiper-wrapper:has(> .swiper-slide:first-child:nth-last-child(-n + 3)) {
  justify-content: center;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide {
  width: auto;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide:not(:last-child) {
  margin-right: 1.1111111111vw;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide .navigator-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 1.1111111111vw;
  border: 0.2777777778vw solid #ddd;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide .navigator-button .navigator-text {
  display: block;
  padding: 2.2222222222vw 5.5555555556vw;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #666;
  line-height: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide .navigator-button.active {
  background-color: #000;
  border-color: #000;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide .navigator-button.active .navigator-text {
  font-weight: 600;
  color: #fff;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(2),
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(2) ~ .swiper-slide,
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(3),
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(3) ~ .swiper-slide {
  position: relative;
  width: 33.3333333333%;
  margin-right: 0;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(2):first-child .navigator-button,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(2)
  ~ .swiper-slide:first-child
  .navigator-button,
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(3):first-child .navigator-button,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(3)
  ~ .swiper-slide:first-child
  .navigator-button {
  border-left: 0.2777777778vw solid #ddd;
  border-radius: 1.1111111111vw 0 0 1.1111111111vw;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(2):first-child.swiper-slide:before,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(2)
  ~ .swiper-slide:first-child.swiper-slide:before,
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(3):first-child.swiper-slide:before,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(3)
  ~ .swiper-slide:first-child.swiper-slide:before {
  border-radius: 1.1111111111vw 0 0 1.1111111111vw;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(2):last-child .navigator-button,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(2)
  ~ .swiper-slide:last-child
  .navigator-button,
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(3):last-child .navigator-button,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(3)
  ~ .swiper-slide:last-child
  .navigator-button {
  border-right: 0.2777777778vw solid #ddd;
  border-radius: 0 1.1111111111vw 1.1111111111vw 0;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(2):last-child.swiper-slide:before,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(2)
  ~ .swiper-slide:last-child.swiper-slide:before,
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(3):last-child.swiper-slide:before,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(3)
  ~ .swiper-slide:last-child.swiper-slide:before {
  border-radius: 0 1.1111111111vw 1.1111111111vw 0;
}
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(2):has(> .active)
  + .swiper-slide
  .navigator-button:before,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(2)
  ~ .swiper-slide:has(> .active)
  + .swiper-slide
  .navigator-button:before,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(3):has(> .active)
  + .swiper-slide
  .navigator-button:before,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(3)
  ~ .swiper-slide:has(> .active)
  + .swiper-slide
  .navigator-button:before {
  display: none;
}
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(2):not(:first-child)
  .navigator-button:before,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(2)
  ~ .swiper-slide:not(:first-child)
  .navigator-button:before,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(3):not(:first-child)
  .navigator-button:before,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(3)
  ~ .swiper-slide:not(:first-child)
  .navigator-button:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 0.2777777778vw;
  height: 5vw;
  background-color: #ddd;
  border-radius: 1.1111111111vw;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(2) .navigator-button,
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(2) ~ .swiper-slide .navigator-button,
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(3) .navigator-button,
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(3) ~ .swiper-slide .navigator-button {
  border-radius: 0;
  border-top: 0.2777777778vw solid #ddd;
  border-bottom: 0.2777777778vw solid #ddd;
  border-right: none;
  border-left: none;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(2) .navigator-button.active,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(2)
  ~ .swiper-slide
  .navigator-button.active,
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(3) .navigator-button.active,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(3)
  ~ .swiper-slide
  .navigator-button.active {
  border-radius: 1.1111111111vw;
  border-color: #000;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(2) .navigator-button.active:before,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(2)
  ~ .swiper-slide
  .navigator-button.active:before,
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(3) .navigator-button.active:before,
.nav-scrollspy.st-magazine
  .navigator
  .swiper-slide:first-child:nth-last-child(3)
  ~ .swiper-slide
  .navigator-button.active:before {
  display: none;
}
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(2):before,
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(2) ~ .swiper-slide:before,
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(3):before,
.nav-scrollspy.st-magazine .navigator .swiper-slide:first-child:nth-last-child(3) ~ .swiper-slide:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-width: 0.2777777778vw 0;
  border-style: solid;
  border-color: #ddd;
}
.nav-scrollspy.st-magazine.has-clubmall-nav {
  height: 22.2222222222vw;
}
.nav-scrollspy.st-magazine.has-clubmall-nav .navigator {
  top: 24.4444444444vw;
  z-index: 98;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nav-scrollspy .navigator.st-tile {
  top: 11.6666666667vw;
  opacity: 0;
  visibility: hidden;
  z-index: 98;
}
.nav-scrollspy .navigator.st-tile .navigator-list {
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.nav-scrollspy .navigator.st-tile.is-active {
  opacity: 1;
  visibility: visible;
}
.nav-scrollspy--viewgoods {
  height: 11.1111111111vw;
  margin-top: 11.1111111111vw;
}
.nav-scrollspy--viewgoods .navigator {
  display: flex;
  width: 100%;
  border-bottom: 0.2777777778vw solid #eee;
  background-color: #fff;
}
.nav-scrollspy--viewgoods .utility-label {
  padding: 3.0555555556vw 0 3.3333333333vw;
  font-size: 3.6111111111vw;
  text-align: center;
  font-style: normal;
  color: #aaa;
  width: 100%;
  justify-content: center;
}
.nav-scrollspy--viewgoods .utility-label.active {
  color: #006bff;
  font-weight: 600;
}
body.no-category .nav-scrollspy.st-fixed .filter-bubble-brief {
  top: 13.6111111111vw;
}
body.category-last-depth .nav-scrollspy.st-fixed .filter-bubble-brief {
  top: 34.7222222222vw;
}
body.category-last-depth #lastDepthScrollSpy[style*="display: none"] ~ #filterScrollSpy.st-fixed .filter-bubble-brief,
body.category-last-depth #lastDepthScrollSpy[style*="display:none"] ~ #filterScrollSpy.st-fixed .filter-bubble-brief {
  top: 24.7222222222vw;
}
.modal-filter .filter-brand-nav {
  width: 100%;
  overflow: hidden;
  top: 28.0555555556vw;
  z-index: 2;
  max-height: 0;
  transition: max-height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.modal-filter .filter-brand-nav.active {
  max-height: 19.4444444444vw;
  transition: max-height 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.brand-carousel-2 .carousel-list {
  height: 25.5555555556vw;
}
.brand-carousel-2 .carousel-item {
  width: 37.2222222222vw;
  height: 11.6666666667vw !important;
  margin-top: 2.2222222222vw !important;
  margin-left: 1.6666666667vw;
}
.brand-carousel-2 .carousel-item:nth-child(odd) {
  margin-top: 0 !important;
}
.brand-carousel-2 .carousel-item:nth-child(1),
.brand-carousel-2 .carousel-item:nth-child(2) {
  margin-left: 0;
}
.brand-carousel-2.brand-center {
  display: flex;
  justify-content: center;
}
.infinite-slide {
  overflow: hidden;
}
.infinite-slide .infinite-slide-wrap,
.infinite-slide .infinite-slide-item {
  display: flex;
}
.fade-in {
  opacity: 0;
}
.fade-up {
  opacity: 0;
  transform: translateY(8.3333333333vw);
}
.faq-collapse * {
  font-size: 3.3333333333vw !important;
  line-height: 5vw !important;
}
.faq-collapse .support-text img {
  width: auto !important;
  max-width: 100% !important;
  margin-top: 2.7777777778vw !important;
}
.cs-board-detail-text table {
  float: none !important;
}
button.notify-me {
  height: 8.3333333333vw;
  border-radius: 100vw;
  padding: 0 4.4444444444vw 0 3.8888888889vw;
  background-color: #006bff;
  border: solid 0.2777777778vw #006bff;
  color: #fff;
  display: flex;
  align-items: center;
}
button.notify-me span {
  font-size: 3.3333333333vw;
}
button.notify-me .pictogram {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  display: block;
  background-size: 3.3333333333vw;
  background-position: center center;
  background-image: url("../img/pictogram-bell@white@2x.png");
  margin-right: 1.6666666667vw;
}
button.notify-me.active {
  background-color: #fff;
  border-color: #ddd;
  color: #333;
}
button.notify-me.active .pictogram {
  background-image: url("../img/pictogram-bell@2x.png");
}
.modal-category-page-utility {
  margin-top: 13.6111111111vw;
}
.modal-category-depth {
  margin-top: 25.2777777778vw;
}
.modal-category-depth.st-delay {
  transition:
    opacity 0.3s ease-in-out,
    visibility 0.3s ease-in-out;
  transition-delay: 0.3s;
}
.modal-dropdown {
  margin-top: 36.9444444444vw;
}
.modal-dropdown .modal-body {
  max-height: 66.6666666667vw;
}
.modal-dropdown .modal-body:has(.dropdown-item:nth-child(6)) {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal-dropdown .modal-body .dropdown-item {
  height: 11.1111111111vw;
}
.modal-dropdown .modal-body .dropdown-item .button-text {
  text-align: center;
  padding-top: 3.6111111111vw;
  padding-bottom: 3.6111111111vw;
  font-weight: 600;
}
button[data-tt-target="#modal-dropdown-list"] .icon-chevron-down {
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
button[data-tt-target="#modal-dropdown-list"].modal-active .icon-chevron-down {
  transform: rotate(-180deg);
}
.recommended-pattern {
  display: flex;
  align-items: center;
}
.recommended-pattern figure {
  margin: 0;
}
.recommended-pattern .thumbnail {
  background-color: #f8f8f8;
  border-radius: 2.2222222222vw;
  width: 13.8888888889vw;
  height: 13.8888888889vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.recommended-pattern .thumbnail img {
  vertical-align: top;
  width: 8.3333333333vw;
}
.recommended-pattern .label {
  font-size: 3.3333333333vw;
  font-weight: 600;
  text-align: center;
  margin-top: 1.1111111111vw;
  width: 13.8888888889vw;
}
.recommended-pattern .progress {
  display: flex;
  align-items: center;
  width: 100%;
  margin-left: 1.1111111111vw;
  padding-bottom: 4.4444444444vw;
}
.recommended-pattern .progress .progress-bar {
  position: relative;
  width: 17.7777777778vw;
  height: 2.2222222222vw;
  background: #eee;
}
.recommended-pattern .progress .progress-gauge {
  display: block;
  height: 100%;
  background-color: #9eb8ff;
}
.recommended-pattern .progress .progress-text {
  font-weight: 600;
  font-size: 3.3333333333vw;
  margin-left: 1.1111111111vw;
}
.recommended-keyword-bar {
  width: 100%;
  text-align: left;
  position: relative;
  display: flex;
  padding: 3.3333333333vw 2.7777777778vw;
  border-bottom: 0.2777777778vw solid #eee;
  margin-top: -0.2777777778vw;
  z-index: 1;
}
.recommended-keyword-bar .recommended-num {
  position: relative;
  margin-right: 3.6111111111vw;
  font-weight: 600;
  font-size: 3.6111111111vw;
  flex-shrink: 0;
  z-index: 2;
}
.recommended-keyword-bar .recommended-text {
  position: relative;
  font-size: 3.6111111111vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 2;
}
.recommended-keyword-bar.active {
  z-index: 2;
  border: none;
}
.recommended-keyword-bar.active:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 2.2222222222vw;
  background-color: #f0f4ff;
  z-index: 1;
}
.recommended-keyword-bar.active:after {
  content: "";
  display: block;
  position: absolute;
  top: -0.2777777778vw;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  z-index: -1;
}
.recommended-keyword-collapse:after {
  content: "";
  display: block;
  border-bottom: 0.2777777778vw solid #eee;
  position: absolute;
  bottom: 0;
  left: 5.5555555556vw;
  right: 5.5555555556vw;
  z-index: 1;
}
.recommended-keyword-collapse .swiper-wrapper {
  padding-bottom: 6.9444444444vw;
}
.recommended-keyword-collapse.catalog-display-rail {
  margin-top: 2.2222222222vw;
}
.recommended-box {
  background-color: #fbfbfb;
  text-align: center;
  padding-top: 5.5555555556vw;
  padding-bottom: 5.5555555556vw;
}
.recommended-box .recommended-img {
  width: 13.8888888889vw;
}
.recommended-box .recommended-text {
  display: block;
  margin-top: 2.7777777778vw;
}
.brand-catalog-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 5vw;
}
.brand-catalog-list .brand-catalog-list__link {
  display: block;
}
.brand-catalog-list .brand-catalog-list__thumb {
  position: relative;
  width: 25.5555555556vw;
  height: 25.5555555556vw;
  border-radius: 50%;
  overflow: hidden;
  border: 0.8333333333vw solid #efefef;
}
.brand-catalog-list .brand-catalog-list__img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.brand-catalog-list .brand-catalog-list__title {
  display: block;
  margin-top: 2.2222222222vw;
  width: 100%;
  font-size: 3.6111111111vw;
  text-align: center;
  word-break: normal;
}
.module-item-brand-goods.swiper-slide {
  width: 88.8888888889vw;
}
.module-item-brand-goods .tile-list .tile-item + .tile-item {
  margin-top: 1.1111111111vw;
}
.module-item-brand-goods .tile-item-horizon.st-reduced .tile-thumb {
  width: 19.4444444444vw;
}
.module-item-brand-goods .tile-item-horizon.st-reduced .tile-body {
  padding-top: 0;
}
.modal .modal-sheet .modal-footer:has(.button-float-couple) {
  border-top: none;
}
#modal-select-bundle .modal-footer,
#modal-select-options .modal-footer {
  border-top: none;
}
#modal-select-options .modal-footer:has(.button-addon) {
  border-top: 1px solid #eee;
}
.swiper-slide--scroll-area .rank-keyword-list {
  gap: 0;
}
.swiper-slide--scroll-area .rank-keyword-list li + li {
  margin-left: 1.6666666667vw;
}
.rank-keyword-list {
  display: flex;
  gap: 1.6666666667vw;
}
.rank-keyword-list + .rank-keyword-list {
  margin-top: 2.2222222222vw;
}
.rank-keyword {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  padding: 2.2222222222vw 3.3333333333vw;
  border-radius: 4.1666666667vw;
  width: -moz-max-content;
  width: max-content;
  gap: 1.1111111111vw;
  border: 1px solid #f5f5f5;
  background-color: #f5f5f5;
}
.rank-keyword.is-new {
  background-color: #fff;
  border: 1px solid #eee;
}
.rank-keyword.is-up {
  background-color: #fff0f4;
  border-color: #fff0f4;
}
.rank-keyword.is-up .rank-keyword__util {
  color: #f36;
}
.rank-keyword.is-down {
  background-color: #edf5ff;
  border-color: #edf5ff;
}
.rank-keyword.is-down .rank-keyword__util {
  color: #006bff;
}
.rank-keyword.has-thumb {
  border-radius: 13.8888888889vw;
  background-color: #fff;
  border: 1px solid #eee;
  padding: 3.3333333333vw;
  box-sizing: border-box;
}
.rank-keyword.has-thumb:has(.img-circle) {
  padding: 1.1111111111vw 3.3333333333vw 1.1111111111vw 1.1111111111vw;
}
.rank-keyword.has-thumb .rank-keyword__text {
  max-width: unset;
}
.rank-keyword__text {
  font-size: 3.3333333333vw;
  line-height: 1.1666666667;
  max-width: 25vw;
}
.rank-keyword__util {
  line-height: 1;
  font-size: 2.7777777778vw;
  color: #aaa;
}
.modal-restock-apply .button-cta .button-text {
  font-size: 3.3333333333vw;
}
.modal-restock-apply .icon-chevron-next-button-cta-reduced.st-xs.st-primary {
  width: 4.1666666667vw;
  height: 4.1666666667vw;
}
.modal-restock-apply .text-inner {
  font-size: 4.4444444444vw;
}
.modal-restock-apply .heading__desc {
  display: block;
  margin-top: 4.4444444444vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #666;
  line-height: 1.4;
}
.tile-item-horizon .tile-thumb .dimmed-mask,
.tile-item-horizon .tile-thumb .spot-visual.st-video:before,
.tile-item-horizon .tile-thumb .spot-visual.st-video-view:before {
  font-weight: 400;
}
.button--pill {
  border: 0.2777777778vw solid #ddd;
  border-radius: 5.5555555556vw;
}
.button--pill .button-text {
  padding: 2.2222222222vw 4.4444444444vw;
  font-size: 3.3333333333vw;
}
.button--pill .button-text:has(i) {
  padding: 1.6666666667vw 3.8888888889vw;
}
.button--pill .icon-bell.st-xs {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  margin-right: 0.8333333333vw;
}
.restock-item .order-body {
  align-items: center;
}
.restock-item .order-thumb {
  width: 28.8888888889vw;
}
.restock-item.st-etc .order-thumb {
  margin-right: 4.4444444444vw;
}
.restock-item .order-states {
  font-size: 3.3333333333vw;
  margin-bottom: 1.6666666667vw;
}
.restock-item .order-brand {
  margin-bottom: 2.2222222222vw;
}
.restock-item.st-etc .order-options {
  margin-top: 1.1111111111vw;
}
.restock-item .button--pill {
  margin-top: 3.3333333333vw;
}
.icon-bell.st-xs.st-primary {
  background-image: url("../img/icons/icon-bell-xs__primary.png");
}
.helper.st-dotted.st-primary:before {
  background-color: #999;
}
.tag {
  display: inline-block;
  padding: 1.3888888889vw 2.7777777778vw;
  background-color: #fff;
  border: 0.2777777778vw solid #ddd;
  color: #ddd;
}
.tag.st-pill {
  border-radius: 5.5555555556vw;
}
.tag.st-warning {
  color: #f36;
  border-color: #f36;
}
.tag.st-gray {
  color: #999;
  border-color: #999;
}
.tag .text-inner {
  font-size: 2.7777777778vw;
}
.tag + ul {
  margin-top: 2.2222222222vw;
  color: #666;
}
.tag.st-sm {
  padding: 1.1111111111vw 1.6666666667vw;
}
.tag.st-sm .text-inner {
  font-size: 2.2222222222vw;
}
.tile-item-horizon .tile-body .tile-price-box {
  margin-top: 4.4444444444vw;
}
.modal .modal-alert .modal__title {
  font-size: 5vw;
  line-height: normal;
  font-weight: 600;
}
.modal .modal-alert .modal__text {
  margin-top: 5.5555555556vw;
  font-size: 3.6111111111vw;
  line-height: clac(16/13);
}
.modal .modal-alert .modal__button {
  padding: 5.5555555556vw 4.1666666667vw;
  font-size: 3.6111111111vw;
  line-height: normal;
}
.modal .modal-alert .modal__button + .modal__button {
  border-left: 1px solid #eee;
}
.button + .button.button--restock {
  display: none;
}
.modal .modal-sheet .modal-footer .button + .button.button--restock {
  display: none;
}
.button--restock:disabled {
  background-color: #999;
}
.modal-footer:has(.button--restock) .button-float-checkout .button-ghost,
.modal-footer:has(.button--restock) .button-float-checkout .button {
  background-color: #000;
  border: none;
}
.modal-footer:has(.button--restock) .button-float-checkout .button-ghost .button-text,
.modal-footer:has(.button--restock) .button-float-checkout .button .button-text {
  color: #fff;
}
.modal-footer:has(.button--restock) .button-float-checkout .button-ghost:disabled,
.modal-footer:has(.button--restock) .button-float-checkout .button:disabled {
  background-color: #999;
}
.heading-section--magazine {
  padding-top: 8.8888888889vw;
  padding-bottom: 1.6666666667vw;
}
.tile-list:has(.st-triple) {
  --tt-gutter-y: 6.6666666667vw;
  --tt-gutter-x: 0.4166666667vw;
}
.container.container-fluid .tile-list:has(.st-triple) {
  --tt-gutter-y: 6.6666666667vw;
  --tt-gutter-x: 0.5555555556vw;
  gap: 0;
}
.container.container-fluid .tile-list.st-rounded {
  --tt-gutter-y: 4.4444444444vw;
  --tt-gutter-x: 1.1111111111vw;
}
.col-4.st-triple {
  width: 33.3333%;
}
.inquire-radio-wrap + .inquire-radio-wrap {
  margin-top: 8.3333333333vw;
}
.inquire-radio-box {
  display: flex;
  flex-wrap: wrap;
  gap: 4.1666666667vw;
}
.inquire-radio-box .radio {
  min-width: 32.2222222222vw;
}
.inquire-radio-box .radio-icon {
  flex-shrink: 0;
}
.inquire-radio-box .radio-label {
  font-size: 3.6111111111vw;
  color: #000;
}
.icon-dock--more {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-image: url("../img/icons/icon-dock-plus__white.png");
}
.icon-dock--close {
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  background-image: url("../img/icons/icon-dock-close__blue.png");
}
.icon-dock--topten {
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  background-image: url("../img/icons/icon-dock-topten.png");
}
.icon-dock--selectshop {
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  background-image: url("../img/floating-selectshop.png");
}
.icon-dock--goodwearmall {
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  background-image: url("../img/floating-goodwearmall.png");
}
.modal-alert .row > .modal-button,
.modal-alert .summary-data > .modal-button,
.modal-alert .button-float-couple > .modal-button {
  margin-top: 0;
}
.newproduct-section--header .heading-section {
  padding-top: 0;
  padding-bottom: 0;
}
.newproduct-section--header .text-inner {
  font-size: 5.5555555556vw;
  font-weight: 600;
}
.newproduct-section:not(.newproduct-section--productlist) {
  margin-top: 4.4444444444vw;
}
.newproduct-section + .newproduct-section {
  margin-top: 8.3333333333vw;
  border-top: 2.7777777778vw solid #fafafa;
}
.module-carousel-newproduct .tile-item.st-reduced {
  width: 28.8888888889vw;
  margin-left: 1.1111111111vw;
}
.module-carousel-newproduct.has-padding-inline {
  padding-inline: 5.5555555556vw;
}
.module-carousel-newproduct h2.topic {
  font-size: 3.8888888889vw;
  font-weight: 600;
}
.module-carousel-newproduct .swiper-wrapper,
.module-carousel-newproduct .indicator {
  margin-top: 4.4444444444vw;
}
.newproduct-section--productlist {
  padding-top: 1.9444444444vw;
}
.newproduct-tab {
  margin-bottom: 1.9444444444vw;
}
.selectshop-entry {
  display: flex;
  padding: 2.7777777778vw 5.5555555556vw;
  background-color: #003a8b;
  justify-content: space-between;
  align-items: center;
}
.selectshop-entry__desc {
  position: relative;
  display: block;
  color: #fff;
  font-size: 3.6111111111vw;
  font-weight: 600;
  line-height: normal;
}
.selected-option-toast {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  border: 0.2777777778vw solid #ddd;
  border-radius: 4.1666666667vw;
  padding-left: 3.3333333333vw;
  padding-right: 3.3333333333vw;
  position: absolute;
  z-index: 2;
  bottom: calc(100% + 2.7777777778vw);
  left: 50%;
  background-color: #37f;
  border-color: #37f;
  transform: translate(-50%);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s,
    visibility 0.3s;
}
.selected-option-toast .toast-text {
  color: #fff;
  font-size: 3.3333333333vw;
  line-height: 7.7777777778vw;
  max-width: 69.4444444444vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.selected-option-toast.active {
  opacity: 1;
  visibility: visible;
}
.button-ghost.st-black {
  border-color: #000;
}
.button-ghost.st-black .button-text {
  color: #000;
}
.bubble-toast {
  position: fixed;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  border-radius: 4.1666666667vw;
  padding-left: 3.8888888889vw;
  padding-right: 3.8888888889vw;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%) translateY(-50%);
  background-color: #006bff;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s,
    visibility 0.3s;
}
.bubble-toast .toast-text {
  font-weight: 400;
  color: #fff;
  font-size: 3.3333333333vw;
  line-height: 7.7777777778vw;
  max-width: 69.4444444444vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bubble-toast.active {
  opacity: 1;
  visibility: visible;
}
.bubble-toast--toggle {
  transition: none;
}
.modal-restock-apply .heading {
  position: relative;
}
.modal-restock-apply .button-cta {
  position: absolute;
  top: 1.1111111111vw;
  right: 0;
}
.related-wrapper {
  --tt-gutter-y: 0;
  margin-bottom: -2.2222222222vw;
}
.related-section {
  margin-top: 6.6666666667vw;
  padding: 5.5555555556vw 0;
  background-color: #f4f4f4;
}
.related-section .heading-section {
  padding: 0;
  font-size: 3.6111111111vw;
  line-height: 1.2;
}
.related-section .module-catalog-carousel {
  margin-top: 4.4444444444vw;
}
.related-section .tile-item:not([class*="col-"]):not(.st-sm):not(.st-reduced):not(.st-narrow) {
  width: 28.8888888889vw;
}
.related-section .tile-item + .tile-item {
  margin-left: 1.1111111111vw;
}
.related-section .tile-item .tile-body {
  padding-top: 2.5vw;
  padding-left: 0;
}
.related-section .tile-item .tile-thumb .tile-heart {
  padding: 3.6111111111vw 2.5vw;
}
.related-section .tile-item .tile-goods-label .tile-goods-label-inner {
  -webkit-line-clamp: 1;
}
.col-4.st-triple .tile-body {
  padding-top: 2.2222222222vw;
  padding-right: 2.2222222222vw;
  padding-left: 2.2222222222vw;
}
.col-4.st-triple .tile-footer {
  margin-top: 2.2222222222vw;
  padding-right: 2.2222222222vw;
  padding-left: 2.2222222222vw;
}
.col-4.st-triple .tile-price-box {
  margin-top: 3.3333333333vw;
}
.col-4.st-triple .tile-colors,
.col-4.st-triple .tile-price.st-was {
  display: none;
}
.col-4.st-triple .tile-goods-label-inner {
  font-size: 3.0555555556vw;
  line-height: 3.8888888889vw;
}
.btn-add-address {
  width: 100%;
  border-color: #bbb;
}
.btn-add-address + .helper-list,
.shipping-address-list + .helper-list {
  margin-top: 2.7777777778vw;
}
.shipping-address-list:has(.shipping-address) + .helper-list {
  margin-top: 0.5555555556vw;
}
.btn-add-address + .shipping-address-list:has(.shipping-address) {
  margin-top: 5.5555555556vw;
}
.shipping-address-actions .button-text {
  padding: 1.6666666667vw 3.3333333333vw;
  border-radius: 4.1666666667vw;
  border: 0.2777777778vw solid #eee;
  background-color: #fff;
}
.shipping-address.has-radio-button {
  position: relative;
  padding: 5.2777777778vw 5.5555555556vw 4.4444444444vw;
  border-bottom: none;
}
.shipping-address.has-radio-button:first-child {
  padding: 5.2777777778vw 5.5555555556vw 4.4444444444vw;
}
.shipping-address.has-radio-button .radio-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2.7777777778vw;
  border-color: #eee;
  background-color: #fff;
}
.shipping-address.has-radio-button .radio-input:checked + .radio-icon {
  border-color: #006bff;
  background-color: #f7fbff;
}
.shipping-address.has-radio-button .radio-input:checked + .radio-icon:after {
  display: none;
}
.shipping-address.has-radio-button .shipping-address-cont {
  position: relative;
}
.shipping-address.has-radio-button + .shipping-address.has-radio-button {
  margin-top: 2.2222222222vw;
}
.btn-address-submit {
  width: 100%;
}
.module-catalog-carousel-recommend {
  padding-inline: 5.5555555556vw;
}
.module-catalog-carousel-recommend > header.section-header {
  padding-inline: 0;
  padding: 0;
}
.module-catalog-carousel-recommend .tile-list.row,
.module-catalog-carousel-recommend .tile-list.summary-data,
.module-catalog-carousel-recommend .tile-list.button-float-couple {
  --tt-gutter-y: 4.4444444444vw;
}
.module-catalog-carousel-recommend.st-gy20 .tile-list.row,
.module-catalog-carousel-recommend.st-gy20 .tile-list.summary-data,
.module-catalog-carousel-recommend.st-gy20 .tile-list.button-float-couple {
  --tt-gutter-y: 3.55vw;
}
.module-catalog-carousel-recommend .swiper-wrapper {
  margin-top: 3.3333333333vw;
  height: auto;
}
.module-catalog-carousel-recommend .tile-item {
  width: 33.333%;
}
.module-catalog-carousel-recommend .tile-body {
  padding-top: 3.3333333333vw;
  padding-left: 0;
  padding-right: 0;
}
.module-catalog-carousel-recommend .tile-footer {
  margin-top: 2.2222222222vw;
  padding-left: 0;
  padding-right: 0;
}
.module-catalog-carousel-recommend .violators {
  flex-wrap: unset;
}
.module-catalog-carousel-recommend .tile-affinity {
  display: none;
}
.module-catalog-carousel-recommend .violators .violator {
  margin-right: 1.1111111111vw;
}
.module-catalog-carousel-recommend button.ghost,
.module-catalog-carousel-recommend a.ghost {
  margin: 6.6666666667vw auto 0;
}
.st-recommend {
  position: relative;
}
.st-recommend .tag {
  display: block;
  margin-bottom: 1.6666666667vw;
  margin-left: 1.3888888889vw;
}
.st-recommend .tile-link {
  background: linear-gradient(180deg, #e9f2ff, #e9f2ff00);
}
.container:has(.my-race-point) {
  background: linear-gradient(0deg, #f8f8f8 0% 100%), #f7fbff;
}
.my-race-point {
  padding: 2.7777777778vw 4.4444444444vw 3.3333333333vw;
  border-radius: 4.4444444444vw;
  background: #fff;
  box-shadow: 0 0 2.2222222222vw 0.2777777778vw #cccccc80;
}
.my-race-point__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 1.1111111111vw;
}
.my-race-point__header .heading {
  padding: 0;
  font-size: 4.4444444444vw;
  font-weight: semibold;
}
.my-race-point__header .checkbox {
  position: relative;
}
.my-race-point__header .checkbox.is-checked .button-icon .icon,
.my-race-point__header .checkbox.is-checked .tile-item .tile-thumb .tile-heart .icon,
.tile-item .tile-thumb .my-race-point__header .checkbox.is-checked .tile-heart .icon,
.my-race-point__header .checkbox.is-checked .tile-item-horizon .tile-thumb .tile-heart .icon,
.tile-item-horizon .tile-thumb .my-race-point__header .checkbox.is-checked .tile-heart .icon,
.my-race-point__header .checkbox.is-checked .button-icon .spot-visual.st-video:after,
.my-race-point__header .checkbox.is-checked .tile-item .tile-thumb .tile-heart .spot-visual.st-video:after,
.tile-item .tile-thumb .my-race-point__header .checkbox.is-checked .tile-heart .spot-visual.st-video:after,
.my-race-point__header .checkbox.is-checked .tile-item-horizon .tile-thumb .tile-heart .spot-visual.st-video:after,
.tile-item-horizon .tile-thumb .my-race-point__header .checkbox.is-checked .tile-heart .spot-visual.st-video:after,
.my-race-point__header .checkbox.is-checked .button-icon .spot-visual.st-video-view:after,
.my-race-point__header .checkbox.is-checked .tile-item .tile-thumb .tile-heart .spot-visual.st-video-view:after,
.tile-item .tile-thumb .my-race-point__header .checkbox.is-checked .tile-heart .spot-visual.st-video-view:after,
.my-race-point__header .checkbox.is-checked .tile-item-horizon .tile-thumb .tile-heart .spot-visual.st-video-view:after,
.tile-item-horizon
  .tile-thumb
  .my-race-point__header
  .checkbox.is-checked
  .tile-heart
  .spot-visual.st-video-view:after {
  background-image: url("../img/icons/icon-bell__default.png");
}
.my-race-point__header .checkbox.is-checked .balloon-text {
  opacity: 0;
}
.my-race-point__header .checkbox .icon,
.my-race-point__header .checkbox .spot-visual.st-video:after,
.my-race-point__header .checkbox .spot-visual.st-video-view:after {
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-image: url("../img/icons/icon-bell__default_slash.png");
}
.my-race-point__header .checkbox .balloon-text {
  padding: 1.1111111111vw 2.7777777778vw;
  left: -2.7777777778vw;
  margin-top: -0.5555555556vw;
  transform: translate(-100%);
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
}
.my-race-point__progress .progress-step {
  padding-inline: 1.1111111111vw;
}
.my-race-point__progress {
  margin-top: 2.0833333333vw;
}
.my-race-point__etc {
  display: flex;
  justify-content: flex-end;
  margin-top: 3.8888888889vw;
}
.my-race-point__etc-item {
  display: flex;
  align-items: center;
}
.my-race-point__etc-item + .my-race-point__etc-item:before {
  content: "";
  width: 0.2777777778vw;
  height: 2.9166666667vw;
  background-color: #ccc;
  margin-inline: 3.3333333333vw;
  vertical-align: middle;
  transform: translateY(3%);
  flex-shrink: 0;
}
.my-race-point__etc-item:last-child {
  min-width: 0;
}
.my-race-point__etc .text-inner {
  font-size: 3.0555555556vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.my-race-point__etc .text-inner:first-child {
  flex-shrink: 0;
}
.mission-race .section-header {
  margin-top: 5.5555555556vw;
}
.mission-race-floating {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}
.mission-race__banner {
  display: block;
  overflow: hidden;
  margin-top: 4.4444444444vw;
  border-radius: 2.2222222222vw;
}
.mission-race__banner img {
  aspect-ratio: 320/64;
  -o-object-fit: cover;
  object-fit: cover;
}
.mission-race-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 5.5555555556vw;
  background-color: #fff;
  border-radius: 2.2222222222vw;
}
.mission-race-item .button {
  width: auto;
  padding: 0;
}
.mission-race-item .button .button-text {
  font-weight: 600;
  padding: 1.6666666667vw 3.3333333333vw;
}
.mission-race-item .text-inner + .text-inner {
  margin-top: 1.1111111111vw;
}
.mission-race-item__title {
  display: flex;
  align-items: center;
  font-weight: 600;
}
.mission-race-item__title-wrap {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 63.8888888889vw;
}
.mission-race-item__title .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mission-race-item__title > .text-inner {
  line-height: 4.7222222222vw;
}
.mission-race-item__title-box .st-primary {
  color: #006bff;
}
.mission-race-item__title + .text-inner {
  margin-top: 1.1111111111vw;
}
.mission-race-item__title .icon,
.mission-race-item__title .spot-visual.st-video:after,
.mission-race-item__title .spot-visual.st-video-view:after {
  flex-shrink: 0;
}
.mission-race-item__title .text-inner + .point-indicator {
  margin-left: 1.1111111111vw;
}
.mission-race-item.st-final {
  width: 100%;
  max-width: unset;
  transition: opacity 0.25s linear;
  box-shadow: 0 0 2.2222222222vw 0.2777777778vw #cccccc80;
  margin-top: 4.4444444444vw;
}
.mission-race-item.st-final .mission-race-item__title-wrap {
  width: 100%;
  max-width: unset;
}
.mission-race-item.st-final .mission-race-item__title .text-inner {
  flex-grow: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mission-race-item.st-final .button {
  margin-top: 4.4444444444vw;
  width: 100%;
}
.mission-race-item.st-final .button .button-text {
  font-size: 3.8888888889vw;
  padding-top: 3.6111111111vw;
  padding-bottom: 3.8888888889vw;
}
.mission-race-item.st-clear .mission-race-item__title {
  width: 100%;
}
.mission-race-item.st-clear .button-cta {
  margin-top: 1.1111111111vw;
  margin-left: 11.1111111111vw;
}
.mission-race-item.st-clear .button-cta .button-text {
  padding: 1.6666666667vw 1.1111111111vw 1.6666666667vw 3.3333333333vw;
  font-weight: 400;
}
.mission-race-item .promotion-button {
  margin-top: 2.7777777778vw;
  overflow: hidden;
  position: relative;
  border-radius: 1.1111111111vw;
  width: 100%;
}
.mission-race-item .promotion-button img {
  aspect-ratio: 280/56;
  -o-object-fit: cover;
  object-fit: cover;
}
.mission-race-item .promotion-button .button-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
  width: 100%;
  padding-left: 5.5555555556vw;
  padding-right: 2.7777777778vw;
  justify-content: flex-end;
  font-weight: 600;
}
.mission-race-item.st-share {
  padding: 5.5555555556vw 0;
}
.mission-race-item.st-share .mission-race-item__title-wrap {
  padding-left: 5.5555555556vw;
}
.mission-race-item.st-share .mission-race-item__title-wrap + .button {
  margin-right: 5.5555555556vw;
}
.mission-race-item.st-share .mission-share {
  width: 100%;
  margin-top: 2.7777777778vw;
  padding-inline: 5.5555555556vw;
}
.mission-race-item.st-share .mission-share .carousel-item {
  flex: 0 0 auto;
  width: 24.4444444444vw;
}
.mission-race-item.st-share .mission-share .carousel-item > p {
  font-size: 3.3333333333vw;
  font-weight: 600;
}
.mission-race-item.st-share .mission-share .carousel-item .button {
  margin-top: 2.5vw;
  display: inline-flex;
}
.mission-race-item.st-share .mission-share .carousel-item .button .button-text {
  padding: 2.2222222222vw 4.4444444444vw;
  color: #006bff;
  font-weight: 600;
}
.mission-race-item.st-share .mission-share .carousel-item:not(:first-child) {
  margin-left: 2.2222222222vw;
}
.mission-race-item.st-share .mission-share .carousel-item:first-child:last-child {
  width: 100%;
}
.mission-race-item.st-share .mission-share__item {
  padding-top: 4.1666666667vw;
  padding-bottom: 2.7777777778vw;
  border: 1px solid #006bff;
  text-align: center;
  border-radius: 2.2222222222vw;
  width: 100%;
}
.mission-race-item.st-share .mission-share__item.st-disabled {
  border: 1px solid #d9d9d9;
  color: #999;
}
.mission-race-item.st-share .mission-share__item.st-disabled > p {
  font-weight: 400;
}
.mission-race-item.st-share .mission-share__item.st-disabled .button {
  pointer-events: none;
  border: 1px solid #d9d9d9;
  background-color: #f1f1f1;
}
.mission-race-item.st-share .mission-share__item.st-disabled .button .button-text {
  font-weight: 400;
  color: #999;
}
.mission-race-item.st-share .mission-share__item.st-disabled.st-clear {
  border-color: #a3c9ff;
}
.mission-race-item.st-share .mission-share .swiper-slide:first-child:nth-last-child(2),
.mission-race-item.st-share .mission-share .swiper-slide:first-child:nth-last-child(2) ~ .swiper-slide {
  width: 37.7777777778vw;
}
.mission-race-item.st-spot .mission-race-item__title-wrap {
  max-width: unset;
}
.mission-race-item.st-spot .mission-race-item__title {
  width: 100%;
}
.mission-race-item.st-spot .button {
  margin-top: 2.7777777778vw;
  width: 100%;
}
.mission-race-item.st-spot .button .button-text {
  font-size: 3.6111111111vw;
  padding-top: 3.6111111111vw;
  padding-bottom: 3.8888888889vw;
}
.mission-race-item.st-spot .button:disabled .button-text {
  color: #999;
}
.mission-race-item.st-disabled .mission-race-item__title {
  color: #999;
  pointer-events: none;
}
.mission-race-item.st-disabled .mission-race-item__title .hole-imoji:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: #f4f4f4;
  opacity: 0.4;
  width: 100%;
  height: 100%;
}
.mission-race-item.st-disabled .mission-race-item__title .st-primary {
  color: #ccc;
}
.mission-race-item.st-disabled .button {
  background-color: #eee;
  pointer-events: none;
}
.mission-race-item.st-disabled .button .button-text {
  color: #999;
}
.mission-race-item.st-last {
  margin-top: 4.4444444444vw;
  border-radius: 4.4444444444vw;
  border-bottom: 1px solid #ececec;
  background: #fff;
  box-shadow: 0 0 2.2222222222vw 0.2777777778vw #cccccc80;
}
.mission-race-item.st-last .button {
  margin-top: 4.4444444444vw;
}
.mission-race-item .text-dimmed + .point-indicator {
  margin-left: 0.5555555556vw;
}
.hole-imoji {
  position: relative;
  width: 8.8888888889vw;
  border-radius: 50%;
  background-color: #f4f4f4;
  text-align: center;
  line-height: 8.8888888889vw;
  vertical-align: middle;
  aspect-ratio: 1/1;
  overflow: hidden;
  flex-shrink: 0;
}
.hole-imoji + .mission-race-item__title-box {
  margin-left: 2.2222222222vw;
  min-width: 0;
}
.hole-imoji.st-active {
  background-color: #f7fbff;
  border: 0.2222222222vw solid #006bff;
}
.hole-imoji.st-disabled {
  opacity: 0.3;
}
.point-indicator {
  display: inline-block;
  padding: 0.2777777778vw 1.1111111111vw;
  border-radius: 5.5555555556vw;
  border: 0.2777777778vw solid #b8d6ff;
  background: #f7fbff;
  color: #3c8cff;
  font-weight: 400;
  flex-shrink: 0;
}
.toast-box--floating {
  position: fixed;
  bottom: 19.4444444444vw;
  left: 0;
  z-index: 50;
  width: 100%;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  transition: bottom 0.3s ease-in-out;
}
.toast-box--floating .mission-race-item {
  box-shadow: 0 0 2.2222222222vw 0.2777777778vw #cccccc80;
  border-radius: 3.3333333333vw;
  padding: 3.3333333333vw 4.4444444444vw;
}
.toast-box--floating .mission-race-item .progress-gauge {
  margin-top: 2.7777777778vw;
}
.toast-box--floating.st-more {
  opacity: 0;
  visibility: hidden;
  margin-inline: 35.5555555556vw;
  bottom: 19.4444444444vw;
  width: 28.6111111111vw;
}
.toast-box--floating.st-more .button-icon,
.toast-box--floating.st-more .tile-item .tile-thumb .tile-heart,
.tile-item .tile-thumb .toast-box--floating.st-more .tile-heart,
.toast-box--floating.st-more .tile-item-horizon .tile-thumb .tile-heart,
.tile-item-horizon .tile-thumb .toast-box--floating.st-more .tile-heart {
  width: 100%;
  justify-content: center;
  align-items: center;
  border-radius: 5.8333333333vw;
  gap: 1.6666666667vw;
  padding: 3.0555555556vw 5.5555555556vw;
}
.toast-box--floating.st-more .button-icon .button-text,
.toast-box--floating.st-more .tile-item .tile-thumb .tile-heart .button-text,
.tile-item .tile-thumb .toast-box--floating.st-more .tile-heart .button-text,
.toast-box--floating.st-more .tile-item-horizon .tile-thumb .tile-heart .button-text,
.tile-item-horizon .tile-thumb .toast-box--floating.st-more .tile-heart .button-text {
  padding: 0;
}
.toast-box--floating .mission-race-item__title-box {
  max-width: 65.2777777778vw;
}
.prize-race-collapse .helper-list {
  display: flex;
  flex-direction: column;
  gap: 2.7777777778vw;
}
#modal-membership-card #floating-toast {
  position: static;
  transform: translateY(0);
  width: 100%;
  padding: 4.4444444444vw 0;
  margin-bottom: 5.5555555556vw;
  border-radius: 2.2222222222vw;
  transition: none;
}
#modal-membership-card .modal-content {
  overflow-y: auto;
  max-height: calc(100vh - 37.7777777778vw);
  border-top-left-radius: 2.7777777778vw;
  border-top-right-radius: 2.7777777778vw;
}
#modal-membership-card .modal-content .barcode-wrap {
  padding: 6.6666666667vw 2.2222222222vw;
}
#modal-membership-card .modal-promotion {
  position: relative;
  border-top: 0.2777777778vw solid #eee;
}
#modal-membership-card .modal-promotion .swiper {
  padding: 4.4444444444vw 0 5vw;
  margin-bottom: 5.5555555556vw;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide {
  padding: 0 5.5555555556vw;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide .tile-link {
  display: flex;
  flex-wrap: wrap;
  gap: 2.7777777778vw;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide .date {
  width: 100%;
  text-align: right;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #999;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide .tile-thumb {
  position: relative;
  overflow: hidden;
  width: 22.2222222222vw;
  height: 22.2222222222vw;
  border-radius: 2.2222222222vw;
  background-color: #edf5ff;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide .tile-thumb .tile-img {
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide .tile-thumb__state {
  width: 15vw;
  height: 15vw;
  background: url("../img/app-coupon-etc@2x.png") no-repeat center;
  background-size: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide .tile-thumb__state-text {
  transform: rotate(-15.009deg);
  text-align: center;
  color: #333;
  font-size: 3.8888888889vw;
  font-weight: 600;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide .tile-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0.5555555556vw 0;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide .tile-body .title {
  font-size: 3.6111111111vw;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide .tile-body .brand {
  margin-top: 2.2222222222vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #999;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide .tile-body .date {
  margin-top: auto;
  padding-right: 21.1111111111vw;
  font-weight: 400;
  font-size: 3.3333333333vw;
  text-align: left;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide .tile-body .icon-chevron-next {
  display: block;
  width: 1.3888888889vw;
  height: 2.2222222222vw;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide .store-link {
  position: absolute;
  right: 5.5555555556vw;
  bottom: 0.75vw;
  display: inline-flex;
  align-items: center;
  gap: 1.6666666667vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
}
#modal-membership-card .modal-promotion .swiper .swiper-slide .store-link .icon,
#modal-membership-card .modal-promotion .swiper .swiper-slide .store-link .spot-visual.st-video:after,
#modal-membership-card .modal-promotion .swiper .swiper-slide .store-link .spot-visual.st-video-view:after {
  background-size: contain;
}
#modal-membership-card .modal-promotion .swiper-pagination,
#modal-membership-card .modal-promotion .swiper-pagination-wrap.st-pager .pager-fraction,
.swiper-pagination-wrap.st-pager #modal-membership-card .modal-promotion .pager-fraction {
  left: 50%;
  transform: translate(-50%);
  bottom: 0;
}
#modal-membership-card .modal-promotion .swiper-pagination .swiper-pagination-bullet,
#modal-membership-card .modal-promotion .swiper-pagination-wrap.st-pager .pager-fraction .swiper-pagination-bullet,
.swiper-pagination-wrap.st-pager #modal-membership-card .modal-promotion .pager-fraction .swiper-pagination-bullet {
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  margin: 0 1.1111111111vw;
  background-color: #eee;
  opacity: 1;
}
#modal-membership-card .modal-promotion .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
#modal-membership-card
  .modal-promotion
  .swiper-pagination-wrap.st-pager
  .pager-fraction
  .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-wrap.st-pager
  #modal-membership-card
  .modal-promotion
  .pager-fraction
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}
#modal-barcode-scale .modal-content .modal-body {
  height: 100vh;
  height: 100dvh;
}
#modal-barcode-scale .modal-content .barcode-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#modal-barcode-scale .modal-content .barcode-header {
  flex-direction: column;
  gap: 4.7222222222vw;
  padding: 0 6.6666666667vw;
}
#modal-barcode-scale .modal-content .barcode-header .title {
  margin: 0 auto;
}
#modal-barcode-scale .modal-content .barcode-header .modal-close {
  padding-top: 4.4444444444vw;
}
#modal-barcode-scale .modal-content .barcode-contents-wrap {
  position: relative;
  height: 100%;
  padding-bottom: 36px;
  padding-bottom: calc(36px - constant(safe-area-inset-bottom));
  padding-bottom: calc(36px - env(safe-area-inset-bottom));
  display: grid;
  place-items: center;
  justify-content: center;
}
#modal-barcode-scale .modal-content .barcode-contents-inner {
  display: grid;
  place-items: center;
  justify-content: center;
  height: calc(100vh - 72px - 25vw);
  height: calc(100dvh - 72px - 25vw);
  width: 100vw;
  overflow: hidden;
}
#modal-barcode-scale .modal-content .barcode-contents {
  width: auto;
  margin: auto;
  transform-origin: center;
  transform: rotate(90deg);
  overflow: visible;
  display: block;
}
#modal-barcode-scale .modal-content .barcode-contents .barcode-line {
  top: 0;
  left: 0;
  width: 100%;
  animation: upDown 1s ease-in-out infinite alternate;
  height: 120px;
}
#modal-barcode-scale .modal-content .barcode-contents .barcode-img-wrap {
  position: relative;
  width: calc(100vh - 72px - 25vw);
  width: calc(100dvh - 72px - 25vw);
}
#modal-barcode-scale .modal-content .barcode-contents .barcode-img {
  --barcode-h: 120px;
  width: 90%;
  display: block;
  margin: 0 auto;
  height: var(--barcode-h);
}
#modal-barcode-scale .modal-content .barcode-contents.is-expiration {
  overflow: visible;
}
#modal-barcode-scale .modal-content .barcode-contents__text {
  width: 90%;
  font-size: 4.4444444444vw;
  text-align: center;
}
#modal-barcode-scale .modal-content .timer-wrap {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25vw;
  margin-left: -1.3888888889vw;
  margin-top: 20px;
}
#modal-barcode-scale .modal-content .timer-wrap__text {
  min-width: 11.1111111111vw;
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #000;
}
#modal-brand-pick .brand,
#modal-brand-pick-all .brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 11.1111111111vw 5.5555555556vw 9.1666666667vw;
}
#modal-brand-pick .brand__img-box,
#modal-brand-pick-all .brand__img-box {
  margin-bottom: 6.6666666667vw;
  display: flex;
  gap: 2.2222222222vw;
}
#modal-brand-pick .brand__img-box .brand__image,
#modal-brand-pick-all .brand__img-box .brand__image {
  position: relative;
  width: 26.6666666667vw;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  background-color: #0000000d;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
}
#modal-brand-pick .brand__text,
#modal-brand-pick-all .brand__text {
  text-align: center;
}
#modal-brand-pick .brand__text .helper,
#modal-brand-pick-all .brand__text .helper {
  margin-top: 4.4444444444vw;
}
#modal-brand-pick .brand__text-info,
#modal-brand-pick-all .brand__text-info {
  font-size: 3.3333333333vw;
  color: #666;
}
#modal-brand-pick .brand__text-name,
#modal-brand-pick-all .brand__text-name {
  margin-top: 2.2222222222vw;
  display: -webkit-box;
  max-height: 11.1222222222vw;
  font-size: 3.8888888889vw;
  line-height: 1.43;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-weight: 600;
  color: #006bff;
}
#modal-brand-pick-all .brand {
  padding-bottom: 1.9444444444vw;
}
.digital-book {
  position: relative;
  width: 100% !important;
  height: 100% !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
  min-height: 133.3333333333vw !important;
  max-height: 133.3333333333vw !important;
  overflow: hidden;
}
.digital-book .stf__wrapper {
  padding-bottom: 150% !important;
}
.digital-book .stf__item {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.digital-book .book-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 27.7777777778vw;
  height: 41.6666666667vw;
  z-index: 3;
  font-size: 0;
}
.digital-book .book-button--prev {
  left: 0;
}
.digital-book .book-button--next {
  right: 0;
}
.digital-book__cover {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  max-width: 100vw;
  max-height: 133.3333333333vw;
  touch-action: none;
}
.digital-book__page {
  overflow: hidden;
}
.digital-book__content {
  position: relative;
  width: 100%;
  height: 100%;
}
.digital-book__content:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #0003;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.digital-book__content img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.digital-book__content.st-overlay:after,
.spot-copy.st-overlay .spot-bubbles .digital-book__content.bubble:after {
  opacity: 1;
}
.digital-book__content.st-overlay .digital-book__text,
.spot-copy.st-overlay .spot-bubbles .digital-book__content.bubble .digital-book__text {
  opacity: 1;
}
.digital-book__content .digital-book__text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 2;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.digital-book__content .digital-book__text .text-inner {
  font-size: 4.4444444444vw;
  color: #fff;
}
.modal-sns {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 3.3333333333vw;
  padding: 5.5555555556vw 0 4.4444444444vw;
  border-radius: 2.7777777778vw;
  box-shadow: 0 0 2.7777777778vw #0000001a;
  background-color: #fff;
  text-align: center;
}
.modal-sns__title {
  position: relative;
  display: inline-flex;
  padding: 0 1.9444444444vw;
  font-size: 3.3333333333vw;
  text-align: center;
}
.modal-sns__title:before,
.modal-sns__title:after {
  content: "";
  position: absolute;
  top: 1.6666666667vw;
  display: block;
  width: 0.8333333333vw;
  height: 0.8333333333vw;
  background-color: #000;
}
.modal-sns__title:before {
  left: 0;
}
.modal-sns__title:after {
  right: 0;
}
.modal-sns .helper .text-inner {
  line-height: 3.8888888889vw;
}
.modal-sns .sns-wrap {
  display: inline-flex;
  gap: 6.6666666667vw;
  margin: 4.4444444444vw 0;
}
.modal-sns .sns-wrap .hole-item {
  width: 12.7777777778vw;
  height: 12.7777777778vw;
}
.modal-sns .sns-wrap .hole-text {
  margin-top: 1.1111111111vw;
  font-size: 3.0555555556vw;
}
.modal-sns .helper {
  font-size: 3.0555555556vw;
}
.modal-sns .helper.st-dotted {
  text-align: left;
}
.modal-sns + .modal-promotion {
  border-top: 0;
}
.modal-sns + .modal-promotion .swiper {
  padding-top: 1.1111111111vw;
}
.barcode-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 5.5555555556vw;
}
.barcode-header .title {
  font-size: 5.5555555556vw;
  font-weight: 400;
  color: #000;
}
.barcode-header .name {
  font-size: 6.6666666667vw;
  color: #006bff;
}
.barcode-header .timer-wrap {
  display: inline-flex;
  align-items: center;
  gap: 1.25vw;
}
.barcode-header .timer-wrap__text {
  min-width: 11.1111111111vw;
  font-size: 4.4444444444vw;
  font-weight: 400;
  color: #000;
}
.barcode-contents {
  position: relative;
  width: 100%;
  margin: 4.4444444444vw auto 0;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.barcode-contents .barcode-img {
  position: relative;
  width: 100%;
  overflow: hidden;
  width: 77.7777777778vw;
  z-index: 2;
}
.barcode-contents .barcode-line {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #006bff 0, #006bff 0.5555555556vw, transparent 0.5555555556vw);
  animation: upDown 1s ease-in-out infinite alternate;
  z-index: 1;
}
.barcode-contents.is-expiration {
  overflow: hidden;
}
.barcode-contents.is-expiration:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 77.7777777778vw;
  height: 101%;
  backdrop-filter: blur(1.1111111111vw);
  background-color: #0003;
  z-index: 3;
  transform: translate(-50%);
}
.barcode-contents__text {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 3.3333333333vw;
  color: #fff;
  z-index: 4;
}
.barcode-contents__text.is-active {
  display: block;
}
.barcode-contents.is-skeleton:after,
.barcode-contents.is-skeleton .barcode-img,
.barcode-contents.is-skeleton .barcode-line,
.barcode-contents.is-skeleton .barcode-contents__text {
  visibility: hidden;
}
.barcode-scale {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4.4444444444vw auto 0;
}
.barcode-scale__text {
  padding-bottom: 0.2777777778vw;
  border-bottom: 1px solid #666;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #666;
}
.list-wrap .st-dotted.st-gray:before {
  background-color: #666;
}
.list-wrap .st-dotted.st-gray {
  color: #666;
}
.alert-text {
  padding: 11.1111111111vw 5.5555555556vw 8.3333333333vw;
  text-align: center;
  font-size: 3.6111111111vw;
}
.helper.st-highlight.st-pill {
  max-width: -moz-max-content;
  max-width: max-content;
}
@keyframes upDown {
  0% {
    transform: translateY(5.5%);
  }
  to {
    transform: translateY(90%);
  }
}
.banner-list .carousel-item {
  overflow: hidden;
  width: 83.3333333333vw;
}
.banner-list .carousel-item:only-child {
  width: 88.8888888889vw;
}
.banner-list .carousel-item:only-child .banner-content .banner-title {
  max-width: 71.1111111111vw;
}
.banner-list .carousel-item:not(:last-child) {
  margin-right: 2.2222222222vw;
}
.banner-list .carousel-item.st-rounded .banner-link {
  border-radius: 2.7777777778vw;
  overflow: hidden;
}
.banner-list .carousel-item.st-rounded .banner-link img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner-list .carousel-item .banner-content {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0 3.6111111111vw 0 4.4444444444vw;
  align-items: center;
  justify-content: space-between;
  background-color: #00000021;
}
.banner-list .carousel-item .banner-content .icon,
.banner-list .carousel-item .banner-content .spot-visual.st-video:after,
.banner-list .carousel-item .banner-content .spot-visual.st-video-view:after {
  transform: rotate(-90deg);
  flex-shrink: 0;
}
.banner-list .carousel-item .banner-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 60.5555555556vw;
  font-size: 4.1666666667vw;
  color: #fff;
  font-weight: 600;
  word-break: break-all;
}
.banner-list .carousel-item .banner-link {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 15/4;
}
.select-brand {
  margin-top: 1.6666666667vw;
  border: 0.2777777778vw solid #ddd;
  border-radius: 2.2222222222vw;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3.8888888889vw 2.2222222222vw 3.8888888889vw 5vw;
}
.select-brand__name {
  line-height: 6.6666666667vw;
  font-size: 3.8888888889vw;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.select-brand .icon-heart {
  width: 8.3333333333vw;
  height: 8.3333333333vw;
}
.select-brand.st-banner {
  border: none;
  padding: unset;
  border-radius: 2.7777777778vw;
  aspect-ratio: 16/9;
}
.select-brand.st-banner .select-brand__link {
  display: block;
}
.select-brand.st-banner .select-brand__link .thumbnail:after {
  pointer-events: none;
  content: " ";
  position: absolute;
  inset: 0;
  background-color: #000;
  opacity: 0.3;
  z-index: 1;
}
.select-brand.st-banner .select-brand__title {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 100%;
  padding-inline: 4.1666666667vw 1.3888888889vw;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.select-brand.st-banner .select-brand__title .icon-heart {
  width: 8.3333333333vw;
  height: 8.3333333333vw;
}
.select-brand.st-banner .select-brand__name {
  font-size: 4.4444444444vw;
}
.select-brand.st-banner .helper {
  position: absolute;
  left: 0;
  bottom: 3.6111111111vw;
  width: 100%;
  color: #fff;
  z-index: 2;
  padding-inline: 4.1666666667vw;
  align-items: center;
}
.select-brand.st-goods {
  margin-top: 0;
  padding: 0;
  border: none;
  border-radius: 0;
}
.select-brand.st-goods .select-brand__link {
  display: flex;
  align-items: center;
  gap: 2.2222222222vw;
}
.select-brand.st-goods .select-brand__thumbnail {
  flex: 0 0 auto;
  position: relative;
  width: 16.6666666667vw;
  height: 16.6666666667vw;
  border-radius: 2.2222222222vw;
  border: 1px solid #eee;
  overflow: hidden;
}
.select-brand.st-goods .select-brand__thumbnail .img-fluid,
.select-brand.st-goods .select-brand__thumbnail .spot-utility .spot-img,
.spot-utility .select-brand.st-goods .select-brand__thumbnail .spot-img,
.select-brand.st-goods .select-brand__thumbnail .spot-visual .spot-img,
.spot-visual .select-brand.st-goods .select-brand__thumbnail .spot-img,
.select-brand.st-goods .select-brand__thumbnail .billboard-hook .billboard-img,
.billboard-hook .select-brand.st-goods .select-brand__thumbnail .billboard-img,
.select-brand.st-goods .select-brand__thumbnail .shortcut .shortcut-img,
.shortcut .select-brand.st-goods .select-brand__thumbnail .shortcut-img,
.select-brand.st-goods .select-brand__thumbnail .shortcut-tv .shortcut-img,
.shortcut-tv .select-brand.st-goods .select-brand__thumbnail .shortcut-img,
.select-brand.st-goods .select-brand__thumbnail .shortcut-special .shortcut-img,
.shortcut-special .select-brand.st-goods .select-brand__thumbnail .shortcut-img,
.select-brand.st-goods .select-brand__thumbnail .shortcut-contents-thumb .shortcut-img,
.shortcut-contents-thumb .select-brand.st-goods .select-brand__thumbnail .shortcut-img,
.select-brand.st-goods .select-brand__thumbnail .shortcut-coming .shortcut-img,
.shortcut-coming .select-brand.st-goods .select-brand__thumbnail .shortcut-img,
.select-brand.st-goods .select-brand__thumbnail .membership-special .membership-img,
.membership-special .select-brand.st-goods .select-brand__thumbnail .membership-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.select-brand.st-goods .select-brand__name {
  flex: 1 1 auto;
  max-width: 58.3333333333vw;
  white-space: wrap;
}
.select-brand.st-goods .select-brand__name .brand-name {
  display: block;
  line-height: 1.2;
}
.select-brand.st-goods .select-brand__name .brand-name--eng {
  margin-top: 0.5555555556vw;
  color: #666;
  font-size: 3.3333333333vw;
  font-weight: 400;
}
.billboard-text .swiper.st-round {
  border-radius: 1.1111111111vw;
}
.billboard-text .swiper.st-sm {
  height: 11.1111111111vw;
  overflow: hidden;
}
.billboard-text .swiper.st-sm .billboard-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.1;
  transition: opacity 0.1s ease;
}
.billboard-text .swiper.st-sm .billboard-hook-indicator {
  bottom: auto;
  font-weight: 400;
  color: #ccc;
}
.billboard-text .swiper.st-sm .swiper-pagination-current,
.billboard-text .swiper.st-sm .swiper-pagination-wrap.st-pager .pager-fraction__current,
.swiper-pagination-wrap.st-pager .billboard-text .swiper.st-sm .pager-fraction__current {
  color: #fff;
}
.billboard-text .swiper.st-sm .swiper-slide-active .billboard-img {
  opacity: 1;
}
.swiper-pagination-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.0555555556vw;
}
.swiper-pagination-wrap .swiper-button-prev,
.swiper-pagination-wrap.st-pager .pager-btn__prev,
.swiper-pagination-wrap .swiper-button-next,
.swiper-pagination-wrap.st-pager .pager-btn__next {
  position: static;
  display: flex;
  width: 11.1111111111vw;
  height: 7.2222222222vw;
  margin-top: 0;
  border: 0.2777777778vw solid #eee;
  border-radius: 1.1111111111vw;
}
.swiper-pagination-wrap .swiper-button-prev:after,
.swiper-pagination-wrap.st-pager .pager-btn__prev:after,
.swiper-pagination-wrap .swiper-button-next:after,
.swiper-pagination-wrap.st-pager .pager-btn__next:after {
  content: "";
  display: block;
  width: 1.3888888889vw;
  height: 2.2222222222vw;
  font-size: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.swiper-pagination-wrap .swiper-button-prev.is-active.swiper-button-disabled,
.swiper-pagination-wrap .swiper-button-prev.swiper-button-disabled,
.swiper-pagination-wrap.st-pager .swiper-button-disabled.pager-btn__prev,
.swiper-pagination-wrap .swiper-button-next.is-active.swiper-button-disabled,
.swiper-pagination-wrap .swiper-button-next.swiper-button-disabled,
.swiper-pagination-wrap.st-pager .swiper-button-disabled.pager-btn__next {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
.swiper-pagination-wrap .swiper-button-prev:after,
.swiper-pagination-wrap.st-pager .pager-btn__prev:after {
  background-image: url("../img/icons/icon-arrow-prev__gray999.png");
}
.swiper-pagination-wrap .swiper-button-prev.is-active:after,
.swiper-pagination-wrap.st-pager .is-active.pager-btn__prev:after {
  background-image: url("../img/icons/icon-arrow-prev__black.png");
}
.swiper-pagination-wrap .swiper-button-next:after,
.swiper-pagination-wrap.st-pager .pager-btn__next:after {
  background-image: url("../img/icons/icon-arrow-next__gray999.png");
}
.swiper-pagination-wrap .swiper-button-next.is-active:after,
.swiper-pagination-wrap.st-pager .is-active.pager-btn__next:after,
.swiper-pagination-wrap .swiper-button-next.swiper-button-disabled:after,
.swiper-pagination-wrap.st-pager .swiper-button-disabled.pager-btn__next:after {
  background-image: url("../img/icons/icon-arrow-next__black.png");
}
.swiper-pagination-wrap .swiper-pagination,
.swiper-pagination-wrap.st-pager .pager-fraction {
  position: static;
  display: flex;
  gap: 0.2777777778vw;
  width: auto;
  font-size: 3.8888888889vw;
  font-weight: 400;
  color: #999;
}
.swiper-pagination-wrap .swiper-pagination-current,
.swiper-pagination-wrap.st-pager .pager-fraction__current {
  color: #000;
}
.swiper-pagination-wrap.pagination-counter {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: auto;
  margin-bottom: 27.7777777778vw;
  margin-right: 22.7777777778vw;
  padding: 0;
  z-index: 1;
}
.swiper-pagination-wrap.pagination-counter .swiper-pagination,
.swiper-pagination-wrap.pagination-counter .swiper-pagination-wrap.st-pager .pager-fraction,
.swiper-pagination-wrap.st-pager .swiper-pagination-wrap.pagination-counter .pager-fraction {
  display: flex;
  align-items: center;
  gap: 0.2777777778vw;
  padding: 1.3888888889vw 2.7777777778vw;
  border-radius: 11.1111111111vw;
  background-color: #000c;
  font-size: 3.0555555556vw;
  color: #999;
  line-height: 1;
}
.swiper-pagination-wrap.pagination-counter .swiper-pagination-current,
.swiper-pagination-wrap.pagination-counter .swiper-pagination-wrap.st-pager .pager-fraction__current,
.swiper-pagination-wrap.st-pager .swiper-pagination-wrap.pagination-counter .pager-fraction__current {
  color: #fff;
}
.swiper-pagination-wrap .img-fluid,
.swiper-pagination-wrap .spot-utility .spot-img,
.spot-utility .swiper-pagination-wrap .spot-img,
.swiper-pagination-wrap .spot-visual .spot-img,
.spot-visual .swiper-pagination-wrap .spot-img,
.swiper-pagination-wrap .billboard-hook .billboard-img,
.billboard-hook .swiper-pagination-wrap .billboard-img,
.swiper-pagination-wrap .shortcut .shortcut-img,
.shortcut .swiper-pagination-wrap .shortcut-img,
.swiper-pagination-wrap .shortcut-tv .shortcut-img,
.shortcut-tv .swiper-pagination-wrap .shortcut-img,
.swiper-pagination-wrap .shortcut-special .shortcut-img,
.shortcut-special .swiper-pagination-wrap .shortcut-img,
.swiper-pagination-wrap .shortcut-contents-thumb .shortcut-img,
.shortcut-contents-thumb .swiper-pagination-wrap .shortcut-img,
.swiper-pagination-wrap .shortcut-coming .shortcut-img,
.shortcut-coming .swiper-pagination-wrap .shortcut-img,
.swiper-pagination-wrap .membership-special .membership-img,
.membership-special .swiper-pagination-wrap .membership-img {
  height: 100%;
  min-height: 150vw !important;
  max-height: 150vw !important;
  -o-object-fit: cover;
  object-fit: cover;
}
.swiper-pagination-wrap__text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 2;
}
.swiper-pagination-wrap__text .text-inner {
  font-size: 4.4444444444vw;
  color: #fff;
}
.brand-card {
  border-radius: 1.3888888889vw;
  padding: 3.0555555556vw 2.7777777778vw 3.8888888889vw 4.4444444444vw;
  justify-content: space-between;
  align-items: center;
}
.brand-card__text {
  max-width: 75vw;
}
.brand-card__title {
  font-size: 3.8888888889vw;
  font-weight: 600;
  line-height: 7.2222222222vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.brand-card__title + .text-inner {
  color: #666;
}
.brand-card .icon-chevron-next-button-cta-reduced {
  margin-top: 1.3888888889vw;
}
.corner-header-tab ~ .tab-pane {
  margin-top: 0.8333333333vw;
}
.corner-header-tab ~ .tab-pane .tab-title + * {
  margin-top: 4.4444444444vw;
}
.corner-lookbook .swiper-slide {
  width: 66.6666666667vw;
  height: 88.8888888889vw;
}
.corner-billboard-square .swiper-slide {
  width: 88.8888888889vw;
  height: 88.8888888889vw;
}
.corner-billboard-square .spot-visual {
  height: 100%;
}
.corner-billboard-square img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
}
.keyword-swiper .img-circle {
  width: 8.3333333333vw;
  height: 8.3333333333vw;
}
.keyword-swiper img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.keyword-swiper + .keyword-swiper {
  margin-top: 1.1111111111vw;
}
.has-padding-inline {
  padding-inline: 5.5555555556vw;
}
.module-keyword-carousel {
  display: flex;
  flex-direction: column;
}
.module-keyword-carousel .button-group {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.module-keyword-carousel .button-text {
  padding: 0;
}
.module-keyword-carousel + section {
  margin-top: 8.8888888889vw;
}
.main-md-pick .heading-section {
  padding: 0;
}
.rich-order-list li + li {
  border-top: 0.2777777778vw solid #eee;
  padding-top: 8.3333333333vw;
}
.view-goods-section {
  word-break: break-all;
}
.tile-heart.featured-heart {
  position: absolute;
  top: 3.3333333333vw;
  right: 3.3333333333vw;
  z-index: 2;
}
.module-carousel-md-recom .tile-list.row,
.module-carousel-md-recom .tile-list.summary-data,
.module-carousel-md-recom .tile-list.button-float-couple {
  --tt-gutter-y: 4.4444444444vw;
}
.module-carousel-md-recom > header.section-header {
  padding-inline: 0;
  padding: 0;
}
.module-carousel-md-recom .swiper-slide {
  height: auto;
}
.featured-banner-carousel .swiper-slide {
  width: 88.8888888889vw;
}
.featured-banner-carousel .carousel-item:not(:last-child) {
  margin-right: 1.1111111111vw;
}
.featured-banner-carousel .featured {
  position: relative;
}
.featured-banner-carousel .featured .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 360/360;
  background-color: #fff;
}
.featured-banner-carousel .featured .thumbnail img {
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.featured-banner-carousel .featured .thumbnail .timer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  font-variant-numeric: tabular-nums;
}
.featured-banner-carousel .featured figcaption,
.featured-banner-carousel .featured .featured-body {
  position: absolute;
  bottom: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 5.5555555556vw;
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
  color: #fff;
  background: linear-gradient(179deg, #6660 40.04%, #00000080 99.34%);
}
.featured-banner-carousel .featured figcaption .brand,
.featured-banner-carousel .featured .featured-body .brand {
  font-size: 3.8888888889vw;
  font-weight: 600;
  margin-bottom: 4.4444444444vw;
  display: block;
}
.featured-banner-carousel .featured figcaption .label,
.featured-banner-carousel .featured .featured-body .label {
  font-size: 6.6666666667vw;
  font-weight: 600;
  text-align: center;
}
.featured-banner-carousel .featured figcaption .copy,
.featured-banner-carousel .featured .featured-body .copy {
  font-size: 3.6111111111vw;
  margin-top: 4.4444444444vw;
  text-align: center;
}
.archive-corner:first-child {
  margin-top: 21.1111111111vw;
}
.archive-corner_title .heading-section {
  padding-top: 0;
}
.archive-corner_title .helper {
  margin-top: 0.5555555556vw;
}
.archive-corner_desc .heading-section {
  padding-top: 0;
  padding-bottom: 2.2222222222vw;
}
.archive-corner_video .module-carousel-single {
  padding: 0 5.5555555556vw;
}
.archive-corner_video .container.indicator-progress-container {
  padding: 0;
}
.archive-corner_video .spot-video-container {
  width: 100%;
  height: auto;
  aspect-ratio: 1280/720;
  padding: unset;
}
.archive-corner_video .spot-video-container iframe {
  width: 100% !important;
  height: 100% !important;
}
.archive-corner_shorts .module-carousel-single {
  padding: 0 5.5555555556vw;
}
.archive-corner_shorts .container.indicator-progress-container {
  padding: 0;
}
.archive-corner_shorts .spot-visual {
  margin-top: unset !important;
}
.archive-corner_shorts .spot-video-container {
  width: 100%;
  height: auto;
  aspect-ratio: 720/1280;
  padding: unset;
  overflow: hidden;
}
.archive-corner_video .module-movie .shorts-card .thumbnail,
.archive-corner_shorts .module-movie .shorts-card .thumbnail {
  border-radius: unset;
}
.archive-corner_slide .swiper-wrapper {
  align-items: flex-end;
}
.archive-corner_slide .swiper-slide {
  width: 73.8888888889vw;
}
.archive-corner_slide .carousel-item:not(:last-child) {
  margin-right: 2.2222222222vw;
}
.archive-corner .indicator-progress-container {
  margin-top: 2.2222222222vw;
}
.archive-corner .shorts-card .thumbnail {
  border-radius: 0;
}
.archive-corner
  + .archive-corner:not(.archive-corner_title + .archive-corner, .archive-corner_desc, .archive-corner_title) {
  margin-top: 11.1111111111vw;
}
.archive-corner_title + .archive-corner,
.archive-corner + .archive-corner_title,
.archive-corner + .archive-corner_desc {
  margin-top: 6.6666666667vw;
}
[data-component-pin="spc-mgz-evt-view"] .heading-group .heading-section {
  flex-shrink: 1;
}
.fixed-belt.st-fixed .fixed-belt__inner {
  top: 13.6111111111vw;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 99;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
[data-new-product-keyword-tab] .d-grid {
  grid-auto-flow: column;
  grid-template-rows: repeat(2, auto);
  grid-auto-columns: auto;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 4.4444444444vw 1.1111111111vw;
}
[data-new-product-keyword-tab] .carousel-list .swiper-slide + .swiper-slide {
  margin-left: 1.1111111111vw;
}
.carousel-tab-wrap li .rank-keyword {
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}
.carousel-tab-wrap .active .rank-keyword {
  background-color: var(--keyword-tab-bg-color, #00003e);
  color: #fff;
}
.new-arrivals-corner.swiper .swiper-wrapper .swiper-slide {
  width: 60vw;
  margin-right: 2.2222222222vw;
}
.new-arrivals-corner.swiper .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0;
}
.new-arrivals-corner.swiper .swiper-wrapper .swiper-slide + .swiper-slide {
  margin-left: 0;
}
.new-arrivals-corner.swiper .swiper-wrapper .look .thumbnail {
  width: 60vw;
  aspect-ratio: 216/288;
}
.new-arrivals-corner.swiper .swiper-wrapper .goods-card .thumbnail {
  width: 16.6666666667vw;
  aspect-ratio: 60/80;
}
.new-arrivals-corner.swiper .swiper-wrapper .goods-card figcaption {
  margin-left: 2.2222222222vw;
  margin-right: 0;
}
.new-arrivals-corner.swiper .swiper-wrapper .brand {
  font-size: 3.0555555556vw;
}
.new-arrivals-corner.swiper .swiper-wrapper .price-brief {
  margin-top: 2.2222222222vw;
}
.new-arrivals-corner .tile-list {
  margin-top: 1.1111111111vw;
}
.new-arrivals-corner .goods-card figcaption .brand {
  color: #000;
  font-size: 10px;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 1.1111111111vw;
}
.new-arrivals-corner .price-brief .discount {
  margin-left: 1.6666666667vw;
}
.new-arrivals-corner .indicator {
  margin-top: 3.3333333333vw;
}
.new-arrivals-corner.swiper.catalog-display-w-look .look {
  margin: 0;
  width: 100%;
}
.new-arrivals-corner.swiper.catalog-display-w-look .tile-list {
  position: static;
  padding: 0;
}
.new-arrivals-corner.swiper.catalog-display-w-look .look:after {
  content: none;
}
.pictorial-outfit .swiper.catalog-display-w-look .look .thumbnail {
  aspect-ratio: 320/427;
  position: relative;
  overflow: hidden;
}
.pictorial-outfit .swiper.catalog-display-w-look .look .thumbnail:before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 28%;
  background: var(--pictorial-look-image, url("..//img/dummy/dummy-pictorial-outfit-01@3x.jpg")) 50% 50% / cover
    no-repeat;
  background-position: center bottom;
  filter: blur(2.7777777778vw);
  z-index: 1;
}
.pictorial-outfit .swiper.catalog-display-w-look .look .thumbnail:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40%;
  background: linear-gradient(180deg, #0000, #0006);
  z-index: 2;
}
.pictorial-outfit .swiper.catalog-display-w-look .look {
  margin-left: -5.5555555556vw;
  width: 88.8888888889vw;
}
.pictorial-outfit .swiper.catalog-display-w-look .tile-list {
  position: absolute;
  left: 0;
  bottom: 5.5555555556vw;
  padding-left: 5.6944444444vw;
  z-index: 3;
}
.pictorial-outfit .swiper.catalog-display-w-look .swiper-slide {
  width: 58.8888888889vw;
  color: #fff;
}
.pictorial-outfit .swiper.catalog-display-w-look .tile-list .tile-item {
  gap: 2.2222222222vw;
  overflow: hidden;
}
.pictorial-outfit .swiper.catalog-display-w-look .tile-list .tile-item .tile-thumb {
  width: 12.5vw;
}
.pictorial-outfit .swiper.catalog-display-w-look .tile-list .tile-item .tile-body {
  max-width: 44.1666666667vw;
  padding-top: 0;
}
.pictorial-outfit .swiper.catalog-display-w-look .tile-list .tile-item .tile-brand {
  font-size: 2.7777777778vw;
  font-weight: 600;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  color: #fff;
}
.pictorial-outfit .tile-item .tile-goods-label,
.pictorial-outfit .tile-item-horizon .tile-goods-label {
  color: #fff;
}
.pictorial-outfit .swiper.catalog-display-w-look .swiper-slide + .swiper-slide {
  margin-left: 3.3333333333vw;
}
.pictorial-outfit .thumbnail-label {
  display: inline-flex;
  padding: 1.1111111111vw 2.2222222222vw;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  background: var(--thumbnail-label-color, rgba(196, 19, 31, 0.8));
  transform: translate3d(5.5555555556vw, 5.5555555556vw, 0);
  z-index: 3;
}
.main-short-clip {
  padding: 14.4444444444vw 0;
  background-color: #00003e;
}
.main-short-clip .section-header {
  color: #fff;
  margin-bottom: 5.5555555556vw;
}
.main-short-clip.short-clip-deal .swiper-slide {
  width: 43.3333333333vw;
}
.main-short-clip.short-clip-deal.swiper.swiper-initialized .swiper-slide > a figure .thumbnail {
  height: 76.6666666667vw;
  border-radius: 2.7777777778vw;
}
.main-short-clip.short-clip-deal .shorts-card .label {
  color: #fff;
  padding-left: 0;
  padding-right: 0;
}
.main-short-clip.short-clip-deal .swiper-slide:not(:last-child) {
  margin-right: 2.5vw;
}
.main-short-clip .swiper-pagination-progressbar {
  --swiper-theme-color: #fff;
  background-color: #eeeeee4d;
}
.collaboration .section-header {
  margin-bottom: 3.3333333333vw;
}
.collaboration .swiper-slide {
  width: 66.6666666667vw;
}
.collaboration .swiper-slide + .swiper-slide {
  margin-left: 2.2222222222vw;
}
.collaboration .swiper-slide a .thumbnail {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.collaboration .swiper-slide a .thumbnail img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.collaboration .desc {
  color: #000;
  font-size: 3.8888888889vw;
  font-weight: 400;
  line-height: 157.143%;
  margin-top: 2.2222222222vw;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.tab-product .section-footer {
  margin-top: -0.2777777778vw;
}
.tab-product a.ghost {
  width: 26.1111111111vw;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_"] .archive-corner .module-heading {
  margin-top: 0 !important;
}
.promotion-section:has(.fixed-belt) {
  margin-top: 0;
}
.fixed-belt {
  display: block;
  height: 11.6666666667vw;
}
.fixed-belt__inner {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 11.6666666667vw;
  background-color: var(--fixed-belt-bg, #000);
}
.fixed-belt__inner img {
  display: block;
  height: 100%;
}
.fixed-belt.st-fixed .fixed-belt__inner {
  top: 13.8888888889vw;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 99;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navigator + .row,
.navigator + .summary-data,
.navigator + .button-float-couple {
  margin-top: -6.6666666667vw;
}
.gateway__item.is-focus .gateway__link:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 2.2222222222vw;
  padding: 0.2777777778vw;
  background: conic-gradient(from var(--gradient-angle), #aa00e3, #4f40f2, #0077ff);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: gradient-rotate 3s linear infinite;
}
.gateway {
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw;
}
.gateway__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.2222222222vw;
  overflow: hidden;
  border: 0.2777777778vw solid #eee;
  width: 100%;
  background-color: #fff;
  height: 17.7777777778vw;
}
.gateway__item > .icon,
.gateway__item > .spot-visual.st-video:after,
.gateway__item > .spot-visual.st-video-view:after {
  position: absolute;
  right: 5.5555555556vw;
  top: 50%;
  transform: translateY(-50%);
  width: 1.3888888889vw;
}
.gateway__item.is-focus {
  border: none;
}
.gateway__item.is-focus .gateway__link:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 2.2222222222vw;
  padding: 0.5555555556vw;
  background: conic-gradient(from var(--gradient-angle), #aa00e3, #4f40f2, #0077ff, #aa00e3);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: gradient-rotate 3s linear infinite;
}
.gateway__item.is-focus .text-inner {
  color: #000;
}
.gateway__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
  padding: 5.5555555556vw 0 4.1666666667vw;
  display: inline-flex;
}
.gateway__link .text-inner {
  margin-top: 0.8333333333vw;
  color: #666;
  font-size: 3.0555555556vw;
  line-height: 1.2;
}
.gateway.st-topten .gateway__item {
  height: 20vw;
}
.gateway.st-topten .gateway__item .gateway__link {
  align-items: flex-start;
  padding: 0;
}
.gateway.st-topten .gateway__item .gateway__link .text-inner {
  margin-top: 1.3888888889vw;
  margin-left: 5.5555555556vw;
}
.gateway.st-topten .gateway__item .gateway__text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.2222222222vw;
  position: absolute;
  right: 5.5555555556vw;
  top: 50%;
  transform: translateY(-50%);
}
.gateway.st-topten .gateway__item .gateway__text .text-inner {
  color: #666;
  font-size: 3.3333333333vw;
}
.gateway.st-topten .gateway__item .gateway__text > .icon,
.gateway.st-topten .gateway__item .gateway__text > .spot-visual.st-video:after,
.gateway.st-topten .gateway__item .gateway__text > .spot-visual.st-video-view:after {
  position: relative;
  left: 0;
  top: 0;
  width: 1.3888888889vw;
}
.gateway.st-topten .gateway__item.is-focus {
  border: 1px solid #000;
}
.gateway.st-topten .gateway__item.is-focus .gateway__link:before {
  display: none;
}
.gateway.st-topten .gateway__item.is-focus .gateway__text .text-inner {
  color: #000;
}
@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes gradient-rotate {
  0% {
    --gradient-angle: 0deg;
  }
  to {
    --gradient-angle: 360deg;
  }
}
.summary-list {
  display: flex;
  align-items: center;
  margin: 0 0 2.7777777778vw;
}
.summary-list__item {
  display: flex;
  color: #999;
  font-size: 3.0555555556vw;
  font-weight: 400;
  line-height: normal;
}
.summary-list__item + .summary-list__item:before {
  content: "";
  display: block;
  width: 0.2777777778vw;
  height: 2.7777777778vw;
  background-color: #999;
  margin-top: 0.2777777778vw;
  margin-inline: 2.7777777778vw 2.7777777778vw;
}
.summary-list dd {
  margin-left: 1.1111111111vw;
}
.summary-list + .summary-content {
  margin-top: 2.7777777778vw;
}
.summary-content {
  padding: 5.5555555556vw;
  border: 0.2777777778vw solid #e2e2e2;
  border-radius: 2.2222222222vw;
  background-color: #fafafa;
}
.summary-content__title {
  font-size: 3.6111111111vw;
  font-weight: 600;
  line-height: 1.3846153846;
  color: #333;
}
.summary-content__title + .summary-content__text {
  margin-top: 3.3333333333vw;
}
.summary-content__text {
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 1.5;
  color: #666;
}
[class^="summary"] + .view-goods-tags {
  margin-top: 4.4444444444vw;
}
.horizon-product-carousel {
  padding-inline: 5.5555555556vw;
}
.horizon-product-carousel .swiper-wrapper {
  height: auto;
}
.horizon-product-carousel .swiper-slide {
  width: 58.8888888889vw;
}
.horizon-product-carousel .swiper-slide:last-child {
  margin-right: 0;
}
.horizon-product-carousel .swiper-slide + .swiper-slide {
  margin-left: 5.5555555556vw;
}
.horizon-product-carousel .swiper-slide img {
  width: 100%;
}
.horizon-product-carousel .swiper-slide a {
  display: block;
  margin-bottom: 1.1111111111vw;
}
.horizon-product-carousel .swiper-slide a:last-child {
  margin-bottom: 0;
}
.horizon-product-carousel .tile-list .tile-item {
  width: 100%;
  gap: 2.2222222222vw;
  overflow: hidden;
}
.horizon-product-carousel .tile-list .tile-item > .tile-link {
  flex-grow: 1;
}
.horizon-product-carousel .tile-list .tile-item .tile-brand {
  font-size: 2.7777777778vw;
  font-weight: 600;
}
.horizon-product-carousel .tile-list .tile-item .tile-thumb {
  width: 12.5vw;
}
.horizon-product-carousel .tile-list .tile-item .tile-body {
  max-width: 44.1666666667vw;
  padding-top: 0;
  color: #000;
}
.horizon-product-carousel .tile-list .tile-item .tile-goods-label {
  color: #666;
}
.horizon-product-carousel .price-brief {
  margin-top: 4.4444444444vw;
}
.horizon-product-carousel .goods-card {
  display: flex;
  margin-right: 2.7777777778vw;
}
.horizon-product-carousel .goods-card .add-wish {
  top: 2.2222222222vw;
  right: -2.2222222222vw;
}
.horizon-product-carousel .goods-card .tile-heart {
  top: 2.2222222222vw;
  right: -1.1111111111vw;
}
.horizon-product-carousel .goods-card .thumbnail {
  position: relative;
  width: 19.4444444444vw;
  flex-shrink: 0;
  aspect-ratio: 140/187;
  overflow: hidden;
}
.horizon-product-carousel .goods-card .thumbnail img {
  position: absolute;
  width: auto;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.horizon-product-carousel .goods-card figcaption {
  display: flex;
  flex-flow: column;
  align-self: center;
  overflow: hidden;
  flex-grow: 1;
  padding: 0;
  margin-left: 4.4444444444vw;
  margin-right: 5.5555555556vw;
}
.horizon-product-carousel .goods-card figcaption .brand {
  width: 37.5vw;
}
.contents-header {
  padding-top: 8.8888888889vw;
}
.contents-header .heading-section {
  padding-top: 0;
  padding-bottom: 0;
}
.is-skeleton:before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-70deg, #eaeaea 40%, #fcfcfc, #eaeaea 60%);
  background-size: 500%;
  background-position-x: 100%;
  animation: shimmer 1s infinite linear;
  z-index: 2;
}
.favorite-brand__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1111111111vw;
}
.favorite-brand__list .tile-heart {
  position: relative;
  width: 100%;
  aspect-ratio: 158/88;
  border-radius: 1.3888888889vw;
  overflow: hidden;
}
.favorite-brand__list .tile-heart .icon-heart {
  position: absolute;
  right: 3.3333333333vw;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
.favorite-brand__item {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
}
.favorite-brand__item:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #0000001a;
  position: absolute;
  right: 0;
  top: 0;
}
.favorite-brand__name {
  position: absolute;
  left: 3.3333333333vw;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  z-index: 3;
  max-width: calc(100% - 12.7777777778vw);
}
.favorite-brand__name .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.favorite-brand + .billboard-text {
  margin-top: 8.8888888889vw;
}
.module-navigator-carousel + .has-section-gap {
  margin-top: -6.6666666667vw;
}
.module-navigator-carousel .navigator {
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
}

.brand-hero-carousel .spot-visual {
  width: 100%;
}
.brand-hero-carousel .spot-img {
  aspect-ratio: 360/430;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.brand-hero-carousel .billboard-copy {
  position: absolute;
  bottom: 16.1111111111vw;
  left: 0;
  z-index: 3;
}
.brand-hero-carousel .billboard-hero .spot-title {
  font-weight: 600;
  display: -webkit-box;
  max-height: 16.6666666667vw;
  font-size: 6.6666666667vw;
  line-height: 1.25;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.brand-hero-carousel .billboard-hero:before {
  display: none;
}
.brand-hero-carousel .billboard-hero:after {
  height: 100%;
}
.brand-hero-carousel .spot-copy.st-elevated.st-overlay .spot-title,
.brand-hero-carousel .summary-data .spot-copy.st-overlay.summary-title .spot-title,
.summary-data .brand-hero-carousel .spot-copy.st-overlay.summary-title .spot-title,
.brand-hero-carousel .summary-data .spot-copy.st-overlay.summary-text .spot-title,
.summary-data .brand-hero-carousel .spot-copy.st-overlay.summary-text .spot-title,
.brand-hero-carousel .announce-print-value .spot-copy.st-overlay.announce-label .spot-title,
.announce-print-value .brand-hero-carousel .spot-copy.st-overlay.announce-label .spot-title,
.brand-hero-carousel .announce-print-value .spot-copy.st-overlay.announce-text .spot-title,
.announce-print-value .brand-hero-carousel .spot-copy.st-overlay.announce-text .spot-title,
.brand-hero-carousel .zip-code .spot-copy.st-overlay.zip-code-title .spot-title,
.zip-code .brand-hero-carousel .spot-copy.st-overlay.zip-code-title .spot-title,
.brand-hero-carousel .zip-code .spot-copy.st-overlay.zip-code-text .spot-title,
.zip-code .brand-hero-carousel .spot-copy.st-overlay.zip-code-text .spot-title,
.brand-hero-carousel .spot-copy.st-overlay .spot-bubbles .spot-copy.st-elevated.bubble .spot-title,
.spot-copy.st-overlay .spot-bubbles .brand-hero-carousel .spot-copy.st-elevated.bubble .spot-title,
.brand-hero-carousel .summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-title.bubble .spot-title,
.summary-data .spot-copy.st-overlay .spot-bubbles .brand-hero-carousel .spot-copy.summary-title.bubble .spot-title,
.brand-hero-carousel .spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-title.bubble .spot-title,
.spot-copy.st-overlay .spot-bubbles .summary-data .brand-hero-carousel .spot-copy.summary-title.bubble .spot-title,
.brand-hero-carousel .summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-text.bubble .spot-title,
.summary-data .spot-copy.st-overlay .spot-bubbles .brand-hero-carousel .spot-copy.summary-text.bubble .spot-title,
.brand-hero-carousel .spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-text.bubble .spot-title,
.spot-copy.st-overlay .spot-bubbles .summary-data .brand-hero-carousel .spot-copy.summary-text.bubble .spot-title,
.brand-hero-carousel
  .announce-print-value
  .spot-copy.st-overlay
  .spot-bubbles
  .spot-copy.announce-label.bubble
  .spot-title,
.announce-print-value
  .spot-copy.st-overlay
  .spot-bubbles
  .brand-hero-carousel
  .spot-copy.announce-label.bubble
  .spot-title,
.brand-hero-carousel
  .spot-copy.st-overlay
  .spot-bubbles
  .announce-print-value
  .spot-copy.announce-label.bubble
  .spot-title,
.spot-copy.st-overlay
  .spot-bubbles
  .announce-print-value
  .brand-hero-carousel
  .spot-copy.announce-label.bubble
  .spot-title,
.brand-hero-carousel
  .announce-print-value
  .spot-copy.st-overlay
  .spot-bubbles
  .spot-copy.announce-text.bubble
  .spot-title,
.announce-print-value
  .spot-copy.st-overlay
  .spot-bubbles
  .brand-hero-carousel
  .spot-copy.announce-text.bubble
  .spot-title,
.brand-hero-carousel
  .spot-copy.st-overlay
  .spot-bubbles
  .announce-print-value
  .spot-copy.announce-text.bubble
  .spot-title,
.spot-copy.st-overlay
  .spot-bubbles
  .announce-print-value
  .brand-hero-carousel
  .spot-copy.announce-text.bubble
  .spot-title,
.brand-hero-carousel .zip-code .spot-copy.st-overlay .spot-bubbles .spot-copy.zip-code-title.bubble .spot-title,
.zip-code .spot-copy.st-overlay .spot-bubbles .brand-hero-carousel .spot-copy.zip-code-title.bubble .spot-title,
.brand-hero-carousel .spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.zip-code-title.bubble .spot-title,
.spot-copy.st-overlay .spot-bubbles .zip-code .brand-hero-carousel .spot-copy.zip-code-title.bubble .spot-title,
.brand-hero-carousel .zip-code .spot-copy.st-overlay .spot-bubbles .spot-copy.zip-code-text.bubble .spot-title,
.zip-code .spot-copy.st-overlay .spot-bubbles .brand-hero-carousel .spot-copy.zip-code-text.bubble .spot-title,
.brand-hero-carousel .spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.zip-code-text.bubble .spot-title,
.spot-copy.st-overlay .spot-bubbles .zip-code .brand-hero-carousel .spot-copy.zip-code-text.bubble .spot-title {
  padding-right: 0;
  font-size: 6.1111111111vw;
  line-height: 1.1818181818;
}
.brand-hero-carousel .spot-copy.st-elevated.st-overlay .spot-text,
.brand-hero-carousel .summary-data .spot-copy.st-overlay.summary-title .spot-text,
.summary-data .brand-hero-carousel .spot-copy.st-overlay.summary-title .spot-text,
.brand-hero-carousel .summary-data .spot-copy.st-overlay.summary-text .spot-text,
.summary-data .brand-hero-carousel .spot-copy.st-overlay.summary-text .spot-text,
.brand-hero-carousel .announce-print-value .spot-copy.st-overlay.announce-label .spot-text,
.announce-print-value .brand-hero-carousel .spot-copy.st-overlay.announce-label .spot-text,
.brand-hero-carousel .announce-print-value .spot-copy.st-overlay.announce-text .spot-text,
.announce-print-value .brand-hero-carousel .spot-copy.st-overlay.announce-text .spot-text,
.brand-hero-carousel .zip-code .spot-copy.st-overlay.zip-code-title .spot-text,
.zip-code .brand-hero-carousel .spot-copy.st-overlay.zip-code-title .spot-text,
.brand-hero-carousel .zip-code .spot-copy.st-overlay.zip-code-text .spot-text,
.zip-code .brand-hero-carousel .spot-copy.st-overlay.zip-code-text .spot-text,
.brand-hero-carousel .spot-copy.st-overlay .spot-bubbles .spot-copy.st-elevated.bubble .spot-text,
.spot-copy.st-overlay .spot-bubbles .brand-hero-carousel .spot-copy.st-elevated.bubble .spot-text,
.brand-hero-carousel .summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-title.bubble .spot-text,
.summary-data .spot-copy.st-overlay .spot-bubbles .brand-hero-carousel .spot-copy.summary-title.bubble .spot-text,
.brand-hero-carousel .spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-title.bubble .spot-text,
.spot-copy.st-overlay .spot-bubbles .summary-data .brand-hero-carousel .spot-copy.summary-title.bubble .spot-text,
.brand-hero-carousel .summary-data .spot-copy.st-overlay .spot-bubbles .spot-copy.summary-text.bubble .spot-text,
.summary-data .spot-copy.st-overlay .spot-bubbles .brand-hero-carousel .spot-copy.summary-text.bubble .spot-text,
.brand-hero-carousel .spot-copy.st-overlay .spot-bubbles .summary-data .spot-copy.summary-text.bubble .spot-text,
.spot-copy.st-overlay .spot-bubbles .summary-data .brand-hero-carousel .spot-copy.summary-text.bubble .spot-text,
.brand-hero-carousel
  .announce-print-value
  .spot-copy.st-overlay
  .spot-bubbles
  .spot-copy.announce-label.bubble
  .spot-text,
.announce-print-value
  .spot-copy.st-overlay
  .spot-bubbles
  .brand-hero-carousel
  .spot-copy.announce-label.bubble
  .spot-text,
.brand-hero-carousel
  .spot-copy.st-overlay
  .spot-bubbles
  .announce-print-value
  .spot-copy.announce-label.bubble
  .spot-text,
.spot-copy.st-overlay
  .spot-bubbles
  .announce-print-value
  .brand-hero-carousel
  .spot-copy.announce-label.bubble
  .spot-text,
.brand-hero-carousel
  .announce-print-value
  .spot-copy.st-overlay
  .spot-bubbles
  .spot-copy.announce-text.bubble
  .spot-text,
.announce-print-value
  .spot-copy.st-overlay
  .spot-bubbles
  .brand-hero-carousel
  .spot-copy.announce-text.bubble
  .spot-text,
.brand-hero-carousel
  .spot-copy.st-overlay
  .spot-bubbles
  .announce-print-value
  .spot-copy.announce-text.bubble
  .spot-text,
.spot-copy.st-overlay
  .spot-bubbles
  .announce-print-value
  .brand-hero-carousel
  .spot-copy.announce-text.bubble
  .spot-text,
.brand-hero-carousel .zip-code .spot-copy.st-overlay .spot-bubbles .spot-copy.zip-code-title.bubble .spot-text,
.zip-code .spot-copy.st-overlay .spot-bubbles .brand-hero-carousel .spot-copy.zip-code-title.bubble .spot-text,
.brand-hero-carousel .spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.zip-code-title.bubble .spot-text,
.spot-copy.st-overlay .spot-bubbles .zip-code .brand-hero-carousel .spot-copy.zip-code-title.bubble .spot-text,
.brand-hero-carousel .zip-code .spot-copy.st-overlay .spot-bubbles .spot-copy.zip-code-text.bubble .spot-text,
.zip-code .spot-copy.st-overlay .spot-bubbles .brand-hero-carousel .spot-copy.zip-code-text.bubble .spot-text,
.brand-hero-carousel .spot-copy.st-overlay .spot-bubbles .zip-code .spot-copy.zip-code-text.bubble .spot-text,
.spot-copy.st-overlay .spot-bubbles .zip-code .brand-hero-carousel .spot-copy.zip-code-text.bubble .spot-text {
  padding-right: 0;
  display: -webkit-box;
  max-height: 11.1105555556vw;
  font-size: 3.8888888889vw;
  line-height: 1.4285;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.brand-hero-carousel .spot-copy.st-elevated.st-overlay .spot-title + .spot-text,
.brand-hero-carousel .summary-data .spot-copy.st-overlay.summary-title .spot-title + .spot-text,
.summary-data .brand-hero-carousel .spot-copy.st-overlay.summary-title .spot-title + .spot-text,
.brand-hero-carousel .summary-data .spot-copy.st-overlay.summary-text .spot-title + .spot-text,
.summary-data .brand-hero-carousel .spot-copy.st-overlay.summary-text .spot-title + .spot-text,
.brand-hero-carousel .announce-print-value .spot-copy.st-overlay.announce-label .spot-title + .spot-text,
.announce-print-value .brand-hero-carousel .spot-copy.st-overlay.announce-label .spot-title + .spot-text,
.brand-hero-carousel .announce-print-value .spot-copy.st-overlay.announce-text .spot-title + .spot-text,
.announce-print-value .brand-hero-carousel .spot-copy.st-overlay.announce-text .spot-title + .spot-text,
.brand-hero-carousel .zip-code .spot-copy.st-overlay.zip-code-title .spot-title + .spot-text,
.zip-code .brand-hero-carousel .spot-copy.st-overlay.zip-code-title .spot-title + .spot-text,
.brand-hero-carousel .zip-code .spot-copy.st-overlay.zip-code-text .spot-title + .spot-text,
.zip-code .brand-hero-carousel .spot-copy.st-overlay.zip-code-text .spot-title + .spot-text,
.brand-hero-carousel .spot-copy.st-overlay .spot-bubbles .spot-copy.st-elevated.bubble .spot-title + .spot-text,
.spot-copy.st-overlay .spot-bubbles .brand-hero-carousel .spot-copy.st-elevated.bubble .spot-title + .spot-text,
.brand-hero-carousel
  .summary-data
  .spot-copy.st-overlay
  .spot-bubbles
  .spot-copy.summary-title.bubble
  .spot-title
  + .spot-text,
.summary-data
  .spot-copy.st-overlay
  .spot-bubbles
  .brand-hero-carousel
  .spot-copy.summary-title.bubble
  .spot-title
  + .spot-text,
.brand-hero-carousel
  .spot-copy.st-overlay
  .spot-bubbles
  .summary-data
  .spot-copy.summary-title.bubble
  .spot-title
  + .spot-text,
.spot-copy.st-overlay
  .spot-bubbles
  .summary-data
  .brand-hero-carousel
  .spot-copy.summary-title.bubble
  .spot-title
  + .spot-text,
.brand-hero-carousel
  .summary-data
  .spot-copy.st-overlay
  .spot-bubbles
  .spot-copy.summary-text.bubble
  .spot-title
  + .spot-text,
.summary-data
  .spot-copy.st-overlay
  .spot-bubbles
  .brand-hero-carousel
  .spot-copy.summary-text.bubble
  .spot-title
  + .spot-text,
.brand-hero-carousel
  .spot-copy.st-overlay
  .spot-bubbles
  .summary-data
  .spot-copy.summary-text.bubble
  .spot-title
  + .spot-text,
.spot-copy.st-overlay
  .spot-bubbles
  .summary-data
  .brand-hero-carousel
  .spot-copy.summary-text.bubble
  .spot-title
  + .spot-text,
.brand-hero-carousel
  .announce-print-value
  .spot-copy.st-overlay
  .spot-bubbles
  .spot-copy.announce-label.bubble
  .spot-title
  + .spot-text,
.announce-print-value
  .spot-copy.st-overlay
  .spot-bubbles
  .brand-hero-carousel
  .spot-copy.announce-label.bubble
  .spot-title
  + .spot-text,
.brand-hero-carousel
  .spot-copy.st-overlay
  .spot-bubbles
  .announce-print-value
  .spot-copy.announce-label.bubble
  .spot-title
  + .spot-text,
.spot-copy.st-overlay
  .spot-bubbles
  .announce-print-value
  .brand-hero-carousel
  .spot-copy.announce-label.bubble
  .spot-title
  + .spot-text,
.brand-hero-carousel
  .announce-print-value
  .spot-copy.st-overlay
  .spot-bubbles
  .spot-copy.announce-text.bubble
  .spot-title
  + .spot-text,
.announce-print-value
  .spot-copy.st-overlay
  .spot-bubbles
  .brand-hero-carousel
  .spot-copy.announce-text.bubble
  .spot-title
  + .spot-text,
.brand-hero-carousel
  .spot-copy.st-overlay
  .spot-bubbles
  .announce-print-value
  .spot-copy.announce-text.bubble
  .spot-title
  + .spot-text,
.spot-copy.st-overlay
  .spot-bubbles
  .announce-print-value
  .brand-hero-carousel
  .spot-copy.announce-text.bubble
  .spot-title
  + .spot-text,
.brand-hero-carousel
  .zip-code
  .spot-copy.st-overlay
  .spot-bubbles
  .spot-copy.zip-code-title.bubble
  .spot-title
  + .spot-text,
.zip-code
  .spot-copy.st-overlay
  .spot-bubbles
  .brand-hero-carousel
  .spot-copy.zip-code-title.bubble
  .spot-title
  + .spot-text,
.brand-hero-carousel
  .spot-copy.st-overlay
  .spot-bubbles
  .zip-code
  .spot-copy.zip-code-title.bubble
  .spot-title
  + .spot-text,
.spot-copy.st-overlay
  .spot-bubbles
  .zip-code
  .brand-hero-carousel
  .spot-copy.zip-code-title.bubble
  .spot-title
  + .spot-text,
.brand-hero-carousel
  .zip-code
  .spot-copy.st-overlay
  .spot-bubbles
  .spot-copy.zip-code-text.bubble
  .spot-title
  + .spot-text,
.zip-code
  .spot-copy.st-overlay
  .spot-bubbles
  .brand-hero-carousel
  .spot-copy.zip-code-text.bubble
  .spot-title
  + .spot-text,
.brand-hero-carousel
  .spot-copy.st-overlay
  .spot-bubbles
  .zip-code
  .spot-copy.zip-code-text.bubble
  .spot-title
  + .spot-text,
.spot-copy.st-overlay
  .spot-bubbles
  .zip-code
  .brand-hero-carousel
  .spot-copy.zip-code-text.bubble
  .spot-title
  + .spot-text {
  margin-top: 2.2222222222vw;
}
.brand-hero-carousel .indicator {
  visibility: hidden;
  position: absolute;
  display: flex;
  right: 7.5vw;
  bottom: 5.5555555556vw;
  z-index: 2;
  border-radius: 6.6666666667vw;
  background-color: #0003;
  height: 6.1111111111vw;
  overflow: hidden;
}
.brand-hero-carousel.swiper-initialized .indicator {
  visibility: visible;
}
.brand-hero-carousel .swiper-pagination,
.brand-hero-carousel .swiper-pagination-wrap.st-pager .pager-fraction,
.swiper-pagination-wrap.st-pager .brand-hero-carousel .pager-fraction {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.1111111111vw 2.7777777778vw 1.3888888889vw;
  color: #ccc;
  font-size: 3.0555555556vw;
}
.brand-hero-carousel .swiper-pagination-current,
.brand-hero-carousel .swiper-pagination-wrap.st-pager .pager-fraction__current,
.swiper-pagination-wrap.st-pager .brand-hero-carousel .pager-fraction__current {
  color: #fff;
}

.section-search-bar {
  position: relative;
  z-index: 1;
}
.search-bar {
  margin-block: 5.5555555556vw 7.7777777778vw;
}
.search-bar__button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 3.3333333333vw 5.5555555556vw;
  border-radius: 13.8888888889vw;
  background-color: #f6f6f6;
}
.search-bar .text-inner {
  font-size: 3.6111111111vw;
  line-height: 1;
  color: #666;
}
.search-bar__keyword {
  color: #000;
  font-weight: 600;
  margin-right: 1.1111111111vw;
}
.module-brand-category .navigator:has(.navigator-list .navigator-item:only-child) {
  display: none;
}
.module-brand-category .navigator:has(.navigator-list .navigator-item:only-child) + .tab-pane {
  margin-top: 3.3333333333vw;
}
.module-brand-category__item {
  display: block;
  width: 32.2222222222vw;
}
.module-brand-category .carousel-item {
  margin-left: 2.2222222222vw;
}
.module-brand-category .tab-pane {
  margin-top: 4.4444444444vw;
}
.module-brand-category__thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 2.2222222222vw;
}
.module-brand-category__thumbnail:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0003;
}
.module-brand-category__thumbnail img {
  display: block;
  width: 100%;
  aspect-ratio: 90/116;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.module-brand-category__title {
  display: block;
  margin-top: 2.2222222222vw;
  padding: 0 4px;
  color: #000;
  text-align: center;
  font-size: 3.8888888889vw;
  font-weight: 400;
  line-height: 1.2;
}
.module-brand-promotion .section-header + .swiper-wrapper {
  margin-top: 3.3333333333vw;
}
.module-brand-promotion .carousel-item:not(:first-child) {
  margin-left: 2.7777777778vw;
}
.module-brand-promotion.swiper .swiper-slide.carousel-item {
  width: 83.3333333333vw;
}
.module-brand-promotion.swiper .swiper-slide.carousel-item a {
  margin-bottom: 2.7777777778vw;
}
.module-brand-promotion.swiper .swiper-slide.carousel-item:only-child {
  width: 100%;
}
.module-brand-promotion.swiper .swiper-slide.carousel-item:only-child .look .thumbnail.st-small {
  width: 100%;
}
.module-brand-promotion .title,
.module-brand-promotion .description { 
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.module-brand-promotion .look + a {
  margin-top: 2.7777777778vw;
}
.module-brand-promotion .look.st-rounded a.st-overlay:after,
.module-brand-promotion .look.st-rounded .spot-copy.st-overlay .spot-bubbles a.bubble:after,
.spot-copy.st-overlay .spot-bubbles .module-brand-promotion .look.st-rounded a.bubble:after {
  background: linear-gradient(to bottom, #54545400, #000);
  opacity: 0.2;
}
.module-brand-new-arrival .thumbnail,
.module-brand-ranking .thumbnail {
  border-radius: 1.1111111111vw;
  overflow: hidden;
}
.module-brand-new-arrival .catalog-display-tile ul,
.module-brand-ranking .catalog-display-tile ul {
  grid-gap: 4.4444444444vw 2.2222222222vw;
}
.module-brand-new-arrival .catalog-display-tile ul li,
.module-brand-ranking .catalog-display-tile ul li {
  width: 28.0555555556vw;
}
.module-brand-recommend .tile-img {
  border-radius: 1.1111111111vw;
}
.module-brand-recommend .tile-list,
.module-brand-recommend .gx-2 {
  --tt-gutter-x: 1.1111111111vw;
}
.module-brand-recommend .tile-list.row,
.module-brand-recommend .tile-list.summary-data,
.module-brand-recommend .tile-list.button-float-couple {
  --tt-gutter-y: 6.6666666667vw;
}
.module-brand-recommend .swiper-slide {
  margin-right: 2.2222222222vw;
}
.module-brand-recommend .swiper-slide:last-child {
  margin-right: 0;
}
.module-brand-recommend .indicator {
  margin-top: 6.6666666667vw;
}
.module-brand-lookbook .spot-visual {
  border-radius: 1.6666666667vw;
  overflow: hidden;
}
.module-brand-lookbook .swiper-wrapper + .mt-8 {
  display: none;
}
.module-brand-lookbook .navigator {
  margin-top: 3.3333333333vw;
}
.module-brand-lookbook .navigator.st-sub {
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
}
.module-brand-lookbook .navigator.st-sub .navigator-list .navigator-button {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 0.2777777778vw solid #eee;
  padding: 1.8055555556vw 4.1666666667vw;
  border-radius: 4.1666666667vw;
}
.module-brand-lookbook .navigator.st-sub .navigator-list .navigator-button.active {
  background-color: #000;
  border-color: #000;
}
.module-brand-lookbook .navigator.st-sub .navigator-list .navigator-button.active .navigator-text {
  font-weight: 400 !important;
  color: #fff;
}
.module-brand-lookbook .navigator.st-sub .navigator-list .navigator-thumb {
  width: 7.2222222222vw;
  border-radius: 50%;
  overflow: hidden;
  margin: -1.9444444444vw 1.3888888889vw -1.9444444444vw -3.8888888889vw;
  border: 0.2777777778vw solid #eee;
}
.module-brand-lookbook .navigator.st-sub .navigator-list .navigator-text {
  border: none;
  font-weight: 400;
  white-space: nowrap;
  font-size: 3.6111111111vw;
  line-height: 4.1666666667vw;
  color: #999;
}
.module-brand-lookbook .navigator.st-sub .navigator.st-pill.carousel .carousel-item {
  margin-left: 1.1111111111vw;
}
.module-brand-lookbook .navigator.st-sub .swiper-slide-thumb-active .navigator-button {
  background-color: #000;
  border-color: #000;
}
.module-brand-lookbook .navigator.st-sub .swiper-slide-thumb-active .navigator-button .navigator-text {
  font-weight: 400;
  color: #fff !important;
}
.module-brand-lookbook .navigator .carousel-item {
  margin-left: 1.1111111111vw;
}
.module-brand-lookbook .tab-pane {
  margin-top: 4.4444444444vw;
}
.module-brand-lookbook__footer {
  display: flex;
}
.module-brand-lookbook__button {
  margin: 4.1666666667vw auto 0;
  padding: 3.3333333333vw 6.9444444444vw;
}
.module-brand-lookbook__button.ghost {
  width: auto;
  height: auto;
}
.module-brand-video .corner-header-tab ~ .tab-pane .tab-title + * {
  margin-top: 1.6666666667vw;
}
.module-brand-video .tab-pane {
  margin-top: 4.4444444444vw;
}
.module-brand-video .navigator {
  margin-top: 3.3333333333vw;
}
.module-brand-video .navigator.st-sub {
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
}
.module-brand-video .navigator.st-sub .navigator-list .navigator-button {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 0.2777777778vw solid #eee;
  padding: 1.8055555556vw 4.1666666667vw;
  border-radius: 4.1666666667vw;
}
.module-brand-video .navigator.st-sub .navigator-list .navigator-button.active {
  background-color: #000;
  border-color: #000;
}
.module-brand-video .navigator.st-sub .navigator-list .navigator-button.active .navigator-text {
  font-weight: 400 !important;
  color: #fff;
}
.module-brand-video .navigator.st-sub .navigator-list .navigator-thumb {
  width: 7.2222222222vw;
  border-radius: 50%;
  overflow: hidden;
  margin: -1.9444444444vw 1.3888888889vw -1.9444444444vw -3.8888888889vw;
  border: 0.2777777778vw solid #eee;
}
.module-brand-video .navigator.st-sub .navigator-list .navigator-text {
  border: none;
  font-weight: 400;
  white-space: nowrap;
  font-size: 3.6111111111vw;
  line-height: 4.1666666667vw;
  color: #999;
}
.module-brand-video .navigator.st-sub .navigator.st-pill.carousel .carousel-item {
  margin-left: 1.1111111111vw;
}
.module-brand-video .navigator.st-sub .swiper-slide-thumb-active .navigator-button {
  background-color: #000;
  border-color: #000;
}
.module-brand-video .navigator.st-sub .swiper-slide-thumb-active .navigator-button .navigator-text {
  font-weight: 400;
  color: #fff !important;
}
.module-brand-video .carousel-item {
  margin-left: 1.1111111111vw;
}
.module-brand-magazine {
  overflow: hidden;
  background-color: #000;
  padding-top: 13.8888888889vw;
  padding-bottom: 13.8888888889vw;
}
.module-brand-magazine .heading-section {
  color: #fff;
  text-align: center;
}
.module-brand-magazine .module-heading + .module-brand-magazine__contents {
  margin-top: 4.4444444444vw;
}
.module-brand-magazine .card-stack-slider {
  position: relative;
  overflow: hidden;
}
.module-brand-magazine .card-stack-slider .swiper {
  opacity: 0;
  padding: 5.5555555556vw 9.4444444444vw 0 5.5555555556vw;
}
.module-brand-magazine .card-stack-slider .swiper:has(.swiper-slide:only-child) {
  opacity: 1;
  padding: 0 5.5555555556vw;
}
.module-brand-magazine .card-stack-slider .swiper:has(.swiper-slide:only-child) .swiper-wrapper {
  height: auto;
  transform: none;
}
.module-brand-magazine .card-stack-slider .swiper.swiper-initialized {
  opacity: 1;
}
.module-brand-magazine .card-stack-slider .swiper-wrapper {
  height: 111.6666666667vw;
  transform: translate(-4.1666666667vw);
}
.module-brand-magazine .card-stack-slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 77.7777777778vw;
  height: 103.8888888889vw;
  position: relative;
  overflow: unset;
}
.module-brand-magazine .card-stack-slider .swiper-slide .link {
  display: block;
  height: 100%;
}
.module-brand-magazine .card-stack-slider .swiper-slide .link .monthly-visual {
  aspect-ratio: 280/374;
}
.module-brand-magazine .card-stack-slider .swiper-slide:not(.swiper-slide-active) {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
.module-brand-magazine .card-stack-slider .monthly-visual {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #add;
  transform: rotate(7deg);
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.module-brand-magazine .card-stack-slider .monthly-visual:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #0003;
  z-index: 3;
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.module-brand-magazine .card-stack-slider .swiper-slide + .swiper-slide-next .monthly-visual {
  transform: rotate(3deg);
}
.module-brand-magazine .card-stack-slider .swiper-slide-active .monthly-visual,
.module-brand-magazine .card-stack-slider .swiper-slide-prev .monthly-visual {
  transform: rotate(0);
}
.module-brand-magazine .card-stack-slider .swiper-slide-active .monthly-visual:after,
.module-brand-magazine .card-stack-slider .swiper-slide-prev .monthly-visual:after {
  opacity: 0;
}
.module-brand-magazine .card-stack-slider .swiper-slide {
  opacity: 0 !important;
}
.module-brand-magazine .card-stack-slider .swiper-slide-active,
.module-brand-magazine .card-stack-slider .swiper-slide-next,
.module-brand-magazine .card-stack-slider .swiper-slide-next + .swiper-slide {
  opacity: 1 !important;
}
.module-brand-magazine .card-stack-slider .swiper-slide:only-child {
  width: 100%;
  height: 118.6111111111vw;
  opacity: 1 !important;
}
.module-brand-magazine .card-stack-slider .swiper-slide:only-child .link {
  width: 100%;
  height: 100%;
}
.module-brand-magazine .card-stack-slider .swiper-slide:only-child img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.module-brand-magazine .card-stack-slider .swiper-slide:only-child .monthly-visual {
  transform: none;
  filter: none;
}
.module-brand-magazine .card-stack-slider .pagination-counter {
  margin-right: 12.7777777778vw;
  margin-bottom: 3.0555555556vw;
}
.module-brand-magazine .monthly-visual {
  width: 100%;
  height: 103.8888888889vw;
  border-radius: 2.2222222222vw;
}
.module-brand-magazine .monthly-visual img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.module-brand-magazine .tile-body .title {
  font-weight: 600;
  line-height: 6.1111111111vw;
  color: #fff;
  display: -webkit-box;
  max-height: 12vw;
  font-size: 5vw;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-brand-magazine .card-stack-slider-text {
  background-color: transparent;
}
.module-brand-magazine .card-stack-slider-text:has(.tile-body:only-child) .tile-body {
  height: auto;
  visibility: visible;
  opacity: 1;
  transform: none;
  transition: none;
  margin-top: 4.1666666667vw;
}
.module-brand-magazine .card-stack-slider-text .tile-body {
  height: 0;
  visibility: hidden;
  opacity: 0;
  transform: translate(13.8888888889vw);
  transition:
    opacity 0.5s ease-in-out,
    transform 0.5s ease-in-out;
}
.module-brand-magazine .card-stack-slider-text .tile-body.is-active {
  height: auto;
  transform: translate(0);
  visibility: visible;
  opacity: 1;
}
.module-brand-magazine__footer {
  display: flex;
}
.module-brand-magazine__footer a.ghost {
  width: auto;
  height: auto;
  padding: 3.3333333333vw 6.9444444444vw;
  margin: 4.1666666667vw auto 0;
  background-color: transparent;
  color: #fff;
}
.category-tile-list .gx-4 {
  --tt-gutter-x: 1.1111111111vw;
}
.category-tile-list .tile-thumb {
  border-radius: 1.1111111111vw;
}
.category-tile-list .tile-title {
  font-weight: 600;
}
.category-tile-list .tile-title.text-ellipsis-2 {
  display: -webkit-box;
  max-height: 10.8888888889vw;
  font-size: 3.8888888889vw;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
}
.brand-shop-banner-keyword .banner-item {
  width: 100%;
  max-width: 88.8888888889vw;
}
.brand-shop-banner-keyword .banner-item + .banner-item {
  margin-top: 5.5555555556vw;
}
.brand-shop-banner-keyword .banner-item__link {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 2.2222222222vw;
}
.brand-shop-banner-keyword .banner-item__thumb {
  position: relative;
}
.brand-shop-banner-keyword .banner-item__thumb:after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background: linear-gradient(to bottom, #0000, #000);
}
.brand-shop-banner-keyword .banner-item__thumb .banner-img {
  display: block;
  width: 100%;
  aspect-ratio: 320/382;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.brand-shop-banner-keyword .banner-item__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.2222222222vw;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 5.5555555556vw;
}
.brand-shop-banner-keyword .copy {
  width: 100%;
  color: #fff;
  text-align: center;
}
.brand-shop-banner-keyword .copy__title {
  display: -webkit-box;
  max-height: 14.6666666667vw;
  font-size: 6.6666666667vw;
  line-height: 1.1;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  font-weight: 600;
}
.brand-shop-banner-keyword .copy__title + .copy__text {
  margin-top: 2.2222222222vw;
}
.brand-shop-banner-keyword .copy__text {
  display: -webkit-box;
  max-height: 10.1111111111vw;
  font-size: 3.8888888889vw;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  font-weight: 400;
}
.brand-shop-banner-keyword .banner-button {
  padding: 2.5vw 3.3333333333vw;
  border-radius: 5.5555555556vw;
  background-color: #fff;
  font-size: 3.3333333333vw;
  font-weight: 400;
}
#modal-hero-list .shortcut .shortcut-visual {
  position: relative;
  aspect-ratio: 155/185;
  overflow: hidden;
}
#modal-hero-list .shortcut .shortcut-visual .shortcut-img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
@keyframes tooltip-pop {
  0% {
    transform: scale(0) translate3d(-50%, 0, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(-50%, 0, 0);
    opacity: 1;
  }
}
.tooltip-wrap {
  font-size: 0;
  position: relative;
}
.tooltip {
  display: none;
  position: absolute;
  z-index: 4;
  max-width: 88.8888888889vw !important;
}
.tooltip > * {
  display: block;
  padding: 2.7777777778vw;
  background-color: #fff;
  border: 0.2777777778vw solid #ddd;
  font-size: 3.0555555556vw;
  color: #666;
  line-height: 3.8888888889vw;
  border-radius: 1.1111111111vw;
}
.tooltip > * span {
  display: block;
  margin-top: -0.2777777778vw;
  margin-bottom: -0.2777777778vw;
}
.tooltip.balloon > * {
  background-color: #006bff;
  color: #fff;
  font-size: 2.7777777778vw;
  padding: 1.3888888889vw 4.1666666667vw 1.6666666667vw;
  border: 0 none;
}
.tooltip.balloon > p {
  position: relative;
  border-radius: 100vw;
  white-space: nowrap;
}
.tooltip.balloon > p:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: -1.1111111111vw;
  left: 50%;
  transform: translate(-50%);
  border-left: 0.9722222222vw solid transparent;
  border-right: 0.9722222222vw solid transparent;
  border-bottom: 1.3888888889vw solid #006bff;
}
.tooltip--list {
  text-align: left;
}
.tooltip--list.st-lg {
  left: 8.8888888889vw !important;
}
.tooltip--list .helper-list {
  padding: 3.3333333333vw;
}
.tooltip--list .helper-list__info {
  line-height: 3.6111111111vw;
}
.tooltip--list .helper-list__info + .helper-list__info {
  margin-top: 3.6111111111vw;
}
.tooltip-wrap button.active + .tooltip {
  display: block;
}
.tooltip-wrap button.active + .tooltip.motion,
[data-component-pin="mypage-report"] .tooltip-wrap button.active + .tooltip,
#ranking-toolip.tooltip-wrap button.active + .tooltip,
.catalog-utility .tooltip-wrap button.active + .tooltip,
.tooltip-wrap button.active + .tooltip.tooltip--list {
  animation: tooltip-pop 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.tooltip-wrap button.active + .tooltip.south,
[data-component-pin="mypage-report"] .tooltip-wrap button.active + .tooltip,
#ranking-toolip.tooltip-wrap button.active + .tooltip,
.catalog-utility .tooltip-wrap button.active + .tooltip,
.tooltip-wrap button.active + .tooltip.tooltip--list {
  top: 100%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  transform-origin: left top;
  padding-top: 2.2222222222vw;
}
.tooltip-wrap button.active + .tooltip.north {
  bottom: 100%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  transform-origin: left bottom;
  padding-bottom: 2.2222222222vw;
}
#ranking-toolip.tooltip-wrap button + .tooltip {
  text-align: center;
}
#ranking-toolip.tooltip-wrap button + .tooltip.tooltip-lg {
  text-align: left;
  margin-left: -7vw;
}
.ribbon-new-menu {
  font-style: normal;
  font-size: 2.7777777778vw;
  margin-left: 4.4444444444vw;
  border: solid 0.2777777778vw #006bff;
  height: 5.8333333333vw;
  color: #006bff;
  padding: 0 2.7777777778vw;
  border-radius: 100vw;
  line-height: 1;
  display: flex;
  align-items: center;
}
.banner .text-banner.has-bg > .banner-link {
  padding: 2.7777777778vw 2.7777777778vw 2.7777777778vw 5.5555555556vw;
  box-sizing: border-box;
}
.banner .text-banner.has-rounded > .banner-link {
  border-radius: 8.3333333333vw;
  overflow: hidden;
}
.banner .text-banner .banner-link {
  display: flex;
  justify-content: space-between;
  gap: 2.7777777778vw;
}
.banner .text-banner .banner-link .icon,
.banner .text-banner .banner-link .spot-visual.st-video:after,
.banner .text-banner .banner-link .spot-visual.st-video-view:after {
  flex: 0 0 auto;
  opacity: 0.6;
}
.banner .text-banner .banner-title {
  display: block;
  font-size: 3.6111111111vw;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.2;
  max-width: 66.6666666667vw;
}
.banner .text-banner .banner-title.st-white,
.banner .text-banner .banner-title.spot-visual.st-video:after,
.banner .text-banner .banner-title.spot-visual.st-video-view:after {
  color: #fff;
}
.banner.st-selectshop .has-rounded > .banner-link {
  border-radius: 1.1111111111vw;
  overflow: hidden;
}
.banner.st-selectshop .billboard-hook-indicator {
  bottom: auto;
  font-weight: 400;
  color: #ccc;
  font-size: 2.7777777778vw;
}
.banner.st-selectshop .swiper-slide:only-child:after {
  content: "";
  position: absolute;
  right: 4.5833333333vw;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25vw;
  height: 2.5vw;
  background: url("../img/icons/icon-arrow-next__grayccc.png") no-repeat center/cover;
}
.jumbotron + .hub-billboard-text,
.jumbotron + .hub-billboard-text .banner {
  margin-top: 0;
}
.row.has-section-gap > .billboard-text:first-child + section,
.has-section-gap.summary-data > .billboard-text:first-child + section,
.has-section-gap.button-float-couple > .billboard-text:first-child + section {
  margin-top: 8.8888888889vw;
}
.module-carousel-gooddeal > .spot-visual .tile-thumb {
  border-top-right-radius: 22.2222222222vw;
  overflow: hidden;
}
.module-carousel-gooddeal > .spot-visual .tile-body {
  padding-inline: 2.2222222222vw;
}
.module-carousel-gooddeal .swiper-wrapper {
  height: auto;
}
.best-brand-list > .catalog-display-rail:first-child {
  margin-top: 8.8888888889vw;
}
.best-brand-list li + li {
  margin-top: 56px;
}
.best-brand .best-brand__header + .best-brand__body {
  margin-top: 2.7777777778vw;
}
.best-brand__header {
  position: relative;
  display: flex;
  align-items: center;
}
.best-brand__header .brand-text {
  display: block;
  margin-left: 2.7777777778vw;
}
.best-brand__header .brand-name {
  font-size: 3.3333333333vw;
  font-weight: 600;
  max-width: 51.6666666667vw;
}
.best-brand__header .brand-desc {
  font-size: 3.3333333333vw;
  color: #999;
  max-width: 51.6666666667vw;
}
.best-brand__header .button-addon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.best-brand__header .button-addon .button-text {
  color: #999;
  padding: 0;
  font-size: 2.5vw;
}
.best-brand__header .brand-name + .brand-desc {
  margin-top: 1.3888888889vw;
}
.best-brand__header .header-link {
  display: flex;
  align-items: center;
}
.best-brand__header .thumbnail-wrap {
  display: block;
  border-radius: 1.1111111111vw;
  overflow: hidden;
  width: 11.1111111111vw;
}
.best-brand__header .thumbnail-wrap .thumbnail-image {
  width: 100%;
  aspect-ratio: 1/1;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.best-brand__body {
  display: flex;
}
.best-brand__body .product-link {
  width: 28.8888888889vw;
  display: block;
}
.best-brand__body .product-link .product-image {
  width: 100%;
  display: block;
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
}
ol.best-brand-list {
  counter-reset: section;
}
ol.best-brand-list .best-brand {
  counter-increment: section;
}
ol.best-brand-list .best-brand__header:before {
  content: counter(section);
  display: block;
  color: #666;
  width: 6.6666666667vw;
  font-size: 3.3333333333vw;
  font-weight: 600;
}
#contents:has(.sticky-visual) {
  overflow: unset;
  position: relative;
}
.heading-group .btn-subscribe {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8333333333vw;
  height: 8.3333333333vw;
  padding: 0 3.8888888889vw;
  font-size: 3.3333333333vw;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  border-radius: 4.1666666667vw;
  background-color: #000;
  transition:
    border 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
}
.heading-group .btn-subscribe.is-active {
  border: 0.2777777778vw solid #ddd;
  background-color: #fff;
  color: #000;
}
.heading-group .btn-subscribe.st-white,
.heading-group .btn-subscribe.spot-visual.st-video:after,
.heading-group .btn-subscribe.spot-visual.st-video-view:after {
  background-color: #fff;
  color: #000;
}
.heading-group .btn-subscribe.st-white.is-active,
.heading-group .btn-subscribe.is-active.spot-visual.st-video:after,
.heading-group .btn-subscribe.is-active.spot-visual.st-video-view:after {
  background-color: transparent;
  color: #fff;
}
.heading-desc .spot-title {
  font-size: 5.5555555556vw;
  font-weight: 700;
  line-height: 7.2222222222vw;
}
.heading-desc .spot-text {
  font-size: 3.8888888889vw;
  font-weight: 400;
  line-height: 5.5555555556vw;
}
.heading-desc .btn-more {
  display: inline-block;
  font-size: 3.0555555556vw;
  color: #999;
  text-decoration: underline;
  text-underline-position: under;
}
.divider-line {
  width: 100%;
  margin-top: 5.5555555556vw;
  padding-top: 5.5555555556vw;
  border-top: 0.2777777778vw solid #eee;
}
.monthly-visual-wrap {
  position: relative;
  height: 133.3333333333vw;
}
.monthly-visual-wrap.sticky-visual {
  position: sticky;
  top: 27.7777777778vw;
  z-index: 0;
  transform: translateZ(0);
}
.monthly-visual-wrap.sticky-visual ~ .sticky-content {
  position: relative;
  background-color: #fff;
  z-index: 2;
  transform: translateZ(0);
}
.monthly-visual-wrap .monthly-visual {
  position: relative;
  overflow: hidden;
  height: 133.3333333333vw;
}
.monthly-visual-wrap .monthly-visual img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.monthly-visual-wrap .monthly-visual.spot-visual {
  height: 173.33vw;
}
.monthly-visual-wrap .monthly-visual.spot-visual .spot-video-container {
  padding-bottom: 173.333%;
}
.monthly-visual-wrap .monthly-visual.spot-visual .spot-video-container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.monthly-visual-wrap .monthly-covered {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  z-index: 2;
}
.monthly-visual-wrap .monthly-covered .monthly-copy {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
  margin-top: auto;
  padding-top: 12.2222222222vw;
  padding-bottom: 6.6666666667vw;
  background: linear-gradient(180deg, #0000, #0009);
  z-index: 2;
}
.monthly-visual-wrap .monthly-covered .monthly-copy .spot-text {
  font-weight: 400;
  color: #fff;
  line-height: 5.5555555556vw;
  word-break: break-word;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-height: 16.6666666667vw;
  transition: max-height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.monthly-visual-wrap .monthly-covered .monthly-copy .spot-text.is-animating {
  -webkit-line-clamp: unset;
}
.monthly-visual-wrap .monthly-covered .monthly-copy .btn-more {
  margin-top: 5.5555555556vw;
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #999;
  text-decoration: underline;
  text-underline-position: under;
}
.monthly-section .st-overlay:before,
.monthly-section .spot-copy.st-overlay .spot-bubbles .bubble:before,
.spot-copy.st-overlay .spot-bubbles .monthly-section .bubble:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #0003;
  z-index: 1;
}
.monthly-section .text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.monthly-section .violator {
  height: 4.1666666667vw;
  padding: 0 1.3888888889vw;
  font-weight: 400;
}
.monthly-section .indicator {
  height: 0.5555555556vw;
}
.monthly-section .indicator .swiper-pagination,
.monthly-section .indicator .swiper-pagination-wrap.st-pager .pager-fraction,
.swiper-pagination-wrap.st-pager .monthly-section .indicator .pager-fraction {
  width: 100%;
  height: 0.5555555556vw;
}
.monthly-section .indicator .swiper-pagination-progressbar {
  background-color: #eee;
}
.monthly-section .indicator .swiper-pagination-progressbar-fill {
  background-color: #000;
}
.issue-section {
  overflow: hidden;
}
.issue-section .card-stack-slider {
  position: relative;
  overflow: hidden;
}
.issue-section .card-stack-slider .swiper {
  opacity: 0;
  padding: 0 9.4444444444vw 0 5.5555555556vw;
}
.issue-section .card-stack-slider .swiper:has(.swiper-slide:only-child) {
  opacity: 1;
  padding: 0 5.5555555556vw;
}
.issue-section .card-stack-slider .swiper:has(.swiper-slide:only-child) .swiper-wrapper {
  height: auto;
  transform: none;
}
.issue-section .card-stack-slider .swiper.swiper-initialized {
  opacity: 1;
}
.issue-section .card-stack-slider .swiper-wrapper {
  height: 111.6666666667vw;
  transform: translate(-4.1666666667vw);
}
.issue-section .card-stack-slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 85vw;
  height: 111.6666666667vw;
  position: relative;
  overflow: unset;
}
.issue-section .card-stack-slider .swiper-slide .link {
  display: block;
  height: 100%;
}
.issue-section .card-stack-slider .swiper-slide .link .monthly-visual {
  aspect-ratio: 306/402;
}
.issue-section .card-stack-slider .swiper-slide:not(.swiper-slide-active) {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
.issue-section .card-stack-slider .monthly-visual {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #add;
  transform: rotate(4deg);
  filter: blur(0.2777777778vw);
  transition:
    transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.issue-section .card-stack-slider .swiper-slide + .swiper-slide-next .monthly-visual {
  transform: rotate(2deg);
}
.issue-section .card-stack-slider .swiper-slide-active .monthly-visual,
.issue-section .card-stack-slider .swiper-slide-prev .monthly-visual {
  transform: rotate(0);
  filter: unset;
}
.issue-section .card-stack-slider .swiper-slide-active .monthly-visual:after,
.issue-section .card-stack-slider .swiper-slide-prev .monthly-visual:after {
  opacity: 0;
}
.issue-section .card-stack-slider .swiper-slide {
  opacity: 0 !important;
}
.issue-section .card-stack-slider .swiper-slide-active,
.issue-section .card-stack-slider .swiper-slide-next,
.issue-section .card-stack-slider .swiper-slide-next + .swiper-slide {
  opacity: 1 !important;
}
.issue-section .card-stack-slider .swiper-slide:only-child {
  width: 100%;
  height: 116.6666666667vw;
  opacity: 1 !important;
}
.issue-section .card-stack-slider .swiper-slide:only-child .link {
  width: 100%;
  height: 100%;
}
.issue-section .card-stack-slider .swiper-slide:only-child img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.issue-section .card-stack-slider .swiper-slide:only-child .monthly-visual {
  transform: none;
  filter: none;
}
.issue-section .card-stack-slider .pagination-counter {
  margin-right: 12.7777777778vw;
  margin-bottom: 3.0555555556vw;
}
.issue-section .monthly-visual {
  width: 100%;
  height: 116.6666666667vw;
}
.issue-section .monthly-visual img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.issue-section .tile-body .title {
  font-weight: 600;
  line-height: 6.1111111111vw;
  display: -webkit-box;
  max-height: 12vw;
  font-size: 5vw;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.issue-section .tile-body .sub-text {
  font-size: 3.3333333333vw;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card-stack-slider-text {
  background-color: #fff;
}
.card-stack-slider-text:has(.tile-body:only-child) .tile-body {
  height: auto;
  visibility: visible;
  opacity: 1;
  transform: none;
  transition: none;
}
.card-stack-slider-text .tile-body {
  height: 0;
  visibility: hidden;
  opacity: 0;
  transform: translate(13.8888888889vw);
  transition:
    opacity 0.5s ease-in-out,
    transform 0.5s ease-in-out;
}
.card-stack-slider-text .tile-body.is-active {
  height: auto;
  transform: translate(0);
  visibility: visible;
  opacity: 1;
}
.insta-carousel {
  width: 100%;
}
.insta-carousel .insta-carousel-list {
  height: 83.3333333333vw;
}
.insta-carousel .insta-carousel-list .swiper-slide {
  display: grid;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: 66.6666666667vw 33.3333333333vw;
}
.insta-carousel .tile-thumb {
  aspect-ratio: 4/5;
}
.insta-carousel .tile-thumb:nth-child(1) {
  grid-row: 1/3;
  grid-column: 1/2;
}
.insta-carousel .tile-thumb:nth-child(2) {
  grid-row: 1/2;
  grid-column: 2/3;
}
.insta-carousel .tile-thumb:nth-child(3) {
  grid-row: 2/3;
  grid-column: 2/3;
}
.insta-carousel .tile-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.news-list .tile-thumb {
  overflow: hidden;
  width: 22.2222222222vw;
  border-radius: 1.3888888889vw;
}
.news-list .tile-thumb img {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
}
.news-list .tile-body {
  overflow: hidden;
  flex: 1;
  padding-left: 2.2222222222vw;
}
.news-list .tile-text {
  font-size: 3.3333333333vw;
}
.news-list .tile-title {
  font-size: 3.8888888889vw;
  font-weight: 600;
  line-height: 5.5555555556vw;
}
.news-list .tile-title .text-ellipsis-2,
.news-list .tile-title.text-ellipsis-2 {
  display: -webkit-box;
  max-height: 11.0444444444vw;
  font-size: 3.8888888889vw;
  line-height: 1.42;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.strip-banner-carousel .swiper-slide {
  width: 88.8888888889vw;
  height: auto;
  margin: 0 0.8333333333vw;
}
.strip-banner-carousel .swiper-slide .img-fluid,
.strip-banner-carousel .swiper-slide .spot-utility .spot-img,
.spot-utility .strip-banner-carousel .swiper-slide .spot-img,
.strip-banner-carousel .swiper-slide .spot-visual .spot-img,
.spot-visual .strip-banner-carousel .swiper-slide .spot-img,
.strip-banner-carousel .swiper-slide .billboard-hook .billboard-img,
.billboard-hook .strip-banner-carousel .swiper-slide .billboard-img,
.strip-banner-carousel .swiper-slide .shortcut .shortcut-img,
.shortcut .strip-banner-carousel .swiper-slide .shortcut-img,
.strip-banner-carousel .swiper-slide .shortcut-tv .shortcut-img,
.shortcut-tv .strip-banner-carousel .swiper-slide .shortcut-img,
.strip-banner-carousel .swiper-slide .shortcut-special .shortcut-img,
.shortcut-special .strip-banner-carousel .swiper-slide .shortcut-img,
.strip-banner-carousel .swiper-slide .shortcut-contents-thumb .shortcut-img,
.shortcut-contents-thumb .strip-banner-carousel .swiper-slide .shortcut-img,
.strip-banner-carousel .swiper-slide .shortcut-coming .shortcut-img,
.shortcut-coming .strip-banner-carousel .swiper-slide .shortcut-img,
.strip-banner-carousel .swiper-slide .membership-special .membership-img,
.membership-special .strip-banner-carousel .swiper-slide .membership-img {
  aspect-ratio: 360/100;
  -o-object-fit: cover;
  object-fit: cover;
}
.strip-banner-carousel .swiper-slide:only-child {
  width: 100%;
  margin: 0;
}
.content-banner-carousel .featured-catalog-w-goods {
  margin-top: unset;
}
.content-banner-carousel .featured-catalog-w-goods .featured .thumbnail {
  aspect-ratio: 360/182;
}
.content-banner-carousel .featured-catalog-w-goods .featured .thumbnail:after {
  display: none;
}
.content-banner-carousel .featured-catalog-w-goods .featured figcaption {
  bottom: 0;
}
.content-banner-carousel .featured-catalog-w-goods .featured figcaption .copy {
  font-weight: 600;
  color: #fff;
  z-index: 3;
  display: -webkit-box;
  max-height: 12.1777777778vw;
  font-size: 4.4444444444vw;
  line-height: 1.37;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.content-banner-carousel .featured-catalog-w-goods .featured:has(.copy) .thumbnail:after {
  display: block;
}
.magazine-list .tile-thumb {
  width: 27.7777777778vw;
}
.magazine-list .tile-thumb .img-fluid,
.magazine-list .tile-thumb .spot-utility .spot-img,
.spot-utility .magazine-list .tile-thumb .spot-img,
.magazine-list .tile-thumb .spot-visual .spot-img,
.spot-visual .magazine-list .tile-thumb .spot-img,
.magazine-list .tile-thumb .billboard-hook .billboard-img,
.billboard-hook .magazine-list .tile-thumb .billboard-img,
.magazine-list .tile-thumb .shortcut .shortcut-img,
.shortcut .magazine-list .tile-thumb .shortcut-img,
.magazine-list .tile-thumb .shortcut-tv .shortcut-img,
.shortcut-tv .magazine-list .tile-thumb .shortcut-img,
.magazine-list .tile-thumb .shortcut-special .shortcut-img,
.shortcut-special .magazine-list .tile-thumb .shortcut-img,
.magazine-list .tile-thumb .shortcut-contents-thumb .shortcut-img,
.shortcut-contents-thumb .magazine-list .tile-thumb .shortcut-img,
.magazine-list .tile-thumb .shortcut-coming .shortcut-img,
.shortcut-coming .magazine-list .tile-thumb .shortcut-img,
.magazine-list .tile-thumb .membership-special .membership-img,
.membership-special .magazine-list .tile-thumb .membership-img {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
}
.magazine-list .tile-body {
  width: calc(100% - 38.8888888889vw);
  flex: 1;
  justify-content: center;
  align-self: center;
  padding-left: 3.3333333333vw;
}
.magazine-list .tile-body .tile-title,
.magazine-list .tile-body .title {
  font-weight: 600;
  word-break: keep-all;
}
.magazine-list .tile-body .tile-title .text-ellipsis-2,
.magazine-list .tile-body .tile-title.text-ellipsis-2,
.magazine-list .tile-body .title .text-ellipsis-2,
.magazine-list .tile-body .title.text-ellipsis-2 {
  display: -webkit-box;
  max-height: 11.0444444444vw;
  font-size: 3.8888888889vw;
  line-height: 1.42;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.magazine-list .tile-body .tile-text {
  display: block;
  width: 100%;
  font-size: 3.3333333333vw;
}
.magazine-list .tile-body .tile-text .text-ellipsis-2,
.magazine-list .tile-body .tile-text.text-ellipsis-2 {
  display: -webkit-box;
  max-height: 9.4666666667vw;
  font-size: 3.3333333333vw;
  line-height: 1.42;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.st-black .swiper-pagination-progressbar {
  background-color: #999;
}
.st-black .swiper-pagination-progressbar-fill {
  background-color: #fffc;
}
.st-black .swiper-pagination-progressbar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0003;
  z-index: 1;
}
.magazine-carousel {
  overflow: hidden;
  padding-left: 5.5555555556vw;
  padding-right: 2.7777777778vw;
}
.magazine-carousel:has(.swiper-slide:first-child:nth-last-child(-n + 2)) {
  padding-right: 5.5555555556vw;
}
.magazine-carousel:has(.swiper-slide:first-child:nth-last-child(-n + 2)) .swiper-wrapper {
  justify-content: center;
}
.magazine-carousel:has(.swiper-slide:first-child:nth-last-child(-n + 2)) .swiper-wrapper .swiper-slide {
  width: calc((100% - 2.7777777778vw) / 2);
}
.magazine-carousel:has(.swiper-slide:first-child:nth-last-child(-n + 2)) .swiper-wrapper .swiper-slide:first-child {
  margin-left: 0;
}
.magazine-carousel:has(.swiper-slide:first-child:nth-last-child(-n + 2)) .swiper-wrapper .swiper-slide:only-child {
  width: 100%;
}
.magazine-carousel:has(.swiper-slide:first-child:nth-last-child(-n + 2)) .indicator-wrap {
  display: none;
}
.magazine-carousel:has(.swiper-slide:nth-last-child(3)) .swiper-wrapper,
.magazine-carousel:has(.swiper-slide:nth-last-child(3) ~ .swiper-slide) .swiper-wrapper {
  margin-left: -2.7777777778vw;
}
.magazine-carousel:has(.swiper-slide:nth-last-child(3)) .swiper-slide,
.magazine-carousel:has(.swiper-slide:nth-last-child(3) ~ .swiper-slide) .swiper-slide {
  width: 43.0555555556vw;
}
.magazine-carousel .swiper-pagination-progressbar {
  position: relative;
}
.magazine-carousel .tile-item.st-reduced.carousel-item {
  margin-left: 2.7777777778vw;
}
.magazine-carousel .swiper-pagination-progressbar {
  position: relative;
  width: calc(100% + 2.7777777778vw);
}
.panorama-carousel {
  position: relative;
  perspective: 83.3333333333vw;
  padding-top: 7.7777777778vw;
  padding-bottom: 26.3888888889vw;
}
.panorama-carousel .swiper-wrapper {
  transform-style: preserve-3d;
}
.panorama-carousel .swiper-slide {
  display: flex;
  flex-direction: column;
  width: 58.8888888889vw;
  transform-style: preserve-3d;
}
.panorama-carousel .swiper-slide.is-visible .panorama-copy {
  opacity: 1;
}
.panorama-carousel .panorama__link {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.panorama-carousel .panorama__img {
  height: 78.3333333333vw;
  border-radius: 2.2222222222vw;
  overflow: hidden;
}
.panorama-carousel .panorama__img .img-fluid,
.panorama-carousel .panorama__img .spot-utility .spot-img,
.spot-utility .panorama-carousel .panorama__img .spot-img,
.panorama-carousel .panorama__img .spot-visual .spot-img,
.spot-visual .panorama-carousel .panorama__img .spot-img,
.panorama-carousel .panorama__img .billboard-hook .billboard-img,
.billboard-hook .panorama-carousel .panorama__img .billboard-img,
.panorama-carousel .panorama__img .shortcut .shortcut-img,
.shortcut .panorama-carousel .panorama__img .shortcut-img,
.panorama-carousel .panorama__img .shortcut-tv .shortcut-img,
.shortcut-tv .panorama-carousel .panorama__img .shortcut-img,
.panorama-carousel .panorama__img .shortcut-special .shortcut-img,
.shortcut-special .panorama-carousel .panorama__img .shortcut-img,
.panorama-carousel .panorama__img .shortcut-contents-thumb .shortcut-img,
.shortcut-contents-thumb .panorama-carousel .panorama__img .shortcut-img,
.panorama-carousel .panorama__img .shortcut-coming .shortcut-img,
.shortcut-coming .panorama-carousel .panorama__img .shortcut-img,
.panorama-carousel .panorama__img .membership-special .membership-img,
.membership-special .panorama-carousel .panorama__img .membership-img {
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 3/4;
}
.panorama-carousel .panorama-copy-wrap {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 58.8888888889vw;
  min-height: 26.3888888889vw;
}
.panorama-carousel .panorama-copy {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  padding-top: 6.6666666667vw;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s linear,
    visibility 0.3s linear;
}
.panorama-carousel .panorama-copy.is-visible {
  opacity: 1;
  visibility: visible;
}
.panorama-carousel .panorama-copy__title {
  font-weight: 600;
  display: -webkit-box;
  max-height: 13.3vw;
  font-size: 5vw;
  line-height: 1.33;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.panorama-carousel .panorama-copy__text {
  font-size: 3.3333333333vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.panorama-carousel .pagination-counter {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: auto;
  margin-bottom: 27.7777777778vw;
  margin-right: 22.7777777778vw;
  padding: 0;
  z-index: 1;
}
.lookbook-carousel .swiper-slide:not(:last-child) {
  margin-right: 2.7777777778vw;
}
.swiper-pagination-wrap .pager-btn {
  position: static;
  display: flex;
  width: 11.1111111111vw;
  height: 7.2222222222vw;
  margin-top: 0;
  border: 0.2777777778vw solid #eee;
  border-radius: 1.1111111111vw;
}
.swiper-pagination-wrap .pager-btn:after {
  content: "";
  display: block;
  width: 1.3888888889vw;
  height: 2.2222222222vw;
  font-size: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.swiper-pagination-wrap .pager-btn.is-active.swiper-button-disabled,
.swiper-pagination-wrap .pager-btn.swiper-button-disabled {
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
.swiper-pagination-wrap.st-pager .pager-btn {
  align-items: center;
  justify-content: center;
}
.magazine-tile-list .tile-list .tile-thumb {
  overflow: hidden;
  border-radius: 2.2222222222vw;
  aspect-ratio: 3/4;
}
.magazine-tile-list .tile-list .tile-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.magazine-tile-list .tile-list .tile-thumb.st-square {
  height: 43.0555555556vw;
  aspect-ratio: 1/1;
}
.magazine-tile-list .tile-list .tile-thumb.st-square img {
  aspect-ratio: 1/1;
}
.magazine-tile-list .tile-list .tile-body {
  padding: 0;
}
.magazine-tile-list .tile-list .tile-title {
  font-weight: 600;
  word-break: break-all;
}
.magazine-tile-list .tile-list .tile-title.text-ellipsis,
.magazine-tile-list .tile-list .tile-title .text-ellipsis {
  font-size: 3.8888888889vw;
  line-height: 5.5555555556vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.magazine-tile-list .tile-list .tile-title.text-ellipsis-2,
.magazine-tile-list .tile-list .tile-title .text-ellipsis-2 {
  display: -webkit-box;
  max-height: 10.8888888889vw;
  font-size: 3.8888888889vw;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.magazine-tile-list .tile-list .tile-title + .tile-desc {
  margin-top: 1.1111111111vw;
}
.magazine-tile-list .tile-list .tile-desc {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #000;
  line-height: 5vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.magazine-tile-list .tile-list .tile-desc.text-ellipsis-2 {
  display: -webkit-box;
  max-height: 8vw;
  font-size: 3.3333333333vw;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.magazine-tile-list .tile-list .tile-desc.st-dimmed {
  color: #666;
}
.section-divider {
  position: relative;
  margin-top: 2.7777777778vw;
}
.section-divider:before {
  content: "";
  position: absolute;
  top: -2.7777777778vw;
  display: block;
  width: 100%;
  height: 2.7777777778vw;
  background-color: #fafafa;
}
.row.gy-56,
.gy-56.summary-data,
.gy-56.button-float-couple {
  --tt-gutter-y: 15.5555555556vw;
}
body .page-utility:not(.modal-header):not(.st-dark) {
  background-color: #fff;
}
body.st-up .page-utility:not(.modal-header):not(.st-dark),
body.st-down .page-utility:not(.modal-header):not(.st-dark) {
  background-color: #fff;
}
body.st-up .page-utility:not(.modal-header):not(.st-dark) .button-icon .icon-badge,
body.st-up .page-utility:not(.modal-header):not(.st-dark) .tile-item .tile-thumb .tile-heart .icon-badge,
.tile-item .tile-thumb body.st-up .page-utility:not(.modal-header):not(.st-dark) .tile-heart .icon-badge,
body.st-up .page-utility:not(.modal-header):not(.st-dark) .tile-item-horizon .tile-thumb .tile-heart .icon-badge,
.tile-item-horizon .tile-thumb body.st-up .page-utility:not(.modal-header):not(.st-dark) .tile-heart .icon-badge,
body.st-down .page-utility:not(.modal-header):not(.st-dark) .button-icon .icon-badge,
body.st-down .page-utility:not(.modal-header):not(.st-dark) .tile-item .tile-thumb .tile-heart .icon-badge,
.tile-item .tile-thumb body.st-down .page-utility:not(.modal-header):not(.st-dark) .tile-heart .icon-badge,
body.st-down .page-utility:not(.modal-header):not(.st-dark) .tile-item-horizon .tile-thumb .tile-heart .icon-badge,
.tile-item-horizon .tile-thumb body.st-down .page-utility:not(.modal-header):not(.st-dark) .tile-heart .icon-badge {
  background-color: #000;
  color: #fff;
}
body.st-up .page-utility.st-dark:not(.modal-header),
body.st-down .page-utility.st-dark:not(.modal-header) {
  background-color: #000;
}
body.st-up .page-utility.st-overlay:not(.modal-header) .icon-search,
body.st-up .spot-copy.st-overlay .spot-bubbles .page-utility.bubble:not(.modal-header) .icon-search,
.spot-copy.st-overlay .spot-bubbles body.st-up .page-utility.bubble:not(.modal-header) .icon-search,
body.st-down .page-utility.st-overlay:not(.modal-header) .icon-search,
body.st-down .spot-copy.st-overlay .spot-bubbles .page-utility.bubble:not(.modal-header) .icon-search,
.spot-copy.st-overlay .spot-bubbles body.st-down .page-utility.bubble:not(.modal-header) .icon-search {
  background-image: url("../img/icons/icon-search__black.png");
}
body.st-up .page-utility.st-overlay:not(.modal-header) .icon-bag,
body.st-up .spot-copy.st-overlay .spot-bubbles .page-utility.bubble:not(.modal-header) .icon-bag,
.spot-copy.st-overlay .spot-bubbles body.st-up .page-utility.bubble:not(.modal-header) .icon-bag,
body.st-down .page-utility.st-overlay:not(.modal-header) .icon-bag,
body.st-down .spot-copy.st-overlay .spot-bubbles .page-utility.bubble:not(.modal-header) .icon-bag,
.spot-copy.st-overlay .spot-bubbles body.st-down .page-utility.bubble:not(.modal-header) .icon-bag {
  background-image: url("../img/icons/icon-bag__black.png");
}
body.st-up .page-utility.st-overlay:not(.modal-header) .icon-home,
body.st-up .spot-copy.st-overlay .spot-bubbles .page-utility.bubble:not(.modal-header) .icon-home,
.spot-copy.st-overlay .spot-bubbles body.st-up .page-utility.bubble:not(.modal-header) .icon-home,
body.st-down .page-utility.st-overlay:not(.modal-header) .icon-home,
body.st-down .spot-copy.st-overlay .spot-bubbles .page-utility.bubble:not(.modal-header) .icon-home,
.spot-copy.st-overlay .spot-bubbles body.st-down .page-utility.bubble:not(.modal-header) .icon-home {
  background-image: url("../img/icons/icon-home__black.png");
}
body.st-up .page-utility.st-overlay:not(.modal-header) .icon-x-page-utility,
body.st-up .spot-copy.st-overlay .spot-bubbles .page-utility.bubble:not(.modal-header) .icon-x-page-utility,
.spot-copy.st-overlay .spot-bubbles body.st-up .page-utility.bubble:not(.modal-header) .icon-x-page-utility,
body.st-down .page-utility.st-overlay:not(.modal-header) .icon-x-page-utility,
body.st-down .spot-copy.st-overlay .spot-bubbles .page-utility.bubble:not(.modal-header) .icon-x-page-utility,
.spot-copy.st-overlay .spot-bubbles body.st-down .page-utility.bubble:not(.modal-header) .icon-x-page-utility {
  background-image: url("../img/icons/icon-x-page-utility.png");
}
body.st-up .page-utility.st-overlay:not(.modal-header).st-w-logo .utility-symbol.st-white,
body.st-up
  .spot-copy.st-overlay
  .spot-bubbles
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.st-white,
.spot-copy.st-overlay
  .spot-bubbles
  body.st-up
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.st-white,
body.st-up .page-utility.st-overlay:not(.modal-header).st-w-logo .utility-symbol.spot-visual.st-video:after,
body.st-up
  .spot-copy.st-overlay
  .spot-bubbles
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.spot-visual.st-video:after,
.spot-copy.st-overlay
  .spot-bubbles
  body.st-up
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.spot-visual.st-video:after,
body.st-up .page-utility.st-overlay:not(.modal-header).st-w-logo .utility-symbol.spot-visual.st-video-view:after,
body.st-up
  .spot-copy.st-overlay
  .spot-bubbles
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.spot-visual.st-video-view:after,
.spot-copy.st-overlay
  .spot-bubbles
  body.st-up
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.spot-visual.st-video-view:after,
body.st-down .page-utility.st-overlay:not(.modal-header).st-w-logo .utility-symbol.st-white,
body.st-down
  .spot-copy.st-overlay
  .spot-bubbles
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.st-white,
.spot-copy.st-overlay
  .spot-bubbles
  body.st-down
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.st-white,
body.st-down .page-utility.st-overlay:not(.modal-header).st-w-logo .utility-symbol.spot-visual.st-video:after,
body.st-down
  .spot-copy.st-overlay
  .spot-bubbles
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.spot-visual.st-video:after,
.spot-copy.st-overlay
  .spot-bubbles
  body.st-down
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.spot-visual.st-video:after,
body.st-down .page-utility.st-overlay:not(.modal-header).st-w-logo .utility-symbol.spot-visual.st-video-view:after,
body.st-down
  .spot-copy.st-overlay
  .spot-bubbles
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.spot-visual.st-video-view:after,
.spot-copy.st-overlay
  .spot-bubbles
  body.st-down
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.spot-visual.st-video-view:after {
  opacity: 0;
}
body.st-up .page-utility.st-overlay:not(.modal-header).st-w-logo .utility-symbol.st-black,
body.st-up
  .spot-copy.st-overlay
  .spot-bubbles
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.st-black,
.spot-copy.st-overlay
  .spot-bubbles
  body.st-up
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.st-black,
body.st-down .page-utility.st-overlay:not(.modal-header).st-w-logo .utility-symbol.st-black,
body.st-down
  .spot-copy.st-overlay
  .spot-bubbles
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.st-black,
.spot-copy.st-overlay
  .spot-bubbles
  body.st-down
  .page-utility.bubble:not(.modal-header).st-w-logo
  .utility-symbol.st-black {
  opacity: 1;
}
body.st-no-dock #floating-nav,
body.st-no-dock #cloud-shoplive-live-mini-preview .cloud-shoplive {
  bottom: 5.5555555556vw;
  bottom: calc(5.5555555556vw + constant(safe-area-inset-bottom));
  bottom: calc(5.5555555556vw + env(safe-area-inset-bottom));
}
body.st-no-dock #floating-nav.st-sticky-button,
body.st-sticky-button #floating-nav {
  bottom: 18.3333333333vw;
  bottom: calc(18.3333333333vw + constant(safe-area-inset-bottom));
  bottom: calc(18.3333333333vw + env(safe-area-inset-bottom));
}
body.st-up #floating-nav,
body.st-up #cloud-shoplive-live-mini-preview .cloud-shoplive {
  bottom: 17.7777777778vw;
  bottom: calc(17.7777777778vw + constant(safe-area-inset-bottom));
  bottom: calc(17.7777777778vw + env(safe-area-inset-bottom));
}
body.st-up #dockBar {
  bottom: 0;
}
body.st-up [data-component-pin="fullpage"] ~ #floating-nav {
  bottom: 18.3333333333vw;
  bottom: calc(18.3333333333vw + constant(safe-area-inset-bottom));
  bottom: calc(18.3333333333vw + env(safe-area-inset-bottom));
}
body.st-up .toast-box--floating {
  bottom: 19.4444444444vw;
  bottom: calc(19.4444444444vw + constant(safe-area-inset-bottom));
  bottom: calc(19.4444444444vw + env(safe-area-inset-bottom));
}
body.st-down #floating-nav,
body.st-down #cloud-shoplive-live-mini-preview .cloud-shoplive {
  bottom: 5.5555555556vw;
}
body.st-down [data-component-pin="fullpage"] ~ #floating-nav {
  bottom: 18.3333333333vw;
  bottom: calc(18.3333333333vw + constant(safe-area-inset-bottom));
  bottom: calc(18.3333333333vw + env(safe-area-inset-bottom));
}
body.st-down #dockBar:not([data-component-pin="fullpage"] ~ #dockBar) {
  bottom: -27.7777777778vw;
  bottom: calc(-27.7777777778vw - constant(safe-area-inset-bottom));
  bottom: calc(-27.7777777778vw - env(safe-area-inset-bottom));
}
body.st-down .toast-box--floating {
  bottom: 5.5555555556vw;
  bottom: calc(5.5555555556vw - constant(safe-area-inset-bottom));
  bottom: calc(5.5555555556vw - env(safe-area-inset-bottom));
}
body.overflow-hidden {
  height: 100%;
}
body.lock-scroll {
  overflow: hidden;
  overscroll-behavior: none;
  touch-action: none;
}
#contents {
  padding-top: 13.6111111111vw;
  padding-top: calc(constant(safe-area-inset-top) + 13.6111111111vw);
  padding-top: calc(env(safe-area-inset-top) + 13.6111111111vw);
  padding-bottom: 22.2222222222vw;
}
.goodwear {
  display: block;
  height: 3.8888888889vw;
}
.goodwear.st-elevated,
.summary-data .goodwear.summary-title,
.summary-data .goodwear.summary-text,
.announce-print-value .goodwear.announce-label,
.announce-print-value .goodwear.announce-text,
.zip-code .goodwear.zip-code-title,
.zip-code .goodwear.zip-code-text {
  height: 11.1111111111vw;
}
.goodwear-vertical {
  display: block;
  height: 8.3333333333vw;
}
.symbol__kc {
  width: 3.6111111111vw;
}
.flash-logo {
  height: 6.6666666667vw;
}
.page-utility.st-w-logo {
  background-color: #fff;
}
.page-utility:not(.modal-header) {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-utility {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.3888888889vw 2.7777777778vw 1.3888888889vw 1.3888888889vw;
  height: 13.8888888889vw;
  padding-top: calc(constant(safe-area-inset-top) + 1.3888888889vw);
  padding-top: calc(env(safe-area-inset-top) + 1.3888888889vw);
}
.page-utility__prev + .utility-label .utility-symbol {
  margin-left: -2.7777777778vw;
}
.page-utility .utility-start,
.page-utility .utility-center {
  display: flex;
  align-items: center;
}
.page-utility .utility-start .utility-label .utility-text,
.page-utility .utility-center .utility-label .utility-text {
  line-height: 11.1111111111vw;
}
.page-utility .utility-start {
  min-width: 0;
  max-width: 100%;
}
.page-utility .utility-start .icon-chevron-next {
  margin-right: 1.3888888889vw;
  flex-shrink: 0;
}
.page-utility .utility-start h1:only-child {
  margin-left: 4.1666666667vw;
}
.page-utility .utility-start .utility-label:not([data-tt-toggle]) {
  margin-left: 4.1666666667vw;
}
.page-utility .utility-start .icon-chevron-next + .utility-label {
    margin-left: 0;
}
.page-utility .utility-start .page-utility__prev + .utility-label {
  margin-left: 0;
}
.page-utility .utility-end {
  display: flex;
  flex-shrink: 0;
}
.page-utility .utility-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}
.page-utility .utility-label .utility-text {
  display: block;
  font-size: 4.4444444444vw;
  font-weight: 600;
  flex-shrink: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 1.3888888889vw;
  min-width: 0;
  max-width: 100%;
}
.page-utility .utility-label .icon-chevron-down {
  flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-utility .utility-label.modal-active .icon-chevron-down {
  transform: rotate(-180deg);
}
.page-utility .utility-label--brand {
  margin-left: 4.1666666667vw;
}
.page-utility .utility-label--brand .logo-img {
  display: block;
  width: auto;
  height: 6.111vw;
}
.page-utility .utility-label--brand + .page-utility__heart {
  margin-left: 1.1111111111vw;
}
.page-utility h1.utility-label .utility-text {
  flex-shrink: 0;
}
.page-utility.st-overlay,
.spot-copy.st-overlay .spot-bubbles .page-utility.bubble {
  position: fixed;
  z-index: 99;
  background-color: #0003;
}
.page-utility.st-overlay .icon,
.spot-copy.st-overlay .spot-bubbles .page-utility.bubble .icon,
.page-utility.st-overlay .spot-visual.st-video:after,
.spot-copy.st-overlay .spot-bubbles .page-utility.bubble .spot-visual.st-video:after,
.page-utility.st-overlay .spot-visual.st-video-view:after,
.spot-copy.st-overlay .spot-bubbles .page-utility.bubble .spot-visual.st-video-view:after {
  transition: background 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-utility.st-overlay .icon-home,
.spot-copy.st-overlay .spot-bubbles .page-utility.bubble .icon-home {
  background-image: url("../img/icons/icon-home__white.png");
}
.page-utility.st-overlay .icon-x-page-utility,
.spot-copy.st-overlay .spot-bubbles .page-utility.bubble .icon-x-page-utility {
  background-image: url("../img/icons/icon-x-page-utility__white.png");
}
.page-utility.st-overlay.st-w-logo .utility-start .utility-label,
.spot-copy.st-overlay .spot-bubbles .page-utility.st-w-logo.bubble .utility-start .utility-label {
  position: relative;
  height: 11.1111111111vw;
}
.page-utility.st-overlay.st-w-logo .utility-symbol,
.spot-copy.st-overlay .spot-bubbles .page-utility.st-w-logo.bubble .utility-symbol {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-utility.st-overlay.st-w-logo .utility-symbol.st-black,
.spot-copy.st-overlay .spot-bubbles .page-utility.st-w-logo.bubble .utility-symbol.st-black {
  opacity: 0;
}
.page-utility.st-search {
  min-width: 0;
  max-width: 100%;
  background-color: #fff;
}
.page-utility.st-search .utility-start {
  flex-shrink: 0;
}
.page-utility.st-search .utility-end {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 1;
  margin-left: 1.3888888889vw;
  padding-right: 2.7777777778vw;
}
.page-utility.st-search .search-placeholder {
  display: none;
  position: absolute;
  left: 4.1666666667vw;
  top: 3.3333333333vw;
  width: 75%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666;
  font-size: 3.6111111111vw;
  pointer-events: none;
}
.page-utility.st-search .search-placeholder strong {
  color: #1384ff;
}
.page-utility.st-search .text-input-box {
  flex-grow: 1;
}
.page-utility.st-search .text-input-box .text-input-layer {
  border: none;
  position: fixed;
  top: 13.6111111111vw;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
}
.page-utility.st-search .search-input-keyword {
  display: flex;
  align-items: center;
  padding: 1.3888888889vw 2.2222222222vw 1.3888888889vw 2.7777777778vw;
  gap: 1.1111111111vw;
  border-radius: 13.8888888889vw;
  border: 0.2777777778vw solid #000;
}
.page-utility.st-search .search-input-keyword .text-inner {
  max-width: 12.5vw;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page-utility.st-search .text-input.st-attention,
.page-utility.st-search .st-attention.text-input-currency {
  border-color: #d8d8d8;
}
.page-utility.st-search .bag {
  position: relative;
  display: block;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
}
.page-utility.st-search .bag .pictogram {
  display: block;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  background-size: 11.1111111111vw;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/pictogram-bag@2x.png");
}
.page-utility.st-search .bag .count {
  position: absolute;
  min-width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-color: #000;
  top: 1.9444444444vw;
  left: 5.8333333333vw;
  border-radius: 100vw;
  color: #fff;
  font-size: 2.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.1111111111vw;
  font-variant-numeric: tabular-nums;
}
.page-utility.st-w-logo.st-dark {
  background-color: #000;
}
.page-utility.st-w-logo.st-overlay,
.spot-copy.st-overlay .spot-bubbles .page-utility.st-w-logo.bubble {
  background-color: transparent;
}
.page-utility.st-goods .utility-center {
  min-width: 0;
  width: 70%;
}
.page-utility.st-goods .utility-label {
  font-size: 3.6111111111vw;
  font-style: normal;
}
.page-utility.st-goods .utility-label strong {
  font-weight: 600;
}
.page-utility.st-goods .utility-center .utility-label:first-child {
  flex-shrink: 0;
}
.page-utility.st-goods .utility-center p.utility-label,
.page-utility.st-goods .utility-center em.utility-label {
  display: block;
  width: 100%;
  min-width: 0;
  margin-left: 1.6666666667vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.page-utility.st-goods .image-placeholder,
.page-utility.st-goods .spot-utility .spot-thumb,
.spot-utility .page-utility.st-goods .spot-thumb,
.page-utility.st-goods .file-upload-image .file-thumb,
.file-upload-image .page-utility.st-goods .file-thumb {
  display: block;
  margin-right: 2.7777777778vw;
}
.page-utility.st-summary .utility-label {
  font-size: 3.6111111111vw;
  font-style: normal;
  color: #aaa;
  padding: 0;
  width: 100%;
  justify-content: center;
}
.page-utility.st-summary .utility-label.active {
  color: #000;
  font-weight: 600;
}
.page-utility.st-summary .utility-center {
  width: 100%;
}
.page-utility.st-summary .image-placeholder,
.page-utility.st-summary .spot-utility .spot-thumb,
.spot-utility .page-utility.st-summary .spot-thumb,
.page-utility.st-summary .file-upload-image .file-thumb,
.file-upload-image .page-utility.st-summary .file-thumb {
  display: block;
  margin-right: 2.7777777778vw;
  margin-left: 1.3888888889vw;
}
.page-utility.st-summary.add-st {
  top: 13.6111111111vw;
  height: 11.1111111111vw;
  padding: 0 2.2222222222vw;
  border-bottom: 1px solid #eee;
}
.page-utility.st-summary.add-st .utility-label {
  gap: 0.5555555556vw;
  font-size: 3.8888888889vw;
}
.page-utility.st-summary.add-st .utility-label.active {
  color: #006bff;
}
.page-utility.st-summary.add-st .utility-label span {
  font-size: 3.0555555556vw;
}
body.has-category-tile .page-utility:not(.modal-header) {
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#nav-megamenu {
  margin-bottom: 2.7777777778vw;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#nav-clubmall {
  width: 100%;
  position: fixed;
  top: 13.6111111111vw;
  left: 0;
  z-index: 99;
  transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  padding: 0 5.5555555556vw;
}
#nav-clubmall .navigator-list {
  justify-content: space-between;
}
#nav-clubmall .navigator-button {
  padding: 0 2.7777777778vw;
}
.catalog-utility {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.8333333333vw;
  padding-bottom: 0.8333333333vw;
}
.catalog-utility.container {
  padding-right: 1.9444444444vw;
}
.catalog-utility .utility-start,
.catalog-utility .utility-end {
  display: flex;
}
.catalog-utility .utility-number {
  display: block;
  font-style: normal;
  font-size: 3.8888888889vw;
  font-weight: 400;
  line-height: 9.1666666667vw;
}
.catalog-utility .utility-number small {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #999;
}
.catalog-utility .selectbox-text + .selectbox-text {
  margin-left: 5.5555555556vw;
}
.catalog-utility .utility-end .selectbox-text + .button-icon,
.catalog-utility .utility-end .tile-item .tile-thumb .selectbox-text + .tile-heart,
.tile-item .tile-thumb .catalog-utility .utility-end .selectbox-text + .tile-heart,
.catalog-utility .utility-end .tile-item-horizon .tile-thumb .selectbox-text + .tile-heart,
.tile-item-horizon .tile-thumb .catalog-utility .utility-end .selectbox-text + .tile-heart {
  margin-left: 2.7777777778vw;
}
.catalog-utility .utility-end .selectbox-text:last-child {
  margin-right: 3.6111111111vw;
}
.catalog-utility .button-icon,
.catalog-utility .tile-item .tile-thumb .tile-heart,
.tile-item .tile-thumb .catalog-utility .tile-heart,
.catalog-utility .tile-item-horizon .tile-thumb .tile-heart,
.tile-item-horizon .tile-thumb .catalog-utility .tile-heart {
  margin-top: -0.8333333333vw;
  margin-bottom: -0.8333333333vw;
}
.catalog-utility.st-sm {
  margin-top: 1.9444444444vw;
  margin-bottom: 1.9444444444vw;
}
#floating-nav {
  position: fixed;
  bottom: 18.3333333333vw;
  bottom: calc(18.3333333333vw + constant(safe-area-inset-bottom));
  bottom: calc(18.3333333333vw + env(safe-area-inset-bottom));
  left: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  z-index: 101;
  transition: bottom 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
#floating-nav .nav-goodtv {
  display: none;
}
#floating-nav .nav-start {
  position: absolute;
  left: 5.5555555556vw;
  bottom: 0;
  z-index: 1;
  opacity: 0;
}
#floating-nav .nav-start .nav-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  background-color: #fffc;
  border: 0.2777777778vw solid #eee;
  margin-top: 2.7777777778vw;
  font-size: 6.1111111111vw;
  font-weight: 300;
  text-align: center;
  line-height: 10.5555555556vw;
}
#floating-nav .nav-end {
  position: absolute;
  right: 5.5555555556vw;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  opacity: 0;
  overflow: hidden;
}
#floating-nav .nav-end .nav-icon {
  border-radius: 50%;
  background-color: #fffc;
  border: 0.2777777778vw solid #eee;
  margin-top: 2.7777777778vw;
  font-size: 6.1111111111vw;
  font-weight: 300;
  text-align: center;
  line-height: 10.5555555556vw;
}
#floating-nav .nav-end .icon-floating-pencil-line {
  background-color: #000;
  border-color: #000;
}
#floating-nav .nav-end .nav-icon-community {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  overflow: hidden;
  min-width: 11.1111111111vw;
  min-height: 11.1111111111vw;
  background-color: #006bff;
  color: #fff;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  padding: 3.0555555556vw 3.75vw;
  border: none;
  white-space: nowrap;
  max-width: 100%;
  border-radius: 5.5555555556vw;
}
#floating-nav .nav-end .nav-icon-community .nav-community-text {
  display: block;
  max-width: 100%;
  margin-left: 1.8055555556vw;
}
#floating-nav .nav-end .nav-icon-community .nav-community-flash {
  max-width: 100%;
  height: 4.7222222222vw;
  margin-top: -0.5555555556vw;
  margin-right: 1.8055555556vw;
  margin-left: 2.7777777778vw;
}
#floating-nav .nav-end .nav-icon-community .nav-community-flash img {
  height: 100%;
}
#floating-nav .nav-end .nav-icon-community .nav-community-hash {
  position: absolute;
  top: 50%;
  left: calc(50% + 3.6111111111vw);
  height: 4.4444444444vw;
  transform: translate(-50%, -50%);
  opacity: 0;
}
#floating-nav .nav-end .nav-icon-community .nav-community-hash img {
  height: 100%;
}
#floating-nav .nav-end .nav-icon-recently {
  margin-top: 2.7777777778vw;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  border-radius: 50%;
  font: 0/0 a !important;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: transparent center center no-repeat;
  background-size: cover;
  background-position: center top;
  border: 0.2777777778vw solid #eee;
  background-color: #fffc;
}
#floating-nav .nav-end .nav-icon-recently .icon,
#floating-nav .nav-end .nav-icon-recently .spot-visual.st-video:after,
#floating-nav .nav-end .nav-icon-recently .spot-visual.st-video-view:after {
  background-size: 6.6666666667vw;
}
#floating-nav .nav-end .icon-floating-top {
  margin-top: 0;
  margin-bottom: -11.1111111111vw;
  opacity: 0;
  transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#floating-nav .nav-end .nav-icon--add {
  display: inline-flex;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  border-radius: 50%;
  font: 0/0 a !important;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  background: transparent center center no-repeat;
  background-size: cover;
  background-color: #fffc;
  border: 1px solid #eee;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  font-size: 2.7777777778vw !important;
  color: #000;
}
#floating-nav .nav-end .nav-icon--add img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#floating-nav .nav-end .nav-icon--selectshop {
  overflow: hidden;
  display: block;
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  border-radius: 50%;
  position: relative;
  border: none;
  background-color: unset;
  background: linear-gradient(140deg, #0377fc, #2ea9ec 46%, #04dd7a);
}
#floating-nav .nav-end .nav-icon--selectshop > img {
  position: relative;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#floating-nav .nav-end .nav-icon--selectshop:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 120%;
  height: 120%;
  background-color: #000;
  opacity: 1;
  transition: opacity 1.2s ease;
  transition-delay: 0.6s;
  will-change: opacity;
}
#floating-nav.st-scroll .nav-end .icon-floating-top {
  margin-top: 2.7777777778vw;
  margin-bottom: 0;
  opacity: 1;
}
#floating-nav.st-motion .nav-end .nav-icon-community {
  max-width: 0;
}
#floating-nav.st-motion .nav-end .nav-icon-community .nav-community-text {
  max-width: 0;
  opacity: 0;
  margin-left: 0;
}
#floating-nav.st-motion .nav-end .nav-icon-community .nav-community-flash {
  max-width: 0;
  opacity: 0;
  margin-right: 0;
  margin-left: 0;
}
#floating-nav.st-motion .nav-end .nav-icon-community .nav-community-hash {
  left: 50%;
  opacity: 1;
}
#floating-nav.st-btn-active .nav-icon--selectshop:before {
  opacity: 0;
}
#cloud-shoplive-live-mini-preview .cloud-shoplive {
  top: auto !important;
  left: 5.5555555556vw;
  bottom: 20vw;
  bottom: calc(constant(safe-area-inset-bottom) + 20vw);
  bottom: calc(env(safe-area-inset-bottom) + 20vw);
  margin: 0 !important;
  z-index: 100;
  transition: bottom 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#floating-toast,
.floating-toast {
  position: fixed;
  top: calc(50% - 6.25vw);
  transform: translateY(-50%);
  left: 5.5555555556vw;
  right: 5.5555555556vw;
  background-color: #006bffe6;
  padding: 4.1666666667vw 5.5555555556vw;
  border-radius: 2.7777777778vw;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
}
#floating-toast .toast-text,
.floating-toast .toast-text {
  display: block;
  text-align: center;
  font-size: 3.6111111111vw;
  line-height: 5.2777777778vw;
  color: #fff;
}
#floating-toast.st-bottom,
.floating-toast.st-bottom {
  top: auto;
  bottom: 5.5555555556vw;
  transform: translateY(0);
}
.floating-toast-group {
  position: fixed;
  top: calc(50% - 6.25vw);
  transform: translateY(-50%);
  left: 5.5555555556vw;
  right: 5.5555555556vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.7777777778vw;
  opacity: 0;
  visibility: hidden;
}
.floating-toast-group .floating-toast {
  position: relative;
  top: 0;
  left: 0;
  transform: translate(0);
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.floating-toast-group.st-bottom {
  top: auto;
  bottom: 5.5555555556vw;
  bottom: calc(constant(safe-area-inset-bottom) + 5.5555555556vw);
  bottom: calc(env(safe-area-inset-bottom) + 5.5555555556vw);
  transform: translateY(0);
}
#dockBar {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 102;
  transition: bottom 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  border-top: none;
  background: linear-gradient(to bottom, transparent 75%, #fff 10%);
  filter: drop-shadow(0 -2px 8px rgba(0, 0, 0, 0.08));
}
#dockBar:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -1.6666666667vw;
  left: 0;
  background-image: url("../img/dock-bg.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
#dockBar:after {
  content: "";
  display: block;
  width: 100%;
  height: calc(env(safe-area-inset-bottom) + 4.1666666667vw);
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
#dockBar .dock-bar__btn {
  width: 17.7777777778vw;
  text-align: center;
  padding-top: 1.6666666667vw;
  padding-bottom: 0.5555555556vw;
}
#dockBar .dock-bar__text {
  display: block;
  font-style: normal;
  font-size: 2.5vw;
  line-height: 3.3333333333vw;
  margin-top: 0.8333333333vw;
  color: #666;
}
#dockBar .dock-bar__circle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  border-radius: 100%;
  background-color: #006bff;
  margin: 0 1.3888888889vw;
}
#dockBar .dock-bar__close {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border: none;
  background-color: #dfecff;
  opacity: 0;
  transform: scale(0);
}
#dockBar > button {
  position: relative;
  z-index: 1;
}
#dockBar .position-r {
  margin-top: -3.3333333333vw;
}
#dockBar.dock-bar-renewal {
  gap: 7.2222222222vw;
  padding-left: 8.8888888889vw;
  padding-right: 8.8888888889vw;
  background-color: #fff;
}
#dockBar.dock-bar-renewal:before {
  background-image: none;
  pointer-events: none;
  touch-action: none;
}
#dockBar.dock-bar-renewal .dock-bar__btn {
  width: 100%;
}
#dockBar.dock-bar-renewal .dock-bar__text {
  margin-top: 0.5555555556vw;
}
#dockBar.dock-bar-renewal .dock-bar__circle {
  width: 11.1111111111vw;
  height: 11.1111111111vw;
  margin: 0;
}
#dockBar.dock-bar-renewal .dock-bar__badge {
  display: block;
  position: absolute;
  top: -2.2222222222vw;
  left: 50%;
  border-radius: 6.9444444444vw;
  padding: 0.8333333333vw 1.1111111111vw 0.5555555556vw;
  background-color: #006bff;
  color: #fff;
  font-size: 1.9444444444vw;
  font-weight: 600;
  transform: translate(-50%);
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#dockBar.dock-bar-renewal .dock-bar__badge.st-new {
  top: -0.8333333333vw;
  left: auto;
  right: 1.1111111111vw;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  padding: 0;
  font-weight: 400;
  line-height: 1;
  transform: unset;
}
#dockBar.dock-bar-renewal .dock-bar__circle--topten {
  background-color: #000;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.05));
  transition:
    background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1),
    filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
#dockBar.dock-bar-renewal .dock-bar__circle--topten.dock-bar__close {
  background-color: #ccc;
  filter: none;
  transform: rotate(0);
}
#dockBar.dock-bar-renewal .position-r {
  margin-top: -3.6111111111vw;
}
#dockBar.dock-bar-renewal.has-tooltip .dock-bar__badge {
  opacity: 0;
}
#dockBar.dock-bar-renewal.has-tooltip .dock-bar__badge.is-active {
  opacity: 1;
}
#dockBar.dock-bar-renewal.has-tooltip .dock-bar__badge:not(.st-new) {
  display: block;
}
#dockBar.dock-bar-renewal.has-tooltip .dock-bar__badge.st-new {
  display: none;
}
#dockBar.dock-bar-renewal .dock-bar__circle--selectshop {
  background: linear-gradient(133deg, #0377fc 16.07%, #2ea9ec 49.6%, #04dd7a 89.49%);
  transition: none;
}
#modal-category .modal-header .navigator.st-large,
#global-nav .modal-header .navigator.st-large {
  margin-left: -1.3888888889vw;
}
#modal-category .modal-header .navigator.st-large .navigator-list .navigator-text,
#global-nav .modal-header .navigator.st-large .navigator-list .navigator-text {
  line-height: 11.1111111111vw;
}
#modal-category .navigator.st-mid .navigator-button.active .navigator-text:after,
#global-nav .navigator.st-mid .navigator-button.active .navigator-text:after {
  display: none;
}
#modal-category .modal-dialog,
#global-nav .modal-dialog {
  transform: translate(-100%);
}
#modal-category .modal-body,
#global-nav .modal-body {
  overflow: hidden;
}
#modal-category .modal-body_overflow-y,
#global-nav .modal-body_overflow-y {
  overflow-x: hidden;
  overflow-y: auto;
}
#modal-category .global-nav-wrap,
#global-nav .global-nav-wrap {
  border-bottom: 0.2777777778vw solid #000;
  padding-top: 4.1666666667vw;
  padding-bottom: 6.9444444444vw;
  height: 100%;
}
#modal-category .global-nav-collapse,
#global-nav .global-nav-collapse {
  display: block;
  overflow: hidden;
  max-height: 0;
}
#modal-category .gnb-category-widget,
#global-nav .gnb-category-widget {
  width: 100%;
  height: 20.5555555556vw;
  margin: 4.4444444444vw 0;
  box-sizing: border-box;
}
#modal-category .gnb-category-widget .swiper,
#global-nav .gnb-category-widget .swiper {
  width: 100%;
  height: 100%;
  padding: 0 5.5555555556vw;
}
#modal-category .gnb-category-widget .widget-box,
#global-nav .gnb-category-widget .widget-box {
  height: 100%;
}
#modal-category .gnb-category-widget .widget-box .button-cta,
#global-nav .gnb-category-widget .widget-box .button-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.1111111111vw;
  width: 15.5555555556vw;
  height: auto;
  margin-right: 2.7777777778vw;
}
#modal-category .gnb-category-widget .widget-box .button-cta .button-img,
#global-nav .gnb-category-widget .widget-box .button-cta .button-img {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 15.5555555556vw;
  border-radius: 2.2222222222vw;
  border: 0.2777777778vw solid #f3f3f3;
  box-sizing: border-box;
  overflow: hidden;
}
#modal-category .gnb-category-widget .widget-box .button-cta .button-img img,
#global-nav .gnb-category-widget .widget-box .button-cta .button-img img {
  width: auto;
  height: 100%;
}
#modal-category .gnb-category-widget .widget-box .button-cta .button-text,
#global-nav .gnb-category-widget .widget-box .button-cta .button-text {
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #000;
  padding: 0;
  display: -webkit-box;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#modal-category .gnb-category-widget .widget-box .button-cta:last-child,
#global-nav .gnb-category-widget .widget-box .button-cta:last-child {
  margin-right: 0;
}
#modal-category .gnb-category-container,
#global-nav .gnb-category-container {
  height: calc(100% - 29.4444444444vw);
  display: flex;
  border-top: 0.2777777778vw solid #eee;
}
#modal-category .gnb-category-container .gnb-category-start,
#global-nav .gnb-category-container .gnb-category-start {
  background-color: #f8f8f8;
  width: 34.4444444444vw;
  flex-shrink: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 16.6666666667vw;
}
#modal-category .gnb-category-container .gnb-category-start .gnb-category-nav .gnb-category-btn,
#global-nav .gnb-category-container .gnb-category-start .gnb-category-nav .gnb-category-btn {
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 3.8888888889vw;
  line-height: 13.3333333333vw;
  font-weight: 600;
  width: 100%;
  padding: 0 5.5555555556vw;
  color: #666;
}
#modal-category .gnb-category-container .gnb-category-start .gnb-category-nav .gnb-category-btn.active,
#global-nav .gnb-category-container .gnb-category-start .gnb-category-nav .gnb-category-btn.active {
  background-color: #fff;
  color: #000;
}
#modal-category .gnb-category-container .gnb-category-start .gnb-category-nav .gnb-category-btn.marker:after,
#global-nav .gnb-category-container .gnb-category-start .gnb-category-nav .gnb-category-btn.marker:after {
  content: "";
  display: block;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  border-radius: 0.5555555556vw;
  flex-shrink: 0;
  background-color: #006bff;
  margin-top: -2.7777777778vw;
  margin-left: 0.8333333333vw;
}
#modal-category .gnb-category-container .gnb-category-start .gnb-category-nav .divider.st-dimmed,
#global-nav .gnb-category-container .gnb-category-start .gnb-category-nav .divider.st-dimmed {
  margin-top: 0 !important;
  margin-bottom: 2.7777777778vw !important;
}
#modal-category .gnb-category-container .gnb-category-start .gnb-category-nav .button-cta,
#global-nav .gnb-category-container .gnb-category-start .gnb-category-nav .button-cta {
  padding: 0 5.5555555556vw;
  margin-bottom: 1.6666666667vw;
}
#modal-category .gnb-category-container .gnb-category-start .gnb-category-nav .button-cta .button-text,
#global-nav .gnb-category-container .gnb-category-start .gnb-category-nav .button-cta .button-text {
  font-size: 3.8888888889vw;
  font-weight: 600;
}
#modal-category .gnb-category-container .gnb-category-start .gnb-category-nav .button-cta + .gnb-category-banner,
#global-nav .gnb-category-container .gnb-category-start .gnb-category-nav .button-cta + .gnb-category-banner {
  margin-top: 4.4444444444vw;
}
#modal-category .gnb-category-container .gnb-category-start .gnb-category-banner,
#global-nav .gnb-category-container .gnb-category-start .gnb-category-banner {
  display: block;
  margin: 1.1111111111vw 3.3333333333vw;
  border-radius: 1.1111111111vw;
  overflow: hidden;
}
#modal-category .gnb-category-container .gnb-category-start .gnb-category-settings,
#global-nav .gnb-category-container .gnb-category-start .gnb-category-settings {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 5.5555555556vw;
  width: 100%;
  padding: 5.5555555556vw 5.5555555556vw 0;
  border-top: 0.2777777778vw solid #e4e4e4;
  margin-top: 5.5555555556vw;
}
#modal-category .gnb-category-container .gnb-category-start .gnb-category-settings span,
#global-nav .gnb-category-container .gnb-category-start .gnb-category-settings span {
  color: #999;
  text-align: center;
  font-size: 3.6111111111vw;
  font-weight: 400;
  line-height: normal;
}
#modal-category .gnb-category-container .gnb-category-start .gnb-category-settings .setting-link,
#global-nav .gnb-category-container .gnb-category-start .gnb-category-settings .setting-link {
  display: flex;
  align-items: center;
  gap: 1.1111111111vw;
}
#modal-category .gnb-category-container .gnb-category-start .gnb-category-settings .setting-link:after,
#global-nav .gnb-category-container .gnb-category-start .gnb-category-settings .setting-link:after {
  content: "";
  display: block;
  width: 1.3888888889vw;
  height: 2.2222222222vw;
  background-image: url("../img/icons/icon-chevron-next__gray999.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#modal-category .gnb-category-container .gnb-category-end,
#global-nav .gnb-category-container .gnb-category-end {
  width: 100%;
  padding: 0 3.3333333333vw;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#modal-category .gnb-category-container .gnb-category-end .gnb-category-item,
#global-nav .gnb-category-container .gnb-category-end .gnb-category-item {
  margin-bottom: 2.7777777778vw;
  padding-top: 2.5vw;
}
#modal-category .gnb-category-container .gnb-category-end .gnb-category-item:last-child,
#global-nav .gnb-category-container .gnb-category-end .gnb-category-item:last-child {
  padding-bottom: calc(100vh - 86.1111111111vw);
}
#modal-category .gnb-category-container .gnb-category-end .gnb-category-link,
#global-nav .gnb-category-container .gnb-category-end .gnb-category-link {
  display: block;
  padding: 0 3.3333333333vw;
  color: #333;
}
#modal-category .gnb-category-container .gnb-category-end .gnb-category-link .button-text,
#global-nav .gnb-category-container .gnb-category-end .gnb-category-link .button-text {
  font-size: 3.8888888889vw;
}
#modal-category .gnb-category-container .gnb-category-end .button-cta,
#global-nav .gnb-category-container .gnb-category-end .button-cta {
  width: 100%;
  padding-left: 3.3333333333vw;
  border-radius: 1.1111111111vw;
  background-color: #f1f5ff;
  color: #1a5fff;
  margin-bottom: 1.3888888889vw;
}
#modal-category .gnb-category-container .gnb-category-end .button-cta .button-text,
#global-nav .gnb-category-container .gnb-category-end .button-cta .button-text {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
}
#modal-category .global-nav-app,
#global-nav .global-nav-app {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  width: 100%;
  background-color: #fff;
  border-top: 0.2777777778vw solid #eee;
  padding: 2.2222222222vw 0;
  padding: 2.2222222222vw 0 constant(safe-area-inset-bottom2.2222222222vw);
  padding: 2.2222222222vw 0 env(safe-area-inset-bottom2.2222222222vw);
}
#modal-category .global-nav-app .nav-app__item,
#global-nav .global-nav-app .nav-app__item {
  position: relative;
  width: 100%;
}
#modal-category .global-nav-app .nav-app__item + .nav-app__item:before,
#global-nav .global-nav-app .nav-app__item + .nav-app__item:before {
  content: "";
  display: block;
  width: 0.2777777778vw;
  height: 2.7777777778vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  margin: auto;
  background-color: #ddd;
}
#modal-category .global-nav-app .button-text,
#global-nav .global-nav-app .button-text {
  text-align: center;
  color: #999;
}
#modal-category .gnb-category-submenu,
#global-nav .gnb-category-submenu {
  border-top: 0.2777777778vw solid #eee;
}
#modal-category .gnb-category-submenu .quick-submenu,
#global-nav .gnb-category-submenu .quick-submenu {
  overflow: hidden;
  display: flex;
  width: 88.8888888889vw;
  height: 12.2222222222vw;
  margin: 4.4444444444vw auto;
  border-radius: 2.7777777778vw;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  border: 1px solid #eee;
}
#modal-category .gnb-category-submenu .quick-submenu__item,
#global-nav .gnb-category-submenu .quick-submenu__item {
  display: flex;
  position: relative;
  height: 100%;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}
#modal-category .gnb-category-submenu .quick-submenu__item + .quick-submenu__item:before,
#global-nav .gnb-category-submenu .quick-submenu__item + .quick-submenu__item:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.2777777778vw;
  height: 4.4444444444vw;
  background-color: #ccc;
  transform: translateY(-50%);
}
#modal-category .gnb-category-submenu .quick-submenu__item-text,
#global-nav .gnb-category-submenu .quick-submenu__item-text {
  display: block;
  text-align: center;
  font-size: 3.6111111111vw;
  font-weight: 400;
  color: #000;
}
#modal-category #globalNavTabCont,
#global-nav #globalNavTabCont {
  height: 100%;
}
#modal-category #globalNavCategory,
#global-nav #globalNavCategory {
  height: 100%;
  flex-direction: column;
}
#modal-category #globalNavCategory.active,
#global-nav #globalNavCategory.active {
  display: flex;
}
#modal-category #globalNavBrand,
#global-nav #globalNavBrand {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#modal-category #modalCategoryBrand .global-nav-section,
#modal-category #globalNavBrand .global-nav-section,
#global-nav #modalCategoryBrand .global-nav-section,
#global-nav #globalNavBrand .global-nav-section {
  padding-top: 2.7777777778vw;
  border-top: 2.7777777778vw solid #fafafa;
}
#modal-category #modalCategoryBrand .global-nav-section .heading-group,
#modal-category #globalNavBrand .global-nav-section .heading-group,
#global-nav #modalCategoryBrand .global-nav-section .heading-group,
#global-nav #globalNavBrand .global-nav-section .heading-group {
  margin-top: 2.7777777778vw;
}
#modal-category #modalCategoryBrand .global-nav-section:first-child,
#modal-category #globalNavBrand .global-nav-section:first-child,
#global-nav #modalCategoryBrand .global-nav-section:first-child,
#global-nav #globalNavBrand .global-nav-section:first-child {
  padding-top: 0;
  border: none;
}
#modal-category #modalCategoryBrand .global-nav-section:first-child .global-nav-list,
#modal-category #globalNavBrand .global-nav-section:first-child .global-nav-list,
#global-nav #modalCategoryBrand .global-nav-section:first-child .global-nav-list,
#global-nav #globalNavBrand .global-nav-section:first-child .global-nav-list {
  padding-top: 1.3888888889vw;
}
#modal-category #modalCategoryBrand .global-nav-list,
#modal-category #globalNavBrand .global-nav-list,
#global-nav #modalCategoryBrand .global-nav-list,
#global-nav #globalNavBrand .global-nav-list {
  padding-top: 4.1666666667vw;
  padding-bottom: 6.9444444444vw;
}
#modal-category #modalCategoryBrand #modalCategoryBrandTabCont,
#modal-category #modalCategoryBrand #globalNavBrandTabCont,
#modal-category #globalNavBrand #modalCategoryBrandTabCont,
#modal-category #globalNavBrand #globalNavBrandTabCont,
#global-nav #modalCategoryBrand #modalCategoryBrandTabCont,
#global-nav #modalCategoryBrand #globalNavBrandTabCont,
#global-nav #globalNavBrand #modalCategoryBrandTabCont,
#global-nav #globalNavBrand #globalNavBrandTabCont {
  padding-top: 2.7777777778vw;
}
#modal-category #modalCategoryBrand #modalCategoryBrandTabCont .tab-pane,
#modal-category #modalCategoryBrand #globalNavBrandTabCont .tab-pane,
#modal-category #globalNavBrand #modalCategoryBrandTabCont .tab-pane,
#modal-category #globalNavBrand #globalNavBrandTabCont .tab-pane,
#global-nav #modalCategoryBrand #modalCategoryBrandTabCont .tab-pane,
#global-nav #modalCategoryBrand #globalNavBrandTabCont .tab-pane,
#global-nav #globalNavBrand #modalCategoryBrandTabCont .tab-pane,
#global-nav #globalNavBrand #globalNavBrandTabCont .tab-pane {
  position: relative;
}
#modal-category #modalCategoryBrand #modalCategoryBrandTabCont .global-brand-list,
#modal-category #modalCategoryBrand #globalNavBrandTabCont .global-brand-list,
#modal-category #globalNavBrand #modalCategoryBrandTabCont .global-brand-list,
#modal-category #globalNavBrand #globalNavBrandTabCont .global-brand-list,
#global-nav #modalCategoryBrand #modalCategoryBrandTabCont .global-brand-list,
#global-nav #modalCategoryBrand #globalNavBrandTabCont .global-brand-list,
#global-nav #globalNavBrand #modalCategoryBrandTabCont .global-brand-list,
#global-nav #globalNavBrand #globalNavBrandTabCont .global-brand-list {
  padding-bottom: 6.9444444444vw;
}
#modal-category #modalCategoryBrand .global-brand-list,
#modal-category #globalNavBrand .global-brand-list,
#global-nav #modalCategoryBrand .global-brand-list,
#global-nav #globalNavBrand .global-brand-list {
  padding-bottom: 5.5555555556vw;
}
#modal-category #modalCategoryBrand .global-brand-list:first-child,
#modal-category #globalNavBrand .global-brand-list:first-child,
#global-nav #modalCategoryBrand .global-brand-list:first-child,
#global-nav #globalNavBrand .global-brand-list:first-child {
  margin-top: 5.5555555556vw;
}
#modal-category #modalCategoryBrand .global-brand-nav,
#modal-category #globalNavBrand .global-brand-nav,
#global-nav #modalCategoryBrand .global-brand-nav,
#global-nav #globalNavBrand .global-brand-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 1.3888888889vw 0 1.3888888889vw 5.5555555556vw;
  background-color: #fff;
}
#modal-category #modalCategoryBrand .global-brand-nav.st-fixed,
#modal-category #globalNavBrand .global-brand-nav.st-fixed,
#global-nav #modalCategoryBrand .global-brand-nav.st-fixed,
#global-nav #globalNavBrand .global-brand-nav.st-fixed {
  position: fixed;
  top: 13.6111111111vw;
  left: 0;
}
#modal-category #modalCategoryBrand .global-brand-nav .carousel,
#modal-category #globalNavBrand .global-brand-nav .carousel,
#global-nav #modalCategoryBrand .global-brand-nav .carousel,
#global-nav #globalNavBrand .global-brand-nav .carousel {
  width: 100%;
}
#modal-category .gnb-category-tab,
#global-nav .gnb-category-tab {
  padding-bottom: 11.1111111111vw;
}
#modal-category .gnb-content,
#global-nav .gnb-content {
  padding-bottom: 16.6666666667vw;
}
#modal-category .gnb-content__inner,
#global-nav .gnb-content__inner {
  padding: 0 5.5555555556vw;
}
#modal-category .gnb-content__list,
#global-nav .gnb-content__list {
  display: flex;
  padding-top: 5.5555555556vw;
  border-top: 0.2777777778vw solid #eee;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 3.3333333333vw 2.2222222222vw;
}
#modal-category .gnb-content__item,
#global-nav .gnb-content__item {
  display: block;
  width: 43.3333333333vw;
  overflow: hidden;
}
#modal-category .gnb-content__item.swiper-slide,
#global-nav .gnb-content__item.swiper-slide {
  margin-right: 2.2222222222vw;
}
#modal-category .gnb-content__item.swiper-slide:last-child,
#global-nav .gnb-content__item.swiper-slide:last-child {
  margin-right: 0;
}
#modal-category .gnb-content__item.st-magazine,
#global-nav .gnb-content__item.st-magazine {
  width: 31.6666666667vw;
  margin-right: 1.1111111111vw;
}
#modal-category .gnb-content__item.st-magazine .button-img,
#global-nav .gnb-content__item.st-magazine .button-img {
  width: 31.6666666667vw;
  height: 43.3333333333vw;
}
#modal-category .gnb-content__item.st-magazine .button-text,
#global-nav .gnb-content__item.st-magazine .button-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}
#modal-category .gnb-content .button-img,
#global-nav .gnb-content .button-img {
  width: 43.3333333333vw;
  height: 24.4444444444vw;
}
#modal-category .gnb-content .button-img img,
#global-nav .gnb-content .button-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#modal-category .gnb-content .text-decoration-underline,
#global-nav .gnb-content .text-decoration-underline {
  text-underline-offset: 0.8333333333vw;
}
#modal-category .gnb-content .button-text,
#global-nav .gnb-content .button-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 1.1111111111vw 1.1111111111vw 0;
}
#modal-category .gnb-content .section-header,
#global-nav .gnb-content .section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2.7777777778vw;
}
#modal-category .gnb-content .swiper,
#global-nav .gnb-content .swiper {
  margin-top: 11.1111111111vw;
  padding-inline: 5.5555555556vw;
}
#modal-category .tab-row,
#global-nav .tab-row {
  justify-content: space-evenly;
}
#modal-category .gnb-tab-menu,
#global-nav .gnb-tab-menu {
  padding: 0 5.5555555556vw;
}
#modal-category .gnb-tab-menu__list,
#global-nav .gnb-tab-menu__list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 4.4444444444vw;
}
#modal-category .gnb-tab-menu__item,
#global-nav .gnb-tab-menu__item {
  width: 18.8888888889vw;
}
#modal-category .gnb-tab-content,
#global-nav .gnb-tab-content {
  margin-top: 5.5555555556vw;
}
#modal-category .gnb-button-cta,
#global-nav .gnb-button-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.1111111111vw;
  width: 15.5555555556vw;
  height: auto;
  margin: 0 auto;
}
#modal-category .gnb-button-img,
#global-nav .gnb-button-img {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 15.5555555556vw;
  box-sizing: border-box;
  overflow: hidden;
}
#modal-category .gnb-button-img img,
#global-nav .gnb-button-img img {
  width: auto;
  height: 100%;
}
#modal-category .gnb-button-img.gnb-home-icon,
#global-nav .gnb-button-img.gnb-home-icon {
  align-items: center;
}
#modal-category .gnb-button-img.gnb-home-icon img,
#global-nav .gnb-button-img.gnb-home-icon img {
  width: 10vw;
  height: 10vw;
}
#modal-category .gnb-button-text,
#global-nav .gnb-button-text {
  font-weight: 400;
  color: #000;
  padding: 0;
  word-break: break-all;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  max-height: 7.78vw;
  font-size: 3.3333333333vw;
  line-height: 1.167;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
#modal-category.global-nav--integration .modal-header.page-utility,
#global-nav.global-nav--integration .modal-header.page-utility {
  height: 11.1111111111vw;
  border-bottom: 0.2777777778vw solid #eee;
}
#modal-category.global-nav--integration .modal-close,
#global-nav.global-nav--integration .modal-close {
  padding: 3.3333333333vw;
}
#modal-category.global-nav--integration .modal-header .navigator.st-large,
#global-nav.global-nav--integration .modal-header .navigator.st-large {
  margin-left: 0;
}
#modal-category.global-nav--integration .modal-header .navigator.st-large .navigator-list .navigator-button,
#modal-category.global-nav--integration .gnb-pane-header .navigator.st-large .navigator-list .navigator-button,
#global-nav.global-nav--integration .modal-header .navigator.st-large .navigator-list .navigator-button,
#global-nav.global-nav--integration .gnb-pane-header .navigator.st-large .navigator-list .navigator-button {
  padding: 0 2.7777777778vw;
}
#modal-category.global-nav--integration .modal-header .navigator.st-large .navigator-list .navigator-button.active,
#global-nav.global-nav--integration .modal-header .navigator.st-large .navigator-list .navigator-button.active {
  position: relative;
}
#modal-category.global-nav--integration
  .modal-header
  .navigator.st-large
  .navigator-list
  .navigator-button.active:after,
#global-nav.global-nav--integration .modal-header .navigator.st-large .navigator-list .navigator-button.active:after {
  content: "";
  display: block;
  width: calc(100% - 5.5555555556vw);
  height: 0.5555555556vw;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
#modal-category.global-nav--integration .gnb-pane-header,
#global-nav.global-nav--integration .gnb-pane-header {
  padding: 3.3333333333vw 0;
  border-top: 0.2777777778vw solid #eee;
}
#modal-category.global-nav--integration .gnb-pane-header .navigator,
#global-nav.global-nav--integration .gnb-pane-header .navigator {
  padding: 0 2.7777777778vw;
}
#modal-category.global-nav--integration .gnb-pane-header .navigator-text,
#global-nav.global-nav--integration .gnb-pane-header .navigator-text {
  font-size: 3.8888888889vw;
  line-height: normal;
}
#modal-category.global-nav--integration .gnb-search-container,
#global-nav.global-nav--integration .gnb-search-container {
  padding: 3.3333333333vw 5.5555555556vw 0;
}
#modal-category.global-nav--integration .gnb-search-link,
#global-nav.global-nav--integration .gnb-search-link {
  display: block;
  background: #f6f6f6;
  border-radius: 4.4444444444vw;
  padding: 2.2222222222vw 5.5555555556vw;
  position: relative;
}
#modal-category.global-nav--integration .gnb-search-link .button-text,
#global-nav.global-nav--integration .gnb-search-link .button-text {
  padding: 0;
  color: #666;
  font-size: 3.6111111111vw;
  font-weight: 400;
  line-height: normal;
}
#modal-category.global-nav--integration .gnb-search-link:after,
#global-nav.global-nav--integration .gnb-search-link:after {
  content: "";
  position: absolute;
  right: 5.5555555556vw;
  top: 50%;
  transform: translateY(-50%);
  width: 3.8888888889vw;
  height: 3.8888888889vw;
  background: url("../img/icons/icon-search__gray.png") center/contain no-repeat;
}
#modal-category.global-nav--integration .gnb-search-container + .gnb-pane-header,
#global-nav.global-nav--integration .gnb-search-container + .gnb-pane-header {
  border-top: none;
}
#modal-category.global-nav--integration [data-gnb-shop-tabs],
#modal-category.global-nav--integration [data-gnb-inner-tabcont],
#global-nav.global-nav--integration [data-gnb-shop-tabs],
#global-nav.global-nav--integration [data-gnb-inner-tabcont] {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
#modal-category.global-nav--integration [data-gnb-shop-tabs] > [data-gnb-scope].tab-pane.active,
#global-nav.global-nav--integration [data-gnb-shop-tabs] > [data-gnb-scope].tab-pane.active {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
#modal-category.global-nav--integration [data-gnb-shop-tabs] [data-gnb-scope] > .gnb-pane-body,
#global-nav.global-nav--integration [data-gnb-shop-tabs] [data-gnb-scope] > .gnb-pane-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#modal-category.global-nav--integration [data-gnb-inner-tabcont] .gnb-category-widget,
#global-nav.global-nav--integration [data-gnb-inner-tabcont] .gnb-category-widget {
  border-top: 0.2777777778vw solid #eee;
}
#modal-category.global-nav--integration [data-gnb-inner-tabcont] > .tab-pane[data-gnb-panel="category"].active,
#modal-category.global-nav--integration [data-gnb-inner-tabcont] > .tab-pane[data-gnb-panel="brand"].active,
#global-nav.global-nav--integration [data-gnb-inner-tabcont] > .tab-pane[data-gnb-panel="category"].active,
#global-nav.global-nav--integration [data-gnb-inner-tabcont] > .tab-pane[data-gnb-panel="brand"].active {
  flex: 1 1 auto;
  min-height: 0;
}
#modal-category.global-nav--integration [data-gnb-inner-tabcont] .gnb-category-container,
#global-nav.global-nav--integration [data-gnb-inner-tabcont] .gnb-category-container {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}
#modal-category.global-nav--integration [data-gnb-panel="category"],
#global-nav.global-nav--integration [data-gnb-panel="category"] {
  height: 100%;
  flex-direction: column;
}
#modal-category.global-nav--integration [data-gnb-panel="category"].active,
#global-nav.global-nav--integration [data-gnb-panel="category"].active {
  display: flex;
}
#modal-category.global-nav--integration [data-gnb-panel="category"] .gnb-category-widget,
#global-nav.global-nav--integration [data-gnb-panel="category"] .gnb-category-widget {
  height: auto;
  padding: 4.4444444444vw 0;
  margin: 0;
}
#modal-category.global-nav--integration
  [data-gnb-panel="category"]
  .gnb-category-widget
  .widget-box
  .button-cta
  .button-text,
#global-nav.global-nav--integration
  [data-gnb-panel="category"]
  .gnb-category-widget
  .widget-box
  .button-cta
  .button-text {
  padding: 0;
}
#modal-category.global-nav--integration [data-gnb-panel="category"] .gnb-category-start,
#global-nav.global-nav--integration [data-gnb-panel="category"] .gnb-category-start {
  width: 38.8888888889vw;
}
#modal-category.global-nav--integration
  [data-gnb-panel="category"]
  .gnb-category-start
  .gnb-category-nav
  .gnb-category-btn,
#global-nav.global-nav--integration
  [data-gnb-panel="category"]
  .gnb-category-start
  .gnb-category-nav
  .gnb-category-btn {
  font-weight: 400;
}
#modal-category.global-nav--integration
  [data-gnb-panel="category"]
  .gnb-category-start
  .gnb-category-nav
  .gnb-category-btn.active,
#global-nav.global-nav--integration
  [data-gnb-panel="category"]
  .gnb-category-start
  .gnb-category-nav
  .gnb-category-btn.active {
  font-weight: 600;
}
#modal-category.global-nav--integration [data-gnb-panel="category"] .gnb-category-end,
#global-nav.global-nav--integration [data-gnb-panel="category"] .gnb-category-end {
  padding-right: 5.5555555556vw;
}
#modal-category.global-nav--integration [data-gnb-panel="category"] .gnb-category-end .button-cta,
#global-nav.global-nav--integration [data-gnb-panel="category"] .gnb-category-end .button-cta {
  margin-bottom: 2.7777777778vw;
}
#modal-category.global-nav--integration [data-gnb-panel="category"] .gnb-category-end .button-cta .button-text,
#global-nav.global-nav--integration [data-gnb-panel="category"] .gnb-category-end .button-cta .button-text {
  padding: 2.2222222222vw 0;
  font-size: 3.8888888889vw;
}
#modal-category.global-nav--integration
[data-gnb-panel="category"]
.gnb-category-end
.gnb-category-item
+ .gnb-category-item,
#global-nav.global-nav--integration
[data-gnb-panel="category"]
.gnb-category-end
.gnb-category-item
+ .gnb-category-item {
  padding-top: 1.1111111111vw;
}
#modal-category.global-nav--integration [data-gnb-panel="category"] .button-text,
#global-nav.global-nav--integration [data-gnb-panel="category"] .button-text {
  padding: 2.7777777778vw 0;
  line-height: 4.7222222222vw;
}
#modal-category.global-nav--integration [data-gnb-panel="brand"],
#global-nav.global-nav--integration [data-gnb-panel="brand"] {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border-top: 0.2777777778vw solid #eee;
}
#modal-category.global-nav--integration [data-gnb-panel="brand"] .global-nav-section,
#global-nav.global-nav--integration [data-gnb-panel="brand"] .global-nav-section {
  border-top: 2.7777777778vw solid #fafafa;
  padding-top: 2.7777777778vw;
}
#modal-category.global-nav--integration [data-gnb-panel="brand"] .global-nav-section:first-child,
#global-nav.global-nav--integration [data-gnb-panel="brand"] .global-nav-section:first-child {
  border: none;
}
#modal-category.global-nav--integration [data-gnb-panel="brand"] .global-nav-section .button-extra.st-30brand,
#global-nav.global-nav--integration [data-gnb-panel="brand"] .global-nav-section .button-extra.st-30brand {
  padding: 2.7777777778vw 0;
}
#modal-category.global-nav--integration [data-gnb-panel="brand"] .global-nav-list,
#global-nav.global-nav--integration [data-gnb-panel="brand"] .global-nav-list {
  padding-bottom: 2.7777777778vw;
}
#modal-category.global-nav--integration [data-gnb-panel="brand"] .global-nav-list .col-12,
#global-nav.global-nav--integration [data-gnb-panel="brand"] .global-nav-list .col-12 {
  margin-top: 0;
}
#modal-category.global-nav--integration [data-gnb-panel="brand"] [data-gnb-brand-tabcont] .tab-pane,
#global-nav.global-nav--integration [data-gnb-panel="brand"] [data-gnb-brand-tabcont] .tab-pane {
  position: relative;
}
#modal-category.global-nav--integration [data-gnb-panel="brand"] .global-brand-nav,
#global-nav.global-nav--integration [data-gnb-panel="brand"] .global-brand-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 2.7777777778vw 0 2.7777777778vw 5.5555555556vw;
  background-color: #fff;
}
#modal-category.global-nav--integration [data-gnb-panel="brand"] .global-brand-nav.st-fixed,
#global-nav.global-nav--integration [data-gnb-panel="brand"] .global-brand-nav.st-fixed {
  position: fixed;
  top: 34.4444444444vw;
  left: 0;
}
#modal-category.global-nav--integration [data-gnb-panel="brand"] .global-brand-nav .carousel,
#global-nav.global-nav--integration [data-gnb-panel="brand"] .global-brand-nav .carousel {
  width: 100%;
}
#modal-category.global-nav--integration [data-gnb-panel="brand"] .global-brand-nav .navigator-button .navigator-text,
#global-nav.global-nav--integration [data-gnb-panel="brand"] .global-brand-nav .navigator-button .navigator-text {
  line-height: 8.3333333333vw;
}
#modal-category.global-nav--integration [data-gnb-panel="brand"] .global-brand-list,
#global-nav.global-nav--integration [data-gnb-panel="brand"] .global-brand-list {
  margin-top: 2.7777777778vw;
}
#modal-category.global-nav--integration [data-gnb-panel="brand"] .global-brand-list .heading,
#global-nav.global-nav--integration [data-gnb-panel="brand"] .global-brand-list .heading {
  padding: 1.6666666667vw 0;
}
#modal-category.global-nav--integration .gnb-brand,
#global-nav.global-nav--integration .gnb-brand {
  padding-top: 4.4444444444vw;
}
#modal-category.global-nav--integration .gnb-brand .gnb-brand__list,
#global-nav.global-nav--integration .gnb-brand .gnb-brand__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2.2222222222vw;
}
#modal-category.global-nav--integration .gnb-brand .gnb-brand__item,
#global-nav.global-nav--integration .gnb-brand .gnb-brand__item {
  display: block;
  width: 43.3333333333vw;
  overflow: hidden;
}
#modal-category.global-nav--integration .gnb-brand .button-text,
#global-nav.global-nav--integration .gnb-brand .button-text {
  display: block;
  padding: 2.2222222222vw 0 3.3333333333vw;
  text-align: center;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#modal-category.global-nav--integration .gnb-brand .button-img,
#global-nav.global-nav--integration .gnb-brand .button-img {
  overflow: hidden;
  width: 100%;
  height: 20vw;
  border-radius: 2.2222222222vw;
}
#modal-category.global-nav--integration .gnb-brand .button-img img,
#global-nav.global-nav--integration .gnb-brand .button-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
#footer {
  background-color: #f8f8f8;
}
#footer .footer-sitemap-button {
  width: 100%;
  padding-top: 5.5555555556vw;
  padding-bottom: 5.5555555556vw;
  border-top: 0.2777777778vw solid #eee;
  border-bottom: 0.2777777778vw solid #eee;
}
#footer .footer-sitemap-button .icon-chevron-down {
  margin-left: 1.1111111111vw;
}
#footer .footer-sitemap {
  padding-top: 8.8888888889vw;
  padding-bottom: 11.1111111111vw;
  border-bottom: 0.2777777778vw solid #eee;
}
#footer .footer-sitemap .footer-row {
  display: grid;
  align-items: flex-start;
  grid-row-gap: 0;
  grid-auto-rows: 6.1111111111vw;
  grid-template-columns: repeat(2, 1fr);
}
#footer .footer-sitemap .footer-row ul {
  padding-top: 6.1111111111vw;
}
#footer .footer-sitemap .footer-row ul:first-child,
#footer .footer-sitemap .footer-row ul:nth-child(2) {
  padding-top: 0;
}
#footer .footer-sitemap .divider {
  margin: 6.6666666667vw 0;
  border-color: #eee;
}
#footer .footer-sitemap .button-text {
  color: #666;
  padding: 0;
  line-height: 6.1111111111vw;
}
#footer .footer-sitemap .button-text.st-elevated,
#footer .footer-sitemap .summary-data .button-text.summary-title,
.summary-data #footer .footer-sitemap .button-text.summary-title,
#footer .footer-sitemap .summary-data .button-text.summary-text,
.summary-data #footer .footer-sitemap .button-text.summary-text,
#footer .footer-sitemap .announce-print-value .button-text.announce-label,
.announce-print-value #footer .footer-sitemap .button-text.announce-label,
#footer .footer-sitemap .announce-print-value .button-text.announce-text,
.announce-print-value #footer .footer-sitemap .button-text.announce-text,
#footer .footer-sitemap .zip-code .button-text.zip-code-title,
.zip-code #footer .footer-sitemap .button-text.zip-code-title,
#footer .footer-sitemap .zip-code .button-text.zip-code-text,
.zip-code #footer .footer-sitemap .button-text.zip-code-text {
  color: #000;
  font-size: 3.8888888889vw;
  line-height: 6.1111111111vw;
}
#footer .footer-nav {
  display: flex;
  justify-content: space-between;
  padding-top: 4.1666666667vw;
  margin-bottom: 2.5vw;
}
#footer .goodwear-vertical {
  margin-bottom: 1.3888888889vw;
  width: 50vw;
  height: auto;
}
#footer .collapse.active {
  margin-top: -0.5555555556vw;
  margin-bottom: 4.1666666667vw;
}
#footer .collapse.active .fs-12.lh-22,
#footer .collapse.active .modal .modal-alert .lh-22.modal-text,
.modal .modal-alert #footer .collapse.active .lh-22.modal-text,
#footer .collapse.active .announce.st-reduced .lh-22.announce-text,
.announce.st-reduced #footer .collapse.active .lh-22.announce-text,
#footer .collapse.active .modal .modal-alert .fs-12.modal-title,
.modal .modal-alert #footer .collapse.active .fs-12.modal-title,
#footer .collapse.active .modal .modal-alert .modal-text.modal-title,
.modal .modal-alert #footer .collapse.active .modal-text.modal-title,
#footer .collapse.active .announce.st-reduced .modal .modal-alert .announce-text.modal-title,
.announce.st-reduced .modal .modal-alert #footer .collapse.active .announce-text.modal-title,
#footer .collapse.active .modal .modal-alert .announce.st-reduced .announce-text.modal-title,
.modal .modal-alert .announce.st-reduced #footer .collapse.active .announce-text.modal-title,
#footer .collapse.active .announce.st-reduced .fs-12.announce-title,
.announce.st-reduced #footer .collapse.active .fs-12.announce-title,
#footer .collapse.active .modal .modal-alert .announce.st-reduced .modal-text.announce-title,
.modal .modal-alert .announce.st-reduced #footer .collapse.active .modal-text.announce-title,
#footer .collapse.active .announce.st-reduced .modal .modal-alert .modal-text.announce-title,
.announce.st-reduced .modal .modal-alert #footer .collapse.active .modal-text.announce-title,
#footer .collapse.active .announce.st-reduced .announce-text.announce-title,
.announce.st-reduced #footer .collapse.active .announce-text.announce-title,
#footer .collapse.active .shipping-address .fs-12.shipping-address-title,
.shipping-address #footer .collapse.active .fs-12.shipping-address-title,
#footer .collapse.active .modal .modal-alert .shipping-address .modal-text.shipping-address-title,
.modal .modal-alert .shipping-address #footer .collapse.active .modal-text.shipping-address-title,
#footer .collapse.active .shipping-address .modal .modal-alert .modal-text.shipping-address-title,
.shipping-address .modal .modal-alert #footer .collapse.active .modal-text.shipping-address-title,
#footer .collapse.active .announce.st-reduced .shipping-address .announce-text.shipping-address-title,
.announce.st-reduced .shipping-address #footer .collapse.active .announce-text.shipping-address-title,
#footer .collapse.active .shipping-address .announce.st-reduced .announce-text.shipping-address-title,
.shipping-address .announce.st-reduced #footer .collapse.active .announce-text.shipping-address-title {
  display: flex;
}
#footer .footer-nav-sub {
  margin-top: 1.3888888889vw;
  color: #666;
  margin-top: 2.5vw;
  margin-bottom: 2.2222222222vw;
}
#footer .footer-nav-sub::after {
  content: "";
  display: block;
  clear: both;
}
#footer .footer-nav-sub .button-text {
  float: left;
  font-size: 3.0555555556vw;
  margin-right: 4.1666666667vw;
  padding-top: 1.1111111111vw;
  padding-bottom: 1.1111111111vw;
}
#footer .footer-nav-sub .button-text.st-br {
  clear: both;
}
#footer .footer-copyright {
  font-size: 3.3333333333vw;
  line-height: 5vw;
  color: #999;
  margin-top: 2.7777777778vw;
  padding-bottom: 30.5555555556vw;
}
#footer .footer-nav-icons {
  display: flex;
  margin-top: 5.5555555556vw;
}
#footer .footer-nav-icons .button-social {
  margin-right: 2.2222222222vw;
}
#modal-quickmenu {
  z-index: 101 !important;
}
#modal-quickmenu .modal-body {
  padding-top: 2.5vw;
  padding-bottom: 20.5555555556vw;
}
.sticky-button {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 101;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  background-color: #fff;
}
.sticky-button:has(.button.st-calculator) {
  background-color: #000;
}
.sticky-button .button {
  display: flex;
}
.sticky-button .button-float {
  padding: 3.3333333333vw 5.5555555556vw;
}
.speech-bubble {
  display: none;
}
@keyframes elasticBounce {
  0% {
    transform: scale(1) translate(-50%);
    opacity: 0;
  }
  7.5% {
    transform: scale(0) translate(-50%);
    opacity: 0;
  }
  15% {
    transform: scale(1) translate(-50%);
    opacity: 1;
  }
  16.41% {
    opacity: 1;
  }
  16.98% {
    transform: scale(0.95) translate(-50%);
    opacity: 1;
  }
  20.75% {
    transform: scale(1) translate(-50%);
    opacity: 1;
  }
  94% {
    transform: scale(1) translate(-50%);
    opacity: 1;
  }
  to {
    transform: scale(0) translate(-50%);
    opacity: 1;
  }
}
#modal-quickmenu .quick-menu__item {
  display: flex;
  width: 88.8888888889vw;
  height: 16.6666666667vw;
  margin: 0 auto;
  border-radius: 2.7777777778vw;
  background-color: #f5f5f5;
  background-image: url("../img/icons/icon-quickmenu_arrow.png");
  background-repeat: no-repeat;
  background-position: center right 4.4444444444vw;
  background-size: 4.4444444444vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#modal-quickmenu .quick-menu__item + .quick-menu__item {
  margin-top: 1.1111111111vw;
}
#modal-quickmenu .quick-menu__item-text {
  display: block;
  text-align: center;
  margin-top: 1.3888888889vw;
  font-size: 3.0555555556vw;
  font-weight: 400;
  color: #666;
}
@keyframes sheen {
  0% {
    transform: skew(-55deg) translate(0);
  }
  70% {
    transform: skew(-55deg) translate(0);
  }
  to {
    transform: skew(-55deg) translate(50vw);
  }
}
#dockBar .dock-bar__circle {
  position: relative;
  transform: rotate(0);
}
#dockBar .dock-bar__circle.dock-bar__close {
  position: absolute;
  transform: scale(1) rotate(45deg);
}
.dock-bar__sheen {
  position: absolute;
  left: 50%;
  display: block;
  width: 12.2222222222vw;
  height: 12.2222222222vw;
  border-radius: 50%;
  overflow: hidden;
  transform: translate(-50%);
  z-index: 1;
}
.dock-bar__sheen:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  height: 100%;
  width: 11.6666666667vw;
  background: linear-gradient(90deg, #006bff00, #ffffff80, #006bff00);
  filter: blur(7px);
  transform: skew(-55deg) translate(5.5555555556vw);
  transition: none;
  animation: sheen 3s ease-in-out infinite;
}
#dockBar:after {
  height: calc(env(safe-area-inset-bottom) + 3.6111111111vw);
}
.header-wrapper + #contents,
.header-wrapper ~ #contents {
  padding-top: 25vw;
  padding-top: calc(env(safe-area-inset-top) + 25vw);
}
.header-wrapper:not(.has-navigation-bar) ~ #contents {
  padding-top: 13.8888888889vw;
  padding-top: calc(env(safe-area-inset-top) + 13.8888888889vw);
}
.global-nav--selectshop .modal-header {
  justify-content: center;
}
.global-nav--selectshop .modal-header .navigator {
  position: relative;
  padding: 0;
}
.global-nav--selectshop .modal-header .navigator-list {
  position: relative;
  height: 10vw;
  border-radius: 6.1111111111vw;
  border: 0.2777777778vw solid #eee;
  background-color: #f6f6f6;
}
.global-nav--selectshop .modal-header .navigator-item {
  width: 24.4444444444vw;
}
.global-nav--selectshop .modal-header .navigator-item:last-child .navigator-button:before {
  left: auto;
  right: -0.2777777778vw;
}
.global-nav--selectshop .modal-header .navigator-text {
  position: relative;
  line-height: 9.4444444444vw !important;
}
.global-nav--selectshop .modal-header .navigator-button {
  text-align: center;
}
.global-nav--selectshop .modal-header .navigator-button:before {
  content: "";
  position: absolute;
  top: -0.2777777778vw;
  left: -0.2777777778vw;
  display: block;
  width: 25.5555555556vw;
  height: 10vw;
  border: 0.2777777778vw solid #eee;
  border-radius: 6.1111111111vw;
  background-color: #fff;
  opacity: 0;
}
.global-nav--selectshop .modal-header .navigator-button.active:before {
  opacity: 1;
}
.global-nav--selectshop .global-nav-brandliked .brand-item + .brand-item {
  margin-top: 0.5555555556vw;
}
.global-nav--selectshop .global-nav-brandliked .button-extra.st-30brand {
  justify-content: space-between;
}
.global-nav--selectshop .global-nav-brandliked .brand-item__inner {
  display: flex;
  align-items: center;
}
.global-nav--selectshop .global-nav-brandliked .brand-item__inner .button-img {
  display: flex;
  justify-content: center;
  position: relative;
  width: 11.1111111111vw;
  height: auto;
  border-radius: 2.2222222222vw;
  border: 0.2777777778vw solid #f3f3f3;
  box-sizing: border-box;
  overflow: hidden;
}
.global-nav--selectshop .global-nav-brandliked .brand-item__inner .button-img:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.global-nav--selectshop .global-nav-brandliked .brand-item__inner .button-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%) translateY(-50%);
}
.global-nav--selectshop .global-nav-brandliked .brand-item__inner .button-text {
  font-weight: 600;
}
.global-nav--selectshop .button-extra.st-30brand.st-added .brand-liked .icon,
.global-nav--selectshop .button-extra.st-30brand.st-added .brand-liked .spot-visual.st-video:after,
.global-nav--selectshop .button-extra.st-30brand.st-added .brand-liked .spot-visual.st-video-view:after {
  margin: 0;
}
.global-nav--selectshop .button-extra.st-30brand.st-added .brand-liked .button-text {
  display: block;
  font-weight: 400;
  font-size: 2.5vw;
  color: #999;
}
.global-nav--selectshop .brand-liked {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.global-nav--selectshop #globalNavBrand {
  border-top: 0.2777777778vw solid #eee;
}
.global-nav--selectshop .utility-end {
  position: absolute;
  right: 2.7777777778vw;
  top: 1.3888888889vw;
}
.global-nav--selectshop .global-brand-list .button-extra.st-30brand + .button-extra.st-30brand {
  margin-top: 0.5555555556vw;
}
.global-nav--selectshop .global-brand-list .button-extra.st-30brand .button-text.st-sm {
  font-size: 3.6111111111vw;
}
.global-nav--selectshop#global-nav #globalNavBrand .global-nav-section:first-child {
  padding-top: 2.7777777778vw;
}
.global-nav--selectshop#global-nav #globalNavBrand .global-nav-section:first-child .global-nav-list {
  padding-top: 0.8333333333vw;
}
.global-nav--selectshop#global-nav #globalNavBrand .global-brand-list:first-child {
  margin-top: 2.7777777778vw;
}
.global-nav--selectshop#global-nav #globalNavBrand .global-nav-section .heading-group {
  margin-top: 0;
}
.global-nav--selectshop#global-nav #globalNavBrand #globalNavBrandTabCont .global-brand-list {
  padding-bottom: 3.8888888889vw;
}
.global-nav--selectshop#global-nav #globalNavBrand #globalNavBrandTabCont .global-brand-list:last-child {
  padding-bottom: 6.6666666667vw;
}
[data-component-pin="spc-mgz-evt-view"] img.img-fluid,
[data-component-pin="spc-mgz-evt-view"] .spot-utility img.spot-img,
.spot-utility [data-component-pin="spc-mgz-evt-view"] img.spot-img,
[data-component-pin="spc-mgz-evt-view"] .spot-visual img.spot-img,
.spot-visual [data-component-pin="spc-mgz-evt-view"] img.spot-img,
[data-component-pin="spc-mgz-evt-view"] .billboard-hook img.billboard-img,
.billboard-hook [data-component-pin="spc-mgz-evt-view"] img.billboard-img,
[data-component-pin="spc-mgz-evt-view"] .shortcut img.shortcut-img,
.shortcut [data-component-pin="spc-mgz-evt-view"] img.shortcut-img,
[data-component-pin="spc-mgz-evt-view"] .shortcut-tv img.shortcut-img,
.shortcut-tv [data-component-pin="spc-mgz-evt-view"] img.shortcut-img,
[data-component-pin="spc-mgz-evt-view"] .shortcut-special img.shortcut-img,
.shortcut-special [data-component-pin="spc-mgz-evt-view"] img.shortcut-img,
[data-component-pin="spc-mgz-evt-view"] .shortcut-contents-thumb img.shortcut-img,
.shortcut-contents-thumb [data-component-pin="spc-mgz-evt-view"] img.shortcut-img,
[data-component-pin="spc-mgz-evt-view"] .shortcut-coming img.shortcut-img,
.shortcut-coming [data-component-pin="spc-mgz-evt-view"] img.shortcut-img,
[data-component-pin="spc-mgz-evt-view"] .membership-special img.membership-img,
.membership-special [data-component-pin="spc-mgz-evt-view"] img.membership-img {
  display: block;
}
[data-component-pin="spc-mgz-evt-view"] #divAnchor {
  margin-top: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] #divAnchor [id^="cnr_DSP_CMMN_ANCHOR"] {
  height: 8.3333333333vw;
  margin-top: 4vw !important;
  margin-bottom: 4vw !important;
}
[data-component-pin="spc-mgz-evt-view"] #divAnchor [id^="cnr_DSP_CMMN_ANCHOR"] .navigator {
  padding-top: unset !important;
  padding-bottom: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] #divEventCnr,
[data-component-pin="spc-mgz-evt-view"] #divMgzCnr,
[data-component-pin="spc-mgz-evt-view"] #divPromtCnr {
  display: block !important;
  padding-bottom: 11.1111111111vw !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_"] > [class^="module-"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_"] > [class^="module-"] .module-movie {
  margin: unset !important;
  padding: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] .mt-n70 {
  margin: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_TITLE"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_"] .module-heading {
  margin-top: 11.1111111111vw !important;
  margin-bottom: 2.7777777778vw !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_A"] .spot-video-container,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_B"] .spot-video-container,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_C"] .spot-video-container {
  width: 100%;
  height: auto;
  aspect-ratio: 1280/720;
  padding: unset;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_A"] .spot-video-container iframe,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_B"] .spot-video-container iframe,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_C"] .spot-video-container iframe {
  width: 100% !important;
  height: 100% !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_A"] .module-carousel-single,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_B"] .module-carousel-single {
  margin-top: 2.7777777778vw !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_D"] .spot-visual {
  margin-top: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_D"] .spot-video-container {
  width: 100%;
  height: auto;
  aspect-ratio: 720/1280;
  padding: unset;
  overflow: hidden;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_D"] .module-marketspot-catalog {
  margin-top: 2.7777777778vw !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_NOTI"] {
  margin-top: 8.3333333333vw !important;
  margin-bottom: 19.4444444444vw !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_VOTE"] {
  margin-top: 19.4444444444vw !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_GIFTS_GIFT_SHOP"] .module-coupon {
  margin-top: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_GIFTS_GIFT_SHOP"] .module-catalog {
  margin-top: 11.1111111111vw !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_BANNER"] .container.mt-20,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_SAME_RATIO_IMG"] .container.mt-20,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO"] .container.mt-20 {
  position: absolute;
  display: flex;
  z-index: 1;
  top: unset;
  bottom: 0;
  margin-top: unset !important;
  height: 16.6666666667vw;
  align-items: center;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_BANNER"]
  .container.mt-20
  .swiper-pagination-progressbar,
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_SAME_RATIO_IMG"]
  .container.mt-20
  .swiper-pagination-progressbar,
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO"]
  .container.mt-20
  .swiper-pagination-progressbar {
  background-color: #eeeeee4d;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_BANNER"]
  .container.mt-20
  .indicator-progress
  .swiper-pagination-progressbar-fill,
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_SAME_RATIO_IMG"]
  .container.mt-20
  .indicator-progress
  .swiper-pagination-progressbar-fill,
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO"]
  .container.mt-20
  .indicator-progress
  .swiper-pagination-progressbar-fill {
  background-color: #fff;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_BANNER"] .indicator-progress-container,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_SAME_RATIO_IMG"] .indicator-progress-container,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO"] .indicator-progress-container {
  margin-top: 2.2222222222vw;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_MGZ_HTML_TEXT"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_MGZ_MORE_CONTT"] {
  margin-top: 11.1111111111vw !important;
}
[data-component-pin="spc-mgz-evt-view"] .nav-scrollspy.st-large {
  height: 8.3333333333vw;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_BRND"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_MGZ_TAB_GRP"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_SALES_GOOD_DEAL"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_SALES_DEAL_GOD"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_MGZ_GOD_TYPE_A"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_MGZ_GOD_TYPE_B"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_MGZ_GOD_TYPE_C"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_ITEMS_ITEM_TAB"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_SALES_SALE_PICK"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_ITEMS_ITEM_PICK"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CMMN_CONTT_IMG_SLIDE_A"] {
  margin-top: 11.1111111111vw !important;
  margin-bottom: 19.4444444444vw !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_PROMT_ITEMS_ITEM_PICK"]
  .module-catalog-carousel:last-of-type
  > .pb-40 {
  padding-bottom: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_SALES_GOOD_DEAL"] .module-catalog {
  margin-top: 11.1111111111vw !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_ROULETTE"] #module-roulette {
  position: relative !important;
  height: 147.2222222222vw !important;
  background-size: cover !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_ROULETTE"] #module-roulette .module-roulette {
  margin-top: unset !important;
  height: 100% !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_ROULETTE"] #module-roulette .module-roulette > .container {
  position: absolute !important;
  display: block !important;
  width: 76.3888888889vw !important;
  margin: unset !important;
  padding: unset !important;
  left: 50% !important;
  bottom: 97.2222222222vw !important;
  transform: translate(-50%) !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette
  .module-roulette
  > .container
  .helper.st-warning {
  margin-top: 1.1111111111vw;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette
  .module-roulette
  > .container
  .helper.st-dimmed {
  margin-top: 2.2222222222vw;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette
  .module-roulette
  > .container
  .helper.st-primary {
  margin-top: 1.1111111111vw;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette
  .module-roulette
  > .container
  #snsDiv
  .text-input-box.mt-20 {
  margin: unset !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette
  .module-roulette
  > .container
  #snsDiv
  .text-input-box.mt-20
  .text-input,
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette
  .module-roulette
  > .container
  #snsDiv
  .text-input-box.mt-20
  .text-input-currency {
  margin-top: 2.7777777778vw !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_ROULETTE"] #module-roulette .module-roulette .roulette-box.mt-60 {
  width: 83.3333333333vw !important;
  padding: unset !important;
  position: absolute !important;
  margin: 0 auto !important;
  display: block !important;
  bottom: 8.3333333333vw !important;
  left: 50% !important;
  transform: translate(-50%) !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_RANDOM"] #module-random.module-random[style] {
  height: 118.0555555556vw !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-random[style]
  > .container {
  height: 100% !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-random[style]
  > .container
  #randomSlot {
  margin: unset !important;
  padding: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_RANDOM"] .module-random > .container {
  margin: unset !important;
  min-height: 41.6666666667vw !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  .module-random
  > .container
  [id="applcnForm"] {
  display: flex;
  flex-direction: column;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  .module-random
  > .container
  [id="applcnForm"] > div{
  margin-bottom: 2.7777777778vw;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  .module-random
  > .container
  [id="applcnForm"]
  #snsDiv {
  margin-top: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] .catalog-md-only {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
[data-component-pin="spc-mgz-evt-view"] .catalog-md-only a,
[data-component-pin="spc-mgz-evt-view"] .catalog-md-only img {
  width: 100%;
  display: block;
}
[data-component-pin="spc-mgz-evt-view"] .module-carousel-md-recom > header.section-header {
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
}
[id^="cnr_DSP_CMMN_HTML"] > div:has(.item):after {
  content: "";
  display: block;
  clear: both;
}
section:has(.cnr-margin) {
  margin-top: var(--tt-gutter-y);
}
[id^="cnr_MAIN_LIVE_SEARCH_"].promotion-section {
  margin-top: var(--tt-gutter-y) !important;
  padding-inline: 5.5555555556vw !important;
}
[id^="cnr_MAIN_LIVE_SEARCH_"].promotion-section .section-header {
  margin-bottom: 4.4444444444vw;
}
[id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_C"] .module-movie .shorts-card .thumbnail,
.archive-corner .module-movie .shorts-card .thumbnail {
  border-radius: unset;
}
[id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_C"] .spot-video-container:after,
.archive-corner .spot-video-container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 22.2222222222vw;
  pointer-events: auto;
  z-index: 5;
  margin-top: 11.1111111111vw;
  width: 100%;
}
[id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_C"] .swiper-slide:only-child .spot-video-container:after,
.archive-corner .swiper-slide:only-child .spot-video-container:after {
  display: none;
}
.promotion-section + [id^="cnr_DSP_CMMN_ETC_RECOMMEND"] {
  margin-top: 22.2222222222vw !important;
}
#divPromtCnr [id^="cnr_"] {
  margin-top: unset;
  margin-bottom: unset;
}
#divPromtCnr [id^="cnr_"]:last-child {
  margin-bottom: 11.1111111111vw;
}
#divPromtCnr [id^="cnr_"] .module-heading {
  margin-top: 11.1111111111vw;
  margin-bottom: 2.7777777778vw;
}
#divPromtCnr [id^="cnr_DSP_CMMN_NOTI"] {
  margin-top: 8.3333333333vw;
}
#divPromtCnr [id^="cnr_DSP_CMMN_NOTI"] + [id^="cnr_"] .module-heading {
  margin-top: 0;
}
#divPromtCnr [id^="cnr_DSP_CMMN_NOTI"]:not(:last-child) {
  margin-bottom: 19.4444444444vw;
}
#divPromtCnr [id^="cnr_CATE"]:last-child {
  margin-bottom: 0;
}
.filter-bubble-brief {
  display: flex;
  padding-top: 4.1666666667vw;
  padding-bottom: 4.1666666667vw;
}
.filter-bubble-brief .carousel {
  padding-left: 5.5555555556vw;
  padding-right: 5.5555555556vw;
}
.filter-bubble-brief .add-on.active + .carousel {
  padding-left: 0vw;
}
.filter-bubble-brief .add-on {
  display: none;
  background-color: #fff;
  padding-left: 5.5555555556vw;
  padding-right: 1.1111111111vw;
  z-index: 4;
}
.filter-bubble-brief .add-on.active {
  display: block;
}
.filter-bubble-brief .add-on .reset {
  position: relative;
  background-color: #fff;
  border: solid 0.2777777778vw #eee;
  width: 8.3333333333vw;
  height: 8.3333333333vw;
  color: #fff;
  border-radius: 100vw;
}
.filter-bubble-brief .add-on .reset .pictogram {
  display: block;
  width: 5.5555555556vw;
  height: 5.5555555556vw;
  background-image: url("../img/pictogram-rotate@2x.png");
  background-size: 5.5555555556vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-component-pin="mypage-report"] dl,
[data-component-pin="mypage-report"] dt,
[data-component-pin="mypage-report"] dd,
[data-component-pin="mypage-report"] figure,
[data-component-pin="mypage-report"] figcaption {
  margin: 0;
  padding: 0;
}
[data-component-pin="mypage-report"] section {
  border-top: 2.7777777778vw solid #fafafa;
  padding: 8.8888888889vw 5.5555555556vw;
}
[data-component-pin="mypage-report"] section .topic {
  font-size: 4.4444444444vw;
  margin-bottom: 4.4444444444vw;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
[data-component-pin="mypage-report"] section .topic > a,
[data-component-pin="mypage-report"] section .topic p,
[data-component-pin="mypage-report"] section .topic button {
  display: flex;
  font-size: 3.3333333333vw;
  font-weight: 400;
  height: 8.3333333333vw;
  border-radius: 100vw;
  border: 0.2777777778vw solid #ddd;
  align-items: center;
  padding: 0 4.4444444444vw;
  max-width: 100%;
  margin-top: 2.2222222222vw;
}
[data-component-pin="mypage-report"] section .topic > a span,
[data-component-pin="mypage-report"] section .topic p span,
[data-component-pin="mypage-report"] section .topic button span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
[data-component-pin="mypage-report"] section .topic em {
  font-style: normal;
  font-size: 3.6111111111vw;
  color: #006bff;
  width: auto;
}
[data-component-pin="mypage-report"] .about {
  padding: 8.3333333333vw 5.5555555556vw 4.4444444444vw;
  font-size: 3.6111111111vw;
  line-height: 5vw;
}
[data-component-pin="mypage-report"] .about span {
  display: block;
  margin-top: -0.5555555556vw;
  margin-bottom: -0.5555555556vw;
}
[data-component-pin="mypage-report"] .overview .topic {
  margin-bottom: 6.6666666667vw;
}
[data-component-pin="mypage-report"] .overview .topic em {
  font-size: 4.4444444444vw;
  color: #000;
}
[data-component-pin="mypage-report"] .overview {
  padding-bottom: 13.3333333333vw;
}
[data-component-pin="mypage-report"] .overview dl.summary {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 1.1111111111vw 0vw;
}
[data-component-pin="mypage-report"] .overview dl.summary dt:nth-child(1) {
  grid-row: 1;
  grid-column: 1;
}
[data-component-pin="mypage-report"] .overview dl.summary dd:nth-child(2) {
  grid-row: 2;
  grid-column: 1;
}
[data-component-pin="mypage-report"] .overview dl.summary dt:nth-child(3) {
  grid-row: 1;
  grid-column: 2;
}
[data-component-pin="mypage-report"] .overview dl.summary dd:nth-child(4) {
  grid-row: 2;
  grid-column: 2;
}
[data-component-pin="mypage-report"] .overview dl.summary dt {
  display: flex;
  font-size: 3.6111111111vw;
}
[data-component-pin="mypage-report"] .overview dl.summary dt > span,
[data-component-pin="mypage-report"] .overview dl.summary dt .tooltip-wrap {
  align-self: center;
}
[data-component-pin="mypage-report"] .overview dl.summary dt .tooltip-wrap {
  margin-left: 1.1111111111vw;
}
[data-component-pin="mypage-report"] .overview dl.summary dd {
  font-size: 3.8888888889vw;
  font-weight: 600;
  word-break: break-all;
}
[data-component-pin="mypage-report"] .overview ul.more {
  margin-top: 4.4444444444vw;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.1111111111vw;
}
[data-component-pin="mypage-report"] .overview ul.more li {
  position: relative;
  background-color: #fafafa;
  border-radius: 1.1111111111vw;
  padding: 7.7777777778vw 2.7777777778vw 11.6666666667vw;
}
[data-component-pin="mypage-report"] .overview ul.more li small {
  position: absolute;
  right: 1.6666666667vw;
  top: 1.3888888889vw;
  font-size: 2.7777777778vw;
  color: #999;
}
[data-component-pin="mypage-report"] .overview ul.more figure {
  margin: 0;
  padding: 0;
  position: absolute;
  right: -1.9444444444vw;
  bottom: -9.4444444444vw;
  width: 23.8888888889vw;
}
[data-component-pin="mypage-report"] .overview ul.more figure figcaption {
  display: none;
}
[data-component-pin="mypage-report"] .overview ul.more figure img {
  display: block;
  vertical-align: top;
  width: 23.8888888889vw;
  pointer-events: none;
}
[data-component-pin="mypage-report"] .overview ul.more dt > span,
[data-component-pin="mypage-report"] .overview ul.more dt .tooltip-wrap {
  align-self: center;
}
[data-component-pin="mypage-report"] .overview ul.more dt {
  display: flex;
  margin-bottom: 1.1111111111vw;
  font-size: 3.3333333333vw;
}
[data-component-pin="mypage-report"] .overview ul.more dt .tooltip-wrap {
  margin-left: 1.1111111111vw;
}
[data-component-pin="mypage-report"] .overview ul.more dd {
  font-size: 3.8888888889vw;
  font-weight: 600;
  word-break: break-all;
}
[data-component-pin="mypage-report"] .brand .summary {
  background-color: #f7f8fa;
  border-radius: 1.1111111111vw;
  margin-bottom: 2.2222222222vw;
  padding: 4.4444444444vw;
  text-align: center;
}
[data-component-pin="mypage-report"] .brand .summary dt {
  display: block;
  font-size: 3.3333333333vw;
  font-weight: 600;
}
[data-component-pin="mypage-report"] .brand .summary dt span,
[data-component-pin="mypage-report"] .brand .summary dt small {
  display: block;
}
[data-component-pin="mypage-report"] .brand .summary dt small {
  font-size: 2.7777777778vw;
  margin-top: 1.1111111111vw;
  color: #666;
  font-weight: 400;
}
[data-component-pin="mypage-report"] .brand .summary dd {
  margin-top: 2.7777777778vw;
  font-size: 4.4444444444vw;
  color: #006bff;
}
[data-component-pin="mypage-report"] .brand .summary dd strong {
  display: block;
  font-weight: 600;
}
[data-component-pin="mypage-report"] .brand .chart {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 0;
  padding: 6.6666666667vw 4.4444444444vw 3.3333333333vw;
  background-color: #f7f8fa;
  border-radius: 1.1111111111vw;
}
[data-component-pin="mypage-report"] .brand .chart li {
  flex: 1;
}
[data-component-pin="mypage-report"] .brand .chart dl {
  position: relative;
  padding-top: 22.2222222222vw;
}
[data-component-pin="mypage-report"] .brand .chart dt {
  padding-top: 1.1111111111vw;
  text-align: center;
  border-top: solid 0.2777777778vw #d2d4d9;
  font-size: 2.7777777778vw;
  color: #666;
}
[data-component-pin="mypage-report"] .brand .chart dd {
  font-size: 3.3333333333vw;
  font-weight: 600;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 8.8888888889vw;
  height: 22.2222222222vw;
  top: 0;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}
[data-component-pin="mypage-report"] .brand .chart dd span.percent {
  padding-bottom: 1.1111111111vw;
  color: #666;
  font-weight: 400;
}
[data-component-pin="mypage-report"] .brand .chart dd span.bar {
  display: block;
  background-color: #e5e7ff;
  height: 100%;
  border-top-left-radius: 1.1111111111vw;
  border-top-right-radius: 1.1111111111vw;
}
[data-component-pin="mypage-report"] .brand .chart li:first-of-type dd span.percent {
  font-weight: 600;
  color: #006bff;
}
[data-component-pin="mypage-report"] .brand .chart li:first-of-type dd span.bar {
  background-color: #006bff;
}
[data-component-pin="mypage-report"] .brand .matrix {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-top: 4.4444444444vw;
  white-space: nowrap;
}
[data-component-pin="mypage-report"] .brand .matrix colgroup col.brand {
  width: 50%;
}
[data-component-pin="mypage-report"] .brand .matrix colgroup col.amount {
  width: 34%;
}
[data-component-pin="mypage-report"] .brand .matrix colgroup col.count {
  width: 16%;
}
[data-component-pin="mypage-report"] .brand .matrix thead tr {
  border-top: solid 0.2777777778vw #eee;
  border-bottom: solid 0.2777777778vw #eee;
}
[data-component-pin="mypage-report"] .brand .matrix thead tr th {
  padding: 2.2222222222vw 4.4444444444vw 2.2222222222vw 0;
  font-size: 3.3333333333vw;
  font-weight: 400;
  color: #666;
}
[data-component-pin="mypage-report"] .brand .matrix tbody tr td {
  padding: 1.6666666667vw 4.4444444444vw 1.6666666667vw 0;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-component-pin="mypage-report"] .brand .matrix th:nth-of-type(1),
[data-component-pin="mypage-report"] .brand .matrix td:nth-of-type(1) {
  text-align: left;
}
[data-component-pin="mypage-report"] .brand .matrix th:nth-of-type(2),
[data-component-pin="mypage-report"] .brand .matrix td:nth-of-type(2) {
  text-align: right;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.1388888889vw;
}
[data-component-pin="mypage-report"] .brand .matrix th:nth-of-type(2) {
  text-align: center;
}
[data-component-pin="mypage-report"] .brand .matrix th:nth-of-type(3),
[data-component-pin="mypage-report"] .brand .matrix td:nth-of-type(3) {
  text-align: center;
  color: #666;
  padding-right: 0;
}
[data-component-pin="mypage-report"] .brand .matrix th:nth-of-type(3) span,
[data-component-pin="mypage-report"] .brand .matrix td:nth-of-type(3) span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.3333333333vw;
  height: 6.6666666667vw;
  padding: 0 3.3333333333vw;
  border-radius: 100vw;
  border: solid 0.2777777778vw #aaa;
  font-weight: 400;
}
[data-component-pin="mypage-report"] .brand .matrix tr:nth-of-type(1) td {
  padding-top: 4.4444444444vw;
  color: #000;
  font-weight: 600;
}
[data-component-pin="mypage-report"] .brand .matrix tr:nth-of-type(1) td:nth-of-type(3) span {
  border-color: #000;
}
[data-component-pin="mypage-report"] .brand .matrix tr:last-of-type td {
  padding-bottom: 0;
}
[data-component-pin="mypage-report"] .category .summary {
  display: grid;
  grid-template-columns: 17.7777777778vw auto;
  gap: 3.3333333333vw 4.4444444444vw;
  width: 100%;
}
[data-component-pin="mypage-report"] .category .summary dt,
[data-component-pin="mypage-report"] .category .summary dd {
  font-size: 3.6111111111vw;
  color: #666;
}
[data-component-pin="mypage-report"] .category .summary dt span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 8.3333333333vw;
  border-radius: 100vw;
  background-color: #f7f8fa;
}
[data-component-pin="mypage-report"] .category .summary dd {
  display: flex;
  align-self: center;
}
[data-component-pin="mypage-report"] .category .summary dt:first-of-type,
[data-component-pin="mypage-report"] .category .summary dd:first-of-type {
  font-weight: 600;
  color: #000;
}
#goodTVteaserCatalog .thumbnail {
  display: block;
  position: relative;
  aspect-ratio: 208/277;
  overflow: hidden;
}
#goodTVteaserCatalog .thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-component-pin="special"] .module-catalog,
[data-component-pin="event"] .module-catalog {
  margin-top: 0;
}
[data-component-pin="special"] .page-utility,
[data-component-pin="event"] .page-utility {
  position: sticky;
  top: -13.8888888889vw;
  will-change: top, transform;
  transition:
    top var(--header-transition-duration) var(--header-transition-easing),
    var(--header-transition);
}
[data-component-pin="special"] .filter-bubble-brief,
[data-component-pin="event"] .filter-bubble-brief {
  position: sticky;
  top: 0;
  z-index: 100;
  padding-top: 2.7777777778vw;
  padding-bottom: 2.7777777778vw;
  background-color: #fff;
  will-change: top, transform;
  transition:
    top var(--header-transition-duration) var(--header-transition-easing),
    var(--header-transition);
}
[data-component-pin="special"] #contents,
[data-component-pin="event"] #contents {
  padding-top: 0;
}
html.scrolling-reverse [data-component-pin="special"] .page-utility,
html.scrolling-reverse [data-component-pin="event"] .page-utility {
  top: 0;
}
html.scrolling-reverse [data-component-pin="special"] .filter-bubble-brief,
html.scrolling-reverse [data-component-pin="event"] .filter-bubble-brief {
  top: 13.6111111111vw;
}
.today-deal .deal-header,
.short-clip-deal .deal-header {
  display: flex;
  align-items: center;
  margin-bottom: 3.3333333333vw;
}
.today-deal .deal-header .section-header,
.short-clip-deal .deal-header .section-header {
  margin-bottom: 0;
  padding-inline: 0;
  margin-left: 2.7777777778vw;
}
.today-deal .deal-header .section-header h2.topic,
.short-clip-deal .deal-header .section-header h2.topic {
  display: flex;
}
.banner-tile-item .tile-violator {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  text-align: center;
  padding: 1.3888888889vw 5.5555555556vw;
}
.banner-tile-item .goods-card > figcaption {
  padding: 3.3333333333vw 0 0;
}
.banner-tile-item .goods-card > figcaption .price-brief {
  gap: 0 1.1111111111vw;
  font-size: 4.4444444444vw;
}
.banner-tile-item .goods-card > figcaption .price-brief .was {
  font-size: 3.3333333333vw;
}
.banner-tile-item .goods-card > figcaption .price-brief .was,
.banner-tile-item .goods-card > figcaption .price-brief .discount {
  margin-left: 0;
}
.short-clip-deal .deal-header {
  margin-bottom: 3.3333333333vw;
}
.short-clip-deal .swiper-slide {
  width: 38.8888888889vw;
}
.short-clip-deal .swiper-slide:not(:last-child) {
  margin-right: 1.1111111111vw;
}
.short-clip-deal .swiper-wrapper {
  height: auto;
}
.short-clip-deal.swiper.swiper-initialized .swiper-slide > a figure .thumbnail {
  width: 100%;
  height: 68.8888888889vw;
  border-radius: 1.1111111111vw;
  position: relative;
  overflow: hidden;
  background: linear-gradient(-45deg, #f7f7f7 40%, #fff, #f7f7f7 60%);
  background-size: 500%;
  background-position-x: 100%;
  animation: shimmer 1s infinite linear;
}
@keyframes shimmer {
  to {
    background-position-x: 0;
  }
}
.short-clip-deal iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.short-clip-deal .tile-violator {
  background-color: #00000080;
  padding: 1.3888888889vw 2.2222222222vw;
}
.short-clip-deal .shorts-card .label {
  font-size: 3.6111111111vw;
  font-weight: 500;
  line-height: 5vw;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  padding-top: 2.2222222222vw;
  padding-inline: 1.1111111111vw;
  margin-top: 0;
}
.short-clip-deal .shorts-card .thumbnail:after {
  content: none;
}
.short-clip-deal .spot-visual {
  border-radius: 1.1111111111vw;
  overflow: hidden;
}
.short-clip-deal .spot-visual.st-play:before {
  display: block;
}
.short-clip-deal .till-timer.is-timer-none .till-timer-date {
  display: none;
}
.short-clip-deal .video-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 2;
  cursor: pointer;
}
.short-clip-deal .video-cover.is-show {
  opacity: 1;
  visibility: visible;
  z-index: 2;
}
.short-clip-deal .video-cover.is-hide {
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
.short-clip-deal .spot-video-iframe.is-show,
.short-clip-deal .spot-video-mp4.is-show {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.short-clip-deal .spot-video-iframe.is-hide,
.short-clip-deal .spot-video-mp4.is-hide {
  opacity: 0;
  visibility: hidden;
  z-index: 0;
}
.short-clip-deal .spot-video-mp4 {
  width: 100%;
  height: 100%;
}
.short-clip-deal .spot-video {
  height: 100%;
  position: relative;
}
.short-clip-deal .indicator {
  margin-top: 4.4444444444vw;
}
.view-count {
  position: absolute;
  right: 1.6666666667vw;
  top: 1.6666666667vw;
  z-index: 2;
  display: block;
  border-radius: 4.1666666667vw;
  color: #fff;
  font-size: 2.7777777778vw;
  padding: 0.8333333333vw 2.2222222222vw;
  background-color: #0006;
}
.icon-gallery-sprite {
  background-image: url("../img/icons/icon-gallery-sprite.png");
  background-size: 20vw auto;
}
.icon-gallery-sprite.icon-gallery-fill {
  background-position-x: 0;
}
.icon-gallery-sprite.icon-grid-fill {
  background-position-x: 50%;
}
.icon-gallery-sprite.icon-triple-grid-fill {
  background-position-x: 100%;
}
.helper-text-link {
  display: block;
  text-align: center;
}
.helper-text-link .text-inner {
  display: inline-flex;
  border-bottom: 1px solid #000;
  margin-top: 2.7777777778vw;
  font-size: 3.3333333333vw;
  line-height: 5vw;
  position: relative;
  padding-right: 3.3333333333vw;
}
.helper-text-link .text-inner .icon,
.helper-text-link .text-inner .spot-visual.st-video:after,
.helper-text-link .text-inner .spot-visual.st-video-view:after {
  position: absolute;
  right: -1.1111111111vw;
  top: 50%;
  transform: translateY(-50%);
}
.update-info {
  background-color: #edf5ff;
  color: #004db9;
  padding: 1.3333333333vw 2.2222222222vw 1.4444444444vw;
  border-radius: 1.1111111111vw;
  overflow: hidden;
  width: auto;
}
.update-info-text {
  font-size: 3.3333333333vw;
}
.recommend-section {
  margin-top: var(--tt-gutter-y);
}
.recommend-section > .section-header {
  padding-inline: 5.5555555556vw;
  margin-bottom: 5.5555555556vw;
}
.recommend-section > .section-header h2.topic {
  margin: 0;
  font-size: 5.5555555556vw;
}
.recommend-section .swiper-wrapper {
  height: auto;
}
.recommend-section .tile-list {
  --tt-gutter-y: 0;
  display: grid;
  gap: 6.6666666667vw 0;
  padding-inline: 5.5555555556vw;
}
.recommend-section .indicator {
  margin-inline: 5.5555555556vw;
}
.live-popular-products.catalog-display-rail {
  margin-top: var(--tt-gutter-y);
}
.live-popular-products.catalog-display-rail > .section-header h2.topic {
  font-size: 5.5555555556vw;
}
.gateway-banner {
  margin-top: -10.5555555556vw;
  margin-bottom: 6.1111111111vw;
}
.gateway-banner .banner-link {
  display: block;
}
.gateway-banner.st-lnb {
  width: 100%;
  border-top: 0.2777777778vw solid #eee;
  margin: 0;
  padding: 3.3333333333vw 2.7777777778vw;
  box-sizing: border-box;
}
.gateway-banner__link {
  overflow: hidden;
  border-radius: 1.3888888889vw;
  height: 12.2222222222vw;
  background: linear-gradient(130deg, #0377fc 25.07%, #2ea9ec 62.61%, #04dd7a 125.64%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4.1666666667vw 3.3333333333vw;
}
.gateway-banner__content {
  display: flex;
  align-items: center;
  color: #fff;
}
.gateway-banner__content .img-fluid,
.gateway-banner__content .spot-utility .spot-img,
.spot-utility .gateway-banner__content .spot-img,
.gateway-banner__content .spot-visual .spot-img,
.spot-visual .gateway-banner__content .spot-img,
.gateway-banner__content .billboard-hook .billboard-img,
.billboard-hook .gateway-banner__content .billboard-img,
.gateway-banner__content .shortcut .shortcut-img,
.shortcut .gateway-banner__content .shortcut-img,
.gateway-banner__content .shortcut-tv .shortcut-img,
.shortcut-tv .gateway-banner__content .shortcut-img,
.gateway-banner__content .shortcut-special .shortcut-img,
.shortcut-special .gateway-banner__content .shortcut-img,
.gateway-banner__content .shortcut-contents-thumb .shortcut-img,
.shortcut-contents-thumb .gateway-banner__content .shortcut-img,
.gateway-banner__content .shortcut-coming .shortcut-img,
.shortcut-coming .gateway-banner__content .shortcut-img,
.gateway-banner__content .membership-special .membership-img,
.membership-special .gateway-banner__content .membership-img {
  width: 30vw;
  margin-right: 3.3333333333vw;
}
.period-filter .container {
  margin-top: 5.5555555556vw;
}
.period-filter .container .heading-group {
  justify-content: flex-start;
}
.period-filter .container .heading-group .heading {
  padding: 0;
}
.period-filter .container .bubbles {
  margin-top: 1.1111111111vw;
}
.category-carousel-recommend .section-header {
  margin-bottom: 4.4444444444vw;
}
.receipt-barcode {
  padding-inline: 13.6111111111vw;
  padding-bottom: 5.5555555556vw;
}
.receipt-barcode__number {
  display: block;
  text-align: center;
  margin-top: 1.1111111111vw;
  color: #666;
  font-size: 3.3333333333vw;
  font-weight: 400;
}
.helper-list.st-default .helper {
  gap: 0.5555555556vw;
  font-size: 3.0555555556vw;
  line-height: 4.4444444444vw;
}
.helper-list.st-default .helper:before {
  content: "-";
  vertical-align: middle;
  transform: translateY(-0.5555555556vw);
}
#nav-clubmall + .button-cta[data-tt-target="#modal-dropdown-list"] {
  margin-top: 11.6666666667vw;
}

/* 브랜드소개 코너 */
.module-brand-intro {
  background-color: #f8f8f8;
  padding-top: calc(30 * var(--global-unit));
  padding-bottom: calc(18 * var(--global-unit));
}
.module-brand-intro--title {
  display: none;
}
.module-brand-intro--visual {
  margin-bottom: calc(20 * var(--global-unit));
}
.module-brand-intro--name {
  margin-bottom: calc(8 * var(--global-unit));
  font-size: calc(16 * var(--global-unit));
  font-weight: 600;
}
.module-brand-intro--detail p {
  display: -webkit-box;
  font-size: calc(12 * var(--global-unit));
  line-height: 1.5;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-brand-intro--detail.is-open p {
  display: block;
}
.module-brand-intro--detail-action {
  padding: calc(12 * var(--global-unit));
  color: #999999;
  font-size: calc(11 * var(--global-unit));
  width: 100%;
  text-decoration: underline;
}