KILAT333 adalah website slot online bertema Galactic Jackpot yang menghadirkan pengalaman bermain lebih seru dengan pilihan game populer, RTP terbaru, dan peluang jackpot yang banyak dibahas hari ini.

Apa itu Galactic Jackpot di KILAT333?

Galactic Jackpot adalah tema slot online di KILAT333 yang menghadirkan nuansa kosmik, sensasi bermain dinamis, dan peluang jackpot pecah sekejap.

Apa yang membuat KILAT333 menarik?

KILAT333 menghadirkan slot online paling gacor dengan akses cepat, update RTP terbaru, game populer, dan pengalaman bermain yang terasa lebih seru.

Apakah KILAT333 memiliki fitur khusus?

Ya, KILAT333 menawarkan variasi game populer, tampilan ringan, update RTP, dan pengalaman bermain yang dirancang agar tidak monoton.

Apakah KILAT333 mudah diakses?

Ya, KILAT333 dirancang ringan, cepat diakses, dan kompatibel di berbagai perangkat untuk pengalaman bermain yang lebih nyaman.

KILAT333 adalah website slot online bertema Galactic Jackpot yang menghadirkan pengalaman bermain lebih seru dengan pilihan game populer, RTP terbaru, dan peluang jackpot yang banyak dibahas hari ini.

Apa itu Galactic Jackpot di KILAT333?

Galactic Jackpot adalah tema slot online di KILAT333 yang menghadirkan nuansa kosmik, sensasi bermain dinamis, dan peluang jackpot pecah sekejap.

Apa yang membuat KILAT333 menarik?

KILAT333 menghadirkan slot online paling gacor dengan akses cepat, update RTP terbaru, game populer, dan pengalaman bermain yang terasa lebih seru.

Apakah KILAT333 memiliki fitur khusus?

Ya, KILAT333 menawarkan variasi game populer, tampilan ringan, update RTP, dan pengalaman bermain yang dirancang agar tidak monoton.

Apakah KILAT333 mudah diakses?

Ya, KILAT333 dirancang ringan, cepat diakses, dan kompatibel di berbagai perangkat untuk pengalaman bermain yang lebih nyaman.

KILAT333 💎 Galactic Jackpot: Slot Online Paling Gacor, Pecah Sekejap!

Name: KILAT333 💎 Galactic Jackpot: Slot Online Paling Gacor, Pecah Sekejap!
Brand: KILAT333
SKU: KILAT333-GALACTIC-JACKPOT
Availability: InStock
Rating: 4.9 (842 reviews)

BUAT AKUN

Explore Categories
Popular Products

Shop All Designs

You're $70.00 Away from FREE US Shipping!

$70

Your Cart is empty...

Discover something you'll love!

animals anime drinks fantasy food funny movies sci-fi sports television vintage

Shop Designs

Shop All Designs New Tees on Sale Newest Designers Tag Directory

Artist Collections

Featured Designers Artists to Watch Creators to Watch AAPI Artists BIPOC Artists Black Artists Celebrate Women Artists LGBTQIA Artists Ukrainian Artists

Adult Apparel

T-Shirts

Shorts

New!

Hoodies

Long Sleeve T-Shirts

Crewneck Sweatshirts

Tank Tops

Baseball T-Shirts

Kids Apparel

Kids T-Shirts

Kids Hoodie

Kids Long Sleeve T-Shirt

Accessories

Hats

New!

Stickers

Magnets

Phone Cases

Pins

Totes

Update Your Browsing Preferences

Shipping Country:

Currency:

