@charset "UTF-8";

@font-face {
  font-family: "InterVariable";
  src: url("fonts/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "InterVariable";
  src: url("fonts/InterVariable-Italic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  font-family: "InterVariable", system-ui, sans-serif;
  font-optical-sizing: auto;
  font-feature-settings: "cv01" 1;
  --timeout-header-height: 70px;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

* {
  -webkit-tap-highlight-color: transparent;
}

:where(
  .footer > li > a,
  .footernav > li > a,
  .footernav2 > li > a,
  .mobile-taxonomy-footer .archive-item,
  .deckcard1 .archive-item,
  .gallery-intro-inline-link
) {
  -webkit-tap-highlight-color: rgba(17, 17, 17, 0.1);
}

@media (hover: none) {
  :where(
    .itemandpricewrapper > a,
    .itemandpricewrapper h2 > a,
    .itemandpricewrapperclothing > a,
    .itemandpricewrapperclothing h2 > a
  ) {
    -webkit-tap-highlight-color: transparent;
  }

  :where(
    .itemandpricewrapper > a h1,
    .itemandpricewrapper h2 > a,
    .itemandpricewrapperclothing > a h1,
    .itemandpricewrapperclothing h2 > a
  ) {
    border-radius: 2px;
    transition: background-color 120ms ease, box-shadow 120ms ease;
  }

  :where(
    .itemandpricewrapper > a:active h1,
    .itemandpricewrapper h2 > a:active,
    .itemandpricewrapperclothing > a:active h1,
    .itemandpricewrapperclothing h2 > a:active
  ) {
    background-color: rgba(17, 17, 17, 0.1);
    box-shadow: 0 0 0 2px rgba(17, 17, 17, 0.1);
  }
}

.js-loading *,
.js-loading *:before,
.js-loading *:after {
    animation-play-state: paused !important;
}

/* Hidden by default */
#rotate-warning {
  display: none;
  position: fixed;
  inset: 0;  
  z-index: 2000000040;
  background: #fdfdfc;
  color: #111111;
  font-family: inherit;
  text-align: center;
}

#rotate-warning .rotate-warning__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

.no-animation {
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
}

.image-stack {
  position: relative;
}

.image-stack .card-texture-stack {
  position: relative;
  display: inline-block;
  height: 100%;
  border-radius: 5.556% / 3.977%;
  overflow: hidden;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.23);
}

.image-stack .card-texture-stack {
  display: inline-block;
  aspect-ratio: 716 / 1000;
  width: auto;
}

.image-stack .card-texture-stack img {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.launch-single-product .launch-product-image {
  background: #fdfdfc;
}

.launch-product-title {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.launch-shop-page .deckcard1,
.launch-shop-page .mobile-menu-global-nav {
  display: none;
}

body.has-mobile-taxonomy #itemToScroll .card-texture-stack,
body.has-mobile-taxonomy #itemToScroll .card-art-group,
body.has-mobile-taxonomy #itemToScroll .card-texture-stack img {
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  user-select: none;
}

.image-stack .img-bottom,
.image-stack .gallery-card-image {
  z-index: 1;
}

.image-stack .img-top {
  z-index: 2;
  pointer-events: none;
}

.image-stack img {
  display: block;
}

#notificationstore {
	position: fixed;
	display: flex;
	justify-content: right;
	align-items: right;
	width: 100%;
	height: 25px;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	vertical-align: middle;
    font-family: inherit;
    font-weight: 460;
	color: #111111;
    font-style: normal;
    list-style: none;
    text-decoration: none;
    font-size: 11px;	
	margin-top: 29px;
	margin-right: 40px;
}

#notificationstore>a {
	z-index: 1000000030 !important;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: #fdfdfc;
	height: 25px;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	vertical-align: middle;
    font-family: inherit;
    font-weight: 460;
	color: #111111;
    font-style: normal;
    list-style: none;
    text-decoration: none;
    font-size: 13px;	
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    color-scheme: light;
    color-scheme: only light;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background: #fdfdfc !important;
}

::selection {
    background-color: #ededed;
}

@media (hover: hover) and (pointer: fine) {
    * {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    ::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }
}

body.test-product-page #scrolling-wrapper {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body.test-product-page #scrolling-wrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.timeout-scroll-indicator {
    position: fixed;
    left: 2px;
    right: 2px;
    bottom: 2px;
    height: 6px;
    z-index: 2147483645;
    pointer-events: none;
    opacity: 0;
    transition: opacity 700ms cubic-bezier(0.16, 1, 0.3, 1);
    contain: layout paint;
}

.timeout-scroll-indicator.is-visible {
    opacity: 1;
    transition-duration: 120ms;
    transition-timing-function: ease-out;
}

.timeout-scroll-indicator-thumb {
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    min-width: 36px;
    border-radius: 100px;
    background: rgba(0, 0, 0, 0.15);
    transform: translate3d(0, 0, 0);
    will-change: width, transform;
}

body.gallery-submission-is-open .timeout-scroll-indicator {
    opacity: 0 !important;
}

#headercontainer {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    width: 155px;
    height: var(--timeout-header-height);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

#headercontainer > a {
    display: block;
    width: 100%;
}

#headercontainer img,
#headercontainer svg {
    margin: 0 auto;
    width: 100%;
    height: auto;
    display: block;
}

#headercontainermenu {
    display: none;
}

#container {
    background-color: #fdfdfc;
    z-index: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

#shirt {
    position: fixed;
    top: 2.5%;
    left: 1%;
    height: 30px;
    width: 30px;
}

#shirt img {
    width: 100%;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
    z-index: 1000000000;
    cursor: default;
    user-select: none;
}

#timeout-bag-toggle {
    position: fixed;
    top: calc((var(--timeout-header-height) - 28px) / 2);
    right: 16px;
    height: 28px;
    width: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    overflow: visible;
    z-index: 2147483647;
}

#timeout-bag-toggle .timeout-bag-hitbox {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    background: transparent;
}

#timeout-bag-toggle .timeout-bag-icon {
    position: relative;
    z-index: 1;
    width: 28px;
    height: 28px;
    display: block;
    pointer-events: none;
    user-select: none;
    color: #111111;
}

#timeout-bag-badge {
    position: absolute;
    z-index: 2;
    right: 1px;
    bottom: 1px;
    min-width: 14px;
    height: 14px;
    padding: 0 3px;
    border-radius: 999px;
    background: #000000;
    color: #ffffff;
    font-family: "InterVariable", system-ui, sans-serif;
    font-size: 10px;
    font-weight: 460;
    line-height: 15px;
    text-align: center;
    display: none;
    box-sizing: border-box;
    pointer-events: none;
    user-select: none;
}

#timeout-bag-toggle.has-items #timeout-bag-badge {
    display: block;
}


.footernav {
    position: fixed;
    right: 3%;
    bottom: 3%;
    text-align: right;
    z-index: 1000000000;
    cursor: default;
    user-select: none;
}

.storenav {
    position: fixed;
    left: 3%;
    top: 20%;
    text-align: left;
    z-index: 1000000000;
    display: none;
}

.storenav>p {
    display: block;
    top: 0;
    font-family: inherit;
    color: #111111;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 13px;
}

.footernav2 {
    position: fixed;
    left: 3%;
    bottom: 3%;
    text-align: left;
    z-index: 1000000000;
    cursor: default;
    user-select: none;
}

.footer>li {
    display: inline-block;
}

.footernav>li,
.footernav2>li {
    display: inline-block;
}

.footer>li>a,
.footer>li>.footer-text {
    display: inline-block;
    font-family: inherit;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 460;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    transition: color 200ms ease;
}

.footer>li>a {
    cursor: pointer;
}

.footer>li>.footer-text {
    cursor: default;
}

.footernav>li>a,
.footernav2>li>a {
    display: inline-block;
    font-family: inherit;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 460;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    transition: color 200ms ease;
    cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
    .footer>li>a:hover {
        color: #111111;
    }

    .footernav>li>a:hover,
    .footernav2>li>a:hover {
        color: #111111;
    }
}

.span {
    font-family: inherit;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 460;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    cursor: default;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}

#productinfo {
    padding-left: 3%;
    padding-right: 3%;
    position: fixed;
    height: 100%;
    width: 19%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1000000005;
    background: #fdfdfc;
}

#productinfocontainer {
    position: fixed;
    top: 20%;
    width: 19%;
}

.mobileh1 {
    display: none;
}

#productinfocontainer>h1 {
    display: block;
    font-family: inherit;
    color: #111111;
    font-weight: 600;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 15px;
    top: 0;
    /*line-height: 0; */
}

.pricecontainer>h2 {
    display: block;
    font-family: inherit;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 460;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 13px;
}

.pricecontainer>h3 {
    display: block;
    font-family: inherit;
    color: #111111;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 13px;
}

.pricecontainer>h4 {
    display: block;
    font-family: inherit;
    color: #111111;
    font-weight: 460;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 13px;
}

.pricecontainer>h1 {
    display: none;
}

#productinfocontainer>p {
    display: block;
    font-family: inherit;
    color: #111111;
    font-weight: 460;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 13px;
}

#productinfocontainer>p>a {
    font-family: inherit;
    color: #111111;
    font-weight: 460;
    font-style: normal;
    list-style: none;
    text-align: left;
    font-size: 13px;
}

#productinfocontainer>p>i>a {
    font-family: inherit;
    color: #111111;
    font-weight: 460;
    font-style: italic;
    list-style: none;
    text-align: left;
    font-size: 13px;
}

