html {
  box-sizing: border-box;
}

html.locked {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
}

legend,
menu,
ul, ol,
fieldset {
  list-style: none;
  padding: 0;
  margin: 0;
}

select,
[type="submit"],
[type="text"],
[type="email"],
[type="password"],
[type="tel"],
menu,
fieldset {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

fieldset {
  border: 0;
}

.is-vHidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.hidden {
  display: none;
}

.disabled,
:disabled {
  opacity: .5;
  pointer-events: none;
}

#siteOverlay {
  opacity: 0;
  transition: transform 0.2s ease-out;
  z-index: 90;
  background-color: #dbdbdb;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

#siteOverlay.loading {
  opacity: 0.7;
  visibility: visible;
}

.skip-link {
  display: block;
  position: fixed;
  top: 5px;
  z-index: 90;
  background-color: #ffffff;
  padding: 8px;
  padding: 0.5rem   ;
  text-decoration: underline;
}

.skip-link:not(:focus) {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.checkBox input[type="checkbox"]:focus ~ .checkboxIcon {
  outline-color: #919191;
  outline-style: dotted;
  outline-width: thin;
  outline-offset: -1px;
}

.radioButton input[type="radio"]:focus ~ .radioIcon {
  outline-color: #919191;
  outline-style: dotted;
  outline-width: thin;
  outline-offset: -1px;
}

.withBlur5Transition {
  transition: filter .5s linear;
}

.withBlur5Transition--on {
  filter: blur(5px);
}

:focus,
.focused {
  outline-color: #919191;
  outline-style: dotted;
  outline-width: thin;
  outline-offset: -1px;
}

body.using-mouse :focus,
body.using-mouse .focused {
  outline: transparent;
}

@font-face {
  font-family: 'pf_dintext_proregular';
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-regular-webfont.eot");
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-regular-webfont.woff") format("woff"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-regular-webfont.ttf") format("truetype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-regular-webfont.svg#pf_dintext_proregular") format("svg");
  font-display: swap;
}

@font-face {
  font-family: 'pf_dintext_promedium';
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-medium-webfont.eot");
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-medium-webfont.eot?#iefix") format("embedded-opentype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-medium-webfont.woff") format("woff"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-medium-webfont.ttf") format("truetype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-medium-webfont.svg#pf_dintext_promedium") format("svg");
  font-display: swap;
}

@font-face {
  font-family: 'pf_dintext_prolight';
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-light-webfont.eot");
  src: url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-light-webfont.eot?#iefix") format("embedded-opentype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-light-webfont.woff") format("woff"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-light-webfont.ttf") format("truetype"), url("//media.yoox.biz/ytos/resources/STONEISLAND/fonts/pfdintextpro-light-webfont.svg#pf_dintext_prolight") format("svg");
  font-display: swap;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  letter-spacing: inherit;
  padding: 0;
  background: none;
  color: inherit;
  border: none;
  cursor: pointer;
}

.ripple-effect {
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: ripple-animation 2.5s;
  pointer-events: none;
}

@keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.4;
  }
  to {
    transform: scale(100);
    opacity: 0;
  }
}

:root {
  --promo-strip-height: 2.3125rem   ;
}

@keyframes cta-3-line-3-blur {
  from {
    transform: scaleX(0.5);
  }
  to {
    transform: scaleX(1);
  }
}

@keyframes cta-3-line-3-hover {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(0.5);
  }
}

.opcFooter {
  background: #000000;
  margin-top: 53px;
  margin-top: 3.3125rem   ;
  padding: 20px;
  padding: 1.25rem   ;
  color: #ffffff;
}

