@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-Thin.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SFProText-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/SFProText-Thin.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/SFProText-Thin.woff") format("woff"), /* Pretty Modern Browsers */ url("../fonts/SFProText-Thin.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/SFProText-Thin.svg#SFProText-Thin") format("svg");
  /* Legacy iOS */
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-ThinItalic.eot");
  src: url("../fonts/SFProText-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-ThinItalic.woff2") format("woff2"), url("../fonts/SFProText-ThinItalic.woff") format("woff"), url("../fonts/SFProText-ThinItalic.ttf") format("truetype"), url("../fonts/SFProText-ThinItalic.svg#SFProText-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-Light.eot");
  src: url("../fonts/SFProText-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-Light.woff2") format("woff2"), url("../fonts/SFProText-Light.woff") format("woff"), url("../fonts/SFProText-Light.ttf") format("truetype"), url("../fonts/SFProText-Light.svg#SFProText-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-LightItalic.eot");
  src: url("../fonts/SFProText-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-LightItalic.woff2") format("woff2"), url("../fonts/SFProText-LightItalic.woff") format("woff"), url("../fonts/SFProText-LightItalic.ttf") format("truetype"), url("../fonts/SFProText-LightItalic.svg#SFProText-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-Regular.eot");
  src: url("../fonts/SFProText-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-Regular.woff2") format("woff2"), url("../fonts/SFProText-Regular.woff") format("woff"), url("../fonts/SFProText-Regular.ttf") format("truetype"), url("../fonts/SFProText-Regular.svg#SFProText-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-RegularItalic.eot");
  src: url("../fonts/SFProText-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-RegularItalic.woff2") format("woff2"), url("../fonts/SFProText-RegularItalic.woff") format("woff"), url("../fonts/SFProText-RegularItalic.ttf") format("truetype"), url("../fonts/SFProText-RegularItalic.svg#SFProText-RegularItalic") format("svg");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-Medium.eot");
  src: url("../fonts/SFProText-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-Medium.woff2") format("woff2"), url("../fonts/SFProText-Medium.woff") format("woff"), url("../fonts/SFProText-Medium.ttf") format("truetype"), url("../fonts/SFProText-Medium.svg#SFProText-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-MediumItalic.eot");
  src: url("../fonts/SFProText-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-MediumItalic.woff2") format("woff2"), url("../fonts/SFProText-MediumItalic.woff") format("woff"), url("../fonts/SFProText-MediumItalic.ttf") format("truetype"), url("../fonts/SFProText-MediumItalic.svg#SFProText-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-Semibold.eot");
  src: url("../fonts/SFProText-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-Semibold.woff2") format("woff2"), url("../fonts/SFProText-Semibold.woff") format("woff"), url("../fonts/SFProText-Semibold.ttf") format("truetype"), url("../fonts/SFProText-Semibold.svg#SFProText-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-SemiboldItalic.eot");
  src: url("../fonts/SFProText-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-SemiboldItalic.woff2") format("woff2"), url("../fonts/SFProText-SemiboldItalic.woff") format("woff"), url("../fonts/SFProText-SemiboldItalic.ttf") format("truetype"), url("../fonts/SFProText-SemiboldItalic.svg#SFProText-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-Bold.eot");
  src: url("../fonts/SFProText-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-Bold.woff2") format("woff2"), url("../fonts/SFProText-Bold.woff") format("woff"), url("../fonts/SFProText-Bold.ttf") format("truetype"), url("../fonts/SFProText-Bold.svg#SFProText-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-BoldItalic.eot");
  src: url("../fonts/SFProText-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-BoldItalic.woff2") format("woff2"), url("../fonts/SFProText-BoldItalic.woff") format("woff"), url("../fonts/SFProText-BoldItalic.ttf") format("truetype"), url("../fonts/SFProText-BoldItalic.svg#SFProText-BoldItalic") format("svg");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-Black.eot");
  src: url("../fonts/SFProText-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-Black.woff2") format("woff2"), url("../fonts/SFProText-Black.woff") format("woff"), url("../fonts/SFProText-Black.ttf") format("truetype"), url("../fonts/SFProText-Black.svg#SFProText-Black") format("svg");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-BlackItalic.eot");
  src: url("../fonts/SFProText-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-BlackItalic.woff2") format("woff2"), url("../fonts/SFProText-BlackItalic.woff") format("woff"), url("../fonts/SFProText-BlackItalic.ttf") format("truetype"), url("../fonts/SFProText-BlackItalic.svg#SFProText-BlackItalic") format("svg");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-Heavy.eot");
  src: url("../fonts/SFProText-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-Heavy.woff2") format("woff2"), url("../fonts/SFProText-Heavy.woff") format("woff"), url("../fonts/SFProText-Heavy.ttf") format("truetype"), url("../fonts/SFProText-Heavy.svg#SFProText-Heavy") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Text";
  src: url("../fonts/SFProText-HeavyItalic.eot");
  src: url("../fonts/SFProText-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProText-HeavyItalic.woff2") format("woff2"), url("../fonts/SFProText-HeavyItalic.woff") format("woff"), url("../fonts/SFProText-HeavyItalic.ttf") format("truetype"), url("../fonts/SFProText-HeavyItalic.svg#SFProText-HeavyItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-Thin.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/SFProDisplay-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/SFProDisplay-Thin.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/SFProDisplay-Thin.woff") format("woff"), /* Pretty Modern Browsers */ url("../fonts/SFProDisplay-Thin.ttf") format("truetype"), /* Safari, Android, iOS */ url("../fonts/SFProDisplay-Thin.svg#SFProDisplay-Thin") format("svg");
  /* Legacy iOS */
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-ThinItalic.eot");
  src: url("../fonts/SFProDisplay-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-ThinItalic.woff2") format("woff2"), url("../fonts/SFProDisplay-ThinItalic.woff") format("woff"), url("../fonts/SFProDisplay-ThinItalic.ttf") format("truetype"), url("../fonts/SFProDisplay-ThinItalic.svg#SFProDisplay-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-Ultralight.eot");
  src: url("../fonts/SFProDisplay-Ultralight.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Ultralight.woff2") format("woff2"), url("../fonts/SFProDisplay-Ultralight.woff") format("woff"), url("../fonts/SFProDisplay-Ultralight.ttf") format("truetype"), url("../fonts/SFProDisplay-Ultralight.svg#SFProDisplay-Ultralight") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-UltralightItalic.eot");
  src: url("../fonts/SFProDisplay-UltralightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-UltralightItalic.woff2") format("woff2"), url("../fonts/SFProDisplay-UltralightItalic.woff") format("woff"), url("../fonts/SFProDisplay-UltralightItalic.ttf") format("truetype"), url("../fonts/SFProDisplay-UltralightItalic.svg#SFProDisplay-UltralightItalic") format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-Light.eot");
  src: url("../fonts/SFProDisplay-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Light.woff2") format("woff2"), url("../fonts/SFProDisplay-Light.woff") format("woff"), url("../fonts/SFProDisplay-Light.ttf") format("truetype"), url("../fonts/SFProDisplay-Light.svg#SFProDisplay-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-LightItalic.eot");
  src: url("../fonts/SFProDisplay-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-LightItalic.woff2") format("woff2"), url("../fonts/SFProDisplay-LightItalic.woff") format("woff"), url("../fonts/SFProDisplay-LightItalic.ttf") format("truetype"), url("../fonts/SFProDisplay-LightItalic.svg#SFProDisplay-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-Regular.eot");
  src: url("../fonts/SFProDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Regular.woff2") format("woff2"), url("../fonts/SFProDisplay-Regular.woff") format("woff"), url("../fonts/SFProDisplay-Regular.ttf") format("truetype"), url("../fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-RegularItalic.eot");
  src: url("../fonts/SFProDisplay-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-RegularItalic.woff2") format("woff2"), url("../fonts/SFProDisplay-RegularItalic.woff") format("woff"), url("../fonts/SFProDisplay-RegularItalic.ttf") format("truetype"), url("../fonts/SFProDisplay-RegularItalic.svg#SFProDisplay-RegularItalic") format("svg");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-Medium.eot");
  src: url("../fonts/SFProDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Medium.woff2") format("woff2"), url("../fonts/SFProDisplay-Medium.woff") format("woff"), url("../fonts/SFProDisplay-Medium.ttf") format("truetype"), url("../fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-MediumItalic.eot");
  src: url("../fonts/SFProDisplay-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-MediumItalic.woff2") format("woff2"), url("../fonts/SFProDisplay-MediumItalic.woff") format("woff"), url("../fonts/SFProDisplay-MediumItalic.ttf") format("truetype"), url("../fonts/SFProDisplay-MediumItalic.svg#SFProDisplay-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-Semibold.eot");
  src: url("../fonts/SFProDisplay-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Semibold.woff2") format("woff2"), url("../fonts/SFProDisplay-Semibold.woff") format("woff"), url("../fonts/SFProDisplay-Semibold.ttf") format("truetype"), url("../fonts/SFProDisplay-Semibold.svg#SFProDisplay-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-SemiboldItalic.eot");
  src: url("../fonts/SFProDisplay-SemiboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-SemiboldItalic.woff2") format("woff2"), url("../fonts/SFProDisplay-SemiboldItalic.woff") format("woff"), url("../fonts/SFProDisplay-SemiboldItalic.ttf") format("truetype"), url("../fonts/SFProDisplay-SemiboldItalic.svg#SFProDisplay-SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-Bold.eot");
  src: url("../fonts/SFProDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Bold.woff2") format("woff2"), url("../fonts/SFProDisplay-Bold.woff") format("woff"), url("../fonts/SFProDisplay-Bold.ttf") format("truetype"), url("../fonts/SFProDisplay-Bold.svg#SFProDisplay-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-BoldItalic.eot");
  src: url("../fonts/SFProDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-BoldItalic.woff2") format("woff2"), url("../fonts/SFProDisplay-BoldItalic.woff") format("woff"), url("../fonts/SFProDisplay-BoldItalic.ttf") format("truetype"), url("../fonts/SFProDisplay-BoldItalic.svg#SFProDisplay-BoldItalic") format("svg");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-Black.eot");
  src: url("../fonts/SFProDisplay-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Black.woff2") format("woff2"), url("../fonts/SFProDisplay-Black.woff") format("woff"), url("../fonts/SFProDisplay-Black.ttf") format("truetype"), url("../fonts/SFProDisplay-Black.svg#SFProDisplay-Black") format("svg");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-BlackItalic.eot");
  src: url("../fonts/SFProDisplay-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-BlackItalic.woff2") format("woff2"), url("../fonts/SFProDisplay-BlackItalic.woff") format("woff"), url("../fonts/SFProDisplay-BlackItalic.ttf") format("truetype"), url("../fonts/SFProDisplay-BlackItalic.svg#SFProDisplay-BlackItalic") format("svg");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-Heavy.eot");
  src: url("../fonts/SFProDisplay-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-Heavy.woff2") format("woff2"), url("../fonts/SFProDisplay-Heavy.woff") format("woff"), url("../fonts/SFProDisplay-Heavy.ttf") format("truetype"), url("../fonts/SFProDisplay-Heavy.svg#SFProDisplay-Heavy") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("../fonts/SFProDisplay-HeavyItalic.eot");
  src: url("../fonts/SFProDisplay-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SFProDisplay-HeavyItalic.woff2") format("woff2"), url("../fonts/SFProDisplay-HeavyItalic.woff") format("woff"), url("../fonts/SFProDisplay-HeavyItalic.ttf") format("truetype"), url("../fonts/SFProDisplay-HeavyItalic.svg#SFProDisplay-HeavyItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body {
  font-family: "SF Pro Text", "SF Pro Display", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #0E0E0F;
}
body #main {
  min-height: 900px;
}
body .klarnaHelpCenter-page #main {
  min-height: unset;
}
body.no-scroll,
body.bs-no-scroll {
  overflow: hidden !important;
}
body.grey-body-bg {
  background-color: #F3F3F7 !important;
}
html body > #app.has-shop-navigation > main,
html body > #app.has-shop-navigation > main.mall-pages {
  padding-top: 0 !important;
}
#app {
  padding-top: 49px;
}
#app.no-scroll {
  overflow: hidden;
}
#app main {
  padding-bottom: 0;
}
main .container {
  width: 100%;
  padding: 0 1.25em;
}
.container.tier2,
.mall-breadcrumbs,
.mobileback,
.mega-menu-container {
  display: none;
}
.review-purchase-container h1,
.klarna-shipping-details h1,
.order-confirmation h1,
.order-history-container h1,
.review-purchase-container .empty-result-container,
.klarna-shipping-details .empty-result-container,
.order-confirmation .empty-result-container,
.order-history-container .empty-result-container {
  padding-top: 1.9em;
}
#app .vue-skip-to .vue-skip-to__link:hover {
  display: inherit;
}
#app .vue-skip-to .vue-skip-to__nav-list-item {
  overflow: hidden;
}
.klarnaHeroProductCheckoutPreview-page main {
  background: #F2F2F6;
}
.search-grid-item p.sub2,
.accessory-item-container p.sub2 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* extends container 100% of window width */
.mr-sub-20 {
  margin-right: -1.25em;
}
.ml-sub-20 {
  margin-left: -1.25em;
}
.mr-sub-16 {
  margin-right: -1em;
}
.ml-sub-16 {
  margin-left: -1em;
}
.accordion .card-header button {
  color: #171717;
}
.pre-loader .pre-loader-backdrop {
  top: 49px;
}
.pre-loader .pre-loader-backdrop.in {
  opacity: 0.75;
}
.spinner {
  color: transparent !important;
  position: relative;
  pointer-events: none;
  transition: none;
}
.spinner:hover {
  color: transparent !important;
}
.spinner::after {
  content: "";
  display: block;
  border-color: transparent transparent #fff #fff;
  position: absolute;
  height: 15px;
  width: 15px;
  top: 50%;
  left: 50%;
  margin-left: -7.5px;
  margin-top: -7.5px;
  animation: spinner 0.5s infinite linear;
  border-radius: 50%;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-top-color: transparent;
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
html body #app .mega-menu-wrap {
  position: fixed;
}
html body #app {
  padding-top: 49px;
}
.has-shop-navigation header.mega-menu-wrap,
.has-shop-navigation header.mega-menu-wrap.fixie {
  transform: initial !important;
}
.klarna-header header {
  background-color: #0E0E0F;
  color: #ECECEC;
}
.klarna-header .klarna-header-inner-container {
  min-height: 3.063em;
  position: relative;
  padding: 0 1em;
}
.klarna-header .klarna-header-inner-container .shopping-b img {
  min-width: 1.1em;
}
.klarna-header .klarna-header-inner-container .hamburger:focus-visible,
.klarna-header .klarna-header-inner-container .hamburger:focus {
  outline: none;
}
.klarna-header .klarna-header-inner-container .hamburger:focus-visible::after,
.klarna-header .klarna-header-inner-container .hamburger.focus::after {
  width: 36px;
  display: block;
  position: absolute;
  top: 6px;
  right: 0;
  bottom: 0;
  left: -5px;
  border: 1px solid #C7C9CC;
  content: "";
  height: 31px;
  border-radius: 4px;
}
.klarna-header .klarna-header-inner-container a:focus-visible,
.klarna-header .klarna-header-inner-container button:not(.hamburger):focus-visible {
  border: 1px solid #C7C9CC;
  outline: none;
  border-radius: 2px;
}
.sidebar-nav-widget .sidebar-nav-default {
  border-top: 0;
}
.sidebar-nav-widget {
  width: 100%;
  max-width: 100%;
  height: 100%;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 0;
  transition: 0.3s;
  padding-right: 1.25em;
  padding-left: 1.25em;
  font-size: inherit;
  position: fixed;
  top: 49px;
}
.sidebar-nav-widget .btn.round-close-button {
  min-width: unset;
  min-height: unset;
  height: 35px;
  width: 35px;
  position: absolute;
  top: 7px;
  padding: 0;
  opacity: 0;
  right: -999px;
}
.sidebar-nav-widget .btn.round-close-button:focus {
  opacity: 1;
  z-index: 3;
  right: 4px;
}
.sidebar-nav-widget.open {
  overflow: hidden;
}
.sidebar-nav-widget.open .mega-menu-container .overlay {
  top: 75px;
}
.sidebar-nav-widget.open .close.ex {
  opacity: 0;
}
.sidebar-nav-widget span:hover {
  color: inherit;
}
.sidebar-nav-widget.transition {
  opacity: 1;
}
.sidebar-nav-widget .sidebar-nav-list {
  padding: 6em 0.938em 6.25em 0.938em;
  overflow: auto;
  max-height: 100%;
}
.sidebar-nav-widget .sidebar-nav-list li.panel,
.sidebar-nav-widget .sidebar-nav-list li:first-child {
  border-bottom: 1px solid #ECECEC;
  padding: 0.438em 0;
}
.sidebar-nav-widget .sidebar-nav-list li:first-child {
  padding-top: 0;
}
.sidebar-nav-widget .sidebar-nav-list li:last-child {
  border-bottom: 0;
}
.sidebar-nav-widget .sidebar-nav-list a {
  padding: 0.563em 0;
  font-weight: 400;
  font-size: 1em;
  line-height: 130%;
  color: #0E0E0F;
  letter-spacing: 0;
}
.sidebar-nav-widget .sidebar-nav-list a:hover,
.sidebar-nav-widget .sidebar-nav-list button:hover,
.sidebar-nav-widget .sidebar-nav-list span:hover {
  color: #0E0E0F;
  margin: inherit;
  display: inherit;
}
@media (hover: hover) and (pointer: fine) {
  .sidebar-nav-widget .sidebar-nav-list a:hover,
  .sidebar-nav-widget .sidebar-nav-list button:hover {
    text-decoration: underline;
  }
}
input.reward-search,
input.typeahead.tt-hint {
  font-size: 1.14em;
}
.hamburger .line {
  width: 1.6em;
  height: 2px;
  background-color: #ecf0f1;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
}
.hamburger .line:nth-child(2) {
  margin: 0.4em auto;
}
.header-search-bar {
  padding-top: 0.938em;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0px;
  z-index: 1;
  padding-left: 1.25em;
  padding-right: 1.25em;
  background: #ffffff;
}
.header-search-bar.side-nav-search {
  position: fixed;
  width: 100%;
  left: 0;
  padding-left: 1.25em;
  padding-right: 1.25em;
}
.header-search-bar .mega-menu-container {
  display: block;
  border-top: none;
  background: none;
}
.header-search-bar .mega-menu-container .header-container {
  width: 100%;
  height: auto;
}
.header-search-bar .mega-menu-container .desktop-nav {
  display: block !important;
  padding: 0;
  background: none;
  height: auto;
  margin-bottom: 0;
}
.header-search-bar .mega-menu-container .desktop-nav .category-search-typeahead {
  width: 100%;
  padding-top: 0;
}
.header-search-bar .mega-menu-container .mega-menu-dashboard-dropdown,
.header-search-bar .mega-menu-container .mobile-nav-hidden,
.header-search-bar .mega-menu-container .shop-hamburger-container {
  display: none;
}
.header-search-bar .mega-menu-container .svg-search-btn {
  display: none;
}
.header-search-bar .input-container-with-button .input-search {
  margin-right: 0;
  background: none;
}
.header-search-bar .input-container-with-button .reflektion-search-container {
  position: relative;
}
.header-search-bar .input-container-with-button .reflektion-search-container.isVisible {
  z-index: 3;
}
.header-search-bar .input-container-with-button .reflektion-search-container .reflektion-search {
  top: 47px;
  max-height: 328px;
  overflow: scroll;
  padding: 0;
}
.header-search-bar .input-container-with-button .reflektion-search-container .reflektion-search li {
  padding: 1.031em 1.063em;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.006em;
  color: #0E0E0F;
}
.header-search-bar .input-container-with-button .reflektion-search-container h2 {
  padding: 0.9444em 0.8888em 0.9444em;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  color: #0E0E0F;
  letter-spacing: 0.4px;
}
.header-search-bar .input-container-with-button .reflektion-search-container ul.populated_focus li {
  color: #C7C9CC;
}
.header-search-bar .input-container-with-button .reflektion-search-container ul.populated_focus li span {
  color: #0E0E0F;
}
.header-search-bar .input-container-with-button .reflektion-search-container .reflektion-clear-input span:after {
  content: "\f002";
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  font-size: 1.3em;
  color: #787573;
  right: 15px;
  top: 8px;
  font-weight: 400;
}
.header-search-bar .input-container-with-button .reflektion-search-container .reflektion-clear-input button {
  position: absolute;
  right: 14px;
  bottom: 9px;
}
.header-search-bar .input-container-with-button .reflektion-search-container .reflektion-clear-input button:after {
  content: url('../../../../images/klarna/icons/gray/close-icon.svg');
  padding-right: 0.25em;
  color: #787573;
}
.header-search-bar .input-container-with-button input {
  width: 100%;
  border-radius: 100px;
  background: #F3F3F7;
  border: none;
  padding: 0.625em 1em;
  color: #0E0E0F;
  font-size: 1.22em;
}
.header-search-bar .input-container-with-button input:focus {
  -webkit-text-size-adjust: 100%;
}
.header-search-bar .input-container-with-button input::placeholder {
  color: #787573;
  font-weight: 400;
  line-height: 20px;
  font-size: inherit;
}
.mall-facet .main-search-results-container .mega-menu-container .overlay {
  top: 116px;
  overflow: hidden;
}
.mall-facet .main-search-results-container .input-container-with-button input {
  background: #ffffff;
  border-radius: 100px;
}
.mall-facet .main-search-results-container .header-container,
.mall-facet .main-search-results-container .input-container-with-button {
  background: #F2F2F6;
}
.mall-facet .main-search-results-container .header-search-bar {
  background: #F2F2F6;
  top: 49px;
}
.mall-facet .main-search-results-container .header-search-bar .header-search-separator {
  border-color: #ffffff;
  border-width: 1.5px 0 0;
}
.mall-facet main {
  background: #F2F2F6;
}
.keep-shopping,
.top-rectangle {
  background: #ffffff;
}
.keep-shopping,
.added-item-dialog {
  position: absolute;
  top: 49px;
  left: 0;
  width: 100%;
  color: #0E0E0F;
}
.keep-shopping .top-rectangle,
.added-item-dialog .top-rectangle {
  height: 20px;
  width: 20px;
  position: absolute;
  top: -2px;
  right: 15px;
  transform: rotate(-45deg);
  border-radius: 2px;
}
.rewardsDetail-page .apple-products-slider {
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
  position: relative;
  margin-top: 10px;
}
.product-options .options-inner input,
.product-payment-plans .options-inner input,
.apple-care .options-inner input {
  position: absolute;
  opacity: 0;
}
.product-options .options-inner label,
.product-payment-plans .options-inner label,
.apple-care .options-inner label {
  width: 100%;
  height: 100%;
}
.product-options .options-inner label .left-content:not(.full-width),
.product-payment-plans .options-inner label .left-content:not(.full-width),
.apple-care .options-inner label .left-content:not(.full-width) {
  width: 80%;
}
.product-options .options-inner label .left-content span:last-child,
.product-payment-plans .options-inner label .left-content span:last-child,
.apple-care .options-inner label .left-content span:last-child,
.product-options .options-inner label .left-content p:last-child,
.product-payment-plans .options-inner label .left-content p:last-child,
.apple-care .options-inner label .left-content p:last-child {
  width: 77%;
}
.product-options .options-inner label .right-content,
.product-payment-plans .options-inner label .right-content,
.apple-care .options-inner label .right-content {
  width: 23%;
  text-align: right;
}
/* Transition - slide up to just under the header */
.generic-modal.high-transition.slideUpHigh {
  top: 49px;
}
.overlay.slideUpHigh {
  z-index: 1040;
}
@keyframes trans-slide-up-high {
  0% {
    opacity: 0;
    -webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    -o-transform: translateY(150%);
    transform: translateY(150%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}
@keyframes trans-slide-close {
  0% {
    -webkit-transform: translate(0, 20%);
    -ms-transform: translate(0, 20%);
    -o-transform: translate(0, 20%);
    transform: translate(0, 20%);
  }
  100% {
    -webkit-transform: translate(0, 120%);
    -ms-transform: translate(0, 120%);
    -o-transform: translate(0, 120%);
    transform: translate(0, 120%);
  }
}
.generic-modal.high-transition.slideUpHigh,
.main-filter-and-sort-modal-container.slideUpHigh,
.overlay.slideUpHigh {
  animation: trans-slide-up-high 0.4s ease-out forwards;
}
.generic-modal.high-transition.slideUpHigh.slideDown,
.main-filter-and-sort-modal-container.slideUpHigh.slideDown,
.overlay.slideUpHigh.slideDown {
  animation: trans-slide-close 0.4s ease-out forwards;
  transition: 0.3s;
}
/* Apple care modal in PLP  */
.ac-modal {
  display: flex;
  justify-content: center;
}
.ac-modal .modal-body {
  padding: 24px 20px;
}
.ac-modal .modal-body ul {
  margin-right: 10px;
}
.ac-modal .modal-body .modal-title {
  margin-top: 20px;
}
.ac-modal hr {
  margin: 24px 0;
}
.ac-modal .modal-dialog {
  border-radius: 18px;
  background: white;
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
  height: 650px;
}
.ac-modal h2 {
  font-size: 1.57em;
  font-style: normal;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: -0.4px;
}
.ac-modal .description {
  overflow-y: scroll;
  height: 370px;
}
.ac-modal .description p,
.ac-modal .description li {
  font-size: 1.07em;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.306px;
}
.ac-modal .description .ac-coverage {
  font-size: 0.71em;
  color: #475467;
  line-height: 16px;
}
.ac-modal .close-modal {
  right: 12px;
  top: 16px;
  font-size: 1.4em;
  color: #2970FF;
  z-index: 2;
  padding: 8px;
}
.ac-modal .close-modal:hover {
  color: #000000;
}
.ac-modal .description::-webkit-scrollbar {
  width: 10px;
}
.ac-modal .description::-webkit-scrollbar-track {
  background-color: white;
  border: none;
  border-radius: 10px;
}
.ac-modal .description::-webkit-scrollbar-thumb {
  background-color: #EAECF0;
  border-radius: 10px;
}
/* Learn more modal - this modal is loading an external widget */
#learnMoreModal {
  /*SYSTEM OVERRIDES*/
  /*safari btn styles*/
}
#learnMoreModal #gallery-dashboard {
  overflow-x: unset;
}
#learnMoreModal #tradeInTermsModal .modal-body {
  margin-top: 3.688em;
}
#learnMoreModal .learn-more-hero-container {
  width: 100vw;
  margin-left: -50vw;
  position: relative;
  left: 50%;
}
@media screen and (min-width: 768px) {
  #learnMoreModal .learn-more-hero-container {
    display: none;
  }
}
#learnMoreModal .learn-more-hero-container img {
  width: 100%;
  display: block;
  margin: 0;
}
#learnMoreModal .main-learn-more-sections-container.financing-love {
  padding: 1.88em 0 1.25em 0;
}
#learnMoreModal .upgrade-financing .uf-link,
#learnMoreModal .financing-love .uf-link {
  color: inherit;
}
#learnMoreModal .main-learn-more-sections-container.upgrade-financing {
  padding: 1.25em 0 1.57em 0;
}
#learnMoreModal .main-learn-more-sections-container h1 {
  font-weight: 700;
  font-size: 2.375em;
  line-height: 105%;
  letter-spacing: 0.4px;
  margin: 0 0 0.421em;
  font-family: "SF Pro Display", "SF Pro Text", Montserrat, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#learnMoreModal .main-learn-more-sections-container p.bottom-50 {
  margin: 0 0 3.125em;
}
#learnMoreModal .main-learn-more-sections-container h2 {
  font-weight: 700;
  font-size: 1.6875em;
  line-height: 105%;
  letter-spacing: 0.4px;
  margin: 0 0 0.964em;
  font-family: "SF Pro Display", "SF Pro Text", Montserrat, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#learnMoreModal .how-it-works-breakdown .flex-row {
  flex-wrap: nowrap;
  margin-bottom: 1.125em;
}
#learnMoreModal .how-it-works-breakdown .num-circle {
  border-radius: 100%;
  background-color: #F0F1F1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  font-weight: 500;
  line-height: 125%;
  color: #0E0E0F;
  width: 2.5em;
  height: 2.5em;
  margin: 0 1em 0 0;
}
#learnMoreModal .how-it-works-breakdown p {
  width: calc(100% - 2.5em);
  margin: 0;
}
#learnMoreModal .how-it-works-img {
  width: 100%;
}
#learnMoreModal .how-it-works-img img {
  display: block;
  width: 100%;
}
#learnMoreModal .main-learn-more-sections-container.faq,
#learnMoreModal .main-learn-more-sections-container.upgrade-timeline {
  width: 100vw;
  margin-left: -50vw;
  position: relative;
  left: 50%;
}
#learnMoreModal .main-learn-more-sections-container.upgrade-timeline {
  padding: 1.88em 1.25em 2.25em 1.25em;
}
#learnMoreModal .main-learn-more-sections-container p.mb-28 {
  margin-bottom: 1.3125em !important;
}
#learnMoreModal .main-learn-more-sections-container.options .options-container {
  width: 100%;
  border-radius: 1em;
  background-color: #fff;
  padding: 1.25em;
  margin-bottom: 1em;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