.pricecontainer {
    width: 19%;
    position: fixed;
    bottom: calc(15% + 40px);
}

.pricecontainermobile {
    display: none;
}

.buttoncontainermobile {
    display: none;
}

.buttoncontainer {
    width: 19%;
    position: fixed;
    bottom: 15%;
}

#horizontalcontainer {
    z-index: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

#horizontalproductcontainer {
    z-index: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
	-webkit-overflow-scrolling: touch;
}

#mobilewrapperpleaseworkimsosickofcodingihavenoideawhatimdoinglol {
    z-index: 0;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    -webkit-overflow-scrolling: touch;	
}

#horizontalstorecontainer {
    z-index: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

#scrolling-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    color-scheme: light;
    color-scheme: only light;
    white-space: normal;
    text-align: left;
    margin: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
}

.js-loading #scrolling-wrapper {
    opacity: 0;
}

.product-scroll-track {
    display: inline-flex;
    align-items: center;
    gap: 24px;
    box-sizing: border-box;
    min-width: 100%;
    width: max-content;
    height: 100%;
    padding-left: max(0px, calc(50vw - 28vh));
    padding-right: max(0px, calc(50vw - 28vh));
}

.product-intro-ready .product-scroll-track,
.product-intro-skip .product-scroll-track {
    opacity: 1;
}

.product-intro-ready .product-scroll-track {
    animation-name: productslidebase;
    animation-duration: var(--timeout-product-intro-duration, 1100ms);
    animation-delay: var(--timeout-product-intro-delay, 250ms);
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: productslidebase;
    -webkit-animation-duration: var(--timeout-product-intro-duration, 1100ms);
    -webkit-animation-delay: var(--timeout-product-intro-delay, 250ms);
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: productslidebase;
    -moz-animation-duration: var(--timeout-product-intro-duration, 1100ms);
    -moz-animation-delay: var(--timeout-product-intro-delay, 250ms);
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: productslidebase;
    -o-animation-duration: var(--timeout-product-intro-duration, 1100ms);
    -o-animation-delay: var(--timeout-product-intro-delay, 250ms);
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.deckcard1 .close-btn {
    display: none;
}

#collagebutton,
#inkbutton,
#crossbutton,
#crossbutton2,
#streakbutton,
#thermalbutton,
#databendbutton,
#trilogybutton,
#temperaturebutton,
#crosscollectorsbutton,
#streakcollectorsbutton,
#temperaturecollectorsbutton,
#phaserblackbutton,
#phaserwhitebutton,
#embroideredlogohoodieblackbutton,
#atrbutton,
#atrvhsbutton,
#articlebutton,
#lolbutton,
#lollbutton,
#lolllbutton,
#gesturemorn,
#roonhood,
#smallpaint,
#bigpaint,
#thegesturebutton,
#mediumpaint,
#d8,
#bb,
#brb,
#sb,
#charhood,
#fghood,
#whood,
#rbhood,
#ana,
#whydontyouwork,
#pig,
#met,
#mett,
#unc,
#cs,
#cs2,
#cs3,
#cs4,
#cs5,
#cs6,
#cs7,
#cs8,
#cs9,
#cs10,
#cs11,
#cs12,
#cs13,
#cs100,
#oi,
#io,
#cs14,
#cs15,
#philly1,
#philly2,
#philly3,
#holy,
#holyu,
#font,
#cwb,
#cw,
#cwu,
#gjh,
#bf1,
#bf2,
#bf3,
#home,
#st,
#stt,
#sts,
#cush,
#cushp,
#lmp {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.buybutton {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 1;
}

#seriouslygottabetextwhy,
#scoobster {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

#collageinfobutton,
#databendinfobutton,
#inkinfobutton,
#thermalinfobutton,
.product-buybutton-desktop {
    position: relative;
}

#crossinfobuttonmobile,
#collageinfobuttonmobile,
#databendinfobuttonmobile,
#inkinfobuttonmobile,
#streakinfobuttonmobile,
#thermalinfobuttonmobile,
#temperatureinfobuttonmobile,
#phaserblackinfobuttonmobile,
.product-buybutton-mobile {
    display: none;
}

.store-scrolling-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    color-scheme: light;
    color-scheme: only light;
    white-space: nowrap;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.store-scroll-track {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: visible;
    opacity: 0;
}

.intro-ready .store-scroll-track,
.intro-skip .store-scroll-track {
    opacity: 1;
}