nherit } #dismiss-modal-custom:hover { color: var(--color-primary-600) } .m-campaign { margin-top: 15px } .m-campaign__note { padding: 10px; background: var(--color-warning-500); margin-top: 20px; margin-bottom: 20px } .m-campaign__clock { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center } .m-campaign__clock-label { font-size: var(--font-size-small-400); font-weight: bold } .m-campaign__clock-val { margin-left: 15px; margin-right: 15px; text-align: center } .m-campaign__clock-time { font-size: var(--font-size-large-100); font-family: var(--font-family-primary-bold) } .m-campaign__count { color: var(--color-success-500); margin-right: 8px } .m-campaign__count--goal { margin-left: 8px; margin-right: 0 } .m-campaign__progress { margin-bottom: 20px; height: 11px; width: 100%; background-color: var(--color-neutral-400) } .m-campaign__progress-bar { background-color: var(--color-success-500); height: 100% } .m-campaign__sold { text-transform: uppercase; font-size: var(--font-size-medium-100); margin-bottom: 5px; display: -webkit-flex; display: flex } @media (max-width: 767px) { .m-cart-config .m-design__more-info-ctrl { display: none } } .m-cart-config .m-design__more-info-ctrl { width: 60px; height: 100%; margin-left: 15px } .m-cart-config .m-design__more-info-ctrl .btn { font-size: var(--font-size-small-200); padding: 8px 0; width: 100% } .m-cart-config__colors { margin-top: 15px; margin-bottom: 15px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } @media (min-width: 768px) { .m-cart-config__colors { margin-bottom: 20px } } .m-cart-config__color-img { width: 100%; padding-bottom: 60%; display: block } @media (min-width: 768px) { .m-cart-config__color-img { border-radius: 50%; padding-bottom: 100% } } .m-cart-config__color-img.white { box-shadow: inset 0 0 0 1px var(--color-neutral-300) } .m-cart-config__color-img.heathered { background-image: url("https://assets.teepublic.com/assets/colors/heathered_overlay-2e957e0cbc513c2b512aa11eb6680b002faf4cdb74a12f236c107cbf377a08fc.png"); position: relative } .m-cart-config__color-img.heathered:before { content: ''; position: absolute; width: 100%; height: 100%; opacity: 0.8 } @media (min-width: 768px) { .m-cart-config__color-img.heathered:before { border-radius: 50% } } .m-cart-config__colors2 { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 4px; gap: 6px; padding: 2px } @media (max-width: 767px) { .m-cart-config__colors2 { overflow-x: auto } } @media (min-width: 768px) { .m-cart-config__colors2 { -webkit-flex-wrap: wrap; flex-wrap: wrap } } .m-cart-config__color-wrap2 { cursor: pointer; -webkit-flex: 0 0 auto; flex: 0 0 auto; position: relative; width: 40px; height: 40px; border-radius: 50%; padding: 2px } @media (min-width: 768px) { .m-cart-config__color-wrap2 { -webkit-flex-grow: 0; flex-grow: 0; width: calc(24px + 2px); height: calc(24px + 2px); margin: 0 } } .m-cart-config__color-wrap2:hover { outline: 2px solid var(--color-neutral-900-a20) } .m-cart-config__color-wrap2.active { outline: 2px solid var(--color-neutral-900) } .m-cart-config__color-wrap2 label { cursor: pointer; display: block; border-radius: 50%; width: 100%; height: 100% } @media (min-width: 768px) { .m-cart-config__color-wrap2 label { border-radius: 50%; padding: 5px } } .m-cart-config__color-wrap2 label.heather { background-image: url("https://assets.teepublic.com/assets/colors/heathered_overlay-2e957e0cbc513c2b512aa11eb6680b002faf4cdb74a12f236c107cbf377a08fc.png") } .m-cart-config__color-wrap2 label.light_heather { background-image: url("https://assets.teepublic.com/assets/colors/heathered_overlay-2e957e0cbc513c2b512aa11eb6680b002faf4cdb74a12f236c107cbf377a08fc.png") } .m-cart-config__color-wrap2 label.tie_dye { background-image: url("https://assets.teepublic.com/assets/colors/tie_dye_overlay-d1b6f1700cb880016346e88082fb1bbd8ffc6d0bfe3251a9bc40f88a442e4723.png") } @media (min-width: 768px) { .m-cart-config__color-wrap2 label.tie_dye { background-position-x: -5px; background-position-y: -5px } } .m-cart-config__color-wrap2 label.bordered { box-shadow: inset 0 0 0 1px var(--color-neutral-300) } @media (max-width: 767px) { .m-cart-config__color-wrap2 label.bordered { background-size: 100% 100% } } .m-cart-config__color-wrap2 input { opacity: 0; position: absolute; cursor: pointer } .m-cart-config__color-wrap2 input:focus-visible~label { outline: #ffe600 auto 2px } .m-cart-config__color-wrap2 input[type="radio"]+label { position: relative } .m-cart-config__color-wrap2 input[type="radio"]+label .teepublicon { opacity: 0; padding: 2px; z-index: 10 } .m-cart-config__color-wrap2 input[type="radio"]:checked+label .teepublicon, .m-cart-config__color-wrap2 input[type="radio"]+label:hover .teepublicon { opacity: 1; transition: all 100ms ease-in-out } .m-cart-config__option { margin: 16px 0 } .m-cart-config__quantity-container { width: 130px } .m-cart-config__quantity-container input { height: 48px } .m-cart-config__select .select__wrap:after { top: calc((48px - 6px) / 2) } .m-cart-config__select select { height: 48px; background-color: transparent } .m-cart-config__select-label { font-family: var(--font-family-primary-bold); margin-bottom: 4px; display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: baseline; align-items: baseline; width: 100% } .m-cart-config__quick-info-label { font-size: var(--font-size-small-200); line-height: var(--font-size-small-400); font-family: var(--font-family-primary); font-weight: 500; color: var(--color-neutral-700); margin-bottom: 4px } .m-cart-config__color-label strong { font-family: var(--font-family-primary-bold) } .m-cart-config__sizechart-desktop-ctrl { display: none } @media (min-width: 768px) { .m-cart-config__sizechart-desktop-ctrl { display: inherit } } @media (min-width: 768px) { .m-cart-config__sizer-mobile-ctrl { display: none } } .m-design__tip { -webkit-align-items: self-start; align-items: self-start; background: var(--color-primary-100); border: 2px solid var(--color-primary-200); border-radius: 12px; display: -webkit-flex; display: flex; gap: 12px; -webkit-justify-content: flex-start; justify-content: flex-start; margin: 16px 0; padding: 12px 16px } .m-design__tip.off { display: none } .m-design__tip-header { font-family: var(--font-family-primary-bold); font-size: var(--font-size-small-400); margin-bottom: 2px; line-height: 1.5 } .m-design__tip-icon { line-height: 1.5 } .m-design__tip-text { font-size: var(--font-size-small-300); line-height: 1.42857 } .m-design__tip--oos { -webkit-justify-content: left; justify-content: left } .m-design__tip--oos .teepublicon { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .m-design__tip--loud { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-300); text-transform: uppercase } .cqd-banner__container { margin-top: 24px } @media (min-width: 1280px) { .cqd-banner__container { margin-top: 40px } } .cqd-banner__banner { -webkit-align-items: center; align-items: center; margin-bottom: 0; margin-top: 0 } .m-cookie-alert { background: var(--color-neutral-400); color: var(--color-white); padding-bottom: 5px; padding-top: 5px } .m-cookie-alert__content { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between } .m-cookie-alert__accept { -webkit-flex-shrink: 0; flex-shrink: 0; font-size: var(--font-size-small-200); margin-left: 40px; padding-left: 0; padding-right: 0; width: 70px } @media (min-width: 600px) { .m-cookie-alert__accept { margin-left: 80px; width: 145px } } .m-cookie-alert__text { color: var(--color-white); font-size: var(--font-size-small-100) } @media (min-width: 600px) { .m-cookie-alert__text { font-size: var(--font-size-small-200) } } .m-cookie-alert__text a { color: var(--color-white); text-decoration: underline } .m-cookie-preferences { background: var(--color-neutral-200); margin-top: 50px; margin-bottom: 50px; padding: 35px } .m-cookie-preferences__message { margin-left: 30px } .m-design { margin-bottom: 12px; position: relative } .m-design__admin-nav { background-color: var(--color-neutral-200); margin-bottom: 15px; overflow: hidden; padding: 15px } .m-design__admin-nav-group { text-align: center } .m-design__admin-nav-group .m-design__admin-nav-header { display: none } @media (min-width: 768px) { .m-design__admin-nav-group .m-design__admin-nav-header { display: inline; font-weight: bold; margin-right: 10px; text-transform: uppercase } } .m-design__admin-nav-group a { margin-left: 10px; margin-right: 10px } .m-design__admin-nav-group:last-child { margin-left: 0 } .m-design__admin-nav-group form { display: -webkit-flex; display: flex } .m-design__admin-nav-group button { border: none; background: transparent } @media (min-width: 768px) { .m-design__admin-nav-group { float: left; margin-right: 10px; overflow: hidden } .m-design__admin-nav-group span, .m-design__admin-nav-group a { display: block; float: left } } .m-design__admin-nav-group--right { padding-top: 10px } @media (min-width: 768px) { .m-design__admin-nav-group--right { float: right; padding-top: 0 } } .m-design__admin-nav-group--hidden-xs { display: none } @media (min-width: 768px) { .m-design__admin-nav-group--hidden-xs { display: inherit } } .m-design__admin-tools { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-end; justify-content: flex-end; gap: 12px; position: absolute; right: 0; top: 16px; z-index: 10 } @media (min-width: 768px) { .m-design__admin-tools { gap: 16px } } @media (min-width: 1024px) { .m-design__admin-tools { right: 16px } } .m-design__available-in-h { font-family: var(--font-family-primary); font-size: var(--font-size-small-400); margin-top: 0 } .m-design__available-ins { font-weight: normal } .m-design__cart-config { margin-bottom: 5px; margin-top: 20px } .m-design__content { margin-top: 15px } @media (min-width: 1024px) { .m-design__content { margin-top: 40px } } .m-design__h2 { font-family: var(--font-family-display); font-size: var(--font-size-medium-300); margin-bottom: 24px } @media (min-width: 768px) { .m-design__h2 { margin-bottom: 20px } } .m-design__hr { margin: 15px 0 0 } @media (min-width: 768px) { .m-design__hr { display: none } } @media (max-width: 767px) { .m-design__hr--d { visibility: hidden } } @media (max-width: 599px) { .m-design__info-modal-ctrl { display: none } } .m-design__others { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: -5px } .m-design__other { margin-right: 15px; margin-top: 15px; text-align: center; width: calc((100% / 3) - (15px * 2) / 3) } @media (min-width: 768px) { .m-design__other { width: calc((100% / 6) - (15px * 5) / 6) } } @media (max-width: 767px) { .m-design__other:nth-child(3n) { margin-right: 0 } } @media (min-width: 768px) { .m-design__other:nth-child(6n) { margin-right: 0 } } .m-design__other-img { border: 1px solid var(--color-neutral-300); width: 100% } .m-design__other-name { margin-top: 5px } .m-design__product-info-content { margin-top: 20px } @media (min-width: 768px) { .m-design__product-info-content { margin-top: 40px } } .m-design__product-message { color: var(--color-neutral-700); font-size: var(--font-size-small-200); margin-bottom: 4px } .m-design__purchase-info { border-bottom: 1px solid var(--color-neutral-200); -webkit-flex-basis: 100%; flex-basis: 100%; padding-bottom: 15px } @media (min-width: 768px) { .m-design__purchase-info { border-bottom: 0; text-align: left } } .m-design__purchase-info:last-child { border-bottom: 0; padding-bottom: 0 } @media (max-width: 969px) { .m-design__purchase-info+.m-design__purchase-info { margin-top: 15px } } .m-design__purchase-info p { line-height: 1.4 } .m-design__purchase-info-content { margin-top: 15px } @media (min-width: 768px) { .m-design__purchase-info-content { margin-top: 0 } } @media (max-width: 767px) { .m-design__purchase-info.off .m-design__purchase-info-content { display: none } } .m-design__purchase-info-licensor { -webkit-align-items: center; align-items: center; background-color: var(--color-neutral-200); display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; margin: 10px 0; padding: 15px 12px; width: 100% } @media (min-width: 768px) { .m-design__purchase-info-licensor { padding: 20px 15px } } .m-design__purchase-info-licensor-h { font-size: var(--font-size-small-200); margin: 0 0 0 15px } @media (min-width: 768px) { .m-design__purchase-info-licensor-h { font-size: var(--font-size-small-400) } } @media (min-width: 768px) { .m-design__purchase-info-licensor-hr { display: none } } .m-design__purchase-info-note { color: var(--color-neutral-600); font-style: italic } .m-design__purchase-info-title { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between } @media (min-width: 768px) { .m-design__purchase-info-title { display: block } } .m-design__purchase-info-title .icon { color: var(--color-neutral-400); cursor: pointer; margin-right: 6px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } @media (min-width: 768px) { .m-design__purchase-info-title .icon { display: none } } .m-design__purchase-info.off .m-design__purchase-info-title .icon { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .m-design__price--vat { color: var(--color-success-500); font-weight: bold } @media (max-width: 767px) { .m-design__price--vat { font-size: var(--font-size-small-200) } } .m-design__buy-page-backlinks { margin-top: 20px } .m-design__buy-page-backlinks .marketplace__links { gap: 5px } .m-design__buy-page-backlinks .marketplace__link { margin: 0 } .m-design__secret-id { -webkit-align-items: center; align-items: center; background: var(--color-white); bottom: 0; display: -webkit-flex; display: flex; font-family: var(--font-family-primary); font-size: var(--font-size-xlarge-300); -webkit-justify-content: center; justify-content: center; left: 0; position: fixed; right: 0; text-align: center; top: 0; z-index: 10000 } .m-design__shstock { -webkit-align-items: center; align-items: center; background: var(--color-neutral-200); border-radius: 1px; color: var(--color-neutral-600); display: -webkit-flex; display: flex; margin-bottom: 10px; margin-top: 10px; padding-right: 5px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .m-design__shstock .teepublicon { background: linear-gradient(to bottom, #000000 0%, #ffd700 50%, #ffd700 100%); border-radius: 1px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 22px; width: 22px } .m-design__shstock p { font-size: var(--font-size-small-200) } .m-design__subtitles { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-100); color: #ffd700; } .m-design__additional-info { line-height: 20px; margin-bottom: 24px } .m-design__additional-info-list { margin-top: 16px } .m-product-options__social .contain { border-top: 1px solid var(--color-neutral-300); padding-top: 24px } .m-product-options__social-title { font-family: var(--font-family-primary-bold); font-size: var(--font-size-small-400); line-height: 1.15; text-transform: capitalize; margin-bottom: 16px } .m-design__additional-info-container { padding-top: 32px; padding-bottom: 24px; background: #000000; } .m-design__additional-info-note { margin-top: 24px; font-size: var(--font-size-small-200); line-height: 1.6667 } .m-design__favorite-button-container .teepublicon>* { width: 28px; height: 28px } @media (min-width: 768px) { .m-design__favorite-button-container .teepublicon>* { width: 32px; height: 32px } } .m-design__cqd-banner .cqd-banner__container { margin-top: 16px } .guarantee { -webkit-align-items: center; align-items: center; background-color: var(--color-primary-100); border: 2px solid #ffe600; border-radius: 12px; display: grid; grid-column-gap: 12px; grid-template-columns: auto auto; margin: 24px auto; padding: 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media (min-width: 768px) { .guarantee { margin-bottom: 0 } } .guarantee__text p { font-family: var(--font-family-primary); font-size: var(--font-size-small-400); } .guarantee__text a { display: block; margin-top: 4px } .guarantee__text strong { font-family: var(--font-family-primary-bold) } .m-error__h { font-size: var(--font-size-xlarge-400); line-height: 1; margin-bottom: 0 } .m-error__text { text-transform: none; margin-top: 0; font-size: var(--font-size-medium-100); font-family: var(--font-family-primary-semibold); font-weight: 600; margin-bottom: 40px } .m-error__text-link { font-size: var(--font-size-medium-100) } .m-explore-nav { background-color: #000 } @media (min-width: 1280px) { .m-explore-nav .m-tab-nav--init .m-tab-nav__tab-content:not([data-tab-content-index='0']) { display: block } } .m-explore-nav__container .m-tab-nav__list { -webkit-justify-content: center; justify-content: center; gap: 28px } .m-explore-nav__container .m-tab-nav__list a { font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-300); color: var(--color-neutral-300) } @media (min-width: 1280px) { .m-explore-nav__container .m-tab-nav__list { display: none } } .m-explore-nav__container .m-tab-nav__item--active a { color: var(--color-white) } @media (min-width: 1280px) { .m-explore-nav__container .m-tab-nav__content { display: -webkit-flex; display: flex; gap: 45px; -webkit-justify-content: center; justify-content: center } } @media (min-width: 1280px) { .m-explore-nav__container .m-tab-nav__tab-content:not([data-tab-content-index='0']) { display: block } .m-explore-nav__container .m-tab-nav__tab-content:is([data-tab-content-index='0']) .m-explore-nav__tab-content { position: relative; overflow-x: visible } .m-explore-nav__container .m-tab-nav__tab-content:is([data-tab-content-index='0']) .m-explore-nav__tab-content::after { content: ''; background-color: var(--color-neutral-700); width: 2px; height: 48px; position: absolute; right: -26px; top: 14px } } .m-explore-nav__tab-content { display: -webkit-flex; display: flex; padding: 8px 16px; margin-inline: -16px; -webkit-align-items: center; align-items: center } @media screen and (max-width: 767px) { .m-explore-nav__tab-content { -ms-overflow-style: none; scrollbar-width: none; overflow-x: auto } .m-explore-nav__tab-content::-webkit-scrollbar { display: none } } @media (min-width: 595px) { .m-explore-nav__tab-content { -webkit-justify-content: center; justify-content: center; margin-inline: 0 } } @media (min-width: 1280px) { .m-explore-nav__tab-content { -webkit-flex-shrink: 0; flex-shrink: 0; padding-right: 0 } } .m-explore-nav__cta { border: 2px solid #ff0000; border-radius: 8px; display: block; -webkit-flex-shrink: 0; flex-shrink: 0; margin-right: 16px; padding: 8px 12px; width: 80px; text-align: center } .m-explore-nav__cta:hover { background-color: var(--color-primary-600); border-color: var(--color-primary-600) } .m-explore-nav__cta:focus { outline: 4px solid var(--color-primary-300); outline-offset: 0 } .m-explore-nav__cta:active { background-color: var(--color-primary-700); border-color: var(--color-primary-700) } .m-explore-nav__cta.link--default:active { color: var(--color-primary-200) } .m-explore-nav__cta.link--default { color: var(--color-white); font-size: var(--font-size-small-200) } .m-explore-nav__link { border-radius: 8px; display: block; font-family: var(--font-family-primary-semibold); padding: 4px 8px; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; text-align: center } .m-explore-nav__link.link--default { color: var(--color-neutral-200); font-size: var(--font-size-small-200) } .m-explore-nav__link:hover { background-color: var(--color-neutral-800) } .m-explore-nav__link:hover .teepublicon { -webkit-animation: wobble 0.25s 4; animation: wobble 0.25s 4 } .m-explore-nav__link.link--default:hover { color: var(--color-white) } .m-explore-nav__link:focus { outline: 4px solid #ffe600; outline-offset: 0 } .m-explore-nav__link .teepublicon { display: block; margin-right: 0 } .m-explore-nav__link--new .teepublicon { position: relative } .m-explore-nav__link--new .teepublicon:before { content: "NEW"; display: inline-block; background-color: #ffe600; border-radius: 4px; color: white; font-size: 8px; font-family: var(--font-family-primary-bold); font-weight: 700; line-height: 1; padding: 2px; position: absolute; text-align: center; right: 0 } .m-footer-sitemap { background-color: var(--color-neutral-900); color: var(--color-white); padding: 0 0 40px } @media (min-width: 1280px) { .m-footer-sitemap { padding: 0 } } .m-footer-sitemap-container { padding: 40px 0 } @media (min-width: 768px) { .m-footer-sitemap-container { padding: 0 48px } } @media (min-width: 1280px) { .m-footer-sitemap-container { display: grid; grid-template-columns: repeat(2, 1fr); padding: 40px 80px } } .m-footer__trusted-badges { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; margin-bottom: 40px } @media (min-width: 1280px) { .m-footer__trusted-badges { -webkit-align-self: flex-start; align-self: flex-start } } .m-footer__guarantee-image { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center } .m-footer__guarantee-image img { height: 140px; width: 140px } .m-footer__guarantee-text { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; margin-bottom: 12px; text-align: center } .m-footer__guarantee-headline { font-family: var(--font-family-primary-bold); font-size: var(--font-size-small-400); line-height: var(--font-size-medium-200); margin-bottom: 0; margin-top: 0; color: var(--color-white) } @media (min-width: 768px) { .m-footer__guarantee-headline { font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-footer__guarantee-subtext { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary); font-weight: 500; color: var(--color-white) } .m-footer__guarantee-link { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center } .m-footer-links { display: grid; gap: 16px; grid-gap: 20px 15px; grid-template-columns: repeat(2, 1fr); padding: 0 16px; width: 100% } .m-footer-links .link-collection__header { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300); margin-bottom: 0; margin-top: 0; color: var(--color-white) } @media (min-width: 768px) { .m-footer-links .link-collection__header { font-size: var(--font-size-medium-300); line-height: var(--font-size-medium-400) } } .m-footer-links .link-collection__content { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 12px } .m-footer-links .link-collection__link { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary-semibold); font-weight: 600; color: var(--color-neutral-400) } .m-footer-links .link-collection__link:hover { color: var(--color-white) } @media (min-width: 1024px) { .m-footer-links { gap: 16px; grid-template-columns: repeat(4, 1fr) } } .m-footer__social, .m-footer__payment-methods { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding: 0 16px; gap: 16px } .m-footer-payments-bbb { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 16px } @media (min-width: 768px) { .m-footer-payments-bbb { -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between } } .m-footer__social-links-header, .m-footer__payment-methods-header { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300); margin-bottom: 0; margin-top: 0; color: var(--color-white) } @media (min-width: 768px) { .m-footer__social-links-header, .m-footer__payment-methods-header { font-size: var(--font-size-medium-300); line-height: var(--font-size-medium-400) } } .m-footer-section { margin-bottom: 40px } .m-footer-section.m-footer__payment-methods { margin-bottom: 0 } @media (min-width: 768px) { .m-footer-section.m-footer__payment-methods { margin-bottom: 0; padding-bottom: 20px } } .m-footer__social-links { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: left; justify-content: left; gap: 8px } .m-footer__social-links .teepublicon { padding: 8px } .m-footer__payment-methods-images img { max-width: 100% } .m-footer__trust-images { display: -webkit-flex; display: flex } .m-footer__trusted-stores { margin-top: -8px } .m-footer__bbb img { max-width: 132px } .m-footer__legal-bar { background-color: var(--color-neutral-800) } .m-footer__legal-bar-container { padding: 24px 64px } @media (min-width: 1280px) { .m-footer__legal-bar-container { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 24px 80px } } .m-footer__legal-bar-header { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 4px; -webkit-justify-content: center; justify-content: center; margin-bottom: 20px } @media (min-width: 768px) { .m-footer__legal-bar-header { -webkit-flex-direction: row; flex-direction: row; gap: 24px } } @media (min-width: 1280px) { .m-footer__legal-bar-header { margin-bottom: 0 } } .m-footer__legal-bar-header-copyright { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary-bold); font-weight: 700; color: var(--color-white); display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin-bottom: 4px } .m-footer__legal-bar-header-browse-preferences { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center } .m-footer__legal-bar-subnav { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; -webkit-justify-content: center; justify-content: center } @media (min-width: 768px) { .m-footer__legal-bar-subnav { gap: 24px } } .m-footer__legal-bar-subnav-link { font-size: var(--font-size-small-300); line-height: var(--font-size-medium-200); font-family: var(--font-family-primary-semibold); font-weight: 600; color: var(--color-neutral-400) } .m-footer__legal-bar-subnav-link:hover { color: var(--color-white) } .m-footer__newsletter-container { background-color: var(--color-neutral-900) } .m-footer__newsletter-container .m-newsletter-signup { transition: all 0.15s ease-in-out; background-color: #000; /* ubah jadi hitam */ background-blend-mode: soft-light; background-position: center center; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; min-height: 350px; padding: 40px 16px 0; } @media (min-width: 768px) { .m-footer__newsletter-container .m-newsletter-signup { min-height: 300px } } .m-footer__newsletter-container .m-newsletter-signup-header__form { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center } .m-footer__newsletter-container .m-newsletter-signup--error { min-height: 400px } @media (min-width: 768px) { .m-footer__newsletter-container .m-newsletter-signup--error { min-height: 350px } } @media (min-width: 1280px) { .m-footer__newsletter-container .m-newsletter-signup--success .m-newsletter-signup-header__success-message-container { -webkit-align-self: center; align-self: center } .m-footer__newsletter-container .m-newsletter-signup--error .m-newsletter-signup-header__error-message-container { -webkit-align-self: center; align-self: center } } .m-trustpilot-bar { background-color: var(--color-neutral-200); display: -webkit-flex; display: flex; padding: 24px 0; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; gap: 12px } .m-footer__trustpilot-image { height: 24px } .m-footer__trustpilot-image img { height: inherit } .m-footer__trustpilot-mobile { display: block } @media (min-width: 768px) { .m-footer__trustpilot-mobile { display: none } } .m-footer__trustpilot-desktop { display: none } @media (min-width: 768px) { .m-footer__trustpilot-desktop { display: block } } .m-tray>.drawer__wrapper { width: 88%; max-width: 420px } .m-tray-account .drawer__header { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; padding: 48px 16px 24px } @media (min-width: 1024px) { .m-tray-account .drawer__header { padding-inline: 32px } } .m-tray-account .drawer__header-container { background-color: var(--color-neutral-800-a80) } .m-tray-account .drawer__content-container { padding: 32px 16px } @media (min-width: 1024px) { .m-tray-account .drawer__content-container { padding: 40px 32px } } .m-tray-account .drawer__footer-container { border-top: 1px solid var(--color-neutral-800); padding: 20px 16px } @media (min-width: 1024px) { .m-tray-account .drawer__footer-container { padding: 32px } } .m-tray-account .drawer__footer-container>* { font-size: var(--font-size-medium-100); line-height: 1.3333; padding: 12px 24px } .m-tray-account__content-block { padding-bottom: 16px } .m-tray-account__content-block:not(:first-of-type) { padding-top: 16px } .m-tray-account__content-block:not(:last-of-type) { border-bottom: 1px solid var(--color-neutral-800) } .m-tray-account__content-block .link-collection__header { font-family: var(--font-family-display); font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-200); margin-top: 0; margin-bottom: 0; color: var(--color-white) } @media (min-width: 768px) { .m-tray-account__content-block .link-collection__header { font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-tray-account__content-block .link-collection__content { margin-top: 8px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-start; justify-content: flex-start; gap: 0 } .m-tray-account__content-block .link-collection__content .teepublicon { margin-right: 8px; margin-bottom: 4px } .m-tray-account__content-block .link-collection__link { font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-400); line-height: var(--font-size-medium-200); color: var(--color-neutral-200); padding: 8px 0 } .m-tray-account__content-block .link-collection__link:hover { color: var(--color-white) } .m-tray-account__content-block .link-collection__link:hover svg { fill: var(--color-white) } .m-tray-account__seller-verification { margin: 16px 0px } .m-tray-account__seller-verification .seller-verification__note { margin: 8px 0px; color: var(--color-white); font-family: "Roobert-Medium", Helvetica, sans-serif; font-size: var(--font-size-small-300); line-height: 1.42857 } .m-tray-account__avatar { width: 36px; height: 36px } .m-tray-account__header-text { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary-semibold); font-weight: 600; color: var(--color-white) } .m-tray-account__header-email { font-size: var(--font-size-small-100); line-height: var(--font-size-small-400); font-family: var(--font-family-primary); font-weight: 500; color: var(--color-neutral-300) } .m-tray-account__header-user { display: -webkit-flex; display: flex; gap: 12px; -webkit-align-items: center; align-items: center } .m-tray-account__header-user picture { height: 36px } .m-tray-account__header-user img { height: inherit } .m-tray-account__upload { -webkit-justify-content: center; justify-content: center; margin-bottom: 16px } .m-tray-account__earnings { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 8px } .account-earnings__stats { padding: 8px; background-color: var(--color-neutral-800-a40); text-align: center; border-radius: 12px } .account-earnings__amount { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary-bold); font-weight: 700; color: var(--color-white) } .account-earnings__label { font-size: var(--font-size-small-200); line-height: var(--font-size-small-400); font-family: var(--font-family-primary); font-weight: 500; color: var(--color-neutral-200) } .m-tray-cart .drawer__header { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 48px 16px 16px } @media (min-width: 1024px) { .m-tray-cart .drawer__header { padding-inline: 32px } } .m-tray-cart .drawer__content-container { padding: 0 16px 32px } @media (min-width: 1024px) { .m-tray-cart .drawer__content-container { padding-inline: 32px; padding-top: 0 } } .m-tray-cart__header h3 { font-family: var(--font-family-display); font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-200); margin-top: 0; margin-bottom: 0; color: var(--color-neutral-900) } @media (min-width: 768px) { .m-tray-cart__header h3 { font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-tray-cart__body { padding-top: 20px } .m-tray-cart__body--empty { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 12px } .m-tray-cart__body--empty h4 { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-300); margin-bottom: 0; margin-top: 0; color: var(--color-neutral-900) } @media (min-width: 768px) { .m-tray-cart__body--empty h4 { font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-tray-cart__body--empty p { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary); font-weight: 500; color: var(--color-neutral-900) } .m-tray-cart__body-links { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 8px } .m-tray-cart__body-cta { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center } .m-tray-cart__footer { background-color: var(--color-white); border-top: 0; padding: 16px } @media (min-width: 1024px) { .m-tray-cart__footer { padding: 32px } } .free-shipping__progress { background-color: var(--color-primary-100); border: 2px solid var(--color-primary-200); border-radius: 12px; font-size: var(--font-size-small-200); margin-bottom: 10px; padding: 12px 20px } @media (min-width: 1024px) { .free-shipping__progress { padding: 15px } } .free-shipping__progress .free-shipping__progress-bar-message { font-size: var(--font-size-small-300); margin: 0 auto 12px; text-align: center } .free-shipping__progress .free-shipping__progress-bar-message .strong { font-family: var(--font-family-primary-bold) } @media (min-width: 1024px) { .free-shipping__progress .free-shipping__progress-bar-message { font-size: var(--font-size-small-300) } } .free-shipping__progress .free-shipping__progress-bar { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; margin: 0 auto } .free-shipping__progress .free-shipping__progress-bar-value { padding: 0 10px } .free-shipping__progress .tpvc-progress-bar__container { height: 8px } .m-header__cart-google-pay { padding: 0 } .m-tray-cart__footer-detail { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 } .m-tray-cart__footer-detail-title { font-size: var(--font-size-small-300); line-height: var(--font-size-medium-200); font-family: var(--font-family-primary); font-weight: 500; color: var(--color-neutral-900) } .m-tray-cart__footer-detail-title span { font-size: var(--font-size-small-100); line-height: var(--font-size-small-400); font-family: var(--font-family-primary); font-weight: 500; color: var(--color-neutral-700) } .m-tray-cart__footer-detail-total { font-size: var(--font-size-small-300); line-height: var(--font-size-medium-200); font-family: var(--font-family-primary); font-weight: 500; color: var(--color-success-700) } .m-tray-cart__footer-subtotal { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary-bold); font-weight: 700; color: var(--color-success-900); margin-bottom: 4px } .m-tray-shop .drawer__content-container { -ms-overflow-style: none; scrollbar-width: none; padding-top: 48px; padding-bottom: 24px } .m-tray-shop .drawer__content-container::-webkit-scrollbar { display: none } @media (min-width: 1024px) { .m-tray-shop .drawer__content-container { padding-inline: 32px } } .m-tray-shop>.drawer__footer-container { border-top: 1px solid var(--color-neutral-800); padding: 20px 16px } @media (min-width: 1024px) { .m-tray-shop>.drawer__footer-container { padding: 32px } } .m-tray-shop>.drawer__footer-container>* { font-size: var(--font-size-medium-100); line-height: 1.3333; padding: 12px 24px } .m-tray-shop.active .drawer__backdrop { z-index: -1 } @media (max-width: 1023px) { .m-tray-shop.active .m-tray-shop-secondary { left: 100% } .m-tray-shop.active .m-tray-shop-secondary.active { left: 0 } } .m-tray-shop__body { overflow-x: hidden } .m-tray-shop__logo { height: 20px } .m-tray-shop__secondary-actions { margin-top: 24px } .m-tray-shop__secondary-action { -webkit-align-items: center; align-items: center; background-color: transparent; border-bottom: 1px solid var(--color-neutral-800); display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 12px 0; border-radius: 0 } .m-tray-shop__secondary-action:hover, .m-tray-shop__secondary-action:active, .m-tray-shop__secondary-action:focus { background-color: transparent } .m-tray-shop__secondary-action:hover svg, .m-tray-shop__secondary-action:active svg, .m-tray-shop__secondary-action:focus svg { fill: var(--color-white) } .m-tray-shop__secondary-action--light { border-bottom-color: var(--color-neutral-100) } .m-tray-shop__secondary-action--light .m-tray-shop__secondary-action-text h4 { color: var(--color-neutral-900) } .m-tray-shop__secondary-action-text { text-align: left } .m-tray-shop__secondary-action-text h4 { font-family: var(--font-family-display); font-size: var(--font-size-medium-300); line-height: var(--font-size-medium-400); margin-bottom: 0; margin-top: 0 } @media (min-width: 768px) { .m-tray-shop__secondary-action-text h4 { font-size: var(--font-size-large-100); line-height: var(--font-size-large-200) } } .m-tray-shop__secondary-action-text p { font-size: var(--font-size-small-200); line-height: var(--font-size-small-400); font-family: var(--font-family-primary); font-weight: 500; color: var(--color-neutral-300); margin-top: 4px; text-transform: none } .m-tray-shop__popular-products { margin-top: 24px } .m-tray-shop__popular-products h3 { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300); margin-bottom: 0; margin-top: 0; color: var(--color-white) } @media (min-width: 768px) { .m-tray-shop__popular-products h3 { font-size: var(--font-size-medium-300); line-height: var(--font-size-medium-400) } } .m-tray-shop__popular-products-grid { margin-top: 16px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 8px } .m-tray-shop__popular-product { font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-200); line-height: var(--font-size-small-400); border: 2px solid var(--color-neutral-800); border-radius: 8px; color: var(--color-white); padding-inline: 12px; position: relative; overflow: hidden; height: 52px; display: -webkit-flex; display: flex; place-items: center } .m-tray-shop__popular-product span { display: block; width: 66px; word-break: keep-all } @media (min-width: 1024px) { .m-tray-shop__popular-product { height: 64px; padding-inline: 16px } } .m-tray-shop__popular-product:hover { background-color: var(--color-neutral-800); color: var(--color-white) } .m-tray-shop__popular-product::before { content: ''; height: 56px; width: 56px; position: absolute; bottom: -6px; right: -12px; -webkit-transform: rotate(-12deg); transform: rotate(-12deg) } @media (min-width: 1024px) { .m-tray-shop__popular-product::before { height: 80px; width: 80px; bottom: -12px; right: -24px } } .m-tray-shop__popular-product.tshirt::before { background-image: url("https://assets.teepublic.com/assets/teepublicons/product_tshirt-cb1652b6222e426e923a6d65ab993d87583905c32c5fcebb5bfe56c60b1813d6.svg") } .m-tray-shop__popular-product.shorts::before { background-size: cover; background-repeat: no-repeat; background-image: url("https://assets.teepublic.com/assets/teepublicons/product_shorts-125f62c45a99cf09b14c7398092a193029ace9c221fafc4999e13d2ef19608d1.svg") } .m-tray-shop__popular-product.hat::before { background-image: url("https://assets.teepublic.com/assets/teepublicons/product_hat-25e12e229a7b3d8867e8e5cf36022cb3452c6ebf8f4876c1f50aee33cbcd2298.svg") } .m-tray-shop__popular-product.sticker::before { background-image: url("https://assets.teepublic.com/assets/teepublicons/product_sticker-f567d08da532a7eeb12cbd9ee166fd6eef3f9cdd31f44d8bece7413a0b500bf1.svg") } .m-tray-shop__popular-product.mug::before { background-image: url("https://assets.teepublic.com/assets/teepublicons/product_mug-471b7ca6fa559ffc76b5e7ed09e2dcf62a0bd2c8a5cc560496778902b0e46483.svg") } .m-tray-shop__popular-product.kids::before { background-image: url("https://assets.teepublic.com/assets/teepublicons/product_kids-627eccdf0f446db928c65490522cdf8e82ec18b6b75ade60ae4cf5ca4a467faf.svg") } .m-tray-shop__popular-product.hoodie::before { background-image: url("https://assets.teepublic.com/assets/teepublicons/product_hoodie-ff8720b9b1a3bf7fcc0e61bf56cd699efaacb8db06ba20b83589338c20631dac.svg") } .m-tray-shop__popular-product.tank::before { background-image: url("https://assets.teepublic.com/assets/teepublicons/product_tank-ffbc7a9ecd19d0466706de291f7c41ea4c9b560f8519af06e6957b8eb586f628.svg") } .m-tray-shop__popular-product.longsleevetshirt::before { background-image: url("https://assets.teepublic.com/assets/teepublicons/product_longsleevetshirt-ccc5e5937eb5f433c9b48dcc28ef27cba3028eb4fc0c96b650babc1a5f6c8718.svg") } .m-tray-shop__popular-product--new:after { content: "NEW"; display: inline-block; background-color: #ffe600; border-radius: 4px; color: white; font-size: 8px; font-family: var(--font-family-primary-bold); font-weight: 700; line-height: 1; padding: 2px; position: absolute; text-align: center; right: 28px; top: 6px } .m-tray-shop__popular-topics { border-bottom: 1px solid var(--color-neutral-800); margin-top: 24px; padding-bottom: 24px } .m-tray-shop__popular-topics h3 { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300); margin-bottom: 0; margin-top: 0; color: var(--color-white) } @media (min-width: 768px) { .m-tray-shop__popular-topics h3 { font-size: var(--font-size-medium-300); line-height: var(--font-size-medium-400) } } .m-tray-shop__popular-topics-content { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; gap: 8px; margin-top: 16px; margin-bottom: 16px } .m-tray-shop__support { margin-top: 24px } .m-tray-shop__support h3 { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300); margin-bottom: 0; margin-top: 0; color: var(--color-white) } @media (min-width: 768px) { .m-tray-shop__support h3 { font-size: var(--font-size-medium-300); line-height: var(--font-size-medium-400) } } .m-tray-shop__support-links { margin-top: 8px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column } .m-tray-shop__support-link { padding: 8px 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 8px; color: var(--color-neutral-200) } .m-tray-shop__support-link:hover { color: var(--color-white) } .m-tray-shop__support-link:hover svg { fill: var(--color-white) } .m-tray-shop__support-link--dark { color: var(--color-neutral-900) } .m-tray-shop__support-link--dark:hover { color: inherit } .m-tray-shop__support-link--dark:hover svg { fill: inherit } .m-tray-shop__footer { border-top: 1px solid var(--color-neutral-800); padding: 20px 16px } @media (min-width: 1024px) { .m-tray-shop__footer { padding: 32px } } .m-tray-shop__footer>* { font-size: var(--font-size-medium-100); line-height: 1.3333; padding: 12px 24px } .m-tray-shop__credit { border-top: 1px solid var(--color-neutral-800); display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; -webkit-justify-content: flex-start; justify-content: flex-start; gap: 4px; margin-top: 24px; padding-top: 24px } .m-tray-shop__credit p { font-size: var(--font-size-small-300); line-height: var(--font-size-medium-200); font-family: var(--font-family-primary-semibold); font-weight: 600; color: var(--color-white) } .m-tray-shop-secondary { left: 0; z-index: -1; width: 100%; height: 100%; transition: all 400ms cubic-bezier(0.8, 0, 0, 1.12), z-index 500ms cubic-bezier(1, -0.24, 0.32, 1.31); visibility: hidden } @media (min-width: 1024px) { .m-tray-shop-secondary { transition: all 400ms cubic-bezier(0.8, 0, 0, 1.12) } } .m-tray-shop-secondary .drawer__content-container { -ms-overflow-style: none; scrollbar-width: none } .m-tray-shop-secondary .drawer__content-container::-webkit-scrollbar { display: none } .m-tray-shop-secondary.active { visibility: visible; transition: all 400ms cubic-bezier(0.8, 0, 0, 1.12) } @media (max-width: 1023px) { .m-tray-shop-secondary.active { z-index: 1 } } @media (min-width: 1024px) { .m-tray-shop-secondary.active { left: 420px; overflow-x: hidden } } .m-tray-shop-secondary__content h3 { font-family: var(--font-family-display); font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-200); margin-top: 0; margin-bottom: 0; margin-top: 0; margin-bottom: 12px } @media (min-width: 768px) { .m-tray-shop-secondary__content h3 { font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-tray-shop-secondary__content+.m-tray-shop-secondary__content { margin-top: 24px } .m-tray-shop-secondary__loader { display: -webkit-flex; display: flex; place-content: center; position: relative; background-color: transparent } .m-tray-shop-secondary__loader .tp-loader__spinner { width: 80px } .m-tray-shop-secondary__designs { display: -webkit-flex; display: flex; gap: 8px; margin-top: 24px; height: 230px } @media (min-width: 1024px) { .m-tray-shop-secondary__designs { height: 270px } } .m-tray-shop-secondary__designs .tp-design-tile--light { --tile-background-color: var(--color-white-a60) } .m-tray-shop-secondary__links { margin-top: 12px } .m-tray-shop-secondary__links .link-collection__content { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 0; margin-top: 0 } .m-tray-shop-secondary__link, .m-tray-shop-secondary__link h4 { font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-400); line-height: var(--font-size-medium-200); padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--color-neutral-200); color: var(--color-neutral-900) } .m-tray-shop-secondary__link:hover, .m-tray-shop-secondary__link h4:hover { color: #ffe600 } .m-tray-shop-secondary__link.active, .m-tray-shop-secondary__link.active h4 { color: #ffe600 } .m-tray-shop-secondary__link--new { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 8px; padding: 12px 0px; border-bottom: 1px solid var(--color-neutral-200) } .m-tray-shop-secondary__link--new h4 { font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-400); line-height: var(--font-size-medium-200) } .m-tray-shop-secondary__link--new h4:hover { color: #ffe600 } .m-shop-tray-secondary__back-btn .teepublicon { margin-right: 8px } .m-shop-tray-secondary__back-btn .back-btn-text { border-bottom: 2px solid #ffe600; display: inline-block; font-family: var(--font-family-primary-semibold); font-weight: 600; line-height: 24px; color: var(--color-neutral-900) } .m-shop-tray-secondary__back-btn .back-btn-text:hover { border-color: var(--color-neutral-300) } .m-shop-tray-secondary__back-btn .back-btn-text:active { border-color: #ffe600; color: var(--color-neutral-700) } .m-tray-shop-secondary__footer { border-top: 1px solid var(--color-neutral-200); display: block; padding: 20px 16px } @media (min-width: 1024px) { .m-tray-shop-secondary__footer { display: none } } .m-tray-store-saf__filters { border: none; border-bottom: 1px solid var(--color-neutral-200); border-radius: 0 } .m-tray-store-saf__filters.tp-accordion__content--open { border: none; border-bottom: 1px solid var(--color-neutral-200) } .m-tray-store-saf__filters .tp-accordion__button { padding-left: 0; padding-right: 0; border-radius: 0; background: transparent } .m-tray-store-saf__filters .tp-accordion__button:hover { background: transparent; color: var(--color-neutral-900) } .m-tray-store-saf__filters .tp-accordion__button-text { font-size: var(--font-size-medium-200); font-family: var(--font-family-primary-bold); color: var(--color-neutral-900) } .m-tray-store-saf__filters .tp-accordion__button-text:hover { color: var(--color-neutral-900) } .m-tray-store-saf__filter { border: 2px solid var(--color-neutral-300); border-radius: 12px; color: var(--color-neutral-900) } .m-tray-store-saf__filter:hover, .m-tray-store-saf__filter.selected { background: var(--color-neutral-900) } .m-tray-store-saf__footer { padding: 16px; text-align: center; border-top: 2px solid var(--color-neutral-200) } .m-tray-store-saf__footer-btn { width: 160px; border-radius: 12px } .m-tray-store-saf__header { text-align: center; padding-top: 48px; padding-bottom: 12px; border-bottom: 2px solid var(--color-neutral-200) } .m-tray-store-saf__header_h { font-family: var(--font-family-display) } .m-tray-store-saf__sort { margin-bottom: 32px } .m-tray-store-saf__sort-btn { border-color: var(--color-neutral-300); margin-bottom: 0; color: var(--color-neutral-900); padding-left: 0; padding-right: 0; -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; flex-shrink: 1 } .m-tray-store-saf__sort-btn:hover, .m-tray-store-saf__sort-btn.selected { background: var(--color-neutral-900) } .m-tray-store-saf__sort-label { font-size: var(--font-size-small-400); font-family: var(--font-family-primary-bold); color: var(--color-neutral-900) } .m-newsletter__errors .error { display: none } .m-newsletter__errors .error.on { display: block } .m-newsletter__errors .error p { white-space: nowrap } .m-home__newsletter .m-newsletter form { display: -webkit-flex; display: flex } .m-home__newsletter .m-newsletter .flash { margin-left: 15px } .m-product-timer { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; display: -webkit-flex; display: flex; gap: 8px } .m-product-timer__clock { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 5px } .m-product-timer__clock.on { height: 100% } @media (min-width: 1200px) { .m-product-timer__clock { grid-gap: 10px } } .m-product-timer__title { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-200); text-transform: capitalize; white-space: nowrap } .m-product-timer__title, .m-product-timer__title span { color: var(--color-accent-orange-500) } @media (min-width: 1200px) { .m-product-timer__title { font-size: var(--font-size-medium-300) } } .m-product-timer__subtitle { color: var(--color-accent-orange-500); font-size: var(--font-size-small-200); font-weight: bold } @media (min-width: 1200px) { .m-product-timer__subtitle { font-size: var(--font-size-small-400) } } .m-product-timer__time { -webkit-align-items: center; align-items: center; background: var(--color-neutral-200); border-radius: 10px; color: var(--color-neutral-600); display: -webkit-flex; display: flex; font-size: var(--font-size-small-200); font-weight: bold; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; padding: 5px 5px 10px; text-align: center; width: 100% } @media (min-width: 1200px) { .m-product-timer__time { font-size: var(--font-size-small-400) } } .m-product-timer__time:last-child { margin-right: 0 } .m-product-timer__time span { color: var(--color-danger-500); display: block; font-family: var(--font-family-primary-bold); font-size: 0; transition: 0.2s } .m-product-timer__clock.on .m-product-timer__time span { font-size: var(--font-size-medium-200) } @media (min-width: 1200px) { .m-product-timer__clock.on .m-product-timer__time span { font-size: var(--font-size-medium-300) } } .m-search__browse { display: -webkit-flex; display: flex } .m-search__browse--variant .m-search__nav { width: 100%; margin-right: 0 } @media (max-width: 767px) { .m-search__browse--variant .m-search__nav { display: block } } .m-search__browse--variant .m-search__es-query { margin-top: 8px; padding-bottom: 0 } .m-search__browse--variant .tp-design-tile__body .ellip { max-width: initial } .m-search-tag-admin-preview { background: var(--color-primary-200); padding: 20px; width: 100%; text-align: center } .m-search-tag-admin-preview .m-search__es-query-redesign { display: inline-block } .m-search-tag-admin-preview .link__cta { color: var(--color-neutral-900); border-bottom: 2px solid #ffe600 } .m-search__designs { -webkit-flex-grow: 1; flex-grow: 1; max-width: 100% } .m-search__es-query { padding-bottom: 20px; width: 100% } .m-search__cqd-banner.cqd-banner__banner { margin-bottom: 16px } .m-search__messages { margin-bottom: 20px } .m-search__nav { width: 212px; margin-right: 25px; -webkit-flex-shrink: 0; flex-shrink: 0 } @media (max-width: 767px) { .m-search__nav { display: none } } .m-search__no-results { margin-bottom: 20px; margin-top: 20px } .m-search__no-results.alert-box--no-border { padding: 15px } .m-search__page-nav h1 { color: var(--color-neutral-900); line-height: 1.03em } @media (max-width: 767px) { .m-search__page-nav h1 { font-size: var(--font-size-medium-200) } } .m-search__page-nav-m { margin-bottom: 10px } @media (min-width: 768px) { .m-search__page-nav-m { display: none } } .m-search__promoted-pills { gap: 5px } .m-search__promoted-pills.container__scrollable { margin-bottom: 15px; padding-bottom: 0 } .promoted-filter[data-active=true] { -webkit-order: -1; order: -1 } .promoted-filter.tp-btn--icon { text-transform: none } .m-search__related { gap: 20px; margin-top: 16px; margin-bottom: 16px } .m-search__related .link-collection__header { min-width: auto; width: auto; margin-right: 4px; font-family: var(--font-family-primary); font-size: var(--font-size-small-300); color: var(--color-neutral-700) } .m-search__related .link-collection__body { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: baseline; align-items: baseline } @media (min-width: 768px) { .m-search__related .link-collection__body .container__scrollable--wrap { -webkit-flex-wrap: nowrap; flex-wrap: nowrap } } @media (min-width: 1024px) { .m-search__related .link-collection__body .container__scrollable--wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow-x: visible; -ms-overflow-style: none; scrollbar-width: none } .m-search__related .link-collection__body .container__scrollable--wrap::-webkit-scrollbar { display: none } } .m-search__related-results-label { color: var(--color-neutral-900); font-size: var(--font-size-small-400); line-height: 2.15; min-width: 170px } .m-search__related-bottom { margin-top: 16px } .m-search__related-bottom .link-collection__header { font-family: var(--font-family-display); font-size: var(--font-size-medium-200) } @media (min-width: 1024px) { .m-search__related-bottom .link-collection__header { font-size: var(--font-size-medium-400) } } .m-search__search { -webkit-flex-grow: 1; flex-grow: 1; margin-right: 30px } .m-search__search input::-webkit-input-placeholder { font-size: var(--font-size-medium-200); color: #cecece } .m-search__search input:-ms-input-placeholder { font-size: var(--font-size-medium-200); color: #cecece } .m-search__search input::-ms-input-placeholder { font-size: var(--font-size-medium-200); color: #cecece } .m-search__search input::placeholder { font-size: var(--font-size-medium-200); color: #cecece } @media (max-width: 767px) { .m-search__search { width: 100%; margin-bottom: 20px } } .m-search__tools { -webkit-align-items: flex-start; align-items: flex-start; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 15px } @media (min-width: 768px) { .m-search__tools { margin-bottom: 20px } } .m-search__tools--no-space { margin-bottom: 0 } .m-search__trail { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column } @media (max-width: 767px) { .m-search__trail { -webkit-flex-direction: column; flex-direction: column } } .m-search__trail--lt { font-size: var(--font-size-small-200); line-height: 1.15em } @media (min-width: 768px) { .m-search__trail--lt { font-size: var(--font-size-small-400) } } .m-search__safe-search, .m-search__did-you-mean { display: -webkit-flex; display: flex } .m-search__safe-search { -webkit-justify-content: center; justify-content: center } .m-search__safe-search input[type=submit] { background: none; border: none; padding: 0 0 5px } .m-search-support-modules { background: var(--color-neutral-200); width: 100%; padding: 20px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 12px } @media (min-width: 320px) { .m-search-support-modules { padding: 24px 16px } } .m-search-support-modules .m-search__did-you-mean { font-size: var(--font-size-small-300); color: var(--color-neutral-900) } .m-search__did-you-mean span { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 2px; -webkit-flex-wrap: wrap; flex-wrap: wrap; max-width: 100% } .m-search__did-you-mean span .link__content { color: var(--color-neutral-900) } @media (min-width: 768px) { .m-filter-button { display: none } } .m-search__shop-by-category { border: 0; display: grid; padding: 20px } .m-search__shop-by-category .btn { background: var(--color-white); border-radius: 5px; color: var(--color-neutral-900); font-size: var(--font-size-small-200); margin: 0; min-width: 68px; outline: 4px solid transparent; outline-offset: -4px; padding: 10px 0; text-transform: none; width: 100% } .m-search__shop-by-category .btn:active { box-shadow: none } .m-search__shop-by-category .btn:focus { outline-color: var(--color-primary-300) } .m-search__shop-by-category .btn:hover { text-decoration: underline } .m-search__shop-by-category .h__h3--secondary--sm { font-size: var(--font-size-medium-200); margin-bottom: 15px } @media (max-width: 969px) { .m-search__shop-by-category .h__h3--secondary--sm { font-size: var(--font-size-small-400); margin-bottom: 10px } } .m-search__shop-by-category .link { -webkit-flex-grow: 1; flex-grow: 1; min-width: 68px; padding: 0 } .m-search__shop-by-category .link:last-child { margin-right: 0 } .m-search__shop-by-category .link:not(:last-child) { margin-right: 10px } @media (min-width: 414px) and (max-width: 1025px) { .m-search__shop-by-category .link:not(:last-child) { margin-right: 7px } } .m-search__shop-by-category .teepublicon { display: block; padding-bottom: 5px } @media (max-width: 969px) { .m-search__shop-by-category { font-size: var(--font-size-small-400); padding: 17px } .m-search__shop-by-category .btn { padding: 10px } } @media (max-width: 768px) { .m-search__shop-by-category { padding: 15px } } @media (min-width: 768px) { .m-search__shop-by-category { margin: 20px 0 } } .m-search__faded_scroll { display: grid; position: relative; overflow: hidden; --before-display: none; --after-display: none } .m-search__faded_scroll--blue { --fade-color: 244, 251, 255 } .m-search__faded_scroll--grey { --fade-color: 248, 248, 248 } .m-search__faded_scroll::before { background: linear-gradient(to left, rgba(var(--fade-color), 0), rgba(var(--fade-color), 1)); display: var(--before-display); left: 0 } .m-search__faded_scroll::after { background: linear-gradient(to right, rgba(var(--fade-color), 0), rgba(var(--fade-color), 1)); display: var(--after-display); right: 0 } .m-search__faded_scroll::before, .m-search__faded_scroll::after { bottom: 0; content: ''; pointer-events: none; position: absolute; top: 0; width: 30px } .m-tray-search-sort-filter .drawer__content-container { height: 100%; -ms-overflow-style: none; scrollbar-width: none } .m-tray-search-sort-filter .drawer__content-container::-webkit-scrollbar { display: none } .m-tray-search-sort-filter .drawer__header-container { background: var(--color-white); padding: 48px 16px 12px } .m-tray-search-filter__header { text-align: center; border-bottom: 2px solid var(--color-neutral-200) } .m-search-filter__header_h { font-family: var(--font-family-display) } .m-search__safe-search--msg { color: var(--color-neutral-600); font-family: var(--font-family-primary); font-size: var(--font-size-small-200); padding-bottom: 16px; border-bottom: 1px solid var(--color-neutral-200) } .m-tray-search-saf__sort { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 16px } .m-tray-search-saf__sort-label { display: -webkit-flex; display: flex; font-size: var(--font-size-small-400); font-family: var(--font-family-primary-bold) } .m-tray-search-saf__sort-links { display: -webkit-flex; display: flex; gap: 16px } @media (max-width: 767px) { .m-search-tag-header { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between } } .m-search__sort-and-filter-options { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; gap: 8px; -webkit-align-items: center; align-items: center; max-width: 100%; position: relative; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none } .m-search__sort-and-filter-options::-webkit-scrollbar { display: none } .m-search__filter-btn-container, .m-search__sort-btn-container, .m-search__safe-search-btn-container { position: relative; margin-top: 16px; margin-bottom: 16px } @media (max-width: 767px) { .m-search__filter-btn-container, .m-search__sort-btn-container, .m-search__safe-search-btn-container { margin-top: 0 } } .m-search__filter-btn, .m-search__sort-btn, .m-search__safe-search-btn { background: var(--color-neutral-100); border-radius: 12px; border: 2px solid var(--color-neutral-300); color: var(--color-neutral-900); white-space: nowrap } .m-search__filter-btn span, .m-search__sort-btn span, .m-search__safe-search-btn span { color: var(--color-neutral-900) } .m-search__filter-btn:hover, .m-search__filter-btn:active, .m-search__filter-btn:focus, .m-search__sort-btn:hover, .m-search__sort-btn:active, .m-search__sort-btn:focus, .m-search__safe-search-btn:hover, .m-search__safe-search-btn:active, .m-search__safe-search-btn:focus { background: var(--color-neutral-100); border: 2px solid var(--color-primary-600); color: var(--color-neutral-900) } .m-search__filter-btn.button__content, .m-search__sort-btn.button__content, .m-search__safe-search-btn.button__content { font-size: var(--font-size-small-400) } .m-search__filter-btn.tp-btn--icon, .m-search__sort-btn.tp-btn--icon, .m-search__safe-search-btn.tp-btn--icon { padding: 8px 16px } .m-search__sort-dropdown { background: var(--color-white); border-radius: 12px; border: 2px solid var(--color-neutral-300); color: var(--color-neutral-900); padding: 16px; left: 0; top: 100%; margin-top: 8px; position: absolute; z-index: 101; min-width: 100% } .m-search__sort-dropdown .link-collection__content { -webkit-flex-direction: column; flex-direction: column; margin-top: 0 } .m-search__sort-dropdown .m-search__sort-dropdown__link { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; white-space: nowrap; font-family: var(--font-family-primary-semibold); color: var(--color-neutral-900); border-radius: 8px; padding: 8px 16px } .m-search__sort-dropdown .m-search__sort-dropdown__link:hover, .m-search__sort-dropdown .m-search__sort-dropdown__link:focus { background: var(--color-primary-100) } .m-search__sort-dropdown .m-search__sort-dropdown__link.active { background: var(--color-neutral-200) } .m-search-sort-filter__safe-search .m-search__safe-search-btn { background: var(--color-white); width: 100%; -webkit-justify-content: center; justify-content: center } .m-tray-search__canvases.c-menu--expandable { padding-bottom: 20px; border-bottom: 1px solid var(--color-neutral-200) } .m-tray-search__canvases.c-menu--expandable ul.expanded { max-height: unset } .m-search__empty-results { display: -webkit-flex; display: flex; padding: 24px; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; text-align: center; gap: 8px; background: var(--color-neutral-200); border-radius: 12px; margin-top: 16px } .m-search__empty-results .m-search__empty-results-header { font-family: var(--font-family-display); font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-200); margin-top: 0; margin-bottom: 0 } @media (min-width: 768px) { .m-search__empty-results .m-search__empty-results-header { font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-search__empty-results .m-search__empty-results-copy { font-family: var(--font-family-primary); color: var(--color-neutral-700) } .m-search__empty-results-more-categories-container { padding-top: 40px; padding-bottom: 40px } .m-search__empty-results-header--title, .m-search__empty-results-ymal-header, .m-search__empty-results-fallback-header { font-family: var(--font-family-display); font-size: var(--font-size-medium-200); font-weight: 600; line-height: var(--font-size-medium-300); margin-bottom: 0; margin-top: 0 } @media (min-width: 768px) { .m-search__empty-results-header--title, .m-search__empty-results-ymal-header, .m-search__empty-results-fallback-header { font-size: var(--font-size-medium-400); line-height: var(--font-size-large-100) } } .m-search__empty-results-more-categories-content { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; gap: 16px; -webkit-align-items: center; align-items: center; text-align: center; white-space: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap } @media (max-width: 1023px) { .m-search__empty-results-more-categories-content { -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow-x: visible; white-space: normal; -webkit-justify-content: center; justify-content: center; -ms-overflow-style: none; scrollbar-width: none } .m-search__empty-results-more-categories-content::-webkit-scrollbar { display: none } } .m-search__empty-results-more-categories-link { color: var(--color-neutral-900); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; justify-items: center } .m-search__empty-results-more-categories-link.tp-btn--icon .teepublicon { margin-right: 0 } .m-search__empty-results-more-categories-link--icon img { height: 80px; width: 80px } @media (min-width: 1280px) { .m-search__empty-results-more-categories-link--icon img { height: 100px; width: 100px } } @media (min-width: 1920px) { .m-search__empty-results-more-categories-link--icon img { height: 120px; width: 120px } } .m-search__empty-results-still-cant-find-anything-container { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; text-align: center; gap: 8px; padding: 16px; background: var(--color-neutral-200); border-radius: 12px; margin-top: 16px; margin-bottom: 16px } .m-search__empty-results-still-cant-find-anything-container .m-search__empty-results-still-cant-find-anything-header { font-family: var(--font-family-display); font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-200); margin-top: 0; margin-bottom: 0; margin-bottom: 8px } @media (min-width: 768px) { .m-search__empty-results-still-cant-find-anything-container .m-search__empty-results-still-cant-find-anything-header { font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-search__empty-results-still-cant-find-anything-container .m-search__still-cant-find-anything-links { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; gap: 16px; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center } .m-search__empty-results-still-cant-find-anything-container .link__content { color: var(--color-neutral-900) } .m-search__empty-results-ymal-header, .m-search__empty-results-fallback-header { margin-top: 24px; margin-bottom: 16px } .con-3002-toc-tiles-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 8px; margin: 16px 0; width: 100% } @media (max-width: 1279px) { .con-3002-toc-tiles-grid { grid-template-columns: repeat(4, 1fr) } } @media (max-width: 767px) { .con-3002-toc-tiles-grid { grid-template-columns: repeat(2, 1fr) } } .con-3002-toc-tile { display: block; border-radius: 12px; overflow: hidden; --gradient-start-opacity: 0.15; --gradient-end-opacity: 0.66 } .con-3002-toc-tile:hover, .con-3002-toc-tile:focus, .con-3002-toc-tile:active { --gradient-start-opacity: 0.30 } .con-3002-toc-tile__image-container { position: relative; width: 100%; height: 80px; overflow: hidden } .con-3002-toc-tile__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block } .con-3002-toc-tile__gradient { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(21, 21, 35, var(--gradient-start-opacity)) 0%, rgba(21, 21, 35, var(--gradient-end-opacity)) 80%) } .con-3002-toc-tile__title-container { position: absolute; bottom: 0; left: 0; right: 0; padding: 8px; z-index: 1 } .con-3002-toc-tile__title { color: white; font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-400); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-height: 1.2 } @media (max-width: 1279px) { .con-3002-toc-tile__title { font-size: var(--font-size-small-300) } } .con-3002-swimlanes-container .tp-canvas-pages__swimlane:first-child { padding-top: 0 } .m-social-share { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; gap: 8px } .m-social-share .teepublicon { border: 2px solid var(--color-neutral-300) } .m-tab-nav--init .m-tab-nav__tab-content:not([data-tab-content-index='0']) { display: none } .m-tab-nav__list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; list-style: none; margin-bottom: 0; padding-left: 0 } .m-tab-nav__item { line-height: 24px } @media (hover: hover) and (pointer: fine) { .m-tab-nav__item:hover { border-bottom: 2px solid var(--color-neutral-300) } } .m-tab-nav__item a { color: var(--color-neutral-700); display: block } .m-tab-nav__item--active { border-bottom: 2px solid #ffe600 } .m-tab-nav__item--active:active { border-bottom: 2px solid #ffe600 } .m-tab-nav__item--active a { color: var(--color-neutral-900) } .m-tab-nav__item--active a:active { color: var(--color-neutral-700) } .marketplace__header { text-align: center; margin-bottom: 20px } .marketplace__header .text-note { margin-bottom: 0 } @media (max-width: 767px) { .marketplace__header .text-note { font-size: var(--font-size-small-200) } } .marketplace__header-text { margin-top: 10px } @media (max-width: 767px) { .marketplace__header-text { font-size: var(--font-size-small-200) } } .marketplace__link-container { margin-top: 20px; margin-bottom: 30px } .marketplace__link-container .text-note { margin-top: 0; margin-bottom: 0; font-size: var(--font-size-small-200) } .marketplace__links { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px } .marketplace__tiles { margin-bottom: 20px } @media (max-width: 767px) { .marketplace__title { font-size: var(--font-size-medium-200) } } .jsHeadSearchForm { position: relative; z-index: 50 } #jsAutoCompleteBrowse_list { position: absolute } #jsAutoCompleteHeader_list, #jsAutoCompleteHome_list, #jsAutoCompleteBrowse_list { background-color: var(--color-white); border-radius: 12px; box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20); left: 0; margin-top: 4px; padding: 16px; position: absolute; right: 0; transition: all .1s ease-in-out; width: 100%; z-index: 50; -webkit-transition: all -webkit-transform .1s ease } #jsAutoCompleteHome_list { top: 50px } .autoComplete_result { padding: 6px 8px; cursor: pointer; color: var(--color-neutral-900) } .autoComplete_result, .autoComplete_result strong { font-family: var(--font-family-primary-bold) } .autoComplete_result.empty-results, .autoComplete_result.artist-search { font-family: var(--font-family-primary); font-weight: 500 } .autoComplete_result.artist-search { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 10px } .autoComplete_result.artist-search .artist_search_label { display: block } .autoComplete_result.autoComplete_selected, .autoComplete_result:hover { background-color: var(--color-primary-100); border-radius: 8px } .autoComplete_label, .autoComplete_notice { color: var(--color-neutral-600); font-size: var(--font-size-small-300); font-family: var(--font-family-primary-semibold); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 4px } .autoCompleteArtistSearch_label { padding: 8px; color: var(--color-neutral-600); font-size: var(--font-size-small-300); font-family: var(--font-family-primary-semibold); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .autoCompleteArtistSearch_label::before { content: 'Artist Result' } .autoComplete_highlighted { color: var(--color-neutral-900); font-family: var(--font-family-primary); font-weight: 500 } .additional-main-tag { -webkit-animation: animated-border-gradient 6s ease-in-out alternate infinite; animation: animated-border-gradient 6s ease-in-out alternate infinite; background: linear-gradient(60deg, #39e11e, #ffeb37, #f38334, #ea3131, #a30dff, #19b1ff, #39e11e); background-size: 300% 300%; border-radius: 10px; margin-top: 20px; padding: 3px } @media (min-width: 768px) { .additional-main-tag { margin-top: 50px } } .additional-main-tag__container { -webkit-align-items: center; align-items: center; background-color: var(--color-white); border-radius: 8px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; padding: 20px } @media (max-width: 767px) { .additional-main-tag__container { -webkit-flex-direction: column; flex-direction: column } .additional-main-tag__container .c-link__button { width: 100% } } @media (min-width: 768px) { .additional-main-tag__container { gap: 30px } } @media (min-width: 1024px) { .additional-main-tag__container { padding: 30px } .additional-main-tag__container .c-link__button { font-size: var(--font-size-small-400); padding-left: 40px; padding-right: 40px } } @media (min-width: 1200px) { .additional-main-tag__container { gap: 60px } } .additional-main-tag__container .c-link__button { background-color: var(--color-neutral-900); text-transform: uppercase; -webkit-justify-content: center; justify-content: center } .additional-main-tag__header { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-100); margin-bottom: 10px; margin-top: 0; text-align: center } @media (min-width: 768px) { .additional-main-tag__header { margin-bottom: 0 } } @media (min-width: 1024px) { .additional-main-tag__header { font-size: var(--font-size-medium-300) } } .m-design__inline-search { background-color: #ffffff; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; gap: 24px; padding: 48px 16px } @media (min-width: 768px) { .m-design__inline-search { padding: 48px } } @media (min-width: 1024px) { .m-design__inline-search { padding: 48px 64px } } @media (min-width: 1280px) { .m-design__inline-search { padding: 48px 240px } } .m-design__inline-search__header { font-family: var(--font-family-display); font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-200); margin-top: 0; margin-bottom: 0; color: #ffe600; margin-bottom: 0; text-align: center; text-transform: capitalize } @media (min-width: 768px) { .m-design__inline-search__header { font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } @media (min-width: 768px) { .m-design__inline-search__header { font-size: var(--font-size-medium-300); margin-bottom: 15px } } .m-design__inline-search__search-container { max-width: 480px; width: 100% } @media (min-width: 1024px) { .m-design__inline-search__search-container { max-width: 576px } } .m-design__inline-search__search-container .c-search-form--rainbow { margin-top: 0 } .m-design__inline-search__search-container .c-search-form--rainbow .form__actions button { background: linear-gradient(to bottom, #000000 0%, #ffd700 50%, #ffd700 100%) } .m-toast-success-message { position: fixed; bottom: 16px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: reveal-from-bottom 300ms cubic-bezier(0.47, 1.64, 0.41, 0.8) forwards; animation: reveal-from-bottom 300ms cubic-bezier(0.47, 1.64, 0.41, 0.8) forwards; z-index: 100 } @-webkit-keyframes reveal-from-bottom { 0% { -webkit-transform: translate(-50%, 131%); transform: translate(-50%, 131%) } 70% { -webkit-transform: translate(-50%, 31%), scale(1.5); transform: translate(-50%, 31%), scale(1.5) } 100% { -webkit-transform: translateY(-50%, 0), scale(1); transform: translateY(-50%, 0), scale(1) } } @keyframes reveal-from-bottom { 0% { -webkit-transform: translate(-50%, 131%); transform: translate(-50%, 131%) } 70% { -webkit-transform: translate(-50%, 31%), scale(1.5); transform: translate(-50%, 31%), scale(1.5) } 100% { -webkit-transform: translateY(-50%, 0), scale(1); transform: translateY(-50%, 0), scale(1) } } .m-top-banner { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; background: linear-gradient(to bottom, #000000 0%, #dc143c 50%, #8b0000 100%); text-align: center; padding: 10px; width: 100%; gap: 4px } .m-top-banner div, .m-top-banner strong { color: var(--color-white) } .m-top-banner .banner-promo-offer { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center } @media (min-width: 768px) { .m-top-banner { gap: 48px } } .free-shipping__shipping-total--green { color: var(--color-success-500) } .artist-category { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; gap: 10px } .m-design__buy-ctas { margin: 24px 0 } .m-design__cart-add { font-size: var(--font-size-medium-300); margin-bottom: 15px; margin-top: 15px; height: 64px; padding: 0 } @media (min-width: 768px) { .m-design__cart-add { margin-bottom: 20px; margin-top: 20px } } .m-design__cart-buy-now { height: 64px; width: 100%; border-radius: 12px } @media (min-width: 600px) { .m-design__cart-buy-now { height: 64px } } .m-design__free-shipping { text-align: center; margin: 24px 0 } .m-design__free-shipping-message { margin-bottom: 4px } .m-design__free-shipping-message span { color: var(--color-neutral-900) } .m-design__free-shipping-message .free-shipping-message__bold { font-family: var(--font-family-primary-bold) } .m-design__free-shipping-all-usa { color: var(--color-neutral-600); font-size: var(--font-size-small-200) } .m-design-details__description-title { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary-semibold); font-weight: 600; margin-top: 0; margin-bottom: 4px } @media (min-width: 768px) { .m-design-details__description-title { margin-top: 24px } } .m-design-details__description-text { font-size: var(--font-size-small-300); line-height: var(--font-size-medium-200); font-family: var(--font-family-primary); font-weight: 500; display: -webkit-box; color: var(--color-neutral-700); overflow: hidden; word-break: break-word } .m-design-details__description-button { font-size: var(--font-size-small-300); line-height: var(--font-size-medium-200) } .m-design-details__by { max-width: 100%; font-size: var(--font-size-small-400); display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline } .m-design__by-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 100%; vertical-align: text-bottom } .m-design-details__primary-tag { font-family: var(--font-family-primary-bold); font-size: var(--font-size-small-400); margin-bottom: 0; margin-right: 5px; margin-top: 0; word-break: break-word } @media (min-width: 768px) { .m-design-details__primary-tag { font-size: var(--font-size-small-400) } } .m-design-details__product-info { -webkit-align-items: baseline; align-items: baseline; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-top: 5px } .m-design__prices { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; margin-top: 12px } .m-design__price { color: var(--color-neutral-900); font-family: var(--font-family-primary-bold); font-size: var(--font-size-large-100) } @media (min-width: 768px) { .m-design__price { font-size: var(--font-size-large-300) } } .m-design__price--original { color: var(--color-neutral-300); margin-left: 15px; position: relative } .m-design__price--original:before { content: ''; position: absolute; bottom: calc(50% - 3px); display: block; width: 114%; height: 4px; margin-left: -0.24rem; background: var(--color-danger-500) } .m-design__price--original.on:before { width: 114%; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-name: priceStrike; animation-name: priceStrike; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } .m-design__price--sale { display: none } .m-design--on-sale .m-design__price--sale { display: block } .m-design--on-sale .m-design__price--regular { color: var(--color-neutral-500); margin-left: 5px; position: relative } .m-design--on-sale .m-design__price--regular.on:before { content: ''; position: absolute; bottom: calc(50% - 3px); display: block; width: 114%; height: 4px; margin-left: -0.24rem; background: var(--color-accent-orange-500); -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-name: priceStrike; animation-name: priceStrike; -webkit-animation-iteration-count: 1; animation-iteration-count: 1 } .m-design__similar-products { margin-bottom: 48px } @-webkit-keyframes priceStrike { 0% { width: 15% } 100% { width: 114% } } @keyframes priceStrike { 0% { width: 15% } 100% { width: 114% } } .m-product-preview { position: relative } .m-product-preview__back-flag { background-color: #ffe600; border-radius: 0px 0px 8px; height: calc(28px + 4px); left: 0; margin-left: -15px; position: absolute; top: 0; width: calc(72px + 4px); z-index: 2 } @media (min-width: 769px) { .m-product-preview__back-flag { border-radius: 20px 0px 8px; margin-left: 0 } } .m-product-preview__back-flag>div { width: 100%; height: 100%; text-align: center; color: var(--color-white); font-weight: bold; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center } .m-product-preview__glider { aspect-ratio: 1; background: var(--color-neutral-200) } @media (min-width: 769px) { .m-product-preview__glider { border-radius: 20px; overflow: hidden; box-shadow: 0 4px 8px 0 var(--color-neutral-900-a20) } } .m-product-preview__glider-slide { padding-top: 100%; position: relative } .m-product-preview__glider-img { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100% } .m-product-preview__glider-img img { width: 100% } @media (min-width: 769px) { .m-product-preview__glider-img img { border-radius: 20px } } .m-product-preview__glider-track { position: absolute; top: 0; width: 100% } .m-product-preview__glider-ctrl { -webkit-align-items: center; align-items: center; background-color: transparent; display: -webkit-flex; display: flex; justify-items: center; position: absolute; top: calc(50% - 10px) } .m-product-preview__glider-ctrl:active, .m-product-preview__glider-ctrl:focus, .m-product-preview__glider-ctrl:hover { background: transparent; opacity: 0.9 } .m-product-preview__glider-ctrl .teepublicon { border-radius: 50%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); margin: auto; padding: 8px; transition: 0.3s } .m-product-preview__glider-ctrl .teepublicon:focus { outline: none } .m-product-preview__glider-ctrl .teepublicon:focus-visible { outline: #ffe600 auto 2px } .m-product-preview__glider-ctrl.next { right: 0 } .m-product-preview__glider-ctrl.prev { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .m-product-preview__glider-ctrl.disabled { display: none } .m-product-preview__main { margin-left: -15px; margin-right: -15px } .m-product-preview__main img { display: block; pointer-events: none } .tp-admin .m-product-preview__main img, .tp-design-owner .m-product-preview__main img, .tp-affiliate-owner .m-product-preview__main img { pointer-events: all } @media (min-width: 769px) { .m-product-preview__main { margin-left: auto; margin-right: auto } } .m-product-preview__thumbs { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin-top: calc(24px * -1); position: relative; z-index: 1 } @media (min-width: 768px) { .m-product-preview__thumbs { margin-top: calc(32px * -1) } } .m-product-preview__thumb { border-radius: 8px; cursor: pointer; margin: 0 4px; overflow: hidden; position: relative; width: 48px; box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20) } @media (min-width: 768px) { .m-product-preview__thumb { width: 64px; border-radius: 12px } } @media (min-width: 1920px) { .m-product-preview__thumb { width: 96px } } .m-product-preview__thumb.on, .m-product-preview__thumb:hover { transition: outline 100ms ease-in-out; outline: 2px solid var(--color-neutral-900); outline-offset: 0 } .m-product-preview__thumb img { float: left; width: 100%; aspect-ratio: 1 } .m-product-preview__gallery { position: relative } @media (min-width: 769px) { .m-product-preview__gallery { display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; flex-direction: row-reverse } .m-product-preview__gallery .m-product-preview__thumbs { -webkit-flex-direction: column; flex-direction: column; gap: 8px; -webkit-justify-content: flex-start; justify-content: flex-start; margin-top: 0; margin-right: 12px; position: relative; z-index: 100 } } @media (min-width: 769px) and (min-width: 1920px) { .m-product-preview__gallery .m-product-preview__thumbs { margin-right: 16px } } @media (min-width: 769px) { .m-product-preview__gallery .m-product-preview__thumb { margin: 0 } } .m-design__product { margin-bottom: 48px } @media (min-width: 769px) { .m-design__product { display: grid; grid-column-gap: 32px; grid-template-areas: "preview title" "preview options"; grid-template-columns: minmax(416px, auto) minmax(auto, 448px); grid-template-rows: minmax(50px, auto) auto } } @media (min-width: 1280px) { .m-design__product { grid-column-gap: 48px } } .m-design__options { grid-area: options } .m-design__preview { grid-area: preview } .m-design-details__title { grid-area: title; overflow-wrap: break-word; margin-bottom: 10px } @media (min-width: 768px) { .m-design-details__title { margin-bottom: 0 } } .m-design-details__title .h__h1--sm { font-family: var(--font-family-display) } .m-design__ratings { -webkit-align-items: center; align-items: center; background: #000000; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 24px; -webkit-justify-content: center; justify-content: center; padding: 48px 16px } @media (min-width: 768px) { .m-design__ratings { gap: 24px; padding: 48px } } @media (min-width: 1024px) { .m-design__ratings { padding: 48px 64px } } @media (min-width: 1280px) { .m-design__ratings { -webkit-flex-direction: row; flex-direction: row; gap: 32px; padding: 48px 240px } } .m-design__ratings-heading { font-family: var(--font-family-display); font-size: var(--font-size-medium-300); line-height: var(--font-size-medium-400); margin-bottom: 0; margin-top: 0; color: var(--color-white); min-width: 210px; text-align: center } @media (min-width: 768px) { .m-design__ratings-heading { font-size: var(--font-size-large-100); line-height: var(--font-size-large-200) } } .m-design__ratings-services { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 24px } @media (min-width: 768px) { .m-design__ratings-services { -webkit-flex-direction: row; flex-direction: row } } .m-design__ratings-service { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary-semibold); font-weight: 600; -webkit-align-items: center; align-items: center; color: var(--color-white); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 4px; -webkit-justify-content: center; justify-content: center; min-width: 210px } .m-design__ratings-service-name, .m-design__ratings-details { color: currentColor } .m-design__ratings-service-stars { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center } .m-design__ratings-details { font-size: var(--font-size-small-200); line-height: var(--font-size-small-400); font-family: var(--font-family-primary); font-weight: 500 } .m-design-product-info { padding-top: 48px; padding-bottom: 32px } @media (min-width: 768px) { .m-design-product-info .contain-storefront { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr; -webkit-flex-direction: row; flex-direction: row; gap: 48px; margin-bottom: 24px } } .m-design-product-info-and-faqs { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 40px } @media (min-width: 768px) { .m-design-product-info-and-faqs { -webkit-flex-direction: row; flex-direction: row } .m-design-product-info-and-faqs>* { -webkit-flex: 1; flex: 1 } } .m-design-product-info--faqs .tp-accordion { border-color: var(--color-neutral-300) } .m-design-product-info--faqs .tp-accordion .link__cta { margin-top: 12px } .m-design-product-info--faqs .tp-accordion.tp-accordion__content--open { border-color: #ffe600 } @media (hover: hover) and (pointer: fine) { .m-design-product-info--faqs .tp-accordion.tp-accordion__content--open:hover { border-color: #ffe600 } } @media (hover: hover) and (pointer: fine) { .m-design-product-info--faqs .tp-accordion:hover { border-color: var(--color-neutral-900) } } .m-design-product-info--faqs .tp-accordion__button-text { font-family: var(--font-family-primary-semibold); font-weight: 600; font-size: var(--font-size-small-400); line-height: var(--font-size-medium-200); text-align: left } .m-design-product-info--faqs .tp-accordion__button { color: var(--color-neutral-900) } .m-design-product-info--faqs .tp-accordion__button.tp-accordion__content--open { background-color: transparent; border-bottom: 2px solid var(--color-neutral-300); border-radius: 0; color: var(--color-neutral-900) } @media (hover: hover) and (pointer: fine) { .m-design-product-info--faqs .tp-accordion__button:hover { background-color: transparent } } .m-design-product-info--faqs .tp-accordion__content, .m-design-product-info--faqs .tp-accordion__content p { line-height: var(--font-size-medium-300) } .m-design-product-info--product-quality { background: var(--color-primary-100); border: 2px solid #ffe600; border-radius: 12px; box-shadow: 0 2px 4px 0 rgba(21, 21, 35, 0.2); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 8px; -webkit-justify-content: center; justify-content: center; padding: 24px; position: relative; -webkit-align-self: baseline; align-self: baseline } .m-design-product-info--product-quality h4 { font-family: var(--font-family-display); font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-200); margin-top: 0; margin-bottom: 0; color: #ffe600 } @media (min-width: 768px) { .m-design-product-info--product-quality h4 { font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-design-product-info--product-quality p { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary); font-weight: 500; color: var(--color-neutral-900) } .m-design-product-info--product-quality-image { height: 80px; width: 80px; position: absolute; top: -40px; right: 24px; -webkit-transform: rotate(5deg); transform: rotate(5deg) } .m-design-product-info--product-quality-image img { width: inherit; height: inherit } .m-design-product-info__licensor { background-color: var(--color-white); border: 2px solid var(--color-neutral-200); border-radius: 12px; margin-bottom: 8px; padding: 24px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 12px } .m-design-product-info__licensor-logo { height: 24px } .m-design-product-info__licensor-text { font-size: var(--font-size-small-300); line-height: var(--font-size-medium-200); font-family: var(--font-family-primary-semibold); font-weight: 600; color: var(--color-neutral-700); margin-top: 0 } .m-design-product-info--faq-container h2 { font-family: var(--font-family-display); font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-200); margin-top: 0; margin-bottom: 0; color: #ffe600; margin-bottom: 24px } @media (min-width: 768px) { .m-design-product-info--faq-container h2 { font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-polaroids__canvas { display: block; color: var(--color-link-500); font-size: var(--font-size-small-400); line-height: 25px } .m-polaroids__canvas--other { text-transform: capitalize } .m-polaroids__canvas--top { color: var(--color-neutral-900); margin: auto; text-align: center } .m-polaroids__content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 15px } @media (min-width: 768px) { .m-polaroids__content { grid-template-columns: repeat(3, minmax(0, 1fr)) } } @media (min-width: 1024px) { .m-polaroids__content { grid-template-columns: repeat(5, minmax(0, 1fr)) } } .m-polaroids__content--seo-links { font-family: var(--font-family-primary-bold); margin-top: 15px } @media (min-width: 768px) { .m-polaroids__content--seo-links { margin-top: 25px } } .m-polaroids__content--swatches { grid-template-columns: 1fr; max-width: 300px } @media (min-width: 768px) { .m-polaroids__content--swatches { grid-template-columns: repeat(2, 1fr); max-width: 600px } } @media (min-width: 1024px) { .m-polaroids__content--swatches { grid-template-columns: repeat(3, 1fr); max-width: 1000px } } .m-polaroid__polaroid-swatch { height: 210px; width: 100% } .m-polaroid__polaroid-swatch-detail { font-size: var(--font-size-small-200); font-weight: lighter; padding: 10px } .m-polaroids__h4 { font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-400) } @media (min-width: 768px) { .m-polaroids__h4 { font-size: var(--font-size-small-400) } } .m-polaroids__h4--seo-links { margin-top: 0; font-size: var(--font-size-small-400); line-height: 25px } .m-polaroids__section { margin-top: 20px } @media (min-width: 768px) { .m-polaroids__section { margin-top: 50px } } .m-polaroids__polaroid { background-color: var(--color-white); border-radius: 5px; overflow: hidden } @media (min-width: 768px) { .m-polaroids__polaroid.m-polaroids__polaroid--spread { margin-right: 30px; margin-bottom: 30px } } @media (min-width: 970px) { .m-polaroids__polaroid:hover .m-polaroids__polaroid-img { -webkit-transform: scale(1.2); transform: scale(1.2) } } .m-polaroids__polaroid--border { border: 1px solid var(--color-neutral-200) } .m-polaroids__polaroid--no-bg { background-color: transparent } .m-polaroids__polaroid-col { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; min-height: 65px; width: 100% } .m-polaroids__polaroid-content:hover .m-polaroids__canvas--top { color: #ffe600 } .m-polaroids__polaroid-img { width: 100% } @media (min-width: 970px) { .m-polaroids__polaroid-img { -webkit-transform: scale(1.03); transform: scale(1.03); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out } } .m-polaroids__polaroid-img-container { overflow: hidden } .m-polaroids__polaroid-subtitle-cont { padding: 15px 5px } .m-also-available-products { background-color: var(--color-neutral-900); padding-top: 48px; padding-bottom: 48px; text-align: center } .m-also-available-products .m-tab-nav { position: relative } .m-also-available-products .m-tab-nav__content { min-height: 270px; overflow-x: auto } @media (max-width: 1023px) { .m-also-available-products .m-tab-nav__content { overflow-x: initial } } .m-also-available-products .m-tab-nav__tab-content { display: grid; grid-auto-flow: column; gap: 12px; margin-inline: auto; padding-left: 16px; padding-right: 16px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } @media (min-width: 768px) { .m-also-available-products .m-tab-nav__tab-content { padding-left: 48px; padding-right: 48px; gap: 16px } } @media (max-width: 1023px) { .m-also-available-products .m-tab-nav__tab-content { grid-auto-flow: row; grid-template-columns: repeat(4, 1fr); width: 100% } } @media screen and (max-width: 767px) { .m-also-available-products .m-tab-nav__tab-content { grid-template-columns: repeat(2, 1fr) } } .m-also-available-products .m-tab-nav__list { -ms-overflow-style: none; scrollbar-width: none; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 24px; margin-bottom: 24px; overflow-x: auto; padding-left: 16px; padding-right: 16px } .m-also-available-products .m-tab-nav__list::-webkit-scrollbar { display: none } @media (min-width: 480px) { .m-also-available-products .m-tab-nav__list { -webkit-justify-content: center; justify-content: center } } .m-also-available-products .m-tab-nav__item { -webkit-flex-shrink: 0; flex-shrink: 0 } .m-also-available-products .m-tab-nav__item a { color: var(--color-neutral-300) } .m-also-available-products .m-tab-nav__item--active a { color: var(--color-white) } .m-also-available-products .m-tab-nav__loader { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .m-also-available-products__title { font-family: var(--font-family-display); font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-200); margin-top: 0; margin-bottom: 0; color: var(--color-white); padding-left: 16px; padding-right: 16px } @media (min-width: 768px) { .m-also-available-products__title { font-size: var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-also-available-products--more-by-artist { border-radius: 12px; font-size: var(--font-size-medium-100); margin: 24px 0 0; padding: 12px 24px } .m-also-available-products__tile { width: 188px } @media (min-width: 1024px) { .m-also-available-products__tile { width: 136px } } @media (max-width: 1023px) { .m-also-available-products__tile { width: 100% } } @media (min-width: 1280px) { .m-also-available-products__tile { width: 174px } } @media (min-width: 1920px) { .m-also-available-products__tile { width: 226px } } .m-similar-designs__h2 { text-align: center; margin-bottom: 24px; color: #ffe600 } .m-similar-designs__content { margin-top: 48px; margin-bottom: 48px } .m-similar-designs__tiles { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; gap: 12px; overflow-x: auto; padding-bottom: 4px } .m-similar-designs__tiles .tp-design-tile--light { --tile-background-color: var(--color-white-a60) } .m-similar-designs__tile { -webkit-flex-shrink: 0; flex-shrink: 0; width: 188px } @media (min-width: 1024px) { .m-similar-designs__tile { width: calc(100% / 6); -webkit-flex-shrink: 1; flex-shrink: 1 } } .m-similar-designs__footer { text-align: center; margin-top: 24px } .m-sizer { background: var(--color-white); display: block; height: 365px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100000 } .m-sizer .btn:focus { outline: none } @media (min-width: 970px) { .m-sizer { z-index: 1 } } .m-sizer__btns .btn { background: transparent; border: 1px solid; border-color: var(--color-white); color: var(--color-white); font-size: var(--font-size-small-400); font-weight: normal; margin-left: 7.5px; margin-right: 7.5px; padding-bottom: 8px; padding-left: 0; padding-right: 0; padding-top: 8px; text-transform: capitalize; transition: 0.2s; width: 68px } @media (min-width: 970px) { .m-sizer__btns .btn { font-size: var(--font-size-medium-100); font-weight: 200; padding-bottom: 15px; padding-top: 15px; width: 100px } } .m-sizer__btns .on { background: linear-gradient(to bottom, #000000 0%, #ffd700 50%, #ffd700 100%); border-color: #ffe600 } .m-sizer__configs { color: var(--color-white); display: none; transition: 0.15s } .m-sizer__configs-wrap.on .m-sizer__configs { display: block } .m-sizer__configs-ctrl { cursor: pointer; font-size: var(--font-size-medium-400); color: white; padding: 50% } .m-sizer__configs-wrap.on .m-sizer__configs-ctrl { display: none } .m-sizer__configs-wrap { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background: linear-gradient(to bottom, #000000 0%, #ffd700 50%, #ffd700 100%); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; position: absolute; top: 0; right: 0; width: 42px; height: 38px; transition: 0.3s; overflow: hidden; -webkit-transform: translate(-10px, 10px); transform: translate(-10px, 10px); box-shadow: 0 0 4px var(--color-neutral-400) } @media (min-width: 970px) { .m-sizer__configs-wrap { height: 66px; width: 74px } } .m-sizer__configs-wrap.on { background: var(--color-primary-600); height: 100%; width: 100%; -webkit-transform: translate(0, 0); transform: translate(0, 0); box-shadow: none } .m-sizer__label { color: var(--color-white); font-size: var(--font-size-small-400); font-family: var(--font-family-primary-bold); text-align: center; margin-top: 5px } @media (min-width: 375px) { .m-sizer__label { margin-top: 15px } } @media (min-width: 970px) { .m-sizer__label { font-size: var(--font-size-medium-200); font-weight: normal; margin-top: 25px; margin-bottom: 10px } } .m-sizer__prompt { color: var(--color-white); font-size: var(--font-size-small-400); text-align: center } @media (min-width: 375px) { .m-sizer__prompt { font-size: var(--font-size-medium-100) } } @media (min-width: 970px) { .m-sizer__prompt { font-size: var(--font-size-medium-300) } } .m-sizer__slider { height: calc(100% - 13.7254901961%) } .m-sizer__slider-arrow { position: absolute; top: calc(50% - 13.7254901961%); opacity: 0; transition: 0.3s } .m-sizer__slider.on .m-sizer__slider-arrow { opacity: 1 } .m-sizer__slider.on .m-sizer__slider-arrow.disabled { opacity: 0; pointer-events: none } .m-sizer__slider-arrow.next, .m-sizer__slider-arrow.prev { color: white; font-size: var(--font-size-xlarge-300); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center } @media (min-width: 970px) { .m-sizer__slider-arrow.next, .m-sizer__slider-arrow.prev { font-size: var(--font-size-xlarge-400) } } .m-sizer__slider-arrow.next:after, .m-sizer__slider-arrow.prev:after { content: ◀︎'; text-shadow: 0 0 2px black } .m-sizer__slider-arrow.next span, .m-sizer__slider-arrow.prev span { position: absolute; font-size: var(--font-size-small-200); text-transform: uppercase; font-weight: bold; z-index: 1 } @media (min-width: 970px) { .m-sizer__slider-arrow.next span, .m-sizer__slider-arrow.prev span { font-size: var(--font-size-small-400) } } .m-sizer__slider-arrow.next { right: 0; -webkit-justify-content: flex-start; justify-content: flex-start } .m-sizer__slider-arrow.next span { padding-left: 18px } @media (min-width: 970px) { .m-sizer__slider-arrow.next span { padding-left: 24px } } .m-sizer__slider-arrow.next:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .m-sizer__slider-arrow.prev { left: 0; -webkit-justify-content: flex-end; justify-content: flex-end } .m-sizer__slider-arrow.prev span { padding-right: 18px } @media (min-width: 970px) { .m-sizer__slider-arrow.prev span { padding-right: 24px } } .m-sizer__slider-name { color: var(--color-white); font-weight: bold; margin-right: 4px } .m-sizer__slider-text { background: var(--color-neutral-900); height: 13.7254901961%; position: absolute; bottom: 0; width: 100%; color: var(--color-white); font-size: var(--font-size-medium-100); display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; font-weight: 200 } .m-sizer__slider-text span { color: var(--color-white); margin-left: 5px } @media (min-width: 1025px) { .m-sizer__slider-text { font-size: var(--font-size-medium-200) } } .m-sizer__slider-wrap { height: 100% } .m-sizer__slider-wrap .glide__slide { height: 100% } .m-sizer__slider-wrap .glide__slide img { height: 100% } .m-sizer__view { margin-top: 5px } @media (min-width: 375px) { .m-sizer__view { margin-top: 20px } } @media (min-width: 970px) { .m-sizer__view .btn { font-size: var(--font-size-medium-300); padding: 15px 30px } }