#learnMoreModal p.bottom-50 {
  margin: 0 0 3.125em !important;
}
#learnMoreModal .main-learn-more-sections-container.options .options-container p.body-small {
  margin: 0 0 1.25em;
}
#learnMoreModal .main-learn-more-sections-container.options .options-container p.body-xtra-small.text-subtext-gray button {
  text-decoration: underline;
}
#learnMoreModal .main-learn-more-sections-container.options .options-container img {
  width: 6.25em;
  display: block;
  margin: 0 auto 1.25em;
}
#learnMoreModal .main-learn-more-sections-container.financing-love img.picto {
  width: 66%;
  margin: 1.875em auto;
  display: block;
  max-width: 250px;
}
#learnMoreModal .to-upgrade-own {
  border-radius: 1em;
  background-color: #F2F2F6;
  padding: 1.25em;
}
#learnMoreModal .to-upgrade-own h3 {
  font-weight: 700;
  /*font-size: 1.25em;*/
  font-size: 1.3125em;
  line-height: 115%;
  letter-spacing: 0.4px;
  margin: 0 0 1.3125em;
  font-family: "SF Pro Display", "SF Pro Text", Montserrat, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#learnMoreModal .to-upgrade-own .flex-row {
  align-items: center;
  margin-bottom: 1.25em;
}
@media screen and (max-width: 768px) {
  #learnMoreModal .to-upgrade-own .flex-row {
    align-items: flex-start;
  }
}
#learnMoreModal .to-upgrade-own .flex-row p {
  width: calc(100% - 70px);
}
#learnMoreModal .to-upgrade-own .flex-row.three p {
  width: calc(100% - 100px);
}
#learnMoreModal .to-upgrade-own .flex-row.one img {
  width: 53px;
}
#learnMoreModal .to-upgrade-own .flex-row.four img,
#learnMoreModal .to-upgrade-own .flex-row.purple-chart img {
  width: 63px;
}
#learnMoreModal .to-upgrade-own .flex-row.three img {
  width: 82px;
}
#learnMoreModal .to-upgrade-own .flex-row.one,
#learnMoreModal .flex-row-two-and-three,
#learnMoreModal .flex-row-four {
  background: #FFFFFF;
  border-radius: 16px;
  padding: 1.25em;
}
#learnMoreModal .main-learn-more-sections-container.ready {
  width: 100vw;
  margin-left: -50vw;
  position: relative;
  left: 50%;
  background-color: #E6FFA9;
  padding: 1.875em 1.25em 2.5em 1.25em;
}
#learnMoreModal .main-learn-more-sections-container.ready button {
  padding: 1em 1.5625em;
  line-height: 105%;
}
#learnMoreModal .main-learn-more-sections-container.faq {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 1.875em 1.25em 2.75em 1.25em;
}
#learnMoreModal .main-learn-more-sections-container.faq h2 {
  margin: 0 0 1em;
}
#learnMoreModal .faq-widget .btn-faq-widget:focus,
#learnMoreModal .faq-widget .btn-faq-widget:hover {
  color: initial;
  text-decoration: none;
}
#learnMoreModal button.btn-faq-widget {
  width: 100%;
  border-left: 0;
}
#learnMoreModal button.btn-faq-widget svg {
  transform: rotate(0);
  transform-origin: center;
  transition: all 0.3s ease;
  min-width: 12px;
  width: 12px;
}
#learnMoreModal button.btn-faq-widget svg:hover,
#learnMoreModal button.btn-faq-widget svg:focus {
  color: initial;
  text-decoration: none;
}
#learnMoreModal button.btn-faq-widget[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
#learnMoreModal .answerSlide-enter-active {
  transition-duration: 0.65s;
  transition-timing-function: ease;
}
#learnMoreModal .answerSlide-leave-active {
  transition-duration: 0.45s;
  transition-timing-function: ease;
}
#learnMoreModal .answerSlide-enter-to,
#learnMoreModal .answerSlide-leave {
  max-height: 500px;
  overflow: hidden;
}
#learnMoreModal .answerSlide-enter,
#learnMoreModal .answerSlide-leave-to {
  overflow: hidden;
  max-height: 0;
}
#learnMoreModal .layout-cpnt {
  margin: 0 !important;
}
#learnMoreModal .btn,
#learnMoreModal .btn:hover,
#learnMoreModal .btn:active,
#learnMoreModal .btn.active,
#learnMoreModal .btn:focus,
#learnMoreModal .btn.focus {
  position: relative;
  background: #0E0E0F;
  padding: 0.6875em 1.25em;
  border-radius: 2em;
  font-size: 1em;
  font-weight: 500;
  line-height: 1em;
  color: #fff;
}
/*Trade in modal inside Learn More modal */
#tradeInTermsModal.trade-in-modal {
  z-index: 1050;
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  background-color: #fff;
  height: 100%;
}
#tradeInTermsModal.trade-in-modal .modal-body {
  overflow-y: auto;
  background-color: white;
  padding: 1.25em;
  height: calc(100% - 100px);
}
#tradeInTermsModal.trade-in-modal .modal-heading {
  padding: 1em 0;
}
#tradeInTermsModal.trade-in-modal .modal-close {
  padding: 1.25em;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  background: white;
  top: 0;
  right: 0;
}
#tradeInTermsModal.trade-in-modal .modal-close button {
  border-radius: initial;
  box-shadow: none;
  padding: initial;
}
#tradeInTermsModal.trade-in-modal .modal-footer {
  padding-left: 0;
  border: none;
  text-align: left;
}
#tradeInTermsModal.trade-in-modal.slideUpHigh {
  animation: terms-slide-up-high 0.4s ease-out forwards;
}
#tradeInTermsModal.trade-in-modal.slideDown {
  animation: terms-slide-close 0.4s ease-out forwards;
  transition: 0.3s;
}
@keyframes terms-slide-up-high {
  0% {
    opacity: 0;
    -webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    -o-transform: translateY(150%);
    transform: translateY(150%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    -o-transform: translate(0, 0%);
    transform: translate(0, 0%);
  }
}
@keyframes terms-slide-close {
  0% {
    -webkit-transform: translate(0, 20%);
    -ms-transform: translate(0, 20%);
    -o-transform: translate(0, 20%);
    transform: translate(0, 20%);
  }
  100% {
    -webkit-transform: translate(0, 120%);
    -ms-transform: translate(0, 120%);
    -o-transform: translate(0, 120%);
    transform: translate(0, 120%);
  }
}
/* UPGRADE TIMELINE */
.upgrade-timeline-options {
  margin-top: 2.25em;
  padding-left: 1.25em;
  position: relative;
}
.vertical-line {
  border-left: 2px solid #93969A;
  position: absolute;
  left: -16px;
  border-radius: 2px;
  height: 100%;
  top: 20px;
}
.upgrade-timeline-inner p {
  color: #5F6163;
}
.upgrade-timeline-inner {
  position: relative;
  padding-right: 3.75em;
}
.upgrade-timeline-options img {
  height: 97px;
  margin: 0.625em 0 1.125em;
}
.upgrade-timeline-inner .sq {
  width: 12px;
  height: 12px;
  background: #0E0E0F;
  position: absolute;
  left: -21px;
  top: 5px;
  border-radius: 50%;
}
/* util classes */
.bottom-20 {
  margin-bottom: 1.25em;
}
.bottom-10 {
  padding-bottom: 0.625em;
}
.modal_ {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.modal-content {
  box-shadow: none;
  border-radius: 0;
  border: 0;
}
.modal-content .close {
  background: none;
  opacity: 1;
}
.modal-content .close:hover {
  color: #0E0E0F;
}
.modal-content .close .fal {
  color: #0E0E0F;
  font-size: 1.4em;
}
.k-base-modal.modal {
  display: flex;
  justify-content: center;
  align-items: center;
}
.k-base-modal.modal .modal-title {
  font-weight: 500;
  font-size: 1.125em;
  line-height: 110%;
  margin: 0 0 1.125em;
}
.k-base-modal.modal .modal-header,
.k-base-modal.modal .modal-body {
  padding: 0;
}
.k-base-modal.modal .modal-content {
  padding: 1.563em 1.125em;
  border-radius: 16px;
  width: 100%;
  height: auto;
  max-height: 600px;
  overflow-y: auto;
  position: relative;
}
.k-base-modal.modal .modal-content .close {
  top: 22px;
  right: 15px;
}
.k-base-modal.modal .modal-content .close .fal {
  font-size: 1.05em;
}
.cookie-consent-modal .modal-body #modal-description button:not(.cp) {
  border: 2px solid #0E0E0F;
  color: #0E0E0F;
}
.cookie-consent-modal .modal-body #modal-description button:not(.cp):hover,
.cookie-consent-modal .modal-body #modal-description button:not(.cp):focus {
  background: #0E0E0F;
}
.cookie-consent-modal .modal-close button {
  right: 13px;
  top: 13px;
  background: white;
  padding: 5px;
}
.cookie-consent-modal .modal-close button:hover,
.cookie-consent-modal .modal-close button:focus {
  background: black;
}
.cookie-consent-modal .modal-close button:hover span,
.cookie-consent-modal .modal-close button:focus span {
  color: white;
  background: none;
}
.cookie-consent-modal .modal-close button span {
  padding: 4px 8px;
}
#reward-gallery > .desktop-product-container {
  margin: 0 0 2.438em 0;
  width: 100%;
  padding: 0 16px;
}
#reward-gallery > .desktop-product-container .main-search-results-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#reward-gallery > .desktop-product-container .main-search-results-container .results-inner,
#reward-gallery > .desktop-product-container .main-search-results-container .main-selected-search-filter-container {
  align-self: flex-start;
}
#reward-gallery > .desktop-product-container .main-search-results-container .main-selected-search-filter-container {
  position: static;
  margin-left: 0;
}
#reward-gallery > .desktop-product-container .main-search-results-container .results-inner {
  width: 100%;
}
#reward-gallery > .desktop-product-container .snap-scroll-container {
  padding-left: 0;
}
#reward-gallery > .desktop-product-container .search-results-items {
  width: 100%;
}
/* Product family dropdown */
.product-details-dropdown .product-family-dropdown button {
  width: 100%;
}
.product-details-dropdown .product-family-dropdown button:after {
  content: url('../../../../images/klarna/icons/chevron-down.svg');
  margin-left: 0.313em;
  transform: rotate(0);
  transform-origin: center;
  transition: all 0.3s ease;
}
.product-details-dropdown .product-family-dropdown.open button:after {
  transform: rotate(180deg);
}
.dropdown-toggle:focus-visible {
  outline-offset: 2px;
}
.help-center-container .dropdown-menu.lg-toggle {
  top: 111px;
}
.help-center-container .help-contact-only .dropdown-menu.lg-toggle {
  top: 109px;
}
.help-center-container .custom-select-k .dropdown-toggle span {
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  line-height: 1;
}
.custom-select-k:not(.quantitySelector) {
  position: relative;
}
.custom-select-k:not(.quantitySelector) button {
  border: 0.8px solid #C7C9CC;
  border-radius: 8px;
  padding: 19.5px;
  text-align: left;
  width: 100%;
}
.custom-select-k:not(.quantitySelector) ul,
.custom-select-k:not(.quantitySelector) .dropdown-toggle {
  border: 1px solid #C7C9CC;
}
.custom-select-k:not(.quantitySelector) .dropdown-menu {
  box-shadow: 0 9px 25px 0 #00000026;
  font-size: inherit;
  max-height: 13.938em;
  border-radius: 8px;
}
.custom-select-k:not(.quantitySelector) .dropdown-menu li {
  line-height: inherit;
  height: auto;
  padding: 1em 0.688em 1em 1.188em !important;
}
.custom-select-k:not(.quantitySelector) ul {
  max-width: 100%;
  margin-top: 0.5em;
}
.custom-select-k.has-error .help-block {
  left: 18px;
  color: #DB2A21;
  position: absolute;
  font-weight: 400;
  font-size: 0.75em;
  line-height: 130%;
  margin-bottom: 0;
  top: 7px;
}
/* Review Purchase */
.review-purchase-container .custom-select-k button:after {
  content: url('../../../../images/klarna/icons/chevron-down.svg');
  transform: rotate(0);
  transform-origin: center;
  transition: transform 0.35s ease;
}
.review-purchase-container .custom-select-k.open button:first-child:after {
  transform: rotate(180deg);
}
/* Shipping form */
.mallCheckout-page .custom-select-k:focus-visible,
.klarnaCheckoutShippingDetails-page .custom-select-k:focus-visible,
.publicOrder-page .custom-select-k:focus-visible,
.klarnaOrdersValidate-page .custom-select-k:focus-visible,
.help-center-container .custom-select-k:focus-visible {
  outline: 0;
}
.mallCheckout-page .form-control:focus-visible,
.klarnaCheckoutShippingDetails-page .form-control:focus-visible,
.publicOrder-page .form-control:focus-visible,
.klarnaOrdersValidate-page .form-control:focus-visible,
.help-center-container .form-control:focus-visible,
.mallCheckout-page .dropdown-toggle:focus-visible,
.klarnaCheckoutShippingDetails-page .dropdown-toggle:focus-visible,
.publicOrder-page .dropdown-toggle:focus-visible,
.klarnaOrdersValidate-page .dropdown-toggle:focus-visible,
.help-center-container .dropdown-toggle:focus-visible,
.mallCheckout-page .dropdown-toggle:focus-visible,
.klarnaCheckoutShippingDetails-page .dropdown-toggle:focus-visible,
.publicOrder-page .dropdown-toggle:focus-visible,
.klarnaOrdersValidate-page .dropdown-toggle:focus-visible,
.help-center-container .dropdown-toggle:focus-visible {
  box-shadow: none;
  border: 1.5px solid #0E0E0F !important;
  outline: 0;
}
.mallCheckout-page main,
.klarnaCheckoutShippingDetails-page main,
.publicOrder-page main,
.klarnaOrdersValidate-page main,
.help-center-container main {
  background-color: #F2F2F6;
}
.mallCheckout-page input,
.klarnaCheckoutShippingDetails-page input,
.publicOrder-page input,
.klarnaOrdersValidate-page input,
.help-center-container input,
.mallCheckout-page textarea,
.klarnaCheckoutShippingDetails-page textarea,
.publicOrder-page textarea,
.klarnaOrdersValidate-page textarea,
.help-center-container textarea,
.mallCheckout-page .dropdown-toggle,
.klarnaCheckoutShippingDetails-page .dropdown-toggle,
.publicOrder-page .dropdown-toggle,
.klarnaOrdersValidate-page .dropdown-toggle,
.help-center-container .dropdown-toggle {
  padding: 1.75em 1.063em;
  border: 1px solid #C7C9CC;
  border-radius: 8px;
  width: 100%;
  background: #ffffff;
  color: #0E0E0F;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
.mallCheckout-page input::placeholder,
.klarnaCheckoutShippingDetails-page input::placeholder,
.publicOrder-page input::placeholder,
.klarnaOrdersValidate-page input::placeholder,
.help-center-container input::placeholder,
.mallCheckout-page textarea::placeholder,
.klarnaCheckoutShippingDetails-page textarea::placeholder,
.publicOrder-page textarea::placeholder,
.klarnaOrdersValidate-page textarea::placeholder,
.help-center-container textarea::placeholder,
.mallCheckout-page .dropdown-toggle::placeholder,
.klarnaCheckoutShippingDetails-page .dropdown-toggle::placeholder,
.publicOrder-page .dropdown-toggle::placeholder,
.klarnaOrdersValidate-page .dropdown-toggle::placeholder,
.help-center-container .dropdown-toggle::placeholder {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: #787573;
}
.mallCheckout-page input.input-filled,
.klarnaCheckoutShippingDetails-page input.input-filled,
.publicOrder-page input.input-filled,
.klarnaOrdersValidate-page input.input-filled,
.help-center-container input.input-filled,
.mallCheckout-page textarea.input-filled,
.klarnaCheckoutShippingDetails-page textarea.input-filled,
.publicOrder-page textarea.input-filled,
.klarnaOrdersValidate-page textarea.input-filled,
.help-center-container textarea.input-filled,
.mallCheckout-page .dropdown-toggle.input-filled,
.klarnaCheckoutShippingDetails-page .dropdown-toggle.input-filled,
.publicOrder-page .dropdown-toggle.input-filled,
.klarnaOrdersValidate-page .dropdown-toggle.input-filled,
.help-center-container .dropdown-toggle.input-filled {
  padding: 2.063em 1.063em 1.25em 1.063em;
}
.mallCheckout-page textarea,
.klarnaCheckoutShippingDetails-page textarea,
.publicOrder-page textarea,
.klarnaOrdersValidate-page textarea,
.help-center-container textarea,
.mallCheckout-page textarea.input-filled,
.klarnaCheckoutShippingDetails-page textarea.input-filled,
.publicOrder-page textarea.input-filled,
.klarnaOrdersValidate-page textarea.input-filled,
.help-center-container textarea.input-filled {
  resize: none;
  padding-top: 1.7em;
}
.mallCheckout-page .shipping-details .form-group:last-child,
.klarnaCheckoutShippingDetails-page .shipping-details .form-group:last-child,
.publicOrder-page .shipping-details .form-group:last-child,
.klarnaOrdersValidate-page .shipping-details .form-group:last-child,
.help-center-container .shipping-details .form-group:last-child,
.mallCheckout-page .recipient-info-inner .form-group:last-child,
.klarnaCheckoutShippingDetails-page .recipient-info-inner .form-group:last-child,
.publicOrder-page .recipient-info-inner .form-group:last-child,
.klarnaOrdersValidate-page .recipient-info-inner .form-group:last-child,
.help-center-container .recipient-info-inner .form-group:last-child {
  margin-bottom: 0;
}
.mallCheckout-page .has-error .form-control,
.klarnaCheckoutShippingDetails-page .has-error .form-control,
.publicOrder-page .has-error .form-control,
.klarnaOrdersValidate-page .has-error .form-control,
.help-center-container .has-error .form-control,
.mallCheckout-page .custom-select-k.has-error > .dropdown-toggle,
.klarnaCheckoutShippingDetails-page .custom-select-k.has-error > .dropdown-toggle,
.publicOrder-page .custom-select-k.has-error > .dropdown-toggle,
.klarnaOrdersValidate-page .custom-select-k.has-error > .dropdown-toggle,
.help-center-container .custom-select-k.has-error > .dropdown-toggle {
  background: #FFEDEC;
  border: 1px solid #DB2A21;
}
.mallCheckout-page .has-error .form-control:focus-visible,
.klarnaCheckoutShippingDetails-page .has-error .form-control:focus-visible,
.publicOrder-page .has-error .form-control:focus-visible,
.klarnaOrdersValidate-page .has-error .form-control:focus-visible,
.help-center-container .has-error .form-control:focus-visible,
.mallCheckout-page .custom-select-k.has-error > .dropdown-toggle:focus-visible,
.klarnaCheckoutShippingDetails-page .custom-select-k.has-error > .dropdown-toggle:focus-visible,
.publicOrder-page .custom-select-k.has-error > .dropdown-toggle:focus-visible,
.klarnaOrdersValidate-page .custom-select-k.has-error > .dropdown-toggle:focus-visible,
.help-center-container .custom-select-k.has-error > .dropdown-toggle:focus-visible {
  border: 2px solid #DB2A21 !important;
}
.mallCheckout-page .form-group.has-error .help-block,
.klarnaCheckoutShippingDetails-page .form-group.has-error .help-block,
.publicOrder-page .form-group.has-error .help-block,
.klarnaOrdersValidate-page .form-group.has-error .help-block,
.help-center-container .form-group.has-error .help-block,
.mallCheckout-page .custom-select-k.has-error .help-block,
.klarnaCheckoutShippingDetails-page .custom-select-k.has-error .help-block,
.publicOrder-page .custom-select-k.has-error .help-block,
.klarnaOrdersValidate-page .custom-select-k.has-error .help-block,
.help-center-container .custom-select-k.has-error .help-block {
  left: 14px;
  color: #DB2A21;
  position: absolute;
  font-weight: 400;
  font-size: 0.75em;
  line-height: 130%;
  margin-bottom: 0;
  top: -1px;
}
.mallCheckout-page .form-group.has-error .help-block::before,
.klarnaCheckoutShippingDetails-page .form-group.has-error .help-block::before,
.publicOrder-page .form-group.has-error .help-block::before,
.klarnaOrdersValidate-page .form-group.has-error .help-block::before,
.help-center-container .form-group.has-error .help-block::before,
.mallCheckout-page .custom-select-k.has-error .help-block::before,
.klarnaCheckoutShippingDetails-page .custom-select-k.has-error .help-block::before,
.publicOrder-page .custom-select-k.has-error .help-block::before,
.klarnaOrdersValidate-page .custom-select-k.has-error .help-block::before,
.help-center-container .custom-select-k.has-error .help-block::before {
  content: url('../../../../images/klarna/icons/error-icon.svg');
  color: #DB2A21;
  padding-right: 0.4em;
}
.mallCheckout-page .form-group,
.klarnaCheckoutShippingDetails-page .form-group,
.publicOrder-page .form-group,
.klarnaOrdersValidate-page .form-group,
.help-center-container .form-group {
  position: relative;
}
.mallCheckout-page .form-group.input-textarea textarea:focus ~ .custom-label,
.klarnaCheckoutShippingDetails-page .form-group.input-textarea textarea:focus ~ .custom-label,
.publicOrder-page .form-group.input-textarea textarea:focus ~ .custom-label,
.klarnaOrdersValidate-page .form-group.input-textarea textarea:focus ~ .custom-label,
.help-center-container .form-group.input-textarea textarea:focus ~ .custom-label,
.mallCheckout-page .form-group.input-textarea textarea.input-filled ~ .custom-label,
.klarnaCheckoutShippingDetails-page .form-group.input-textarea textarea.input-filled ~ .custom-label,
.publicOrder-page .form-group.input-textarea textarea.input-filled ~ .custom-label,
.klarnaOrdersValidate-page .form-group.input-textarea textarea.input-filled ~ .custom-label,
.help-center-container .form-group.input-textarea textarea.input-filled ~ .custom-label {
  top: 18px;
  font-size: 0.75em;
}
.mallCheckout-page .form-group input,
.klarnaCheckoutShippingDetails-page .form-group input,
.publicOrder-page .form-group input,
.klarnaOrdersValidate-page .form-group input,
.help-center-container .form-group input {
  height: 60px;
}
.mallCheckout-page .form-group input:focus ~ .custom-label,
.klarnaCheckoutShippingDetails-page .form-group input:focus ~ .custom-label,
.publicOrder-page .form-group input:focus ~ .custom-label,
.klarnaOrdersValidate-page .form-group input:focus ~ .custom-label,
.help-center-container .form-group input:focus ~ .custom-label,
.mallCheckout-page .form-group input.input-filled ~ .custom-label,
.klarnaCheckoutShippingDetails-page .form-group input.input-filled ~ .custom-label,
.publicOrder-page .form-group input.input-filled ~ .custom-label,
.klarnaOrdersValidate-page .form-group input.input-filled ~ .custom-label,
.help-center-container .form-group input.input-filled ~ .custom-label {
  top: 15px;
  font-size: 0.75em;
}
.mallCheckout-page .form-group.form-req > label::after,
.klarnaCheckoutShippingDetails-page .form-group.form-req > label::after,
.publicOrder-page .form-group.form-req > label::after,
.klarnaOrdersValidate-page .form-group.form-req > label::after,
.help-center-container .form-group.form-req > label::after {
  opacity: 0;
}
.mallCheckout-page .form-group.has-error input::placeholder,
.klarnaCheckoutShippingDetails-page .form-group.has-error input::placeholder,
.publicOrder-page .form-group.has-error input::placeholder,
.klarnaOrdersValidate-page .form-group.has-error input::placeholder,
.help-center-container .form-group.has-error input::placeholder {
  opacity: 0;
}
.mallCheckout-page .form-group.input-textarea .custom-label,
.klarnaCheckoutShippingDetails-page .form-group.input-textarea .custom-label,
.publicOrder-page .form-group.input-textarea .custom-label,
.klarnaOrdersValidate-page .form-group.input-textarea .custom-label,
.help-center-container .form-group.input-textarea .custom-label {
  top: 24px;
}
.mallCheckout-page .form-group .custom-label,
.klarnaCheckoutShippingDetails-page .form-group .custom-label,
.publicOrder-page .form-group .custom-label,
.klarnaOrdersValidate-page .form-group .custom-label,
.help-center-container .form-group .custom-label {
  position: absolute;
  color: #787573;
  top: 50%;
  transform: translateY(-50%);
  left: 19px;
  font-size: 1em;
  font-weight: 400;
  line-height: 130%;
  transition: all 0.125s ease-in;
  pointer-events: none;
}
.mallCheckout-page .form-group .custom-label strong,
.klarnaCheckoutShippingDetails-page .form-group .custom-label strong,
.publicOrder-page .form-group .custom-label strong,
.klarnaOrdersValidate-page .form-group .custom-label strong,
.help-center-container .form-group .custom-label strong {
  font-weight: 400 !important;
}
/* Shipping form */
.mallCheckout-page main {
  background-color: #F2F2F6;
}
.mallCheckout-page .form-group {
  position: relative;
}
.mallCheckout-page .form-group label {
  position: absolute;
  color: #787573;
  font-weight: 400;
  font-size: 0.75em;
  line-height: 130%;
  top: 8px;
  left: 19px;
  display: none;
}
.mallCheckout-page .form-group label strong {
  font-weight: 400 !important;
}
.mallCheckout-page input {
  padding: 1.75em 1.063em;
  border: 1px solid #C7C9CC;
  border-radius: 8px;
  width: 100%;
}
.mallCheckout-page input::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #787573;
}
.mallCheckout-page .shipping-details .form-group:last-child,
.mallCheckout-page .recipient-info-inner .form-group:last-child {
  margin-bottom: 0;
}
.overlay {
  background: rgba(0, 0, 0, 0.25);
  width: 100%;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
}
.mega-menu-container .overlay {
  z-index: 2;
  top: 84px;
  left: 0;
}
.h1-styles,
.h2-styles,
.h3-styles,
.h4-styles {
  font-family: "SF Pro Display", "SF Pro Text", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.4px;
}
.h1-styles {
  font-size: 1.9375em;
  font-weight: 700;
  line-height: 105%;
}
.h2-styles {
  font-size: 1.6875em;
  font-weight: 700;
  line-height: 105%;
}
.h3-styles {
  font-size: 1.5em;
  font-weight: 700;
  line-height: 105%;
}
.h4-styles {
  font-size: 1.3125em;
  font-weight: 700;
  line-height: 115%;
}
.h5-styles {
  font-size: 1.125em;
  font-weight: 700;
  line-height: 115%;
}
.sub1,
.sub1-1,
.sub2 {
  letter-spacing: 0;
}
.sub1 {
  font-weight: 500;
  font-size: 1.125em;
  line-height: 110%;
}
.sub1-1 {
  font-weight: 400;
  font-size: 1.125em;
  line-height: 110%;
}
.sub2 {
  font-weight: 500;
  font-size: 1em;
  line-height: 115%;
}
.sub3 {
  font-weight: 500;
  font-size: 0.9375em;
  line-height: 130%;
}
p,
.body-regular,
.body-medium,
.body-bold,
.body-small,
.body-small-spaced,
.body-small-med,
.body-xtra-small {
  letter-spacing: 0;
}
p,
.body-regular {
  font-weight: 400;
  font-size: 1em;
  line-height: 130%;
}
.body-medium {
  font-weight: 500;
  font-size: 1em;
  line-height: 130%;
}
.body-bold {
  font-weight: 700;
  font-size: 1em;
  line-height: 130%;
}
.body-small {
  font-weight: 400;
  font-size: 0.875em;
  line-height: 130%;
}
.body-small-spaced {
  font-weight: 400;
  font-size: 0.875em;
  line-height: 175%;
}
.body-small-med {
  font-weight: 500;
  font-size: 0.875em;
  line-height: 130%;
}
.body-xtra-small {
  font-weight: 400;
  font-size: 0.75em;
  line-height: 130%;
}
a,
a:hover,
.link,
.link:hover {
  color: #26789C;
  text-decoration: none;
}
a:focus-visible,
a:hover:focus-visible,
.link:focus-visible,
.link:hover:focus-visible {
  border: 1px solid #0E0E0F;
}
.text-black {
  color: #0E0E0F !important;
}
.text-subtext-gray {
  color: #787573 !important;
}
.text-link-blue {
  color: #26789C !important;
}
.text-link-purple {
  color: #572eae !important;
}
.text-success-green {
  color: #0D4722 !important;
}
.text-link-blue,
.text-link-purple {
  background: none;
  border: none;
}
.text-link-blue:hover,
.text-link-purple:hover {
  text-decoration: underline;
}
.btn,
.btn:hover,
.btn:active,
.btn.active,
.btn:focus-visible,
.btn:focus,
.btn.focus,
.btn-secondary:active:hover,
.btn-secondary:active:focus {
  position: relative;
  background: #0E0E0F;
  padding: 0.6875em 1.25em;
  border-radius: 2em;
  font-size: 1em;
  font-weight: 500;
  line-height: 105%;
  color: #fff;
}
.btn.btn-sm {
  padding: 0.5em 0.9375em;
  font-size: 0.875em;
}
.btn.btn-lg,
.btn.btn-lg:focus,
.btn.btn-lg:focus-visible {
  padding: 1.0625em 1.5em;
  border-radius: 0.5em;
}
.btn.btn-lg.disabled,
.btn.btn-lg:focus.disabled,
.btn.btn-lg:focus-visible.disabled,
.btn.btn-lg[disabled],
.btn.btn-lg:focus[disabled],
.btn.btn-lg:focus-visible[disabled],
.btn.btn-lg[aria-disabled=true],
.btn.btn-lg:focus[aria-disabled=true],
.btn.btn-lg:focus-visible[aria-disabled=true] {
  background: #C7C9CC;
  border-color: transparent;
  color: #fff;
}
.btn.btn-gray {
  background: #F3F3F7;
  color: #0E0E0F;
}
.btn.btn-white {
  background: #fff;
  color: #0E0E0F;
  border: 1px solid #0E0E0F;
}
.btn.btn-outline {
  background: #fff;
  border-color: #0E0E0F;
  color: #0E0E0F;
}
.btn.disabled,
.btn[disabled] {
  background: #F3F3F7;
  border-color: transparent;
  color: #0E0E0F;
  opacity: 1;
}
.btn.btn-open {
  background: transparent;
  padding: 0;
  border: none;
  border-radius: 0;
}
.btn .fa {
  margin-left: 0.75em;
}
.btn:focus-visible {
  outline: 0;
}
.btn:focus-visible::after,
.btn.focus::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: -4px;
  border: 1px solid #0E0E0F;
  border-radius: inherit;
  content: "";
}
/* Pay with klarna black button */
.pay-with-k-btn {
  width: 100%;
  position: relative;
}
.pay-with-k-btn img {
  position: absolute;
  left: 9px;
  height: 1.5em;
  top: 13px;
}
.spinner {
  color: transparent !important;
  transition: none;
}
.spinner:hover {
  color: transparent !important;
}
.spinner::after {
  content: "";
  display: block;
  border-color: transparent transparent #fff #fff;
  position: absolute;
  height: 15px;
  width: 15px;
  top: 50%;
  left: 50%;
  margin-left: -7.5px;
  margin-top: -7.5px;
  animation: spinner 0.5s infinite linear;
  border-radius: 50%;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-top-color: transparent;
}
.spinner-visible.lg .spinner:after {
  margin-left: -10.5px;
  margin-top: -10.5px;
  width: 20px;
  height: 20px;
}
.spinner.dark::after {
  border-color: transparent transparent #fff #fff;
  border: 2px solid black;
  border-right-color: transparent;
  border-top-color: transparent;
}
@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
input[type=checkbox] {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0;
  opacity: 0;
  z-index: 2;
}
input[type=checkbox] + label {
  padding-left: 1.75em;
}
input[type=checkbox] + label::before {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  margin-left: -1.75em;
  padding: 0.25em;
  border: 1px solid #93969A;
  border-radius: 5px;
  font-family: 'Font Awesome 5 Pro';
  font-size: 13px;
  color: #FFFFFF;
  content: "";
}
input[type=checkbox]:checked + label::before {
  background: #0E0E0F;
  border-color: #0E0E0F;
  content: "\f00c";
}
hr {
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #ECECEC;
}
hr.hr-lg {
  border-top-width: 10px;
}
.table.table-faqs {
  border: 1px solid #0E0E0F;
}
.table.table-faqs > thead > tr > th,
.table.table-faqs > tbody > tr > th,
.table.table-faqs > thead > tr > td,
.table.table-faqs > tbody > tr > td {
  background: #fff;
  border: 1px solid #0E0E0F;
}
.well,
.rewardsDetail-page .well {
  min-height: 0;
  background-color: #fff;
  margin: 0;
  padding: 1.3125em 1.031em;
  border-color: #C7C9CC;
  border-radius: 0.625em;
}
.well:not(.well-disabled),
.rewardsDetail-page .well:not(.well-disabled) {
  cursor: pointer;
}
.well.well-active,
.rewardsDetail-page .well.well-active {
  padding: 1.1875em 0.9375em;
  border-width: 0.1875em;
  border-color: #000000;
}
.well.well-alert,
.rewardsDetail-page .well.well-alert {
  background-color: #E9F5FF;
  padding: 0.9375em;
  border-color: #E9F5FF;
  border-radius: 0;
}
.well.well-disabled,
.rewardsDetail-page .well.well-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.well.well-footer,
.rewardsDetail-page .well.well-footer {
  background-color: #F3F3F7;
  padding: 1.25em;
  border: none;
  border-radius: 0;
  margin-right: -20px !important;
  margin-left: -20px !important;
}
.plus-items-well {
  border: 1px solid #ECECEC;
  border-radius: 5px;
  width: 2.813em;
  height: 2.813em;
}
.rewardsDetail-page .input-wrapper input:focus + label {
  border: 3px solid #0E0E0F;
}
.rewardsDetail-page fieldset legend {
  border: none;
  color: #0E0E0F;
}
.rewardsDetail-page fieldset h2 {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
.exclusive-k-banner {
  padding: 0.281em 0.5em;
  color: white;
  background: #0E0E0F;
  white-space: nowrap;
  margin-left: 0.438em;
  width: auto !important;
}
.green-banner {
  background: #DDFFE3;
  display: inline-block;
  padding: 0.313em 0.5em;
  color: #0D4722;
}
.banner {
  padding: 6px 0.5em;
  border-radius: 4px;
}
.banner.persistent {
  background-color: #80FFA6;
  padding: 0.6875em;
  font-weight: 400;
  position: fixed;
  z-index: 3;
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
}
.banner.flexUp {
  background-color: #FFB3C7;
  line-height: 105%;
}
.banner.pay-in-4 {
  background-color: #FFB3C7;
  line-height: 105%;
}
.banner.top-banner {
  border-radius: 0px;
}
.empty-result main {
  background-color: #F2F2F6;
  padding: 1.75em 1.25em;
  margin: 0;
  margin-left: -1.25em;
}
.empty-result main .container,
.empty-result main .container > div {
  height: 100%;
}
.empty-result .review-purchase-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 0.625em;
}
.empty-result .empty-result-container {
  flex-grow: 1;
}
.empty-result .main-search-results-container {
  display: flex;
  flex-direction: column;
}
#toast-container > div:hover {
  box-shadow: none;
}
#toast-container.toast-top-right {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 65px;
  left: 0;
}
#toast-container .toast-close-button {
  visibility: hidden;
  position: absolute;
  right: 7px;
}
#toast-container .toast-error {
  border-radius: 16px;
  background: #FFCACA;
  background-image: none !important;
  opacity: 1;
  box-shadow: none;
  color: #0E0E0F;
  padding: 0.938em;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc(100% - 40px);
  height: auto;
}
#toast-container .toast-error:before {
  position: relative;
  top: 1px;
  content: url('../../../../images/klarna/icons/warning.svg');
}
#toast-container .toast-error .toast-message {
  font-weight: 400;
  font-size: 1em;
  line-height: 130%;
  margin-left: 0.625em;
  align-self: center;
}
.ai-gradient-text {
  background: #0894ff;
  background: linear-gradient(108deg, #0894ff, #c959dd 34%, #ff2e54 68%, #ff9004);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .ai-gradient-text.plp {
    font-size: 0.75em;
    letter-spacing: -0.5px;
  }
  .ai-gradient-text.plp:after {
    font-size: 5px;
  }
}
.ai-gradient-text:not(.disclaimer)::after {
  position: relative;
  top: -1em;
  font-family: 'Font Awesome 5 Pro';
  font-size: 6px;
  font-weight: 500;
  line-height: 0;
  color: black;
  vertical-align: baseline;
  content: '\00a0\f069';
  left: -3px;
  -webkit-text-fill-color: black;
}
.fix-width-1-25 {
  width: 20px;
}
.fix-width-2-5 {
  width: 40px;
}
.fix-width-3-6 {
  width: 58px;
}
.fix-height-3-6 {
  height: 58px;
}
.skeleton-loader {
  border-radius: 8px;
  background-color: #d1d5db;
  animation: pulseSkeleton 3s infinite;
  opacity: 0.1;
  width: 100%;
  height: 12px;
}
.skeleton-loader.inverse {
  background-color: white;
}
@keyframes pulseSkeleton {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.scrollable-element.loader {
  background: white;
  gap: 8px;
  width: 100vw;
  margin-left: -50vw;
  left: 50%;
  overflow-y: auto;
  padding: 7px 16px;
  position: fixed;
  z-index: 3;
  height: 49px;
}
.scrollable-element.loader .skeleton-loader {
  width: 109px;
  height: 19px;
  border-radius: 16px;
}
@media screen and (max-width: 1200px) {
  .main-selected-search-filter-container ~ .search-results-items {
    margin-top: 2em;
  }
  #reward-gallery > .desktop-product-container {
    padding: 0;
  }
  #reward-gallery > .desktop-product-container .main-search-results-container {
    display: block;
  }
  #reward-gallery > .desktop-product-container .main-search-results-container .main-selected-search-filter-container {
    position: absolute;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
  }
  #reward-gallery > .desktop-product-container .main-search-results-container .results-inner {
    margin-top: 4em;
  }
  #reward-gallery > .desktop-product-container .snap-scroll-container {
    padding: 0 1.25em;
  }
}
.sidebar-nav-widget { background-color: white; }
.mobileback.visible-xs-block.hidden-print { display: none !important; }