.intro-ready .store-scroll-track {
    animation-name: storeslidebase;
    animation-duration: 1.75s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: storeslidebase;
    -webkit-animation-duration: 1.75s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: storeslidebase;
    -moz-animation-duration: 1.75s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: storeslidebase;
    -o-animation-duration: 1.75s;
    -o-animation-delay: 0s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.store-scrolling-wrapper-clothing {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
    margin: 0 auto;
    height: 60%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.productcardfirst {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 70vh;
    width: auto;
    min-width: 0;
    top: 0;
    transform: none;
    margin-left: 0;
    flex: 0 0 auto;
}

.newproductcardfirst {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 70vh;
    width: auto;
    min-width: 0;
    top: 0;
    transform: none;
    margin-left: 0;
    flex: 0 0 auto;
}

.productcardtext {
    display: none;
    position: relative;
    height: 60%;
    width: 40%;
    top: 50.6%;
    transform: translateY(-50%);
}

.productcard {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 70vh;
    width: auto;
    min-width: 0;
    top: 0;
    transform: none;
    flex: 0 0 auto;
}

.productcardonly {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: auto;
    min-width: 0;
    height: 70vh;
    top: 0;
    transform: none;
    flex: 0 0 auto;
}

.productcardlast {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 70vh;
    width: auto;
    min-width: 0;
    top: 0;
    transform: none;
    margin-right: 0;
    flex: 0 0 auto;
}

.productcardlastmobile {
    display: none;
    position: relative;
    height: 60%;
    width: 40%;
    top: 50.6%;
    transform: translateY(-50%);
}

.productcard img,
.productcardonly img,
.productcardfirst img,
.productcardfirst video,
.productcardlast img,
.newproductcardfirst img {
    height: 100%;
    width: auto;
    display: block;
}

#fullscreen {
    display: none;
}

.deckcard1 {
    background-color: #fdfdfc;
    left: 0;
    display: block;
    position: fixed;
    height: 90%;
    top: 50%;
    width: 125px;
    box-shadow: none;
    transform: translateY(-50%);
    z-index: 1000000050;
}

.deckcard1>.archivewrapper>.archivetextewrapperlolgoodness>a {
    width: max-content;
    align-content: center;
    align-items: center;
    margin: 0 auto;
    display: block;
    padding: 0;
    font-family: inherit;
    color: rgba(0, 0, 0, 0.4);
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    margin-top: 12px;
    margin-bottom: 19px;
	margin-left: auto;
	margin-right: auto;	
	font-size: 13px;
	font-weight: 460;	
}

@media (hover: hover) and (pointer: fine) {
    .deckcard1>.archivewrapper>.archivetextewrapperlolgoodness>a:hover {
        color: #111111;
    }
}

.archive-nav {
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}

body.gallery-not-found .archive-nav {
  display: none !important;
}

.archive-item {
  display: block;
  width: max-content;
  margin: 12px auto 19px;
  font-family: inherit;
  color: rgba(0, 0, 0, 0.4);
  text-decoration: none;
  user-select: none;
  transition: color 200ms ease;
}

@media (hover: hover) and (pointer: fine) {
  a.archive-item:hover {
    color: #111111;
  }
}

.archive-nav .archive-item.is-active {
  color: #111111;
}

.deckcard1 > .archivewrapper > .archivetextewrapperlolgoodness.archive-nav > a.archive-item.is-active {
  color: #111111;
}

.archive-item {
  font-size: 13px;
  font-weight: 460;
  cursor: pointer;
}

.mobile-taxonomy-footer,
.mobile-menu-global-nav {
  display: none;
}

.mobile-taxonomy-footer {
  cursor: default;
  user-select: none;
}

body.test-product-page .deckcard1 {
  display: none;
}

.deckcard2,
.deckcard3 {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    min-width: 500px;
    top: 50.6%;
    transform: translateY(-50%);
}

@keyframes storeslidebase {
    0% {
        transform: translateX(var(--timeout-intro-shift, 0px));
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes productslidebase {
    0% {
        transform: translateX(var(--timeout-product-intro-shift, 0px));
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes storeslideearlyaccess {
    0% {
        margin-left: -890%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslide2024 {
    0% {
        margin-left: -1400%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslide2025 {
    0% {
        margin-left: -1050%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslide2023 {
    0% {
        margin-left: -1145%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslide2022 {
    0% {
        margin-left: -690%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslide2021 {
    0% {
        margin-left: -830%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslide2020 {
    0% {
        margin-left: -2000%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslidemobilebase {
    0% {
        transform: translateX(var(--timeout-intro-shift, 0px));
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes storeslidemobileearlyaccess {
    0% {
        margin-left: -3000%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes storeslidemobile2024 {
    0% {
        margin-left: -3200%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes storeslidemobile2025 {
    0% {
        margin-left: -2700%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes storeslidemobile2023 {
    0% {
        margin-left: -3300%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes storeslidemobile2022 {
    0% {
        margin-left: -2300%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes storeslidemobile2021 {
    0% {
        margin-left: -2200%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes storeslidemobile2020 {
    0% {
        margin-left: -1300%;
    }

    100% {
        margin-left: 0;
    }
}

.clothingcard1 {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
}

.clothingcard2 {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
}

.clothingcardfirst,
.cardfirst {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    min-width: 500px;
    top: 50.6%;
    transform: translateY(-50%);
    margin-right: min(32.5%, calc((100% - 500px) / 2));
}

.clothingcardlast {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
    animation-name: storeslide;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: storeslide;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: storeslide;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: .3s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: storeslide;
    -o-animation-duration: 1.5s;
    -o-animation-delay: .3s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.cardlastbase {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    min-width: 500px;
    top: 50.6%;
    transform: translateY(-50%);
	margin-left: min(32.5%, calc((100% - 500px) / 2));
}

.store-product-card {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    min-width: 500px;
    top: 50.6%;
    transform: translateY(-50%);
    margin-left: 0;
    margin-right: 0;
}

.store-product-card.is-row-first {
    margin-left: min(32.5%, calc((100% - 500px) / 2));
}

.store-product-card.is-row-last {
    margin-right: min(32.5%, calc((100% - 500px) / 2));
}

.store-product-card--multi-card {
    width: var(--store-multi-card-slot-width, 35%);
    min-width: var(--store-multi-card-slot-min-width, 500px);
    box-sizing: border-box;
    padding-left: var(--store-card-side-gutter, 0px);
    padding-right: var(--store-card-side-gutter, 0px);
}

.store-product-card--multi-card.is-row-first {
    margin-left: var(--store-multi-card-edge-margin, min(32.5%, calc((100% - 500px) / 2)));
}

.store-product-card--multi-card.is-row-last {
    margin-right: var(--store-multi-card-edge-margin, min(32.5%, calc((100% - 500px) / 2)));
}

.store-product-card.is-filter-hidden {
    display: none !important;
}

.store-scroll-track.is-filter-ready {
    transition: opacity 160ms ease;
}

.store-scroll-track.is-filter-transitioning {
    opacity: 0;
    pointer-events: none;
    transition: opacity 160ms ease;
}

.store-scroll-track.is-filter-intro-sliding {
    opacity: 1;
    pointer-events: none;
    transition: none;
    will-change: transform;
    animation-name: storeslidebase;
    animation-duration: 1.75s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: storeslidebase;
    -webkit-animation-duration: 1.75s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: storeslidebase;
    -moz-animation-duration: 1.75s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: storeslidebase;
    -o-animation-duration: 1.75s;
    -o-animation-delay: 0s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.singlecard {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
}

.storecard {
    display: inline-block;
    position: relative;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.productwrapper {
    top: 0;
    width: 100%;
    display: inline-block;
    height: calc(100% - 42px);
}

.archivewrapper {
    top: 0;
    width: 100%;
    display: inline-block;
    height: 100%;
}

.productwrapperclothing {
    top: 0;
    width: 100%;
    display: inline-block;
    height: calc(100% - 42px);
}

.animationwrapper {
    display: inline-block;
    height: calc(100% - 66.4px);
    -webkit-perspective: 2400px;
    -moz-perspective: 2400px;
    -ms-perspective: 2400px;
    -o-perspective: 2400px;
    perspective: 2400px;
}

.animationwrapperless {
    display: inline-block;
    height: calc(100% - 66.4px);
    -webkit-perspective: 3000px;
    -moz-perspective: 3000px;
    -ms-perspective: 3000px;
    -o-perspective: 3000px;
    perspective: 3000px;
}

.anotherwrapperlol {
    display: inline-block;
    height: calc(100% - 66.4px);
	background-color: transparent;
}

.animationwrapperclothing {
    height: calc(100% - 66.4px);
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
  	align-items: center; /* keep cards centered visually */	
}

.animationwrapperclothing > a {
    height: 100%;
    display: inline-flex;
    justify-content: flex-end;
    flex-direction: column;
    width: fit-content;	
	flex: 0 0 auto;
    transform: translateY(0);
    transition:
      transform 550ms cubic-bezier(0.25, 0.1, 0.25, 1),
      box-shadow 550ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.animationwrapperclothing > a:hover {
  transform: translateY(-2px);
}

.animationwrapperclothing .card-shadow-unit {
  position: relative;
  display: block;
  flex: 0 0 auto;
  height: 100%;
  aspect-ratio: 716 / 1000;
  width: auto;
  margin: 0;
  line-height: 0;
}

.animationwrapperclothing .card-shadow-card {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5.556% / 3.977%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.23);
  pointer-events: none;
  z-index: 0;
  transform: translateY(0);
  transition:
    transform 550ms cubic-bezier(0.25, 0.1, 0.25, 1),
    box-shadow 550ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.animationwrapperclothing .card-shadow-unit > .card-texture-stack {
  position: relative;
  display: block;
  z-index: 1;
  height: 100%;
  width: 100%;
  aspect-ratio: 716 / 1000;
  margin: 0;
  box-shadow: none;
  transform: translateY(0);
  transition:
    transform 550ms cubic-bezier(0.25, 0.1, 0.25, 1),
    box-shadow 550ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.animationwrapperclothing .card-shadow-unit:hover > .card-shadow-card,
.animationwrapperclothing .card-shadow-unit:hover > .card-texture-stack {
  transform: translateY(-2px);
}

.animationwrapperclothing .card-shadow-unit:hover > .card-shadow-card {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.28);
}

.store-product-card--multi-card .card-art-group {
  height: 100%;
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  gap: var(--card-art-gap, 1px);
  line-height: 0;
}

.store-product-card--multi-card .card-art-unit {
  position: relative;
  display: block;
  flex: 0 0 auto;
  height: 100%;
  aspect-ratio: 716 / 1000;
  width: auto;
  margin: 0;
  line-height: 0;
}

.store-product-card--multi-card .card-art-shadow {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5.556% / 3.977%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.23);
  pointer-events: none;
  z-index: 0;
  transform: translateY(0);
  transition:
    transform 550ms cubic-bezier(0.25, 0.1, 0.25, 1),
    box-shadow 550ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.store-product-card--multi-card .card-art-unit > .card-texture-stack {
  position: relative;
  display: block;
  z-index: 1;
  flex: 0 0 auto;
  height: 100%;
  width: 100%;
  aspect-ratio: 716 / 1000;
  margin: 0;
  box-shadow: none;
  transform: translateY(0);
  transition:
    transform 550ms cubic-bezier(0.25, 0.1, 0.25, 1),
    box-shadow 550ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.store-product-card--multi-card .card-art-group:hover .card-art-shadow,
.store-product-card--multi-card .card-art-group:hover .card-texture-stack {
  transform: translateY(-2px);
}

.store-product-card--multi-card .card-art-unit:hover > .card-art-shadow {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.28);
}

@media (hover: none) and (pointer: coarse) {
  .animationwrapperclothing .card-shadow-unit,
  .store-product-card--multi-card .card-art-group {
    isolation: isolate;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
}

.gallery-card-link {
  color: inherit;
  text-decoration: none;
}

.gallery-json-card .gallery-card-link,
.gallery-json-card .gallery-card-link *,
.gallery-json-card.store-product-card--multi-card .card-art-group .gallery-card-link,
.gallery-json-card.store-product-card--multi-card .card-art-group .gallery-card-link * {
  cursor: pointer !important;
}

.gallery-empty-state {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 160ms ease, visibility 0s linear 160ms;
}

.gallery-empty-state.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 160ms ease;
}

.gallery-empty-state h1 {
  margin: 0;
  color: #111;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}


.animationwrapperclothing > a img {
  display: block;
  height: 100%;
  width: auto;
}

.deckcardvideo img,
.storecard img,
.deckcard2 img,
.deckcard3 img,
.deckcard0 img,
.cardfirst img {
    height: 100%;
}

.clothingcard1 img,
.clothingcard2 img,
.cardlastbase img,
.cardlastearlyaccess img,
.singlecard img,
.cardlast2025 img,
.cardlast2024 img,
.cardlast2023 img,
.cardlast2022 img,
.cardlast2021 img,
.cardlast2020 img,
.clothingcardlast img,
.clothingcardfirst img,
.cardfirst img {
    height: 100%;
}

#linkplaceholder {
    margin: 0 auto;
    z-index: 10000000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
}

#linkplaceholder img {
    width: 100%;
    opacity: 0;
}

#logocontainer {
    margin: 0 auto;
    z-index: 1;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
}

#logocontainer img {
    width: 100%;
}

#productpage {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#productcontainer {
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    width: 50%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    overflow: auto;
}

.itemandpricewrapper,
.itemandpricewrapperclothing {
    position: fixed;
    width: 100%;
    bottom: 42px;
    margin: 0 auto;
    right: 0;
    left: 0;
    z-index: 2;
    pointer-events: auto;
}

.archivetextewrapperlolgoodness {
    position: fixed;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    right: 0;
    left: 0;
}

.itemcontainer {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;	
}

h1 {
    font-family: inherit;
    color: #111111;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
}

.itemandpricewrapper>a,
.itemandpricewrapperclothing>a {
    display: inline-block;
    position: relative;
    z-index: 1;
    list-style: none;
    text-decoration: none;
    pointer-events: auto;
}

.itemandpricewrapper h2 a,
.itemandpricewrapperclothing h2 a {
    color: inherit;
    text-decoration: none;
}

.itemandpricewrapper h1,
.itemandpricewrapperclothing h1 {
    font-weight: 600;
}

h2 {
    font-family: inherit;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 460;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    margin-top: -4px;
}

h3 {
    font-family: inherit;
    color: #111111;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: -4px;
}

h4 {
    font-family: inherit;
    color: #111111;
    font-weight: 460;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
}

p {
    font-family: inherit;
    color: #111111;
    font-weight: 460;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    margin-bottom: -4px;
}

.index {
    height: 100%;
}

#navcontainer {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 10000;
}

.store {
    top: 0;
}

.store {
    position: absolute;
    width: 100%;
    text-align: center;
}

.store a {
    font-family: inherit;
    color: #111111;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
}

.back {
    margin: 0 auto;
    position: absolute;
    height: 100%;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-animation: love 5s infinite;
    -moz-animation: love 5s infinite;
    -o-animation: love 5s infinite;
    animation: love 5s infinite;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 1px solid transparent;
}

.front {
    margin: 0 auto;
    visibility: hidden;
    position: relative;
    height: 100%;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-animation: swag 5s infinite;
    -moz-animation: swag 5s infinite;
    -o-animation: swag 5s infinite;
    animation: swag 5s infinite;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 1px solid transparent;
}

.clothing {
    margin: 0 auto;
    position: relative;
    height: 100%;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    bottom: 0;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 1px solid transparent;
}

@media screen and (orientation: portrait) {
    .store-scroll-track {
        display: inline-flex;
        width: max-content;
        min-width: 100%;
    }

    .footernav,
    .footernav2 {
        display: none;
    }

    .clothingcard1,
    .deckcard2,
    .clothingcard2,
    .deckcard3,
    .cardlastbase,
	.cardlastearlyaccess,
	.singlecard,
	.cardlast2025,
    .cardlast2024,
    .deckcard0,
    .cardlast2022,
	.cardlast2023,
    .cardlast2021,
    .cardlast2020,
    .clothingcardlast,
    .clothingcardfirst,
    .cardfirst {
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
    }

    .store-product-card,
    .store-product-card.is-row-first,
    .store-product-card.is-row-last {
        flex: 0 0 100vw;
        width: 100vw;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
    }

    .store-product-card--multi-card,
    .store-product-card--multi-card.is-row-first,
    .store-product-card--multi-card.is-row-last {
        flex-basis: var(--store-multi-card-slot-width, 100vw);
        width: var(--store-multi-card-slot-width, 100%);
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: var(--store-card-side-gutter, 0px);
        padding-right: var(--store-card-side-gutter, 0px);
        box-sizing: border-box;
    }

    .deckcard1 {
        --timeout-mobile-menu-width: min(340px, 80vw);
        display: block;
        position: fixed;
        box-shadow: none;
        width: var(--timeout-mobile-menu-width);
        height: calc(100% + 2px);
        padding: 0;
        margin: 0;
        top: 0;
        left: 0;
        transform: translateX(-100%);
        transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
        z-index: 1000000050;
    }

    .launch-shop-page .deckcard1,
    .launch-shop-page .mobile-menu-global-nav {
        display: block;
    }

    .deckcard1 .close-btn {
        position: absolute;
        top: 8px;
        right: 8px;
        padding: 1px 9px 1px 6px;
        margin: 0;
        min-width: 36px;
        min-height: 44px;
        border: none;
        outline: none;
        background: transparent;
        box-shadow: none;
        color: #111111;
        font-family: "InterVariable", system-ui, sans-serif;
        font-size: 35px;
        font-weight: 300;
        line-height: 1;
        text-align: center;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
        display: block;
    }

    .deckcard1 .close-btn span {
        display: block;
        line-height: 1;
        pointer-events: none;
        user-select: none;
    }

    .deckcard1 .close-btn:focus,
    .deckcard1 .close-btn:active,
    .deckcard1 .close-btn:focus-visible {
        border: none;
        outline: none;
        box-shadow: none;
    }

    .deckcard1.slide-in {
        box-shadow: rgba(0, 0, 0, 0.1) 5px 0px 5px 0px;
        transform: translateX(0);
    }

    #toggleImage {
        cursor: pointer;
    }

    #fullscreen {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #fdfdfc;
        opacity: 0;
        z-index: 10;
    }
	
    .intro-ready .store-scroll-track {
        animation-name: storeslidemobilebase;
        animation-duration: 1.5s;
        animation-delay: 0s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: storeslidemobilebase;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: storeslidemobilebase;
        -moz-animation-duration: 1.5s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: storeslidemobilebase;
        -o-animation-duration: 1.5s;
        -o-animation-delay: 0s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }	

    .clothingcardlast {
        animation-name: storeslidemobile;
        animation-duration: 1.5s;
        animation-delay: 0s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: storeslidemobile;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: storeslidemobile;
        -moz-animation-duration: 1.5s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: storeslidemobile;
        -o-animation-duration: 1.5s;
        -o-animation-delay: 0s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }

    .productwrapperclothing {
        padding: 0;
    }

    .clothingcard1 img,
    .clothingcard2 img,
    .clothingcardlast img,
    .clothingcardfirst img {
        max-width: 95%;
        max-height: 100%;
        height: auto;
        width: auto;
    }

    .storenav {
        display: none;
    }

    #productinfo {
        padding-left: 5%;
        padding-right: 5%;
        background: transparent;
		display: none;
    }

    #productinfocontainer {
        display: none;
    }

    .buttoncontainer {
        display: none;
    }

    .pricecontainer {
        display: none;
    }

    .pricecontainermobile {
        display: block;
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .buttoncontainermobile {
        display: block;
        position: absolute;
        width: 100%;
        margin: 0 auto;
        padding-top: 56px;
    }

    .pricecontainermobile>h2 {
        font-family: inherit;
        color: rgba(0, 0, 0, 0.4);
        font-weight: 460;
        font-style: normal;
        list-style: none;
        text-align: center;
        text-decoration: none;
        font-size: 13px;
        margin-top: -4px;
    }

    .pricecontainermobile>h3 {
        text-align: center;
        font-size: 12px;
    }

    .pricecontainermobile>h4 {
        text-align: left;
        font-size: 12px;
    }

    .pricecontainermobile>h1 {
        display: block;
        font-family: inherit;
        color: #111111;
        font-weight: 600;
        font-style: normal;
        list-style: none;
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        top: 0;
    }

    #mobilewrapperpleaseworkimsosickofcodingihavenoideawhatimdoinglol {
        z-index: 0;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: auto;
        margin-top: -97px;
        display: flex;
        align-items: center;
    }

    #horizontalproductcontainer {
        left: 0;
        right: 0;
        width: 100%;
        display: flex;
        align-items: center;
    }

    .itemcontainer {
        z-index: 0;
        position: static;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: auto;
    }

    #scrolling-wrapper {
        display: block;
        white-space: nowrap;
        text-align: center;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
        height: auto;
    }

    .product-scroll-track {
        display: inline-block;
        white-space: nowrap;
        text-align: left;
        min-width: 0;
        width: auto;
        height: auto;
        padding-left: 0;
        padding-right: 0;
        gap: 0;
    }

    #collageinfobutton,
    #databendinfobutton,
    #crossinfobutton,
    #inkinfobutton,
    #streakinfobutton,
    #thermalinfobutton,
    #temperatureinfobutton,
    #phaserblackinfobutton,
    .product-buybutton-desktop {
        display: none;
    }

    #crossinfobuttonmobile,
    #collageinfobuttonmobile,
    #databendinfobuttonmobile,
    #inkinfobuttonmobile,
    #streakinfobuttonmobile,
    #thermalinfobuttonmobile,
    #temperatureinfobuttonmobile,
    #phaserblackinfobuttonmobile,
    .product-buybutton-mobile {
        margin: 0 auto;
        display: block;
    }

    .productcardonly {
        display: inline-block;
        top: 0;
        transform: none;
        width: 88%;
        min-width: 0;
        height: auto;
    }

    .productcard {
        display: inline-block;
        top: 0;
        transform: none;
        width: 88%;
        min-width: 0;
        padding-right: 3%;
        height: auto;
    }

    .productcardlastmobile {
        display: inline-block;
        top: 0;
        transform: none;
        width: 88%;
        min-width: 0;
        padding-right: 3%;
        height: auto;
    }

    .productcardtext {
        display: inline-block;
        top: 0;
        transform: none;
        width: 88%;
        margin-right: 6%;
        height: auto;
        position: relative;
    }

    #textcontainer {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    #textcontainer>p {
        display: block;
        font-family: inherit;
        color: #111111;
        font-weight: 460;
        font-style: normal;
        list-style: none;
        text-align: left;
        text-decoration: none;
        font-size: 12px;
        white-space: normal;
    }

    #textcontainer>p>a {
        font-family: inherit;
        color: #111111;
        font-weight: 460;
        font-style: normal;
        list-style: none;
        text-align: left;
        font-size: 12px;
        white-space: normal;
    }

	 #textcontainer>p>i>a {
        font-family: inherit;
        color: #111111;
        font-weight: 460;
        font-style: italic;
        list-style: none;
        text-align: left;
        font-size: 12px;
        white-space: normal;
    }

    .productcardfirst,
    .newproductcardfirst {
        display: inline-block;
        top: 0;
        transform: none;
        margin-left: 6%;
        padding-right: 3%;
        width: 88%;
        min-width: 0;
        height: auto;
    }

    .productcardlast {
        display: none;
    }

    .productcard img,
    .productcardonly img,
    .productcardfirst img,
	.productcardfirst video,
    .productcardtext img,
    .productcardlastmobile img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 70vh;
        margin: 0 auto;
    }

    .footer>li {
        margin-bottom: 20px;
    }

    .footer {
        bottom: 0;
        z-index: 10;
    }

    body.test-product-page .footer {
        display: none;
    }

    body.has-mobile-taxonomy .footer {
        display: none;
    }

    body.has-mobile-taxonomy .mobile-taxonomy-footer.archive-nav {
        display: block;
        position: fixed;
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        transform: none;
        text-align: center;
        z-index: 1000000000;
        white-space: nowrap;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    body.has-mobile-taxonomy .mobile-taxonomy-footer .archive-item {
        display: inline-block;
        width: auto;
        margin: 0;
        font-size: 11px;
        font-weight: 460;
        color: rgba(0, 0, 0, 0.4);
    }

    body.has-mobile-taxonomy .mobile-taxonomy-footer .archive-item:hover {
        color: rgba(0, 0, 0, 0.4);
    }

    body.has-mobile-taxonomy .mobile-taxonomy-footer .archive-item.is-active {
        color: #111111;
    }

    body.has-mobile-taxonomy .mobile-taxonomy-footer .span {
        display: inline;
    }

    body.has-mobile-taxonomy .taxonomy-nav--desktop {
        display: none;
    }

    body.has-mobile-taxonomy .mobile-menu-global-nav {
        display: block;
    }

    body.test-product-page .deckcard1,
    body.test-product-page .mobile-menu-global-nav {
        display: block;
    }

    #headercontainer {
        width: 155px;
    }

    #timeout-bag-toggle {
		top: calc((var(--timeout-header-height) - 28px) / 2);
		right: 16px;
		height: 28px;
		width: 28px;
	}	

	#timeout-bag-toggle .timeout-bag-icon {
		width: 28px;
		height: 28px;
	}
		#timeout-bag-badge {
			top: auto;
			right: 1px;
			bottom: 1px;
			left: auto;
		}

    #headercontainermenu {
        position: fixed;
        z-index: 1000000060;
        display: block;
        cursor: pointer;
    }

    #timeout-menu-button {
        position: fixed;
        left: 20px;
        top: calc((var(--timeout-header-height) - 20px) / 2);
        width: 20px;
        height: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0;
        border: none;
        background: transparent;
        color: #111111;
        cursor: pointer;
        overflow: visible;
        -webkit-appearance: none;
        appearance: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    #timeout-menu-button .timeout-menu-hitbox {
        position: absolute;
        top: -14px;
        right: -14px;
        bottom: -14px;
        left: -14px;
        background: transparent;
    }

    #timeout-menu-button svg {
        display: block;
        width: 20px;
        height: 20px;
        pointer-events: none;
    }

    .index {
        height: 77%;
    }

    #logocontainer {
        width: 88%;
    }

    #linkplaceholder {
        width: 88%;
    }

#notificationstore {
	display: none;
}	

/* jitter fix: avoid position:fixed inside scrolling/transformed cards */

.productwrapper,
.productwrapperclothing,
.deckcard3 {
  position: relative;
}

.itemandpricewrapper,
.itemandpricewrapperclothing {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.buybutton {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

}

@media (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 500px) {
  body {
    overflow: hidden;
  }

  #container,
  #productpage,
  #horizontalcontainer,
  #horizontalstorecontainer,
  #horizontalproductcontainer,
  #mobilewrapperpleaseworkimsosickofcodingihavenoideawhatimdoinglol,
  #headercontainer,
  #headercontainermenu,
  #productinfo,
  .footer,
  .footernav,
  .footernav2,
  .deckcard1,
  .storenav {
    display: none !important;
  }

  #rotate-warning {
    display: block;
  }
}

/* --- Reveal scratch-canvas (step 2) --- */
.image-stack a.timeout-mobile-magic .img-top {
  opacity: 1;
  transition: opacity 2000ms ease-out;
}

.image-stack a.timeout-mobile-magic.timeout-mobile-magic-revealed .img-top {
  opacity: 0;
}

.image-stack a.reveal-active-host .img-bottom,
.image-stack a.reveal-active-host .img-top,
.image-stack a.reveal-dormant-host .img-bottom,
.image-stack a.reveal-dormant-host .img-top {
  opacity: 0 !important;
}

.image-stack a canvas.revealCanvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

.image-stack a canvas.revealCanvas--active {
  z-index: 999;
}

.image-stack a canvas.revealCanvas--dormant {
  z-index: 998;
}

/* ===== Reveal paint cursor ===== */
#itemToScroll .image-stack a.card-texture-stack {
  cursor: none;
}

.reveal-active-host { cursor: none !important; }
.timeout-wheel-scrolling .reveal-active-host { cursor: default !important; }
.timeout-wheel-scrolling #itemToScroll .image-stack a,
.timeout-wheel-scrolling #itemToScroll .itemandpricewrapper a,
.timeout-wheel-scrolling #itemToScroll .gallery-card-link *,
.timeout-reveal-suppressed #itemToScroll .image-stack a,
.timeout-reveal-suppressed #itemToScroll .itemandpricewrapper a {
  cursor: default !important;
}

.revealOverlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; /* keep cursor clipped to the card image box */
  pointer-events: none; /* cursor div shouldn't steal events; canvas still gets them */
}

.revealCursor {
  z-index: 1000;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 9999px;
  box-sizing: border-box;
  pointer-events: none;
  user-select: none;
  transform: translate3d(-9999px, -9999px, 0);
  will-change: transform;
  display: none;
}

.timeout-wheel-scrolling .revealCursor {
  display: none !important;
}

/* ===== Gallery submission ===== */

body.gallery-submission-page {
  overflow: hidden;
  color: #111111;
  background: #fdfdfc;
  isolation: isolate;
}

.gallery-submission-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 36%, rgba(17, 17, 17, 0.045), transparent 31%),
    linear-gradient(180deg, rgba(253, 253, 252, 0) 0%, rgba(246, 245, 240, 0.52) 100%);
  opacity: 0.72;
}

.gallery-submission-shell {
  position: fixed;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 100dvh;
  padding: calc(var(--timeout-header-height) + 14px) 20px 72px;
}

.gallery-submission-panel {
  position: relative;
  width: min(580px, calc(100vw - 40px));
  margin: 0 auto;
}

.gallery-submission-heading {
  margin: 0 0 16px;
}

.gallery-submission-kicker {
  margin: 0 0 8px;
  color: rgba(17, 17, 17, 0.4);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0.01em;
}

.gallery-submission-heading h1 {
  margin: 0;
  color: #111111;
  font-family: inherit;
  font-size: 36px;
  font-weight: 700;
  line-height: 0.96;
  letter-spacing: -0.045em;
}

.gallery-submission-heading p:not(.gallery-submission-kicker) {
  max-width: 520px;
  margin: 12px 0 0;
  color: rgba(17, 17, 17, 0.4);
  font-family: inherit;
  font-size: 14px;
  font-weight: 460;
  line-height: 21px;
}

.gallery-submission-form {
  display: grid;
  gap: 14px;
  width: 100%;
}

.gallery-field-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.gallery-field {
  position: relative;
  display: block;
  min-width: 0;
}

.gallery-field-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.gallery-field--floating .gallery-field-label {
  top: 6px;
  left: 11px;
  z-index: 2;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
  clip: auto;
  color: rgba(17, 17, 17, 0.4);
  font-family: inherit;
  font-size: 12px;
  font-weight: 460;
  line-height: 16px;
  letter-spacing: 0;
  pointer-events: none;
  max-width: calc(100% - 1.8571428571428572em);
  opacity: 0;
  transform: translateY(0.21428571428571427em);
  transform-origin: left top;
  transition: all 0.2s ease-in-out;
}

.gallery-field input[type="email"],
.gallery-field input[type="text"],
.gallery-field select {
  display: block;
  width: 100%;
  height: 49px;
  box-sizing: border-box;
  margin: 0;
  padding: 13.5px 11px;
  border: 1px solid rgb(221, 221, 219);
  border-radius: 9px;
  outline: 0;
  background: #fdfdfc;
  color: #111111;
  font-family: inherit;
  font-size: 14px;
  font-weight: 460;
  line-height: 21px;
  letter-spacing: normal;
  box-shadow: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
  -webkit-appearance: none;
  appearance: none;
}

.gallery-field--floating input[type="email"],
.gallery-field--floating input[type="text"],
.gallery-field--floating select {
  transition: all 0.2s ease-in-out;
}

.gallery-field--floating.is-filled .gallery-field-label {
  opacity: 1;
  transform: translateY(0);
}

.gallery-field--floating:has(input:-webkit-autofill) .gallery-field-label {
  opacity: 1;
  transform: translateY(0);
}

.gallery-field--floating.is-filled input[type="email"],
.gallery-field--floating.is-filled input[type="text"],
.gallery-field--floating.is-filled select {
  padding: 21px 11px 6px;
}

.gallery-field--floating:has(input:-webkit-autofill) input[type="email"],
.gallery-field--floating:has(input:-webkit-autofill) input[type="text"] {
  padding: 21px 11px 6px;
}

.gallery-field select {
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M3.75 6.75 9 12l5.25-5.25' fill='none' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: calc(100% - 14px) 50%;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.gallery-field input::placeholder {
  color: rgba(17, 17, 17, 0.4);
  opacity: 1;
}

.gallery-field--floating.is-filled input::placeholder,
.gallery-field--floating:has(input:-webkit-autofill) input::placeholder {
  opacity: 0;
}

.gallery-field select:invalid {
  color: rgba(17, 17, 17, 0.4);
}

.gallery-field input[type="email"]:focus,
.gallery-field input[type="text"]:focus,
.gallery-field select:focus,
.gallery-file-field:focus-within .gallery-file-control {
  border-color: #1773ff;
  box-shadow: 0 0 0 1px #1773ff;
}

.gallery-field.is-invalid input[type="email"],
.gallery-field.is-invalid input[type="text"],
.gallery-field.is-invalid select,
.gallery-file-field.is-invalid .gallery-file-control {
  border-color: rgb(234, 29, 0);
  box-shadow: 0 0 0 1px rgb(234, 29, 0);
}

.gallery-field.is-invalid input[type="email"]:focus,
.gallery-field.is-invalid input[type="text"]:focus,
.gallery-field.is-invalid select:focus,
.gallery-file-field.is-invalid:focus-within .gallery-file-control {
  border-color: rgb(234, 29, 0);
  box-shadow: 0 0 0 1px rgb(234, 29, 0);
}

.gallery-field input[type="email"]:-webkit-autofill,
.gallery-field input[type="text"]:-webkit-autofill,
.gallery-field input[type="email"]:-webkit-autofill:hover,
.gallery-field input[type="text"]:-webkit-autofill:hover {
  -webkit-text-fill-color: #111111;
  caret-color: #111111;
  -webkit-box-shadow: 0 0 0 1000px #fdfdfc inset;
  box-shadow: 0 0 0 1000px #fdfdfc inset;
}

.gallery-field input[type="email"]:-webkit-autofill:focus,
.gallery-field input[type="text"]:-webkit-autofill:focus {
  -webkit-text-fill-color: #111111;
  caret-color: #111111;
  -webkit-box-shadow: 0 0 0 1000px #fdfdfc inset, 0 0 0 1px #1773ff;
  box-shadow: 0 0 0 1000px #fdfdfc inset, 0 0 0 1px #1773ff;
}

.gallery-field select:-webkit-autofill,
.gallery-field select:-webkit-autofill:hover,
.gallery-field select:-webkit-autofill:focus {
  -webkit-text-fill-color: #111111;
  color: #111111;
  background-color: #fdfdfc;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M3.75 6.75 9 12l5.25-5.25' fill='none' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: calc(100% - 14px) 50%;
  background-size: 12px 12px;
  background-repeat: no-repeat;
  transition: background-color 9999s ease-in-out 0s, color 9999s ease-in-out 0s, border-color 0.16s ease, box-shadow 0.16s ease;
}

.gallery-field.is-invalid input[type="email"]:-webkit-autofill,
.gallery-field.is-invalid input[type="text"]:-webkit-autofill,
.gallery-field.is-invalid input[type="email"]:-webkit-autofill:hover,
.gallery-field.is-invalid input[type="text"]:-webkit-autofill:hover,
.gallery-field.is-invalid input[type="email"]:-webkit-autofill:focus,
.gallery-field.is-invalid input[type="text"]:-webkit-autofill:focus {
  -webkit-text-fill-color: #111111;
  caret-color: #111111;
  -webkit-box-shadow: 0 0 0 1000px #fdfdfc inset, 0 0 0 1px rgb(234, 29, 0);
  box-shadow: 0 0 0 1000px #fdfdfc inset, 0 0 0 1px rgb(234, 29, 0);
}

.gallery-field-error {
  display: block;
  margin: 6px 0 0;
  color: rgb(234, 29, 0);
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0;
}

.gallery-field-error[hidden] {
  display: none;
}

.gallery-file-field {
  display: block;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.gallery-file-control {
  position: relative;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  min-height: 49px;
  box-sizing: border-box;
  padding: 8px 11px;
  border: 1px solid rgb(221, 221, 219);
  border-radius: 9px;
  background: #fdfdfc;
  cursor: pointer;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}

.gallery-file-field.has-files .gallery-file-control {
  padding-right: 42px;
}

.gallery-file-field .gallery-field-error {
  margin-top: 6px;
  pointer-events: none;
}

.gallery-file-field input[type="file"] {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.gallery-file-button {
  color: #111111;
  font-family: inherit;
  font-size: 14px;
  font-weight: 560;
  line-height: 21px;
  pointer-events: none;
}

.gallery-file-summary {
  min-width: 0;
  overflow: hidden;
  color: rgba(17, 17, 17, 0.4);
  font-family: inherit;
  font-size: 14px;
  font-weight: 460;
  line-height: 21px;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

.gallery-file-clear {
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 3;
  display: flex;
  width: 26px;
  height: 26px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #111111;
  cursor: pointer;
  transform: translateY(-50%);
}

.gallery-file-clear[hidden] {
  display: none;
}

.gallery-file-clear svg {
  display: block;
  width: 12px;
  height: 12px;
  pointer-events: none;
}

.gallery-file-clear:hover {
  color: #111111;
}

.gallery-submit-note {
  margin: -2px 0 0;
  color: rgba(17, 17, 17, 0.4);
  font-family: inherit;
  font-size: 11px;
  font-weight: 460;
  line-height: 16px;
  text-align: left;
}

.gallery-check {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #111111;
  font-family: inherit;
  font-size: 13px;
  font-weight: 460;
  line-height: 18px;
  cursor: pointer;
}

.gallery-check input {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid rgb(221, 221, 219);
  border-radius: 5px;
  outline: 0;
  background-color: #fdfdfc;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  box-shadow: none;
  cursor: pointer;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
  -webkit-appearance: none;
  appearance: none;
}

.gallery-check input:focus {
  border-color: rgb(221, 221, 219);
  box-shadow: none;
}

.gallery-check input:checked {
  border-color: #111111;
  background-color: #111111;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M4.25 9.4 7.4 12.55 13.9 5.95' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.gallery-check input:checked:focus {
  border-color: #111111;
  box-shadow: none;
}

.gallery-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.gallery-submit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 49px;
  box-sizing: border-box;
  margin: 2px 0 0;
  padding: 13px 18px;
  border: 1px solid #111111;
  border-radius: 9px;
  background: #111111;
  color: #ffffff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 620;
  line-height: 21px;
  letter-spacing: 0;
  cursor: pointer;
  transition: transform 0.16s ease, opacity 0.16s ease, background-color 0.16s ease;
  -webkit-appearance: none;
  appearance: none;
}

.gallery-submit-button:hover {
  background: #111111;
}

.gallery-submit-button:active {
  transform: translateY(1px);
}

.gallery-submit-button:disabled {
  cursor: wait;
  opacity: 0.54;
}

.gallery-guidelines {
  margin: -6px 0 1px;
  color: rgba(17, 17, 17, 0.4);
  font-family: inherit;
  font-size: 12px;
  font-weight: 460;
  line-height: 17px;
}

.gallery-guidelines summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  color: rgba(17, 17, 17, 0.4);
  font-size: 12px;
  font-weight: 460;
  list-style: none;
  cursor: pointer;
  user-select: none;
  transform: translateY(6px);
  transition: color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.gallery-guidelines summary::-webkit-details-marker {
  display: none;
}

.gallery-guidelines summary:hover,
.gallery-guidelines summary:active {
  color: rgba(17, 17, 17, 0.4);
}

.gallery-guidelines summary:focus {
  outline: none;
}

.gallery-guidelines-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  color: currentColor;
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.gallery-guidelines-chevron svg {
  display: block;
  width: 12px;
  height: 12px;
}

.gallery-guidelines[open] .gallery-guidelines-chevron {
  transform: rotate(180deg);
}

.gallery-guidelines-content {
  margin: 20px 0 0;
  color: rgba(17, 17, 17, 0.4);
  font-size: 12px;
  font-weight: 460;
  line-height: 17px;
  text-align: left;
}

.gallery-guidelines-content p {
  margin: 0;
  font-weight: 460;
  text-align: left;
}

.gallery-guidelines-content ul {
  margin: 20px 0 0;
  padding-left: 15px;
  font-weight: 460;
}

.gallery-guidelines-content li {
  color: rgba(17, 17, 17, 0.4);
  margin: 0 0 4px;
  font-weight: 460;
}

.gallery-guidelines-content li:last-child {
  margin-bottom: 0;
}

.gallery-submission-status {
  margin: 0;
  padding: 0;
  color: rgba(17, 17, 17, 0.68);
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.gallery-submission-status[data-state="success"] {
  color: #1f6b43;
}

.gallery-submission-status[data-state="error"] {
  color: rgb(234, 29, 0);
}

@media (max-width: 700px) {
  .gallery-submission-shell {
    align-items: center;
    padding: calc(var(--timeout-header-height) + 6px) 18px 88px;
  }

  .gallery-submission-panel {
    width: min(100%, 520px);
  }

  .gallery-submission-heading {
    margin-bottom: 18px;
  }

  .gallery-field-row {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .gallery-submission-form {
    gap: 12px;
  }
}

@media (max-height: 740px) {
  .gallery-submission-panel {
    transform: scale(0.94);
  }
}

@media (max-height: 640px) {
  .gallery-submission-panel {
    transform: scale(0.84);
  }
}

/* ===== Gallery submission overlay ===== */

.gallery-submit-open {
  position: fixed;
  top: calc((var(--timeout-header-height) - 28px) / 2);
  right: 58px;
  z-index: 2147483646;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  box-sizing: border-box;
  padding: 0 12px;
  border: 1px solid rgba(17, 17, 17, 0.16);
  border-radius: 8px;
  background: #fdfdfc;
  color: #111111;
  font-family: inherit;
  font-size: 13px;
  font-weight: 460;
  line-height: 16px;
  letter-spacing: 0;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 180ms ease, transform 180ms ease;
  -webkit-appearance: none;
  appearance: none;
}

.gallery-submit-open:hover {
  border-color: rgba(17, 17, 17, 0.34);
}

.gallery-submit-open:active {
  transform: translateY(1px);
}

.gallery-intro-card {
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100vw;
  min-width: 100vw;
  padding: 0;
  text-align: center;
  white-space: normal;
  vertical-align: top;
}

.gallery-intro-card.is-row-first {
  margin-left: 0;
}

.gallery-intro-card.is-row-last {
  margin-right: 0;
}

@media (min-width: 701px) and (hover: hover) and (pointer: fine) {
  .gallery-card-after-intro-peek {
    margin-left: var(--gallery-after-intro-peek-margin, 0px);
  }
}

.gallery-intro-copy {
  box-sizing: border-box;
  width: 440px;
  margin: 0 auto;
  color: #111111;
}

.gallery-intro-copy h1 {
  margin: 0;
  color: #111111;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
}

.gallery-intro-copy p {
  margin: 10px 0 0;
  color: rgba(17, 17, 17, 0.4);
  font-size: 14px;
  font-weight: 460;
  line-height: 1.45;
  text-align: center;
}

.gallery-intro-body--compact {
  display: none;
}

.gallery-intro-inline-link {
  color: #0071e3;
  text-decoration-line: none;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.08em;
  cursor: pointer;
  transition: color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.gallery-intro-inline-link:hover {
  color: #0071e3;
  text-decoration-line: underline;
}

.gallery-intro-scroll-link {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 26px;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(17, 17, 17, 0.4);
  font: inherit;
  font-size: 13px;
  font-weight: 460;
  line-height: 1.45;
  text-align: right;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
  transform: translateY(-50%);
  -webkit-appearance: none;
  appearance: none;
  transition:
    color 0.18s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.2s ease;
}

.gallery-intro-scroll-link:hover,
.gallery-intro-scroll-link:active {
  color: #111111;
}

.gallery-intro-scroll-link:focus {
  outline: none;
}

.gallery-intro-scroll-link.is-fading-out {
  opacity: 0;
  pointer-events: none;
}

.gallery-submission-overlay[hidden] {
  display: none;
}

.gallery-submission-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: block;
  box-sizing: border-box;
  overflow-y: auto;
  padding: calc(var(--timeout-header-height) + 20px) 20px 72px;
  overscroll-behavior: contain;
  pointer-events: none;
}

.gallery-submission-overlay.is-open,
.gallery-submission-overlay.is-closing {
  pointer-events: auto;
}

.gallery-submission-backdrop {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(253, 253, 252, 0.4);
  cursor: default;
  opacity: 0;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  transition: opacity 0.2s ease;
}

.gallery-submission-dialog {
  position: relative;
  z-index: 1;
  width: min(580px, calc(100vw - 40px));
  margin: var(--gallery-submission-dialog-offset, 0px) auto 0;
  opacity: 0;
  transform: translate3d(0, 10px, 0) scale(0.985);
  transform-origin: 50% 48%;
  transition:
    opacity 0.2s ease,
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.gallery-submission-overlay.is-open .gallery-submission-backdrop {
  opacity: 1;
}

.gallery-submission-overlay.is-open .gallery-submission-dialog {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

.gallery-submission-overlay.is-closing .gallery-submission-backdrop {
  opacity: 0;
}

.gallery-submission-overlay.is-closing .gallery-submission-dialog {
  opacity: 0;
  transform: translate3d(0, 6px, 0) scale(0.992);
  transition:
    opacity 0.16s ease,
    transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}

.gallery-submission-overlay .gallery-submission-shell {
  position: relative;
  inset: auto;
  z-index: 1;
  width: 100%;
  min-height: 0;
  padding: 0;
}

.gallery-submission-overlay .gallery-submission-panel {
  width: 100%;
  padding: 22px;
  border: 0;
  border-radius: 18px;
  background: rgba(253, 253, 252, 0.94);
  box-shadow: 0 24px 70px rgba(17, 17, 17, 0.16);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.gallery-submission-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-height: 0;
  box-sizing: border-box;
  padding: 0;
  border: 0;
  background: transparent;
  color: #111111;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.gallery-submission-close-hitbox {
  position: absolute;
  inset: -10px;
}

.gallery-submission-close svg {
  position: relative;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.gallery-submission-close:hover {
  opacity: 0.58;
}

.gallery-submission-close:active {
  transform: scale(0.96);
}

body.gallery-submission-is-open #itemToScroll {
  pointer-events: none;
}

@media (max-width: 700px) {
  .gallery-intro-card {
    flex: 0 0 100vw;
    width: 100vw;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .gallery-intro-card.is-row-first,
  .gallery-intro-card.is-row-last {
    margin-left: 0;
    margin-right: 0;
  }

}

@media (max-width: 493px) {
  .gallery-intro-copy {
    width: 290px;
  }

  .gallery-intro-body--long {
    display: none;
  }

  .gallery-intro-body--compact {
    display: block;
  }
}

@media screen and (orientation: portrait) {
  .gallery-intro-scroll-link {
    display: none;
  }
}

@media (max-width: 700px) {
  .gallery-submit-open {
    top: calc((var(--timeout-header-height) - 28px) / 2);
    right: 56px;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
  }

  .gallery-submission-overlay {
    padding: calc(var(--timeout-header-height) + 12px) 18px 88px;
  }

  .gallery-submission-dialog {
    width: min(100%, 520px);
  }

  .gallery-submission-overlay .gallery-submission-panel {
    padding: 18px;
  }
}

.timeout-local-add-button {
  width: var(--timeout-local-buy-button-width, 60%);
  min-height: 40px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
  color: #111111;
  background: #fdfdfc;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 9px;
  cursor: pointer;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
  -webkit-tap-highlight-color: transparent;
}

.buybutton[data-product-id],
.product-buybutton[data-product-id] {
  min-height: 40px;
  opacity: 1;
  transition: opacity 220ms ease;
}

.store-product-card .itemandpricewrapper h2,
.store-product-card .itemandpricewrapperclothing h2,
.pricecontainer h2,
.pricecontainermobile h2,
.timeout-local-cart__item-price,
[data-timeout-cart-subtotal] {
  opacity: 1;
  transition: opacity 220ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .timeout-local-add-button:hover {
    background: #f4f4f3;
  }
}

.timeout-local-add-button:disabled {
  cursor: default;
  color: rgba(0, 0, 0, 0.4);
  background: #f4f4f3;
}

.buybutton .timeout-local-add-button {
  width: 168px;
}

.store-product-card > .buybutton {
  transform: translateY(-6px);
}

#horizontalstorecontainer .store-product-card .itemandpricewrapper h2,
#horizontalstorecontainer .store-product-card .itemandpricewrapperclothing h2 {
  transform: translateY(-1px);
}

html.timeout-local-prices-loading .store-product-card .itemandpricewrapper h2,
html.timeout-local-prices-loading .store-product-card .itemandpricewrapperclothing h2,
html.timeout-local-prices-loading .pricecontainer h2,
html.timeout-local-prices-loading .pricecontainermobile h2,
html.timeout-local-prices-loading .timeout-local-cart__item-price,
html.timeout-local-prices-loading [data-timeout-cart-subtotal] {
  opacity: 0;
}

html.timeout-local-prices-loading .timeout-local-price-ready {
  opacity: 1;
}

.product-buybutton-desktop .timeout-local-add-button {
  width: 100%;
}

.product-buybutton-mobile .timeout-local-add-button {
  width: 168px;
}

.timeout-local-cart-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  background: transparent;
  pointer-events: none;
}

.timeout-local-cart {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483647;
  width: min(340px, 80vw);
  background: #fdfdfc;
  color: #111111;
  box-shadow: none;
  transform: translate3d(100%, 0, 0);
  transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  isolation: isolate;
}

body.timeout-local-cart-open .timeout-local-cart {
  box-shadow: -3px 0 8px rgba(0, 0, 0, 0.16);
  transform: translate3d(0, 0, 0);
}

@media screen and (orientation: portrait) {
  body.timeout-local-cart-open .timeout-local-cart-backdrop {
    display: block;
    pointer-events: auto;
    touch-action: none;
  }
}

.timeout-local-cart__header,
.timeout-local-cart__footer {
  box-sizing: border-box;
}

.timeout-local-cart__header {
  height: 56px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 20;
}

.timeout-local-cart__footer {
  padding: 22px 20px;
}

.timeout-local-cart.is-empty .timeout-local-cart__footer {
  display: none;
}

.timeout-local-cart__title {
  position: absolute;
  top: calc(var(--timeout-header-height) / 2);
  left: 20px;
  transform: translateY(-50%);
  margin: 0;
  font-size: 13px;
  font-weight: 460;
  line-height: 1.2;
}

.timeout-local-cart__heading {
  position: absolute;
  top: calc((var(--timeout-header-height) / 2) - 4px);
  left: 20px;
  transform: translateY(-50%);
  display: flex;
  align-items: baseline;
  gap: 7px;
}

.timeout-local-cart__heading .timeout-local-cart__title {
  position: static;
  transform: none;
}

.timeout-local-cart__header-separator {
  color: rgba(0, 0, 0, 0.4);
  font-size: 13px;
  font-weight: 660;
  line-height: 1;
}

.timeout-local-cart__close {
  position: absolute;
  top: calc(((var(--timeout-header-height) - 32px) / 2) - 4px);
  right: 14px;
  z-index: 2;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #111111;
  cursor: pointer;
}

.timeout-local-cart__close svg {
  width: 20px;
  height: 20px;
}

.timeout-local-cart__body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 0 20px 20px;
  box-sizing: border-box;
  position: relative;
}

@keyframes timeoutCartFlipIn {
  from {
    max-height: 0;
    opacity: 0;
  }

  to {
    max-height: 106px;
    opacity: 1;
  }
}

@keyframes timeoutCartFlipOut {
  from {
    max-height: 106px;
    opacity: 1;
  }

  to {
    max-height: 0;
    opacity: 0;
  }
}

.timeout-local-cart__progress {
  min-height: 52px;
  padding: 23px 20px 24px;
  box-sizing: border-box;
}

.timeout-local-cart__item {
  display: block;
  width: calc(100% + 8px);
  margin-left: -8px;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  animation: 200ms timeoutCartFlipIn forwards;
}

.timeout-local-cart__item:first-child {
  border-top: 0;
}

.timeout-local-cart__item.has-divider {
  border-top-color: rgba(0, 0, 0, 0.1);
}

.timeout-local-cart__item.no-divider {
  border-top-color: transparent;
}

.timeout-local-cart__item-content {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 16px 0 16px 8px;
  box-sizing: border-box;
}

.timeout-local-cart__item.is-hidden {
  animation-name: timeoutCartFlipOut;
  border-top-color: transparent;
  pointer-events: none;
}

.timeout-local-cart__item-title {
  margin: 0 0 9px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
}

.timeout-local-cart__item-meta {
  min-width: 0;
}

.timeout-local-cart__item-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.timeout-local-cart__image {
  width: 52px;
  height: calc(52px * 1000 / 716);
  display: block;
  object-fit: cover;
  border-radius: 5.556% / 3.977%;
  background: #f4f4f3;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.23);
}

.timeout-local-cart__item-price {
  flex: 0 0 auto;
  color: rgba(0, 0, 0, 0.4);
  font-size: 13px;
  font-weight: 460;
  line-height: 1.25;
  text-align: right;
}

.timeout-local-cart__qty {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  color: rgba(0, 0, 0, 0.4);
  font-size: 13px;
  font-weight: 460;
}

.timeout-local-cart__qty button[data-line-action] {
  width: 23px;
  height: 23px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #fdfdfc;
  color: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  cursor: pointer;
  font-family: inherit;
  font-size: 0;
  line-height: 0;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}

.timeout-local-cart__qty button[data-line-action]::before,
.timeout-local-cart__qty button[data-line-action]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 8px;
  height: 1px;
  border-radius: 999px;
  background: #989897;
  transform: translate(-50%, -50%);
}

.timeout-local-cart__qty button[data-line-action]::after {
  display: none;
}

.timeout-local-cart__qty button[data-line-action="increase"]::before {
  width: 8px;
  height: 1px;
}

.timeout-local-cart__qty button[data-line-action="increase"]::after {
  display: block;
  width: 1px;
  height: 8px;
}

.timeout-local-cart__qty button[data-line-action]:not(:disabled):hover::before,
.timeout-local-cart__qty button[data-line-action]:not(:disabled):hover::after,
.timeout-local-cart__qty button[data-line-action]:not(:disabled).is-pressing::before,
.timeout-local-cart__qty button[data-line-action]:not(:disabled).is-pressing::after,
.timeout-local-cart__qty button[data-line-action]:not(:disabled):active::before,
.timeout-local-cart__qty button[data-line-action]:not(:disabled):active::after {
  background: currentColor;
}

.timeout-local-cart__qty button[data-line-action]:disabled {
  color: rgba(0, 0, 0, 0.18);
  border-color: rgba(0, 0, 0, 0.12);
  cursor: default;
}

.timeout-local-cart__qty-value {
  width: 25px;
  height: 23px;
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(0, 0, 0, 0.4);
  font-family: inherit;
  font-size: 13px;
  font-weight: 460;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  transition: color 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .timeout-local-cart__qty button[data-line-action]:not(:disabled):hover,
  .timeout-local-cart__qty-value:hover {
    color: #111111;
  }

  .timeout-local-cart__qty button[data-line-action]:not(:disabled):hover {
    background: #f4f4f3;
  }
}

.timeout-local-cart__qty button[data-line-action]:not(:disabled).is-pressing,
.timeout-local-cart__qty button[data-line-action]:not(:disabled):active {
  color: #111111;
  background: #ececea;
}

.timeout-local-cart__free-ship {
  margin: 0 0 10px;
  color: #111111;
  font-size: 13px;
  font-weight: 460;
  letter-spacing: -0.01em;
  line-height: 1.3;
  text-align: center;
}

.timeout-local-cart__free-bar {
  height: 2px;
  margin: 0;
  background: rgba(0, 0, 0, 0.11);
  border-radius: 999px;
  overflow: hidden;
  transition: opacity 180ms ease;
}

.timeout-local-cart.is-empty .timeout-local-cart__free-bar {
  opacity: 0;
}

.timeout-local-cart__free-fill {
  height: 100%;
  width: 0%;
  background: #111111;
  transition: width 250ms ease;
}

.timeout-local-cart__subtotal {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
}

.timeout-local-cart__market {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  display: flex;
  justify-content: flex-start;
  color: rgba(0, 0, 0, 0.4);
  font-size: 13px;
  font-weight: 460;
  line-height: 1.35;
  text-align: left;
  z-index: 21;
}

.timeout-local-cart__market-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  text-align: center;
  transition: color 180ms ease;
}

.timeout-local-cart__market-toggle:focus,
.timeout-local-cart__market-toggle:focus-visible,
.timeout-local-cart__market-toggle:active {
  outline: none;
  box-shadow: none;
}

@media (hover: hover) and (pointer: fine) {
  .timeout-local-cart__market-toggle:hover {
    color: #111111;
  }
}

.timeout-local-cart__market-chevron {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  transition: transform 180ms ease;
}

.timeout-local-cart__market.is-open .timeout-local-cart__market-chevron {
  transform: rotate(180deg);
}

.timeout-local-cart__market-menu {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  width: min(220px, calc(100vw - 40px));
  max-height: min(300px, calc(100vh - 120px));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-x: none;
  padding: 6px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 9px;
  background: #fdfdfc;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  touch-action: pan-y;
  transform: translateX(-50%);
  z-index: 30;
}

.timeout-local-cart__header .timeout-local-cart__market-menu {
  top: calc(100% + 8px);
  bottom: auto;
  left: 0;
  transform: none;
}

.timeout-local-cart__market-menu[hidden] {
  display: none;
}

.timeout-local-cart__qty-menu {
  position: absolute;
  width: 54px;
  max-height: min(350px, calc(100vh - 32px));
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-x: none;
  padding: 6px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 9px;
  background: #fdfdfc;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  box-sizing: border-box;
  touch-action: pan-y;
  transform: translateX(-50%);
  z-index: 35;
}

.timeout-local-cart__qty-menu[hidden] {
  display: none;
}

.timeout-local-cart__market-option {
  width: 100%;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 8px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  font: inherit;
  line-height: 1.2;
  min-width: 0;
  text-align: left;
  transition: color 180ms ease, background-color 180ms ease;
}

.timeout-local-cart__market-option:focus,
.timeout-local-cart__market-option:focus-visible,
.timeout-local-cart__market-option:active {
  outline: none;
  box-shadow: none;
}

.timeout-local-cart__market-option:hover,
.timeout-local-cart__market-option.is-active {
  color: #111111;
  background: rgba(0, 0, 0, 0.035);
}

.timeout-local-cart__qty-option {
  width: 100%;
  min-height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 460;
  line-height: 1;
  text-align: center;
  transition: color 180ms ease, background-color 180ms ease;
}

.timeout-local-cart__qty-option:hover,
.timeout-local-cart__qty-option.is-active {
  color: #111111;
  background: rgba(0, 0, 0, 0.035);
}

.timeout-local-cart__checkout {
  width: 100%;
  min-height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111111;
  background: #fdfdfc;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 9px;
  cursor: pointer;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  transition: background-color 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .timeout-local-cart__checkout:hover {
    background: #f4f4f3;
  }
}

.timeout-local-cart__checkout.is-pressing,
.timeout-local-cart__checkout:active {
  background: #ececea;
}

.timeout-local-cart__checkout:disabled {
  cursor: default;
  color: rgba(0, 0, 0, 0.4);
  background: #f4f4f3;
}

.launch-shop-page #headercontainermenu,
.launch-shop-page .deckcard1,
.launch-shop-page #fullscreen {
  display: none !important;
}

.launch-shop-page.test-product-page .footer {
  display: block !important;
}

.launch-product-page #productinfocontainer > h1 {
  margin-bottom: 32px;
}

.launch-product-page .product-info-first-bullet {
  margin-top: 2em;
}

#itemToScroll .image-stack a.card-texture-stack.launch-product-image {
  cursor: pointer !important;
}