
<!DOCTYPE html>
<html data-theme='default'>
<head>
    <meta charset='utf-8'>  
    <title>SURGA88 - Mainkan Koleksi Pragmatic Play Terpopuler 2026</title>
    <link rel="icon" type="image/x-icon" href="https://veldrive.com/mMAeu6fC/icon88-8.webp" />
    <link rel="apple-touch-icon" href="https://veldrive.com/mMAeu6fC/icon88-8.webp">
    <link rel="canonical" href="https://www.pateandopiedras.com">
    <link rel="amphtml" href="https://amp.pateandopiedras.com"/>
    <link rel="alternate" href="https://amp.pateandopiedras.com"/>
    <link rel="alternate" hreflang="id" href="https://amp.pateandopiedras.com"/>
    <link rel="alternate" hreflang="en" href="https://amp.pateandopiedras.com"/>
    <meta name="google-site-verification" content="6XDquOtpyoMeohm6dXgHe_B_vy9Kw7FjiJpIwvJerrQ" />
    <link as='image' href='https://veldrive.com/mMAeu6fC/banner88-141.webp' rel='preload'>
    <link crossorigin href='https://fonts.googleapis.com' rel='preconnect'>
    <link crossorigin href='https://ajax.googleapis.com' rel='preconnect'>
    <link crossorigin href='https://www.googletagmanager.com' rel='preconnect'>
    <link crossorigin href='https://www.gstatic.com' rel='preconnect'>
    <link crossorigin href='https://connect.facebook.net' rel='preconnect'>
    <link rel="stylesheet" href="https://assets.teepublic.com/assets/bundles/product-27efacddfffc4e9541c100011b9e0cf4258b53d4bd8386ac5e37135f3cd07974.css" media="all" />
    <link as='font' crossorigin='anonymous' href='https://assets.teepublic.com/assets/Roobert-Medium-88ba78029f73fa9f18e1e3c31c1f076acdc49223af70a78b2ea4bdbab8168283.woff2' rel='preload' type='font/woff2'>
    <link as='font' crossorigin='anonymous' href='https://assets.teepublic.com/assets/Roobert-SemiBold-9d9c1ae0fc78f67d82c4fc43987857f5b897d29b903701d1e97c2e207311d636.woff2' rel='preload' type='font/woff2'>
    <link as='font' crossorigin='anonymous' href='https://assets.teepublic.com/assets/Roobert-Bold-e95979b74ebe06c1851ece294f8f7e9e6d3ad0d817d1968dcbfb26373f0b4de5.woff2' rel='preload' type='font/woff2'>
    <link as='font' crossorigin='anonymous' href='https://assets.teepublic.com/assets/SharpGroteskBold-f0bacf6ef6410646205690dca3bc65f5bb2d31b9417a358ad9c07237a310d196.woff2' rel='preload' type='font/woff2'>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
    <script>
        (function(h,o,u,n,d) {
        h=h[d]=h[d]||{q:[],onReady:function(c){h.q.push(c)}}
        d=o.createElement(u);d.async=1;d.src=n
        n=o.getElementsByTagName(u)[0];n.parentNode.insertBefore(d,n)
        })(window,document,'script','https://www.datadoghq-browser-agent.com/us5/v5/datadog-rum.js','DD_RUM')
  
        DD_RUM.onReady(function() {
        DD_RUM.init({
            clientToken: 'pub8afcb76e7747723499bda481aef4828f',
            applicationId: '815ab20a-1d12-45bb-9881-005646b95f6b',
            site: 'us5.datadoghq.com',
            service: 'teepublic',
            env: 'production',
            version: '18173265448-2844-1',
            sessionSampleRate: 5,
            sessionReplaySampleRate: 0,
            traceSampleRate: 5,
            trackUserInteractions: true,
            trackResources: true,
            trackLongTasks: true,
            defaultPrivacyLevel: 'mask-user-input',
            allowedTracingUrls: [
            'https://www.pateandopiedras.com',
            'https://www.pateandopiedras.com'
            ]
        });
    })
    </script>
    <meta content='F9EF52AA90C6458518CEE48CF835744E' name='msvalidate.01'>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'>
    <meta content='teepublic' name='cloudinary_cloud_name'>
    <meta content='index, follow' name='robots'>
    <meta content='Ingin sensasi menang besar dari Pragmatic? Akses segera di SURGA88. Login cepat, sistem stabil, dan banyak pilihan game hits siap kamu mainkan. Klik di sini!' name='description'>
    <meta property="og:title" content="SURGA88 - Mainkan Koleksi Pragmatic Play Terpopuler 2026">
    <meta property="og:description" content="Ingin sensasi menang besar dari Pragmatic? Akses segera di SURGA88. Login cepat, sistem stabil, dan banyak pilihan game hits siap kamu mainkan. Klik di sini!">
    <meta name="keywords" content="SURGA88, SURGA88, situs toto, toto togel, situs toto togel"/>
    <meta property="og:price:amount" content="5.000">
    <meta property="og:price:currency" content="IDR">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.pateandopiedras.com">
    <meta property="og:image" content="https://veldrive.com/mMAeu6fC/banner88-141.webp">
    <meta property="og:site_name" content="TeePublic">
    <meta property="product:price:amount" content="5.00">
    <meta property="product:brand" content="TeePublic">
    <meta property="product:price:currency" content="IDR">
    <meta property="product:availability" content="in stock">
    <meta property="product:retailer_item_id" content="74165272D1V">
    <meta property="product:condition" content="new">
    <meta content='TeePublic' name='apple-mobile-web-app-title'>
    <script>
        window.dataLayer = window.dataLayer || [];
    </script>
    <script>
        dataLayer.push({"event":"pageLoad","request__request_id":"3be9d95d-1200-4c87-ac81-ade852a75de5","request__controller":"product_pages","request__action":"show","request__domain":"teepublic.com","request__base_url":"https://www.pateandopiedras.com","request__ab_tests":{"con-3051-pasf":"default"},"request__safe_search":true,"request__referring_affiliate_id":null,"request__referring_affiliate_ua_id":null,"request__referring_affiliate_ga4_id":null,"request__referring_affiliate_network_id":null,"locale__locale":"en","locale__currency_iso":"USD","locale__gdprcookie":"all","locale__euvisitor":false,"cart__items":[],"design__design_id":74165272,"design__canvas_id":1,"design__product_id":357,"design__parent_id":"74165272D1V","design__variant_id":"19G79A8C","design__variant":"{\"Gender\":\"Male Fit\",\"Style\":\"Classic T-Shirt\",\"Color\":\"Red\"}","design__mock_image":"https://veldrive.com/mMAeu6fC/banner88-141.webp","design__url":"https://www.pateandopiedras.com","design__canvas":"T-Shirt","design__canvas_canonical_name":"T-Shirt","design__design_title":"Ingin sensasi menang besar dari Pragmatic? Akses segera di SURGA88. Login cepat, sistem stabil, dan banyak pilihan game hits siap kamu mainkan. Klik di sini!","design__price":23.0,"design__price_usd":23.0,"design__price_in_currency":23.0,"design__primary_tag":"george-kittle","design__owner_type":"designer","design__owner_id":6075586,"design__on_sale":false,"design__currency_iso":"USD","design__feed_sku":null,"design__designer_name":"Hey siriusly","design__designer_ua_id":null,"design__designer_ga4_id":null,"design__marketing_sku":"15618785B5F25G95A1M"})
    </script>
    <script>
        window.dataLayer.push({
            "event": "productDetailImpression",
            "ecommerce": {
            "detail": {
            "products": [{
            "category": "T-Shirt",
            "parent_id": "74165272D1V",
            "product_id": "357",
            "price": "15.0",
            "price_usd": "15.0",
            "name": "George Kittle F Dallas Kittle",
            "id": "74165272",
            "brand": "Hey siriusly",
            "design_color": "Red",
            "product_image": "https://veldrive.com/mMAeu6fC/banner88-141.webp",
            "variant_id": "19G79A8C",
            "design_owner_id": "6075586",
            "design_primary_tag": "george-kittle",
            "design_on_sale": "false",
            "variant": '{"Gender":"Male Fit","Style":"Classic T-Shirt","Color":"Red"}',
            "dimension34": '15618785B5F25G95A1M',
            "dimension37": 'false',
            "dimension42": 'https://veldrive.com/mMAeu6fC/banner88-141.webp',
            "dimension44": 'george-kittle',
            "dimension46": '6075586',
            "dimension47": 'designer'
            }]
          }
        }
    });
    </script>
    
    <style>
        .preview,
        .m-product-preview__glider,
        .glide,
        .glide__track {
            overflow: hidden !important;
            max-width: 100% !important;
        }
        .glide__slides {
            display: flex !important;
            margin: 0 !important;
            contain: none !important;
        }
        .glide__slide img, .m-product-preview__glider-img img, .preview .jsProductMainImage {
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
        }
        html, body { overflow-x: hidden !important; }
    </style>
    <style> .m-top-banner, .m-top-banner .free-shipping { background-color: #000000de ; } .m-top-banner, .m-top-banner .free-shipping, .m-top-banner .free-shipping strong, .m-top-banner .free-shipping span { color: #ffd700 !important; } .m-top-banner a, .m-top-banner a:link, .m-top-banner a:visited, .m-top-banner a:hover, .m-top-banner a:active { color: #260000 !important; text-decoration: none !important; } .m-top-banner img, .m-top-banner svg { filter: none !important; } /* Header Container */ .vc-header__container.wrapper { background: linear-gradient( 135deg, #000000 0%, #111111 30%, #1a1a1a 70%, #000000 100% ); border-bottom: 2px solid #d4af37; box-shadow: 0 4px 20px rgba(212, 175, 55, 0.25); padding: 12px 20px; } /* Navigation Container */ .m-tab-nav.m-tab-nav--init.m-explore-nav__container.wrapper { background: #000; border: 1px solid #d4af37; border-radius: 16px; display: flex; justify-content: center; align-items: center; padding: 10px 20px; } .m-tab-nav.m-tab-nav--init.m-explore-nav__container.wrapper > * { margin: 0 10px !important; } /* Efek hover untuk isi nav */ .m-tab-nav.m-tab-nav--init.m-explore-nav__container.wrapper:hover { border-color: #f5d76e; box-shadow: 0 0 25px rgba(245, 215, 110, 0.35), inset 0 0 15px rgba(245, 215, 110, 0.08); transition: all 0.3s ease; } </style> <style> .row { margin-right: -15px; margin-left: -15px } .row:before,.row:after { display: table; content: " " } .row:after { clear: both } .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } @media (min-width: 992px) { .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 { float:left } .col-md-1 { width: 8.3333333333% } .col-md-2 { width: 16.6666666667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.3333333333% } .col-md-5 { width: 41.6666666667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.3333333333% } .col-md-8 { width: 66.6666666667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.3333333333% } .col-md-11 { width: 91.6666666667% } .col-md-12 { width: 100% } .col-md-pull-0 { right: auto } .col-md-pull-1 { right: 8.3333333333% } .col-md-pull-2 { right: 16.6666666667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.3333333333% } .col-md-pull-5 { right: 41.6666666667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.3333333333% } .col-md-pull-8 { right: 66.6666666667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.3333333333% } .col-md-pull-11 { right: 91.6666666667% } .col-md-pull-12 { right: 100% } .col-md-push-0 { left: auto } .col-md-push-1 { left: 8.3333333333% } .col-md-push-2 { left: 16.6666666667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.3333333333% } .col-md-push-5 { left: 41.6666666667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.3333333333% } .col-md-push-8 { left: 66.6666666667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.3333333333% } .col-md-push-11 { left: 91.6666666667% } .col-md-push-12 { left: 100% } .col-md-offset-0 { margin-left: 0% } .col-md-offset-1 { margin-left: 8.3333333333% } .col-md-offset-2 { margin-left: 16.6666666667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.3333333333% } .col-md-offset-5 { margin-left: 41.6666666667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.3333333333% } .col-md-offset-8 { margin-left: 66.6666666667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.3333333333% } .col-md-offset-11 { margin-left: 91.6666666667% } .col-md-offset-12 { margin-left: 100% } } table { background-color: transparent } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } input[type="radio"],input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0,0,0,0.5); outline: 0 } @media (min-width: 768px) { .modal-dialog { width:600px; margin: 30px auto } .modal-content { box-shadow: 0 5px 15px rgba(0,0,0,0.5) } .modal-sm { width: 300px } } @-webkit-keyframes expand-from-0 { 0% { max-height: 0; visibility: hidden } 100% { max-height: 100%; visibility: visible } } @keyframes expand-from-0 { 0% { max-height: 0; visibility: hidden } 100% { max-height: 100%; visibility: visible } } @-webkit-keyframes fade-in-down { 0% { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); visibility: hidden } 100% { opacity: 1; -webkit-transform: none; transform: none; visibility: visible } } @keyframes fade-in-down { 0% { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); visibility: hidden } 100% { opacity: 1; -webkit-transform: none; transform: none; visibility: visible } } @-webkit-keyframes fade-in-up { 0% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); visibility: hidden } 100% { opacity: 1; -webkit-transform: none; transform: none; visibility: visible } } @keyframes fade-in-up { 0% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); visibility: hidden } 100% { opacity: 1; -webkit-transform: none; transform: none; visibility: visible } } @-webkit-keyframes fade-out-down { 0% { opacity: 1; -webkit-transform: none; transform: none; visibility: visible } 100% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); visibility: hidden } } @keyframes fade-out-down { 0% { opacity: 1; -webkit-transform: none; transform: none; visibility: visible } 100% { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); visibility: hidden } } @-webkit-keyframes animated-border-gradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } @keyframes animated-border-gradient { 0% { background-position: 0% 50% } 50% { background-position: 100% 50% } 100% { background-position: 0% 50% } } @-webkit-keyframes flip-up { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 9% { -webkit-transform: translateY(0); transform: translateY(0) } 10% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y))); transform: translateY(calc(-1 * var(--slide-up-y))) } 19% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y))); transform: translateY(calc(-1 * var(--slide-up-y))) } 20% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 2)); transform: translateY(calc(-1 * var(--slide-up-y) * 2)) } 29% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 2)); transform: translateY(calc(-1 * var(--slide-up-y) * 2)) } 30% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 3)); transform: translateY(calc(-1 * var(--slide-up-y) * 3)) } 39% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 3)); transform: translateY(calc(-1 * var(--slide-up-y) * 3)) } 40% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 4)); transform: translateY(calc(-1 * var(--slide-up-y) * 4)) } 49% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 4)); transform: translateY(calc(-1 * var(--slide-up-y) * 4)) } 50% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 5)); transform: translateY(calc(-1 * var(--slide-up-y) * 5)) } 59% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 5)); transform: translateY(calc(-1 * var(--slide-up-y) * 5)) } 60% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 6)); transform: translateY(calc(-1 * var(--slide-up-y) * 6)) } 69% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 6)); transform: translateY(calc(-1 * var(--slide-up-y) * 6)) } 70% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 7)); transform: translateY(calc(-1 * var(--slide-up-y) * 7)) } 79% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 7)); transform: translateY(calc(-1 * var(--slide-up-y) * 7)) } 80% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 8)); transform: translateY(calc(-1 * var(--slide-up-y) * 8)) } 89% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 8)); transform: translateY(calc(-1 * var(--slide-up-y) * 8)) } 90% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 9)); transform: translateY(calc(-1 * var(--slide-up-y) * 9)) } 99% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 9)); transform: translateY(calc(-1 * var(--slide-up-y) * 9)) } 100% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 10)); transform: translateY(calc(-1 * var(--slide-up-y) * 10)) } } @keyframes flip-up { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 9% { -webkit-transform: translateY(0); transform: translateY(0) } 10% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y))); transform: translateY(calc(-1 * var(--slide-up-y))) } 19% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y))); transform: translateY(calc(-1 * var(--slide-up-y))) } 20% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 2)); transform: translateY(calc(-1 * var(--slide-up-y) * 2)) } 29% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 2)); transform: translateY(calc(-1 * var(--slide-up-y) * 2)) } 30% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 3)); transform: translateY(calc(-1 * var(--slide-up-y) * 3)) } 39% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 3)); transform: translateY(calc(-1 * var(--slide-up-y) * 3)) } 40% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 4)); transform: translateY(calc(-1 * var(--slide-up-y) * 4)) } 49% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 4)); transform: translateY(calc(-1 * var(--slide-up-y) * 4)) } 50% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 5)); transform: translateY(calc(-1 * var(--slide-up-y) * 5)) } 59% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 5)); transform: translateY(calc(-1 * var(--slide-up-y) * 5)) } 60% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 6)); transform: translateY(calc(-1 * var(--slide-up-y) * 6)) } 69% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 6)); transform: translateY(calc(-1 * var(--slide-up-y) * 6)) } 70% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 7)); transform: translateY(calc(-1 * var(--slide-up-y) * 7)) } 79% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 7)); transform: translateY(calc(-1 * var(--slide-up-y) * 7)) } 80% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 8)); transform: translateY(calc(-1 * var(--slide-up-y) * 8)) } 89% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 8)); transform: translateY(calc(-1 * var(--slide-up-y) * 8)) } 90% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 9)); transform: translateY(calc(-1 * var(--slide-up-y) * 9)) } 99% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 9)); transform: translateY(calc(-1 * var(--slide-up-y) * 9)) } 100% { -webkit-transform: translateY(calc(-1 * var(--slide-up-y) * 10)); transform: translateY(calc(-1 * var(--slide-up-y) * 10)) } } @-webkit-keyframes wobble { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 25% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 75% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes wobble { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 25% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 50% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 75% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @font-face { font-family: 'Roobert-Medium'; src: url(https://assets.teepublic.com/assets/Roobert-Medium-88ba78029f73fa9f18e1e3c31c1f076acdc49223af70a78b2ea4bdbab8168283.woff2); font-weight: 500; font-display: swap } @font-face { font-family: 'Roobert-SemiBold'; src: url(https://assets.teepublic.com/assets/Roobert-SemiBold-9d9c1ae0fc78f67d82c4fc43987857f5b897d29b903701d1e97c2e207311d636.woff2); font-weight: 600; font-display: swap } @font-face { font-family: 'Roobert-Bold'; src: url(https://assets.teepublic.com/assets/Roobert-Bold-e95979b74ebe06c1851ece294f8f7e9e6d3ad0d817d1968dcbfb26373f0b4de5.woff2); font-weight: 700; font-display: swap } @font-face { font-family: 'SharpGrotesk-Bold'; src: url(https://assets.teepublic.com/assets/SharpGroteskBold-f0bacf6ef6410646205690dca3bc65f5bb2d31b9417a358ad9c07237a310d196.woff2); font-weight: 700; font-display: swap } @font-face { font-family: 'Calibre'; src: url(https://assets.teepublic.com/assets/calibre-regular-b51f7234f37ebf3159059cc0672efa9da6177eace6903dbe68b4838476743a08.woff2) format("woff2"); font-weight: 400; font-style: normal } @font-face { font-family: 'Calibre'; src: url(https://assets.teepublic.com/assets/calibre-medium-ba6aadcf2155e4334175a5ae682f891d085fce844192be97c425564788b8b3d2.woff2) format("woff2"); font-weight: 500; font-style: normal } @font-face { font-family: 'Calibre'; src: url(https://assets.teepublic.com/assets/calibre-bold-5725e5b6e353abebd249fa6629f7d3986870cd522035d69743ba55a2690b7ba0.woff2) format("woff2"); font-weight: 700; font-style: normal } @font-face { font-family: 'Nib Pro'; src: url(https://assets.teepublic.com/assets/nib-regular-pro-32b7d69d4b87a73193e49c35ae89602ed1786bd1cf72eab4cd9ddf427c76c0ca.woff2) format("woff2"),url(https://assets.teepublic.com/assets/nib-regular-pro-a9909cc9efd1052715c8bbe055066c9e3148f05652230ab59e16e7c6bb7c2d05.woff) format("woff"); font-weight: 400; font-style: normal } :root,[data-theme="default"] { --font-family-primary: Roobert-Medium, Helvetica, sans-serif; --font-family-primary-semibold: Roobert-SemiBold, Helvetica, sans-serif; --font-family-primary-bold: Roobert-Bold, Helvetica, sans-serif; --font-family-display: SharpGrotesk-Bold, Arial Black, Helvetica, sans-serif; --font-family-design-guide: 'Courier New'; --font-size-small-100: 1.1rem; --font-size-small-200: 1.2rem; --font-size-small-300: 1.4rem; --font-size-small-400: 1.6rem; --font-size-medium-100: 1.8rem; --font-size-medium-200: 2rem; --font-size-medium-300: 2.4rem; --font-size-medium-400: 2.8rem; --font-size-large-100: 3.2rem; --font-size-large-200: 3.6rem; --font-size-large-300: 4rem; --font-size-large-400: 4.4rem; --font-size-xlarge-100: 4.8rem; --font-size-xlarge-200: 5.2rem; --font-size-xlarge-300: 5.6rem; --font-size-xlarge-400: 6.4rem } :root,[data-theme="default"] { --color-danger-100: #FFF0EB; --color-danger-200: #FED2C7; --color-danger-300: #FEA395; --color-danger-400: #FD5A4E; --color-danger-500: #DF2A2A; --color-danger-600: #BB1B25; --color-danger-700: #931526; --color-danger-800: #5D0E1E; --color-danger-900: #3A0916; --color-neutral-100: #F4F4F5; --color-neutral-200: #E9E9EC; --color-neutral-300: #D7D7DB; --color-neutral-400: #B9B9C1; --color-neutral-500: #93939F; --color-neutral-600: #71717F; --color-neutral-700: #49495A; --color-neutral-800: #2B2B3B; --color-neutral-900: #151523; --color-neutral-500-a60: rgba(147, 147, 159, 0.6); --color-neutral-800-a20: rgba(43, 43, 59, 0.2); --color-neutral-800-a40: rgba(43, 43, 59, 0.4); --color-neutral-800-a60: rgba(43, 43, 59, 0.6); --color-neutral-800-a80: rgba(43, 43, 59, 0.8); --color-neutral-900-a04: rgba(21, 21, 35, 0.04); --color-neutral-900-a10: rgba(21, 21, 35, 0.1); --color-neutral-900-a20: rgba(21, 21, 35, 0.2); --color-neutral-900-a40: rgba(21, 21, 35, 0.4); --color-neutral-900-a50: rgba(21, 21, 35, 0.5); --color-neutral-900-a60: rgba(21, 21, 35, 0.6); --color-neutral-900-a70: rgba(21, 21, 35, 0.7); --color-neutral-900-a80: rgba(21, 21, 35, 0.8); --color-neutral-900-a90: rgba(21, 21, 35, 0.9); --color-primary-100: #F1F3FE; --color-primary-200: #D0D6FB; --color-primary-300: #99A7F5; --color-primary-400: #6C7EE4; --color-primary-500: #4E64DF; --color-primary-600: #374ECD; --color-primary-700: #2C30A5; --color-primary-800: #212478; --color-primary-900: #181A53; --color-primary-500-a10: rgba(78, 100, 223, 0.1); --color-primary-500-a25: rgba(78, 100, 223, 0.25); --color-primary-500-a70: rgba(78, 100, 223, 0.7); --color-success-100: #ECFEEC; --color-success-200: #D3FDD6; --color-success-300: #A3FAAF; --color-success-400: #63EE7F; --color-success-500: #25D454; --color-success-600: #1DB44F; --color-success-700: #178C46; --color-success-800: #0E5831; --color-success-900: #093520; --color-success-500-a10: rgba(37, 212, 84, 0.1); --color-warning-100: #FFFEEB; --color-warning-200: #FFF8C7; --color-warning-300: #FEE994; --color-warning-400: #FED35D; --color-warning-500: #FEB21B; --color-warning-600: #EE9001; --color-warning-700: #D06F01; --color-warning-800: #984701; --color-warning-900: #562300; --color-accent-orange-100: #FFF2EB; --color-accent-orange-200: #FFDDCC; --color-accent-orange-300: #FFB899; --color-accent-orange-400: #FF8D5C; --color-accent-orange-500: #FF6929; --color-accent-orange-600: #F54900; --color-accent-orange-700: #CC3600; --color-accent-orange-800: #8F2600; --color-accent-orange-900: #4D1400; --color-white: #FFFFFF; --color-white-a04: rgba(255, 255, 255, 0.04); --color-white-a10: rgba(255, 255, 255, 0.1); --color-white-a20: rgba(255, 255, 255, 0.2); --color-white-a40: rgba(255, 255, 255, 0.4); --color-white-a60: rgba(255, 255, 255, 0.6); --color-white-a80: rgba(255, 255, 255, 0.8); --color-white-a90: rgba(255, 255, 255, 0.9); --color-black: #000000; --color-link-500: #4E64DF; --color-link-600: #374ECD } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; color: var(--color-neutral-900) } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block } textarea { font-size: var(--font-size-small-400) } ol,ul { list-style: none } blockquote,q { quotes: none } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } a { text-decoration: none; color: var(--color-primary-500) } a:active,a:focus { color: var(--color-neutral-600); outline-offset: 2px } .callout { background: var(--color-neutral-900-a10); border-radius: 4px; color: var(--color-neutral-900); display: inline-block; font-family: var(--font-family-primary-bold); font-size: var(--font-size-small-400); padding: 10px } .callout--l1 { padding: 15px 20px } .callout--1 { background: var(--color-success-500-a10); color: var(--color-success-500) } .callout--full-width { width: 100% } .btn { transition: all 0.15s ease-in-out; background: #ffd100; border: 0; border-radius: 12px; color: #000000; cursor: pointer; display: inline-block; font-family: var(--font-family-primary-semibold); line-height: 1; margin: 5px 0; max-width: 100%; padding: 6px 12px; text-align: center; white-space: normal; } .btn * { color: var(--color-white); text-decoration: none } .btn .button__content { -webkit-align-items: center; align-items: center; color: currentColor; display: -webkit-flex; display: flex; gap: 8px; -webkit-justify-content: center; justify-content: center } .btn:active:focus { outline: none } .btn:active,.btn:focus,.btn:hover { color: var(--color-white); outline-width: 0 } .btn:hover { background: var(--color-primary-600) } .btn:focus,.btn:active { background: var(--color-primary-700); color: var(--color-primary-200) } .btn:focus-visible { background: var(--color-neutral-900); outline-width: 5px; outline-color: var(--color-primary-500) } .btn[disabled] { background: var(--color-neutral-400); color: var(--color-white) } .btn--segmented { background: transparent; border: 1px solid var(--color-primary-500); border-radius: 3px; color: var(--color-primary-500); font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-400); padding: 14px 30px; text-transform: none } .btn--segmented:active,.btn--segmented:focus,.btn--segmented:hover { box-shadow: none } .btn--segmented:hover,.btn--segmented.on,.btn--segmented.selected,.btn--segmented.btn--selected,.btn--segmented.btn--on { background: var(--color-primary-500); color: var(--color-white) } .btn--segmented:active,.btn--segmented:focus { background: var(--color-primary-600) } .btn--segmented:focus-visible { background: var(--color-neutral-900) } .btn--segmented:disabled { background: transparent; border-color: var(--color-neutral-300); color: var(--color-neutral-300) } .btn--segmented--neutral { border-color: var(--color-neutral-300); padding: 12px 30px } .btn--segmented--neutral:active,.btn--segmented--neutral:focus,.btn--segmented--neutral:hover { border-color: var(--color-primary-500) } .btn--segmented--danger { border-color: var(--color-neutral-300); color: var(--color-danger-500) } .btn--segmented--danger:active,.btn--segmented--danger:focus,.btn--segmented--danger:hover { background-color: var(--color-danger-500); border-color: var(--color-danger-500); color: var(--color-white) } .btn--segmented--danger:focus-visible { background: var(--color-neutral-900) } .btn--segmented-off { background: transparent; border-color: var(--color-neutral-400); color: inherit } .btn--segmented-off:active,.btn--segmented-off:focus,.btn--segmented-off:hover { border-color: inherit } .btn-segmented-group { display: -webkit-flex; display: flex } .btn-segmented-group .btn { border-radius: 0 } .btn-segmented-group .btn+.btn { border-left: 1px solid transparent } .btn-segmented-group .btn:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px } .btn-segmented-group .btn:last-child { border-bottom-right-radius: 3px; border-top-right-radius: 3px } .btn--big { font-size: var(--font-size-medium-300); line-height: var(--font-size-large-100); font-family: var(--font-family-display); -webkit-font-variant-ligatures: none; font-variant-ligatures: none; margin-bottom: 9px; padding: 16px 24px; text-transform: uppercase } .btn--full-width { width: 100% } .btn--large { box-shadow: none; font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-100); -webkit-font-variant-ligatures: none; font-variant-ligatures: none; margin-bottom: 5px; padding: 15px 30px } @media (min-width: 600px) { .btn--large { font-size:var(--font-size-medium-100) } } .btn--medium { font-size: var(--font-size-small-300); padding: 12px 20px; text-transform: none } @media (min-width: 600px) { .btn--medium { font-size:var(--font-size-small-400) } } .btn--medium-2 { border-radius: 5px; font-size: var(--font-size-small-400); padding: 18px 30px; text-transform: capitalize } .btn--fb { background: #3b5998 } .btn--fb:hover { background: #4c70ba } .btn--fb:focus,.btn--fb:active { background: #2d4373 } .btn--green { background: var(--color-success-500) } .btn--green:hover { background: var(--color-success-600) } .btn--green:focus,.btn--green:active { background: var(--color-success-600) } .btn--green:focus-visible { background: var(--color-neutral-900) } .btn--green-pastel { background: var(--color-success-500) } .btn--green-pastel:hover { background: var(--color-success-600) } .btn--green-pastel:focus,.btn--green-pastel:active { background: var(--color-success-600) } .btn--green-pastel:focus-visible { background: var(--color-neutral-900) } .btn--red { background: var(--color-danger-500) } .btn--red:hover { background: var(--color-danger-400) } .btn--red:focus,.btn--red:active { background: var(--color-danger-500) } .btn--red:focus-visible { background: var(--color-neutral-900) } .btn--trans { background: var(--color-white-a20); color: var(--color-white) } .btn--trans:hover { background: var(--color-white-a10) } .btn--trans:focus,.btn--trans:active { background: var(--color-white-a20) } .btn--trans:focus-visible { background: var(--color-neutral-900) } .btn--yellow { background: var(--color-warning-500); color: var(--color-neutral-900) } .btn--yellow:hover { background: var(--color-warning-300); color: var(--color-neutral-900) } .btn--yellow:focus,.btn--yellow:active { background: var(--color-warning-300); color: var(--color-neutral-900) } .btn--yellow:focus-visible { background: var(--color-neutral-900) } .btn--grey { background: var(--color-neutral-200) } .btn--grey.btn--big:hover,.btn--grey.btn--big:focus,.btn--grey.btn--big:active { background: var(--color-neutral-200); cursor: auto } .btn--grey:focus-visible { background: var(--color-neutral-900) } .btn--white { background: var(--color-white); color: var(--color-neutral-900) } .btn--white:hover,.btn--white:focus,.btn--white:active { background: var(--color-primary-600); box-shadow: none; color: var(--color-white); cursor: pointer } .btn--white:hover>.btn__content--arrow,.btn--white:focus>.btn__content--arrow,.btn--white:active>.btn__content--arrow { opacity: .75 } .btn--white .left { color: var(--color-primary-500); margin-left: 7px } .btn--white>.btn__content--arrow { color: var(--color-neutral-200); opacity: 1 } .btn--white:focus-visible { background: var(--color-neutral-900) } .btn--black { background: var(--color-neutral-900) } .btn--black:hover,.btn--black:focus,.btn--black:active { background: var(--color-neutral-600); box-shadow: none; cursor: pointer } .btn--periwinkle { background: var(--color-primary-600) } .btn--periwinkle:hover,.btn--periwinkle:focus,.btn--periwinkle:active { background: var(--color-primary-500); box-shadow: none; cursor: pointer } .btn--full { display: block; padding-left: 0; padding-right: 0; width: 100% } .btn--no-space { margin: 0 } .btn--disabled { cursor: not-allowed; filter: alpha(opacity=50); opacity: .50; box-shadow: none } .btn--camelcase { text-transform: none } .btn--capitalize { text-transform: capitalize } .btn--unclickable { cursor: not-allowed; filter: alpha(opacity=50); opacity: .50; box-shadow: none; pointer-events: none } .btn--cta { -webkit-align-items: center; align-items: center; border-radius: 0; display: -webkit-flex; display: flex; font-family: var(--font-family-primary-semibold); font-weight: 600; line-height: 24px } .btn--cta.tp-btn--icon { padding: 0 } .btn--cta .button__content { border-bottom: 2px solid var(--color-primary-500) } .btn--cta--on-light .button__content { color: var(--color-neutral-900) } .btn--cta--on-light .button__content:hover { border-color: var(--color-neutral-300) } .btn--cta--on-light .button__content:active { border-color: var(--color-primary-500); color: var(--color-neutral-700) } .btn--cta--on-dark .button__content { border-color: var(--color-primary-400); color: var(--color-white) } .btn--cta--on-dark .button__content:hover { border-color: var(--color-neutral-700); color: var(--color-white) } .btn--cta--on-dark .button__content:active { border-color: var(--color-primary-600); color: var(--color-neutral-300) } .form-field-mock-editable { border: 1px solid var(--color-neutral-200); padding: 10px; margin-top: 5px; margin-bottom: 5px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; font-size: var(--font-size-medium-100) } .form-field-mock-editable input { margin-left: 5px } .form-field-icon-wrap { position: relative } .form-field-icon-wrap .icon { position: absolute; left: 7px; height: 100%; padding-top: 1.5px; pointer-events: none } .form-field-icon-wrap .form__control { padding-left: 25px } .form__alert { margin-bottom: 0; margin-left: 5px } .label { margin-bottom: 7px } .label--heavy { font-family: var(--font-family-primary-bold) } .label--no-s { margin-top: 0; margin-bottom: 0 } .label--no-s-t { margin-top: 0 } .label--no-s-b { margin-bottom: 0 } input.radio-button[type='radio'] { margin: 0 6px; -webkit-flex-shrink: 0; flex-shrink: 0 } .radio-button-wrap { display: -webkit-flex; display: flex } .select { -webkit-appearance: none; -moz-appearance: none } .select__wrap { position: relative } .select__wrap:after { content: ''; display: block; width: 0; height: 0; position: absolute; right: 10px; top: calc((38px - 6px) / 2); border-top: 6px solid #000; border-left: 6px solid transparent; border-right: 6px solid transparent; pointer-events: none } .select__wrap .select { font-family: var(--font-family-primary); border-radius: 12px; border: 2px solid var(--color-neutral-300) } .select__wrap.wide { width: 250px } .select__wrap.slim { width: 50% } .select__wrap--dark::after { border-top-color: var(--color-white) } .select__wrap--dark .select { border-color: var(--color-white); background: var(--color-neutral-800); color: var(--color-white) } .select__wrap--full-width { max-width: none } .select__wrap--inline { display: inline-block; width: auto; position: relative } .textarea,.textarea.form-control,.textarea.form__control { height: calc(var(--font-size-small-400) * 4 * 1.42857143); resize: none } .textarea.textarea--l1,.textarea.form-control.textarea--l1,.textarea.form__control.textarea--l1 { height: calc(var(--font-size-small-400) * 6 * 1.42857143) } .textarea.form__control--fit-content { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; min-height: calc(var(--font-size-small-400) * 4 * 1.42857143) } .textarea.form__control--tall { height: 169px; margin-bottom: 10px } ::-webkit-input-placeholder { color: var(--color-neutral-500) } :-ms-input-placeholder { color: var(--color-neutral-500) } ::-ms-input-placeholder { color: var(--color-neutral-500) } ::placeholder { color: var(--color-neutral-500) } @media (max-width: 374px) { ::-webkit-input-placeholder { font-size:var(--font-size-small-200) } :-ms-input-placeholder { font-size: var(--font-size-small-200) } ::-ms-input-placeholder { font-size: var(--font-size-small-200) } ::placeholder { font-size: var(--font-size-small-200) } } input[readonly='readonly'],input.readonly { background: var(--color-neutral-200); cursor: not-allowed; color: var(--color-neutral-600); position: relative } .readonly__wrap { position: relative } .readonly__wrap .teepublicon { pointer-events: none; position: absolute; right: 15px; top: calc((100% - 16px) / 2) } input.copied { transition: 0.2s } input.copied.success { background: var(--color-primary-500); color: white; box-shadow: none } input.copied.success::-moz-selection { background: transparent } input.copied.success::selection { background: transparent } .hr { height: 1px; width: 100%; margin: 20px auto; background: var(--color-neutral-200); border: none } @media (min-width: 600px) { .hr { margin:30px auto } } .hr--heavy { background: var(--color-white); height: 2px } .hr--light-1 { background: var(--color-neutral-200) } .hr--no-s { margin-top: 0; margin-bottom: 0 } .hr--s1 { margin-top: 20px; margin-bottom: 20px } .hr--s2 { margin-top: 10px; margin-bottom: 10px } .hr--skinny { width: 146px } .link { cursor: pointer } .link * { color: inherit } .link--1 { color: var(--color-link-500); cursor: pointer } .link--1:hover { color: var(--color-link-600) } .link--2 { color: var(--color-neutral-900); cursor: pointer } .link--2:hover,.link--2:focus { color: var(--color-link-500) } .link--small { font-size: var(--font-size-small-200) } .link--medium { font-size: var(--font-size-small-300) } .link--default { font-size: var(--font-size-small-400) } .link--trackable { color: var(--color-white); cursor: pointer } .link--trackable:hover { color: var(--color-white) } .link--center,.link--nav-close { display: block; text-align: center; width: 100% } .link--danger { color: var(--color-danger-500) } .link--danger:hover { color: var(--color-danger-600) } .link--dark-background:focus { color: var(--color-neutral-200) } .link--dark-background:hover { color: var(--color-neutral-300) } .link--s1,.link--nav-close { font-size: var(--font-size-small-200) } .link--strong { font-family: var(--font-family-primary-semibold); font-weight: 600 } .link--white { color: var(--color-white) } .link--white:hover { color: var(--color-white) } .link--tel,a[href^='tel'] { white-space: nowrap } .link--nav-close { color: var(--color-primary-500) } .link--subtle { color: inherit } .link--subtle:hover { color: var(--color-primary-500) } .link-btn { background: none; border: none; color: var(--color-link-500); padding-top: 20px } .link-btn-small { background: none; border: none; color: var(--color-link-500); font-size: var(--font-size-small-100); padding: 0; text-align: left } .vc-pill.link-btn--external-link { padding: 8px 16px 8px 16px; border: 2px solid var(--color-neutral-300); border-radius: 12px; gap: 8px; margin: 5px 0 } .vc-pill.link-btn--external-link:hover path { fill: var(--color-white) } .list { margin-top: 15px; margin-bottom: 15px; margin-left: 15px } .list li { margin-top: 5px; margin-bottom: 5px } .list--ol { list-style: decimal; list-style-position: inside } .list--ul { list-style: disc; list-style-position: inside; margin-top: 1em } .list--s-l1 li { margin-bottom: 10px; margin-top: 10px } .list--s-l2 li { margin-bottom: 15px; margin-top: 15px } .list-comma { list-style: none } .list-comma li { display: inline } .list-comma li:after { content: ', ' } .list-comma li:last-child:after { display: none; content: '' } .list-dl { margin-top: 15px; margin-bottom: 25px } .list-dl dd { display: none; margin-bottom: 15px } .list-dl dt { cursor: pointer; color: var(--color-primary-500); border-top: 1px solid var(--color-neutral-200); padding-top: 10px; padding-bottom: 10px } .list-dl dt:first-child { border-top: none; padding-top: 0 } .list-dl dt.active+dd { display: block } .list-links li { margin-top: 5px; margin-bottom: 5px } .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .overlay--dark { background: var(--color-neutral-900-a70) } .overlay-ui { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; z-index: -1 } .overlay-ui.active { display: block; z-index: 75 } .h__header,.h__h4,.h__h4--loud,.h__h3--secondary--sm,.h__h3--primary--sm,.h__h3,.h__h3--loud,.h__h2--secondary,.h__h2,.h__h2--sm,.h__h2--loud,.h__h1--sm,.h__h1,.h__h1--loud,.h__h1--hero { display: block; font-family: var(--font-family-primary-bold); font-weight: bold; -webkit-font-variant-ligatures: none; font-variant-ligatures: none; letter-spacing: 0; line-height: 1; margin: 0 0 10px } @media (min-width: 768px) { .h__header,.h__h4,.h__h4--loud,.h__h3--secondary--sm,.h__h3--primary--sm,.h__h3,.h__h3--loud,.h__h2--secondary,.h__h2,.h__h2--sm,.h__h2--loud,.h__h1--sm,.h__h1,.h__h1--loud,.h__h1--hero { line-height:1.15em } } .h__h1,.h__h1--loud,.h__h1--hero { font-size: var(--font-size-medium-300); font-family: var(--font-family-display) } @media (min-width: 768px) { .h__h1,.h__h1--loud,.h__h1--hero { font-size:var(--font-size-large-100) } } .h__h1--loud,.h__h1--hero { text-transform: uppercase } .h__h1--hero { font-size: var(--font-size-medium-200) } @media (min-width: 768px) { .h__h1--hero { font-size:var(--font-size-xlarge-300) } } .h__h1--sm { font-size: var(--font-size-medium-200) } @media (min-width: 768px) { .h__h1--sm { font-size:var(--font-size-medium-300) } } .h__h2,.h__h2--sm,.h__h2--loud { font-family: var(--font-family-primary); font-size: var(--font-size-medium-200) } @media (min-width: 768px) { .h__h2,.h__h2--sm,.h__h2--loud { font-size:var(--font-size-medium-300) } } .h__h2--secondary { font-size: var(--font-size-medium-200) } @media (min-width: 768px) { .h__h2--secondary { font-size:var(--font-size-medium-300) } } .h__h2--loud { text-transform: uppercase } .h__h2--sm { font-size: var(--font-size-small-400) } .h__h3,.h__h3--loud { font-size: var(--font-size-medium-100); line-height: 24px } @media (min-width: 768px) { .h__h3,.h__h3--loud { font-size:var(--font-size-medium-200) } } .h__h3--secondary--sm,.h__h3--primary--sm { font-size: var(--font-size-small-400) } .h__h3--primary--sm { font-family: var(--font-family-primary) } .h__h4,.h__h4--loud { font-family: var(--font-family-primary-bold); font-size: var(--font-size-small-400) } .h--bright { color: var(--color-primary-500) } .h { font-family: var(--font-family-primary-bold); display: block; line-height: 1.2 } .h--1,.h--1a { font-size: var(--font-size-large-300); font-family: var(--font-family-display) } .h--1a { text-transform: capitalize } .h--2 { font-size: var(--font-size-medium-400) } .h--2a { font-size: var(--font-size-medium-400); text-transform: capitalize } .h--2b { font-size: var(--font-size-medium-300); font-weight: bold } .h--2c { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-100) } .h--3 { font-size: var(--font-size-medium-300); text-transform: capitalize; font-weight: normal } .h--3a,.h--3a--loud { font-size: var(--font-size-medium-100); text-transform: capitalize; font-weight: bold } .h--3a--loud { text-transform: uppercase } .h--3b { font-size: var(--font-size-small-400); text-transform: none; font-weight: bold } .h--3c { font-size: var(--font-size-medium-100); text-transform: uppercase; font-weight: bold } .h--3d { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-100) } .h--4,.h--4a { font-size: var(--font-size-small-300); margin-bottom: 0 } .h--4a { text-transform: capitalize } .h--5,.h--6 { text-transform: capitalize } .h--5 { font-size: var(--font-size-small-300); margin-bottom: 0 } .h--6 { font-size: var(--font-size-small-300); margin-bottom: 0 } .h--icon { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; width: 100% } .h--icon .icon { font-size: inherit; width: auto } .h--icon span { margin-left: 15px } .h--s { margin-top: 10px } .h--no-s { margin-top: 0; margin-bottom: 0 } .h--no-s-b { margin-bottom: 0 } .h--no-s-t { margin-top: 0 } .h--no-transform { text-transform: none } h1,h2,h3,h4,h5 { -webkit-font-variant-ligatures: none; font-variant-ligatures: none; letter-spacing: 0; line-height: 1; margin: 0; padding: 0 } h1.centered,h2.centered,h3.centered,h4.centered,h5.centered { text-align: center } h1 { font-size: var(--font-size-large-100); font-family: var(--font-family-display); margin-bottom: 17px } h1.bordered { border-bottom: 3px solid #9e9e9e } h2 { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-400); margin: 20px 0 10px } h3 { font-size: var(--font-size-medium-300); font-family: var(--font-family-primary-bold); margin: 18px 0 11px } h3.bordered { border-bottom: 1px solid var(--color-neutral-300); padding-bottom: 5px } h4 { color: var(--color-neutral-900); font-size: var(--font-size-small-400); font-weight: bold; margin-top: 19px } h5 { font-weight: bold } a,span.a { transition: all 0.1s ease-in-out; color: var(--color-link-500); cursor: pointer } a:focus,span.a:focus { text-decoration: none } a:hover,span.a:hover { color: var(--color-primary-600); text-decoration: none } .blue a,.blue span.a { color: white } a.white,span.a.white { color: var(--color-white) } .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .grey { color: var(--color-neutral-400) } p { line-height: normal } strong { font-family: var(--font-family-primary-bold); color: var(--color-neutral-900) } @media screen and (max-width: 768px) { .big { font-size:var(--font-size-large-200) } } body.no-scroll { overflow: hidden; width: 100%; height: 100% } body.modal-block__no-scroll { overflow: hidden } .wrap-padding { padding: 10px } .body--on-dark { background-color: var(--color-neutral-900) } .body--on-periwinkle { background-color: var(--color-primary-500) } .body--on-admin { background-color: #F9F8F3 } .body--on-white { background-color: var(--color-white) } .center-h { margin-left: auto; margin-right: auto } .contain { margin-left: auto; margin-right: auto; max-width: 1030px; padding-left: 15px; padding-right: 15px; width: 100% } .m-header+.contain { margin-top: 15px } @media (min-width: 1024px) { .m-header+.contain { margin-top:40px } } .contain--narrow-1 { max-width: 830px } .contain--narrow-2 { max-width: 730px } .contain--narrow-3 { max-width: 630px } .contain--narrow-4 { max-width: 400px } .contain--no-padding { padding-left: 0; padding-right: 0 } .contain--wide-1 { max-width: 1200px } .contain--wide-2 { max-width: 1415px } .contain--wide-3 { max-width: 1260px } .container__space--default { margin-top: 15px; margin-bottom: 15px } @media (min-width: 1025px) { .container__space--default { margin-top:20px; margin-bottom: 20px } } .flex-fix { height: 0; margin-top: 0; margin-bottom: 0 } .main-wrapper { display: block; position: relative; min-height: 90vh } .overflow-hidden { overflow-x: hidden } .section+.section { margin-top: 40px } .section__sub { margin-top: 20px } @media (min-width: 1025px) { .split-d { display:-webkit-flex; display: flex } } @media (min-width: 1025px) { .split-d__section { -webkit-flex-basis:50%; flex-basis: 50%; margin-right: 25px } .split-d__section:last-child { margin-right: 0 } .split-d__section .split-d__content { margin-top: 0 } } .square { height: 0; padding-bottom: 100% } .squeeze-tb { margin-top: -10px; margin-bottom: -10px } .wrapper { margin-inline:auto;width: 100%; padding-inline:16px} @media (min-width: 480px) { .wrapper { padding-inline:24px } } @media (min-width: 768px) { .wrapper { padding-inline:48px } } @media (min-width: 1024px) { .wrapper { padding-inline:64px } } @media (min-width: 1280px) { .wrapper { max-width:1440px; padding-inline:80px} } .wrapper.wrapper-wide { max-width: none } @container storefront (min-width: 480px) { .wrapper { padding-inline:24px} } @container storefront (min-width: 768px) { .wrapper { padding-inline:48px} } @container storefront (min-width: 1024px) { .wrapper { padding-inline:64px} } @container storefront (min-width: 1280px) { .wrapper { max-width: 1440px; padding-inline:80px} } .design-tiles-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 4px } @media (min-width: 768px) { .design-tiles-wrapper { grid-gap:16px } } @media (min-width: 1024px) { .design-tiles-wrapper { grid-template-columns:repeat(4, 1fr) } } .span__comma:after { content: ','; font-weight: normal } .span__normal { font-weight: normal } .italicize { font-style: italic } .strong { font-family: var(--font-family-primary-bold) } .strong--start:after { content: ':' } .uppercase { text-transform: uppercase } .text { display: block } .text p+p,.text .text-block+.text-block,.text .text-block+p,.text p+.text-block { margin-top: 15px } .text-block { display: block } .text-block p,.text-block .text { margin-bottom: 20px } .text-center { display: block; margin-left: auto; margin-right: auto; text-align: center } .text-contain { max-width: 575px } .text-contain-s1 { max-width: 475px } .text-contain-l1 { max-width: 610px } .text-height { line-height: 1.5 } .text-height p,.text-height .text { line-height: 1.5 } .text-keep-line { white-space: pre-line } .text-keep-space { white-space: pre-wrap } .text-light { color: var(--color-neutral-600) } .text-light-1,.m-search__trail--lt,.text-note { color: var(--color-neutral-600) } .text-white { color: var(--color-white) } .text-dark-3 { color: var(--color-neutral-900) } .text-strike { text-decoration: line-through } .text-note { margin-top: 5px; margin-bottom: 5px } .text-note--small { font-size: var(--font-size-small-200) } .text-note--mobile { font-size: var(--font-size-small-200) } @media (min-width: 768px) { .text-note--mobile { font-size:var(--font-size-small-400) } } .text-note--tiny { font-size: var(--font-size-small-100) } .text-note--warn { background: var(--color-danger-100); color: var(--color-neutral-600); line-height: 1.4; margin-bottom: 10px; margin-top: 10px; padding: 20px } .text-note-2 { font-size: var(--font-size-small-100); position: relative; text-align: right; text-transform: uppercase } .text-note-2:after { bottom: 0; content: ':'; font-weight: bold; position: absolute; right: -4px } .text-note-2--left { text-align: left } .text-note-2--left:after { margin-left: -2px; position: relative; right: 0 } .text-red,.text-error { color: var(--color-danger-500) } .text-sm { font-size: var(--font-size-small-100) } .text-sm--1 { font-size: var(--font-size-small-100) } @media (min-width: 768px) { .text-sm--1 { font-size:var(--font-size-small-200) } } .text-success { color: var(--color-success-500) } .text-monies { color: var(--color-success-500) } .text-wrap { word-wrap: break-word } .text-note--space { margin: 10px 0 } .text-note--space-sm { margin: 5px 0 } .text-note--space-lg { margin: 12px 0 } .text-note--no-space { margin: 0 } .hidden { display: none !important } .hide-if-off.off { display: none !important } .select-all { -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all } .ui-toggle.off { display: none } .avatar { border-radius: 50% } .image { display: block; max-width: 100%; margin-top: 10px; margin-bottom: 10px } .image-res { display: block; max-width: 100%; max-height: 100% } .notify { position: relative } .notify:before { content: ''; background: #b53933; width: 16px; height: 16px; border-radius: 50%; position: absolute; top: -8px; right: -8px } .touchable { cursor: pointer } .u-hide { display: none } .ui-sortable-handle { touch-action: none } #teepublic #content { padding-bottom: 15px } #teepublic.landing-page #content { padding-bottom: 0 } #teepublic.shipment-tracking-page #content { padding-bottom: 0; background-color: var(--color-neutral-900) } #teepublic.shipment-tracking-page .main-wrapper { min-height: auto } html { font-size: 62.5%; font-family: var(--font-family-primary) } body { color: var(--color-neutral-400); background-color: var(--color-neutral-100); font-size: var(--font-size-small-400) } * { box-sizing: border-box } hr { background-color: #9e9e9e; height: 1px; margin: 30px 0 } p { font-size: var(--font-size-small-400) } b { font-weight: bold } @supports (-webkit-appearance: -apple-pay-button) { .apple-pay-button-with-text,.apple-pay-button-plain { cursor:pointer; -webkit-appearance: -apple-pay-button; display: inline-block } .apple-pay-button-with-text { -apple-pay-button-type: buy } .apple-pay-button-plain { -apple-pay-button-type: plain; border-radius: 12px } .apple-pay-button-with-text>* { display: none } .apple-pay-button-black-with-text { -apple-pay-button-style: black } .apple-pay-button-white-with-text { -apple-pay-button-style: white } .apple-pay-button-white-with-line-with-text { -apple-pay-button-style: white-outline } } @supports not (-webkit-appearance: -apple-pay-button) { .apple-pay-button-with-text { --apple-pay-scale: 1; display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content: center; justify-content: center; font-size: var(--font-size-small-200); border-radius: 5px; padding: 0px; box-sizing: border-box; min-width: 200px; min-height: 32px; max-height: 64px } .apple-pay-button-black-with-text { background-color: black; color: white } .apple-pay-button-white-with-text { background-color: white; color: black } .apple-pay-button-white-with-line-with-text { background-color: white; color: black; border: .5px solid black } .apple-pay-button-with-text.apple-pay-button-black-with-text>.logo { background-image: -webkit-named-image(apple-pay-logo-white); background-color: black } .apple-pay-button-with-text.apple-pay-button-white-with-text>.logo { background-image: -webkit-named-image(apple-pay-logo-black); background-color: white } .apple-pay-button-with-text.apple-pay-button-white-with-line-with-text>.logo { background-image: -webkit-named-image(apple-pay-logo-black); background-color: white } .apple-pay-button-with-text>.text { font-family: -apple-system; font-size: calc(1em * var(--apple-pay-scale)); font-weight: 300; -webkit-align-self: center; align-self: center; margin-right: calc(2px * var(--apple-pay-scale)) } .apple-pay-button-with-text>.logo { width: calc(35px * var(--scale)); height: 100%; background-size: 100% 60%; background-repeat: no-repeat; background-position: 0 50%; margin-left: calc(2px * var(--apple-pay-scale)); border: none } } .glide { position: relative; width: 100%; box-sizing: border-box } .glide * { box-sizing: inherit } .glide__track { overflow: hidden } .glide__slides { position: relative; width: 100%; list-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; touch-action: pan-Y; overflow: hidden; margin: 0; padding: 0; white-space: nowrap; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; will-change: transform } .glide__slides--dragging { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .glide__slide { width: 100%; height: 100%; -webkit-flex-shrink: 0; flex-shrink: 0; white-space: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent } .glide__slide a { -webkit-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none } .glide__arrows { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .glide__bullets { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .glide--rtl { direction: rtl } .glide { height: 100% } .glide__track { height: 100% } .glide__slides { height: 100% } .glide__arrow--disabled { visibility: hidden } .on-off { width: 66px; cursor: pointer } .on-off span { height: 30px; width: 64px; cursor: pointer; display: block; background-image: url("https://assets.teepublic.com/assets/uploader/uploader-toggle-d933abe2376244efd13942c9df7e9140bbad38fd2f9993d10d32ce4638182cdd.png") } @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) { .on-off span { background-image:url("https://assets.teepublic.com/assets/uploader/uploader-toggle-2x-9182fe566304ee41d93e9c381ccdcd2afde4f1d8be5d5b89c34b9ef199063296.png"); background-size: 130px 30px } } .on-off span.disabled { background-position: -66px 0px } .one-one { position: relative; display: block } .one-one:before { display: block; content: ""; width: 100%; padding-top: 100% } .one-one>.content { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .one-one img { width: 100% } .bold { font-family: var(--font-family-primary-bold) } .hidden { display: none } .x:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } * html .x { height: 1% } *:first-child+html .x { min-height: 1px } .line { border-top: 1px solid #9e9e9e; width: 100% } .no-js-warning { color: var(--color-danger-500); font-size: var(--font-size-small-400) } #site { position: relative } iframe[name="google_conversion_frame"] { position: fixed } abbr[title] { border-bottom: none } .z-depth-0 { box-shadow: none !important } .z-depth-1 { box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2) } .z-depth-1-half { box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2) } .z-depth-2 { box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3) } .z-depth-3 { box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3) } .z-depth-4,.mtrl-modal { box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3) } .z-depth-5 { box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3) } .display-table { width: 100%; height: 100%; display: table } .display-table .display-table-cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle } .center { text-align: center } .center>* { display: inline-block } .left { text-align: left } .underline { text-decoration: underline } .row-flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .row-flex>* { -webkit-flex-grow: 1; flex-grow: 1 } .bordered-header { border-bottom: 5px solid #9e9e9e; padding-bottom: 5px; margin-top: 30px; margin-bottom: 20px } .bordered-header h3 { white-space: nowrap; font-size: var(--font-size-medium-100) } @media screen and (max-width: 480px) { .bordered-header { margin-top:18px } } .dev-mode { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; padding: 10px 0; font-weight: 700 } .dev-mode .item { display: inline-block; padding: 0 5px } .dev-mode a { color: var(--color-neutral-900); text-decoration: underline } .grid_header { font-size: var(--font-size-medium-400); border-top: 1px solid #9e9e9e; margin-top: 15px; padding-top: 20px; text-transform: uppercase; font-weight: bold } .design-block { margin-top: 30px } .design-block .thumb-container { display: block } .design-block .thumb-container .thumb { width: 100%; max-width: 260px } .design-block .info-text { padding: 10px 0px 25px 0px } .design-block .info-text .designer-info { margin-top: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .design-block .info-text .title { padding-right: 8px; margin-bottom: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } @media screen and (max-width: 768px) { .product-grid .info-text { font-size:var(--font-size-small-100) } } @media screen and (max-width: 480px) { .design-block { margin-top:17px } .design-block .info-text { padding-top: 9px; padding-bottom: 20px } .design-block .info-text .title { margin-bottom: 3px } } #teepublic #content .admin-tools { margin-top: 14px; position: absolute; z-index: 5 } #content>.contain { margin-top: 15px } @media (min-width: 1024px) { #content>.contain { margin-top:40px } } #content>.contain.page-content { margin-top: 32px } .upcase { text-transform: uppercase } .ellip { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 317px } .ellip-line-height { line-height: 1.1 } .head { border-bottom: 1px solid #ccc; margin-bottom: 10px } .split { padding: 0 10px; text-align: left } .split .left { display: inline-block; width: 50%; float: left } .split .right { display: inline-block; width: 48%; float: right } .left { float: left } .right { float: right } .overflow { overflow: hidden } .hidden { display: none } .clear { clear: both !important; font-size: 0 !important; height: 0 !important; line-height: 0 !important; margin: 0 !important; overflow: hidden !important; padding: 0 !important; visibility: hidden !important; float: none !important } .error { color: var(--color-danger-500) } .base-weight { font-weight: normal !important } @media screen and (max-width: 768px) { .fake-container { width:100%; padding: 0px } } html .caret { border-right: 6px solid transparent; border-left: 6px solid transparent } input { box-shadow: 0 } .form-inline .form-control { display: inline-block } .form-group { margin-bottom: 11px } label { display: block; font-size: var(--font-size-small-400); margin-bottom: 5px; text-align: left } label.form-inline { display: inline-block } @media screen and (max-width: 480px) { label { font-size:var(--font-size-small-400) } } textarea { border-radius: 2px } input[type="checkbox"] { -webkit-appearance: checkbox } .regular-form textarea,.regular-form select,.regular-form input[type=text],.regular-form input[type=password],.regular-form input[type=tel],.regular-form input[type=email] { background-color: transparent; border: solid 1px var(--color-neutral-400); border-radius: 1px; color: var(--color-neutral-900); font-size: var(--font-size-small-400); padding: 9px } .regular-form textarea { resize: vertical } .regular-form .field-box+.field-box { margin-top: 30px } .regular-form .actions { margin-top: 20px } .regular-form .errors { margin-bottom: 40px } .regular-form .errors ul { list-style: disc inside; padding-left: 5px } .regular-form .errors h2 { margin-bottom: 10px } .regular-form .errors li { line-height: 1.5 } label.radio-label { margin-bottom: 0 } .select-wrapper { overflow: hidden } .select-wrapper .select { height: 34px; overflow: hidden; background: url("https://assets.teepublic.com/assets/teepublicons/triangle-5d2ee7663757579745916d136794e100cb48c15bdde9122add67f19dc251196d.svg") no-repeat white; background-position: right 10px center; background-size: 12px; border: 0; vertical-align: bottom; width: 100% } .select-wrapper .select select { color: var(--color-neutral-800); width: 100%; font-size: var(--font-size-small-400); height: 100%; border: 1px solid silver; border-radius: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; padding-top: 0; padding-left: 10px } .select-wrapper .select select::-ms-expand { display: none } .g-recaptcha { margin: 0 0 15px } .tp-datetime-select,.tp-select-wrapper select,.tp-input-field { background-color: transparent; color: var(--color-neutral-900); display: block; font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); padding: 12px 16px; height: 48px } .tp-datetime-select:active,.tp-select-wrapper select:active,.tp-input-field:active { border: 2px solid var(--color-neutral-900) } .tp-datetime-select:focus-visible,.tp-select-wrapper select:focus-visible,.tp-input-field:focus-visible { border: 2px solid var(--color-primary-500); outline: 4px solid var(--color-primary-200); background-color: var(--color-neutral-100) } .tp-input-field--hosted-field-container,.tp-datetime-select,.tp-select-wrapper select,.tp-input-field { border: 2px solid var(--color-neutral-300); border-radius: 12px } .tp-input-field { width: 100% } .tp-form .tp-input-field--wrapper { margin-bottom: 12px } .tp-form #white_label_account_background_color { margin-bottom: 16px } #dashery_store_colors_radio_groups { max-width: 400px } .tp-input-label { display: -webkit-flex; display: flex; font-family: var(--font-family-primary-semibold); -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 0 } .tp-input-label .tp-input-label-asterisk { color: var(--color-primary-500) } .tp-input-label .tp-input-label-optional { color: var(--color-neutral-700); font-family: var(--font-family-primary); font-size: var(--font-size-small-200) } .tp-input-field--description { color: var(--color-neutral-700); font-size: 12px; line-height: 16px } .tp-input-field--text { border: 2px solid var(--color-neutral-300); padding: 12px 32px 12px 16px } .tp-input-field--text::-webkit-input-placeholder { color: var(--color-neutral-500) } .tp-input-field--text:-ms-input-placeholder { color: var(--color-neutral-500) } .tp-input-field--text::-ms-input-placeholder { color: var(--color-neutral-500) } .tp-input-field--text::placeholder { color: var(--color-neutral-500) } .tp-input-field--text:-ms-input-placeholder { color: var(--color-neutral-500) } .tp-input-field--text-area { height: 80px } .tp-input-field--error-message { display: none; color: var(--color-danger-600); opacity: 0; font-size: 12px; line-height: 16px; transition: opacity 0.3s } .tp-input-field--wrapper { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 2px } .tp-input-field--wrapper .tp-input-field--text__icon-success-container,.tp-input-field--wrapper .tp-input-field--text__icon-error-container { display: none } .tp-input-field--wrapper.tp-input-field--text-success .tp-input-field--text__icon-success-container { display: -webkit-flex; display: flex } .tp-input-field--wrapper.tp-input-field--text-success .tp-input-field--text__icon-error-container { display: none } .tp-input-field--wrapper.tp-input-field--text-error .tp-input-field--text,.tp-input-field--wrapper.tp-input-field--text-error select { background-color: var(--color-danger-100); border: 2px solid var(--color-danger-500); outline-color: transparent } .tp-input-field--wrapper.tp-input-field--text-error .tp-input-field--text__icon-success-container { display: none } .tp-input-field--wrapper.tp-input-field--text-error .tp-input-field--text__icon-error-container { display: -webkit-flex; display: flex } .tp-input-field--wrapper.tp-input-field--text-error .tp-input-field--text__icon-error-container svg { fill: var(--color-danger-500) } .tp-input-field--wrapper.tp-input-field--text-error .tp-input-label-asterisk { color: var(--color-danger-600) } .tp-input-field--wrapper.tp-input-field--text-error .tp-input-field--error-message { display: -webkit-flex; display: flex; opacity: 1 } .tp-input-field--wrapper.tp-input-field--text-error .tp-input-field--hosted-field-container { background-color: var(--color-danger-100); border-color: var(--color-danger-500); font-size: 50px } .tp-input-field--wrapper.tp-input-field--text-disabled .tp-input-field--text { background-color: var(--color-neutral-200); border: 2px solid var(--color-neutral-300); color: var(--color-neutral-700) } .tp-input-field--wrapper.tp-input-field--text-disabled .tp-input-field--text__icon-success-container svg { fill: var(--color-neutral-400) } .tp-input-field--text-container { position: relative } .tp-input-field--text__icon-container { -webkit-align-items: flex-start; align-items: flex-start; bottom: 0; display: -webkit-flex; display: flex; pointer-events: none; position: absolute; right: 16px; top: 16px } .tp-input-field--text__action-container { position: absolute; top: 10px; right: 16px } .tp-input-field--text__action-container .teepublicon { cursor: pointer } .tp-form-label { font-family: var(--font-family-primary-semibold); line-height: 1.5; margin-bottom: 0 } .tp-form-label>* { margin-top: 4px } .tp-input-field--hosted-field-container { height: 48px } .tp-input-field--hosted-field-container.braintree-hosted-fields-focused { background-color: var(--color-primary-100); border-color: var(--color-neutral-900) } .tp-select-wrapper { position: relative } .tp-select-wrapper::after { content: ''; position: absolute; display: block; width: 16px; height: 16px; right: 16px; top: calc(50% - 8px); background-image: url("https://assets.teepublic.com/assets/teepublicons/triangle-5d2ee7663757579745916d136794e100cb48c15bdde9122add67f19dc251196d.svg"); background-size: cover; background-position: center; pointer-events: none } .tp-select-wrapper select { margin: 0; -webkit-appearance: none; -moz-appearance: none; width: 100% } .tp-select-wrapper select:focus { border: 2px solid var(--color-primary-500); outline: 4px solid var(--color-primary-200); background: var(--color-neutral-100) } .tp-select-wrapper select:active { background: var(--color-primary-100); border: 2px solid var(--color-neutral-300) } .tp-select-wrapper select:disabled { border: 2px solid var(--color-neutral-300); background: var(--color-neutral-200) } .tp-select-wrapper select::-ms-expand { display: none } .tp-form__fields--inline { -webkit-align-items: flex-end; align-items: flex-end; display: -webkit-flex; display: flex; gap: 12px; width: 100% } .tp-form__fields--inline .form__field:first-child { -webkit-align-self: flex-start; align-self: flex-start } .tp-input-field--file input[type="file"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; cursor: pointer; display: inline-block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .tp-input-field--file input.tp-input-field--file-hidden[type="file"] { display: none } .tp-input-field--file input[type="file"]::file-selector-button { border: 2px solid var(--color-neutral-300); border-radius: 12px; cursor: pointer; display: inline-block; gap: 8px; margin-right: 10px; padding: 8px 16px } .tp-input-field--file .tp-input-field--file-image-preview { border: 1px solid var(--color-neutral-200); padding: 8px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .tp-input-field--file .tp-input-field--file-image--logo { max-height: 60px; max-width: 300px } .tp-input-field--file .tp-input-field--file-image--header { height: 100px; width: 290px } .tp-input-field--file .tp-input-field--file-image-preview-actions { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; gap: 12px } #product-display-preferences { max-width: 400px } .tp-input-password-field { text-align: left } .tp-input-password-field .tp-input-field--text__icon-container { right: 52px } .tp-input-field-password-pattern { margin-top: 8px } .tp-input-field-password-pattern__title { 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-600) } .tp-input-field-password-pattern__list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 4px 8px; -webkit-justify-content: flex-start; justify-content: flex-start; margin-top: 4px } .tp-input-field-password-pattern__item { font-size: var(--font-size-small-200); line-height: var(--font-size-small-400); font-family: var(--font-family-primary); font-weight: 500; -webkit-flex-shrink: 0; flex-shrink: 0 } .tp-input-field-password-pattern__item span { color: var(--color-neutral-600) } .tp-input-field-password-pattern__item.tp-input-field-password-pattern__item--success span { color: var(--color-success-600) } .tp-input-field-password-pattern__item.tp-input-field-password-pattern__item--error span { color: var(--color-danger-500) } .tp-input-field-password-pattern__item.tp-input-field-password-pattern__item--error .teepublicon svg { fill: var(--color-danger-500) } .m-signup-form__name-fields-container .tp-input-field--wrapper:nth-of-type(4) { text-align: left } @media (min-width: 1024px) { .m-signup-form__name-fields-container { display:grid; grid-template-columns: 1fr 1fr; grid-column-gap: 16px } .m-signup-form__name-fields-container .tp-input-field--wrapper:nth-of-type(3),.m-signup-form__name-fields-container .tp-input-field--wrapper:nth-of-type(4),.m-signup-form__name-fields-container .tp-input-field--wrapper:nth-of-type(5) { grid-column: span 2 } } .m-signup-form__name-fields-container+.auth-layout__button { margin-top: 0 } .m-signup-form__terms-and-privacy { margin-top: 16px; text-align: left } .m-signup-form__terms-and-privacy,.m-signup-form__terms-and-privacy a { font-size: var(--font-size-small-100); line-height: var(--font-size-small-400); font-family: var(--font-family-primary); font-weight: 500 } .reveal-modal-bg { background: #000; background: rgba(0,0,0,0.8); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000 } .reveal-modal,.reveal-nominate-modal,.modal { visibility: hidden; top: 100px; width: 100%; background-color: var(--color-white); position: absolute; z-index: 1000; padding: 0px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -box-shadow: 0 0 10px rgba(0,0,0,0.4); height: auto; left: 50%; margin-left: -375px } .reveal-modal .modal-container,.reveal-nominate-modal .modal-container,.modal .modal-container { width: 100% } .reveal-modal .modal-container .close-modal,.reveal-nominate-modal .modal-container .close-modal,.modal .modal-container .close-modal { transition: all 0.1s ease-in-out; position: absolute; top: -55px; right: -60px; color: var(--color-neutral-300); font-size: 40px; cursor: pointer; z-index: 1 } @media (max-width: 767px) { .reveal-modal .modal-container .close-modal,.reveal-nominate-modal .modal-container .close-modal,.modal .modal-container .close-modal { bottom:-560px; font-size: 32px; left: 0; margin: auto; right: 0; top: 0 } } .reveal-modal .modal-container .close-modal:hover,.reveal-nominate-modal .modal-container .close-modal:hover,.modal .modal-container .close-modal:hover { color: var(--color-neutral-200) } .reveal-modal .modal-container h1,.reveal-nominate-modal .modal-container h1,.modal .modal-container h1 { color: var(--color-neutral-900); text-align: center; text-transform: uppercase; font-size: var(--font-size-large-100); padding: 0px; margin: 0px; margin-top: 34px; font-family: var(--font-family-primary-bold) } .reveal-modal .modal-container p,.reveal-nominate-modal .modal-container p,.modal .modal-container p { font-size: var(--font-size-small-400); text-align: center; line-height: 1.3em } .reveal-modal.small,.reveal-nominate-modal.small { width: 200px; margin-left: -140px } .reveal-modal.medium,.reveal-nominate-modal.medium { width: 400px; margin-left: -240px } .reveal-modal.large,.reveal-nominate-modal.large { width: 600px; margin-left: -340px } .reveal-modal.xlarge,.reveal-nominate-modal.xlarge { width: 800px; margin-left: -440px } .reveal-modal .close-reveal-modal,.reveal-nominate-modal .close-reveal-modal { font-size: var(--font-size-medium-200); line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6); font-weight: bold; cursor: pointer } .reveal-modal h1 { text-align: center; color: var(--color-neutral-900); font-size: var(--font-size-xlarge-400); font-family: var(--font-family-primary-bold); margin: 50px 0 30px 0; padding: 0px; text-transform: uppercase } .reveal-modal p,.reveal-nominate-modal p { text-align: left; color: var(--color-neutral-900); font-weight: normal; font-size: var(--font-size-medium-100); font-family: var(--font-family-primary); margin: 0px; padding: 0px 104px 0px 104px; line-height: 120% } .reveal-modal p a { text-align: center; color: #28a5cc; font-size: var(--font-size-medium-100); font-family: var(--font-family-primary); font-weight: normal; margin: 0px; padding: 0px; text-decoration: none } .reveal-modal h2 span a,.reveal-nominate-modal h2 span a { text-align: center; color: #28a5cc; font-size: var(--font-size-small-400); font-family: var(--font-family-primary); font-weight: normal; margin: 70px 0 0 0; padding: 0px; text-decoration: none } .paypal { width: 139px; margin: 0px auto; height: 38px; padding: 30px 0 70px 0 } .modal-head { text-align: center; background-color: #28a5cc; color: var(--color-white); padding: 10px; font-size: var(--font-size-small-400) } .modal { border-radius: 4px; bottom: auto; display: inherit !important; overflow: visible !important; position: absolute !important; right: auto; z-index: 10000 } .modal.modal-default { height: 600px; width: 800px } .modal__close-ctrl { bottom: -50px; color: var(--color-neutral-300); cursor: pointer; font-size: var(--font-size-medium-300); left: 0; padding-top: 15px; position: absolute; right: 0; text-align: center } .modal-container .modal__close-ctrl { display: none } #edit-avatar,#edit-banner { height: auto; width: 343px; padding: 24px; border-radius: 12px; position: fixed !important; top: 50% !important; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) } #edit-avatar .modal__close-ctrl,#edit-banner .modal__close-ctrl { display: none } #edit-avatar .modal-container .modal__close-ctrl,#edit-banner .modal-container .modal__close-ctrl { display: block; text-align: right; position: relative; padding: 0; margin: 0; top: 0; font-size: inherit } #intl-settings { height: auto; top: 118px; width: 328px } @media (min-width: 768px) { #intl-settings { width:367px; top: 275px } } #mobile-canvas-sizechart { background: transparent; height: auto; top: 10%; width: 328px } @media (min-width: 768px) { #mobile-canvas-sizechart { width:430px } #mobile-canvas-sizechart .modal__close-ctrl { position: absolute; top: 0; padding: 0; right: -50px } } #intl-settings.non-modal { width: 0px !important; height: 0px !important; display: none !important; visibility: hidden !important } #mobile-size-chart { height: 345px; width: 361px } .non-modal { margin-left: 0px !important; max-height: none !important; width: 100% !important } #commission-modal { left: 0px; background-color: var(--color-white); max-width: 490px; padding: 20px !important; height: auto } #commission-modal .modal-container { color: var(--color-neutral-900); text-align: center } #commission-modal .modal-container .non-modal { width: auto !important } #commission-modal .modal-container h3 { text-align: left; font-size: var(--font-size-medium-100); text-transform: uppercase; font-weight: bold; margin-bottom: 10px } #commission-modal .modal-container div { width: auto !important } #commission-modal .modal-container div table { width: 100% } #commission-modal .modal-container div table th { padding: 11px; background-color: #ebebeb; border: 2px solid #000; text-transform: uppercase; font-weight: bold; text-align: left } #commission-modal .modal-container div table .blank { background-color: var(--color-white); border: none } #commission-modal .modal-container div table td { padding: 11px; background-color: #ebebeb; border: 2px solid #000; text-transform: uppercase; text-align: left } #commission-modal .modal-container div table td:first-child { font-weight: bold } #commission-modal.non-modal { margin-left: 0px !important; max-height: none !important; width: auto !important } .modal-container.non-modal { width: auto !important } .sizechart-canvas-modal__pillow { min-width: 600px; width: auto } .sizechart-canvas-modal__tote { min-width: 940px; width: auto } .sizechart-canvas-modal__content { border: 0; border-radius: none } .sizechart-canvas-modal__content img { display: block } .sizechart-canvas-modal__content a { transition: none } .sizechart-canvas-modal__img--responsive { border-radius: 4px; overflow: hidden; height: auto; width: 100% } #sizechart-modal { max-width: 940px } #sizechart-modal .modal-content { padding-left: 15px; padding-right: 15px } .sizechart-holder { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10001; background-color: rgba(0,0,0,0.8) } .sizechart-holder .sizechart { width: 900px; margin-left: auto; margin-right: auto; position: relative; top: 100px; background-color: var(--color-white); border: 1px solid var(--color-neutral-400); padding: 30px } .sizechart-holder .sizechart .header { display: block; text-align: left; height: 45px } .sizechart-holder .sizechart .header h1 { float: left; text-transform: uppercase; color: #5f5d5f; font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-300) } .sizechart-holder .sizechart .header h1 span { font-size: var(--font-size-small-200); font-family: sans-serif; text-transform: none } .sizechart-holder .sizechart .header .buttons { float: right } .sizechart-holder .sizechart .header .buttons .button { display: inline-block; height: 20px; font-family: sans-serif; border: 1px solid var(--color-neutral-400); line-height: 20px; padding: 3px 10px; margin-left: 10px; cursor: pointer; background-color: var(--color-white) } .sizechart-holder .sizechart .header .buttons .button.active { background-color: #eeeeee } .sizechart-holder .sizechart .content { max-height: 500px; overflow-y: scroll; overflow-x: hidden; display: block; width: 100% } .sizechart-holder .sizechart .content #women { display: none } #sizechart { left: 0px; background-color: var(--color-white); width: 100%; height: auto } #sizechart h1 { text-align: center; margin-top: 34px; padding: 0 !important; font-size: var(--font-size-large-200); color: var(--color-neutral-900); font-family: var(--font-family-primary-bold); text-transform: uppercase } #sizechart .sizeguide { margin-bottom: 20px } #sizechart #notes .addendum { text-align: center; margin-top: -2px; padding: 5px; font-size: var(--font-size-small-400); font-style: italic } #sizechart #gender_select .male_or_female { width: 256px; overflow: hidden; margin: 14px auto 0 } #sizechart #gender_select .male_or_female>div { background-image: url("https://static.teepublic.com/sizechart/charts/sizechart-nav.png"); height: 24px; width: 122px; cursor: pointer } #sizechart #gender_select .male_or_female .mof_male { float: left; background-position: -870px 0 } #sizechart #gender_select .male_or_female .mof_male:hover { background-position: -870px -34px } #sizechart #gender_select .male_or_female .mof_male.selected { background-position: -870px -68px } #sizechart #gender_select .male_or_female .mof_female { float: right; background-position: -1004px 0 } #sizechart #gender_select .male_or_female .mof_female:hover { background-position: -1004px -34px } #sizechart #gender_select .male_or_female .mof_female.selected { background-position: -1004px -68px } #sizechart .sizechart-nav { overflow: hidden; margin-top: 17px; background-color: var(--color-neutral-900); text-align: center; height: 48px } #sizechart .sizechart-nav a { display: inline-block; height: 48px; background-image: url("https://static.teepublic.com/sizechart/charts/sizechart-nav.png"); cursor: pointer } #sizechart .sizechart-nav a.tees { width: 132px; background-position: 0 0 } #sizechart .sizechart-nav a.tees:hover { background-position: 0 -58px } #sizechart .sizechart-nav a.tees.selected { background-position: 0 -116px } #sizechart .sizechart-nav a.kids { width: 102px; background-position: -132px 0 } #sizechart .sizechart-nav a.kids:hover { background-position: -132px -58px } #sizechart .sizechart-nav a.kids.selected { background-position: -132px -116px } #sizechart .sizechart-nav a.longsleeve { width: 175px; background-position: -234px 0 } #sizechart .sizechart-nav a.longsleeve:hover { background-position: -234px -58px } #sizechart .sizechart-nav a.longsleeve.selected { background-position: -234px -116px } #sizechart .sizechart-nav a.baseball { width: 148px; background-position: -409px 0 } #sizechart .sizechart-nav a.baseball:hover { background-position: -409px -58px } #sizechart .sizechart-nav a.baseball.selected { background-position: -409px -116px } #sizechart .sizechart-nav a.tanks { width: 74px; background-position: -557px 0 } #sizechart .sizechart-nav a.tanks:hover { background-position: -557px -58px } #sizechart .sizechart-nav a.tanks.selected { background-position: -557px -116px } #sizechart .sizechart-nav a.crewnecks { width: 122px; background-position: -631px 0 } #sizechart .sizechart-nav a.crewnecks:hover { background-position: -631px -58px } #sizechart .sizechart-nav a.crewnecks.selected { background-position: -631px -116px } #sizechart .sizechart-nav a.hoodies { width: 107px; background-position: -753px 0 } #sizechart .sizechart-nav a.hoodies:hover { background-position: -753px -58px } #sizechart .sizechart-nav a.hoodies.selected { background-position: -753px -116px } #sizechart .subnavs { background-image: url("https://static.teepublic.com/sizechart/charts/sizechart-nav.png"); background-position: 0 -638px; overflow: hidden; background-color: var(--color-primary-500) } #sizechart .subnavs .tanks { display: none } #sizechart .subnavs .crewnecks { display: none } #sizechart .subnavs .hoodies { display: none } #sizechart .subnavs>div>div>a { background-image: url("https://static.teepublic.com/sizechart/charts/sizechart-nav.png"); height: 48px; display: inline-block; cursor: pointer } #sizechart .subnavs>div>div>a.regular { width: 94px; margin-left: 20px; background-position: -26px -174px } #sizechart .subnavs>div>div>a.regular.selected,#sizechart .subnavs>div>div>a.regular:hover { background-position: -26px -232px } #sizechart .subnavs>div>div>a.tri { width: 102px; background-position: -119px -174px } #sizechart .subnavs>div>div>a.tri.selected,#sizechart .subnavs>div>div>a.tri:hover { background-position: -119px -232px } #sizechart .subnavs>div>div>a.vee { width: 87px; background-position: -225px -174px } #sizechart .subnavs>div>div>a.vee.selected,#sizechart .subnavs>div>div>a.vee:hover { background-position: -225px -232px } #sizechart .subnavs>div>div>a.curvy { width: 77px; background-position: -335px -174px } #sizechart .subnavs>div>div>a.curvy.selected,#sizechart .subnavs>div>div>a.curvy:hover { background-position: -335px -232px } #sizechart .subnavs>div>div>a.dolman { width: 93px; background-position: -435px -174px } #sizechart .subnavs>div>div>a.dolman.selected,#sizechart .subnavs>div>div>a.dolman:hover { background-position: -435px -232px } #sizechart .subnavs>div>div>a.mens { width: 100px; background-position: -528px -174px } #sizechart .subnavs>div>div>a.mens.selected,#sizechart .subnavs>div>div>a.mens:hover { background-position: -528px -232px } #sizechart .subnavs>div>div>a.slouch_t { width: 81px; background-position: -527px -174px } #sizechart .subnavs>div>div>a.slouch_t.selected,#sizechart .subnavs>div>div>a.slouch_t:hover { background-position: -527px -232px } #sizechart .subnavs>div>div>a.slouch_v { width: 143px; background-position: -610px -174px } #sizechart .subnavs>div>div>a.slouch_v.selected,#sizechart .subnavs>div>div>a.slouch_v:hover { background-position: -610px -232px } #sizechart .subnavs>div>div>a.lady_in_men { width: 99px; background-position: -756px -174px } #sizechart .subnavs>div>div>a.lady_in_men.selected,#sizechart .subnavs>div>div>a.lady_in_men:hover { background-position: -756px -232px } #sizechart .subnavs>div>div>a.premium { width: 101px; background-position: -856px -174px } #sizechart .subnavs>div>div>a.premium.selected,#sizechart .subnavs>div>div>a.premium:hover { background-position: -856px -232px } #sizechart .subnavs>div>div>a.tank-regular { width: 94px; margin-left: 0px; background-position: -50px -290px } #sizechart .subnavs>div>div>a.tank-regular.selected,#sizechart .subnavs>div>div>a.tank-regular:hover { background-position: -50px -348px } #sizechart .subnavs>div>div>a.tank-triblend { width: 105px; background-position: -144px -290px } #sizechart .subnavs>div>div>a.tank-triblend.selected,#sizechart .subnavs>div>div>a.tank-triblend:hover { background-position: -144px -348px } #sizechart .subnavs>div>div>a.tank-muscle { width: 86px; background-position: -249px -290px } #sizechart .subnavs>div>div>a.tank-muscle.selected,#sizechart .subnavs>div>div>a.tank-muscle:hover { background-position: -249px -348px } #sizechart .subnavs>div>div>a.tank-jr-racerback { width: 134px; background-position: -335px -290px } #sizechart .subnavs>div>div>a.tank-jr-racerback.selected,#sizechart .subnavs>div>div>a.tank-jr-racerback:hover { background-position: -335px -348px } #sizechart .subnavs>div>div>a.tank-premium-racerback { width: 190px; background-position: -469px -290px } #sizechart .subnavs>div>div>a.tank-premium-racerback.selected,#sizechart .subnavs>div>div>a.tank-premium-racerback:hover { background-position: -469px -348px } #sizechart .subnavs>div>div>a.tank-triblend-racerback { width: 192px; background-position: -659px -290px } #sizechart .subnavs>div>div>a.tank-triblend-racerback.selected,#sizechart .subnavs>div>div>a.tank-triblend-racerback:hover { background-position: -659px -348px } #sizechart .subnavs>div>div>a.longsleeve-regular { width: 93px; background-position: -185px -696px } #sizechart .subnavs>div>div>a.longsleeve-regular.selected,#sizechart .subnavs>div>div>a.longsleeve-regular:hover { background-position: -185px -754px } #sizechart .subnavs>div>div>a.longsleeve-scoop { width: 78px; background-position: -279px -696px } #sizechart .subnavs>div>div>a.longsleeve-scoop.selected,#sizechart .subnavs>div>div>a.longsleeve-scoop:hover { background-position: -279px -754px } #sizechart .subnavs>div>div>a.longsleeve-premium { width: 102px; background-position: -357px -695px } #sizechart .subnavs>div>div>a.longsleeve-premium.selected,#sizechart .subnavs>div>div>a.longsleeve-premium:hover { background-position: -357px -753px } #sizechart .subnavs>div>div>a.crewneck-regular { width: 92px; background-position: -539px -406px } #sizechart .subnavs>div>div>a.crewneck-regular.selected,#sizechart .subnavs>div>div>a.crewneck-regular:hover { background-position: -539px -464px } #sizechart .subnavs>div>div>a.crewneck-lightweight { width: 135px; background-position: -716px -406px } #sizechart .subnavs>div>div>a.crewneck-lightweight.selected,#sizechart .subnavs>div>div>a.crewneck-lightweight:hover { background-position: -716px -464px } #sizechart .subnavs>div>div>a.hoodie-regular { width: 85px; margin-left: 356px; background-position: -349px -522px } #sizechart .subnavs>div>div>a.hoodie-regular.selected,#sizechart .subnavs>div>div>a.hoodie-regular:hover { background-position: -349px -580px } #sizechart .subnavs>div>div>a.hoodie-lightweight { width: 137px; background-position: -434px -522px } #sizechart .subnavs>div>div>a.hoodie-lightweight.selected,#sizechart .subnavs>div>div>a.hoodie-lightweight:hover { background-position: -434px -580px } #sizechart .subnavs>div>div>a.hoodie-zip { width: 115px; background-position: -570px -522px } #sizechart .subnavs>div>div>a.hoodie-zip.selected,#sizechart .subnavs>div>div>a.hoodie-zip:hover { background-position: -570px -580px } #sizechart .subnavs>div>div>a.hoodie-lightweight-zip { width: 166px; background-position: -685px -522px } #sizechart .subnavs>div>div>a.hoodie-lightweight-zip.selected,#sizechart .subnavs>div>div>a.hoodie-lightweight-zip:hover { background-position: -685px -580px } #sizechart .subnavs>div>div>a.kids-toddler { margin-left: 20px; width: 93px; background-position: -8px -812px } #sizechart .subnavs>div>div>a.kids-toddler.selected,#sizechart .subnavs>div>div>a.kids-toddler:hover { background-position: -8px -870px } #sizechart .subnavs>div>div>a.kids-juvenile { width: 96px; background-position: -101px -812px } #sizechart .subnavs>div>div>a.kids-juvenile.selected,#sizechart .subnavs>div>div>a.kids-juvenile:hover { background-position: -101px -870px } #sizechart .subnavs>div>div>a.kids-youth { width: 77px; background-position: -198px -812px } #sizechart .subnavs>div>div>a.kids-youth.selected,#sizechart .subnavs>div>div>a.kids-youth:hover { background-position: -198px -870px } #sizechart .subnavs>div>div>a.kids-infant { width: 77px; background-position: -275px -812px } #sizechart .subnavs>div>div>a.kids-infant.selected,#sizechart .subnavs>div>div>a.kids-infant:hover { background-position: -275px -869px } #sizechart .subnavs>div>div>a.kids-hoodie { width: 87px; background-position: -352px -812px } #sizechart .subnavs>div>div>a.kids-hoodie.selected,#sizechart .subnavs>div>div>a.kids-hoodie:hover { background-position: -352px -869px } #sizechart .subnavs>div>div>a.kids-long { width: 161px; background-position: -439px -812px } #sizechart .subnavs>div>div>a.kids-long.selected,#sizechart .subnavs>div>div>a.kids-long:hover { background-position: -439px -869px } #sizechart .subnavs .crewnecks .male .crewneck-regular { margin-left: 590px } #sizechart .subnavs .crewnecks .female .crewneck-regular { margin-left: 530px } #sizechart .charts { max-height: 700px; overflow-y: scroll; overflow-x: hidden } #sizechart .charts>div { display: none } #sizechart .charts>div img { float: left } #sizechart .charts img { display: block; margin-right: auto; margin-left: auto } #sizechart .charts .tanks .female .male-button { float: left; margin-left: 200px } #sizechart .charts .tanks .female .racerback-button,#sizechart .charts .tanks .female .regular-button { float: right; margin-right: 200px } #sizechart .charts .tanks .female .regular-button { padding: 0px; height: 27px } #sizechart .charts .metric { display: block; cursor: pointer; margin-bottom: 25px; margin-top: 10px } #sizechart .charts .imperial { display: block; display: none; cursor: pointer; margin-bottom: 25px; margin-top: 10px } #garment-modal { left: 0px; background-color: var(--color-white); max-width: 700px; width: 100%; height: auto } #garment-modal .modal-container { max-width: 700px; width: 100%; color: var(--color-neutral-900); text-align: center; position: relative } #garment-modal .modal-container img { width: 100%; height: auto; cursor: pointer } #garment-modal .modal-container div.close-reveal-modal { position: absolute; top: -55px; right: -60px; color: var(--color-neutral-300); font-size: var(--font-size-xlarge-300); cursor: pointer; z-index: 1 } #garment-modal .modal-container div.close-reveal-modal:hover { color: var(--color-neutral-200) } #garment-modal .modal-container h1 { padding: 24px 0 12px !important; margin: 0 !important; font-size: var(--font-size-xlarge-100); color: var(--color-neutral-900); font-family: var(--font-family-primary-bold); text-transform: uppercase } #garment-modal .modal-container .spec-nav { overflow: hidden; background-image: url("https://assets.teepublic.com/assets/garment-info/spec-nav-sprite-1fea6eda57fa6187840deaf52846cd2c83f49dbb7dd8bc5585e1933554e0da23.png") } #garment-modal .modal-container .spec-nav a,#garment-modal .modal-container .spec-nav div { display: block; height: 48px; background-image: url("https://assets.teepublic.com/assets/garment-info/spec-nav-sprite-1fea6eda57fa6187840deaf52846cd2c83f49dbb7dd8bc5585e1933554e0da23.png"); float: left } #garment-modal .modal-container .spec-nav a { cursor: pointer } #garment-modal .modal-container .spec-nav a img { float: left } #garment-modal .modal-container .spec-nav.tee-nav { background-position: 0 0 } #garment-modal .modal-container .spec-nav.tee-nav a.regular { width: 86px; margin-left: 5px; background-position: -5px 0 } #garment-modal .modal-container .spec-nav.tee-nav a.regular:hover,#garment-modal .modal-container .spec-nav.tee-nav a.regular.selected { background-position: -5px -58px } #garment-modal .modal-container .spec-nav.tee-nav a.tri { width: 86px; background-position: -91px 0 } #garment-modal .modal-container .spec-nav.tee-nav a.tri:hover,#garment-modal .modal-container .spec-nav.tee-nav a.tri.selected { background-position: -91px -58px } #garment-modal .modal-container .spec-nav.tee-nav a.vee { width: 86px; background-position: -177px 0 } #garment-modal .modal-container .spec-nav.tee-nav a.vee:hover,#garment-modal .modal-container .spec-nav.tee-nav a.vee.selected { background-position: -177px -58px } #garment-modal .modal-container .spec-nav.tee-nav a.curvy { width: 86px; background-position: -263px 0 } #garment-modal .modal-container .spec-nav.tee-nav a.curvy:hover,#garment-modal .modal-container .spec-nav.tee-nav a.curvy.selected { background-position: -263px -58px } #garment-modal .modal-container .spec-nav.tee-nav a.dolman { width: 86px; background-position: -349px 0 } #garment-modal .modal-container .spec-nav.tee-nav a.dolman:hover,#garment-modal .modal-container .spec-nav.tee-nav a.dolman.selected { background-position: -349px -58px } #garment-modal .modal-container .spec-nav.tee-nav a.slouchy-t { width: 86px; background-position: -435px 0 } #garment-modal .modal-container .spec-nav.tee-nav a.slouchy-t:hover,#garment-modal .modal-container .spec-nav.tee-nav a.slouchy-t.selected { background-position: -435px -58px } #garment-modal .modal-container .spec-nav.tee-nav a.slouchy-v { width: 86px; background-position: -521px 0 } #garment-modal .modal-container .spec-nav.tee-nav a.slouchy-v:hover,#garment-modal .modal-container .spec-nav.tee-nav a.slouchy-v.selected { background-position: -521px -58px } #garment-modal .modal-container .spec-nav.tee-nav a.premium { width: 87px; background-position: -607px 0 } #garment-modal .modal-container .spec-nav.tee-nav a.premium:hover,#garment-modal .modal-container .spec-nav.tee-nav a.premium.selected { background-position: -607px -58px } #garment-modal .modal-container .spec-nav.tank-nav { background-position: 0 116px } #garment-modal .modal-container .spec-nav.tank-nav a.tank-regular { width: 111px; margin-left: 16px; background-position: -16px -116px } #garment-modal .modal-container .spec-nav.tank-nav a.tank-regular:hover,#garment-modal .modal-container .spec-nav.tank-nav a.tank-regular.selected { background-position: -16px -174px } #garment-modal .modal-container .spec-nav.tank-nav a.tank-triblend { width: 111px; background-position: -127px -116px } #garment-modal .modal-container .spec-nav.tank-nav a.tank-triblend:hover,#garment-modal .modal-container .spec-nav.tank-nav a.tank-triblend.selected { background-position: -127px -174px } #garment-modal .modal-container .spec-nav.tank-nav a.tank-muscle { width: 111px; background-position: -238px -116px } #garment-modal .modal-container .spec-nav.tank-nav a.tank-muscle:hover,#garment-modal .modal-container .spec-nav.tank-nav a.tank-muscle.selected { background-position: -238px -174px } #garment-modal .modal-container .spec-nav.tank-nav a.tank-jr-racerback { width: 111px; background-position: -349px -116px } #garment-modal .modal-container .spec-nav.tank-nav a.tank-jr-racerback:hover,#garment-modal .modal-container .spec-nav.tank-nav a.tank-jr-racerback.selected { background-position: -349px -174px } #garment-modal .modal-container .spec-nav.tank-nav a.tank-triblend-racerback { width: 111px; background-position: -460px -116px } #garment-modal .modal-container .spec-nav.tank-nav a.tank-triblend-racerback:hover,#garment-modal .modal-container .spec-nav.tank-nav a.tank-triblend-racerback.selected { background-position: -460px -174px } #garment-modal .modal-container .spec-nav.tank-nav a.tank-premium-racerback { width: 112px; background-position: -571px -116px } #garment-modal .modal-container .spec-nav.tank-nav a.tank-premium-racerback:hover,#garment-modal .modal-container .spec-nav.tank-nav a.tank-premium-racerback.selected { background-position: -571px -174px } #garment-modal .modal-container .spec-nav.hoodie-nav { background-position: 0 -348px } #garment-modal .modal-container .spec-nav.hoodie-nav a.hoodie-classic { width: 131px; margin-left: 88px; background-position: -88px -348px } #garment-modal .modal-container .spec-nav.hoodie-nav a.hoodie-classic:hover,#garment-modal .modal-container .spec-nav.hoodie-nav a.hoodie-classic.selected { background-position: -88px -406px } #garment-modal .modal-container .spec-nav.hoodie-nav a.hoodie-lightweight { width: 131px; background-position: -220px -348px } #garment-modal .modal-container .spec-nav.hoodie-nav a.hoodie-lightweight:hover,#garment-modal .modal-container .spec-nav.hoodie-nav a.hoodie-lightweight.selected { background-position: -220px -406px } #garment-modal .modal-container .spec-nav.hoodie-nav a.hoodie-classic-zip { width: 131px; background-position: -350px -348px } #garment-modal .modal-container .spec-nav.hoodie-nav a.hoodie-classic-zip:hover,#garment-modal .modal-container .spec-nav.hoodie-nav a.hoodie-classic-zip.selected { background-position: -350px -406px } #garment-modal .modal-container .spec-nav.hoodie-nav a.hoodie-lightweight-zip { width: 131px; background-position: -480px -348px } #garment-modal .modal-container .spec-nav.hoodie-nav a.hoodie-lightweight-zip:hover,#garment-modal .modal-container .spec-nav.hoodie-nav a.hoodie-lightweight-zip.selected { background-position: -480px -406px } #garment-modal .modal-container .spec-nav.crewneck-nav { background-position: 0 -232px } #garment-modal .modal-container .spec-nav.crewneck-nav a.crewneck-regular { width: 152px; margin-left: 122px; background-position: -122px -232px } #garment-modal .modal-container .spec-nav.crewneck-nav a.crewneck-regular:hover,#garment-modal .modal-container .spec-nav.crewneck-nav a.crewneck-regular.selected { background-position: -122px -290px } #garment-modal .modal-container .spec-nav.crewneck-nav a.crewneck-lightweight { width: 151px; background-position: -426px -232px } #garment-modal .modal-container .spec-nav.crewneck-nav a.crewneck-lightweight:hover,#garment-modal .modal-container .spec-nav.crewneck-nav a.crewneck-lightweight.selected { background-position: -426px -290px } #garment-modal .modal-container .spec-nav.material-nav { background-position: 0 -464px } #garment-modal .modal-container .spec-nav.material-nav a.art_print { width: 132px; margin-left: 153px; background-position: -153px -464px } #garment-modal .modal-container .spec-nav.material-nav a.art_print:hover,#garment-modal .modal-container .spec-nav.material-nav a.art_print.selected { background-position: -153px -522px } #garment-modal .modal-container .spec-nav.material-nav a.poster { width: 131px; background-position: -285px -464px } #garment-modal .modal-container .spec-nav.material-nav a.poster:hover,#garment-modal .modal-container .spec-nav.material-nav a.poster.selected { background-position: -285px -522px } #garment-modal .modal-container .spec-nav.material-nav a.art_canvas { width: 131px; background-position: -416px -464px } #garment-modal .modal-container .spec-nav.material-nav a.art_canvas:hover,#garment-modal .modal-container .spec-nav.material-nav a.art_canvas.selected { background-position: -416px -522px } #garment-modal .modal-container .spec-nav.longsleeve-nav { background-position: 0 -580px } #garment-modal .modal-container .spec-nav.longsleeve-nav a.longsleeve-regular { width: 132px; margin-left: 153px; background-position: -153px -580px } #garment-modal .modal-container .spec-nav.longsleeve-nav a.longsleeve-regular:hover,#garment-modal .modal-container .spec-nav.longsleeve-nav a.longsleeve-regular.selected { background-position: -153px -638px } #garment-modal .modal-container .spec-nav.longsleeve-nav a.longsleeve-scoop { width: 132px; background-position: -284px -580px } #garment-modal .modal-container .spec-nav.longsleeve-nav a.longsleeve-scoop:hover,#garment-modal .modal-container .spec-nav.longsleeve-nav a.longsleeve-scoop.selected { background-position: -284px -638px } #garment-modal .modal-container .spec-nav.longsleeve-nav a.longsleeve-premium { width: 132px; background-position: -415px -580px } #garment-modal .modal-container .spec-nav.longsleeve-nav a.longsleeve-premium:hover,#garment-modal .modal-container .spec-nav.longsleeve-nav a.longsleeve-premium.selected { background-position: -415px -638px } #garment-modal .modal-container .spec-nav.mug-nav { background-position: 0 -812px } #garment-modal .modal-container .spec-nav.mug-nav a.mug-coffee { width: 131px; margin-left: 217px; background-position: -217px -928px } #garment-modal .modal-container .spec-nav.mug-nav a.mug-coffee:hover,#garment-modal .modal-container .spec-nav.mug-nav a.mug-coffee.selected { background-position: -217px -986px } #garment-modal .modal-container .spec-nav.mug-nav a.mug-travel { width: 131px; background-position: -348px -928px } #garment-modal .modal-container .spec-nav.mug-nav a.mug-travel:hover,#garment-modal .modal-container .spec-nav.mug-nav a.mug-travel.selected { background-position: -348px -986px } #garment-modal .modal-container .spec-nav.hat-nav { background-position: 0 -812px } #garment-modal .modal-container .spec-nav.hat-nav a.dad-hat { width: 131px; margin-left: 217px; background-position: -217px -928px } #garment-modal .modal-container .spec-nav.hat-nav a.dad-hat:hover,#garment-modal .modal-container .spec-nav.hat-nav a.dad-hat.selected { background-position: -217px -986px } #garment-modal .modal-container .spec-nav.hat-nav a.trucker-hat { width: 131px; background-position: -348px -928px } #garment-modal .modal-container .spec-nav.hat-nav a.trucker-hat:hover,#garment-modal .modal-container .spec-nav.hat-nav a.trucker-hat.selected { background-position: -348px -986px } #garment-modal .modal-container .spec-nav.kids-nav { background-position: 0 -696px } #garment-modal .modal-container .spec-nav.kids-nav a.kids-tee { width: 132px; margin-left: 198px; background-position: -198px -696px } #garment-modal .modal-container .spec-nav.kids-nav a.kids-tee:hover,#garment-modal .modal-container .spec-nav.kids-nav a.kids-tee.selected { background-position: -198px -754px } #garment-modal .modal-container .spec-nav.kids-nav a.kids-snap { width: 132px; background-position: -332px -696px } #garment-modal .modal-container .spec-nav.kids-nav a.kids-snap:hover,#garment-modal .modal-container .spec-nav.kids-nav a.kids-snap.selected { background-position: -332px -754px } @media screen and (max-width: 480px) { .non-modal #garment-modal { visibility:visible; display: block; margin: 0px auto; width: 700px !important; margin-left: auto !important } .non-modal #garment-modal div.close-reveal-modal { display: none } } .mtrl-modal { display: none; position: fixed; left: 0; right: 0; background-color: var(--color-neutral-100); padding: 0; max-height: 80%; width: 55%; margin: auto; overflow-y: auto; border-radius: 2px; will-change: top, opacity } @media only screen and (max-width: 992px) { .mtrl-modal { width:80% } } .mtrl-modal h1,.mtrl-modal h2,.mtrl-modal h3,.mtrl-modal h4 { margin-top: 0 } .mtrl-modal .mtrl-modal-content { background-color: var(--color-white); padding: 24px } .mtrl-modal .mtrl-modal-close { cursor: pointer } .mtrl-modal .mtrl-modal-footer { border-radius: 0 0 2px 2px; background-color: var(--color-neutral-100); padding: 4px 6px; height: 56px; width: 100% } .mtrl-modal .mtrl-modal-footer .btn,.mtrl-modal .mtrl-modal-footer .btn-flat { float: right; margin: 6px } .mtrl-modal-overlay { position: fixed; z-index: 999; top: -100px; left: 0; bottom: 0; right: 0; height: 125%; width: 100%; background: #000; display: none; will-change: opacity } .mtrl-modal.mtrl-modal-fixed-header { padding: 0; height: 80% } .mtrl-modal.mtrl-modal-fixed-header .mtrl-modal-content { position: absolute; height: calc(100% - 60px); max-height: 100%; width: 100%; overflow-y: auto; bottom: 0px } @media (min-width: 768px) { .mtrl-modal.mtrl-modal-fixed-header .mtrl-modal-content { height:calc(100% - 100px) } } .mtrl-modal.mtrl-modal-fixed-footer { padding: 0; height: 80% } .mtrl-modal.mtrl-modal-fixed-footer .mtrl-modal-content { position: absolute; height: calc(100% - 100px); max-height: 100%; width: 100%; overflow-y: auto } .mtrl-modal.mtrl-modal-fixed-footer .mtrl-modal-footer { border-top: 1px solid rgba(0,0,0,0.1); position: absolute; bottom: 0 } .mtrl-modal.bottom-sheet { top: auto; bottom: -100%; margin: 0; width: 100%; max-height: 45%; border-radius: 0; will-change: bottom, opacity } .mtrl-modal.top-sheet { bottom: auto; top: -100%; margin: 0; width: 100%; max-height: 45%; border-radius: 0; will-change: top, opacity } .mtrl-modal.full-screen { bottom: 0; top: -100%; margin: 0; min-width: 100%; min-height: 100%; border-radius: 0; will-change: top, opacity } .mtrl-modal.right-sheet { left: auto; right: -100%; margin: 0; height: 100%; max-width: 45%; border-radius: 0; will-change: right, opacity } .mtrl-modal.left-sheet { right: auto; left: -100%; margin: 0; height: 100%; max-width: 45%; border-radius: 0; will-change: left, opacity } .alert-box,.alert-box--cool,.alert-box--spicy,.alert-box--positive,.alert-box--neutral,.alert-box--mild,.alert-box--important { border-left: 4px solid; border-radius: 4px; color: var(--color-neutral-900); font-family: var(--font-family-primary); font-size: var(--font-size-small-200); line-height: 1.5em; margin: 15px 0; padding: 20px; text-align: left } @media (min-width: 768px) { .alert-box,.alert-box--cool,.alert-box--spicy,.alert-box--positive,.alert-box--neutral,.alert-box--mild,.alert-box--important { font-size:var(--font-size-small-400); padding: 30px } } .alert-box p,.alert-box--cool p,.alert-box--spicy p,.alert-box--positive p,.alert-box--neutral p,.alert-box--mild p,.alert-box--important p { margin-bottom: 10px } .alert-box p:last-child,.alert-box--cool p:last-child,.alert-box--spicy p:last-child,.alert-box--positive p:last-child,.alert-box--neutral p:last-child,.alert-box--mild p:last-child,.alert-box--important p:last-child { margin-bottom: 0 } .alert-box--important { background-color: var(--color-primary-100); border-left-color: transparent } .alert-box--mild { background-color: var(--color-warning-100); border-left-color: var(--color-warning-500) } .alert-box--mild strong { font-family: var(--font-family-primary-bold) } .alert-box--neutral { background-color: var(--color-neutral-200); border-left-color: var(--color-neutral-300) } .alert-box--neutral.alert-box--no-border { border-radius: 5px; color: var(--color-neutral-900); font-size: var(--font-size-small-400); padding: 30px 25px } .alert-box--no-border { border-left-color: transparent } .alert-box--positive { background-color: var(--color-success-500-a10); border-left-color: var(--color-success-500) } .alert-box--spicy { background-color: var(--color-danger-100); border-left-color: var(--color-danger-500) } .alert-box--cool { background-color: var(--color-primary-100); border-left-color: var(--color-primary-500) } .alert-box--narrow { padding: 20px } .alert-box--narrowest { padding: 15px; font-size: var(--font-size-small-200) } .alert-box--desktop-spacing { font-size: var(--font-size-small-300) } @media (min-width: 768px) { .alert-box--desktop-spacing { margin:0 0 30px 0 } } .alert-box--no-space { margin: 0 } .alert-box--sm-space { margin: 5px } .alert-box--inline { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column } @media (min-width: 768px) { .alert-box--inline { -webkit-align-items:center; align-items: center; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between } } .alert-box--inline-no-space { -webkit-justify-content: flex-start; justify-content: flex-start } .alert-box--no-border { border-left-color: transparent } .alert-box--paragraph-spacing { padding-top: 10px } .flash .notice,.flash .error,.flash .warning { color: var(--color-white); text-align: center; border: none; margin-left: auto; margin-right: auto; padding: 10px 15px; font-family: var(--font-family-primary-bold); font-size: var(--font-size-small-400) } .flash .notice *,.flash .error *,.flash .warning * { color: var(--color-white) } .flash .notice { background-color: var(--color-success-500) } .flash .notice a { color: var(--color-white); text-decoration: underline } .flash .notice a:hover { color: var(--color-neutral-900) } .flash .warning { background-color: var(--color-warning-500); color: var(--color-neutral-900) } .flash .error { background-color: var(--color-danger-500) } .form__actions .form__field:first-child { margin-left: 0 } .form__fields--inline .form__actions { -webkit-flex-basis: 1; flex-basis: 1; -webkit-flex-shrink: 0; flex-shrink: 0 } .form__actions--right { text-align: right } .form__fields--inline .form__body { -webkit-flex-grow: 1; flex-grow: 1 } .form__body.border { border: 2px solid var(--color-neutral-200); border-radius: 5px; padding: 40px; width: 589px } .form__checks,.form__radios { margin-bottom: 20px; margin-left: 6px; margin-top: 15px } .form__control { background-color: var(--color-white); background-image: none; border: 1px solid var(--color-neutral-300); border-radius: 5px; color: var(--color-neutral-900); display: block; font-family: var(--font-family-primary); font-size: var(--font-size-small-400); height: 38px; line-height: 1.4285714286; padding: 6px 15px; transition: border-color 0.2s, box-shadow 0.2s; width: 100% } .form__control:focus { border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); outline: 0 } .form__control--1 { background: var(--color-neutral-300); border-radius: 5px; font-size: var(--font-size-small-200); height: 28px; width: 100% } .form__control--1::-webkit-input-placeholder { color: var(--color-white) } .form__control--1:-ms-input-placeholder { color: var(--color-white) } .form__control--1::-ms-input-placeholder { color: var(--color-white) } .form__control--1::placeholder { color: var(--color-white) } .form__control--1:focus { border-color: var(--color-white); box-shadow: none } .form__control--lg-1 { font-size: var(--font-size-medium-100); height: 50px } .form__errors { margin-bottom: 10px; margin-top: 10px; text-align: left } .form__field { display: block; margin-bottom: 15px; margin-top: 5px; width: 100% } .form__field label { font-family: var(--font-family-primary-semibold) } .form__fields--inline .form__field { -webkit-flex-grow: 1; flex-grow: 1; margin-left: 0; width: calc(100% - 5px) } @media (min-width: 768px) { .form__fields--inline .form__field { margin-left:5px; width: calc(100% - 5px) } .form__fields--inline .form__field:first-child { margin-left: 0; width: 100% } } .form__actions .form__field { margin-left: 5px } .form__field .form-group { margin-bottom: 0 } .form__fields--inline .form__field--no-margin { margin-left: 0 } @media (min-width: 768px) { .form__field--max1 { max-width:300px } } .form__field--max2 { max-width: 455px } .form__field--max3 { max-width: 475px } .form__field--check,.form__field--radio { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-top: 11px; margin-bottom: 11px } .form__field--check label,.form__field--radio label { display: -webkit-flex; display: flex; margin: 0 } .form__field--check label span,.form__field--radio label span { white-space: normal } .m-checkout__contains-gift { margin: 20px 0 } @media (min-width: 600px) { .m-checkout__contains-gift { margin:30px 0 } } .m-checkout__contains-gift .form__field--check-label { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column } .m-checkout__contains-gift .form__field--check-label span { color: var(--color-neutral-600); font-size: 12px; margin: 5px 0 0 } .m-checkout__contains-gift .form__field--check { margin: 0 } .m-checkout__contains-gift .form__field--check input[type="checkbox"] { -webkit-align-self: flex-start; align-self: flex-start; margin: 2px 6px 0 0 } .form__field--check input[type="checkbox"] { margin: 5px 5px 5px 0 } .form__field--check input.no-margin[type="checkbox"] { margin: 0 6px 0 0 } .form__field--inline { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center } .form__field--inline>* { margin: 5px 5px 5px 0 } .form__field--inline>*:last-child { margin-right: 0 } .form__field--inline input[type="checkbox"] { margin: 5px 5px 5px 0 } .form__field--inline label { white-space: nowrap } .form__field-label--normal label { font-weight: normal } .form__field-label--no-flex label { display: block } .form__radios label { border-radius: 5px; min-width: 35px; padding: 5px } .form__radios input[type="radio"] { z-index: 1; padding: 5px } .form__radios input[type="radio"]:hover~label { background-color: var(--color-neutral-200); box-shadow: -25px 0 0 2px var(--color-neutral-200),2px 0 0 2px var(--color-neutral-200),-25px 0 0 4px var(--color-neutral-400),2px 0 0 4px var(--color-neutral-400) } .form__radios input[type="radio"]:checked~label { background-color: var(--color-neutral-200); box-shadow: -25px 0 0 2px var(--color-neutral-200),2px 0 0 2px var(--color-neutral-200),-25px 0 0 4px var(--color-primary-500),2px 0 0 4px var(--color-primary-500) } .form__radios input[type="radio"]:focus-visible~label { background-color: var(--color-neutral-200); box-shadow: -25px 0 0 2px var(--color-neutral-200),2px 0 0 2px var(--color-neutral-200),-25px 0 0 3px var(--color-neutral-400),2px 0 0 3px var(--color-neutral-400),-25px 0 0 4px var(--color-neutral-600),2px 0 0 4px var(--color-neutral-600) } .form__radios input[type="radio"]~label { cursor: pointer } .form__field--radio input[type="radio"] { margin: 5px 5px 5px 0 } .form__field--radio input.no-margin[type="radio"] { margin: 5px } .form__radios label input[type="radio"],.form__radios label input[type="radio"] { margin: 4px 6px 0 0 } .form__field--label-multiline { -webkit-flex-direction: column; flex-direction: column } .form__field--space-lg-1 { margin-bottom: 10px } .form__field--space-lg-2 { margin-bottom: 15px } .form__field--spread-radio { margin-right: 20px } .form__field--suggestions { background-color: var(--color-white); border: 1px solid var(--color-neutral-200); border-top-width: 0; padding-bottom: 8px; padding-left: 12px; padding-right: 12px; padding-top: 8px } .form__field--suggestions h4 { border-bottom: 1px solid var(--color-neutral-200); color: var(--color-neutral-400); font-size: var(--font-size-small-100); margin-top: 10px; padding-bottom: 6px; text-transform: uppercase } .form__field--suggestions ul li { font-weight: bold; margin-bottom: 6px; margin-top: 14px } .form__fields--s-l1 .form__field { margin-bottom: 10px } .form__fields--s-l2 .form__field { margin-bottom: 15px } .form__fields--s-l3 .form__field { margin-bottom: 24px } .form__fields--inline { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; width: 100% } .form__fields--inline .btn { display: block; width: 100% } .form__fields--inline .form__actions { margin-left: 10px } @media (max-width: 767px) { .form__fields--inline .form__actions--no-margin-mobile { margin-left:0; margin-top: 20px; width: 100% } } .form__fields--inline .form__fields--autocomplete-search-inline { -webkit-flex-grow: 2; flex-grow: 2; position: relative } @media (max-width: 1024px) { .form__fields--inline--d { display:block } .form__fields--inline--d .form__field { margin-left: 0 } } @media (max-width: 767px) { .form__fields--wrap-mobile { -webkit-flex-wrap:wrap; flex-wrap: wrap } } @media (max-width: 413px) { .form__fields--inline--wrap-s { -webkit-flex-wrap:wrap; flex-wrap: wrap } .form__fields--inline--wrap-s .form__field { margin-left: 0 } .form__fields--inline--wrap-s .form__actions .form__field { margin-left: 5px } .form__fields--inline--wrap-s .form__actions .form__field:first-child { margin-left: 0 } } .form__group .form__field-h--space { margin: 30px 0 15px } .form__field--no-space { margin-bottom: 0; margin-top: 0 } .form__field-wrap.valid,.form__field-wrap.invalid { padding-right: 38px; background-repeat: no-repeat; background-position: right 0 center } .form__field-wrap.valid input,.form__field-wrap.invalid input { border-bottom-right-radius: 0; border-top-right-radius: 0 } .form__field-wrap.valid { background-image: url("https://assets.teepublic.com/assets/icons/braintree/check-square-0601e5da84b79316f724e7ff64e9ec6583b63628dc679392c4684ff2fde5017e.svg") } .form__field-wrap.invalid { background-image: url("https://assets.teepublic.com/assets/icons/braintree/x-square-67fb6e29fb7109e39bd1ca35888ba92b8980a44f69884250576a427d74c0b3ff.svg") } .form__field-note { color: var(--color-neutral-600); font-size: var(--font-size-small-200); margin-bottom: 25px; margin-top: 10px; text-align: left } .label+.form__fields--inline { margin-top: -7px } .form__group { margin-bottom: 16px } .form__image-uploader img { margin-bottom: 10px; max-height: 200px; max-width: 200px } .form__note { color: var(--color-neutral-600); line-height: 17px; margin-bottom: 5px; margin-top: 5px } @media (max-width: 374px) { .form__note { font-size:var(--font-size-small-200) } } .form__note b,.form__note strong { color: inherit } .form__section { margin-top: 15px; margin-bottom: 15px } .form__top-note { margin: 15px } .form__radios--inline { display: block; margin-top: 11px; margin-bottom: 11px } .form__radios--inline:after { content: ""; clear: both; display: table } .form__radios--inline .form__field--radio { margin-top: 0; margin-bottom: 0; -webkit-flex-basis: 50px; flex-basis: 50px; -webkit-flex-grow: 0; flex-grow: 0; float: left; width: auto; margin-right: 20px } .form__radios--inline .form__field--radio:first-child { width: auto } .form__checks--inline { display: block; margin-top: 11px; margin-bottom: 11px } .form__checks--inline:after { content: ""; clear: both; display: table } .form__checks--inline .form__field--check { margin-top: 0; margin-bottom: 0; -webkit-flex-basis: 50px; flex-basis: 50px; -webkit-flex-grow: 0; flex-grow: 0; float: left; width: auto; margin-right: 20px } .form__checks--inline .form__field--check:first-child { width: auto } .form__fields .form__field--related { margin-top: 8px; margin-bottom: 20px } .input-labelled { position: relative } .input-labelled__label { color: var(--color-neutral-400); font-size: var(--font-size-small-100); left: 12px; pointer-events: none; position: absolute; top: 10px } .input-labelled__label.required:after { content: '*'; margin-left: 4px } .input-labelled__input { border-radius: 3px; font-size: var(--font-size-small-400); height: 58px; padding: 24px 12px 6px } .form-body__radios--single-row { display: -webkit-flex; display: flex } .form-radios__labels--single-row { margin-right: 20px } .form__fields--inline .btn.tp-btn--icon { display: -webkit-flex; display: flex } .form__actions--copy { position: relative } .form__actions--tooltip { background-color: var(--color-success-500); border-radius: 5px; bottom: 125%; color: var(--color-white); font-size: var(--font-size-small-200); font-weight: 700; width: 86px; padding: 12px 15px; position: absolute; text-align: center; visibility: hidden; z-index: 1 } @media (min-width: 600px) { .form__actions--tooltip { font-size:var(--font-size-small-400) } } .form__actions--tooltip.animate { -webkit-animation: fade-out-down 0.2s ease-in-out forwards; animation: fade-out-down 0.2s ease-in-out forwards } .form__actions--tooltip.success { -webkit-animation: fade-in-up 0.2s ease-in-out forwards; animation: fade-in-up 0.2s ease-in-out forwards; visibility: visible } .form__actions--tooltip::after { border-color: var(--color-success-500) transparent transparent; border-style: solid; border-width: 7px; content: ''; left: 50%; margin-left: -7px; position: absolute; top: 100% } input.form__control[type="color"] { padding: 5px; height: 50px; width: 50px } .quantity-stepper__container { -webkit-align-items: stretch; align-items: stretch; border: 2px solid var(--color-neutral-300); border-radius: 12px; display: -webkit-flex; display: flex; height: 100%; width: 100% } .quantity-stepper__container input { background-color: transparent; border: none; box-shadow: none; font-size: var(--font-size-small-400); line-height: 1; margin: auto; text-align: center; width: 50% } .quantity-stepper__container input::-webkit-outer-spin-button,.quantity-stepper__container input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } .quantity-stepper__container input[type=number] { -moz-appearance: textfield } .quantity-stepper__container.fixed-width { width: 120px } .quantity-stepper__controls { border: none; cursor: pointer; color: var(--color-primary-400); font-size: var(--font-size-medium-200); font-weight: bold; line-height: 1; margin: 0 auto; padding: 6px 10px; width: 1.5em } .quantity-stepper__controls.inactive { cursor: default; color: var(--color-neutral-300) } .quantity-stepper__decrement { border-bottom-left-radius: 10px; border-top-left-radius: 10px } .quantity-stepper__increment { border-bottom-right-radius: 10px; border-top-right-radius: 10px } .radio-selector__radio { display: block; width: 0; height: 0 } .radio-selector__radio~.radio-selector__select { transition: all 0.1s ease-in; border: 2px solid var(--color-neutral-300); border-radius: 12px; color: var(--color-neutral-900); cursor: pointer; padding: 13.25px 0 } .radio-selector__radio:hover~.radio-selector__select { border-color: var(--color-neutral-900) } .radio-selector__radio:checked~.radio-selector__select { background-color: var(--color-neutral-900); border-color: var(--color-neutral-900); color: var(--color-white) } .radio-selector__radio:focus-visible~.radio-selector__select { outline: var(--color-primary-500) auto 2px; background-color: var(--color-neutral-900) } .radio-selector__radios { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 1px; width: 100% } .radio-selector__radios label { margin-bottom: 0 } .radio-selector__radios input[type="radio"] { margin-top: 0; opacity: 0 } .radio-selector__radios--wrap { display: grid; grid-gap: 5px; grid-template-columns: repeat(2, 1fr) } .radio-selector__radios--wrap .radio-selector__select { display: block; text-align: center; font-family: var(--font-family-primary-semibold) } .radio-selector__radios--wrap-2 { grid-template-columns: repeat(2, 1fr) } .radio-selector__radios--wrap-3 { grid-template-columns: repeat(3, 1fr) } .radio-selector__radios--wrap-4 { grid-template-columns: repeat(4, 1fr) } .tp-label--neutral { --label-background-color: var(--color-neutral-200); --label-border-color: var(--color-neutral-300); --label-icon-color: var(--color-neutral-900); --label-text-color: var(--color-neutral-900) } .tp-label--eco { --label-background-color: var(--color-success-100); --label-border-color: var(--color-success-300); --label-icon-color: var(--color-neutral-900); --label-text-color: var(--color-neutral-900) } .tp-label--highlight { --label-background-color: var(--color-primary-100); --label-border-color: var(--color-primary-200); --label-icon-color: var(--color-primary-600); --label-text-color: var(--color-primary-700) } .tp-label--success { --label-background-color: var(--color-success-100); --label-border-color: var(--color-success-300); --label-icon-color: var(--color-success-700); --label-text-color: var(--color-success-800) } .tp-label--warning { --label-background-color: var(--color-warning-100); --label-border-color: var(--color-warning-300); --label-icon-color: var(--color-warning-600); --label-text-color: var(--color-warning-800) } .tp-label--danger { --label-background-color: var(--color-danger-100); --label-border-color: var(--color-danger-200); --label-icon-color: var(--color-danger-500); --label-text-color: var(--color-danger-700) } .tp-label--inactive { --label-background-color: var(--color-neutral-200); --label-border-color: var(--color-neutral-300); --label-icon-color: var(--color-neutral-500); --label-text-color: var(--color-neutral-500) } .tp-label--on-dark { --label-background-color: var(--color-warning-900); --label-border-color: var(--color-warning-700); --label-text-color: var(--color-warning-100); --label-icon-color: var(--color-warning-500) } .tp-label { -webkit-align-items: center; align-items: center; background-color: var(--label-background-color); border: 2px solid var(--label-border-color); border-radius: 8px; color: var(--label-text-color); display: -webkit-inline-flex; display: inline-flex; font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-200); -webkit-justify-content: center; justify-content: center; line-height: 1; padding: 4px 8px; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .tp-label .teepublicon svg { fill: var(--label-icon-color) } .tp-label--tile { background: var(--color-primary-300); border: 2px solid var(--color-neutral-900); border-radius: 800px; color: var(--color-neutral-900); line-height: var(--font-size-small-400); padding: 4px 12px; position: absolute; top: -15px } .tp-label .tp-tooltip[data-popper-placement^="right"]>.tp-tooltip--arrow { left: -8px } .tp-label .tp-tooltip[data-popper-placement^="left"]>.tp-tooltip--arrow { right: 0 } .tp-label--icon { gap: 4px } .tp-loader { width: 100% } .tp-loader--default { height: 100%; position: fixed; left: 0; top: 0; background-color: var(--color-neutral-900-a80); z-index: 10000 } .tp-loader__spinner { position: relative; background-image: url("https://assets.teepublic.com/assets/icons/spinner-6b9b25aa9eee76bff953098ec9d520217d6ad4aae2870e1b2d766e9f35797647.svg"); background-position: -100000px -100000px; background-repeat: no-repeat } .tp-loader__spinner>* { transition: 0.3s } .tp-loader__spinner.updating { min-height: 80px } .tp-loader__spinner.updating:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url("https://assets.teepublic.com/assets/icons/spinner-6b9b25aa9eee76bff953098ec9d520217d6ad4aae2870e1b2d766e9f35797647.svg"); background-repeat: no-repeat; background-size: 64px 64px; background-position: center } .tp-loader__spinner.updating>* { opacity: .1 } .tp-loader__spinner--default { top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 10000 } .vc-badge-notification { position: relative } .vc-badge-notification:has(.vc-badge-notification__counter) { margin-right: 2px; width: 40px } .vc-badge-notification--legacy .vc-badge-notification__counter { background-color: #ca2065; border: 1px solid var(--color-neutral-900); border-radius: 12px; color: var(--color-white); font-size: var(--font-size-small-100); font-family: var(--font-family-primary-bold); line-height: var(--font-size-medium-100); min-width: 20px; padding-left: 4px; padding-right: 4px; top: 0; right: 4px } .vc-badge-notification--default .vc-badge-notification__counter { background-color: var(--color-warning-400); border: 2px solid var(--color-neutral-900); border-radius: 20px; color: var(--color-neutral-900); font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-200); line-height: 1; padding: 2px 4px; min-width: 20px; top: -4px; right: -4px } .vc-badge-notification__counter { position: absolute; text-align: center } .tpvc-progress-bar__container { background-color: var(--color-primary-200); border-radius: 10px; height: 10px; margin: auto 0; overflow: hidden; width: 100% } .tpvc-progress-bar__container.campaign { height: 11px; margin-top: 0; margin-bottom: 20px } .tpvc-progress-bar__container.campaign .tpvc-progress-bar__fill { background-color: var(--color-success-500) } .tpvc-progress-bar__container.campaign-tile { background-color: var(--color-white-a80); margin-top: 10px } .tpvc-progress-bar__container.campaign-tile.card__campaign-progress-bar { height: 5px } .tpvc-progress-bar__container.campaign-tile .tpvc-progress-bar__fill { background-color: var(--color-success-500) } .tpvc-progress-bar__container .tpvc-progress-bar__fill { background-color: var(--color-primary-600); border-radius: 10px; height: 100% } .tp-toast-notification { padding-left: 16px; border-radius: 12px; box-shadow: 0 4px 8px 0 var(--color-neutral-900-a20); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; width: 320px } .tp-toast-notification--neutral { background: var(--color-white); border: 2px solid var(--color-neutral-100) } .tp-toast-notification--success { background: var(--color-success-100); border: 2px solid var(--color-success-200) } .tp-toast-notification--warning { background: var(--color-warning-100); border: 2px solid var(--color-warning-200) } .tp-toast-notification--danger { background: var(--color-danger-100); border: 2px solid var(--color-danger-200) } .tp-toast-notification--information { background: var(--color-primary-100); border: 2px solid var(--color-primary-200) } .tp-toast-notification__message { display: -webkit-flex; display: flex; -webkit-flex: 1; flex: 1 } .tp-toast-notification__main { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex: 1; flex: 1; gap: 4px } .tp-toast-notification__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; margin-right: 24px } .tp-toast-notification__close-button { margin-top: 0; margin-bottom: 0 } .tp-toast-notification__close-button.btn--no-background { padding: 16px } .tp-toast-notification__close-button.tp-btn--icon .teepublicon { margin-right: 0 } .tp-btn--big { box-shadow: none; font-size: var(--font-size-medium-300); font-family: var(--font-family-display); -webkit-font-variant-ligatures: none; font-variant-ligatures: none; margin-bottom: 5px; padding: 16px 24px; text-transform: uppercase } .tp-btn--block { width: 100% } .tp-btn--large { box-shadow: none; font-family: var(--font-family-primary-semibold); font-size: var(--font-size-medium-100); font-weight: 600; -webkit-font-variant-ligatures: none; font-variant-ligatures: none; line-height: var(--font-size-medium-300); margin-bottom: 5px; padding: 12px 24px } @media (min-width: 600px) { .tp-btn--large { font-size:var(--font-size-medium-100) } } .tp-btn--medium { box-shadow: none; font-size: var(--font-size-small-200); font-weight: 700; line-height: 1.5; padding: 8px 16px; text-transform: capitalize } @media (min-width: 600px) { .tp-btn--medium { font-size:var(--font-size-small-400) } } .tp-btn--small { box-shadow: none; font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-200); padding: 10px; text-transform: none } .tp-btn--icon { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; font-weight: 600; padding: 12px 15px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content } .tp-btn--icon .teepublicon { margin-right: 5px } .tp-btn--icon.tp-btn--icon-trailing .teepublicon { margin-left: 5px; margin-right: 0 } .tp-btn--icon.btn--segmented { background-color: transparent; border: 1px solid var(--color-neutral-200); padding: 5px; margin-right: -5px } .tp-btn--icon.btn--segmented:hover { border-color: var(--color-primary-500) } .btn.link__cta { border-radius: none } .btn--no-background { background: none; padding: 0 } .btn--no-background:hover,.btn--no-background:focus,.btn--no-background:active { background: none; box-shadow: none; cursor: pointer } .btn--animated { overflow: hidden; position: relative } .btn--animated::after { -webkit-animation: shine 2s ease-in-out infinite; animation: shine 2s ease-in-out infinite; -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 10; animation-iteration-count: 10; content: ''; background: rgba(255,255,255,0.2); background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.2) 75%, rgba(255,255,255,0.75) 90%, rgba(255,255,255,0.1) 100%); height: 200%; left: -200%; opacity: 0; position: absolute; top: -100%; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 200% } @-webkit-keyframes shine { 10% { left: -200%; opacity: 1; top: -200%; transition-duration: .7s, .7s, .15s; transition-property: right, top, opacity; transition-timing-function: ease } 100% { opacity: 0; top: -10%; left: -10%; transition-property: right, top, opacity } } @keyframes shine { 10% { left: -200%; opacity: 1; top: -200%; transition-duration: .7s, .7s, .15s; transition-property: right, top, opacity; transition-timing-function: ease } 100% { opacity: 0; top: -10%; left: -10%; transition-property: right, top, opacity } } :root,[data-theme="default"] { --design-tile-horizontal-min-width: 188px; --design-tile-min-width: 0 } .tp-design-tile--dark { --tile-artist-color: var(--color-neutral-400); --tile-background-color: var(--color-neutral-800); --tile-price--original-color: var(--color-neutral-500); --tile-price--regular-color: var(--color-white); --tile-price--sale-color: var(--color-accent-orange-500); --tile-title-color: var(--color-white); --tile-countdown-color: var(--color-accent-orange-500) } .tp-design-tile--light { --tile-artist-color: var(--color-neutral-700); --tile-background-color: transparent; --tile-price--original-color: var(--color-neutral-600); --tile-price--regular-color: var(--color-neutral-900); --tile-price--sale-color: var(--color-accent-orange-600); --tile-title-color: var(--color-neutral-900); --tile-countdown-color: var(--color-accent-orange-600) } .tp-design-tile--light:hover { background-color: var(--color-white); box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20) } .tp-design-tile { background: var(--tile-background-color); border-radius: 12px; min-width: var(--design-tile-min-width); padding: 8px 8px 12px; position: relative; transition: .3s } .tp-design-tile:hover { box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20) } .tp-design-tile__body { padding-bottom: 8px; position: relative; text-align: center } .tp-design-tile__pricing { font-family: "Roobert-Bold", Helvetica, sans-serif; font-size: var(--font-size-small-300); line-height: 1.42857; margin-top: 4px } @media (min-width: 768px) { .tp-design-tile__pricing { font-size:var(--font-size-small-400) } } .tp-design-tile__price--original { color: var(--tile-price--original-color); font-family: var(--font-family-primary); font-size: var(--font-size-small-200); text-decoration: line-through } @media (min-width: 768px) { .tp-design-tile__price--original { font-size:var(--font-size-small-300) } } .tp-design-tile__price--regular { color: var(--tile-price--regular-color) } .tp-design-tile__price--sale { color: var(--tile-price--sale-color); margin-right: 4px } .tp-design-tile__sale-pricing { -webkit-align-items: baseline; align-items: baseline; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center } .tp-design-tile__sale-countdown { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center } .tp-design-tile__artist { 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(--tile-artist-color) } .tp-design-tile__artist.tp-design-tile__artist--linked { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; gap: 2px } .tp-design-tile__artist.tp-design-tile__artist--linked .link__content { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 186px } .tp-design-tile__image { border-radius: 8px; margin-bottom: 8px; width: 100%; display: block } .tp-design-tile__title { color: var(--tile-title-color); font-family: "Roobert-SemiBold", Helvetica, sans-serif; font-size: var(--font-size-small-300); line-height: 1.42857; margin: 0 4px } @media (min-width: 768px) { .tp-design-tile__title { font-size:var(--font-size-small-400) } } .tp-design-tile__label { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; position: relative } .tp-design-tile__label .tp-label { font-size: var(--font-size-small-200); z-index: 1 } @media (min-width: 768px) { .tp-design-tile__label .tp-label { font-size:var(--font-size-small-300) } } .tp-design-tile__canvas-label { cursor: pointer; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; top: -43px; pointer-events: none; position: absolute; text-align: center; width: 100% } .tp-design-tile__canvas-label .tp-label { text-align: center; background: rgba(255,255,255,0.8); display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; border-radius: 800px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 4px 12px; line-height: 16px } .tp-design-tile__order-item-details { font-size: var(--font-size-small-300) } .tp-design-tile__favorite-button-container { position: absolute; right: 16px; top: 16px; z-index: 1 } .tp-design-tile__image-wrap { position: relative } .tp-design-tile__sold-counts { margin-top: 8px } .tp-design-tile__sold-count { font-size: var(--font-size-small-100); line-height: var(--font-size-small-400); font-family: var(--font-family-primary-semibold); font-weight: 600; border-radius: 800px; background-color: var(--color-neutral-800-a60); padding: 2px 8px; position: absolute; bottom: 8px; left: 8px } .tp-design-tile__sold-count,.tp-design-tile__sold-count strong { color: var(--color-white) } .tp-design-tile__preview-backdrop { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: var(--color-neutral-800-a60); border-radius: 8px; pointer-events: none; visibility: hidden } html.no-touch .tp-design-tile:hover .tp-design-tile__preview-backdrop { visibility: visible } .tp-design-tile__sort-ctrl { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; visibility: hidden } html.no-touch .tp-design-tile:hover .tp-design-tile__sort-ctrl { visibility: visible } .tp-design-tile__sort-icon { cursor: move } .tp-design-tile__merch-button-container { display: none; position: absolute; right: 8px; bottom: 8px; z-index: 1 } @media (min-width: 1024px) { .tp-design-tile__merch-button-container { display:block; visibility: hidden } html.touch .tp-design-tile__merch-button-container { visibility: visible } .tp-design-tile:hover .tp-design-tile__merch-button-container { visibility: visible } } .tp-design-tile__merch-button { box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20); padding-left: 12px; padding-right: 12px; margin: 0 } .tp-design-tile__ad6 { grid-row: 3; grid-column: 2 } @media (min-width: 1024px) { .tp-design-tile__ad6 { grid-row:2; grid-column: 3 } } .tp-design-tile__ad6 .tp-design-tile__title { font-size: var(--font-size-medium-300); font-family: var(--font-family-primary-bold); line-height: 1; margin: 32px 0 0 0 } .tp-design-tile__add-to-cart { width: 120px; -webkit-justify-content: center; justify-content: center } @media (min-width: 768px) { .tp-design-tile__add-to-cart { width:140px } } .tp-design-tile__add-to-cart.tp-btn--icon { display: -webkit-flex; display: flex } @media (min-width: 768px) { .tp-design-tile__add-to-cart.tp-btn--small { font-size:var(--font-size-small-400) } } .tp-design-tile__add-to-cart.btn--segmented { border: 2px solid var(--color-neutral-300); border-radius: 8px; padding: 8px; margin: 4px auto 0 } .tp-design-tile__add-to-cart.btn--segmented[disabled="disabled"] { border-color: var(--color-neutral-200); cursor: default } .tp-design-tile__add-to-cart .button__content { color: var(--color-neutral-900) } .tp-design-tile__promotional-content { font-size: var(--font-size-small-200); line-height: var(--font-size-small-400); font-family: var(--font-family-primary-semibold); font-weight: 600 } .tp-design-tile__promotional-content--success,.tp-design-tile__promotional-content--success>* { color: var(--color-success-700) } .tp-design-tile__menu { position: absolute; left: 16px; top: 16px; pointer-events: none; z-index: 1 } @media (min-width: 1024px) { .tp-design-tile__menu-ctrl { visibility:hidden } html.touch .tp-design-tile__menu-ctrl { visibility: visible } .tp-design-tile:hover .tp-design-tile__menu-ctrl { visibility: visible } .tp-design-tile--affiliate-non-owner .tp-design-tile__menu-ctrl { display: none } } .tp-design-tile__menu-ctrl button { pointer-events: all } .tp-design-tile__menu-ctrl .teepublicon { box-shadow: 0 4px 8px 0 var(--color-neutral-900-a20); padding: 6px } @media (min-width: 1280px) { .tp-design-tile__menu-ctrl-mobile { display:none } } @media (max-width: 1279px) { .tp-design-tile__menu-ctrl-desktop { display:none } } .tp-design-tile__menu-dropdown { background: var(--color-white); border-radius: 20px; box-shadow: 0 4px 8px 0 var(--color-neutral-900-a20); margin-top: 8px; padding: 20px 12px; position: relative; z-index: 1; display: none; pointer-events: all; width: 240px } @media (min-width: 1280px) { .tp-design-tile__menu-dropdown.active { display:block } } .tp-design-tile__menu-dropdown-body { margin-top: 12px } .tp-design-tile__menu-dropdown-x { position: absolute; right: 16px; top: 16px } .tp-design-tile__menu-dropdown-status-badge { padding: 6px 8px } .tp-design-tile__menu-dropdown-header { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; margin-right: 40px } .tp-design-tile__menu-dropdown-header-img { margin-left: 8px; margin-right: 12px; width: 36px; -webkit-flex-shrink: 0; flex-shrink: 0 } .tp-design-tile__menu-dropdown-header-img img { margin-bottom: 0 } .tp-design-tile__menu-dropdown-header-text 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; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; max-width: 247px } @media (min-width: 1024px) { .tp-design-tile__menu-dropdown-header-text p { max-width:120px } } @media screen and (max-width: 767px) { .tp-design-tile__menu-edit,.tp-design-tile__menu-copy { display:none } } .tp-design-tile__menu-links .link-collection__content { -webkit-flex-direction: column; flex-direction: column; margin-top: 0 } .tp-design-tile__menu-links .link-collection__link { color: var(--color-neutral-800); font-size: var(--font-size-small-300); padding: 6px 8px; gap: 8px } .tp-design-tile__menu-links .link-collection__link:hover { background: var(--color-primary-100); border-radius: 8px } .tp-design-tile__menu-links .teepublicon { margin: 0 } .tp-design-tile__menu-links--danger .link-collection__link { color: var(--color-danger-500) } @media (min-width: 1024px) { .tp-design-tile__menu-merch { display:none } } .tp-design-tile__menu-sold-count { 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-600) } .tp-design-tile__menu-sold-count strong { color: var(--color-neutral-600) } .tp-design-tile__seo-content-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; -webkit-flex-direction: column; flex-direction: column; gap: 8px; background: var(--color-neutral-900-a80); border-radius: 8px; z-index: 1; padding: 12px; overflow-y: auto } .tags-on .tp-design-tile__seo-content-wrap { display: -webkit-flex; display: flex } .tp-design-tile__seo-content-wrap .strong { color: var(--color-white) } .tp-design-tile__seo-content { 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-white) } .tp-design-tile__seo-ctrl { position: absolute; right: 16px; bottom: 16px; z-index: 10; visibility: hidden } .show-tags .tp-design-tile__seo-ctrl { visibility: visible } .tp-design-tile__seo-ctrl .teepublicon { background: var(--color-neutral-800-a60); padding: 4px } .tp-design-tile__seo-description { 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-white) } .tp-design-tile__seo-footer button { color: var(--color-white) } .tp-design-tile__seo-main-tag { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap } .tp-design-tile__seo-main-tag a { color: var(--color-primary-300) } .c-dialog { background-color: var(--color-neutral-900-a70); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000 } .c-dialog.inactive { display: none } .c-dialog__container { background: var(--color-white); border-radius: 5px; left: 50%; margin: 0; max-width: 345px; min-width: 275px; padding: 0 5px 5px; position: fixed; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100% } @media (min-width: 768px) { .c-dialog__container { max-width:600px; min-width: 400px } } .c-dialog__container--small { max-width: 345px; min-width: 275px } .c-dialog__container--large { max-width: 700px; min-width: 640px } .c-dialog__container--flush { padding: 0 } .c-dialog__container--flush .c-dialog__header { padding: 15px } .c-dialog__container--slim { padding: 5px } .c-dialog__container--slim .c-dialog__header { padding-bottom: 5px } .c-dialog__container--standard { padding: 15px } .c-dialog__container--standard .c-dialog__header { padding-bottom: 15px } @media (min-width: 768px) { .c-dialog__container--standard { padding:20px } .c-dialog__container--standard .c-dialog__header { padding-bottom: 20px } } .c-dialog__container--heavy { padding: 20px } .c-dialog__container--heavy .c-dialog__header { padding-bottom: 20px } @media (min-width: 768px) { .c-dialog__container--heavy { padding:30px } .c-dialog__container--heavy .c-dialog__header { padding-bottom: 30px } } .c-dialog__content { overflow-y: auto } @media (min-width: 768px) { .c-dialog__content { max-height:695px } } .c-dialog__header { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between } .c-dialog__header-item i { color: var(--color-neutral-400) } .c-dialog__header-item .teepublicon:hover svg { fill: var(--color-primary-500) } .drawer { bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; visibility: hidden; width: 100%; z-index: 110 } .drawer.active .drawer__backdrop { visibility: visible; height: 100% } .drawer.active .drawer__wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: all 400ms cubic-bezier(0.8, 0, 0, 1.12); visibility: visible; overflow-x: hidden } @media (min-width: 1024px) { .drawer.active .drawer__wrapper { overflow:visible } } .drawer--light { background-color: var(--color-neutral-100) } .drawer--dark { background-color: var(--color-neutral-900) } .drawer--dark>.drawer__footer-container { box-shadow: 0px -16px 16px 0px var(--color-neutral-900) } .drawer--white { background-color: var(--color-white) } .drawer--white>.drawer__footer-container { box-shadow: 0px -16px 16px 0px var(--color-white) } .drawer__close-button { position: absolute; right: 16px; top: 16px } .drawer__close-button .teepublicon { margin-right: 0 } .drawer__close-button.hide { display: none } .drawer__backdrop { background-color: var(--color-neutral-900-a70); position: absolute; left: 0; top: 0; width: 100%; visibility: hidden } .drawer__wrapper { background-color: var(--color-white); transition: all 400ms cubic-bezier(0.8, 0, 0, 1.12); visibility: hidden; position: absolute; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; height: 100% } .drawer__wrapper--top,.drawer__wrapper--bottom { height: 70%; width: 100% } .drawer__wrapper--right,.drawer__wrapper--left { height: 100%; width: 70% } .drawer__wrapper--top { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); top: 0 } .drawer__wrapper--right { right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .drawer__wrapper--bottom { bottom: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); border-top-left-radius: 20px; border-top-right-radius: 20px } .drawer__wrapper--left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .drawer__component { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; position: absolute; height: 100%; width: 100% } .drawer__content-container { padding: 15px; overflow-y: auto; -webkit-flex: 1; flex: 1 } .drawer__content-container .c-menu+.c-menu { border-top: 2px solid var(--color-neutral-100); margin-top: 0 } .drawer__content-container .c-menu__link { padding-top: 12px; padding-bottom: 12px } .drawer__content-container .m-sort-tiles { padding: 12px 0 } .drawer__content-container .m-sort-tiles__label { font-family: var(--font-family-primary-bold); font-size: var(--font-size-small-400) } @media (max-width: 767px) { .drawer__content-container .m-sort-tiles__label { display:block } } .drawer__header-container { background-color: var(--color-neutral-100) } .drawer__header-container--white { background-color: var(--color-white) } .drawer__header { padding: 10px 0 } .drawer__header-touch-bar { display: block; padding-top: 10px } .drawer__header-touch-bar:before { content: ''; background-color: var(--color-neutral-300); border-radius: 3px; display: block; height: 4px; margin: 0 auto; width: 60px } .tp-gifting { background: var(--color-neutral-900); padding: 48px 0; overflow-x: hidden } .tp-gifting__category-links { -webkit-align-items: stretch; align-items: stretch; display: -webkit-flex; display: flex; margin-inline:-16px;margin-top: 24px; overflow-x: scroll; padding-inline:16px} .tp-gifting__category-links::-webkit-scrollbar { display: none } @media (min-width: 768px) and (max-width: 1023px) { .tp-gifting__category-links { margin-inline:-48px; padding-inline:48px} } @media (min-width: 1024px) { .tp-gifting__category-links { -webkit-justify-content:center; justify-content: center; margin-inline:0px;padding-inline:0px;overflow-x: initial } } .tp-gifting__category-link { -webkit-align-items: center; align-items: center; border: 2px solid transparent; color: var(--color-white); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; font-size: var(--font-size-small-300); line-height: var(--font-size-medium-300); margin: 0 2px; padding: 4px 8px; white-space: nowrap } @media (min-width: 768px) { .tp-gifting__category-link { margin:0 4px } } .tp-gifting__category-link:focus { color: var(--color-white) } .tp-gifting__category-link:hover { color: var(--color-white) } .tp-gifting__category-link--active { background-color: var(--color-neutral-800); border: 2px solid var(--color-primary-500); border-radius: 8px } .tp-gifting__foot { text-align: center; padding-top: 32px } .tp-gifting__head { text-align: center; margin-bottom: 24px } .tp-gifting__head-canvas { margin: 8px auto } @media (min-width: 768px) { .tp-gifting__head-canvas { margin:0 16px } } .tp-gifting__head-h { 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; color: var(--color-white); margin-bottom: 24px } @media (min-width: 768px) { .tp-gifting__head-h { font-size:var(--font-size-medium-400); line-height: var(--font-size-large-100) } } @media (min-width: 768px) { .tp-gifting__head-text-wrap { display:-webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center } } .tp-gifting__head-text { color: var(--color-white) } .tp-gifting__tiles { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; gap: 12px; margin-inline:-16px;margin-top: 24px; padding-inline:16px;overflow-x: scroll } .tp-gifting__tiles::-webkit-scrollbar { display: none } @media (min-width: 768px) { .tp-gifting__tiles { margin-inline:0px; padding-inline:0px;overflow: initial } } @media (min-width: 1024px) { .tp-gifting__tiles { gap:16px } } .tp-gifting .tp-design-tile { -webkit-flex-basis: calc((1 - 2.5 / 4) * 100%); flex-basis: calc((1 - 2.5 / 4) * 100%); -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 0; flex-shrink: 0; min-width: 136px } @media (min-width: 768px) { .tp-gifting .tp-design-tile { -webkit-flex-shrink:1; flex-shrink: 1 } } .vc-header-logo { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 12px } .vc-header-logo--hidden .vc-header-logo__wrapper { display: none } .vc-header-logo__content { font-family: var(--font-family-display); font-size: var(--font-size-small-400); font-weight: 600; line-height: var(--font-size-medium-200); margin-bottom: 0; margin-top: 0 } @media (min-width: 768px) { .vc-header-logo__content { font-size:var(--font-size-medium-100) } } .vc-header-logo__content,.vc-header-logo__content .link--1,.vc-header-logo__content .link--1:hover { color: var(--color-white) } .vc-header-logo__content--black,.vc-header-logo__content--black .link--1,.vc-header-logo__content--black .link--1:hover { color: var(--color-neutral-900) } .vc-header-logo__image { display: block; height: 24px } @media (max-width: 344px) { .vc-header-logo__image { height:20px } } .tp-header-logo__image { height: 36px; margin-right: 8px } .dash-logo-nav { display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; gap: 12px; margin-top: 40px; -webkit-justify-content: center; justify-content: center } .vc-header__shop-button,.vc-header__cart-button .button__content,.vc-header__account-button:has(.teepublicon),.vc-header__account-button:has(.vc-header__avatar) .button__content { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; gap: 0 } @media (min-width: 1280px) { .vc-header__shop-button,.vc-header__cart-button .button__content,.vc-header__account-button:has(.teepublicon),.vc-header__account-button:has(.vc-header__avatar) .button__content { -webkit-flex-direction:row; flex-direction: row; gap: 8px } } .vc-header { background-color: #000000; position: static; top: unset; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; z-index: calc(100 + 2) } .vc-header .vc-header-logo { grid-area: logo; -webkit-align-self: center; align-self: center; padding-left: 16px } @media (min-width: 768px) { .vc-header .vc-header-logo { padding-left:28px } } @media (min-width: 1024px) { .vc-header .vc-header-logo { padding-left:0 } } .vc-header--storefront .vc-header-logo__image { height: 32px; border-radius: 800px } .vc-header--storefront .vc-header-logo__wrapper { width: 32px; height: 32px } .vc-header--storefront .vc-header__logo { height: 32px; border-radius: 800px } .vc-header--storefront .vc-header__logo-wrapper { width: 32px; height: 32px } .vc-header--no-nav .vc-header__container { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between } .vc-header--no-nav .vc-header-logo { padding-left: 0 } .vc-header--no-nav .vc-header-checkout__secure { color: var(--color-white) } .vc-header--no-nav .vc-header-checkout__secure-lock { padding-bottom: 2px } .vc-header--no-search .vc-header__container { grid-template-areas: 'menu logo actions'; grid-template-columns: -webkit-max-content minmax(0, 100%) -webkit-max-content; grid-template-columns: max-content minmax(0, 100%) max-content } @media (max-width: 480px) { .vc-header--no-search .vc-header__container .vc-header-logo__wrapper { display:none } } .vc-header--no-search .vc-header__container .vc-header-logo { max-width: 100%; padding-right: 16px } @media (min-width: 1024px) { .vc-header--no-search .vc-header__container .vc-header-logo { padding-right:0 } } .vc-header--no-search .vc-header__container .vc-header-logo__content { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .vc-header__container { display: grid; grid-template-areas: 'menu logo . actions' 'search search search search'; grid-template-columns: -webkit-max-content auto auto -webkit-max-content; grid-template-columns: max-content auto auto max-content; padding-top: 16px; padding-bottom: 12px; grid-row-gap: 12px } @media (min-width: 768px) { .vc-header__container { grid-template-columns:-webkit-max-content 150px auto -webkit-max-content; grid-template-columns: max-content 150px auto max-content } } @media (min-width: 1024px) { .vc-header__container { -webkit-align-items:center; align-items: center; grid-template-areas: 'menu logo search actions'; grid-gap: 28px } } .vc-header__menu-container { grid-area: menu } .vc-header__shop-button-text,.vc-header__account-button-text,.vc-header__link-text,.vc-header__cart-text { display: block; font-size: var(--font-size-small-200); line-height: 1.3333 } @media (min-width: 768px) { .vc-header__shop-button-text,.vc-header__account-button-text,.vc-header__link-text,.vc-header__cart-text { font-size:var(--font-size-small-300); line-height: 1.42857 } } @media (min-width: 1280px) { .vc-header__shop-button-text,.vc-header__account-button-text,.vc-header__link-text,.vc-header__cart-text { font-size:var(--font-size-small-400); line-height: 1.25 } } .vc-header__actions-container { grid-area: actions; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; gap: 16px } @media (min-width: 768px) { .vc-header__actions-container { gap:28px } } @media (min-width: 1024px) { .vc-header__actions-container { -webkit-align-items:center; align-items: center } } .vc-header__search-container { grid-area: search } .vc-header__account { text-align: center; color: var(--color-white); font-size: var(--font-size-small-200) } .vc-header__account picture { display: block; height: 20px } @media (min-width: 768px) { .vc-header__account picture { height:28px } } .vc-header__avatar { width: 20px; height: 20px } @media (min-width: 768px) { .vc-header__avatar { width:28px; height: 28px } } .vc-header__cart { position: relative } .vc-header__shop-button .teepublicon,.vc-header__account-button .teepublicon,.vc-header__cart-button .teepublicon { display: block; height: 20px } .vc-header__shop-button .teepublicon svg,.vc-header__shop-button .teepublicon img,.vc-header__account-button .teepublicon svg,.vc-header__account-button .teepublicon img,.vc-header__cart-button .teepublicon svg,.vc-header__cart-button .teepublicon img { width: 20px; height: 20px } @media (min-width: 768px) { .vc-header__shop-button,.vc-header__account-button,.vc-header__cart-button { -webkit-align-items:center; align-items: center } .vc-header__shop-button .teepublicon,.vc-header__account-button .teepublicon,.vc-header__cart-button .teepublicon { height: 28px } .vc-header__shop-button .teepublicon svg,.vc-header__shop-button .teepublicon img,.vc-header__account-button .teepublicon svg,.vc-header__account-button .teepublicon img,.vc-header__cart-button .teepublicon svg,.vc-header__cart-button .teepublicon img { width: 28px; height: 28px } } .vc-header__cart-text { color: var(--color-white) } @media screen and (max-width: 767px) { .vc-header__cta { display:none } } .vc-header__cta-button { padding: 8px 16px } .m-header__logo { display: block; width: 120px } @media (min-width: 1024px) { .m-header__logo { width:190px } } .m-header__search { grid-column: 1 / span 12; grid-row: 2; border-radius: 12px } @media (min-width: 1024px) { .m-header__search { -webkit-align-items:center; align-items: center; display: -webkit-flex; display: flex; grid-column: 2 / span 1; grid-row: 1 } } .m-header__search ::-webkit-input-placeholder { display: none; color: var(--color-neutral-600) } .m-header__search :-ms-input-placeholder { display: none; color: var(--color-neutral-600) } .m-header__search ::-ms-input-placeholder { display: none; color: var(--color-neutral-600) } .m-header__search ::placeholder { display: none; color: var(--color-neutral-600) } @media (max-width: 374px) { .m-header__search ::-webkit-input-placeholder { color:transparent } .m-header__search :-ms-input-placeholder { color: transparent } .m-header__search ::-ms-input-placeholder { color: transparent } .m-header__search ::placeholder { color: transparent } .active-search .m-header__search ::-webkit-input-placeholder { color: var(--color-neutral-600) } .active-search .m-header__search :-ms-input-placeholder { color: var(--color-neutral-600) } .active-search .m-header__search ::-ms-input-placeholder { color: var(--color-neutral-600) } .active-search .m-header__search ::placeholder { color: var(--color-neutral-600) } } .m-header__search .input-group { position: relative; display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; width: 100% } .m-header__search .input-group:focus-within .m-header__search-field-placeholder { -webkit-animation-play-state: paused; animation-play-state: paused } .m-header__search .input-group-append { display: inline-block; margin-left: -1px; line-height: 1 } .m-header__search .teepublicon,.m-header__search-close .teepublicon { margin: 0 } .m-header__search--animate { --borderWidth: 2px; border-radius: 12px } .m-header__search--animate form { position: relative } .m-header__search--animate form:after { -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: 12px; content: ''; height: calc(100% + var(--borderWidth) * 2); left: calc(-1 * var(--borderWidth)); position: absolute; top: calc(-1 * var(--borderWidth)); width: calc(100% + var(--borderWidth) * 2); z-index: -1 } .m-header__search--animate form:focus-within:after { background: var(--color-primary-500) } .m-header__search--animate .form__control:focus { border-color: var(--color-neutral-300) } @media (max-width: 767px) { .m-header__search--animate { margin-right:0 } } .m-header__search--animate .icon { font-size: 16px } .m-header__search-field-container { -webkit-flex: 1 1 auto; flex: 1 1 auto } .m-header__search-field-container .m-header__search-field { border-radius: 12px 0 0 12px; border: 0; height: 100%; width: 100% } .m-header__search-field-container .m-header__search-field::-webkit-input-placeholder { color: var(--color-neutral-600) } .m-header__search-field-container .m-header__search-field:-ms-input-placeholder { color: var(--color-neutral-600) } .m-header__search-field-container .m-header__search-field::-ms-input-placeholder { color: var(--color-neutral-600) } .m-header__search-field-container .m-header__search-field::placeholder { color: var(--color-neutral-600) } @media (min-width: 1024px) { .m-header__search-field-container .m-header__search-field { font-size:var(--font-size-small-400) } } .m-header__search-field-container .m-header__search-field .m-head__search-field { color: var(--color-neutral-600); height: 32px } .m-header__search-submit { border: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 12px; border-top-left-radius: 0; border-top-right-radius: 12px; margin: 0; padding: 12px; background-color: var(--color-primary-500) } .m-header__search-submit:hover { background-color: var(--color-primary-600) } .m-header__search-submit:focus { background-color: var(--color-primary-700) } @media (max-width: 480px) { .m-header__search-submit { z-index:1 } } @media (min-width: 768px) { .m-header__search-submit { padding:14px } } @media (min-width: 1024px) { .m-header__search-submit { line-height:1.1 } } .m-header__search-field-placeholder-wrapper { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: 0 } .m-header__search-field-placeholder-wrapper.hide { display: none } .m-header__search-field-placeholder { --slide-up-y: 40px; -webkit-transform: translateY(0); transform: translateY(0); -webkit-animation: 30s ease 0s infinite normal none running flip-up; animation: 30s ease 0s infinite normal none running flip-up } @media (min-width: 768px) { .m-header__search-field-placeholder { --slide-up-y: 44px } } .m-header__search-field-placeholder p { color: var(--color-neutral-700); height: var(--slide-up-y); line-height: var(--slide-up-y); margin-left: 15px; font-size: var(--font-size-small-300) } @media (min-width: 768px) { .m-header__search-field-placeholder p { font-size:var(--font-size-small-400) } } .m-header__logo { display: block; width: 144px } @media (min-width: 1024px) { .m-header__logo { width:200px } } .m-header__cart-item { display: -webkit-flex; display: flex; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--color-neutral-300) } .m-header__cart-item-image { -webkit-flex-shrink: 0; flex-shrink: 0; margin-bottom: 5px; width: 92px } .m-header__cart-item-image img { width: 100% } @media (min-width: 1024px) { .m-header__cart-item-image { margin-bottom:10px } } .m-header__cart-item-info { margin-left: 20px } .m-header__cart-item-info li { color: var(--color-neutral-700); font-size: var(--font-size-small-300); margin-bottom: 4px } .m-header__cart-item-info li.cart-item-info__highlight { color: var(--color-neutral-900); font-family: var(--font-family-primary-bold) } .m-header__cart-paypal { min-height: 35px } .m-header__cart-applepay { margin: 5px 0; display: block; height: 42px } .m-header__search-close { position: absolute; top: 10px; right: 56px } .m-header__search-close.hide { visibility: hidden } @media (min-width: 768px) { .m-header__search-close { top:12px } } .m-header__search-close-button { border: none } .m-header__designer-button { font-size: var(--font-size-small-400); padding: 10px 12px } @media (max-width: 1023px) { .sticky-header--no-sticky { position:static; top: unset } .sticky-header--bottom-sticky { position: -webkit-sticky; position: sticky; top: 0; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out } .sticky-header--bottom-sticky.m-header-secondary { top: 80px; z-index: calc(10 + 1) } .sticky-header--bottom-sticky.m-header--with-affiliates-share { top: 50px } .m-header--hide-top { -webkit-transform: translateY(-50px); transform: translateY(-50px); transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out } .m-header--hide-top.vc-header--no-search { -webkit-transform: translateY(-64px); transform: translateY(-64px) } } @media (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) { .m-header--hide-top.vc-header--no-search { -webkit-transform:translateY(-76px); transform: translateY(-76px) } } .teepublicon { display: inline-grid; vertical-align: middle } .teepublicon.teepublicon--round { border-radius: 50% } .teepublicon--hover:hover { cursor: pointer } .teepublicon--blue-dark svg,.teepublicon--hover-blue-dark:hover svg { fill: var(--color-primary-600) } .teepublicon--primary-200 svg,.teepublicon--hover-primary-200:hover svg { fill: var(--color-primary-200) } .teepublicon--primary-400 svg,.teepublicon--hover-primary-400:hover svg { fill: var(--color-primary-400) } .teepublicon--primary-500 svg,.teepublicon--hover-primary-500:hover svg { fill: var(--color-primary-500) } .teepublicon--blue-default svg,.teepublicon--hover-blue-default:hover svg { fill: var(--color-primary-500) } .teepublicon--dark-default svg,.teepublicon--hover-dark-default:hover svg { fill: var(--color-neutral-900) } .teepublicon--transparent svg,.teepublicon--hover-transparent:hover svg { fill: transparent } .teepublicon--error-red svg,.teepublicon--hover-error-red:hover svg { fill: var(--color-danger-500) } .teepublicon--grey-dark svg,.teepublicon--hover-grey-dark:hover svg { fill: var(--color-neutral-600) } .teepublicon--grey-default svg,.teepublicon--hover-grey-default:hover svg { fill: var(--color-neutral-500) } .teepublicon--grey-light svg,.teepublicon--hover-grey-light:hover svg { fill: var(--color-neutral-300) } .teepublicon--light-default svg,.teepublicon--hover-light-default:hover svg { fill: var(--color-white) } .teepublicon--light-a20 svg { fill: var(--color-white-a20) } .teepublicon--light-a20:hover svg { fill: var(--color-white) } .teepublicon--pinterest svg,.teepublicon--hover-pinterest:hover svg { fill: #bd081c } .teepublicon--success-green svg,.teepublicon--hover-success-green:hover svg { fill: var(--color-success-600) } .teepublicon--warning-yellow svg,.teepublicon--hover-warning-yellow:hover svg { fill: var(--color-warning-600) } .teepublicon--color-warning-400 svg,.teepublicon--hover-color-warning-400:hover svg { fill: var(--color-warning-400) } .teepublicon__draggable:hover { cursor: -webkit-grab; cursor: grab } .teepublicon__draggable:active { cursor: -webkit-grabbing; cursor: grabbing } .teepublicon-variant--circle { border-radius: 50% } .teepublicon-variant--circle.x-large { padding: 18px } .teepublicon-variant--circle.large { padding: 14px } .teepublicon-variant--circle.medium { padding: 10px } .teepublicon-variant--circle.default { padding: 8px } .teepublicon-variant--circle.small { padding: 4px } .teepublic--border-color-neutral-800 { border: 2px solid var(--color-neutral-800) } .teepublic--border-color-neutral-200 { border: 2px solid var(--color-neutral-200) } .teepublicon--color-neutral-300 svg,.teepublicon--hover-color-neutral-300:hover svg { fill: var(--color-neutral-300) } .teepublicon--color-neutral-400 svg,.teepublicon--hover-color-neutral-400:hover svg { fill: var(--color-neutral-400) } .teepublicon--color-neutral-500 svg,.teepublicon--hover-color-neutral-500:hover svg { fill: var(--color-neutral-500) } .teepublicon--color-neutral-600 svg,.teepublicon--hover-color-neutral-600:hover svg { fill: var(--color-neutral-600) } .teepublicon--color-neutral-700 svg,.teepublicon--hover-color-neutral-700:hover svg { fill: var(--color-neutral-700) } .teepublicon--color-neutral-800 svg,.teepublicon--hover-color-neutral-800:hover svg { fill: var(--color-neutral-800) } .teepublicon--color-neutral-800-a20 svg,.teepublicon--hover-color-neutral-800-a20:hover svg { fill: var(--color-neutral-800-a20) } .teepublicon--color-neutral-900 svg,.teepublicon--hover-color-neutral-900:hover svg { fill: var(--color-neutral-900) } .teepublicon--color-primary-500 svg,.teepublicon--hover-color-primary-500:hover svg { fill: var(--color-primary-500) } .teepublicon--color-success-500 svg,.teepublicon--hover-color-success-500:hover svg { fill: var(--color-success-500) } .teepublicon--color-danger-300 svg,.teepublicon--hover-color-danger-300:hover svg { fill: var(--color-danger-300) } .teepublicon-background--transparent { background-color: transparent } .teepublicon-background--blue-dark { background-color: var(--color-primary-600) } .teepublicon-background--blue-default { background-color: var(--color-primary-500) } .teepublicon-background--dark-default { background-color: var(--color-neutral-900) } .teepublicon-background--deviantart { background-color: #61c85a } .teepublicon-background--error-red { background-color: var(--color-danger-500) } .teepublicon-background--facebook { background-color: #3b5998 } .teepublicon-background--grey-default { background-color: var(--color-neutral-200) } .teepublicon-background--grey-dark { background-color: var(--color-neutral-600) } .teepublicon-background--instagram { background-color: #434e45 } .teepublicon-background--light-default { background-color: var(--color-white) } .teepublicon-background--linktree { background-color: #3edc5c } .teepublicon-background--pinterest { background-color: #bd081c } .teepublicon-background--purple-default { background-color: #5e469e } .teepublicon-background--reddit { background-color: #ff4301 } .teepublicon-background--success-green { background-color: var(--color-success-500) } .teepublicon-background--tiktok { background-color: black } .teepublicon-background--tumblr { background-color: #323e4d } .teepublicon-background--twitch { background-color: #9146ff } .teepublicon-background--twitter { background-color: #55acee } .teepublicon-background--warning-yellow { background-color: var(--color-warning-500) } .teepublicon-background--youtube { background-color: red } .teepublicon-spacing--both { margin-left: 5px; margin-right: 5px } .teepublicon-spacing--left { margin-left: 5px } .teepublicon-spacing--right { margin-right: 5px } .teepublicon--rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .teepublicon--rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .teepublicon--rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .c-menu { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; margin-top: 15px } .c-menu ul { margin-top: 5px } .c-menu.mt-0,.c-menu.mt-0 ul { margin-top: 0 } .c-menu.mt-1,.c-menu.mt-1 ul { margin-top: 3px } .c-menu-group .c-menu:first-of-type { margin-top: 0 } .c-menu__header { margin-top: 0; margin-bottom: 0 } .c-menu__header h3,.c-menu__header h4 { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-100); line-height: 20px } @media (min-width: 1024px) { .c-menu__header h3,.c-menu__header h4 { font-size:var(--font-size-medium-100); line-height: 20px } } .c-menu__header .teepublicon { -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: all 300ms ease-out; margin-right: 5px } .c-menu__header .flipped { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: all 300ms ease-out } .c-menu__header .flipped svg { fill: var(--color-neutral-900) } .c-menu__header[role='button'] { padding-left: 0; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center } .c-menu__header--justify-space-between { -webkit-justify-content: space-between; justify-content: space-between; padding: 15px 0 } .c-menu__header--justify-default { -webkit-justify-content: normal; justify-content: normal; padding-bottom: 2px; padding-top: 8px } .c-menu-redesign-canvas__header { font-family: var(--font-family-primary-bold); color: var(--color-neutral-500); font-size: var(--font-size-small-400); line-height: 20px; padding: 16px 8px } .c-menu__item { font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-400); margin-top: 2px } .c-menu-redesign__item { font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-400); line-height: var(--font-size-medium-200) } .c-menu__link { border-radius: 5px; display: inline-block; line-height: 16px; padding: 8px 15px; width: 100% } .c-menu__link:hover,.c-menu__link:active,.c-menu__link:focus { background: var(--color-primary-200) } .c-menu__link.active { background: var(--color-neutral-200); color: var(--color-neutral-900) } .c-menu__link.selected { background: var(--color-primary-500); color: var(--color-white); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between } .c-menu__link.selected.no-deactivate::after { display: none } .c-menu-redesign__link { border-radius: 8px; display: inline-block; padding: 8px 16px; width: 100% } .c-menu-redesign__link h4 { color: var(--color-neutral-900); font-family: var(--font-family-primary-semibold); font-size: var(--font-size-small-300); line-height: 20px } .c-menu-redesign__link:hover,.c-menu-redesign__link:active,.c-menu-redesign__link:focus { background: var(--color-primary-100) } .c-menu-redesign__link.active { background: var(--color-neutral-200); color: var(--color-neutral-900) } .c-menu-redesign__link.selected { background: var(--color-primary-500); color: var(--color-white); display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between } .c-menu-redesign__link.selected.no-deactivate::after { display: none } .c-menu__link--icon { -webkit-flex-direction: row-reverse; flex-direction: row-reverse } .c-menu-secondary { margin-top: 25px } .c-menu-secondary::before { content: ''; background-color: var(--color-neutral-200); display: block; height: 2px; margin-left: auto; margin-right: 0; margin-bottom: 25px; width: 100% } .c-menu--expandable ul { max-height: 0; margin-top: 0; overflow-y: hidden; transition: max-height 500ms ease-out } .c-menu--expandable ul.expanded { max-height: 400px; transition: max-height 500ms ease-out } .tool-tip { display: inline-block; position: relative } .tool-tip .tool-tiptext::after { border-color: var(--color-neutral-900) transparent transparent transparent; border-style: solid; border-width: 5px; content: ''; left: 50%; margin-left: -5px; position: absolute; top: 100% } .tool-tiptext { background-color: var(--color-neutral-900); border-radius: 6px; bottom: 150%; color: var(--color-white); left: 50%; margin-left: -110px; padding: 8px; position: absolute; text-align: center; visibility: hidden; width: 225px; z-index: 1 } .tool-tip:hover .tool-tiptext { visibility: visible } .tp-tooltip { font-size: var(--font-size-small-200); line-height: var(--font-size-small-400); font-family: var(--font-family-primary-semibold); font-weight: 600; background: var(--color-neutral-900); border-radius: 8px; color: var(--color-white); display: none; padding: 8px 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: 200px; z-index: 100; box-shadow: 0 2px 4px 0 rgba(21,21,35,0.2) } .tp-tooltip--arrow,.tp-tooltip--arrow::before { position: absolute; width: 8px; height: 8px; background: inherit } .tp-tooltip--arrow { visibility: hidden } .tp-tooltip--arrow::before { visibility: visible; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .tp-tooltip[data-popper-placement^="top"]>.tp-tooltip--arrow { bottom: -4px } .tp-tooltip[data-popper-placement^="bottom"]>.tp-tooltip--arrow { top: -4px } .tp-tooltip[data-popper-placement^="left"]>.tp-tooltip--arrow { right: -4px } .tp-tooltip[data-popper-placement^="right"]>.tp-tooltip--arrow { left: -4px } .tp-tooltip[data-show] { display: block } .c-tray { display: block; height: 100%; position: fixed; top: 0; transition: visibility 0s .15s; visibility: hidden; width: 100%; z-index: 110 } .c-tray.right { right: 0 } .c-tray.right>.c-tray__container { right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .c-tray.left { left: 0 } .c-tray.left>.c-tray__container { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .c-tray.active { transition: visibility 0s 0s; visibility: visible } .c-tray.active>.c-tray__container { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-delay: 0s } .c-tray.active>.c-tray__underlay { background-color: var(--color-neutral-900-a80) } .c-tray__container { background-color: white; bottom: 0; height: 100%; position: absolute; top: 0; transition: -webkit-transform 0.15s cubic-bezier(0.8, 0, 0, 1.12); transition: transform 0.15s cubic-bezier(0.8, 0, 0, 1.12); transition: transform 0.15s cubic-bezier(0.8, 0, 0, 1.12),-webkit-transform 0.15s cubic-bezier(0.8, 0, 0, 1.12); width: 85% } .c-tray__content { display: none; height: 100% } .c-tray__content.render { display: block } .c-tray__underlay { background-color: transparent; display: block; height: 100%; position: absolute; transition: background-color .15s ease-in-out; transition-delay: 0s; width: 100% } .tp-accordion { border: 2px solid var(--color-neutral-900); border-radius: 12px; margin-bottom: 8px } .tp-accordion.tp-accordion__content--open { border: 2px solid var(--color-primary-500) } .tp-accordion__button { -webkit-align-items: center; align-items: center; background-color: transparent; border: 0; border-radius: 12px; cursor: pointer; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 12px 16px; width: 100%; -webkit-tap-highlight-color: transparent } @media (hover: hover) and (pointer: fine) { .tp-accordion__button:hover { background-color:var(--color-primary-100); color: var(--color-primary-500) } } .tp-accordion__button.tp-accordion__content--open { background-color: var(--color-primary-100); color: var(--color-primary-500); display: -webkit-flex; display: flex } .tp-accordion__content--open .teepublicon { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .tp-accordion__content--open .teepublicon svg { fill: var(--color-primary-500) } .tp-accordion__button-text { color: inherit } .tp-accordion__content { display: none; padding: 12px 16px } .tp-accordion__content.tp-accordion__content--open { display: block } .vc-banner { font-size: var(--font-size-small-400); padding: 15px; position: relative } .vc-banner-affiliate { -webkit-align-items: center; align-items: center; border-bottom: 1px solid var(--color-white-a10); display: -webkit-flex; display: flex; font-size: var(--font-size-small-200); height: 50px; padding: 0 15px } @media (min-width: 768px) { .vc-banner-affiliate { font-size:var(--font-size-small-400) } } .vc-banner-affiliate__info { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; justify-content: center } .vc-banner-affiliate__content { margin: auto; padding: 0 15px } .vc-banner-affiliate__clipboard { padding-top: 5px; position: relative; width: 100% } .vc-banner-affiliate__clipboard>* { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center } .vc-banner-affiliate__clipboard .teepublicon { display: none } @media (min-width: 768px) { .vc-banner-affiliate__clipboard { padding-top:0; width: auto } .vc-banner-affiliate__clipboard .teepublicon { display: block; margin-left: 10px } } .vc-banner-affiliate__link-wrapper.animate { -webkit-animation: fade-in-down 0.2s ease-in-out forwards; animation: fade-in-down 0.2s ease-in-out forwards } .vc-banner-affiliate__link-wrapper.copied.success { -webkit-animation: fade-out-down 0.2s ease-in-out forwards; animation: fade-out-down 0.2s ease-in-out forwards } .vc-banner-affiliate__link-wrapper--copied { position: absolute; visibility: hidden; top: 5px; bottom: 0; left: 0; right: 0 } @media (min-width: 768px) { .vc-banner-affiliate__link-wrapper--copied { top:0; right: unset } } .vc-banner-affiliate__link-wrapper--copied.animate { -webkit-animation: fade-out-down 0.2s ease-in-out forwards; animation: fade-out-down 0.2s ease-in-out forwards } .vc-banner-affiliate__link-wrapper--copied.success { -webkit-animation: fade-in-down 0.2s ease-in-out forwards; animation: fade-in-down 0.2s ease-in-out forwards } .vc-banner-affiliate__link { font-weight: 700; color: var(--color-warning-500); text-align: center } .vc-banner-affiliate__link:hover { color: var(--color-warning-500); opacity: .85; cursor: pointer } .vc-banner-affiliate__link.copied.success { opacity: 0; -webkit-animation: fade-out-down .5s linear forwards; animation: fade-out-down .5s linear forwards } .vc-banner-affiliate__link--copied { color: var(--color-success-500); font-weight: 700 } .vc-banner-affiliate__note { text-transform: none } @media (min-width: 375px) and (max-width: 981px) { .vc-banner-affiliate__note { white-space:nowrap; width: auto } } .vc-banner-sale-countdown { display: block; width: 100% } .vc-banner-sale-countdown__content-container { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; margin: auto } @media (min-width: 768px) { .vc-banner-sale-countdown__content-container { -webkit-flex-wrap:nowrap; flex-wrap: nowrap; gap: 40px; padding-right: 30px } } .vc-banner-sale-countdown__countdown-container { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin-bottom: 10px; width: 100% } @media (min-width: 768px) { .vc-banner-sale-countdown__countdown-container { margin-bottom:0; width: auto } } .vc-banner-sale-countdown__countdown-label { font-family: var(--font-family-primary-bold); font-size: var(--font-size-small-200); margin-right: 5px; text-align: end } @media (min-width: 480px) { .vc-banner-sale-countdown__countdown-label { font-size:var(--font-size-small-400) } } .vc-banner-sale-countdown__messaging-cta-container { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; gap: 12px } .vc-banner-sale-countdown__messaging-cta-container .c-link__button { -webkit-align-self: center; align-self: center; background: var(--color-neutral-900); -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; font-family: var(--font-family-display); font-size: var(--font-size-small-300); line-height: 1.286; text-transform: uppercase } .vc-banner-sale-countdown__messaging-cta-container .c-link__button.hidden { display: none } .vc-banner-sale-countdown__messaging { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-grow: 1; flex-grow: 1; font-family: var(--font-family-display); font-size: var(--font-size-small-300); text-align: center } @media (min-width: 480px) { .vc-banner-sale-countdown__messaging { font-size:var(--font-size-medium-100) } } .vc-banner-seller-verification { display: grid; grid-template-columns: repeat(3, auto); -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; padding: 16px 0px; gap: 20px } @media (max-width: 1025px) { .vc-banner-seller-verification { grid-template-columns:repeat(2, auto); padding: 16px; gap: 12px } } .vc-banner-seller-verification__text { font-family: "Roobert-SemiBold", Helvetica, sans-serif; font-size: var(--font-size-small-400); font-style: normal; line-height: 1.5 } @media (max-width: 1025px) { .vc-banner-seller-verification__text { grid-area:1 / 1 / 1 / span 2; font-size: var(--font-size-small-300); line-height: 1.42857; text-align: center } } @media (max-width: 1025px) { .vc-banner-seller-verification__link-wrapper { justify-self:end } } .vc-banner-seller-verification__btn { border-radius: 8px; padding: 8px } .vc-banner-seller-verification__btn .button__content { border: none; font-family: "Roobert-SemiBold", Helvetica, sans-serif; font-size: var(--font-size-small-200); font-style: normal; line-height: 1.3333; text-align: center } .vc-banner--blue-dark-background { background: var(--color-primary-600) } .vc-banner--dark-default-background { background: var(--color-neutral-900) } .vc-banner--development-background { background: var(--color-success-300) } .vc-banner--error-red-background { background: var(--color-danger-500) } .vc-banner--light-default-background { background: var(--color-white) } .vc-banner--staging-background { background: var(--color-warning-500) } .vc-banner--canary-background { background: var(--color-accent-orange-500) } .vc-banner--success-green-background { background: var(--color-success-500) } .vc-banner--warning-yellow-background,.vc-banner-sale-countdown { background: var(--color-warning-500) } .vc-banner--warning-light-yellow-background { background: var(--color-warning-400) } .vc-banner--preview-yellow-background { background: var(--color-warning-200) } .vc-banner--with-close-icon { padding-right: 30px } .vc-banner--hidden { display: none } .vc-banner--sticky { position: -webkit-sticky; position: sticky; top: 0; z-index: 110 } .vc-banner--auto-hide { transition-delay: 5s; transition-duration: .5s; transition-property: height, padding; height: 0; padding: 0 } .vc-banner--hide { transition-duration: .5s; transition-property: height, padding; height: 0; padding: 0 } .vc-banner__close-icon { position: absolute; right: 15px; top: 15px; cursor: pointer } .vc-banner__text--dark-default { color: var(--color-neutral-900) } .vc-banner__text--light-default { color: var(--color-white) } .vc-banner__text--black { color: var(--color-black) } .vc-banner__text--success-green { color: var(--color-success-500) } .vc-banner__text--warning-yellow { color: var(--color-warning-500) } .container__scrollable { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; gap: 8px; overflow-x: auto; padding-bottom: 10px; width: 100% } .container__scrollable>* { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0 } .container__scrollable::-webkit-scrollbar { display: none } @media (min-width: 768px) { .container__scrollable { margin-top:15px; margin-bottom: 20px } } @media (min-width: 768px) { .container__scrollable--wrap { -webkit-flex-wrap:wrap; flex-wrap: wrap } } .container__scrollable--slim { margin-bottom: 0; margin-top: 0; padding: 0 } .vc-countdown { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; font-family: var(--font-family-primary-bold) } .vc-count { -webkit-align-items: baseline; align-items: baseline; background-color: var(--color-white); border-radius: 5px; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; line-height: 1.25 } .vc-count__digits { font-family: var(--font-family-primary-bold) } .vc-countdown-sale-banner { font-family: var(--font-family-display); gap: 4px } .vc-countdown-sale-banner .vc-count { -webkit-justify-content: flex-end; justify-content: flex-end; min-height: 30px; padding: 5px } .vc-countdown-sale-banner .vc-count__digits { font-family: var(--font-family-display); font-size: var(--font-size-small-400) } .vc-countdown-sale-banner .vc-count__label { font-size: var(--font-size-small-200); margin-left: 2px } .vc-countdown-sale-banner .vc-count__separator { color: var(--color-white); margin: 0 5px } .vc-countdown-product-sale { display: -webkit-flex; display: flex; gap: 4px } .vc-countdown-product-sale .vc-count { -webkit-align-items: center; align-items: center; background-color: var(--color-white); border-radius: 10px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; padding: 8px; text-align: center; line-height: 1 } .vc-countdown-product-sale .vc-count__digits { color: var(--color-accent-orange-500); font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-200); margin-bottom: 4px } .vc-countdown-product-sale .vc-count__label { color: var(--color-neutral-700); font-family: var(--font-family-primary); font-size: var(--font-size-small-200); text-transform: capitalize } .vc-countdown-product-sale .vc-count__separator { display: none } .vc-countdown-design-tile { -webkit-align-items: unset; align-items: unset; background: transparent; color: var(--tile-countdown-color); font-size: var(--font-size-small-200); line-height: 16px; margin-left: 2px } @media (min-width: 768px) { .vc-countdown-design-tile { font-size:var(--font-size-small-300) } } .vc-countdown-design-tile .vc-count__preposition { color: var(--tile-countdown-color); padding: 0 3px } .vc-countdown-design-tile .vc-count { background: transparent; line-height: 16px } .vc-countdown-design-tile .vc-count__digits { color: var(--tile-countdown-color); font-family: var(--font-family-primary-semibold) } .vc-countdown-design-tile .vc-count__label { color: var(--tile-countdown-color); padding: 0 3px } .vc-countdown-design-tile .vc-count__separator { color: var(--tile-countdown-color); line-height: 16px; margin: 0 } .vc-countdown-artist { -webkit-align-items: unset; align-items: unset; background: transparent; color: var(--color-accent-orange-600); font-size: var(--font-size-small-300); -webkit-justify-content: center; justify-content: center; line-height: 16px; margin-left: 2px } .vc-countdown-artist .vc-count__preposition { color: var(--color-accent-orange-600); padding: 0 3px } .vc-countdown-artist .vc-count { background: transparent; line-height: 16px } .vc-countdown-artist .vc-count__digits { color: var(--color-accent-orange-600); font-family: var(--font-family-primary-semibold) } .vc-countdown-artist .vc-count__label { color: var(--color-accent-orange-600); padding: 0 3px } .vc-countdown-artist .vc-count__separator { color: var(--color-accent-orange-600); line-height: 16px; margin: 0 } .link-collection--divider { border-top: 1px solid var(--color-neutral-100); margin-top: 8px; padding-top: 8px } .link-collection__header { color: var(--color-neutral-900); min-width: 170px } .link-collection__content { margin-top: 15px; gap: 10px } @media (min-width: 1024px) { .link-collection__content { margin-top:15px } } .link-collection__content .link-collection__link { margin: 0; text-transform: none } .tp-text-note--neutral { --label-background-color: var(--color-neutral-100); --label-border-color: var(--color-neutral-300) } .tp-text-note--neutral.tp-text-note--on-dark { --label-background-color: var(--color-neutral-800-a40); --label-border-color: var(--color-neutral-800) } .tp-text-note--success { --label-background-color: var(--color-success-100); --label-border-color: var(--color-success-300) } .tp-text-note--warning { --label-background-color: var(--color-warning-100); --label-border-color: var(--color-warning-300) } .tp-text-note--danger { --label-background-color: var(--color-danger-100); --label-border-color: var(--color-danger-300) } .tp-text-note--information { --label-background-color: var(--color-primary-100); --label-border-color: var(--color-primary-300) } .tp-text-note--on-dark .tp-text-note--header,.tp-text-note--on-dark .tp-text-note__text { color: var(--color-white) } .tp-text-note { background-color: var(--label-background-color); border: 2px solid var(--label-border-color); border-radius: 12px; color: var(--label-text-color); display: -webkit-flex; display: flex; line-height: 1; padding: 12px 16px; text-align: left; gap: 12px; margin: 16px 0px } .tp-text-note .tp-text-note--header { margin-bottom: 8px } .tp-text-note .tp-text-note__text { font-size: var(--font-size-small-300); line-height: var(--font-size-medium-200); font-family: var(--font-family-primary); font-weight: 500 } .tp-text-note .tp-text-note--link { margin-top: 8px } .tp-favorite-button { border-radius: 800px; box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20); padding: 6px; margin-top: 0; margin-bottom: 0 } .tp-favorite-button.tp-favorite-button--filled:hover { background: var(--color-danger-100); box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20) } .tp-favorite-button.tp-favorite-button--filled:focus { background: var(--color-danger-200); box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20) } .tp-favorite-button.tp-favorite-button--unfilled:hover { background: var(--color-primary-100); box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20) } .tp-favorite-button.tp-favorite-button--unfilled:focus { background: var(--color-primary-200); box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20) } .tp-favorite-button.tp-favorite-button--inactive:hover { background: var(--color-white); box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20) } .tp-favorite-button.tp-favorite-button--inactive:focus { background: var(--color-white); box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20) } .tp-favorite-button__tooltip { text-transform: none; width: 140px } .tp-favorite-button__tooltip[data-popper-placement^="left"]>.tp-tooltip--arrow { right: 0 } .c-link__button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .c-link__button.full-width { width: 100% } .c-link__button.btn--full { width: initial } .c-link__header { background-color: var(--color-neutral-900); color: var(--color-white); font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-100); padding: 20px } .c-link__header:hover,.c-link__header:focus { color: var(--color-white) } .link__content { display: inline } .link__cta { display: -webkit-flex; display: flex; font-family: var(--font-family-primary-semibold); font-weight: 600; line-height: 24px } .link__cta.tp-btn--icon { padding: 0 } .link__cta.link--medium { line-height: 20px } .link__cta.link--small { line-height: 16px } .link__cta .link__content { border-bottom: 2px solid var(--color-primary-500) } .link__cta--on-light .link__content { color: var(--color-neutral-900) } .link__cta--on-light .link__content:hover { border-color: var(--color-neutral-300) } .link__cta--on-light .link__content:active { border-color: var(--color-primary-500); color: var(--color-neutral-700) } .link__cta--on-dark .link__content { border-color: var(--color-primary-400); color: var(--color-white) } .link__cta--on-dark .link__content:hover { border-color: var(--color-neutral-700); color: var(--color-white) } .link__cta--on-dark .link__content:active { border-color: var(--color-primary-600); color: var(--color-neutral-300) } .link--disabled { cursor: default } .vc-pill { -webkit-align-items: center; align-items: center; background-color: #000000; border: 2px solid #000; border-radius: 100px; color: #ffd700; display: -webkit-flex; display: flex; gap: 4px; -webkit-justify-content: center; justify-content: center; min-width: 56px; padding: 8px 12px; text-transform: none; transition: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .vc-pill.tp-btn--icon .teepublicon { margin: 0 } .vc-pill svg { fill: currentColor } .vc-pill:hover { background-color: #ffd100; border-color: #000000; color: var(--color-white); outline: none } .vc-pill:disabled { background-color: var(--color-neutral-200); border-color: var(--color-neutral-200); color: var(--color-neutral-500); outline: none } .vc-pill:active { background-color: var(--color-neutral-900); border-color: var(--color-neutral-900); color: var(--color-white); outline: none } .vc-pill.vc-pill--on-dark { border-color: var(--color-primary-500); color: var(--color-white) } .vc-pill.vc-pill--on-dark:hover { background-color: var(--color-primary-500); border-color: var(--color-primary-500); color: var(--color-white); outline: none } .vc-pill.vc-pill--on-dark:disabled { background-color: var(--color-neutral-800); border-color: var(--color-neutral-800); color: var(--color-neutral-400); outline: none } .vc-pill.vc-pill--on-dark:active { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-neutral-900); outline: none } .vc-pill.vc-pill--on-periwinkle { border-color: var(--color-primary-300); color: var(--color-white) } .vc-pill.vc-pill--on-periwinkle:hover { background-color: var(--color-primary-600); border-color: var(--color-primary-600); color: var(--color-white); outline: none } .vc-pill.vc-pill--on-periwinkle:disabled { background-color: var(--color-neutral-400); border-color: var(--color-neutral-400); color: var(--color-neutral-200); outline: none } .vc-pill.vc-pill--on-periwinkle:active { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-neutral-900); outline: none } .vc-pill.btn:active { box-shadow: none } .vc-pill.m-search__tags-unlinkable { background-color: var(--color-neutral-100); border: 3px solid var(--color-neutral-200); color: var(--color-neutral-500) } .vc-pill[data-active=true] { background-color: var(--color-primary-500); color: var(--color-white) } .vc-pill[data-active=true] svg { fill: var(--color-white); transition: fill 300ms ease-out } .vc-pill.vc-pill--danger { color: var(--color-danger-500) } .vc-pill.vc-pill--danger:active,.vc-pill.vc-pill--danger:focus,.vc-pill.vc-pill--danger:hover { background-color: var(--color-danger-600); border-color: var(--color-danger-600); color: var(--color-white) } .vc-pill.vc-pill--danger:focus-visible { background: var(--color-neutral-900) } .tp-btn-tertiary--on-light { border-radius: 12px; border: 2px solid var(--color-primary-500); color: var(--color-neutral-900); display: inline-block } .tp-btn-tertiary--on-light svg { fill: var(--color-neutral-900) } .tp-btn-tertiary--on-light:hover { background-color: var(--color-primary-600); border-color: var(--color-primary-600); color: var(--color-white) } .tp-btn-tertiary--on-light:hover svg { fill: var(--color-white) } .tp-btn-tertiary--on-dark { border-radius: 12px; border: 2px solid var(--color-primary-400); color: var(--color-white); display: inline-block } .tp-btn-tertiary--on-dark svg { fill: var(--color-white) } .tp-btn-tertiary--on-dark:hover { background-color: var(--color-primary-600); border-color: var(--color-primary-600); color: var(--color-white) } .tp-btn-tertiary--on-dark:hover svg { fill: var(--color-white) } @-webkit-keyframes crash-in-from-right { 0%,100%,60%,75%,90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } @keyframes crash-in-from-right { 0%,100%,60%,75%,90% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } 100% { -webkit-transform: none; transform: none } } .vc-pill--animated { -webkit-animation-name: crash-in-from-right; animation-name: crash-in-from-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: calc(var(--animation-order) * 150ms); animation-delay: calc(var(--animation-order) * 150ms) } .vc-pill--outline { background-color: transparent; border: 2px solid var(--color-primary-500); color: var(--color-white) } .vc-pill--outline:hover { background-color: var(--color-primary-500); color: var(--color-white) } .vc-pill--outline:hover svg { fill: var(--color-white) } .vc-pill--outline:active { background-color: var(--color-primary-700); color: var(--color-primary-200) } .vc-pill--outline:active svg { fill: var(--color-primary-200) } .vc-pill--outline:focus { background-color: transparent; color: var(--color-white); outline: 4px solid var(--color-primary-300); outline-offset: 0 } .vc-pill--outline:focus svg { fill: var(--color-white) } .c-checkbox { display: grid; grid-template-columns: 28px auto; -webkit-align-items: center; align-items: center; -webkit-align-content: start; align-content: start; width: 100% } .c-checkbox.slim { min-height: 40px; padding-right: 4px; -webkit-column-gap: 12px; column-gap: 12px; row-gap: 8px } .c-checkbox input[type='checkbox'] { grid-area: 1 / 1 / 1 / 1; box-sizing: border-box; height: 24px; width: 24px; margin: 0px 0px 0px 4px; border: 2px solid var(--color-neutral-900); border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; outline: none; transition: outline 0.1s } .c-checkbox input[type='checkbox']:checked { border: 2px solid var(--color-primary-500); background-color: var(--color-primary-500); background-size: cover; background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Icon"><path id="utility_icon" fill-rule="evenodd" clip-rule="evenodd" d="M14.072 2.55728C14.7768 3.14932 14.8682 4.20063 14.2762 4.90544L7.27617 13.2388C6.96589 13.6082 6.51079 13.825 6.02846 13.8332C5.54612 13.8414 5.08388 13.6403 4.76117 13.2817L1.76117 9.9484C1.14541 9.26421 1.20087 8.21039 1.88505 7.59463C2.56924 6.97887 3.62305 7.03433 4.23882 7.71851L5.95662 9.62718L11.7238 2.76147C12.3159 2.05665 13.3672 1.96524 14.072 2.55728Z" fill="white"/></g></svg>') } .c-checkbox input[type='checkbox']:checked~.c-checkbox-disclaimer { grid-column: 1 / span 2; display: block; font-family: "Roobert-Medium", Helvetica, sans-serif; font-size: var(--font-size-small-100); color: var(--color-neutral-700); line-height: 1.45 } .c-checkbox input[type='checkbox']:checked~.c-checkbox-disclaimer a { display: inline-block; font-family: "Roobert-SemiBold", Helvetica, sans-serif; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: var(--color-neutral-800) } .c-checkbox input[type='checkbox']:not(:checked)~.c-checkbox-disclaimer { display: none } .c-checkbox input[type='checkbox']:focus-visible+label { outline: 4px solid var(--color-primary-300); border-radius: 12px } .c-checkbox input[type='checkbox']:active { background-color: var(--color-primary-200); border-color: var(--color-primary-700); -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } .c-checkbox input[type='checkbox']:disabled:not(:checked) { background-color: transparent; border-color: var(--color-neutral-300) } .c-checkbox input[type='checkbox']:disabled:checked { background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Icon"><path id="utility_icon" fill-rule="evenodd" clip-rule="evenodd" d="M14.072 2.55728C14.7768 3.14932 14.8682 4.20063 14.2762 4.90544L7.27617 13.2388C6.96589 13.6082 6.51079 13.825 6.02846 13.8332C5.54612 13.8414 5.08388 13.6403 4.76117 13.2817L1.76117 9.9484C1.14541 9.26421 1.20087 8.21039 1.88505 7.59463C2.56924 6.97887 3.62305 7.03433 4.23882 7.71851L5.95662 9.62718L11.7238 2.76147C12.3159 2.05665 13.3672 1.96524 14.072 2.55728Z" fill="white"/></g></svg>'); background-color: var(--color-primary-300); border-color: var(--color-primary-300) } .c-checkbox input[type='checkbox']:disabled~label .tp-input-label-content { color: var(--color-neutral-600) } .c-checkbox input[type='checkbox']:disabled~label .tp-input-label-description { color: var(--color-neutral-500) } @media (hover: hover) { .c-checkbox input[type='checkbox']:not(:checked):hover { background-color:var(--color-primary-200); -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } } @media (prefers-reduced-motion: reduce) { .c-checkbox input[type='checkbox'] { transition: none } } .c-checkbox label { grid-area: 1 / 1 / 1 / span 2; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; padding: 8px 0px 8px 40px; gap: 2px; min-height: 40px; cursor: pointer } .c-checkbox label .tp-input-label-content { font-family: "Roobert-SemiBold", Helvetica, sans-serif; font-size: var(--font-size-small-300); line-height: 1.3333; color: var(--color-neutral-900) } .c-checkbox label .tp-input-label-description { font-family: "Roobert-Medium", Helvetica, sans-serif; font-size: var(--font-size-small-200); line-height: 1.3333; width: 100%; color: var(--color-neutral-700) } .c-radio { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 64px; -webkit-align-items: center; align-items: center } .c-radio input[type="radio"] { -moz-appearance: none; appearance: none; -webkit-appearance: none; height: 24px; width: 24px; border-radius: 50%; margin: 6px 12px; grid-column-start: 1; grid-row-start: 1 } .c-radio input[type="radio"]:checked { background: var(--color-primary-500); border: 6px solid var(--color-primary-200); outline: 2px solid var(--color-primary-500) } .c-radio input[type="radio"]:not(:checked) { outline: 2px solid var(--color-neutral-700) } .c-radio input[type="radio"]:not(:checked)~label { box-shadow: none; border: 2px solid var(--color-neutral-300); border-radius: 12px } .c-radio input[type="radio"]:hover~label { box-shadow: none; border: 2px solid var(--color-neutral-300); border-radius: 12px } .c-radio input[type="radio"]:checked~label { box-shadow: none; border: 2px solid var(--color-primary-500); border-radius: 12px } .c-radio input[type="radio"]:focus-visible~label { box-shadow: none; border: 2px solid var(--color-neutral-300); border-radius: 12px } .c-radio input[type="radio"]~label { cursor: pointer } .c-radio label { grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1; grid-row-end: 1; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 2px; padding: 12px 16px 12px 56px } .c-radio label.no-description { padding: 20px 16px 20px 56px } .c-radio label .tp-input-label-aside { height: 20px } .c-radio label .tp-input-label-aside--green { height: 20px; color: var(--color-success-700) } .c-radio label .tp-input-label-content { height: 20px; font-family: "Roobert-SemiBold", Helvetica, sans-serif; font-size: var(--font-size-small-400) } .c-radio label .tp-input-label-description { height: 16px; width: 100%; -webkit-align-self: flex-end; align-self: flex-end; font-size: var(--font-size-small-200) } .c-radio-new { border: 2px solid var(--color-neutral-300); border-radius: 12px } .c-radio-new--selected { border-color: var(--color-primary-500) } .c-radio-new:has(input[type="radio"]:focus) { border-color: var(--color-primary-300); outline: 2px solid var(--color-primary-300) } .c-radio-new:not(.c-radio-new--selected):hover { border-color: var(--color-neutral-900) } .c-radio-new:not(.c-radio-new--selected):hover input[type="radio"] { background-color: var(--color-primary-200) } .c-radio-new:not(.c-radio-new--selected):active { border-color: var(--color-primary-700); background-color: var(--color-primary-100) } .c-radio-new:not(.c-radio-new--selected):active input[type="radio"] { background-color: transparent } .c-radio-new>div,.c-radio-new>label { padding: 12px 16px } .c-radio-new label.c-radio-label { -webkit-align-items: center; align-items: center; cursor: pointer; display: -webkit-flex; display: flex; gap: 12px; margin: 0 } .c-radio-new .c-radio-label-content { display: -webkit-flex; display: flex; gap: 2px; -webkit-flex-direction: column; flex-direction: column; width: 100% } .c-radio-new .c-radio-label-content-main { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; font-size: var(--font-size-small-400); font-family: var(--font-family-primary-semibold) } .c-radio-new .c-radio-description p { color: var(--color-neutral-700); line-height: 1.3333; font-size: var(--font-size-small-200) } .c-radio-new .c-radio-aside { -webkit-align-self: flex-start; align-self: flex-start; display: -webkit-flex; display: flex; gap: 4px; font-size: var(--font-size-small-400); margin-left: auto } .c-radio-new .c-radio-aside img { height: 24px } .c-radio-new .c-radio-aside img.dimmed { opacity: .2 } .c-radio-new .c-radio-aside--green { color: var(--color-success-700) } .c-radio-new .c-radio-additional { border-top: 2px solid var(--color-neutral-300) } .c-radio-new input[type="radio"] { -moz-appearance: none; appearance: none; -webkit-appearance: none; -webkit-flex: 0 0 auto; flex: 0 0 auto; cursor: pointer; height: 24px; width: 24px; margin: 0; border-radius: 50%; overflow: hidden } .c-radio-new input[type="radio"]:focus { outline-offset: 0 } .c-radio-new input[type="radio"]:checked { background: var(--color-primary-500); border: 4px solid var(--color-primary-200); outline: 2px solid var(--color-primary-500) } .c-radio-new input[type="radio"]:not(:checked) { border: 6px solid transparent; outline: 2px solid var(--color-neutral-700) } .c-radio-new input[type="radio"]:active { outline-color: var(--color-primary-700) } .c-radio-group { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 8px; margin: 12px 0px } .c-search-form__search { -webkit-flex-grow: 1; flex-grow: 1 } .c-search-form--rainbow { -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, var(--color-success-500), var(--color-warning-400), var(--color-warning-500), var(--color-danger-500), var(--color-primary-500), #B3EAFE, var(--color-success-500)); background-size: 300% 300%; border-radius: 5px; margin-top: 20px; padding: 2px } @media (min-width: 768px) { .c-search-form--rainbow { border-radius:10px; padding: 3px } } .c-search-form--rainbow .form__fields--autocomplete-search-inline { -webkit-flex-shrink: 0; flex-shrink: 0 } .c-search-form--rainbow .btn { border-radius: 0 4px 4px 0; padding: 12px; width: auto } @media (min-width: 768px) { .c-search-form--rainbow .btn { border-radius:0 7px 7px 0; padding: 17px; width: 100% } } .c-search-form--rainbow .form__control { border: none; border-radius: 4px 0 0 4px; height: 40px } @media (min-width: 768px) { .c-search-form--rainbow .form__control { border-radius:7px 0 0 7px; font-size: var(--font-size-small-400); height: 50px } } .c-search-form--rainbow .form__fields--inline .form__actions { margin: 0; width: auto } .tp-text-note--neutral { --label-background-color: var(--color-neutral-100); --label-border-color: var(--color-neutral-300) } .tp-text-note--neutral.tp-text-note--on-dark { --label-background-color: var(--color-neutral-800-a40); --label-border-color: var(--color-neutral-800) } .tp-text-note--success { --label-background-color: var(--color-success-100); --label-border-color: var(--color-success-300) } .tp-text-note--warning { --label-background-color: var(--color-warning-100); --label-border-color: var(--color-warning-300) } .tp-text-note--danger { --label-background-color: var(--color-danger-100); --label-border-color: var(--color-danger-300) } .tp-text-note--information { --label-background-color: var(--color-primary-100); --label-border-color: var(--color-primary-300) } .tp-text-note--on-dark .tp-text-note--header,.tp-text-note--on-dark .tp-text-note__text { color: var(--color-white) } .tp-text-note { background-color: #ffd700; border: 2px solid #050505; border-radius: 12px; color: var(--label-text-color); display: -webkit-flex; display: flex; line-height: 1; padding: 12px 16px; text-align: left; gap: 12px; margin: 16px 0px; } .tp-text-note .tp-text-note--header { margin-bottom: 8px } .tp-text-note .tp-text-note__text { font-size: var(--font-size-small-300); line-height: var(--font-size-medium-200); font-family: var(--font-family-primary); font-weight: 500 } .tp-text-note .tp-text-note--link { margin-top: 8px } .tp-newsletter-signup--dark { --newsletter-signup-text-color: var(--color-white); --newsletter-signup-background-color: var(--color-primary-600) } .tp-newsletter-signup--light { --newsletter-signup-text-color: var(--color-black); --newsletter-signup-background-color: rgba(21, 21, 35, 0.08) } .tp-newsletter-signup--transparent { --newsletter-signup-text-color: var(--color-black); --newsletter-signup-background-color: transparent } .m-newsletter-signup { background-color: var(--newsletter-signup-background-color) } .m-newsletter-signup .tp-input-label-content { color: var(--newsletter-signup-text-color); margin-bottom: 8px } .m-newsletter-signup .tp-input-field { background-color: var(--color-white) } .m-newsletter-signup-header,.m-newsletter-signup-header__subtext,.m-newsletter-signup-privacy-policy { color: var(--newsletter-signup-text-color); text-align: center; max-width: 560px; margin: auto } .m-newsletter-signup-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; margin-bottom: 4px } @media (min-width: 768px) { .m-newsletter-signup-header { font-size:var(--font-size-medium-400); line-height: var(--font-size-large-100) } } .m-newsletter-signup-header__subtext { 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; margin-bottom: 20px } @media (min-width: 768px) { .m-newsletter-signup-header__subtext { font-size:var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-newsletter-signup-header__form { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center } .m-newsletter-signup-form { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 0; max-width: 560px; width: 100% } @media (min-width: 768px) { .m-newsletter-signup-form { -webkit-flex-direction:row; flex-direction: row; gap: 12px; height: 100px } } .m-newsletter-signup-form .tp-form { width: inherit } .m-newsletter-signup-form .tp-input-field--wrapper { min-width: 100% } @media (min-width: 768px) { .m-newsletter-signup-form .tp-input-field--wrapper { min-width:400px } } .m-newsletter-signup-form__submit { font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-400); font-family: var(--font-family-primary-semibold); font-weight: 600; -webkit-align-items: center; align-items: center; background: var(--color-neutral-900); border: 0; border-radius: 12px; color: var(--color-white); display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; height: 48px; margin-top: 12px; width: 100% } .m-newsletter-signup-form__submit:hover { cursor: pointer } .m-newsletter-signup-privacy-policy { font-size: var(--font-size-small-100); line-height: var(--font-size-small-400); font-family: var(--font-family-primary); font-weight: 500; margin-top: 16px } @media (min-width: 768px) { .m-newsletter-signup-privacy-policy { margin-top:0 } } .m-newsletter-signup-privacy-policy a { color: var(--newsletter-signup-text-color); text-decoration: underline } .m-newsletter-signup-header__success-message-container { display: none } .m-newsletter-signup-header__success-message { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary-bold); font-weight: 700; -webkit-align-items: center; align-items: center; background: var(--color-success-100); border: 2px solid var(--color-success-300); border-radius: 12px; display: -webkit-flex; display: flex; gap: 12px; padding: 12px 16px } .m-newsletter-signup-header__success-message .teepublicon-variant--circle.medium { padding: 0 } .m-newsletter-signup--success .m-newsletter-signup-header__success-message-container { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center } @media (min-width: 1280px) { .m-newsletter-signup--success .m-newsletter-signup-header__success-message-container { -webkit-align-self:flex-start; align-self: flex-start } } .m-newsletter-signup--success .m-newsletter-signup-header__form form,.m-newsletter-signup--success .m-newsletter-signup-privacy-policy { display: none } .m-newsletter-signup-header__error-message-container { display: none; -webkit-justify-content: center; justify-content: center; margin-top: 12px } @media (min-width: 1280px) { .m-newsletter-signup-header__error-message-container { -webkit-align-self:flex-start; align-self: flex-start } } .m-newsletter-signup-header__error-message { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary-bold); font-weight: 700; -webkit-align-items: center; align-items: center; background: var(--color-danger-100); border: 2px solid var(--color-danger-300); border-radius: 12px; display: -webkit-flex; display: flex; gap: 12px; padding: 12px 16px } .m-newsletter-signup-header__error-message .teepublicon-variant--circle.medium { padding: 0 } .m-newsletter-signup--error .m-newsletter-signup-header__error-message-container { display: -webkit-flex; display: flex } .m-newsletter-signup--dashery-store { background-color: var(--newsletter-signup-background-color); min-height: 350px; padding: 40px 16px 0 } @container storefront (min-width: 768px) { .m-newsletter-signup--dashery-store { min-height: 300px } } @container storefront (max-width: 767px) { .m-newsletter-signup--dashery-store .m-newsletter-signup-form { -webkit-flex-direction: column; flex-direction: column; gap: 0; height: unset } .m-newsletter-signup--dashery-store .m-newsletter-signup-privacy-policy { margin-top: 16px } } .m-newsletter-signup--dashery-store .m-newsletter-signup-header__form { -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center } .m-newsletter-signup--dashery-store .m-newsletter-signup-header__success-message-container,.m-newsletter-signup--dashery-store .m-newsletter-signup-header__error-message-container { -webkit-align-self: center; align-self: center } .m-account-saved-lists { padding: 24px 16px } @media (min-width: 1024px) { .m-account-saved-lists { padding-inline:32px } } .m-saved-list__items { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 0 } @media (min-width: 1024px) { .m-saved-list__items { grid-template-columns:repeat(4, 1fr) } } .m-account-saved-lists__pagination .previous_page,.m-account-saved-lists__pagination .next_page { display: none } .m-account-saved-lists__pagination .previous_page~a:not(.next_page) { padding: 4px } @media (hover: hover) and (pointer: fine) { .m-account-saved-lists__pagination .previous_page~a:not(.next_page):hover { background-color:var(--color-primary-500); color: var(--color-white) } } .saved-list-empty__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 } @media (min-width: 768px) { .saved-list-empty__title { font-size:var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .saved-list-empty__text { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary); font-weight: 500; margin-top: 4px } .saved-list-empty__popular-topics { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin-top: 20px; max-width: 600px } .saved-list-empty__cta { margin-top: 20px } .default-product-preview { margin-top: 20px } .default-product-preview .title { display: -webkit-flex; display: flex; gap: 8px; margin-bottom: 8px } .default-product-preview .title h3 { margin: 0 } .default-product-preview p { margin-bottom: 20px } .default-product-preview.m-uploader__container--neutral { padding: 40px; text-align: left } .m-account { margin: 20px auto } @media (min-width: 1280px) { .m-account { margin:40px auto } } .m-account__header { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; gap: 8px } .m-account__header h1 { margin: 0 } @media (min-width: 1280px) { .m-account__body { min-height:650px } } .m-account__referral-form .form__actions { -webkit-flex-shrink: 1; flex-shrink: 1 } @media (max-width: 981px) { .m-account__referral-form .form__actions { -webkit-flex-basis:auto; flex-basis: auto; margin-left: 0 } } @media (max-width: 981px) { .m-account__referral-form .form__actions .form__field { margin-left:5px } .m-account__referral-form .form__actions .form__field:first-child { margin-left: 0 } } @media (max-width: 981px) { .m-account__referral-form .form__body { -webkit-flex-shrink:0; flex-shrink: 0; width: 100% } } .m-account__referral-form .form-field-mock-editable { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 150%; flex-basis: 150% } @media (max-width: 981px) { .m-account__referral-form .form__field { margin-left:0 } } .m-account__referral-form .form__fields { -webkit-flex-wrap: wrap; flex-wrap: wrap } @media (min-width: 982px) { .m-account__referral-form .form__fields { -webkit-flex-wrap:nowrap; flex-wrap: nowrap } } .m-account__referral-form .m-account__social-icons { -webkit-align-items: center; align-items: center; display: -webkit-inline-flex; display: inline-flex; margin-left: 5px } .m-account__referral-form .m-account__social-icons li { margin-right: 3px } @media (max-width: 981px) { .m-account__referral-short-path { margin-top:0 } } .m-account__sales { margin: 10px } @media (min-width: 982px) { .m-account__sales { margin:25px } .m-account__sales+.content-table__section { margin-top: 25px } } .m-account__sales h4 { font-size: var(--font-size-small-400) } .m-account__sales-info { background-color: var(--color-white); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding: 10px } @media (min-width: 768px) { .m-account__sales-info { -webkit-flex-direction:row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap } } .m-account__sales-info .h--5 { font-size: var(--font-size-small-400); font-family: var(--font-family-primary-bold) } .m-account__sales-info .text-note--small { font-size: var(--font-size-small-300) } .m-account__sales-info-container { border-radius: 4px; padding: 10px } @media (max-width: 767px) { .m-account__sales-info-container { display:-webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; text-align: left; margin-left: 0; margin-right: 0 } } @media (min-width: 768px) { .m-account__sales-info-container { -webkit-flex-basis:0; flex-basis: 0; -webkit-flex-grow: 1; flex-grow: 1; text-align: center } .m-account__sales-info-container:first-of-type { margin-left: 0 } .m-account__sales-info-container:last-of-type { margin-right: 0 } } .m-account__sales-info-container div:last-child { font-size: var(--font-size-small-400) } .m-account__sales-info-container--header { -webkit-align-self: center; align-self: center; width: 50% } @media (min-width: 768px) { .m-account__sales-info-container--header { width:100% } .m-account__sales-info-container--header p { margin-bottom: 10px; margin-top: 3px } } .m-account__sales-status-description { color: var(--color-neutral-600); font-size: 12px } .m-account__sales-radio-content { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 12px } .m-account__sales-radio-content .tp-form .tp-input-field--wrapper { margin-bottom: 0 } .m-account__partner-btns { display: grid; text-align: right } .m-account__sales-note { background-color: var(--color-neutral-200) } .m-account__sales-note>div { margin: 15px } .m-account__double-columns { display: -webkit-flex; display: flex } .m-account__double-columns>div { width: calc(50% - 15px / 2) } .m-account__double-columns>div:first-child { margin-right: 15px } .m-account__earnings-table { width: 100% } .m-account__earnings-table tr th,.m-account__earnings-table tr td { padding: 4px 15px } .m-account__earnings-table tr th { background-color: var(--color-neutral-600); height: 30px; color: var(--color-white); vertical-align: middle } .m-account__earnings-table tr:nth-child(odd) { background-color: var(--color-neutral-200) } .m-account__earnings-table tr:nth-child(even) { background-color: var(--color-neutral-200) } .m-account__earnings-cell--red { color: var(--color-danger-500) } .m-account__earnings-cell--green { color: var(--color-success-600) } .m-account__earnings-filters { display: -webkit-flex; display: flex; margin-bottom: 15px } .m-account__earnings-filters>a { -webkit-flex-grow: 1; flex-grow: 1; margin: 0 5px; padding: 10px 2px } @media (min-width: 768px) { .m-account__addresses { width:50% } } .m-account__addresses .error li { color: inherit; list-style: none } .m-account__address-info-container { border-top: 1px solid var(--color-neutral-200); display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; margin-top: 15px; padding-top: 15px } @media (min-width: 768px) { .m-account__address-info-container { -webkit-flex-direction:row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between } } .m-account__address-info-container .m-account__address-info { padding-bottom: 15px } @media (min-width: 768px) { .m-account__address-info-container .m-account__address-info { padding:0 } } .m-account__full-name .h__h4 { margin-bottom: 5px } .m-account__remove-address-modal .dialog-content { margin-bottom: 15px } .m-account__address-actions { -webkit-align-items: baseline; align-items: baseline; display: -webkit-flex; display: flex } .m-account__address-actions .link--space-right { border-right: 2px solid var(--color-neutral-200); padding-right: 15px } .m-account__address-actions .m-account__address-delete-container { padding-left: 15px } .remove-browser-styling { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; padding: 0 } .m-account__orders-ordered-products { display: grid; gap: 12px 0; grid-auto-flow: row; grid-template-columns: repeat(2, minmax(120px, 1fr)); grid-template-rows: 1fr; overflow-x: scroll; padding: 12px 0 } @media (min-width: 768px) { .m-account__orders-ordered-products { gap:24px 0; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(4, 1fr); overflow-x: hidden } } .m-account__orders-ordered-products .link__cta { -webkit-justify-content: center; justify-content: center } .m-account__orders .m-tab-nav__list { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin-bottom: 16px } .m-account__order-details { background-color: var(--color-neutral-200); border-radius: 8px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 8px; -webkit-justify-content: space-between; justify-content: space-between; padding: 12px } @media (min-width: 768px) { .m-account__order-details { -webkit-flex-direction:row; flex-direction: row } } .m-account__order-detail { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; line-height: var(--font-size-medium-300) } .m-account__order-detail h4 { font-family: "Roobert-Bold", Helvetica, sans-serif; line-height: var(--font-size-medium-300); margin: 0 } .m-account__order-item { padding: 12px 0px; border-bottom: 1px solid var(--color-neutral-200) } .m-account__order-item:last-child { padding-bottom: 0px; border-bottom: none } @media (min-width: 768px) { .m-account__order-item.tp-line-item { gap:20px } .m-account__order-item .tp-line-item__image { width: 140px } .m-account__order-item .tp-line-item__design-title { font-size: var(--font-size-small-300); line-height: var(--font-size-medium-200); font-family: var(--font-family-primary-bold); font-weight: 700 } .m-account__order-item .tp-line-item__price { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary-bold); font-weight: 700 } } .m-account-apps { -webkit-align-items: flex-start; align-items: flex-start; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 20px; padding: 32px } .m-account-app+.m-account-app { border-top: 2px solid var(--color-neutral-200) } .m-account-app { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; min-width: 100%; padding-top: 20px } @media (min-width: 768px) { .m-account-app { -webkit-flex-direction:row; flex-direction: row } } .m-account-app_info { -webkit-align-items: center; align-items: center; display: grid; gap: 0 12px; grid-template-areas: "icon name status" "blank details details"; grid-template-columns: 48px auto 1fr } .m-account-app__name { font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-400); font-family: var(--font-family-primary-semibold); font-weight: 600 } .m-account-app__icon .teepublicon { padding: 12px } .m-account-app__service-info { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 8px; grid-area: details } .m-account-app-wrapper { padding: 32px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 20px } .m-account-app-divider { border-bottom: 1px solid var(--color-neutral-200) } .m-account-app__back-btn { color: var(--color-neutral-900) } .m-account-app__description { 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 } @media (min-width: 768px) { .m-account-app__description { font-size:var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-account__alert .alert-box--mild { margin: 0 } .m-account__alert .alert-box--mild a { margin-top: 8px } .m-account__instructions__title { font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-400); font-family: var(--font-family-primary-bold); font-weight: 700 } .m-account__instructions__content ol { font-size: var(--font-size-medium-100); line-height: var(--font-size-medium-400); font-family: var(--font-family-primary); font-weight: 500; list-style-type: auto; margin-left: 32px } .m-account__instructions__content ol li { margin-bottom: 6px } .m-account__terms { 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-account__terms strong { color: var(--color-neutral-700) } .m-account__cta { 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; background-color: var(--color-white); border-radius: 12px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 12px; -webkit-justify-content: space-between; justify-content: space-between; padding: 20px 24px } @media (min-width: 768px) { .m-account__cta { font-size:var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } @media (min-width: 768px) { .m-account__cta { -webkit-flex-direction:row; flex-direction: row; gap: 0 } } .m-account__cta--app-info { -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; gap: 8px } .m-account__cta--btn { -webkit-align-items: center; align-items: center; border-radius: 8px; display: -webkit-flex; display: flex; font-size: 16px; font-weight: 600; gap: 4px; padding: 10px } .account-field-label { margin-bottom: 4px } .p16 { padding-bottom: 16px } .account-field-stripe-label { margin-top: 8px; margin-bottom: 12px } .residential-info-options { display: grid; margin: 20px 16px; row-gap: 8px } .residential-info-text { font-size: 16px } .m-account__btn { border-radius: 8px; display: -webkit-flex; display: flex; font-size: 12px; gap: 4px; padding: 10px } .account-orders-empty__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 } @media (min-width: 768px) { .account-orders-empty__title { font-size:var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .account-orders-empty__text { font-size: var(--font-size-small-400); line-height: var(--font-size-medium-300); font-family: var(--font-family-primary); font-weight: 500; margin-top: 16px } .account-orders-empty__cta { margin-top: 16px } .m-preset-form__container { gap: 56px; margin: 40px } @media (min-width: 1024px) { .m-preset-form__container { display:-webkit-flex; display: flex } } .m-preset-form__container>div { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 0; flex-basis: 0 } .m-preset-form__custom-container { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; margin-bottom: 16px } .m-preset-form__custom-row,.m-preset-form__custom-row--header { display: -webkit-flex; display: flex; gap: 12px; font-size: var(--font-size-small-300); padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--color-neutral-200) } .m-preset-form__custom-row>div,.m-preset-form__custom-row--header>div { -webkit-flex: 1 0; flex: 1 0 } .m-preset-form__custom-row input[type=number],.m-preset-form__custom-row--header input[type=number] { -moz-appearance: textfield } .m-preset-form__custom-row input::-webkit-outer-spin-button,.m-preset-form__custom-row--header input::-webkit-outer-spin-button,.m-preset-form__custom-row input::-webkit-inner-spin-button,.m-preset-form__custom-row--header input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0 } .m-preset-form__custom-row--header>div { font-family: var(--font-family-primary-bold) } .m-preset-form__custom-row-description { color: var(--color-neutral-500); font-size: var(--font-size-small-200) } .m-preset-form__custom-row-minimum { color: var(--color-neutral-500); font-size: var(--font-size-small-200); margin-top: 4px } .m-preset-form__custom-toggle-button { border-bottom: 2px solid var(--color-primary-500); font-family: var(--font-family-primary-bold); margin-top: 16px } .m-preset-form__sidebar { display: -webkit-flex; display: flex; gap: 24px; -webkit-flex-direction: column; flex-direction: column } .m-preset-form__preview-container { display: -webkit-flex; display: flex; gap: 32px; -webkit-flex-direction: column; flex-direction: column } .m-preset-form__preview-container-row { display: -webkit-flex; display: flex; gap: 16px } .m-preset-form__preview-info { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; flex-grow: 1; gap: 8px } .m-preset-form__preview-info-row { display: -webkit-flex; display: flex } .m-preset-form__preview-info-divider { border-top: 1px solid var(--color-neutral-200); width: 100% } .m-preset-form__preview-info-label { -webkit-flex-grow: 1; flex-grow: 1; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 2px } .m-preset-form__preview-info-label-text { font-size: var(--font-size-small-400) } .m-preset-form__preview-info-label-text--description { color: var(--color-neutral-600); font-size: var(--font-size-small-300) } .m-preset-form__preview-info-label-text--bold { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-100) } .m-preset-form__preview-info-value,.m-preset-form__preview-info-value--green { -webkit-justify-content: flex-end; justify-content: flex-end } .m-preset-form__preview-info-value--green { color: var(--color-success-700); font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-100) } .m-preset-form__preview-image { width: 120px; height: 120px } .m-preset-form__preview-image>img { height: 100%; width: auto } .m-preset-form__description,.m-preset-form__description--grey { font-size: var(--font-size-small-300) } .m-preset-form__description--grey { color: var(--color-neutral-700) } .on-sale-regular-price { text-decoration: line-through } .m-preset-form__confirmation_modal p { margin-bottom: 10px } .m-preset-form__confirmation_cancel { margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 10px } .tp-navigation-list.account-navigation--hidden { display: none } @media (min-width: 768px) { .tp-navigation-list.account-navigation--hidden { display:block } } .account-header { 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 } @media (min-width: 768px) { .account-header { font-size:var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .nav-links { display: -webkit-inline-flex; display: inline-flex; gap: 24px; -webkit-align-items: anchor-center; align-items: anchor-center; margin-bottom: 24px } .greylink { color: grey } .m-account-section { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 24px } .m-account-section__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 } @media (min-width: 768px) { .m-account-section__title { font-size:var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-store-settings-fields { padding-top: 24px } .m-store-settings-hr { background-color: var(--color-neutral-200); border: none; height: 1px; margin: 24px 0; width: 100% } .m-account-section__form-action-group { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between } .m-dashery-form .m-dashery-form__file-fields { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 16px; margin-top: 16px } .m-dashery-form .small-logo .current img { height: 60px } .m-dashery-form .medium-logo .current img { height: 80px } .m-dashery-form .large-logo .current img { height: 120px } .m-dashery-form .current img { border-radius: 0; max-width: 400px; margin: 8px 0; height: auto; width: auto } .m-dashery-form #uploader_WhiteLabelAccount_header img { border-radius: 0; height: 100px; width: 290px; margin: 8px 0 } .m-account-uploads .m-tab-nav__content { -webkit-align-items: flex-start; align-items: flex-start; -webkit-align-self: stretch; align-self: stretch; display: -webkit-flex; display: flex; -webkit-flex: 1 0 0; flex: 1 0 0; -webkit-flex-direction: column; flex-direction: column; gap: 40px; padding: 40px 0 } .m-account-uploads .m-uploads--empty { 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-account-uploads .m-uploads--empty { font-size:var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-account__add-dashery-website { border-radius: 12px } .m-account__add-dashery-website #preview-domain-text { padding: 12px 0 } #subdomain-validation-message { margin-bottom: 4px } .m-account-input__status--invalid { color: var(--color-danger-600) } .m-account-input__status--valid { color: var(--color-success-700) } #domain-validation-message { color: var(--color-danger-500); height: 16px } .m-account-security { max-width: 440px; margin: 20px 16px } @media (min-width: 1280px) { .m-account-security { margin:40px } } .m-account-security__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 } @media (min-width: 768px) { .m-account-security__title { font-size:var(--font-size-medium-200); line-height: var(--font-size-medium-300) } } .m-account-security__form { margin-top: 20px } .m-browse-preferences { display: block; padding: 25px 30px; text-align: left } .m-browse-preferences .form__group { margin-bottom: 0 } .m-browse-preferences__h { font-family: var(--font-family-primary-bold); font-size: var(--font-size-medium-200); margin-bottom: 30px } .m-browse-preferences__btn-cont { margin-top: 20px } #dismiss-modal-custom { color: var(--color-primary-500); font-size: var(--font-size-small-400); position: inherit } #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: var(--color-primary-500) 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: var(--color-primary-500); 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) } .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 } .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 var(--color-primary-200); 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: #000000 } @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 var(--color-primary-400); 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 var(--color-primary-400); 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: var(--color-primary-500); 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-blend-mode: soft-light; background-image: -webkit-image-set(url(https://assets.teepublic.com/assets/bg/topic-pattern_a40-53c47db1de5f995ef7dd4c968196332e418a9bbc0029ad61266d3fb36dca6561.webp) type("image/webp"), url(https://assets.teepublic.com/assets/bg/topic-pattern_a40-1d534e38f3a27226644d462057ba1c69adef362e84a2cff7cb2ae2b28b92fbb8.png) type("image/png")); background-image: image-set(url(https://assets.teepublic.com/assets/bg/topic-pattern_a40-53c47db1de5f995ef7dd4c968196332e418a9bbc0029ad61266d3fb36dca6561.webp) type("image/webp"), url(https://assets.teepublic.com/assets/bg/topic-pattern_a40-1d534e38f3a27226644d462057ba1c69adef362e84a2cff7cb2ae2b28b92fbb8.png) type("image/png")); 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: var(--color-primary-500); 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: var(--color-primary-500) } .m-tray-shop-secondary__link.active,.m-tray-shop-secondary__link.active h4 { color: var(--color-primary-500) } .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: var(--color-primary-500) } .m-shop-tray-secondary__back-btn .teepublicon { margin-right: 8px } .m-shop-tray-secondary__back-btn .back-btn-text { border-bottom: 2px solid var(--color-primary-500); 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: var(--color-primary-500); 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 var(--color-primary-500) } .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 var(--color-primary-500) } .m-tab-nav__item--active:active { border-bottom: 2px solid var(--color-primary-500) } .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: var(--color-primary-500); 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: var(--color-primary-500) } .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: #000; 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: var(--color-primary-500); 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: var(--color-primary-500) 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: var(--color-primary-500); 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: var(--color-primary-500) } @media (hover: hover) and (pointer: fine) { .m-design-product-info--faqs .tp-accordion.tp-accordion__content--open:hover { border-color:var(--color-primary-500) } } @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 var(--color-primary-500); 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: var(--color-primary-500) } @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: var(--color-primary-500); 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: var(--color-primary-500) } .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: var(--color-primary-500) } .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: var(--color-primary-500); border-color: var(--color-primary-500) } .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: var(--color-primary-500); 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 } } </style>
    </head>
    <body class='no-user' data-action='lazyload@window-&gt;checkout--checkout#initCheckout' data-controller='checkout--checkout utilities--ab-test utilities--timer' data-utilities--timer-containers--countdown-outlet='.containers--countdown' id='teepublic'>
    </div>

<div class='m-top-banner'>
<div class='free-shipping'>
<span class='free-shipping__icon'>
<span class="teepublicon teepublicon--blue-default teepublicon-background--transparent teepublicon-spacing--right"><img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" loading="lazy" height="30" width="30" aria_hidden="true" focusable="false"></span>
</span>
<strong>
SURGA88 - Mainkan Koleksi Pragmatic Play Terpopuler 2026
</strong>
</div>
</div>

    <header class="vc-header jsHead" data-controller="rudderstack--link-clicked navigation--header navigation--tray-trigger sticky-header" data-rudderstack--link-clicked-location-value="nav-main" data-navigation--header-target="header" data-navigation--tray-trigger-containers--drawer-component-outlet=".jsHeaderTray" data-navigation--tray-trigger-navigation--cart-outlet=".jsCartTray" data-action="showElement@document-&gt;sticky-header#showHeader" data-sticky-header-containers--banner-outlet=".containers--banner" data-sticky-header-rendering-rails-ctrl-value="product_pages">
        <div class='vc-header__container wrapper'>
            <div class='vc-header__menu-container'>
                <button type="button" class="btn vc-header__shop-button btn--no-space tp-btn--medium btn--no-background" data-rudderstack-event-type="cta" data-action="rudderstack--link-clicked#track navigation--tray-trigger#openTray" data-button-label="Shop" data-targeted-tray="Shop">
                    <span class="teepublicon teepublicon--primary-400 teepublicon-background--transparent">
                        <svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="28" height="28" focusable="false" aria-hidden="true">
                            <path fill-rule="evenodd" d="" clip-rule="evenodd"></path>
                        </svg>
                    </span>
                <div class='button__content'>
                </button>
                </div>
                <div class="vc-header-logo">
                    <a aria-label="Home Link" title="Home" href="https://www.pateandopiedras.com" class="link vc-header-logo__wrapper link--1 link--default">
                        <span class='link__content'>
                            <div class="header-mini__logo" bis_skin_checked="1">
                                <a href="https://www.pateandopiedras.com">
                                    <img alt="SURGA88" src="https://veldrive.com/mMAeu6fC/logo88-34.webp" style="height:50px; width:180px; display: flex; justify-content: flex-start;margin-left: -60px;">
                                </a>
                            </div>
                        </span>
                    </a>
                    <div class='vc-header-logo__content'></div>
                </div>
                <div class='vc-header__search-container'>
                    <div class='m-header__search m-header__search--animate jsHeadSearch inactive' data-navigation--header-target='searchFieldWrapper' data-sticky-header-target='searchRow'>
                        <form id="search_form" class="jsHeadSearchForm gtmSearchHeader input-group" action="https://www.pateandopiedras.com" accept-charset="UTF-8" method="post">
                            <input type="hidden" name="_method" value="patch" autocomplete="off" />
                            <input type="hidden" name="authenticity_token" value="8vSeoYeGtlUiSjsTwv8MriSNw5KsyqV7SxcuKPWCkOHPWqc69ZHaEMWFV-CLUNdpe3IV90JnlZWjJ2U8fOsR1A" autocomplete="off" />
                                <div class='m-header__search-field-container'>
                                    <div class='m-header__search-field-placeholder-wrapper' data-navigation--header-target='placeholderWrapper'>
                                        <div class='m-header__search-field-placeholder'>
                                            <p>Ketik 'SURGA88' di Google</p>
                                        </div>
                                    </div>
                                    <input type="text" name="query" id="jsAutoCompleteHeader" class="form__control m-header__search-field jsHeadSearchField gtmSearchHeaderQuery" data-searchUrl="/search/autocomplete" data-trendingSearchResults="[{&quot;result&quot;:&quot;kpop demon hunters&quot;,&quot;score&quot;:38.23},{&quot;result&quot;:&quot;weird twitter&quot;,&quot;score&quot;:18.57},{&quot;result&quot;:&quot;eagles football&quot;,&quot;score&quot;:17.06},{&quot;result&quot;:&quot;detroit lions&quot;,&quot;score&quot;:16.81},{&quot;result&quot;:&quot;i offended you&quot;,&quot;score&quot;:16.45},{&quot;result&quot;:&quot;i run a tight shipwreck&quot;,&quot;score&quot;:7.38},{&quot;result&quot;:&quot;bad bunny&quot;,&quot;score&quot;:7.13},{&quot;result&quot;:&quot;jane goodall&quot;,&quot;score&quot;:6.8},{&quot;result&quot;:&quot;bad knees&quot;,&quot;score&quot;:6.16},{&quot;result&quot;:&quot;kindness is punk&quot;,&quot;score&quot;:5.91},{&quot;result&quot;:&quot;aunt tifa&quot;,&quot;score&quot;:5.86},{&quot;result&quot;:&quot;steelers football&quot;,&quot;score&quot;:5.7},{&quot;result&quot;:&quot;eyepatch rev&quot;,&quot;score&quot;:4.9},{&quot;result&quot;:&quot;eagles&quot;,&quot;score&quot;:4.41},{&quot;result&quot;:&quot;jaxson dart&quot;,&quot;score&quot;:4.02},{&quot;result&quot;:&quot;buffalo bills&quot;,&quot;score&quot;:3.94},{&quot;result&quot;:&quot;dungeon crawler carl&quot;,&quot;score&quot;:3.89},{&quot;result&quot;:&quot;doctor who&quot;,&quot;score&quot;:3.87},{&quot;result&quot;:&quot;government shutdown&quot;,&quot;score&quot;:3.61},{&quot;result&quot;:&quot;ankylosaurus&quot;,&quot;score&quot;:3.51},{&quot;result&quot;:&quot;chicago bears&quot;,&quot;score&quot;:3.34},{&quot;result&quot;:&quot;crucial catch&quot;,&quot;score&quot;:2.9},{&quot;result&quot;:&quot;sumud flotilla&quot;,&quot;score&quot;:2.82},{&quot;result&quot;:&quot;funny hardhat&quot;,&quot;score&quot;:2.29},{&quot;result&quot;:&quot;haunted by 67&quot;,&quot;score&quot;:2.21},{&quot;result&quot;:&quot;ozzy osbourne&quot;,&quot;score&quot;:2.2},{&quot;result&quot;:&quot;buffalo bills football team&quot;,&quot;score&quot;:2.13},{&quot;result&quot;:&quot;i am aunt tifa&quot;,&quot;score&quot;:2.04},{&quot;result&quot;:&quot;the river city&quot;,&quot;score&quot;:2.0},{&quot;result&quot;:&quot;super mario&quot;,&quot;score&quot;:1.99},{&quot;result&quot;:&quot;rocky horror&quot;,&quot;score&quot;:1.99},{&quot;result&quot;:&quot;halloween 3&quot;,&quot;score&quot;:1.82},{&quot;result&quot;:&quot;michael jordan&quot;,&quot;score&quot;:1.81},{&quot;result&quot;:&quot;creepshow&quot;,&quot;score&quot;:1.81},{&quot;result&quot;:&quot;scott hall&quot;,&quot;score&quot;:1.8},{&quot;result&quot;:&quot;boston celtics&quot;,&quot;score&quot;:1.79},{&quot;result&quot;:&quot;3i atlas&quot;,&quot;score&quot;:1.77},{&quot;result&quot;:&quot;same shit different&quot;,&quot;score&quot;:1.7},{&quot;result&quot;:&quot;chinga la migra&quot;,&quot;score&quot;:1.62},{&quot;result&quot;:&quot;radical left&quot;,&quot;score&quot;:1.61},{&quot;result&quot;:&quot;digimon&quot;,&quot;score&quot;:1.6},{&quot;result&quot;:&quot;halloween cat&quot;,&quot;score&quot;:1.6},{&quot;result&quot;:&quot;tropic thunder&quot;,&quot;score&quot;:1.42},{&quot;result&quot;:&quot;no kings anti trump&quot;,&quot;score&quot;:1.41},{&quot;result&quot;:&quot;no concert today&quot;,&quot;score&quot;:1.41},{&quot;result&quot;:&quot;the life of a showgirl&quot;,&quot;score&quot;:1.4},{&quot;result&quot;:&quot;seven samurai&quot;,&quot;score&quot;:1.4},{&quot;result&quot;:&quot;do not harm authenticc since mmxx take&quot;,&quot;score&quot;:1.4},{&quot;result&quot;:&quot;acdc&quot;,&quot;score&quot;:1.4},{&quot;result&quot;:&quot;ohio state buckeyes&quot;,&quot;score&quot;:1.4},{&quot;result&quot;:&quot;borderlands&quot;,&quot;score&quot;:1.39},{&quot;result&quot;:&quot;star trek&quot;,&quot;score&quot;:1.37},{&quot;result&quot;:&quot;80s movies&quot;,&quot;score&quot;:1.29},{&quot;result&quot;:&quot;max verstappen&quot;,&quot;score&quot;:1.21},{&quot;result&quot;:&quot;robocop&quot;,&quot;score&quot;:1.21},{&quot;result&quot;:&quot;siempre antifascista&quot;,&quot;score&quot;:1.21},{&quot;result&quot;:&quot;pelosi funny&quot;,&quot;score&quot;:1.21},{&quot;result&quot;:&quot;pete rose&quot;,&quot;score&quot;:1.2},{&quot;result&quot;:&quot;macho man fred savage&quot;,&quot;score&quot;:1.2},{&quot;result&quot;:&quot;youngboy masa&quot;,&quot;score&quot;:1.2},{&quot;result&quot;:&quot;dirty dancing&quot;,&quot;score&quot;:1.2},{&quot;result&quot;:&quot;las vegas aces&quot;,&quot;score&quot;:1.2},{&quot;result&quot;:&quot;syracuse&quot;,&quot;score&quot;:1.2},{&quot;result&quot;:&quot;war games&quot;,&quot;score&quot;:1.2},{&quot;result&quot;:&quot;johnny cash&quot;,&quot;score&quot;:1.2},{&quot;result&quot;:&quot;surfing&quot;,&quot;score&quot;:1.19},{&quot;result&quot;:&quot;steelers ireland&quot;,&quot;score&quot;:1.19},{&quot;result&quot;:&quot;iron man&quot;,&quot;score&quot;:1.19},{&quot;result&quot;:&quot;attack on titan&quot;,&quot;score&quot;:1.18},{&quot;result&quot;:&quot;michael myers&quot;,&quot;score&quot;:1.13},{&quot;result&quot;:&quot;resident evil&quot;,&quot;score&quot;:1.1},{&quot;result&quot;:&quot;wait what&quot;,&quot;score&quot;:1.05},{&quot;result&quot;:&quot;wkrp in cincinnati&quot;,&quot;score&quot;:1.01},{&quot;result&quot;:&quot;dodgers baseball&quot;,&quot;score&quot;:1.01},{&quot;result&quot;:&quot;cartoon network&quot;,&quot;score&quot;:1.01},{&quot;result&quot;:&quot;blue velvwt&quot;,&quot;score&quot;:1.01},{&quot;result&quot;:&quot;tombstone&quot;,&quot;score&quot;:1.01},{&quot;result&quot;:&quot;can i lick it&quot;,&quot;score&quot;:1.01},{&quot;result&quot;:&quot;contra&quot;,&quot;score&quot;:1.01},{&quot;result&quot;:&quot;george kittle&quot;,&quot;score&quot;:1.01},{&quot;result&quot;:&quot;rick and morty&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;knicks basketball&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;blondie band&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;cyberpunk edgerunners&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;drake rapper&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;benito bowl&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;battlefront 2&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;chad powers&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;slapshot&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;book lovers&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;modest mouse&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;new balance&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;sunami&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;youngboy&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;rock climbing&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;beanie&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;halloweentown est 1998&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;dnd warlock&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;definitely not a cop&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;i love fall most of all&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;renathornton&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;retro philadelphia phillies&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;no problemo&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;weed&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;school bus driver&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;chinga tu maga&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;nj devils&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;sci fi&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;possum&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;replacements band&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;spite&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;political protest&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;scream&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;dad&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;red bull&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;80s tv&quot;,&quot;score&quot;:1.0},{&quot;result&quot;:&quot;pabst blue ribbon&quot;,&quot;score&quot;:0.99},{&quot;result&quot;:&quot;pittsburgh steelers&quot;,&quot;score&quot;:0.93},{&quot;result&quot;:&quot;cleveland browns&quot;,&quot;score&quot;:0.9},{&quot;result&quot;:&quot;eyepatch reveille&quot;,&quot;score&quot;:0.85},{&quot;result&quot;:&quot;rams football&quot;,&quot;score&quot;:0.81},{&quot;result&quot;:&quot;engineer&quot;,&quot;score&quot;:0.81},{&quot;result&quot;:&quot;road house&quot;,&quot;score&quot;:0.81},{&quot;result&quot;:&quot;pigeon&quot;,&quot;score&quot;:0.81},{&quot;result&quot;:&quot;lock em up&quot;,&quot;score&quot;:0.81},{&quot;result&quot;:&quot;patsymahon&quot;,&quot;score&quot;:0.81},{&quot;result&quot;:&quot;jesus meme&quot;,&quot;score&quot;:0.81},{&quot;result&quot;:&quot;darmok and jalad&quot;,&quot;score&quot;:0.81},{&quot;result&quot;:&quot;enemy within&quot;,&quot;score&quot;:0.81},{&quot;result&quot;:&quot;unreliable narrator&quot;,&quot;score&quot;:0.81},{&quot;result&quot;:&quot;miller high life&quot;,&quot;score&quot;:0.81},{&quot;result&quot;:&quot;bernie parent - philadelphia blazers&quot;,&quot;score&quot;:0.81},{&quot;result&quot;:&quot;black keys&quot;,&quot;score&quot;:0.81},{&quot;result&quot;:&quot;rhino&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;gibson guitar&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;disney land&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;oddworld&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;mike mussina in baltimore orioles&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;dressed to impress roblox&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;ryan bingham&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;emmet otter&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;zildjian cymbals&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;no you hang up&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;luigi&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;ace ventura&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;tyler thecreator&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;berserk anime&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;grandpa&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;the growlers&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;the warning&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;care bear&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;protect ya neck&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;poison&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;jason&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;fernando valenzuela&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;pulseretail&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;show business&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;trailer park&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;terry mclaurin washington scary terry&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;liliaamer1&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;9/11&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;rey mysterio&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;demon slayer inosuke&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;ally&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;german shepherd&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;game of thrones&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;lebron&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;dance&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;returns and refund&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;glacier national park montana&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;investor&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;miller lite&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;casper&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;terry funk&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;big boy&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;ny yankees&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;super furry animals&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;one lonely beastie i be&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;dismember band&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;bluey lions&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;revenge of the ninja&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;silence ofthe lambs dog&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;dia de los muertos sugar skull&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;don&#39;t tell mom the babysitter&#39;s dead&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;siouxie and banshees&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;fraggle rock  long sleeved&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;halloween characters&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;river city&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;retro kansas city football vintage chiefs est 1960&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;the life of an eldest daughter&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;manual transmission&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;pete rose vintage&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;light yellow tshirt with green lini g&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;international harvester&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;black cats&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;wonder twins&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;volbeat band&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;smiley&quot;,&quot;score&quot;:0.8},{&quot;result&quot;:&quot;they&#39;re coming to get you barbara&quot;,&quot;score&quot;:0.8}]" data-maxresults="6" data-animated="true" data-navigation--header-target="searchField" data-search-history="true" data-search-history-ca-show-notice="false" data-search-history-clear="<span class=&quot;teepublicon teepublicon--color-orange-400 teepublicon-background--transparent&quot;><svg xmlns=&quot;https://www.w3.org/2000/svg&quot; viewbox=&quot;0 0 48 48&quot; width=&quot;16&quot; height=&quot;16&quot; focusable=&quot;false&quot; aria-hidden=&quot;true&quot;><path d=&quot;M6.88 36.879a3 3 0 1 0 4.242 4.242L24 28.243 36.879 41.12a3 3 0 1 0 4.243-4.242L28.243 24l12.879-12.879a3 3 0 1 0-4.243-4.242L24.001 19.757 11.12 6.88a3 3 0 1 0-4.24 4.24L19.758 24 6.879 36.879Z&quot;></path></svg></span>" data-search-history-clock="<span class=&quot;teepublicon teepublicon--color-orange-400 teepublicon-background--transparent&quot;><svg viewbox=&quot;0 0 48 48&quot; xmlns=&quot;https://www.w3.org/2000/svg&quot; width=&quot;16&quot; height=&quot;16&quot; focusable=&quot;false&quot; aria-hidden=&quot;true&quot;>
<path d=&quot;M5.98911 7.03107C6.17346 5.73963 7.37897 4.84085 8.6817 5.02359C9.98435 5.20633 10.8909 6.4015 10.7067 7.69285C10.6142 8.34917 10.5458 8.00429 10.4943 8.67678C14.0408 5.75738 18.6173 4 23.603 4C34.8311 4 44 12.918 44 24C44 35.082 34.8311 44 23.603 44C14.4904 44 6.75081 38.1355 4.14317 30.008C3.63659 28.4291 4.51708 26.742 6.10979 26.2398C7.7025 25.7376 9.40432 26.6105 9.9109 28.1894C11.7294 33.8574 17.1586 38 23.603 38C31.5621 38 37.9476 31.6957 37.9476 24C37.9476 16.3043 31.5621 10 23.603 10C20.0968 10 16.8927 11.2244 14.4041 13.2572C15.2972 13.2141 15.1887 13.1278 16.0743 13.0047C17.3768 12.8222 18.5821 13.7209 18.7665 15.0122C18.9508 16.3037 18.0426 17.499 16.7399 17.6817C15.0076 17.9228 14.2854 18.0513 12.5379 17.9598C11.2917 17.8945 9.99833 17.8575 8.80123 17.4672C8.33973 17.3167 7.70293 17.046 7.16659 16.5143C6.63027 15.9826 6.35719 15.3513 6.20541 14.8938C5.76759 13.5741 5.76508 12.1649 5.68671 10.7906C5.59661 9.21028 5.76768 8.59659 5.98911 7.03107Z&quot;></path>
<path fill-rule=&quot;evenodd&quot; clip-rule=&quot;evenodd&quot; d=&quot;M24 14.5047C25.6569 14.5047 27 15.8478 27 17.5047V24.8061L30.5435 26.9322C31.9642 27.7847 32.4249 29.6274 31.5725 31.0482C30.72 32.4689 28.8773 32.9296 27.4565 32.0772L21 28.2033V17.5047C21 15.8478 22.3431 14.5047 24 14.5047Z&quot;></path>
</svg></span>" autocomplete="off" spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="" tabIndex="1" />
<input type="hidden" name="search_submission_data" id="search_submission_data" class="jsAutoCompleteData" autocomplete="off" />
<input type="hidden" name="search_location" id="search_location" value="header" autocomplete="off" />
<input type="hidden" name="canvas" id="canvas" value="t-shirts" autocomplete="off" />
<input type="hidden" name="referred_from_merch" id="referred_from_merch" value="false" autocomplete="off" />
<input type="hidden" name="artist_search" id="artist_search" class="jsArtistSearchData" autocomplete="off" />
    <div class='m-header__search-close hide jsClearHeaderSearch' data-controller='rudderstack--filter-clicked' data-rudderstack--filter-clicked-location-value='nav-search'>
        <button type="reset" class="btn m-header__search-close-button tp-btn--medium btn--no-background tp-btn--icon"><span data-action="click-&gt;rudderstack--filter-clicked#track" data-cart-id="9a8c68d58aaa0c110ea9655af8a790a4" data-filter-name="Clear Search" class="teepublicon teepublicon--dark-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="12" height="12" aria-labelledby="title"><path d="M6.88 36.879a3 3 0 1 0 4.242 4.242L24 28.243 36.879 41.12a3 3 0 1 0 4.243-4.242L28.243 24l12.879-12.879a3 3 0 1 0-4.243-4.242L24.001 19.757 11.12 6.88a3 3 0 1 0-4.24 4.24L19.758 24 6.879 36.879Z"></path><title>Clear Search</title></svg></span>
            <div class='button__content'></div>
        </button>
    </div>
</div>
<button type="submit" class="btn m-header__search-submit input-group-append tp-btn--medium tp-btn--icon"><span class="teepublicon teepublicon--light-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" aria-labelledby="title"><path fill-rule="evenodd" d="M31.523 35.766a17.393 17.393 0 0 1-10.051 3.178C11.822 38.944 4 31.121 4 21.472 4 11.822 11.822 4 21.472 4c9.65 0 17.472 7.822 17.472 17.472 0 3.741-1.176 7.208-3.178 10.05l7.355 7.356a3 3 0 1 1-4.243 4.243l-7.355-7.355Zm1.42-14.294c0 6.335-5.136 11.471-11.471 11.471s-11.471-5.136-11.471-11.471 5.136-11.471 11.471-11.471 11.471 5.136 11.471 11.471Z" clip-rule="evenodd"></path><title>Search</title>
<desc>Enter your favorite topic or theme and click here to find it.</desc></svg></span>
<div class='button__content'>

</div>

                           </button>
                        </form>
                    </div>
                </div>
                <div class='vc-header__actions-container'>
                    <div class='vc-header__account'>
                        <button type="button" class="btn vc-header__account-button btn--no-space tp-btn--medium btn--no-background" data-rudderstack-event-type="cta" data-action="rudderstack--link-clicked#track navigation--tray-trigger#openTray" data-button-label="Account" data-targeted-tray="Account"><span class="teepublicon teepublicon--primary-400 teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="28" height="28" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M44 24c0 11.046-8.954 20-20 20-11.045 0-20-8.954-20-20S12.956 4 24 4c11.046 0 20 8.954 20 20Zm-13-7a7 7 0 1 1-14 0 7 7 0 0 1 14 0Zm-7 22c-4.745 0-8.672-2.913-10.398-4.432-.596-.525-.736-1.369-.298-2.031C14.564 30.634 17.782 27 24.001 27c6.219 0 9.437 3.634 10.696 5.537.438.662.298 1.506-.298 2.03C32.673 36.088 28.746 39 24.001 39Z" clip-rule="evenodd"></path></svg></span>
                            <div class='button__content'>
                                <span class='vc-header__account-button-text'>Account</span>
                            </div>
                        </button>
                    </div>
                    <div class='vc-header__cart'>
                        <button type="button" class="btn vc-header__cart-button btn--no-space tp-btn--medium btn--no-background" data-rudderstack-event-type="cta" data-action="rudderstack--link-clicked#track navigation--tray-trigger#lazyloadCartTray" data-button-label="Cart" data-targeted-tray="Cart">
                            <div class='button__content'>
                                <div class="vc-badge-notification jsNotificationBadge vc-header__cart-badge vc-badge-notification--default" data-controller="badges--notification" data-badges--notification-count-value="0"><span class="teepublicon teepublicon--primary-400 teepublicon-background--transparent vc-badge-notification__icon"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="28" height="28" focusable="false" aria-hidden="true"><path d="M7 4a3 3 0 1 0 0 6c1.053 0 1.64.11 2.015.332.196.117.747.49 1.026 2.161a770.83 770.83 0 0 0 1.62 9.423c.516 2.863 1.016 5.464 1.34 6.574.348 1.193 1.037 2.88 2.546 4.273 1.575 1.453 3.756 2.322 6.567 2.322H38a3 3 0 1 0 0-6H22.114c-1.501 0-2.168-.428-2.498-.732-.395-.365-.666-.895-.855-1.543a22.139 22.139 0 0 1-.333-1.431c.27.074.52.127.739.16 1.556.224 6.006.506 9.86.455 2.997-.04 5.978-.178 7.658-.456 1.68-.278 4.454-1.678 5.256-3.634C42.896 19.58 44 15.678 44 13.58c0-2.097-.405-3.652-4.191-3.577-2.55.05-5.02.033-7.394.016-1.152-.008-2.282-.016-3.387-.016h-13.41c-.65-2.205-1.848-3.823-3.535-4.827C10.212 4.063 8.187 4 7 4Zm16 36.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0ZM37.5 44a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z"></path></svg></span>
                                    <div class="vc-badge-notification__counter vc-header__cart-counter hidden" data-badges--notification-target="counter">0</div>
                                </div>
                                <span class='vc-header__cart-text'>Cart</span>
                            </div>
                        </button>
                    </div>
                    <div class='vc-header__cta'>
                        <a data-rudderstack-event-type="cta" data-action="rudderstack--link-clicked#track navigation--tray-trigger#openTray" data-button-label="Create Account" data-targeted-tray="Create Account" id="create-link" href="https://amp.pateandopiedras.com" class="link vc-header__cta-button btn--no-space btn c-link__button tp-btn--medium link--default link--strong">
                            <span class='link__content'>DAFTAR AKUN</span>
                        </a>
                    </div>
                </div>
            </div>
    </header>
        <div class='m-explore-nav jsExploreNav' data-controller='navigation--tray-trigger rudderstack--link-clicked rudderstack--filter-clicked' data-navigation--tray-trigger-containers--drawer-component-outlet='.jsHeaderTray' data-rudderstack--filter-clicked-location-value='nav-sub' data-rudderstack--link-clicked-location-value='nav-sub'>
            <section class="m-tab-nav m-tab-nav--init m-explore-nav__container wrapper" data-controller="utilities--tab" data-utilities--tab-initial-tab-value="0">
                <ul class='m-tab-nav__list'>
                    <li class="m-tab-nav__item">
                        <a data-action='click-&gt;utilities--tab#changeTab click-&gt;rudderstack--filter-clicked#track' data-cart-id='9a8c68d58aaa0c110ea9655af8a790a4' data-filter-name='Category' data-filter-option-label='Explore Categories' data-tab-nav-index='0' data-utilities--tab-target='tab'>
                            Explore Categories
                        </a>
                    </li>
                    <li class="m-tab-nav__item">
                        <a data-action='click-&gt;utilities--tab#changeTab click-&gt;rudderstack--filter-clicked#track' data-cart-id='9a8c68d58aaa0c110ea9655af8a790a4' data-filter-name='Canvas' data-filter-option-label='Popular Products' data-tab-nav-index='1' data-utilities--tab-target='tab'>
                            Popular Products
                        </a>
                    </li>
                </ul>
                <div class='m-tab-nav__content'>
                    <div class="m-tab-nav__tab-content" data-utilities--tab-target="content" data-tab-content-index="0">
                        <div class='m-explore-nav__tab-content'>
                            <a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Shop All Designs" data-href="https://www.pateandopiedras.com" href="https://www.pateandopiedras.com" class="link m-explore-nav__cta link--1 link--default">
                                <span class='link__content'>SURGA88</span>
                            </a>
                            <a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Halloween" data-href="https://www.pateandopiedras.com" title="Halloween T-Shirts" href="https://www.pateandopiedras.com" class="link m-explore-nav__link link--1 link--default tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" loading="auto" height="40" width="40" aria_hidden="true" focusable="false"></span>
                                <span class='link__content'>SURGA88</span>
                            </a>
                            <a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Music" data-href="https://www.pateandopiedras.com" title="Music T-Shirts" href="https://www.pateandopiedras.com" class="link m-explore-nav__link link--1 link--default tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" loading="auto" height="40" width="40" aria_hidden="true" focusable="false"></span>
                                <span class='link__content'>SITUS TOGEL</span>
                            </a>
                            <a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Sports" data-href="https://www.pateandopiedras.com" title="Sport T-Shirts" href="https://www.pateandopiedras.com" class="link m-explore-nav__link link--1 link--default tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" loading="auto" height="40" width="40" aria_hidden="true" focusable="false"></span>
                                <span class='link__content'>SITUS TOTO</span>
                            </a>
                            <a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Movies" data-href="https://www.pateandopiedras.com" title="Movie T-Shirts" href="https://www.pateandopiedras.com" class="link m-explore-nav__link link--1 link--default tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" loading="auto" height="40" width="40" aria_hidden="true" focusable="false"></span>
                                <span class='link__content'>TOGEL ONLINE</span>
                            </a>
                            <a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Vintage" data-href="https://www.pateandopiedras.com" title="Vintage T-Shirts" href="https://www.pateandopiedras.com" class="link m-explore-nav__link link--1 link--default tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" loading="auto" height="40" width="40" aria_hidden="true" focusable="false"></span>
                                <span class='link__content'>SITUS TOTO TOGEL</span>
                            </a>
                            <a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Animals" data-href="https://www.pateandopiedras.com" title="Animal T-Shirts" href="https://www.pateandopiedras.com" class="link m-explore-nav__link link--1 link--default tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" loading="auto" height="40" width="40" aria_hidden="true" focusable="false"></span>
                                <span class='link__content'>SITUS TOGEL ONLINE</span>
                            </a>
                            <a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Television" data-href="https://www.pateandopiedras.com" title="Television T-Shirts" href="https://www.pateandopiedras.com" class="link m-explore-nav__link link--1 link--default tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" loading="auto" height="40" width="40" aria_hidden="true" focusable="false"></span>
                                <span class='link__content'>BANDAR TOGEL</span>
                            </a>
                            <a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Funny" data-href="https://www.pateandopiedras.com" title="Funny T-Shirts" href="https://www.pateandopiedras.com" class="link m-explore-nav__link link--1 link--default tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" loading="auto" height="40" width="40" aria_hidden="true" focusable="false"></span>
                                <span class='link__content'>TOTO TOGEL</span>
                            </a>
                        </div>
                    </div>
                </div>
        </div>
        </div>
		
		<div style="display: none;">
		<a href="https://www.pateandopiedras.com">SURGA88</a>
		<a href="https://www.pateandopiedras.com">situs togel</a>
		<a href="https://www.pateandopiedras.com">SITUS TOTO</a>
		<a href="https://www.pateandopiedras.com">togel online</a>
		<a href="https://www.pateandopiedras.com">situs toto togel</a>
		<a href="https://www.pateandopiedras.com">situs togel online</a>
		<a href="https://www.pateandopiedras.com">SURGA88 togel</a>
		<a href="https://www.pateandopiedras.com">SURGA88</a>
		<a href="https://www.pateandopiedras.com">TOTO TOGEL</a>
		</div>
			
        <style>
            .n-columns-2 {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                font-weight: 700;
            }
                                
            .n-columns-2 a {
                text-align: center;
                margin: 3px;
            }
                            
            a:hover {
                color: #000000;
            }
                                
            .login, .rFerister {
                color: #000000;
                padding: 10px 10px;
            }
                                
            .login, .login-button {
                text-shadow: 2px 2px #0c0f1200;
                border-radius: 10px 10px;
                border: 1px solid #ffdd00;
                background: linear-gradient(to bottom, rgb(255 226 0) 0, rgb(255 226 0) 0);
                color: #000000;
            }
                                
            .rFerister, .rFerister-button {
                text-shadow: 2px 2px #00000000;
                border-radius: 10px 10px;
                background: linear-gradient(to bottom, rgb(255 226 0) 0, rgb(255 226 0) 0);
                border: 1px solid #ffdd00;
            }
        </style>
        <div class="section-2-container section-container section-container-gray-bg">
            <div class="container mt-1 pt-1">
                <div class="col-12">
                    <div class="w-100 mt-4 mb-4 text-center">
                        <div class="n-columns-2">
                            <a href="https://masuksurga.com/surga88" rel="nofollow noreferrer"
                                class="login">LOGIN</a>
                            <a href="https://masuksurga.com/surga88/register" rel="nofollow noreferrer"
                                class="rFerister">DAFTAR</a>
                        </div>
                    </div>
                </div>
            </section>
            </div>
            <form id="applepay_form" action="/checkout/applepay" accept-charset="UTF-8" method="post">
                <input type="hidden" name="authenticity_token" value="ftcZb-GKSUWKuED9ZAdlP17f-deDvqmS8t2HWzuG-k2-1-JtQKQigwmLNRgaLuomTN0ZPG3x71D-NcYA6_TJhA" autocomplete="off" />
                <input type="hidden" name="applepay_nonce" id="applepay_nonce" autocomplete="off" />
                <input type="hidden" name="applepay_address" id="applepay_address" autocomplete="off" />
                <input type="hidden" name="applepay_shipping" id="applepay_shipping" autocomplete="off" />
                <input type="hidden" name="checkout[payment_option]" id="checkout_payment_option" value="ApplePay" autocomplete="off" />
            </form>
            <style>
                .overflow-hidden {
                    overflow-x: hidden;
                    background-color: #ffffff;
                }
                .m-header__search--animate form:after {
                    background: linear-gradient(60deg, #ffe200, #9b8a00, #ffe200, #9b8a00, #ffe200, #9b8a00, #ffe200);
                }
                .h--bright {
                    color: #ff0000;
                }
            </style>
            <div class='main-wrapper overflow-hidden'>
                <div id='site'>
                    <div id='fb-root'></div>
                        <noscript>
                            <div class='no-js-warning'>
                                You have Javascript disabled. Javascript is required for this site to function properly. Please enable Javascript and return here.
                            </div>
                        </noscript>
                        <div id='content'>
                            <div class='flash x'></div>
    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Product",
            "name": "SURGA88 - Mainkan Koleksi Pragmatic Play Terpopuler 2026",
            "image": "https://veldrive.com/mMAeu6fC/banner88-141.webp",
            "description": "Ingin sensasi menang besar dari Pragmatic? Akses segera di SURGA88. Login cepat, sistem stabil, dan banyak pilihan game hits siap kamu mainkan. Klik di sini!",
            "brand": {
                "@type": "Brand",
                "name": "SURGA88"
            },
            "sku": "SURGA88",
            "mpn": "00771-GCR",
            "url": "https://www.pateandopiedras.com",
            "offers": {
                "@type": "Offer",
                "url": "https://www.pateandopiedras.com",
                "priceCurrency": "idr",
                "price": "0.00",
                "priceValidUntil": "2025-12-31",
                "itemCondition": "https://schema.org/NewCondition",
                "availability": "https://schema.org/InStock",
                "seller": {
                    "@type": "Organization",
                    "name": "SURGA88"
                }
            },
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "5.0",
                "reviewCount": 977
            },
            "review": [{
                "@type": "Review",
                "reviewRating": {
                    "@type": "Rating",
                    "ratingValue": "5",
                    "bestRating": "5"
                },
                "author": {
                    "@type": "Person",
                    "name": "SURGA88"
                }
            }, {
                "@type": "Review",
                "reviewRating": {
                    "@type": "Rating",
                    "ratingValue": "5",
                    "bestRating": "5"
                },
                "author": {
                    "@type": "Person",
                    "name": "User Verified"
                }
            }]
        }
    </script>

    <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "SURGA88",
      "item": "https://www.pateandopiedras.com"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "SITUS TOGEL",
      "item": "https://www.pateandopiedras.com"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "SITUS TOTO",
      "item": "https://www.pateandopiedras.com"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "TOGEL ONLINE",
      "item": "https://www.pateandopiedras.com"
    },
    {
      "@type": "ListItem",
      "position": 5,
      "name": "TOTO TOGEL",
      "item": "https://www.pateandopiedras.com"
    },
    {
      "@type": "ListItem",
      "position": 6,
      "name": "OLX TOTO",
      "item": "https://www.pateandopiedras.com"
    },
    {
      "@type": "ListItem",
      "position": 7,
      "name": "SITUS TOGEL ONLINE",
      "item": "https://www.pateandopiedras.com"
    },
    {
      "@type": "ListItem",
      "position": 8,
      "name": "SITUS TOTO TOGEL",
      "item": "https://www.pateandopiedras.com"
    }
  ]
}
</script>

    <script type="application/ld+json">
        {
            "@context": "https://schema.org",
            "@type": "Organization",
            "name": "SURGA88",
            "url": "https://www.pateandopiedras.com",
            "logo": "https://veldrive.com/mMAeu6fC/logo88-34.webp",
            "sameAs": [
                "https://www.facebook.com/SURGA88",
                "https://www.youtube.com/SURGA88",
                "https://telegram/SURGA88"
            ],
            "contactPoint": {
                "@type": "ContactPoint",
                "telephone": "+62-878-8921-3851",
                "contactType": "customer support",
                "areaServed": "ID",
                "availableLanguage": ["Indonesian", "English"]
            }
        }
    </script>

    <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "Organization",
      "@id": "https://www.pateandopiedras.com#org",
      "name": "SURGA88",
      "url": "https://www.pateandopiedras.com",
      "logo": "https://veldrive.com/mMAeu6fC/logo88-34.webp"
    },
    {
      "@type": "WebSite",
      "@id": "https://www.pateandopiedras.com#website",
      "url": "https://www.pateandopiedras.com",
      "name": "SURGA88",
      "publisher": { "@id": "https://www.pateandopiedras.com#org" },
      "inLanguage": "id-ID",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://www.pateandopiedras.com?s={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    },
    {
      "@type": "SoftwareApplication",
      "@id": "https://www.pateandopiedras.com#app",
      "name": "SURGA88",
      "applicationCategory": "GameApplication",
      "operatingSystem": "Android, iOS, Windows",
      "offers": { "@type": "Offer", "price": "0", "priceCurrency": "IDR" },
      "aggregateRating": { "@type": "AggregateRating", 
      "ratingValue": 5.0, "ratingCount": 74165 }
    }
  ]
}
</script>
    <div class='jsDesignSecretId m-design__secret-id hidden'>Design ID:74165272</div>
    <div class='jsDesignId' style='display: none;'>74165272</div>
    <div class='jsCanvasId' style='display: none;'>1</div>
    <div class='jsDesignOnSale' style='display: none;'>false</div>
    <div class='jsSizeChartCanvasId' style='display:none;'>1</div>
    <div class='m-design jsPdpDesign'>
    <div class='contain contain--wide-3'>
    <div class='m-design__content'>
    <div class='m-design__product' data-controller='rudderstack--link-clicked' data-rudderstack--link-clicked-location-value='pdp'>
    <div class='m-design-details__title'>
    <h1 class='h__h1--sm h--no-s-b' title='George Kittle F Dallas Kittle - George Kittle - T-Shirt'>SURGA88 - Mainkan Koleksi Pragmatic Play Terpopuler 2026</h1>
        <div class='m-design__prices'>
            <span class='m-design__price m-design__price--sale jsProductSalePrice'>$16</span>
            <span class='m-design__price m-design__price--regular jsProductRegularPrice'>IDR 5.000</span>
        </div>
    </div>
    <div class='m-design__preview'>
        <div class='m-product-preview' data-controller='rudderstack--filter-clicked' data-rudderstack--filter-clicked-location-value='product_preview'>
            <div class='m-design__admin-tools'>
                <div class='m-design__favorite-button-container' data-controller='rudderstack--filter-clicked design-tile--favorite' data-design-tile--favorite-add-icon-path-value='https://assets.teepublic.com/assets/teepublicons/heart_outline_primary500-aca86b959a2c54c785eda99a573d6d36c710e4020198f005b663335568299452.svg' data-design-tile--favorite-remove-icon-path-value='https://assets.teepublic.com/assets/teepublicons/heart_filled_danger500-e771e023bff5a3a668324db08daf887281d612a4d9e70d5e084c1a9052129bff.svg' data-rudderstack--filter-clicked-account-type-value='guest' data-rudderstack--filter-clicked-location-value='product_preview'>
                    <button type="button" class="btn tp-favorite-button tp-favorite-button--inactive tp-btn--medium btn--white" data-action="click-&gt;rudderstack--filter-clicked#track click-&gt;design-tile--favorite#redirectSignUpPage touchstart-&gt;design-tile--favorite#handleTouch mouseenter-&gt;utilities--tooltip#show mouseleave-&gt;utilities--tooltip#hide" data-cart-id="9a8c68d58aaa0c110ea9655af8a790a4" data-filter-name="heart_icon" data-filter-option-label="add_to_favorites" data-controller="utilities--tooltip" data-utilities--tooltip-target="element" data-utilities--tooltip-placement-value="left" data-button-action="add" data-design-id="74165272" data-product-id="357" data-redirect-route="/users/sign_up">
                        <div class='button__content'>
                            <div class="tp-tooltip tp-favorite-button__tooltip" data-utilities--tooltip-target="tooltip" role="tooltip">Create an account to favorite this design!
                                <div class='tp-tooltip--arrow' data-popper-arrow=''></div>
                            </div>
                        </div>
                    </button>
                </div>
            </div>
            <div class='m-product-preview__main jsProductMainImages'>
                <div class='m-product-preview__gallery'>
                    <div class='glide m-product-preview__glider jsProductImgGlide'>
                        <div class='m-product-preview__back-flag' style='display: none;'>
                            <div class='jsProductPreviewImgLabel'>
                                Back
                            </div>
                        </div>
                        <div class='glide__track m-product-preview__glider-track' data-glide-el='track'>
                            <ul class='glide__slides'>
                                <li class='glide__slide m-product-preview__glider-slide' data-default='active' data-id='0' data-label=''>
                                    <picture class='m-product-preview__glider-img'>
                                        <img alt='SURGA88' class='mockup jsProductMainImage' src='https://veldrive.com/mMAeu6fC/banner88-141.webp'>
                                    </picture>
                                </li>
                                <li class='glide__slide m-product-preview__glider-slide' data-default='' data-id='1' data-label=''>
                                    <picture class='m-product-preview__glider-img'>
                                        <img alt='George Kittle F Dallas Kittle by Hey siriusly' class='preview jsProductMainImage' src='https://veldrive.com/mMAeu6fC/banner88-141.webp'>
                                    </picture>
                                </li>
                            </ul>
                        </div>
                        <div class='glide__arrows'>
                            <button type="button" class="btn glide__arrow m-product-preview__glider-ctrl next jsGalleryGlideArrowNext tp-btn--medium" aria-label="Next Image" data-action="click-&gt;rudderstack--filter-clicked#track" data-cart-id="9a8c68d58aaa0c110ea9655af8a790a4" data-filter-name="next" tabindex="0">
                        <div class='button__content'></div>
                            </button>
                            <button type="button" class="btn glide__arrow m-product-preview__glider-ctrl prev jsGalleryGlideArrowPrev tp-btn--medium" aria-label="Previous Image" data-action="click-&gt;rudderstack--filter-clicked#track" data-cart-id="9a8c68d58aaa0c110ea9655af8a790a4" data-filter-name="previous" tabindex="0">
                        <div class='button__content'></div>
                        </div>
                    </div>
                    <div class='m-product-preview__thumbs jsProductPreviewThumbs jsProductImgGlideCtrls' data-glide-el='controls'>
                        <a data-id="0" href="javascript:void(0);" class="link m-product-preview__thumb jsProductPreviewThumb jsCtrl on">
                            <span class='link__content'>
                                <picture data-action='click-&gt;rudderstack--filter-clicked#track' data-cart-id='9a8c68d58aaa0c110ea9655af8a790a4' data-filter-name='thumbnail' data-glide-dir='0'>
                                    <img alt='SURGA88' class='mockup' loading='lazy' src='https://veldrive.com/mMAeu6fC/banner88-141.webp'>
                                </picture>
                            </span>
                        </a>
                           <a data-id="0" href="javascript:void(0);" class="link m-product-preview__thumb jsProductPreviewThumb jsCtrl on">
                            <span class='link__content'>
                                <picture data-action='click-&gt;rudderstack--filter-clicked#track' data-cart-id='9a8c68d58aaa0c110ea9655af8a790a4' data-filter-name='thumbnail' data-glide-dir='0'>
                                    <img alt='SURGA88' class='mockup' loading='lazy' src='https://veldrive.com/mMAeu6fC/banner88-141.webp'>
                                </picture>
                            </span>
                        </a>
                        <a data-id="0" href="javascript:void(0);" class="link m-product-preview__thumb jsProductPreviewThumb jsCtrl on">
                            <span class='link__content'>
                                <picture data-action='click-&gt;rudderstack--filter-clicked#track' data-cart-id='9a8c68d58aaa0c110ea9655af8a790a4' data-filter-name='thumbnail' data-glide-dir='0'>
                                    <img alt='SURGA88' class='mockup' loading='lazy' src='https://veldrive.com/mMAeu6fC/banner88-141.webp'>
                                </picture>
                            </span>
                        </a>
                        <a data-id="0" href="javascript:void(0);" class="link m-product-preview__thumb jsProductPreviewThumb jsCtrl on">
                            <span class='link__content'>
                                <picture data-action='click-&gt;rudderstack--filter-clicked#track' data-cart-id='9a8c68d58aaa0c110ea9655af8a790a4' data-filter-name='thumbnail' data-glide-dir='0'>
                                    <img alt='SURGA88' class='mockup' loading='lazy' src='https://veldrive.com/mMAeu6fC/banner88-141.webp'>
                                </picture>
                            </span>
                        </a>
                           <a data-id="0" href="javascript:void(0);" class="link m-product-preview__thumb jsProductPreviewThumb jsCtrl on">
                            <span class='link__content'>
                                <picture data-action='click-&gt;rudderstack--filter-clicked#track' data-cart-id='9a8c68d58aaa0c110ea9655af8a790a4' data-filter-name='thumbnail' data-glide-dir='0'>
                                    <img alt='SURGA88' class='mockup' loading='lazy' src='https://veldrive.com/mMAeu6fC/banner88-141.webp'>
                                </picture>
                            </span>
                        </a>
                        <a data-id="1" href="javascript:void(0);" class="link m-product-preview__thumb jsProductPreviewThumb jsCtrl">
                            <span class='link__content'>
                                <picture data-action='click-&gt;rudderstack--filter-clicked#track' data-cart-id='9a8c68d58aaa0c110ea9655af8a790a4' data-filter-name='thumbnail' data-glide-dir='1'>
                                    <img alt='George Kittle F Dallas Kittle by Hey siriusly' class='preview' loading='lazy' src='https://veldrive.com/mMAeu6fC/banner88-141.webp'>
                                </picture>
                            </span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class='m-design__options' data-controller='rudderstack--checkout-clicked rudderstack--link-clicked' data-rudderstack--checkout-clicked-cart-id-value='9a8c68d58aaa0c110ea9655af8a790a4' data-rudderstack--checkout-clicked-currency-code-value='USD' data-rudderstack--checkout-clicked-discount-usd-value='0.0' data-rudderstack--checkout-clicked-location-value='pdp' data-rudderstack--checkout-clicked-on-sale-savings-usd-value='0.0' data-rudderstack--checkout-clicked-product-revenue-usd-value='0.0' data-rudderstack--checkout-clicked-products-value='[]' data-rudderstack--checkout-clicked-request-action-value='show' data-rudderstack--checkout-clicked-request-controller-value='product_pages' data-rudderstack--link-clicked-location-value='pdp'>
        <div class='m-design__cart-config'>
            <form action='/add_to_cart' class='m-cart-config jsConfigOptions jsConfigForm' method='POST'>
            <div class='m-cart-config__option m-cart-config__option--color jsCartConfigColorOption' data-action='change-&gt;rudderstack--filter-clicked#track' data-cart-id='9a8c68d58aaa0c110ea9655af8a790a4' data-controller='rudderstack--filter-clicked' data-filter-name='color' data-rudderstack--filter-clicked-location-value='product_attributes'>
                <p class='m-cart-config__color-label'>
                    <strong></strong>
                    <span class='m-cart-config__color-name jsConfigColorName'>SURGA88</span>
                </p>
                <div class='m-cart-config__colors2 jsCartConfigColors jsHorizontalScroll' role='radiogroup'></div>
            </div>
            <div class='m-cart-config__option radio-selector' data-action='change-&gt;rudderstack--filter-clicked#track' data-cart-id='9a8c68d58aaa0c110ea9655af8a790a4' data-controller='rudderstack--filter-clicked' data-filter-name='gender' data-rudderstack--filter-clicked-location-value='product_attributes'>
                <div class='m-cart-config__select-label'></div>
                <div class="asm-lanang-btn">
                    <a href="https://halosurga.com/surga88" rel="nofollow noreferrer"
                        class="login">LOGIN</a>
                    <a href="https://halosurga.com/surga88/register" rel="nofollow noreferrer"
                        class="rFerister">DAFTAR</a>
                </div>
                <style>
                    .asm-lanang-btn {
                        display:grid;
                        grid-template-columns:repeat(2,1fr);
                        gap:15px;
                        font-weight:700
                    }
                    .asm-lanang-btn a {
                        text-align:center;
                        text-decoration:none;
                        border-radius:12px;
                        padding:15px 10px;
                        position:relative;
                        overflow:hidden;
                        transition:all .3s ease;
                        box-shadow:0 4px 15px rgba(0,0,0,0.3)
                    }
                    .asm-lanang-btn a:hover {
                        transform:translateY(-3px);
                        box-shadow:0 8px 25px rgb(255, 255, 255)
                    }
                    .asm-lanang-btn a::before {
                        content:"";
                        position:absolute;
                        top:0;
                        left:-100%;
                        width:100%;
                        height:100%;
                        background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);
                        transition:left .5s ease
                    }
                    .asm-lanang-btn a:hover::before {
                        left:100%
                    }
                    .login,.login-button {
                        color:#ffffff;
                        background:linear-gradient(135deg, #6b5b00 0%, #ffd700 25%, #c9ab00 50%, #ffc002 75%, #ffd100 100%);
                        background-size:200% 200%;
                        border:2px solid #ffd700;
                        animation:gradientShift 3s ease infinite
                    }
                    .rFerister,.rFerister-button {
                        color:#ffffff;
                        background:linear-gradient(135deg, #6b5b00 0%, #ffd700 25%, #c9ab00 50%, #ffc002 75%, #ffd100 100%);
                        background-size:200% 200%;
                        border:2px solid #ffd700;
                        animation:gradientShift 3s ease infinite;
                        animation-delay:1.5s
                    }
                    @keyframes gradientShift {
                    0% {
                        background-position:0% 50%
                    }
                    50% {
                        background-position:100% 50%
                    }
                    100% {
                        background-position:0% 50%
                        }
                    }
                    .asm-lanang-btn a:active {
                        transform:translateY(1px);
                        box-shadow:0 2px 10px rgba(0,0,0,0.3)
                    }
                    .article-box p {
    font-size: 15.5px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 16px;
}

/* Link VIP elegan (gantikan inline style kamu) */
.article-box a {
    color: #ffd100;
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid rgba(248, 211, 0, 0.4);
    transition: all 0.25s ease;
}

/* hover link premium */
.article-box a:hover {
    color: #ffd700;
    border-bottom: 1px solid #ffd700;
}

/* spacing antar paragraf */
.article-box br {
    display: none; /* biar tidak berantakan layout */
}
                </style>
            </div>
            </form>
        </div>
        <div class="article-box">
        <p><a href="https://www.pateandopiedras.com" style="color: #ffd100;">SURGA88</a> menjadi pilihan utama bagi Anda untuk memainkan berbagai koleksi game Pragmatic Play paling populer di tahun 2026. Nikmati sensasi permainan dengan fitur bonus menarik, grafis berkualitas, serta peluang menang yang tinggi. Segera daftar, akses game favorit Anda, dan raih kemenangan fantastis hari ini!</p><br>
        </div>
    </div>
    </div>
    <input class='field' id='canvas_id' type='hidden' value='1'>
    <input class='field' id='product_id' type='hidden' value='357'>
    </div>
    <div class='cqd-banner m-design__cqd-banner'>
        <div class='cqd-banner__container'>
            <div class="tp-text-note cqd-banner__banner tp-text-note--information tp-text-note--on-light"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent tp-text-note--icon"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="24" height="24" focusable="false" aria-hidden="true"><path d="M28.595 5.507c-.198-1.463-1.789-2.005-2.847-.976-2.148 2.09-5.57 5.816-9.26 11.392-3.87 5.85-5.614 9.665-6.377 11.688-.372.988.222 1.917 1.273 2.005 1.357.113 3.646.222 7.416.222h.023c-.015.711-.024 1.458-.024 2.242 0 4.794.308 8.222.606 10.416.198 1.463 1.788 2.005 2.847.976 2.148-2.089 5.57-5.816 9.259-11.392 3.87-5.85 5.615-9.665 6.377-11.688.372-.988-.221-1.917-1.273-2.004-1.357-.113-3.645-.223-7.415-.223h-.023c.015-.711.024-1.458.024-2.242 0-4.794-.308-8.222-.606-10.416Z"></path></svg></span>
                <div class='tp-text-note__body'>
                    <p class='tp-text-note__text'>
                        Sebagai <span class="strong">Situs Togel</span> masa kini, platform ini menawarkan pengalaman ramah pengguna yang belum pernah Anda rasakan di tempat lain.
                    </p>
                </div>
            </div>
            <div class='m-design__tip-container jsProductTips' style=''></div>
            <div class='m-design__buy-ctas'>
                <div class='m-design__cart-buy-now jsApplePayCheckout hidden apple-pay-button-with-text' data-action='click-&gt;utilities--ab-test#endTestClick click-&gt;rudderstack--checkout-clicked#track' data-checkout--checkout-target='applePayBuyNow' data-designId='74165272' data-rudderstack-checkout-type='apple-pay'></div>
            </div>
        </div>
        <div data-also-available-products-target="loader" class="tp-loader m-tab-nav__loader tp-loader--inline hidden">
            <div class='tp-loader__spinner updating tp-loader__spinner--inline'></div>
        </div>
    </section>
    </div>
    </div>
    </div>
        <div class="article-box">
            <h2>Keunggulan Dari Website - SURGA88</h2>
            <p>Mengapa disebut inovatif? Karena SURGA88 mendobrak standar lama yang membosankan dengan menghadirkan ekosistem taruhan digital yang serbapraktis</p>
            <ul>
                <li>Programing Sistem Modern & Stabil
                  <p>SURGA88 dibangun menggunakan sistem programing yang terus diperbarui agar performa website tetap cepat, ringan, dan mampu memberikan pengalaman akses yang nyaman di berbagai perangkat.</p>
                </li>
                <li>Result Tercepat & Akurat
                  <p>Informasi result diperbarui secara cepat sehingga pengguna dapat memperoleh data terbaru tanpa harus menunggu lama. Sistem sinkronisasi yang optimal membuat informasi selalu tersedia secara efisien.</p>
                </li>
                <li>Navigasi Responsif & Mudah Digunakan
                  <p>Tampilan website dirancang sederhana namun profesional sehingga memudahkan pengguna menemukan menu, informasi, hingga layanan yang dibutuhkan baik melalui desktop maupun smartphone.</p>
                </li>
            </ul>
            <p>Di era digital saat ini, kualitas sebuah programing situs toto togel menjadi salah satu faktor penting yang menentukan kenyamanan pengguna. SURGA88 hadir dengan teknologi website yang modern sehingga mampu memberikan performa cepat, akses stabil, dan navigasi yang mudah dipahami. Seluruh halaman dioptimalkan agar tetap ringan ketika diakses dari berbagai perangkat tanpa mengurangi kualitas pengalaman pengguna.</p>
            <p>Selain menghadirkan sistem yang responsif, SURGA88 juga dikenal memiliki result tercepat yang selalu diperbarui secara konsisten. Pengguna dapat memperoleh informasi terbaru dengan proses yang efisien sehingga tidak perlu menunggu lama. Kombinasi antara kecepatan sistem dan penyajian data yang rapi membuat website ini menjadi salah satu pilihan yang banyak dicari.</p>
            <p>Komitmen SURGA88 bukan hanya menghadirkan teknologi yang baik, tetapi juga memberikan pengalaman penggunaan yang nyaman setiap hari. Dengan pembaruan sistem secara berkala, keamanan yang terus ditingkatkan, serta layanan profesional, SURGA88 terus berkembang sebagai platform yang mengutamakan kualitas, kecepatan, dan kemudahan akses bagi seluruh penggunanya.</p>
        </div>
        <style>
.SURGA88-predict-wrap{
    position:relative;
    max-width:1200px;
    margin:35px auto;
    padding:22px;
    border-radius:26px;
    border: 2px solid #ffd700;
    background: linear-gradient(135deg, #6b5b00 0%, #ffd700 25%, #c9ab00 50%, #ffc002 75%, #ffd100 100%);
    box-shadow:
        0 20px 50px rgba(0,0,0,0.8),
        0 0 30px rgba(255,215,0,0.06),
        inset 0 1px 0 rgba(255,255,255,0.04);
}

.SURGA88-predict-title{
    text-align:center;
    color:#ffffff;
    font-size:24px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:18px;
    text-shadow:0 0 12px rgba(255,215,0,0.12);
}

.SURGA88-predict-card{
    background:linear-gradient(145deg,#000000,#000000);
    border:1px solid #ffd700;
    border-radius:18px;
    padding:18px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);
    margin-bottom:16px;
}

.SURGA88-form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.SURGA88-field label{
    display:block;
    color:#ffffff;
    font-size:12px;
    font-weight:700;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.SURGA88-field select,
.SURGA88-field input{
    width:100%;
    height:46px;
    border-radius:12px;
    border:1px solid rgba(255,215,0,0.2);
    background: linear-gradient(135deg, #6b5b00 0%, #ffd700 25%, #c9ab00 50%, #ffc002 75%, #ffd100 100%);
    color:#ffffff;
    padding:0 14px;
    outline:none;
    box-shadow:inset 0 0 12px rgba(255,215,0,0.04);
}

.SURGA88-field select:focus,
.SURGA88-field input:focus{
    border-color:rgba(255, 217, 0, 0.45);
    box-shadow:
        0 0 0 2px rgba(0, 255, 34, 0.08),
        0 0 14px rgba(0, 255, 34, 0.08);
}

.SURGA88-full{
    grid-column:1 / -1;
}

.SURGA88-btn-gold{
    width:100%;
    height:50px;
    border:none;
    border-radius:14px;
    cursor:pointer;
    font-size:15px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#ffffff;
    background: linear-gradient(135deg, #6b5b00 0%, #ffd700 25%, #c9ab00 50%, #ffc002 75%, #ffd100 100%);
    box-shadow:
        0 10px 20px rgba(0,0,0,0.35),
        inset 0 1px 0 rgba(255,255,255,0.3);
    transition:.25s ease;
}

.SURGA88-btn-gold:hover{
    transform:translateY(-2px);
    filter:brightness(1.04);
    box-shadow:
        0 14px 28px rgba(0,0,0,0.45),
        0 0 18px rgba(255, 225, 0, 0.18);
}

.SURGA88-result-head{
    text-align:center;
    color:#ffd700;
    font-size:16px;
    font-weight:800;
    letter-spacing:1px;
    margin-bottom:16px;
}

.rb-result-box{
    border:1px solid rgba(255,215,0,0.14);
    border-radius:16px;
    padding:16px;
    background:linear-gradient(145deg,#060606,#111);
}

.SURGA88-result-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    margin-bottom:14px;
}

.SURGA88-result-item{
    background:rgba(255,215,0,0.03);
    border:1px solid rgba(255, 230, 0, 0.08);
    border-radius:12px;
    padding:12px;
}

.SURGA88-result-item span{
    display:block;
    color:#ffd700;
    font-size:11px;
    text-transform:uppercase;
    margin-bottom:6px;
    letter-spacing:.8px;
}

.SURGA88-result-item strong{
    color:#f5f5f5;
    font-size:18px;
    font-weight:800;
}

.SURGA88-number-main{
    text-align:center;
    margin:16px 0 10px;
    padding:18px;
    border-radius:18px;
    border:1px solid rgba(255, 221, 0, 0.18);
    background:
        radial-gradient(circle, rgba(255, 213, 0, 0.08), transparent 60%),
        linear-gradient(145deg,#090909,#111111);
    box-shadow:0 0 18px rgba(255, 230, 0, 0.08);
}

.SURGA88-number-main span{
    display:block;
    color:#ffd700;
    font-size:12px;
    text-transform:uppercase;
    margin-bottom:8px;
    letter-spacing:1px;
}

.SURGA88-number-main strong{
    color:#ffd700;
    font-size:34px;
    font-weight:900;
    letter-spacing:6px;
    text-shadow:0 0 14px rgba(255,215,0,0.16);
}

.SURGA88-alt-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:14px;
}

.SURGA88-alt-item{
    text-align:center;
    padding:12px 10px;
    border-radius:12px;
    border:1px solid rgba(255,215,0,0.1);
    background:linear-gradient(145deg,#0a0a0a,#121212);
    color:#f0f0f0;
    font-weight:700;
}

.SURGA88-note{
    text-align:center;
    color:#ffffff;
    font-size:20px;
    margin-top:14px;
}

@media(max-width:768px){
    .SURGA88-form-grid,
    .SURGA88-result-grid,
    .SURGA88-alt-list{
        grid-template-columns:1fr;
    }

    .SURGA88-number-main strong{
        font-size:28px;
        letter-spacing:4px;
    }
}
</style>

<div class="SURGA88-predict-wrap">
    <div class="SURGA88-predict-title">Generator Toto 4D SURGA88</div>

    <div class="SURGA88-predict-card">
        <div class="SURGA88-form-grid">
            <div class="SURGA88-field">
                <label>Pasaran</label>
                <select id="rbPasaran">
                    <option>ALL</option>
                    <option>Singapore</option>
                    <option>Hongkong</option>
                    <option>Sydney</option>
                    <option>Macau</option>
                    <option>Cambodia</option>
                </select>
            </div>

            <div class="SURGA88-field">
                <label>Tipe</label>
                <select id="rbTipe">
                    <option>4D</option>
                    <option>3D</option>
                    <option>2D</option>
                </select>
            </div>

            <div class="SURGA88-field SURGA88-full">
                <label>Min Confidence</label>
                <input type="number" id="rbConf" value="70" min="50" max="100">
            </div>

            <div class="SURGA88-full">
                <button class="SURGA88-btn-gold" onclick="SURGA88GeneratePrediksi()">Generate</button>
            </div>
        </div>
    </div>

    <div class="SURGA88-predict-card">
        <div class="SURGA88-result-head">— READY —</div>

        <div class="rb-result-box">
            <div class="SURGA88-result-grid">
                <div class="SURGA88-result-item">
                    <span>Pasaran</span>
                    <strong id="rbOutPasaran">-</strong>
                </div>
                <div class="SURGA88-result-item">
                    <span>Tipe</span>
                    <strong id="rbOutTipe">-</strong>
                </div>
                <div class="SURGA88-result-item">
                    <span>Confidence</span>
                    <strong id="rbOutConf">-</strong>
                </div>
                <div class="SURGA88-result-item">
                    <span>Shio</span>
                    <strong id="rbOutShio">-</strong>
                </div>
            </div>

            <div class="SURGA88-number-main">
                <span>Angka Utama</span>
                <strong id="rbOutMain">----</strong>
            </div>

            <div class="SURGA88-alt-list">
                <div class="SURGA88-alt-item" id="rbAlt1">-</div>
                <div class="SURGA88-alt-item" id="rbAlt2">-</div>
                <div class="SURGA88-alt-item" id="rbAlt3">-</div>
            </div>

            <div class="SURGA88-note">Tips: Nikmati simulasi hiburan yang seru namun tetaplah melangkah dengan bijak.</div>
        </div>
    </div>
</div>

<script>
function SURGA88Rand(min,max){
    return Math.floor(Math.random()*(max-min+1))+min;
}

function SURGA88Digits(len){
    let out = "";
    for(let i=0;i<len;i++){
        out += SURGA88Rand(0,9);
    }
    return out;
}

function SURGA88GeneratePrediksi(){
    const pasaran = document.getElementById("rbPasaran").value;
    const tipe = document.getElementById("rbTipe").value;
    const confInput = parseInt(document.getElementById("rbConf").value, 10) || 70;

    const shioList = ["Naga","Tikus","Kerbau","Macan","Kelinci","Ular","Kuda","Kambing","Monyet","Ayam","Anjing","Babi"];
    const shio = shioList[SURGA88Rand(0, shioList.length - 1)];

    let len = 4;
    if(tipe === "3D") len = 3;
    if(tipe === "2D") len = 2;

    const mainNumber = SURGA88Digits(len);
    const alt1 = SURGA88Digits(len);
    const alt2 = SURGA88Digits(len);
    const alt3 = SURGA88Digits(len);
    const confFinal = Math.max(50, Math.min(100, confInput + SURGA88Rand(-3, 8))) + "%";

    document.getElementById("rbOutPasaran").textContent = pasaran;
    document.getElementById("rbOutTipe").textContent = tipe;
    document.getElementById("rbOutConf").textContent = confFinal;
    document.getElementById("rbOutShio").textContent = shio;
    document.getElementById("rbOutMain").textContent = mainNumber;
    document.getElementById("rbAlt1").textContent = alt1;
    document.getElementById("rbAlt2").textContent = alt2;
    document.getElementById("rbAlt3").textContent = alt3;
}
</script>
    <section class="asm-wrap" id="asm-faq-reviews">
        <div class="asm-container">
            <div class="asm-card">
                <h2 class="asm-title">PERTANYAAN SEPUTAR SURGA88</h2>
                <div class="asm-accordion" data-asm-acc>
                    <button class="asm-acc-item" type="button" aria-expanded="false">
                        <span class="asm-q">Apa yang dimaksud dengan programing situs di SURGA88?</span>
                        <span class="asm-icon">+</span>
                    </button>
                    <div class="asm-acc-panel" hidden>
                        <p>Programing situs merupakan pengembangan sistem website yang dirancang agar memiliki performa cepat, stabil, aman, dan mudah digunakan oleh seluruh pengguna.</p>
                    </div>
                    <button class="asm-acc-item" type="button" aria-expanded="false">
                        <span class="asm-q">Mengapa result di SURGA88 dikenal cepat?</span>
                        <span class="asm-icon">+</span>
                    </button>
                    <div class="asm-acc-panel" hidden>
                        <p>Karena sistem pembaruan data dilakukan secara optimal sehingga informasi terbaru dapat ditampilkan lebih cepat dan konsisten.</p>
                    </div>
                    <button class="asm-acc-item" type="button" aria-expanded="false">
                        <span class="asm-q">Apakah SURGA88 dapat diakses melalui smartphone?</span>
                        <span class="asm-icon">+</span>
                    </button>
                    <div class="asm-acc-panel" hidden>
                        <p>Ya. Website telah dioptimalkan agar tampil responsif pada smartphone, tablet, maupun desktop tanpa mengurangi kenyamanan penggunaan.</p>
                    </div>
                    <button class="asm-acc-item" type="button" aria-expanded="false">
                        <span class="asm-q">Apa keunggulan utama SURGA88 dibanding website lainnya?</span>
                        <span class="asm-icon">+</span>
                    </button>
                    <div class="asm-acc-panel" hidden>
                        <p>Keunggulannya meliputi sistem modern, akses cepat, result yang diperbarui dengan cepat, navigasi sederhana, dan performa website yang stabil.</p>
                    </div>
                    <button class="asm-acc-item" type="button" aria-expanded="false">
                        <span class="asm-q">Apakah SURGA88 rutin melakukan pembaruan sistem?</span>
                        <span class="asm-icon">+</span>
                    </button>
                    <div class="asm-acc-panel" hidden>
                        <p>Ya. Pembaruan dilakukan secara berkala untuk meningkatkan keamanan, kecepatan akses, serta kualitas pengalaman pengguna.</p>
                    </div>
                </div>
            </div>
            <div class="asm-card">
                <h2 class="asm-title">Testimoni Pemain SURGA88</h2>
                <div class="asm-review">
                    <div class="asm-name">Rizky Hidayat – Jakarta</div>
                    <p>"Saya suka dengan performa website SURGA88. Halamannya ringan, loading cepat, dan result selalu muncul dengan sangat responsif. Pengalaman mengaksesnya terasa nyaman."</p>
                </div>
                <div class="asm-review">
                    <div class="asm-name">Nanda Saputra – Surabaya</div>
                    <p>"Programing website SURGA88 memang terasa berbeda. Navigasinya mudah dipahami dan tampilannya rapi sehingga saya tidak kesulitan mencari informasi yang dibutuhkan."</p>
                </div>
                <div class="asm-review">
                    <div class="asm-name">Dewi Lestari – Bandung</div>
                    <p>"Yang paling saya apresiasi adalah kecepatan update result. Informasi selalu tersedia dengan cepat dan website tetap stabil meskipun diakses dari perangkat mobile."</p>
                </div>
                <div class="asm-review">
                    <div class="asm-name">Arif Setiawan – Semarang</div>
                    <p>"Website SURGA88 memberikan pengalaman yang profesional. Sistemnya responsif, tampilannya modern, dan aksesnya terasa sangat lancar setiap kali digunakan."</p>
                </div>
                  <div class="asm-review">
                    <div class="asm-name">Fajar Ramadhan – Medan</div>
                    <p>"Menurut saya SURGA88 memiliki kombinasi yang lengkap antara programing modern, akses cepat, dan tampilan yang user-friendly. Sangat nyaman digunakan kapan saja."</p>
                </div>
            </div>
        </div>
        <style>
        .article-box {
            max-width: 1200px;
            margin: 50px auto;
            padding: 28px;
            font-family: "Poppins", sans-serif;
            background: linear-gradient(145deg, #ffffff, #f7f7f7);
            border-radius: 16px;
            border: 1px solid #ffd100;
            box-shadow: 0 12px 35px #ffd700;
            position: relative;
            overflow: hidden;
        }

        /* Efek glow premium di background */
        .article-box::before {
            content: "";
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(212,175,55,0.08), transparent 60%);
            transform: rotate(25deg);
            pointer-events: none;
        }

        /* Judul VIP */
        .article-box h2 {
            font-size: 24px;
            font-weight: 800;
            color: #1a1a1a;
            margin-bottom: 16px;
            position: relative;
            padding-bottom: 10px;
        }

        /* garis emas di bawah judul */
        .article-box h2::after {
            content: "";
            width: 70px;
            height: 3px;
            background: linear-gradient(90deg, #d4af37, #f7e7a6);
            position: absolute;
            left: 0;
            bottom: 0;
            border-radius: 10px;
        }

        /* Paragraf */
        .article-box p {
            font-size: 15.5px;
            color: #555;
            margin-bottom: 16px;
        }

        /* List VIP */
        .article-box ul {
            padding-left: 18px;
        }

        .article-box ul li {
            margin-bottom: 12px;
            padding: 12px 14px;
            background: rgba(212,175,55,0.06);
            border-left: 3px solid #d4af37;
            border-radius: 8px;
            color: #444;
            transition: all 0.25s ease;
        }

        /* Hover elegan */
        .article-box ul li:hover {
            background: rgba(212,175,55,0.12);
            transform: translateX(6px);
            color: #111;
        }

        /* Responsive */
        @media (max-width: 600px) {
            .article-box {
                padding: 18px;
                margin: 20px;
            }

            .article-box h2 {
                font-size: 20px;
            }

            .article-box p,
            .article-box ul li {
                font-size: 14px;
            }
            }            
            #asm-faq-reviews {
                padding: 25px 0;
                background: linear-gradient(180deg, #fafafa, #ffffff);
            }

            #asm-faq-reviews .asm-container {
                max-width: 1300px;
                margin: auto;
                padding: 0 15px;
                font-family: "Poppins", Arial, sans-serif;
            }

            /* CARD utama */
            #asm-faq-reviews .asm-card {
                margin-bottom: 16px;
                padding: 18px;
                border-radius: 14px;
                background: linear-gradient(145deg, #ffffff, #f8f8f8);
                border: 1px solid #ffd100;
                box-shadow: 0 8px 25px #ffd100;
            }

            /* TITLE */
            #asm-faq-reviews .asm-title {
                margin: 0 0 12px;
                font-size: 18px;
                font-weight: 700;
                color: #1a1a1a;
                position: relative;
                padding-bottom: 8px;
            }

            /* gold underline */
            #asm-faq-reviews .asm-title::after {
                content: "";
                width: 60px;
                height: 3px;
                background: linear-gradient(135deg, #6b5b00 0%, #ffd700 25%, #c9ab00 50%, #ffc002 75%, #ffd100 100%);
                position: absolute;
                left: 0;
                bottom: 0;
                border-radius: 10px;
            }

            /* ACCORDION HEADER */
            #asm-faq-reviews .asm-acc-item {
                width: 100%;
                margin-bottom: 10px;
                padding: 12px 14px;
                border-radius: 10px;
                background: linear-gradient(135deg, #6b5b00 0%, #ffd700 25%, #c9ab00 50%, #ffc002 75%, #ffd100 100%);
                border: 1px solid #e6d7a6;
                cursor: pointer;
                display: flex;
                justify-content: space-between;
                align-items: center;
                transition: all 0.25s ease;
                color: #222;
                font-weight: 600;
            }

            /* hover VIP */
            #asm-faq-reviews .asm-acc-item:hover {
                background: rgba(212, 175, 55, 0.15);
                transform: translateX(4px);
            }

            /* PANEL */
            #asm-faq-reviews .asm-acc-panel {
                padding: 12px;
                margin-bottom: 10px;
                border-radius: 10px;
                background: linear-gradient(135deg, #6b5b00 0%, #ffd700 25%, #c9ab00 50%, #ffc002 75%, #ffd100 100%);
                border: 1px solid #eee;
                font-size: 13.5px;
                color: #555;
            }

            /* REVIEW CARD */
            #asm-faq-reviews .asm-review {
                padding: 14px;
                margin-bottom: 10px;
                border-radius: 10px;
                background: linear-gradient(135deg, #6b5b00 0%, #ffd700 25%, #c9ab00 50%, #ffc002 75%, #ffd100 100%);
                border-left: 3px solid #d4af37;
                box-shadow: 0 6px 18px rgba(0,0,0,0.05);
                font-size: 13.5px;
            }

            /* NAME REVIEW */
            #asm-faq-reviews .asm-name {
                font-weight: 700;
                margin-bottom: 5px;
                color: #222;
            }

            /* MOBILE */
            @media (max-width: 600px) {
                #asm-faq-reviews .asm-card {
                    padding: 14px;
                }

                #asm-faq-reviews .asm-title {
                    font-size: 16px;
                }

                #asm-faq-reviews .asm-acc-item {
                    font-size: 14px;
                }
            }
        </style>
        <script>
            (function(){
                const root=document.getElementById("asm-faq-reviews");
                    if(!root)return;

                const btns=root.querySelectorAll(".asm-acc-item");
                    btns.forEach(btn=>{
                    btn.addEventListener("click",()=>{
                        const panel=btn.nextElementSibling;
                        const open=btn.getAttribute("aria-expanded")==="true";

                    btns.forEach(b=>{
                    b.setAttribute("aria-expanded","false");
                        if(b.nextElementSibling)b.nextElementSibling.hidden=true;
                    b.querySelector(".asm-icon").textContent="+";
                });

                if(!open){
                    btn.setAttribute("aria-expanded","true");
                    panel.hidden=false;
                    btn.querySelector(".asm-icon").textContent="–";
                    }
                });
            });
        })();
        </script>
    </section>
    </div>
    </div>
    </div>
    </div>
    <div class='m-design__additional-info-container'>
        <div class='contain contain--wide-3'>
            <h2 class='h__h2--secondary m-design__h2 h--bright' style="color: #f0cc00;">SURGA88 - Mainkan Koleksi Pragmatic Play Terpopuler 2026</h2>
                <div class='m-design__additional-info' data-controller='rudderstack--link-clicked' data-rudderstack--link-clicked-location-value='related_tags_artists_applied_tags'>
                    <div class='m-design__additional-info' data-controller='rudderstack--link-clicked' data-rudderstack--link-clicked-location-value='related_tags_customers_also_search'>
                        <div class='m-design__additional-info' data-controller='rudderstack--link-clicked' data-rudderstack--link-clicked-location-value='related_tags_trending_tags'>
                            <h4 class='h h--6 m-design__subtitles'>Trending Tags</h4>
                            <nav class='m-design__additional-info-list'>
                                <div class="m-search__related-results container__scrollable container__scrollable--wrap container__scrollable--slim">
                                    <a href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default">
                                        <span class='link__content'>SURGA88</span>
                                    </a>
                                    <a href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default">
                                        <span class='link__content'>OLX TOTO</span>
                                    </a>
                                    <a href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default">
                                        <span class='link__content'>SITUS TOTO</span>
                                    </a>
                                    <a href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default">
                                        <span class='link__content'>TOGEL ONLINE</span>
                                    </a>
                                    <a href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default">
                                        <span class='link__content'>TOTO TOGEL</span>
                                    </a>
                                    <a href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default">
                                        <span class='link__content'>BANDAR TOGEL</span>
                                    </a>
                                    <a href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default">
                                        <span class='link__content'>SITUS TOGEL ONLINE</span>
                                    </a>
                                    <a href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default">
                                        <span class='link__content'>SITUS TOTO TOGEL</span>
                                    </a>
                                </div>
                            </nav>
                        </div>
                        <p class='text-note m-design__additional-info-note'>The links above have been automatically generated based on tag usage by third-party designers on the TeePublic platform.</p>
                    </div>
                </div>
                <div class='m-product-options__social'>
                    <div class='contain contain--wide-3'>
                        <h4 class='m-product-options__social-title h--no-s-t'>Share this design:</h4>
                            <div class='jsSocial'>
                                <ul class='m-social-share'>
                                    <li>
                                        <a aria-label="Share to Twitter" onclick="window.open(this.href,&#39;pagename&#39;,&#39;resizable,height=400,width=600&#39;); return false" href="https://www.pateandopiedras.com" class="link jsTwitterProductShare gtmTwitterProductShare twitter link--1 link--default">
                                            <span class='link__content'>
                                                <span class="teepublicon teepublicon--blue-default teepublicon-background--transparent teepublicon-variant--circle medium">
                                                    <img src="https://assets.teepublic.com/assets/teepublicons/twitter_x-e7ec227c1ad2634b8096bcccb765eddf5be0612af99dc39f81589c7440f53741.svg" loading="lazy" height="24" width="24" aria_hidden="true" focusable="false">
                                                </span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a aria-label="Share to Facebook" onclick="window.open(this.href,&#39;pagename&#39;,&#39;resizable,height=400,width=600&#39;); return false" href="https://www.pateandopiedras.com" class="link gtmFbProductShare facebook link--1 link--default">
                                            <span class='link__content'>
                                                <span class="teepublicon teepublicon--blue-default teepublicon-background--transparent teepublicon-variant--circle medium">
                                                    <img src="https://assets.teepublic.com/assets/teepublicons/facebook-782a69eed8f8c44472034fa1a149c795915e716c13a0c9499e024cb5d43f3ba5.svg" loading="lazy" height="24" width="24" aria_hidden="true" focusable="false">
                                                </span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a aria-label="Share to Linktree" target="_blank" href="https://www.pateandopiedras.com" class="link gtmLinktreeProductShare linktree link--1 link--default">
                                            <span class='link__content'>
                                                <span class="teepublicon teepublicon--blue-default teepublicon-background--transparent teepublicon-variant--circle medium">
                                                    <img src="https://assets.teepublic.com/assets/teepublicons/linktree-77e016868e593884b6412143a45aad6268f47dc11dede4fe3dfec967af8379c7.svg" loading="lazy" height="24" width="24" aria_hidden="true" focusable="false">
                                                </span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a aria-label="Save to Pinterest" onclick="window.open(this.href,&#39;pagename&#39;,&#39;resizable,height=400,width=600&#39;); return false" href="https://www.pateandopiedras.com" class="link jsPinterestProductShare gtmPinterestProductShare pinterest link--1 link--default">
                                            <span class='link__content'>
                                                <span class="teepublicon teepublicon--blue-default teepublicon-background--transparent teepublicon-variant--circle medium">
                                                    <img src="https://assets.teepublic.com/assets/teepublicons/pinterest-bf44b194464a76e11f21f63eedb266534dafbdd4d28f646eb1f731f0737f1d27.svg" loading="lazy" height="24" width="24" aria_hidden="true" focusable="false">
                                                </span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a aria-label="Share to Reddit" target="_blank" href="https://www.pateandopiedras.com" class="link gtmRedditProductShare reddit link--1 link--default">
                                            <span class='link__content'>
                                                <span class="teepublicon teepublicon--blue-default teepublicon-background--transparent teepublicon-variant--circle medium">
                                                    <img src="https://assets.teepublic.com/assets/teepublicons/reddit-a08812dd6e957c987946f6fa3808df6dada5b1f95e538017767af02adfda49b8.svg" loading="lazy" height="24" width="24" aria_hidden="true" focusable="false">
                                                </span>
                                            </span>
                                        </a>
                                    </li>
                                    <li>
                                        <a aria-label="Share to Tumblr" target="_blank" href="https://www.pateandopiedras.com" class="link jsTumblrProductShare gtmTumblrProductShare tumblr link--1 link--default">
                                            <span class='link__content'>
                                                <span class="teepublicon teepublicon--blue-default teepublicon-background--transparent teepublicon-variant--circle medium">
                                                    <img src="https://assets.teepublic.com/assets/teepublicons/tumblr-72746366fce360d1a23b94973d204278af451141b23aebe1dd3671bfff083f2a.svg" loading="lazy" height="24" width="24" aria_hidden="true" focusable="false">
                                                </span>
                                            </span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                    </div>
                </div>
        </div>
        <div class='modal' id='garment-modal'>
            <div class='modal-container'>
                <div class='close-modal close-reveal-modal tp-x-close-new jsCloseModal'></div>
                <div class='row'>
                    <div class='col-md-12'>
                        <div class='modal-content sizechart-canvas-modal__content' id='garment'></div>
                    </div>
                </div>
            </div>
        </div>

<div class='modal' id='sizechart-modal'>
<div class='modal-container'>
<div class='close-modal close-reveal-modal tp-x-close-new jsCloseModal'></div>
<div class='row'>
<div class='col-md-12'>
<div class='modal-content sizechart-canvas-modal__content' id='sizechart'></div>
</div>
</div>
</div>
</div>

<div class='jsSizeChartCanvasModal modal'>
<div class='modal-container'>
<div class='close-modal close-reveal-modal tp-x-close-new jsCloseModal'></div>
<div class='row'>
<div class='col-md-12'>
<div class='modal-content sizechart-canvas-modal__content jsSizeChartCanvasModalContent'>
<img>
</div>
</div>
</div>
</div>
<div class='m-footer-sitemap'>
<div class='m-footer-sitemap-container wrapper'>
<div class='m-footer__trusted-badges'>
<figure class='m-footer__guarantee-image'>
<span class="teepublicon teepublicon--blue-default teepublicon-background--transparent">
  <img src="https://veldrive.com/mMAeu6fC/banner88-141.webp" 
       alt="SURGA88" 
       style="width:50%; height:auto; max-width:500px; display:block; margin:0 auto;" />
</span>
</figure>
<div class='m-footer__trusted-text'>
<div class='m-footer__guarantee-text'>
<p class='m-footer__guarantee-headline'>
Don't love it? We'll fix it. For free.
</p>
<p class='m-footer__guarantee-subtext'>
100% Free Exchanges.
</p>
</div>
<p class='m-footer__guarantee-link'>
<a target="_blank" href="https://www.pateandopiedras.com" class="link link__cta link__cta--on-dark link--default">
<span class='link__content'>
SURGA88
</span>

</a>
</p>
</div>
</div>
<div class='m-footer-links m-footer-section'>
<div class="link-collection m-foot__links-section"><div class="link-collection__body"><h4 class="h__h4 link-collection__header h--no-s">Support</h4>

<div class="link-collection__content"><a data-gtm-footer-link-text="Order Status" style="--animation-order: " href="/order/status" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Order Status
</span>

</a>
<a data-gtm-footer-link-text="Create" style="--animation-order: " href="/contact" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Contact Us
</span>

</a>
<a data-gtm-footer-link-text="Coupon Codes" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Coupon Codes
</span>

</a>
<a data-gtm-footer-link-text="FAQ" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
FAQ
</span>

</a>
<a data-gtm-footer-link-text="Free Shipping" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Free Shipping
</span>

</a>
<a data-gtm-footer-link-text="Refunds &amp; Returns" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Refunds &amp; Returns
</span>

</a>
<a data-gtm-footer-link-text="Shipping Info" style="--animation-order: " href="/shipping" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Shipping Info
</span>

</a>
<a data-gtm-footer-link-text="Size Chart" style="--animation-order: " href="/sizechart" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Size Chart
</span>

</a>

</div></div></div><div class="link-collection m-foot__links-section"><div class="link-collection__body"><h4 class="h__h4 link-collection__header h--no-s">About Us</h4>

<div class="link-collection__content"><a data-gtm-footer-link-text="About Us" style="--animation-order: " href="/about" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
About Us
</span>

</a>
<a data-gtm-footer-link-text="Accessibility" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Accessibility
</span>

</a>
<a data-gtm-footer-link-text="Create a Dashery Store" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Create a Dashery Store
</span>

</a>
<a data-gtm-footer-link-text="Careers" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Careers
</span>

</a>
<a data-gtm-footer-link-text="Hire an Artist" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Hire an Artist
</span>

</a>

<a data-gtm-footer-link-text="Social Responsibility" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Social Responsibility
</span>

</a>
<a data-gtm-footer-link-text="TeePublic Reviews" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
TeePublic Reviews
</span>

</a>

</div></div></div><div class="link-collection m-foot__links-section"><div class="link-collection__body"><h4 class="h__h4 link-collection__header h--no-s">Explore</h4>

<div class="link-collection__content"><a data-gtm-footer-link-text="All Designs" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
All Designs
</span>

</a>
<a data-gtm-footer-link-text="Content Directory" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Content Directory
</span>

</a>
<a data-gtm-footer-link-text="Featured Designers" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Featured Artists
</span>

</a>
<a data-gtm-footer-link-text="Newest Designers" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Newest Designers
</span>

</a>
<a data-gtm-footer-link-text="Newest T-Shirts" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Newest T-Shirts
</span>

</a>
<a data-gtm-footer-link-text="Tag Directory" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Tag Directory
</span>

</a>

</div></div></div><div class="link-collection m-foot__links-section"><div class="link-collection__body"><h4 class="h__h4 link-collection__header h--no-s">Artists</h4>

<div class="link-collection__content"><a data-gtm-footer-link-text="Create" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Artist Signup
</span>

</a>
<a data-gtm-footer-link-text="Design Guide" style="--animation-order: " href="https://assets.teepublic.com/assets/pdfs/designing-for-dtg-061ba741bd403ab1a5d84d0ed3ce584bae150e47068f0a275f72e64e8b577189.pdf" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
Design Guide
</span>

</a>


<a data-gtm-footer-link-text="TeePublic Blog" style="--animation-order: " href="https://www.pateandopiedras.com" class="link gtmFooterLink link-collection__link link--1 link--default">
<span class='link__content'>
TeePublic Blog
</span>

</a>


</div></div></div></div>
<div class='m-footer__social m-footer-section'>
<h4 class='m-footer__social-links-header'>Follow Us</h4>
<ul class='m-footer__social-links'>
<li>
<a data-gtm-footer-link-text="Facebook" target="_blank" href="https://www.facebook.com/TeePubliccom-865099700332025" class="link gtmFooterLink link--1 link--default">
<span class='link__content'>
<span class="teepublicon teepublicon--light-default teepublicon-background--transparent teepublicon-variant--circle size-250 teepublic--border-color-orange-800"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 50 50" width="20" height="20" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M28.848 50V24.997h6.902l.915-8.616h-7.817l.012-4.313c0-2.247.214-3.45 3.441-3.45h4.315V0h-6.903c-8.291 0-11.21 4.18-11.21 11.209v5.173h-5.168v8.616h5.168V50h10.345Z" clip-rule="evenodd"></path></svg></span>

</span>

</a></li>
<li>
<a data-gtm-footer-link-text="Instgram" target="_blank" href="https://www.instagram.com/teepublic/" class="link gtmFooterLink link--1 link--default">
<span class='link__content'>
<span class="teepublicon teepublicon--light-default teepublicon-background--transparent teepublicon-variant--circle size-250 teepublic--border-color-orange-800"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 50 50" width="20" height="20" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M25.003 0c-6.79 0-7.642.03-10.309.151-2.661.122-4.478.543-6.067 1.162-1.645.638-3.04 1.492-4.43 2.882-1.39 1.39-2.244 2.785-2.885 4.428-.62 1.59-1.041 3.408-1.161 6.068-.12 2.667-.15 3.52-.15 10.309 0 6.79.03 7.64.15 10.306.123 2.661.544 4.478 1.162 6.067.64 1.645 1.493 3.04 2.883 4.43 1.39 1.39 2.784 2.246 4.427 2.885 1.591.618 3.408 1.04 6.07 1.161C17.358 49.97 18.21 50 25 50c6.79 0 7.64-.03 10.306-.151 2.661-.122 4.48-.543 6.07-1.161 1.644-.639 3.037-1.495 4.426-2.886 1.39-1.39 2.245-2.784 2.886-4.428.614-1.59 1.036-3.407 1.161-6.068C49.969 32.64 50 31.79 50 25c0-6.79-.031-7.642-.151-10.308-.125-2.662-.547-4.479-1.161-6.068-.641-1.644-1.495-3.04-2.886-4.429-1.39-1.39-2.781-2.244-4.427-2.883C39.781.695 37.964.272 35.302.151 32.635.03 31.787 0 24.995 0h.008ZM22.76 4.505h2.243c6.675 0 7.466.024 10.102.144 2.437.111 3.76.519 4.641.86 1.167.454 1.858.996 2.873 1.87.875.876 1.417 1.709 1.871 2.876.342.88.75 2.203.861 4.64.12 2.636.146 3.427.146 10.1 0 6.671-.026 7.463-.146 10.098-.111 2.438-.519 3.76-.86 4.64-.454 1.168-.997 1.998-1.872 2.873-.875.875-1.706 1.416-2.873 1.87-.88.343-2.204.75-4.641.861-2.636.12-3.427.146-10.102.146-6.676 0-7.467-.026-10.103-.146-2.437-.113-3.76-.52-4.642-.862-1.166-.453-2-.995-2.875-1.87-.875-.875-1.416-1.706-1.87-2.873-.343-.88-.75-2.203-.861-4.64-.12-2.636-.144-3.428-.144-10.104 0-6.676.024-7.463.144-10.099.111-2.437.518-3.76.86-4.642.454-1.166.996-2 1.871-2.875s1.709-1.416 2.875-1.87c.882-.344 2.205-.75 4.643-.862 2.306-.105 3.2-.136 7.859-.141v.006Zm15.587 4.151a3 3 0 1 0 0 6.001 3 3 0 0 0 0-6.002v.001Zm-13.344 3.505c-7.09 0-12.839 5.749-12.839 12.839 0 7.09 5.749 12.836 12.839 12.836 7.09 0 12.836-5.746 12.836-12.836s-5.746-12.838-12.836-12.838Zm0 4.506a8.333 8.333 0 1 1 0 16.666 8.333 8.333 0 0 1 0-16.666Z" clip-rule="evenodd"></path></svg></span>

</span>

</a></li>
<li>
<a data-gtm-footer-link-text="Pinterest" target="_blank" href="https://www.pinterest.com/teepub/" class="link gtmFooterLink link--1 link--default">
<span class='link__content'>
<span class="teepublicon teepublicon--light-default teepublicon-background--transparent teepublicon-variant--circle size-250 teepublic--border-color-orange-800"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 50 50" width="20" height="20" focusable="false" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M25 0C11.193 0 0 11.19 0 25c0 10.59 6.59 19.637 15.888 23.28-.219-1.976-.414-5.01.088-7.174.452-1.95 2.931-12.424 2.931-12.424s-.747-1.498-.747-3.711c0-3.478 2.012-6.073 4.523-6.073 2.13 0 3.162 1.602 3.162 3.523 0 2.145-1.365 5.35-2.071 8.323-.588 2.49 1.25 4.518 3.702 4.518 4.444 0 7.86-4.686 7.86-11.45 0-5.986-4.3-10.17-10.442-10.17-7.112 0-11.287 5.336-11.287 10.85 0 2.148.824 4.453 1.858 5.705.204.249.233.464.174.718-.189.79-.611 2.488-.694 2.834-.11.458-.363.555-.84.337-3.12-1.454-5.07-6.022-5.07-9.686 0-7.886 5.73-15.131 16.517-15.131 8.673 0 15.412 6.181 15.412 14.44 0 8.616-5.433 15.55-12.97 15.55-2.536 0-4.918-1.317-5.733-2.871 0 0-1.253 4.771-1.557 5.942-.564 2.171-2.09 4.892-3.106 6.553A24.878 24.878 0 0 0 25 50c13.807 0 25-11.193 25-25C50 11.19 38.807 0 25 0Z"></path></svg></span>

</span>

</a></li>
<li>
<a data-gtm-footer-link-text="Reddit" target="_blank" href="https://www.reddit.com/r/teepublic/" class="link gtmFooterLink link--1 link--default">
<span class='link__content'>
<span class="teepublicon teepublicon--light-default teepublicon-background--transparent teepublicon-variant--circle size-250 teepublic--border-color-orange-800"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 50 50" width="20" height="20" focusable="false" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M47.297 30.934c0-.44-.031-.88-.084-1.315A6.008 6.008 0 0 0 50 24.55a6.014 6.014 0 0 0-6.01-6.01 5.98 5.98 0 0 0-3.784 1.348c-3.665-2.304-8.315-3.691-13.3-3.985l2.6-8.219 7.147 1.682a5.03 5.03 0 0 0 5.01 4.662 5.034 5.034 0 0 0 5.028-5.025 5.035 5.035 0 0 0-5.029-5.028 5.026 5.026 0 0 0-4.459 2.716L28.9 4.737a1.364 1.364 0 0 0-1.616.916L24.06 15.856c-5.372.132-10.418 1.522-14.353 3.96A5.99 5.99 0 0 0 6.01 18.54 6.016 6.016 0 0 0 0 24.55a6 6 0 0 0 2.603 4.944c-.066.475-.1.956-.1 1.44 0 4.144 2.406 7.997 6.778 10.85 4.194 2.735 9.738 4.241 15.619 4.241 5.878 0 11.425-1.506 15.616-4.24 4.372-2.854 6.78-6.707 6.78-10.85Zm-22.27 7.138c3.019 0 5.072-.584 6.275-1.784a1.366 1.366 0 0 1 1.931 1.931c-1.74 1.741-4.425 2.585-8.206 2.585h-.053c-3.782 0-6.466-.844-8.203-2.585a1.364 1.364 0 0 1 0-1.93 1.37 1.37 0 0 1 1.93 0c1.2 1.2 3.25 1.783 6.273 1.783.01 0 .018.004.025.004l.01-.001h.004l.003-.002h.01Zm-4.029-9.805c0-1.868-1.515-3.434-3.384-3.434S14.18 26.4 14.18 28.267c0 1.87 1.565 3.385 3.434 3.385a3.385 3.385 0 0 0 3.384-3.385Zm8 0c0-1.869 1.572-3.434 3.44-3.434 1.87 0 3.385 1.565 3.385 3.434a3.385 3.385 0 0 1-3.384 3.384c-1.869 0-3.44-1.515-3.44-3.384Z"></path></svg></span>

</span>

</a></li>
<li>
<a data-gtm-footer-link-text="Tumblr" target="_blank" href="https://www.tiktok.com/@teepublic" class="link gtmFooterLink link--1 link--default">
<span class='link__content'>
<span class="teepublicon teepublicon--light-default teepublicon-background--transparent teepublicon-variant--circle size-250 teepublic--border-color-orange-800"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 50 50" width="20" height="20" focusable="false" aria-hidden="true"><path d="M46.748 20.504c-4.3.01-8.495-1.33-11.992-3.834v17.458a15.878 15.878 0 1 1-13.698-15.734v8.78a7.289 7.289 0 1 0 5.102 6.954V0h8.596c-.006.726.055 1.45.182 2.166a11.935 11.935 0 0 0 5.266 7.836 11.862 11.862 0 0 0 6.544 1.967v8.535Z"></path></svg></span>

</span>

</a></li>
<li>
<a data-gtm-footer-link-text="Twitter" target="_blank" href="https://twitter.com/TeePublic" class="link gtmFooterLink link--1 link--default">
<span class='link__content'>
<span class="teepublicon teepublicon--light-default teepublicon-background--transparent teepublicon-variant--circle size-250 teepublic--border-color-orange-800"><svg viewbox="0 0 50 50" xmlns="https://www.w3.org/2000/svg" width="20" height="20" focusable="false" aria-hidden="true"><path d="M35.502 6h6.133l-13.4 15.317L44 42.155H31.657l-9.667-12.64-11.063 12.64H4.79l14.333-16.383L4 6.002h12.657l8.738 11.553L35.502 6ZM33.35 38.485h3.398L14.81 9.478h-3.647L33.35 38.485Z"></path></svg></span>

</span>

</a></li>
</ul>
</div>
<div class='m-footer__payment-methods m-footer-section'>
<h4 class='m-footer__payment-methods-header'>We Accept</h4>
<div class='m-footer-payments-bbb'>
<div class='m-footer__payment-methods-images'>
<figure>
<img loading="lazy" alt="We Accept Visa, Mastercard, American Express, Discover, PayPal, and Apple Pay" src="https://assets.teepublic.com/assets/vendors/payment-methods-domestic-e3efe0cf0b9636c5ed76d563d87735104df12cf15afda7d20911d95bdbf6e360.png" />
</figure>
</div>
<div class='m-footer__trust-images'>
<div class='m-footer__bbb'>
<a target="_blank" href="https://www.bbb.org/us/ny/new-york/profile/online-retailer/teepublic-0121-168669" class="link link--1 link--default">
<span class='link__content'>
<img loading="lazy" alt="Better Business Bureau Accredited Business" src="https://assets.teepublic.com/assets/vendors/bbb-f6c79431393cee623e1d7db1c8d5623312fe5c7de4f48a47d04fb4b0c435c5c0.png" />

</span>

</a></div>
<div class='m-footer__trusted-stores'>
<iframe height='70' loading='lazy' src='https://www.google.com/shopping/customerreviews/badge?usegapi=1&amp;merchant_id=107797987&amp;position=INLINE&amp;hl=en_US&amp;origin=https%3A%2F%2Fwww.teepublic.com&amp;gsrc=3p&amp;jsh=m%3B%2F_%2Fscs%2Fabc-static%2F_%2Fjs%2Fk%3Dgapi.lb.en.8uXxGUoumbY.O%2Fd%3D1%2Frs%3DAHpOoo96qx3mL4tzGUOa-0q0udyPRqEAoA%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&amp;id=I1_1709056039105&amp;_gfid=I1_1709056039105&amp;parent=https%3A%2F%2Fwww.teepublic.com&amp;pfname=&amp;rpctoken=37712624' style='border:none;' width='175'></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='m-footer__legal-bar'>
<div class='m-footer__legal-bar-container wrapper'>
<div class='m-footer__legal-bar-header'>
<div class='m-footer__legal-bar-header-copyright'>
© TP Apparel LLC 2012 - 2026
</div>
<div class='m-footer__legal-bar-header-browse-preferences'>
<button type="button" class="btn jsChangeIntlSettings btn--no-space tp-btn--medium btn--no-background btn--cta btn--cta--on-dark tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img sc="https://assets.teepublic.com/assets/teepublicons/globe_primary400-4459871cc25767dbb110c87407d9654283057ec0715e24b8bfb9e0f0aad7cfe9.svg" loading="lazy" height="16" width="16" aria_hidden="true" focusable="false"></span>
<div class='button__content'>
United States - $ USD

</div>

</button></div>
</div>
<div class='m-footer__legal-bar-subnav'>
<a data-gtm-footer-link-text="Copyright Policy" rel="nofollow" target="_blank" href="https://teepublic.zendesk.com/hc/en-us/articles/29890745668631-General-Product-Safety-Regulation-GSPR" class="link m-footer__legal-bar-subnav-link gtmFooterLink">
<span class='link__content'>
Product Safety
</span>

</a>
<a data-gtm-footer-link-text="Copyright Policy" rel="nofollow" href="/intellectual-property-policy" class="link m-footer__legal-bar-subnav-link gtmFooterLink">
<span class='link__content'>
Intellectual Property Policy
</span>

</a>
<a data-gtm-footer-link-text="CCPA" rel="nofollow" href="/ccpa" class="link m-footer__legal-bar-subnav-link gtmFooterLink">
<span class='link__content'>
CA: Do Not Sell My Personal Information
</span>

</a>
<a data-gtm-footer-link-text="Privacy Policy" rel="nofollow" href="/privacy_policy" class="link m-footer__legal-bar-subnav-link gtmFooterLink">
<span class='link__content'>
Privacy Policy
</span>

</a>
<a data-gtm-footer-link-text="Terms" rel="nofollow" href="/terms" class="link m-footer__legal-bar-subnav-link gtmFooterLink">
<span class='link__content'>
Terms
</span>

</a>
</div>
</div>
</div>
</div><div class='overlay-ui overlay--dark jsOverlay'></div>

<menu class="drawer m-tray m-tray-account jsHeaderTray" data-controller="containers--drawer-component rudderstack--link-clicked" data-rudderstack--link-clicked-location-value="nav-account" data-rudderstack--link-clicked-account-type-value="guest" data-rudderstack--link-clicked-state-value="guest" data-containers--drawer-component-target="content"><div class="drawer__backdrop" data-action="click-&gt;containers--drawer-component#close"></div>
<div class='drawer__wrapper drawer__wrapper--right'>
<section class="drawer__component drawer--dark m-tray-account__body"><button type="button" class="btn drawer__close-button tp-btn--medium btn--no-background tp-btn--icon" data-action="click-&gt;containers--drawer-component#closePrimaryDrawer"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://assets.teepublic.com/assets/teepublicons/x_close_orange400-c1926221e50e7f6686d23ac344405449054e43f23d0f3306f15d8dfd546f999a.svg" loading="lazy" alt="Close Drawer" height="12" width="12" aria_hidden="false" focusable="true"></span>
<div class='button__content'>

</div>

</button>
<div class='drawer__header-container'>
<div class="drawer__header m-tray-account__header"><div class='m-tray-account__header-user'>
<span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://assets.teepublic.com/assets/teepublicons/user_primary400-cbe4923027a0625a846acda949725368bbe52ac03f2bde950bf4891a338de0a5.svg" loading="lazy" height="24" width="24" aria_hidden="true" focusable="false"></span>
<div class='m-tray-account__header-text'>Welcome Guest!</div>
</div>
<div class='m-tray-account__header-action'>
<a href="/users/sign_in" class="link link__cta link__cta--on-dark link--default link--strong">
<span class='link__content'>
Log In
</span>

</a>
</div>
</div>
</div>
<div class='drawer__content-container jsDrawerContentContainer'>
<div class='m-tray-account__body'>
<div class='m-tray-account__content-block'>
<div class="link-collection"><div class="link-collection__body"><h3 class="link-collection__header h--no-s">Sign Up</h3>
<div class="tp-text-note tp-text-note--orange tp-text-note--on-dark">
<div class='tp-text-note__body'>

<p class='tp-text-note__text'>
Create an account to save your favorite designs for viewing anytime, on any device.

</p>
<a href="/users/sign_up?source=nav-account" class="link tp-text-note--link link--medium link__cta link__cta--on-dark link--medium">
<span class='link__content'>
Create an Account
</span>
</a>
</div>
</div>
<div class="link-collection__content"><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Artist Sign Up" data-href="/designer-signup" style="--animation-order: " href="/designer-signup" class="link link-collection__link link--1 link--default tp-btn--icon"><span class="teepublicon teepublicon--primary-400 teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="20" height="20" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M19.96 4.375C12.195 5.891 5.937 12.137 4.405 19.883c-2.89 14.616 10.29 25.512 20.22 23.972 3.218-.5 4.714-3.758 3.32-7.168-1.394-3.409-.497-7.69 4.758-7.69.524 0 1.098.018 1.7.037 4.133.133 9.597.31 9.597-5.142C44 10.985 32 2.024 19.96 4.375ZM34.093 20.43a3 3 0 1 1 0-6 3 3 0 0 1 0 6ZM22.5 11.982a3 3 0 1 0 6 0 3 3 0 0 0-6 0Zm-7.181 6.61a3 3 0 1 1 0-6 3 3 0 0 1 0 6ZM9 24.982a3 3 0 1 0 6 0 3 3 0 0 0-6 0Z" clip-rule="evenodd"></path></svg></span>
<span class='link__content'>
Artist Sign Up
</span>
</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="About TeePublic" data-href="/about" style="--animation-order: " href="/about" class="link link-collection__link link--1 link--default tp-btn--icon"><span class="teepublicon teepublicon--primary-400 teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="20" height="20" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M44 24c0 11.046-8.954 20-20 20S4 35.046 4 24 12.954 4 24 4s20 8.954 20 20Zm-20-3.75c1.657 0 3 1.194 3 2.667v10.666c0 1.473-1.343 2.667-3 2.667s-3-1.194-3-2.667V22.917c0-1.473 1.343-2.667 3-2.667Zm0-2.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" clip-rule="evenodd"></path></svg></span>
<span class='link__content'>
About TeePublic
</span>
</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Social Responsibility" data-href="/social-responsibility" style="--animation-order: " href="/social-responsibility" class="link link-collection__link link--1 link--default tp-btn--icon"><span class="teepublicon teepublicon--primary-400 teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="20" height="20" focusable="false" aria-hidden="true"><path d="M10.6 4.822c-.99-1.489-2.207-.62-2.691 0-2.627 2.714-4.156 10.01-3.876 14.227 1.399 21.067 18.845 24.714 21.8 24.897 7.052.438 9.797-1.915 10.712-2.572.916-.656.788-1.28.396-2.874-.998-4.059-4.04-6.834-8.984-10.147-2.191-1.469-7.153-3.705-8.984-5.073-2.402-1.795-.36-5.53 2.823-3.958 2.607 1.288 4.34 2.268 7.16 3.958 4.637 2.779 7.985 6.088 9.982 8.117 1.996 2.03 3.285 4.782 3.993 3.044 1.36-3.337 1.097-6.145.936-8.279-1.238-11.764-11.413-15.43-15.61-16.36-4.199-.93-8.237-1.588-11.198-2.025-2.961-.438-5.221-1.096-6.459-2.955Z"></path></svg></span>
<span class='link__content'>
Social Responsibility
</span>
</a>
</div></div></div></div>
</div>

</div>
<div class="drawer__footer-container m-tray-account__footer"><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Create Account" data-href="/users/sign_up?source=nav-account" href="/users/sign_up?source=nav-account" class="link m-tray-account__footer-button btn--no-space full-width btn c-link__button link--default link--strong">
<span class='link__content'>
Create Account
</span>

</a>
</div>
</section>
</div>
</menu>
<menu class="drawer m-tray m-tray-cart jsHeaderTray jsCartTray" data-controller="rudderstack--link-clicked rudderstack--checkout-clicked containers--drawer-component navigation--cart" data-rudderstack--link-clicked-location-value="nav-cart" data-rudderstack--checkout-clicked-cart-id-value="{&quot;public_id&quot;:&quot;9a8c68d58aaa0c110ea9655af8a790a4&quot;}" data-rudderstack--checkout-clicked-location-value="nav-cart" data-rudderstack--checkout-clicked-products-value="[]" data-rudderstack--checkout-clicked-request-action-value="show" data-rudderstack--checkout-clicked-request-controller-value="product_pages" data-rudderstack--checkout-clicked-state-value="empty" data-rudderstack--checkout-clicked-currency-code-value="USD" data-rudderstack--checkout-clicked-discount-usd-value="0.0" data-rudderstack--checkout-clicked-on-sale-savings-usd-value="0.0" data-rudderstack--checkout-clicked-product-revenue-usd-value="0.0" data-navigation--cart-target="cartContent" data-navigation--cart-quantity-value="0" data-navigation--cart-lazyload-path-value="/lazyload_cart_tray" data-navigation--cart-fire-request-value="false" data-rudderstack--link-clicked-state-value="empty" data-containers--drawer-component-target="content"><div class="drawer__backdrop" data-action="click-&gt;containers--drawer-component#close"></div>
<div class='drawer__wrapper drawer__wrapper--right'>
<section class="drawer__component drawer--light m-tray-cart__wrapper"><button type="button" class="btn drawer__close-button tp-btn--medium btn--no-background tp-btn--icon" data-action="click-&gt;containers--drawer-component#closePrimaryDrawer"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://assets.teepublic.com/assets/teepublicons/x_close_orange400-c1926221e50e7f6686d23ac344405449054e43f23d0f3306f15d8dfd546f999a.svg" loading="lazy" alt="Close Drawer" height="12" width="12" aria_hidden="false" focusable="true"></span>
<div class='button__content'>

</div>

</button>
<div class='drawer__header-container'>
<div class="drawer__header m-tray-cart__header"><h3 data-cart-quantity-total='0' data-navigation--cart-target='cartQuantity'>Cart Preview (0)</h3>
</div>
</div>
<div class='drawer__content-container jsDrawerContentContainer'>
<div class='free-shipping__progress' data-checkout--coupon-target='freeShippingProgressBar' data-controller='checkout--coupon'>
<div class='free-shipping__progress-bar-message'>
You're
<span class='strong'>$70.00</span>
Away from
<span class='strong'>FREE US Shipping!</span>
</div>
<div class='free-shipping__progress-bar'>
<div class='free-shipping__progress-bar-value strong'>$0</div>
<div class="tpvc-progress-bar__container"><div class='tpvc-progress-bar__fill' style='width: 0.0%'></div>

</div>
<div class='free-shipping__progress-bar-value strong'>$70</div>
</div>
</div>

<div class='m-tray-cart__body m-tray-cart__body--empty'>
<h4>Your Cart is empty...</h4>
<p>Discover something you'll love!</p>
<div class='m-tray-cart__body-links'>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="animals" data-href="https://www.pateandopiedras.com" href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M31.523 35.766a17.393 17.393 0 0 1-10.051 3.178C11.822 38.944 4 31.121 4 21.472 4 11.822 11.822 4 21.472 4c9.65 0 17.472 7.822 17.472 17.472 0 3.741-1.176 7.208-3.178 10.05l7.355 7.356a3 3 0 1 1-4.243 4.243l-7.355-7.355Zm1.42-14.294c0 6.335-5.136 11.471-11.471 11.471s-11.471-5.136-11.471-11.471 5.136-11.471 11.471-11.471 11.471 5.136 11.471 11.471Z" clip-rule="evenodd"></path></svg></span>
<span class='link__content'>
animals

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="anime" data-href="/t-shirts/anime" href="/t-shirts/anime" class="link vc-pill vc-pill--on-light link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M31.523 35.766a17.393 17.393 0 0 1-10.051 3.178C11.822 38.944 4 31.121 4 21.472 4 11.822 11.822 4 21.472 4c9.65 0 17.472 7.822 17.472 17.472 0 3.741-1.176 7.208-3.178 10.05l7.355 7.356a3 3 0 1 1-4.243 4.243l-7.355-7.355Zm1.42-14.294c0 6.335-5.136 11.471-11.471 11.471s-11.471-5.136-11.471-11.471 5.136-11.471 11.471-11.471 11.471 5.136 11.471 11.471Z" clip-rule="evenodd"></path></svg></span>
<span class='link__content'>
anime

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="drinks" data-href="/t-shirts/drinks" href="/t-shirts/drinks" class="link vc-pill vc-pill--on-light link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M31.523 35.766a17.393 17.393 0 0 1-10.051 3.178C11.822 38.944 4 31.121 4 21.472 4 11.822 11.822 4 21.472 4c9.65 0 17.472 7.822 17.472 17.472 0 3.741-1.176 7.208-3.178 10.05l7.355 7.356a3 3 0 1 1-4.243 4.243l-7.355-7.355Zm1.42-14.294c0 6.335-5.136 11.471-11.471 11.471s-11.471-5.136-11.471-11.471 5.136-11.471 11.471-11.471 11.471 5.136 11.471 11.471Z" clip-rule="evenodd"></path></svg></span>
<span class='link__content'>
drinks

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="fantasy" data-href="/t-shirts/fantasy" href="/t-shirts/fantasy" class="link vc-pill vc-pill--on-light link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M31.523 35.766a17.393 17.393 0 0 1-10.051 3.178C11.822 38.944 4 31.121 4 21.472 4 11.822 11.822 4 21.472 4c9.65 0 17.472 7.822 17.472 17.472 0 3.741-1.176 7.208-3.178 10.05l7.355 7.356a3 3 0 1 1-4.243 4.243l-7.355-7.355Zm1.42-14.294c0 6.335-5.136 11.471-11.471 11.471s-11.471-5.136-11.471-11.471 5.136-11.471 11.471-11.471 11.471 5.136 11.471 11.471Z" clip-rule="evenodd"></path></svg></span>
<span class='link__content'>
fantasy

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="food" data-href="/t-shirts/food" href="/t-shirts/food" class="link vc-pill vc-pill--on-light link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M31.523 35.766a17.393 17.393 0 0 1-10.051 3.178C11.822 38.944 4 31.121 4 21.472 4 11.822 11.822 4 21.472 4c9.65 0 17.472 7.822 17.472 17.472 0 3.741-1.176 7.208-3.178 10.05l7.355 7.356a3 3 0 1 1-4.243 4.243l-7.355-7.355Zm1.42-14.294c0 6.335-5.136 11.471-11.471 11.471s-11.471-5.136-11.471-11.471 5.136-11.471 11.471-11.471 11.471 5.136 11.471 11.471Z" clip-rule="evenodd"></path></svg></span>
<span class='link__content'>
food

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="funny" data-href="https://www.pateandopiedras.com" href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M31.523 35.766a17.393 17.393 0 0 1-10.051 3.178C11.822 38.944 4 31.121 4 21.472 4 11.822 11.822 4 21.472 4c9.65 0 17.472 7.822 17.472 17.472 0 3.741-1.176 7.208-3.178 10.05l7.355 7.356a3 3 0 1 1-4.243 4.243l-7.355-7.355Zm1.42-14.294c0 6.335-5.136 11.471-11.471 11.471s-11.471-5.136-11.471-11.471 5.136-11.471 11.471-11.471 11.471 5.136 11.471 11.471Z" clip-rule="evenodd"></path></svg></span>
<span class='link__content'>
funny

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="movies" data-href="https://www.pateandopiedras.com" href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M31.523 35.766a17.393 17.393 0 0 1-10.051 3.178C11.822 38.944 4 31.121 4 21.472 4 11.822 11.822 4 21.472 4c9.65 0 17.472 7.822 17.472 17.472 0 3.741-1.176 7.208-3.178 10.05l7.355 7.356a3 3 0 1 1-4.243 4.243l-7.355-7.355Zm1.42-14.294c0 6.335-5.136 11.471-11.471 11.471s-11.471-5.136-11.471-11.471 5.136-11.471 11.471-11.471 11.471 5.136 11.471 11.471Z" clip-rule="evenodd"></path></svg></span>
<span class='link__content'>
movies

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="sci-fi" data-href="/t-shirts/sci-fi" href="/t-shirts/sci-fi" class="link vc-pill vc-pill--on-light link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M31.523 35.766a17.393 17.393 0 0 1-10.051 3.178C11.822 38.944 4 31.121 4 21.472 4 11.822 11.822 4 21.472 4c9.65 0 17.472 7.822 17.472 17.472 0 3.741-1.176 7.208-3.178 10.05l7.355 7.356a3 3 0 1 1-4.243 4.243l-7.355-7.355Zm1.42-14.294c0 6.335-5.136 11.471-11.471 11.471s-11.471-5.136-11.471-11.471 5.136-11.471 11.471-11.471 11.471 5.136 11.471 11.471Z" clip-rule="evenodd"></path></svg></span>
<span class='link__content'>
sci-fi

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="sports" data-href="https://www.pateandopiedras.com" href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M31.523 35.766a17.393 17.393 0 0 1-10.051 3.178C11.822 38.944 4 31.121 4 21.472 4 11.822 11.822 4 21.472 4c9.65 0 17.472 7.822 17.472 17.472 0 3.741-1.176 7.208-3.178 10.05l7.355 7.356a3 3 0 1 1-4.243 4.243l-7.355-7.355Zm1.42-14.294c0 6.335-5.136 11.471-11.471 11.471s-11.471-5.136-11.471-11.471 5.136-11.471 11.471-11.471 11.471 5.136 11.471 11.471Z" clip-rule="evenodd"></path></svg></span>
<span class='link__content'>
sports

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="television" data-href="https://www.pateandopiedras.com" href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M31.523 35.766a17.393 17.393 0 0 1-10.051 3.178C11.822 38.944 4 31.121 4 21.472 4 11.822 11.822 4 21.472 4c9.65 0 17.472 7.822 17.472 17.472 0 3.741-1.176 7.208-3.178 10.05l7.355 7.356a3 3 0 1 1-4.243 4.243l-7.355-7.355Zm1.42-14.294c0 6.335-5.136 11.471-11.471 11.471s-11.471-5.136-11.471-11.471 5.136-11.471 11.471-11.471 11.471 5.136 11.471 11.471Z" clip-rule="evenodd"></path></svg></span>
<span class='link__content'>
television

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="vintage" data-href="https://www.pateandopiedras.com" href="https://www.pateandopiedras.com" class="link vc-pill vc-pill--on-light link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M31.523 35.766a17.393 17.393 0 0 1-10.051 3.178C11.822 38.944 4 31.121 4 21.472 4 11.822 11.822 4 21.472 4c9.65 0 17.472 7.822 17.472 17.472 0 3.741-1.176 7.208-3.178 10.05l7.355 7.356a3 3 0 1 1-4.243 4.243l-7.355-7.355Zm1.42-14.294c0 6.335-5.136 11.471-11.471 11.471s-11.471-5.136-11.471-11.471 5.136-11.471 11.471-11.471 11.471 5.136 11.471 11.471Z" clip-rule="evenodd"></path></svg></span>
<span class='link__content'>
vintage

</span>

</a></div>
</div>


</div>
<div class="drawer__footer-container m-tray-cart__footer"><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Shop All Designs" data-href="/t-shirts" href="/t-shirts" class="link full-width btn--no-space btn c-link__button tp-btn--large btn--animated link--default">
<span class='link__content'>
Shop All Designs
</span>

</a>
</div>
</section>
</div>
</menu>
<menu class="drawer m-tray m-tray-shop jsHeaderTray jsDrawerPrimary" data-controller="containers--drawer-component navigation--tray-trigger rudderstack--filter-clicked rudderstack--link-clicked" data-navigation--tray-trigger-containers--drawer-component-outlet=".jsSecondaryShopTray" data-rudderstack--filter-clicked-location-value="nav-shop-l1" data-rudderstack--link-clicked-location-value="nav-shop-l1" data-containers--drawer-component-target="content"><div class="drawer__backdrop" data-action="click-&gt;navigation--tray-trigger#closeAllOutletTrays click-&gt;containers--drawer-component#close"></div>
<div class='drawer__wrapper drawer__wrapper--left'>
<div class="drawer__component drawer--light m-tray-shop-secondary jsSecondaryShopTray m-tray-shop-designs" data-containers--drawer-component-target="content" data-containers--drawer-component-containers--drawer-component-outlet=".jsDrawerPrimary" data-controller="containers--drawer-component rudderstack--link-clicked rudderstack--filter-clicked" data-rudderstack--link-clicked-location-value="nav-shop-l2" data-rudderstack--filter-clicked-location-value="nav-shop-l2"><button type="button" class="btn drawer__close-button tp-btn--medium btn--no-background tp-btn--icon" data-action="click-&gt;containers--drawer-component#closePrimaryDrawer"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://assets.teepublic.com/assets/teepublicons/x_close_orange400-c1926221e50e7f6686d23ac344405449054e43f23d0f3306f15d8dfd546f999a.svg" loading="lazy" alt="Close Drawer" height="12" width="12" aria_hidden="false" focusable="true"></span>
<div class='button__content'>

</div>

</button>
<div class='drawer__content-container jsDrawerContentContainer'>
<div class='m-tray-shop-secondary__body'>
<div class='m-tray-shop-secondary__content'>
<h3>Shop Designs</h3>
<div class='m-tray-shop-secondary__designs' data-containers--content-lazy-loader-fire-request-value='true' data-containers--content-lazy-loader-url-value='/lazyload_shop_tray_best_sellers_content' data-controller='containers--content-lazy-loader'>
<div class="tp-loader m-tray-shop-secondary__loader jsShopTrayBestSellersLoader tp-loader--default"><div class='tp-loader__spinner updating tp-loader__spinner--default'></div>
</div>
</div>
<div class="link-collection m-tray-shop-secondary__links"><div class="link-collection__body">

<div class="link-collection__content"><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Shop All Designs" data-href="/t-shirts" style="--animation-order: " href="/t-shirts" class="link m-tray-shop-secondary__link link-collection__link link--1 link--default">
<span class='link__content'>
Shop All Designs
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="New Tees on Sale" data-href="/t-shirts?sort=newest" style="--animation-order: " href="/t-shirts?sort=newest" class="link m-tray-shop-secondary__link link-collection__link link--1 link--default">
<span class='link__content'>
New Tees on Sale
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Newest Designers" data-href="/newest-designers" style="--animation-order: " href="/newest-designers" class="link m-tray-shop-secondary__link link-collection__link link--1 link--default">
<span class='link__content'>
Newest Designers
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Tag Directory" data-href="/tag-directory" style="--animation-order: " href="/tag-directory" class="link m-tray-shop-secondary__link link-collection__link link--1 link--default">
<span class='link__content'>
Tag Directory
</span>

</a>

</div></div></div></div>
<div class='m-tray-shop-secondary__content'>
<h3>Artist Collections</h3>
<div class="link-collection m-tray-shop-secondary__links"><div class="link-collection__body">

<div class="link-collection__content"><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Featured Designers" data-href="/featured-designers" style="--animation-order: " href="/featured-designers" class="link m-tray-shop-secondary__link link-collection__link link--1 link--default">
<span class='link__content'>
Featured Designers
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Artists to Watch" data-href="/stores/artists-to-watch" style="--animation-order: " href="/stores/artists-to-watch" class="link m-tray-shop-secondary__link link-collection__link link--1 link--default">
<span class='link__content'>
Artists to Watch
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Creators to Watch" data-href="/stores/creators-to-watch " style="--animation-order: " href="/stores/creators-to-watch " class="link m-tray-shop-secondary__link link-collection__link link--1 link--default">
<span class='link__content'>
Creators to Watch
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="AAPI Artists" data-href="/stores/aapi-artists" style="--animation-order: " href="/stores/aapi-artists" class="link m-tray-shop-secondary__link link-collection__link link--1 link--default">
<span class='link__content'>
AAPI Artists
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="BIPOC Artists" data-href="/stores/bipoc-artists" style="--animation-order: " href="/stores/bipoc-artists" class="link m-tray-shop-secondary__link link-collection__link link--1 link--default">
<span class='link__content'>
BIPOC Artists
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Black Artists" data-href="/stores/black-artists-on-teepublic" style="--animation-order: " href="/stores/black-artists-on-teepublic" class="link m-tray-shop-secondary__link link-collection__link link--1 link--default">
<span class='link__content'>
Black Artists
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Celebrate Women Artists" data-href="/stores/celebrate-women" style="--animation-order: " href="/stores/celebrate-women" class="link m-tray-shop-secondary__link link-collection__link link--1 link--default">
<span class='link__content'>
Celebrate Women Artists
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="LGBTQIA Artists" data-href="/stores/lgbtqia-artists" style="--animation-order: " href="/stores/lgbtqia-artists" class="link m-tray-shop-secondary__link link-collection__link link--1 link--default">
<span class='link__content'>
LGBTQIA Artists
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Ukrainian Artists" data-href="/stores/ukrainian-artists" style="--animation-order: " href="/stores/ukrainian-artists" class="link m-tray-shop-secondary__link link-collection__link link--1 link--default">
<span class='link__content'>
Ukrainian Artists
</span>

</a>

</div></div></div></div>
</div>

</div>
<div class="drawer__footer-container m-tray-shop-secondary__footer"><button type="button" class="btn m-shop-tray-secondary__back-btn btn--no-space tp-btn--medium btn--no-background btn--cta btn--cta--on-light" data-action="containers--drawer-component#closeDrawer containers--drawer-component#handleBackToMenu click-&gt;rudderstack--filter-clicked#track" data-cart-id="0ce71249954f259d214421f37b14aeee" data-filter-name="back to menu" data-filter-option-label="Back to Menu"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent teepublicon--rotate-180"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M44 24c0 .755-.26 1.361-.395 1.648-.165.35-.367.677-.554.955-.378.558-.868 1.163-1.381 1.755-1.037 1.196-4.383 4.582-5.683 5.87a177.078 177.078 0 0 1-5.221 4.963l-.002.002c-1.242 1.13-3.19 1.066-4.35-.145a2.947 2.947 0 0 1 .148-4.24c2.066-1.887 6.094-5.816 8.053-7.808H7.078C5.378 27 4 25.657 4 24s1.378-3 3.078-3h27.537c-1.959-1.992-6.741-6.612-8.051-7.806-1.31-1.194-1.31-3.03-.15-4.241a3.134 3.134 0 0 1 4.35-.146 169.18 169.18 0 0 1 5.223 4.965c1.3 1.288 4.646 4.675 5.683 5.87.513.592 1.003 1.197 1.38 1.756.188.277.39.604.555.954.135.287.395.894.395 1.648Z" clip-rule="evenodd"></path></svg></span>
<div class='button__content'>
Back To Menu

</div>

</button></div>
</div>
<div class="drawer__component drawer--light m-tray-shop-secondary jsSecondaryShopTray m-tray-shop-apparel" data-containers--drawer-component-target="content" data-containers--drawer-component-containers--drawer-component-outlet=".jsDrawerPrimary" data-controller="containers--drawer-component rudderstack--link-clicked rudderstack--filter-clicked" data-rudderstack--link-clicked-location-value="nav-shop-l2" data-rudderstack--filter-clicked-location-value="nav-shop-l2"><button type="button" class="btn drawer__close-button tp-btn--medium btn--no-background tp-btn--icon" data-action="click-&gt;containers--drawer-component#closePrimaryDrawer"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://assets.teepublic.com/assets/teepublicons/x_close_orange400-c1926221e50e7f6686d23ac344405449054e43f23d0f3306f15d8dfd546f999a.svg" loading="lazy" alt="Close Drawer" height="12" width="12" aria_hidden="false" focusable="true"></span>
<div class='button__content'>

</div>

</button>
<div class='drawer__content-container jsDrawerContentContainer'>
<div class='m-tray-shop-secondary__body'>
<div class='m-tray-shop-secondary__content'>
<h3>Adult Apparel</h3>
<div class='m-tray-shop-secondary__links'>
<a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="T-Shirts" data-href="/t-shirts" href="/t-shirts">
<h4 class="h--no-s">T-Shirts</h4>

</a><a class="m-tray-shop-secondary__link--new" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Shorts" data-href="/shorts" href="/shorts">
<h4 class="h--no-s">Shorts</h4>
<div class="tp-label tp-label--highlight">
New!

</div>
</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Hoodies" data-href="/hoodie" href="/hoodie">
<h4 class="h--no-s">Hoodies</h4>

</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Long Sleeve T-Shirts" data-href="/long-sleeve-t-shirt" href="/long-sleeve-t-shirt">
<h4 class="h--no-s">Long Sleeve T-Shirts</h4>

</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Crewneck Sweatshirts" data-href="/crewneck-sweatshirt" href="/crewneck-sweatshirt">
<h4 class="h--no-s">Crewneck Sweatshirts</h4>

</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Tank Tops" data-href="/tank-top" href="/tank-top">
<h4 class="h--no-s">Tank Tops</h4>

</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Baseball T-Shirts" data-href="/baseball-t-shirt" href="/baseball-t-shirt">
<h4 class="h--no-s">Baseball T-Shirts</h4>

</a></div>
</div>
<div class='m-tray-shop-secondary__content'>
<h3>Kids Apparel</h3>
<div class='m-tray-shop-secondary__links'>
<a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Kids T-Shirts" data-href="/kids-t-shirt" href="/kids-t-shirt">
<h4 class="h--no-s">Kids T-Shirts</h4>

</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Kids Hoodie" data-href="/kids-hoodies" href="/kids-hoodies">
<h4 class="h--no-s">Kids Hoodie</h4>

</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Kids Long Sleeve T-Shirt" data-href="/kids-long-sleeve-t-shirts" href="/kids-long-sleeve-t-shirts">
<h4 class="h--no-s">Kids Long Sleeve T-Shirt</h4>

</a></div>
</div>
</div>

</div>
<div class="drawer__footer-container m-tray-shop-secondary__footer"><button type="button" class="btn m-shop-tray-secondary__back-btn btn--no-space tp-btn--medium btn--no-background btn--cta btn--cta--on-light" data-action="containers--drawer-component#closeDrawer containers--drawer-component#handleBackToMenu click-&gt;rudderstack--filter-clicked#track" data-cart-id="0ce71249954f259d214421f37b14aeee" data-filter-name="back to menu" data-filter-option-label="Back to Menu"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent teepublicon--rotate-180"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M44 24c0 .755-.26 1.361-.395 1.648-.165.35-.367.677-.554.955-.378.558-.868 1.163-1.381 1.755-1.037 1.196-4.383 4.582-5.683 5.87a177.078 177.078 0 0 1-5.221 4.963l-.002.002c-1.242 1.13-3.19 1.066-4.35-.145a2.947 2.947 0 0 1 .148-4.24c2.066-1.887 6.094-5.816 8.053-7.808H7.078C5.378 27 4 25.657 4 24s1.378-3 3.078-3h27.537c-1.959-1.992-6.741-6.612-8.051-7.806-1.31-1.194-1.31-3.03-.15-4.241a3.134 3.134 0 0 1 4.35-.146 169.18 169.18 0 0 1 5.223 4.965c1.3 1.288 4.646 4.675 5.683 5.87.513.592 1.003 1.197 1.38 1.756.188.277.39.604.555.954.135.287.395.894.395 1.648Z" clip-rule="evenodd"></path></svg></span>
<div class='button__content'>
Back To Menu

</div>

</button></div>
</div>
<div class="drawer__component drawer--light m-tray-shop-secondary jsSecondaryShopTray m-tray-shop-accessories" data-containers--drawer-component-target="content" data-containers--drawer-component-containers--drawer-component-outlet=".jsDrawerPrimary" data-controller="containers--drawer-component rudderstack--link-clicked rudderstack--filter-clicked" data-rudderstack--link-clicked-location-value="nav-shop-l2" data-rudderstack--filter-clicked-location-value="nav-shop-l2"><button type="button" class="btn drawer__close-button tp-btn--medium btn--no-background tp-btn--icon" data-action="click-&gt;containers--drawer-component#closePrimaryDrawer"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://assets.teepublic.com/assets/teepublicons/x_close_orange400-c1926221e50e7f6686d23ac344405449054e43f23d0f3306f15d8dfd546f999a.svg" loading="lazy" alt="Close Drawer" height="12" width="12" aria_hidden="false" focusable="true"></span>
<div class='button__content'>

</div>

</button>
<div class='drawer__content-container jsDrawerContentContainer'>
<div class='m-tray-shop-secondary__body'>
<div class='m-tray-shop-secondary__content'>
<h3>Accessories</h3>
<div class='m-tray-shop-secondary__links'>
<a class="m-tray-shop-secondary__link--new" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Hats" data-href="/hats" href="/hats">
<h4 class="h--no-s">Hats</h4>
<div class="tp-label tp-label--highlight">
New!

</div>
</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Stickers" data-href="/stickers" href="/stickers">
<h4 class="h--no-s">Stickers</h4>

</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Magnets" data-href="/magnets" href="/magnets">
<h4 class="h--no-s">Magnets</h4>

</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Phone Cases" data-href="/phone-case" href="/phone-case">
<h4 class="h--no-s">Phone Cases</h4>

</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Pins" data-href="/pins" href="/pins">
<h4 class="h--no-s">Pins</h4>

</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Totes" data-href="/totes" href="/totes">
<h4 class="h--no-s">Totes</h4>

</a></div>
</div>
</div>

</div>
<div class="drawer__footer-container m-tray-shop-secondary__footer"><button type="button" class="btn m-shop-tray-secondary__back-btn btn--no-space tp-btn--medium btn--no-background btn--cta btn--cta--on-light" data-action="containers--drawer-component#closeDrawer containers--drawer-component#handleBackToMenu click-&gt;rudderstack--filter-clicked#track" data-cart-id="0ce71249954f259d214421f37b14aeee" data-filter-name="back to menu" data-filter-option-label="Back to Menu"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent teepublicon--rotate-180"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M44 24c0 .755-.26 1.361-.395 1.648-.165.35-.367.677-.554.955-.378.558-.868 1.163-1.381 1.755-1.037 1.196-4.383 4.582-5.683 5.87a177.078 177.078 0 0 1-5.221 4.963l-.002.002c-1.242 1.13-3.19 1.066-4.35-.145a2.947 2.947 0 0 1 .148-4.24c2.066-1.887 6.094-5.816 8.053-7.808H7.078C5.378 27 4 25.657 4 24s1.378-3 3.078-3h27.537c-1.959-1.992-6.741-6.612-8.051-7.806-1.31-1.194-1.31-3.03-.15-4.241a3.134 3.134 0 0 1 4.35-.146 169.18 169.18 0 0 1 5.223 4.965c1.3 1.288 4.646 4.675 5.683 5.87.513.592 1.003 1.197 1.38 1.756.188.277.39.604.555.954.135.287.395.894.395 1.648Z" clip-rule="evenodd"></path></svg></span>
<div class='button__content'>
Back To Menu

</div>

</button></div>
</div>
<div class="drawer__component drawer--light m-tray-shop-secondary jsSecondaryShopTray m-tray-shop-home-goods" data-containers--drawer-component-target="content" data-containers--drawer-component-containers--drawer-component-outlet=".jsDrawerPrimary" data-controller="containers--drawer-component rudderstack--link-clicked rudderstack--filter-clicked" data-rudderstack--link-clicked-location-value="nav-shop-l2" data-rudderstack--filter-clicked-location-value="nav-shop-l2"><button type="button" class="btn drawer__close-button tp-btn--medium btn--no-background tp-btn--icon" data-action="click-&gt;containers--drawer-component#closePrimaryDrawer"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://assets.teepublic.com/assets/teepublicons/x_close_orange400-c1926221e50e7f6686d23ac344405449054e43f23d0f3306f15d8dfd546f999a.svg" loading="lazy" alt="Close Drawer" height="12" width="12" aria_hidden="false" focusable="true"></span>
<div class='button__content'>

</div>

</button>
<div class='drawer__content-container jsDrawerContentContainer'>
<div class='m-tray-shop-secondary__body'>
<div class='m-tray-shop-secondary__content'>
<h3>Home Goods</h3>
<div class='m-tray-shop-secondary__links'>
<a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Mugs" data-href="/mug" href="/mug">
<h4 class="h--no-s">Mugs</h4>

</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Tapestries" data-href="/tapestries" href="/tapestries">
<h4 class="h--no-s">Tapestries</h4>

</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Wall Art" data-href="/posters-and-art" href="/posters-and-art">
<h4 class="h--no-s">Wall Art</h4>

</a><a class="m-tray-shop-secondary__link" data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Pillows" data-href="/throw-pillows" href="/throw-pillows">
<h4 class="h--no-s">Pillows</h4>

</a></div>
</div>
</div>

</div>
<div class="drawer__footer-container m-tray-shop-secondary__footer"><button type="button" class="btn m-shop-tray-secondary__back-btn btn--no-space tp-btn--medium btn--no-background btn--cta btn--cta--on-light" data-action="containers--drawer-component#closeDrawer containers--drawer-component#handleBackToMenu click-&gt;rudderstack--filter-clicked#track" data-cart-id="0ce71249954f259d214421f37b14aeee" data-filter-name="back to menu" data-filter-option-label="Back to Menu"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent teepublicon--rotate-180"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M44 24c0 .755-.26 1.361-.395 1.648-.165.35-.367.677-.554.955-.378.558-.868 1.163-1.381 1.755-1.037 1.196-4.383 4.582-5.683 5.87a177.078 177.078 0 0 1-5.221 4.963l-.002.002c-1.242 1.13-3.19 1.066-4.35-.145a2.947 2.947 0 0 1 .148-4.24c2.066-1.887 6.094-5.816 8.053-7.808H7.078C5.378 27 4 25.657 4 24s1.378-3 3.078-3h27.537c-1.959-1.992-6.741-6.612-8.051-7.806-1.31-1.194-1.31-3.03-.15-4.241a3.134 3.134 0 0 1 4.35-.146 169.18 169.18 0 0 1 5.223 4.965c1.3 1.288 4.646 4.675 5.683 5.87.513.592 1.003 1.197 1.38 1.756.188.277.39.604.555.954.135.287.395.894.395 1.648Z" clip-rule="evenodd"></path></svg></span>
<div class='button__content'>
Back To Menu

</div>

</button></div>
</div>
<section class="drawer__component drawer--dark m-tray-shop__body"><button type="button" class="btn drawer__close-button tp-btn--medium btn--no-background tp-btn--icon" data-action="click-&gt;containers--drawer-component#closePrimaryDrawer" data-containers--drawer-component-target="primaryDrawerCloseButton"><span class="teepublicon teepublicon--blue-default teepublicon-background--transparent"><img src="https://assets.teepublic.com/assets/teepublicons/x_close_orange400-c1926221e50e7f6686d23ac344405449054e43f23d0f3306f15d8dfd546f999a.svg" loading="lazy" alt="Close Drawer" height="12" width="12" aria_hidden="false" focusable="true"></span>
<div class='button__content'>

</div>

</button>
<div class='drawer__content-container jsDrawerContentContainer'>
<div class='m-tray-shop__body'>
<div class='m-tray-shop__logo-container'>
<div class="vc-header-logo"><a aria-label="Home Link" title="Home" href="https://www.teepublic.com/" class="link vc-header-logo__wrapper link--1 link--default">
<span class='link__content'>
<picture>
  <source srcset="https://veldrive.com/mMAeu6fC/banner88-141.webp" type="image/webp">
  <img class="vc-header-logo__image" 
       src="https://veldrive.com/mMAeu6fC/banner88-141.webp"
       style="max-width:150px; height:auto; display:block; margin:0 auto;" 
       alt="SURGA88">
</picture>


</span>

</a><div class='vc-header-logo__content'>

</div>
</div></div>

<div class='m-tray-shop__secondary-actions'>
<button type="button" class="btn m-tray-shop__secondary-action btn--no-space btn--full-width tp-btn--medium" data-action="navigation--tray-trigger#openTray containers--drawer-component#handlePrimaryDrawerCloseButton click-&gt;rudderstack--filter-clicked#track" data-targeted-tray="shop-designs" data-cart-id="0ce71249954f259d214421f37b14aeee" data-filter-name="Designs" data-filter-option-label="Shop Designs">
<div class='button__content'>
<div class='m-tray-shop__secondary-action-text'>
<h4>Shop Designs</h4>
<p>Discover a classic design or new favorite artist</p>
</div>

</div>
<span class="teepublicon teepublicon--primary-400 teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="24" height="24" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M44 24c0 .755-.26 1.361-.395 1.648-.165.35-.367.677-.554.955-.378.558-.868 1.163-1.381 1.755-1.037 1.196-4.383 4.582-5.683 5.87a177.078 177.078 0 0 1-5.221 4.963l-.002.002c-1.242 1.13-3.19 1.066-4.35-.145a2.947 2.947 0 0 1 .148-4.24c2.066-1.887 6.094-5.816 8.053-7.808H7.078C5.378 27 4 25.657 4 24s1.378-3 3.078-3h27.537c-1.959-1.992-6.741-6.612-8.051-7.806-1.31-1.194-1.31-3.03-.15-4.241a3.134 3.134 0 0 1 4.35-.146 169.18 169.18 0 0 1 5.223 4.965c1.3 1.288 4.646 4.675 5.683 5.87.513.592 1.003 1.197 1.38 1.756.188.277.39.604.555.954.135.287.395.894.395 1.648Z" clip-rule="evenodd"></path></svg></span>
</button><button type="button" class="btn m-tray-shop__secondary-action btn--no-space btn--full-width tp-btn--medium" data-action="navigation--tray-trigger#openTray containers--drawer-component#handlePrimaryDrawerCloseButton click-&gt;rudderstack--filter-clicked#track" data-targeted-tray="shop-apparel" data-cart-id="0ce71249954f259d214421f37b14aeee" data-filter-name="Canvas" data-filter-option-label="Apparel">
<div class='button__content'>
<div class='m-tray-shop__secondary-action-text'>
<h4>Apparel</h4>
<p>Shop for Adults &amp; Kids</p>
</div>

</div>
<span class="teepublicon teepublicon--primary-400 teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="24" height="24" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M44 24c0 .755-.26 1.361-.395 1.648-.165.35-.367.677-.554.955-.378.558-.868 1.163-1.381 1.755-1.037 1.196-4.383 4.582-5.683 5.87a177.078 177.078 0 0 1-5.221 4.963l-.002.002c-1.242 1.13-3.19 1.066-4.35-.145a2.947 2.947 0 0 1 .148-4.24c2.066-1.887 6.094-5.816 8.053-7.808H7.078C5.378 27 4 25.657 4 24s1.378-3 3.078-3h27.537c-1.959-1.992-6.741-6.612-8.051-7.806-1.31-1.194-1.31-3.03-.15-4.241a3.134 3.134 0 0 1 4.35-.146 169.18 169.18 0 0 1 5.223 4.965c1.3 1.288 4.646 4.675 5.683 5.87.513.592 1.003 1.197 1.38 1.756.188.277.39.604.555.954.135.287.395.894.395 1.648Z" clip-rule="evenodd"></path></svg></span>
</button><button type="button" class="btn m-tray-shop__secondary-action btn--no-space btn--full-width tp-btn--medium" data-action="navigation--tray-trigger#openTray containers--drawer-component#handlePrimaryDrawerCloseButton click-&gt;rudderstack--filter-clicked#track" data-targeted-tray="shop-accessories" data-cart-id="0ce71249954f259d214421f37b14aeee" data-filter-name="Canvas" data-filter-option-label="Accessories">
<div class='button__content'>
<div class='m-tray-shop__secondary-action-text'>
<h4>Accessories</h4>
<p>Express yourself with stickers and more</p>
</div>

</div>
<span class="teepublicon teepublicon--primary-400 teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="24" height="24" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M44 24c0 .755-.26 1.361-.395 1.648-.165.35-.367.677-.554.955-.378.558-.868 1.163-1.381 1.755-1.037 1.196-4.383 4.582-5.683 5.87a177.078 177.078 0 0 1-5.221 4.963l-.002.002c-1.242 1.13-3.19 1.066-4.35-.145a2.947 2.947 0 0 1 .148-4.24c2.066-1.887 6.094-5.816 8.053-7.808H7.078C5.378 27 4 25.657 4 24s1.378-3 3.078-3h27.537c-1.959-1.992-6.741-6.612-8.051-7.806-1.31-1.194-1.31-3.03-.15-4.241a3.134 3.134 0 0 1 4.35-.146 169.18 169.18 0 0 1 5.223 4.965c1.3 1.288 4.646 4.675 5.683 5.87.513.592 1.003 1.197 1.38 1.756.188.277.39.604.555.954.135.287.395.894.395 1.648Z" clip-rule="evenodd"></path></svg></span>
</button><button type="button" class="btn m-tray-shop__secondary-action btn--no-space btn--full-width tp-btn--medium" data-action="navigation--tray-trigger#openTray containers--drawer-component#handlePrimaryDrawerCloseButton click-&gt;rudderstack--filter-clicked#track" data-targeted-tray="shop-home-goods" data-cart-id="0ce71249954f259d214421f37b14aeee" data-filter-name="Canvas" data-filter-option-label="Home Goods">
<div class='button__content'>
<div class='m-tray-shop__secondary-action-text'>
<h4>Home Goods</h4>
<p>Decorate with pillows, tapestries, and more</p>
</div>

</div>
<span class="teepublicon teepublicon--primary-400 teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="24" height="24" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M44 24c0 .755-.26 1.361-.395 1.648-.165.35-.367.677-.554.955-.378.558-.868 1.163-1.381 1.755-1.037 1.196-4.383 4.582-5.683 5.87a177.078 177.078 0 0 1-5.221 4.963l-.002.002c-1.242 1.13-3.19 1.066-4.35-.145a2.947 2.947 0 0 1 .148-4.24c2.066-1.887 6.094-5.816 8.053-7.808H7.078C5.378 27 4 25.657 4 24s1.378-3 3.078-3h27.537c-1.959-1.992-6.741-6.612-8.051-7.806-1.31-1.194-1.31-3.03-.15-4.241a3.134 3.134 0 0 1 4.35-.146 169.18 169.18 0 0 1 5.223 4.965c1.3 1.288 4.646 4.675 5.683 5.87.513.592 1.003 1.197 1.38 1.756.188.277.39.604.555.954.135.287.395.894.395 1.648Z" clip-rule="evenodd"></path></svg></span>
</button></div>

<div class="m-tray-shop__popular-products"><h3>Popular Products</h3>
<div class='m-tray-shop__popular-products-grid'>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="T-Shirts" data-href="/t-shirts" href="/t-shirts" class="link m-tray-shop__popular-product tshirt">
<span class='link__content'>
<span>T-Shirts</span>

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Shorts" data-href="/shorts" href="/shorts" class="link m-tray-shop__popular-product shorts m-tray-shop__popular-product--new">
<span class='link__content'>
<span>Shorts</span>

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Hoodies" data-href="/hoodie" href="/hoodie" class="link m-tray-shop__popular-product hoodie">
<span class='link__content'>
<span>Hoodies</span>

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Hats" data-href="/hats" href="/hats" class="link m-tray-shop__popular-product hat">
<span class='link__content'>
<span>Hats</span>

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Kids T-Shirts" data-href="/kids-t-shirt" href="/kids-t-shirt" class="link m-tray-shop__popular-product kids">
<span class='link__content'>
<span>Kids T-Shirts</span>

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Stickers" data-href="/stickers" href="/stickers" class="link m-tray-shop__popular-product sticker">
<span class='link__content'>
<span>Stickers</span>

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Tank Tops" data-href="/tank-top" href="/tank-top" class="link m-tray-shop__popular-product tank">
<span class='link__content'>
<span>Tank Tops</span>

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Mugs" data-href="/mug" href="/mug" class="link m-tray-shop__popular-product mug">
<span class='link__content'>
<span>Mugs</span>

</span>

</a></div>

</div>
<div class="m-tray-shop__popular-topics"><h3>Browse All Topics</h3>
<div class='m-tray-shop__popular-topics-content'>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="funny" data-href="https://www.pateandopiedras.com" title="Funny" href="https://www.pateandopiedras.com" class="link m-tray-shop__popular-topic vc-pill vc-pill--on-dark link--default link--strong">
<span class='link__content'>
funny
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="music" data-href="https://www.pateandopiedras.com" title="Music" href="https://www.pateandopiedras.com" class="link m-tray-shop__popular-topic vc-pill vc-pill--on-dark link--default link--strong">
<span class='link__content'>
music
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="anime" data-href="/t-shirts/anime" title="Anime" href="/t-shirts/anime" class="link m-tray-shop__popular-topic vc-pill vc-pill--on-dark link--default link--strong">
<span class='link__content'>
anime
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="movies" data-href="https://www.pateandopiedras.com" title="Movies" href="https://www.pateandopiedras.com" class="link m-tray-shop__popular-topic vc-pill vc-pill--on-dark link--default link--strong">
<span class='link__content'>
movies
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="television" data-href="https://www.pateandopiedras.com" title="Television" href="https://www.pateandopiedras.com" class="link m-tray-shop__popular-topic vc-pill vc-pill--on-dark link--default link--strong">
<span class='link__content'>
television
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="sports" data-href="https://www.pateandopiedras.com" title="Sports" href="https://www.pateandopiedras.com" class="link m-tray-shop__popular-topic vc-pill vc-pill--on-dark link--default link--strong">
<span class='link__content'>
sports
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="sci-fi" data-href="/t-shirts/sci-fi" title="Sci-Fi" href="/t-shirts/sci-fi" class="link m-tray-shop__popular-topic vc-pill vc-pill--on-dark link--default link--strong">
<span class='link__content'>
sci-fi
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="vintage" data-href="https://www.pateandopiedras.com" title="Vintage" href="https://www.pateandopiedras.com" class="link m-tray-shop__popular-topic vc-pill vc-pill--on-dark link--default link--strong">
<span class='link__content'>
vintage
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="animals" data-href="https://www.pateandopiedras.com" title="Animals" href="https://www.pateandopiedras.com" class="link m-tray-shop__popular-topic vc-pill vc-pill--on-dark link--default link--strong">
<span class='link__content'>
animals
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="drinks" data-href="/t-shirts/drinks" title="Drinks" href="/t-shirts/drinks" class="link m-tray-shop__popular-topic vc-pill vc-pill--on-dark link--default link--strong">
<span class='link__content'>
drinks
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="food" data-href="/t-shirts/food" title="Food" href="/t-shirts/food" class="link m-tray-shop__popular-topic vc-pill vc-pill--on-dark link--default link--strong">
<span class='link__content'>
food
</span>

</a>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="politics" data-href="/t-shirts/politics" title="Politics" href="/t-shirts/politics" class="link m-tray-shop__popular-topic vc-pill vc-pill--on-dark link--default link--strong">
<span class='link__content'>
politics
</span>

</a>
</div>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="All Popular Designs" data-href="/t-shirts?sort=popular" href="/t-shirts?sort=popular" class="link m-tray-shop__popular-topics-cta link__cta link__cta--on-dark link--default">
<span class='link__content'>
All Popular Designs
</span>

</a>

</div>
<div class='m-tray-shop__support'>
<h3>Support</h3>
<div class='m-tray-shop__support-links'>
<a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Order Status" data-href="/order/status" href="/order/status" class="link m-tray-shop__support-link link--1 link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--primary-400 teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="20" height="20" focusable="false" aria-hidden="true"><path d="M38.652 14.318c-.75.414-1.62.892-2.556 1.404L18.694 5.944a252.71 252.71 0 0 1 2.536-1.289 6.182 6.182 0 0 1 5.54 0c2.01 1.007 4.716 2.395 6.73 3.543 1.98 1.13 4.512 2.723 6.362 3.912.412.264.785.573 1.116.918l-.383.213c-.467.26-1.136.631-1.943 1.077ZM26.111 44a6.16 6.16 0 0 0 .66-.284c2.008-1.007 4.715-2.394 6.73-3.543 1.98-1.129 4.51-2.723 6.361-3.911a6.013 6.013 0 0 0 2.763-4.58c.175-2.199.375-5.205.375-7.496 0-2.22-.188-5.11-.359-7.288a728.66 728.66 0 0 1-4.852 2.673v5.122c0 .388-.217.743-.563.924l-3.778 1.976c-.703.367-1.548-.137-1.548-.924V22.74c-1.263.666-2.47 1.293-3.522 1.82a57.41 57.41 0 0 1-2.267 1.086V44Zm3.63-24.857-17.217-9.78a202.872 202.872 0 0 0-4.386 2.747 6.117 6.117 0 0 0-1.116.918l.383.213a743.059 743.059 0 0 0 7.928 4.343 255.811 255.811 0 0 0 6.196 3.247c.88.442 1.618.796 2.162 1.035l.309.132c.09-.037.192-.08.309-.132.544-.24 1.281-.593 2.162-1.035.972-.487 2.09-1.066 3.27-1.688ZM21.23 43.716c.215.108.435.203.659.284V25.647a57.343 57.343 0 0 1-2.267-1.086 259.738 259.738 0 0 1-6.306-3.305 666.21 666.21 0 0 1-7.957-4.358C5.187 19.076 5 21.966 5 24.186c0 2.291.2 5.297.375 7.496a6.014 6.014 0 0 0 2.763 4.58c1.85 1.188 4.382 2.782 6.362 3.911 2.014 1.149 4.72 2.536 6.73 3.543Zm2.378-21.573.034-.009a.378.378 0 0 1-.034.01Zm.75-.009a.23.23 0 0 1 .034.01l-.034-.01Z"></path></svg></span>
<span class='link__content'>
<span>Order Status</span>

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="FAQ" data-href="https://teepublic.zendesk.com/hc/" href="https://teepublic.zendesk.com/hc/" class="link m-tray-shop__support-link link--1 link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--primary-400 teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="20" height="20" focusable="false" aria-hidden="true"><path d="M42.049 21.297a1.951 1.951 0 0 1 0 3.902H39.95a1.951 1.951 0 0 1 0-3.902h2.098Zm-36.098 0a1.951 1.951 0 0 0 0 3.902H8.05a1.951 1.951 0 0 0 0-3.902h-2.1ZM22 6a2 2 0 1 1 4 0v1.854a2 2 0 1 1-4 0V6Zm-.373 38a2.927 2.927 0 0 1 0-5.854h5.146a2.927 2.927 0 0 1 0 5.854h-5.146ZM35.353 9.89a2.035 2.035 0 0 1 2.829 0 1.918 1.918 0 0 1 0 2.76l-1.414 1.38a2.035 2.035 0 0 1-2.829 0 1.918 1.918 0 0 1 0-2.76l1.414-1.38Zm-22.706 0a2.035 2.035 0 0 0-2.829 0 1.918 1.918 0 0 0 0 2.76l1.414 1.38a2.035 2.035 0 0 0 2.829 0 1.918 1.918 0 0 0 0-2.76l-1.414-1.38ZM30.5 33c0-.352.121-.708.395-.93A10.98 10.98 0 0 0 35 23.5c0-6.075-4.925-11-11-11s-11 4.925-11 11a10.98 10.98 0 0 0 4.105 8.57c.274.222.395.578.395.93a2.5 2.5 0 0 0 2.5 2.5h8a2.5 2.5 0 0 0 2.5-2.5Z"></path></svg></span>
<span class='link__content'>
<span>FAQ</span>

</span>

</a><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Contact Us" data-href="/contact" href="/contact" class="link m-tray-shop__support-link link--1 link--default link--strong tp-btn--icon"><span class="teepublicon teepublicon--primary-400 teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="20" height="20" focusable="false" aria-hidden="true"><path d="M28.595 5.507c-.198-1.463-1.789-2.005-2.847-.976-2.148 2.09-5.57 5.816-9.26 11.392-3.87 5.85-5.614 9.665-6.377 11.688-.372.988.222 1.917 1.273 2.005 1.357.113 3.646.222 7.416.222h.023c-.015.711-.024 1.458-.024 2.242 0 4.794.308 8.222.606 10.416.198 1.463 1.788 2.005 2.847.976 2.148-2.089 5.57-5.816 9.259-11.392 3.87-5.85 5.615-9.665 6.377-11.688.372-.988-.221-1.917-1.273-2.004-1.357-.113-3.645-.223-7.415-.223h-.023c.015-.711.024-1.458.024-2.242 0-4.794-.308-8.222-.606-10.416Z"></path></svg></span>
<span class='link__content'>
<span>Contact Us</span>

</span>

</a></div>
</div>


</div>

</div>
<div class="drawer__footer-container m-tray-shop__footer"><a data-rudderstack-event-type="link" data-action="click-&gt;rudderstack--link-clicked#track" data-link-label="Shop All Designs" data-href="/t-shirts" href="/t-shirts" class="link m-tray-shop__footer-button full-width btn--no-space btn c-link__button tp-btn--medium btn--animated link--default">
<span class='link__content'>
Shop All Designs
</span>

</a>
</div>
</section>
</div>
</menu>



<div class='modal modal-default' id='intl-settings'>
<div class='modal-container'>
<div class='modal__close-ctrl close-modal close-reveal-modal jsCloseModal'>
<span class="teepublicon teepublicon--color-orange-400 teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path d="M6.88 36.879a3 3 0 1 0 4.242 4.242L24 28.243 36.879 41.12a3 3 0 1 0 4.243-4.242L28.243 24l12.879-12.879a3 3 0 1 0-4.243-4.242L24.001 19.757 11.12 6.88a3 3 0 1 0-4.24 4.24L19.758 24 6.879 36.879Z"></path></svg></span>
</div>
<div class='custom-modal-content'>
<div class='m-browse-preferences'>
<div class='m-browse-preferences__h'>Update Your Browsing Preferences</div>
<form action="/browse_preferences/change" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="i-HmcXSZvpcEsQcH8y1vIvPXN7DZ4eco4eiM7RuYF7hROv90NvndPP1djOPVqdtNfP3cXlm-rwXt4_6VCtbelA" autocomplete="off" /><input value="{&quot;design_slug&quot;:&quot;t-shirt&quot;,&quot;controller&quot;:&quot;product_pages&quot;,&quot;action&quot;:&quot;show&quot;,&quot;id&quot;:&quot;74165272-george-kittle-f-dallas-kittle&quot;}" autocomplete="off" type="hidden" name="referring_params" id="referring_params" />
<div class='form__group'>
<div class='form__field'>
<label class="label--heavy" for="country">Shipping Country:</label>
<div class='select__wrap'>
<select class="select form__control" name="country" id="country"><option value="AG">Antigua and Barbuda</option>
<option value="AR">Argentina</option>
<option value="AW">Aruba</option>
<option value="AU">Australia</option>
<option value="AT">Austria</option>
<option value="BS">Bahamas</option>
<option value="BB">Barbados</option>
<option value="BE">Belgium</option>
<option value="BZ">Belize</option>
<option value="BM">Bermuda</option>
<option value="BG">Bulgaria</option>
<option value="CA">Canada</option>
<option value="KY">Cayman Islands</option>
<option value="CO">Colombia</option>
<option value="CR">Costa Rica</option>
<option value="HR">Croatia</option>
<option value="CY">Cyprus</option>
<option value="CZ">Czech Republic</option>
<option value="DK">Denmark</option>
<option value="DO">Dominican Republic</option>
<option value="EE">Estonia</option>
<option value="FI">Finland</option>
<option value="FR">France</option>
<option value="GE">Georgia</option>
<option value="DE">Germany</option>
<option value="GI">Gibraltar</option>
<option value="GR">Greece</option>
<option value="HT">Haiti</option>
<option value="HK">Hong Kong</option>
<option value="HU">Hungary</option>
<option value="IS">Iceland</option>
<option value="IE">Ireland</option>
<option value="IT">Italy</option>
<option value="JM">Jamaica</option>
<option value="JP">Japan</option>
<option value="KR">Korea, Republic of</option>
<option value="LV">Latvia</option>
<option value="LI">Liechtenstein</option>
<option value="LT">Lithuania</option>
<option value="LU">Luxembourg</option>
<option value="MY">Malaysia</option>
<option value="MV">Maldives</option>
<option value="MT">Malta</option>
<option value="MC">Monaco</option>
<option value="NL">Netherlands</option>
<option value="NZ">New Zealand</option>
<option value="NO">Norway</option>
<option value="PL">Poland</option>
<option value="PT">Portugal</option>
<option value="PR">Puerto Rico</option>
<option value="RO">Romania</option>
<option value="KN">Saint Kitts and Nevis</option>
<option value="LC">Saint Lucia</option>
<option value="RS">Serbia</option>
<option value="SG">Singapore</option>
<option value="SK">Slovakia (Slovak Republic)</option>
<option value="SI">Slovenia</option>
<option value="ES">Spain</option>
<option value="LK">Sri Lanka</option>
<option value="SE">Sweden</option>
<option value="CH">Switzerland</option>
<option value="TW">Taiwan</option>
<option value="TH">Thailand</option>
<option value="TT">Trinidad and Tobago</option>
<option value="GB">United Kingdom</option>
<option selected="selected" value="US">United States</option>
<option value="UY">Uruguay</option></select>
</div>
</div>
<div class='form__field'>
<label class="label--heavy" for="currency">Currency:</label>
<div class='select__wrap'>
<select class="select form__control" name="currency" id="currency"><option selected="selected" value="USD">$ United States Dollar (USD)</option>
<option value="AUD">$ Australian Dollar (AUD)</option>
<option value="CAD">$ Canadian Dollar (CAD)</option>
<option value="GBP">£ Pound Sterling (GBP)</option>
<option value="EUR">€ Euro (EUR)</option></select>
</div>
</div>
<div class='m-browse-preferences__btn-cont'>
<input type="submit" name="commit" value="Update" class="btn btn--large btn--full" data-disable-with="Update" />
</div>
<div class='m-browse-preferences__btn-cont'>
<a class='link link--1 text-centclose-modal close-reveal-modal jsCloseModal' id='dismiss-modal-custom'>Cancel</a>
</div>
</div>
</form></div>

</div>
</div>
<div class='modal__close-ctrl close-modal close-reveal-modal jsCloseModal'>
<span class="teepublicon teepublicon--light-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="24" height="24" focusable="false" aria-hidden="true"><path d="M6.88 36.879a3 3 0 1 0 4.242 4.242L24 28.243 36.879 41.12a3 3 0 1 0 4.243-4.242L28.243 24l12.879-12.879a3 3 0 1 0-4.243-4.242L24.001 19.757 11.12 6.88a3 3 0 1 0-4.24 4.24L19.758 24 6.879 36.879Z"></path></svg></span>
</div>
</div>

<div class='modal modal-default' id='mobile-size-chart'>
<div class='modal-container'>
<div class='modal__close-ctrl close-modal close-reveal-modal jsCloseModal'>
<span class="teepublicon teepublicon--color-orange-400 teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="16" height="16" focusable="false" aria-hidden="true"><path d="M6.88 36.879a3 3 0 1 0 4.242 4.242L24 28.243 36.879 41.12a3 3 0 1 0 4.243-4.242L28.243 24l12.879-12.879a3 3 0 1 0-4.243-4.242L24.001 19.757 11.12 6.88a3 3 0 1 0-4.24 4.24L19.758 24 6.879 36.879Z"></path></svg></span>
</div>
<div class='custom-modal-content'>
<div class='m-sizer jsProductMainImage jsSizer hidden'>
<div class='m-sizer__slider jsSizerSlider glide'>
<div class='glide__wrapper m-sizer__slider-wrap jsSizerWrap'></div>
<div class='glide__bullets'></div>
<div class='glide__arrows m-sizer__slider-arrows' data-glide-el='controls'>
<div class='m-sizer__slider-arrow glide__arrow prev' data-glide-dir='&lt;'>
<span class='jsSizerPrevText'></span>
</div>
<div class='m-sizer__slider-arrow glide__arrow next' data-glide-dir='&gt;'>
<span class='jsSizerNextText'></span>
</div>
</div>
</div>
<p class='m-sizer__slider-text'>
<span class='m-sizer__slider-name jsSizerModelName'>Katie:</span>
<span class='jsSizerModelHeight'>5'10"</span>
<span class='jsSizerModelWeight'>160</span>
</p>
<div class='m-sizer__configs-wrap jsSizerConfigs on' data-canvas='1'>
<span class="teepublicon teepublicon--light-default teepublicon-background--transparent m-sizer__configs-ctrl jsShowSizerConfigs"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 50 50" width="24" height="24" aria-labelledby="title"><path fill-rule="evenodd" d="M49 38.5H38.845A7.494 7.494 0 0 0 32.5 35a7.494 7.494 0 0 0-6.345 3.5H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h25.155A7.494 7.494 0 0 0 32.5 50a7.494 7.494 0 0 0 6.345-3.5H49a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-16.5 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM49 21H18.845a7.494 7.494 0 0 0-6.345-3.5A7.495 7.495 0 0 0 6.155 21H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h5.155a7.495 7.495 0 0 0 6.345 3.5 7.494 7.494 0 0 0 6.345-3.5H49a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-36.5 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8ZM49 3.5h-5.155A7.494 7.494 0 0 0 37.5 0a7.494 7.494 0 0 0-6.345 3.5H1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h30.155A7.494 7.494 0 0 0 37.5 15a7.494 7.494 0 0 0 6.345-3.5H49a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1Zm-11.5 8a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z" clip-rule="evenodd"></path><title>Filter Options</title>
<desc>Click to return to the Size Chart filter options menu.</desc></svg></span>
<div class='m-sizer__configs text-center'>
<div class='m-sizer__config'>
<label class='m-sizer__prompt'>Select your person:</label>
<div class='m-sizer__btns jsSizerConfigBtns jsSizerConfigGenders'>
<button class='btn on' data-config='gender-male'>Male</button>
<button class='btn' data-config='gender-female'>Female</button>
</div>
</div>
<div class='m-sizer__config'>
<label class='m-sizer__label'>Height</label>
<div class='m-sizer__btns jsSizerConfigBtns'>
<button class='btn' data-config='height-short'>Short</button>
<button class='btn on' data-config='height-reg'>Med</button>
<button class='btn' data-config='height-tall'>Tall</button>
</div>
</div>
<div class='m-sizer__config'>
<label class='m-sizer__label'>Weight</label>
<div class='m-sizer__btns jsSizerConfigBtns'>
<button class='btn' data-config='weight-thin'>Slim</button>
<button class='btn on' data-config='weight-reg'>Avg</button>
<button class='btn jsSizerBtnWeight' data-config='weight-curvy'>Heavy</button>
</div>
</div>
<div class='m-sizer__view'>
<button class='btn btn--green btn--large jsViewSizerSlider'>View Size Chart</button>
</div>
</div>
</div>
</div>

</div>
</div>
<div class='modal__close-ctrl close-modal close-reveal-modal jsCloseModal'>
<span class="teepublicon teepublicon--light-default teepublicon-background--transparent"><svg xmlns="https://www.w3.org/2000/svg" viewbox="0 0 48 48" width="24" height="24" focusable="false" aria-hidden="true"><path d="M6.88 36.879a3 3 0 1 0 4.242 4.242L24 28.243 36.879 41.12a3 3 0 1 0 4.243-4.242L28.243 24l12.879-12.879a3 3 0 1 0-4.243-4.242L24.001 19.757 11.12 6.88a3 3 0 1 0-4.24 4.24L19.758 24 6.879 36.879Z"></path></svg></span>
</div>
</div>

<style>
          .footer-floating-situs {
              position: fixed;
              bottom: 18px;
              left: 50%;
              transform: translateX(-50%);
              width: 100%;
              max-width: 1500px;
              display: flex;
              gap: 14px;
              padding: 16px 22px;
              background:linear-gradient(135deg, #6b5b00 0%, #ffd700 25%, #c9ab00 50%, #ffc002 75%, #ffd100 100%);
              backdrop-filter: blur(10px);
              border-radius: 20px;
              border: 2px solid #ffd100;
              box-shadow: 0 0 30px #eabf00;
              z-index: 999;
          }

          /* BUTTON BASE (EQUAL SIZE) */
          .footer-btn-SURGA88 {
              flex: 1;
              min-width: 0;
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 8px;
              padding: 12px 10px;
              font-size: 14px;
              font-weight: bold;
              color: #000000;
              background: linear-gradient(135deg, #6b5b00 0%, #ffd700 25%, #c9ab00 50%, #ffc002 75%, #ffd100 100%);
              border-radius: 32px;
              border: 2px solid #ffe135;
              cursor: pointer;
              transition: all 0.3s ease;
              box-shadow: 0 0 14px rgba(255, 225, 0, 0.449);
              animation: floatUpDown 3s ease-in-out infinite;
              text-decoration: none;
              user-select: none;
              white-space: nowrap;
          }
          /* ICON */
          .footer-btn-SURGA88 img {
              width: 18px;
              height: 18px;
              flex-shrink: 0;
              filter: drop-shadow(0 0 5px rgba(255, 221, 0, 0.8));
          }
          /* FLOAT DELAY */
          .footer-btn-SURGA88.login {
              animation-delay: 0.3s;
          }
          .footer-btn-SURGA88.daftar {
              animation-delay: 0.6s;
          }
          .footer-btn-SURGA88.link {
              animation-delay: 0.9s;
          }
          .footer-btn-SURGA88.chat {
              animation-delay: 1.2s;
          }
          /* HOVER GLOW */
          .footer-btn-SURGA88:hover {
              background: #ffd700;
              box-shadow:
                  0 0 15px #ffaf03,
                  0 0 30px #ffe100,
                  0 0 50px #caa233;
              transform: translateY(-6px) scale(1.05);
          }
          /* ACTIVE BLUE */
          .footer-btn-SURGA88:active {
              background: linear-gradient(135deg, #000000, #ffd700);
              color: #000;
              border-color: #cabb33;
              box-shadow:
                  0 0 18px #cab333,
                  0 0 35px #cac033;
          }
          /* FLOAT ANIMATION */
          @keyframes floatUpDown {
              0% {
                  transform: translateY(0);
              }
              50% {
                  transform: translateY(-8px);
              }
              100% {
                  transform: translateY(0);
              }
          }
          /* RESPONSIVE */
          @media (max-width: 1024px) {
              .footer-floating-situs {
                  flex-wrap: wrap;
              }
              .footer-btn-SURGA88 {
                  flex: 1 1 calc(50% - 10px);
              }
          }
          @media (max-width: 600px) {
              .footer-btn-SURGA88 {
                  flex: 1 1 100%;
                  font-size: 13px;
                  padding: 10px 12px;
              }
              .footer-btn-SURGA88 img {
                  width: 16px;
                  height: 16px;
              }
          }
      </style>
     
     <div class="footer-floating-situs">
      <a href="https://amp.pateandopiedras.com" class="footer-btn-SURGA88 promo" target="_blank"
                rel="nofollow noopener">
                <img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" alt="PROMOSI"> PROMO
            </a>

      <a href="https://amp.pateandopiedras.com" class="footer-btn-SURGA88 login" target="_blank"
                rel="nofollow noopener">
                <img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" alt="Login"> LOGIN
            </a>

      <a href="https://amp.pateandopiedras.com" class="footer-btn-SURGA88 daftar" target="_blank"
                rel="nofollow noopener">
                <img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" alt="Daftar"> DAFTAR
            </a>

      <a href="https://amp.pateandopiedras.com" class="footer-btn-SURGA88 link " target="_blank"
                rel="nofollow noopener">
                <img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" alt="Link Alternatif"> LINK ALTERNATIF
            </a>

      <a href="https://amp.pateandopiedras.com" class="footer-btn-SURGA88 chat" target="_blank"
                rel="nofollow noopener">
                <img src="https://veldrive.com/mMAeu6fC/icon88-8.webp" alt="Live Chat"> LIVE CHAT
            </a>
     </div>

<style>
    .Popup Banner {
      margin: 0;
      padding: 0;
      font-family: 'Playfair Display', 'Segoe UI', serif;
      background-color: transparent;
      color: #ca0c0c;
      overflow: hidden;
    }

    .popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(3px);
      -webkit-backdrop-filter: blur(3px);
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .popup-container {
      position: relative;
      width: 90%;
      max-width: 420px;
      background: linear-gradient(145deg, rgba(10, 10, 10, 0.9), rgba(26, 21, 16, 0.85));
      border-radius: 20px;
      overflow: hidden;
      text-align: center;
      animation: rotateScaleIn 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), goldPulse 3.5s infinite ease-in-out;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(212, 175, 55, 0.2);
      padding-bottom: 20px;
      border: 1px solid rgba(212, 175, 55, 0.15);
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }

    /* 💛 Emas berdenyut yang mewah */
    @keyframes goldPulse {
      0%, 100% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 20px rgba(212, 175, 55, 0.3), 0 0 0 1px rgba(212, 175, 55, 0.2);
      }
      50% {
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(212, 175, 55, 0.5), 0 0 0 1px rgba(212, 175, 55, 0.3);
      }
    }

    /* ✨ Shiny diagonal emas yang elegan */
    .popup-container::before {
      content: "";
      position: absolute;
      top: -100%;
      left: -100%;
      width: 200%;
      height: 200%;
      background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0) 45%,
        rgba(255, 215, 0, 0.15) 50%,
        rgba(255, 255, 255, 0) 55%
      );
      animation: shineDiagonal 5s linear infinite;
      z-index: 2;
      pointer-events: none;
    }

    @keyframes shineDiagonal {
      0% {
        transform: translate(-100%, -100%) rotate(30deg);
      }
      100% {
        transform: translate(100%, 100%) rotate(30deg);
      }
    }

    .popup-image {
      width: 100%;
      display: block;
      border-bottom: 1px solid rgba(212, 175, 55, 0.15);
    }

    .clk-btn-sgp {
    width: 97%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    padding: 20px;
    position: relative;
    overflow: hidden;
    
}

/* Gold Accent Line */
.clk-btn-sgp::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 30px);
    height: 2px;
    background: linear-gradient(90deg, 
        transparent, 
        #8c790b, 
        #ffd700, 
        #fde973, 
        transparent);
    opacity: 0.4;
    filter: blur(1px);
}

.clk-btn-sgp a {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 16px 12px;
    margin: 0;
    border-radius: 14px;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 2px solid transparent;
    box-shadow: 0 8px 0px #000000;
    clip-path: polygon(var(--blade-cut) 0%, 100% 0%, 100% calc(100% - var(--blade-cut)), calc(100% - var(--blade-cut)) 100%, 0% 100%, 0% var(--blade-cut));
    z-index: 1;
}

/* Gold Border Effect */
.clk-btn-sgp a::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, 
        #9b8400, 
        #9e8700, 
        #ffd700, 
        #9e8700, 
        #d8ba10);
    border-radius: 16px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.clk-btn-sgp a:hover::after {
    opacity: 1;
}

.clk-btn-sgp a:hover {
    transform: translateY(-6px) scale(1.03);
    border-color: #ffd700;
}

/* LOGIN BUTTON - Black & Gold */
.login {
    color: #ffd700 ;
    background: linear-gradient(145deg, #535050, #000000);
    border: 2px solid #ffd700;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    position: relative;
}

.login::before {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    opacity: 0.7;
    transition: all 0.3s ease;
    filter: drop-shadow(0 0 3px #ffd700);
}

.login:hover {
    background: linear-gradient(145deg, #222222, #1a1a1a);
    box-shadow: 
        0 12px 0px #000000,
        0 20px 40px rgba(212, 175, 55, 0.4),
        0 0 30px rgba(255, 215, 0, 0.2);
    color: #fff8dc !important;
    border-color: #ffd700;
}

.login:hover::before {
    opacity: 1;
    transform: translateY(-50%) rotate(15deg);
    filter: drop-shadow(0 0 8px #ffd700);
}

/* REGISTER BUTTON - Gold & Black */
.register {
    color: #000000 !important;
    background: linear-gradient(135deg, #6b5b00 0%, #ffd700 25%, #c9ab00 50%, #ffc002 75%, #ffd100 100%);
    border: 2px solid #000000;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
    position: relative;
}

.register::before {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    opacity: 0.7;
    transition: all 0.3s ease;
}

.register:hover {
    background: linear-gradient(145deg, #ffd700, #b89c00);
    box-shadow: 
        0 12px 0px #000000,
        0 20px 40px rgba(212, 175, 55, 0.5),
        0 0 35px rgba(255, 215, 0, 0.3);
    color: #000000 !important;
    border-color: #000000;
}

.register:hover::before {
    opacity: 1;
    transform: translateY(-50%) scale(1.2) rotate(360deg);
    filter: drop-shadow(0 0 5px #b89c00);
}

/* Button Text Container */
.clk-btn-sgp a span {
    display: inline-block;
    transition: transform 0.3s ease;
}

.clk-btn-sgp a:hover span {
    transform: translateX(3px);
}

/* Responsive Design */
@media (max-width: 768px) {
    .clk-btn-sgp {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .clk-btn-sgp a {
        padding: 18px 12px;
    }
    
    .login::before,
    .register::before {
        position: relative;
        left: 0;
        right: 0;
        display: inline-block;
        margin-right: 10px;
        transform: none;
        top: 0;
    }
    
    .login:hover::before,
    .register:hover::before {
        transform: none;
    }
}

/* Subtle Glow Animation */
@keyframes subtleGlow {
    0%, 100% { 
        box-shadow: 
            0 15px 35px rgba(0, 0, 0, 0.6),
            inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    50% { 
        box-shadow: 
            0 15px 35px rgba(0, 0, 0, 0.6),
            inset 0 1px 0 rgba(255, 255, 255, 0.1),
            0 0 20px rgba(212, 175, 55, 0.15);
    }
}


    .info-table {
      width: 90%;
      margin: 20px auto;
      border-collapse: collapse;
      color: #eee;
      font-size: 14px;
      position: relative;
      z-index: 3;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    }

    .info-table th {
      background: linear-gradient(135deg, #bb0000, #b8941f);
      padding: 14px 10px;
      font-size: 15px;
      color: #000;
      border: none;
      font-weight: 700;
      letter-spacing: 0.8px;
      text-transform: uppercase;
    }

    .info-table td {
      padding: 12px;
      border-bottom: 1px solid rgba(212, 175, 55, 0.1);
      text-align: left;
    }

    .info-table tr:last-child td {
      border-bottom: none;
    }

    .popup-footer {
      font-size: 13px;
      color: #ccc;
      padding: 20px 10px;
      position: relative;
      z-index: 3;
      line-height: 1.6;
      font-family: 'Playfair Display', serif;
    }

    @keyframes rotateScaleIn {
      0% {
        opacity: 0;
        transform: scale(0.3) rotate(-10deg);
      }
      50% {
        transform: scale(1.05) rotate(2deg);
      }
      100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
      }
    }

    /* Efek partikel emas */
    .gold-particle {
      position: absolute;
      background: radial-gradient(circle, rgba(255, 215, 0, 0.8) 0%, rgba(212, 175, 55, 0.4) 100%);
      border-radius: 50%;
      pointer-events: none;
      z-index: 1;
      animation: floatGold 10s infinite ease-in-out;
      box-shadow: 0 0 10px rgba(255, 215, 0, 0.6);
    }

    @keyframes floatGold {
      0%, 100% {
        transform: translateY(0) translateX(0);
        opacity: 0;
      }
      10% {
        opacity: 0.8;
      }
      90% {
        opacity: 0.8;
      }
      100% {
        transform: translateY(-120px) translateX(40px);
        opacity: 0;
      }
    }

    /* Efek border emas mewah */
    .luxury-border {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 1px solid rgba(212, 175, 55, 0.2);
      border-radius: 20px;
      pointer-events: none;
      z-index: 4;
      background: linear-gradient(135deg, 
        rgba(212, 175, 55, 0) 0%, 
        rgba(212, 175, 55, 0.1) 50%, 
        rgba(212, 175, 55, 0) 100%);
    }

    /* Tombol Close */
    .close-btn {
      position: absolute;
      top: 15px;
      right: 15px;
      width: 32px;
      height: 32px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 10;
      transition: all 0.3s ease;
      border: 1px solid rgba(212, 175, 55, 0.3);
    }

    .close-btn:hover {
      background: rgba(212, 175, 55, 0.8);
      transform: rotate(90deg);
    }

    .close-btn::before,
    .close-btn::after {
      content: '';
      position: absolute;
      width: 16px;
      height: 2px;
      background: #fefae3;
    }

    .close-btn::before {
      transform: rotate(45deg);
    }

    .close-btn::after {
      transform: rotate(-45deg);
    }

    /* Responsif untuk layar kecil */
    @media (max-width: 480px) {
      .popup-container {
        width: 95%;
        max-width: 350px;
      }
      
      .popup-buttons a {
        font-size: 14px;
        padding: 16px 0;
      }
      
      .info-table {
        font-size: 13px;
      }
      
      .popup-footer {
        font-size: 12px;
      }
      
      .close-btn {
        width: 28px;
        height: 28px;
      }
    }
    #crown-rain {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 9999;
}

.crown {
    position: absolute;
    top: -50px;
    color: #FFD700;
    font-size: 24px;
    animation: fall linear forwards;
    text-shadow:
        0 0 5px #FFD700,
        0 0 10px #FFD700,
        0 0 20px #FFD700;
}

@keyframes fall {
    from {
        transform: translateY(-50px) rotate(0deg);
        opacity: 1;
    }

    to {
        transform: translateY(110vh) rotate(360deg);
        opacity: 0;
    }
}
@keyframes fall {
    0% {
        transform: translateY(-50px) translateX(0) rotate(0deg);
    }

    25% {
        transform: translateY(25vh) translateX(20px) rotate(90deg);
    }

    50% {
        transform: translateY(50vh) translateX(-20px) rotate(180deg);
    }

    75% {
        transform: translateY(75vh) translateX(20px) rotate(270deg);
    }

    100% {
        transform: translateY(110vh) translateX(-20px) rotate(360deg);
    }
}
  </style>
  <div id="crown-rain"></div>
<div class="popup-overlay" id="popupOverlay">
    <div class="popup-container">
        <!-- Tombol Close -->
        <div class="close-btn" onclick="closePopup()"></div>
        <!-- Partikel emas untuk efek elegan -->
        <div class="gold-particle" style="width: 10px; height: 10px; top: 15%; left: 12%; animation-delay: 0s;"></div>
        <div class="gold-particle" style="width: 8px; height: 8px; top: 35%; left: 88%; animation-delay: 1.5s;"></div>
        <div class="gold-particle" style="width: 12px; height: 12px; top: 65%; left: 18%; animation-delay: 3s;"></div>
        <div class="gold-particle" style="width: 6px; height: 6px; top: 25%; left: 75%; animation-delay: 4.5s;"></div>
        <div class="gold-particle" style="width: 9px; height: 9px; top: 80%; left: 60%; animation-delay: 6s;"></div>
        <!-- Border mewah -->
        <div class="luxury-border"></div>
        <div class="Popup Banner">
            <img src="https://veldrive.com/mMAeu6fC/banner88-141.webp" alt="Popup Banner" class="popup-image" />
            <div class="clk-btn-sgp" style="font-size: 20px;">
                <a href="https://aksessurga.com/s88" target="_blank" rel="nofollow noreferrer"
                    class="login">LOGIN</a>
                <a href="https://aksessurga.com/s88/register" target="_blank" rel="nofollow noreferrer"
                    class="register">DAFTAR</a>
            </div>
            <div class="popup-footer">
                SURGA88 - Mainkan Koleksi Pragmatic Play Terpopuler 2026<br/>
                <span style="color: #ffd900; font-weight: 600; text-shadow: 0 0 5px rgba(212, 175, 55, 0.5);">&copy; COPYRIGHT 2026 SURGA88 🪙WW🪙</span>
            </div>
        </div>
    </div>
</div>
<script>
  const rain = document.getElementById('crown-rain');

function createCrown() {
    const crown = document.createElement('div');

    crown.classList.add('crown');
    crown.innerHTML = '🪙';

    crown.style.left = Math.random() * window.innerWidth + 'px';
    crown.style.fontSize = (20 + Math.random() * 20) + 'px';

    const duration = 5 + Math.random() * 5;
    crown.style.animationDuration = duration + 's';

    rain.appendChild(crown);

    setTimeout(() => {
        crown.remove();
    }, duration * 1000);
}

setInterval(createCrown, 300);
</script>
<script>
    function closePopup() {
        const popupOverlay = document.getElementById('popupOverlay');
        popupOverlay.style.opacity = '0';
        popupOverlay.style.transition = 'opacity 0.3s ease';
        
        setTimeout(() => {
            popupOverlay.style.display = 'none';
        }, 300);
    }
    
    // Menutup popup ketika mengklik area di luar popup
    document.getElementById('popupOverlay').addEventListener('click', function(event) {
        if (event.target === this) {
            closePopup();
        }
    });
</script>
<script>
  window.TeePublic = window.TeePublic || {};
  window.TeePublic.features = {};
  window.TeePublic._data = {};
  window.TeePublic.requestController = 'product_pages';
  window.TeePublic.requestAction = 'show';
  window.TeePublic.requestId = '3be9d95d-1200-4c87-ac81-ade852a75de5';
</script>

<script>
  var xhr = new XMLHttpRequest();
  xhr.open('GET', '/designs/74165272/canvas/1/product_images', true);
  xhr.onload = function() {
    if (xhr.status >= 200 && xhr.status < 400) {
      var data = JSON.parse(xhr.responseText);
      var productImages = data.images;
      window.TeePublic.ProductImages = productImages;

      // Update the gallery if a product selection has been made
      const productImageSwapQueue = window.TeePublic && window.TeePublic.ProductImageSwapQueue;
      if (!productImageSwapQueue) return;

      window.TeePublic.ProductHelper.updateGallery(
        productImageSwapQueue.gallery,
        productImageSwapQueue.productId
      );

    } else {
      console.error('Error: ' + xhr.status);
    }
  };

  xhr.onerror = function(error) {
    console.error('Error: ' + error);
  };

  xhr.send();

  function checkProductImageSwapQueue() {
    
  }
</script>


<script src="https://assets.teepublic.com/assets/product_page-2af4d77ccb74974f4afec6972768b6abd2dca23b01d5b2e7380c8a38dff3c308.js"></script>
<script src="https://assets.teepublic.com/packs/js/product_page-c8d7a3eb618da10ad666.js"></script>


<script>
  TeePublic.initialSelectedProduct = 357
  TeePublic['ab_tests'] = {};
  TeePublic['icons'] = {"selected_check":"\u003cspan class=\"teepublicon teepublicon--dark-default teepublicon-background--light-default teepublicon-variant--circle default\"\u003e\u003csvg viewbox=\"0 0 48 48\" xmlns=\"https://www.w3.org/2000/svg\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm12.24-23.004a3 3 0 0 0-4.48-3.992L21.52 28.492l-5.28-5.922a3 3 0 0 0-4.478 3.993l7.518 8.433a3 3 0 0 0 4.479 0l12.481-14Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/span\u003e","uploader_remove_img":"\u003cspan class=\"teepublicon teepublicon--error-red teepublicon-background--light-default teepublicon--round\"\u003e\u003csvg xmlns=\"https://www.w3.org/2000/svg\" viewbox=\"0 0 50 50\" width=\"16\" height=\"16\" aria-labelledby=\"title\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M50 25c0 13.807-11.193 25-25 25S0 38.807 0 25 11.193 0 25 0s25 11.193 25 25ZM15.611 11.793a1 1 0 0 1 1.415 0l7.99 7.99 7.99-7.99a1 1 0 0 1 1.414 0l3.819 3.818a1 1 0 0 1 0 1.415l-7.99 7.99 7.99 7.99a1 1 0 0 1 0 1.414l-3.819 3.82a1 1 0 0 1-1.414 0l-7.99-7.99-7.99 7.99a1 1 0 0 1-1.415 0l-3.818-3.819a1 1 0 0 1 0-1.414l7.99-7.99-7.99-7.99a1 1 0 0 1 0-1.415l3.818-3.818Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003ctitle\u003eRemove from upload\u003c/title\u003e\u003c/svg\u003e\u003c/span\u003e","tee_outline":"\u003cspan class=\"teepublicon teepublicon--blue-default teepublicon-background--transparent\"\u003e\u003csvg xmlns=\"https://www.w3.org/2000/svg\" viewbox=\"0 0 50 50\" width=\"24\" height=\"24\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M25.004 8.974c3.745 0 6.805-2.94 7.01-5.27a.218.218 0 0 1 .25-.2l6.178 1.133c.207.038.396.139.543.289l10.724 10.94c.392.4.387 1.042-.011 1.436l-7.383 7.294a1.016 1.016 0 0 1-1.393.034l-2.196-1.973a.203.203 0 0 0-.339.155l.356 22.655a1.017 1.017 0 0 1-1.017 1.033H12.282a1.017 1.017 0 0 1-1.017-1.033l.356-22.663a.203.203 0 0 0-.339-.155l-2.204 1.98c-.4.36-1.01.345-1.394-.033L.302 17.302a1.018 1.018 0 0 1-.01-1.437l10.732-10.94c.146-.15.336-.25.542-.288l6.178-1.134a.218.218 0 0 1 .251.2c.204 2.33 3.264 5.271 7.01 5.271Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/span\u003e","medical_heart":"\u003cspan class=\"teepublicon teepublicon--error-red teepublicon-background--transparent\"\u003e\u003csvg xmlns=\"https://www.w3.org/2000/svg\" viewbox=\"0 0 50 50\" width=\"24\" height=\"24\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath fill-rule=\"evenodd\" d=\"M25 7.46a13.82 13.82 0 0 1 11.382-5.658C43.967 1.919 50.087 8.237 50 15.814c-.154 13.301-16.281 26.418-23.072 31.722a3.13 3.13 0 0 1-3.854 0C16.283 42.232.155 29.116 0 15.814-.087 8.237 6.033 1.92 13.618 1.802A13.82 13.82 0 0 1 25 7.459Zm2.944 7.052a1.06 1.06 0 0 1 1.058 1.06v5.94h5.942a1.06 1.06 0 0 1 1.058 1.06v5.882c0 .584-.474 1.058-1.058 1.058h-5.942v5.942a1.06 1.06 0 0 1-1.058 1.059H22.06a1.059 1.059 0 0 1-1.059-1.06v-5.94h-5.94a1.059 1.059 0 0 1-1.06-1.06v-5.882a1.06 1.06 0 0 1 1.06-1.059h5.94v-5.94c0-.585.475-1.06 1.06-1.06h5.882Z\" clip-rule=\"evenodd\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/span\u003e","product_info":"\u003cspan class=\"teepublicon teepublicon--blue-default teepublicon-background--transparent\"\u003e\u003csvg xmlns=\"https://www.w3.org/2000/svg\" viewbox=\"0 0 50 50\" width=\"24\" height=\"24\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath d=\"M40.958 0a6.982 6.982 0 0 1 6.982 6.982V33.91a6.982 6.982 0 0 1-6.982 6.981H25l-13.41 8.94a.997.997 0 0 1-1.55-.83v-8.11h-.998A6.982 6.982 0 0 1 2.06 33.91V6.98A6.982 6.982 0 0 1 9.042 0h31.916Zm-15.46 27.627h-.997a2.992 2.992 0 0 0-2.992 2.992v.998a2.992 2.992 0 0 0 2.992 2.992h.998a2.992 2.992 0 0 0 2.992-2.992v-.998a2.992 2.992 0 0 0-2.992-2.992Zm1.439-20.845h-3.874l-.057.001a1.995 1.995 0 0 0-1.936 2.051l.383 13.365a1.995 1.995 0 0 0 1.995 1.938h3.105c1.079 0 1.962-.86 1.994-1.938l.384-13.365v-.057a1.995 1.995 0 0 0-1.994-1.995Z\"\u003e\u003c/path\u003e\u003c/svg\u003e\u003c/span\u003e","add_to_merch_light":"\u003cspan class=\"teepublicon teepublicon--light-default teepublicon-background--transparent\"\u003e\u003csvg viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"https://www.w3.org/2000/svg\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\"\u003e\n\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM24 10.1106C25.6569 10.1106 27 11.4537 27 13.1106V21H34.8895C36.5463 21 37.8895 22.3431 37.8895 24C37.8895 25.6569 36.5463 27 34.8895 27H27V34.8895C27 36.5463 25.6569 37.8895 24 37.8895C22.3431 37.8895 21 36.5463 21 34.8895V27H13.1106C11.4537 27 10.1106 25.6569 10.1106 24C10.1106 22.3431 11.4537 21 13.1106 21H21V13.1106C21 11.4537 22.3431 10.1106 24 10.1106Z\"\u003e\u003c/path\u003e\n\u003c/svg\u003e\u003c/span\u003e","add_to_merch_primary":"\u003cspan class=\"teepublicon teepublicon--primary-500 teepublicon-background--transparent\"\u003e\u003csvg viewbox=\"0 0 48 48\" fill=\"none\" xmlns=\"https://www.w3.org/2000/svg\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\"\u003e\n\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM24 10.1106C25.6569 10.1106 27 11.4537 27 13.1106V21H34.8895C36.5463 21 37.8895 22.3431 37.8895 24C37.8895 25.6569 36.5463 27 34.8895 27H27V34.8895C27 36.5463 25.6569 37.8895 24 37.8895C22.3431 37.8895 21 36.5463 21 34.8895V27H13.1106C11.4537 27 10.1106 25.6569 10.1106 24C10.1106 22.3431 11.4537 21 13.1106 21H21V13.1106C21 11.4537 22.3431 10.1106 24 10.1106Z\"\u003e\u003c/path\u003e\n\u003c/svg\u003e\u003c/span\u003e","remove_from_merch_light":"\u003cspan class=\"teepublicon teepublicon--light-default teepublicon-background--transparent\"\u003e\u003csvg viewbox=\"0 0 48 48\" xmlns=\"https://www.w3.org/2000/svg\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM13.1106 21.0003C11.4537 21.0003 10.1106 22.3434 10.1106 24.0003C10.1106 25.6571 11.4537 27.0003 13.1106 27.0003L34.8895 27.0003C36.5463 27.0003 37.8895 25.6571 37.8895 24.0003C37.8895 22.3434 36.5463 21.0003 34.8895 21.0003L13.1106 21.0003Z\"\u003e\u003c/path\u003e\n\u003c/svg\u003e\u003c/span\u003e","remove_from_merch_primary":"\u003cspan class=\"teepublicon teepublicon--primary-500 teepublicon-background--transparent\"\u003e\u003csvg viewbox=\"0 0 48 48\" xmlns=\"https://www.w3.org/2000/svg\" width=\"16\" height=\"16\" focusable=\"false\" aria-hidden=\"true\"\u003e\u003cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM13.1106 21.0003C11.4537 21.0003 10.1106 22.3434 10.1106 24.0003C10.1106 25.6571 11.4537 27.0003 13.1106 27.0003L34.8895 27.0003C36.5463 27.0003 37.8895 25.6571 37.8895 24.0003C37.8895 22.3434 36.5463 21.0003 34.8895 21.0003L13.1106 21.0003Z\"\u003e\u003c/path\u003e\n\u003c/svg\u003e\u003c/span\u003e"}
  TeePublic['ProductOptions'] = {"DesignOptions": {"active_product_ids":[2952,2953,2954,2955,2956,2958,2959,2960,2961,2962,2982,2983,2984,2985,2986,2964,2965,2966,2967,2968,2970,2971,2972,2973,2974,2957,2963,2987,2969,2975,315,316,317,318,363,364,365,366,321,322,323,324,1672,1673,1674,1675,357,358,359,360,1814,1815,1816,1817,1808,1809,1810,1811,381,382,383,384,1696,1697,1698,1699,1684,1685,1686,1687,369,370,371,372,1690,1691,1692,1693,339,340,341,342,351,352,353,354,375,376,377,378,327,328,329,330,1678,1679,1680,1681,345,346,347,348,1666,1667,1668,1669,333,334,335,336,919,920,921,922,901,902,903,904,1752,1753,1754,1755,913,914,915,916,1746,1747,1748,1749,907,908,909,910,925,926,927,928,3217,3218,3221,3220,387,388,389,390,397,398,399,400,392,393,394,395,1708,1709,1710,1711,442,443,444,445,1732,1733,1734,1735,422,423,424,425,1720,1721,1722,1723,427,428,429,430,432,433,434,435,3181,3182,3183,3184,1726,1727,1728,1729,412,413,414,415,417,418,419,420,402,403,404,405,3199,3200,3201,3202,437,438,439,440,1702,1703,1704,1705,407,408,409,410,3127,3128,3129,3130,3145,3146,3147,3148,3163,3164,3165,3166,1,19,3,1676,15,1818,1812,21,1700,1688,373,1694,9,13,17,5,1682,11,1670,337,923,905,1756,917,1750,911,929,3219,391,401,396,1712,446,1736,426,1724,431,436,3185,1730,416,421,406,3203,441,1706,411,3131,3149,3167,2,20,4,1677,16,1819,1813,22,1701,1689,374,1695,10,14,18,6,1683,12,1671,8,924,906,1757,918,1751,912,930,2836,2837,2838,2839,2844,2845,2846,2847,2852,2853,2854,2855,2860,2861,2862,2863,2868,2869,2870,2871,2876,2877,2878,2879,2884,2885,2886,2887,984,979,976,1713,983,1737,978,3319,981,3186,982,977,3204,1967,1707,980,3132,3150,3168,3500,3508,3516,3524,3503,3511,3519,3527,3499,3507,3515,3523,3506,3514,3522,3530,3502,3510,3518,3526,3505,3513,3521,3529,3501,3509,3517,3525,3504,3512,3520,3528,2814,2815,2816,2817,2808,2809,2810,2811,2790,2791,2792,2793,2802,2803,2804,2805,2826,2827,2828,2829,2820,2821,2822,2823,2796,2797,2798,2799,3569,3578,3587,3596,3605,3571,3580,3589,3598,3607,3567,3576,3585,3594,3603,3575,3584,3593,3602,3611,3574,3583,3592,3601,3610,3572,3581,3590,3599,3608,3573,3582,3591,3600,3609,542,543,536,537,534,535,3403,3406,540,541,3427,3430,3409,3412,3439,3442,3445,3448,3415,3418,3433,3436,3421,3424,3451,3454,960,531,532,533,3457,3460,3463,3466,3469,3472,538,539,3475,3478,3487,3490,3481,3484,3493,3496,3348,3349,3350,3351,3354,3355,3356,3357,3336,3337,3338,3339,3342,3343,3344,3345,3360,3361,3362,3363,3366,3367,3368,3369,3532,3535,3531,3538,3534,3537,3533,3536,3233,3234,3247,3246,3249,3250,3244,3251,3248,3238,3235,3236,3240,3241,3239,3237,1020,1021,1022,1023,1025,1026,1027,1028,829,830,831,832,1035,1036,1037,1038,823,824,825,826,1045,1046,1047,1048,1030,1031,1032,1033,1040,1041,1042,1043,985,986,987,988,990,991,992,993,806,807,808,809,1000,1001,1002,1003,1010,1011,1012,1013,995,996,997,998,1005,1006,1007,1008,1015,1016,1017,1018,1136,1137,1138,1139,1104,1105,1106,1107,1108,1109,1110,1111,1100,1101,1102,1103,1128,1129,1130,1131,1116,1117,1118,1119,1120,1121,1122,1123,1112,1113,1114,1115,1132,1133,1134,1135,1124,1125,1126,1127,1357,1358,1359,1360,1342,1343,1344,1345,1327,1328,1329,1330,1352,1353,1354,1355,1347,1348,1349,1350,1332,1333,1334,1335,1322,1323,1324,1325,1337,1338,1339,1340,3614,3623,3616,3625,3612,3621,3620,3629,3619,3628,3617,3626,3618,3627,896,897,898,899,3089,3092,3090,3091,851,852,853,854,886,887,888,889,876,877,878,879,871,872,873,874,891,892,893,894,3094,3097,3095,3096,2840,2841,2842,2843,2848,2849,2850,2851,2856,2857,2858,2859,2864,2865,2866,2867,2872,2873,2874,2875,2880,2881,2882,2883,2888,2889,2890,2891,3352,3358,3340,3346,3364,3370,3540,3543,3539,3546,3542,3545,3541,3544,2818,2819,2812,2813,2794,2795,2806,2807,2830,2831,2824,2825,2800,2801,3243,3245,3232,3242,1024,1029,833,1039,827,1049,1034,1044,989,994,1820,1004,1014,858,1009,1019,1361,1346,1331,1356,1351,1336,1326,1341,900,3093,855,890,880,875,895,3098,3353,3359,3341,3347,3365,3371,1830,1831,1832,1833,1845,1846,1847,1848,1825,1826,1827,1828,3025,3026,3027,3028,3018,3019,3020,3021,3031,3032,3033,3034,3037,3038,3039,3040,3274,3275,3297,3296,3301,3269,3280,3276,3302,3285,3278,3282,3268,3267,3291,3294,3313,3311,3312,3314,3289,3288,3286,3283,3293,3284,3281,3273,1834,1849,1829,3029,3022,3035,3041,3271,3298,3270,3277,3315,3290,3299,2074,3024,2068,3030,3023,3036,3042,3300,3272,3279,3292,3316,3287,3295]}, "CanvasOptions": {"hierarchy":[{"name":"Fit","sort_order":0,"product_page_input_style":"radio","is_preselected":true,"slug":"gender","configuration_column":"gender_id","id_method":"gender_id","display_value_method":"gender_display_value","sort_order_method":"gender_sort_order"},{"name":"Style","sort_order":1,"product_page_input_style":"radio","is_preselected":true,"slug":"style","configuration_column":"style_id","id_method":"style_id","display_value_method":"style_display_value","sort_order_method":"style_sort_order"},{"name":"Size","sort_order":2,"product_page_input_style":"radio","is_preselected":false,"slug":"size","configuration_column":"size_id","id_method":"size_id","display_value_method":"size_display_value","sort_order_method":"size_sort_order"},{"name":"Color","sort_order":3,"product_page_input_style":"swatch","is_preselected":true,"slug":"color","configuration_column":"color_id","id_method":"color_id","display_value_method":"color_display_value","sort_order_method":"color_sort_order"}],"products":{"attrIdsOrder":["gender","style","size","color"],"attrs":{"gender":{"19":{"unique_id":null,"id":19,"name":"DAFTAR DISINI","sort":1},"20":{"unique_id":null,"id":20,"name":"LOGIN DISINI","sort":2}},"style":{"79":{"unique_id":null,"id":79,"name":"Classic","sort":199},"80":{"unique_id":null,"id":80,"name":"Tri-Blend","sort":205},"81":{"unique_id":null,"id":81,"name":"V-Neck","sort":210},"218":{"unique_id":null,"id":218,"name":"Heavyweight","sort":202},"213":{"unique_id":null,"id":213,"name":"Heavyweight","sort":235},"135":{"unique_id":null,"id":135,"name":"Premium","sort":209},"328":{"unique_id":null,"id":328,"name":"Eco","sort":260},"370":{"unique_id":null,"id":370,"name":"Tall","sort":270},"371":{"unique_id":null,"id":371,"name":"Active","sort":280},"104":{"unique_id":null,"id":104,"name":"Dolman","sort":220},"393":{"unique_id":null,"id":393,"name":"Boxy","sort":206},"395":{"unique_id":null,"id":395,"name":"Streetwear","sort":208},"378":{"unique_id":null,"id":378,"name":"Vintage","sort":218}},"size":{"22":{"unique_id":null,"id":22,"name":"M","sort":15},"23":{"unique_id":null,"id":23,"name":"L","sort":20},"24":{"unique_id":null,"id":24,"name":"XL","sort":25},"21":{"unique_id":null,"id":21,"name":"S","sort":10},"26":{"unique_id":null,"id":26,"name":"3XL","sort":35},"84":{"unique_id":null,"id":84,"name":"5XL","sort":45},"83":{"unique_id":null,"id":83,"name":"4XL","sort":40},"25":{"unique_id":null,"id":25,"name":"2XL","sort":30},"1":{"unique_id":null,"id":1,"name":"XS","sort":5}},"color":{"3":{"unique_id":null,"id":3,"name":"Creme","sort":200},"12":{"unique_id":null,"id":12,"name":"White","sort":1},"1":{"unique_id":null,"id":1,"name":"Black","sort":70},"10":{"unique_id":null,"id":10,"name":"Teal","sort":330},"4":{"unique_id":null,"id":4,"name":"Heather","sort":400},"5":{"unique_id":null,"id":5,"name":"Kelly","sort":240},"6":{"unique_id":null,"id":6,"name":"Light Blue","sort":360},"7":{"unique_id":null,"id":7,"name":"Navy","sort":290},"8":{"unique_id":null,"id":8,"name":"Red","sort":110},"11":{"unique_id":null,"id":11,"name":"Asphalt","sort":40},"9":{"unique_id":null,"id":9,"name":"Royal Blue","sort":310},"45":{"unique_id":null,"id":45,"name":"Royal Heather","sort":550},"2":{"unique_id":null,"id":2,"name":"Brown","sort":140},"42":{"unique_id":null,"id":42,"name":"Red Heather","sort":460},"43":{"unique_id":null,"id":43,"name":"Navy Heather","sort":510},"44":{"unique_id":null,"id":44,"name":"Vintage Green","sort":490},"19":{"unique_id":null,"id":19,"name":"Charcoal Heather","sort":450},"27":{"unique_id":null,"id":27,"name":"Purple","sort":380},"24":{"unique_id":null,"id":24,"name":"Maroon","sort":90},"69":{"unique_id":null,"id":69,"name":"Slate","sort":332},"23":{"unique_id":null,"id":23,"name":"Yellow","sort":180},"67":{"unique_id":null,"id":67,"name":"Military Green","sort":222},"21":{"unique_id":null,"id":21,"name":"Orange","sort":160},"70":{"unique_id":null,"id":70,"name":"Purple Heather","sort":491},"71":{"unique_id":null,"id":71,"name":"Turquoise Heather","sort":489},"72":{"unique_id":null,"id":72,"name":"Hot Pink","sort":132},"22":{"unique_id":null,"id":22,"name":"Soft Pink","sort":130},"68":{"unique_id":null,"id":68,"name":"Light Olive","sort":272},"60":{"unique_id":null,"id":60,"name":"Leaf","sort":270},"47":{"unique_id":null,"id":47,"name":"Vintage Brown","sort":480},"18":{"unique_id":null,"id":18,"name":"Dark Green","sort":230},"74":{"unique_id":null,"id":74,"name":"Heather Sea Blue","sort":585},"107":{"unique_id":null,"id":107,"name":"Marine Blue","sort":315},"46":{"unique_id":null,"id":46,"name":"Vintage Black","sort":440},"65":{"unique_id":null,"id":65,"name":"Vintage Royal","sort":540},"20":{"unique_id":null,"id":20,"name":"Coastal Blue","sort":340},"62":{"unique_id":null,"id":62,"name":"Mint","sort":280},"26":{"unique_id":null,"id":26,"name":"Oxford","sort":20},"33":{"unique_id":null,"id":33,"name":"Midnight Navy","sort":500},"113":{"unique_id":null,"id":113,"name":"Latte","sort":205},"38":{"unique_id":null,"id":38,"name":"Vintage Heather","sort":420},"57":{"unique_id":null,"id":57,"name":"Dark Grey Heather","sort":430},"30":{"unique_id":null,"id":30,"name":"Light Grey","sort":15},"75":{"unique_id":null,"id":75,"name":"Pine","sort":245},"31":{"unique_id":null,"id":31,"name":"Dark Grey","sort":30},"54":{"unique_id":null,"id":54,"name":"Vintage White","sort":390},"40":{"unique_id":null,"id":40,"name":"Vintage Grape","sort":590},"108":{"unique_id":null,"id":108,"name":"Tie Dye","sort":660},"59":{"unique_id":null,"id":59,"name":"Indigo","sort":520},"111":{"unique_id":null,"id":111,"name":"Faded Red","sort":133},"110":{"unique_id":null,"id":110,"name":"Acid Black","sort":72},"112":{"unique_id":null,"id":112,"name":"Ghost","sort":12},"28":{"unique_id":null,"id":28,"name":"Tennessee Orange","sort":170},"114":{"unique_id":null,"id":114,"name":"Salmon","sort":131}}},"prices":{"23-16":{"retail_price":23.0,"retail_price_usd":"23.0","retail_price_formatted":"$23.00","sale_price":16.0,"sale_price_usd":"16.0","sale_price_formatted":"$16.00"},"26-19":{"retail_price":26.0,"retail_price_usd":"26.0","retail_price_formatted":"$26.00","sale_price":19.0,"sale_price_usd":"19.0","sale_price_formatted":"$19.00"},"29-24":{"retail_price":29.0,"retail_price_usd":"29.0","retail_price_formatted":"$29.00","sale_price":24.0,"sale_price_usd":"24.0","sale_price_formatted":"$24.00"},"31-26":{"retail_price":31.0,"retail_price_usd":"31.0","retail_price_formatted":"$31.00","sale_price":26.0,"sale_price_usd":"26.0","sale_price_formatted":"$26.00"},"25-18":{"retail_price":25.0,"retail_price_usd":"25.0","retail_price_formatted":"$25.00","sale_price":18.0,"sale_price_usd":"18.0","sale_price_formatted":"$18.00"},"29-22":{"retail_price":29.0,"retail_price_usd":"29.0","retail_price_formatted":"$29.00","sale_price":22.0,"sale_price_usd":"22.0","sale_price_formatted":"$22.00"},"25-20":{"retail_price":25.0,"retail_price_usd":"25.0","retail_price_formatted":"$25.00","sale_price":20.0,"sale_price_usd":"20.0","sale_price_formatted":"$20.00"},"27-20":{"retail_price":27.0,"retail_price_usd":"27.0","retail_price_formatted":"$27.00","sale_price":20.0,"sale_price_usd":"20.0","sale_price_formatted":"$20.00"},"30-22":{"retail_price":30.0,"retail_price_usd":"30.0","retail_price_formatted":"$30.00","sale_price":22.0,"sale_price_usd":"22.0","sale_price_formatted":"$22.00"},"31-23":{"retail_price":31.0,"retail_price_usd":"31.0","retail_price_formatted":"$31.00","sale_price":23.0,"sale_price_usd":"23.0","sale_price_formatted":"$23.00"},"32-24":{"retail_price":32.0,"retail_price_usd":"32.0","retail_price_formatted":"$32.00","sale_price":24.0,"sale_price_usd":"24.0","sale_price_formatted":"$24.00"},"27-19":{"retail_price":27.0,"retail_price_usd":"27.0","retail_price_formatted":"$27.00","sale_price":19.0,"sale_price_usd":"19.0","sale_price_formatted":"$19.00"},"24-17":{"retail_price":24.0,"retail_price_usd":"24.0","retail_price_formatted":"$24.00","sale_price":17.0,"sale_price_usd":"17.0","sale_price_formatted":"$17.00"},"28-19":{"retail_price":28.0,"retail_price_usd":"28.0","retail_price_formatted":"$28.00","sale_price":19.0,"sale_price_usd":"19.0","sale_price_formatted":"$19.00"},"26-21":{"retail_price":26.0,"retail_price_usd":"26.0","retail_price_formatted":"$26.00","sale_price":21.0,"sale_price_usd":"21.0","sale_price_formatted":"$21.00"},"27-22":{"retail_price":27.0,"retail_price_usd":"27.0","retail_price_formatted":"$27.00","sale_price":22.0,"sale_price_usd":"22.0","sale_price_formatted":"$22.00"},"30-23":{"retail_price":30.0,"retail_price_usd":"30.0","retail_price_formatted":"$30.00","sale_price":23.0,"sale_price_usd":"23.0","sale_price_formatted":"$23.00"},"28-21":{"retail_price":28.0,"retail_price_usd":"28.0","retail_price_formatted":"$28.00","sale_price":21.0,"sale_price_usd":"21.0","sale_price_formatted":"$21.00"},"30-25":{"retail_price":30.0,"retail_price_usd":"30.0","retail_price_formatted":"$30.00","sale_price":25.0,"sale_price_usd":"25.0","sale_price_formatted":"$25.00"},"28-20":{"retail_price":28.0,"retail_price_usd":"28.0","retail_price_formatted":"$28.00","sale_price":20.0,"sale_price_usd":"20.0","sale_price_formatted":"$20.00"}},"prices_keys":["23-16","26-19","29-24","31-26","25-18","29-22","25-20","27-20","30-22","31-23","32-24","27-19","24-17","28-19","26-21","27-22","30-23","28-21","30-25","28-20"],"370":[0,[19,79,22,3]],"371":[0,[19,79,23,3]],"372":[0,[19,79,24,3]],"316":[0,[19,79,22,12]],"317":[0,[19,79,23,12]],"318":[0,[19,79,24,12]],"321":[0,[19,79,21,1]],"322":[0,[19,79,22,1]],"323":[0,[19,79,23,1]],"324":[0,[19,79,24,1]],"327":[0,[19,79,21,10]],"328":[0,[19,79,22,10]],"329":[0,[19,79,23,10]],"330":[0,[19,79,24,10]],"333":[0,[19,79,21,4]],"334":[0,[19,79,22,4]],"335":[0,[19,79,23,4]],"336":[0,[19,79,24,4]],"339":[0,[19,79,21,5]],"340":[0,[19,79,22,5]],"341":[0,[19,79,23,5]],"342":[0,[19,79,24,5]],"345":[0,[19,79,21,6]],"346":[0,[19,79,22,6]],"347":[0,[19,79,23,6]],"348":[0,[19,79,24,6]],"351":[0,[19,79,21,7]],"352":[0,[19,79,22,7]],"353":[0,[19,79,23,7]],"354":[0,[19,79,24,7]],"357":[0,[19,79,21,8]],"358":[0,[19,79,22,8]],"359":[0,[19,79,23,8]],"360":[0,[19,79,24,8]],"363":[0,[19,79,21,11]],"364":[0,[19,79,22,11]],"365":[0,[19,79,23,11]],"366":[0,[19,79,24,11]],"369":[0,[19,79,21,3]],"375":[0,[19,79,21,9]],"376":[0,[19,79,22,9]],"377":[0,[19,79,23,9]],"927":[0,[19,79,23,45]],"928":[0,[19,79,24,45]],"378":[0,[19,79,24,9]],"381":[0,[19,79,21,2]],"382":[0,[19,79,22,2]],"383":[0,[19,79,23,2]],"384":[0,[19,79,24,2]],"901":[0,[19,79,21,42]],"902":[0,[19,79,22,42]],"903":[0,[19,79,23,42]],"904":[0,[19,79,24,42]],"907":[0,[19,79,21,43]],"908":[0,[19,79,22,43]],"909":[0,[19,79,23,43]],"910":[0,[19,79,24,43]],"913":[0,[19,79,21,44]],"914":[0,[19,79,22,44]],"915":[0,[19,79,23,44]],"916":[0,[19,79,24,44]],"919":[0,[19,79,21,19]],"920":[0,[19,79,22,19]],"921":[0,[19,79,23,19]],"922":[0,[19,79,24,19]],"925":[0,[19,79,21,45]],"926":[0,[19,79,22,45]],"315":[0,[19,79,21,12]],"1666":[0,[19,79,21,27]],"1667":[0,[19,79,22,27]],"1668":[0,[19,79,23,27]],"1669":[0,[19,79,24,27]],"1672":[0,[19,79,21,24]],"1673":[0,[19,79,22,24]],"1674":[0,[19,79,23,24]],"1675":[0,[19,79,24,24]],"1678":[0,[19,79,21,69]],"1679":[0,[19,79,22,69]],"1680":[0,[19,79,23,69]],"1681":[0,[19,79,24,69]],"1684":[0,[19,79,21,23]],"1685":[0,[19,79,22,23]],"1686":[0,[19,79,23,23]],"1687":[0,[19,79,24,23]],"1690":[0,[19,79,21,67]],"1691":[0,[19,79,22,67]],"1692":[0,[19,79,23,67]],"1693":[0,[19,79,24,67]],"1696":[0,[19,79,21,21]],"1697":[0,[19,79,22,21]],"1698":[0,[19,79,23,21]],"1699":[0,[19,79,24,21]],"1746":[0,[19,79,21,70]],"1747":[0,[19,79,22,70]],"1748":[0,[19,79,23,70]],"1749":[0,[19,79,24,70]],"1752":[0,[19,79,21,71]],"1753":[0,[19,79,22,71]],"1754":[0,[19,79,23,71]],"1755":[0,[19,79,24,71]],"1808":[0,[19,79,21,72]],"1809":[0,[19,79,22,72]],"1810":[0,[19,79,23,72]],"1811":[0,[19,79,24,72]],"1814":[0,[19,79,21,22]],"1815":[0,[19,79,22,22]],"1816":[0,[19,79,23,22]],"1817":[0,[19,79,24,22]],"2378":[0,[19,79,22,3]],"2379":[0,[19,79,23,3]],"2380":[0,[19,79,24,3]],"2381":[0,[19,79,22,12]],"2382":[0,[19,79,23,12]],"2384":[0,[19,79,21,1]],"2387":[0,[19,79,24,1]],"2390":[0,[19,79,23,10]],"2404":[0,[19,79,22,6]],"2514":[0,[19,79,21,43]],"2520":[0,[19,79,21,44]],"2577":[0,[19,79,21,67]],"2578":[0,[19,79,22,67]],"2625":[0,[19,79,21,70]],"2628":[0,[19,79,24,70]],"2632":[0,[19,79,22,71]],"4":[1,[19,79,26,1]],"930":[1,[19,79,26,45]],"543":[1,[19,79,84,12]],"2421":[1,[19,79,26,3]],"2136":[2,[19,79,21,9]],"2262":[2,[19,79,21,12]],"2279":[2,[19,79,21,69]],"2348":[2,[19,79,24,71]],"2353":[2,[19,79,23,72]],"2354":[2,[19,79,24,72]],"3403":[1,[19,79,83,24]],"2208":[3,[19,79,83,1]],"389":[0,[20,79,23,12]],"403":[0,[20,79,22,10]],"407":[0,[20,79,21,4]],"415":[0,[20,79,24,7]],"419":[0,[20,79,23,9]],"1729":[0,[20,79,24,68]],"1734":[0,[20,79,23,22]],"2447":[0,[20,79,23,11]],"2466":[0,[20,79,22,9]],"2468":[0,[20,79,24,9]],"2472":[0,[20,79,23,2]],"2473":[0,[20,79,23,3]],"2476":[0,[20,79,21,5]],"2478":[0,[20,79,23,5]],"2484":[0,[20,79,24,6]],"2615":[0,[20,79,23,68]],"2621":[0,[20,79,23,22]],"1967":[4,[20,79,26,6]],"976":[4,[20,79,26,1]],"3138":[4,[20,79,26,19]],"2538":[4,[20,79,26,8]],"3408":[3,[19,79,84,24]],"3194":[2,[20,79,22,60]],"3141":[2,[20,79,23,19]],"2175":[2,[20,79,22,7]],"3178":[2,[20,79,24,45]],"2321":[2,[20,79,21,23]],"2335":[2,[20,79,23,22]],"826":[5,[19,80,24,47]],"3094":[6,[20,81,21,4]],"3095":[6,[20,81,23,4]],"854":[6,[20,81,24,1]],"2852":[4,[19,218,21,8]],"2860":[4,[19,218,21,18]],"2869":[4,[19,218,22,7]],"2883":[7,[19,218,84,9]],"2889":[7,[19,218,26,4]],"2891":[7,[19,218,84,4]],"2790":[4,[20,213,21,1]],"2799":[4,[20,213,24,4]],"2803":[4,[20,213,22,7]],"2810":[4,[20,213,23,11]],"2814":[4,[20,213,21,12]],"2822":[4,[20,213,23,27]],"3409":[1,[19,79,83,72]],"1827":[8,[19,135,23,11]],"1828":[8,[19,135,24,11]],"1831":[8,[19,135,22,12]],"1834":[9,[19,135,25,12]],"2068":[10,[19,135,26,11]],"2954":[6,[19,328,23,12]],"2971":[6,[19,328,22,19]],"2977":[6,[19,328,22,74]],"3240":[11,[19,370,21,107]],"3241":[11,[19,370,22,107]],"3267":[12,[19,371,22,8]],"3311":[12,[19,371,22,5]],"1103":[13,[20,104,24,46]],"1117":[13,[20,104,22,44]],"1130":[13,[20,104,23,42]],"1131":[13,[20,104,24,42]],"1134":[13,[20,104,23,65]],"2383":[0,[19,79,24,12]],"2393":[0,[19,79,22,4]],"2398":[0,[19,79,21,5]],"2414":[0,[19,79,24,8]],"2415":[0,[19,79,21,11]],"2508":[0,[19,79,21,42]],"2646":[0,[19,79,24,22]],"2":[1,[19,79,26,12]],"8":[1,[19,79,26,4]],"12":[1,[19,79,26,6]],"531":[1,[19,79,84,7]],"16":[1,[19,79,26,8]],"2373":[1,[19,79,26,5]],"2375":[1,[19,79,26,6]],"2491":[1,[19,79,84,7]],"2492":[1,[19,79,83,9]],"2493":[1,[19,79,84,9]],"2495":[1,[19,79,84,1]],"2496":[1,[19,79,83,11]],"2499":[1,[19,79,84,4]],"2503":[1,[19,79,84,12]],"3404":[1,[19,79,83,24]],"2541":[1,[19,79,26,8]],"2545":[1,[19,79,26,11]],"3452":[1,[19,79,83,5]],"2648":[1,[19,79,26,22]],"2096":[2,[19,79,23,12]],"2115":[2,[19,79,24,5]],"2247":[2,[19,79,22,45]],"2267":[2,[19,79,21,27]],"2273":[2,[19,79,21,24]],"2280":[2,[19,79,22,69]],"2282":[2,[19,79,24,69]],"2288":[2,[19,79,24,23]],"2300":[2,[19,79,24,21]],"2351":[2,[19,79,21,72]],"2135":[3,[19,79,26,3]],"2213":[3,[19,79,84,4]],"2216":[3,[19,79,83,12]],"2218":[3,[19,79,83,7]],"3498":[3,[19,79,84,45]],"2227":[3,[19,79,26,42]],"2350":[3,[19,79,26,71]],"394":[0,[20,79,23,1]],"397":[0,[20,79,21,11]],"413":[0,[20,79,22,7]],"438":[0,[20,79,22,6]],"440":[0,[20,79,24,6]],"445":[0,[20,79,24,8]],"3183":[0,[20,79,23,60]],"3205":[0,[20,79,21,20]],"3128":[0,[20,79,22,19]],"3130":[0,[20,79,24,19]],"1711":[0,[20,79,24,24]],"1716":[0,[20,79,23,62]],"1726":[0,[20,79,21,68]],"2620":[0,[20,79,22,22]],"981":[4,[20,79,26,5]],"3499":[4,[20,393,21,1]],"3526":[4,[20,393,24,3]],"3567":[7,[19,395,1,1]],"2507":[4,[20,79,26,2]],"2171":[2,[20,79,23,4]],"2179":[2,[20,79,21,9]],"2311":[2,[20,79,23,24]],"2312":[2,[20,79,24,24]],"3595":[7,[19,395,23,26]],"3597":[7,[19,395,23,33]],"3599":[7,[19,395,23,113]],"995":[5,[20,80,21,43]],"998":[5,[20,80,24,43]],"1012":[5,[20,80,23,44]],"1324":[6,[19,81,23,38]],"1333":[6,[19,81,22,9]],"1335":[6,[19,81,24,9]],"1338":[6,[19,81,22,57]],"3090":[6,[20,81,23,11]],"900":[14,[20,81,25,12]],"2845":[4,[19,218,22,1]],"2847":[4,[19,218,24,1]],"2871":[4,[19,218,24,7]],"2876":[4,[19,218,21,9]],"3623":[5,[19,395,26,12]],"2873":[7,[19,218,26,7]],"2874":[7,[19,218,83,7]],"2890":[7,[19,218,83,4]],"2792":[4,[20,213,23,1]],"2805":[4,[20,213,24,7]],"2823":[4,[20,213,24,27]],"2829":[4,[20,213,24,9]],"1845":[8,[19,135,21,30]],"3033":[8,[19,135,23,4]],"3034":[8,[19,135,24,4]],"3039":[8,[19,135,23,19]],"3035":[9,[19,135,25,4]],"3024":[10,[19,135,26,30]],"3030":[10,[19,135,26,1]],"2985":[6,[19,328,24,3]],"2993":[15,[19,328,26,75]],"2969":[15,[19,328,26,4]],"3249":[11,[19,370,21,31]],"3239":[11,[19,370,23,107]],"1106":[13,[20,104,23,38]],"1109":[13,[20,104,22,57]],"2385":[0,[19,79,22,1]],"2386":[0,[19,79,23,1]],"2388":[0,[19,79,21,10]],"2403":[0,[19,79,21,6]],"2418":[0,[19,79,24,11]],"2515":[0,[19,79,22,43]],"2521":[0,[19,79,22,44]],"2523":[0,[19,79,24,44]],"2094":[2,[19,79,24,3]],"2097":[2,[19,79,24,12]],"2125":[2,[19,79,21,8]],"2129":[2,[19,79,21,11]],"2130":[2,[19,79,22,11]],"2147":[2,[19,79,24,2]],"2268":[2,[19,79,22,27]],"2269":[2,[19,79,23,27]],"2347":[2,[19,79,23,71]],"2083":[3,[19,79,26,10]],"2205":[3,[19,79,84,7]],"2210":[3,[19,79,83,11]],"2211":[3,[19,79,84,11]],"3405":[3,[19,79,83,24]],"387":[0,[20,79,21,12]],"392":[0,[20,79,21,1]],"400":[0,[20,79,24,11]],"425":[0,[20,79,24,2]],"2442":[0,[20,79,23,1]],"2458":[0,[20,79,24,4]],"2461":[0,[20,79,22,7]],"2465":[0,[20,79,21,9]],"2471":[0,[20,79,22,2]],"2477":[0,[20,79,22,5]],"2481":[0,[20,79,21,6]],"2482":[0,[20,79,22,6]],"2483":[0,[20,79,23,6]],"2489":[0,[20,79,24,8]],"2549":[0,[20,79,24,2]],"2608":[0,[20,79,22,23]],"2614":[0,[20,79,22,68]],"982":[4,[20,79,26,7]],"3192":[4,[20,79,26,60]],"1707":[4,[20,79,26,27]],"3410":[1,[19,79,83,72]],"2506":[4,[20,79,26,9]],"2159":[2,[20,79,21,11]],"2160":[2,[20,79,22,11]],"2164":[2,[20,79,21,10]],"2165":[2,[20,79,22,10]],"2176":[2,[20,79,23,7]],"2180":[2,[20,79,22,9]],"2181":[2,[20,79,23,9]],"2187":[2,[20,79,23,3]],"3193":[2,[20,79,21,60]],"3195":[2,[20,79,23,60]],"824":[5,[19,80,22,47]],"825":[5,[19,80,23,47]],"1020":[5,[19,80,21,54]],"1039":[16,[19,80,25,42]],"985":[5,[20,80,21,54]],"997":[5,[20,80,23,43]],"1017":[5,[20,80,23,40]],"1018":[5,[20,80,24,40]],"1009":[16,[20,80,25,45]],"1328":[6,[19,81,22,1]],"1342":[6,[19,81,21,11]],"3021":[8,[19,135,24,107]],"3031":[8,[19,135,21,4]],"1829":[9,[19,135,25,11]],"3235":[11,[19,370,23,1]],"3238":[11,[19,370,22,1]],"3246":[11,[19,370,24,12]],"3237":[11,[19,370,24,107]],"3316":[1,[19,371,26,5]],"1100":[13,[20,104,21,46]],"1116":[13,[20,104,21,44]],"3417":[3,[19,79,83,23]],"2389":[0,[19,79,22,10]],"2395":[0,[19,79,24,4]],"2419":[0,[19,79,21,3]],"2429":[0,[19,79,24,9]],"2527":[0,[19,79,22,19]],"2528":[0,[19,79,23,19]],"3406":[1,[19,79,84,24]],"2582":[1,[19,79,26,67]],"2093":[2,[19,79,23,3]],"2106":[2,[19,79,21,4]],"2356":[3,[19,79,26,72]],"3411":[3,[19,79,83,72]],"414":[0,[20,79,23,7]],"420":[0,[20,79,24,9]],"444":[0,[20,79,23,8]],"3184":[0,[20,79,24,60]],"3188":[0,[20,79,22,60]],"3127":[0,[20,79,21,19]],"3134":[0,[20,79,22,19]],"1704":[0,[20,79,23,27]],"1732":[0,[20,79,21,22]],"2436":[0,[20,79,22,12]],"2441":[0,[20,79,22,1]],"2443":[0,[20,79,24,1]],"2457":[0,[20,79,23,4]],"2460":[0,[20,79,21,7]],"2462":[0,[20,79,23,7]],"2488":[0,[20,79,23,8]],"2551":[0,[20,79,21,3]],"2589":[0,[20,79,21,27]],"2591":[0,[20,79,23,27]],"2592":[0,[20,79,24,27]],"3420":[3,[19,79,84,23]],"3426":[3,[19,79,84,67]],"2190":[2,[20,79,21,5]],"3157":[2,[20,79,21,43]],"1042":[5,[19,80,23,45]],"1046":[5,[19,80,22,44]],"1034":[16,[19,80,25,43]],"990":[5,[20,80,21,4]],"993":[5,[20,80,24,4]],"1004":[16,[20,80,25,42]],"1019":[16,[20,80,25,40]],"1325":[6,[19,81,24,38]],"1327":[6,[19,81,21,1]],"1329":[6,[19,81,23,1]],"1330":[6,[19,81,24,1]],"852":[6,[20,81,22,1]],"2861":[4,[19,218,22,18]],"2859":[7,[19,218,84,8]],"3500":[4,[20,393,21,12]],"3510":[4,[20,393,22,3]],"2881":[7,[19,218,26,9]],"2820":[4,[20,213,21,27]],"2821":[4,[20,213,22,27]],"3020":[8,[19,135,23,107]],"3026":[8,[19,135,22,1]],"2952":[6,[19,328,21,12]],"2979":[6,[19,328,24,74]],"2965":[6,[19,328,22,4]],"2975":[15,[19,328,26,19]],"3250":[11,[19,370,22,31]],"3274":[12,[19,371,21,12]],"3282":[12,[19,371,24,1]],"3284":[12,[19,371,22,9]],"3287":[1,[19,371,26,7]],"3295":[1,[19,371,26,9]],"1101":[13,[20,104,22,46]],"1107":[13,[20,104,24,38]],"1126":[13,[20,104,23,40]],"1135":[13,[20,104,24,65]],"1138":[13,[20,104,23,54]],"1139":[13,[20,104,24,54]],"2391":[0,[19,79,24,10]],"2392":[0,[19,79,21,4]],"2405":[0,[19,79,23,6]],"2411":[0,[19,79,21,8]],"2422":[0,[19,79,21,9]],"2423":[0,[19,79,22,9]],"2567":[0,[19,79,23,69]],"2571":[0,[19,79,21,23]],"2631":[0,[19,79,21,71]],"2638":[0,[19,79,22,72]],"2639":[0,[19,79,23,72]],"2640":[0,[19,79,24,72]],"2643":[0,[19,79,21,22]],"2644":[0,[19,79,22,22]],"533":[1,[19,79,84,9]],"536":[1,[19,79,83,11]],"537":[1,[19,79,84,11]],"538":[1,[19,79,83,4]],"906":[1,[19,79,26,42]],"924":[1,[19,79,26,19]],"1671":[1,[19,79,26,27]],"2622":[0,[20,79,24,22]],"980":[4,[20,79,26,4]],"983":[4,[20,79,26,8]],"3156":[4,[20,79,26,43]],"3407":[1,[19,79,84,24]],"2505":[4,[20,79,26,1]],"2594":[4,[20,79,26,27]],"2150":[2,[20,79,22,12]],"2152":[2,[20,79,24,12]],"2162":[2,[20,79,24,11]],"2170":[2,[20,79,22,4]],"1043":[5,[19,80,24,45]],"1005":[5,[20,80,21,45]],"1008":[5,[20,80,24,45]],"1013":[5,[20,80,24,44]],"1334":[6,[19,81,23,9]],"1352":[6,[19,81,21,8]],"1341":[14,[19,81,25,57]],"872":[6,[20,81,22,7]],"873":[6,[20,81,23,7]],"892":[6,[20,81,22,9]],"893":[6,[20,81,23,9]],"855":[14,[20,81,25,1]],"2959":[6,[19,328,22,1]],"2982":[6,[19,328,21,3]],"2984":[6,[19,328,23,3]],"3233":[11,[19,370,21,12]],"3247":[11,[19,370,23,12]],"3248":[11,[19,370,21,1]],"3251":[11,[19,370,24,31]],"3273":[12,[19,371,24,9]],"3278":[12,[19,371,23,1]],"3281":[12,[19,371,23,9]],"3291":[12,[19,371,23,8]],"3293":[12,[19,371,21,9]],"3312":[12,[19,371,23,5]],"3314":[12,[19,371,24,5]],"3302":[12,[19,371,21,1]],"1111":[13,[20,104,24,57]],"1118":[13,[20,104,23,44]],"1124":[13,[20,104,21,40]],"1128":[13,[20,104,21,42]],"2394":[0,[19,79,23,4]],"2399":[0,[19,79,22,5]],"2416":[0,[19,79,22,11]],"3230":[0,[19,79,22,108]],"2522":[0,[19,79,23,44]],"2533":[0,[19,79,22,45]],"2553":[0,[19,79,21,27]],"2573":[0,[19,79,23,23]],"2585":[0,[19,79,23,21]],"10":[1,[19,79,26,5]],"534":[1,[19,79,83,1]],"539":[1,[19,79,84,4]],"1689":[1,[19,79,26,23]],"2365":[1,[19,79,26,12]],"2371":[1,[19,79,26,4]],"3412":[1,[19,79,84,72]],"2513":[1,[19,79,26,42]],"2558":[1,[19,79,26,27]],"2362":[3,[19,79,26,22]],"393":[0,[20,79,22,1]],"423":[0,[20,79,22,2]],"435":[0,[20,79,24,5]],"437":[0,[20,79,21,6]],"439":[0,[20,79,23,6]],"3190":[0,[20,79,24,60]],"427":[0,[20,79,21,3]],"1733":[0,[20,79,22,22]],"3153":[0,[20,79,23,43]],"3200":[0,[20,79,22,20]],"2450":[0,[20,79,21,10]],"2453":[0,[20,79,24,10]],"2470":[0,[20,79,21,2]],"2596":[0,[20,79,22,24]],"2616":[0,[20,79,24,68]],"3414":[3,[19,79,84,72]],"3140":[2,[20,79,22,19]],"3196":[2,[20,79,24,60]],"3142":[2,[20,79,24,19]],"3139":[2,[20,79,21,19]],"3159":[2,[20,79,23,43]],"2174":[2,[20,79,21,7]],"1003":[5,[20,80,24,42]],"1007":[5,[20,80,23,45]],"1016":[5,[20,80,22,40]],"3416":[1,[19,79,83,23]],"3477":[3,[19,79,83,19]],"3478":[1,[19,79,84,19]],"2400":[0,[19,79,23,5]],"2410":[0,[19,79,24,7]],"2424":[0,[19,79,23,9]],"2425":[0,[19,79,23,45]],"2432":[0,[19,79,23,2]],"3229":[0,[19,79,24,108]],"2510":[0,[19,79,23,42]],"2516":[0,[19,79,23,43]],"2517":[0,[19,79,24,43]],"2526":[0,[19,79,21,19]],"2529":[0,[19,79,24,19]],"2532":[0,[19,79,21,45]],"2555":[0,[19,79,23,27]],"2556":[0,[19,79,24,27]],"2559":[0,[19,79,21,24]],"2560":[0,[19,79,22,24]],"2566":[0,[19,79,22,69]],"2568":[0,[19,79,24,69]],"2586":[0,[19,79,24,21]],"2626":[0,[19,79,22,70]],"2627":[0,[19,79,23,70]],"2645":[0,[19,79,23,22]],"14":[1,[19,79,26,7]],"532":[1,[19,79,83,9]],"18":[1,[19,79,26,9]],"1677":[1,[19,79,26,24]],"3413":[1,[19,79,84,72]],"3479":[1,[19,79,84,19]],"2428":[1,[19,79,26,45]],"2501":[1,[19,79,84,8]],"2502":[1,[19,79,83,12]],"2519":[1,[19,79,26,43]],"2570":[1,[19,79,26,69]],"3501":[4,[20,393,21,4]],"2588":[1,[19,79,26,21]],"2636":[1,[19,79,26,71]],"2642":[1,[19,79,26,72]],"2118":[2,[19,79,22,6]],"2131":[2,[19,79,23,11]],"2146":[2,[19,79,23,2]],"2224":[2,[19,79,23,42]],"2229":[2,[19,79,22,43]],"2235":[2,[19,79,22,44]],"2274":[2,[19,79,22,24]],"3505":[4,[20,393,21,69]],"2091":[3,[19,79,26,7]],"2284":[3,[19,79,26,69]],"3129":[0,[20,79,23,19]],"3171":[0,[20,79,23,45]],"3207":[0,[20,79,23,20]],"3165":[0,[20,79,23,45]],"2448":[0,[20,79,24,11]],"2463":[0,[20,79,24,7]],"2467":[0,[20,79,23,9]],"2479":[0,[20,79,24,5]],"2487":[0,[20,79,22,8]],"2552":[0,[20,79,22,3]],"2191":[2,[20,79,22,5]],"2304":[2,[20,79,22,27]],"2310":[2,[20,79,22,24]],"2316":[2,[20,79,22,62]],"1036":[5,[19,80,22,42]],"833":[16,[19,80,25,46]],"808":[5,[20,80,23,46]],"3568":[7,[19,395,1,26]],"2401":[0,[19,79,24,5]],"2406":[0,[19,79,24,6]],"3226":[0,[19,79,21,108]],"2511":[0,[19,79,24,42]],"2554":[0,[19,79,22,27]],"374":[1,[19,79,26,3]],"542":[1,[19,79,83,12]],"912":[1,[19,79,26,43]],"3415":[1,[19,79,83,23]],"2500":[1,[19,79,83,8]],"2576":[1,[19,79,26,23]],"2095":[2,[19,79,22,12]],"2105":[2,[19,79,24,10]],"2137":[2,[19,79,22,9]],"2143":[2,[19,79,24,9]],"2270":[2,[19,79,24,27]],"2275":[2,[19,79,23,24]],"2345":[2,[19,79,21,71]],"3473":[1,[19,79,84,27]],"2142":[3,[19,79,26,45]],"2212":[3,[19,79,83,4]],"2214":[3,[19,79,83,8]],"2239":[3,[19,79,26,44]],"409":[0,[20,79,23,4]],"433":[0,[20,79,22,5]],"1705":[0,[20,79,24,27]],"1721":[0,[20,79,22,23]],"3135":[0,[20,79,23,19]],"3172":[0,[20,79,24,45]],"3154":[0,[20,79,24,43]],"2437":[0,[20,79,23,12]],"2474":[0,[20,79,24,3]],"2486":[0,[20,79,21,8]],"2601":[0,[20,79,21,62]],"3475":[1,[19,79,83,19]],"3174":[4,[20,79,26,45]],"2154":[2,[20,79,21,1]],"2317":[2,[20,79,23,62]],"2322":[2,[20,79,22,23]],"2328":[2,[20,79,22,68]],"2329":[2,[20,79,23,68]],"2334":[2,[20,79,22,22]],"2336":[2,[20,79,24,22]],"2248":[3,[20,79,26,11]],"2250":[3,[20,79,26,5]],"3502":[4,[20,393,21,3]],"829":[5,[19,80,21,46]],"1022":[5,[19,80,23,54]],"1032":[5,[19,80,23,43]],"1041":[5,[19,80,22,45]],"1024":[16,[19,80,25,54]],"807":[5,[20,80,22,46]],"809":[5,[20,80,24,46]],"3096":[6,[20,81,24,4]],"853":[6,[20,81,23,1]],"871":[6,[20,81,21,7]],"877":[6,[20,81,22,22]],"888":[6,[20,81,23,8]],"889":[6,[20,81,24,8]],"896":[6,[20,81,21,12]],"897":[6,[20,81,22,12]],"878":[6,[20,81,23,22]],"886":[6,[20,81,21,8]],"2838":[4,[19,218,23,12]],"2862":[4,[19,218,23,18]],"2863":[4,[19,218,24,18]],"2870":[4,[19,218,23,7]],"2841":[7,[19,218,26,12]],"2843":[7,[19,218,84,12]],"2850":[7,[19,218,83,1]],"3537":[1,[20,393,25,69]],"2865":[7,[19,218,26,18]],"2866":[7,[19,218,83,18]],"2798":[4,[20,213,23,4]],"2811":[4,[20,213,24,11]],"2826":[4,[20,213,21,9]],"3028":[8,[19,135,24,1]],"3032":[8,[19,135,22,4]],"3038":[8,[19,135,22,19]],"3268":[12,[19,371,21,8]],"3276":[12,[19,371,24,11]],"3292":[1,[19,371,26,8]],"1102":[13,[20,104,23,46]],"1105":[13,[20,104,22,38]],"1113":[13,[20,104,22,59]],"1120":[13,[20,104,21,43]],"1121":[13,[20,104,22,43]],"2407":[0,[19,79,21,7]],"2408":[0,[19,79,22,7]],"2412":[0,[19,79,22,8]],"3231":[0,[19,79,23,108]],"2548":[0,[19,79,21,12]],"2561":[0,[19,79,23,24]],"2562":[0,[19,79,24,24]],"2565":[0,[19,79,21,69]],"2579":[0,[19,79,23,67]],"2583":[0,[19,79,21,21]],"2634":[0,[19,79,24,71]],"535":[1,[19,79,84,1]],"2547":[1,[19,79,26,2]],"2101":[2,[19,79,24,1]],"2102":[2,[19,79,21,10]],"2107":[2,[19,79,22,4]],"2109":[2,[19,79,24,4]],"2113":[2,[19,79,22,5]],"2242":[2,[19,79,23,19]],"2243":[2,[19,79,24,19]],"2340":[2,[19,79,22,70]],"2296":[3,[19,79,26,67]],"395":[0,[20,79,24,1]],"424":[0,[20,79,23,2]],"429":[0,[20,79,23,3]],"3208":[0,[20,79,24,20]],"3166":[0,[20,79,24,45]],"3202":[0,[20,79,24,20]],"3170":[0,[20,79,22,45]],"1702":[0,[20,79,21,27]],"1720":[0,[20,79,21,23]],"3201":[0,[20,79,23,20]],"3152":[0,[20,79,22,43]],"3146":[0,[20,79,22,43]],"2440":[0,[20,79,21,1]],"2446":[0,[20,79,22,11]],"2451":[0,[20,79,22,10]],"2455":[0,[20,79,21,4]],"2456":[0,[20,79,22,4]],"2590":[0,[20,79,22,27]],"2595":[0,[20,79,21,24]],"2607":[0,[20,79,21,23]],"978":[4,[20,79,26,2]],"3454":[1,[19,79,84,5]],"3213":[2,[20,79,23,20]],"3214":[2,[20,79,24,20]],"3212":[2,[20,79,22,20]],"3211":[2,[20,79,21,20]],"3158":[2,[20,79,22,43]],"2172":[2,[20,79,24,4]],"2182":[2,[20,79,24,9]],"2266":[2,[20,79,22,3]],"2306":[2,[20,79,24,27]],"2309":[2,[20,79,21,24]],"2318":[2,[20,79,24,62]],"2323":[2,[20,79,23,23]],"2324":[2,[20,79,24,23]],"2333":[2,[20,79,21,22]],"2308":[3,[20,79,26,27]],"3460":[1,[19,79,84,69]],"1021":[5,[19,80,22,54]],"1820":[16,[20,80,25,46]],"1358":[6,[19,81,22,12]],"3093":[14,[20,81,25,11]],"3098":[14,[20,81,25,4]],"2886":[4,[19,218,23,4]],"3465":[3,[19,79,83,6]],"2858":[7,[19,218,83,8]],"2875":[7,[19,218,84,7]],"2793":[4,[20,213,24,1]],"2808":[4,[20,213,21,11]],"2809":[4,[20,213,22,11]],"2815":[4,[20,213,22,12]],"2816":[4,[20,213,23,12]],"1830":[8,[19,135,21,12]],"1833":[8,[19,135,24,12]],"2409":[0,[19,79,23,7]],"2417":[0,[19,79,23,11]],"2426":[0,[19,79,24,45]],"3218":[0,[19,79,22,108]],"3220":[0,[19,79,24,108]],"2509":[0,[19,79,22,42]],"2580":[0,[19,79,24,67]],"2584":[0,[19,79,22,21]],"2633":[0,[19,79,23,71]],"540":[1,[19,79,83,8]],"541":[1,[19,79,84,8]],"960":[1,[19,79,83,7]],"918":[1,[19,79,26,44]],"3418":[1,[19,79,84,23]],"1751":[1,[19,79,26,70]],"3438":[3,[19,79,84,3]],"1757":[1,[19,79,26,71]],"2494":[1,[19,79,83,1]],"2543":[1,[19,79,26,9]],"2112":[2,[19,79,21,5]],"2120":[2,[19,79,24,6]],"2128":[2,[19,79,24,8]],"2297":[2,[19,79,21,21]],"2299":[2,[19,79,23,21]],"2342":[2,[19,79,24,70]],"2346":[2,[19,79,22,71]],"2358":[2,[19,79,22,22]],"2359":[2,[19,79,23,22]],"3225":[2,[19,79,24,108]],"3445":[1,[19,79,83,21]],"2302":[3,[19,79,26,21]],"3469":[1,[19,79,83,27]],"398":[0,[20,79,22,11]],"405":[0,[20,79,24,10]],"408":[0,[20,79,22,4]],"410":[0,[20,79,24,4]],"434":[0,[20,79,23,5]],"3199":[0,[20,79,21,20]],"3206":[0,[20,79,22,20]],"1717":[0,[20,79,24,62]],"1727":[0,[20,79,22,68]],"1735":[0,[20,79,24,22]],"3164":[0,[20,79,22,45]],"3181":[0,[20,79,21,60]],"2438":[0,[20,79,24,12]],"2597":[0,[20,79,23,24]],"2598":[0,[20,79,24,24]],"2603":[0,[20,79,23,62]],"2604":[0,[20,79,24,62]],"3317":[3,[20,79,26,3]],"3503":[4,[20,393,21,11]],"2221":[3,[20,79,26,2]],"2252":[3,[20,79,26,8]],"2314":[3,[20,79,26,24]],"1031":[5,[19,80,22,43]],"1044":[16,[19,80,25,45]],"806":[5,[20,80,21,46]],"986":[5,[20,80,22,54]],"987":[5,[20,80,23,54]],"1015":[5,[20,80,21,40]],"1014":[16,[20,80,25,44]],"1323":[6,[19,81,22,38]],"1332":[6,[19,81,21,9]],"1350":[6,[19,81,24,7]],"1326":[14,[19,81,25,38]],"3089":[6,[20,81,21,11]],"3092":[6,[20,81,22,11]],"876":[6,[20,81,21,22]],"887":[6,[20,81,22,8]],"875":[14,[20,81,25,7]],"2836":[4,[19,218,21,12]],"2846":[4,[19,218,23,1]],"2817":[4,[20,213,24,12]],"3037":[8,[19,135,21,19]],"1849":[9,[19,135,25,30]],"3036":[10,[19,135,26,4]],"2989":[6,[19,328,22,75]],"2957":[15,[19,328,26,12]],"2981":[15,[19,328,26,74]],"3234":[11,[19,370,22,12]],"3569":[7,[19,395,1,12]],"3269":[12,[19,371,22,11]],"3275":[12,[19,371,22,12]],"3280":[12,[19,371,23,11]],"3283":[12,[19,371,24,7]],"3286":[12,[19,371,23,7]],"3294":[12,[19,371,24,8]],"3297":[12,[19,371,23,12]],"3272":[1,[19,371,26,11]],"3601":[7,[19,395,23,3]],"3279":[1,[19,371,26,1]],"3618":[17,[19,395,25,60]],"1108":[13,[20,104,21,57]],"1114":[13,[20,104,23,59]],"1119":[13,[20,104,24,44]],"1127":[13,[20,104,24,40]],"1132":[13,[20,104,21,65]],"2413":[0,[19,79,23,8]],"2430":[0,[19,79,21,2]],"2433":[0,[19,79,24,2]],"3217":[0,[19,79,21,108]],"2572":[0,[19,79,22,23]],"2574":[0,[19,79,24,23]],"2637":[0,[19,79,21,72]],"1683":[1,[19,79,26,69]],"1701":[1,[19,79,26,21]],"1813":[1,[19,79,26,72]],"1819":[1,[19,79,26,22]],"2525":[1,[19,79,26,44]],"2531":[1,[19,79,26,19]],"2564":[1,[19,79,26,24]],"2099":[2,[19,79,22,1]],"2103":[2,[19,79,22,10]],"2104":[2,[19,79,23,10]],"2108":[2,[19,79,23,4]],"2117":[2,[19,79,21,6]],"2119":[2,[19,79,23,6]],"2124":[2,[19,79,24,7]],"2126":[2,[19,79,22,8]],"2127":[2,[19,79,23,8]],"2132":[2,[19,79,24,11]],"2223":[2,[19,79,22,42]],"2237":[2,[19,79,24,44]],"2291":[2,[19,79,21,67]],"2292":[2,[19,79,22,67]],"2294":[2,[19,79,24,67]],"2339":[2,[19,79,21,70]],"2087":[3,[19,79,26,5]],"2206":[3,[19,79,83,9]],"2217":[3,[19,79,84,12]],"2233":[3,[19,79,26,43]],"2255":[3,[19,79,26,8]],"2278":[3,[19,79,26,24]],"3145":[0,[20,79,21,43]],"3163":[0,[20,79,21,45]],"2602":[0,[20,79,22,62]],"977":[4,[20,79,26,9]],"979":[4,[20,79,26,11]],"2539":[4,[20,79,26,12]],"3175":[2,[20,79,21,45]],"2149":[2,[20,79,21,12]],"2151":[2,[20,79,23,12]],"2155":[2,[20,79,22,1]],"2157":[2,[20,79,24,1]],"2169":[2,[20,79,21,4]],"2193":[2,[20,79,24,5]],"2195":[2,[20,79,21,6]],"2249":[3,[20,79,26,4]],"3419":[1,[19,79,84,23]],"823":[5,[19,80,21,47]],"830":[5,[19,80,22,46]],"1026":[5,[19,80,22,4]],"1047":[5,[19,80,23,44]],"1037":[5,[19,80,23,42]],"1038":[5,[19,80,24,42]],"992":[5,[20,80,23,4]],"1002":[5,[20,80,23,42]],"858":[16,[20,80,25,43]],"1348":[6,[19,81,22,7]],"1355":[6,[19,81,24,8]],"1357":[6,[19,81,21,12]],"894":[6,[20,81,24,9]],"879":[6,[20,81,24,22]],"2837":[4,[19,218,22,12]],"2868":[4,[19,218,21,7]],"2877":[4,[19,218,22,9]],"2878":[4,[19,218,23,9]],"2879":[4,[19,218,24,9]],"2884":[4,[19,218,21,4]],"2867":[7,[19,218,84,18]],"2882":[7,[19,218,83,9]],"2796":[4,[20,213,21,4]],"2802":[4,[20,213,21,7]],"2827":[4,[20,213,22,9]],"1826":[8,[19,135,22,11]],"1847":[8,[19,135,23,30]],"1848":[8,[19,135,24,30]],"3018":[8,[19,135,21,107]],"3019":[8,[19,135,22,107]],"3027":[8,[19,135,23,1]],"3022":[9,[19,135,25,107]],"3029":[9,[19,135,25,1]],"2978":[6,[19,328,23,74]],"2990":[6,[19,328,23,75]],"2988":[6,[19,328,21,75]],"3285":[12,[19,371,22,1]],"1112":[13,[20,104,21,59]],"2431":[0,[19,79,22,2]],"3221":[0,[19,79,23,108]],"20":[1,[19,79,26,11]],"22":[1,[19,79,26,2]],"1695":[1,[19,79,26,67]],"2369":[1,[19,79,26,10]],"2377":[1,[19,79,26,7]],"2630":[1,[19,79,26,70]],"2092":[2,[19,79,22,3]],"2122":[2,[19,79,22,7]],"2123":[2,[19,79,23,7]],"2140":[2,[19,79,24,45]],"2225":[2,[19,79,24,42]],"2231":[2,[19,79,24,43]],"2234":[2,[19,79,21,44]],"2276":[2,[19,79,24,24]],"3223":[2,[19,79,23,108]],"3224":[2,[19,79,22,108]],"2079":[3,[19,79,26,12]],"2089":[3,[19,79,26,6]],"2215":[3,[19,79,84,8]],"2245":[3,[19,79,26,19]],"2257":[3,[19,79,26,9]],"3421":[1,[19,79,83,67]],"2290":[3,[19,79,26,23]],"2344":[3,[19,79,26,70]],"388":[0,[20,79,22,12]],"390":[0,[20,79,24,12]],"402":[0,[20,79,21,10]],"404":[0,[20,79,23,10]],"412":[0,[20,79,21,7]],"418":[0,[20,79,22,9]],"428":[0,[20,79,22,3]],"3189":[0,[20,79,23,60]],"3133":[0,[20,79,21,19]],"1703":[0,[20,79,22,27]],"1715":[0,[20,79,22,62]],"3169":[0,[20,79,21,45]],"3151":[0,[20,79,21,43]],"3472":[1,[19,79,84,27]],"3168":[4,[20,79,26,45]],"1713":[4,[20,79,26,24]],"1737":[4,[20,79,26,22]],"2363":[4,[20,79,26,6]],"1337":[6,[19,81,21,57]],"1339":[6,[19,81,23,57]],"1351":[14,[19,81,25,7]],"3091":[6,[20,81,24,11]],"1846":[8,[19,135,22,30]],"3025":[8,[19,135,21,1]],"3040":[8,[19,135,24,19]],"3042":[10,[19,135,26,19]],"3495":[3,[19,79,83,45]],"3496":[1,[19,79,84,45]],"3504":[4,[20,393,21,47]],"3506":[4,[20,393,21,111]],"3570":[7,[19,395,1,33]],"6":[1,[19,79,26,10]],"2367":[1,[19,79,26,1]],"3422":[1,[19,79,83,67]],"2497":[1,[19,79,84,11]],"2498":[1,[19,79,83,4]],"2504":[1,[19,79,83,7]],"2098":[2,[19,79,21,1]],"2100":[2,[19,79,23,1]],"2114":[2,[19,79,23,5]],"2121":[2,[19,79,21,7]],"2133":[2,[19,79,21,3]],"2138":[2,[19,79,23,9]],"2139":[2,[19,79,23,45]],"2144":[2,[19,79,21,2]],"2145":[2,[19,79,22,2]],"2222":[2,[19,79,21,42]],"2228":[2,[19,79,21,43]],"2230":[2,[19,79,23,43]],"2236":[2,[19,79,23,44]],"2240":[2,[19,79,21,19]],"2241":[2,[19,79,22,19]],"2246":[2,[19,79,21,45]],"2281":[2,[19,79,23,69]],"2285":[2,[19,79,21,23]],"2286":[2,[19,79,22,23]],"2287":[2,[19,79,23,23]],"2293":[2,[19,79,23,67]],"2298":[2,[19,79,22,21]],"2341":[2,[19,79,23,70]],"2352":[2,[19,79,22,72]],"2357":[2,[19,79,21,22]],"2360":[2,[19,79,24,22]],"3227":[2,[19,79,21,108]],"3427":[1,[19,79,83,22]],"2081":[3,[19,79,26,1]],"2085":[3,[19,79,26,4]],"2207":[3,[19,79,84,9]],"2209":[3,[19,79,84,1]],"3433":[1,[19,79,83,3]],"2259":[3,[19,79,26,11]],"2261":[3,[19,79,26,2]],"2272":[3,[19,79,26,27]],"3443":[1,[19,79,84,2]],"399":[0,[20,79,23,11]],"417":[0,[20,79,21,9]],"422":[0,[20,79,21,2]],"430":[0,[20,79,24,3]],"432":[0,[20,79,21,5]],"442":[0,[20,79,21,8]],"443":[0,[20,79,22,8]],"3136":[0,[20,79,24,19]],"1708":[0,[20,79,21,24]],"1709":[0,[20,79,22,24]],"1710":[0,[20,79,23,24]],"1714":[0,[20,79,21,62]],"1722":[0,[20,79,23,23]],"1723":[0,[20,79,24,23]],"1728":[0,[20,79,23,68]],"3147":[0,[20,79,23,43]],"3148":[0,[20,79,24,43]],"3182":[0,[20,79,22,60]],"3187":[0,[20,79,21,60]],"2435":[0,[20,79,21,12]],"2445":[0,[20,79,21,11]],"2452":[0,[20,79,23,10]],"2609":[0,[20,79,23,23]],"2610":[0,[20,79,24,23]],"2613":[0,[20,79,21,68]],"2619":[0,[20,79,21,22]],"984":[4,[20,79,26,12]],"3318":[4,[20,79,26,3]],"3319":[4,[20,79,26,3]],"3484":[1,[19,79,84,43]],"3204":[4,[20,79,26,20]],"2624":[4,[20,79,26,22]],"3160":[2,[20,79,24,43]],"2200":[2,[20,79,21,8]],"2263":[2,[20,79,24,2]],"2303":[2,[20,79,21,27]],"3198":[3,[20,79,26,60]],"3485":[1,[19,79,84,43]],"3216":[3,[20,79,26,20]],"3144":[3,[20,79,26,19]],"3487":[1,[19,79,83,42]],"3186":[4,[20,79,26,60]],"3210":[4,[20,79,26,20]],"3132":[4,[20,79,26,19]],"3150":[4,[20,79,26,43]],"3423":[3,[19,79,83,67]],"2534":[4,[20,79,26,11]],"2535":[4,[20,79,26,4]],"2536":[4,[20,79,26,5]],"2537":[4,[20,79,26,7]],"2600":[4,[20,79,26,24]],"3177":[2,[20,79,23,45]],"3176":[2,[20,79,22,45]],"2156":[2,[20,79,23,1]],"2161":[2,[20,79,23,11]],"2166":[2,[20,79,23,10]],"2167":[2,[20,79,24,10]],"2177":[2,[20,79,24,7]],"2184":[2,[20,79,21,2]],"2185":[2,[20,79,22,2]],"2186":[2,[20,79,23,2]],"2188":[2,[20,79,24,3]],"2192":[2,[20,79,23,5]],"2196":[2,[20,79,22,6]],"2197":[2,[20,79,23,6]],"2198":[2,[20,79,24,6]],"2201":[2,[20,79,22,8]],"2202":[2,[20,79,23,8]],"2203":[2,[20,79,24,8]],"2265":[2,[20,79,21,3]],"2305":[2,[20,79,23,27]],"2315":[2,[20,79,21,62]],"2327":[2,[20,79,21,68]],"2330":[2,[20,79,24,68]],"3180":[3,[20,79,26,45]],"2077":[3,[20,79,26,6]],"3483":[3,[19,79,83,43]],"3162":[3,[20,79,26,43]],"3492":[3,[19,79,84,42]],"2219":[3,[20,79,26,1]],"2220":[3,[20,79,26,9]],"2251":[3,[20,79,26,7]],"2253":[3,[20,79,26,12]],"3507":[4,[20,393,22,1]],"3509":[4,[20,393,22,4]],"2338":[3,[20,79,26,22]],"831":[5,[19,80,23,46]],"832":[5,[19,80,24,46]],"1023":[5,[19,80,24,54]],"1025":[5,[19,80,21,4]],"1027":[5,[19,80,23,4]],"1028":[5,[19,80,24,4]],"1030":[5,[19,80,21,43]],"1033":[5,[19,80,24,43]],"1040":[5,[19,80,21,45]],"1045":[5,[19,80,21,44]],"1048":[5,[19,80,24,44]],"1035":[5,[19,80,21,42]],"827":[16,[19,80,25,47]],"1029":[16,[19,80,25,4]],"1049":[16,[19,80,25,44]],"988":[5,[20,80,24,54]],"991":[5,[20,80,22,4]],"996":[5,[20,80,22,43]],"1000":[5,[20,80,21,42]],"1001":[5,[20,80,22,42]],"1006":[5,[20,80,22,45]],"1010":[5,[20,80,21,44]],"1011":[5,[20,80,22,44]],"989":[16,[20,80,25,54]],"994":[16,[20,80,25,4]],"1322":[6,[19,81,21,38]],"1340":[6,[19,81,24,57]],"1343":[6,[19,81,22,11]],"1344":[6,[19,81,23,11]],"1345":[6,[19,81,24,11]],"1347":[6,[19,81,21,7]],"1349":[6,[19,81,23,7]],"1353":[6,[19,81,22,8]],"1354":[6,[19,81,23,8]],"1359":[6,[19,81,23,12]],"1360":[6,[19,81,24,12]],"1331":[14,[19,81,25,1]],"1336":[14,[19,81,25,9]],"1346":[14,[19,81,25,11]],"1356":[14,[19,81,25,8]],"1361":[14,[19,81,25,12]],"3097":[6,[20,81,22,4]],"851":[6,[20,81,21,1]],"874":[6,[20,81,24,7]],"2839":[4,[19,218,24,12]],"2844":[4,[19,218,21,1]],"2885":[4,[19,218,22,4]],"2887":[4,[19,218,24,4]],"2842":[7,[19,218,83,12]],"2849":[7,[19,218,26,1]],"2857":[7,[19,218,26,8]],"2791":[4,[20,213,22,1]],"2960":[6,[19,328,23,1]],"2967":[6,[19,328,24,4]],"2972":[6,[19,328,23,19]],"2976":[6,[19,328,21,74]],"2966":[6,[19,328,23,4]],"3236":[11,[19,370,24,1]],"3424":[1,[19,79,84,67]],"3437":[1,[19,79,84,3]],"3459":[3,[19,79,83,69]],"3508":[4,[20,393,22,12]],"3540":[7,[20,393,26,12]],"891":[6,[20,81,21,9]],"898":[6,[20,81,23,12]],"2955":[6,[19,328,24,12]],"2970":[6,[19,328,21,19]],"3425":[1,[19,79,84,67]],"3441":[3,[19,79,83,2]],"3444":[3,[19,79,84,2]],"3448":[1,[19,79,84,21]],"3336":[1,[19,378,21,110]],"3337":[1,[19,378,22,110]],"3353":[17,[19,378,26,30]],"3449":[1,[19,79,84,21]],"3511":[4,[20,393,22,11]],"3516":[4,[20,393,23,12]],"3518":[4,[20,393,23,3]],"3538":[1,[20,393,25,111]],"3545":[7,[20,393,26,69]],"3571":[7,[19,395,1,112]],"3572":[7,[19,395,1,113]],"3573":[7,[19,395,1,60]],"3576":[7,[19,395,21,1]],"3587":[7,[19,395,22,12]],"3589":[7,[19,395,22,112]],"3590":[7,[19,395,22,113]],"899":[6,[20,81,24,12]],"890":[14,[20,81,25,8]],"895":[14,[20,81,25,9]],"880":[14,[20,81,25,22]],"2853":[4,[19,218,22,8]],"2854":[4,[19,218,23,8]],"2851":[7,[19,218,84,1]],"2828":[4,[20,213,23,9]],"1825":[8,[19,135,21,11]],"1832":[8,[19,135,23,12]],"3041":[9,[19,135,25,19]],"3023":[10,[19,135,26,107]],"2973":[6,[19,328,24,19]],"3428":[1,[19,79,83,22]],"3429":[3,[19,79,83,22]],"3300":[1,[19,371,26,12]],"3462":[3,[19,79,84,69]],"3464":[1,[19,79,83,6]],"3338":[1,[19,378,23,110]],"3340":[7,[19,378,25,110]],"3347":[17,[19,378,26,28]],"2855":[4,[19,218,24,8]],"2797":[4,[20,213,22,4]],"2804":[4,[20,213,23,7]],"2958":[6,[19,328,21,1]],"2961":[6,[19,328,24,1]],"2964":[6,[19,328,21,4]],"2983":[6,[19,328,22,3]],"2991":[6,[19,328,24,75]],"2963":[15,[19,328,26,1]],"2987":[15,[19,328,26,3]],"3244":[11,[19,370,23,31]],"3288":[12,[19,371,22,7]],"3289":[12,[19,371,21,7]],"3296":[12,[19,371,24,12]],"3313":[12,[19,371,21,5]],"3301":[12,[19,371,21,11]],"3430":[1,[19,79,84,22]],"1104":[13,[20,104,21,38]],"1110":[13,[20,104,23,57]],"1133":[13,[20,104,22,65]],"1136":[13,[20,104,21,54]],"1137":[13,[20,104,22,54]],"3432":[3,[19,79,84,22]],"3482":[1,[19,79,83,43]],"3486":[3,[19,79,84,43]],"2074":[10,[19,135,26,12]],"2953":[6,[19,328,22,12]],"3431":[1,[19,79,84,22]],"3439":[1,[19,79,83,2]],"3447":[3,[19,79,83,21]],"3339":[1,[19,378,24,110]],"3352":[7,[19,378,25,30]],"3357":[1,[19,378,24,1]],"3359":[17,[19,378,26,1]],"3363":[1,[19,378,24,68]],"3367":[1,[19,378,22,9]],"3368":[1,[19,378,23,9]],"3512":[4,[20,393,22,47]],"3574":[7,[19,395,1,3]],"3594":[7,[19,395,23,1]],"3600":[7,[19,395,23,60]],"3624":[5,[19,395,26,33]],"1115":[13,[20,104,24,59]],"1122":[13,[20,104,23,43]],"1123":[13,[20,104,24,43]],"1125":[13,[20,104,22,40]],"1129":[13,[20,104,22,42]],"3434":[1,[19,79,83,3]],"3440":[1,[19,79,83,2]],"3341":[17,[19,378,26,110]],"3369":[1,[19,378,24,9]],"3453":[3,[19,79,83,5]],"3435":[3,[19,79,83,3]],"3451":[1,[19,79,83,5]],"3457":[1,[19,79,83,69]],"3342":[1,[19,378,21,28]],"3351":[1,[19,378,24,30]],"3355":[1,[19,378,22,1]],"3361":[1,[19,378,22,68]],"3364":[7,[19,378,25,68]],"3513":[4,[20,393,22,69]],"3519":[4,[20,393,23,11]],"3524":[4,[20,393,24,12]],"3575":[7,[19,395,1,114]],"3436":[1,[19,79,84,3]],"3450":[3,[19,79,84,21]],"3343":[1,[19,378,22,28]],"3346":[7,[19,378,25,28]],"3371":[17,[19,378,26,9]],"3455":[1,[19,79,84,5]],"3456":[3,[19,79,84,5]],"3458":[1,[19,79,83,69]],"3470":[1,[19,79,83,27]],"3474":[3,[19,79,84,27]],"3476":[1,[19,79,83,19]],"3480":[3,[19,79,84,19]],"3491":[1,[19,79,84,42]],"3493":[1,[19,79,83,45]],"3514":[4,[20,393,22,111]],"3517":[4,[20,393,23,4]],"3525":[4,[20,393,24,4]],"3543":[7,[20,393,26,11]],"3577":[7,[19,395,21,26]],"3591":[7,[19,395,22,60]],"3615":[17,[19,395,25,33]],"3617":[17,[19,395,25,113]],"3622":[5,[19,395,26,26]],"3442":[1,[19,79,84,2]],"3344":[1,[19,378,23,28]],"3358":[7,[19,378,25,1]],"3463":[1,[19,79,83,6]],"3497":[1,[19,79,84,45]],"3515":[4,[20,393,23,1]],"3529":[4,[20,393,24,69]],"3533":[1,[20,393,25,4]],"3578":[7,[19,395,21,12]],"3593":[7,[19,395,22,114]],"3610":[7,[19,395,24,3]],"3345":[1,[19,378,24,28]],"3356":[1,[19,378,23,1]],"3362":[1,[19,378,23,68]],"3370":[7,[19,378,25,9]],"3446":[1,[19,79,83,21]],"3520":[4,[20,393,23,47]],"3527":[4,[20,393,24,11]],"3541":[7,[20,393,26,4]],"3542":[7,[20,393,26,3]],"3579":[7,[19,395,21,33]],"3580":[7,[19,395,21,112]],"3625":[5,[19,395,26,112]],"3627":[5,[19,395,26,60]],"3348":[1,[19,378,21,30]],"3349":[1,[19,378,22,30]],"3354":[1,[19,378,21,1]],"3461":[1,[19,79,84,69]],"3466":[1,[19,79,84,6]],"3467":[1,[19,79,84,6]],"3468":[3,[19,79,84,6]],"3521":[4,[20,393,23,69]],"3522":[4,[20,393,23,111]],"3581":[7,[19,395,21,113]],"3584":[7,[19,395,21,114]],"3598":[7,[19,395,23,112]],"3350":[1,[19,378,23,30]],"3360":[1,[19,378,21,68]],"3365":[17,[19,378,26,68]],"3366":[1,[19,378,21,9]],"3471":[3,[19,79,83,27]],"3523":[4,[20,393,24,1]],"3582":[7,[19,395,21,60]],"3583":[7,[19,395,21,3]],"3586":[7,[19,395,22,26]],"3596":[7,[19,395,23,12]],"3609":[7,[19,395,24,60]],"3611":[7,[19,395,24,114]],"2368":[12,[19,79,25,10]],"3":[12,[19,79,25,1]],"2581":[12,[19,79,25,67]],"1":[12,[19,79,25,12]],"337":[12,[19,79,25,4]],"2569":[12,[19,79,25,69]],"21":[12,[19,79,25,2]],"1700":[12,[19,79,25,21]],"2647":[12,[19,79,25,22]],"923":[12,[19,79,25,19]],"2427":[12,[19,79,25,45]],"15":[12,[19,79,25,8]],"373":[12,[19,79,25,3]],"1688":[12,[19,79,25,23]],"11":[12,[19,79,25,6]],"9":[12,[19,79,25,5]],"1818":[12,[19,79,25,22]],"1750":[12,[19,79,25,70]],"13":[12,[19,79,25,7]],"17":[12,[19,79,25,9]],"1676":[12,[19,79,25,24]],"1694":[12,[19,79,25,67]],"5":[12,[19,79,25,10]],"2629":[12,[19,79,25,70]],"3228":[12,[19,79,25,108]],"929":[12,[19,79,25,45]],"905":[12,[19,79,25,42]],"911":[12,[19,79,25,43]],"917":[12,[19,79,25,44]],"3219":[12,[19,79,25,108]],"2376":[12,[19,79,25,7]],"2396":[12,[19,79,25,4]],"2575":[12,[19,79,25,23]],"19":[12,[19,79,25,11]],"2587":[12,[19,79,25,21]],"2420":[12,[19,79,25,3]],"2641":[12,[19,79,25,72]],"2530":[12,[19,79,25,19]],"2544":[12,[19,79,25,11]],"2540":[12,[19,79,25,8]],"2512":[12,[19,79,25,42]],"2557":[12,[19,79,25,27]],"2518":[12,[19,79,25,43]],"1670":[12,[19,79,25,27]],"1682":[12,[19,79,25,69]],"2524":[12,[19,79,25,44]],"2366":[12,[19,79,25,1]],"1812":[12,[19,79,25,72]],"1756":[12,[19,79,25,71]],"2546":[12,[19,79,25,2]],"2542":[12,[19,79,25,9]],"2364":[12,[19,79,25,12]],"2372":[12,[19,79,25,5]],"2374":[12,[19,79,25,6]],"2635":[12,[19,79,25,71]],"2563":[12,[19,79,25,24]],"3481":[1,[19,79,83,43]],"3490":[1,[19,79,84,42]],"3528":[4,[20,393,24,47]],"3532":[1,[20,393,25,12]],"3585":[7,[19,395,22,1]],"3607":[7,[19,395,24,112]],"3608":[7,[19,395,24,113]],"3619":[17,[19,395,25,3]],"2349":[18,[19,79,25,71]],"2256":[18,[19,79,25,9]],"2141":[18,[19,79,25,45]],"2078":[18,[19,79,25,12]],"2088":[18,[19,79,25,6]],"2134":[18,[19,79,25,3]],"2343":[18,[19,79,25,70]],"2355":[18,[19,79,25,72]],"2283":[18,[19,79,25,69]],"3222":[18,[19,79,25,108]],"2361":[18,[19,79,25,22]],"2238":[18,[19,79,25,44]],"2289":[18,[19,79,25,23]],"2295":[18,[19,79,25,67]],"2301":[18,[19,79,25,21]],"2244":[18,[19,79,25,19]],"2254":[18,[19,79,25,8]],"2258":[18,[19,79,25,11]],"2271":[18,[19,79,25,27]],"2090":[18,[19,79,25,7]],"2232":[18,[19,79,25,43]],"2110":[18,[19,79,25,4]],"2080":[18,[19,79,25,1]],"2086":[18,[19,79,25,5]],"2226":[18,[19,79,25,42]],"2277":[18,[19,79,25,24]],"2260":[18,[19,79,25,2]],"2082":[18,[19,79,25,10]],"441":[12,[20,79,25,6]],"2464":[12,[20,79,25,7]],"3173":[12,[20,79,25,45]],"3203":[12,[20,79,25,20]],"3209":[12,[20,79,25,20]],"1718":[12,[20,79,25,62]],"2623":[12,[20,79,25,22]],"391":[12,[20,79,25,12]],"436":[12,[20,79,25,5]],"396":[12,[20,79,25,1]],"406":[12,[20,79,25,10]],"421":[12,[20,79,25,9]],"446":[12,[20,79,25,8]],"2490":[12,[20,79,25,8]],"2617":[12,[20,79,25,68]],"2611":[12,[20,79,25,23]],"2459":[12,[20,79,25,4]],"2454":[12,[20,79,25,10]],"426":[12,[20,79,25,2]],"3155":[12,[20,79,25,43]],"431":[12,[20,79,25,3]],"3137":[12,[20,79,25,19]],"2444":[12,[20,79,25,1]],"2475":[12,[20,79,25,3]],"1724":[12,[20,79,25,23]],"2599":[12,[20,79,25,24]],"2605":[12,[20,79,25,62]],"3149":[12,[20,79,25,43]],"2593":[12,[20,79,25,27]],"1712":[12,[20,79,25,24]],"3185":[12,[20,79,25,60]],"2449":[12,[20,79,25,11]],"3191":[12,[20,79,25,60]],"416":[12,[20,79,25,7]],"2469":[12,[20,79,25,9]],"2485":[12,[20,79,25,6]],"3131":[12,[20,79,25,19]],"401":[12,[20,79,25,11]],"3167":[12,[20,79,25,45]],"2480":[12,[20,79,25,5]],"2550":[12,[20,79,25,2]],"1730":[12,[20,79,25,68]],"1706":[12,[20,79,25,27]],"2439":[12,[20,79,25,12]],"1736":[12,[20,79,25,22]],"411":[12,[20,79,25,4]],"3143":[18,[20,79,25,19]],"3161":[18,[20,79,25,43]],"3215":[18,[20,79,25,20]],"2168":[18,[20,79,25,10]],"2325":[18,[20,79,25,23]],"2264":[18,[20,79,25,2]],"2163":[18,[20,79,25,11]],"2194":[18,[20,79,25,5]],"2313":[18,[20,79,25,24]],"2319":[18,[20,79,25,62]],"2153":[18,[20,79,25,12]],"2189":[18,[20,79,25,3]],"2307":[18,[20,79,25,27]],"3197":[18,[20,79,25,60]],"2158":[18,[20,79,25,1]],"2173":[18,[20,79,25,4]],"2178":[18,[20,79,25,7]],"2183":[18,[20,79,25,9]],"3179":[18,[20,79,25,45]],"2199":[18,[20,79,25,6]],"2204":[18,[20,79,25,8]],"2331":[18,[20,79,25,68]],"2337":[18,[20,79,25,22]],"2840":[1,[19,218,25,12]],"2888":[1,[19,218,25,4]],"2848":[1,[19,218,25,1]],"2872":[1,[19,218,25,7]],"2880":[1,[19,218,25,9]],"2864":[1,[19,218,25,18]],"2856":[1,[19,218,25,8]],"2812":[1,[20,213,25,11]],"2818":[1,[20,213,25,12]],"2794":[1,[20,213,25,1]],"2800":[1,[20,213,25,4]],"2824":[1,[20,213,25,27]],"2806":[1,[20,213,25,7]],"2830":[1,[20,213,25,9]],"2962":[14,[19,328,25,1]],"2968":[14,[19,328,25,4]],"2956":[14,[19,328,25,12]],"2980":[14,[19,328,25,74]],"2986":[14,[19,328,25,3]],"2974":[14,[19,328,25,19]],"2992":[14,[19,328,25,75]],"3298":[4,[19,371,25,11]],"3299":[4,[19,371,25,9]],"3315":[4,[19,371,25,5]],"3277":[4,[19,371,25,8]],"3290":[4,[19,371,25,7]],"3270":[4,[19,371,25,1]],"3271":[4,[19,371,25,12]],"3489":[3,[19,79,83,42]],"3530":[4,[20,393,24,111]],"3531":[1,[20,393,25,1]],"3534":[1,[20,393,25,3]],"3588":[7,[19,395,22,33]],"3602":[7,[19,395,23,114]],"3605":[7,[19,395,24,12]],"3616":[17,[19,395,25,112]],"3245":[19,[19,370,25,31]],"3242":[19,[19,370,25,107]],"3243":[19,[19,370,25,12]],"3232":[19,[19,370,25,1]],"2795":[7,[20,213,26,1]],"2813":[7,[20,213,26,11]],"3535":[1,[20,393,25,11]],"3592":[7,[19,395,22,3]],"3628":[5,[19,395,26,3]],"2801":[7,[20,213,26,4]],"3488":[1,[19,79,83,42]],"3494":[1,[19,79,83,45]],"3536":[1,[20,393,25,47]],"3539":[7,[20,393,26,1]],"3603":[7,[19,395,24,1]],"3604":[7,[19,395,24,26]],"3613":[17,[19,395,25,26]],"2807":[7,[20,213,26,7]],"3544":[7,[20,393,26,47]],"3606":[7,[19,395,24,33]],"3614":[17,[19,395,25,12]],"2819":[7,[20,213,26,12]],"3546":[7,[20,393,26,111]],"3612":[17,[19,395,25,1]],"2825":[7,[20,213,26,27]],"3620":[17,[19,395,25,114]],"3626":[5,[19,395,26,113]],"2831":[7,[20,213,26,9]],"3621":[5,[19,395,26,1]],"3629":[5,[19,395,26,114]]},"descriptions":[["50% Cotton / 50% Polyester. Heathered colors offer additional stretch and options -- the softest shirts in the business and the perfect weight for a graphic tee.",[1339,1338,1340,1337,1341]],["Cotton/Poly blend. The softest in the business and the perfect weight for a graphic tee",[2393,8,2085,2172,337,2535,338,2212,2213,2371,2459,407,409,410,2458,2498,539,1325,980,2111,2107,2395,2396,2455,2169,408,2456,2170,2457,2171,2249,2392,2394,333,334,1324,1322,335,336,1323,538,1326,2397,2109,2106,2110,2108,2499,411,2173]],["100% combed ringspun cotton. The perfect fabric for a graphic tee in a relaxed cut and still the softest in the business.",[2806,2799,2796,2801,2824,2795,2830,2829,2810,2809,2794,2800,2815,2797,2825,2813,2819,2804,2812,2817,2811,2791,2792,2793,2807,2802,2803,2826,2827,2831,2820,2821,2822,2823,2798,2814,2808,2790,2805,2816,2818,2828]],["65% Polyester, 35% Viscose. Lightweight with the perfect cut and a flattering v-neck. Fabric drapes loosely across body for a comfortable, relaxed fit.",[1785,1786,1787,1788,1790,1791,1793,1798,1799,1802,1805,1806,1796,1783,1792,1804,1797,1800,1801,1807,1784,1789,1794,1803,1795]],["50% Polyester, 25% Cotton, 25% Rayon blend. A light, bouncy shirt with a flowy, relaxed fit and dolman sleeves.",[1130,1121,1108,1111,1100,1101,1102,1129,1116,1127,1107,1120,1119,1105,1109,1110,1112,1115,1132,1124,1136,1137,1104,1138,1139,1106,1103,1128,1131,1122,1123,1113,1114,1133,1134,1135,1125,1126,1117,1118]],["Combed ringspun cotton/poly blend. A perfectly comfortable combination of classic cut and vintage style.",[2776,2786,2787,2781,2782,2783,2780,2785,2770,2772,2775,2777,2771,2773,2778,2788]],["100% Airlume pre-shrunk combed and ringspun cotton",[3247,3241,3236,3246,3250,3243,3248,3249,3251,3239,3234,3244,3232,3233,3235,3237,3238,3240,3242,3245]],["100% combed ringspun cotton. The perfect fabric for a graphic tee and the softest in the business. (Due to product availability, cotton type may vary for 2XL and 3XL sizes)",[3408,3403,3404,2478,3452,3498,3417,3252,3405,3460,3465,3454,2637,3406,2205,3411,3407,3421,3416,881,3412,3414,3261,3413,3479,3127,3438,3445,3418,3410,3469,3436,3439,2415,3450,3419,3437,3424,3495,3420,3427,3422,2558,2582,3423,3448,3441,3444,3426,364,2368,3253,3428,3429,3,3462,3464,7,3259,3430,3432,3263,3264,3265,2122,3256,3266,2500,2501,3254,3260,1,357,3440,3434,3258,3262,3255,2264,3210,3453,2191,3457,3435,2206,329,4,3257,3451,1680,540,1709,2310,3463,3497,2272,3442,3446,374,377,875,20,3449,2193,2165,2305,2121,3141,3458,2592,2306,3171,3456,2125,3455,2133,3466,3467,358,376,3461,3468,3475,3476,2442,2451,3493,3480,2360,3491,1334,3425,22,341,3209,378,3490,3481,441,2593,389,391,3487,433,436,421,383,3203,3431,3488,3494,1967,10,315,316,366,1361,1344,3489,344,3496,382,348,2151,2154,1704,3134,369,3471,3133,3096,1808,2192,352,1348,3443,3478,2331,2175,3215,2569,3409,3160,3169,1710,2489,21,2471,3415,3459,3177,3091,854,1700,3447,2388,878,2440,3433,2581,1711,1723,3319,3482,2256,400,887,892,855,2647,1811,327,328,2083,3486,3193,360,1819,3470,2549,2187,3183,3214,3472,2598,2315,2176,415,861,3098,870,3473,3484,3485,396,2319,406,2482,443,2487,2333,425,405,3474,3477,2419,2421,2159,3492,2586,2248,2201,2438,2445,15,2252,3483,1329,2311,2203,2194,981,2330,1718,402,2615,2464,535,3217,883,2443,2507,3220,323,395,2640,340,1335,2186,2158,2600,2117,2309,3227,2155,446,2490,543,2576,2538,2334,858,2146,372,373,2138,848,2163,2184,1726,2078,866,2450,2589,2157,370,347,2088,445,365,2387,2105,1720,2607,2323,2324,2611,2551,2623,423,1722,427,2475,435,3185,3197,1688,1679,2119,2204,3224,2325,2266,3181,2127,384,2400,11,2250,324,3317,3139,3128,3150,1695,2150,2337,2190,1717,3204,2136,2553,2327,2536,2328,2329,1729,1714,1716,2179,1727,2614,3206,2483,354,2316,2537,3189,542,417,2617,2468,2644,2539,2477,2317,2178,2506,404,371,2452,444,420,403,2164,3205,3213,2166,2167,3143,3156,2253,2453,322,2454,2168,437,2437,2263,439,2197,2199,3225,2363,2312,381,428,3151,3152,3163,3178,339,426,412,3173,3093,342,3132,2338,3154,3155,3161,3162,3175,3174,9,3180,429,431,2354,2375,896,898,3137,2441,1671,2444,2448,3182,2591,3130,3153,2152,2447,1678,1681,1697,1699,1691,1701,346,2505,2472,1815,2470,2484,1818,1724,2473,3195,3186,2547,2476,2616,3148,531,1735,2474,432,857,353,533,2479,3140,2579,859,1814,2572,14,534,2599,536,537,2596,2605,2604,865,867,2603,3179,2610,2620,2609,3149,351,3212,3216,846,3187,1737,13,3226,3136,1359,1328,359,1352,1349,1351,16,3230,3198,982,397,393,2307,1707,2379,541,2087,2207,12,17,3231,1673,3190,3188,3168,2298,2300,375,3223,2079,2095,2077,3176,3147,2597,1712,2313,2134,1713,2486,2200,2097,2143,2101,1694,1683,1674,3138,1676,847,960,2102,2104,1733,1734,2335,2622,2336,2126,2355,1732,2267,2185,3170,330,5,2156,2217,2275,2188,860,2608,2270,2265,2552,2189,3228,6,2209,2282,434,442,3158,864,3144,2278,2449,2221,3191,3192,2283,3229,3159,2601,2602,1336,3194,856,2318,3089,2460,2174,3157,2461,2462,2463,862,2177,416,3211,3184,2251,1333,3196,3146,863,2465,18,418,532,2180,2181,2182,885,3222,2466,2467,2469,2183,977,2220,318,3164,3199,3200,2380,2403,3202,1346,1347,3207,3221,317,3208,3219,3165,2351,984,2352,2408,2424,2481,438,983,2195,2196,2365,3201,440,2198,2485,3218,3166,2590,2304,1705,2412,2357,2376,3092,388,394,2361,2353,2429,2594,2575,2308,345,2381,3318,2382,2386,2414,399,2322,2369,2404,2613,1666,3135,19,3129,3142,3131,2,321,363,2606,3145,1693,2502,2559,401,3172,3167,2587,2577,2578,2410,2436,398,2432,2406,2416,430,392,2641,2585,2420,2545,422,424,2417,978,386,976,979,2497,2570,2595,2493,2480,1343,1331,413,2540,414,3090,2544,2580,2557,852,853,2534,888,889,890,876,2639,877,874,880,871,872,873,897,893,899,419,1342,390,2624,3097,894,895,3094,1354,1357,1358,1330,1353,1356,2550,2588,850,868,3095,1345,1332,1360,1355,1350,1685,2541,2560,2565,2567,886,869,1327,1698,1692,900,851,882,1687,1677,1708,1668,2584,2573,1719,849,879,1684,1686,1682,884,1670,891,1731,1730,2619,387,1696,2621,2148,2261,2286,1703,1706,2288,2135,2268,2144,2112,2093,2116,2115,2123,2128,2290,2124,2153,2208,2145,2297,2299,2289,2292,2295,2215,2301,2302,2279,2274,2434,2285,2291,2218,2287,2366,2294,2284,2262,2273,1715,1689,1675,1667,2356,2269,1669,2439,2254,2255,1672,1690,2384,2259,2258,1736,1721,1816,1817,1809,1810,1812,1725,2358,2359,2418,1728,2378,2561,1813,2583,2409,2390,2564,2612,2433,2422,2391,2405,2646,2638,2546,2402,2398,2413,2430,2431,2399,2401,2407,2435,2504,2446,2423,2492,2494,2503,2495,2542,2618,2554,2555,2556,2271,2321,2320,2326,2571,2092,2090,2543,2103,2566,2132,2202,2131,2089,2098,2214,2161,2113,2137,2149,2389,2216,2096,2099,2276,2081,2100,2094,2118,2084,2080,2086,2160,2091,2211,2210,2130,2120,2147,2162,2488,2281,2548,2562,2373,2364,2367,2332,2362,2293,2372,2257,2280,2383,2377,2491,2374,2277,2496,2260,2370,2385,2648,2314,2411,2643,2645,2642,2563,2568,2574,2219,1702,2296,2303,2114,2082,2129]],["100% combed cotton. A feminine cut featuring a v-neck in extended sizes that are all designed to wear, wash and age well.",[2667,2660,2662,2663,2664,2673,2655,2656,2657,2674,2659,2661,2668,2669,2671,2672,2658,2665,2666,2670]],["Moisture management/antimicrobial performance fabric, 100% Polyester",[3291,3271,3296,3280,3295,3278,3287,3315,3294,3293,3313,3268,3273,3272,3269,3292,3279,3285,3281,3267,3283,3286,3289,3290,3297,3270,3301,3312,3298,3314,3274,3277,3288,3311,3299,3276,3275,3284,3302,3282,3300,3316]],["100% combed ringspun cotton (Heather is a cotton/poly blend) with a heavier weight than the Classic T-Shirt for a timeless fit. The perfect fabric for a graphic tee in a standard cut up to 5XL - and still the softest in the business.",[2878,2870,2845,2869,2858,2879,2856,2863,2872,2860,2865,2874,2868,2885,2887,2883,2877,2847,2866,2881,2864,2875,2876,2855,2859,2850,2880,2890,2886,2891,2889,2857,2841,2849,2853,2873,2871,2836,2867,2851,2852,2854,2861,2862,2842,2882,2884,2840,2843,2846,2844,2839,2888,2837,2838,2848]],["100% Cotton. Lightweight with the perfect cut. Fabric drapes loosely across body for a comfortable, relaxed fit. Due to availability, some colors may be a poly-viscose blend.",[1761,1762,1778,1779,1772,1773,1782,1758,1763,1764,1766,1759,1760,1774,1768,1770,1771,1775,1776,1777,1781,1780,1765,1767,1769]],["Polyester/cotton/rayon blend. A lighter, super soft tee with stretch.",[1820,1008,1049,1019,836,1010,1027,1018,837,844,806,823,1046,1001,830,831,993,998,1015,1037,988,808,1003,994,809,1011,989,990,1006,1005,995,997,858,1007,1009,1016,1017,1020,815,1038,817,1031,1024,1025,1028,1034,812,810,811,816,820,821,828,814,818,813,841,839,843,842,1021,1022,834,835,838,840,845,1026,833,1048,1030,1032,1033,1040,1041,1042,1035,1029,1023,1036,1039,1045,1047,807,1002,1004,1012,1013,1014,822,1000,829,832,824,825,827,826,1043,1044,819,992,996,985,986,987,991]],["100% combed cotton. The perfect fabric for a graphic tee and the softest in the business.",[3358,3344,3351,3364,3355,3338,3367,3352,3365,3342,3345,3349,3369,3348,3361,3343,3363,3368,3370,3346,3347,3353,3371,3340,3341,3362,3337,3359,3350,3356,3339,3336,3354,3366,3360,3357]],["100% combed ringspun cotton. A perfectly comfortable combination of classic cut and vintage style.",[2784,2779,2789,2774]],["100% combed cotton.  A feminine cut in extended sizes that are all designed to wear, wash and age well.",[1924,1925,1937,1932,1933,1928,1931,1935,1934,1939,1941,1926,1927,1929,1930,1936,1922,1923,1938,1940]],["60% Cotton / 40% Polyester. A heathered, feminine cut in extended sizes that are all designed to wear, wash and age well.\r\n",[1943,1945,1942,1944,2676,2677,2678,2675]],["Cotton/Poly blend.  Heathered versions of our classic tee colors -- the softest shirts in the business and the perfect weight for a graphic tee.",[916,2340,2239,2228,2141,2349,2519,2527,2227,2508,2347,2230,923,902,925,2427,2627,2525,2139,913,2426,2142,2229,2234,2428,2509,2344,2345,1750,2517,2532,901,1751,2632,2633,912,2343,2231,2510,2629,2514,2516,2233,2235,926,929,930,2242,903,905,921,2243,2342,2246,904,906,917,918,911,908,909,2526,2350,2520,2528,2530,2531,2631,2513,2521,2523,2515,2512,2628,2518,919,920,922,924,914,915,907,910,927,928,2533,2625,1746,2626,2240,2238,2630,2222,2237,2241,2244,2524,1753,1748,1752,2339,1747,1749,1756,1757,1754,1755,2511,2529,2247,2232,2140,2223,2224,2245,2236,2522,2225,2226,2348,2425,2346,2341,2634,2636,2635]],["60% Organic Cotton, 40% Recycled Poly RPET - approximately 4 recycled RPET bottles are used per shirt. A heavier weight than the Classic T-Shirt, for enhanced comfort and durability. Your favorite t-shirt, made better. ",[2954,2959,2986,2981,2988,2976,2956,2977,2975,2978,2958,2991,2992,2960,2982,2989,2993,2967,2971,2973,2974,2980,2952,2969,2984,2987,2970,2972,2955,2962,2957,2985,2968,2953,2983,2965,2979,2961,2963,2990,2964,2966]],["100% Combed Ring-Spun Cotton. A heavyweight, breathable fabric with a smooth, comfortable feel. Designed with a relaxed, boxy fit and mid-length hem for a modern, easygoing silhouette.",[3535,3500,3526,3542,3529,3510,3518,3507,3537,3539,3538,3504,3540,3520,3511,3544,3519,3506,3546,3534,3521,3523,3508,3516,3499,3528,3545,3531,3524,3536,3502,3527,3503,3532,3543,3522,3515,3514,3530,3513,3505,3512]],["90% Combed Ring-Spun Cotton, 10% Polyester. A heavyweight, breathable fabric with a smooth, comfortable feel. Designed with a relaxed, boxy fit and mid-length hem for a modern, easygoing silhouette.",[3541,3517,3533,3509,3525,3501]],["100% Combed Ring Spun Cotton. This heavyweight, breathable fabric offers a smooth, comfortable feel. Designed with a relaxed fit, and drop shoulder for an easy, laid-back look. ",[2074,1848,2068,1838,1837,1836,1825,1849,2072,3024,3027,3035,1831,1842,3032,1830,1827,1845,1841,1846,1832,1833,1835,2075,3029,3031,3018,3019,2069,3028,3033,3022,3030,1840,1844,1847,1828,1839,1834,1843,1829,1826,3023,3040,2076,2070,2071,2073,3041,3036,3025,3026,3021,3037,3038,3020,3034,3039,3042]],["This tee is made from 100% heavyweight cotton and garment-dyed for a soft, broken-in feel. It features a relaxed fit, crew neckline, and a slightly cropped length. Each piece is one of a kind thanks to the dye process. Durable and easy to wear.",[3567,3578,3568,3616,3573,3569,3595,3571,3589,3626,3576,3572,3581,3574,3575,3592,3583,3591,3577,3579,3587,3582,3622,3602,3614,3580,3625,3590,3588,3585,3601,3598,3586,3603,3594,3599,3596,3611,3608,3606,3604,3605,3617,3609,3624,3607,3621,3613,3619,3623,3628,3627,3629,3612,3618,3593,3620,3610,3615,3570,3597,3600,3584]]],"tooltips":[{"type":"tee_outline","header":"TEE TIP!","tip":"When in doubt, size up.","product_ids":[2624,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412,413,414,415,416,417,418,419,420,421,422,423,424,425,426,427,428,429,430,431,432,433,434,435,436,437,438,439,440,441,442,443,444,445,446,2363,2434,2435,2436,2437,2438,2439,2440,2441,2442,2443,2444,2445,2446,2447,2448,2449,2450,2451,2452,2453,2454,2455,2456,2457,2458,2459,2460,2461,2462,2463,2464,2465,2466,2467,2468,2469,2470,2471,2472,2473,2474,2475,2476,2477,2478,2479,2480,2481,2482,2483,2484,2485,2486,2487,2488,2489,2490,2505,2506,2507,2534,2535,2536,2537,2538,2539,2549,2550,2551,2552,2589,2590,2591,2592,2593,2594,2595,2596,2597,2598,2599,2600,2601,2602,2603,2604,2605,2606,2607,2608,2609,2610,2611,2612,2613,2614,2615,2616,2617,2618,2619,2620,2621,2622,2623,386,976,977,978,979,980,981,982,983,984,1702,1703,1704,1705,1706,1707,1708,1709,1710,1711,1712,1713,1714,1715,1716,1717,1718,1719,1720,1721,1722,1723,1724,1725,1726,1727,1728,1729,1730,1731,1732,1733,1734,1735,1736,1737,1967,2077,2148,2149,2150,2151,2152,2153,2154,2155,2156,2157,2158,2159,2160,2161,2162,2163,2164,2165,2166,2167,2168,2169,2170,2171,2172,2173,2174,2175,2176,2177,2178,2179,2180,2181,2182,2183,2184,2185,2186,2187,2188,2189,2190,2191,2192,2193,2194,2195,2196,2197,2198,2199,2200,2201,2202,2203,2204,2219,2220,2221,2248,2249,2250,2251,2252,2253,2263,2264,2265,2266,2303,2304,2305,2306,2307,2308,2309,2310,2311,2312,2313,2314,2315,2316,2317,2318,2319,2320,2321,2322,2323,2324,2325,2326,2327,2328,2329,2330,2331,2332,2333,2334,2335,2336,2337,2338]},{"type":"tee_outline","header":"TEE TIP!","tip":"Many customers prefer to order a size or two up for the Tri-Blend T-Shirt","product_ids":[806,807,808,809,810,811,812,813,814,815,816,817,818,819,820,821,1012,1013,1014,1015,1016,1017,1018,1019,1820,985,986,987,988,989,990,991,992,993,994,995,996,997,998,858,1000,1001,1002,1003,1004,1005,1006,1007,1008,1009,1010,1011]},{"type":"tee_outline","header":"TEE TIP!","tip":"When in doubt, size up.","product_ids":[882,883,884,885,886,887,888,889,890,891,892,893,894,895,896,897,898,899,900,846,847,848,849,850,851,852,853,854,855,856,857,858,859,860,861,862,863,864,865,866,867,868,869,870,871,872,873,874,875,876,877,878,879,880,881]}],"colors":{"40":{"id":40,"name":"Vintage Grape","display_name":"Vintage Grape","hex":"#4a3b62","sort_order":590,"slug":"vintage_grape","classes":"heather","image":null,"seasonal":false},"59":{"id":59,"name":"Indigo","display_name":"Indigo","hex":"#4c4f61","sort_order":520,"slug":"indigo","classes":"heather","image":null,"seasonal":false},"6":{"id":6,"name":"Light Blue","display_name":"Light Blue","hex":"#c8e0ec","sort_order":360,"slug":"light_blue","classes":"","image":null,"seasonal":false},"12":{"id":12,"name":"White","display_name":"White","hex":"#ffffff","sort_order":1,"slug":"white","classes":"bordered","image":null,"seasonal":false},"74":{"id":74,"name":"Heather Sea Blue","display_name":"Heather Sea Blue","hex":"#95adb1","sort_order":585,"slug":"heather_sea_blue","classes":"heather","image":null,"seasonal":false},"19":{"id":19,"name":"Charcoal Heather","display_name":"Charcoal Heather","hex":"#39383d","sort_order":450,"slug":"charcoal_heather","classes":"heather","image":null,"seasonal":false},"71":{"id":71,"name":"Turquoise Heather","display_name":"Turquoise Heather","hex":"#33a5cf","sort_order":489,"slug":"turquoise_heather","classes":"heather","image":null,"seasonal":false},"107":{"id":107,"name":"Marine Blue","display_name":"Marine Blue","hex":"#04507f","sort_order":315,"slug":"marine_blue","classes":"","image":null,"seasonal":false},"57":{"id":57,"name":"Dark Grey Heather","display_name":"Dark Grey Heather","hex":"#686268","sort_order":430,"slug":"dark_grey_heather","classes":"heather","image":null,"seasonal":false},"68":{"id":68,"name":"Light Olive","display_name":"Light Olive","hex":"#878361","sort_order":272,"slug":"light_olive","classes":"","image":null,"seasonal":false},"42":{"id":42,"name":"Red Heather","display_name":"Red Heather","hex":"#ec465a","sort_order":460,"slug":"red_heather","classes":"heather","image":null,"seasonal":false},"8":{"id":8,"name":"Red","display_name":"Red","hex":"#c62b29","sort_order":110,"slug":"red","classes":"","image":null,"seasonal":false},"72":{"id":72,"name":"Hot Pink","display_name":"Hot Pink","hex":"#ef4a81","sort_order":132,"slug":"hot_pink","classes":"","image":null,"seasonal":false},"31":{"id":31,"name":"Dark Grey","display_name":"Dark Grey","hex":"#6e6e6e","sort_order":30,"slug":"dark_grey","classes":"","image":null,"seasonal":false},"21":{"id":21,"name":"Orange","display_name":"Orange","hex":"#dc4405","sort_order":160,"slug":"orange","classes":"","image":null,"seasonal":false},"65":{"id":65,"name":"Vintage Royal","display_name":"Vintage Royal","hex":"#5157a7","sort_order":540,"slug":"vintage_royal","classes":"heather","image":null,"seasonal":false},"67":{"id":67,"name":"Military Green","display_name":"Military Green","hex":"#5d5334","sort_order":222,"slug":"military_green","classes":"","image":null,"seasonal":false},"111":{"id":111,"name":"Faded Red","display_name":"Faded Red","hex":"#dc6876","sort_order":133,"slug":"faded_red","classes":"","image":null,"seasonal":false},"113":{"id":113,"name":"Latte","display_name":"Latte","hex":"#d9c2a3","sort_order":205,"slug":"latte","classes":"","image":null,"seasonal":false},"10":{"id":10,"name":"Teal","display_name":"Teal","hex":"#0195c3","sort_order":330,"slug":"teal","classes":"","image":null,"seasonal":false},"36":{"id":36,"name":"Sky Blue","display_name":"Sky Blue","hex":"#9ec4ff","sort_order":570,"slug":"sky_blue","classes":"heather","image":null,"seasonal":false},"9":{"id":9,"name":"Royal Blue","display_name":"Royal Blue","hex":"#36538b","sort_order":310,"slug":"royal_blue","classes":"","image":null,"seasonal":false},"108":{"id":108,"name":"Tie Dye","display_name":"Tie Dye","hex":"#fefefe","sort_order":660,"slug":"tie_dye","classes":"tie_dye","image":null,"seasonal":false},"70":{"id":70,"name":"Purple Heather","display_name":"Purple Heather","hex":"#7b6189","sort_order":491,"slug":"purple_heather","classes":"heather","image":null,"seasonal":false},"44":{"id":44,"name":"Vintage Green","display_name":"Vintage Green","hex":"#76ba7f","sort_order":490,"slug":"vintage_green","classes":"heather","image":null,"seasonal":false},"18":{"id":18,"name":"Dark Green","display_name":"Dark Green","hex":"#005030","sort_order":230,"slug":"dark_green","classes":"","image":null,"seasonal":false},"11":{"id":11,"name":"Asphalt","display_name":"Asphalt","hex":"#484849","sort_order":40,"slug":"asphalt","classes":"","image":null,"seasonal":false},"22":{"id":22,"name":"Soft Pink","display_name":"Soft Pink","hex":"#fac2cd","sort_order":130,"slug":"soft_pink","classes":"","image":null,"seasonal":false},"110":{"id":110,"name":"Acid Black","display_name":"Acid Black","hex":"#463f46","sort_order":72,"slug":"acid_black","classes":"heather","image":null,"seasonal":false},"75":{"id":75,"name":"Pine","display_name":"Pine","hex":"#47605a","sort_order":245,"slug":"pine","classes":"","image":null,"seasonal":false},"35":{"id":35,"name":"Grass","display_name":"Grass","hex":"#5aad52","sort_order":250,"slug":"grass","classes":"","image":null,"seasonal":false},"45":{"id":45,"name":"Royal Heather","display_name":"Royal Heather","hex":"#3973b9","sort_order":550,"slug":"royal_heather","classes":"heather","image":null,"seasonal":false},"63":{"id":63,"name":"Plum","display_name":"Plum","hex":"#3b2134","sort_order":370,"slug":"plum","classes":"","image":null,"seasonal":false},"1":{"id":1,"name":"Black","display_name":"Black","hex":"#191919","sort_order":70,"slug":"black","classes":"","image":null,"seasonal":false},"60":{"id":60,"name":"Leaf","display_name":"Leaf","hex":"#9cb58c","sort_order":270,"slug":"leaf","classes":"","image":null,"seasonal":false},"24":{"id":24,"name":"Maroon","display_name":"Maroon","hex":"#6e2229","sort_order":90,"slug":"maroon","classes":"","image":null,"seasonal":false},"48":{"id":48,"name":"Black/White","display_name":"Black/White","hex":"#191920","sort_order":600,"slug":"black_white","classes":"bordered","image":"https://assets.teepublic.com/assets/colors/svg/color_tile_black_white-54c1a2d052cb4b469d0955f9bcf8601ba81ce60482e3b57b3e33483c50877dd5.svg","seasonal":false},"62":{"id":62,"name":"Mint","display_name":"Mint","hex":"#d3ddd8","sort_order":280,"slug":"mint","classes":"","image":null,"seasonal":false},"51":{"id":51,"name":"White/Navy","display_name":"White/Navy","hex":"#feffff","sort_order":650,"slug":"white_navy","classes":"bordered","image":"https://assets.teepublic.com/assets/colors/svg/color_tile_white_navy-69bf39351610a792c3f65a9c561c0a65f5c39c7e0120141d798b356680b13f2f.svg","seasonal":false},"23":{"id":23,"name":"Yellow","display_name":"Yellow","hex":"#ffb81c","sort_order":180,"slug":"yellow","classes":"","image":null,"seasonal":false},"4":{"id":4,"name":"Heather","display_name":"Heather","hex":"#fffffe","sort_order":400,"slug":"heather","classes":"heather bordered","image":null,"seasonal":false},"112":{"id":112,"name":"Ghost","display_name":"Ghost","hex":"#e8e4df","sort_order":12,"slug":"ghost","classes":"","image":null,"seasonal":false},"27":{"id":27,"name":"Purple","display_name":"Purple","hex":"#5e366e","sort_order":380,"slug":"purple","classes":"","image":null,"seasonal":false},"46":{"id":46,"name":"Vintage Black","display_name":"Vintage Black","hex":"#2d2b33","sort_order":440,"slug":"vintage_black","classes":"heather","image":null,"seasonal":false},"43":{"id":43,"name":"Navy Heather","display_name":"Navy Heather","hex":"#3b4356","sort_order":510,"slug":"navy_heather","classes":"heather","image":null,"seasonal":false},"3":{"id":3,"name":"Creme","display_name":"Creme","hex":"#eae0c7","sort_order":200,"slug":"creme","classes":"","image":null,"seasonal":false},"26":{"id":26,"name":"Oxford","display_name":"Oxford","hex":"#909091","sort_order":20,"slug":"oxford","classes":"","image":null,"seasonal":false},"38":{"id":38,"name":"Vintage Heather","display_name":"Vintage Heather","hex":"#908d91","sort_order":420,"slug":"vintage_heather","classes":"heather","image":null,"seasonal":false},"20":{"id":20,"name":"Coastal Blue","display_name":"Coastal Blue","hex":"#7da1c4","sort_order":340,"slug":"coastal_blue","classes":"","image":null,"seasonal":false},"14":{"id":14,"name":"Deep Royal","display_name":"Deep Royal","hex":"#233a7e","sort_order":300,"slug":"deep_royal","classes":"","image":null,"seasonal":false},"33":{"id":33,"name":"Midnight Navy","display_name":"Midnight Navy","hex":"#002a43","sort_order":500,"slug":"midnight_navy","classes":"","image":null,"seasonal":false},"53":{"id":53,"name":"White/Red","display_name":"White/Red","hex":"#fefeff","sort_order":630,"slug":"white_red","classes":"bordered","image":"https://assets.teepublic.com/assets/colors/svg/color_tile_white_red-28de49cbdf6cc0bb2d21ef2ee2e5a7d84dfa4c75d3180b0c0761f6975cbaeb9b.svg","seasonal":false},"2":{"id":2,"name":"Brown","display_name":"Brown","hex":"#42332c","sort_order":140,"slug":"brown","classes":"","image":null,"seasonal":false},"54":{"id":54,"name":"Vintage White","display_name":"Vintage White","hex":"#fefefd","sort_order":390,"slug":"vintage_white","classes":"light_heather bordered","image":null,"seasonal":false},"114":{"id":114,"name":"Salmon","display_name":"Salmon","hex":"#e3c2bf","sort_order":131,"slug":"salmon","classes":"","image":null,"seasonal":false},"69":{"id":69,"name":"Slate","display_name":"Slate","hex":"#768e9a","sort_order":332,"slug":"slate","classes":"","image":null,"seasonal":false},"5":{"id":5,"name":"Kelly","display_name":"Kelly","hex":"#0f7b47","sort_order":240,"slug":"kelly","classes":"","image":null,"seasonal":false},"28":{"id":28,"name":"Tennessee Orange","display_name":"Tennessee Orange","hex":"#ed8b00","sort_order":170,"slug":"tennessee_orange","classes":"","image":null,"seasonal":false},"109":{"id":109,"name":"Raspberry Sorbet","display_name":"Raspberry Sorbet (Limited Edition)","hex":"#c6057b","sort_order":75,"slug":"raspberry_sorbet","classes":"","image":null,"seasonal":true},"73":{"id":73,"name":"Navy/White","display_name":"Navy/White","hex":"#262c3b","sort_order":601,"slug":"navy_white","classes":"bordered","image":"https://assets.teepublic.com/assets/colors/svg/color_tile_navy_white-f2abffeb7cceff195ea1da8d91fcdb57d2ccbb7c7e064cead6e200f42b58c648.svg","seasonal":false},"30":{"id":30,"name":"Light Grey","display_name":"Light Grey","hex":"#c9c5bd","sort_order":15,"slug":"light_grey","classes":"","image":null,"seasonal":false},"47":{"id":47,"name":"Vintage Brown","display_name":"Vintage Brown","hex":"#6a5f5d","sort_order":480,"slug":"vintage_brown","classes":"heather","image":null,"seasonal":false},"7":{"id":7,"name":"Navy","display_name":"Navy","hex":"#262c3a","sort_order":290,"slug":"navy","classes":"","image":null,"seasonal":false}},"currency":{"symbol_first":true,"thousands_separator":",","html_entity":"$","decimal_mark":".","name":"United States Dollar","symbol":"$","iso_code":"USD"}}};
  TeePublic['oos'] = [3500,3460,3412,3414,3413,3479,3418,3419,3420,3444,916,3291,2368,3462,2264,3210,329,1709,2310,3442,2340,2165,2239,1130,3461,3475,3476,2349,2451,3480,3491,3209,3490,3539,3203,3504,1108,1111,1848,1010,1129,3443,3478,2331,3215,3160,1710,2471,3091,2954,1116,2806,2388,2959,878,1711,1723,3319,1127,327,328,2083,2347,2549,3183,3214,2598,2315,1119,2319,406,2333,425,405,2801,3477,1849,3492,2986,2981,2627,2525,2248,2988,2976,2858,2956,2311,2977,2330,1718,402,2615,2507,1109,1110,3295,913,2975,2186,2600,2978,2863,2334,3287,3315,2184,1726,2958,2450,3294,2105,1720,2607,2323,2324,2611,2991,2623,423,1722,3185,3197,2325,3313,3317,3150,2337,1717,3204,2327,2328,2329,1729,1714,1716,1727,2614,3206,2316,3268,3189,2617,2317,404,2452,3272,403,2234,2164,3205,3213,2824,2166,3528,2167,3156,2453,2454,2168,2263,2312,2860,3151,3152,3292,3024,426,2344,3093,2795,3154,3155,3161,3162,3174,1011,2865,2345,3180,3267,1112,1115,3283,3503,2874,3543,3182,3153,2830,2829,3286,3289,3290,2868,2472,3512,2470,1132,1724,2815,3195,3186,2825,2883,3297,2616,3148,1735,3270,1750,2813,3312,2866,2819,1845,2864,2599,1846,2875,2596,2605,2604,2603,1751,2859,2632,2610,2992,2620,2609,3149,2804,3314,2633,3212,3216,3277,3198,2890,3288,3311,2960,2891,2982,2989,2993,2967,2971,2973,2974,2980,3190,3188,3168,3147,2597,1712,2313,1713,2102,2104,3251,3316,1733,1734,2335,2622,2336,1732,2343,2185,330,5,2608,2629,6,3158,2221,3191,3192,2235,3159,2601,2602,2857,3194,2318,3157,2952,2342,3211,3184,3196,3146,917,918,3199,3200,3202,3207,3208,3239,3201,3244,1124,3318,2322,2369,2350,2520,2613,3145,2969,422,424,3341,978,1012,979,1013,1014,2631,2521,2523,2628,2534,876,2984,2987,2970,877,880,2550,1128,914,915,1131,1113,1114,1133,1134,1135,1125,1126,2625,2867,879,2851,2817,1730,2972,1746,2807,2861,2802,2803,2955,2826,2827,2862,2962,2831,2820,2821,2822,2823,2957,2619,2621,2626,2238,2630,3237,986,3242,1117,3245,1118,2985,2237,2524,1715,1753,1736,1721,1748,1847,1752,2339,1747,1749,1756,1757,1728,2390,1754,1755,2814,2391,2805,2321,2103,3040,2968,2389,2843,2236,2816,2522,2348,2818,2953,2346,2828,2341,2634,2636,2314,2635,3041,3021,3037,3038,2983,2965,2979,3039,3042,2961,2963,2990,2964,2966,2082];
  TeePublic['tax_rate'] = 1.0;
  TeePublic['campaign'] = {
    id: null
  };
  
  TeePublic.Toggler.init();
  new TeePublic.Components.QuantityStepper();
  
  $(function(){
    TeePublic.ProductHelper.initPage(
      {"design_id":74165272,"store_id":null,"images":true,"paths":{"similar_products_path":"/designs/74165272/canvas/1/similar_products","similar_products_personalized_path":"/designs/74165272/canvas/1/similar_products_personalized"},"similar_products_enabled":true,"similar_products_personalized_enabled":true},
      0
    );
  });
</script>
<script>
  TeePublic.ProductPage.Designs.secretDesignId();
</script>
<script>
  $(function() {
    TeePublic.Components.Utilities.copier('.jsCopyText')
  });
</script>
<script>
  $(function() {
    new TeePublic.Components.TrayController();
  });
  
  TeePublic.Cart.Settings.btEnv = 'production';
  TeePublic.Cart.Settings.btKey = 'production_9q3f7xnc_j35qfr8fn98hvg3r';
</script>
<script>
  window.addEventListener('load', function() {
    var src = "https://assets.teepublic.com/assets/product_page_non_critical-b3c32616b74cc64a463d89f471cc5f8ab832c96195372ee2960a820a2e3fd0a3.js";
  
    TeePublic.ProductPage.Utils.appendScript(src).then(() => {
  
      var json = '[{"model":{"name":"Jackson","height":{"feet":5,"inches":11,"cm":180},"weight":{"lbs":180,"kg":82}},"height":"reg","weight":"curvy","gender":"male","default":2,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_curvy_180_5_11/0_Jackson_Reg_Curvy_Male_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_curvy_180_5_11/1_Jackson_Reg_Curvy_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_curvy_180_5_11/2_Jackson_Reg_Curvy_Male_default_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_curvy_180_5_11/3_Jackson_Reg_Curvy_Male_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_curvy_180_5_11/4_Jackson_Reg_Curvy_Male_2XL.jpg","size":"2XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_curvy_180_5_11/5_Jackson_Reg_Curvy_Male_3XL.jpg","size":"3XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_curvy_180_5_11/6_Jackson_Reg_Curvy_Male_4XL.jpg","size":"4XL"}]},{"model":{"name":"Bryan","height":{"feet":5,"inches":11,"cm":180},"weight":{"lbs":165,"kg":75}},"height":"reg","weight":"reg","gender":"male","default":0,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_reg_165_5_11/0_Bryan_Reg_Reg_Male_default_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_reg_165_5_11/1_Bryan_Reg_Reg_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_reg_165_5_11/2_Bryan_Reg_Reg_Male_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_reg_165_5_11/3_Bryan_Reg_Reg_Male_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_reg_165_5_11/4_Bryan_Reg_Reg_Male_2XL.jpg","size":"2XL"}]},{"model":{"name":"Ian","height":{"feet":5,"inches":10,"cm":178},"weight":{"lbs":145,"kg":66}},"height":"reg","weight":"thin","gender":"male","default":0,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_thin_145_5_10/0_Ian_Reg_Thin_Male_default_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_thin_145_5_10/1_Ian_Reg_Thin_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_thin_145_5_10/2_Ian_Reg_Thin_Male_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/reg_thin_145_5_10/3_Ian_Reg_Thin_Male_XL.jpg","size":"XL"}]},{"model":{"name":"Jerry","height":{"feet":5,"inches":6,"cm":168},"weight":{"lbs":165,"kg":75}},"height":"short","weight":"curvy","gender":"male","default":1,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/short_curvy_165_5_6/0_Jerry_Short_Curvy_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/short_curvy_165_5_6/1_Jerry_Short_Curvy_Male_default_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/short_curvy_165_5_6/2_Jerry_Short_Curvy_Male_XL.jpg","size":"XL"}]},{"model":{"name":"Darius","height":{"feet":5,"inches":6,"cm":168},"weight":{"lbs":150,"kg":68}},"height":"short","weight":"reg","gender":"male","default":0,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/short_reg_150_5_6/0_Darius_Short_Reg_Male_default_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/short_reg_150_5_6/1_Darius_Short_Reg_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/short_reg_150_5_6/2_Darius_Short_Reg_Male_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/short_reg_150_5_6/3_Darius_Short_Reg_Male_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/short_reg_150_5_6/4_Darius_Short_Reg_Male_2XL.jpg","size":"2XL"}]},{"model":{"name":"Mike","height":{"feet":5,"inches":5,"cm":165},"weight":{"lbs":130,"kg":59}},"height":"short","weight":"thin","gender":"male","default":0,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/short_thin_130_5_5/0_Mike_Short_Thin_Male_default_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/short_thin_130_5_5/1_Mike_Short_Thin_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/short_thin_130_5_5/2_Mike_Short_Thin_Male_L.jpg","size":"L"}]},{"model":{"name":"Chris","height":{"feet":6,"inches":4,"cm":193},"weight":{"lbs":200,"kg":91}},"height":"tall","weight":"curvy","gender":"male","default":1,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_curvy_200_6_4/0_Chris_Tall_Curvy_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_curvy_200_6_4/1_Chris_Tall_Curvy_Male_default_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_curvy_200_6_4/2_Chris_Tall_Curvy_Male_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_curvy_200_6_4/3_Chris_Tall_Curvy_Male_2XL.jpg","size":"2XL"}]},{"model":{"name":"Jake","height":{"feet":6,"inches":4,"cm":193},"weight":{"lbs":185,"kg":84}},"height":"tall","weight":"reg","gender":"male","default":1,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_reg_185_6_4/0_Jake_Tall_Reg_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_reg_185_6_4/1_Jake_Tall_Reg_Male_default_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_reg_185_6_4/2_Jake_Tall_Reg_Male_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_reg_185_6_4/3_Jake_Tall_Reg_Male_2XL.jpg","size":"2XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_reg_185_6_4/4_Jake_Tall_Reg_Male_3XL.jpg","size":"3XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_reg_185_6_4/5_Jake_Tall_Reg_Male_4XL.jpg","size":"4XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_reg_185_6_4/6_Jake_Tall_Reg_Male_5XL.jpg","size":"5XL"}]},{"model":{"name":"Anthony","height":{"feet":6,"inches":2,"cm":188},"weight":{"lbs":160,"kg":73}},"height":"tall","weight":"thin","gender":"male","default":0,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_thin_160_6_2/0_Anthony_Tall_Thin_Male_default_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_thin_160_6_2/1_Anthony_Tall_Thin_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_thin_160_6_2/2_Anthony_Tall_Thin_Male_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_thin_160_6_2/3_Anthony_Tall_Thin_Male_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/male/tall_thin_160_6_2/4_Anthony_Tall_Thin_Male_2XL.jpg","size":"2XL"}]},{"model":{"name":"Florinda","height":{"feet":5,"inches":6,"cm":168},"weight":{"lbs":170,"kg":77}},"height":"reg","weight":"curvy","gender":"female","default":1,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_curvy_170_5_6/0_Florinda_Reg_Curvy_Female_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_curvy_170_5_6/1_Florinda_Reg_Curvy_Female_default_2XL.jpg","size":"2XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_curvy_170_5_6/2_Florinda_Reg_Curvy_Female_3XL.jpg","size":"3XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_curvy_170_5_6/3_Florinda_Reg_Curvy_Male_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_curvy_170_5_6/4_Florinda_Reg_Curvy_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_curvy_170_5_6/5_Florinda_Reg_Curvy_Male_L.jpg","size":"L"}]},{"model":{"name":"Gillian","height":{"feet":5,"inches":8,"cm":173},"weight":{"lbs":150,"kg":68}},"height":"reg","weight":"reg","gender":"female","default":0,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_reg_150_5_8/00_Gillian_Reg_Reg_Female_default_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_reg_150_5_8/01_Gillian_Reg_Reg_Female_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_reg_150_5_8/02_Gillian_Reg_Reg_Female_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_reg_150_5_8/03_Gillian_Reg_Reg_Female_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_reg_150_5_8/04_Gillian_Reg_Reg_Female_2L.jpg","size":"2L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_reg_150_5_8/05_Gillian_Reg_Reg_Female_3XL.jpg","size":"3XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_reg_150_5_8/06_Gillian_Reg_Reg_Male_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_reg_150_5_8/07_Gillian_Reg_Reg_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_reg_150_5_8/08_Gillian_Reg_Reg_Male_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_reg_150_5_8/09_Gillian_Reg_Reg_Male_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_reg_150_5_8/10_Gillian_Reg_Reg_Male_2XL.jpg","size":"2XL"}]},{"model":{"name":"Kourtney","height":{"feet":5,"inches":6,"cm":168},"weight":{"lbs":120,"kg":54}},"height":"reg","weight":"thin","gender":"female","default":0,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_thin_120_5_6/0_Kourtney_Reg_Thin_Female_default_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_thin_120_5_6/1_Kourtney_Reg_Thin_Female_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_thin_120_5_6/2_Kourtney_Reg_Thin_Female_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_thin_120_5_6/3_Kourtney_Reg_Thin_Female_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_thin_120_5_6/4_Kourtney_Reg_Thin_Female_2XL.jpg","size":"2XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_thin_120_5_6/5_Kourtney_Reg_Thin_Male_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_thin_120_5_6/6_Kourtney_Reg_Thin_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/reg_thin_120_5_6/7_Kourtney_Reg_Thin_Male_L.jpg","size":"L"}]},{"model":{"name":"Farrah","height":{"feet":5,"inches":3,"cm":160},"weight":{"lbs":200,"kg":91}},"height":"short","weight":"curvy","gender":"female","default":1,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_curvy_200_5_3/0_Farrah_Short_Curvy_Female_2XL.jpg","size":"2XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_curvy_200_5_3/1_Farrah_Short_Curvy_Female_default_3XL.jpg","size":"3XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_curvy_200_5_3/2_Farrah_Short_Curvy_Male_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_curvy_200_5_3/3_Farrah_Short_Curvy_Male_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_curvy_200_5_3/4_Farrah_Short_Curvy_Male_2XL.jpg","size":"2XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_curvy_200_5_3/5_Farrah_Short_Curvy_Male_3XL.jpg","size":"3XL"}]},{"model":{"name":"Katy","height":{"feet":5,"inches":2,"cm":157},"weight":{"lbs":125,"kg":57}},"height":"short","weight":"reg","gender":"female","default":1,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_reg_125_5_2/0_Katy_Short_Reg_Female.jpg","size":"Female"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_reg_125_5_2/default_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_reg_125_5_2/1_Katy_Short_Reg_Female_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_reg_125_5_2/2_Katy_Short_Reg_Female_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_reg_125_5_2/3_Katy_Short_Reg_Female_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_reg_125_5_2/4_Katy_Short_Reg_Female_2XL.jpg","size":"2XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_reg_125_5_2/5_Katy_Short_Reg_Female_3XL.jpg","size":"3XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_reg_125_5_2/6_Katy_Short_Reg_Male_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_reg_125_5_2/7_Katy_Short_Reg_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_reg_125_5_2/8_Katy_Short_Reg_Male_L.jpg","size":"L"}]},{"model":{"name":"Maeve","height":{"feet":5,"inches":2,"cm":157},"weight":{"lbs":115,"kg":52}},"height":"short","weight":"thin","gender":"female","default":0,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_thin_115_5_2/0_Maeve_Short_Thin_Female_default_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_thin_115_5_2/1_Maeve_Short_Thin_Female_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_thin_115_5_2/2_Maeve_Short_Thin_Female_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_thin_115_5_2/3_Maeve_Short_Thin_Female_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_thin_115_5_2/4_Maeve_Short_Thin_Male_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/short_thin_115_5_2/5_Maeve_Short_Thin_Male_M.jpg","size":"M"}]},{"model":{"name":"Sarah","height":{"feet":5,"inches":10,"cm":178},"weight":{"lbs":190,"kg":86}},"height":"tall","weight":"curvy","gender":"female","default":1,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_curvy_190_5_10/0_Sarah_Tall_Curvy_Female_2XL.jpg","size":"2XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_curvy_190_5_10/2_Sarah_Tall_Curvy_Female_default_3XL.jpg","size":"3XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_curvy_190_5_10/2_Sarah_Tall_Curvy_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_curvy_190_5_10/3_Sarah_Tall_Curvy_Male_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_curvy_190_5_10/4_Sarah_Tall_Curvy_Male_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_curvy_190_5_10/5_Sarah_Tall_Curvy_Male_2XL.jpg","size":"2XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_curvy_190_5_10/6_Sarah_Tall_Curvy_Male_3XL.jpg","size":"3XL"}]},{"model":{"name":"Sandra","height":{"feet":5,"inches":10,"cm":178},"weight":{"lbs":155,"kg":70}},"height":"tall","weight":"reg","gender":"female","default":1,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_reg_155_5_10/0_Sandra_Tall_Reg_Female_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_reg_155_5_10/1_Sandra_Tall_Reg_Female_default_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_reg_155_5_10/2_Sandra_Tall_Reg_Female_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_reg_155_5_10/3_Sandra_Tall_Reg_Female_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_reg_155_5_10/4_Sandra_Tall_Reg_Female_2XL.jpg","size":"2XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_reg_155_5_10/5_Sandra_Tall_Reg_Female_3XL.jpg","size":"3XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_reg_155_5_10/6_Sandra_Tall_Reg_Male_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_reg_155_5_10/7_Sandra_Tall_Reg_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_reg_155_5_10/8_Sandra_Tall_Reg_Male_L.jpg","size":"L"}]},{"model":{"name":"Katie","height":{"feet":5,"inches":10,"cm":178},"weight":{"lbs":130,"kg":59}},"height":"tall","weight":"thin","gender":"female","default":1,"images":[{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_thin_130_5_10/0_Katie_Tall_Thin_Female_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_thin_130_5_10/1_Katie_Tall_Thin_Female_default_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_thin_130_5_10/2_Katie_Tall_Thin_Female_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_thin_130_5_10/3_Katie_Tall_Thin_Female_XL.jpg","size":"XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_thin_130_5_10/4_Katie_Tall_Thin_Female_2XL.jpg","size":"2XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_thin_130_5_10/5_Katie_Tall_Thin_Female_3XL.jpg","size":"3XL"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_thin_130_5_10/6_Katie_Tall_Thin_Male_S.jpg","size":"S"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_thin_130_5_10/7_Katie_Tall_Thin_Male_M.jpg","size":"M"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_thin_130_5_10/8_Katie_Tall_Thin_Male_L.jpg","size":"L"},{"url":"https://static.teepublic.com/sizechart/mobile/tshirt/female/tall_thin_130_5_10/9_Katie_Tall_Thin_Male_XL.jpg","size":"XL"}]}]';
      var showSizer = true;
  
      TeePublic.ProductPage.initializeInfo(json, showSizer)
    });
  });
  
  TeePublic.Validators.initCsrfToken();
</script>
<script>
  $(function(){
    TeePublic.Utility.modal($('.jsChangeIntlSettings'), $('#intl-settings'));
    TeePublic.Utility.modal($('.jsShowSliderSizechart'), $('#mobile-size-chart'));
    TeePublic.Utility.modal($('.jsShowCanvasSizechart'), $('#mobile-canvas-sizechart'));
  });
</script>

<script>
  setTimeout(function() {
    $('.flash .notice.temp:not([data-keep])').slideUp('slow');
  }, 5000);
  
  $(function() {
    TeePublic.Utility.unveil_images();
  });
  
  var rudderstackGlobalProperties = {"website_id":1,"subdomain_name":"www","domain_name":"teepublic.com","store_name":null,"store_id":null,"xcfb":"1847521452160553165b015e0c0c18084c0160024f18015f0f151511095c1a12304c6d7f3528712a757c3174672d7b3965302431623e773a633a2b7f66652a365b696c035d"};
  
  var rsEnvData = {
    write_key: "2HNPADTAqRU1fVtw8bfPRR44gtx",
    data_plane_url: "https://teepublicoox.dataplane.rudderstack.com",
    js_use_beacon: false,
    anonymous_id: "cd1d819e-a9e0-4e3d-b8be-56639cfbd299",
    global_properties: window.rudderstackGlobalProperties
  };
  window.rudderstackEnvVars = rsEnvData;
  
  if (false) {
    window.addEventListener('CookiebotOnConsentReady', function() {
      if (Cookiebot.consent.statistics) {
        if (true) {
          // Rudderstack initialize script
          TeePublic.RudderstackHelpers.renderRudderstackScript();
        }
        // Datadog RUM script
        (function(h,o,u,n,d) {
          h=h[d]=h[d]||{q:[],onReady:function(c){h.q.push(c)}}
          d=o.createElement(u);d.async=1;d.src=n
          n=o.getElementsByTagName(u)[0];n.parentNode.insertBefore(d,n)
        })(window,document,'script','https://www.datadoghq-browser-agent.com/us5/v5/datadog-rum.js','DD_RUM')
  
        DD_RUM.onReady(function() {
          DD_RUM.init({
            clientToken: 'pub8afcb76e7747723499bda481aef4828f',
            applicationId: '815ab20a-1d12-45bb-9881-005646b95f6b',
            site: 'us5.datadoghq.com',
            service: 'teepublic',
            env: 'production',
            version: '18173265448-2844-1',
            sessionSampleRate: 10,
            sessionReplaySampleRate: 0,
            traceSampleRate: 5,
            trackUserInteractions: true,
            trackResources: true,
            trackLongTasks: true,
            defaultPrivacyLevel: 'mask-user-input',
            allowedTracingUrls: [
              'https://www.teepublic.com',
              'https://www.teepublic-staging.com'
            ]
          });
        });
        // Google Analytics script
        (function() {
          window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
          ga('create', 'UA-39467830-1', 'auto');
          // Google Optimize Container
          ga('require', 'GTM-KL7BC3L');
          // ga('send', 'pageview');
        })();
        var gaScript = document.createElement('script');
        gaScript.async = true;
        gaScript.src = 'https://www.google-analytics.com/analytics.js';
        document.head.appendChild(gaScript);
      }
    }, false);
  }
  
  window.addEventListener('load', function() {
    if (true && window.rudderanalytics != undefined) {
      TeePublic.RudderstackHelpers.storeContextSessionId();
    }
  
    if (window.Cookiebot !== undefined) {
      if (Cookies.get('cookiebot_geo') === undefined) {
        Cookies.set('cookiebot_geo', Cookiebot.userCountry.toUpperCase(), { expires: 365, secure: true })
      }
    }
  });
  
  TeePublic.initProductClicks();
</script>

    <script>
        window.addEventListener('load', function() {
            if (window.rudderanalytics && true) {
                window.rudderanalytics.page({"account_type":"guest","cart_id":{"public_id":"9a8c68d58aaa0c110ea9655af8a790a4"},"is_signed_in":false,"iso_currency_code":"USD","request_action":"show","request_controller":"product_pages","request_id":"74165272-george-kittle-f-dallas-kittle","shipping_country":"KH","user_id":null,"experiments":[{"experiment_name":"con-3051-pasf","variant_name":"default"}],"website_id":1,"subdomain_name":"www","domain_name":"teepublic.com","store_name":null,"store_id":null,"xcfb":"1847521452160553165b015e0c0c18084c0160024f18015f0f151511095c1a12304c6d7f3528712a757c3174672d7b3965302431623e773a633a2b7f66652a365b696c035d","canvas":"T-Shirt","canvas_group":"Adult Apparel","canvas_id":1,"design_id":74165272,"design_image_url":"https://veldrive.com/mMAeu6fC/banner88-141.webp","design_primary_tag":"george-kittle","design_title":"George Kittle F Dallas Kittle","is_on_sale":false,"marketing_sku":"15618785B5F25G95A1M","owner_account_type":"Designer","owner_id":6075586,"owner_username":"Hey siriusly","price_usd":23.0,"product_color":"Red","product_description":"Classic T-Shirt, Male Fit | Small, Red","product_gender":"Male Fit","product_id":357,"product_size":"S","product_style":"Classic T-Shirt","search_type":"default"});
            }
        });
    </script>
</body>
</html>