@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");
} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
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;
} /*! jQuery UI - v1.13.2 - 2023-04-24
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  touch-action: none;
}
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
}
.ui-front {
  z-index: 100;
}
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}
.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}
.ui-checkboxradio-disabled {
  pointer-events: none;
}
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}
.ui-datepicker {
  min-width: 254px;
  background-color: #fff;
  border: 1px solid #666;
  padding: 20px 15px 15px;
  margin-top: 10px;
}
.ui-datepicker .ui-datepicker-header {
  padding: 0;
  margin-bottom: 15px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  width: 24px;
  height: 24px;
  cursor: pointer;
  top: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
  display: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 8px;
  background: transparent url("../img/icons/icon-chevron-calendar-prev__black.png") 0 0 no-repeat;
  background-size: 100%;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 8px;
  background: transparent url("../img/icons/icon-chevron-calendar-next__black.png") 0 0 no-repeat;
  background-size: 100%;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  font-size: 14px;
  line-height: 24px;
}
.ui-datepicker table.ui-datepicker-calendar {
  width: 224px;
  table-layout: fixed;
}
.ui-datepicker table.ui-datepicker-calendar th {
  text-align: center;
  width: 32px;
  font-size: 13px;
  line-height: 32px;
  color: #000;
  padding: 0;
  font-weight: 400;
}
.ui-datepicker table.ui-datepicker-calendar td {
  padding: 0;
  width: 32px;
}
.ui-datepicker table.ui-datepicker-calendar td .ui-state-default {
  text-align: center;
  width: 32px;
  font-size: 13px;
  line-height: 32px;
  color: #000;
  padding: 0;
}
.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-end:first-child .ui-state-default {
  color: red;
}
.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-week-end:last-child .ui-state-default {
  color: #2170d8;
}
.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default.ui-priority-secondary {
  color: #ccc;
}
.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day .ui-state-default.ui-state-active {
  background-color: #000;
  color: #fff;
}
.ui-datepicker.st-modal {
  z-index: 10000 !important;
}
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 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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: 1px solid #eee !important;
}
.border.st-focus {
  border-color: #000 !important;
}
.border.st-primary {
  border-color: #006bff !important;
}
.border-0 {
  border: 0 !important;
}
.border-t {
  border-top: 1px solid #eee !important;
}
.border-t.st-focus {
  border-color: #000 !important;
}
.border-t.st-primary {
  border-color: #006bff !important;
}
.border-t-0 {
  border-top: 0 !important;
}
.border-e {
  border-right: 1px solid #eee !important;
}
.border-e.st-focus {
  border-color: #000 !important;
}
.border-e.st-primary {
  border-color: #006bff !important;
}
.border-e-0 {
  border-right: 0 !important;
}
.border-b {
  border-bottom: 1px solid #eee !important;
}
.border-b.st-focus {
  border-color: #000 !important;
}
.border-b.st-primary {
  border-color: #006bff !important;
}
.border-b-0 {
  border-bottom: 0 !important;
}
.border-s {
  border-left: 1px solid #eee !important;
}
.border-s.st-focus {
  border-color: #000 !important;
}
.border-s.st-primary {
  border-color: #006bff !important;
}
.border-s-0 {
  border-left: 0 !important;
}
.border-1 {
  border-width: 1px;
}
.border-2 {
  border-width: 2px;
}
.border-3 {
  border-width: 3px;
}
.border-4 {
  border-width: 4px;
}
.border-5 {
  border-width: 5px;
}
.w-15 {
  width: 15px !important;
}
.w-25 {
  width: 25px !important;
}
.w-32 {
  width: 32px !important;
}
.w-48 {
  width: 48px !important;
}
.w-60 {
  width: 60px !important;
}
.w-72 {
  width: 72px !important;
}
.w-80 {
  width: 80px !important;
}
.w-104 {
  width: 104px !important;
}
.w-112 {
  width: 112px !important;
}
.w-116 {
  width: 116px !important;
}
.w-128 {
  width: 128px !important;
}
.w-135 {
  width: 135px !important;
}
.w-152 {
  width: 152px !important;
}
.w-164 {
  width: 164px !important;
}
.w-200 {
  width: 200px !important;
}
.w-248 {
  width: 248px !important;
}
.w-272 {
  width: 272px !important;
}
.w-280 {
  width: 280px !important;
}
.w-284 {
  width: 284px !important;
}
.w-344 {
  width: 344px !important;
}
.w-354 {
  width: 354px !important;
}
.w-408 {
  width: 408px !important;
}
.w-415 {
  width: 415px !important;
}
.w-434 {
  width: 434px !important;
}
.w-454 {
  width: 454px !important;
}
.w-584 {
  width: 584px !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;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-w-100 {
  min-width: 100px !important;
}
.min-0 {
  min-width: 0 !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-fix-40 {
  height: 40px !important;
}
.h-fix-80 {
  height: 80px !important;
}
.h-fix-160 {
  height: 160px !important;
}
.h-fix-450 {
  height: 450px !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-h-30 {
  min-height: 30px !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 - 130px) !important;
}
.flex-fill {
  flex: 1 1 auto !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;
}
.cursor-pointer {
  cursor: pointer !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-92 {
  margin-top: 92px !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-n2 {
  margin-right: -2px !important;
}
.mt-n2 {
  margin-top: -2px !important;
}
.mt-n4 {
  margin-top: -4px !important;
}
.me-n12 {
  margin-right: -12px !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-n10 {
  margin-left: -10px !important;
}
.ms-4 {
  margin-left: 4px !important;
}
.ms-76 {
  margin-left: 76px !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;
}
.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !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-8 {
  margin: 8px !important;
}
.mt-n8 {
  margin-top: -8px !important;
}
.mt-2 {
  margin-top: 2px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.mb-n8 {
  margin-bottom: -8px !important;
}
.ms-8 {
  margin-left: 8px !important;
}
.ms-n8 {
  margin-left: -8px !important;
}
.me-8 {
  margin-right: 8px !important;
}
.me-n8 {
  margin-right: -8px !important;
}
.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.my-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.my-n8 {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}
.p-8 {
  padding: 8px !important;
}
.pt-3 {
  padding-top: 3px !important;
}
.pt-8 {
  padding-top: 8px !important;
}
.pe-8 {
  padding-right: 8px !important;
}
.pb-3 {
  padding-bottom: 3px !important;
}
.pb-8 {
  padding-bottom: 8px !important;
}
.ps-8 {
  padding-left: 8px !important;
}
.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.m-16 {
  margin: 16px !important;
}
.mt-n16 {
  margin-top: -16px !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.mb-n16 {
  margin-bottom: -16px !important;
}
.ms-16 {
  margin-left: 16px !important;
}
.ms-n16 {
  margin-left: -16px !important;
}
.me-16 {
  margin-right: 16px !important;
}
.me-n16 {
  margin-right: -16px !important;
}
.mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.my-n16 {
  margin-top: -16px !important;
  margin-bottom: -16px !important;
}
.p-16 {
  padding: 16px !important;
}
.pt-6 {
  padding-top: 6px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.pe-16 {
  padding-right: 16px !important;
}
.pb-6 {
  padding-bottom: 6px !important;
}
.pb-16 {
  padding-bottom: 16px !important;
}
.ps-16 {
  padding-left: 16px !important;
}
.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.m-24 {
  margin: 24px !important;
}
.mt-n24 {
  margin-top: -24px !important;
}
.mt-6 {
  margin-top: 6px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.mb-n24 {
  margin-bottom: -24px !important;
}
.ms-24 {
  margin-left: 24px !important;
}
.ms-n24 {
  margin-left: -24px !important;
}
.me-24 {
  margin-right: 24px !important;
}
.me-n24 {
  margin-right: -24px !important;
}
.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.my-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.my-n24 {
  margin-top: -24px !important;
  margin-bottom: -24px !important;
}
.p-24 {
  padding: 24px !important;
}
.pt-9 {
  padding-top: 9px !important;
}
.pe-24 {
  padding-right: 24px !important;
}
.pb-9 {
  padding-bottom: 9px !important;
}
.ps-24 {
  padding-left: 24px !important;
}
.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.m-32 {
  margin: 32px !important;
}
.mt-n32 {
  margin-top: -32px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.mb-n32 {
  margin-bottom: -32px !important;
}
.ms-32 {
  margin-left: 32px !important;
}
.ms-n32 {
  margin-left: -32px !important;
}
.me-32 {
  margin-right: 32px !important;
}
.me-n32 {
  margin-right: -32px !important;
}
.mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.my-n32 {
  margin-top: -32px !important;
  margin-bottom: -32px !important;
}
.p-32 {
  padding: 32px !important;
}
.pt-12 {
  padding-top: 12px !important;
}
.pt-32 {
  padding-top: 32px !important;
}
.pe-32 {
  padding-right: 32px !important;
}
.pb-12 {
  padding-bottom: 12px !important;
}
.pb-32 {
  padding-bottom: 32px !important;
}
.ps-32 {
  padding-left: 32px !important;
}
.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.m-40 {
  margin: 40px !important;
}
.mt-n40 {
  margin-top: -40px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.mb-n40 {
  margin-bottom: -40px !important;
}
.ms-40 {
  margin-left: 40px !important;
}
.ms-n40 {
  margin-left: -40px !important;
}
.me-40 {
  margin-right: 40px !important;
}
.me-n40 {
  margin-right: -40px !important;
}
.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.my-n40 {
  margin-top: -40px !important;
  margin-bottom: -40px !important;
}
.p-40 {
  padding: 40px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pe-40 {
  padding-right: 40px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.ps-40 {
  padding-left: 40px !important;
}
.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.m-48 {
  margin: 48px !important;
}
.mt-n48 {
  margin-top: -48px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mb-48 {
  margin-bottom: 48px !important;
}
.mb-n48 {
  margin-bottom: -48px !important;
}
.ms-48 {
  margin-left: 48px !important;
}
.ms-n48 {
  margin-left: -48px !important;
}
.me-48 {
  margin-right: 48px !important;
}
.me-n48 {
  margin-right: -48px !important;
}
.mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.my-n48 {
  margin-top: -48px !important;
  margin-bottom: -48px !important;
}
.p-48 {
  padding: 48px !important;
}
.pt-18 {
  padding-top: 18px !important;
}
.pe-48 {
  padding-right: 48px !important;
}
.pb-18 {
  padding-bottom: 18px !important;
}
.ps-48 {
  padding-left: 48px !important;
}
.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.py-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.m-56 {
  margin: 56px !important;
}
.mt-n56 {
  margin-top: -56px !important;
}
.mt-14 {
  margin-top: 14px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mb-56 {
  margin-bottom: 56px !important;
}
.mb-n56 {
  margin-bottom: -56px !important;
}
.ms-56 {
  margin-left: 56px !important;
}
.ms-n56 {
  margin-left: -56px !important;
}
.me-56 {
  margin-right: 56px !important;
}
.me-n56 {
  margin-right: -56px !important;
}
.mx-56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}
.my-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}
.my-n56 {
  margin-top: -56px !important;
  margin-bottom: -56px !important;
}
.p-56 {
  padding: 56px !important;
}
.pt-21 {
  padding-top: 21px !important;
}
.pt-56 {
  padding-top: 56px !important;
}
.pe-56 {
  padding-right: 56px !important;
}
.pb-21 {
  padding-bottom: 21px !important;
}
.pb-56 {
  padding-bottom: 56px !important;
}
.ps-56 {
  padding-left: 56px !important;
}
.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.py-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
.m-64 {
  margin: 64px !important;
}
.mt-n64 {
  margin-top: -64px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mb-64 {
  margin-bottom: 64px !important;
}
.mb-n64 {
  margin-bottom: -64px !important;
}
.ms-64 {
  margin-left: 64px !important;
}
.ms-n64 {
  margin-left: -64px !important;
}
.me-64 {
  margin-right: 64px !important;
}
.me-n64 {
  margin-right: -64px !important;
}
.mx-64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.my-n64 {
  margin-top: -64px !important;
  margin-bottom: -64px !important;
}
.p-64 {
  padding: 64px !important;
}
.pt-24 {
  padding-top: 24px !important;
}
.pt-64 {
  padding-top: 64px !important;
}
.pe-64 {
  padding-right: 64px !important;
}
.pb-24 {
  padding-bottom: 24px !important;
}
.pb-64 {
  padding-bottom: 64px !important;
}
.ps-64 {
  padding-left: 64px !important;
}
.px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.py-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.m-72 {
  margin: 72px !important;
}
.mt-n72 {
  margin-top: -72px !important;
}
.mt-18 {
  margin-top: 18px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mb-72 {
  margin-bottom: 72px !important;
}
.mb-n72 {
  margin-bottom: -72px !important;
}
.ms-72 {
  margin-left: 72px !important;
}
.ms-n72 {
  margin-left: -72px !important;
}
.me-72 {
  margin-right: 72px !important;
}
.me-n72 {
  margin-right: -72px !important;
}
.mx-72 {
  margin-left: 72px !important;
  margin-right: 72px !important;
}
.my-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}
.my-n72 {
  margin-top: -72px !important;
  margin-bottom: -72px !important;
}
.p-72 {
  padding: 72px !important;
}
.pt-27 {
  padding-top: 27px !important;
}
.pe-72 {
  padding-right: 72px !important;
}
.pb-27 {
  padding-bottom: 27px !important;
}
.ps-72 {
  padding-left: 72px !important;
}
.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
.px-36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.py-72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
.m-80 {
  margin: 80px !important;
}
.mt-n80 {
  margin-top: -80px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.mb-n80 {
  margin-bottom: -80px !important;
}
.ms-80 {
  margin-left: 80px !important;
}
.ms-n80 {
  margin-left: -80px !important;
}
.me-80 {
  margin-right: 80px !important;
}
.me-n80 {
  margin-right: -80px !important;
}
.mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}
.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.my-n80 {
  margin-top: -80px !important;
  margin-bottom: -80px !important;
}
.p-80 {
  padding: 80px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pe-80 {
  padding-right: 80px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.ps-80 {
  padding-left: 80px !important;
}
.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
.m-88 {
  margin: 88px !important;
}
.mt-n88 {
  margin-top: -88px !important;
}
.mt-22 {
  margin-top: 22px !important;
}
.mt-88 {
  margin-top: 88px !important;
}
.mt-55 {
  margin-top: 55px !important;
}
.mb-88 {
  margin-bottom: 88px !important;
}
.mb-n88 {
  margin-bottom: -88px !important;
}
.ms-88 {
  margin-left: 88px !important;
}
.ms-n88 {
  margin-left: -88px !important;
}
.me-88 {
  margin-right: 88px !important;
}
.me-n88 {
  margin-right: -88px !important;
}
.mx-88 {
  margin-left: 88px !important;
  margin-right: 88px !important;
}
.my-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}
.my-88 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}
.my-n88 {
  margin-top: -88px !important;
  margin-bottom: -88px !important;
}
.p-88 {
  padding: 88px !important;
}
.pt-33 {
  padding-top: 33px !important;
}
.pt-88 {
  padding-top: 88px !important;
}
.pe-88 {
  padding-right: 88px !important;
}
.pb-33 {
  padding-bottom: 33px !important;
}
.pb-88 {
  padding-bottom: 88px !important;
}
.ps-88 {
  padding-left: 88px !important;
}
.px-55 {
  padding-left: 55px !important;
  padding-right: 55px !important;
}
.px-44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.py-88 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}
.m-96 {
  margin: 96px !important;
}
.mt-n96 {
  margin-top: -96px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mt-96 {
  margin-top: 96px !important;
}
.mb-96 {
  margin-bottom: 96px !important;
}
.mb-n96 {
  margin-bottom: -96px !important;
}
.ms-96 {
  margin-left: 96px !important;
}
.ms-n96 {
  margin-left: -96px !important;
}
.me-96 {
  margin-right: 96px !important;
}
.me-n96 {
  margin-right: -96px !important;
}
.mx-96 {
  margin-left: 96px !important;
  margin-right: 96px !important;
}
.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.my-96 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}
.my-n96 {
  margin-top: -96px !important;
  margin-bottom: -96px !important;
}
.p-96 {
  padding: 96px !important;
}
.pt-36 {
  padding-top: 36px !important;
}
.pe-96 {
  padding-right: 96px !important;
}
.pb-36 {
  padding-bottom: 36px !important;
}
.ps-96 {
  padding-left: 96px !important;
}
.px-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.py-96 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}
.m-104 {
  margin: 104px !important;
}
.mt-n104 {
  margin-top: -104px !important;
}
.mt-26 {
  margin-top: 26px !important;
}
.mt-104 {
  margin-top: 104px !important;
}
.mt-65 {
  margin-top: 65px !important;
}
.mb-104 {
  margin-bottom: 104px !important;
}
.mb-n104 {
  margin-bottom: -104px !important;
}
.ms-104 {
  margin-left: 104px !important;
}
.ms-n104 {
  margin-left: -104px !important;
}
.me-104 {
  margin-right: 104px !important;
}
.me-n104 {
  margin-right: -104px !important;
}
.mx-104 {
  margin-left: 104px !important;
  margin-right: 104px !important;
}
.my-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}
.my-104 {
  margin-top: 104px !important;
  margin-bottom: 104px !important;
}
.my-n104 {
  margin-top: -104px !important;
  margin-bottom: -104px !important;
}
.p-104 {
  padding: 104px !important;
}
.pt-39 {
  padding-top: 39px !important;
}
.pt-104 {
  padding-top: 104px !important;
}
.pe-104 {
  padding-right: 104px !important;
}
.pb-39 {
  padding-bottom: 39px !important;
}
.pb-104 {
  padding-bottom: 104px !important;
}
.ps-104 {
  padding-left: 104px !important;
}
.px-65 {
  padding-left: 65px !important;
  padding-right: 65px !important;
}
.px-52 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}
.py-104 {
  padding-top: 104px !important;
  padding-bottom: 104px !important;
}
.m-112 {
  margin: 112px !important;
}
.mt-n112 {
  margin-top: -112px !important;
}
.mt-28 {
  margin-top: 28px !important;
}
.mt-112 {
  margin-top: 112px !important;
}
.mb-112 {
  margin-bottom: 112px !important;
}
.mb-n112 {
  margin-bottom: -112px !important;
}
.ms-112 {
  margin-left: 112px !important;
}
.ms-n112 {
  margin-left: -112px !important;
}
.me-112 {
  margin-right: 112px !important;
}
.me-n112 {
  margin-right: -112px !important;
}
.mx-112 {
  margin-left: 112px !important;
  margin-right: 112px !important;
}
.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.my-112 {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}
.my-n112 {
  margin-top: -112px !important;
  margin-bottom: -112px !important;
}
.p-112 {
  padding: 112px !important;
}
.pt-42 {
  padding-top: 42px !important;
}
.pt-112 {
  padding-top: 112px !important;
}
.pe-112 {
  padding-right: 112px !important;
}
.pb-42 {
  padding-bottom: 42px !important;
}
.pb-112 {
  padding-bottom: 112px !important;
}
.ps-112 {
  padding-left: 112px !important;
}
.px-70 {
  padding-left: 70px !important;
  padding-right: 70px !important;
}
.px-56 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}
.py-112 {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}
.m-120 {
  margin: 120px !important;
}
.mt-n120 {
  margin-top: -120px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mt-75 {
  margin-top: 75px !important;
}
.mb-120 {
  margin-bottom: 120px !important;
}
.mb-n120 {
  margin-bottom: -120px !important;
}
.ms-120 {
  margin-left: 120px !important;
}
.ms-n120 {
  margin-left: -120px !important;
}
.me-120 {
  margin-right: 120px !important;
}
.me-n120 {
  margin-right: -120px !important;
}
.mx-120 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}
.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.my-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}
.my-n120 {
  margin-top: -120px !important;
  margin-bottom: -120px !important;
}
.p-120 {
  padding: 120px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pe-120 {
  padding-right: 120px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.ps-120 {
  padding-left: 120px !important;
}
.px-75 {
  padding-left: 75px !important;
  padding-right: 75px !important;
}
.px-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.py-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
.m-128 {
  margin: 128px !important;
}
.mt-n128 {
  margin-top: -128px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mt-128 {
  margin-top: 128px !important;
}
.mb-128 {
  margin-bottom: 128px !important;
}
.mb-n128 {
  margin-bottom: -128px !important;
}
.ms-128 {
  margin-left: 128px !important;
}
.ms-n128 {
  margin-left: -128px !important;
}
.me-128 {
  margin-right: 128px !important;
}
.me-n128 {
  margin-right: -128px !important;
}
.mx-128 {
  margin-left: 128px !important;
  margin-right: 128px !important;
}
.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.my-128 {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}
.my-n128 {
  margin-top: -128px !important;
  margin-bottom: -128px !important;
}
.p-128 {
  padding: 128px !important;
}
.pt-48 {
  padding-top: 48px !important;
}
.pt-128 {
  padding-top: 128px !important;
}
.pe-128 {
  padding-right: 128px !important;
}
.pb-48 {
  padding-bottom: 48px !important;
}
.pb-128 {
  padding-bottom: 128px !important;
}
.ps-128 {
  padding-left: 128px !important;
}
.px-64 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.py-128 {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}
.m-136 {
  margin: 136px !important;
}
.mt-n136 {
  margin-top: -136px !important;
}
.mt-34 {
  margin-top: 34px !important;
}
.mt-136 {
  margin-top: 136px !important;
}
.mt-85 {
  margin-top: 85px !important;
}
.mb-136 {
  margin-bottom: 136px !important;
}
.mb-n136 {
  margin-bottom: -136px !important;
}
.ms-136 {
  margin-left: 136px !important;
}
.ms-n136 {
  margin-left: -136px !important;
}
.me-136 {
  margin-right: 136px !important;
}
.me-n136 {
  margin-right: -136px !important;
}
.mx-136 {
  margin-left: 136px !important;
  margin-right: 136px !important;
}
.my-34 {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}
.my-136 {
  margin-top: 136px !important;
  margin-bottom: 136px !important;
}
.my-n136 {
  margin-top: -136px !important;
  margin-bottom: -136px !important;
}
.p-136 {
  padding: 136px !important;
}
.pt-51 {
  padding-top: 51px !important;
}
.pt-136 {
  padding-top: 136px !important;
}
.pe-136 {
  padding-right: 136px !important;
}
.pb-51 {
  padding-bottom: 51px !important;
}
.pb-136 {
  padding-bottom: 136px !important;
}
.ps-136 {
  padding-left: 136px !important;
}
.px-85 {
  padding-left: 85px !important;
  padding-right: 85px !important;
}
.px-68 {
  padding-left: 68px !important;
  padding-right: 68px !important;
}
.py-136 {
  padding-top: 136px !important;
  padding-bottom: 136px !important;
}
.m-144 {
  margin: 144px !important;
}
.mt-n144 {
  margin-top: -144px !important;
}
.mt-36 {
  margin-top: 36px !important;
}
.mt-144 {
  margin-top: 144px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mb-144 {
  margin-bottom: 144px !important;
}
.mb-n144 {
  margin-bottom: -144px !important;
}
.ms-144 {
  margin-left: 144px !important;
}
.ms-n144 {
  margin-left: -144px !important;
}
.me-144 {
  margin-right: 144px !important;
}
.me-n144 {
  margin-right: -144px !important;
}
.mx-144 {
  margin-left: 144px !important;
  margin-right: 144px !important;
}
.my-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
.my-144 {
  margin-top: 144px !important;
  margin-bottom: 144px !important;
}
.my-n144 {
  margin-top: -144px !important;
  margin-bottom: -144px !important;
}
.p-144 {
  padding: 144px !important;
}
.pt-54 {
  padding-top: 54px !important;
}
.pt-144 {
  padding-top: 144px !important;
}
.pe-144 {
  padding-right: 144px !important;
}
.pb-54 {
  padding-bottom: 54px !important;
}
.pb-144 {
  padding-bottom: 144px !important;
}
.ps-144 {
  padding-left: 144px !important;
}
.px-90 {
  padding-left: 90px !important;
  padding-right: 90px !important;
}
.px-72 {
  padding-left: 72px !important;
  padding-right: 72px !important;
}
.py-144 {
  padding-top: 144px !important;
  padding-bottom: 144px !important;
}
.m-152 {
  margin: 152px !important;
}
.mt-n152 {
  margin-top: -152px !important;
}
.mt-38 {
  margin-top: 38px !important;
}
.mt-152 {
  margin-top: 152px !important;
}
.mt-95 {
  margin-top: 95px !important;
}
.mb-152 {
  margin-bottom: 152px !important;
}
.mb-n152 {
  margin-bottom: -152px !important;
}
.ms-152 {
  margin-left: 152px !important;
}
.ms-n152 {
  margin-left: -152px !important;
}
.me-152 {
  margin-right: 152px !important;
}
.me-n152 {
  margin-right: -152px !important;
}
.mx-152 {
  margin-left: 152px !important;
  margin-right: 152px !important;
}
.my-38 {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}
.my-152 {
  margin-top: 152px !important;
  margin-bottom: 152px !important;
}
.my-n152 {
  margin-top: -152px !important;
  margin-bottom: -152px !important;
}
.p-152 {
  padding: 152px !important;
}
.pt-57 {
  padding-top: 57px !important;
}
.pt-152 {
  padding-top: 152px !important;
}
.pe-152 {
  padding-right: 152px !important;
}
.pb-57 {
  padding-bottom: 57px !important;
}
.pb-152 {
  padding-bottom: 152px !important;
}
.ps-152 {
  padding-left: 152px !important;
}
.px-95 {
  padding-left: 95px !important;
  padding-right: 95px !important;
}
.px-76 {
  padding-left: 76px !important;
  padding-right: 76px !important;
}
.py-152 {
  padding-top: 152px !important;
  padding-bottom: 152px !important;
}
.m-160 {
  margin: 160px !important;
}
.mt-n160 {
  margin-top: -160px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mt-100 {
  margin-top: 100px !important;
}
.mb-160 {
  margin-bottom: 160px !important;
}
.mb-n160 {
  margin-bottom: -160px !important;
}
.ms-160 {
  margin-left: 160px !important;
}
.ms-n160 {
  margin-left: -160px !important;
}
.me-160 {
  margin-right: 160px !important;
}
.me-n160 {
  margin-right: -160px !important;
}
.mx-160 {
  margin-left: 160px !important;
  margin-right: 160px !important;
}
.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.my-160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}
.my-n160 {
  margin-top: -160px !important;
  margin-bottom: -160px !important;
}
.p-160 {
  padding: 160px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pt-160 {
  padding-top: 160px !important;
}
.pe-160 {
  padding-right: 160px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pb-160 {
  padding-bottom: 160px !important;
}
.ps-160 {
  padding-left: 160px !important;
}
.px-80 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}
.py-160 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}
.m-168 {
  margin: 168px !important;
}
.mt-n168 {
  margin-top: -168px !important;
}
.mt-42 {
  margin-top: 42px !important;
}
.mt-168 {
  margin-top: 168px !important;
}
.mt-105 {
  margin-top: 105px !important;
}
.mb-168 {
  margin-bottom: 168px !important;
}
.mb-n168 {
  margin-bottom: -168px !important;
}
.ms-168 {
  margin-left: 168px !important;
}
.ms-n168 {
  margin-left: -168px !important;
}
.me-168 {
  margin-right: 168px !important;
}
.me-n168 {
  margin-right: -168px !important;
}
.mx-168 {
  margin-left: 168px !important;
  margin-right: 168px !important;
}
.my-42 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}
.my-168 {
  margin-top: 168px !important;
  margin-bottom: 168px !important;
}
.my-n168 {
  margin-top: -168px !important;
  margin-bottom: -168px !important;
}
.p-168 {
  padding: 168px !important;
}
.pt-63 {
  padding-top: 63px !important;
}
.pt-168 {
  padding-top: 168px !important;
}
.pe-168 {
  padding-right: 168px !important;
}
.pb-63 {
  padding-bottom: 63px !important;
}
.pb-168 {
  padding-bottom: 168px !important;
}
.ps-168 {
  padding-left: 168px !important;
}
.px-105 {
  padding-left: 105px !important;
  padding-right: 105px !important;
}
.px-168 {
  padding-left: 168px !important;
  padding-right: 168px !important;
}
.px-84 {
  padding-left: 84px !important;
  padding-right: 84px !important;
}
.py-168 {
  padding-top: 168px !important;
  padding-bottom: 168px !important;
}
.m-176 {
  margin: 176px !important;
}
.mt-n176 {
  margin-top: -176px !important;
}
.mt-44 {
  margin-top: 44px !important;
}
.mt-176 {
  margin-top: 176px !important;
}
.mt-110 {
  margin-top: 110px !important;
}
.mb-176 {
  margin-bottom: 176px !important;
}
.mb-n176 {
  margin-bottom: -176px !important;
}
.ms-176 {
  margin-left: 176px !important;
}
.ms-n176 {
  margin-left: -176px !important;
}
.me-176 {
  margin-right: 176px !important;
}
.me-n176 {
  margin-right: -176px !important;
}
.mx-176 {
  margin-left: 176px !important;
  margin-right: 176px !important;
}
.my-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}
.my-176 {
  margin-top: 176px !important;
  margin-bottom: 176px !important;
}
.my-n176 {
  margin-top: -176px !important;
  margin-bottom: -176px !important;
}
.p-176 {
  padding: 176px !important;
}
.pt-66 {
  padding-top: 66px !important;
}
.pt-176 {
  padding-top: 176px !important;
}
.pe-176 {
  padding-right: 176px !important;
}
.pb-66 {
  padding-bottom: 66px !important;
}
.pb-176 {
  padding-bottom: 176px !important;
}
.ps-176 {
  padding-left: 176px !important;
}
.px-110 {
  padding-left: 110px !important;
  padding-right: 110px !important;
}
.px-176 {
  padding-left: 176px !important;
  padding-right: 176px !important;
}
.px-88 {
  padding-left: 88px !important;
  padding-right: 88px !important;
}
.py-176 {
  padding-top: 176px !important;
  padding-bottom: 176px !important;
}
.m-184 {
  margin: 184px !important;
}
.mt-n184 {
  margin-top: -184px !important;
}
.mt-46 {
  margin-top: 46px !important;
}
.mt-184 {
  margin-top: 184px !important;
}
.mt-115 {
  margin-top: 115px !important;
}
.mb-184 {
  margin-bottom: 184px !important;
}
.mb-n184 {
  margin-bottom: -184px !important;
}
.ms-184 {
  margin-left: 184px !important;
}
.ms-n184 {
  margin-left: -184px !important;
}
.me-184 {
  margin-right: 184px !important;
}
.me-n184 {
  margin-right: -184px !important;
}
.mx-184 {
  margin-left: 184px !important;
  margin-right: 184px !important;
}
.my-46 {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}
.my-184 {
  margin-top: 184px !important;
  margin-bottom: 184px !important;
}
.my-n184 {
  margin-top: -184px !important;
  margin-bottom: -184px !important;
}
.p-184 {
  padding: 184px !important;
}
.pt-69 {
  padding-top: 69px !important;
}
.pt-184 {
  padding-top: 184px !important;
}
.pe-184 {
  padding-right: 184px !important;
}
.pb-69 {
  padding-bottom: 69px !important;
}
.pb-184 {
  padding-bottom: 184px !important;
}
.ps-184 {
  padding-left: 184px !important;
}
.px-115 {
  padding-left: 115px !important;
  padding-right: 115px !important;
}
.px-184 {
  padding-left: 184px !important;
  padding-right: 184px !important;
}
.px-92 {
  padding-left: 92px !important;
  padding-right: 92px !important;
}
.py-184 {
  padding-top: 184px !important;
  padding-bottom: 184px !important;
}
.m-192 {
  margin: 192px !important;
}
.mt-n192 {
  margin-top: -192px !important;
}
.mt-48 {
  margin-top: 48px !important;
}
.mt-192 {
  margin-top: 192px !important;
}
.mt-120 {
  margin-top: 120px !important;
}
.mb-192 {
  margin-bottom: 192px !important;
}
.mb-n192 {
  margin-bottom: -192px !important;
}
.ms-192 {
  margin-left: 192px !important;
}
.ms-n192 {
  margin-left: -192px !important;
}
.me-192 {
  margin-right: 192px !important;
}
.me-n192 {
  margin-right: -192px !important;
}
.mx-192 {
  margin-left: 192px !important;
  margin-right: 192px !important;
}
.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.my-192 {
  margin-top: 192px !important;
  margin-bottom: 192px !important;
}
.my-n192 {
  margin-top: -192px !important;
  margin-bottom: -192px !important;
}
.p-192 {
  padding: 192px !important;
}
.pt-72 {
  padding-top: 72px !important;
}
.pt-192 {
  padding-top: 192px !important;
}
.pe-192 {
  padding-right: 192px !important;
}
.pb-72 {
  padding-bottom: 72px !important;
}
.pb-192 {
  padding-bottom: 192px !important;
}
.ps-192 {
  padding-left: 192px !important;
}
.px-192 {
  padding-left: 192px !important;
  padding-right: 192px !important;
}
.px-96 {
  padding-left: 96px !important;
  padding-right: 96px !important;
}
.py-192 {
  padding-top: 192px !important;
  padding-bottom: 192px !important;
}
.m-200 {
  margin: 200px !important;
}
.mt-n200 {
  margin-top: -200px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-125 {
  margin-top: 125px !important;
}
.mb-200 {
  margin-bottom: 200px !important;
}
.mb-n200 {
  margin-bottom: -200px !important;
}
.ms-200 {
  margin-left: 200px !important;
}
.ms-n200 {
  margin-left: -200px !important;
}
.me-200 {
  margin-right: 200px !important;
}
.me-n200 {
  margin-right: -200px !important;
}
.mx-200 {
  margin-left: 200px !important;
  margin-right: 200px !important;
}
.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.my-200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}
.my-n200 {
  margin-top: -200px !important;
  margin-bottom: -200px !important;
}
.p-200 {
  padding: 200px !important;
}
.pt-75 {
  padding-top: 75px !important;
}
.pt-200 {
  padding-top: 200px !important;
}
.pe-200 {
  padding-right: 200px !important;
}
.pb-75 {
  padding-bottom: 75px !important;
}
.pb-200 {
  padding-bottom: 200px !important;
}
.ps-200 {
  padding-left: 200px !important;
}
.px-125 {
  padding-left: 125px !important;
  padding-right: 125px !important;
}
.px-100 {
  padding-left: 100px !important;
  padding-right: 100px !important;
}
.py-200 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}
.m-208 {
  margin: 208px !important;
}
.mt-n208 {
  margin-top: -208px !important;
}
.mt-52 {
  margin-top: 52px !important;
}
.mt-208 {
  margin-top: 208px !important;
}
.mt-130 {
  margin-top: 130px !important;
}
.mb-208 {
  margin-bottom: 208px !important;
}
.mb-n208 {
  margin-bottom: -208px !important;
}
.ms-208 {
  margin-left: 208px !important;
}
.ms-n208 {
  margin-left: -208px !important;
}
.me-208 {
  margin-right: 208px !important;
}
.me-n208 {
  margin-right: -208px !important;
}
.mx-208 {
  margin-left: 208px !important;
  margin-right: 208px !important;
}
.my-52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}
.my-208 {
  margin-top: 208px !important;
  margin-bottom: 208px !important;
}
.my-n208 {
  margin-top: -208px !important;
  margin-bottom: -208px !important;
}
.p-208 {
  padding: 208px !important;
}
.pt-78 {
  padding-top: 78px !important;
}
.pt-208 {
  padding-top: 208px !important;
}
.pe-208 {
  padding-right: 208px !important;
}
.pb-78 {
  padding-bottom: 78px !important;
}
.pb-208 {
  padding-bottom: 208px !important;
}
.ps-208 {
  padding-left: 208px !important;
}
.px-130 {
  padding-left: 130px !important;
  padding-right: 130px !important;
}
.px-208 {
  padding-left: 208px !important;
  padding-right: 208px !important;
}
.px-104 {
  padding-left: 104px !important;
  padding-right: 104px !important;
}
.py-208 {
  padding-top: 208px !important;
  padding-bottom: 208px !important;
}
.m-216 {
  margin: 216px !important;
}
.mt-n216 {
  margin-top: -216px !important;
}
.mt-54 {
  margin-top: 54px !important;
}
.mt-216 {
  margin-top: 216px !important;
}
.mt-135 {
  margin-top: 135px !important;
}
.mb-216 {
  margin-bottom: 216px !important;
}
.mb-n216 {
  margin-bottom: -216px !important;
}
.ms-216 {
  margin-left: 216px !important;
}
.ms-n216 {
  margin-left: -216px !important;
}
.me-216 {
  margin-right: 216px !important;
}
.me-n216 {
  margin-right: -216px !important;
}
.mx-216 {
  margin-left: 216px !important;
  margin-right: 216px !important;
}
.my-54 {
  margin-top: 54px !important;
  margin-bottom: 54px !important;
}
.my-216 {
  margin-top: 216px !important;
  margin-bottom: 216px !important;
}
.my-n216 {
  margin-top: -216px !important;
  margin-bottom: -216px !important;
}
.p-216 {
  padding: 216px !important;
}
.pt-81 {
  padding-top: 81px !important;
}
.pt-216 {
  padding-top: 216px !important;
}
.pe-216 {
  padding-right: 216px !important;
}
.pb-81 {
  padding-bottom: 81px !important;
}
.pb-216 {
  padding-bottom: 216px !important;
}
.ps-216 {
  padding-left: 216px !important;
}
.px-135 {
  padding-left: 135px !important;
  padding-right: 135px !important;
}
.px-216 {
  padding-left: 216px !important;
  padding-right: 216px !important;
}
.px-108 {
  padding-left: 108px !important;
  padding-right: 108px !important;
}
.py-216 {
  padding-top: 216px !important;
  padding-bottom: 216px !important;
}
.m-224 {
  margin: 224px !important;
}
.mt-n224 {
  margin-top: -224px !important;
}
.mt-56 {
  margin-top: 56px !important;
}
.mt-224 {
  margin-top: 224px !important;
}
.mt-140 {
  margin-top: 140px !important;
}
.mb-224 {
  margin-bottom: 224px !important;
}
.mb-n224 {
  margin-bottom: -224px !important;
}
.ms-224 {
  margin-left: 224px !important;
}
.ms-n224 {
  margin-left: -224px !important;
}
.me-224 {
  margin-right: 224px !important;
}
.me-n224 {
  margin-right: -224px !important;
}
.mx-224 {
  margin-left: 224px !important;
  margin-right: 224px !important;
}
.my-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}
.my-224 {
  margin-top: 224px !important;
  margin-bottom: 224px !important;
}
.my-n224 {
  margin-top: -224px !important;
  margin-bottom: -224px !important;
}
.p-224 {
  padding: 224px !important;
}
.pt-84 {
  padding-top: 84px !important;
}
.pt-224 {
  padding-top: 224px !important;
}
.pe-224 {
  padding-right: 224px !important;
}
.pb-84 {
  padding-bottom: 84px !important;
}
.pb-224 {
  padding-bottom: 224px !important;
}
.ps-224 {
  padding-left: 224px !important;
}
.px-224 {
  padding-left: 224px !important;
  padding-right: 224px !important;
}
.px-112 {
  padding-left: 112px !important;
  padding-right: 112px !important;
}
.py-224 {
  padding-top: 224px !important;
  padding-bottom: 224px !important;
}
.m-232 {
  margin: 232px !important;
}
.mt-n232 {
  margin-top: -232px !important;
}
.mt-58 {
  margin-top: 58px !important;
}
.mt-232 {
  margin-top: 232px !important;
}
.mt-145 {
  margin-top: 145px !important;
}
.mb-232 {
  margin-bottom: 232px !important;
}
.mb-n232 {
  margin-bottom: -232px !important;
}
.ms-232 {
  margin-left: 232px !important;
}
.ms-n232 {
  margin-left: -232px !important;
}
.me-232 {
  margin-right: 232px !important;
}
.me-n232 {
  margin-right: -232px !important;
}
.mx-232 {
  margin-left: 232px !important;
  margin-right: 232px !important;
}
.my-58 {
  margin-top: 58px !important;
  margin-bottom: 58px !important;
}
.my-232 {
  margin-top: 232px !important;
  margin-bottom: 232px !important;
}
.my-n232 {
  margin-top: -232px !important;
  margin-bottom: -232px !important;
}
.p-232 {
  padding: 232px !important;
}
.pt-87 {
  padding-top: 87px !important;
}
.pt-232 {
  padding-top: 232px !important;
}
.pe-232 {
  padding-right: 232px !important;
}
.pb-87 {
  padding-bottom: 87px !important;
}
.pb-232 {
  padding-bottom: 232px !important;
}
.ps-232 {
  padding-left: 232px !important;
}
.px-145 {
  padding-left: 145px !important;
  padding-right: 145px !important;
}
.px-232 {
  padding-left: 232px !important;
  padding-right: 232px !important;
}
.px-116 {
  padding-left: 116px !important;
  padding-right: 116px !important;
}
.py-232 {
  padding-top: 232px !important;
  padding-bottom: 232px !important;
}
.m-240 {
  margin: 240px !important;
}
.mt-n240 {
  margin-top: -240px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mt-240 {
  margin-top: 240px !important;
}
.mt-150 {
  margin-top: 150px !important;
}
.mb-240 {
  margin-bottom: 240px !important;
}
.mb-n240 {
  margin-bottom: -240px !important;
}
.ms-240 {
  margin-left: 240px !important;
}
.ms-n240 {
  margin-left: -240px !important;
}
.me-240 {
  margin-right: 240px !important;
}
.me-n240 {
  margin-right: -240px !important;
}
.mx-240 {
  margin-left: 240px !important;
  margin-right: 240px !important;
}
.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.my-240 {
  margin-top: 240px !important;
  margin-bottom: 240px !important;
}
.my-n240 {
  margin-top: -240px !important;
  margin-bottom: -240px !important;
}
.p-240 {
  padding: 240px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pt-240 {
  padding-top: 240px !important;
}
.pe-240 {
  padding-right: 240px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pb-240 {
  padding-bottom: 240px !important;
}
.ps-240 {
  padding-left: 240px !important;
}
.px-150 {
  padding-left: 150px !important;
  padding-right: 150px !important;
}
.px-240 {
  padding-left: 240px !important;
  padding-right: 240px !important;
}
.px-120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}
.py-240 {
  padding-top: 240px !important;
  padding-bottom: 240px !important;
}
.m-248 {
  margin: 248px !important;
}
.mt-n248 {
  margin-top: -248px !important;
}
.mt-62 {
  margin-top: 62px !important;
}
.mt-248 {
  margin-top: 248px !important;
}
.mt-155 {
  margin-top: 155px !important;
}
.mb-248 {
  margin-bottom: 248px !important;
}
.mb-n248 {
  margin-bottom: -248px !important;
}
.ms-248 {
  margin-left: 248px !important;
}
.ms-n248 {
  margin-left: -248px !important;
}
.me-248 {
  margin-right: 248px !important;
}
.me-n248 {
  margin-right: -248px !important;
}
.mx-248 {
  margin-left: 248px !important;
  margin-right: 248px !important;
}
.my-62 {
  margin-top: 62px !important;
  margin-bottom: 62px !important;
}
.my-248 {
  margin-top: 248px !important;
  margin-bottom: 248px !important;
}
.my-n248 {
  margin-top: -248px !important;
  margin-bottom: -248px !important;
}
.p-248 {
  padding: 248px !important;
}
.pt-93 {
  padding-top: 93px !important;
}
.pt-248 {
  padding-top: 248px !important;
}
.pe-248 {
  padding-right: 248px !important;
}
.pb-93 {
  padding-bottom: 93px !important;
}
.pb-248 {
  padding-bottom: 248px !important;
}
.ps-248 {
  padding-left: 248px !important;
}
.px-155 {
  padding-left: 155px !important;
  padding-right: 155px !important;
}
.px-248 {
  padding-left: 248px !important;
  padding-right: 248px !important;
}
.px-124 {
  padding-left: 124px !important;
  padding-right: 124px !important;
}
.py-248 {
  padding-top: 248px !important;
  padding-bottom: 248px !important;
}
.m-256 {
  margin: 256px !important;
}
.mt-n256 {
  margin-top: -256px !important;
}
.mt-64 {
  margin-top: 64px !important;
}
.mt-256 {
  margin-top: 256px !important;
}
.mt-160 {
  margin-top: 160px !important;
}
.mb-256 {
  margin-bottom: 256px !important;
}
.mb-n256 {
  margin-bottom: -256px !important;
}
.ms-256 {
  margin-left: 256px !important;
}
.ms-n256 {
  margin-left: -256px !important;
}
.me-256 {
  margin-right: 256px !important;
}
.me-n256 {
  margin-right: -256px !important;
}
.mx-256 {
  margin-left: 256px !important;
  margin-right: 256px !important;
}
.my-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}
.my-256 {
  margin-top: 256px !important;
  margin-bottom: 256px !important;
}
.my-n256 {
  margin-top: -256px !important;
  margin-bottom: -256px !important;
}
.p-256 {
  padding: 256px !important;
}
.pt-96 {
  padding-top: 96px !important;
}
.pt-256 {
  padding-top: 256px !important;
}
.pe-256 {
  padding-right: 256px !important;
}
.pb-96 {
  padding-bottom: 96px !important;
}
.pb-256 {
  padding-bottom: 256px !important;
}
.ps-256 {
  padding-left: 256px !important;
}
.px-256 {
  padding-left: 256px !important;
  padding-right: 256px !important;
}
.px-128 {
  padding-left: 128px !important;
  padding-right: 128px !important;
}
.py-256 {
  padding-top: 256px !important;
  padding-bottom: 256px !important;
}
.m-264 {
  margin: 264px !important;
}
.mt-n264 {
  margin-top: -264px !important;
}
.mt-66 {
  margin-top: 66px !important;
}
.mt-264 {
  margin-top: 264px !important;
}
.mt-165 {
  margin-top: 165px !important;
}
.mb-264 {
  margin-bottom: 264px !important;
}
.mb-n264 {
  margin-bottom: -264px !important;
}
.ms-264 {
  margin-left: 264px !important;
}
.ms-n264 {
  margin-left: -264px !important;
}
.me-264 {
  margin-right: 264px !important;
}
.me-n264 {
  margin-right: -264px !important;
}
.mx-264 {
  margin-left: 264px !important;
  margin-right: 264px !important;
}
.my-66 {
  margin-top: 66px !important;
  margin-bottom: 66px !important;
}
.my-264 {
  margin-top: 264px !important;
  margin-bottom: 264px !important;
}
.my-n264 {
  margin-top: -264px !important;
  margin-bottom: -264px !important;
}
.p-264 {
  padding: 264px !important;
}
.pt-99 {
  padding-top: 99px !important;
}
.pt-264 {
  padding-top: 264px !important;
}
.pe-264 {
  padding-right: 264px !important;
}
.pb-99 {
  padding-bottom: 99px !important;
}
.pb-264 {
  padding-bottom: 264px !important;
}
.ps-264 {
  padding-left: 264px !important;
}
.px-165 {
  padding-left: 165px !important;
  padding-right: 165px !important;
}
.px-264 {
  padding-left: 264px !important;
  padding-right: 264px !important;
}
.px-132 {
  padding-left: 132px !important;
  padding-right: 132px !important;
}
.py-264 {
  padding-top: 264px !important;
  padding-bottom: 264px !important;
}
.m-272 {
  margin: 272px !important;
}
.mt-n272 {
  margin-top: -272px !important;
}
.mt-68 {
  margin-top: 68px !important;
}
.mt-272 {
  margin-top: 272px !important;
}
.mt-170 {
  margin-top: 170px !important;
}
.mb-272 {
  margin-bottom: 272px !important;
}
.mb-n272 {
  margin-bottom: -272px !important;
}
.ms-272 {
  margin-left: 272px !important;
}
.ms-n272 {
  margin-left: -272px !important;
}
.me-272 {
  margin-right: 272px !important;
}
.me-n272 {
  margin-right: -272px !important;
}
.mx-272 {
  margin-left: 272px !important;
  margin-right: 272px !important;
}
.my-68 {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}
.my-272 {
  margin-top: 272px !important;
  margin-bottom: 272px !important;
}
.my-n272 {
  margin-top: -272px !important;
  margin-bottom: -272px !important;
}
.p-272 {
  padding: 272px !important;
}
.pt-102 {
  padding-top: 102px !important;
}
.pt-272 {
  padding-top: 272px !important;
}
.pe-272 {
  padding-right: 272px !important;
}
.pb-102 {
  padding-bottom: 102px !important;
}
.pb-272 {
  padding-bottom: 272px !important;
}
.ps-272 {
  padding-left: 272px !important;
}
.px-170 {
  padding-left: 170px !important;
  padding-right: 170px !important;
}
.px-272 {
  padding-left: 272px !important;
  padding-right: 272px !important;
}
.px-136 {
  padding-left: 136px !important;
  padding-right: 136px !important;
}
.py-272 {
  padding-top: 272px !important;
  padding-bottom: 272px !important;
}
.m-280 {
  margin: 280px !important;
}
.mt-n280 {
  margin-top: -280px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mt-280 {
  margin-top: 280px !important;
}
.mt-175 {
  margin-top: 175px !important;
}
.mb-280 {
  margin-bottom: 280px !important;
}
.mb-n280 {
  margin-bottom: -280px !important;
}
.ms-280 {
  margin-left: 280px !important;
}
.ms-n280 {
  margin-left: -280px !important;
}
.me-280 {
  margin-right: 280px !important;
}
.me-n280 {
  margin-right: -280px !important;
}
.mx-280 {
  margin-left: 280px !important;
  margin-right: 280px !important;
}
.my-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.my-280 {
  margin-top: 280px !important;
  margin-bottom: 280px !important;
}
.my-n280 {
  margin-top: -280px !important;
  margin-bottom: -280px !important;
}
.p-280 {
  padding: 280px !important;
}
.pt-105 {
  padding-top: 105px !important;
}
.pt-280 {
  padding-top: 280px !important;
}
.pe-280 {
  padding-right: 280px !important;
}
.pb-105 {
  padding-bottom: 105px !important;
}
.pb-280 {
  padding-bottom: 280px !important;
}
.ps-280 {
  padding-left: 280px !important;
}
.px-175 {
  padding-left: 175px !important;
  padding-right: 175px !important;
}
.px-280 {
  padding-left: 280px !important;
  padding-right: 280px !important;
}
.px-140 {
  padding-left: 140px !important;
  padding-right: 140px !important;
}
.py-280 {
  padding-top: 280px !important;
  padding-bottom: 280px !important;
}
.m-288 {
  margin: 288px !important;
}
.mt-n288 {
  margin-top: -288px !important;
}
.mt-72 {
  margin-top: 72px !important;
}
.mt-288 {
  margin-top: 288px !important;
}
.mt-180 {
  margin-top: 180px !important;
}
.mb-288 {
  margin-bottom: 288px !important;
}
.mb-n288 {
  margin-bottom: -288px !important;
}
.ms-288 {
  margin-left: 288px !important;
}
.ms-n288 {
  margin-left: -288px !important;
}
.me-288 {
  margin-right: 288px !important;
}
.me-n288 {
  margin-right: -288px !important;
}
.mx-288 {
  margin-left: 288px !important;
  margin-right: 288px !important;
}
.my-72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}
.my-288 {
  margin-top: 288px !important;
  margin-bottom: 288px !important;
}
.my-n288 {
  margin-top: -288px !important;
  margin-bottom: -288px !important;
}
.p-288 {
  padding: 288px !important;
}
.pt-108 {
  padding-top: 108px !important;
}
.pt-288 {
  padding-top: 288px !important;
}
.pe-288 {
  padding-right: 288px !important;
}
.pb-108 {
  padding-bottom: 108px !important;
}
.pb-288 {
  padding-bottom: 288px !important;
}
.ps-288 {
  padding-left: 288px !important;
}
.px-180 {
  padding-left: 180px !important;
  padding-right: 180px !important;
}
.px-288 {
  padding-left: 288px !important;
  padding-right: 288px !important;
}
.px-144 {
  padding-left: 144px !important;
  padding-right: 144px !important;
}
.py-288 {
  padding-top: 288px !important;
  padding-bottom: 288px !important;
}
.m-296 {
  margin: 296px !important;
}
.mt-n296 {
  margin-top: -296px !important;
}
.mt-74 {
  margin-top: 74px !important;
}
.mt-296 {
  margin-top: 296px !important;
}
.mt-185 {
  margin-top: 185px !important;
}
.mb-296 {
  margin-bottom: 296px !important;
}
.mb-n296 {
  margin-bottom: -296px !important;
}
.ms-296 {
  margin-left: 296px !important;
}
.ms-n296 {
  margin-left: -296px !important;
}
.me-296 {
  margin-right: 296px !important;
}
.me-n296 {
  margin-right: -296px !important;
}
.mx-296 {
  margin-left: 296px !important;
  margin-right: 296px !important;
}
.my-74 {
  margin-top: 74px !important;
  margin-bottom: 74px !important;
}
.my-296 {
  margin-top: 296px !important;
  margin-bottom: 296px !important;
}
.my-n296 {
  margin-top: -296px !important;
  margin-bottom: -296px !important;
}
.p-296 {
  padding: 296px !important;
}
.pt-111 {
  padding-top: 111px !important;
}
.pt-296 {
  padding-top: 296px !important;
}
.pe-296 {
  padding-right: 296px !important;
}
.pb-111 {
  padding-bottom: 111px !important;
}
.pb-296 {
  padding-bottom: 296px !important;
}
.ps-296 {
  padding-left: 296px !important;
}
.px-185 {
  padding-left: 185px !important;
  padding-right: 185px !important;
}
.px-296 {
  padding-left: 296px !important;
  padding-right: 296px !important;
}
.px-148 {
  padding-left: 148px !important;
  padding-right: 148px !important;
}
.py-296 {
  padding-top: 296px !important;
  padding-bottom: 296px !important;
}
.m-304 {
  margin: 304px !important;
}
.mt-n304 {
  margin-top: -304px !important;
}
.mt-76 {
  margin-top: 76px !important;
}
.mt-304 {
  margin-top: 304px !important;
}
.mt-190 {
  margin-top: 190px !important;
}
.mb-304 {
  margin-bottom: 304px !important;
}
.mb-n304 {
  margin-bottom: -304px !important;
}
.ms-304 {
  margin-left: 304px !important;
}
.ms-n304 {
  margin-left: -304px !important;
}
.me-304 {
  margin-right: 304px !important;
}
.me-n304 {
  margin-right: -304px !important;
}
.mx-304 {
  margin-left: 304px !important;
  margin-right: 304px !important;
}
.my-76 {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}
.my-304 {
  margin-top: 304px !important;
  margin-bottom: 304px !important;
}
.my-n304 {
  margin-top: -304px !important;
  margin-bottom: -304px !important;
}
.p-304 {
  padding: 304px !important;
}
.pt-114 {
  padding-top: 114px !important;
}
.pt-304 {
  padding-top: 304px !important;
}
.pe-304 {
  padding-right: 304px !important;
}
.pb-114 {
  padding-bottom: 114px !important;
}
.pb-304 {
  padding-bottom: 304px !important;
}
.ps-304 {
  padding-left: 304px !important;
}
.px-190 {
  padding-left: 190px !important;
  padding-right: 190px !important;
}
.px-304 {
  padding-left: 304px !important;
  padding-right: 304px !important;
}
.px-152 {
  padding-left: 152px !important;
  padding-right: 152px !important;
}
.py-304 {
  padding-top: 304px !important;
  padding-bottom: 304px !important;
}
.m-312 {
  margin: 312px !important;
}
.mt-n312 {
  margin-top: -312px !important;
}
.mt-78 {
  margin-top: 78px !important;
}
.mt-312 {
  margin-top: 312px !important;
}
.mt-195 {
  margin-top: 195px !important;
}
.mb-312 {
  margin-bottom: 312px !important;
}
.mb-n312 {
  margin-bottom: -312px !important;
}
.ms-312 {
  margin-left: 312px !important;
}
.ms-n312 {
  margin-left: -312px !important;
}
.me-312 {
  margin-right: 312px !important;
}
.me-n312 {
  margin-right: -312px !important;
}
.mx-312 {
  margin-left: 312px !important;
  margin-right: 312px !important;
}
.my-78 {
  margin-top: 78px !important;
  margin-bottom: 78px !important;
}
.my-312 {
  margin-top: 312px !important;
  margin-bottom: 312px !important;
}
.my-n312 {
  margin-top: -312px !important;
  margin-bottom: -312px !important;
}
.p-312 {
  padding: 312px !important;
}
.pt-117 {
  padding-top: 117px !important;
}
.pt-312 {
  padding-top: 312px !important;
}
.pe-312 {
  padding-right: 312px !important;
}
.pb-117 {
  padding-bottom: 117px !important;
}
.pb-312 {
  padding-bottom: 312px !important;
}
.ps-312 {
  padding-left: 312px !important;
}
.px-195 {
  padding-left: 195px !important;
  padding-right: 195px !important;
}
.px-312 {
  padding-left: 312px !important;
  padding-right: 312px !important;
}
.px-156 {
  padding-left: 156px !important;
  padding-right: 156px !important;
}
.py-312 {
  padding-top: 312px !important;
  padding-bottom: 312px !important;
}
.m-320 {
  margin: 320px !important;
}
.mt-n320 {
  margin-top: -320px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mt-320 {
  margin-top: 320px !important;
}
.mt-200 {
  margin-top: 200px !important;
}
.mb-320 {
  margin-bottom: 320px !important;
}
.mb-n320 {
  margin-bottom: -320px !important;
}
.ms-320 {
  margin-left: 320px !important;
}
.ms-n320 {
  margin-left: -320px !important;
}
.me-320 {
  margin-right: 320px !important;
}
.me-n320 {
  margin-right: -320px !important;
}
.mx-320 {
  margin-left: 320px !important;
  margin-right: 320px !important;
}
.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}
.my-320 {
  margin-top: 320px !important;
  margin-bottom: 320px !important;
}
.my-n320 {
  margin-top: -320px !important;
  margin-bottom: -320px !important;
}
.p-320 {
  padding: 320px !important;
}
.pt-120 {
  padding-top: 120px !important;
}
.pt-320 {
  padding-top: 320px !important;
}
.pe-320 {
  padding-right: 320px !important;
}
.pb-120 {
  padding-bottom: 120px !important;
}
.pb-320 {
  padding-bottom: 320px !important;
}
.ps-320 {
  padding-left: 320px !important;
}
.px-200 {
  padding-left: 200px !important;
  padding-right: 200px !important;
}
.px-320 {
  padding-left: 320px !important;
  padding-right: 320px !important;
}
.px-160 {
  padding-left: 160px !important;
  padding-right: 160px !important;
}
.py-320 {
  padding-top: 320px !important;
  padding-bottom: 320px !important;
}
.m-328 {
  margin: 328px !important;
}
.mt-n328 {
  margin-top: -328px !important;
}
.mt-82 {
  margin-top: 82px !important;
}
.mt-328 {
  margin-top: 328px !important;
}
.mt-205 {
  margin-top: 205px !important;
}
.mb-328 {
  margin-bottom: 328px !important;
}
.mb-n328 {
  margin-bottom: -328px !important;
}
.ms-328 {
  margin-left: 328px !important;
}
.ms-n328 {
  margin-left: -328px !important;
}
.me-328 {
  margin-right: 328px !important;
}
.me-n328 {
  margin-right: -328px !important;
}
.mx-328 {
  margin-left: 328px !important;
  margin-right: 328px !important;
}
.my-82 {
  margin-top: 82px !important;
  margin-bottom: 82px !important;
}
.my-328 {
  margin-top: 328px !important;
  margin-bottom: 328px !important;
}
.my-n328 {
  margin-top: -328px !important;
  margin-bottom: -328px !important;
}
.p-328 {
  padding: 328px !important;
}
.pt-123 {
  padding-top: 123px !important;
}
.pt-328 {
  padding-top: 328px !important;
}
.pe-328 {
  padding-right: 328px !important;
}
.pb-123 {
  padding-bottom: 123px !important;
}
.pb-328 {
  padding-bottom: 328px !important;
}
.ps-328 {
  padding-left: 328px !important;
}
.px-205 {
  padding-left: 205px !important;
  padding-right: 205px !important;
}
.px-328 {
  padding-left: 328px !important;
  padding-right: 328px !important;
}
.px-164 {
  padding-left: 164px !important;
  padding-right: 164px !important;
}
.py-328 {
  padding-top: 328px !important;
  padding-bottom: 328px !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: 9px !important;
}
.fs-10 {
  font-size: 10px !important;
}
.fs-11 {
  font-size: 11px !important;
}
.fs-12 {
  font-size: 12px !important;
}
.fs-13 {
  font-size: 13px !important;
}
.fs-14 {
  font-size: 14px !important;
}
.fs-15 {
  font-size: 15px !important;
}
.fs-16 {
  font-size: 16px !important;
}
.fs-18 {
  font-size: 18px !important;
}
.fs-20 {
  font-size: 20px !important;
}
.fs-22 {
  font-size: 22px !important;
}
.fs-24 {
  font-size: 24px !important;
}
.fs-26 {
  font-size: 26px !important;
}
.fs-28 {
  font-size: 28px !important;
}
.fs-34 {
  font-size: 34px !important;
}
.fs-36 {
  font-size: 36px !important;
}
.fs-40 {
  font-size: 40px !important;
}
.fs-48 {
  font-size: 48px !important;
}
.fs-66 {
  font-size: 66px !important;
}
.fs-96 {
  font-size: 96px !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  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-11 {
  line-height: 11px !important;
}
.lh-14 {
  line-height: 14px !important;
}
.lh-16 {
  line-height: 16px !important;
}
.lh-18 {
  line-height: 18px !important;
}
.lh-19 {
  line-height: 19px !important;
}
.lh-20 {
  line-height: 20px !important;
}
.lh-22 {
  line-height: 22px !important;
}
.lh-24 {
  line-height: 24px !important;
}
.lh-26 {
  line-height: 26px !important;
}
.lh-28 {
  line-height: 28px !important;
}
.lh-30 {
  line-height: 30px !important;
}
.lh-32 {
  line-height: 32px !important;
}
.lh-36 {
  line-height: 36px !important;
}
.lh-46 {
  line-height: 46px !important;
}
.lh-56 {
  line-height: 56px !important;
}
.lh-84 {
  line-height: 84px !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,
.fs-12.lh-22,
.fs-13.lh-19,
.fs-14.lh-20,
.fs-16.lh-24,
.fs-18.lh-25,
.fs-18.lh-30,
.fs-20.lh-24,
.fs-22.lh-26 {
  display: block;
}
.fs-10.lh-14 .text-inner {
  margin-top: -1px;
  margin-bottom: -1px;
}
.text-inner {
  margin-top: -2px;
  margin-bottom: -2px;
}
.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-black {
  --tt-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tt-text-opacity)) !important;
}
.text-accent {
  color: #e8133a !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-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-vvip {
  color: #3e34ff !important;
}
.text-vip {
  color: #f36 !important;
}
.text-gold {
  color: #fba82d !important;
}
.text-silver {
  color: #adb1b8 !important;
}
.text-bronze {
  color: #de623b !important;
}
.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-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-2 {
  border-radius: 8px !important;
}
.rounded-3 {
  border-radius: 16px !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.ratio,
.img-slot .img-slot-label {
  position: relative;
  width: 100%;
}
.ratio:before,
.img-slot .img-slot-label:before {
  display: block;
  padding-top: var(--tt-aspect-ratio);
  content: "";
}
.ratio > *,
.img-slot .img-slot-label > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1,
.img-slot .img-slot-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;
}
.divider {
  display: block;
  color: inherit;
  border: 0;
  border-top: 2px solid #eee;
}
.divider.st-bottom {
  border: 0;
  border-bottom: 2px solid #eee;
}
.divider.st-start,
.divider.st-vertical {
  border: 0;
  border-left: 2px solid #eee;
}
.divider.st-end {
  border: 0;
  border-right: 2px solid #eee;
}
.divider.st-vertical.st-10 {
  height: 10px;
}
.divider.st-vertical.st-15 {
  height: 15px;
}
.divider.st-focus {
  border-color: #000;
}
.divider.st-ghost {
  border-color: transparent;
}
.divider.st-sm {
  border-width: 1px;
}
.divider.st-lg {
  border-color: #f8f8f8;
  border-width: 8px;
}
.dimmed-mask {
  width: 100%;
  --tt-bg-opacity: 1;
  background-color: rgba(84, 84, 84, var(--tt-bg-opacity)) !important;
}
.dimmed-mask.st-bk10 {
  --tt-bg-opacity: 0.1;
}
.dimmed-mask.st-bk20 {
  --tt-bg-opacity: 0.2;
}
.dimmed-mask.st-bk30 {
  --tt-bg-opacity: 0.3;
}
.dimmed-mask.st-bk40 {
  --tt-bg-opacity: 0.4;
}
.dimmed-mask.st-bk70 {
  --tt-bg-opacity: 0.7;
}
.dimmed-mask-gradient {
  width: 100%;
}
.dimmed-mask-gradient.st-bk20 {
  background: linear-gradient(to bottom, #54545400, #000);
  opacity: 0.2;
}
.dimmed-mask-gradient.st-bk10 {
  background: linear-gradient(to bottom, #54545400, #000);
  opacity: 0.1;
}
.dimmed-mask-gradient.st-bk10-rv {
  background: linear-gradient(to bottom, #000, #54545400);
  opacity: 0.1;
}
.dimmed-mask-gradient.st-white {
  background: linear-gradient(to bottom, #fff0, #fff);
}
.dot {
  display: block;
  position: absolute;
  z-index: 1;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000;
}
.dot.st-primary {
  background-color: #006bff;
}
.image-placeholder {
  position: relative;
  width: 100%;
}
.image-placeholder:before {
  display: block;
  padding-top: 100%;
  content: "";
}
.image-placeholder > * {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.image-placeholder img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.image-placeholder.ratio-3x4:before {
  padding-top: 132%;
}
.image-placeholder.st-circle {
  border-radius: 50%;
  overflow: hidden;
}
*,
*: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: 13px;
  line-height: normal;
  color: #000;
  word-break: keep-all;
}
.heading {
  padding: 8px 0;
  font-weight: 600;
}
.heading.st-light {
  font-weight: 400;
}
.heading.st-lg {
  font-size: 32px;
  line-height: 38px;
}
.heading.st-xlg {
  font-size: 36px;
  line-height: 42px;
}
.heading.st-sm {
  font-size: 24px;
  line-height: 32px;
}
.heading.st-group {
  display: flex;
}
.heading.st-group.st-lg {
  font-size: 16px;
  line-height: 24px;
}
.heading.st-group.st-sm {
  font-size: 14px;
  line-height: 20px;
}
.heading.st-group.st-xs {
  font-size: 13px;
  line-height: 19px;
}
.heading.st-group.st-xlg {
  font-size: 20px;
  line-height: 24px;
}
.heading.st-group .text-require {
  color: #006bff;
  line-height: 16px;
  margin-left: 4px;
}
.heading .label-live {
  position: absolute;
  bottom: 5px;
  right: -16px;
  transform: translate(100%);
}
.label-live {
  font-size: 14px;
  line-height: 1;
  color: #999;
  font-weight: 400;
  white-space: nowrap;
}
.label-live.st-secondary {
  color: #999;
}
.text-inner {
  display: block;
  font-style: normal;
}
strong.text-inner,
strong.text-require {
  font-weight: 600;
}
.helper {
  display: flex;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}
.helper.st-dimmed {
  color: #999;
}
.helper.st-primary {
  color: #006bff;
}
.helper.st-warning {
  color: #e8133a;
}
.helper.st-lg {
  font-size: 13px;
  line-height: 19px;
}
.helper.st-sm {
  font-size: 10px;
  line-height: 14px;
}
.helper.st-xl {
  font-size: 14px;
  line-height: 22px;
}
.helper.st-xsm {
  font-size: 12px;
  line-height: 18px;
}
.helper.st-dotted {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.helper.st-dotted:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #000;
  margin-right: 8px;
  margin-top: 6px;
  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-warning:before {
  background-color: #e8133a;
}
.helper.st-dotted.st-xl:before {
  margin-top: 8px;
}
.helper-empty {
  text-align: center;
}
.helper-empty .helper-text {
  font-size: 16px;
  line-height: 24px;
}
.helper-empty .helper-text + .helper-text-sub {
  margin-top: 8px;
}
.helper-empty .helper-text + .helper-text-link {
  margin-top: 25px;
}
.helper-empty .helper-text-sub {
  font-size: 14px;
  line-height: 22px;
  color: #aaa;
}
.helper-empty .helper-text-sub.st-dimmed {
  color: #666;
}
.helper-empty.st-sm .helper-text {
  font-size: 14px;
  line-height: 20px;
}
.helper-empty.st-sm .helper-text-sub {
  font-size: 12px;
  line-height: 18px;
}
.helper-empty .helper-text-link {
  display: inline-block;
}
.helper-empty .helper-text-link .text-inner {
  border-bottom: 1px solid #000;
  font-size: 14px;
  line-height: 20px;
}
.helper-empty .helper-text-link .text-inner .icon {
  vertical-align: baseline;
}
.helper-empty .container-fixed-sm {
  width: unset;
  padding: unset;
  margin: unset;
}
.text-highlight {
  position: relative;
}
.text-highlight:after {
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  right: -1px;
  left: -1px;
  top: 10px;
  z-index: 0;
  background-color: #e8133a;
  opacity: 0.15;
}
.img-fluid-max {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.img-fluid {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.img-shadow {
  box-shadow: 1px 1px 8px #00000014;
}
.img-circle {
  border-radius: 50%;
  overflow: hidden;
}
.table {
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #eee;
  border-spacing: 0;
  border-collapse: collapse;
}
.table.st-border-b {
  border-bottom: 1px solid #eee;
}
.table.st-border-b.st-black {
  border-bottom-color: #000;
}
.table thead.st-gray th {
  background-color: #f9f9f9;
  color: #000;
}
.table thead th {
  padding: 21px 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #999;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.table tbody tr.st-merge td {
  padding-top: 0;
  border-top: none;
}
.table tbody tr.st-merge td .order-promotion,
.table tbody tr.st-merge td .order-item {
  margin-top: -30px;
}
.table tbody tr.st-bundle td {
  border-color: #eee;
}
.table tbody tr.st-bundle td.text-end.align-top,
.table tbody tr:first-child td {
  border-top: none;
}
.table tbody td {
  text-align: center;
  padding: 40px 8px;
  border-top: 1px solid #eee;
  word-break: break-all;
}
.table tbody td .button-del {
  margin-top: -10px;
  margin-right: -12px;
}
.table tbody td.st-promotion {
  padding-left: 0;
  padding-right: 0;
}
.table tbody td.st-promotion .order-item {
  height: 90px;
  background-color: #f8f8f8;
  padding: 10px 24px;
}
.table tbody td.st-promotion .order-promotion {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 90px;
  background-color: #f8f8f8;
}
.table tbody td:last-child {
  padding-right: 0;
}
.table.st-sm tbody td {
  padding-top: 24px;
  padding-bottom: 24px;
}
.table.st-xs tbody td {
  padding-top: 16px;
  padding-bottom: 16px;
}
.table.st-xs tbody td:has(button) {
  padding: 16px 5px;
}
.table.st-xs tbody td .button-text.st-sm {
  padding: 4px 0;
}
.table.st-cart {
  height: 100%;
}
.table.st-cart tbody td {
  border-color: #000;
}
.table.st-cart.st-black {
  height: auto;
}
.table.st-bold tbody td {
  border-top: 8px solid #f8f8f8;
  align-content: center;
}
.table.st-bold tbody tr.st-bundle td,
.table.st-bold tbody tr.st-promotion td {
  border-width: 1px;
}
.table.st-bold.st-border-b {
  border-bottom: 8px solid #f8f8f8;
}
.table.st-bold.st-border-b.st-black {
  border-bottom: 1px solid #000;
}
.table tr.st-promotion td {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  border-top: none;
}
.table tr.st-promotion td:first-child {
  padding-left: 0;
}
.table tr.st-promotion .order-item {
  min-height: 90px;
  background-color: #f8f8f8;
  padding: 10px 24px;
  align-items: center;
}
.table tr.st-promotion .order-item .order-brand {
  margin-bottom: 8px;
}
.table tr.st-promotion .order-item .order-goods-label {
  margin-top: 0;
}
.table tr.st-promotion .order-promotion {
  margin-top: -22px;
}
.table--receipt {
  width: 322px;
  margin-inline: auto;
  border: none;
}
.table--receipt tbody th {
  padding-inline: 0;
  padding-bottom: 4px;
  padding-top: 4px;
  vertical-align: top;
}
.table--receipt tbody th .text-inner {
  text-align: left;
  font-size: 12px;
  color: #666;
  font-weight: 400;
}
.table--receipt tbody td {
  padding-inline: 0;
  padding-bottom: 4px;
  padding-top: 4px;
  border: none;
  text-align: left;
}
.table--receipt-product {
  display: table;
  border-top: none;
}
.table--receipt-product tbody td {
  overflow: hidden;
}
.table--receipt-product tbody td .text-inner {
  white-space: nowrap;
}
.table--receipt-product .price .text-inner {
  text-align: right;
}
.table--receipt.order-calculator {
  border: none;
}
.table--receipt.order-calculator .calculator-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 322px;
}
.table--receipt.order-calculator .calculator-row:last-child .calculator-text {
  margin-top: 2px;
}
.table--receipt.order-calculator .calculator-row:last-child .calculator-text .text-inner {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  background-color: #ffff58;
}
thead.table-header th {
  padding: 21px 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #999;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.table-utility {
  display: flex;
  flex-direction: column;
}
.table-utility .utility-checkbox {
  margin: 2px;
}
.table-utility .utility-checkbox + .utility-icon {
  margin-top: 12px;
}
.table-matrix {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
}
.table-matrix thead th {
  vertical-align: top;
  padding: 24px 8px;
  border-bottom: 1px solid #eee;
  font-weight: 400;
}
.table-matrix thead th:first-child {
  padding-left: 0;
}
.table-matrix thead th:last-child {
  padding-right: 0;
}
.table-matrix tbody tr:last-child td {
  border-bottom: none;
}
.table-matrix tbody th {
  vertical-align: top;
  padding: 16px 8px;
  border-bottom: 1px solid #eee;
  font-weight: 400;
}
.table-matrix tbody th:first-child {
  padding-left: 0;
}
.table-matrix tbody th:last-child {
  padding-right: 0;
}
.table-matrix tbody td {
  vertical-align: top;
  padding: 16px 8px;
  border-bottom: 1px solid #eee;
}
.table-matrix tbody td:first-child {
  padding-left: 0;
}
.table-matrix tbody td:last-child {
  padding-right: 0;
}
.table-matrix.st-lg tbody td {
  padding-top: 24px;
  padding-bottom: 24px;
}
.table-matrix.st-border {
  border-left: 1px solid #eee;
}
.table-matrix.st-border thead th,
.table-matrix.st-border thead td,
.table-matrix.st-border tbody th,
.table-matrix.st-border tbody td {
  border-right: 1px solid #eee;
}
.table-matrix.st-dimmed {
  border-color: #f3f3f3;
}
.table-matrix.st-dimmed th {
  padding: 16px;
  font-weight: 400;
  background-color: #f3f3f3;
  border-right: 1px solid #f3f3f3;
}
.table-matrix.st-dimmed tr th,
.table-matrix.st-dimmed tr td {
  border-left: 1px solid #f3f3f3;
}
.table-matrix.st-dimmed tbody td {
  padding: 16px;
  vertical-align: middle;
  border-right: 1px solid #f3f3f3;
}
.table-matrix.st-dimmed tbody td:first-child {
  padding-left: 0;
}
.table-matrix.st-dimmed tbody td:last-child {
  padding-right: 0;
}
.table-matrix.size-table th {
  text-align: center;
}
.table-matrix.size-table th:last-child,
.table-matrix.size-table th:first-child {
  padding: 16px;
}
.helper-list.st-default .helper {
  color: #666;
  gap: 2px;
  font-size: 11px;
  line-height: 16px;
}
.helper-list.st-default .helper:before {
  content: "-";
  vertical-align: middle;
  transform: translateY(-2px);
}
.container {
  width: 1920px;
  margin: 0 auto;
  padding-left: 68px;
  padding-right: 68px;
}
@media (max-width: 1919px) {
  .container {
    width: 1470px;
  }
}
@media (max-width: 1469px) {
  .container {
    width: 1376px;
  }
}
.container-fixed {
  max-width: 1816px;
  width: 100%;
  min-width: 1280px;
  margin: 0 auto;
  padding-left: 16px;
  padding-right: 16px;
}
.container-fixed-sm {
  max-width: 1312px;
  width: 100%;
  padding: 0 16px;
  margin: 0 auto;
  min-width: 1280px;
}
.container-fixed-xs {
  margin: 0 auto;
  width: 884px;
}
.container-fixed-md {
  width: 1240px;
  margin: 0 auto;
}
.container-fluid {
  overflow: hidden;
}
.container-fixed-wide {
  width: 1334px;
  margin: 0 auto;
}
.row {
  --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.d-none {
  display: none !important;
}
.row.has-section-gap {
  --tt-gutter-y: 112px;
}
.row > * {
  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);
}
main.row {
  margin-top: 0;
}
main.row > * {
  margin-top: 0;
  margin-bottom: var(--tt-gutter-y);
}
main.row > *:last-child {
  margin-bottom: 0;
}
main.row > *:has(.module-carousel-text):first-child {
  margin-top: -10px;
}
main.row .module-carousel-text .carousel {
  margin-top: 0;
}
main.row :where(footer) {
  margin-top: 20px;
}
.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 > * {
  flex: 0 0 auto;
  width: 50% !important;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333% !important;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25% !important;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20% !important;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667% !important;
}
.row-cols-7 > * {
  flex: 0 0 auto;
  width: 14.2857142857% !important;
}
.row-cols-lg-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-lg-1 > * {
  flex: 0 0 auto;
  width: 100% !important;
}
.row-cols-lg-2 > * {
  flex: 0 0 auto;
  width: 50% !important;
}
.row-cols-lg-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333% !important;
}
.row-cols-lg-4 > * {
  flex: 0 0 auto;
  width: 25% !important;
}
.row-cols-lg-5 > * {
  flex: 0 0 auto;
  width: 20% !important;
}
.row-cols-lg-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667% !important;
}
.row-cols-lg-7 > * {
  flex: 0 0 auto;
  width: 14.2857142857% !important;
}
.row-cols-lg-8 > * {
  flex: 0 0 auto;
  width: 12.5% !important;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-5-1 {
  flex: 0 0 auto;
  width: 20%;
}
.offset-5-1 {
  margin-left: 20%;
}
.col-5-2 {
  flex: 0 0 auto;
  width: 40%;
}
.offset-5-2 {
  margin-left: 40%;
}
.col-5-3 {
  flex: 0 0 auto;
  width: 60%;
}
.offset-5-3 {
  margin-left: 60%;
}
.col-5-4 {
  flex: 0 0 auto;
  width: 80%;
}
.offset-5-4 {
  margin-left: 80%;
}
.col-5-5 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-5-5 {
  margin-left: 100%;
}
.col-6-1 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.offset-6-1 {
  margin-left: 16.6666666667%;
}
.col-6-2 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.offset-6-2 {
  margin-left: 33.3333333333%;
}
.col-6-3 {
  flex: 0 0 auto;
  width: 50%;
}
.offset-6-3 {
  margin-left: 50%;
}
.col-6-4 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}
.offset-6-4 {
  margin-left: 66.6666666667%;
}
.col-6-5 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}
.offset-6-5 {
  margin-left: 83.3333333333%;
}
.col-6-6 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-6-6 {
  margin-left: 100%;
}
.col-7-1 {
  flex: 0 0 auto;
  width: 14.2857142857%;
}
.offset-7-1 {
  margin-left: 14.2857142857%;
}
.col-7-2 {
  flex: 0 0 auto;
  width: 28.5714285714%;
}
.offset-7-2 {
  margin-left: 28.5714285714%;
}
.col-7-3 {
  flex: 0 0 auto;
  width: 42.8571428571%;
}
.offset-7-3 {
  margin-left: 42.8571428571%;
}
.col-7-4 {
  flex: 0 0 auto;
  width: 57.1428571429%;
}
.offset-7-4 {
  margin-left: 57.1428571429%;
}
.col-7-5 {
  flex: 0 0 auto;
  width: 71.4285714286%;
}
.offset-7-5 {
  margin-left: 71.4285714286%;
}
.col-7-6 {
  flex: 0 0 auto;
  width: 85.7142857143%;
}
.offset-7-6 {
  margin-left: 85.7142857143%;
}
.col-7-7 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-7-7 {
  margin-left: 100%;
}
.col-8-1 {
  flex: 0 0 auto;
  width: 12.5%;
}
.offset-8-1 {
  margin-left: 12.5%;
}
.col-1 {
  flex: 0 0 auto;
  width: 12.5%;
}
.offset-1 {
  margin-left: 12.5%;
}
.gx-4 {
  --tt-gutter-x: 4px;
}
.col-8-2 {
  flex: 0 0 auto;
  width: 25%;
}
.offset-8-2 {
  margin-left: 25%;
}
.col-2 {
  flex: 0 0 auto;
  width: 25%;
}
.offset-2 {
  margin-left: 25%;
}
.gx-8 {
  --tt-gutter-x: 8px;
}
.col-8-3 {
  flex: 0 0 auto;
  width: 37.5%;
}
.offset-8-3 {
  margin-left: 37.5%;
}
.col-3 {
  flex: 0 0 auto;
  width: 37.5%;
}
.offset-3 {
  margin-left: 37.5%;
}
.gx-12 {
  --tt-gutter-x: 12px;
}
.col-8-4 {
  flex: 0 0 auto;
  width: 50%;
}
.offset-8-4 {
  margin-left: 50%;
}
.col-4 {
  flex: 0 0 auto;
  width: 50%;
}
.offset-4 {
  margin-left: 50%;
}
.gx-16 {
  --tt-gutter-x: 16px;
}
.col-8-5 {
  flex: 0 0 auto;
  width: 62.5%;
}
.offset-8-5 {
  margin-left: 62.5%;
}
.col-5 {
  flex: 0 0 auto;
  width: 62.5%;
}
.offset-5 {
  margin-left: 62.5%;
}
.gx-20 {
  --tt-gutter-x: 20px;
}
.col-8-6 {
  flex: 0 0 auto;
  width: 75%;
}
.offset-8-6 {
  margin-left: 75%;
}
.col-6 {
  flex: 0 0 auto;
  width: 75%;
}
.offset-6 {
  margin-left: 75%;
}
.gx-24 {
  --tt-gutter-x: 24px;
}
.col-8-7 {
  flex: 0 0 auto;
  width: 87.5%;
}
.offset-8-7 {
  margin-left: 87.5%;
}
.col-7 {
  flex: 0 0 auto;
  width: 87.5%;
}
.offset-7 {
  margin-left: 87.5%;
}
.gx-28 {
  --tt-gutter-x: 28px;
}
.col-8-8 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-8-8 {
  margin-left: 100%;
}
.col-8 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-8 {
  margin-left: 100%;
}
.gx-32 {
  --tt-gutter-x: 32px;
}
@media (max-width: 1919px) {
  .offset-md-6-0 {
    margin-left: 0;
  }
  .col-md-6-1 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .offset-md-6-1 {
    margin-left: 16.6666666667%;
  }
  .col-md-6-2 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .offset-md-6-2 {
    margin-left: 33.3333333333%;
  }
  .col-md-6-3 {
    flex: 0 0 auto;
    width: 50%;
  }
  .offset-md-6-3 {
    margin-left: 50%;
  }
  .col-md-6-4 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .offset-md-6-4 {
    margin-left: 66.6666666667%;
  }
  .col-md-6-5 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .offset-md-6-5 {
    margin-left: 83.3333333333%;
  }
  .col-md-6-6 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-6-6 {
    margin-left: 100%;
  }
  .offset-md-8-0 {
    margin-left: 0;
  }
  .col-md-8-1 {
    flex: 0 0 auto;
    width: 12.5%;
  }
  .offset-md-8-1 {
    margin-left: 12.5%;
  }
  .col-md-8-2 {
    flex: 0 0 auto;
    width: 25%;
  }
  .offset-md-8-2 {
    margin-left: 25%;
  }
  .col-md-8-3 {
    flex: 0 0 auto;
    width: 37.5%;
  }
  .offset-md-8-3 {
    margin-left: 37.5%;
  }
  .col-md-8-4 {
    flex: 0 0 auto;
    width: 50%;
  }
  .offset-md-8-4 {
    margin-left: 50%;
  }
  .col-md-8-5 {
    flex: 0 0 auto;
    width: 62.5%;
  }
  .offset-md-8-5 {
    margin-left: 62.5%;
  }
  .col-md-8-6 {
    flex: 0 0 auto;
    width: 75%;
  }
  .offset-md-8-6 {
    margin-left: 75%;
  }
  .col-md-8-7 {
    flex: 0 0 auto;
    width: 87.5%;
  }
  .offset-md-8-7 {
    margin-left: 87.5%;
  }
  .col-md-8-8 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-8-8 {
    margin-left: 100%;
  }
}
.g-0,
.gx-0 {
  --tt-gutter-x: 0;
}
.gx-1 {
  --tt-gutter-x: 1px;
}
.gx-3 {
  --tt-gutter-x: 3px;
}
.g-0,
.gy-0 {
  --tt-gutter-y: 0;
}
.gap-0 {
  gap: 0 !important;
}
.g-8,
.gy-8 {
  --tt-gutter-y: 8px;
}
.gy-6 {
  --tt-gutter-y: 6px;
}
.g-8,
.gx-8 {
  --tt-gutter-x: 8px;
}
.gap-8 {
  gap: 8px !important;
}
.g-16,
.gy-16 {
  --tt-gutter-y: 16px;
}
.gy-12 {
  --tt-gutter-y: 12px;
}
.g-16,
.gx-16 {
  --tt-gutter-x: 16px;
}
.gap-16 {
  gap: 16px !important;
}
.g-24,
.gy-24 {
  --tt-gutter-y: 24px;
}
.gy-18 {
  --tt-gutter-y: 18px;
}
.g-24,
.gx-24 {
  --tt-gutter-x: 24px;
}
.gap-24 {
  gap: 24px !important;
}
.g-32,
.gy-32 {
  --tt-gutter-y: 32px;
}
.gy-24 {
  --tt-gutter-y: 24px;
}
.g-32,
.gx-32 {
  --tt-gutter-x: 32px;
}
.gap-32 {
  gap: 32px !important;
}
.g-40,
.gy-40 {
  --tt-gutter-y: 40px;
}
.gy-30 {
  --tt-gutter-y: 30px;
}
.g-40,
.gx-40 {
  --tt-gutter-x: 40px;
}
.gap-40 {
  gap: 40px !important;
}
.g-48,
.gy-48 {
  --tt-gutter-y: 48px;
}
.gy-36 {
  --tt-gutter-y: 36px;
}
.g-48,
.gx-48 {
  --tt-gutter-x: 48px;
}
.gap-48 {
  gap: 48px !important;
}
.g-56,
.gy-56 {
  --tt-gutter-y: 56px;
}
.gy-42 {
  --tt-gutter-y: 42px;
}
.g-56,
.gx-56 {
  --tt-gutter-x: 56px;
}
.gap-56 {
  gap: 56px !important;
}
.g-64,
.gy-64 {
  --tt-gutter-y: 64px;
}
.gy-48 {
  --tt-gutter-y: 48px;
}
.g-64,
.gx-64 {
  --tt-gutter-x: 64px;
}
.gap-64 {
  gap: 64px !important;
}
.g-72,
.gy-72 {
  --tt-gutter-y: 72px;
}
.gy-54 {
  --tt-gutter-y: 54px;
}
.g-72,
.gx-72 {
  --tt-gutter-x: 72px;
}
.gap-72 {
  gap: 72px !important;
}
.g-80,
.gy-80 {
  --tt-gutter-y: 80px;
}
.gy-60 {
  --tt-gutter-y: 60px;
}
.g-80,
.gx-80 {
  --tt-gutter-x: 80px;
}
.gap-80 {
  gap: 80px !important;
}
.g-88,
.gy-88 {
  --tt-gutter-y: 88px;
}
.gy-66 {
  --tt-gutter-y: 66px;
}
.g-88,
.gx-88 {
  --tt-gutter-x: 88px;
}
.gap-88 {
  gap: 88px !important;
}
.g-96,
.gy-96 {
  --tt-gutter-y: 96px;
}
.gy-72 {
  --tt-gutter-y: 72px;
}
.g-96,
.gx-96 {
  --tt-gutter-x: 96px;
}
.gap-96 {
  gap: 96px !important;
}
.g-104,
.gy-104 {
  --tt-gutter-y: 104px;
}
.gy-78 {
  --tt-gutter-y: 78px;
}
.g-104,
.gx-104 {
  --tt-gutter-x: 104px;
}
.gap-104 {
  gap: 104px !important;
}
.g-112,
.gy-112 {
  --tt-gutter-y: 112px;
}
.gy-84 {
  --tt-gutter-y: 84px;
}
.g-112,
.gx-112 {
  --tt-gutter-x: 112px;
}
.gap-112 {
  gap: 112px !important;
}
.g-120,
.gy-120 {
  --tt-gutter-y: 120px;
}
.gy-90 {
  --tt-gutter-y: 90px;
}
.g-120,
.gx-120 {
  --tt-gutter-x: 120px;
}
.gap-120 {
  gap: 120px !important;
}
.g-128,
.gy-128 {
  --tt-gutter-y: 128px;
}
.gy-96 {
  --tt-gutter-y: 96px;
}
.g-128,
.gx-128 {
  --tt-gutter-x: 128px;
}
.gap-128 {
  gap: 128px !important;
}
.g-136,
.gy-136 {
  --tt-gutter-y: 136px;
}
.gy-102 {
  --tt-gutter-y: 102px;
}
.g-136,
.gx-136 {
  --tt-gutter-x: 136px;
}
.gap-136 {
  gap: 136px !important;
}
.g-144,
.gy-144 {
  --tt-gutter-y: 144px;
}
.gy-108 {
  --tt-gutter-y: 108px;
}
.g-144,
.gx-144 {
  --tt-gutter-x: 144px;
}
.gap-144 {
  gap: 144px !important;
}
.g-152,
.gy-152 {
  --tt-gutter-y: 152px;
}
.gy-114 {
  --tt-gutter-y: 114px;
}
.g-152,
.gx-152 {
  --tt-gutter-x: 152px;
}
.gap-152 {
  gap: 152px !important;
}
.g-160,
.gy-160 {
  --tt-gutter-y: 160px;
}
.gy-120 {
  --tt-gutter-y: 120px;
}
.g-160,
.gx-160 {
  --tt-gutter-x: 160px;
}
.gap-160 {
  gap: 160px !important;
}
.radio {
  display: inline-flex;
  vertical-align: middle;
  cursor: pointer;
}
.radio .radio-input {
  display: none;
}
.radio .radio-input:checked + .radio-icon {
  border-color: #000;
}
.radio .radio-input:checked + .radio-icon:after {
  background-color: #000;
}
.radio .radio-input:checked + .button-ghost.st-dimmed {
  position: relative;
  border-color: #000;
  z-index: 2;
}
.radio .radio-icon {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #ddd;
  cursor: pointer;
  flex-shrink: 0;
}
.radio .radio-icon:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: 0;
  z-index: 1;
  margin: auto;
  border-radius: 50%;
}
.radio .radio-label {
  font-style: normal;
  color: #000;
  font-size: 13px;
  line-height: 20px;
  margin-left: 8px;
  cursor: pointer;
}
.radio strong.radio-label {
  font-size: 14px;
  font-weight: 600;
}
.radio .button-ghost {
  text-align: center;
}
.radio-button-ghost {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  cursor: pointer;
}
.radio-button-ghost .button-text {
  padding-top: 11px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #eee;
}
.radio-button-ghost .button-input {
  display: none;
}
.radio-button-ghost .button-input:checked + .button-text {
  position: relative;
  border: 1px solid #000;
  z-index: 1;
}
.row .radio-button-ghost {
  display: block;
  width: 100%;
}
.radio-button-toggle {
  cursor: pointer;
  display: block;
  min-width: 112px;
}
.radio-button-toggle .radio-label {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 16px 8px;
  text-align: center;
}
.radio-button-toggle .radio-label * {
  color: #999;
}
.radio-button-toggle .radio-label .radio-label-text {
  font-size: 14px;
  line-height: 20px;
  margin-top: 0;
}
.radio-button-toggle .radio-label .radio-label-text strong {
  font-weight: 600;
}
.radio-button-toggle .radio-label .radio-label-text + .radio-label-text {
  margin-top: 8px;
}
.radio-button-toggle .radio-label .radio-current {
  display: block;
  margin-top: 48px;
}
.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: 14px;
  line-height: 16px;
}
.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;
}
.radio-button-option .radio-input {
  display: none;
}
.radio-button-option .radio-input:checked ~ .radio-label {
  border-color: #000;
}
.radio-button-option .radio-input.st-disabled ~ .radio-label .radio-text,
.radio-button-option .radio-input:disabled ~ .radio-label .radio-text {
  text-decoration: line-through;
  color: #999;
}
.radio-button-option .radio-label {
  cursor: pointer;
  display: flex;
  align-items: center;
  border: 1px solid #eee;
  padding: 7px;
}
.radio-button-option .radio-icon {
  margin-right: 4px;
  cursor: pointer;
}
.radio-button-option .radio-text {
  display: block;
  font-size: 12px;
  line-height: 16px;
}
.radio-thumb .radio-thumb-label {
  display: block;
  position: relative;
}
.radio-thumb .radio-input:checked ~ .radio-box {
  border: 1px solid #000;
}
.radio-thumb .radio-box {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.radio-thumb .radio-icon {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
}
.radio-thumb .radio-img {
  width: 100%;
  vertical-align: top;
}
.radio-thumb .radio-body {
  display: block;
  margin-top: 16px;
}
.radio-thumb .radio-title {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
}
.radio-thumb .radio-title + .radio-text {
  margin-top: 8px;
}
.radio-thumb .radio-text {
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  color: #aaa;
}
.radio-thumb.st-ghost .radio-thumb-label .radio-title {
  position: relative;
  width: 100%;
  background-color: #fff;
}
.radio-thumb.st-ghost .radio-thumb-label .radio-title:before {
  display: block;
  padding-top: 100%;
  content: "";
}
.radio-thumb.st-ghost .radio-thumb-label .radio-title > .text-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.radio-thumb.st-ghost .radio-box {
  border: 1px solid #eee;
}
.button-toggle-text {
  font-size: 13px;
  line-height: 19px;
  padding: 8px 0;
  color: #aaa;
  white-space: nowrap;
}
.button-toggle-text.active,
.button-toggle-text.st-selected {
  color: #000;
}
.button-toggle-text.st-strong {
  color: #000;
  font-weight: 600;
}
.button-toggle-text.st-spacing {
  padding: 8px;
}
.button-toggle-text.st-double {
  padding: 8px;
  text-align: left;
}
.button-toggle-text.st-double .text-inner + .text-inner {
  margin-top: 3px;
}
.button-toggle-thumb {
  font-size: 13px;
  line-height: 19px;
  color: #aaa;
}
.button-toggle-thumb .button-thumb {
  position: relative;
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin: 0 auto;
  border: 3px solid #fff;
  text-align: center;
}
.button-toggle-thumb .button-thumb img {
  border-radius: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.button-toggle-thumb .button-thumb .button-color {
  line-height: 32px;
  font-size: 10px;
  color: #000;
}
.button-toggle-thumb .text-inner {
  width: 54px;
  margin-top: 5px;
}
.button-toggle-thumb.st-light .button-thumb:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  border: 1px solid #eee;
  border-radius: 50%;
}
.button-toggle-thumb.st-selected {
  color: #000;
  font-weight: 600;
}
.button-toggle-thumb.st-selected .button-thumb:after {
  content: "";
  display: block;
  position: absolute;
  inset: -3px;
  border: 1px solid #000;
  z-index: 1;
  border-radius: 50%;
}
.button-toggle-thumb.st-soldout {
  position: relative;
}
.button-toggle-thumb.st-soldout:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 85%;
  z-index: 1;
  background-color: #fff;
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: top left;
}
.button-toggle-thumb.st-soldout .button-thumb:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  z-index: 1;
  border-radius: 50%;
  background-color: #0003;
  transform: translate(-50%, -50%);
  transform-origin: top left;
}
.button-toggle-thumb.st-sm .button-thumb {
  width: 30px;
  height: 30px;
}
.button-toggle-thumb.st-sm .button-thumb .button-color {
  line-height: 24px;
}
.button-toggle-switch {
  display: block;
  cursor: pointer;
  padding: 13px 0 14px;
}
.button-toggle-switch .button-checkbox {
  display: none;
}
.button-toggle-switch .button-checkbox:checked + .button-icon,
.button-toggle-switch .catalog-item.st-tile .tile-thumb .button-checkbox:checked + .tile-heart,
.catalog-item.st-tile .tile-thumb .button-toggle-switch .button-checkbox:checked + .tile-heart {
  background-color: #000;
}
.button-toggle-switch .button-checkbox:checked + .button-icon:before,
.button-toggle-switch .catalog-item.st-tile .tile-thumb .button-checkbox:checked + .tile-heart:before,
.catalog-item.st-tile .tile-thumb .button-toggle-switch .button-checkbox:checked + .tile-heart:before {
  border-color: #000;
  background-color: #000;
  left: calc(100% - 14px);
}
.button-toggle-switch .button-icon,
.button-toggle-switch .catalog-item.st-tile .tile-thumb .tile-heart,
.catalog-item.st-tile .tile-thumb .button-toggle-switch .tile-heart {
  position: relative;
  display: block;
  height: 2px;
  width: 45px;
  background-color: #999;
  padding: 0;
  will-change: background-color;
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.button-toggle-switch .button-icon:before,
.button-toggle-switch .catalog-item.st-tile .tile-thumb .tile-heart:before,
.catalog-item.st-tile .tile-thumb .button-toggle-switch .tile-heart:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  left: 0;
  z-index: 1;
  border: 2px solid #999;
  background-color: #fff;
  will-change: left, border, background-color;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.button-remove-self {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  padding: 8px 0;
}
.button-remove-self .button-del {
  margin-left: 8px;
}
.selectbox-text {
  font-size: 14px;
  line-height: 20px;
  border: none;
  color: #000;
  outline-style: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent url("../img/icons/icon-selectbox-text-down.png") no-repeat 100% 49%;
  background-size: 16px;
  padding: 8px 16px 8px 0;
}
.selectbox-text.st-sm {
  font-size: 13px;
  line-height: 15px;
}
.selectbox-text.st-primary {
  color: #006bff;
  background-image: url("../img/icons/icon-selectbox-text-down__primary.png");
}
select.selectbox {
  display: block;
  outline-style: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid #ddd;
  padding: 10px 12px 10px 16px;
  background: #fff url("../img/icons/icon-selectbox-down.png") no-repeat calc(100% - 12px) 10px;
  background-size: 16px;
}
select.selectbox:focus {
  border-color: #000;
}
select.selectbox:disabled {
  background-color: #f5f5f5;
  color: #999;
  background-image: url("../img/icons/icon-selectbox-down-disabled.png");
}
.row select.selectbox {
  width: 100%;
}
.selectbox {
  position: relative;
}
.selectbox.active .selectbox-current:not(.selectbox-text) {
  border-color: #000;
}
.selectbox.active:not(.st-text) .selectbox-layer {
  opacity: 1;
  visibility: visible;
}
.selectbox.active .selectbox-text {
  background-image: url("../img/icons/icon-selectbox-text-up.png");
}
.selectbox.active .tooltip-bubble {
  opacity: 0;
  visibility: hidden;
}
.selectbox.st-focus .selectbox-current:not(.selectbox-text) {
  border-color: #000;
}
.selectbox.st-disabled {
  cursor: default;
  pointer-events: none;
}
.selectbox.st-disabled .selectbox-current:not(.selectbox-text) {
  background-color: #f5f5f5;
  color: #999;
  background-image: url("../img/icons/icon-selectbox-down-disabled.png");
}
.selectbox .selectbox-current:not(.selectbox-text) {
  display: flex;
  width: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  border: 1px solid #ddd;
  padding: 12px 40px 12px 16px;
  background: #fff url("../img/icons/icon-selectbox-down.png") no-repeat calc(100% - 12px) 10px;
  background-size: 16px;
}
.selectbox .selectbox-current:not(.selectbox-text) .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.selectbox .selectbox-current:not(.selectbox-text) .text-inner + .text-inner {
  margin-left: 8px;
}
.selectbox .selectbox-current:not(.selectbox-text).has-tooltip {
  position: relative;
}
.selectbox .selectbox-current:not(.selectbox-text).has-tooltip .tooltip-bubble:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 9px solid #cce1ff;
  bottom: calc(100% - 3px);
  top: auto;
  left: 16px;
  transform: rotate(0);
  background-color: transparent;
}
.selectbox .selectbox-layer {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  position: absolute;
  right: 0;
  top: calc(100% - 1px);
  z-index: 4;
  border: 1px solid #000;
  border-top: 1px solid #eee;
  background-color: #fff;
  max-height: 400px;
  overflow-y: auto;
}
.selectbox .selectbox-thumb {
  position: relative;
  display: block;
  width: 52px;
  margin-right: 16px;
  flex-shrink: 0;
}
.selectbox .selectbox-thumb:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #00000005;
}
.selectbox .selectbox-img {
  width: 100%;
  vertical-align: top;
}
.selectbox .selectbox-button {
  display: flex;
  text-align: left;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  padding: 12px 16px;
}
.selectbox .selectbox-button .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.selectbox .selectbox-button .text-inner + .text-inner {
  margin-left: 8px;
}
.selectbox .selectbox-button:disabled .text-inner {
  color: #bbb;
}
.selectbox .selectbox-button:hover:not(:disabled) {
  background-color: #f8f8f8;
}
.selectbox.st-wide {
  width: 100%;
}
.selectbox.st-text .selectbox-layer {
  width: auto;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 4;
  padding: 16px 24px 16px 48px;
  border: 1px solid #666;
}
.selectbox.st-text .selectbox-layer.st-left {
  width: -moz-max-content;
  width: max-content;
  left: 0;
  padding: 16px 48px 16px 24px;
}
.selectbox.st-text .selectbox-layer.st-left .selectbox-button {
  text-align: left;
}
.selectbox.st-text .selectbox-item {
  text-align: right;
}
.selectbox.st-text .selectbox-item + .selectbox-item {
  margin-top: 8px;
}
.selectbox.st-text .selectbox-button {
  display: block;
  text-align: right;
  padding: 0;
}
.row .selectbox.st-text {
  width: auto;
}
.selectbox.st-thumb .selectbox-current:not(.selectbox-text) {
  align-items: center;
  padding: 7px 40px 7px 16px;
  background-position: calc(100% - 12px) 33px;
}
.selectbox.st-thumb .selectbox-button {
  align-items: center;
  padding: 8px 16px;
}
.row .selectbox {
  width: 100%;
}
.text-input,
.text-input-currency {
  display: block;
  width: 100%;
  border-radius: 0;
  font-size: 14px;
  color: #000;
  line-height: 16px;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #ddd;
  outline-style: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 11px 12px 11px 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.text-input:disabled,
.text-input-currency:disabled {
  background-color: #f8f8f8;
  color: #999;
}
.text-input:disabled + .text-input-action .button-icon,
.text-input:disabled + .text-input-action .catalog-item.st-tile .tile-thumb .tile-heart,
.catalog-item.st-tile .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 .catalog-item.st-tile .tile-thumb .tile-heart,
.catalog-item.st-tile .tile-thumb .text-input-currency:disabled + .text-input-action .tile-heart {
  background-color: #f8f8f8;
}
.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: #999;
  font-size: 14px;
}
.text-input::placeholder,
.text-input-currency::placeholder {
  color: #999;
  font-size: 14px;
}
.text-input::-webkit-outer-spin-button,
.text-input-currency::-webkit-outer-spin-button,
.text-input::-webkit-inner-spin-button,
.text-input-currency::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.text-input.st-dimmed,
.st-dimmed.text-input-currency {
  color: #999;
}
.text-input.st-attention,
.st-attention.text-input-currency {
  border-color: #000;
}
.text-input.st-pretend:disabled,
.st-pretend.text-input-currency:disabled {
  background-color: #fff;
  color: #000;
}
.text-input.st-lg,
.st-lg.text-input-currency {
  padding-top: 15px;
  padding-bottom: 15px;
}
.text-input.text-end,
.text-end.text-input-currency {
  padding-right: 15px;
}
.row .text-input,
.row .text-input-currency {
  width: 100%;
}
textarea.text-input,
textarea.text-input-currency {
  resize: none;
  padding: 24px 24px 64px;
  font-size: 14px;
  line-height: 22px;
  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: 14px;
}
textarea.text-input::placeholder,
textarea.text-input-currency::placeholder {
  color: #999;
  font-size: 14px;
}
textarea.text-input.st-valid,
textarea.st-valid.text-input-currency {
  background-color: #fff;
  border-color: #ddd;
}
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;
}
.text-input-box {
  position: relative;
}
.text-input-box .text-input-action {
  height: 100%;
  position: absolute;
  top: 0;
  right: 12px;
  z-index: 1;
  display: flex;
  align-items: center;
}
.text-input-box .text-input-action .button-icon,
.text-input-box .text-input-action .catalog-item.st-tile .tile-thumb .tile-heart,
.catalog-item.st-tile .tile-thumb .text-input-box .text-input-action .tile-heart {
  background-color: #fff;
}
.text-input-box .text-input-action .button-icon + .button-icon,
.text-input-box .text-input-action .catalog-item.st-tile .tile-thumb .tile-heart + .button-icon,
.catalog-item.st-tile .tile-thumb .text-input-box .text-input-action .tile-heart + .button-icon,
.text-input-box .text-input-action .catalog-item.st-tile .tile-thumb .button-icon + .tile-heart,
.catalog-item.st-tile .tile-thumb .text-input-box .text-input-action .button-icon + .tile-heart,
.text-input-box .text-input-action .catalog-item.st-tile .tile-thumb .tile-heart + .tile-heart,
.catalog-item.st-tile .tile-thumb .text-input-box .text-input-action .tile-heart + .tile-heart {
  margin-left: 8px;
}
.text-input-box .text-input-addon {
  display: block;
  font-size: 14px;
  line-height: 22px;
}
.text-input-box .text-input-layer {
  width: 492px;
  position: absolute;
  top: 100%;
  left: -16px;
  background-color: #fff;
  z-index: 2;
  display: none;
  padding: 16px 24px 32px;
}
.text-input-box .text-input-layer.active {
  display: block;
}
.text-input-box .text-input-currency-text {
  position: absolute;
  top: 0;
  right: 16px;
  z-index: 2;
  font-size: 14px;
  height: 100%;
  color: #bbb;
  padding: 12px 0 10px;
}
.text-input-box .text-input-number {
  padding-top: 20px;
  padding-bottom: 20px;
  position: absolute;
  bottom: 1px;
  left: 24px;
  right: 24px;
  z-index: 2;
  font-size: 14px;
  line-height: 22px;
  color: #999;
  background-color: #fff;
}
.text-input-box .text-input-email {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  left: 16px;
  z-index: 1;
  font-size: 14px;
  line-height: 20px;
}
.text-input-box .text-input-buttons {
  display: flex;
  align-items: center;
  position: absolute;
  right: 24px;
  bottom: 16px;
  z-index: 2;
}
.text-input-box .text-input-buttons .text-input-button {
  margin-left: 24px;
}
.text-input-box .text-input-buttons .text-input-button.text-input-cancel {
  color: #999;
  display: none;
}
.text-input-box.st-email .text-input,
.text-input-box.st-email .text-input-currency {
  padding-left: 32px;
}
.text-input-box.st-seamless .text-input-action {
  right: 0;
}
.text-input-box.st-seamless .text-input,
.text-input-box.st-seamless .text-input-currency {
  border: none;
  padding-left: 8px;
  padding-right: 48px;
  border-bottom: 1px solid #000;
}
.text-input-box.st-seamless .button-search {
  margin-left: 0;
  padding-top: 6px;
  padding-bottom: 6px;
}
.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-currency {
  text-align: right;
  padding-right: 30px;
}
.button-clear {
  display: none;
}
.button-clear.active {
  display: block;
}
.checkbox {
  display: inline-flex;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox .checkbox-icon {
  position: relative;
  width: 20px;
  height: 20px;
  display: block;
  background: #fff url("../img/icons/icon-checkbox__gray.png") no-repeat center center;
  background-size: 16px;
  border: 1px solid #ddd;
  cursor: pointer;
  flex-shrink: 0;
}
.checkbox .checkbox-label {
  font-style: normal;
  color: #000;
  font-size: 13px;
  line-height: 20px;
  margin-left: 8px;
  cursor: pointer;
}
.checkbox strong.checkbox-label {
  font-size: 14px;
  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__white.png");
  background-color: #000;
  border: 1px 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 .checkbox-input:disabled ~ strong.checkbox-label {
  color: #000;
}
.checkbox.st-dimmed .checkbox-input ~ .checkbox-label {
  color: #666;
}
.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__white.png");
  background-color: #000;
  border: 1px 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-disabled .checkbox-input ~ strong.checkbox-label {
  color: #000;
}
.checkbox.st-ghost .checkbox-input + .checkbox-icon {
  background-color: transparent;
  border-color: transparent;
  background-image: url("../img/icons/icon-checkbox__gray.png");
}
.checkbox.st-ghost .checkbox-input:checked + .checkbox-icon {
  background-image: url("../img/icons/icon-checkbox__black.png");
  background-color: transparent;
}
.zip-code-list .zip-code:nth-child(2n) {
  background-color: #f8f8f8;
}
.zip-code {
  text-align: left;
  padding: 24px;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.zip-code .zip-code-title {
  width: 55px;
  flex-shrink: 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  margin-right: 24px;
}
.zip-code .zip-code-texts {
  min-width: 0;
  width: 100%;
}
.zip-code .zip-code-text {
  font-size: 13px;
  line-height: 22px;
  cursor: pointer;
}
.icon {
  display: inline-flex;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  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-xs {
  width: 10px;
  height: 10px;
}
.icon.st-smd {
  width: 19px;
  height: 19px;
}
.icon.st-sm {
  width: 16px;
  height: 16px;
}
.icon.st-reduced {
  width: 26px;
  height: 26px;
}
.icon.st-lg {
  width: 32px;
  height: 32px;
}
.icon.st-xl {
  width: 40px;
  height: 40px;
}
.icon.st-mega {
  width: 75px;
  height: 75px;
}
.icon.st-super {
  width: 80px;
  height: 80px;
}
.icon-download.st-lg.st-black {
  background-image: url("../img/icons/icon-download-lg__black.png");
}
.icon-download.st-lg.st-gray {
  background-image: url("../img/icons/icon-download-lg__gray.png");
}
.icon-download-wo-circle.st-black {
  background-image: url("../img/icons/icon-download-wo-circle__black.png");
}
.icon-share-view.st-black {
  background-image: url("../img/icons/icon-share-view__black.png");
}
.icon-share-kakao {
  background-image: url("../img/icons/icon-share-kakao-lg.png");
}
.icon-share-facebook {
  background-image: url("../img/icons/icon-share-facebook-lg.png");
}
.icon-share-link {
  background-image: url("../img/icons/icon-share-link-lg.png");
}
.icon-share-qr {
  background-image: url("../img/icons/icon-share-qr-lg.png");
}
.icon-heart.st-black {
  background-image: url("../img/icons/icon-heart__black.png");
}
.icon-heart.st-gray {
  background-image: url("../img/icons/icon-heart__gray.png");
}
.icon-heart.st-graybbb {
  background-image: url("../img/icons/icon-heart__graybbb.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-sm.st-black {
  background-image: url("../img/icons/icon-heart-sm__black.png");
}
.icon-heart.st-sm.st-gray {
  background-image: url("../img/icons/icon-heart-sm__gray.png");
}
.icon-heart.st-sm.st-graybbb {
  background-image: url("../img/icons/icon-heart-sm__graybbb.png");
}
.icon-heart.st-sm.st-active {
  background-image: url("../img/icons/icon-heart-sm__active.png");
}
.tile-thumb .icon-heart.st-default,
.spot-visual .icon-heart.st-default,
.favorite-brand .icon-heart.st-default {
  background-image: url("../img/icons/icon-heart-fill__default.png");
}
.tile-thumb .icon-heart.st-lg,
.spot-visual .icon-heart.st-lg,
.favorite-brand .icon-heart.st-lg {
  background-image: url("../img/icons/icon-heart-fill-lg__default.png");
}
.tile-thumb .icon-heart.st-active,
.spot-visual .icon-heart.st-active,
.favorite-brand .icon-heart.st-active {
  background-image: url("../img/icons/icon-heart__active.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-star-fill.st-black {
  background-image: url("../img/icons/icon-star-fill__black.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-play-fill.st-white {
  background-image: url("../img/icons/icon-play-fill__white.png");
}
.icon-rank-triangle-fill-up.st-gray {
  background-image: url("../img/icons/icon-rank-triangle-fill-up__gray.png");
}
.icon-rank-triangle-fill-down.st-gray {
  background-image: url("../img/icons/icon-rank-triangle-fill-down__gray.png");
}
.icon-rank-kept.st-gray {
  background-image: url("../img/icons/icon-rank-kept__gray.png");
}
.icon-authorize.st-black {
  background-image: url("../img/icons/icon-authorize__black.png");
}
.icon-authorize.st-lg.st-black {
  background-image: url("../img/icons/icon-authorize-lg__black.png");
}
.icon-list.st-black {
  background-image: url("../img/icons/icon-list__black.png");
}
.icon-chevron-next.st-sm.st-black {
  background-image: url("../img/icons/icon-chevron-next-sm__black.png");
}
.icon-chevron-next.st-sm.st-bold {
  background-image: url("../img/icons/icon-chevron-next__black_bold.png");
}
.icon-chevron-next.st-white {
  background-image: url("../img/icons/icon-chevron-next-sm__white.png");
}
.icon-chevron-right.st-black {
  background-image: url("../img/icons/icon-chevron-right__black.png");
}
.icon-chevron-carousel-next.st-white {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 11 18" fill="none"><path d="M0.707153 16.7072L8.70715 8.70715L0.707153 0.707153" stroke="white" stroke-width="2"/></svg>');
  background-size: 11px 18px;
}
.icon-chevron-carousel-next.st-gray {
  background-image: url("../img/icons/icon-chevron-carousel-next__gray.png");
}
.icon-chevron-carousel-next.st-black {
  background-image: url("../img/icons/icon-chevron-carousel-next__black.png");
}
.icon-chevron-carousel-next.st-md {
  width: 56px;
  height: 56px;
}
.icon-chevron-carousel-next.st-md.st-white {
  background-size: unset;
  background-image: url("../img/icons/icon-chevron-carousel-next-md__white.png");
}
.icon-chevron-carousel-next.st-lg.st-black {
  background-image: url("../img/icons/icon-chevron-carousel-next-lg__black.png");
}
.icon-chevron-carousel-next.st-lg.st-white {
  background-image: url("../img/icons/icon-chevron-carousel-next-lg__white.png");
  background-size: contain;
}
.icon-chevron-carousel-next.st-md {
  width: 56px;
  height: 56px;
}
.icon-chevron-carousel-next.st-md.st-white {
  background-image: url("../img/icons/icon-chevron-carousel-next-md__white.png");
  background-size: unset;
}
.icon-chevron-carousel-prev.st-white {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="18" viewBox="0 0 11 18" fill="none"><path d="M9.41422 0.707153L1.41422 8.70715L9.41422 16.7072" stroke="white" stroke-width="2"/></svg>');
  background-size: 11px 18px;
}
.icon-chevron-carousel-prev.st-gray {
  background-image: url("../img/icons/icon-chevron-carousel-prev__gray.png");
}
.icon-chevron-carousel-prev.st-md {
  width: 56px;
  height: 56px;
}
.icon-chevron-carousel-prev.st-md.st-white {
  background-image: url("../img/icons/icon-chevron-carousel-next-md__white.png");
  transform: rotate(180deg);
  background-size: unset;
}
.icon-chevron-carousel-prev.st-black {
  background-image: url("../img/icons/icon-chevron-carousel-prev__black.png");
}
.icon-chevron-carousel-prev.st-md {
  width: 56px;
  height: 56px;
}
.icon-chevron-carousel-prev.st-md.st-white {
  background-size: unset;
  background-image: url("../img/icons/icon-chevron-carousel-next-md__white.png");
  transform: rotate(180deg);
}
.icon-chevron-carousel-prev.st-lg.st-white {
  background-image: url("../img/icons/icon-chevron-carousel-prev-lg__white.png");
  background-size: contain;
}
.icon-chevron-carousel-prev.st-lg.st-black {
  background-image: url("../img/icons/icon-chevron-carousel-prev-lg__black.png");
}
.icon-chevron-end-down.st-sm.st-white {
  background-image: url("../img/icons/icon-chevron-end-down-sm__white.png");
}
.icon-chevron-end-down.st-sm.st-black {
  background-image: url("../img/icons/icon-chevron-end-down-sm__black.png");
}
.icon-chevron-end-down.st-sm.st-primary {
  background-image: url("../img/icons/icon-chevron-end-down-sm__primary.png");
}
.icon-chevron-end-up.st-sm.st-black {
  background-image: url("../img/icons/icon-chevron-end-up-sm__black.png");
}
.icon-chevron-end-up.st-sm.st-primary {
  background-image: url("../img/icons/icon-chevron-end-up-sm__primary.png");
}
.icon-pager-arrow-left {
  background-image: url("../img/icons/icon-pager-arrow-left.png");
}
.icon-pager-arrow-right {
  background-image: url("../img/icons/icon-pager-arrow-right.png");
}
.icon-pager-chevron-left {
  background-image: url("../img/icons/icon-pager-chevron-left.png");
}
.icon-pager-chevron-right {
  background-image: url("../img/icons/icon-pager-chevron-right.png");
}
.icon-player-pause.st-black {
  background-image: url("../img/icons/icon-player-pause__black.png");
}
.icon-player-pause.st-white {
  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 {
  background-image: url("../img/icons/icon-player-play-fill__white.png");
}
.icon-x.st-black {
  background-image: url("../img/icons/icon-x__black.png");
}
.icon-x.st-xs.st-black {
  background-image: url("../img/icons/icon-x-xs__black.png");
}
.icon-x.st-xs.st-gray {
  background-image: url("../img/icons/icon-x-xs__gray.png");
}
.icon-x.st-xs.st-white {
  background-image: url("../img/icons/icon-x-xs__white.png");
}
.icon-clock.st-sm.st-white {
  background-image: url("../img/icons/icon-clock-sm__white.png");
}
.icon-bell.st-xs.st-black {
  background-image: url("../img/icons/icon-bell-xs__black.png");
}
.icon-bell.st-smd.st-black {
  background-image: url("../img/icons/icon-bell__black.png");
}
.icon-bell.st-smd.st-white {
  background-image: url("../img/icons/icon-bell__white.png");
}
.icon-bell.st-smd.st-white.st-filled {
  background-image: url("../img/icons/icon-bell__white_filled.png");
}
.icon-arrow-up-right.st-xs.st-gray {
  background-image: url("../img/icons/icon-arrow-up-right-xs__gray.png");
}
.icon-arrow-up-right.st-xs.st-black {
  background-image: url("../img/icons/icon-arrow-up-right-xs__black.png");
}
.icon-arrow-indent.st-gray {
  background-image: url("../img/icons/icon-arrow-indent__gray.png");
}
.icon-x-clear {
  background-image: url("../img/icons/icon-x__clear.png");
}
.icon-x-modal {
  background-image: url("../img/icons/icon-x-modal.png");
}
.icon-search.st-sm.st-black {
  background-image: url("../img/icons/icon-search-sm__black.png");
}
.icon-header-search.st-black {
  background-image: url("../img/icons/icon-header-search__black.png");
}
.icon-header-account.st-black {
  background-image: url("../img/icons/icon-header-account__black.png");
}
.icon-header-bag.st-black {
  background-image: url("../img/icons/icon-header-bag__black.png");
}
.icon-header-heart.st-black {
  background-image: url("../img/icons/icon-header-heart__black.png");
}
.icon-header-signin.st-black {
  background-image: url("../img/icons/icon-header-signin__black.png");
}
.icon-header-signout.st-black {
  background-image: url("../img/icons/icon-header-signout__black.png");
}
.icon-header-history.st-black {
  background-image: url("../img/icons/icon-header-history__black.png");
}
.icon-eye.st-gray {
  background-image: url("../img/icons/icon-eye__gray.png");
}
.icon-eye-slash.st-gray {
  background-image: url("../img/icons/icon-eye-slash__gray.png");
}
.icon-eraser-fill.st-sm.st-black {
  background-image: url("../img/icons/icon-eraser-fill-sm__black.png");
}
.icon-geo-alt-end.st-black {
  background-image: url("../img/icons/icon-geo-alt-end__black.png");
}
.icon-calc-equal {
  background-image: url("../img/icons/icon-calc-equal.png");
}
.icon-calc-minus {
  background-image: url("../img/icons/icon-calc-minus.png");
}
.icon-calc-plus {
  background-image: url("../img/icons/icon-calc-plus.png");
}
.icon-qty-minus.st-gray {
  background-image: url("../img/icons/icon-qty-minus__gray.png");
}
.icon-qty-minus.st-black {
  background-image: url("../img/icons/icon-qty-minus__black.png");
}
.icon-qty-plus.st-gray {
  background-image: url("../img/icons/icon-qty-plus__gray.png");
}
.icon-qty-plus.st-black {
  background-image: url("../img/icons/icon-qty-plus__black.png");
}
.icon-question-circle.st-grayBD {
  background-image: url("../img/icons/icon-question-circle__grayBD.png");
}
.icon-exclamation-circle.st-grayBD {
  background-image: url("../img/icons/icon-exclamation-circle__grayBD.png");
}
.icon-next-step {
  background-image: url("../img/icons/icon-next-step.png");
}
.icon-calendar.st-black {
  background-image: url("../img/icons/icon-calendar__black.png");
}
.icon-calendar.st-gray {
  background-image: url("../img/icons/icon-calendar__gray.png");
}
.icon-chevron-next-button-cta.st-sm.st-black {
  background-image: url("../img/icons/icon-chevron-next-button-cta-sm__black.png");
}
.icon-chevron-next-button-cta.st-sm.st-white {
  background-image: url("../img/icons/icon-chevron-next-button-cta-sm__white.png");
}
.icon-chevron-next-button-cta-13.st-xs.st-black {
  background-image: url("../img/icons/icon-chevron-next-button-cta-13__black.png");
}
.icon-chevron-next-button-cta-13.st-xs.st-primary {
  background-image: url("../img/icons/icon-chevron-next-button-cta-13__primary.png");
}
.icon-chevron-next-button-cta-13.st-xs.st-gray {
  background-image: url("../img/icons/icon-chevron-next-button-cta-13__gray.png");
}
.icon-chevron-prev-button-cta-13.st-xs.st-black {
  background-image: url("../img/icons/icon-chevron-prev-button-cta-13__black.png");
}
.icon-chevron-next-button-cta-14.st-xs.st-black {
  background-image: url("../img/icons/icon-chevron-next-button-cta-14__black.png");
}
.icon-chevron-next-button-cta-14.st-xs.st-primary {
  background-image: url("../img/icons/icon-chevron-next-button-cta-14__primary.png");
}
.icon-edit.st-xs.st-black {
  background-image: url("../img/icons/icon-edit-xs__black.png");
}
.icon-naver.st-sm {
  background-image: url("../img/icons/icon-naver-sm.png");
}
.icon-naver.st-reduced {
  background-image: url("../img/icons/icon-naver-reduced.png");
}
.icon-naver.st-white {
  background-image: url("../img/icons/icon-naver__white.png");
}
.icon-kakao.st-sm {
  background-image: url("../img/icons/icon-kakao-sm.png");
}
.icon-kakao.st-md {
  background-image: url("../img/icons/icon-kakao-md.png");
}
.icon-kakao.st-reduced {
  background-image: url("../img/icons/icon-kakao-reduced.png");
}
.icon-member {
  background-image: url("../img/icons/icon-member.png");
}
.icon-plus-pointer.st-white {
  background-image: url("../img/icons/icon-plus-pointer__white.png");
}
.icon-x-pointer.st-white {
  background-image: url("../img/icons/icon-x-pointer__white.png");
}
.icon-my-club {
  background-image: url("../img/icons/icon-my-club.png");
}
.icon-my-coupon {
  background-image: url("../img/icons/icon-my-coupon.png");
}
.icon-my-point {
  background-image: url("../img/icons/icon-my-point.png");
}
.icon-my-review {
  background-image: url("../img/icons/icon-my-review.png");
}
.icon-footer-facebook {
  background-image: url("../img/icons/icon-footer-facebook.png");
}
.icon-footer-instagram {
  background-image: url("../img/icons/icon-footer-instagram.png");
}
.icon-footer-youtube {
  background-image: url("../img/icons/icon-footer-youtube.png");
}
.icon-footer-kakaoch {
  background-image: url("../img/icons/icon-footer-kakaoch.png");
}
.icon-floating-nav-smile {
  background-image: url("../img/icons/icon-floating-chat__black.png");
}
.icon-floating-nav-chevron {
  background-image: url("../img/icons/icon-floating-nav-chevron.png");
}
.icon-floating-nav-history {
  background-image: url("../img/icons/icon-floating-nav-history.png");
}
.icon-lock.st-black {
  background-image: url("../img/icons/icon-lock__black.png");
}
.icon-inquire.st-xl.st-gray {
  background-image: url("../img/icons/icon-inquire-xl__gray.png");
}
.icon-talk.st-xl.st-gray {
  background-image: url("../img/icons/icon-talk-xl__gray.png");
}
.icon-notice.st-xl.st-gray {
  background-image: url("../img/icons/icon-notice-xl__gray.png");
}
.button {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #000;
}
.button .icon {
  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 10px;
  width: 1px;
  height: 11px;
  background-color: #fff;
}
.button.st-wide {
  display: block;
  width: 100%;
}
.button.st-pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  padding-left: 24px;
  padding-right: 24px;
}
.button.st-pill.st-overlay {
  background-color: #0003;
}
.button.st-pill[data-tt-toggle="collapse"].active {
  background-color: #fff;
}
.button.st-pill[data-tt-toggle="collapse"].active .button-text {
  color: #000;
}
.button.st-pill[data-tt-toggle="collapse"].active .icon-chevron-end-down {
  background-image: url("../img/icons/icon-chevron-end-up-sm__black.png");
}
.button.st-wish {
  padding-left: 8px;
  padding-right: 8px;
}
.button.st-wish .button-text {
  width: 100%;
}
.button.st-wish .button-wish {
  position: relative;
  text-align: center;
  color: #ccc;
  padding: 0 8px;
  margin-left: -8px;
  width: 63px;
  flex-shrink: 0;
}
.button.st-wish .button-wish .wish-text {
  display: block;
  font-size: 9px;
  line-height: 11px;
  margin-top: 1px;
}
.button.st-wish .button-wish:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1px;
  margin: auto;
  background-color: #eee;
  z-index: 1;
  width: 1px;
  height: 22px;
  opacity: 0.2;
}
.button.st-wish.st-soldout {
  background-color: #999;
}
.button.st-wish.st-soldout .button-wish {
  color: #eee;
}
.button.st-wish.st-soldout.st-restock .button-wish {
  background-color: #000;
  padding: 12px 8px;
}
.row .button {
  width: 100%;
}
.button.st-round {
  border-radius: 10px;
}
.button-ghost {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #fff;
  border: 1px solid #000;
}
.button-ghost .button-text {
  text-align: center;
  display: block;
  color: #000;
  margin-top: -1px;
  margin-bottom: -1px;
}
.button-ghost .button-img {
  vertical-align: top;
  margin-top: 11px;
  margin-bottom: 12px;
}
.button-ghost.st-primary {
  border-color: #006bff;
}
.button-ghost.st-dimmed {
  border-color: #eee;
}
.button-ghost.st-gray {
  border-color: #ddd;
}
.button-ghost.st-black {
  border-color: #fff;
  background-color: #000;
}
.button-ghost.st-black .button-text {
  color: #fff;
}
.button-ghost.st-wide {
  display: block;
  width: 100%;
}
.button-ghost.st-pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  padding-left: 23px;
  padding-right: 23px;
}
.button-ghost.st-pill .button-text.st-sm {
  margin: 0 -7px;
}
.button-ghost.st-pill[data-tt-toggle="collapse"].active .icon-chevron-pill-down {
  background-image: url("../img/icons/icon-chevron-end-up-sm__black.png");
}
.button-ghost.st-pill.st-hover {
  transition: border 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.button-ghost.st-pill.st-hover:hover {
  border-color: #000;
}
.button-ghost.st-pill.st-login {
  border-radius: 24px;
  padding: 4px 16px;
}
.button-ghost.st-pill.st-login .button-text {
  font-weight: 600;
}
.button-ghost.st-kakao {
  background-color: #fee500;
  border: none;
  padding: 5px 16px;
  border-radius: 24px;
}
.button-ghost.st-kakao .icon {
  margin-right: 12px;
}
.button-ghost.st-kakao .button-text {
  font-weight: 600;
}
.button-ghost.st-naver {
  background-color: #09d133;
  border: none;
  padding: 5px 16px;
  border-radius: 24px;
}
.button-ghost.st-naver .icon {
  margin-right: 12px;
}
.button-ghost.st-naver .button-text {
  font-weight: 600;
}
.button-ghost.st-member {
  padding: 4px 16px;
  border-radius: 24px;
}
.button-ghost.st-member .icon {
  margin-right: 12px;
}
.button-ghost.st-member .button-text {
  font-weight: 600;
}
.button-ghost.st-disabled,
.button-ghost:disabled {
  border-color: #ddd;
  background-color: #eee;
}
.button-ghost.st-disabled .button-text,
.button-ghost:disabled .button-text {
  color: #ccc;
}
.row .button-ghost {
  width: 100%;
}
.button-text {
  display: block;
  padding-top: 12.5px;
  padding-bottom: 12.5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  text-align: left;
}
.button-text.st-lg {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.button-text.st-xlg {
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.button-text.st-xxlg {
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
.button-text.st-elevated {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  line-height: 22px;
}
.button-text.st-sm {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  line-height: 22px;
}
.button-text.st-sm.st-dimmed {
  color: #666;
}
.button-text.st-light {
  font-weight: 400;
}
.button-text.st-middle.st-lg {
  margin-top: -11px;
  margin-bottom: -13px;
}
.button-text.st-middle.st-sm {
  margin-top: -3px;
  margin-bottom: -3px;
}
.button-text.st-xsm {
  font-size: 12px;
  line-height: 16px;
  padding: 11px 23px;
}
.button-text.st-xsm.st-dimmed {
  color: #666;
}
strong.button-text {
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}
.button-extra {
  padding: 30px 32px 30px 40px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.button-extra .button-text {
  display: flex;
  align-items: center;
  font-weight: 400;
  padding: 0;
  font-size: 16px;
}
.row .button-extra {
  display: flex;
  width: 100%;
}
.button-icon,
.catalog-item.st-tile .tile-thumb .tile-heart {
  position: relative;
  vertical-align: middle;
  padding: 8px;
}
.button-icon:not(.button-clear),
.catalog-item.st-tile .tile-thumb .tile-heart:not(.button-clear) {
  display: inline-flex;
}
.button-icon.st-sm,
.catalog-item.st-tile .tile-thumb .st-sm.tile-heart {
  padding: 4px;
}
.button-icon.st-xs,
.catalog-item.st-tile .tile-thumb .st-xs.tile-heart {
  padding: 3px;
}
.button-icon.st-reduced,
.catalog-item.st-tile .tile-thumb .st-reduced.tile-heart {
  padding: 4px;
}
.button-icon.st-pointer,
.catalog-item.st-tile .tile-thumb .st-pointer.tile-heart {
  padding: 10px;
  background-color: #000;
  border-radius: 50%;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.button-icon.st-pointer.active,
.catalog-item.st-tile .tile-thumb .st-pointer.active.tile-heart {
  transform: rotate(45deg);
}
.button-icon:disabled,
.catalog-item.st-tile .tile-thumb .tile-heart:disabled {
  background-color: #f8f8f8;
}
.button-icon .icon-badge,
.catalog-item.st-tile .tile-thumb .tile-heart .icon-badge {
  position: absolute;
  top: 5px;
  left: 18px;
  z-index: 1;
  background-color: #000;
  padding: 2px 4px;
  min-width: 18px;
  max-width: 30px;
  border-radius: 11px;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
}
#header.st-dark .button-icon .icon-badge,
#header.st-dark .catalog-item.st-tile .tile-thumb .tile-heart .icon-badge,
.catalog-item.st-tile .tile-thumb #header.st-dark .tile-heart .icon-badge {
  background-color: #fff;
  color: #000;
}
.button-cta {
  display: flex;
  align-items: center;
}
.button-cta.st-sm .button-text.st-elevated {
  font-size: 13px;
  line-height: 21px;
}
.button-cta.st-sm .icon {
  margin-top: -1px;
}
.button-cta.st-primary {
  color: #006bff;
}
.button-cta.st-brand .button-text {
  margin-left: 10px;
}
.button-cta[data-tt-toggle="collapse"] .button-text:before {
  content: attr(data-tt-text);
  display: block;
}
.button-cta[data-tt-toggle="collapse"] .button-text:after {
  content: attr(data-tt-toggle-text);
  display: none;
}
.button-cta[data-tt-toggle="collapse"].active .button-text:before {
  display: none;
}
.button-cta[data-tt-toggle="collapse"].active .button-text:after {
  display: block;
}
.button-cta.st-divider {
  justify-content: center;
}
.button-cta.st-divider .button-text {
  color: #999;
  line-height: normal;
  padding-bottom: 2px;
  border-bottom: 1px solid #999;
}
.button-tooltip {
  display: flex;
  align-items: center;
}
.button-tooltip .button-text {
  padding-top: 8px;
  padding-bottom: 8px;
}
.button-group {
  display: flex;
}
.button-group .radio-button-ghost:not(:first-child),
.button-group .button-ghost:not(:first-child) {
  display: block;
  margin-left: -1px;
}
.button-group .radio {
  margin-top: -1px;
  margin-left: -1px;
}
.button-group .button-ghost:not(.st-dimmed) {
  position: relative;
  z-index: 1;
}
.button-group.row-cols-4 .radio:nth-child(4n + 1) {
  margin-left: 0;
}
.button-brand {
  display: flex;
  font-size: 14px;
  line-height: 20px;
  color: #aaa;
  text-transform: uppercase;
  text-align: left;
}
.button-brand .text-inner {
  margin-left: 8px;
}
.button-brand .text-inner + .text-inner {
  font-size: 12px;
}
.button-brand .icon-heart.st-sm {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  margin-top: 2px;
}
.button-brand.st-active {
  color: #000;
}
.button-brand.st-active .icon-heart {
  background-image: url("../img/icons/icon-heart-sm__active.png");
}
.carousel {
  overflow: hidden;
}
.carousel .carousel-item {
  position: relative;
  overflow: hidden;
}
.carousel .carousel-item:first-child {
  margin-left: 0 !important;
}
.carousel .carousel-img {
  width: 100%;
  vertical-align: top;
}
.carousel .swiper-pagination-progressbar {
  position: relative;
}
.carousel .indicator-progress {
  height: 2px;
  margin-top: 24px;
}
.carousel .indicator-progress.st-overlay {
  width: auto;
  position: absolute;
  inset: auto 16px 16px;
  z-index: 2;
  margin-top: 0;
}
.carousel .indicator {
  width: 220px;
  margin: 56px auto 0;
}
.carousel .indicator .indicator-progress {
  margin-top: 0;
}
.carousel .indicator-player {
  margin-top: 16px;
}
.carousel .indicator-player .indicator-progress {
  margin-top: 0;
}
.carousel .indicator-pager {
  display: flex;
  align-items: center;
}
.carousel .indicator-pager .pager-number {
  font-size: 14px;
  line-height: 24px;
  color: #999;
  font-weight: 400;
  margin: 0 8px;
}
.carousel .indicator-pager .pager-number .swiper-pagination-current {
  color: #000;
}
.carousel .carousel-fraction.st-lg {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
  color: #aaa;
}
.carousel .carousel-fraction.st-lg .swiper-pagination-current {
  color: #000;
}
.carousel .carousel-nav {
  position: absolute;
  top: 50%;
  margin-top: 0;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #0000001f;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.carousel .carousel-nav.carousel-next {
  right: 0;
}
.carousel .carousel-nav.carousel-prev {
  left: 0;
}
.carousel .carousel-nav.st-xlg {
  padding: 16px;
}
.carousel .carousel-nav.st-ghost {
  background-color: transparent;
}
.carousel .carousel-nav.swiper-button-disabled {
  display: none;
}
.carousel .carousel-nav:hover {
  background-color: #0000003d;
}
.carousel.st-col-5 .catalog-item.st-tile {
  width: 243px;
}
.carousel.st-col-5 .carousel-nav {
  top: 141px;
  margin-top: 0;
  transform: translateY(0);
}
.carousel.st-col-6 .catalog-item.st-tile {
  width: 100%;
}
.carousel.st-col-6 .carousel-nav {
  top: 114px;
  margin-top: 0;
  transform: translateY(0);
}
.carousel.st-free .carousel-list {
  display: flex;
}
.carousel.st-free .carousel-item {
  margin-right: 16px;
}
.carousel.st-free .carousel-item:last-child {
  margin-right: 0 !important;
}
.carousel.st-free .carousel-item:not(.tile-item) {
  width: auto;
  flex-shrink: 0;
}
.carousel.st-free.st-infinite .carousel-list {
  transition-timing-function: linear;
}
.carousel.st-auto .carousel-item {
  width: auto;
  flex-shrink: 0;
}
.carousel.st-me-16 .carousel-item {
  margin-right: 16px;
}
.carousel.st-me-16 .carousel-item:last-child {
  margin-right: 0 !important;
}
.carousel-nav.swiper-button-disabled {
  display: none;
}
.catalog-item.st-tile .indicator-player {
  margin-top: 16px;
}
.catalog-item.st-tile .indicator-player .indicator-progress {
  margin-top: 0;
}
.catalog-item.st-tile .indicator-pager {
  display: flex;
  align-items: center;
}
.catalog-item.st-tile .indicator-pager .pager-number {
  font-size: 14px;
  line-height: 24px;
  color: #999;
  font-weight: 400;
  margin: 0 8px;
}
.catalog-item.st-tile .indicator-pager .pager-number .swiper-pagination-current {
  color: #000;
}
.catalog-item.st-tile .carousel-fraction.st-lg {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
  color: #aaa;
}
.catalog-item.st-tile .carousel-fraction.st-lg .swiper-pagination-current {
  color: #000;
}
.catalog-item.st-tile .carousel-nav {
  position: absolute;
  top: 50%;
  margin-top: 0;
  transform: translateY(-50%);
  z-index: 2;
  background-color: #0000001f;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.catalog-item.st-tile .carousel-nav.carousel-next {
  right: 0;
}
.catalog-item.st-tile .carousel-nav.carousel-prev {
  left: 0;
}
.catalog-item.st-tile .carousel-nav.st-xlg {
  padding: 16px;
}
.catalog-item.st-tile .carousel-nav.st-ghost {
  background-color: transparent;
}
.catalog-item.st-tile .carousel-nav.swiper-button-disabled {
  display: none;
}
.catalog-item.st-tile .carousel-nav:hover {
  background-color: #0000003d;
}
.catalog-item.st-tile.st-col-5 .catalog-item.st-tile {
  width: 243px;
}
.catalog-item.st-tile.st-col-5 .carousel-nav {
  top: 141px;
  margin-top: 0;
  transform: translateY(0);
}
.catalog-item.st-tile.st-col-6 .catalog-item.st-tile {
  width: 100%;
}
.catalog-item.st-tile.st-col-6 .carousel-nav {
  top: 114px;
  margin-top: 0;
  transform: translateY(0);
}
.catalog-item.st-tile.st-free .carousel-list {
  display: flex;
}
.catalog-item.st-tile.st-free .carousel-item {
  margin-right: 16px;
}
.catalog-item.st-tile.st-free .carousel-item:last-child {
  margin-right: 0 !important;
}
.catalog-item.st-tile.st-free .carousel-item:not(.tile-item) {
  width: auto;
  flex-shrink: 0;
}
.catalog-item.st-tile.st-free.st-infinite .carousel-list {
  transition-timing-function: linear;
}
.catalog-item.st-tile.st-auto .carousel-item {
  width: auto;
  flex-shrink: 0;
}
.catalog-item.st-tile.st-me-16 .carousel-item {
  margin-right: 16px;
}
.catalog-item.st-tile.st-me-16 .carousel-item:last-child {
  margin-right: 0 !important;
}
.catalog-item.st-tile .tile-link {
  display: block;
}
.catalog-item.st-tile .tile-thumb {
  position: relative;
  display: block;
}
.catalog-item.st-tile .tile-thumb .spot-violator {
  display: flex;
  position: absolute;
  z-index: 4;
}
.catalog-item.st-tile .tile-thumb .tile-link {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  padding-top: 132%;
  background-color: #fff;
}
.catalog-item.st-tile .tile-thumb .tile-link .tile-img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.catalog-item.st-tile .tile-thumb .tile-link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #00000005;
}
.catalog-item.st-tile .tile-thumb .tile-ts {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
}
.catalog-item.st-tile .tile-thumb .tile-te {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
}
.catalog-item.st-tile .tile-thumb .tile-be {
  position: absolute;
  z-index: 3;
  bottom: 0;
  right: 0;
}
.catalog-item.st-tile .tile-thumb .tile-bs {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
}
.catalog-item.st-tile .tile-thumb .tile-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
}
.catalog-item.st-tile .tile-thumb .dimmed-mask {
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  z-index: 2;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.catalog-item.st-tile .tile-thumb .tile-heart {
  margin-top: 8px;
  margin-right: 8px;
}
.catalog-item.st-tile .tile-thumb .tile-now {
  z-index: 2;
  width: 100%;
  height: 100%;
  border: 1px solid #000;
}
.catalog-item.st-tile .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;
}
.catalog-item.st-tile .tile-thumb .tile-aperture {
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #fff;
  padding: 1px;
  border-radius: 100% 0 100% 100%;
}
.catalog-item.st-tile .tile-thumb .tile-delete {
  background-color: #ddd;
}
.catalog-item.st-tile .tile-thumb .tile-badge {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  width: 64px;
  height: 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 16px;
}
.catalog-item.st-tile .tile-thumb .tile-number {
  font-weight: 600;
  color: #333;
  font-size: 12px;
  width: 28px;
  height: 28px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff9;
}
.catalog-item.st-tile .img-slot .img-slot-label {
  --tt-aspect-ratio: 135%;
}
.catalog-item.st-tile .tile-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: top;
}
.catalog-item.st-tile .tile-rank-box {
  width: 40px;
  text-align: center;
  background-color: #fff9;
  padding-top: 5px;
  padding-bottom: 4px;
}
.catalog-item.st-tile .tile-rank-box .tile-ranking {
  font-size: 14px;
  line-height: 16px;
  color: #333;
  font-weight: 600;
}
.catalog-item.st-tile .tile-rank-box .tile-rank-realtime {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  line-height: 13px;
  font-size: 11px;
  color: #ddd;
  font-style: normal;
}
.catalog-item.st-tile .tile-body {
  display: block;
  position: relative;
  padding-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.catalog-item.st-tile .tile-stock {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-bottom: 1px solid #000;
  padding: 8px 0 7px;
  margin: -16px -8px 16px;
}
.catalog-item.st-tile .tile-title {
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
}
.catalog-item.st-tile .tile-text {
  font-size: 12px;
  line-height: 18px;
  color: #999;
}
.catalog-item.st-tile .tile-per {
  font-size: 40px;
  line-height: 48px;
}
.catalog-item.st-tile .tile-per small {
  font-size: 28px;
}
.catalog-item.st-tile .tile-per + .tile-brand {
  margin-top: 16px;
}
.catalog-item.st-tile .tile-brand {
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.catalog-item.st-tile .tile-brand + .tile-goods-label {
  margin-top: 8px;
}
.catalog-item.st-tile .tile-brand .violator {
  margin-left: 6px;
}
.catalog-item.st-tile .tile-goods-label {
  font-size: 13px;
  line-height: 22px;
  color: #666;
}
.catalog-item.st-tile .tile-goods-label .tile-goods-label-inner {
  display: block;
  font-weight: 300;
  margin-top: -2px;
  margin-bottom: -2px;
  word-break: keep-all;
  display: -webkit-box;
  max-height: 572px;
  font-size: 13px;
  line-height: 22px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.catalog-item.st-tile .tile-goods-label .tile-goods-label-inner.text-ellipsis-2 {
  display: -webkit-box;
  max-height: 520px;
  font-size: 13px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.catalog-item.st-tile .tile-goods-label .tile-goods-label-inner.text-ellipsis-1 {
  display: -webkit-box;
  max-height: 260px;
  font-size: 13px;
  line-height: 20px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.catalog-item.st-tile .tile-price-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 16px;
}
.catalog-item.st-tile .tile-price {
  display: block;
  margin-right: 8px;
}
.catalog-item.st-tile .tile-price.st-was {
  font-size: 12px;
  font-weight: 400;
  color: #aaa;
  line-height: 16px;
}
.catalog-item.st-tile .tile-price.st-current {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
.catalog-item.st-tile .tile-rate {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  color: #006bff;
}
.catalog-item.st-tile .tile-footer {
  margin-top: 18px;
  padding-left: 8px;
  padding-right: 8px;
}
.catalog-item.st-tile .tile-colors {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.catalog-item.st-tile .tile-colors .tile-color {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid transparent;
  margin-right: 8px;
}
.catalog-item.st-tile .tile-colors .tile-text {
  font-size: 12px;
  line-height: 14px;
}
.catalog-item.st-tile .tile-affinity {
  display: flex;
  margin-top: 7px;
}
.catalog-item.st-tile .tile-affinity .tile-text {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 12px;
  line-height: 14px;
}
.catalog-item.st-tile .tile-affinity .tile-text .icon {
  margin-right: 4px;
}
.catalog-item.st-tile .tile-affinity .tile-text + .tile-text {
  margin-left: 8px;
}
.catalog-item.st-tile .tile-affinity:first-child {
  margin-top: 0;
}
.catalog-item.st-tile .tile-option {
  font-size: 13px;
  line-height: 19px;
  color: #666;
}
.catalog-item.st-tile .tile-coupon {
  display: flex;
  font-size: 13px;
  line-height: 19px;
  color: #666;
  margin-top: 16px;
}
.catalog-item.st-tile .tile-coupon .text-inner {
  margin-right: 8px;
}
.catalog-item.st-tile.st-simple .tile-body {
  padding-top: 16px;
  padding-left: 0;
  padding-right: 16px;
}
.catalog-item.st-tile.st-simple .tile-footer {
  padding-left: 0;
  padding-right: 16px;
}
.catalog-item.st-tile.st-promotion-chip .tile-thumb .st-promotion-labels {
  gap: 0;
}
.catalog-item.st-tile.st-promotion-chip .tile-thumb .violator-block {
  min-width: 0;
}
.catalog-item.st-tile.st-promotion-chip .tile-thumb .violator-block.st-md {
  padding: 4px 10px;
}
.catalog-item.st-tile.st-promotion-chip .tile-thumb .violator-block.st-secondary {
  width: auto;
}
.catalog-item.st-tile.st-promotion-chip .tile-thumb .violator-block.st-secondary .violator-text {
  font-size: 11px;
  line-height: 13px;
}
.catalog-item.st-tile.st-promotion-chip .tile-body {
  padding-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.catalog-item.st-tile.st-promotion-chip .tile-brand {
  font-size: 12px;
  line-height: 14px;
}
.catalog-item.st-tile.st-promotion-chip .tile-goods-label {
  line-height: 21px;
}
.catalog-item.st-tile.st-promotion-chip .tile-goods-label .tile-goods-label-inner {
  font-weight: 400;
  display: -webkit-box;
  max-height: 546px;
  font-size: 13px;
  line-height: 21px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.catalog-item.st-tile.st-promotion-chip .tile-price-box {
  margin-top: 16px;
  align-items: flex-end;
}
.catalog-item.st-tile.st-promotion-chip .tile-price.st-was {
  color: #aaa;
  line-height: 14px;
}
.catalog-item.st-tile.st-promotion-chip .tile-footer {
  margin-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.catalog-item.st-tile.st-promotion-chip .tile-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.catalog-item.st-tile.st-promotion-chip .tile-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 6px 3px;
  background-color: #eee;
  color: #000;
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  white-space: nowrap;
}
.catalog-item.st-tile.st-sm .tile-body {
  padding-top: 16px;
  padding-left: 0;
  padding-right: 0;
}
.catalog-item.st-tile.st-sm .tile-goods-label + .tile-option {
  margin-top: 8px;
}
.catalog-item.st-tile.st-sm .tile-footer {
  padding-left: 0;
  padding-right: 0;
}
.catalog-item.st-tile.st-xs .tile-body {
  padding-top: 8px;
  padding-left: 0;
  padding-right: 0;
}
.catalog-item.st-tile.st-xs .tile-brand + .tile-text {
  margin-top: 8px;
}
.catalog-item.st-tile.st-horizon {
  display: flex;
  align-items: center;
}
.catalog-item.st-tile.st-horizon .tile-thumb {
  width: 112px;
  flex-shrink: 0;
}
.catalog-item.st-tile.st-horizon .tile-body {
  min-width: 0;
  padding: 0 0 0 24px;
}
.catalog-item.st-tile.st-horizon .tile-goods-label .tile-goods-label-inner {
  font-weight: 400;
}
.catalog-item.st-tile.st-horizon.st-sm .tile-thumb {
  width: 90px;
}
.catalog-item.st-tile.st-horizon.st-xs {
  align-items: flex-start;
}
.catalog-item.st-tile.st-horizon.st-xs .tile-thumb {
  width: 52px;
}
.catalog-item.st-tile.st-horizon.st-xs .tile-thumb + .tile-body {
  padding: 0 0 0 16px;
}
.catalog-item.st-tile.st-horizon.st-xs .icon-arrow-indent {
  flex-shrink: 0;
}
.catalog-item.st-tile.st-horizon.st-xs .tile-body {
  width: 100%;
  padding: 0 16px 0 0;
}
.catalog-item.st-tile.st-horizon.st-xs .tile-coupon {
  margin-top: 8px;
}
.catalog-item.st-tile.st-horizon.st-xs .tile-goods-label {
  color: #000;
}
.catalog-item.st-tile.st-horizon.st-xs .tile-goods-label + .tile-option {
  margin-top: 8px;
}
.catalog-item.st-tile.st-horizon.st-xs.st-hierarchy .tile-thumb {
  width: 45px;
}
.catalog-item.st-tile.st-info .tile-body {
  padding-top: 8px;
  padding-left: 0;
  padding-right: 0;
}
.catalog-item.st-tile.st-info .tile-title + .tile-text {
  margin-top: 8px;
}
.catalog-item.st-tile.st-deal .tile-body {
  padding-top: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.catalog-item.st-tile.st-deal .tile-footer {
  padding-left: 16px;
  padding-right: 16px;
}
.catalog-item.st-tile.st-deal .tile-per {
  font-weight: 300;
  margin-top: -18px;
}
.catalog-item.st-tile.st-deal .tile-brand {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.catalog-item.st-tile.st-deal .tile-brand:first-child {
  margin-top: 49px;
}
.catalog-item.st-tile.st-deal .tile-button-cta {
  margin-top: 8px;
}
.catalog-item.st-tile.st-deal .tile-button-cta .button-text {
  font-weight: 600;
}
.catalog-item.st-tile.st-indent .tile-body {
  padding-top: 24px;
  padding-left: 16px;
  padding-right: 16px;
}
.catalog-item.st-tile.st-indent .tile-footer {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 3px;
}
.catalog-item.st-tile.st-disabled .tile-link,
.catalog-item.st-tile.st-disabled .tile-body {
  pointer-events: none;
}
.catalog-item.st-tile.st-calculator {
  padding: 10px;
  background-color: #f8f8f8;
  display: flex;
  align-items: center;
}
.catalog-item.st-tile.st-calculator .tile-thumb {
  width: 52px;
}
.catalog-item.st-tile.st-calculator .tile-thumb + .tile-body {
  padding: 0 0 0 16px;
}
.catalog-item.st-tile.st-calculator .tile-goods-label {
  color: #000;
}
.catalog-item.st-tile .tile-violator .violator + .violator {
  margin-left: 3px;
}
.catalog-item.st-tile.st-recommend .tile-bs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.catalog-item.st-tile.st-recommend .tile-thumb + .tile-link {
  background: linear-gradient(180deg, #e9f2ff, #e9f2ff00);
}
.catalog-item.st-tile .tag {
  margin-left: 10px;
  margin-bottom: 6px;
}
.catalog-item.st-tile .tag:only-child {
  margin-bottom: 10px;
}
.catalog-item.st-tile.st-check .checkbox:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #00000005;
}
.catalog-item.st-tile.st-check .checkbox-icon {
  top: 12px;
  left: 12px;
}
.catalog-item.st-tile.st-check .text-input,
.catalog-item.st-tile.st-check .text-input-currency {
  min-width: 30px;
}
.catalog-item.st-tile.st-check .tile-body {
  display: block;
  position: relative;
  padding: 20px 6px 0;
}
.catalog-item.st-tile.st-check .tile-goods-label {
  height: 44px;
}
.catalog-item.st-tile.st-check .tile-goods-label-inner {
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.catalog-item.st-tile.st-check .tile-price-box {
  justify-content: space-between;
}
.catalog-item.st-tile.st-check .tile-price.st-current {
  font-size: 16px;
}
.catalog-item.st-tile.st-check .tile-footer {
  padding: 0;
}
.catalog-item.st-tile.st-check .button-ghost {
  padding-top: 5px;
  padding-bottom: 5px;
}
.catalog-item.st-gooddeal .tile-thumb {
  border-radius: 0 60px;
  overflow: hidden;
}
.catalog-item.st-gooddeal .tile-thumb .tile-rate {
  position: absolute;
  bottom: 10px;
  right: 20px;
  font-size: 60px;
  line-height: 1.18;
  color: #fff;
  text-shadow:
    -1px 0 #000,
    0 1px #000,
    1px 0 #000,
    0 -1px #000;
}
.catalog-item.st-gooddeal .tile-thumb .tile-link {
  height: auto;
  padding-top: 133.1797235023%;
}
.catalog-item.st-gooddeal .tile-body {
  padding-left: 25px;
}
.catalog-item.st-gooddeal .tile-goods-label .tile-goods-label-inner {
  -webkit-line-clamp: 1;
}
.violator {
  color: #fff;
  border: 1px solid #000;
  background-color: #000;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 300;
  line-height: 15px;
}
.violator.st-primary {
  border-color: #006bff;
  background-color: #006bff;
}
.violator.st-secondary {
  border-color: #cce1ff;
  background-color: #cce1ff;
  color: #000;
}
.violator.st-dimmed {
  background-color: #eee;
  border-color: #eee;
  color: #000;
}
.violator.st-ghost {
  background-color: #fff;
  border-color: #eee;
  color: #000;
}
.violator.st-ghost.st-sm {
  padding: 3px 5px 2px;
}
.violator.st-ghost.st-focus {
  border-color: #000;
  color: #000;
}
.violator.st-xs,
.violator.st-sm {
  padding: 2px 5px;
  font-size: 11px;
  line-height: 14px;
}
.violator.st-md {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 15px;
}
.violator.st-lg {
  padding: 6px 16px;
  font-size: 16px;
  line-height: 24px;
}
.violator-block {
  display: inline-flex;
  justify-content: center;
  background-color: #000;
  padding: 8px 13px;
  min-width: 62px;
  max-width: 100%;
}
.violator-block .violator-icon {
  vertical-align: middle;
  margin-right: 4px;
}
.violator-block .violator-text {
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.violator-block.st-primary {
  background-color: #006bff;
}
.violator-block.st-md {
  padding: 4px 10px;
  min-width: 0;
}
.violator-block.st-md .violator-text {
  font-size: 11px;
  line-height: 1.2;
  font-weight: 400;
}
.violator-block.st-reduced {
  padding: 5px 10px;
  min-width: 0;
}
.violator-block.st-reduced .violator-text {
  font-size: 11px;
  line-height: 12px;
}
.violator-block.st-secondary {
  border-color: #cce1ff;
  background-color: #cce1ff;
}
.violator-block.st-secondary .violator-text {
  color: #000;
  font-size: 10px;
  line-height: 12px;
}
.violator-block.st-secondary.st-md .violator-text {
  font-size: 11px;
  line-height: 1.2;
}
.violator-block.st-sm {
  padding: 3.5px 10px;
  min-width: 0;
}
.violator-block.st-sm .violator-text {
  font-size: 11px;
  line-height: 1.2;
}
.violator-block.st-dimmed {
  background-color: #0006;
}
.bubble {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  border: 1px solid #eee;
  border-radius: 16px;
  padding-left: 19px;
  padding-right: 19px;
}
.bubble .bubble-text {
  font-size: 14px;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bubble .till-timer {
  font-variant-numeric: tabular-nums;
}
.bubble.st-dimmed .bubble-text {
  color: #999;
}
.bubble.st-elevated {
  background-color: #000;
  border-color: #000;
}
.bubble.st-elevated .bubble-text {
  color: #fff;
}
.bubble.st-accent {
  background-color: #fff;
  border-color: #000;
}
.bubble.st-secondary {
  border-color: #37f;
  background-color: #37f;
}
.bubble.st-secondary .bubble-text {
  color: #fff;
}
.selected-option-promotion {
  border: 1px solid #eee;
  border-radius: 4px;
  overflow: hidden;
}
.selected-option-promotion .option-promotion-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 16px;
  text-align: left;
  min-width: 0;
  width: 100%;
}
.selected-option-promotion .option-promotion-button .option-promotion-text {
  position: relative;
  font-size: 14px;
  text-decoration: underline;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 600;
}
.selected-option-promotion .option-promotion-button .icon-chevron-next {
  flex-shrink: 0;
  margin-left: 10px;
}
.tooltip-box {
  position: relative;
}
.tooltip-box .tooltip-bubble {
  opacity: 0;
  visibility: hidden;
}
.tooltip-box .tooltip-bubble.active {
  opacity: 1;
  visibility: visible;
}
.toast-box {
  position: relative;
  vertical-align: top;
}
.toast-box .toast-bubble {
  opacity: 0;
  visibility: hidden;
}
.toast-box--floating {
  position: fixed;
  bottom: 65px;
  left: 872px;
  z-index: 10;
}
.toast-box--floating.st-more {
  width: 177px;
  height: 46px;
}
.toast-box--floating.st-more .more-floating {
  border-radius: 80px;
  border: 1px solid #eee;
  background: #fff;
  box-shadow: 0 0 10px #0003;
  padding: 0 57px;
  align-items: center;
}
.toast-box--floating.st-more .more-floating .button-text {
  padding-top: 12px;
  padding-bottom: 12px;
}
.tooltip-window {
  display: none;
  width: 320px;
  position: absolute;
  z-index: 5;
  background-color: #fff;
  border: 1px solid #000;
  padding: 24px 16px;
}
.tooltip-window .tooltip-title {
  font-size: 13px;
  line-height: 19px;
  font-weight: 600;
  padding-right: 64px;
  margin-bottom: 8px;
}
.tooltip-window .tooltip-text {
  font-size: 12px;
  line-height: 18px;
  color: #666;
}
.tooltip-window .tooltip-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
}
.tooltip-window.active {
  display: block;
}
.toast-bubble,
.tooltip-bubble {
  position: absolute;
  z-index: 1;
  padding: 6px 16px;
  border-radius: 12px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.toast-bubble .tooltip-text,
.tooltip-bubble .tooltip-text {
  text-align: center;
  font-size: 10px;
  line-height: 12px;
  white-space: nowrap;
  color: #666;
  font-weight: 400;
}
.toast-bubble:after,
.tooltip-bubble:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  z-index: 1;
  display: block;
  margin-left: -2px;
  width: 4px;
  height: 4px;
  transform: rotate(45deg);
}
.toast-bubble.st-bottom:after,
.tooltip-bubble.st-bottom:after {
  bottom: -2px;
  top: auto;
}
.toast-bubble.st-top:after,
.tooltip-bubble.st-top:after {
  bottom: auto;
  top: -2px;
}
.toast-bubble.st-primary,
.tooltip-bubble.st-primary {
  border: none;
  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-accent,
.tooltip-bubble.st-accent {
  border-color: #000;
}
.toast-bubble.st-accent .tooltip-text,
.tooltip-bubble.st-accent .tooltip-text {
  color: #000;
}
.toast-bubble.st-accent:after,
.tooltip-bubble.st-accent:after {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background-color: #fff;
  width: 8px;
  height: 8px;
  bottom: -5px;
}
.toast-bubble.st-secondary,
.tooltip-bubble.st-secondary {
  border: none;
  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.st-reduced,
.tooltip-bubble.st-reduced {
  border-radius: 4px;
}
.toast-bubble.st-reduced .tooltip-text,
.tooltip-bubble.st-reduced .tooltip-text {
  font-size: 13px;
  line-height: 19px;
}
.toast-bubble.st-lg,
.tooltip-bubble.st-lg {
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 16px;
}
.toast-bubble.st-lg .tooltip-text,
.tooltip-bubble.st-lg .tooltip-text {
  font-size: 12px;
  line-height: 14px;
}
[data-tt-toggle="modal"] {
  cursor: pointer;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-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 .modal-default {
  width: 434px;
  margin: 0 auto;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  padding: 24px 0;
}
.modal .modal-default .modal-content {
  background-color: #fff;
  border-radius: 20px;
}
.modal .modal-default .modal-content.st-shape {
  border-radius: 0;
}
.modal .modal-default .modal-header {
  position: relative;
  min-height: 55px;
  padding: 16px 72px 8px 24px;
}
.modal .modal-default .modal-header .modal-title {
  font-size: 16px;
  line-height: 39px;
  font-weight: 600;
}
.modal .modal-default .modal-header .modal-close.button-icon,
.modal .modal-default .modal-header .catalog-item.st-tile .tile-thumb .modal-close.tile-heart,
.catalog-item.st-tile .tile-thumb .modal .modal-default .modal-header .modal-close.tile-heart {
  position: absolute;
  top: 12px;
  right: 16px;
  z-index: 2;
}
.modal .modal-default .modal-header--address {
  padding: 16px 72px 10.5px 24px;
}
.modal .modal-default .modal-header--marketing {
  padding: 16px 56px 8px 24px;
}
.modal .modal-default .modal-header--receipt {
  padding: 20px 56px 8px 20px;
}
.modal .modal-default .modal-header--receipt .modal-download {
  position: absolute;
  top: 12px;
  right: 58px;
  z-index: 2;
}
.modal .modal-default .modal-header.st-sm {
  min-height: 50px;
}
.modal .modal-default .modal-header.st-sm .modal-close {
  top: 11px;
}
.modal .modal-default .modal-body {
  max-height: 75vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal .modal-default .modal-body .modal-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.modal .modal-default .modal-body .modal-title + .modal-text {
  margin-top: 10px;
}
.modal .modal-default .modal-body .modal-text {
  font-size: 14px;
  line-height: 20px;
}
.modal .modal-default .modal-button-group {
  display: flex;
  border-top: 1px solid #eee;
}
.modal .modal-default .modal-button-group .modal-button {
  width: 100%;
  padding: 16px 8px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  text-align: center;
}
.modal .modal-default .modal-button-group .modal-button + .modal-button {
  border-left: 1px solid #eee;
}
.modal .modal-default .modal-button-group .modal-button.st-black {
  color: #000;
}
.modal .modal-default .modal-button-group .modal-button.st-accent,
.modal .modal-default .modal-button-group .modal-button.st-primary {
  color: #006bff;
}
.modal .modal-default .modal-button-group .modal-button:disabled {
  color: #ccc;
}
.modal .modal-default.st-s {
  width: 416px;
}
.modal .modal-default.st-m {
  width: 659px;
}
.modal .modal-default.st-lg {
  width: 884px;
}
.modal .modal-default.st-xl {
  width: 1280px;
}
.modal .modal-full .modal-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0003;
  z-index: 1;
}
.modal .selectbox-layer {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  position: absolute;
  right: 0;
  top: calc(100% - 1px);
  z-index: 4;
  border: 1px solid #000;
  border-top: 1px solid #eee;
  background-color: #fff;
  max-height: 400px;
  overflow-y: auto;
}
.modal .selectbox-thumb {
  position: relative;
  display: block;
  width: 52px;
  margin-right: 16px;
  flex-shrink: 0;
}
.modal .selectbox-thumb:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #00000005;
}
.modal .selectbox-img {
  width: 100%;
  vertical-align: top;
}
.modal .selectbox-button {
  display: flex;
  text-align: left;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  padding: 12px 16px;
}
.modal .selectbox-button .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.modal .selectbox-button .text-inner + .text-inner {
  margin-left: 8px;
}
.modal .selectbox-button .text-inner.st-sm {
  min-height: 50px;
}
.modal .selectbox-button .text-inner.st-sm .modal-close {
  top: 11px;
}
.modal .selectbox-button .modal-body {
  max-height: 75vh;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal .selectbox-button .modal-body .modal-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.modal .selectbox-button .modal-body .modal-title + .modal-text {
  margin-top: 10px;
}
.modal .selectbox-button .modal-body .modal-text {
  font-size: 14px;
  line-height: 20px;
}
.modal .selectbox-button .modal-button-group {
  display: flex;
  border-top: 1px solid #eee;
}
.modal .selectbox-button .modal-button-group .modal-button {
  width: 100%;
  padding: 16px 8px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  text-align: center;
}
.modal .selectbox-button .modal-button-group .modal-button + .modal-button {
  border-left: 1px solid #eee;
}
.modal .selectbox-button .modal-button-group .modal-button.st-black {
  color: #000;
}
.modal .selectbox-button .modal-button-group .modal-button.st-accent,
.modal .selectbox-button .modal-button-group .modal-button.st-primary {
  color: #006bff;
}
.modal .selectbox-button .modal-button-group .modal-button:disabled {
  color: #ccc;
}
.modal .selectbox-button.st-s {
  width: 416px;
}
.modal .selectbox-button.st-m {
  width: 659px;
}
.modal .selectbox-button.st-lg {
  width: 884px;
}
.modal .selectbox-button.st-xl {
  width: 1280px;
}
.modal .modal-full,
.modal .modal-full .modal-content {
  width: 100%;
  height: 100%;
}
.modal .modal-full .modal-close {
  position: absolute;
  top: 64px;
  right: 64px;
  z-index: 2;
}
.modal .modal-full .modal-body {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal .modal-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0003;
  z-index: 1;
}
.instant-modal-backdrop {
  position: fixed;
  inset: 0;
  background-color: #0009;
  z-index: 1000;
}
.instant-modal-wrapper {
  position: absolute;
  width: 520px;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
}
.instant-modal-content {
  position: relative;
  background-color: transparent;
  padding: 0;
  width: 100%;
  max-height: 780px;
  overflow-y: auto;
  border-radius: 20px;
}
.instant-modal-content img {
  width: 100%;
  display: block;
  vertical-align: top;
}
.instant-modal-close {
  position: absolute;
  top: -44px;
  right: 0;
}
.instant-modal-close .icon-x-modal {
  background-image: url("../img/icons/icon-x-modal__white.png");
}
.navigator.st-tab .navigator-item {
  cursor: pointer;
  width: 100%;
}
.navigator.st-tab .navigator-list.justify-content-center .navigator-item {
  width: auto;
}
.navigator.st-tab .navigator-list.justify-content-center .navigator-button {
  padding-left: 24px;
  padding-right: 24px;
}
.navigator.st-tab .navigator-item.w-128 {
  width: auto !important;
  min-width: 128px;
  max-width: 300px;
}
.navigator.st-tab .navigator-item.w-128 .navigator-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.navigator.st-tab.st-lg .navigator-list.justify-content-center .navigator-item {
  width: auto;
}
.navigator.st-tab.st-lg .navigator-list.justify-content-center .navigator-button {
  padding-left: 24px;
  padding-right: 24px;
}
.navigator.st-tab.st-lg .navigator-list .navigator-button {
  margin: 0;
  padding: 20px 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.navigator.st-tab.st-lg .navigator-list .navigator-button.active {
  border-color: #000;
}
.navigator.st-tab.st-lg .navigator-list .navigator-text {
  line-height: 16px;
  font-size: 14px;
}
.navigator.st-lg .navigator-list .navigator-button {
  margin-left: 16px;
  margin-right: 16px;
}
.navigator.st-lg .navigator-list .navigator-text {
  line-height: 40px;
  font-size: 20px;
}
.navigator.st-pill .navigator-item:last-child .navigator-button {
  margin-right: 0;
}
.navigator.st-pill .navigator-button {
  display: flex;
  border: 1px solid #eee;
  padding: 11px 23px;
  margin: 0 8px 0 0;
  border-radius: 20px;
}
.navigator.st-pill .navigator-button.active {
  border-color: #000;
  background-color: #000;
}
.navigator.st-pill .navigator-button.active .navigator-text {
  color: #fff;
}
.navigator.st-pill .navigator-thumb {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  overflow: hidden;
  margin: -7px 8px -7px -18px;
  border: 1px solid #eee;
}
.navigator.st-pill .navigator-text {
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.navigator.st-hole .navigator-thumb {
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid transparent;
  background-color: #f5f5f5;
}
.navigator.st-hole .navigator-img {
  width: 100%;
  opacity: 0.15;
}
.navigator.st-hole .navigator-text {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #000;
  margin-top: 16px;
}
.navigator.st-hole .navigator-button {
  padding-left: 16px;
  padding-right: 16px;
}
.navigator.st-hole .navigator-button.active .navigator-thumb {
  border-color: #000;
}
.navigator.st-hole .navigator-button.active .navigator-img {
  opacity: 1;
}
.navigator.st-hole .navigator-button.active .navigator-text {
  font-weight: 400;
}
.navigator.st-dimmed-color .navigator-text {
  color: #666;
}
.navigator.st-menu-tab .navigator-list {
  gap: 24px;
  justify-content: center;
}
.navigator.st-menu-tab .navigator-button {
  position: relative;
  padding-left: 9.5px;
  margin-left: 0;
}
.navigator.st-menu-tab .navigator-button:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #999;
  z-index: 1;
  width: 4px;
  height: 4px;
}
.navigator.st-menu-tab .navigator-button.active:before {
  background-color: #000;
}
.navigator.st-magazine.st-tab .navigator-list {
  gap: 0 6px;
}
.navigator.st-magazine {
  position: relative;
  z-index: 2;
}
.navigator.st-magazine .navigator-list {
  gap: 0 8px;
}
.navigator.st-magazine .navigator-list .navigator-button {
  margin: 0;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 11px 40px;
}
.navigator.st-magazine .navigator-list .navigator-button .navigator-text {
  font-size: 16px;
  color: #666;
}
.navigator.st-magazine .navigator-list .navigator-button.active {
  border-color: #000;
}
.navigator.st-magazine .navigator-list .navigator-button.active .navigator-text {
  color: #fff;
}
.navigator.st-magazine.st-tab .navigator-item {
  width: auto;
}
.navigator.st-magazine.st-tab .navigator-button {
  padding: 12px 18px;
}
.navigator.st-magazine.st-tab .navigator-button .navigator-text {
  line-height: 1;
}
.navigator.st-magazine.st-tab .navigator-button.active {
  border-color: #000;
}
.navigator.st-magazine.st-tab .navigator-button.active .navigator-text {
  color: #000;
}
.navigator-list.st-magazine.st-tab .navigator-list {
  gap: 0 6px;
}
.navigator-list.st-magazine {
  position: relative;
  z-index: 2;
}
.navigator-list.st-magazine .navigator-list {
  gap: 0 8px;
}
.navigator-list.st-magazine .navigator-list .navigator-button {
  margin: 0;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 11px 40px;
}
.navigator-list.st-magazine .navigator-list .navigator-button .navigator-text {
  font-size: 16px;
  color: #666;
}
.navigator-list.st-magazine .navigator-list .navigator-button.active {
  border-color: #000;
}
.navigator-list.st-magazine .navigator-list .navigator-button.active .navigator-text {
  color: #fff;
}
.navigator-list.st-magazine.st-tab .navigator-item {
  width: auto;
}
.navigator-list.st-magazine.st-tab .navigator-button {
  padding: 12px 18px;
}
.navigator-list.st-magazine.st-tab .navigator-button .navigator-text {
  line-height: 1;
}
.navigator-list.st-magazine.st-tab .navigator-button.active {
  border-color: #000;
}
.navigator-list.st-magazine.st-tab .navigator-button.active .navigator-text {
  color: #000;
}
.navigator-list {
  display: flex;
}
.navigator-list.st-wrap {
  flex-wrap: wrap;
  gap: 8px 0;
}
.navigator-list .navigator-item {
  width: auto;
}
.navigator-list .navigator-item:first-child .navigator-button {
  margin-left: 0;
}
.navigator-list .navigator-item:last-child .navigator-button {
  margin-right: 0;
}
.navigator-list .navigator-button {
  display: block;
  margin-left: 12px;
  margin-right: 12px;
  white-space: nowrap;
}
.navigator-list .navigator-button.active .navigator-text {
  color: #000;
  font-weight: 600;
}
.navigator-list .navigator-button.standby-focus .navigator-text {
  color: #000;
  font-weight: 400;
}
.navigator-list .navigator-text {
  display: block;
  font-size: 16px;
  color: #aaa;
  line-height: 35px;
}
.navigator-list.carousel-list .carousel-item.swiper-slide-thumb-active .navigator-button .navigator-text {
  color: #000;
  font-weight: 600;
}
[data-tt-toggle="tab"].active .button-text {
  font-weight: 600;
}
.spot-visual {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.spot-visual.st-rounded {
  overflow: hidden;
  border-radius: 8px;
}
.spot-visual .spot-img {
  position: relative;
  width: 100%;
  height: auto;
  vertical-align: top;
  z-index: 2;
}
.spot-visual .spot-violator {
  display: flex;
  position: absolute;
  z-index: 5;
}
.spot-visual .spot-heart {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 5;
}
.spot-visual .spot-pointer {
  width: 100%;
  position: absolute;
  z-index: 4;
}
.spot-visual .spot-video-container {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
}
.spot-visual .spot-video-container .spot-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 101%;
  height: 101%;
  transform: translate(-50%, -50%);
}
.spot-visual .spot-video-container.st-maxi {
  padding-bottom: 177.63157%;
}
.spot-visual .spot-video-container.st-maxi .spot-video {
  width: 102%;
  height: 102%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spot-visual .spot-live {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: #0000001a;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.spot-visual .spot-live .spot-sub-text {
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}
.spot-visual .spot-live .spot-sub-text + .spot-text {
  margin-top: 8px;
}
.spot-visual .spot-live .spot-text {
  font-size: 32px;
  line-height: 38px;
  font-weight: 600;
}
.spot-visual.st-video .spot-img {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.spot-visual.st-video .spot-video-container {
  z-index: 1;
}
.spot-visual.st-video:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  cursor: pointer;
  background-color: #0000001a;
}
.spot-visual.st-video:after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url("../img/icons/icon-play-visual-circle.png") no-repeat 0 0;
  background-size: 80px 80px;
  position: absolute;
  inset: 0;
  z-index: 4;
  margin: auto;
  cursor: pointer;
}
.spot-visual.st-video.st-maxi .spot-video-container {
  padding-bottom: 177.65%;
}
.spot-visual.st-video.st-video-view .spot-video-container {
  padding-bottom: 136.486%;
}
.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-thumb-overlay:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  background-color: #00000005;
  pointer-events: none;
}
.spot-visual:has(.st-brand) > a {
  position: relative;
  display: block;
  width: 100%;
}
.spot-visual:has(.st-brand) > a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #0003;
}
.spot-copy {
  display: block;
}
.spot-copy .spot-title {
  display: flex;
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
}
.spot-copy .spot-title + .spot-text {
  margin-top: 8px;
}
.spot-copy .spot-text {
  display: flex;
  font-size: 14px;
  line-height: 22px;
}
.spot-copy .spot-text.text-ellipsis-2,
.spot-copy .spot-text .text-ellipsis-2 {
  display: -webkit-box;
  max-height: 616px;
  font-size: 14px;
  line-height: 22px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.spot-copy .spot-text + .spot-sub-text {
  margin-top: 16px;
}
.spot-copy .spot-sub-text {
  font-size: 12px;
  line-height: 18px;
  color: #999;
}
.spot-copy.st-sm .spot-title {
  font-size: 16px;
  line-height: 22px;
}
.spot-copy.st-sm .spot-text {
  font-size: 13px;
  line-height: 19px;
  color: #666;
}
.spot-copy.st-xs .spot-title {
  font-size: 14px;
  line-height: 20px;
}
.spot-copy.st-xs .spot-text {
  font-size: 13px;
  line-height: 19px;
  color: #666;
}
.spot-copy.st-overlay .spot-title,
.spot-copy.st-overlay .spot-text,
.spot-copy.st-overlay .spot-sub-text {
  color: #fff;
}
.spot-copy.st-hero .spot-title {
  display: -webkit-box;
  max-height: 2432px;
  font-size: 32px;
  line-height: 38px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.spot-copy.st-hero .spot-title + .spot-text {
  margin-top: 16px;
  font-weight: 500;
}
.spot-copy.st-hero .spot-text {
  font-weight: 600;
  display: -webkit-box;
  max-height: 616px;
  font-size: 14px;
  line-height: 22px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.spot-copy.st-hero .spot-text + .spot-title {
  margin-top: 16px;
}
.spot-copy.st-featured .spot-title + .spot-text {
  margin-top: 16px;
}
.spot-copy.st-featured .spot-text {
  color: #999;
}
.spot-copy.st-brand {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 5;
}
.spot-copy.st-brand .spot-title {
  margin-inline: 20px;
  font-size: 32px;
  line-height: 37px;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.spot-copy.st-brand .spot-title .text-inner {
  padding-inline: 20px;
  text-align: center;
}
.spot-utility {
  display: block;
}
.spot-utility .spot-thumb {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
}
.spot-utility .spot-thumb + .spot-collapse,
.spot-utility .spot-thumb + .spot-text {
  margin-top: 8px;
}
.spot-utility .spot-img {
  width: 100%;
  vertical-align: top;
}
.spot-utility .spot-text {
  padding: 8px 0;
  font-size: 14px;
  line-height: 20px;
}
.spot-utility .spot-collapse {
  position: relative;
}
.spot-utility .spot-collapse .spot-dropdown {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.spot-utility .spot-collapse .selectbox-text.active {
  background-image: url("../img/icons/icon-selectbox-text-up.png");
}
.marketspot {
  position: relative;
}
.marketspot .spot-copy.st-overlay {
  position: absolute;
  bottom: 57px;
  left: 0;
  width: 100%;
  padding: 30px;
  z-index: 3;
}
.marketspot.st-featured .spot-copy {
  padding: 24px 48px 0 16px;
}
.marketspot.st-featured .spot-utility {
  margin-top: -32px;
  padding: 0 48px 0 16px;
}
.marketspot.st-featured .spot-utility .spot-thumb {
  position: relative;
  z-index: 2;
}
.marketspot.st-featured .spot-utility .spot-img {
  -o-object-fit: cover;
  object-fit: cover;
}
.marketspot.st-featured .spot-utility .spot-text {
  padding-bottom: 0;
}
.marketspot.st-featured .spot-utility .spot-collapse .spot-dropdown {
  z-index: 3;
}
.marketspot.st-featured .spot-utility .spot-collapse .selectbox-text {
  padding-bottom: 0;
  background-position: 100% 85%;
}
.marketspot.st-featured.st-reduced .spot-copy {
  padding: 16px 72px 0 0;
}
.marketspot.st-shortcut .spot-copy {
  margin-top: 16px;
}
.marketspot.st-shortcut .spot-title {
  font-size: 12px;
  line-height: 18px;
}
.marketspot.st-shortcut .spot-title + .spot-text {
  margin-top: 4px;
}
.marketspot.st-shortcut .spot-text {
  font-size: 14px;
  line-height: 20px;
}
.marketspot.st-replay .spot-copy {
  padding-top: 16px;
  padding-right: 32px;
}
.marketspot.st-live .spot-copy {
  padding-top: 16px;
  padding-right: 48px;
}
.marketspot.st-overlay {
  display: block;
  overflow: hidden;
}
.marketspot.st-overlay.st-square.st-hero:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(to bottom, #0000001a, #000);
  opacity: 0.2;
}
.marketspot.st-overlay.st-magazine:after {
  content: "";
  display: block;
  width: 100%;
  height: 322px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(to bottom, #0000, #000);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  will-change: opacity;
  opacity: 0.6;
}
.marketspot.st-overlay.st-magazine.st-sm:after {
  height: 254px;
  opacity: 0.2;
}
.marketspot.st-keyword.st-circle .spot-visual {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.marketspot.st-keyword.st-round-square .spot-visual {
  width: 140px;
  height: 140px;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 auto;
}
.marketspot.st-keyword .spot-copy {
  margin-top: 24px;
}
.marketspot.st-keyword .spot-copy .spot-title {
  font-size: 16px;
  line-height: 24px;
  justify-content: center;
}
.marketspot.st-keyword .spot-copy .spot-title .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.marketspot.st-keyword .spot-copy .spot-text {
  font-size: 14px;
  line-height: 20px;
  color: #aaa;
  justify-content: center;
}
.marketspot.st-keyword .spot-copy .spot-text .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.marketspot.st-magazine .spot-copy {
  padding: 40px;
  bottom: 0;
}
.marketspot.st-magazine .spot-copy .spot-title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
}
.marketspot.st-magazine .spot-copy .spot-title + .spot-text {
  margin-top: 0;
}
.marketspot.st-magazine .spot-copy .spot-text {
  font-size: 14px;
  line-height: 20px;
  display: block;
  height: 1px;
  overflow: hidden;
  will-change: opacity;
  opacity: 0;
  transition:
    opacity 0.9s cubic-bezier(0.215, 0.61, 0.355, 1),
    height 0.9s cubic-bezier(0.215, 0.61, 0.355, 1),
    margin-top 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.marketspot.st-magazine.st-sm .spot-copy {
  padding: 32px 24px;
}
.marketspot.st-magazine.st-sm .spot-copy .spot-title {
  font-size: 22px;
  line-height: 24px;
}
.marketspot.st-magazine.st-sm .spot-copy .spot-text {
  font-size: 13px;
  line-height: 19px;
}
.marketspot.st-magazine.st-no-hover .spot-copy .spot-text {
  opacity: 1;
  margin-bottom: 0;
}
.marketspot.st-magazine.st-no-hover.st-sm:after {
  opacity: 0.2;
}
.marketspot.st-magazine:hover .spot-copy .spot-text {
  opacity: 1;
  height: auto;
  margin-top: 24px;
}
.marketspot.st-magazine:hover:after {
  opacity: 0.6;
}
.marketspot.st-magazine:hover.st-sm:after {
  opacity: 0.2;
}
.marketspot.st-brand .spot-visual + .spot-utility {
  margin-top: 8px;
}
.marketspot.st-brand .spot-visual + .spot-copy {
  margin-top: 23px;
}
.marketspot.st-brand .spot-utility {
  margin-top: 0;
  padding: 0 16px;
}
.marketspot.st-brand .spot-utility .text-inner {
  margin: 0;
}
.marketspot.st-brand .spot-utility .spot-collapse .spot-dropdown {
  z-index: 3;
}
.marketspot.st-brand .spot-utility + .spot-copy {
  margin-top: 15px;
}
.marketspot.st-brand .spot-copy {
  padding: 0 16px;
}
.marketspot.st-brand .spot-title .text-inner {
  font-weight: 400;
  display: -webkit-box;
  max-height: 1344px;
  font-size: 24px;
  line-height: 28px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.marketspot.st-brand .spot-title + .spot-text {
  margin-top: 8px;
  font-weight: 400;
  display: -webkit-box;
  max-height: 504px;
  font-size: 14px;
  line-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.pager {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pager .pager-number {
  display: block;
  margin: 0 16px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.pager .pager-number .pager-total {
  color: #999;
}
.pager .pager-number.st-narrow {
  margin: 0 10px;
}
.pager.st-dark .active {
  color: #fff;
}
.pager.st-dark .first i {
  background-image: url("../img/icons/icon-pager-chevron-first__white.png");
}
.pager.st-dark .first:disabled {
  opacity: 0.4;
}
.pager.st-dark .prev i {
  background-image: url("../img/icons/icon-pager-chevron-prev__white.png");
}
.pager.st-dark .prev:disabled {
  opacity: 0.4;
}
.pager.st-dark .next i {
  background-image: url("../img/icons/icon-pager-chevron-prev__white.png");
}
.pager.st-dark .next:disabled {
  opacity: 0.4;
}
.pager.st-dark .last i {
  background-image: url("../img/icons/icon-pager-chevron-first__white.png");
}
.pager.st-dark .last:disabled {
  opacity: 0.4;
}
.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
}
.address-item {
  padding: 20px;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.address-item .address-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.address-item .address-radio .radio {
  flex-shrink: 0;
  margin-right: 8px;
}
.address-item .address-wrap {
  width: 100%;
}
.address-item .address-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.address-item .address-start {
  display: flex;
  align-items: center;
}
.address-item .address-title {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.address-item .address-label {
  font-size: 14px;
  line-height: 22px;
  color: #006bff;
  margin-left: 8px;
}
.address-item .address-end {
  display: flex;
}
.address-item .address-button {
  font-size: 13px;
  line-height: 19px;
  color: #999;
}
.address-item .address-button + .address-button {
  margin-left: 8px;
}
.address-item .shipping-info {
  margin-top: 16px;
}
.indicator {
  display: flex;
  align-items: center;
}
.indicator .indicator-prev {
  margin-right: 6px;
  flex-shrink: 0;
}
.indicator .indicator-next {
  margin-left: 6px;
  flex-shrink: 0;
}
.indicator-progress {
  width: 100%;
  height: 2px;
  background-color: #eee;
}
.indicator-progress .swiper-scrollbar-drag {
  cursor: grab;
  background-color: #000;
  height: 100%;
}
.indicator-progress .swiper-pagination-progressbar-fill {
  background-color: #000;
  height: 100%;
}
.indicator-progress.st-overlay {
  background-color: #ffffff4d;
}
.indicator-progress.st-overlay .swiper-scrollbar-drag,
.indicator-progress.st-overlay .swiper-pagination-progressbar-fill {
  background-color: #fff;
}
.indicator-player {
  display: flex;
  align-items: center;
}
.indicator-player .indicator-player-pause {
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: -8px;
}
.indicator-numeric {
  display: inline-flex;
  justify-content: space-between;
  text-align: center;
  left: auto;
  width: auto;
  min-width: 60px;
  line-height: 16px;
  font-weight: 100;
  font-size: 14px;
  padding: 4px 12px;
  background-color: #0009;
  color: #fff;
  border-radius: 13px;
}
.indicator-numeric .swiper-pagination-total {
  color: #ffffff80;
}
.order-utility {
  width: 100%;
  margin: 0 auto;
}
.order-utility .utility-text {
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.order-utility .utility-text + .utility-text,
.order-utility .utility-text + .button-ghost {
  margin-top: 8px;
}
.order-utility .button-ghost {
  width: 130px;
}
.order-utility .button-ghost .button-text.st-sm {
  padding-top: 8px;
  padding-bottom: 8px;
}
.order-utility .button-ghost + .button-ghost {
  margin-top: 8px;
}
.order-item {
  display: flex;
  align-items: flex-start;
}
.order-item .order-thumb {
  position: relative;
  width: 52px;
  margin-right: 24px;
  background-color: #fff;
  flex-shrink: 0;
}
.order-item .order-thumb .dimmed-mask {
  position: absolute;
  inset: 0;
  z-index: 2;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.order-item .order-thumb:before {
  display: block;
  padding-top: 132%;
  content: "";
}
.order-item .order-thumb:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: #00000005;
}
.order-item .order-thumb:last-child {
  margin-right: 0;
  margin-left: 24px;
}
.order-item .order-img {
  width: 100%;
  height: 100%;
  vertical-align: top;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}
.order-item .order-link {
  display: block;
  max-width: 100%;
}
.order-item .order-body {
  max-width: 100%;
  min-width: 0;
}
.order-item .order-date {
  display: flex;
  font-size: 13px;
  line-height: 19px;
  color: #666;
}
.order-item .order-date + .order-brand {
  margin-top: 16px;
}
.order-item .order-date + .order-date {
  margin-top: 4px;
}
.order-item .order-date .text-inner + .text-inner {
  margin-left: 8px;
}
.order-item .order-brand {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.order-item .order-brand .violator {
  margin-left: 8px;
}
.order-item .order-brand .text-inner + .text-inner {
  margin-left: 8px;
}
.order-item .order-goods-label {
  font-size: 13px;
  line-height: 20px;
  margin-top: 8px;
}
.order-item .order-goods-label .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.order-item .order-goods-label + .order-options.st-selected {
  margin-top: 16px;
}
.order-item .order-price-box {
  font-size: 13px;
  line-height: 20px;
  margin-top: 5px;
}
.order-item .order-price-box .order-price {
  margin-right: 4px;
  font-weight: 600;
}
.order-item .order-price-box .order-price.st-was {
  font-size: 12px;
  font-weight: 400;
  color: #aaa;
}
.order-item .order-price-box .order-percent {
  color: #006bff;
  font-weight: 600;
}
.order-item .order-options {
  margin-top: 6px;
  font-size: 13px;
  line-height: 20px;
  color: #666;
}
.order-item .order-options.st-selected {
  display: flex;
  align-items: center;
  color: #006bff;
}
.order-item .order-violators {
  margin-top: 14px;
  font-size: 12px;
  line-height: 18px;
  color: #999;
}
.order-item .order-violators .order-violator + .order-violator {
  margin-left: 8px;
}
.order-item .order-violators + .order-price-box {
  margin-top: 12px;
}
.order-item .order-change {
  margin-top: 8px;
  display: flex;
  align-items: center;
}
.order-item .order-change .button-cta {
  color: #666;
}
.order-item .order-change .button-cta + .order-options {
  margin-left: 16px;
}
.order-item .order-change .order-options {
  font-size: 12px;
  line-height: 18px;
  margin-top: 0;
  color: #006bff;
}
.order-item.st-simple {
  align-items: center;
}
.order-item.st-simple .order-goods-label {
  margin-top: 0;
}
.shipping-info .shipping-title {
  display: flex;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}
.shipping-info .shipping-title .text-inner + .text-inner {
  margin-left: 8px;
}
.shipping-info .shipping-title + .shipping-text {
  margin-top: 8px;
}
.shipping-info .shipping-text {
  font-size: 14px;
  line-height: 22px;
}
.shipping-info .shipping-text + .shipping-text {
  margin-top: 8px;
}
.shipping-info.st-sm .shipping-title {
  font-weight: 400;
}
.shipping-info.st-sm .shipping-title + .shipping-text {
  margin-top: 12px;
}
.shipping-info.st-sm .shipping-text {
  font-size: 13px;
}
.shipping-info.st-sm .shipping-text + .shipping-text {
  margin-top: 4px;
}
.print-value {
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 24px;
}
.print-value .value-row {
  display: flex;
}
.print-value .value-row + .value-row {
  margin-top: 16px;
}
.print-value .value-title {
  width: 112px;
  flex-shrink: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  margin-right: 16px;
}
.print-value .value-text {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
}
.print-value .value-icon {
  margin-right: 8px;
}
.cart-calculator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #000;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  background-color: #f9f9f9;
}
.cart-calculator .calculator-start {
  display: flex;
  align-items: center;
}
.cart-calculator .calculator-box {
  padding: 0 32px;
  display: flex;
  align-items: center;
}
.cart-calculator .calculator-box:first-child {
  padding-left: 0;
}
.cart-calculator .calculator-box:last-child {
  padding-right: 0;
}
.cart-calculator .calculator-text {
  font-size: 14px;
  line-height: 22px;
}
.cart-calculator .calculator-text strong.text-inner {
  font-weight: 600;
}
.cart-calculator .calculator-text + .calculator-text {
  margin-left: 16px;
}
.cart-calculator .calculator-end {
  padding-top: 20px;
  padding-bottom: 20px;
}
.cart-calculator .calculator-button {
  width: 240px;
}
.bullets-pagination {
  position: absolute;
  bottom: 0;
  transform: translate(-50%);
  text-align: center;
}
.bullets-pagination.st-sm .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
}
.bullets-pagination.st-dark .swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, #000);
}
.order-panel {
  border-top: 2px solid #000;
  padding-top: 40px;
  margin-bottom: 54px;
}
.order-panel .order-row {
  display: flex;
  align-items: center;
}
.order-panel .order-row:has(.period-selectbox) {
  align-items: flex-start;
}
.order-panel .order-row + .order-row {
  margin-top: 10px;
}
.order-panel .order-row .heading {
  padding: 0;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
}
.order-panel .order-row .heading + .heading {
  margin-left: 148px;
}
.order-panel .order-row .heading + .helper {
  margin-left: 10px;
}
.order-panel .order-row--crr .button-group {
  width: 480px;
}
.order-panel .order-row--crr .period-selectbox {
  margin-left: 33px;
}
.order-panel .button-group {
  width: 300px;
}
.order-panel .selectbox,
.order-panel select.selectbox {
  width: 180px;
}
.order-panel .period-selectbox {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 10px;
  width: 400px;
}
.order-panel .period-selectbox select.selectbox {
  width: 188px;
}
.order-panel .period-selectbox > .helper {
  margin-top: 6px;
}
.order-panel .order-button {
  width: 135px;
  margin-left: 20px;
}
.order-panel + .table-desc {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 12px;
}
.order-panel + .table-desc .helper + button {
  margin-left: 20px;
}
.gift-panel .gift-row {
  display: flex;
  align-items: center;
}
.gift-panel .button-group {
  width: 481px;
}
.gift-panel .text-input-box {
  width: 200px;
}
.gift-panel .submit-button {
  width: 136px;
}
.store-panel {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.store-panel select.selectbox {
  width: 361px;
}
.store-panel .panel-button {
  width: 110px;
}
.qty-control {
  display: flex;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  overflow: hidden;
}
.qty-control .qty-button {
  flex-shrink: 0;
  margin: -1px;
}
.qty-control .qty-button .icon-qty-minus {
  background-image: url("../img/icons/icon-qty-minus__black.png");
}
.qty-control .qty-button .icon-qty-plus {
  background-image: url("../img/icons/icon-qty-plus__black.png");
}
.qty-control .qty-button:disabled .icon-qty-minus {
  background-image: url("../img/icons/icon-qty-minus__gray.png");
}
.qty-control .qty-button:disabled .icon-qty-plus {
  background-image: url("../img/icons/icon-qty-plus__gray.png");
}
.qty-control .qty-input {
  width: 100%;
}
.qty-control .qty-input .text-input,
.qty-control .qty-input .text-input-currency {
  width: 100%;
  border: none;
  text-align: center;
  padding-left: 8px;
  padding-right: 8px;
}
.qty-control.st-sm {
  width: 104px;
}
.qty-control.st-sm .text-input,
.qty-control.st-sm .text-input-currency {
  padding-top: 7px;
  padding-bottom: 7px;
}
.qty-control.st-xs {
  width: 88px;
  line-height: normal;
}
.qty-control.st-xs .text-input,
.qty-control.st-xs .text-input-currency {
  padding: 7px 2px;
}
.step-guide {
  width: 236px;
}
.step-guide .step-guide-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  min-height: 128px;
  padding-left: 16px;
  padding-right: 16px;
  border: 1px solid #ddd;
}
.step-guide .step-guide-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.step-guide .step-guide-text {
  font-size: 12px;
  line-height: 18px;
  margin-top: 16px;
}
.step-guide .step-guide-icon {
  position: absolute;
  left: calc(100% + 8px);
  z-index: 1;
}
.step-guide .step-guide-addon {
  justify-content: center;
  margin-top: 16px;
}
.local-navigator {
  margin-top: 8px;
}
.local-navigator .nav-title {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 8px;
  margin-top: 32px;
}
.local-navigator .nav-title:first-child {
  margin-top: 0;
}
.local-navigator .nav-button {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #666;
}
.local-navigator .nav-button:hover span,
.local-navigator .nav-button.st-active span {
  color: #000;
  text-decoration: underline;
}
.local-navigator .nav-button:hover span.ribbon-new-menu {
  text-decoration-thickness: unset;
  text-decoration-style: unset;
  text-decoration-color: unset;
}
.order-summary .order-row {
  display: flex;
  align-items: center;
}
.order-summary .order-row + .order-row {
  margin-top: 16px;
}
.order-summary .order-row + .order-helper {
  margin-top: 8px;
}
.order-summary .order-title {
  font-size: 14px;
  line-height: 20px;
  color: #999;
  margin-right: 16px;
  width: 80px;
}
.order-summary .order-text {
  font-size: 14px;
  line-height: 20px;
}
.order-summary .order-text + .order-text {
  margin-left: 8px;
}
.special-mention {
  text-align: center;
}
.special-mention .mention-title {
  font-size: 14px;
  line-height: 20px;
}
.special-mention .mention-title .text-inner {
  font-weight: 600;
}
.special-mention .mention-title + .mention-text {
  margin-top: 8px;
}
.special-mention .mention-text {
  font-size: 14px;
  line-height: 20px;
}
.special-mention .mention-text + .mention-button {
  margin-top: 16px;
}
.special-mention .mention-button {
  display: inline-block;
  vertical-align: top;
}
.uploaded-doc {
  display: flex;
  align-items: center;
}
.uploaded-doc .uploaded-text {
  font-size: 14px;
  line-height: 20px;
  color: #999;
}
.uploaded-doc .uploaded-del {
  margin-left: 4px;
}
.order-address .heading + .shipping-info {
  margin-top: 8px;
}
.order-address .address-actions {
  margin-top: 16px;
}
.order-address .address-info {
  display: flex;
  align-items: center;
}
.order-address .address-info .address-text {
  font-size: 14px;
  line-height: 20px;
  color: #006bff;
  margin-right: 16px;
}
.order-address .address-info + .shipping-info {
  margin-top: 8px;
}
.order-calculator {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.order-calculator .calculator-box {
  width: 100%;
}
.order-calculator .calculator-top {
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
}
.order-calculator .calculator-top .icon {
  flex-shrink: 0;
}
.order-calculator .calculator-top .calculator-box {
  text-align: center;
  padding: 32px 13px 32px 12px;
}
.order-calculator .calculator-top .calculator-box:first-child {
  padding-left: 24px;
}
.order-calculator .calculator-top .calculator-box:last-child {
  padding-right: 24px;
}
.order-calculator .calculator-bottom {
  display: flex;
  border-top: 1px solid #eee;
}
.order-calculator .calculator-bottom .calculator-box {
  padding: 32px 24px 56px;
  border-left: 1px solid #eee;
}
.order-calculator .calculator-bottom .calculator-box:first-child {
  border-left: none;
}
.order-calculator .calculator-bottom .calculator-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-calculator .calculator-bottom .calculator-row + .calculator-row {
  margin-top: 16px;
}
.order-calculator .calculator-bottom .calculator-row:first-child + .calculator-row {
  margin-top: 24px;
}
.order-calculator .calculator-bottom .calculator-selectbox {
  margin-top: 8px;
}
.order-calculator .calculator-bottom .calculator-selectbox + .calculator-row {
  margin-top: 16px;
}
.order-calculator .calculator-text {
  font-size: 14px;
  line-height: 20px;
}
.order-calculator .calculator-text strong.text-inner {
  font-weight: 600;
}
.order-calculator .calculator-sub-text {
  font-size: 12px;
  line-height: 18px;
  color: #666;
}
.img-slot .img-slot-label {
  cursor: pointer;
  display: block;
  border: 1px solid #666;
}
.img-slot .img-slot-label:before {
  content: "";
  display: block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin: auto;
  background-image: url("../img/icons/icon-add-plus__gray.png");
  background-size: 100% auto;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
}
.img-slot .img-slot-input {
  display: none;
}
.img-slot.st-dimmed .img-slot-label {
  border-color: #ddd;
}
.img-slot.st-dimmed .img-slot-label:before {
  background-image: url("../img/icons/icon-add-plus__dimmed.png");
}
.img-slot.st-3x4 .img-slot-label:before {
  padding-top: 132%;
}
.uploaded-img {
  position: relative;
  overflow: hidden;
}
.uploaded-img:before {
  display: block;
  padding-top: 100%;
  content: "";
}
.uploaded-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.uploaded-img .img-delete {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  background-color: #ddd;
}
.module-catalog-tab {
  margin-top: 24px;
}
.module-catalog-tab .navigator.st-pill {
  position: relative;
  z-index: 2;
}
.module-catalog-tab .module-tab-first {
  margin-bottom: 24px;
}
.module-catalog-tab .module-tab-first .navigator-list {
  justify-content: center;
}
.module-catalog-tab .module-tab-second {
  margin-bottom: 40px;
}
.module-catalog-tab .module-tab-content {
  margin-top: 40px;
}
.module-catalog-tab + footer .button-ghost.st-pill.st-dimmed {
  transition: border 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.module-catalog-tab + footer .button-ghost.st-pill.st-dimmed:hover {
  border-color: #000;
}
.progress-stepper {
  width: 100%;
  display: flex;
}
.progress-stepper .progress-text {
  width: 100%;
  padding-top: 7px;
  padding-bottom: 8px;
  text-align: center;
  font-size: 13px;
  line-height: 19px;
  color: #ddd;
  border-top: 2px solid #eee;
}
.progress-stepper .progress-text.active {
  border-color: #000;
  color: #999;
}
.progress-stepper .progress-text.current {
  color: #000;
}
.announce {
  text-align: center;
}
.announce .announce-img + .announce-title {
  margin-top: 8px;
}
.announce .announce-title + .announce-text {
  margin-top: 8px;
}
.announce .announce-text {
  font-size: 14px;
  line-height: 20px;
}
.announce.st-sm .announce-img + .announce-text {
  margin-top: 40px;
}
.membership-special {
  display: flex;
  flex-flow: column;
  text-align: center;
  border: 1px solid #eee;
  height: 100%;
  min-height: 142px;
  padding: 12px 0 40px;
}
.membership-special .membership-call {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-top: 8px;
}
.membership-special .membership-img {
  vertical-align: top;
  width: 152px;
  margin: 0 auto;
}
.membership-special .membership-img + .membership-text {
  margin-top: 8px;
}
.membership-special .membership-text {
  font-size: 13px;
  line-height: 19px;
}
.membership-special-tab {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.membership-special-tab .tab-button {
  width: 56px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  color: #adb1b8;
  background-color: #f8f8f8;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 10px 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.membership-special-tab .tab-button.tab-vvip {
  height: 110px;
}
.membership-special-tab .tab-button.tab-vvip.active {
  background-color: #3e34ff;
  color: #fff;
}
.membership-special-tab .tab-button.tab-vip {
  height: 100px;
}
.membership-special-tab .tab-button.tab-vip.active {
  background-color: #f36;
  color: #fff;
}
.membership-special-tab .tab-button.tab-gold {
  height: 90px;
}
.membership-special-tab .tab-button.tab-gold.active {
  background-color: #fba82d;
  color: #000;
}
.membership-special-tab .tab-button.tab-silver {
  height: 80px;
}
.membership-special-tab .tab-button.tab-silver.active {
  background-color: #adb1b8;
  color: #000;
}
.membership-special-tab .tab-button.tab-bronze {
  height: 70px;
}
.membership-special-tab .tab-button.tab-bronze.active {
  background-color: #de623b;
  color: #fff;
}
.membership-special-tab-cont .membership-special {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
}
.membership-special-tab-cont .membership-special .membership-img {
  width: 100%;
}
.get-coupon {
  cursor: pointer;
}
.get-coupon .coupon-body {
  position: relative;
  background-color: #fff;
  border: 1px solid #000;
  text-align: center;
  padding: 26px 63px;
}
.get-coupon .coupon-body:before,
.get-coupon .coupon-body:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 1;
  width: 20px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #666;
}
.get-coupon .coupon-body:before {
  left: -1px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-left: none;
}
.get-coupon .coupon-body:after {
  right: -1px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-right: none;
}
.get-coupon .coupon-title {
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 2px;
  margin-bottom: 12px;
}
.get-coupon .coupon-name {
  display: block;
  font-size: 76px;
  line-height: 90px;
  font-weight: 200;
}
.get-coupon .coupon-name small {
  font-size: 36px;
  line-height: 46px;
  font-weight: 400;
}
.get-coupon .coupon-text {
  font-size: 14px;
  line-height: 20px;
  margin-top: 12px;
  text-align: center;
  color: #999;
}
.get-coupon .coupon-button {
  position: absolute;
  bottom: 21px;
  right: 16px;
  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 {
  width: 100%;
}
.my-coupon {
  cursor: pointer;
}
.my-coupon .coupon-body {
  min-height: 176px;
  position: relative;
  background-color: #fff;
  border: 1px solid #000;
  padding: 16px 16px 24px 20px;
}
.my-coupon .coupon-body:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 62px;
  z-index: 1;
  border-bottom: solid 25px transparent;
  border-top: solid 25px transparent;
  border-left: solid 25px transparent;
  border-right: solid 11px #000;
}
.my-coupon .coupon-body:after {
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  top: 62px;
  z-index: 1;
  border-bottom: solid 25px transparent;
  border-top: solid 25px transparent;
  border-left: solid 25px transparent;
  border-right: solid 11px #fff;
}
.my-coupon .coupon-type {
  display: flex;
  justify-content: flex-end;
  font-size: 12px;
  line-height: 18px;
  color: #999;
}
.my-coupon .coupon-type + .coupon-name {
  margin-top: -8px;
}
.my-coupon .coupon-type .text-inner:not(:first-child) {
  position: relative;
  padding-left: 8px;
  margin-left: 8px;
}
.my-coupon .coupon-type .text-inner:not(:first-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  margin-top: -5px;
  background-color: #ddd;
  width: 1px;
  height: 10px;
}
.my-coupon .coupon-title {
  font-size: 12px;
  line-height: 19px;
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: -8px;
}
.my-coupon .coupon-name {
  display: flex;
  align-items: flex-end;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.my-coupon .coupon-name + .coupon-text {
  margin-top: 8px;
}
.my-coupon .coupon-name small.text-inner {
  margin-left: 8px;
  font-size: 14px;
  line-height: 30px;
}
.my-coupon .coupon-text {
  max-width: 268px;
  height: 35px;
  font-weight: 600;
  word-break: keep-all;
  display: -webkit-box;
  max-height: 504px;
  font-size: 14px;
  line-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.my-coupon .coupon-text + .coupon-sub-text {
  margin-top: 24px;
}
.my-coupon .coupon-sub-text {
  display: flex;
  font-size: 12px;
  line-height: 18px;
  color: #999;
  padding-right: 48px;
}
.my-coupon .coupon-sub-text .text-inner {
  display: -webkit-box;
  max-height: 432px;
  font-size: 12px;
  line-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.my-coupon .coupon-sub-text .text-inner + .text-inner {
  margin-left: 8px;
}
.my-coupon .coupon-sub-text + .coupon-sub-text {
  margin-top: 5px;
}
.my-coupon .coupon-notice-btn {
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.my-coupon .coupon-notice-collapse {
  max-width: 248px;
  margin-top: 8px;
}
.my-coupon .coupon-button {
  position: absolute;
  bottom: 24px;
  right: 24px;
  z-index: 2;
}
.my-coupon.st-disabled {
  cursor: default;
  pointer-events: none;
}
.my-coupon.st-disabled .coupon-body {
  border-color: #ddd;
}
.my-coupon.st-disabled .coupon-body:before {
  border-right-color: #ddd;
}
.my-coupon.st-disabled .coupon-type,
.my-coupon.st-disabled .coupon-name,
.my-coupon.st-disabled .coupon-text,
.my-coupon.st-disabled .coupon-sub-text:not(.text-black) {
  color: #bbb;
}
.my-coupon.st-downloaded .coupon-button .icon-download.st-black {
  background-image: url("../img/icons/icon-download-lg__gray.png");
}
.row .my-coupon {
  width: 100%;
}
#modal-discount-benefit .my-coupon .coupon-body {
  min-height: 157px;
}
#modal-discount-benefit .my-coupon .coupon-body:before {
  top: 58px;
  border-bottom: solid 20px transparent;
  border-top: solid 20px transparent;
  border-left: solid 20px transparent;
}
#modal-discount-benefit .my-coupon .coupon-body:after {
  top: 58px;
  border-bottom: solid 20px transparent;
  border-top: solid 20px transparent;
  border-left: solid 20px transparent;
}
#modal-discount-benefit .my-coupon .coupon-name + .coupon-sub-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 24px;
  height: 32px;
}
.article-item .article-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.article-item .article-top .article-start {
  font-size: 13px;
  line-height: 19px;
}
.article-item .article-top .article-start .text-inner.text-secondary {
  font-size: 12px;
  line-height: 18px;
  margin-left: 16px;
}
.article-item .article-top .article-end {
  font-size: 14px;
  line-height: 20px;
}
.article-item .article-top .article-text {
  display: flex;
}
.article-item .article-top button.text-inner {
  margin-left: 24px;
}
.article-item .article-elevated {
  display: flex;
  font-size: 14px;
  line-height: 20px;
}
.article-item .article-elevated .text-inner + .text-inner {
  margin-left: 16px;
}
.article-item .article-elevated + .article-text {
  margin-top: 16px;
}
.article-item .article-text {
  font-size: 14px;
  line-height: 24px;
}
.article-item .text-input-box.st-field {
  margin-top: 16px;
}
.text-ellipsis {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.collapse {
  display: none;
}
.collapse.active {
  display: block;
}
.collapse.pointer-collapse {
  display: flex;
  justify-content: center;
  position: relative;
  padding-top: 16px;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  white-space: nowrap;
  min-width: 0;
}
.collapse.pointer-collapse .pointer-box {
  width: auto;
  max-width: 95%;
  display: flex;
  align-items: center;
  background-color: #006bff;
  padding: 10px 24px;
  color: #fff;
  border-radius: 18px;
}
.collapse.pointer-collapse .pointer-icon {
  flex-shrink: 0;
  margin-right: 8px;
}
.collapse.pointer-collapse .pointer-link {
  min-width: 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
.collapse.pointer-collapse .pointer-title {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
.collapse.pointer-collapse .pointer-title + .pointer-text {
  margin-left: 8px;
}
.collapse.pointer-collapse .pointer-title .text-inner {
  opacity: 0;
}
.collapse.pointer-collapse .pointer-text {
  font-size: 12px;
  line-height: 16px;
  min-width: 0;
  width: 100%;
}
.collapse.pointer-collapse .pointer-text .text-inner {
  opacity: 0;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.collapse.nav-lg .carousel .carousel-nav {
  padding: 16px;
  top: 0;
  transform: translateY(0);
  margin-top: 11.2107623318%;
}
.collapse.nav-md .carousel .carousel-nav {
  padding: 16px;
  top: 0;
  transform: translateY(0);
  margin-top: 8.9686098655%;
}
.collapse.nav-md.st-sm .carousel .carousel-nav {
  padding: 16px;
  top: 112px;
}
.collapse.nav-rcomd .carousel .carousel-nav {
  padding: 16px;
  top: 0;
  transform: translateY(0);
  margin-top: 8.2677165354%;
}
[data-tt-toggle="collapse"] {
  cursor: pointer;
}
[data-tt-toggle="collapse"] .text-truncate br {
  display: none;
}
[data-tt-toggle="collapse"].active .icon.icon-chevron-end-down.st-sm.st-primary {
  background-image: url("../img/icons/icon-chevron-end-up-sm__primary.png");
}
[data-tt-toggle="collapse"].active .icon.icon-chevron-end-down.st-sm.st-black {
  background-image: url("../img/icons/icon-chevron-end-up-sm__black.png");
}
[data-tt-toggle="collapse"].active .text-truncate {
  white-space: normal;
  text-overflow: clip;
  overflow: visible;
  max-height: none;
  -webkit-line-clamp: none;
  -webkit-box-orient: horizontal;
}
[data-tt-toggle="collapse"].active .text-truncate br {
  display: block;
}
.module-page-heading {
  text-align: center;
  margin-bottom: 48px;
}
.module-page-heading .heading {
  font-size: 32px;
  font-weight: 600;
}
.module-page-heading .heading-text {
  font-size: 14px;
  color: #aaa;
  margin-top: 16px;
}
.module-page-heading .heading-addon {
  font-size: 16px;
  color: #006bff;
  margin-top: 24px;
}
.module-heading {
  text-align: center;
}
.module-heading .text-inner {
  display: inline-flex;
  position: relative;
  margin: 0;
}
.module-heading .text-inner.text-ellipsis {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.module-heading .text-inner.text-ellipsis-2 {
  word-break: break-all;
  display: -webkit-box;
  max-height: 2688px;
  font-size: 32px;
  line-height: 42px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-heading + :where(*) {
  margin-top: 24px;
}
.module-heading .heading {
  padding: 0;
  line-height: 42px;
}
.module-heading .heading + .heading-timer {
  margin-top: 16px;
}
.module-heading .heading + .heading-text {
  margin-top: 8px;
  line-height: 30px;
}
.module-heading .heading-text {
  font-size: 18px;
  line-height: 24px;
}
.module-heading .heading-text + .heading-text.till-timer {
  margin-top: 24px;
}
.module-heading .heading-text + .heading-timer {
  margin-top: 16px;
}
.module-heading .heading-timer {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: #006bff;
}
.module-heading .heading-group {
  margin-top: 32px;
}
.module-catalog {
  margin-top: 40px;
}
.module-notice .button-ghost[data-tt-toggle="collapse"] .button-text {
  font-weight: 400 !important;
  font-size: 16px;
}
.module-notice .button-ghost[data-tt-toggle="collapse"].active {
  border-color: transparent;
}
.module-notice .notice-collapse {
  font-size: 14px;
  line-height: 20px;
  margin-top: 32px;
  padding-bottom: 40px;
  border-bottom: 2px solid #000;
}
.module-notice .notice-collapse .row.gy-8 {
  margin-top: -16px;
}
.module-notice .notice-collapse .helper {
  font-size: 14px;
  line-height: 20px;
  margin-top: 16px;
}
.module-notice .notice-collapse .helper:before {
  margin-top: 8px;
}
.module-brand-single {
  margin-top: 40px;
}
.module-brand-single .module-button {
  width: auto;
  position: absolute;
  left: 50%;
  bottom: 40px;
  z-index: 2;
  transform: translate(-50%);
}
.module-todaydeal .module-catalog,
.module-todaydeal .module-carousel-single {
  margin-top: 112px;
}
.module-catalog-deal {
  margin-top: 40px;
}
.module-coupon {
  margin-top: 42px;
}
.module-coupon .module-button {
  display: block;
  width: 280px;
  margin: 40px auto 0;
}
.module-coupon .carousel-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: transparent;
  margin-top: -40px;
}
.module-spot-catalog {
  margin-top: 40px;
}
.module-spot-carousel {
  margin-top: 48px;
}
.module-spot-carousel .carousel .carousel-nav {
  padding: 16px;
}
.module-brand-hero .module-end {
  padding-left: 24px;
}
.module-brand-hero .module-end .module-top {
  height: 344px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.module-brand-hero .module-end .module-bottom {
  height: 280px;
}
.module-brand-hero .module-title {
  font-size: 36px;
  line-height: 46px;
  font-weight: 600;
}
.module-brand-hero .module-title + .module-text {
  margin-top: 32px;
}
.module-brand-hero .module-text {
  font-size: 16px;
  line-height: 24px;
}
.module-brand-hero .module-end {
  display: flex;
  flex-direction: column;
}
.module-brand-hero .module-end .module-copy {
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 40px;
}
.module-brand-hero .carousel-item {
  background-color: #fff;
}
.module-brand-hero .indicator-pager {
  position: absolute;
  left: 290px;
  bottom: 0;
  z-index: 2;
}
.module-catalog-carousel-hero-square .carousel-nav {
  top: 264px;
  margin-top: 0;
  transform: translateY(0);
}
.module-catalog-anchor {
  margin-top: 24px;
}
.module-catalog-anchor .module-tab-first {
  margin-bottom: 24px;
}
.module-catalog-anchor .module-tab-first .navigator-list {
  justify-content: center;
}
.module-catalog-anchor .module-catalog {
  margin-top: 40px;
}
.module-article-carousel .module-box {
  padding: 32px 40px 40px;
}
.module-article-carousel .carousel .carousel-nav,
.module-article-carousel .carousel:hover .carousel-nav {
  opacity: 1;
}
.module-article-movie {
  margin-top: 40px;
}
.module-article-movie .module-box {
  padding: 80px;
}
.module-article {
  margin-top: 40px;
}
.module-article .module-end {
  padding: 64px;
}
.module-pointer {
  margin-top: 40px;
}
.module-pointer .module-text {
  font-size: 16px;
  line-height: 22px;
  margin-top: 20px;
  text-align: center;
}
.module-pointer .module-carousel {
  margin-top: 24px;
}
.module-pointer .module-carousel .indicator-progress,
.module-comment,
.module-catalog-wave {
  margin-top: 32px;
}
.module-catalog-wave .row > div {
  width: auto;
  margin-left: 0;
}
.module-catalog-wave .module-text {
  padding: 16px 8px;
}
.module-catalog-wave .module-text .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.module-catalog-wave .carousel {
  overflow: visible;
  height: auto;
  display: flex;
  align-items: flex-end;
}
.module-catalog-wave .carousel .carousel-nav,
.module-catalog-wave .carousel:hover .carousel-nav {
  opacity: 1;
}
.module-catalog-wave .carousel-list {
  align-items: flex-end;
}
.module-catalog-wave .carousel-item {
  position: relative;
  flex: none;
  width: 434px;
}
.module-catalog-wave .carousel-item .spot-visual .spot-visual-img {
  transform: scale(0.8811) translateZ(0);
  transform-origin: bottom center;
  transition-property: transform, opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.module-catalog-wave .carousel-item .spot-visual .module-text {
  padding: 16px 32px;
}
.module-catalog-wave .carousel-item.swiper-slide-active .spot-visual .spot-visual-img {
  transform: scale(1) !important;
}
.module-catalog-wave .carousel-item.swiper-slide-active .spot-visual .module-text {
  padding: 16px 8px;
}
.module-catalog-wave .indicator-progress {
  margin-top: 40px;
  position: relative;
  height: 2px;
  left: auto;
  top: auto;
}
.module-random {
  margin-top: 72px;
}
.module-random .module-slot {
  position: relative;
  width: 540px;
  margin: 0 auto;
  text-align: center;
  background-color: #fff;
  padding: 30px;
}
.module-random .module-slot__num {
  display: flex;
  justify-content: center;
  font-size: 148px;
  font-weight: 600;
  line-height: 177px;
  height: 177px;
  overflow: hidden;
}
.module-random .module-slot__box {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 148px;
  font-weight: 500;
}
.module-random .module-slot__first,
.module-random .module-slot__last {
  position: relative;
  width: 95px;
  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: 20px;
  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-random .module-slot .carousel-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 75px;
  height: 75px;
  top: 208px;
  margin-top: 0;
  transform: translateY(-50%);
  z-index: 5;
}
.module-random .module-slot .carousel-nav:hover {
  border-color: #000;
}
.module-random .module-slot .carousel-nav .icon-chevron-carousel-prev.st-lg.st-white {
  background-image: url("../img/icons/icon-chevron-carousel-prev-lg__white.png");
  background-size: 100% auto;
}
.module-random .module-slot .carousel-nav .icon-chevron-carousel-next.st-lg.st-white {
  background-image: url("../img/icons/icon-chevron-carousel-next-lg__white.png");
  background-size: 100% auto;
}
.module-random .module-slot .carousel-nav.carousel-prev {
  left: 51.25%;
  margin-left: -19.4%;
  transform: translate(-100%, -50%);
}
.module-random .module-slot .carousel-nav.carousel-next {
  left: auto;
  right: 48.75%;
  margin-right: -21.5%;
  transform: translateY(-50%);
}
.module-random .module-box {
  position: relative;
}
.module-random .carousel-nav.st-ghost {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
.module-random .carousel-nav.st-ghost.carousel-prev {
  left: -48px;
}
.module-random .carousel-nav.st-ghost.carousel-next {
  right: -48px;
}
.module-random .catalog-item.st-tile.st-horizon .tile-thumb {
  width: 42.0262664165%;
}
.module-roulette .module-box {
  margin-top: 72px;
}
.module-roulette .roulette-box {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.module-roulette .roulette-box:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  margin-left: -32px;
  width: 0;
  height: 0;
  border-left: 32px solid transparent;
  border-right: 32px solid transparent;
  border-top: 64px solid #000;
}
.module-roulette .roulette-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border: 4px solid #000;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.module-roulette .module-img {
  width: 100%;
  vertical-align: top;
}
.module-roulette .module-button {
  width: 140px;
  height: 140px;
  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-catalog-carousel-deal {
  margin-top: 48px;
}
.module-catalog-carousel-deal .carousel {
  overflow: visible;
}
.module-catalog-carousel-deal .carousel-item {
  width: 434px;
}
.module-catalog-carousel-deal .carousel .carousel-nav {
  padding: 16px;
  top: 200px;
  transform: translateY(0);
}
.module-catalog-carousel-deal + footer .button-ghost.st-pill.st-dimmed {
  transition: border 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.module-catalog-carousel-deal + footer .button-ghost.st-pill.st-dimmed:hover {
  border-color: #000;
}
.module-featured-carousel .module-timer {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: #006bff;
  text-align: center;
  margin-bottom: 40px;
}
.module-featured-carousel .module-end .module-box {
  padding: 10.8925869894% 0 10.8925869894% 12.1028744327%;
}
.module-featured-carousel .module-end .module-box .mt-40 {
  margin-top: 6.8846815835% !important;
}
.module-featured-carousel .module-end .module-box .col-4 {
  margin-top: 2.5437201908%;
  padding: 0 3.8155802862%;
}
.module-featured-carousel .module-box {
  position: relative;
}
.module-featured-carousel .carousel-nav.st-ghost {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
.module-featured-carousel .carousel-nav.st-ghost.carousel-prev {
  left: -48px;
}
.module-featured-carousel .carousel-nav.st-ghost.carousel-next {
  right: -48px;
}
.module-featured-carousel .catalog-item.st-tile.st-horizon .tile-thumb {
  width: 42.0262664165%;
}
.module-brand-multi {
  margin-inline: auto;
}
.module-brand-multi .swiper-slide {
  max-width: 1088px;
}
.module-brand-multi .swiper-slide .row {
  justify-content: space-between;
  width: 100%;
}
.module-brand-multi .swiper-slide .row .col-6-1 {
  width: 168px;
}
.module-brand-multi .brand-thumb {
  display: block;
  width: 100%;
  height: 64px;
  overflow: hidden;
  text-align: center;
  background-color: #f8f8f8;
  padding: 17.5px 17px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.module-brand-multi .brand-thumb img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: top;
}
.module-brand-multi.swiper-initialized .carousel-nav {
  display: block;
}
.module-brand-multi .carousel .swiper-slide .flex-column {
  height: 208px;
  align-content: flex-start;
}
.module-brand-multi .carousel .swiper-slide .flex-column .col-6-1 {
  width: 187.5px;
}
.module-brand-multi .carousel-nav {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 2;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.module-brand-multi .carousel-nav.swiper-button-disabled {
  display: none;
}
.module-brand-multi .carousel-nav.carousel-next {
  right: -50px;
}
.module-brand-multi .carousel-nav.carousel-prev {
  left: -50px;
}
.module-brand-multi .module-footer {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.module-brand-multi .module-button {
  width: auto;
}
.module-brand-multi.active .module-list {
  max-height: none;
  overflow: visible;
}
.module-catalog-carousel {
  position: relative;
  margin-top: 40px;
}
.module-catalog-carousel .carousel {
  overflow: visible;
}
.module-catalog-carousel .carousel-item {
  width: 209px;
  margin-right: 16px;
}
.module-catalog-carousel .carousel .carousel-nav {
  top: 128px;
  transform: translateY(0);
}
.module-catalog-carousel .carousel-nav.st-lg {
  position: absolute;
  z-index: 2;
  top: 263px;
}
.module-catalog-carousel .carousel-nav.st-lg.carousel-prev {
  right: 50%;
  margin-right: 691px;
}
.module-catalog-carousel .carousel-nav.st-lg.carousel-next {
  left: 50%;
  margin-left: 691px;
}
.module-catalog-carousel.nav-lg .carousel .carousel-nav {
  padding: 16px;
  top: 0;
  transform: translateY(0);
  margin-top: 11.2107623318%;
}
.module-catalog-carousel.nav-md .carousel .carousel-nav {
  padding: 16px;
  top: 0;
  transform: translateY(0);
  margin-top: 8.9686098655%;
}
.module-catalog-carousel.nav-md.st-sm .carousel .carousel-nav {
  padding: 16px;
  top: 112px;
}
.module-catalog-carousel.nav-rcomd .carousel .carousel-nav {
  padding: 16px;
  top: 0;
  transform: translateY(0);
  margin-top: 8.2677165354%;
}
.module-catalog-carousel-horizon-3 .module-box {
  position: relative;
}
.module-catalog-carousel-horizon-3 .catalog-item.st-tile .tile-goods-label .tile-goods-label-inner {
  -webkit-line-clamp: 1;
}
.module-catalog-carousel-horizon-3 .carousel .carousel-item {
  padding-right: 16px;
}
.module-catalog-carousel-horizon-3 .carousel-nav.st-ghost {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
.module-catalog-carousel-horizon-3 .carousel-nav.st-ghost.carousel-prev {
  left: -48px;
}
.module-catalog-carousel-horizon-3 .carousel-nav.st-ghost.carousel-next {
  right: -48px;
}
.module-apply {
  margin-top: 48px;
}
.module-movie-carousel {
  margin-top: 40px;
}
.module-movie-carousel.st-maxi {
  width: 720px;
  margin: 0 auto;
}
.module-movie-carousel.st-maxi .spot-visual.st-video {
  height: 405px;
}
.module-movie-carousel.st-half .module-box {
  width: 616px;
  margin: 0 auto;
}
.module-movie-carousel.st-half .swiper-slide {
  width: 304px;
}
.module-movie-carousel.st-half .spot-visual {
  height: 540px;
}
.module-movie {
  margin-top: 40px;
}
.module-movie .module-box .spot-img {
  position: absolute;
  width: 102%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.module-bg {
  position: relative;
}
.module-catalog-carousel-single {
  position: relative;
  margin-top: 32px;
}
.module-catalog-carousel-single .carousel-fraction {
  text-align: right;
  margin-bottom: 16px;
}
.module-catalog-carousel-single .carousel-nav {
  position: absolute;
  top: 314px;
  z-index: 1;
}
.module-catalog-carousel-single .carousel-nav.carousel-next {
  right: -56px;
}
.module-catalog-carousel-single .carousel-nav.carousel-prev {
  left: -56px;
}
.module-infinite-scroll {
  margin-top: 48px;
}
.module-infinite-scroll .carousel {
  overflow: visible;
}
.module-infinite-scroll .carousel.st-free .carousel-item {
  margin-right: 0;
}
.module-infinite-scroll .carousel.st-free .carousel-item:not(.tile-item) {
  width: 450px;
}
.module-anchor {
  margin-top: 48px;
  margin-bottom: 104px;
  height: 56px;
}
.module-anchor .navigator {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 8px 0;
  background-color: #fff;
}
.module-anchor.nav-scrollspy.st-fixed .navigator {
  position: fixed;
  left: 50%;
  top: 111px;
  z-index: 99;
  transform: translate(-50%);
}
.module-user-review {
  margin-top: 32px;
}
.module-user-review .module-box {
  padding: 24px 64px 0 0;
}
.module-user-review .module-text {
  font-size: 13px;
  line-height: 22px;
}
.module-user-review .module-text + .module-text {
  margin-top: 32px;
}
.module-catalog-carousel-featured {
  margin-top: 32px;
}
.module-catalog-carousel-featured .carousel,
.module-catalog-carousel-featured .carousel .carousel-item {
  overflow: visible;
}
.module-catalog-carousel-featured .carousel-nav {
  top: 197px;
  transform: translateY(0);
}
.module-catalog-carousel-featured .spot-copy.st-featured .spot-title + .spot-text {
  margin-top: 8px;
}
.module-catalog-carousel-featured .spot-copy.st-featured .spot-text {
  font-size: 16px;
}
.module-catalog-marketspot-replay {
  margin-top: 32px;
}
.module-footer {
  display: flex;
  justify-content: center;
  margin-top: 64px;
}
.module-footer .module-button {
  width: auto;
}
.module-catalog-carousel-hero .carousel {
  overflow: visible;
}
.module-catalog-carousel-hero .marketspot .spot-copy.st-overlay {
  opacity: 1;
  padding-left: 40px;
  padding-right: 40px;
}
.module-catalog-carousel-hero .marketspot .spot-copy.st-hero .spot-title {
  line-height: 40px;
  font-weight: 600;
}
.module-catalog-carousel-hero .marketspot .spot-copy.st-hero .spot-text + .spot-title {
  margin-top: 24px;
}
.module-catalog-carousel-hero .marketspot .spot-copy.st-hero .spot-title + .spot-text {
  display: -webkit-box;
  max-height: 352px;
  font-size: 16px;
  line-height: 22px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-catalog-carousel-hero .carousel-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: transparent;
  margin-top: -40px;
}
.module-catalog-carousel-hero .carousel-nav.carousel-next {
  right: -180px;
}
.module-catalog-carousel-hero .carousel-nav.carousel-next .icon-chevron-carousel-next,
.module-catalog-carousel-hero .carousel-nav.carousel-next .icon-chevron-carousel-next.st-white {
  display: block;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="-0.5" y="0.5" width="39" height="39" rx="3.5" transform="matrix(-1 0 0 1 39 0)" stroke="white"/><g clip-path="url(%23clip0_3089_1324)"><path d="M17.2719 26L15.9919 24.687L21.3551 19.5L15.9919 14.313L17.2719 13L23.9919 19.5L17.2719 26Z" fill="white"/></g><defs><clipPath id="clip0_3089_1324"><rect width="8" height="13" fill="white" transform="translate(16 13)"/></clipPath></defs></svg>');
}
.module-catalog-carousel-hero .carousel-nav.carousel-prev {
  left: -180px;
}
.module-catalog-carousel-hero .carousel-nav.carousel-prev .icon-chevron-carousel-prev,
.module-catalog-carousel-hero .carousel-nav.carousel-prev .icon-chevron-carousel-prev.st-white {
  display: block;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="-0.5" y="0.5" width="39" height="39" rx="3.5" transform="matrix(-1 0 0 1 39 0)" stroke="white"/><g clip-path="url(%23clip0_3089_1324)"><path d="M17.2719 26L15.9919 24.687L21.3551 19.5L15.9919 14.313L17.2719 13L23.9919 19.5L17.2719 26Z" fill="white"/></g><defs><clipPath id="clip0_3089_1324"><rect width="8" height="13" fill="white" transform="translate(16 13)"/></clipPath></defs></svg>');
  transform: rotate(180deg);
}
.module-catalog-carousel-hero .carousel-nav:hover {
  background-color: transparent;
  opacity: 0.8;
}
.module-catalog-carousel-hero.st-hub .swiper-initialized .swiper-slide:not(.swiper-slide-current) .marketspot:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 1;
  background-color: #00000080;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.module-catalog-carousel-hero.st-hub .swiper-initialized .swiper-slide.swiper-slide-current .marketspot:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  background-color: #00000080;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.module-catalog-carousel-hero.st-hub .marketspot .spot-copy.st-overlay {
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.module-catalog-carousel-hero.st-hub .swiper-slide:not(.swiper-slide-current) .marketspot .spot-copy.st-overlay {
  opacity: 0;
}
.module-catalog-carousel-hero.st-hub .spot-visual.st-maxi {
  height: 651px;
}
.module-catalog-carousel-hero.st-hub .spot-visual.st-maxi .spot-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.module-catalog-carousel-hero.st-hub .spot-visual.st-video.st-maxi .spot-video-container {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.module-catalog-carousel-hero.st-full .spot-visual.st-maxi {
  height: 772px;
}
.module-catalog-brand-goods .catalog-item.st-horizon {
  padding-right: 32px;
}
.module-catalog-brand-goods .carousel-item {
  width: 416px;
  margin-right: 16px;
  cursor: pointer;
}
.module-catalog-brand-goods .carousel-nav {
  top: 193px;
  margin-top: 0;
  transform: translateY(0);
}
.module-catalog-brand-goods.container-fixed-sm .carousel-nav {
  top: 0;
  transform: translateY(0);
  margin-top: 14.0625%;
}
.module-catalog-brand-goods.nav-rcomd .carousel .carousel-nav {
  padding: 16px;
  top: 189px;
  margin-top: 0;
  transform: translateY(0);
}
.module-catalog-brand-goods.container-fixed-sm.nav-rcomd .carousel .carousel-nav {
  top: 0;
  transform: translateY(0);
  margin-top: 14.8818897638%;
}
.module-keyword {
  margin-top: 48px;
}
.module-keyword .button-ghost.st-dimmed:hover {
  border-color: #000;
}
.module-catalog-featured,
.module-catalog-featured-goods {
  margin-top: 40px;
}
.module-catalog-featured-goods .catalog-item.st-horizon {
  padding-right: 32px;
  padding-left: 16px;
}
.module-catalog-featured-goods + footer .button-ghost.st-pill.st-dimmed {
  transition: border 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.module-catalog-featured-goods + footer .button-ghost.st-pill.st-dimmed:hover {
  border-color: #000;
}
.module-magazine-preview {
  margin-top: 40px;
  background-color: #fff;
}
.module-magazine-preview .module-start {
  padding-top: 24px;
}
.module-magazine-preview .module-start .module-sub-text {
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
}
.module-magazine-preview .module-start .module-sub-text + .module-title {
  margin-top: 24px;
}
.module-magazine-preview .module-start .module-title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.module-magazine-preview .module-start .module-bubbles {
  margin-top: 40px;
}
.module-magazine-preview .module-start .module-bubbles .button-ghost.st-pill {
  width: auto;
}
.module-magazine-preview .module-start .module-bubbles .button-ghost.st-pill .st-sm {
  font-size: 14px;
}
.module-magazine-preview .module-end {
  display: flex;
  align-items: flex-end;
}
.module-magazine-preview .spot-visual.st-maxi {
  overflow: hidden;
}
.module-magazine-preview .spot-visual.st-maxi .spot-img {
  transition: transform 0.3s ease-in-out;
}
.module-magazine-preview .spot-visual.st-maxi:hover .spot-img {
  transform: scale(1.15);
}
.module-magazine-preview .spot-visual.st-long .spot-copy {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background-color: #0000003d;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.module-magazine-preview .spot-visual.st-long .spot-copy .spot-text {
  font-size: 13px;
  line-height: 19px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.5s;
}
.module-magazine-preview .spot-visual.st-long .spot-copy .spot-sub-text {
  font-size: 14px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.5s;
}
.module-magazine-preview .spot-visual.st-long .spot-copy .spot-sub-text .text-inner {
  font-weight: 600;
}
.module-magazine-preview .spot-visual.st-long:hover .spot-copy {
  opacity: 1;
}
.module-magazine-preview .spot-visual.st-long:hover .spot-copy .spot-text,
.module-magazine-preview .spot-visual.st-long:hover .spot-copy .spot-sub-text {
  opacity: 1;
  transform: translateY(0);
}
#mainMagazinePreviewCarousel + footer .button-ghost.st-pill.st-dimmed {
  transition: border 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#mainMagazinePreviewCarousel + footer .button-ghost.st-pill.st-dimmed:hover {
  border-color: #000;
}
.module-carousel-brand .module-text {
  font-size: 24px;
  line-height: 32px;
  margin-top: 56px;
  text-align: center;
}
.module-carousel-brand .module-text br {
  display: none;
}
.module-carousel-brand .module-button-text {
  font-size: 14px;
  line-height: 20px;
}
.module-carousel-brand .carousel-nav {
  position: absolute;
  top: 0;
  transform: translateY(0);
  margin-top: 44.930875576%;
  z-index: 1;
  align-items: center;
}
.module-carousel-brand .module-start {
  position: relative;
  height: 100%;
}
.module-carousel-brand .module-start .carousel-nav {
  text-align: left;
  left: 0;
}
.module-carousel-brand .module-end {
  position: relative;
  height: 100%;
}
.module-carousel-brand .module-end .carousel-nav {
  text-align: right;
  right: 0;
}
.module-carousel-brand .spot-visual {
  overflow: hidden;
}
.module-carousel-brand .spot-visual .spot-img {
  transition: transform 0.3s ease-in-out;
}
.module-carousel-brand .spot-visual:hover .spot-img {
  transform: scale(1.15);
}
.module-carousel-brand.st-gallery {
  position: relative;
}
.module-carousel-brand.st-gallery .module-text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.2;
}
.module-carousel-brand.st-gallery .swiper-slide-prev,
.module-carousel-brand.st-gallery .swiper-slide-next:has(.spot-link) {
  pointer-events: none;
}
.module-carousel-brand.st-gallery .spot-link:after {
  content: "";
  position: absolute;
  width: 416px;
  height: 416px;
  top: 0;
  right: 0;
  z-index: 2;
  opacity: 1;
  transition: opacity 1s linear;
  background-color: #0006;
}
.module-carousel-brand.st-gallery .carousel-item {
  width: 33.33%;
  margin-right: 16px;
}
.module-carousel-brand.st-gallery .carousel-item .module-text {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s linear;
}
.module-carousel-brand.st-gallery .carousel-item .spot-visual .spot-img {
  transition: transform 1.1s linear;
  transform: scale(1);
}
.module-carousel-brand.st-gallery .carousel-item.active .spot-visual .spot-img {
  transform: scale(1.15);
}
.module-carousel-brand.st-gallery .carousel-item.active .spot-link:after {
  opacity: 0;
}
.module-carousel-brand.st-gallery .carousel-item.active .module-text {
  opacity: 1;
  visibility: visible;
}
.module-carousel-brand.st-gallery .carousel-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 75px;
  height: 75px;
  top: 208px;
  margin-top: 0;
  transform: translateY(-50%);
  z-index: 5;
}
.module-carousel-brand.st-gallery .carousel-nav:hover {
  background-color: transparent;
}
.module-carousel-brand.st-gallery .carousel-nav .icon-chevron-carousel-prev.st-lg.st-white {
  background-image: url("../img/icons/icon-chevron-carousel-prev-lg__white.png");
  background-size: 100% auto;
}
.module-carousel-brand.st-gallery .carousel-nav .icon-chevron-carousel-next.st-lg.st-white {
  background-image: url("../img/icons/icon-chevron-carousel-next-lg__white.png");
  background-size: 100% auto;
}
.module-carousel-brand.st-gallery .carousel-nav.carousel-prev {
  left: 50%;
  margin-left: -222.5px;
  transform: translate(-100%);
}
.module-carousel-brand.st-gallery .carousel-nav.carousel-next {
  right: 50%;
  margin-right: -222.5px;
  transform: translate(100%);
}
.module-carousel-text .billboard-img {
  max-width: 1088px;
  display: block;
}
.module-carousel-text .billboard-hook-indicator {
  width: auto;
  position: absolute;
  inset: 50% 50px auto auto;
  z-index: 2;
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}
.module-carousel-text .billboard-hook-indicator .swiper-pagination-current {
  color: #fff;
}
.module-carousel-text .carousel {
  margin-top: -56px;
}
.module-carousel-text.st-selectshop {
  width: 1088px;
  margin-inline: auto;
}
.module-carousel-text.st-selectshop .col-8-5 {
  width: 100%;
}
.module-carousel-text.st-selectshop .billboard-img {
  border-radius: 4px;
  overflow: hidden;
}
.module-carousel-text.st-selectshop .banner-link {
  border-radius: 4px;
  overflow: hidden;
  max-width: 1088px;
}
.module-carousel-text.st-selectshop .billboard-hook-indicator {
  padding: 4px 7px;
  align-items: center;
  border-radius: 50px;
  background: #0000004d;
  color: #ccc;
  transition: background 0.2s ease;
  font-size: 12px;
}
.module-carousel-text.st-selectshop .swiper-slide:only-child:after {
  content: "";
  position: absolute;
  left: 1061px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 10px;
  background: url("../img/icons/icon-arrow-next__grayccc.png") no-repeat center;
}
.module-carousel-text.st-selectshop .swiper:has(.swiper-slide:only-child) .billboard-hook-indicator {
  display: none;
}
.module-carousel-md-recom .carousel.st-col-5 .carousel-nav {
  top: 0;
  transform: translateY(0);
  margin-top: 11.015625%;
}
.module-carousel-md-recom .carousel.st-col-6 .carousel-nav {
  top: 0;
  transform: translateY(0);
  margin-top: 8.6890243902%;
}
.module-carousel-md-recom .catalog-item.st-tile.st-indent .tile-body {
  padding-left: 8px;
  padding-top: 16px;
}
.module-carousel-md-recom .catalog-item.st-tile.st-indent .tile-goods-label {
  color: #000;
}
.module-carousel-md-recom .catalog-item.st-tile.st-indent .tile-price-box {
  margin-top: 8px;
}
.module-carousel-md-recom .carousel-item {
  display: flex;
}
.module-carousel-md-recom .carousel-item .catalog-item {
  flex: 1;
}
.module-category {
  position: relative;
}
.module-category .carousel {
  padding-left: 27px;
  padding-right: 27px;
}
.module-category .carousel.swiper-backface-hidden .carousel-list {
  justify-content: center;
}
.module-category .carousel-item {
  padding-left: 28px;
  padding-right: 28px;
}
.module-category .carousel-nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}
.module-category .carousel-nav.carousel-next {
  right: 160px;
}
.module-category .carousel-nav.carousel-prev {
  left: 160px;
}
.module-category .carousel-nav.swiper-button-disabled {
  display: none;
}
.module-category-section:first-child .module-category {
  margin-top: 112px;
}
.module-category-hero-carousel .carousel-nav.st-xlg {
  top: 45%;
}
.module-brand-goods {
  position: relative;
  margin-top: 48px;
}
.module-brand-goods .module-end .module-item {
  margin-top: 15px;
}
.module-brand-goods .module-end .module-item:first-child {
  margin-top: 0;
}
.module-brand-goods .carousel-nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  margin-top: -16px;
}
.module-brand-goods .carousel-nav.carousel-next {
  right: 160px;
}
.module-brand-goods .carousel-nav.carousel-prev {
  left: 160px;
}
.module-brand-goods .carousel-nav.swiper-button-disabled {
  display: none;
}
.brand-catalog-link {
  margin-top: 40px;
  margin-bottom: -40px;
}
.module-brand-mall .row {
  justify-content: center;
}
.hole-item .hole-thumb {
  overflow: hidden;
  border-radius: 50%;
}
.hole-item .hole-thumb + .hole-text {
  margin-top: 16px;
}
.hole-item .hole-thumb.st-border {
  border: 1px solid #eee;
}
.hole-item .hole-thumb-soft {
  border-radius: 8px;
}
.hole-item .hole-img {
  width: 100%;
  vertical-align: top;
}
.hole-item .hole-text {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.hole-item.st-horizon {
  display: flex;
  align-items: center;
}
.hole-item.st-horizon .hole-text {
  text-align: left;
}
.hole-item.st-horizon .hole-text + .hole-text {
  margin-top: 8px;
}
.hole-item.st-horizon.st-lg .hole-body {
  margin-left: 16px;
}
.nav-scrollspy {
  position: relative;
}
.nav-scrollspy.st-nav {
  height: 35px;
}
.nav-scrollspy.st-nav .navigator {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
}
.nav-scrollspy.st-nav .navigator .container-fixed-sm {
  padding: 0;
}
.nav-scrollspy.st-nav.st-fixed .navigator {
  position: fixed;
  left: 50%;
  top: 73px;
  z-index: 99;
  transform: translate(-50%);
  transition: top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nav-scrollspy.st-nav.st-fixed .navigator .container-fixed-sm {
  padding: 0 16px;
}
.nav-scrollspy.st-tab-double {
  height: 116px;
}
.nav-scrollspy.st-tab-double .nav-wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
}
.nav-scrollspy.st-tab-double.st-fixed .navigator {
  position: static;
}
.nav-scrollspy.st-tab-double.st-fixed .nav-wrap {
  position: fixed;
  left: 0;
  top: 73px;
  z-index: 99;
  transition: top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nav-scrollspy.st-tab {
  height: 56px;
}
.nav-scrollspy.st-tab .navigator {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
}
.nav-scrollspy.st-tab .navigator.st-pill {
  padding: 20px 0;
}
.nav-scrollspy.st-product {
  height: 72px;
}
.nav-scrollspy.st-product .nav-wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #fff;
}
.nav-scrollspy.st-product.st-fixed .navigator {
  position: static;
  max-width: 1334px;
  margin: 0 auto;
}
.nav-scrollspy.st-product.st-fixed .nav-wrap {
  position: fixed;
  left: 0;
  top: 73px;
  z-index: 99;
  transition: top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.nav-scrollspy.st-product .carousel .navigator-list {
  width: -moz-max-content;
  width: max-content;
}
.nav-scrollspy.st-product .carousel .navigator-button {
  margin-right: 0;
}
.nav-scrollspy.st-product .carousel .navigator-item {
  margin-right: 8px;
}
.nav-scrollspy.st-product .module-tab-second .navigator-list {
  flex-wrap: wrap;
}
.nav-scrollspy.st-product.st-tab-double {
  height: 158px;
}
.nav-scrollspy.st-follow.st-fixed {
  height: auto;
}
.nav-scrollspy.st-fixed .navigator {
  position: fixed;
  left: 0;
  top: 73px;
  z-index: 99;
  transition: top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.card-promotion-list {
  border-top: 1px solid #000;
}
.card-promotion-list .card-promotion {
  border-bottom: 1px solid #eee;
}
.card-promotion {
  display: flex;
  align-items: flex-start;
  padding: 24px 0;
}
.card-promotion .card-img {
  width: 80px;
  flex-shrink: 0;
}
.card-promotion .card-box {
  width: 100%;
  margin-left: 24px;
}
.card-promotion .card-title {
  font-size: 13px;
  line-height: 19px;
}
.card-promotion .card-title + .card-text {
  margin-top: 8px;
}
.card-promotion .card-text {
  font-size: 13px;
  line-height: 19px;
}
.card-promotion .card-text + .card-text {
  margin-top: 8px;
}
.box-promotion {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ddd;
  padding: 11px 20px;
  border-radius: 4px;
}
.box-promotion .box-start {
  display: flex;
  align-items: center;
}
.box-promotion .box-text {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.box-promotion .box-text + .box-text {
  margin-left: 8px;
}
.box-promotion .box-text.st-reduced {
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  color: #666;
}
.box-promotion .box-icon-next {
  margin-right: -4px;
}
.brand-thumb {
  display: block;
  padding: 8px 14px;
}
.my-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 0 37px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.my-panel .panel-start {
  display: flex;
  align-items: flex-start;
  min-width: 0;
  width: 100%;
}
.my-panel .panel-end {
  display: flex;
  margin-top: -10px;
}
.my-panel .panel-end .panel-item {
  position: relative;
  width: 96px;
  text-align: center;
  padding-top: 8px;
  margin-left: 8px;
}
.cs-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 56px 40px 32px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
.cs-panel .panel-start {
  display: flex;
  align-items: flex-start;
}
.cs-panel .panel-end {
  display: flex;
}
.page-utility {
  width: 1920px;
  margin: 0 auto;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 24px 67px;
}
.page-utility .utility-share {
  position: relative;
}
.page-utility .utility-share .share-button {
  font-size: 13px;
  line-height: 19px;
}
.page-utility .utility-share .share-list {
  display: flex;
  align-items: center;
  background-color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}
.page-utility .utility-share .share-list .icon {
  margin-left: 16px;
}
.breadcrumb,
.breadcrumb .breadcrumb-item {
  display: flex;
  align-items: center;
}
.breadcrumb .breadcrumb-item:not(:first-child):before {
  content: ">";
  font-size: 13px;
  line-height: 19px;
  margin: 0 4px;
}
.breadcrumb .breadcrumb-text {
  font-size: 13px;
  line-height: 19px;
}
.store-info-list {
  border-top: 1px solid #000;
}
.store-info-list .store-info {
  border-bottom: 1px solid #eee;
}
.store-info {
  position: relative;
  padding: 32px 0;
}
.store-info .store-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.store-info .store-title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.store-info .store-body {
  position: relative;
  padding-right: 40px;
}
.store-info .store-text {
  font-size: 14px;
  line-height: 20px;
}
.store-info .store-text + .store-text {
  margin-top: 8px;
}
.store-info .store-text + .store-sub-text {
  margin-top: 16px;
}
.store-info .store-sub-text {
  font-size: 14px;
  line-height: 20px;
  color: #666;
}
.store-info .store-link {
  display: block;
  cursor: pointer;
}
.store-info .store-geo {
  position: absolute;
  top: 90px;
  right: 0;
  z-index: 1;
}
.store-info .store-map {
  margin-top: 32px;
}
.modal.modal-be .modal-default,
.modal-promotion .modal-default {
  left: 50%;
  top: auto;
  bottom: 80px;
  transform: translateY(0);
  padding: 0;
  margin: 0 0 0 458px;
}
@media (max-width: 1818px) {
  .modal.modal-be .modal-default,
  .modal-promotion .modal-default {
    left: auto;
    right: 16px;
    margin: 0;
  }
}
.modal-bs#modal-notice-img .modal-default .modal-content,
.modal-promotion .modal-default .modal-content {
  background-color: transparent;
  border-radius: 0 0 20px 20px;
}
.modal-bs#modal-notice-img .modal-default .modal-footer,
.modal-promotion .modal-default .modal-footer {
  background-color: #fff;
}
.modal-bs#modal-notice-img .modal-default .img-fluid,
.modal-promotion .modal-default .img-fluid {
  border-radius: 0;
}
.modal-bs#modal-notice-img .modal-default .img-fluid.st-round,
.modal-promotion .modal-default .img-fluid.st-round {
  border-radius: 20px 20px 0 0;
}
.modal-promotion .modal-default .carousel .carousel-item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  height: auto;
  overflow: hidden;
}
.modal-promotion .modal-default .carousel .carousel-nav {
  top: auto;
  bottom: 94px;
  transform: translateY(0);
}
.modal.modal-bs .modal-default {
  inset: auto 50% 80px auto;
  transform: translateY(0);
  padding: 0;
  margin: 0 458px 0 0;
}
@media (max-width: 1818px) {
  .modal.modal-bs .modal-default {
    right: auto;
    left: 16px;
    margin: 0;
  }
}
.modal-history .modal-default {
  transform: translateY(0);
  margin: 0;
  inset: auto 68px 212px auto;
  padding-bottom: 0;
}
.modal-history .modal-default .modal-body {
  max-height: 67vh;
}
.modal-history .modal-default .button-ghost.st-pill .button-text.st-sm {
  font-size: 13px;
  line-height: 27px;
}
.gauge {
  position: relative;
  width: 100%;
  height: 5px;
  background-color: #eee;
}
.gauge .gauge-bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  background-color: #006bff;
}
.dropdown-window {
  background-color: #fff;
}
.dropdown-window.st-brand {
  border: 1px solid #666;
  padding: 16px;
}
.dropdown-window.st-brand .dropdown-item {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.dropdown-window.st-brand .dropdown-item:first-child {
  margin-top: 0;
}
.dropdown-window.st-brand .dropdown-thumb {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.dropdown-window.st-brand .dropdown-img {
  width: 100%;
  height: 100%;
  vertical-align: top;
  -o-object-fit: cover;
  object-fit: cover;
}
.dropdown-window.st-brand .dropdown-text {
  font-size: 13px;
  line-height: 19px;
  margin-left: 8px;
}
.badge {
  position: absolute;
  text-align: center;
  font-style: normal;
  color: #fff;
  background-color: #006bff;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  z-index: 2;
}
.selected-option-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
  padding: 20px 16px;
  text-align: left;
}
.selected-option-button .selected-option-title {
  font-size: 14px;
  font-weight: 600;
}
.selected-option-button .selected-option-text {
  font-size: 13px;
  margin-top: 8px;
  color: #666;
}
.selected-option-button + .selected-option-button {
  margin-top: -4px !important;
}
.modal-check .modal-body {
  padding-top: 90px;
  padding-bottom: 69px;
}
.modal-check .modal-text {
  font-size: 13px;
}
.selectshop-brand {
  width: 896px;
  margin: 0 auto;
}
.best-brand-list {
  margin-top: 40px;
}
.best-brand-list .best-brand + .best-brand {
  padding-top: 40px;
}
.best-brand-list .best-brand:not(:last-child) {
  padding-bottom: 40px;
  border-bottom: 1px solid #eee;
}
ol.best-brand-list {
  counter-reset: section;
}
ol.best-brand-list .best-brand {
  counter-increment: section;
}
ol.best-brand-list .brand-name {
  position: relative;
  padding-left: 40px;
  box-sizing: border-box;
}
ol.best-brand-list .brand-name:before {
  content: counter(section);
  position: absolute;
  top: -2px;
  left: 0;
  font-size: 24px;
  line-height: 29px;
  color: #006bff;
  font-weight: 600;
  min-width: 30px;
  text-align: right;
  margin-right: 10px;
}
.best-brand {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.best-brand .brand-name {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-top: 3px;
  width: 100%;
  word-wrap: normal;
  word-break: break-all;
}
.best-brand .brand-desc {
  font-size: 14px;
  line-height: 16px;
  color: #666;
  max-width: 480px;
  width: auto;
  margin-top: 10px;
}
.best-brand__header {
  width: 100%;
  position: relative;
  display: flex;
  gap: 0 19px;
}
.best-brand__header .tile-heart {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
.best-brand__header .tile-heart .button-text {
  font-size: 10px;
  padding: 0;
}
.best-brand__header .header-link {
  min-height: 34px;
}
.best-brand__body {
  margin-top: 24.7px;
  display: flex;
  position: relative;
  align-items: flex-end;
}
.best-brand__body .thumbnail-link {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  width: 329px;
}
.best-brand__body .thumbnail-image {
  width: 100%;
  aspect-ratio: 329/184;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.best-brand__body .product-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0 8px;
}
.best-brand__body .product-link {
  width: 102px;
}
.best-brand__body .product-image {
  width: 100%;
  aspect-ratio: 102/135;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.best-brand__header,
.best-brand__body {
  display: flex;
  gap: 0 19px;
}
.best-brand__header > :where(.col),
.best-brand__body > :where(.col) {
  flex: 0;
}
.best-brand__header > :where(.col:first-child),
.best-brand__body > :where(.col:first-child) {
  width: 329px;
  flex: 0 0 auto;
}
.tag {
  display: block;
  padding: 5px 10px 4px;
  border: 1px solid #999;
  border-radius: 25px;
  background-color: #fff;
  color: #999;
}
.tag .text-inner {
  font-size: 10px;
  line-height: 1;
}
.select-brand {
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
  width: 408px;
  margin: 24px auto 0;
}
.select-brand__name {
  line-height: 1;
  font-size: 20px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.select-brand.st-banner {
  border: none;
  padding: unset;
  border-radius: 18.125px;
  width: 616px;
  aspect-ratio: 616/326;
}
.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: #0006;
  z-index: 1;
}
.select-brand.st-banner .select-brand__title {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2;
  padding-inline: 24px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.select-brand.st-banner .select-brand__name {
  font-size: 29px;
  line-height: 39px;
  color: #fff;
}
.select-brand.st-banner .helper {
  position: absolute;
  left: 0;
  bottom: 19px;
  width: 100%;
  color: #fff;
  z-index: 2;
  padding-inline: 27px;
  font-size: 21px;
  line-height: 39px;
  align-items: center;
}
.select-brand.st-goods {
  width: 100%;
  margin: 0 auto;
  padding: 20px 30px 20px 20px;
  border: none;
  border-radius: 0;
  background-color: #f8f8f8;
  gap: 20px;
}
.select-brand.st-goods .select-brand__link {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 20px;
}
.select-brand.st-goods .select-brand__thumbnail {
  flex: 0 0 auto;
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 4px;
  border: 1px solid #ccc;
  overflow: hidden;
}
.select-brand.st-goods .select-brand__thumbnail .img-fluid {
  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__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.select-brand.st-goods .select-brand__title .helper {
  flex: 0 0 auto;
  align-items: center;
  font-size: 14px;
  color: #666;
}
.select-brand.st-goods .select-brand__name {
  max-width: 420px;
}
.select-brand.st-goods .select-brand__name .brand-name {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  white-space: wrap;
}
.select-brand.st-goods .select-brand__name .brand-name--eng {
  margin-top: 4px;
  color: #666;
  font-weight: 400;
}
.new-product-tab-corner {
  inline-size: min(100%, 1240px);
  margin-inline: auto;
}
.new-product-tab-corner .navigator-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 4px 24px 4px 6px;
  border: 1px solid #eee;
  border-radius: 20px;
  background-color: #fff;
  color: #000;
  text-decoration: none;
}
.new-product-tab-corner .navigator-button .navigator-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.new-product-tab-corner .navigator-button.active {
  border-color: #00003e;
  background-color: #00003e;
  color: #fff;
}
.new-product-tab-corner .navigator-button.active .navigator-text {
  font-weight: 600;
}
.new-product-tab-corner__navigator {
  margin-bottom: 24px;
}
.new-product-tab-corner__tab-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.new-product-tab-corner__thumb {
  position: relative;
  overflow: hidden;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #f1f1f1;
}
.new-product-tab-corner__thumb:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #00000005;
  pointer-events: none;
}
.new-product-tab-corner__thumb-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.new-product-tab-corner .tab-pane {
  display: none;
}
.new-product-tab-corner .tab-pane.active {
  display: block;
}
.new-product-tab-corner__carousel {
  position: relative;
  overflow: hidden;
}
.new-product-tab-corner__carousel .carousel-navigation .carousel-nav {
  top: 106px;
  margin-top: 0;
  transform: translateY(0);
}
.new-product-tab-corner .carousel-item {
  display: flex;
  gap: 8px;
}
.new-product-tab-corner .catalog-item {
  flex: 1;
}
.new-product-corner {
  inline-size: min(100%, 1240px);
  margin-inline: auto;
}
.new-product-corner .carousel-navigation .carousel-nav {
  top: 287px;
  margin-top: 0;
  transform: translateY(-50%);
}
.new-product-corner .module-carousel-brand-goods {
  position: relative;
  margin-top: 24px;
}
.new-product-corner .module-carousel-brand-goods .carousel-item {
  width: 408px;
  margin-right: 8px;
}
.new-product-corner .module-carousel-brand-goods .spot-visual {
  overflow: hidden;
  height: 543px;
}
.new-product-corner .module-carousel-brand-goods .spot-visual .spot-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.new-product-corner .module-carousel-brand-goods .catalog-item.st-horizon {
  padding-right: 24px;
}
.new-product-corner .catalog-item {
  margin-top: 10px;
}
.lookbook-style-corner {
  inline-size: min(100%, 824px);
  margin-inline: auto;
}
.lookbook-style-corner__frame {
  position: relative;
  margin-top: 24px;
}
.lookbook-style-corner__frame .carousel-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  z-index: 2;
  margin-top: 16px;
}
.lookbook-style-corner__frame .carousel-navigation .carousel-nav {
  position: static;
  width: 40px;
  height: 40px;
  padding: 0;
  transform: none;
}
.lookbook-style-corner__frame .carousel-navigation .carousel-nav:hover {
  background-color: transparent;
}
.lookbook-style-corner__slide {
  width: 824px;
}
.lookbook-style-corner__panel {
  display: grid;
  grid-template-columns: 408px 408px;
  gap: 8px;
  align-items: end;
}
.lookbook-style-corner__visual {
  position: relative;
  overflow: hidden;
}
.lookbook-style-corner__visual:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #00000005;
  pointer-events: none;
  z-index: 2;
}
.lookbook-style-corner__visual .spot-img {
  display: block;
  width: 100%;
  height: auto;
}
.lookbook-style-corner__badge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 33px;
  padding-inline: 16px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  background-color: var(--lookbook-badge-bg-color, #d71920);
}
.lookbook-style-corner__swiper {
  width: 100%;
  min-height: 452px;
}
.lookbook-style-corner__swiper .carousel-navigation {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  margin-top: 0;
  gap: 8px;
  z-index: 2;
}
.lookbook-style-corner__swiper .carousel-navigation .carousel-nav {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  transform: none;
  background-color: #0000001a;
}
.lookbook-style-corner__swiper .carousel-navigation .carousel-nav:hover {
  background-color: #0000003d;
}
.lookbook-style-corner__swiper .carousel-navigation .carousel-nav .icon-chevron-carousel-prev,
.lookbook-style-corner__swiper .carousel-navigation .carousel-nav .icon-chevron-carousel-next {
  background-size: 8px auto;
}
.lookbook-style-corner__nav.carousel-prev,
.lookbook-style-corner__nav.carousel-next {
  display: flex;
  align-items: center;
  justify-content: center;
  top: -50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  margin-top: 0;
  border: 1px solid #eee;
  border-radius: 4px;
}
.lookbook-style-corner .catalog-item.st-tile.st-horizon .tile-goods-label .tile-goods-label-inner {
  font-size: 14px;
  line-height: normal;
}
.lookbook-style-corner__products {
  display: grid;
  width: 100%;
  gap: 8px;
  padding-top: 52px;
}
.lookbook-style-corner__products .catalog-item.st-horizon {
  min-height: 128px;
}
.lookbook-style-corner .carousel-fraction {
  width: auto;
  color: #999;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 16px;
  font-variant-numeric: tabular-nums;
}
.lookbook-style-corner .swiper-pagination-current {
  color: #000;
}
.short-clip-corner {
  width: 100vw;
  padding-block: 48px 56px;
  background-color: var(--short-clip-bg-color, #09064f);
}
.short-clip-corner__inner {
  inline-size: min(100% - 40px, 1240px);
  margin-inline: auto;
}
.short-clip-corner .module-heading .text-inner {
  color: #fff;
}
.short-clip-corner__carousel {
  position: relative;
  margin-top: 24px;
  overflow: hidden;
}
.short-clip-corner__carousel .carousel-navigation .carousel-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  padding: 0;
  top: 243px;
  transform: none;
}
.short-clip-corner__slide {
  width: 304px;
  margin-right: 8px;
}
.short-clip-corner .spot-visual {
  border-radius: 10px;
  overflow: hidden;
}
.short-clip-corner .spot-visual .spot-img {
  position: absolute;
  height: 101%;
  -o-object-fit: cover;
  object-fit: cover;
}
.short-clip-corner .spot-video-mp4 {
  width: 100%;
  height: 100%;
}
.short-clip-corner__caption {
  margin-top: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  word-break: keep-all;
}
.banner-duo-carousel .swiper-wrapper {
  height: 100%;
}
.banner-duo-carousel .swiper-wrapper:has(.swiper-slide:only-child) {
  justify-content: center;
}
.banner-duo-carousel .swiper-wrapper:has(.swiper-slide:only-child) .swiper-slide {
  padding-bottom: 14.1935483871%;
}
.banner-duo-carousel .swiper-slide {
  position: relative;
  width: calc((100% - 8px) / 2);
  padding-bottom: 13.7096774194%;
}
.banner-duo-carousel .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.banner-duo-carousel .swiper-slide:nth-child(-n + 1) {
  margin-right: 8px;
}
.banner-duo-carousel__link {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.banner-duo-carousel .monthly-banner-wrap {
  position: relative;
}
.banner-duo-carousel .monthly-banner-wrap__title {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  color: #fff;
}
.banner-duo-carousel .monthly-banner-wrap__title .text-inner {
  display: -webkit-box;
  max-height: 1632px;
  font-size: 24px;
  line-height: 34px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.banner-duo-carousel .monthly-banner-wrap__visual {
  width: 616px;
  height: 325px;
}
.banner-duo-carousel .monthly-banner-wrap__body {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: 40px;
}
.banner-duo-carousel .monthly-banner-wrap__body:before {
  opacity: 0.5;
}
.module-carousel-collaboration {
  position: relative;
  width: 968px;
  margin-inline: auto;
  padding-inline: 72px;
}
.module-carousel-collaboration .spot-visual {
  padding-bottom: 100%;
}
.module-carousel-collaboration .spot-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.module-carousel-collaboration .module-text {
  margin-top: 16px;
}
.module-carousel-collaboration .module-text .text-inner {
  font-size: 20px;
  font-weight: 400;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.module-carousel-collaboration .carousel-item {
  width: 408px;
}
.module-carousel-collaboration .carousel-nav {
  position: absolute;
  top: 184px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.module-carousel-collaboration .carousel-nav.carousel-prev {
  left: 0;
}
.module-carousel-collaboration .carousel-nav.carousel-next {
  right: 0;
}
.favorite-brand:first-child {
  margin-bottom: 3.3333333333%;
  margin-top: -0.5208333333%;
}
.favorite-brand__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.favorite-brand__list .tile-heart {
  position: relative;
  width: 408px;
  aspect-ratio: 4/1;
  border-radius: 6px;
  overflow: hidden;
}
.favorite-brand__list .tile-heart .icon-heart {
  position: absolute;
  right: 40px;
  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: #0000004d;
  position: absolute;
  right: 0;
  top: 0;
}
.favorite-brand__name {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  z-index: 3;
  max-width: calc(100% - 100px);
}
.favorite-brand__name .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
section:has(.module-carousel-text):has(+ .favorite-brand) {
  --tt-gutter-y: 65px;
}
.display-flex,
.pagination {
  display: flex;
  justify-content: center;
}
.revert-color,
.pictogram.white,
.icon-go-prev i.white,
.pagination button.prev i.white,
.icon-go-first i.white,
.pagination button.first i.white,
.icon-go-next i.white,
.pagination button.next i.white,
.icon-go-last i.white,
.pagination button.last i.white {
  filter: invert(100%);
}
.screen-reader-only,
.pagination button.prev span,
.pagination button.first span,
.pagination button.next span,
.pagination button.last span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.clear-padding {
  padding: 0 !important;
}
.clear-margin {
  margin: 0 !important;
}
.clear-float:after,
.clear-float:before {
  content: "";
  display: table;
}
.clear-float:after {
  clear: both;
}
.flip-horizontal,
.icon-go-last i,
.pagination button.last i,
.icon-go-next i,
.pagination button.next i {
  transform: scaleX(-1);
}
.flip-vertical {
  transform: scaleY(-1);
}
.pictogram,
.icon-go-prev i,
.pagination button.prev i,
.icon-go-first i,
.pagination button.first i,
.icon-go-next i,
.pagination button.next i,
.icon-go-last i,
.pagination button.last i {
  display: block;
}
.pictogram.xs,
.icon-go-prev i.xs,
.pagination button.prev i.xs,
.icon-go-first i.xs,
.pagination button.first i.xs,
.icon-go-next i.xs,
.pagination button.next i.xs,
.icon-go-last i.xs,
.pagination button.last i.xs {
  width: 8px;
  height: 8px;
}
.pictogram.sm,
.icon-go-prev i.pictogram,
.icon-go-first i.pictogram,
.icon-go-next i.pictogram,
.icon-go-last i.pictogram,
.icon-go-prev i,
.pagination button.prev i,
.icon-go-first i,
.pagination button.first i,
.icon-go-next i,
.pagination button.next i,
.icon-go-last i,
.pagination button.last i {
  width: 16px;
  height: 16px;
}
.icon-go-prev i,
.pagination button.prev i,
.icon-go-first i,
.pagination button.first i,
.icon-go-next i,
.pagination button.next i,
.icon-go-last i,
.pagination button.last i {
  background: no-repeat 0% 0%/100% 100% transparent;
}
.icon-go-prev i,
.pagination button.prev i {
  background-image: url("../img/pictogram/arrow-horizontal.png");
}
.icon-go-first i,
.pagination button.first i {
  background-image: url("../img/pictogram/arrow-horizontal-double.png");
}
.icon-go-next i,
.pagination button.next i {
  background-image: url("../img/pictogram/arrow-horizontal.png");
}
.icon-go-last i,
.pagination button.last i {
  background-image: url("../img/pictogram/arrow-horizontal-double.png");
}
.pagination {
  align-items: center;
  font-size: 16px;
  color: #aaa;
  margin-top: 64px;
}
.pagination.st-narrow {
  margin-top: 56px;
}
.pagination.st-narrow button {
  padding: 8px 5px;
}
.pagination button {
  padding: 8px;
  height: 32px;
  line-height: 0;
}
.pagination button:active {
  opacity: 0.7;
}
.pagination button.active {
  color: #000;
}
.pagination button.prev,
.pagination button.first,
.pagination button.next,
.pagination button.last {
  background-color: transparent;
}
.pagination button.prev:disabled,
.pagination button.first:disabled,
.pagination button.next:disabled,
.pagination button.last:disabled {
  opacity: 0.1333333333;
}
@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-wrap + .selectbox,
.tooltip-wrap + .utility-text {
  margin-left: 8px;
}
.tooltip {
  display: none;
  position: absolute;
  z-index: 4;
  max-width: 320px !important;
}
.tooltip > * {
  display: block;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 13px;
  color: #666;
  line-height: 18px;
  border-radius: 4px;
}
.tooltip > * span {
  display: block;
  margin-top: -2px;
  margin-bottom: -2px;
}
.tooltip.balloon > * {
  background-color: #006bff;
  color: #fff;
  font-size: 12px;
  padding: 7px 15px;
  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: -5px;
  left: 50%;
  transform: translate(-50%);
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 5px solid #006bff;
}
.tooltip-wrap button.active + .tooltip {
  display: block;
}
.tooltip-wrap button.active + .tooltip.motion,
.tooltip-wrap [data-component-pin="mypage-report"] button.active + .tooltip.active,
[data-component-pin="mypage-report"] .tooltip-wrap button.active + .tooltip.active,
#ranking-toolip.tooltip-wrap button.active + .tooltip,
.catalog-utility .tooltip-wrap button.active + .tooltip {
  animation: tooltip-pop 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.tooltip-wrap button.active + .tooltip.south,
.tooltip-wrap [data-component-pin="mypage-report"] button.active + .tooltip.active,
[data-component-pin="mypage-report"] .tooltip-wrap button.active + .tooltip.active,
#ranking-toolip.tooltip-wrap button.active + .tooltip,
.catalog-utility .tooltip-wrap button.active + .tooltip {
  top: 100%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  transform-origin: left top;
  padding-top: 4px;
}
.tooltip-wrap button.active + .tooltip.north {
  bottom: 100%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  transform-origin: left bottom;
  padding-bottom: 4px;
}
#ranking-toolip.tooltip-wrap button + .tooltip {
  text-align: center;
}
.ribbon-new-menu {
  font-style: normal;
  display: flex;
  align-items: center;
  font-size: 10px;
  margin-left: 8px;
  border: solid 1px #006bff;
  height: 19px;
  color: #006bff;
  padding: 0 10px;
  border-radius: 100vw;
  line-height: 1;
}
.shorts-card {
  margin: 0;
}
.shorts-card .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 140/249;
  background-color: #000;
  background: linear-gradient(-45deg, #000 40%, #363636, #000 60%);
  background-size: 500%;
  background-position-x: 100%;
  animation: shimmer 1s infinite linear;
}
.shorts-card .thumbnail iframe {
  position: absolute;
  width: 830px;
  height: 1476px;
  transform: translate(-50%, -50%) scale(0.45);
  transform-origin: center center;
  left: 50%;
  top: 50%;
  border: 0;
}
.shorts-card .thumbnail:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #0000;
  transform: translateZ(0);
}
.shorts-card .thumbnail img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.shorts-card .thumbnail.st-round {
  border-radius: 10px;
}
.shorts-card .label,
.shorts-card .author {
  margin-top: 8px;
  font-size: 12px;
  line-height: 16px;
}
.shorts-card .label span,
.shorts-card .author span {
  display: block;
}
.shorts-card .label {
  font-weight: 400;
}
.shorts-card .author {
  color: #999;
}
#divMagazineList .shorts-card .thumbnail iframe {
  transform: translate(-50%, -50%) scale(0.33);
}
.masonry-gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 8px;
}
.masonry-gallery__item {
  width: 304px;
}
.masonry-gallery__item .spot-visual {
  border-radius: 10px;
  background: none;
}
.masonry-gallery__item .spot-visual .spot-img {
  position: absolute;
  height: 101%;
  -o-object-fit: cover;
  object-fit: cover;
}
.masonry-gallery__item .label {
  margin-top: 16px;
  padding: 0 8px;
}
.masonry-gallery__item .label .text-inner {
  font-weight: 600;
  display: -webkit-box;
  max-height: 936px;
  font-size: 18px;
  line-height: 26px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.masonry-container .tab-pane {
  display: block;
  visibility: hidden;
  position: absolute;
  left: -9999px;
  pointer-events: none;
}
.masonry-container .tab-pane.active {
  visibility: visible;
  position: static;
  left: auto;
  pointer-events: auto;
}
body.overflow-hidden {
  height: 100%;
}
body.st-up .nav-scrollspy.st-fixed .navigator,
body.st-up .nav-scrollspy.st-fixed.st-product .nav-wrap {
  top: 105px;
}
body.st-up .nav-scrollspy.st-fixed.st-product .navigator.module-tab-second {
  top: 185px;
}
body.st-down .nav-scrollspy.st-fixed .navigator,
body.st-down .nav-scrollspy.st-fixed.st-product .nav-wrap {
  top: 73px;
}
body.st-down .nav-scrollspy.st-fixed.st-product .navigator.module-tab-second {
  top: 153px;
}
#top-banner {
  max-height: 0;
  overflow: hidden;
}
#top-banner .banner-container {
  position: relative;
  max-width: 1816px;
  width: 100%;
  min-width: 1366px;
  margin: 0 auto;
}
#top-banner .banner-wrap {
  display: block;
}
#top-banner .banner-img {
  vertical-align: top;
  position: relative;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
#top-banner .button-del {
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 2;
  transform: translateY(-50%);
}
#contents {
  overflow: hidden;
  padding-bottom: 120px;
}
#contents.bypass-overflow {
  overflow: unset !important;
}
#header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  min-width: -moz-max-content;
  min-width: max-content;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
#header.st-scroll .header-start__content,
#header.st-scroll .header-symbol {
  margin-top: -40px;
  opacity: 0;
}
#header.st-scroll .header-start .header-nav {
  padding: 16px 0 16px 4px;
}
#header.st-scroll .selectshop-button {
  padding-bottom: 0;
}
#header.st-fixed {
  position: fixed;
  top: 0;
}
#header .header-container {
  display: flex;
  justify-content: space-between;
  padding: 0 16px 0 8px;
  max-width: 1816px;
  width: 100%;
  min-width: 1366px;
  margin: 0 auto;
  z-index: 3;
  background-color: #fff;
}
#header .header-row {
  display: flex;
  align-items: center;
}
#header .header-symbol {
  width: 277px;
  height: 40px;
  margin-top: 14px;
  will-change: opacity, margin;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#header .header-symbol .header-link {
  display: block;
  height: 100%;
}
#header .header-symbol .img-fluid {
  height: 100%;
  width: auto;
}
#header .selectshop-button {
  padding-bottom: 8px;
  transition: padding-bottom 0.1s ease;
}
#header .selectshop-button > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  border: 1px solid #e3e4e5;
  padding: 0;
  padding-inline: 20px;
  border-radius: 20px;
  margin-right: 12px;
  line-height: 1;
}
#header .selectshop-button a {
  width: 157px;
}
#header .selectshop-button img {
  width: 109px;
}
#header .shop-button {
  padding-bottom: 8px;
  transition: padding-bottom 0.1s ease;
  margin-right: 12px;
  margin-left: 10px;
}
#header .shop-button--selectshop {
  width: 151px;
  height: 19px;
}
#header .shop-button--polhamshop {
  margin-top: 4px;
}
#header .header-swiper {
  overflow: hidden;
}
#header .header-swiper .swiper-slide {
  min-width: -moz-max-content;
  min-width: max-content;
}
#header .header-brand {
  display: flex;
  flex-shrink: 0;
}
#header .header-nav {
  display: flex;
  align-items: center;
  transition: padding 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  padding: 2px 0 8px 4px;
}
#header .header-nav .nav-item {
  display: block;
  font-size: 15px;
  line-height: 40px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  margin-bottom: -8px;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
#header .header-nav .header-nav-item img {
  height: 24px;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
}
#header .header-nav .header-nav-item:hover,
#header .header-nav .header-nav-item.active {
  font-weight: 600;
}
#header .header-nav .button-icon,
#header .header-nav .catalog-item.st-tile .tile-thumb .tile-heart,
.catalog-item.st-tile .tile-thumb #header .header-nav .tile-heart {
  margin-right: 5px;
}
#header .header-nav .header-divider {
  height: 10px;
  margin: 0 9px;
  border-color: #999;
}
#header .header-nav[data-tt-toggle="collapse"].active .icon-list,
#header .header-nav [data-tt-toggle="collapse"].active .icon-list {
  background-image: url("../img/icons/icon-x__black.png");
}
#header .nav-brand-title > img {
  height: 24px;
}
#header .nav-brand-title:has(.nav-brand-logo) {
  padding-bottom: 0;
}
#header .header-nav:hover .header-nav-item:not(:hover) .nav-item:not(.fw-semibold) {
  color: #999;
}
#header .nav-brand-title {
  display: flex;
  align-items: center;
  font-size: 19px;
  line-height: 40px;
  margin-left: 12px;
  margin-right: 24px;
}
#header .nav-brand-title .icon-heart {
  margin-left: 4px;
}
#header .nav-brand-img {
  height: 16px;
  vertical-align: top;
  padding-bottom: 8px;
}
#header.st-layer-open .header-nav-item:not(.active) .nav-item:not(.fw-semibold) {
  color: #999;
}
#header .header-start {
  overflow: hidden;
  flex-shrink: 0;
}
#header .header-start__content {
  display: flex;
  align-items: center;
  gap: 10px;
  will-change: opacity, margin;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  margin-top: 14px;
  height: 40px;
}
#header .header-start__content .header-symbol {
  zoom: 0.362;
  margin-left: 13px;
  margin-top: -16px;
  width: auto;
  height: auto;
}
#header .header-start__content .header-symbol.active {
  zoom: 1;
  width: 277px;
  height: 40px;
  margin-left: 0;
  margin-top: 0;
}
#header .header-start__content .header-link {
  display: block;
  height: 100%;
  position: relative;
  color: #666;
  font-size: 14px;
  line-height: 40px;
}
#header .header-start__content .header-link.active {
  color: #000;
  font-weight: 600;
}
#header .header-start__content .header-link + .header-link {
  padding-left: 10px;
}
#header .header-start__content .header-link + .header-link:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: #999;
}
#header .header-end {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 16px 0;
  flex-shrink: 0;
}
#header .header-end .header-nav {
  margin-right: 14px;
  padding: 0;
}
#header .header-end .header-brand {
  display: flex;
  align-items: center;
  transition: padding 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  margin-right: 50px;
  padding: 0;
  color: #000;
}
#header .header-end .header-brand .header-brand__item {
  font-weight: 300;
}
#header .header-end .header-brand .brand-item {
  display: block;
  font-size: 15px;
  line-height: 40px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 8px;
  margin-bottom: -8px;
}
#header .header-end .header-brand .header-divider {
  height: 10px;
  margin: 0 9px;
  border-color: #999;
}
#header .header-end .button-icon,
#header .header-end .catalog-item.st-tile .tile-thumb .tile-heart,
.catalog-item.st-tile .tile-thumb #header .header-end .tile-heart {
  margin-left: 10px;
}
#header .header-end .button-icon:last-child,
#header .header-end .catalog-item.st-tile .tile-thumb .tile-heart:last-child,
.catalog-item.st-tile .tile-thumb #header .header-end .tile-heart:last-child {
  margin-right: -8px;
}
#header .header-home {
  font: 0/0 a !important;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 193px;
  height: 40px;
  background: transparent url("../img/site-brand-go__black.png") 0 0 no-repeat;
  background-size: 100% auto;
  margin-right: 20px;
}
#header .header-search {
  position: relative;
}
#header .header-search .heading {
  padding-bottom: 0;
}
#header .header-search .text-input-box {
  display: none;
  position: absolute;
  top: 0.5px;
  right: 6px;
  z-index: 2;
  width: 456px;
}
#header .header-search .text-input-box .text-input,
#header .header-search .text-input-box .text-input-currency {
  position: relative;
  z-index: 3;
}
#header .header-search .text-input-box .text-input-action {
  overflow: hidden;
  z-index: 3;
}
#header .header-search .text-input-box .text-input-action .button-icon,
#header .header-search .text-input-box .text-input-action .catalog-item.st-tile .tile-thumb .tile-heart,
.catalog-item.st-tile .tile-thumb #header .header-search .text-input-box .text-input-action .tile-heart {
  margin-right: -6px;
}
#header .header-search .text-input-box .text-input-layer {
  top: -5px;
  padding: 61px 0 0;
}
#header .header-search .text-input-box .text-input-layer__inner {
  max-height: calc(100vh - 71px);
  overflow-y: auto;
}
#header .header-search .text-input-box .text-input-layer + .text-input-layer {
  padding: 61px 24px 32px;
}
#header .header-search .search-placeholder {
  display: none;
  position: absolute;
  left: 8px;
  top: 10px;
  width: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666;
  font-size: 14px;
  pointer-events: none;
  z-index: 3;
}
#header .header-search .search-placeholder strong {
  color: #1384ff;
  font-weight: 400;
}
#header .header-search .search-layer-list {
  display: flex;
  justify-content: space-between;
  padding: 0 24px;
  margin-bottom: 40px;
  position: relative;
}
#header .header-search .search-layer-list .heading {
  margin-bottom: 20px;
}
#header .header-search .search-layer-list .search-layer__end,
#header .header-search .search-layer-list .search-layer__start {
  width: 44.59459459%;
}
#header .header-search .search-layer-list:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  display: block;
  width: 1px;
  height: 100%;
  border-right: 1px solid #eee;
  transform: translate(-50%);
}
#header .header-search .search-layer-list .search-layer__end .text-dimmed {
  color: #999 !important;
}
#header .header-search.active .text-input-box {
  display: block;
}
#header .header-search .search-swiper {
  padding: 0 24px 43px;
}
#header .header-search .search-swiper .catalog-item.st-tile .tile-brand {
  font-size: 12px;
}
#header .header-search .search-swiper .swiper-slide {
  width: 158px;
}
#header .header-search .search-swiper .catalog-item.st-tile .tile-thumb .tile-link {
  padding-top: 134.177%;
}
#header .header-search .search-swiper .catalog-item.st-tile.st-simple .tile-body {
  padding-right: 0;
}
#header .header-search .search-swiper .carousel-nav {
  padding: 16px;
  transform: translateY(calc(-50% - 50px));
}
#header .header-search .search-swiper .button-icon,
#header .header-search .search-swiper .catalog-item.st-tile .tile-thumb .tile-heart,
.catalog-item.st-tile .tile-thumb #header .header-search .search-swiper .tile-heart {
  margin-left: 0;
}
#header .header-search .st-seamless .header-search__input {
  position: relative;
}
#header .header-search .st-seamless .header-search__input .text-search-keyword + .text-input,
#header .header-search .st-seamless .header-search__input .text-search-keyword + .text-input-currency {
  border-bottom: none;
}
#header .header-search .st-seamless .header-search__input:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #000;
}
#header .header-search .header-search__input {
  display: flex;
  align-items: center;
  gap: 10px;
}
#header .header-search .text-search-keyword {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
  z-index: 3;
  padding: 5px 8px;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 50px;
  max-width: 80px;
}
#header .header-search .text-search-keyword .text-inner {
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#header .header-nav-item.active .header-layer {
  display: block;
}
#header .header-layer {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  background-color: #fff;
  border-top: 1px solid #eee;
  display: none;
}
#header .header-layer .header-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  padding: 8px 16px 40px;
}
#header .header-layer .header-col {
  width: 100px;
}
#header .header-layer .header-layer-nav {
  padding-left: 4px;
}
#header .header-layer .header-layer-nav .header-strong:first-child {
  margin-top: 0;
}
#header .header-layer .header-strong {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 0;
  font-weight: 600;
  margin-top: 8px;
}
#header .header-layer .header-strong.header-col {
  width: 127px;
  flex-shrink: 0;
}
#header .header-layer .header-strong.header-col .icon-chevron-next-button-cta-14 {
  display: none;
}
#header .header-layer .header-strong.header-col:hover .icon-chevron-next-button-cta-14 {
  display: block;
}
#header .header-layer .header-panel {
  max-height: 470px;
  overflow-x: hidden;
  overflow-y: auto;
}
#header .header-layer.st-scroll .header-panel {
  max-height: 380px;
  overflow-x: hidden;
  overflow-y: auto;
}
#header .header-layer .header-title {
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 0;
  margin-bottom: 8px;
}
#header .header-layer .header-text {
  display: block;
  font-size: 13px;
  line-height: 19px;
  padding: 8px 0;
  color: #666;
  font-weight: 400;
}
#header .header-layer .header-text:hover {
  color: #000;
  text-decoration: underline;
}
#header.st-dark:not(.st-open) {
  background-color: #000;
  border-bottom: 1px solid #000;
}
#header.st-dark:not(.st-open) .header-nav {
  color: #fff;
}
#header.st-dark:not(.st-open) .header-brand {
  color: #fff;
}
#header.st-dark:not(.st-open) .header-home {
  background-image: url("../img/site-brand-go__white.png");
}
#header.st-dark:not(.st-open) .icon-list {
  background-image: url("../img/icons/icon-list__white.png");
}
#header.st-dark:not(.st-open) .icon-header-search {
  background-image: url("../img/icons/icon-header-search__white.png");
}
#header.st-dark:not(.st-open) .header-search .text-input-box .icon-header-search {
  background-image: url("../img/icons/icon-header-search__black.png");
}
#header.st-dark:not(.st-open) .icon-header-signin {
  background-image: url("../img/icons/icon-header-signin__white.png");
}
#header.st-dark:not(.st-open) .icon-header-signout {
  background-image: url("../img/icons/icon-header-signout__white.png");
}
#header.st-dark:not(.st-open) .icon-header-history {
  background-image: url("../img/icons/icon-header-history__white.png");
}
#header.st-dark:not(.st-open) .icon-header-account {
  background-image: url("../img/icons/icon-header-account__white.png");
}
#header.st-dark:not(.st-open) .icon-header-heart {
  background-image: url("../img/icons/icon-header-heart__white.png");
}
#header.st-dark:not(.st-open) .icon-header-bag {
  background-image: url("../img/icons/icon-header-bag__white.png");
}
#header.st-dark:not(.st-open) .header-container {
  background-color: #000;
}
#header.st-dark.st-open .header-symbol .img-fluid:not(.d-none) {
  display: none;
}
#header.st-dark.st-open .header-symbol .img-fluid.d-none {
  display: block !important;
}
.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: #0003;
}
#footer {
  background-color: #f8f8f8;
}
#footer .footer-sitemap {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
#footer .footer-sitemap .footer-action .footer-button {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1816px;
  width: 100%;
  min-width: 1366px;
  margin: 0 auto;
}
#footer .footer-sitemap .footer-action .footer-button .button-text {
  padding-top: 24.5px;
  padding-bottom: 24.5px;
}
#footer .footer-sitemap .footer-action + .footer-collapse {
  border-top: 1px solid #eee;
}
#footer .footer-sitemap .footer-nav {
  display: flex;
  padding: 22px 16px 44px;
  max-width: 1816px;
  width: 100%;
  min-width: 1366px;
  margin: 0 auto;
}
#footer .footer-sitemap .footer-nav .button-text {
  color: #666;
  padding: 6px 0;
}
#footer .footer-sitemap .footer-nav .button-text.st-lg {
  color: #000;
  padding: 10px 0;
}
#footer .footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 16px 0;
  max-width: 1816px;
  width: 100%;
  min-width: 1366px;
  margin: 0 auto 42px;
}
#footer .footer-top .footer-end .icon:first-child {
  margin-left: 0 !important;
}
#footer .footer-start {
  display: flex;
}
#footer .footer-end {
  width: 210px;
  display: flex;
}
#footer .footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 16px 40px;
  max-width: 1816px;
  width: 100%;
  min-width: 1366px;
  margin: 0 auto;
}
#footer .footer-bottom .divider.st-vertical {
  border-color: #ddd;
}
#footer .footer-bottom .footer-start {
  display: block;
}
#footer .footer-bottom .footer-start .footer-col {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
#footer .footer-bottom .footer-end .footer-col {
  margin-left: 32px;
  white-space: nowrap;
}
#footer .footer-bottom .footer-end .footer-col:first-child {
  margin-left: 0;
}
#footer .footer-symbol {
  width: 180px;
}
@media (max-width: 2055px) {
  #footer .footer-top,
  #footer .footer-bottom {
    padding-right: 128px;
  }
}
#floating-nav {
  display: flex;
  flex-direction: column;
  position: fixed;
  bottom: 68px;
  right: 68px;
  z-index: 99;
  overflow: hidden;
}
#floating-nav .nav-icon-recently {
  width: 56px;
  height: 56px;
  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;
  background-color: #fffc;
  border: 1px solid #eee;
}
#floating-nav > :where(*:not(:last-child)) {
  margin-bottom: 16px;
}
#floating-nav .nav-icon--add {
  display: inline-flex;
  width: 56px;
  height: 56px;
  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: 13px !important;
  color: #000;
}
#floating-nav .nav-icon--add img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#floating-nav .button-icon,
#floating-nav .catalog-item.st-tile .tile-thumb .tile-heart,
.catalog-item.st-tile .tile-thumb #floating-nav .tile-heart {
  display: block;
  padding: 15px;
  border: 1px solid #eee;
  background-color: #fffc;
  border-radius: 50%;
}
#floating-nav .button-icon.floating-chat,
#floating-nav .catalog-item.st-tile .tile-thumb .floating-chat.tile-heart,
.catalog-item.st-tile .tile-thumb #floating-nav .floating-chat.tile-heart {
  padding: 14px;
  height: 56px;
}
#floating-nav .button-icon.floating-chat .icon,
#floating-nav .catalog-item.st-tile .tile-thumb .floating-chat.tile-heart .icon,
.catalog-item.st-tile .tile-thumb #floating-nav .floating-chat.tile-heart .icon {
  width: 26px;
  height: 26px;
}
#floating-nav .button-icon.floating-top,
#floating-nav .catalog-item.st-tile .tile-thumb .floating-top.tile-heart,
.catalog-item.st-tile .tile-thumb #floating-nav .floating-top.tile-heart {
  margin-bottom: -72px;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#floating-nav.st-scroll .button-icon.floating-top,
#floating-nav.st-scroll .catalog-item.st-tile .tile-thumb .floating-top.tile-heart,
.catalog-item.st-tile .tile-thumb #floating-nav.st-scroll .floating-top.tile-heart {
  margin-bottom: 0;
  opacity: 1;
}
.catalog-utility {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
}
.catalog-utility .utility-start,
.catalog-utility .utility-end {
  display: flex;
  align-items: center;
}
.catalog-utility .utility-number {
  display: block;
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
}
.catalog-utility .utility-number small {
  font-size: 12px;
  font-weight: 400;
  color: #999;
}
.catalog-utility .utility-filter {
  display: flex;
  align-items: center;
  margin-left: 16px;
}
.catalog-utility .utility-filter .utility-button {
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 8px;
}
.catalog-utility .utility-filter .utility-button.active {
  color: #006bff;
  font-weight: 600;
}
.catalog-utility .selectbox-text {
  padding-top: 6px;
  padding-bottom: 6px;
}
.catalog-utility .selectbox-text + .selectbox-text {
  margin-left: 24px;
}
.catalog-utility .selectbox.st-text + .selectbox.st-text {
  margin-left: 24px;
}
.catalog-utility.has-navigator {
  margin-bottom: 40px;
  padding-bottom: 0;
  align-items: flex-end;
}
.catalog-utility.has-navigator > * {
  line-height: 17px;
}
.catalog-utility.has-navigator .utility-end {
  flex-shrink: 0;
}
.filter-content {
  position: relative;
  padding: 24px 0;
  margin-top: -40px;
  margin-bottom: 80px;
  border-bottom: 1px solid #eee;
}
.filter-content .button-toggle-thumb {
  margin-right: 2px;
}
.filter-content .filter-pane {
  margin-bottom: 40px;
}
.filter-content .filter-pane .tab-pane {
  padding-right: 136px;
  max-height: 226px;
  overflow-y: auto;
  overflow-x: hidden;
}
.filter-content .filter-title {
  font-size: 14px;
  line-height: 20px;
  display: block;
  width: 104px;
  padding-top: 7px;
  flex-shrink: 0;
}
.filter-content .filter-close {
  position: absolute;
  top: 16px;
  right: 8px;
  z-index: 2;
}
.filter-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}
.filter-footer .filter-start,
.filter-footer .filter-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.filter-footer .filter-start {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.filter-footer .button-remove-self {
  margin-right: 24px;
}
#header .header-nav .nav-item {
  padding-left: 12px;
  padding-right: 12px;
}
#header .selectshop-button + .nav-brand-title {
  margin-left: 10px;
  margin-right: 20px;
}
#header .header-end .header-nav {
  margin-right: 10px;
}
#header .header-nav .header-nav-item,
#header .header-end .header-nav .nav-item {
  font-weight: 300;
}
.search-stats-tab {
  padding: 24px 0;
}
.search-stats-tab .navigator-text {
  line-height: 19px;
}
.catalog-utility.search-utility {
  padding: 18px 0;
}
.sticky-rail {
  position: relative;
}
.recommended-box {
  display: flex;
  align-items: center;
  background-color: #fbfbfb;
  padding: 25px 30px;
}
.recommended-box .recommended-img {
  width: 67.5px;
  margin-right: 20px;
  vertical-align: top;
}
.recommended-box .recommended-text {
  font-size: 16px;
  line-height: 20px;
}
.module-carousel-gooddeal {
  position: relative;
  display: flex;
  gap: 16px;
  width: 49.5515695067%;
}
.module-carousel-gooddeal .col {
  width: 49.0950226244%;
  flex: 0 0 auto;
}
.module-carousel-gooddeal .catalog-list {
  margin-top: 20.2764976959%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.module-carousel-gooddeal .catalog-list .swiper-slide {
  width: 49.0950226244%;
}
.module-carousel-gooddeal .catalog-item.st-tile.st-horizon .tile-thumb {
  width: 25.8064516129%;
}
.module-carousel-gooddeal .catalog-item.st-tile.st-horizon .tile-thumb .tile-link {
  padding-top: 133.9285714286%;
}
.module-carousel-gooddeal .carousel-navigation {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(0);
  margin-top: 1.5243902439%;
  z-index: 4;
}
.module-carousel-gooddeal .tile-goods-label {
  margin-top: 2.6402640264%;
}
.text-banner .banner-link {
  display: flex;
  height: 48px;
  justify-content: center;
  align-items: center;
}
.text-banner .banner-title {
  font-size: 16px;
  line-height: 19px;
}
.text-banner .banner-title.st-white {
  color: #fff;
}
.module-category-section {
  margin-top: 53px;
}
.module-category-section__title {
  padding: 8px 0;
}
.module-anchor--special {
  margin-top: 24px;
  margin-bottom: 4px;
}
.special-list-wrap {
  margin-top: 100px;
}
.module-carousel-new-recom {
  position: relative;
  width: 1462px;
  margin: 24px auto 0;
  padding: 0 64px;
}
.module-carousel-new-recom .swiper {
  position: static;
}
.module-carousel-new-recom .carousel-navigation .carousel-nav {
  background-color: transparent;
}
.module-catalog-carousel-recommend {
  margin-top: 40px;
}
.module-catalog-carousel-recommend .carousel {
  overflow: visible;
}
.module-catalog-carousel-recommend .carousel .carousel-nav {
  padding: 16px;
  top: 200px;
  transform: translateY(0);
}
.module-catalog-carousel-recommend .catalog-item.st-tile .tile-body {
  padding-top: 24px;
}
.module-catalog-carousel-recommend .catalog-item.st-tile .tile-footer {
  margin-top: 8px;
}
.module-catalog-carousel-recommend + footer .button-ghost.st-pill.st-dimmed {
  transition: border 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.module-catalog-carousel-recommend + footer .button-ghost.st-pill.st-dimmed:hover {
  border-color: #000;
}
.banner-list {
  padding-top: 67px;
  padding-bottom: 64px;
}
.banner-list .bullets-pagination {
  left: 50%;
  bottom: 39px;
}
.banner-list .swiper-wrapper:has(.swiper-slide:first-child:nth-last-child(-n + 2)) {
  justify-content: center;
}
.banner-list .carousel-item.st-rounded .banner-link {
  border-radius: 10px;
}
.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 17px 0 20px;
  align-items: center;
  justify-content: space-between;
  background-color: #00000021;
}
.banner-list .carousel-item .banner-content .icon {
  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;
  width: 342px;
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  word-break: break-all;
}
.banner-list .carousel-item .banner-link {
  display: block;
  position: relative;
  overflow: hidden;
  width: 434px;
  aspect-ratio: 434/116;
}
.module-promt__notice {
  margin-top: 32px;
}
.brand-card-carousel .swiper-wrapper:has(.swiper-slide:only-child) {
  justify-content: center;
}
.brand-card {
  border-radius: 5px;
  overflow: hidden;
  align-items: center;
  justify-content: space-between;
  width: 304px;
  padding: 20px 16px 15px;
}
.brand-card__text {
  font-size: 22px;
  line-height: 26px;
  font-weight: 600;
}
.brand-card__text .text-inner {
  color: #666;
}
.brand-card .icon-chevron-next {
  width: 18px;
  height: 18px;
}
.fixed-belt {
  height: 50px;
}
.fixed-belt__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  background-color: var(--fixed-belt-bg, #000);
  transition: top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.fixed-belt__inner > img {
  display: block;
  height: 100%;
}
.fixed-belt.st-fixed .fixed-belt__inner {
  position: fixed;
  left: 50%;
  top: 73px;
  z-index: 99;
  transform: translate(-50%);
}
.st-up .fixed-belt.st-fixed .fixed-belt__inner {
  top: 105px;
}
.summary-content {
  border: 1px solid #eee;
  padding: 20px;
}
.summary-content:not(:first-child) {
  margin-top: 20px;
}
.summary-content__title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.375;
  color: #333;
}
.summary-content__title + .summary-content__text {
  margin-top: 10px;
}
.summary-content__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4285714286;
  color: #666;
}
.summary-list {
  display: flex;
  align-items: center;
  margin: 0;
}
.summary-list:not(:first-child) {
  margin-top: 20px;
}
.summary-list__item {
  display: flex;
  color: #999;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}
.summary-list__item + .summary-list__item:before {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background-color: #999;
  margin-top: 1px;
  margin-inline: 10px 10px;
}
.summary-list dd {
  margin-left: 4px;
}

.brandshop-keyvisual {
  height: 674px;
}
.brandshop-keyvisual__bg {
  position: relative;
  width: 100%;
  height: 100%;
  filter: blur(20px);
  transform: scale(1.05);
}
.brandshop-keyvisual__bg > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.brandshop-keyvisual__bg:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000026;
}
.brandshop-keyvisual__link {
  display: flex;
  align-items: center;
  width: 1240px;
  height: 674px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
.brandshop-keyvisual__link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.brandshop-keyvisual__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 0 20px 0 79px;
}
.brandshop-keyvisual__thumb {
  position: relative;
  flex-shrink: 0;
  width: 612px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.brandshop-keyvisual__thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.brandshop-keyvisual__title {
  text-align: left;
  color: #fff;
  font-weight: 600;
  display: -webkit-box;
  max-height: 3096px;
  font-size: 36px;
  line-height: 43px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.brandshop-keyvisual__title + .brandshop-keyvisual__desc {
  margin-top: 8px;
}
.brandshop-keyvisual__desc {
  text-align: left;
  color: #fff;
  font-weight: 400;
  display: -webkit-box;
  max-height: 960px;
  font-size: 20px;
  line-height: 24px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  letter-spacing: -0.4px;
}
.brandshop-keyvisual .indicator {
  position: relative;
  width: auto;
  margin: 0;
  justify-content: center;
}
.brandshop-keyvisual .swiper-pagination {
  position: absolute;
  bottom: 46px;
  left: 50%;
  width: auto;
  padding: 5px 10px;
  border-radius: 50px;
  background-color: #00000080;
  transform: translate(-50%);
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  color: #999;
  line-height: 1;
  font-weight: 400;
}
.brandshop-keyvisual .swiper-pagination .swiper-pagination-current {
  color: #fff;
}
.brandshop-keyvisual .carousel-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  background-color: transparent;
}
.brandshop-keyvisual .carousel-nav.carousel-next {
  right: 8.1770833333%;
}
.brandshop-keyvisual .carousel-nav.carousel-next .icon-chevron-carousel-next,
.brandshop-keyvisual .carousel-nav.carousel-next .icon-chevron-carousel-next.st-white {
  display: block;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  background-image: url("../img/icons/icon-swiper-nav-prev.png");
  transform: rotate(180deg);
}
.brandshop-keyvisual .carousel-nav.carousel-prev {
  left: 8.1770833333%;
}
.brandshop-keyvisual .carousel-nav.carousel-prev .icon-chevron-carousel-prev,
.brandshop-keyvisual .carousel-nav.carousel-prev .icon-chevron-carousel-prev.st-white {
  display: block;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
  background-image: url("../img/icons/icon-swiper-nav-prev.png");
}
.brandshop-keyvisual .carousel-nav:hover {
  background-color: transparent;
  opacity: 0.8;
}
.module-brand-category .module-heading .text-inner {
  display: -webkit-box;
  max-height: 3024px;
  font-size: 36px;
  line-height: 42px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-brand-category .module-heading + .module-catalog-tab,
.module-brand-category .module-heading + .module-brand-category__carousel {
  margin-top: 24px;
}
.module-brand-category .module-catalog-tab :has(.navigator-item:only-child) {
  display: none;
}
.module-brand-category__carousel {
  overflow: hidden;
  margin-top: 16px;
}
.module-brand-category__carousel:not(.swiper-initialized) .swiper-wrapper {
  justify-content: center;
}
.module-brand-category__carousel.st-free .carousel-item.tile-item {
  margin-right: 1.2903225806%;
}
.module-brand-category .category-item {
  width: 132px;
}
.module-brand-category .category-item__thumb {
  position: relative;
  width: 100%;
  padding-bottom: 127.2727272727%;
  border-radius: 6px;
  overflow: hidden;
}
.module-brand-category .category-item__thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0000000a;
}
.module-brand-category .category-item__thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transform: translate(-50%, -50%);
}
.module-brand-category .category-item__thumb + .category-item__title {
  margin-top: 12px;
}
.module-brand-category .category-item__title {
  text-align: center;
}
.module-brand-category .category-item__title .text-inner {
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}
.module-brand-promotion .module-heading .text-inner {
  display: -webkit-box;
  max-height: 3024px;
  font-size: 36px;
  line-height: 42px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-brand-promotion .spot-visual {
  position: relative;
  height: 612px;
  overflow: hidden;
  border-radius: 8px;
}
.module-brand-promotion .spot-visual:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-color: #0000000a;
}
.module-brand-promotion .spot-visual img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.module-brand-promotion .spot-visual__content {
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.module-brand-promotion .spot-visual__title {
  text-align: center;
  font-weight: 600;
  color: #fff;
  display: -webkit-box;
  max-height: 2688px;
  font-size: 32px;
  line-height: 42px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-brand-promotion .spot-visual__title + .spot-visual__desc {
  margin-top: 10px;
}
.module-brand-promotion .spot-visual__desc {
  text-align: center;
  font-weight: 400;
  line-height: 1;
  color: #fff;
  display: -webkit-box;
  max-height: 720px;
  font-size: 18px;
  line-height: 20px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-brand-promotion .catalog-list {
  width: 492px;
  margin-left: 40px;
}
.module-brand-promotion .module-heading + .swiper {
  margin-top: 40px;
}
.module-brand-promotion .carousel-item__inner {
  align-items: center;
}
.module-brand-promotion .catalog-item + .catalog-item {
  margin-top: 10px;
}
.module-brand-promotion .catalog-item.st-tile.st-horizon.st-sm .tile-thumb {
  width: 102px;
  border-radius: 8px;
  overflow: hidden;
}
.module-brand-promotion .catalog-item.st-tile .tile-goods-label .tile-goods-label-inner {
  color: #000;
  display: -webkit-box;
  max-height: 476px;
  font-size: 14px;
  line-height: 17px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-brand-promotion .catalog-item.st-tile .tile-price-box {
  margin-top: 8px;
}
.module-brand-promotion .carousel-nav {
  padding: 0;
}
.module-brand-promotion__footer {
  text-align: center;
  margin-top: 40px;
}
.module-brand-magazine {
  padding: 80px 0;
  background-color: #000;
}
.module-brand-magazine .module-heading .text-inner {
  display: -webkit-box;
  max-height: 2688px;
  font-size: 32px;
  line-height: 42px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  color: #fff;
}
.module-brand-magazine .module-heading + .module-brand-magazine__list {
  margin-top: 32px;
}
.module-brand-magazine__list {
  display: flex;
  justify-content: center;
  gap: 17px;
}
.module-brand-magazine__item {
  width: 402px;
}
.module-brand-magazine__thumb {
  width: 100%;
  height: 542px;
  border-radius: 8px;
  overflow: hidden;
}
.module-brand-magazine__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.module-brand-magazine__content {
  display: block;
  margin-top: 16px;
}
.module-brand-magazine__title {
  display: -webkit-box;
  max-height: 1040px;
  font-size: 20px;
  line-height: 26px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  color: #fff;
  font-weight: 600;
}
.module-brand-magazine__footer {
  text-align: center;
  margin-top: 32px;
}
section:has(.brand-men-lookbook) .module-heading {
  max-width: 1240px;
  margin: 0 auto;
}
section:has(.brand-men-lookbook) .heading > .text-inner {
  display: -webkit-box;
  max-height: 2880px;
  font-size: 36px;
  line-height: 40px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
section:has(.brand-men-lookbook) .heading-text {
  margin-top: 8px;
}
section:has(.brand-men-lookbook) .heading-text .text-inner {
  display: -webkit-box;
  max-height: 476px;
  font-size: 14px;
  line-height: 17px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-brand-category-list .category-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 40px 16px;
}
.module-brand-category-list .category-item {
  width: 236px;
}
.module-brand-category-list .category-item__thumb {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.module-brand-category-list .category-item__thumb:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: #00000005;
}
.module-brand-category-list .category-item__thumb .thumb-img {
  display: block;
  width: 100%;
  aspect-ratio: 236/314;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.module-brand-category-list .category-item__title {
  margin-top: 12px;
  color: #000;
  font-weight: 400;
  text-align: center;
  display: -webkit-box;
  max-height: 1200px;
  font-size: 20px;
  line-height: 30px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
}
.module-brand-banner-keyword .banner-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 0;
}
.module-brand-banner-keyword .banner-item {
  width: 612px;
}
.module-brand-banner-keyword .banner-item__link {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.module-brand-banner-keyword .banner-item__link:hover .banner-img {
  transform: scale(1.05);
}
.module-brand-banner-keyword .banner-item__thumb {
  position: relative;
}
.module-brand-banner-keyword .banner-item__thumb:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, #0000 58%, #00000080);
}
.module-brand-banner-keyword .banner-item__thumb .banner-img {
  display: block;
  width: 100%;
  aspect-ratio: 612/814;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transition: transform 0.4s ease;
  transform: scale(1);
}
.module-brand-banner-keyword .banner-item__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 60px 50px;
}
.module-brand-banner-keyword .copy {
  width: 100%;
  color: #fff;
}
.module-brand-banner-keyword .copy__title {
  display: -webkit-box;
  max-height: 2880px;
  font-size: 36px;
  line-height: 40px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  font-weight: 600;
}
.module-brand-banner-keyword .copy__title + .copy__text {
  margin-top: 8px;
}
.module-brand-banner-keyword .copy__text {
  display: -webkit-box;
  max-height: 1120px;
  font-size: 20px;
  line-height: 28px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  font-weight: 400;
}
.module-brand-banner-keyword .banner-button {
  padding: 12px 24px;
  border-radius: 20px;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.brand-men-lookbook-tab.mt-32 {
  margin-top: 40px !important;
}
.brand-men-lookbook-tab.navigator.st-tab .navigator-item.w-128 {
  min-width: unset;
}
.brand-men-lookbook-tab.st-tab.st-lg .navigator-list.justify-content-center .navigator-button {
  display: flex;
  border: 1px solid #eee;
  padding: 11px 23px;
  margin: 0 8px 0 0;
  border-radius: 20px;
}
.brand-men-lookbook-tab.st-tab.st-lg .navigator-list.justify-content-center .navigator-button .navigator-text {
  color: #000;
}
.brand-men-lookbook-tab.st-tab.st-lg .navigator-list.justify-content-center .navigator-button.active {
  border-color: #000;
  background-color: #000;
}
.brand-men-lookbook-tab.st-tab.st-lg .navigator-list.justify-content-center .navigator-button.active .navigator-text {
  color: #fff;
}
.brand-men-lookbook .carousel-item {
  width: 402px;
  height: 536px;
  border-radius: 8px;
  overflow: hidden;
}
.brand-men-lookbook .carousel-item img {
  aspect-ratio: 402/536;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.brand-men-lookbook .st-me-16 .carousel-item {
  margin-right: 17px;
}
.brand-men-lookbook .carousel .carousel-nav.button-icon,
.brand-men-lookbook .carousel .catalog-item.st-tile .tile-thumb .carousel-nav.tile-heart,
.catalog-item.st-tile .tile-thumb .brand-men-lookbook .carousel .carousel-nav.tile-heart {
  width: 56px;
  height: 56px;
  padding: 0;
}
.brand-men-lookbook .icon-chevron-carousel-next {
  background-image: url("../img/icons/icon-chevron-carousel-next-md__white.png");
  background-size: unset;
}
.brand-men-lookbook .icon-chevron-carousel-prev {
  background-image: url("../img/icons/icon-chevron-carousel-next-md__white.png");
  transform: rotate(180deg);
  background-size: unset;
}
.brand-men-recommend {
  overflow: hidden;
}
.brand-men-recommend .catalog-item {
  width: 235px;
}
.brand-men-recommend .tile-thumb {
  overflow: hidden;
  border-radius: 8px;
}
.brand-men-recommend.module-catalog-carousel.nav-lg .carousel .carousel-nav {
  width: 56px;
  height: 56px;
  padding: 0;
}
.brand-men-recommend .icon-chevron-carousel-next {
  background-image: url("../img/icons/icon-chevron-carousel-next-md__white.png");
  background-size: unset;
}
.brand-men-recommend .icon-chevron-carousel-prev {
  background-image: url("../img/icons/icon-chevron-carousel-next-md__white.png");
  transform: rotate(180deg);
  background-size: unset;
}
section:has(.brand-men-video) .module-heading {
  max-width: 1240px;
  margin: 0 auto;
}
section:has(.brand-men-video) .heading {
  display: -webkit-box;
  max-height: 2880px;
  font-size: 36px;
  line-height: 40px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
section:has(.brand-men-video) .heading-text {
  margin-top: 8px;
  display: -webkit-box;
  max-height: 476px;
  font-size: 14px;
  line-height: 17px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.brand-men-video-tab.mt-32 {
  margin-top: 40px !important;
}
.brand-men-video-tab.navigator.st-tab .navigator-item.w-128 {
  min-width: unset;
}
.brand-men-video-tab.st-tab.st-lg .navigator-list.justify-content-center .navigator-button {
  display: flex;
  border: 1px solid #eee;
  padding: 11px 23px;
  margin: 0 8px 0 0;
  border-radius: 20px;
}
.brand-men-video-tab.st-tab.st-lg .navigator-list.justify-content-center .navigator-button .navigator-text {
  color: #000;
}
.brand-men-video-tab.st-tab.st-lg .navigator-list.justify-content-center .navigator-button.active {
  border-color: #000;
  background-color: #000;
}
.brand-men-video-tab.st-tab.st-lg .navigator-list.justify-content-center .navigator-button.active .navigator-text {
  color: #fff;
}
.brand-men-video .col-8-4 {
  width: 100%;
}
.brand-men-video .offset-8-2 {
  margin-left: auto;
}
.brand-men-banner .col-8-6 {
  width: 100%;
}
.brand-men-banner .offset-8-1 {
  margin-left: auto;
}

#modalSizeGuideTabCont1 img.align-top {
  width: 512px;
}
#modal-policy-list .modal-body .pager {
  margin-bottom: 0 !important;
}
#modal-coupon .catalog-item.st-tile .tile-goods-label .tile-goods-label-inner {
  white-space: normal;
  text-overflow: clip;
  overflow: visible;
  max-height: none;
  -webkit-line-clamp: none;
  -webkit-box-orient: horizontal;
}
#modal-card-benefit .modal-default {
  width: 680px;
}
#modal-card-benefit .modal-default .modal-body {
  padding-top: 16px !important;
}
#modal-shipping-address .modal-body {
  min-height: 538px;
}
.modal #goodsInfoCarousel {
  width: 370px;
  margin: 0;
}
.faq-collapse + .collapse .support-text * {
  font-size: 15px !important;
  line-height: 22px !important;
}
.faq-collapse + .collapse .support-text img {
  width: auto !important;
  max-width: 100% !important;
  margin-top: 8px;
}
.recommended-pattern {
  display: flex;
  align-items: center;
}
.recommended-pattern figure {
  margin: 0;
}
.recommended-pattern .thumbnail {
  background-color: #f8f8f8;
  border-radius: 8px;
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.recommended-pattern .thumbnail img {
  vertical-align: top;
}
.recommended-pattern .label {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 8px;
  width: 80px;
}
.recommended-pattern .progress {
  display: flex;
  width: 100%;
  margin-left: 8px;
  padding-bottom: 25px;
}
.recommended-pattern .progress .progress-bar {
  position: relative;
  width: 152px;
  background: #eee;
}
.recommended-pattern .progress .progress-gauge {
  display: block;
  height: 100%;
  background-color: #9eb8ff;
}
.recommended-pattern .progress .progress-text {
  font-weight: 600;
  font-size: 16px;
  margin-left: 8px;
}
.recommended-hot-tab {
  margin-top: -8px;
}
.recommended-hot-tab [data-tt-toggle="tab"].active {
  color: #006bff !important;
}
.modal-select-bundle .modal-default,
#modal-select-bundle .modal-default {
  width: 544px;
}
.selected-option-list,
#modal-apply-promotion .selected-option-list {
  max-height: 430px;
  overflow-x: hidden;
  overflow-y: auto;
}
#modal-brand-pick .brand,
#modal-brand-pick-all .brand {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 24px;
}
#modal-brand-pick .brand__img-box,
#modal-brand-pick-all .brand__img-box {
  margin-bottom: 16px;
  display: flex;
  gap: 4px;
}
#modal-brand-pick .brand__img-box .brand__image,
#modal-brand-pick-all .brand__img-box .brand__image {
  position: relative;
  width: 96px;
  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__img-box .brand__image img,
#modal-brand-pick-all .brand__img-box .brand__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#modal-brand-pick .brand__text,
#modal-brand-pick-all .brand__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
}
#modal-brand-pick .brand__text-info,
#modal-brand-pick-all .brand__text-info {
  font-size: 13px;
  color: #666;
}
#modal-brand-pick .brand__text-name,
#modal-brand-pick-all .brand__text-name {
  display: -webkit-box;
  max-height: 504px;
  font-size: 14px;
  line-height: 18px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-weight: 600;
  color: #006bff;
}
#contents.bypass-overflow .checkout-calculator {
  position: sticky;
  top: 130px !important;
}
.checkout-calculator {
  width: 369px;
  border: 1px solid #000;
  background-color: #fff;
}
.checkout-calculator .calculator-top .calculator-box {
  padding: 32px 24px;
}
.checkout-calculator .calculator-top .calculator-text {
  display: flex;
  font-size: 14px;
  line-height: 20px;
}
.checkout-calculator .calculator-top .calculator-text strong.text-inner {
  font-weight: 600;
}
.checkout-calculator .calculator-top .calculator-text.st-lg {
  font-size: 16px;
  line-height: 24px;
}
.checkout-calculator .calculator-top .calculator-text.st-sm {
  font-size: 12px;
  line-height: 18px;
}
.checkout-calculator .calculator-top .calculator-row {
  display: flex;
  justify-content: space-between;
}
.checkout-calculator .calculator-top [data-tt-toggle="collapse"].active .icon-chevron-end-down {
  background-image: url("../img/icons/icon-chevron-end-up-sm__black.png");
}
.checkout-calculator .calculator-top .calculator-collapse .calculator-text strong.text-inner {
  font-weight: 400;
}
.checkout-calculator .calculator-bottom {
  border-top: 1px solid #000;
}
.checkout-calculator .calculator-bottom .calculator-box {
  padding: 24px 24px 32px;
}
.checkout-calculator .calculator-button {
  width: 100%;
}
.support-reply {
  position: relative;
  padding: 16px;
  border: 1px solid #aaa;
  margin-top: 5px;
  background-color: #fff;
}
.support-reply .support-text {
  display: flex;
  font-size: 12px;
  line-height: 18px;
  word-break: break-all;
}
.support-reply:before,
.support-reply:after {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(100% - 1px);
  z-index: 1;
  width: 0;
  height: 0;
  transform: rotate(-135deg);
}
.support-reply:before {
  left: 6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #aaa;
}
.support-reply:after {
  left: 8px;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  border-bottom: 4.5px solid #fff;
}
.inquire-radio-wrap {
  display: flex;
  padding-top: 6px;
  flex-wrap: wrap;
  gap: 16px;
}
.inquire-radio-wrap .radio {
  min-width: 200px;
}
.inquire-radio-wrap .radio-label {
  font-size: 14px;
  line-height: 1.5714285714;
  color: #000;
}
.inquire-heading {
  padding: 8px 0;
}
.newproduct-list {
  margin-top: 60px;
  padding-top: 36px;
  border-top: 1px solid #eee;
}
.newproduct-content {
  margin-top: 48px;
}
.newproduct-content .heading-text {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
}
.newproduct-slide-group {
  flex-wrap: nowrap;
}
.newproduct-slide-group .catalog-item {
  width: 33.333%;
}
.address-item.has-radio-button {
  position: relative;
  border-bottom: none;
}
.address-item.has-radio-button + .address-item {
  margin-top: 10px;
}
.address-item.has-radio-button .address-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.address-item.has-radio-button .address-radio .radio {
  flex-shrink: 0;
  margin-right: 0;
}
.address-item.has-radio-button .address-radio .radio-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  border: 1px solid #eee;
  background-color: #fff;
}
.address-item.has-radio-button .address-radio .radio-icon:after {
  display: none;
}
.address-item.has-radio-button .address-radio .radio-input:checked + .radio-icon {
  border: 1px solid #006bff;
  background-color: #f6fbff;
}
.address-item.has-radio-button .address-radio .radio-input:checked + .radio-icon:after {
  display: none;
}
.address-item.has-radio-button .address-wrap {
  position: relative;
}
.address-wrapper {
  padding-top: 20px;
}
.btn-add-address {
  width: 100%;
  padding: 15px 15px 14px;
  border: 1px solid #000;
}
.btn-add-address .text-inner {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.address-list + .helper-list {
  margin-top: 2px;
}
.btn-add-address + .helper-list {
  margin-top: 10px;
}
.btn-add-address + .address-list {
  margin-top: 8px;
}
.btn-add-address + .address-list:has(.address-item) {
  margin-top: 20px;
}
.address-info-box + .divider {
  margin-top: 20px;
}
.modal-address-delete__inner .modal-body {
  padding: 26px 0 50px;
}
.address-toast-wrapper .toast-bubble {
  top: 50%;
  left: 50%;
  padding: 8px 20px;
  transform: translate(-50%, -50%);
  border-radius: 50px;
  visibility: hidden;
  opacity: 0;
}
.address-toast-wrapper .toast-bubble:after {
  display: none;
}
.address-toast-wrapper .toast-bubble .tooltip-text {
  font-size: 14px;
}
.rich-mall {
  width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 46px;
}
.rich-mall .update-info {
  width: 650px;
  padding: 30px 20px;
}
.rich-mall .order-item .order-goods-label .text-inner {
  white-space: wrap;
}
.rich-mall .order-sheeping {
  margin-top: 10px;
  gap: 6px;
}
.rich-mall .order-goods-label .text-inner {
  word-break: keep-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.category-billboard {
  max-width: 755px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.category-billboard figure {
  margin: 0;
}
.category-billboard figure .st-video {
  aspect-ratio: var(--videoRatio, 9/16);
  position: relative;
  overflow: hidden;
}
.category-billboard figure .st-video .spot-video {
  width: 102%;
  height: 107%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.category-billboard figcaption {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 67px 100px;
  z-index: 2;
}
.category-billboard figcaption:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, #000 0.51%, #54545400 99.34%);
  opacity: 0.3;
}
.category-billboard img {
  width: 755px;
  -o-object-fit: cover;
  object-fit: cover;
}
.category-billboard .label {
  position: relative;
  font-size: 50px;
  line-height: clac(58/50);
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.category-billboard .label + .copy {
  margin-top: 32px;
}
.category-billboard .copy {
  position: relative;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.digital-book-section {
  width: 408px;
  margin: 0 auto;
  overflow: hidden;
}
.digital-book {
  position: relative;
  width: 408px;
  max-width: 408px;
  max-height: 544px;
  margin: 0 auto;
}
.digital-book .book-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  width: 100px;
  height: 150px;
  z-index: 3;
  cursor: pointer;
  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;
}
.digital-book__page {
  overflow: hidden;
}
.digital-book__content {
  position: relative;
  width: 408px;
  height: 544px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
}
.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.st-overlay:after {
  opacity: 1;
}
.digital-book__content.st-overlay .digital-book__text {
  opacity: 1;
}
.digital-book .img-fluid {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.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__text .text-inner {
  font-size: 20px;
  color: #fff;
}
.archive-corner {
  max-width: 720px;
  margin: 0 auto;
}
.archive-corner .heading {
  padding: 0;
}
.archive-corner .heading + .heading-text {
  margin-top: 16px;
}
.archive-corner .heading-text {
  font-size: 18px;
  line-height: 1.5555555556;
  font-weight: 400;
  letter-spacing: 0;
}
.archive-corner_title {
  text-align: center;
}
.archive-corner_title .button-text {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
}
.archive-corner_title:first-child {
  margin-top: 112px;
}
.archive-corner_desc {
  text-align: left;
}
.archive-corner_image .carousel {
  width: 100%;
}
.archive-corner_shorts {
  width: 434px;
  margin: 0 auto;
}
.archive-corner_shorts .swiper-slide {
  width: 100%;
}
.archive-corner_shorts .spot-visual {
  height: 772px;
}
.archive-corner_slide {
  overflow: hidden;
}
.archive-corner_slide .swiper-wrapper {
  align-items: flex-end;
}
.archive-corner_slide .swiper-slide {
  width: 408px;
  display: block;
}
.archive-corner_slide .carousel-item:not(:last-child) {
  margin-right: 8px;
}
.archive-corner + .archive-corner_title,
.archive-corner + .archive-corner_desc,
.archive-corner + .archive-corner_image {
  margin-top: 40px;
}
.archive-corner + .archive-corner_video,
.archive-corner + .archive-corner_shorts,
.archive-corner + .archive-corner_slide {
  margin-top: 112px;
}
.search-brand-list {
  display: flex;
  gap: 8px 0;
  flex-wrap: wrap;
}
.search-brand-list .hole-item-wrap {
  max-width: 420px;
  width: 420px;
  overflow: hidden;
}
.search-brand-list .hole-item-wrap > .hole-item {
  display: inline-flex;
}
.search-brand-list .hole-item-wrap > .hole-item .hole-body {
  max-width: 310px;
}
.search-brand-list .hole-item-wrap > .hole-item .hole-body .text-inner {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.update-heading-group {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.update-info {
  background-color: #edf5ff;
  color: #004db9;
  padding: 8px 15px 9px;
  border-radius: 8px;
  overflow: hidden;
}
.update-info-text {
  font-size: 14px;
  line-height: 13px;
  font-weight: 400;
}
.update-info.st-lg {
  border-radius: 36px;
  padding-left: 175px;
  padding-right: 175px;
}
.update-info.st-lg .update-info-text {
  font-size: 16px;
  line-height: normal;
}
.update-info.br-10 {
  border-radius: 10px;
}
.heading + .update-info {
  margin-left: 20px;
}
.products-carousel-section.container-fixed-sm .catalog-item.st-tile .tile-brand {
  font-weight: 400;
}
.products-carousel-section.container-fixed-sm.module-catalog-carousel .carousel .carousel-nav {
  top: 105px;
}
.products-carousel-section.module-catalog-carousel {
  margin-top: 32px;
}
.receipt-barcode {
  padding: 20px 70px;
}
.receipt-barcode__number {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 4px;
  color: #666;
  font-size: 12px;
  font-weight: 400;
}
.receipt-header {
  padding-inline: 20px;
  padding-bottom: 4px;
}
.receipt-body .divider.st-focus {
  width: 322px;
  margin-inline: auto;
}
.discount-history {
  width: 416px;
  margin-top: 3px;
}
.discount-history .navigator {
  margin-bottom: 20px;
}
.discount-history .navigator-text {
  line-height: normal;
}
.discount-history .history-list {
  max-height: 528px;
  overflow-y: auto;
  border-top: 1px solid #000;
}
.discount-history .history-list__detail {
  padding: 20px 20px 10px;
  border-bottom: 1px solid #eaeaea;
  height: 88px;
}
.discount-history .history-list__detail .d-flex + .d-flex {
  margin-top: 6px;
}
.discount-history .history-list__detail .order-detail {
  display: flex;
  align-items: center;
  gap: 2px;
  color: #333;
}
.discount-history .history-list__detail .order-detail .button-cta {
  text-decoration: underline;
  text-decoration-color: #006bff;
}
.discount-history .history-list__detail .order-detail .button-cta .button-text {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #006bff;
}
.discount-history .history-list__detail .order-price-box .text-inner {
  font-size: 16px;
}
.discount-info {
  width: 578px;
  padding-inline: 40px;
  padding-top: 22px;
  padding-bottom: 30px;
}
.discount-info .helper-list {
  margin-top: 4px;
}
.discount-info .helper-list .helper.st-dotted {
  margin-left: 8px;
}
.discount-info .helper-list .helper.st-dotted:before {
  width: 3px;
  height: 3px;
  margin-top: 10px;
}
.container-fixed-wide .module-catalog-anchor .module-catalog .col-8-6 {
  width: 100%;
  margin-inline: auto;
}
.main-billboard-hero {
  margin-bottom: 40px;
}
.view-goods-top {
  display: flex;
  justify-content: space-between;
}
.view-goods-start {
  width: 776px;
  word-break: break-all;
}
.view-goods-hero {
  position: relative;
}
.view-goods-hero .view-goods-violators {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}
.view-goods-hero .view-goods-violators .violator {
  border-radius: 4px;
}
.view-goods-hero .carousel .carousel-item {
  margin: 0 4px;
  width: 384px;
  cursor: pointer;
}
.view-goods-hero .carousel .carousel-item:before {
  display: block;
  padding-top: 132%;
  content: "";
}
.view-goods-hero .carousel .st-video.st-video-view,
.view-goods-hero .carousel .carousel-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
}
.view-goods-hero .view-goods-soldout {
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #0003;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.view-goods-hero-start .spot-visual .spot-video-container {
  padding-bottom: 133.25%;
}
.view-goods-hero-thumb {
  margin-top: 24px;
}
.view-goods-hero-thumb .spot-visual {
  width: auto;
  height: 100%;
}
.view-goods-hero-thumb .spot-visual.st-video:after {
  width: 24px;
  height: 24px;
  background-image: url("../img/icons/icon-play-fill__white.png");
  background-size: 100%;
}
.view-goods-hero-thumb .thumb-button {
  position: relative;
  display: flex;
  width: auto;
  height: 85px;
}
.view-goods-hero-thumb .thumb-button .img-fluid {
  height: 100%;
  width: auto;
}
.view-goods-hero-thumb .thumb-button .img-fluid:first-child {
  margin-right: 1px;
}
.view-goods-hero-thumb .thumb-button:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #0000001a;
}
.view-goods-hero-thumb .thumb-button.active:before {
  display: none;
}
.view-goods-hero-thumb .thumb-button.active:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border: 1px solid #000;
}
.view-goods-end {
  position: relative;
  width: 376px;
}
.view-goods-benefit {
  position: relative;
  background-color: #fafbff;
  border: solid 1px #144fff;
  height: 52px;
  border-radius: 4px;
}
.view-goods-benefit:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 7px;
  background: url("../img/view-goods-get-coupon-mask.png");
  background-size: 14px 7px;
  top: -1px;
  right: 45px;
}
.view-goods-benefit:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 7px;
  background: url("../img/view-goods-get-coupon-mask.png");
  background-size: 14px 7px;
  bottom: -1px;
  right: 45px;
  rotate: 180deg;
}
.view-goods-benefit .bubble {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(8px) translateY(-20px);
  padding: 8px 15px;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s ease-in-out,
    visibility 0.3s ease-in-out;
}
.view-goods-benefit .bubble .bubble-text {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
}
.view-goods-benefit .bubble.is-active {
  opacity: 1;
  visibility: visible;
}
.view-goods-benefit .till-timer-number {
  font-weight: 600;
}
.view-goods-get-coupon {
  flex: none;
  width: 54px;
}
.view-goods-share {
  position: absolute;
  top: 4px;
  right: 0;
  z-index: 1;
}
.view-goods-share .share-list {
  opacity: 0;
  visibility: hidden;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background-color: #fff;
}
.view-goods-share .share-list .icon {
  margin-left: 16px;
}
.view-goods-info {
  position: relative;
  height: 2080px;
  overflow: hidden;
}
.view-goods-info .speedycat-container img {
  display: block;
}
.view-goods-info .spot-visual .spot-video-container {
  position: absolute;
  top: 0;
  left: 0;
}
.view-goods-info.active {
  height: auto;
  overflow: visible;
}
.view-goods-info .col-6-4.offset-6-1 img {
  width: 100% !important;
  height: auto !important;
  vertical-align: top;
}
.view-goods-info .col-6-4.offset-6-1.mt-0 img,
.view-goods-info .col-6-4.offset-6-1 .speedycat-container img {
  margin-top: 0;
}
.view-goods-info .view-goods-text img {
  width: 100% !important;
  height: auto !important;
}
.view-goods-info .view-goods-more {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.view-goods-info .view-goods-more .dimmed-mask-gradient {
  height: 300px;
}
.view-goods-info .view-goods-more .button-more {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 137px;
  margin: 0 auto;
}
.view-goods-sticky__wrap .view-goods-sticky {
  background-color: #fff;
}
.view-goods-sticky__wrap.st-fixed .view-goods-sticky {
  padding-top: 16px;
  width: 376px;
  position: fixed;
  left: 50%;
  top: 73px;
  z-index: 99;
  margin-left: 264px;
}
.view-goods-sticky__wrap.st-fixed.st-bottom .view-goods-sticky {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  z-index: 1;
  margin-left: 0;
}
#viewGoodsScrollSpy.st-fixed .navigator.st-tab {
  width: 776px;
  left: 50%;
  margin-left: -640px;
}
#viewGoodsScrollSpy.st-wide .navigator.st-tab {
  width: 1280px;
}
.rich-section .heading {
  line-height: 44px;
}
.rich-section .catalog-list {
  --tt-gutter-x: 6.25px;
}
.rich-section .rich-checkout {
  max-width: 864px;
  gap: 102px;
}
.rich-section .checkout-price {
  width: 336px;
}
.rich-section .checkout-box,
.rich-section .rich-checkout + .checkout-box {
  width: 408px;
}
.rich-section .tile-thumb {
  width: 238px;
  height: 318px;
}
.digital-book-content {
  opacity: 1;
  visibility: visible;
  transition: opacity 1s ease;
}
.digital-book-content.is-hidden {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.view-goods-group {
  margin-top: 96px;
}
.view-goods-group .carousel.st-col-6 .carousel-nav {
  top: 104px;
}
.view-goods-group .catalog-item.st-tile .tile-brand {
  font-size: 12px;
  line-height: normal;
}
.view-goods-group .catalog-item.st-tile.st-simple .tile-body {
  padding-right: 0;
}
.view-goods-summary + .view-goods-group,
.brand-select-container + .view-goods-group,
.summary-list + .view-goods-group,
.summary-content + .view-goods-group {
  margin-top: 23px;
  padding-top: 64px;
  border-top: 1px solid #eee;
}
[data-component-pin="spc-mgz-evt-view"] img.img-fluid {
  display: block !important;
}
[data-component-pin="spc-mgz-evt-view"] grfk-sstm-code-box {
  width: 100% !important;
}
[data-component-pin="spc-mgz-evt-view"] grfk-sstm-wrapper {
  height: auto !important;
}
[data-component-pin="spc-mgz-evt-view"] grfk-sstm[id$="-bd"] {
  position: relative;
  width: auto !important;
  height: auto !important;
  left: unset !important;
  top: unset !important;
}
[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"] {
  margin-top: 23px !important;
  margin-bottom: 23px !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: 112px !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-"] .mt-40,
[data-component-pin="spc-mgz-evt-view"] .row.gy-112 {
  margin: unset !important;
  --tt-gutter-x: unset !important;
  --tt-gutter-y: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_"] .module-heading .heading {
  padding: unset !important;
  margin: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] .col-7-3 {
  width: 720px;
}
[data-component-pin="spc-mgz-evt-view"] .offset-7-2 {
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
[data-component-pin="spc-mgz-evt-view"] .text-inner {
  margin-top: unset;
  margin-bottom: unset;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_"] .module-heading {
  margin-top: 112px !important;
  margin-bottom: 40px !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_BANNER"] .indicator-progress,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_SAME_RATIO_IMG"] .indicator-progress,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO"] .indicator-progress,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_SET"] .indicator-progress {
  position: absolute;
  top: unset;
  left: 50%;
  bottom: 40px;
  z-index: 1;
  margin-top: unset;
  width: 92%;
  background-color: #eeeeee4d;
  transform: translate(-50%);
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_BANNER"] .indicator-progress.video-indicator,
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_SAME_RATIO_IMG"]
  .indicator-progress.video-indicator,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO"] .indicator-progress.video-indicator,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_SET"] .indicator-progress.video-indicator {
  position: relative;
  bottom: unset;
  width: 100%;
  background-color: #eee;
  margin-top: 16px !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_BANNER"]
  .indicator-progress.video-indicator
  .swiper-pagination-progressbar-fill,
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_SAME_RATIO_IMG"]
  .indicator-progress.video-indicator
  .swiper-pagination-progressbar-fill,
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO"]
  .indicator-progress.video-indicator
  .swiper-pagination-progressbar-fill,
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_SET"]
  .indicator-progress.video-indicator
  .swiper-pagination-progressbar-fill {
  background-color: #000;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_BANNER"] .swiper-pagination-progressbar-fill,
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_SAME_RATIO_IMG"]
  .swiper-pagination-progressbar-fill,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO"] .swiper-pagination-progressbar-fill,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_IMG_SET"] .swiper-pagination-progressbar-fill {
  background-color: #fff;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CMMN_CONTT_IMG_SLIDE_A"] .indicator-progress {
  display: none;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_NOTI"] {
  margin-top: 40px !important;
  margin-bottom: 112px !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_NOTI"]:last-child {
  margin-bottom: 0 !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_"] .module-catalog {
  margin-top: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_SALES_DEAL_GOD"] .module-heading {
  margin-bottom: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_ITEMS_ITEM_PICK"] > .row,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_ITEMS_ITEM_PICK"] > .row > * {
  margin-top: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_ITEMS_ITEM_PICK"] > .row > div:first-child .module-heading {
  margin-top: 0 !important;
}
[data-component-pin="spc-mgz-evt-view"] .swiper-slide[onclick] {
  cursor: pointer !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_HTML"] .custom-swiper-container {
  width: 100% !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_D"] [class^="module-movie"] {
  margin-bottom: 20px !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_D"] .swiper-slide:nth-child(2):last-child {
  margin-left: 8px;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_D"] .indicator-progress {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #eee;
  margin: 16px auto 0;
  transform: unset;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_D"]
  .indicator-progress
  .swiper-pagination-progressbar-fill {
  background-color: #000;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_MGZ_MORE_CONTT"] {
  margin-top: 40px !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="attention"],
[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_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_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_MGZ_TAB_GRP"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_MGZ_MORE_CONTT"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CONTT_BRND"],
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_DSP_CMMN_ETC_CMMN_CONTT_IMG_SLIDE_A"] {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_PROMT_SALES_GOOD_DEAL"] .module-catalog {
  margin-top: 112px !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_ROULETTE"] #module-roulette.module-bg {
  position: relative !important;
  width: 720px !important;
  height: 1060px !important;
  margin: 0 auto !important;
  background-size: cover !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_ROULETTE"] #module-roulette.module-bg > div {
  height: 100% !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_ROULETTE"] #module-roulette.module-bg .module-roulette {
  height: 100% !important;
  margin-top: unset !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  > .row.gx-8 {
  position: relative;
  display: block !important;
  width: 100%;
  height: 100%;
  margin: unset !important;
  padding: unset !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  > .row.gx-8
  > .col-8-4.offset-8-2 {
  position: absolute !important;
  display: block !important;
  width: 550px !important;
  margin: unset !important;
  padding: unset !important;
  left: 50% !important;
  bottom: 700px;
  transform: translate(-50%) !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  > .row.gx-8
  > .col-8-4.offset-8-2
  > .row.gx-8.mt-56 {
  width: 100% !important;
  padding: unset !important;
  margin: 0 auto !important;
  display: flex !important;
  gap: 20px;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  > .row.gx-8
  > .col-8-4.offset-8-2
  > .row.gx-8.mt-56
  #snsId {
  width: 100%;
  height: 80px !important;
  font-size: 26px;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  > .row.gx-8
  > .col-8-4.offset-8-2
  > .row.gx-8.mt-56
  #snsId::-moz-placeholder {
  font-size: 26px;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  > .row.gx-8
  > .col-8-4.offset-8-2
  > .row.gx-8.mt-56
  #snsId::placeholder {
  font-size: 26px;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  > .row.gx-8
  > .col-8-4.offset-8-2
  > .row.gx-8.mt-56
  .checkbox
  .checkbox-icon {
  width: 30px;
  height: 30px;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  > .row.gx-8
  > .col-8-4.offset-8-2
  > .row.gx-8.mt-56
  .checkbox
  .checkbox-label {
  font-size: 18px;
  line-height: 30px;
  margin-left: 16px;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  > .row.gx-8
  > .col-8-4.offset-8-2
  > .row.gx-8.mt-56
  .helper.st-warning,
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  > .row.gx-8
  > .col-8-4.offset-8-2
  > .row.gx-8.mt-56
  .helper.mt-16 {
  font-size: 18px;
  line-height: 30px;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  > .row.gx-8
  > .col-8-4.offset-8-2
  > .row.gx-8.mt-56
  .text-input-box.mt-24 {
  margin-top: unset !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  > .row.gx-8
  > .col-8-4.offset-8-2
  > .row.gx-8.mt-56
  > .col-4.offset-2 {
  margin: unset !important;
  padding: unset !important;
  width: 100% !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  .module-box {
  position: absolute !important;
  margin: unset !important;
  padding: unset !important;
  display: block !important;
  bottom: 60px !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_ROULETTE"]
  #module-roulette.module-bg
  .module-roulette
  .module-box
  > .col-6-2 {
  width: 600px !important;
  padding: unset !important;
  margin: 0 auto !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_RANDOM"] #module-random.module-bg[style] {
  height: 850px;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_RANDOM"] #module-random.module-bg[style] .module-random,
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_RANDOM"] #module-random.module-bg[style] [id="applcnForm"] {
  height: 100%;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_RANDOM"] #module-random.module-bg[style] #randomSlot {
  position: absolute;
  left: 50%;
  bottom: 230px;
  transform: translate(-50%);
  display: block !important;
  margin: unset !important;
  padding: unset !important;
  width: auto !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg[style]
  #randomSlot
  .module-slot {
  width: auto;
  padding: unset !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg[style]
  #randomSlot
  .module-slot__box {
  font-size: 200px;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg[style]
  #randomSlot
  .module-slot__num {
  font-size: 200px;
  height: 234px;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg[style]
  #randomSlot
  .module-slot__first,
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg[style]
  #randomSlot
  .module-slot__last {
  width: 128px !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_RANDOM"] #module-random.module-bg {
  width: 720px !important;
  margin: 0 auto !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_RANDOM"] #module-random.module-bg .module-random {
  margin-top: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_RANDOM"] #module-random.module-bg [id="applcnForm"] > .row.gx-8 {
  position: relative;
  display: block !important;
  width: 100%;
  height: 100%;
  min-height: 300px;
  margin: unset !important;
  padding: unset !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg
  [id="applcnForm"]
  .col-8-2.offset-8-3 {
  width: 100%;
  margin: unset !important;
  padding: unset !important;
}
[data-component-pin="spc-mgz-evt-view"] [id^="cnr_EVT_RANDOM"] #module-random.module-bg .col-8-4.offset-8-2:last-child {
  margin: unset !important;
  padding: unset !important;
  width: 100%;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg
  .col-8-4.offset-8-2:last-child
  > .row.gx-8.mt-56 {
  margin: unset !important;
  padding: unset !important;
  display: flex !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg
  .col-8-4.offset-8-2:last-child
  > .row.gx-8.mt-56
  .col-4.offset-2 {
  width: 600px;
  margin: 0 auto 20px;
  padding: unset !important;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg
  .col-8-4.offset-8-2:last-child
  > .row.gx-8.mt-56
  .col-4.offset-2
  .checkbox
  .checkbox-icon {
  width: 30px;
  height: 30px;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg
  .col-8-4.offset-8-2:last-child
  > .row.gx-8.mt-56
  .col-4.offset-2
  .checkbox
  .checkbox-label {
  font-size: 18px;
  line-height: 30px;
  margin-left: 16px;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg
  .col-8-4.offset-8-2:last-child
  > .row.gx-8.mt-56
  .col-4.offset-2
  .helper.st-warning {
  font-size: 18px;
  line-height: 30px;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg
  .col-8-4.offset-8-2:last-child
  > .row.gx-8.mt-56
  #applcnRandom {
  height: 90px;
  margin-bottom: 0;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg
  .col-8-4.offset-8-2:last-child
  > .row.gx-8.mt-56
  #applcnRandom
  button {
  width: 100%;
  height: 100%;
}
[data-component-pin="spc-mgz-evt-view"]
  [id^="cnr_EVT_RANDOM"]
  #module-random.module-bg
  .col-8-4.offset-8-2:last-child
  > .row.gx-8.mt-56
  #applcnRandom
  button
  #randomSpan {
  padding: unset !important;
  font-size: 28px;
}
[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;
}
section:has(#recommendProducts),
section:has(#livePopularProducts),
section:has(.cnr-margin) {
  margin-top: 112px;
}
[id^="cnr_DSP_CMMN_ETC_CONTT_VIDEO_C"] .module-box.st-carousel .spot-video-container:after,
.archive-corner .module-box.st-carousel .spot-video-container:after {
  content: "";
  position: absolute;
  inset: 60px 0;
  pointer-events: auto;
  z-index: 5;
  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;
}
[id^="cnr_"].digital-book-section {
  margin-inline: auto !important;
}
main.row > .main-billboard-hero {
  --tt-gutter-y: 30px;
}
.main-billboard-hero + section:has(.module-carousel-text) {
  --tt-gutter-y: 65px;
}
.magazine-contents .st-overlay {
  position: relative;
}
.magazine-contents .st-overlay:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, #0000 28%, #00000080);
  opacity: 0.8;
}
.magazine-contents .violator {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 6px;
  font-size: 11px;
  line-height: 1;
}
.magazine-contents .monthly-magazine-container,
.magazine-contents .monthly-section {
  padding: 0 36px;
}
.magazine-contents .module-heading .heading {
  padding: 0;
  line-height: 42px;
}
.magazine-contents .module-heading .heading .text-inner {
  word-break: break-all;
  display: -webkit-box;
  max-height: 2688px;
  font-size: 32px;
  line-height: 42px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.magazine-contents .module-heading .heading + .heading-text {
  margin-top: 0;
  line-height: 30px;
}
.issue-section .copy-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 0 0;
  background-color: #fff;
  z-index: 2;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.issue-section .copy-wrap__text {
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  line-height: 30px;
}
.issue-section .copy-wrap__text .text-inner {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.issue-section .copy-wrap__title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 26px;
}
.issue-section .copy-wrap__title .text-inner {
  display: -webkit-box;
  max-height: 1040px;
  font-size: 20px;
  line-height: 26px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.issue-section .issue-thumb-slider {
  position: relative;
}
.issue-section .issue-thumb-slider .copy-wrap {
  position: absolute;
  left: -1px;
  bottom: -1px;
  opacity: 0;
  padding: 16px 30px;
  width: 350px;
}
.issue-section .issue-thumb-slider .swiper-slide {
  position: relative;
  width: 408px;
}
.issue-section .issue-thumb-slider .swiper-slide.swiper-slide-active:after {
  opacity: 0;
  visibility: hidden;
}
.issue-section .issue-thumb-slider .swiper-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  background-color: #0009;
  transition:
    opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1),
    visibility 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 2;
}
.issue-section .issue-thumb-slider .swiper-slide .link.is-active .copy-wrap {
  opacity: 1;
}
.issue-section .issue-thumb-slider .link {
  display: block;
}
.issue-section .issue-thumb-slider .monthly-visual {
  width: 100%;
}
.issue-section .issue-thumb-slider .monthly-visual img {
  width: 100%;
  aspect-ratio: 3/4;
  -o-object-fit: cover;
  object-fit: cover;
}
.issue-section .issue-thumb-slider .swiper-button-prev {
  left: auto;
  right: 236px;
}
.issue-section .issue-thumb-slider .swiper-button-next {
  right: auto;
  left: 236px;
}
.issue-section .issue-thumb-slider .swiper-pagination {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
  height: 27px;
  padding: 0 10px;
  background-color: #0000004d;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff80;
}
.issue-section .issue-thumb-slider .swiper-pagination-current {
  color: #fff;
}
.issue-section .issue-thumb-slider .swiper-slide:not(.swiper-slide-active) .swiper-pagination {
  opacity: 0;
}
.issue-section .swiper-button-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
}
.issue-section .swiper-button-wrap .swiper-button-prev,
.issue-section .swiper-button-wrap .swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  top: -50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  margin-top: 0;
  border: 1px solid #eee;
  border-radius: 4px;
}
.issue-section .swiper-button-wrap .swiper-button-prev:after,
.issue-section .swiper-button-wrap .swiper-button-next:after {
  content: "";
  display: block;
  width: 8px;
  height: 13px;
  font-size: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.issue-section .swiper-button-wrap .swiper-button-prev.st-black:after {
  transform: rotate(-180deg);
  background-image: url("../img/icons/icon-arrow-next__black.png");
}
.issue-section .swiper-button-wrap .swiper-button-next.st-black:after {
  background-image: url("../img/icons/icon-arrow-next__black.png");
}
.issue-section .swiper-button-wrap .swiper-button-prev:after {
  background-image: url("../img/icons/icon-arrow-prev__white.png");
}
.issue-section .swiper-button-wrap .swiper-button-next:after {
  background-image: url("../img/icons/icon-arrow-next__white.png");
}
.issue-section .swiper-button-wrap.st-black .swiper-button-prev,
.issue-section .swiper-button-wrap.st-black .swiper-button-next {
  margin: 0;
  background-color: #fff;
}
.monthly-visual-wrap {
  position: relative;
}
.monthly-visual-wrap .st-overlay:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: unset;
  background-color: #00000080;
  z-index: 1;
  opacity: 1;
}
.monthly-visual-wrap .monthly-visual {
  position: relative;
  width: 470px;
  height: 626px;
  margin: 0 auto;
}
.monthly-visual-wrap .monthly-visual img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.monthly-visual-wrap .monthly-visual--bg {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  width: 100%;
  height: auto;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
}
.monthly-visual-wrap .monthly-visual--bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: scale(1.2);
  filter: blur(10px);
}
.monthly-visual-wrap .monthly-visual-carousel .swiper-slide,
.monthly-visual-wrap .monthly-visual-carousel .monthly-visual {
  height: 100%;
}
.monthly-visual-wrap .monthly-visual-carousel .swiper-slide .spot-img,
.monthly-visual-wrap .monthly-visual-carousel .monthly-visual .spot-img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.monthly-visual-wrap .monthly-visual-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  z-index: 1;
}
.monthly-visual-wrap .monthly-visual-text .date-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.monthly-visual-wrap .monthly-visual-text .date-wrap .date {
  font-weight: 600;
  color: #fff;
  max-width: 261px;
  word-break: break-all;
  display: -webkit-box;
  max-height: 5280px;
  font-size: 48px;
  line-height: 55px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.monthly-visual-wrap .monthly-visual-text .monthly-covered {
  width: 350px;
}
.monthly-visual-wrap .monthly-visual-text .spot-text {
  font-weight: 400;
  color: #fff;
  word-break: break-all;
  height: 100%;
  display: -webkit-box;
  max-height: 9152px;
  font-size: 16px;
  line-height: 26px;
  -webkit-line-clamp: 22;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.monthly-visual-wrap .monthly-visual-text .text-clamp_15-lines {
  display: -webkit-box;
  max-height: 6240px;
  font-size: 16px;
  line-height: 26px;
  -webkit-line-clamp: 15;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.btn-subscribe {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 42px;
  padding: 0 18px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  border-radius: 20px;
  background-color: #fff;
  transition:
    border 0.3s ease-in-out,
    background-color 0.3s ease-in-out;
}
.btn-subscribe.is-active {
  background-color: #000;
  color: #fff;
}
.btn-subscribe.st-white {
  color: #000;
  background-color: #fff;
}
.btn-subscribe.st-white.is-active {
  color: #fff;
  border: 1px solid #fff;
  background-color: #000;
}
.btn-subscribe .icon-bell {
  width: 19.5px;
}
.instagram-section .insta-wrapper .tile-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.news-list {
  display: flex;
  flex-wrap: wrap;
  gap: 13.33px 0;
}
.news-list__link {
  display: flex;
  align-items: center;
  height: 102px;
  padding: 0 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  transition: border-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.news-list__link .title {
  flex: 1;
  font-weight: 600;
  color: #000;
  display: -webkit-box;
  max-height: 864px;
  font-size: 18px;
  line-height: 24px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.news-list__link .icon-chevron-right {
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
}
.news-list__link:hover {
  border-color: #000;
}
.feed-display-preview .catalog-utility .utility-end .selectbox-text {
  text-align: right;
}
.monthly-banner-carousel .swiper-wrapper,
.monthly-cntbanner-carousel .swiper-wrapper {
  height: 100%;
}
.monthly-banner-carousel .swiper-wrapper:has(.swiper-slide:only-child),
.monthly-cntbanner-carousel .swiper-wrapper:has(.swiper-slide:only-child) {
  justify-content: center;
}
.monthly-banner-carousel .swiper-slide,
.monthly-cntbanner-carousel .swiper-slide {
  width: calc((100% - 8px) / 2);
  height: 100%;
}
.monthly-banner-carousel .swiper-slide img,
.monthly-cntbanner-carousel .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.monthly-banner-carousel .swiper-slide:nth-child(-n + 1),
.monthly-cntbanner-carousel .swiper-slide:nth-child(-n + 1) {
  margin-right: 8px;
}
.monthly-banner-carousel__link,
.monthly-cntbanner-carousel__link {
  display: block;
  height: 100%;
}
.monthly-banner-carousel .monthly-banner-wrap,
.monthly-cntbanner-carousel .monthly-banner-wrap {
  position: relative;
}
.monthly-banner-carousel .monthly-banner-wrap__title,
.monthly-cntbanner-carousel .monthly-banner-wrap__title {
  position: relative;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  color: #fff;
}
.monthly-banner-carousel .monthly-banner-wrap__title .text-inner,
.monthly-cntbanner-carousel .monthly-banner-wrap__title .text-inner {
  display: -webkit-box;
  max-height: 1632px;
  font-size: 24px;
  line-height: 34px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.monthly-banner-carousel .monthly-banner-wrap__visual,
.monthly-cntbanner-carousel .monthly-banner-wrap__visual {
  width: 616px;
  height: 325px;
}
.monthly-banner-carousel .monthly-banner-wrap__body,
.monthly-cntbanner-carousel .monthly-banner-wrap__body {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  padding: 40px;
}
.monthly-banner-carousel .monthly-banner-wrap__body:before,
.monthly-cntbanner-carousel .monthly-banner-wrap__body:before {
  opacity: 0.5;
}
.monthly-banner-carousel__link {
  width: 616px;
  height: 171px;
}
.magazine-list .tile-link {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.magazine-list .tile-thumb {
  overflow: hidden;
  display: block;
  height: 404px;
  border-radius: 10px;
}
.magazine-list .tile-thumb img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.magazine-list .tile-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: #000;
}
.magazine-list .tile-title .text-ellipsis-2,
.magazine-list .tile-title.text-ellipsis-2 {
  display: -webkit-box;
  max-height: 1040px;
  font-size: 20px;
  line-height: 26px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.magazine-list .tile-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.magazine-list .tile-text .text-inner {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.magazine-list .tile-text .text-ellipsis-2,
.magazine-list .tile-text.text-ellipsis-2 {
  display: -webkit-box;
  max-height: 936px;
  font-size: 18px;
  line-height: 26px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.panorama-carousel {
  position: relative;
  perspective: 2280px;
  padding-top: 67px;
  padding-bottom: 120px;
  margin-top: -40px;
}
.panorama-carousel .swiper-wrapper {
  transform-style: preserve-3d;
}
.panorama-carousel .swiper-slide {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 381px;
  transform-style: preserve-3d;
  transition-property: transform;
}
.panorama-carousel .swiper-slide.is-visible .panorama-copy {
  opacity: 1;
}
.panorama-carousel .spot-visual {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.panorama-carousel .spot-visual-img {
  overflow: hidden;
  width: 100%;
  height: 507px;
  border-radius: 10px;
  aspect-ratio: 3/4;
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.panorama-carousel .spot-visual-img .tile-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.panorama-carousel .swiper-button-wrap {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: 38px;
  gap: 471px;
}
.panorama-carousel .swiper-pagination-wrap,
.panorama-carousel .swiper-button-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.panorama-carousel .swiper-pagination-wrap .swiper-button-prev,
.panorama-carousel .swiper-pagination-wrap .swiper-button-next,
.panorama-carousel .swiper-button-wrap .swiper-button-prev,
.panorama-carousel .swiper-button-wrap .swiper-button-next {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.panorama-carousel .swiper-pagination-wrap .swiper-button-prev:after,
.panorama-carousel .swiper-pagination-wrap .swiper-button-next:after,
.panorama-carousel .swiper-button-wrap .swiper-button-prev:after,
.panorama-carousel .swiper-button-wrap .swiper-button-next:after {
  content: "";
  display: block;
  width: 8px;
  height: 13px;
  font-size: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.panorama-carousel .swiper-pagination-wrap .swiper-button-prev.st-black:after,
.panorama-carousel .swiper-button-wrap .swiper-button-prev.st-black:after {
  transform: rotate(-180deg);
  background-image: url("../img/icons/icon-arrow-next__black.png");
}
.panorama-carousel .swiper-pagination-wrap .swiper-button-next.st-black:after,
.panorama-carousel .swiper-button-wrap .swiper-button-next.st-black:after {
  background-image: url("../img/icons/icon-arrow-next__black.png");
}
.panorama-carousel .swiper-pagination-wrap .swiper-button-prev:after,
.panorama-carousel .swiper-button-wrap .swiper-button-prev:after {
  background-image: url("../img/icons/icon-arrow-prev__white.png");
}
.panorama-carousel .swiper-pagination-wrap .swiper-button-next:after,
.panorama-carousel .swiper-button-wrap .swiper-button-next:after {
  background-image: url("../img/icons/icon-arrow-next__white.png");
}
.panorama-carousel .swiper-pagination-wrap.st-black .swiper-button-prev,
.panorama-carousel .swiper-pagination-wrap.st-black .swiper-button-next,
.panorama-carousel .swiper-button-wrap.st-black .swiper-button-prev,
.panorama-carousel .swiper-button-wrap.st-black .swiper-button-next {
  background-color: #fff;
}
.panorama-text-wrap {
  position: absolute;
  bottom: 56px;
  left: 50%;
  transform: translate(-50%);
  width: 381px;
  height: 64px;
}
.panorama-text-wrap .panorama-copy {
  position: absolute;
  top: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 24px;
  opacity: 0;
  transition: opacity 0.3s linear;
}
.panorama-text-wrap .panorama-copy.is-visible {
  opacity: 1;
}
.panorama-text-wrap .panorama-copy__title {
  font-weight: 600;
  display: -webkit-box;
  max-height: 1440px;
  font-size: 24px;
  line-height: 30px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.panorama-text-wrap .panorama-copy__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.container-616 {
  width: 616px;
  margin: 0 auto;
}
.container-824 {
  width: 824px;
  margin: 0 auto;
}
.issue-section .issue-thumb-slider .swiper-button-next {
  right: 0;
  margin-right: 25.0951126719%;
  left: unset;
}
.issue-section .swiper-button-wrap {
  width: 100%;
}
.issue-section .issue-thumb-slider .swiper-button-prev {
  margin-left: 25.0951126719%;
  right: unset;
  left: 0;
}
.mt-64 {
  margin-top: 3.5874439462% !important;
}
.gy-112 {
  --tt-gutter-y: 6.2780269058%;
}
.module-heading + :where(*):not(.container-fixed-md) {
  margin-top: 1.3452914798%;
}
.billboard-hero .module-catalog-carousel-hero .w-434 {
  width: 24.5197740113% !important;
}
.billboard-hero .module-catalog-carousel-hero .w-434 img {
  width: 100%;
}
.main-billboard-hero {
  margin-bottom: 2.2421524664%;
}
.main-billboard-hero:has(.st-polhamshop) {
  margin-bottom: 3.9237668161%;
}
.main-billboard-hero .module-catalog-carousel-hero__inner {
  width: 78.3333333333%;
  padding: 0;
  margin-left: 10.4444444444%;
}
.main-billboard-hero .module-catalog-carousel-hero .carousel-item {
  width: 33.3333333333%;
}
.main-billboard-hero .module-catalog-carousel-hero .w-434 {
  width: 30.780141844% !important;
}
.main-billboard-hero .module-catalog-carousel-hero .w-434 img {
  width: 100%;
}
.main-billboard-hero .module-catalog-carousel-hero .indicator-player {
  width: 94.609929078%;
  margin-left: auto;
  margin-right: auto;
}
.main-billboard-hero .module-catalog-carousel-hero .marketspot {
  display: block;
  width: 100%;
  padding-bottom: 121.7021276596%;
}
.main-billboard-hero .module-catalog-carousel-hero .marketspot .spot-copy.st-overlay {
  bottom: 0;
  padding: 0 8.5106382979%;
  margin-bottom: 11.4893617021%;
}
.main-billboard-hero .module-catalog-carousel-hero .marketspot .spot-copy.st-hero .spot-text + .spot-title {
  margin-top: 2.0512820513%;
}
.main-billboard-hero .module-catalog-carousel-hero .marketspot .spot-copy.st-hero .spot-title + .spot-text {
  margin-top: 2.0512820513%;
}
.main-billboard-hero .module-catalog-carousel-hero .spot-visual.st-maxi {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
}
.main-billboard-hero .module-catalog-carousel-hero .spot-visual.st-maxi.st-video {
  height: 100%;
}
.main-billboard-hero .module-catalog-carousel-hero .carousel-nav {
  margin-top: -2.8368794326%;
}
.main-billboard-hero .module-catalog-carousel-hero .carousel-nav.carousel-prev {
  left: 0;
  margin-left: -6.9503546099%;
  padding: 0.5673758865%;
}
.main-billboard-hero .module-catalog-carousel-hero .carousel-nav.carousel-next {
  right: 0;
  margin-right: -6.9503546099%;
  padding: 0.5673758865%;
}
.catalog-item.st-tile .tile-thumb .tile-number {
  width: 9.3023255814%;
  height: 0;
  padding-bottom: 9.3023255814%;
}
.catalog-item.st-tile .tile-thumb .tile-number .tile-ranking {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.spot-utility {
  margin-top: -7.3732718894%;
  padding: 0 11.0599078341% 0 3.6866359447%;
}
.spot-utility .spot-thumb {
  width: 17.2972972973%;
  height: 0;
  padding-bottom: 17.2972972973%;
}
.spot-utility .spot-thumb .spot-img {
  height: auto;
}
.w-344 {
  width: 19.2825112108% !important;
}
.carousel.st-free .carousel-item {
  margin-right: 0.8968609865%;
}
.carousel .indicator-player {
  margin-top: 1.4440433213%;
}
.module-brand-multi .row.gy-16 {
  --tt-gutter-y: 1.4705882353%;
}
.module-brand-multi .carousel-item {
  margin: 0 !important;
}
.module-brand-multi .carousel-item:not(:last-child) {
  margin-right: 1.4705882353% !important;
}
.module-brand-multi img {
  width: 78.3582089552%;
}
.module-brand-multi .brand-thumb {
  height: auto;
  padding: 7.1428571429% 7.7380952381%;
}
.module-brand-multi .swiper-slide .row .col-6-1 {
  width: 15.4411764706%;
}
.module-carousel-text img {
  display: block;
  width: 100%;
}
.module-spot-carousel .carousel .carousel-nav,
.module-catalog-carousel.nav-md .carousel .carousel-nav,
.module-catalog-carousel.nav-lg .carousel .carousel-nav {
  width: 3.1390134529%;
  padding: 0.8968609865%;
}
.module-spot-carousel .carousel .carousel-nav .icon,
.module-catalog-carousel.nav-md .carousel .carousel-nav .icon,
.module-catalog-carousel.nav-lg .carousel .carousel-nav .icon {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.module-catalog-carousel.nav-lg .carousel.st-col-6 .carousel-nav {
  top: 0;
  transform: translateY(0);
  margin-top: 9.0807174888%;
}
.module-catalog-carousel-recommend {
  margin-top: 2.2421524664%;
}
.module-catalog-carousel-recommend .carousel .tile-per + .tile-brand {
  margin-top: 4.6511627907%;
}
.module-catalog-carousel-recommend .carousel .catalog-item.st-tile.st-deal .tile-brand:first-child {
  margin-top: 14.2441860465%;
}
.module-catalog-carousel-recommend .carousel .carousel-nav {
  width: 3.1390134529%;
  padding: 0.8968609865%;
  margin-top: 11.2107623318%;
  top: 0;
}
.module-catalog-carousel-recommend .carousel .carousel-nav .icon {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.module-catalog-carousel-recommend .catalog-item.st-tile .tile-body {
  padding-top: 6.976744186%;
}
.module-catalog-carousel-deal .tile-per + .tile-brand {
  margin-top: 4.6511627907%;
}
.module-catalog-carousel-deal .catalog-item.st-tile.st-deal .tile-brand:first-child {
  margin-top: 14.2441860465%;
}
.module-catalog-carousel-deal .carousel-item {
  width: 24.3273542601%;
}
.module-catalog-carousel-deal .carousel .carousel-nav {
  width: 3.1390134529%;
  padding: 0.8968609865%;
  margin-top: 11.2107623318%;
  top: 0;
}
.module-catalog-carousel-deal .carousel .carousel-nav .icon {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.module-carousel-single img {
  display: block;
  width: 100%;
}
.module-carousel-single .carousel .indicator-progress {
  margin-top: 1.7991004498%;
}
.module-catalog-tab .module-tab-second {
  margin-bottom: 2.2421524664%;
}
.catalog-item.st-tile.st-horizon.st-sm .tile-thumb {
  width: 22.3880597015%;
}
.col-8-6 .col-6-2 .catalog-item.st-tile.st-horizon.st-sm .tile-thumb {
  width: 23.3160621762%;
}
.col-8-6 .col-6-2 .catalog-item.st-tile.st-horizon.st-sm .tile-body {
  padding: 0 0 0 8.1081081081%;
}
.col-8-6 .col-6-2 .catalog-item.st-tile.st-horizon.st-sm .tile-price-box {
  margin-top: 2.9411764706%;
}
.col-8-6 .catalog-item.st-tile.st-horizon.st-sm .tile-thumb {
  width: 13.6570561457%;
}
.col-8-6 .module-box .catalog-item.st-tile.st-horizon.st-sm {
  width: 100%;
}
.col-8-6 .module-box .catalog-item.st-tile.st-horizon.st-sm .tile-thumb {
  flex-shrink: 0;
  width: 21.1764705882%;
}
.col-8-6 .module-box .catalog-item.st-tile.st-horizon.st-sm .tile-body {
  padding-left: 4.776119403%;
}
.catalog-item.st-tile.st-horizon .tile-link {
  width: 100%;
}
.catalog-item.st-tile.st-horizon .tile-body {
  width: 100%;
  padding: 0 0 0 5.9701492537%;
}
.module-catalog-tab {
  margin-top: 1.3452914798%;
}
.mt-32 {
  margin-top: 1.7937219731% !important;
}
.view-goods-container .mt-32 {
  margin-top: 32px !important;
}
.view-goods-container .mt-64 {
  margin-top: 64px !important;
}
.catalog-item.st-tile .tile-price-box {
  margin-top: 5.4607508532%;
}
.module-catalog-brand-goods.container-fixed-wide {
  width: 100%;
}
.module-catalog-brand-goods.container-fixed-wide .carousel-item {
  width: 32.7034120735%;
}
.module-catalog-brand-goods.container-fixed-wide .carousel-item:not(:last-child) {
  margin-right: 1.2598425197%;
}
.module-catalog-brand-goods.container-fixed-wide .spot-copy.st-brand .spot-title {
  margin-inline: 4.8076923077%;
}
.module-catalog-brand-goods.container-fixed-wide .spot-copy.st-brand .text-inner {
  padding-inline: 4.8076923077%;
}
.module-catalog-brand-goods.container-fixed-sm {
  width: 73.5426008969%;
}
.module-catalog-brand-goods .spot-img {
  width: 100% !important;
  height: auto !important;
}
.module-catalog-brand-goods .carousel-item {
  width: 32.5%;
  margin-right: 1.25%;
}
.module-catalog-brand-goods.nav-rcomd .carousel .carousel-nav {
  padding: 1.2598425197%;
}
.module-catalog-brand-goods .gy-16 {
  --tt-gutter-y: 3.8461538462%;
}
.module-catalog-brand-goods .catalog-item.st-horizon {
  padding-right: 7.3732718894%;
}
.module-magazine-preview {
  margin-top: 2.2421524664%;
}
.module-magazine-preview .gx-8 {
  --tt-gutter-x: 0.4484304933%;
}
.module-magazine-preview .gx-8 > .col-8-1,
.module-magazine-preview .gx-8 > .col-8-2 {
  --tt-gutter-x: 0.4444444444%;
}
.module-magazine-preview .gy-16 {
  --tt-gutter-y: 7.6555023923%;
}
.module-magazine-preview .module-start {
  padding-top: 1.3333333333%;
}
.module-magazine-preview .module-sub-text + .module-title {
  margin-top: 11.4832535885%;
}
.module-magazine-preview .module-start .module-bubbles {
  margin-top: 19.1387559809%;
}
.module-magazine-preview .spot-visual.st-long .spot-copy {
  padding: 11.4832535885%;
}
.module-catalog-featured-goods .gy-16 {
  --tt-gutter-y: 3.6866359447%;
}
.module-catalog-featured-goods .catalog-item.st-horizon {
  padding-right: 7.3732718894%;
  padding-left: 3.6866359447%;
}
.marketspot.st-featured .spot-utility {
  margin-top: -7.3732718894%;
  padding: 0 11.0599078341% 0 3.6866359447%;
}
.marketspot.st-featured .spot-copy {
  padding: 5.5299539171% 11.0599078341% 0 3.6866359447%;
}
.marketspot.st-featured .spot-title + .spot-text {
  margin-top: 3.6866359447%;
}
.marketspot.st-featured .mt-24 {
  margin-top: 5.5299539171% !important;
}
.module-catalog-keyword.container-fixed-sm {
  width: 73.5426008969%;
  margin-left: auto;
  margin-right: auto;
}
.module-catalog-keyword .gx-8 {
  --tt-gutter-x: 0.5979073244%;
}
.module-catalog-keyword .gx-8 > .col-6-1 {
  --tt-gutter-x: 0.5908419498%;
}
.module-catalog-keyword .gx-12 {
  --tt-gutter-x: 1.25%;
}
.module-catalog-keyword .gx-12 > .col-6-1 {
  --tt-gutter-x: 1.2195121951%;
}
.marketspot.st-keyword.st-circle .spot-visual {
  width: 66.6666666667%;
  height: 0;
  padding-bottom: 66.6666666667%;
}
.marketspot.st-keyword.st-circle .spot-copy {
  margin-top: 11.4285714286%;
}
.marketspot.st-keyword.st-circle .spot-text {
  margin-top: 6.6666666667%;
}
.marketspot.st-keyword.st-round-square .spot-visual {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.marketspot.st-keyword.st-round-square .spot-copy {
  margin-top: 17.1428571429%;
}
.marketspot.st-keyword.st-round-square .spot-text {
  margin-top: 10%;
}
.module-spot-carousel .w-434 {
  width: 24.3273542601% !important;
}
.module-catalog-carousel.nav-md.st-sm .carousel .carousel-nav {
  top: 0;
  padding: 0.8968609865%;
}
.navigator.st-magazine + .container-fixed-sm {
  max-width: 68.3333333333%;
  width: 100%;
  min-width: 1280px;
}
.magazine-contents {
  width: 100%;
  min-width: 1280px;
}
.magazine-contents .monthly-visual-text .monthly-covered {
  width: 26.6768292683%;
}
.magazine-contents .container-fixed-sm {
  width: 68.3333333333%;
  padding: 0 0.8333333333%;
}
.magazine-contents .monthly-visual-wrap {
  margin-top: 3.0208333333%;
}
.magazine-contents .monthly-visual-wrap .monthly-visual--bg {
  padding-top: 30.1041666667%;
}
.magazine-contents .monthly-visual-wrap .monthly-visual--bg img {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
}
.magazine-contents .monthly-visual-wrap .monthly-visual:not(.monthly-visual--bg) {
  width: 24.4791666667%;
  height: 0;
  padding-bottom: 32.6041666667%;
  overflow: hidden;
  aspect-ratio: 470/626;
}
.magazine-contents .monthly-visual-wrap .monthly-visual:not(.monthly-visual--bg) img {
  display: block;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.magazine-contents .monthly-visual-wrap .monthly-visual-text {
  width: 68.3333333333%;
  padding-inline: 0.8333333333%;
}
.magazine-contents .issue-section .issue-thumb-slider .copy-wrap {
  width: 85.7843137255%;
}
.magazine-contents .instagram-section .insta-wrapper .tile-thumb {
  height: auto;
  aspect-ratio: 427/534;
}
.magazine-contents .navigator.st-magazine .navigator-list .navigator-button {
  padding: clamp(5.8666666667px, 0px + 0.5729166667vw, 11px) clamp(21.3333333333px, 0px + 2.0833333333vw, 40px);
}
.magazine-contents .magazine-list .tile-thumb {
  height: auto;
  aspect-ratio: 3/4;
}
.gy-56 {
  row-gap: 4.2553191489%;
}
.toast-box--floating {
  left: 50%;
  transform: translate(-50%);
}
.tile-violator {
  display: flex;
}
.module-catalog-carousel-featured .w-434 {
  width: 24.3273542601% !important;
}
.banner-list .carousel-item {
  width: clamp(231.4666666667px, 0px + 22.6041666667vw, 434px);
}
.banner-list .carousel-item .banner-link {
  width: 100%;
}
.module-carousel-gooddeal .carousel-item {
  min-height: auto !important;
}
.module-carousel-md-recom {
  margin-left: auto;
  margin-right: auto;
}
.module-carousel-md-recom .carousel.st-col-6 .catalog-item {
  width: 15.6671664168%;
}
.module-carousel-md-recom .carousel.st-col-6 .catalog-item:not(:last-child) {
  margin-right: 1.1994002999%;
}
.module-carousel-md-recom .carousel.st-col-5 .catalog-item.st-tile {
  width: 18.984375%;
}
.module-carousel-md-recom .carousel.st-col-5 .catalog-item.st-tile:not(:last-child) {
  margin-right: 1.25%;
}
.module-carousel-md-recom.container-fixed-md .carousel.st-col-6 .catalog-item:not(:last-child) {
  margin-right: 0.6451612903%;
}
.module-carousel-brand .icon.st-lg {
  width: clamp(17.07px, 1.67vw, 32px);
  height: clamp(17.07px, 1.67vw, 32px);
}
.module-carousel-brand .module-text {
  margin-top: 12.9032258065%;
}
.module-carousel-brand.st-gallery {
  width: 69.5067264574%;
  padding: 0 0.8968609865%;
}
.module-carousel-brand.st-gallery .carousel-nav {
  top: 0;
  margin-top: 13.6217948718%;
  width: 6.0096153846%;
  height: 0;
  padding: 6.0096153846% 0 0;
}
.module-carousel-brand.st-gallery .carousel-nav .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.module-carousel-brand.st-gallery .carousel-nav.carousel-prev {
  margin-left: -18.108974359%;
}
.module-carousel-brand.st-gallery .carousel-nav.carousel-next {
  margin-right: -16.9871794872%;
}
.module-carousel-brand.st-gallery .module-text {
  margin-top: 4.6082949309%;
}
.module-carousel-brand.st-gallery .spot-link:after {
  width: 100%;
  height: auto;
  padding-bottom: 100%;
}
.module-carousel-brand.st-gallery .swiper-slide {
  width: 32.5%;
}
.module-carousel-brand.st-gallery .swiper-slide:not(:last-child) {
  margin-right: 1.25%;
}
.st-percent .mt-64 {
  margin-top: 3.5874439462% !important;
}
.st-percent .gy-112 {
  --tt-gutter-y: 6.2780269058%;
}
.st-percent thead th {
  padding: 1.6535433071% 0.6299212598%;
}
.st-percent tbody td {
  padding: 3.1496062992% 0.6299212598%;
}
.st-percent tbody td.st-promotion .order-item {
  padding: 2.688172043% 6.4516129032%;
}
.st-percent tbody td .button-del {
  margin-top: -20.8333333333%;
  margin-right: -25%;
  padding: 16.6666666667%;
}
.st-percent tbody tr.st-merge td .order-promotion,
.st-percent tbody tr.st-merge td .order-item {
  margin-top: -2.3622047244%;
}
.st-percent .order-utility .button-ghost {
  width: 72.2222222222%;
}
.st-percent .cart-calculator {
  padding-left: 1.8897637795%;
  padding-right: 1.8897637795%;
}
.st-percent .cart-calculator .calculator-start {
  flex-grow: 1;
  flex-wrap: wrap;
}
.st-percent .cart-calculator .calculator-box {
  padding: 0;
}
.st-percent .cart-calculator .icon {
  flex-shrink: 0;
  width: 2.4439918534%;
  margin: 0 3.2586558045%;
}
.st-percent .cart-calculator .calculator-end {
  width: 19.6399345336%;
}
.st-percent .cart-calculator .calculator-button {
  width: 100%;
}
.st-percent.container-fixed-sm {
  max-width: 1312px;
  width: 100%;
  padding-inline: 0.8333333333%;
}
.st-percent.container-fixed-sm .mt-n32 {
  margin-top: -2.5196850394% !important;
}
.st-percent.container-fixed-sm .gy-40 {
  --tt-gutter-y: 3.0864197531%;
}
.st-percent.container-fixed-sm:has(.module-carousel-md-recom) {
  width: 73.5426008969%;
  padding: 0 0.8968609865%;
}
.st-percent.container-fixed-sm .carousel.st-col-6 .catalog-item.st-tile {
  width: 15.625%;
}
.st-percent.container-fixed-sm .carousel.st-col-6 .catalog-item.st-tile:not(:last-child) {
  margin-right: 1.25%;
}
.st-percent.container-fixed-sm .carousel.st-col-6 .catalog-item.st-tile .tile-colors {
  flex-wrap: wrap;
}
.st-percent.container-fixed-mid {
  max-width: 1334px;
  margin-left: auto;
  margin-right: auto;
}
.st-percent.container-fixed-wide.st-percent {
  width: 100%;
}
.container-fixed-sm .carousel.st-col-6 .catalog-item.st-tile {
  max-width: 15.7480314961%;
}
.container-fixed-sm.view-goods-container {
  padding-top: 1.0416666667%;
}
.container-fixed-sm.view-goods-container .carousel.st-col-6 .catalog-item.st-tile {
  max-width: unset;
}
.module-brand-goods .module-end .module-item {
  margin-top: 2.2761760243%;
}
.module-brand-goods .carousel-nav.carousel-prev {
  margin-left: -8.9686098655%;
}
.module-brand-goods .carousel-nav.carousel-next {
  margin-right: -8.9686098655%;
}
.module-category .carousel {
  padding: 0 2.0408163265%;
}
.module-category .carousel-item {
  padding: 0 2.2047244094%;
}
.module-category .carousel-item .text-inner {
  display: -webkit-box;
  max-height: 280px;
  font-size: 14px;
  line-height: 20px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.module-category .carousel.st-auto .carousel-item {
  width: 10% !important;
}
.module-category .w-72 {
  width: 100% !important;
}
.module-category .carousel-nav.carousel-prev {
  left: 0;
  margin-left: 9.0395480226%;
}
.module-category .carousel-nav.carousel-next {
  right: 0;
  margin-right: 9.0395480226%;
}
.module-category-hero-carousel .carousel.st-me-16 .carousel-item,
.module-catalog-carousel-hero-square .carousel.st-me-16 .carousel-item {
  margin-right: 0.9039548023%;
}
.module-category-hero-carousel .w-584,
.module-catalog-carousel-hero-square .w-584 {
  width: 32.9943502825% !important;
}
.module-category-hero-carousel .marketspot .spot-copy.st-overlay,
.module-catalog-carousel-hero-square .marketspot .spot-copy.st-overlay {
  bottom: 0;
  margin-bottom: 9.7602739726%;
  padding: 5.1369863014%;
}
.module-category-hero-carousel .spot-copy.st-hero .spot-text + .spot-title,
.module-category-hero-carousel .spot-copy.st-hero .spot-title + .spot-text,
.module-catalog-carousel-hero-square .spot-copy.st-hero .spot-text + .spot-title,
.module-catalog-carousel-hero-square .spot-copy.st-hero .spot-title + .spot-text {
  margin-top: 3.0534351145%;
}
.tab-pane .gy-72 {
  --tt-gutter-y: 5.3973013493%;
}
.tab-pane .gy-72 > * {
  --tt-gutter-y: 5.3973013493%;
}
.tab-pane .gx-8 {
  --tt-gutter-x: 0.4484304933%;
}
.tab-pane .gx-8 > * {
  --tt-gutter-x: 0.4444444444%;
}
.tab-pane .gx-8 .gx-8 {
  --tt-gutter-x: 0.5997001499%;
}
.tab-pane .gx-8 .gx-8 > * {
  --tt-gutter-x: 0.5925925926%;
}
.container-fixed-md .tab-pane .gx-8 {
  --tt-gutter-x: 8px;
}
.module-catalog-carousel-hero .w-434 {
  width: 24.3137254902% !important;
}
.module-catalog-carousel-hero .marketspot .spot-copy.st-overlay {
  bottom: 0;
  margin-bottom: 13.133640553%;
  padding: 6.9124423963% 9.2165898618%;
}
.module-catalog-carousel-hero.st-full .spot-visual.st-maxi {
  height: auto;
  padding-bottom: 179.5348837209%;
}
.module-catalog-carousel-hero.st-full .spot-visual.st-maxi .spot-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.module-catalog-carousel-hero.st-hub.st-full.st-full .spot-visual.st-maxi .spot-video-container {
  top: 0;
  transform: translateY(0);
}
.module-brand-hero .col-8-5 * {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.module-brand-hero .module-title + .module-text {
  margin-top: 5.0156739812%;
}
.module-brand-hero .module-end {
  padding-left: 1.3437849944%;
}
.module-brand-hero .module-end .module-bottom {
  position: relative;
  height: auto;
  padding-bottom: 43.8871473354%;
}
.module-brand-hero .module-end .module-bottom .carousel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.module-brand-hero .module-end .module-copy {
  padding-bottom: 6.2695924765%;
}
.module-brand-hero .w-280 {
  width: 43.8871473354% !important;
  flex-shrink: 0;
}
.module-brand-hero .module-copy {
  flex-grow: 1;
}
.module-brand-hero .indicator-pager {
  left: 0;
  margin-left: 45.4545454545%;
}
.module-article-movie .module-end .module-box {
  padding: 12.2511485452%;
}
.rich-mall {
  width: 69.5067264574%;
}
.rich-mall .rich-section .tile-thumb {
  width: 100%;
  height: auto;
  padding-bottom: 133.6134453782%;
}
.rich-mall .tile-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.col-7-3 {
  min-width: 720px;
}
.col-7-3.offset-7-2 {
  margin: 0 auto;
}
.recommended-hot-tab .button-text {
  padding-top: 6.25%;
  padding-bottom: 6.25%;
}
.recommended-hot-tab-cont .w-200 {
  width: 18.7969924812% !important;
}
.recommended-hot-tab-cont .carousel-item {
  margin-right: 1.5037593985%;
}
.recommended-hot-tab-cont .carousel-item:not(:last-child) {
  margin-right: 1.5037593985%;
}
.recommended-hot-tab-cont .nav-rcomd .carousel .carousel-nav {
  margin-top: 9.8684210526%;
  padding: 1.5037593985%;
}
.module-featured-carousel .module-box .carousel-item:not(:last-child) {
  margin-right: 1.2057272042%;
}
.monthly-banner-carousel .monthly-banner-wrap__visual,
.monthly-cntbanner-carousel .monthly-banner-wrap__visual,
.monthly-banner-carousel__link {
  width: auto;
}
.container-fixed-wide:not(.st-percent) {
  max-width: 1784px;
  width: 100%;
  padding-inline: 11.8229166667%;
}
.container-fixed-wide:not(.st-percent) .module-catalog {
  width: 133.7331334333%;
  margin-left: -17.0164917541%;
}
.container-fixed-wide:not(.st-percent) .module-catalog-carousel {
  width: 133.7331334333%;
  margin-left: -17.0164917541%;
}
.container-fixed-wide:not(.st-percent) .module-catalog-carousel.nav-md {
  width: 100%;
  margin-left: 0;
}
.container-fixed-wide:not(.st-percent) .module-catalog-anchor .module-catalog {
  width: 100%;
  margin-inline: auto;
}
.module-catalog-brand-goods.container-fixed-wide {
  max-width: auto;
  padding-inline: 0;
}
.banner-duo-carousel.container-fixed-md .carousel-item {
  width: 49.6774193548%;
}
.banner-duo-carousel.container-fixed-md .carousel-item:only-child {
  width: 50.9677419355%;
  margin-right: 0;
}
.page-utility {
  padding: 1.25% 3.4895833333%;
}
.container-fixed .page-utility {
  padding: 1.3452914798% 0;
}
[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"] h2.headline {
  display: flex;
  align-items: baseline;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 72px;
}
[data-component-pin="mypage-report"] h2.headline em {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  margin-left: 16px;
}
[data-component-pin="mypage-report"] section {
  margin-top: 56px;
}
[data-component-pin="mypage-report"] section:first-of-type {
  margin-top: 0;
}
[data-component-pin="mypage-report"] section .topic {
  display: flex;
  font-size: 20px;
  margin-bottom: 16px;
  font-weight: 600;
}
[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: 12px;
  font-weight: 400;
  height: 30px;
  border-radius: 100vw;
  border: 1px solid #ddd;
  align-items: center;
  padding: 0 16px;
  margin-left: 8px;
  max-width: 400px;
}
[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;
  align-self: center;
}
[data-component-pin="mypage-report"] .overview .wrapper {
  display: grid;
  grid-template-columns: 25% minmax(0, 75%);
  gap: 16px;
  min-height: 160px;
}
[data-component-pin="mypage-report"] .overview dl {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
[data-component-pin="mypage-report"] .overview dl dt {
  display: flex;
  margin-top: 18px;
}
[data-component-pin="mypage-report"] .overview dl dt > span,
[data-component-pin="mypage-report"] .overview dl dt .tooltip-wrap {
  align-self: center;
}
[data-component-pin="mypage-report"] .overview dl dt .tooltip-wrap {
  margin-left: 4px;
}
[data-component-pin="mypage-report"] .overview dl dt:first-of-type {
  margin-top: 0;
}
[data-component-pin="mypage-report"] .overview dl dt {
  font-size: 16px;
  margin-bottom: 6px;
  font-weight: 400;
}
[data-component-pin="mypage-report"] .overview dl dd {
  font-size: 20px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.5px;
}
[data-component-pin="mypage-report"] .overview .summary {
  background-color: #f7f8fa;
  padding: 24px;
  border-radius: 8px;
}
[data-component-pin="mypage-report"] .overview .more {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
[data-component-pin="mypage-report"] .overview .more li {
  position: relative;
  background-color: #f7f8fa;
  padding: 24px;
  border-radius: 8px;
}
[data-component-pin="mypage-report"] .overview .more li img {
  position: absolute;
  width: 148px;
  right: 0;
  top: -20px;
  pointer-events: none;
}
[data-component-pin="mypage-report"] .overview .more li figcaption {
  display: none;
}
[data-component-pin="mypage-report"] .overview .more .point dt {
  flex-direction: column;
  align-self: flex-start;
}
[data-component-pin="mypage-report"] .overview .more .point dt small {
  margin-top: 4px;
  font-size: 12px;
  color: #666;
}
[data-component-pin="mypage-report"] .brand .wrapper {
  display: grid;
  grid-template-columns: 1fr 3fr 2fr;
  gap: 16px;
}
[data-component-pin="mypage-report"] .brand .summary {
  background-color: #f7f8fa;
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
[data-component-pin="mypage-report"] .brand .summary dt {
  font-size: 16px;
}
[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: 12px;
  margin-top: 4px;
  color: #666;
}
[data-component-pin="mypage-report"] .brand .summary dd {
  margin-top: 8px;
  font-size: 20px;
  color: #006bff;
}
[data-component-pin="mypage-report"] .brand .summary dd strong {
  font-weight: 600;
}
[data-component-pin="mypage-report"] .brand .chart {
  display: flex;
  width: 100%;
  gap: 0;
  padding: 24px;
  background-color: #f7f8fa;
  border-radius: 8px;
}
[data-component-pin="mypage-report"] .brand .chart li {
  flex: 1;
}
[data-component-pin="mypage-report"] .brand .chart dl {
  position: relative;
  padding-top: 140px;
}
[data-component-pin="mypage-report"] .brand .chart dt {
  padding-top: 6px;
  text-align: center;
  border-top: solid 1px #d2d4d9;
  font-size: 13px;
  color: #666;
}
[data-component-pin="mypage-report"] .brand .chart dd {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 32px;
  height: 140px;
  top: 0;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}
[data-component-pin="mypage-report"] .brand .chart dd span.percent {
  padding-bottom: 4px;
  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: 4px;
  border-top-right-radius: 4px;
}
[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 {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
  margin-bottom: 8px;
  white-space: nowrap;
  align-self: start;
}
[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 1px #eee;
  border-bottom: solid 1px #eee;
}
[data-component-pin="mypage-report"] .brand .matrix thead tr th {
  padding: 8px 16px 8px 0;
  font-size: 14px;
  font-weight: 400;
  color: #999;
}
[data-component-pin="mypage-report"] .brand .matrix tbody tr td {
  padding: 4px 16px 4px 0;
  color: #666;
  font-size: 14px;
  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.5px;
}
[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;
  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: 13px;
  height: 26px;
  padding: 0 14px;
  border-radius: 100vw;
  border: solid 1px #aaa;
  font-weight: 400;
}
[data-component-pin="mypage-report"] .brand .matrix tr:nth-of-type(1) td {
  padding-top: 16px;
  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 .wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
[data-component-pin="mypage-report"] .category .summary {
  display: grid;
  grid-template-columns: 48px auto;
  gap: 24px 12px;
  width: 100%;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
  padding: 24px 8px;
}
[data-component-pin="mypage-report"] .category .summary dt,
[data-component-pin="mypage-report"] .category .summary dd {
  font-size: 14px;
  color: #666;
}
[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;
}
@keyframes zmImg {
  to {
    transform: scale(1.2);
  }
}
.motionLib-zmImg {
  position: relative;
  overflow: hidden;
}
.motionLib-zmImg img {
  display: block;
  width: 100%;
}
.motionLib-zmImg > img {
  position: absolute;
  inset: 0;
}
.motionLib-zmImg-hero img {
  transform-origin: 50% 35%;
  transform: scale(1);
  animation: zmImg 1s ease-in-out forwards;
}

/* 브랜드소개 코너 */
.module-brand-intro {
  display: flex;
}
.module-brand-intro--visual {
  width: 720px;
}
.module-brand-intro--visual img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.module-brand-intro--detail {
  flex: 1;
  background-color: #f8f8f8;
  padding: 64px 60px 64px 48px;
}
.module-brand-intro--name {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}
.module-brand-intro--detail p {
  display: -webkit-box;
  font-size: 12px;
  line-height: 1.5;
  -webkit-line-clamp: 16;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}