.opcFooter__title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.opcFooter__links {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .opcFooter__links {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}

.jp .opcFooter__links {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .opcFooter__links {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .opcFooter__links {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .opcFooter__links {
  font-family: Arial, sans-serif;
}

.jp .opcFooter__links,
.kr .opcFooter__links,
.cn .opcFooter__links,
.ru .opcFooter__links {
  font-weight: 700;
}

.opcFooter__linksItem {
  position: relative;
}

.opcFooter__linksItem:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 0.625rem   /2);
  width: 1px;
  width: 0.0625rem   ;
  height: 10px;
  height: 0.625rem   ;
  background-color: #ffffff;
}

.opcFooter__link {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: transparent;
  margin: 0 20px;
  margin: 0 1.25rem  ;
}

.opcFooter__link:active, .opcFooter__link:focus, .opcFooter__link:hover {
  border-bottom-color: currentColor;
}

.opcFooter__copyright {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  color: #919191;
  padding-top: 25px;
  padding-top: 1.5625rem   ;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .opcFooter__copyright {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp .opcFooter__copyright {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .opcFooter__copyright {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .opcFooter__copyright {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .opcFooter__copyright {
  font-family: Arial, sans-serif;
}

.opcFooter__copyright .copyrightLink {
  text-decoration: underline;
  -webkit-text-decoration-color: #919191;
          text-decoration-color: #919191;
}

.opcFooter__copyright .copyrightLink:hover,
.opcFooter__copyright .copyrightLink:active,
.opcFooter__copyright .copyrightLink:focus {
  text-decoration: none;
}

.opcHeader {
  z-index: 60;
  padding: 48px 16px 0;
  padding: 3rem 1rem 0 ;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  background-color: #ffffff;
}

.opcHeader .header-inner {
  max-width: 1252px;
  max-width: 78.25rem   ;
  margin: 0 auto;
}

.opcHeader__homelink {
  border: none;
  width: 138px;
  width: 8.625rem   ;
  margin-left: 27px;
  margin-left: 1.6875rem   ;
  display: block;
}

.opcHeader .logo {
  width: 138px;
  width: 8.625rem   ;
  height: 48px;
  height: 3rem   ;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/logo.svg");
  display: block;
}

.opcHeader__checkoutSteps {
  margin-top: 38px;
  margin-top: 2.375rem   ;
  padding-left: 27px;
  padding-left: 1.6875rem   ;
  padding-bottom: 16px;
  padding-bottom: 1rem   ;
  display: flex;
  border-bottom: 1px solid #dbdbdb;
}

#confirmation .opcHeader__checkoutSteps {
  border-bottom: none;
}

.opcHeader .checkoutSteps__item {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .opcHeader .checkoutSteps__item {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp .opcHeader .checkoutSteps__item {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .opcHeader .checkoutSteps__item {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .opcHeader .checkoutSteps__item {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .opcHeader .checkoutSteps__item {
  font-family: Arial, sans-serif;
}

.opcHeader .checkoutSteps__item:first-child {
  margin-right: 18px;
  margin-right: 1.125rem   ;
}

.opcHeader .checkoutSteps__item--current {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .opcHeader .checkoutSteps__item--current {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}

.jp .opcHeader .checkoutSteps__item--current {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .opcHeader .checkoutSteps__item--current {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .opcHeader .checkoutSteps__item--current {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .opcHeader .checkoutSteps__item--current {
  font-family: Arial, sans-serif;
}

.jp .opcHeader .checkoutSteps__item--current,
.kr .opcHeader .checkoutSteps__item--current,
.cn .opcHeader .checkoutSteps__item--current,
.ru .opcHeader .checkoutSteps__item--current {
  font-weight: 700;
}

.uiLayer-noDeliveryDays h2 {
  margin-bottom: 16px;
  margin-bottom: 1rem   ;
}

.mandatory {
  display: none;
}

.fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup) {
  margin-bottom: 8px;
  margin-bottom: 0.5rem   ;
  position: relative;
}

.fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup) label {
  padding: 0 0 0 21px;
  padding: 0 0 0 1.3125rem;
  top: 21px;
  top: 1.3125rem   ;
  z-index: 1;
  left: 0;
  position: absolute;
  transition: top 0.2s cubic-bezier(0, 0, 0.2, 1), font-size 0.2s cubic-bezier(0, 0, 0.2, 1), line-height 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel label {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  top: 7px;
  top: 0.4375rem   ;
  text-transform: none;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel label {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel label {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel label {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel label {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .fieldRow:not(.checkbox):not(.BirthDate):not(.expirationDate):not(.cardDateWrapper):not(.creditCardTypeRadioGroup).js-floatLabel label {
  font-family: Arial, sans-serif;
}

.fieldValue {
  position: relative;
}

.fieldLabel.macroMotivationField label, .fieldLabel.microMotivationField label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#RegistrationViewModel_Password_Wrapper label,
#GiftWrappingFormViewModel_Message_Wrapper label {
  top: 44px;
  top: 2.75rem   ;
}

#RegistrationViewModel_Password_Wrapper.js-floatLabel label,
#GiftWrappingFormViewModel_Message_Wrapper.js-floatLabel label {
  top: 28px;
  top: 1.75rem   ;
}

[type="text"],
[type="password"],
[type="email"],
[type="tel"],
[type="number"],
select,
textarea {
  font-weight: normal;
  font-size: inherit;
  text-transform: none;
  border: 1px solid #000000;
  background-color: #ffffff;
  box-sizing: border-box;
  font-family: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) [type="text"], html:not(.jp):not(.kr):not(.cn):not(.ru)
[type="password"], html:not(.jp):not(.kr):not(.cn):not(.ru)
[type="email"], html:not(.jp):not(.kr):not(.cn):not(.ru)
[type="tel"], html:not(.jp):not(.kr):not(.cn):not(.ru)
[type="number"], html:not(.jp):not(.kr):not(.cn):not(.ru)
select, html:not(.jp):not(.kr):not(.cn):not(.ru)
textarea {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}

.jp [type="text"], .jp
[type="password"], .jp
[type="email"], .jp
[type="tel"], .jp
[type="number"], .jp
select, .jp
textarea {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr [type="text"], .kr
[type="password"], .kr
[type="email"], .kr
[type="tel"], .kr
[type="number"], .kr
select, .kr
textarea {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn [type="text"], .cn
[type="password"], .cn
[type="email"], .cn
[type="tel"], .cn
[type="number"], .cn
select, .cn
textarea {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru [type="text"], .ru
[type="password"], .ru
[type="email"], .ru
[type="tel"], .ru
[type="number"], .ru
select, .ru
textarea {
  font-family: Arial, sans-serif;
}

.jp [type="text"],
.kr [type="text"],
.cn [type="text"],
.ru [type="text"], .jp
[type="password"],
.kr
[type="password"],
.cn
[type="password"],
.ru
[type="password"], .jp
[type="email"],
.kr
[type="email"],
.cn
[type="email"],
.ru
[type="email"], .jp
[type="tel"],
.kr
[type="tel"],
.cn
[type="tel"],
.ru
[type="tel"], .jp
[type="number"],
.kr
[type="number"],
.cn
[type="number"],
.ru
[type="number"], .jp
select,
.kr
select,
.cn
select,
.ru
select, .jp
textarea,
.kr
textarea,
.cn
textarea,
.ru
textarea {
  font-weight: 700;
}

.invalidRow [type="text"], .invalidRow
[type="password"], .invalidRow
[type="email"], .invalidRow
[type="tel"], .invalidRow
[type="number"], .invalidRow
select, .invalidRow
textarea {
  border-color: #d80000;
}

[type="text"],
[type="password"],
[type="email"],
[type="tel"],
[type="number"],
select:not([data-ytos-date-select]):not(#cityFilter):not(#macroMotivations):not(#microMotivations),
textarea {
  padding: 11px 12px;
  padding: 0.6875rem 0.75rem  ;
}

.fieldRow [type="text"], .fieldRow
[type="password"], .fieldRow
[type="email"], .fieldRow
[type="tel"], .fieldRow
[type="number"], .fieldRow
select:not([data-ytos-date-select]):not(#cityFilter):not(#macroMotivations):not(#microMotivations), .fieldRow
textarea {
  padding: 31px 20px 9px;
  padding: 1.9375rem 1.25rem 0.5625rem ;
}

select[data-ytos-date-select],
select#cityFilter,
#AdviceFormViewModel_Category_Wrapper select,
#macroMotivations,
#microMotivations {
  padding: 20px;
  padding: 1.25rem   ;
}

select {
  padding-right: 28px;
  padding-right: 1.75rem   ;
  background: #ffffff url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/select_arrow_down.svg") no-repeat center right 20px;
}

select::-ms-expand {
  display: none;
}

#AdviceFormViewModel_Category_Wrapper label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.checkbox {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 22px;
}

.checkbox .fieldValue {
  flex-basis: 40px;
  flex-basis: 2.5rem   ;
}

.checkbox .fieldLabel {
  flex-basis: calc(100% - 2.5rem   );
  line-height: 1.8;
}

.checkBox {
  display: block;
  position: relative;
  cursor: pointer;
}

[type="checkbox"] {
  opacity: 0;
  width: 36px;
  width: 2.25rem   ;
  height: 36px;
  height: 2.25rem   ;
  position: absolute;
  left: -8px;
  top: -8px;
  margin: 0;
  cursor: pointer;
}

.checkboxIcon {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  display: block;
  background: #ffffff url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/flagged.svg") no-repeat center center;
  background-size: 0;
  border: 1px solid #dbdbdb;
  width: 20px;
  width: 1.25rem   ;
  height: 20px;
  height: 1.25rem   ;
}

[type="checkbox"]:checked ~ .checkboxIcon {
  background-size: auto;
}

.deliveryMethodInformation-name .fieldLabel,
.deliveryMethodInformation-name LABEL,
.fieldRow.checkbox .fieldLabel,
.fieldRow.checkbox LABEL {
  cursor: pointer;
}

.radioButton {
  position: relative;
}

.radioButton ~ * LABEL,
.radioButton ~ LABEL,
.radioButton LABEL {
  cursor: pointer;
}

[type="radio"] {
  opacity: 0;
  width: 36px;
  width: 2.25rem   ;
  height: 36px;
  height: 2.25rem   ;
  position: absolute;
  left: -8px;
  top: -8px;
  margin: 0;
  cursor: pointer;
}

.innerInputWrapper {
  display: flex;
}

.innerInputWrapper .radioButton {
  flex-basis: 32px;
  flex-basis: 2rem   ;
}

.radioIcon {
  position: relative;
  display: block;
  pointer-events: none;
  width: 20px;
  width: 1.25rem   ;
  height: 20px;
  height: 1.25rem   ;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  border-radius: 0.625rem   ;
}

[type="radio"]:checked ~ .radioIcon {
  border-color: #000000;
}

[type="radio"]:checked ~ .radioIcon::after {
  content: " ";
  position: absolute;
  top: 6px;
  top: 0.375rem   ;
  left: 6px;
  left: 0.375rem   ;
  width: 6px;
  width: 0.375rem   ;
  height: 6px;
  height: 0.375rem   ;
  border-radius: 3px;
  border-radius: 0.1875rem   ;
  background-color: #000000;
}

[type="password"] {
  padding-right: 1.875rem   ;
}

[type="password"]::-ms-clear, [type="password"]::-ms-reveal {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.password-visible [type="text"]::-ms-clear, .password-visible [type="text"]::-ms-reveal {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.passwordViewer--button {
  margin-right: 10px;
  margin-right: 0.625rem   ;
  position: absolute;
  right: 0;
  height: 100%;
}

.passwordViewer--button .icon {
  width: 32px;
  width: 2rem   ;
  height: 32px;
  height: 2rem   ;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/show_pwd.svg");
  display: block;
  background-size: 100%;
}

.passwordViewer--button .icon:active, .passwordViewer--button .icon:focus, .passwordViewer--button .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/show_pwd_hover.svg");
}

.passwordViewer--button .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/show_pwd_hover.svg");
  content: none;
}

.password-visible .passwordViewer--button .icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/hide_pwd.svg");
}

.password-visible .passwordViewer--button .icon:active, .password-visible .passwordViewer--button .icon:focus, .password-visible .passwordViewer--button .icon:hover {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/hide_pwd_hover.svg");
}

.password-visible .passwordViewer--button .icon::after {
  background-image: url("//media.yoox.biz/ytos/resources/STONEISLAND/icons/hide_pwd_hover.svg");
  content: none;
}

.passwordViewer--button .text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.passwordRecoveryLink,
.securePasswordInfo {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  padding: 8px;
  padding: 0.5rem   ;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  margin-bottom: 1rem   ;
  text-transform: initial;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .passwordRecoveryLink, html:not(.jp):not(.kr):not(.cn):not(.ru)
.securePasswordInfo {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp .passwordRecoveryLink, .jp
.securePasswordInfo {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .passwordRecoveryLink, .kr
.securePasswordInfo {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .passwordRecoveryLink, .cn
.securePasswordInfo {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .passwordRecoveryLink, .ru
.securePasswordInfo {
  font-family: Arial, sans-serif;
}

.passwordRecoveryLink:before,
.securePasswordInfo:before {
  bottom: 8px;
  bottom: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: '';
  display: block;
  position: absolute;
  background-color: #000000;
  width: calc(100% - 1rem   );
  transform-origin: 0;
  transition: all 0s 0.2s;
}

.passwordRecoveryLink:active:before, .passwordRecoveryLink:focus:before, .passwordRecoveryLink:hover:before,
.securePasswordInfo:active:before,
.securePasswordInfo:focus:before,
.securePasswordInfo:hover:before {
  transform: scaleX(0);
  transition: all 0.2s 0s;
}

.passwordRecoveryLink:after,
.securePasswordInfo:after {
  bottom: 8px;
  bottom: 0.5rem   ;
  right: 8px;
  right: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: '';
  display: block;
  position: absolute;
  background-color: #000000;
  width: calc(50% - 0.5rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  transition: all 0.2s;
}

.passwordRecoveryLink:active:after, .passwordRecoveryLink:focus:after, .passwordRecoveryLink:hover:after,
.securePasswordInfo:active:after,
.securePasswordInfo:focus:after,
.securePasswordInfo:hover:after {
  transform: scaleX(1);
  transition-delay: 0.2s;
}

.passwordRecoveryLink .text:after,
.securePasswordInfo .text:after {
  bottom: 8px;
  bottom: 0.5rem   ;
  right: 8px;
  right: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: '';
  display: block;
  position: absolute;
  background-color: #000000;
  width: calc(100% - 1rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  animation: cta-3-line-3-blur 0.2s;
}

.passwordRecoveryLink:active .text:after, .passwordRecoveryLink:focus .text:after, .passwordRecoveryLink:hover .text:after,
.securePasswordInfo:active .text:after,
.securePasswordInfo:focus .text:after,
.securePasswordInfo:hover .text:after {
  animation: none;
}

.passwordStrengthContainer {
  font-size: 12px;
  font-size: 0.75rem   ;
  margin: 1.125rem 0 0.8125rem ;
  display: flex;
  text-transform: uppercase;
}

.passwordStrengthContainer [data-ytos-password-level] {
  padding: 0 10px;
  padding: 0 0.625rem  ;
  border-bottom: 3px solid transparent;
}

.passwordStrengthContainer [data-ytos-password-level] + [data-ytos-password-level] {
  margin-left: 8px;
  margin-left: 0.5rem   ;
}

[data-ytos-password-level="weak"].selected {
  border-color: #d80000;
}

[data-ytos-password-level="medium"].selected {
  border-color: #fbb146;
}

[data-ytos-password-level="strong"].selected {
  border-color: #007e36;
}

.dateSelect {
  margin-bottom: 25px;
  margin-bottom: 1.5625rem   ;
}

.dateSelect .fieldValue {
  display: flex;
}

.dateSelect .selectInput_wrapper {
  flex-basis: 33.33%;
}

.dateSelect .selectInput_wrapper + .selectInput_wrapper select {
  border-left: 0;
}

.dateSelect .adult-warning {
  color: #d80000;
}

.dateSelect .selectTitle,
.ExpirationDate .selectTitle {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.privacyContainer {
  margin-bottom: 22px;
}

.privacyContainer,
.field-validation-container,
.acceptFlags label,
.GdprTerms label,
.passSecurityInfo,
.adult-warning {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  text-transform: initial;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .privacyContainer, html:not(.jp):not(.kr):not(.cn):not(.ru)
.field-validation-container, html:not(.jp):not(.kr):not(.cn):not(.ru)
.acceptFlags label, html:not(.jp):not(.kr):not(.cn):not(.ru)
.GdprTerms label, html:not(.jp):not(.kr):not(.cn):not(.ru)
.passSecurityInfo, html:not(.jp):not(.kr):not(.cn):not(.ru)
.adult-warning {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp .privacyContainer, .jp
.field-validation-container, .jp
.acceptFlags label, .jp
.GdprTerms label, .jp
.passSecurityInfo, .jp
.adult-warning {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .privacyContainer, .kr
.field-validation-container, .kr
.acceptFlags label, .kr
.GdprTerms label, .kr
.passSecurityInfo, .kr
.adult-warning {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .privacyContainer, .cn
.field-validation-container, .cn
.acceptFlags label, .cn
.GdprTerms label, .cn
.passSecurityInfo, .cn
.adult-warning {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .privacyContainer, .ru
.field-validation-container, .ru
.acceptFlags label, .ru
.GdprTerms label, .ru
.passSecurityInfo, .ru
.adult-warning {
  font-family: Arial, sans-serif;
}

.acceptFlags .description {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.acceptFlags label,
.GdprTerms label {
  text-transform: uppercase;
}

.intl-tel-input {
  width: 100%;
}

#AddressFormDataModel_Phone_Wrapper label,
#ShippingAddressFormViewModel_Phone_Wrapper label,
#PickupInStoreShippingAddressFormViewModel_Phone_Wrapper label,
#BillingAddressFormViewModel_Phone_Wrapper label,
#AddressFormDataModel_Mobile_Wrapper label,
#UpsShippingAddressFormViewModel_Phone_Wrapper label {
  padding-left: 100px;
  padding-left: 6.25rem   ;
}

.field-validation-container:not([data-ytos-validation-summary]) {
  min-height: 22px;
  min-height: 1.375rem   ;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #d80000;
}

#_Email_Wrapper .field-validation-container:not([data-ytos-validation-summary]) {
  color: #FF0000;
}

.field-error .layer-title,
.validation-summary-errors-count {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.validation-summary-errors {
  color: #d80000;
  margin-bottom: 10px;
  margin-bottom: 0.625rem   ;
}

.conflictEmailError {
  margin: 0;
}

.conflictEmailError + .validation-summary-errors {
  display: none;
}

.conflictEmailError + .validation-summary-errors + P {
  margin: 0;
}

[type="text"][readonly="readonly"],
[type="email"][readonly="readonly"] {
  background: #dbdbdb;
}

@media (min-width: 1025px) {
  .login .accountContent {
    padding: 26px;
    padding: 1.625rem   ;
  }
}

.loginContainer .section-title {
  padding-left: 8px;
  padding-left: 0.5rem   ;
}

.accountContent {
  display: flex;
  justify-content: center;
}

.loginContainer,
.registrationContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 2%;
}

@media (min-width: 1025px) {
  .loginContainer,
  .registrationContainer {
    margin: 0 4%;
  }
}

.loginForm form > * {
  padding-left: 8px;
  padding-left: 0.5rem   ;
}

.loginForm #passwordRecoveryLink {
  padding-left: 0;
}

.loginForm .submit {
  padding: 20px;
  padding: 1.25rem   ;
  font-size: 16px;
  font-size: 1rem   ;
  text-transform: uppercase;
  transition: background-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  position: relative;
  overflow: hidden;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .loginForm .submit {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}

.jp .loginForm .submit {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .loginForm .submit {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .loginForm .submit {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .loginForm .submit {
  font-family: Arial, sans-serif;
}

.jp .loginForm .submit,
.kr .loginForm .submit,
.cn .loginForm .submit,
.ru .loginForm .submit {
  font-weight: 700;
}

.loginForm .submit:active, .loginForm .submit:focus, .loginForm .submit:hover {
  background-color: #ffffff;
  color: #000000;
}

.registrationContainer {
  padding: 12px 0px 10px 36px;
  padding: 0.75rem 0px 0.625rem 2.25rem;
  margin: 0;
  border-left: 1px solid #000000;
}

@media (min-width: 1025px) {
  .registrationContainer {
    padding: 12px 90px 10px 36px;
    padding: 0.75rem 5.625rem 0.625rem 2.25rem;
  }
}

.registrationContainer .registrationAdvantages {
  flex-basis: 80%;
}

.registrationContainer .listAdvantages {
  margin-top: 16px;
  margin-top: 1rem   ;
}

.registrationContainer .listAdvantages li:before {
  content: "- ";
}

.registrationContainer .buttonsRow {
  margin-top: 20px;
  margin-top: 1.25rem   ;
  flex-basis: 10.5%;
}

.registrationContainer .buttonsRow a {
  font-size: 16px;
  font-size: 1rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.42;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border-bottom-color 0.2s cubic-bezier(0.18, -0.12, 0.82, 0.78);
  transition-property: border, color;
  border-bottom-color: currentColor;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .registrationContainer .buttonsRow a {
  font-family: "pf_dintext_promedium", Helvetica, Arial, sans-serif;
}

.jp .registrationContainer .buttonsRow a {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .registrationContainer .buttonsRow a {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .registrationContainer .buttonsRow a {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .registrationContainer .buttonsRow a {
  font-family: Arial, sans-serif;
}

.jp .registrationContainer .buttonsRow a,
.kr .registrationContainer .buttonsRow a,
.cn .registrationContainer .buttonsRow a,
.ru .registrationContainer .buttonsRow a {
  font-weight: 700;
}

.registrationContainer .buttonsRow a:active, .registrationContainer .buttonsRow a:focus, .registrationContainer .buttonsRow a:hover {
  border-bottom-color: transparent;
}

.buttonToLink {
  font-size: 14px;
  font-size: 0.875rem   ;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem   ;
  line-height: 1.5;
  text-transform: uppercase;
  padding: 8px;
  padding: 0.5rem   ;
  position: relative;
  overflow: hidden;
}

html:not(.jp):not(.kr):not(.cn):not(.ru) .buttonToLink {
  font-family: "pf_dintext_proregular", Helvetica, Arial, sans-serif;
}

.jp .buttonToLink {
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}

.kr .buttonToLink {
  font-family: "Malgun Gothic", "Dotum", Arial, sans-serif;
}

.cn .buttonToLink {
  font-family: "Microsoft YaHei", "Microsoft YaHei Regular", Arial, sans-serif;
}

.ru .buttonToLink {
  font-family: Arial, sans-serif;
}

.buttonToLink:before {
  bottom: 8px;
  bottom: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: '';
  display: block;
  position: absolute;
  background-color: #000000;
  width: calc(100% - 1rem   );
  transform-origin: 0;
  transition: all 0s 0.2s;
}

.buttonToLink:active:before, .buttonToLink:focus:before, .buttonToLink:hover:before {
  transform: scaleX(0);
  transition: all 0.2s 0s;
}

.buttonToLink:after {
  bottom: 8px;
  bottom: 0.5rem   ;
  right: 8px;
  right: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: '';
  display: block;
  position: absolute;
  background-color: #000000;
  width: calc(50% - 0.5rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  transition: all 0.2s;
}

.buttonToLink:active:after, .buttonToLink:focus:after, .buttonToLink:hover:after {
  transform: scaleX(1);
  transition-delay: 0.2s;
}

.buttonToLink .text:after {
  bottom: 8px;
  bottom: 0.5rem   ;
  right: 8px;
  right: 0.5rem   ;
  height: 1px;
  height: 0.0625rem   ;
  content: '';
  display: block;
  position: absolute;
  background-color: #000000;
  width: calc(100% - 1rem   );
  transform: scaleX(0);
  transform-origin: 100%;
  animation: cta-3-line-3-blur 0.2s;
}

.buttonToLink:active .text:after, .buttonToLink:focus .text:after, .buttonToLink:hover .text:after {
  animation: none;
}

.loginMenu {
  display: inherit;
}

/*# sourceMappingURL=../../../maps/desktop/pages/account/login.css.map */