@-webkit-keyframes tbl-expand {
        0% {
            max-height: 0;
            visibility: hidden
        }

        100% {
            max-height: 100%;
            visibility: visible
        }
    }

    @keyframes tbl-expand {
        0% {
            max-height: 0;
            visibility: hidden
        }

        100% {
            max-height: 100%;
            visibility: visible
        }
    }

    @-webkit-keyframes tbl-fade-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 tbl-fade-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 tbl-fade-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 tbl-fade-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 tbl-fade-out {
        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 tbl-fade-out {
        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 tbl-border-grad {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    @keyframes tbl-border-grad {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    @-webkit-keyframes tbl-flip {
        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 tbl-flip {
        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 tbl-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 tbl-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
    }

    :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: var(--color-primary-500);
        border: 0;
        border-radius: 12px;
        color: var(--color-white);
        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--secondary {
        background: none;
        border: 2px solid var(--color-neutral-200);
        color: var(--color-neutral-900)
    }

    .btn--secondary:hover {
        border: 2px solid var(--color-primary-500);
        background: none;
        color: var(--color-neutral-900);
        cursor: pointer
    }

    .btn--secondary:focus {
        border: 2px solid var(--color-neutral-200);
        box-shadow: none;
        cursor: pointer;
        background: none;
        color: var(--color-primary-500)
    }

    .btn--secondary:active {
        border: 2px solid var(--color-neutral-400);
        box-shadow: none;
        cursor: pointer;
        color: var(--color-primary-500)
    }

    .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.tb-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 .tbl-ico {
        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
    }

    .tbl-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
    }

    .tbl-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%
    }

    .bl-hdr+.contain {
        margin-top: 15px
    }

    @media (min-width: 1024px) {
        .bl-hdr+.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,
    .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
    }

    #teebling #content {
        padding-bottom: 15px
    }

    #teebling.landing-page #content {
        padding-bottom: 0
    }

    #teebling.shipment-tracking-page #content {
        padding-bottom: 0;
        background-color: var(--color-neutral-900)
    }

    #teebling.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
    }

    .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
    }

    .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
    }

    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
    }

    .tb-datetime,
    .tb-select-wrap select,
    .tb-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
    }

    .tb-datetime:active,
    .tb-select-wrap select:active,
    .tb-field:active {
        border: 2px solid var(--color-neutral-900)
    }

    .tb-datetime:focus-visible,
    .tb-select-wrap select:focus-visible,
    .tb-field:focus-visible {
        border: 2px solid var(--color-primary-500);
        outline: 4px solid var(--color-primary-200);
        background-color: var(--color-neutral-100)
    }

    .tb-field-hosted,
    .tb-datetime,
    .tb-select-wrap select,
    .tb-field {
        border: 2px solid var(--color-neutral-300);
        border-radius: 12px
    }

    .tb-field {
        width: 100%
    }

    .tb-form .tb-field-wrap {
        margin-bottom: 12px
    }

    .tb-form #white_label_account_background_color {
        margin-bottom: 16px
    }

    #dashery_store_colors_radio_groups {
        max-width: 400px
    }

    .tb-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
    }

    .tb-label .tb-label-asterisk {
        color: var(--color-primary-500)
    }

    .tb-label .tb-label-optional {
        color: var(--color-neutral-700);
        font-family: var(--font-family-primary);
        font-size: var(--font-size-small-200)
    }

    .tb-field-desc {
        color: var(--color-neutral-700);
        font-size: 12px;
        line-height: 16px
    }

    .tb-field-txt {
        border: 2px solid var(--color-neutral-300);
        padding: 12px 32px 12px 16px
    }

    .tb-field-txt::-webkit-input-placeholder {
        color: var(--color-neutral-500)
    }

    .tb-field-txt:-ms-input-placeholder {
        color: var(--color-neutral-500)
    }

    .tb-field-txt::-ms-input-placeholder {
        color: var(--color-neutral-500)
    }

    .tb-field-txt::placeholder {
        color: var(--color-neutral-500)
    }

    .tb-field-txt:-ms-input-placeholder {
        color: var(--color-neutral-500)
    }

    .tb-field-txt-area {
        height: 80px
    }

    .tb-field-err {
        display: none;
        color: var(--color-danger-600);
        opacity: 0;
        font-size: 12px;
        line-height: 16px;
        transition: opacity 0.3s
    }

    .tb-field-wrap {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 2px
    }

    .tb-field-wrap .tb-field-txt__icon-success-container,
    .tb-field-wrap .tb-field-txt__icon-error-container {
        display: none
    }

    .tb-field-wrap.tb-field-txt-success .tb-field-txt__icon-success-container {
        display: -webkit-flex;
        display: flex
    }

    .tb-field-wrap.tb-field-txt-success .tb-field-txt__icon-error-container {
        display: none
    }

    .tb-field-wrap.tb-field-txt-error .tb-field-txt,
    .tb-field-wrap.tb-field-txt-error select {
        background-color: var(--color-danger-100);
        border: 2px solid var(--color-danger-500);
        outline-color: transparent
    }

    .tb-field-wrap.tb-field-txt-error .tb-field-txt__icon-success-container {
        display: none
    }

    .tb-field-wrap.tb-field-txt-error .tb-field-txt__icon-error-container {
        display: -webkit-flex;
        display: flex
    }

    .tb-field-wrap.tb-field-txt-error .tb-field-txt__icon-error-container svg {
        fill: var(--color-danger-500)
    }

    .tb-field-wrap.tb-field-txt-error .tb-label-asterisk {
        color: var(--color-danger-600)
    }

    .tb-field-wrap.tb-field-txt-error .tb-field-err {
        display: -webkit-flex;
        display: flex;
        opacity: 1
    }

    .tb-field-wrap.tb-field-txt-error .tb-field-hosted {
        background-color: var(--color-danger-100);
        border-color: var(--color-danger-500);
        font-size: 50px
    }

    .tb-field-wrap.tb-field-txt-disabled .tb-field-txt {
        background-color: var(--color-neutral-200);
        border: 2px solid var(--color-neutral-300);
        color: var(--color-neutral-700)
    }

    .tb-field-wrap.tb-field-txt-disabled .tb-field-txt__icon-success-container svg {
        fill: var(--color-neutral-400)
    }

    .tb-field-txt-container {
        position: relative
    }

    .tb-field-txt__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
    }

    .tb-field-txt__action-container {
        position: absolute;
        top: 10px;
        right: 16px
    }

    .tb-field-txt__action-container .tbl-ico {
        cursor: pointer
    }

    .tb-form-label {
        font-family: var(--font-family-primary-semibold);
        line-height: 1.5;
        margin-bottom: 0
    }

    .tb-form-label>* {
        margin-top: 4px
    }

    .tb-field-hosted {
        height: 48px
    }

    .tb-field-hosted.braintree-hosted-fields-focused {
        background-color: var(--color-primary-100);
        border-color: var(--color-neutral-900)
    }

    .tb-select-wrap {
        position: relative
    }

    .tb-select-wrap::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
    }

    .tb-select-wrap select {
        margin: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 100%
    }

    .tb-select-wrap select:focus {
        border: 2px solid var(--color-primary-500);
        outline: 4px solid var(--color-primary-200);
        background: var(--color-neutral-100)
    }

    .tb-select-wrap select:active {
        background: var(--color-primary-100);
        border: 2px solid var(--color-neutral-300)
    }

    .tb-select-wrap select:disabled {
        border: 2px solid var(--color-neutral-300);
        background: var(--color-neutral-200)
    }

    .tb-select-wrap select::-ms-expand {
        display: none
    }

    .tb-form__fields--inline {
        -webkit-align-items: flex-end;
        align-items: flex-end;
        display: -webkit-flex;
        display: flex;
        gap: 12px;
        width: 100%
    }

    .tb-form__fields--inline .form__field:first-child {
        -webkit-align-self: flex-start;
        align-self: flex-start
    }

    .tb-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
    }

    .tb-field-file input.tb-field-file-hidden[type="file"] {
        display: none
    }

    .tb-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
    }

    .tb-field-file .tb-field-img-preview {
        border: 1px solid var(--color-neutral-200);
        padding: 8px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .tb-field-file .tb-field-img--logo {
        max-height: 60px;
        max-width: 300px
    }

    .tb-field-file .tb-field-img--header {
        height: 100px;
        width: 290px
    }

    .tb-field-file .tb-field-img-preview-actions {
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: flex;
        gap: 12px
    }

    #product-display-preferences {
        max-width: 400px
    }

    .tb-pw-field {
        text-align: left
    }

    .tb-pw-field .tb-field-txt__icon-container {
        right: 52px
    }

    .tb-pw-pattern {
        margin-top: 8px
    }

    .tb-pw-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)
    }

    .tb-pw-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
    }

    .tb-pw-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
    }

    .tb-pw-pattern__item span {
        color: var(--color-neutral-600)
    }

    .tb-pw-pattern__item.tb-pw-pattern__item--success span {
        color: var(--color-success-600)
    }

    .tb-pw-pattern__item.tb-pw-pattern__item--error span {
        color: var(--color-danger-500)
    }

    .tb-pw-pattern__item.tb-pw-pattern__item--error .tbl-ico svg {
        fill: var(--color-danger-500)
    }

    #teebling #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
    }

    #content>.contain--no-space {
        margin-top: 0
    }

    .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
    }

    .bl-signup__name-fields-container .tb-field-wrap:nth-of-type(4) {
        text-align: left
    }

    @media (min-width: 1024px) {
        .bl-signup__name-fields-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-column-gap: 16px
        }

        .bl-signup__name-fields-container .tb-field-wrap:nth-of-type(3),
        .bl-signup__name-fields-container .tb-field-wrap:nth-of-type(4),
        .bl-signup__name-fields-container .tb-field-wrap:nth-of-type(5) {
            grid-column: span 2
        }
    }

    .bl-signup__name-fields-container+.auth-layout__button {
        margin-top: 0
    }

    .bl-signup__terms-and-privacy {
        margin-top: 16px;
        text-align: left
    }

    .bl-signup__terms-and-privacy,
    .bl-signup__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
    }

    @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
        }
    }

    .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"]:checked:disabled~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-300), 2px 0 0 4px var(--color-neutral-300)
    }

    .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.tb-btn--icon {
        display: -webkit-flex;
        display: flex
    }

    .form__actions--copy {
        position: relative
    }

    .form__actions--tooltip {
        background-color: var(--color-success-600);
        border-radius: 8px;
        bottom: 125%;
        color: var(--color-white);
        font-size: var(--font-size-small-200);
        font-weight: 700;
        width: 72px;
        padding: 8px;
        position: absolute;
        text-align: center;
        visibility: hidden;
        z-index: 1
    }

    .form__actions--tooltip.animate {
        -webkit-animation: tbl-fade-out 0.2s ease-in-out forwards;
        animation: tbl-fade-out 0.2s ease-in-out forwards
    }

    .form__actions--tooltip.success {
        -webkit-animation: tbl-fade-up 0.2s ease-in-out forwards;
        animation: tbl-fade-up 0.2s ease-in-out forwards;
        visibility: visible
    }

    .form__actions--tooltip::after {
        border-color: var(--color-success-600) transparent transparent;
        border-style: solid;
        border-width: 6px;
        content: '';
        left: 50%;
        margin-left: -6px;
        position: absolute;
        top: 100%
    }

    input.form__control[type="color"] {
        padding: 5px;
        height: 50px;
        width: 50px
    }

    .tb-badge--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)
    }

    .tb-badge--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)
    }

    .tb-badge--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)
    }

    .tb-badge--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)
    }

    .tb-badge--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)
    }

    .tb-badge--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)
    }

    .tb-badge--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)
    }

    .tb-badge--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)
    }

    .tb-badge {
        -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
    }

    .tb-badge .tbl-ico svg {
        fill: var(--label-icon-color)
    }

    .tb-badge--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
    }

    .tb-badge .tb-tip[data-popper-placement^="right"]>.tb-tip--arrow {
        left: -8px
    }

    .tb-badge .tb-tip[data-popper-placement^="left"]>.tb-tip--arrow {
        right: 0
    }

    .tb-badge--icon {
        gap: 4px
    }

    .tb-loader {
        width: 100%
    }

    .tb-loader--default {
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background-color: var(--color-neutral-900-a80);
        z-index: 10000
    }

    .tb-spin {
        position: relative;
        background-image: url("https://assets.teepublic.com/assets/icons/spinner-6b9b25aa9eee76bff953098ec9d520217d6ad4aae2870e1b2d766e9f35797647.svg");
        background-position: -100000px -100000px;
        background-repeat: no-repeat
    }

    .tb-spin>* {
        transition: 0.3s
    }

    .tb-spin.updating {
        min-height: 80px
    }

    .tb-spin.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
    }

    .tb-spin.updating>* {
        opacity: .1
    }

    .tb-spin--default {
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 10000
    }

    .tbl-notif {
        position: relative
    }

    .tbl-notif:has(.tbl-notif__counter) {
        margin-right: 2px;
        width: 40px
    }

    .tbl-notif--legacy .tbl-notif__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
    }

    .tbl-notif--default .tbl-notif__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
    }

    .tbl-notif__counter {
        position: absolute;
        text-align: center
    }

    .tb-progress__container {
        background-color: var(--color-primary-200);
        border-radius: 10px;
        height: 10px;
        margin: auto 0;
        overflow: hidden;
        width: 100%
    }

    .tb-progress__container.campaign {
        height: 11px;
        margin-top: 0;
        margin-bottom: 20px
    }

    .tb-progress__container.campaign .tb-progress__fill {
        background-color: var(--color-success-500)
    }

    .tb-progress__container.campaign-tile {
        background-color: var(--color-white-a80);
        margin-top: 10px
    }

    .tb-progress__container.campaign-tile.card__campaign-progress-bar {
        height: 5px
    }

    .tb-progress__container.campaign-tile .tb-progress__fill {
        background-color: var(--color-success-500)
    }

    .tb-progress__container .tb-progress__fill {
        background-color: var(--color-primary-600);
        border-radius: 10px;
        height: 100%
    }

    .tb-toast {
        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
    }

    .tb-toast--neutral {
        background: var(--color-white);
        border: 2px solid var(--color-neutral-100)
    }

    .tb-toast--success {
        background: var(--color-success-100);
        border: 2px solid var(--color-success-200)
    }

    .tb-toast--warning {
        background: var(--color-warning-100);
        border: 2px solid var(--color-warning-200)
    }

    .tb-toast--danger {
        background: var(--color-danger-100);
        border: 2px solid var(--color-danger-200)
    }

    .tb-toast--information {
        background: var(--color-primary-100);
        border: 2px solid var(--color-primary-200)
    }

    .tb-toast__message {
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 1;
        flex: 1
    }

    .tb-toast__main {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex: 1;
        flex: 1;
        gap: 4px
    }

    .tb-toast__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
    }

    .tb-toast__close-button {
        margin-top: 0;
        margin-bottom: 0
    }

    .tb-toast__close-button.btn--no-background {
        padding: 16px
    }

    .tb-toast__close-button.tb-btn--icon .tbl-ico {
        margin-right: 0
    }

    .tb-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
    }

    .tb-btn--block {
        width: 100%
    }

    .tb-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) {
        .tb-btn--large {
            font-size: var(--font-size-medium-100)
        }
    }

    .tb-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) {
        .tb-btn--medium {
            font-size: var(--font-size-small-400)
        }
    }

    .tb-btn--small {
        box-shadow: none;
        font-family: var(--font-family-primary-semibold);
        font-size: var(--font-size-small-200);
        padding: 8px;
        text-transform: none
    }

    .tb-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
    }

    .tb-btn--icon .tbl-ico {
        margin-right: 5px
    }

    .tb-btn--icon.tb-btn--icon-trailing .tbl-ico {
        margin-left: 5px;
        margin-right: 0
    }

    .tb-btn--icon.btn--segmented {
        background-color: transparent;
        border: 1px solid var(--color-neutral-200);
        padding: 5px;
        margin-right: -5px
    }

    .tb-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: tbl-shine 2s ease-in-out infinite;
        animation: tbl-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 tbl-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 tbl-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
        }
    }

    .tb-canvas__header {
        width: 100%;
        height: 160px;
        position: relative
    }

    @media (min-width: 768px) {
        .tb-canvas__header {
            height: 192px
        }
    }

    @media (min-width: 1024px) {
        .tb-canvas__header {
            height: 256px
        }
    }

    @media (min-width: 1280px) {
        .tb-canvas__header {
            height: 320px
        }
    }

    @media (min-width: 1920px) {
        .tb-canvas__header {
            height: 480px
        }
    }

    .tb-canvas__header-gradient {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(rgba(21, 21, 35, 0), rgba(21, 21, 35, 0), rgba(21, 21, 35, 0.2), rgba(21, 21, 35, 0.8));
        z-index: 1
    }

    .tb-canvas__header-image-wrapper {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0
    }

    .tb-canvas__header-image {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block
    }

    .tb-canvas__header-h1 {
        font-family: "SharpGrotesk-Bold", "Arial Black", Helvetica, sans-serif;
        font-size: var(--font-size-large-200);
        font-weight: 600;
        color: white
    }

    @media (min-width: 768px) {
        .tb-canvas__header-h1 {
            left: 48px
        }
    }

    @media (min-width: 1024px) {
        .tb-canvas__header-h1 {
            font-size: var(--font-size-xlarge-200)
        }
    }

    .tb-canvas__header-title-container {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: end;
        justify-content: end;
        -webkit-align-items: center;
        align-items: center;
        padding: 24px 16px
    }

    @media (min-width: 768px) {
        .tb-canvas__header-title-container {
            padding-right: 48px;
            padding-left: 48px
        }
    }

    @media (min-width: 1024px) {
        .tb-canvas__header-title-container {
            padding: 40px 64px
        }
    }

    @media (min-width: 1280px) {
        .tb-canvas__header-title-container {
            padding: 40px 80px
        }
    }

    @media (min-width: 1440px) {
        .tb-canvas__header-title-container {
            padding: 40px 96px
        }
    }

    @media (min-width: 1920px) {
        .tb-canvas__header-title-container {
            padding: 40px 240px
        }
    }

    .tb-canvas__header-title-container--inner {
        max-width: 1260px;
        width: 100%
    }

    .tb-canvas__header-overlay {
        font-size: var(--font-size-small-100);
        line-height: var(--font-size-small-400);
        font-family: var(--font-family-primary-semibold);
        font-weight: 600;
        background-color: var(--color-neutral-800-a40);
        border-bottom-right-radius: 8px;
        color: var(--color-white-a60);
        left: 0;
        padding: 2px 8px;
        position: absolute;
        top: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        z-index: 1
    }

    .tb-canvas__header-overlay a {
        color: var(--color-white-a60)
    }

    .tb-canvas__header-overlay:hover {
        background-color: var(--color-neutral-800)
    }

    .tb-canvas__header-overlay:hover a {
        color: var(--color-white)
    }

    .tb-canvas__header-overlay {
        font-size: var(--font-size-small-100);
        line-height: var(--font-size-small-400);
        font-family: var(--font-family-primary-semibold);
        font-weight: 600;
        background-color: var(--color-neutral-800-a40);
        border-bottom-right-radius: 8px;
        color: var(--color-white-a60);
        left: 0;
        padding: 2px 8px;
        position: absolute;
        top: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .tb-canvas__header-overlay a {
        color: var(--color-white-a60)
    }

    .tb-canvas__header-overlay:hover {
        background-color: var(--color-neutral-800)
    }

    .tb-canvas__header-overlay:hover a {
        color: var(--color-white)
    }

    .tb-canvas__swimlane {
        width: 100%;
        padding-block: 16px;
        padding-inline: var(--swimlane-padding-inline);
        --swimlane-padding-inline: 16px
    }

    @media (min-width: 480px) {
        .tb-canvas__swimlane {
            --swimlane-padding-inline: 24px
        }
    }

    @media (min-width: 768px) {
        .tb-canvas__swimlane {
            padding-block: 24px;
            --swimlane-padding-inline: 48px
        }
    }

    @media (min-width: 1024px) {
        .tb-canvas__swimlane {
            --swimlane-padding-inline: 64px
        }
    }

    @media (min-width: 1280px) {
        .tb-canvas__swimlane {
            --swimlane-padding-inline: 80px
        }
    }

    .tb-canvas__swimlane .tb-tile__body {
        padding-bottom: 0
    }

    .tb-canvas__swimlane--banded:nth-child(odd of .tb-canvas__swimlane--banded) {
        --swimlane-bg-color: var(--color-neutral-100);
        background-color: var(--swimlane-bg-color)
    }

    .tb-canvas__swimlane--banded:nth-child(even of .tb-canvas__swimlane--banded) {
        --swimlane-bg-color: var(--color-white);
        background-color: var(--swimlane-bg-color)
    }

    .tb-canvas__swimlane-container {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width: 1260px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .tb-canvas__swimlane-header {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        min-height: 40px
    }

    .tb-canvas__swimlane-header h2 {
        color: var(--color-neutral-900);
        margin: 0
    }

    .tb-canvas__swimlane-header--title {
        display: -webkit-flex;
        display: flex;
        gap: 8px;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center
    }

    .tb-canvas__swimlane--title {
        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
    }

    @media (min-width: 768px) {
        .tb-canvas__swimlane--title {
            font-size: var(--font-size-medium-300);
            line-height: var(--font-size-medium-400)
        }
    }

    .tb-canvas__swimlane-header--icon img {
        height: 32px;
        width: 32px
    }

    @media (min-width: 1024px) {
        .tb-canvas__swimlane-header--icon img {
            height: 40px;
            width: 40px
        }
    }

    .tb-canvas__swimlane-content {
        gap: 8px
    }

    .tb-canvas__swimlane--body {
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .tb-canvas__swimlane--body .tb-canvas__swimlane--fade {
        position: absolute;
        top: 0;
        width: var(--swimlane-padding-inline);
        height: 100%;
        z-index: calc(100 - 1)
    }

    .tb-canvas__swimlane--body .tb-canvas__swimlane--fade.left {
        left: calc(-1 * var(--swimlane-padding-inline));
        background: linear-gradient(to right, var(--swimlane-bg-color, var(--color-white)) 0%, transparent 100%)
    }

    .tb-canvas__swimlane--body .tb-canvas__swimlane--fade.right {
        right: calc(-1 * var(--swimlane-padding-inline));
        background: linear-gradient(to left, var(--swimlane-bg-color, var(--color-white)) 0%, transparent 100%)
    }

    .tb-canvas__swimlane--body .tb-canvas__swimlane--arrow {
        -webkit-align-items: center;
        align-items: center;
        background-color: transparent;
        justify-items: center;
        position: absolute;
        top: calc(40%);
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s linear
    }

    .tb-canvas__swimlane--body .tb-canvas__swimlane--arrow:active,
    .tb-canvas__swimlane--body .tb-canvas__swimlane--arrow:focus,
    .tb-canvas__swimlane--body .tb-canvas__swimlane--arrow:hover {
        background: transparent;
        opacity: 0.9;
        box-shadow: none
    }

    .tb-canvas__swimlane--body .tb-canvas__swimlane--arrow .tbl-ico {
        border-radius: 50%;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
        margin: auto;
        padding: 8px;
        transition: 0.3s
    }

    .tb-canvas__swimlane--body .tb-canvas__swimlane--arrow.btn {
        max-width: none
    }

    .tb-canvas__swimlane--body .tb-canvas__swimlane--arrow.next {
        right: 0
    }

    .tb-canvas__swimlane--body .tb-canvas__swimlane--arrow.prev {
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }

    .tb-canvas__swimlane--body .tb-canvas__swimlane--arrow.disabled {
        opacity: 0;
        visibility: hidden;
        transition: opacity 1s linear, visibility 0s linear 1s
    }

    .tb-canvas__swimlane--body .tb-canvas__swimlane--scrollable-grid-view {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: 1fr;
        grid-auto-columns: 24%;
        margin: 0 calc(-1 * var(--swimlane-padding-inline) + 1px);
        padding: 0 calc(var(--swimlane-padding-inline) - 1px);
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        margin-bottom: -4px;
        padding-bottom: 4px;
        scroll-behavior: smooth;
        scroll-padding: var(--swimlane-padding-inline);
        -webkit-scroll-snap-type: x mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory
    }

    .tb-canvas__swimlane--body .tb-canvas__swimlane--scrollable-grid-view::-webkit-scrollbar {
        display: none
    }

    .tb-canvas__swimlane--body .tb-canvas__swimlane--scrollable-grid-view>* {
        scroll-snap-align: start
    }

    @media screen and (max-width: 767px) {
        .tb-canvas__swimlane--body .tb-canvas__swimlane--scrollable-grid-view {
            grid-auto-columns: 45%
        }
    }

    @media screen and (max-width: 767px) {
        .tb-canvas__swimlane--body.var2 .tb-canvas__swimlane--scrollable-grid-view {
            grid-template-rows: repeat(2, 1fr)
        }

        .tb-canvas__swimlane--body.var1 .tb-canvas__swimlane--arrow {
            padding-right: 0
        }

        .tb-canvas__swimlane--body.var1 .tb-canvas__swimlane--arrow .tbl-ico {
            border-radius: 20px 0 0 20px;
            padding-block: 10px;
            padding-right: 4px
        }

        .tb-canvas__swimlane--body.var1 .tb-canvas__swimlane--arrow .tbl-ico img {
            width: 16px;
            height: 16px
        }
    }

    .tb-canvas__swimlane--grid-view {
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }

    @media screen and (max-width: 767px) {
        .tb-canvas__swimlane--grid-view {
            grid-template-columns: repeat(2, 1fr)
        }
    }

    .tb-canvas__see_all_link {
        border-radius: 8px;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding: 8px;
        gap: 4px;
        height: 32px;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center
    }

    .tb-canvas__swimlane-header--title--link {
        padding: 0
    }

    body.swimlane-dragging {
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        user-select: none !important
    }

    body.swimlane-dragging * {
        cursor: -webkit-grabbing !important;
        cursor: grabbing !important
    }

    .tb-canvas__more-categories-content {
        color: var(--color-neutral-900)
    }

    .tb-canvas__more-categories-content--grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }

    @media (min-width: 768px) {
        .tb-canvas__more-categories-content--grid {
            grid-template-columns: repeat(6, 1fr)
        }
    }

    @media (min-width: 1024px) {
        .tb-canvas__more-categories-content--grid {
            grid-template-columns: repeat(8, 1fr)
        }
    }

    .tb-canvas__more-categories-content--list {
        display: -webkit-flex;
        display: flex;
        padding-inline: 16px;
        overflow-x: auto;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .tb-canvas__more-categories-content--list>* {
        scroll-snap-align: start;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .tb-canvas__more-categories-link {
        color: var(--color-neutral-900);
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        justify-items: center
    }

    .tb-canvas__more-categories-link.tb-btn--icon .tbl-ico {
        margin-right: 0
    }

    .tb-canvas__trending-tags-content {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: start;
        justify-content: start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px
    }

    .tb-canvas__more-categories-link--icon img {
        height: 80px;
        width: 80px
    }

    @media (min-width: 1280px) {
        .tb-canvas__more-categories-link--icon img {
            height: 100px;
            width: 100px
        }
    }

    @media (min-width: 1920px) {
        .tb-canvas__more-categories-link--icon img {
            height: 120px;
            width: 120px
        }
    }

    .tb-accord {
        border: 2px solid var(--color-neutral-900);
        border-radius: 12px;
        margin-bottom: 8px
    }

    .tb-accord.tb-accord__content--open {
        border: 2px solid var(--color-primary-500)
    }

    .tb-accord__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) {
        .tb-accord__button:hover {
            background-color: var(--color-primary-100);
            color: var(--color-primary-500)
        }
    }

    .tb-accord__button.tb-accord__content--open {
        background-color: var(--color-primary-100);
        color: var(--color-primary-500);
        display: -webkit-flex;
        display: flex
    }

    .tb-accord__content--open .tbl-ico {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .tb-accord__content--open .tbl-ico svg {
        fill: var(--color-primary-500)
    }

    .tb-accord__button-text {
        color: inherit
    }

    .tb-accord__content {
        display: none;
        padding: 12px 16px
    }

    .tb-accord__content.tb-accord__content--open {
        display: block
    }

    .tbl-banner {
        font-size: var(--font-size-small-400);
        padding: 15px;
        position: relative
    }

    .tbl-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) {
        .tbl-affiliate {
            font-size: var(--font-size-small-400)
        }
    }

    .tbl-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
    }

    .tbl-affiliate__content {
        margin: auto;
        padding: 0 15px
    }

    .tbl-affiliate__clipboard {
        padding-top: 5px;
        position: relative;
        width: 100%
    }

    .tbl-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
    }

    .tbl-affiliate__clipboard .tbl-ico {
        display: none
    }

    @media (min-width: 768px) {
        .tbl-affiliate__clipboard {
            padding-top: 0;
            width: auto
        }

        .tbl-affiliate__clipboard .tbl-ico {
            display: block;
            margin-left: 10px
        }
    }

    .tbl-affiliate__link-wrapper.animate {
        -webkit-animation: tbl-fade-down 0.2s ease-in-out forwards;
        animation: tbl-fade-down 0.2s ease-in-out forwards
    }

    .tbl-affiliate__link-wrapper.copied.success {
        -webkit-animation: tbl-fade-out 0.2s ease-in-out forwards;
        animation: tbl-fade-out 0.2s ease-in-out forwards
    }

    .tbl-affiliate__link-wrapper--copied {
        position: absolute;
        visibility: hidden;
        top: 5px;
        bottom: 0;
        left: 0;
        right: 0
    }

    @media (min-width: 768px) {
        .tbl-affiliate__link-wrapper--copied {
            top: 0;
            right: unset
        }
    }

    .tbl-affiliate__link-wrapper--copied.animate {
        -webkit-animation: tbl-fade-out 0.2s ease-in-out forwards;
        animation: tbl-fade-out 0.2s ease-in-out forwards
    }

    .tbl-affiliate__link-wrapper--copied.success {
        -webkit-animation: tbl-fade-down 0.2s ease-in-out forwards;
        animation: tbl-fade-down 0.2s ease-in-out forwards
    }

    .tbl-affiliate__link {
        font-weight: 700;
        color: var(--color-warning-500);
        text-align: center
    }

    .tbl-affiliate__link:hover {
        color: var(--color-warning-500);
        opacity: .85;
        cursor: pointer
    }

    .tbl-affiliate__link.copied.success {
        opacity: 0;
        -webkit-animation: tbl-fade-out .5s linear forwards;
        animation: tbl-fade-out .5s linear forwards
    }

    .tbl-affiliate__link--copied {
        color: var(--color-success-500);
        font-weight: 700
    }

    .tbl-affiliate__note {
        text-transform: none
    }

    @media (min-width: 375px) and (max-width: 981px) {
        .tbl-affiliate__note {
            white-space: nowrap;
            width: auto
        }
    }

    .tbl-sale-cd {
        display: block;
        width: 100%
    }

    .tbl-sale-cd__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;
        gap: 8px
    }

    @media (min-width: 768px) {
        .tbl-sale-cd__content-container {
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
            padding-right: 28px;
            gap: 24px
        }
    }

    .tbl-sale-cd__countdown-container {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center
    }

    .tbl-sale-cd__countdown-label-disclaimer-container {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        margin-right: 12px
    }

    .tbl-sale-cd__countdown-label {
        font-family: var(--font-family-primary-bold);
        font-size: var(--font-size-small-200);
        text-align: left;
        white-space: nowrap
    }

    .tbl-sale-cd__countdown-disclaimer {
        font-family: var(--font-family-primary);
        color: var(--color-neutral-900-a60);
        font-size: 8px;
        text-align: left;
        margin-top: 2px
    }

    .tbl-sale-cd__messaging-cta-container {
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: flex;
        gap: 12px
    }

    .tbl-sale-cd__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
    }

    .tbl-sale-cd__messaging-cta-container .c-link__button.hidden {
        display: none
    }

    .tbl-sale-cd__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) {
        .tbl-sale-cd__messaging {
            font-size: var(--font-size-medium-100)
        }
    }

    .tbl-seller-v {
        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) {
        .tbl-seller-v {
            grid-template-columns: repeat(2, auto);
            padding: 16px;
            gap: 12px
        }
    }

    .tbl-seller-v__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) {
        .tbl-seller-v__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) {
        .tbl-seller-v__link-wrapper {
            justify-self: end
        }
    }

    .tbl-seller-v__btn {
        border-radius: 8px;
        padding: 8px
    }

    .tbl-seller-v__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
    }

    .tbl-banner--blue-dark-background {
        background: var(--color-primary-600)
    }

    .tbl-banner--dark-default-background {
        background: var(--color-neutral-900)
    }

    .tbl-banner--development-background {
        background: var(--color-success-300)
    }

    .tbl-banner--error-red-background {
        background: var(--color-danger-500)
    }

    .tbl-banner--light-default-background {
        background: var(--color-white)
    }

    .tbl-banner--staging-background {
        background: var(--color-warning-500)
    }

    .tbl-banner--canary-background {
        background: var(--color-accent-orange-500)
    }

    .tbl-banner--success-green-background {
        background: var(--color-success-500)
    }

    .tbl-banner--warning-yellow-background,
    .tbl-sale-cd {
        background: var(--color-warning-500)
    }

    .tbl-banner--warning-light-yellow-background {
        background: var(--color-warning-400)
    }

    .tbl-banner--preview-yellow-background {
        background: var(--color-warning-200)
    }

    .tbl-banner--with-close-icon {
        padding-right: 30px
    }

    .tbl-banner--hidden {
        display: none
    }

    .tbl-banner--sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 110
    }

    .tbl-banner--auto-hide {
        transition-delay: 5s;
        transition-duration: .5s;
        transition-property: height, padding;
        height: 0;
        padding: 0
    }

    .tbl-banner--hide {
        transition-duration: .5s;
        transition-property: height, padding;
        height: 0;
        padding: 0
    }

    .tbl-banner__close-icon {
        position: absolute;
        right: 15px;
        top: 15px;
        cursor: pointer
    }

    .tbl-banner__text--dark-default {
        color: var(--color-neutral-900)
    }

    .tbl-banner__text--light-default {
        color: var(--color-white)
    }

    .tbl-banner__text--black {
        color: var(--color-black)
    }

    .tbl-banner__text--success-green {
        color: var(--color-success-500)
    }

    .tbl-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
    }

    .tbl-cd {
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .tbl-cnt {
        -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
    }

    .tbl-cnt__counts {
        display: -webkit-flex;
        display: flex;
        gap: 4px
    }

    .tbl-cnt__digits {
        font-family: var(--font-family-primary-bold)
    }

    .tbl-cd-sale-banner {
        font-family: var(--font-family-display);
        gap: 4px
    }

    .tbl-cd-sale-banner .tbl-cnt {
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        min-height: 30px;
        padding: 5px
    }

    .tbl-cd-sale-banner .tbl-cnt__digits {
        font-family: var(--font-family-display);
        font-size: var(--font-size-small-400)
    }

    .tbl-cd-sale-banner .tbl-cnt__label {
        font-size: var(--font-size-small-200);
        margin-left: 2px
    }

    .tbl-cd-sale-banner .tbl-cnt__separator {
        color: var(--color-white);
        margin: 0 5px
    }

    .tbl-cd-product-sale {
        display: -webkit-flex;
        display: flex;
        gap: 4px
    }

    .tbl-cd-product-sale .tbl-cnt {
        -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
    }

    .tbl-cd-product-sale .tbl-cnt__digits {
        color: var(--color-accent-orange-500);
        font-family: var(--font-family-primary-bold);
        font-size: var(--font-size-medium-200);
        margin-bottom: 4px
    }

    .tbl-cd-product-sale .tbl-cnt__label {
        color: var(--color-neutral-700);
        font-family: var(--font-family-primary);
        font-size: var(--font-size-small-200);
        text-transform: capitalize
    }

    .tbl-cd-product-sale .tbl-cnt__separator {
        display: none
    }

    .tbl-cd-design-tile {
        -webkit-align-items: unset;
        align-items: unset;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        background: transparent;
        color: var(--tile-countdown-color);
        font-size: var(--font-size-small-200);
        line-height: 16px;
        margin-left: 2px
    }

    @media (min-width: 768px) {
        .tbl-cd-design-tile {
            font-size: var(--font-size-small-300)
        }
    }

    .tbl-cd-design-tile .tbl-cnt__timer-text {
        color: var(--tile-countdown-color);
        padding: 0 3px;
        white-space: nowrap
    }

    .tbl-cd-design-tile .tbl-cnt__counts {
        gap: 0px
    }

    .tbl-cd-design-tile .tbl-cnt {
        background: transparent;
        line-height: 16px
    }

    .tbl-cd-design-tile .tbl-cnt__digits {
        color: var(--tile-countdown-color);
        font-family: var(--font-family-primary-semibold)
    }

    .tbl-cd-design-tile .tbl-cnt__label {
        color: var(--tile-countdown-color);
        padding: 0 3px
    }

    .tbl-cd-design-tile .tbl-cnt__separator {
        color: var(--tile-countdown-color);
        line-height: 16px;
        margin: 0
    }

    .tbl-cd-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
    }

    .tbl-cd-artist .tbl-cnt__timer-text {
        color: var(--color-accent-orange-600);
        padding: 0 3px
    }

    .tbl-cd-artist .tbl-cnt {
        background: transparent;
        line-height: 16px
    }

    .tbl-cd-artist .tbl-cnt__counts {
        gap: 0px
    }

    .tbl-cd-artist .tbl-cnt__digits {
        color: var(--color-accent-orange-600);
        font-family: var(--font-family-primary-semibold)
    }

    .tbl-cd-artist .tbl-cnt__label {
        color: var(--color-accent-orange-600);
        padding: 0 3px
    }

    .tbl-cd-artist .tbl-cnt__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
    }

    .tb-note--neutral {
        --label-background-color: var(--color-neutral-100);
        --label-border-color: var(--color-neutral-300)
    }

    .tb-note--neutral.tb-note--on-dark {
        --label-background-color: var(--color-neutral-800-a40);
        --label-border-color: var(--color-neutral-800)
    }

    .tb-note--success {
        --label-background-color: var(--color-success-100);
        --label-border-color: var(--color-success-300)
    }

    .tb-note--warning {
        --label-background-color: var(--color-warning-100);
        --label-border-color: var(--color-warning-300)
    }

    .tb-note--danger {
        --label-background-color: var(--color-danger-100);
        --label-border-color: var(--color-danger-300)
    }

    .tb-note--information {
        --label-background-color: var(--color-primary-100);
        --label-border-color: var(--color-primary-300)
    }

    .tb-note--on-dark .tb-note--header,
    .tb-note--on-dark .tb-note__text {
        color: var(--color-white)
    }

    .tb-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
    }

    .tb-note .tb-note--header {
        margin-bottom: 8px
    }

    .tb-note .tb-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
    }

    .tb-note .tb-note--link {
        margin-top: 8px
    }

    :root,
    [data-theme="default"] {
        --design-tile-horizontal-min-width: 188px;
        --design-tile-min-width: 0
    }

    .tb-tile--dark {
        --tile-artist-color: var(--color-neutral-400);
        --tile-background-color: transparent;
        --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)
    }

    .tb-tile--dark:hover {
        background-color: var(--color-white-a04)
    }

    .tb-tile--dark .tb-tile__artist span,
    .tb-tile--dark .tb-tile__artist p {
        color: var(--color-white)
    }

    .tb-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)
    }

    .tb-tile--light:hover {
        background-color: var(--color-white);
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20)
    }

    .tb-tile {
        background: var(--tile-background-color);
        border-radius: 12px;
        min-width: var(--design-tile-min-width);
        padding: 8px 8px 12px;
        position: relative;
        transition: .3s
    }

    .tb-tile:hover {
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20)
    }

    .tb-tile__body {
        padding-bottom: 8px;
        position: relative;
        text-align: center
    }

    .tb-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) {
        .tb-tile__pricing {
            font-size: var(--font-size-small-400)
        }
    }

    .tb-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) {
        .tb-tile__price--original {
            font-size: var(--font-size-small-300)
        }
    }

    .tb-tile__price--regular {
        color: var(--tile-price--regular-color)
    }

    .tb-tile__price--sale {
        color: var(--tile-price--sale-color);
        margin-right: 4px
    }

    .tb-tile__sale-pricing {
        -webkit-align-items: baseline;
        align-items: baseline;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .tb-tile__sale-countdown {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .tb-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)
    }

    .tb-tile__artist.tb-tile__artist--linked {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        gap: 2px
    }

    .tb-tile__artist.tb-tile__artist--linked .link__content {
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 186px
    }

    .tb-tile__image {
        border-radius: 8px;
        margin-bottom: 8px;
        width: 100%;
        display: block
    }

    .tb-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) {
        .tb-tile__title {
            font-size: var(--font-size-small-400)
        }
    }

    .tb-tile__label {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        position: relative
    }

    .tb-tile__label .tb-badge {
        font-size: var(--font-size-small-200);
        z-index: 1
    }

    @media (min-width: 768px) {
        .tb-tile__label .tb-badge {
            font-size: var(--font-size-small-300)
        }
    }

    .tb-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%
    }

    .tb-tile__canvas-label .tb-badge {
        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
    }

    .tb-tile__order-item-details {
        font-size: var(--font-size-small-300)
    }

    .tb-tile__find-similar-button-container {
        position: absolute;
        right: 16px;
        top: 56px;
        z-index: 1
    }

    .tb-tile__find-similar-button {
        border-radius: 800px;
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20);
        padding: 6px;
        margin-top: 0;
        margin-bottom: 0
    }

    .tb-tile__find-similar-button:hover {
        background: var(--color-primary-100);
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20)
    }

    .tb-tile__find-similar-button:focus {
        background: var(--color-primary-200);
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20)
    }

    .tb-tile__favorite-button-container {
        position: absolute;
        right: 16px;
        top: 16px;
        z-index: 1
    }

    .tb-tile__image-wrap {
        position: relative
    }

    .tb-tile__sold-counts {
        margin-top: 8px
    }

    .tb-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
    }

    .tb-tile__sold-count,
    .tb-tile__sold-count strong {
        color: var(--color-white)
    }

    .tb-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 .tb-tile:hover .tb-tile__preview-backdrop {
        visibility: visible
    }

    .tb-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 .tb-tile:hover .tb-tile__sort-ctrl {
        visibility: visible
    }

    .tb-tile__sort-icon {
        cursor: move
    }

    .tb-tile__merch-button-container {
        display: none;
        position: absolute;
        right: 8px;
        bottom: 8px;
        z-index: 1
    }

    @media (min-width: 1024px) {
        .tb-tile__merch-button-container {
            display: block;
            visibility: hidden
        }

        html.touch .tb-tile__merch-button-container {
            visibility: visible
        }

        .tb-tile:hover .tb-tile__merch-button-container {
            visibility: visible
        }
    }

    .tb-tile__merch-button {
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20);
        padding-left: 12px;
        padding-right: 12px;
        margin: 0
    }

    .tb-tile__ad6 {
        grid-row: 3;
        grid-column: 2
    }

    @media (min-width: 1024px) {
        .tb-tile__ad6 {
            grid-row: 2;
            grid-column: 3
        }
    }

    .tb-tile__ad6 .tb-tile__title {
        font-size: var(--font-size-medium-300);
        font-family: var(--font-family-primary-bold);
        line-height: 1;
        margin: 32px 0 0 0
    }

    .tb-tile__adspace {
        grid-row: calc(var(--adspace-rows-skip, 0) + (var(--adspace-tiles-skip, 0) / 2) + 1);
        grid-column: 1 / -1;
        margin: 24px 0;
        text-align: center
    }

    @media (min-width: 1024px) {
        .tb-tile__adspace {
            grid-row: calc(var(--adspace-rows-skip, 0) + (var(--adspace-tiles-skip, 0) / 4) + 1);
            grid-column: 1 / -1
        }
    }

    .tb-tile__adspace .link__content img {
        width: 300px;
        height: 140px;
        border-radius: 12px;
        overflow: hidden;
        -o-object-fit: none;
        object-fit: none;
        -o-object-position: right;
        object-position: right
    }

    @media (min-width: 585px) {
        .tb-tile__adspace .link__content img {
            width: 440px
        }
    }

    @media (min-width: 740px) {
        .tb-tile__adspace .link__content img {
            width: 580px
        }
    }

    @media (min-width: 900px) {
        .tb-tile__adspace .link__content img {
            width: 720px
        }
    }

    @media (min-width: 1085px) {
        .tb-tile__adspace .link__content img {
            width: 860px
        }
    }

    @media (min-width: 1240px) {
        .tb-tile__adspace .link__content img {
            width: 1000px
        }
    }

    @media (min-width: 1395px) {
        .tb-tile__adspace .link__content img {
            width: 1140px
        }
    }

    .tb-tile__find-similar-button-b,
    .tb-tile__add-to-cart {
        width: 120px;
        -webkit-justify-content: center;
        justify-content: center
    }

    @media (min-width: 768px) {

        .tb-tile__find-similar-button-b,
        .tb-tile__add-to-cart {
            width: 140px
        }
    }

    .tb-tile__find-similar-button-b.tb-btn--icon,
    .tb-tile__add-to-cart.tb-btn--icon {
        display: -webkit-flex;
        display: flex
    }

    @media (min-width: 768px) {

        .tb-tile__find-similar-button-b.tb-btn--small,
        .tb-tile__add-to-cart.tb-btn--small {
            font-size: var(--font-size-small-400)
        }
    }

    .tb-tile__find-similar-button-b.btn--segmented,
    .tb-tile__add-to-cart.btn--segmented {
        border: 2px solid var(--color-neutral-300);
        border-radius: 8px;
        padding: 8px;
        margin: 4px auto 0
    }

    .tb-tile__find-similar-button-b.btn--segmented[disabled="disabled"],
    .tb-tile__add-to-cart.btn--segmented[disabled="disabled"] {
        border-color: var(--color-neutral-200);
        cursor: default
    }

    .tb-tile__find-similar-button-b .button__content,
    .tb-tile__add-to-cart .button__content {
        color: var(--color-neutral-900)
    }

    .tb-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
    }

    .tb-tile__promotional-content--success,
    .tb-tile__promotional-content--success>* {
        color: var(--color-success-700)
    }

    .tb-tile__menu {
        position: absolute;
        left: 16px;
        top: 16px;
        pointer-events: none;
        z-index: 1
    }

    @media (min-width: 1024px) {
        .tb-tile__menu-ctrl {
            visibility: hidden
        }

        html.touch .tb-tile__menu-ctrl {
            visibility: visible
        }

        .tb-tile:hover .tb-tile__menu-ctrl {
            visibility: visible
        }

        .tb-tile--affiliate-non-owner .tb-tile__menu-ctrl {
            display: none
        }
    }

    .tb-tile__menu-ctrl button {
        pointer-events: all
    }

    .tb-tile__menu-ctrl .tbl-ico {
        box-shadow: 0 4px 8px 0 var(--color-neutral-900-a20);
        padding: 6px
    }

    @media (min-width: 1280px) {
        .tb-tile__menu-ctrl-mobile {
            display: none
        }
    }

    @media (max-width: 1279px) {
        .tb-tile__menu-ctrl-desktop {
            display: none
        }
    }

    .tb-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) {
        .tb-tile__menu-dropdown.active {
            display: block
        }
    }

    .tb-tile__menu-dropdown-body {
        margin-top: 12px
    }

    .tb-tile__menu-dropdown-x {
        position: absolute;
        right: 16px;
        top: 16px
    }

    .tb-tile__menu-dropdown-status-badge {
        padding: 6px 8px
    }

    .tb-tile__menu-dropdown-header {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        margin-right: 40px
    }

    .tb-tile__menu-dropdown-header-img {
        margin-left: 8px;
        margin-right: 12px;
        width: 36px;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

    .tb-tile__menu-dropdown-header-img img {
        margin-bottom: 0
    }

    .tb-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) {
        .tb-tile__menu-dropdown-header-text p {
            max-width: 120px
        }
    }

    @media screen and (max-width: 767px) {

        .tb-tile__menu-edit,
        .tb-tile__menu-copy {
            display: none
        }
    }

    .tb-tile__menu-links .link-collection__content {
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-top: 0
    }

    .tb-tile__menu-links .link-collection__link {
        color: var(--color-neutral-800);
        font-size: var(--font-size-small-300);
        padding: 6px 8px;
        gap: 8px
    }

    .tb-tile__menu-links .link-collection__link:hover {
        background: var(--color-primary-100);
        border-radius: 8px
    }

    .tb-tile__menu-links .tbl-ico {
        margin: 0
    }

    .tb-tile__menu-links--danger .link-collection__link {
        color: var(--color-danger-500)
    }

    @media (min-width: 1024px) {
        .tb-tile__menu-merch {
            display: none
        }
    }

    .tb-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)
    }

    .tb-tile__menu-sold-count strong {
        color: var(--color-neutral-600)
    }

    .tb-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 .tb-tile__seo-content-wrap {
        display: -webkit-flex;
        display: flex
    }

    .tb-tile__seo-content-wrap .strong {
        color: var(--color-white)
    }

    .tb-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)
    }

    .tb-tile__seo-ctrl {
        position: absolute;
        right: 16px;
        bottom: 16px;
        z-index: 10;
        visibility: hidden
    }

    .show-tags .tb-tile__seo-ctrl {
        visibility: visible
    }

    .tb-tile__seo-ctrl .tbl-ico {
        background: var(--color-neutral-800-a60);
        padding: 4px
    }

    .tb-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)
    }

    .tb-tile__seo-footer button {
        color: var(--color-white)
    }

    .tb-tile__seo-main-tag {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tb-tile__seo-main-tag a {
        color: var(--color-primary-300)
    }

    .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 .tbl-ico {
        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 .bl-sort {
        padding: 12px 0
    }

    .drawer__content-container .bl-sort__label {
        font-family: var(--font-family-primary-bold);
        font-size: var(--font-size-small-400)
    }

    @media (max-width: 767px) {
        .drawer__content-container .bl-sort__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
    }

    .tb-gift {
        background: var(--color-neutral-900);
        padding: 48px 0;
        overflow-x: hidden
    }

    .tb-gift__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
    }

    .tb-gift__category-links::-webkit-scrollbar {
        display: none
    }

    @media (min-width: 768px) and (max-width: 1023px) {
        .tb-gift__category-links {
            margin-inline: -48px;
            padding-inline: 48px
        }
    }

    @media (min-width: 1024px) {
        .tb-gift__category-links {
            -webkit-justify-content: center;
            justify-content: center;
            margin-inline: 0px;
            padding-inline: 0px;
            overflow-x: initial
        }
    }

    .tb-gift__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) {
        .tb-gift__category-link {
            margin: 0 4px
        }
    }

    .tb-gift__category-link:focus {
        color: var(--color-white)
    }

    .tb-gift__category-link:hover {
        color: var(--color-white)
    }

    .tb-gift__category-link--active {
        background-color: var(--color-neutral-800);
        border: 2px solid var(--color-primary-500);
        border-radius: 8px
    }

    .tb-gift__foot {
        text-align: center;
        padding-top: 32px
    }

    .tb-gift__head {
        text-align: center;
        margin-bottom: 24px
    }

    .tb-gift__head-canvas {
        margin: 8px auto
    }

    @media (min-width: 768px) {
        .tb-gift__head-canvas {
            margin: 0 16px
        }
    }

    .tb-gift__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) {
        .tb-gift__head-h {
            font-size: var(--font-size-medium-400);
            line-height: var(--font-size-large-100)
        }
    }

    @media (min-width: 768px) {
        .tb-gift__head-text-wrap {
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center
        }
    }

    .tb-gift__head-text {
        color: var(--color-white)
    }

    .tb-gift__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
    }

    .tb-gift__tiles::-webkit-scrollbar {
        display: none
    }

    @media (min-width: 768px) {
        .tb-gift__tiles {
            margin-inline: 0px;
            padding-inline: 0px;
            overflow: initial
        }
    }

    @media (min-width: 1024px) {
        .tb-gift__tiles {
            gap: 16px
        }
    }

    .tb-gift .tb-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) {
        .tb-gift .tb-tile {
            -webkit-flex-shrink: 1;
            flex-shrink: 1
        }
    }

    .tbl-hdr-logo {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        gap: 12px
    }

    .tbl-hdr-logo--hidden .tbl-hdr-logo__wrapper {
        display: none
    }

    .tbl-hdr-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) {
        .tbl-hdr-logo__content {
            font-size: var(--font-size-medium-100)
        }
    }

    .tbl-hdr-logo__content,
    .tbl-hdr-logo__content .link--1,
    .tbl-hdr-logo__content .link--1:hover {
        color: var(--color-white)
    }

    .tbl-hdr-logo__content--black,
    .tbl-hdr-logo__content--black .link--1,
    .tbl-hdr-logo__content--black .link--1:hover {
        color: var(--color-neutral-900)
    }

    .tbl-hdr-logo__image {
        display: block;
        height: 24px
    }

    @media (max-width: 344px) {
        .tbl-hdr-logo__image {
            height: 20px
        }
    }

    @media (max-width: 400px) {
        .tbl-hdr__container:has(.tbl-hdr__for-you) .tbl-hdr-logo__image {
            height: 20px
        }
    }

    @media (max-width: 375px) {
        .tbl-hdr__container:has(.tbl-hdr__for-you) .tbl-hdr-logo__image {
            height: 16px
        }
    }

    .tb-hdr-logo-img {
        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
    }

    .tbl-hdr__shop-button,
    .tbl-hdr__cart-button .button__content,
    .tbl-hdr__account-button:has(.tbl-ico),
    .tbl-hdr__account-button:has(.tbl-hdr__avatar) .button__content,
    .tbl-hdr__for-you-button {
        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) {

        .tbl-hdr__shop-button,
        .tbl-hdr__cart-button .button__content,
        .tbl-hdr__account-button:has(.tbl-ico),
        .tbl-hdr__account-button:has(.tbl-hdr__avatar) .button__content,
        .tbl-hdr__for-you-button {
            -webkit-flex-direction: row;
            flex-direction: row;
            gap: 8px
        }
    }

    .tbl-hdr {
        background-color: var(--color-neutral-900);
        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)
    }

    .tbl-hdr .tbl-hdr-logo {
        grid-area: logo;
        -webkit-align-self: center;
        align-self: center;
        padding-left: 16px
    }

    @media (min-width: 768px) {
        .tbl-hdr .tbl-hdr-logo {
            padding-left: 28px
        }
    }

    @media (min-width: 1024px) {
        .tbl-hdr .tbl-hdr-logo {
            padding-left: 0
        }
    }

    .tbl-hdr--storefront .tbl-hdr-logo__image {
        height: 32px;
        border-radius: 800px
    }

    .tbl-hdr--storefront .tbl-hdr-logo__wrapper {
        width: 32px;
        height: 32px
    }

    .tbl-hdr--storefront .tbl-hdr__logo {
        height: 32px;
        border-radius: 800px
    }

    .tbl-hdr--storefront .tbl-hdr__logo-wrapper {
        width: 32px;
        height: 32px
    }

    .tbl-hdr--no-nav .tbl-hdr__container {
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .tbl-hdr--no-nav .tbl-hdr-logo {
        padding-left: 0
    }

    .tbl-hdr--no-nav .tbl-hdr-chk__secure {
        color: var(--color-white)
    }

    .tbl-hdr--no-nav .tbl-hdr-chk__secure-lock {
        padding-bottom: 2px
    }

    .tbl-hdr--no-search .tbl-hdr__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) {
        .tbl-hdr--no-search .tbl-hdr__container .tbl-hdr-logo__wrapper {
            display: none
        }
    }

    .tbl-hdr--no-search .tbl-hdr__container .tbl-hdr-logo {
        max-width: 100%;
        padding-right: 16px
    }

    @media (min-width: 1024px) {
        .tbl-hdr--no-search .tbl-hdr__container .tbl-hdr-logo {
            padding-right: 0
        }
    }

    .tbl-hdr--no-search .tbl-hdr__container .tbl-hdr-logo__content {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tbl-hdr__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) {
        .tbl-hdr__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) {
        .tbl-hdr__container {
            -webkit-align-items: center;
            align-items: center;
            grid-template-areas: 'menu logo search actions';
            grid-gap: 28px
        }
    }

    .tbl-hdr__menu-container {
        grid-area: menu
    }

    .tbl-hdr__shop-button-text,
    .tbl-hdr__for-you-button-text,
    .tbl-hdr__account-button-text,
    .tbl-hdr__link-text,
    .tbl-hdr__cart-text {
        display: block;
        font-size: var(--font-size-small-200);
        line-height: 1.3333
    }

    @media (min-width: 768px) {

        .tbl-hdr__shop-button-text,
        .tbl-hdr__for-you-button-text,
        .tbl-hdr__account-button-text,
        .tbl-hdr__link-text,
        .tbl-hdr__cart-text {
            font-size: var(--font-size-small-300);
            line-height: 1.42857
        }
    }

    @media (min-width: 1280px) {

        .tbl-hdr__shop-button-text,
        .tbl-hdr__for-you-button-text,
        .tbl-hdr__account-button-text,
        .tbl-hdr__link-text,
        .tbl-hdr__cart-text {
            font-size: var(--font-size-small-400);
            line-height: 1.25
        }
    }

    .tbl-hdr__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) {
        .tbl-hdr__actions-container {
            gap: 28px
        }
    }

    @media (min-width: 1024px) {
        .tbl-hdr__actions-container {
            -webkit-align-items: center;
            align-items: center
        }
    }

    .tbl-hdr__search-container {
        grid-area: search
    }

    .tbl-hdr__account {
        text-align: center;
        color: var(--color-white);
        font-size: var(--font-size-small-200)
    }

    .tbl-hdr__account picture {
        display: block;
        height: 20px
    }

    @media (min-width: 768px) {
        .tbl-hdr__account picture {
            height: 28px
        }
    }

    .tbl-hdr__avatar {
        width: 20px;
        height: 20px
    }

    @media (min-width: 768px) {
        .tbl-hdr__avatar {
            width: 28px;
            height: 28px
        }
    }

    .tbl-hdr__cart {
        position: relative
    }

    .tbl-hdr__shop-button .tbl-ico,
    .tbl-hdr__for-you-button .tbl-ico,
    .tbl-hdr__account-button .tbl-ico,
    .tbl-hdr__cart-button .tbl-ico {
        display: block;
        height: 20px
    }

    .tbl-hdr__shop-button .tbl-ico svg,
    .tbl-hdr__shop-button .tbl-ico img,
    .tbl-hdr__for-you-button .tbl-ico svg,
    .tbl-hdr__for-you-button .tbl-ico img,
    .tbl-hdr__account-button .tbl-ico svg,
    .tbl-hdr__account-button .tbl-ico img,
    .tbl-hdr__cart-button .tbl-ico svg,
    .tbl-hdr__cart-button .tbl-ico img {
        width: 20px;
        height: 20px
    }

    @media (min-width: 768px) {

        .tbl-hdr__shop-button,
        .tbl-hdr__for-you-button,
        .tbl-hdr__account-button,
        .tbl-hdr__cart-button {
            -webkit-align-items: center;
            align-items: center
        }

        .tbl-hdr__shop-button .tbl-ico,
        .tbl-hdr__for-you-button .tbl-ico,
        .tbl-hdr__account-button .tbl-ico,
        .tbl-hdr__cart-button .tbl-ico {
            height: 28px
        }

        .tbl-hdr__shop-button .tbl-ico svg,
        .tbl-hdr__shop-button .tbl-ico img,
        .tbl-hdr__for-you-button .tbl-ico svg,
        .tbl-hdr__for-you-button .tbl-ico img,
        .tbl-hdr__account-button .tbl-ico svg,
        .tbl-hdr__account-button .tbl-ico img,
        .tbl-hdr__cart-button .tbl-ico svg,
        .tbl-hdr__cart-button .tbl-ico img {
            width: 28px;
            height: 28px
        }
    }

    .tbl-hdr__cart-text {
        color: var(--color-white)
    }

    @media screen and (max-width: 767px) {
        .tbl-hdr__cta {
            display: none
        }
    }

    .tbl-hdr__cta-button {
        padding: 8px 16px
    }

    .bl-hdr-logo {
        display: block;
        width: 120px
    }

    @media (min-width: 1024px) {
        .bl-hdr-logo {
            width: 190px
        }
    }

    .bl-hdr-search {
        grid-column: 1 / span 12;
        grid-row: 2;
        border-radius: 12px
    }

    @media (min-width: 1024px) {
        .bl-hdr-search {
            -webkit-align-items: center;
            align-items: center;
            display: -webkit-flex;
            display: flex;
            grid-column: 2 / span 1;
            grid-row: 1
        }
    }

    .bl-hdr-search ::-webkit-input-placeholder {
        display: none;
        color: var(--color-neutral-600)
    }

    .bl-hdr-search :-ms-input-placeholder {
        display: none;
        color: var(--color-neutral-600)
    }

    .bl-hdr-search ::-ms-input-placeholder {
        display: none;
        color: var(--color-neutral-600)
    }

    .bl-hdr-search ::placeholder {
        display: none;
        color: var(--color-neutral-600)
    }

    @media (max-width: 374px) {
        .bl-hdr-search ::-webkit-input-placeholder {
            color: transparent
        }

        .bl-hdr-search :-ms-input-placeholder {
            color: transparent
        }

        .bl-hdr-search ::-ms-input-placeholder {
            color: transparent
        }

        .bl-hdr-search ::placeholder {
            color: transparent
        }

        .active-search .bl-hdr-search ::-webkit-input-placeholder {
            color: var(--color-neutral-600)
        }

        .active-search .bl-hdr-search :-ms-input-placeholder {
            color: var(--color-neutral-600)
        }

        .active-search .bl-hdr-search ::-ms-input-placeholder {
            color: var(--color-neutral-600)
        }

        .active-search .bl-hdr-search ::placeholder {
            color: var(--color-neutral-600)
        }
    }

    .bl-hdr-search .input-group {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: stretch;
        align-items: stretch;
        width: 100%
    }

    .bl-hdr-search .input-group:focus-within .bl-hdr-search-field-placeholder {
        -webkit-animation-play-state: paused;
        animation-play-state: paused
    }

    .bl-hdr-search .input-group-append {
        display: inline-block;
        margin-left: -1px;
        line-height: 1
    }

    .bl-hdr-search .tbl-ico,
    .bl-hdr-search-close .tbl-ico {
        margin: 0
    }

    .bl-hdr-search--animate {
        --borderWidth: 2px;
        border-radius: 12px
    }

    .bl-hdr-search--animate form {
        position: relative
    }

    .bl-hdr-search--animate form:after {
        -webkit-animation: tbl-border-grad 6s ease-in-out alternate infinite;
        animation: tbl-border-grad 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
    }

    .bl-hdr-search--animate form:focus-within:after {
        background: var(--color-primary-500)
    }

    .bl-hdr-search--animate .form__control:focus {
        border-color: var(--color-neutral-300)
    }

    @media (max-width: 767px) {
        .bl-hdr-search--animate {
            margin-right: 0
        }
    }

    .bl-hdr-search--animate .icon {
        font-size: 16px
    }

    .bl-hdr-search-field-container {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .bl-hdr-search-field-container .bl-hdr-search-field {
        border-radius: 12px 0 0 12px;
        border: 0;
        height: 100%;
        width: 100%
    }

    .bl-hdr-search-field-container .bl-hdr-search-field::-webkit-input-placeholder {
        color: var(--color-neutral-600)
    }

    .bl-hdr-search-field-container .bl-hdr-search-field:-ms-input-placeholder {
        color: var(--color-neutral-600)
    }

    .bl-hdr-search-field-container .bl-hdr-search-field::-ms-input-placeholder {
        color: var(--color-neutral-600)
    }

    .bl-hdr-search-field-container .bl-hdr-search-field::placeholder {
        color: var(--color-neutral-600)
    }

    @media (min-width: 1024px) {
        .bl-hdr-search-field-container .bl-hdr-search-field {
            font-size: var(--font-size-small-400)
        }
    }

    .bl-hdr-search-field-container .bl-hdr-search-field .bl-hdr-sf {
        color: var(--color-neutral-600);
        height: 32px
    }

    .bl-hdr-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)
    }

    .bl-hdr-search-submit:hover {
        background-color: var(--color-primary-600)
    }

    .bl-hdr-search-submit:focus {
        background-color: var(--color-primary-700)
    }

    @media (max-width: 480px) {
        .bl-hdr-search-submit {
            z-index: 1
        }
    }

    @media (min-width: 768px) {
        .bl-hdr-search-submit {
            padding: 14px
        }
    }

    @media (min-width: 1024px) {
        .bl-hdr-search-submit {
            line-height: 1.1
        }
    }

    .bl-hdr-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
    }

    .bl-hdr-search-field-placeholder-wrapper.hide {
        display: none
    }

    .bl-hdr-search-field-placeholder {
        --slide-up-y: 40px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-animation: 30s ease 0s infinite normal none running tbl-flip;
        animation: 30s ease 0s infinite normal none running tbl-flip
    }

    @media (min-width: 768px) {
        .bl-hdr-search-field-placeholder {
            --slide-up-y: 44px
        }
    }

    .bl-hdr-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) {
        .bl-hdr-search-field-placeholder p {
            font-size: var(--font-size-small-400)
        }
    }

    .bl-hdr-logo {
        display: block;
        width: 144px
    }

    @media (min-width: 1024px) {
        .bl-hdr-logo {
            width: 200px
        }
    }

    .bl-hdr-cart-item {
        display: -webkit-flex;
        display: flex;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--color-neutral-300)
    }

    .bl-hdr-cart-item-image {
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        margin-bottom: 5px;
        width: 92px
    }

    .bl-hdr-cart-item-image img {
        width: 100%
    }

    @media (min-width: 1024px) {
        .bl-hdr-cart-item-image {
            margin-bottom: 10px
        }
    }

    .bl-hdr-cart-item-info {
        margin-left: 20px
    }

    .bl-hdr-cart-item-info li {
        color: var(--color-neutral-700);
        font-size: var(--font-size-small-300);
        margin-bottom: 4px
    }

    .bl-hdr-cart-item-info li.cart-item-info__highlight {
        color: var(--color-neutral-900);
        font-family: var(--font-family-primary-bold)
    }

    .bl-hdr-cart-paypal {
        min-height: 35px
    }

    .bl-hdr-cart-applepay {
        margin: 5px 0;
        display: block;
        height: 42px
    }

    .bl-hdr-search-close {
        position: absolute;
        top: 10px;
        right: 56px
    }

    .bl-hdr-search-close.hide {
        visibility: hidden
    }

    @media (min-width: 768px) {
        .bl-hdr-search-close {
            top: 12px
        }
    }

    .bl-hdr-search-close-button {
        border: none
    }

    .bl-hdr-designer {
        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.bl-hdr-secondary {
            top: 80px;
            z-index: calc(10 + 1)
        }

        .sticky-header--bottom-sticky.bl-hdr--with-affiliates-share {
            top: 50px
        }

        .bl-hdr--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
        }

        .bl-hdr--hide-top.tbl-hdr--no-search {
            -webkit-transform: translateY(-64px);
            transform: translateY(-64px)
        }
    }

    @media (max-width: 1023px) and (min-width: 768px) and (max-width: 1023px) {
        .bl-hdr--hide-top.tbl-hdr--no-search {
            -webkit-transform: translateY(-76px);
            transform: translateY(-76px)
        }
    }

    .tbl-ico {
        display: inline-grid;
        vertical-align: middle
    }

    .tbl-ico.tbl-ico--round {
        border-radius: 50%
    }

    .tbl-ico--hover:hover {
        cursor: pointer
    }

    .tbl-ico--blue-dark svg,
    .tbl-ico--hv-blue-dark:hover svg {
        fill: var(--color-primary-600)
    }

    .tbl-ico--primary-200 svg,
    .tbl-ico--hv-primary-200:hover svg {
        fill: var(--color-primary-200)
    }

    .tbl-ico--primary-400 svg,
    .tbl-ico--hv-primary-400:hover svg {
        fill: var(--color-primary-400)
    }

    .tbl-ico--primary-500 svg,
    .tbl-ico--hv-primary-500:hover svg {
        fill: var(--color-primary-500)
    }

    .tbl-ico--blue-default svg,
    .tbl-ico--hv-blue-default:hover svg {
        fill: var(--color-primary-500)
    }

    .tbl-ico--dark-default svg,
    .tbl-ico--hv-dark-default:hover svg {
        fill: var(--color-neutral-900)
    }

    .tbl-ico--transparent svg,
    .tbl-ico--hv-transparent:hover svg {
        fill: transparent
    }

    .tbl-ico--error-red svg,
    .tbl-ico--hv-error-red:hover svg {
        fill: var(--color-danger-500)
    }

    .tbl-ico--grey-dark svg,
    .tbl-ico--hv-grey-dark:hover svg {
        fill: var(--color-neutral-600)
    }

    .tbl-ico--grey-default svg,
    .tbl-ico--hv-grey-default:hover svg {
        fill: var(--color-neutral-500)
    }

    .tbl-ico--grey-light svg,
    .tbl-ico--hv-grey-light:hover svg {
        fill: var(--color-neutral-300)
    }

    .tbl-ico--light-default svg,
    .tbl-ico--hv-light-default:hover svg {
        fill: var(--color-white)
    }

    .tbl-ico--light-a20 svg {
        fill: var(--color-white-a20)
    }

    .tbl-ico--light-a20:hover svg {
        fill: var(--color-white)
    }

    .tbl-ico--pinterest svg,
    .tbl-ico--hv-pinterest:hover svg {
        fill: #bd081c
    }

    .tbl-ico--success-green svg,
    .tbl-ico--hv-success-green:hover svg {
        fill: var(--color-success-600)
    }

    .tbl-ico--warning-yellow svg,
    .tbl-ico--hv-warning-yellow:hover svg {
        fill: var(--color-warning-600)
    }

    .tbl-ico--color-warning-400 svg,
    .tbl-ico--hv-color-warning-400:hover svg {
        fill: var(--color-warning-400)
    }

    .tbl-ico__draggable:hover {
        cursor: -webkit-grab;
        cursor: grab
    }

    .tbl-ico__draggable:active {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

    .tbl-ico-var--circle {
        border-radius: 50%
    }

    .tbl-ico-var--circle.x-large {
        padding: 18px
    }

    .tbl-ico-var--circle.large {
        padding: 14px
    }

    .tbl-ico-var--circle.medium {
        padding: 10px
    }

    .tbl-ico-var--circle.default {
        padding: 8px
    }

    .tbl-ico-var--circle.small {
        padding: 4px
    }

    .teebling--border-color-neutral-800 {
        border: 2px solid var(--color-neutral-800)
    }

    .teebling--border-color-neutral-200 {
        border: 2px solid var(--color-neutral-200)
    }

    .tbl-ico--color-neutral-300 svg,
    .tbl-ico--hv-color-neutral-300:hover svg {
        fill: var(--color-neutral-300)
    }

    .tbl-ico--color-neutral-400 svg,
    .tbl-ico--hv-color-neutral-400:hover svg {
        fill: var(--color-neutral-400)
    }

    .tbl-ico--color-neutral-500 svg,
    .tbl-ico--hv-color-neutral-500:hover svg {
        fill: var(--color-neutral-500)
    }

    .tbl-ico--color-neutral-600 svg,
    .tbl-ico--hv-color-neutral-600:hover svg {
        fill: var(--color-neutral-600)
    }

    .tbl-ico--color-neutral-700 svg,
    .tbl-ico--hv-color-neutral-700:hover svg {
        fill: var(--color-neutral-700)
    }

    .tbl-ico--color-neutral-800 svg,
    .tbl-ico--hv-color-neutral-800:hover svg {
        fill: var(--color-neutral-800)
    }

    .tbl-ico--color-neutral-800-a20 svg,
    .tbl-ico--hv-color-neutral-800-a20:hover svg {
        fill: var(--color-neutral-800-a20)
    }

    .tbl-ico--color-neutral-900 svg,
    .tbl-ico--hv-color-neutral-900:hover svg {
        fill: var(--color-neutral-900)
    }

    .tbl-ico--color-primary-500 svg,
    .tbl-ico--hv-color-primary-500:hover svg {
        fill: var(--color-primary-500)
    }

    .tbl-ico--color-success-500 svg,
    .tbl-ico--hv-color-success-500:hover svg {
        fill: var(--color-success-500)
    }

    .tbl-ico--color-danger-300 svg,
    .tbl-ico--hv-color-danger-300:hover svg {
        fill: var(--color-danger-300)
    }

    .tbl-ico-bg--transparent {
        background-color: transparent
    }

    .tbl-ico-bg--blue-dark {
        background-color: var(--color-primary-600)
    }

    .tbl-ico-bg--blue-default {
        background-color: var(--color-primary-500)
    }

    .tbl-ico-bg--dark-default {
        background-color: var(--color-neutral-900)
    }

    .tbl-ico-bg--bluesky {
        background-color: #0099ff
    }

    .tbl-ico-bg--deviantart {
        background-color: #61c85a
    }

    .tbl-ico-bg--error-red {
        background-color: var(--color-danger-500)
    }

    .tbl-ico-bg--facebook {
        background-color: #3b5998
    }

    .tbl-ico-bg--grey-default {
        background-color: var(--color-neutral-200)
    }

    .tbl-ico-bg--grey-dark {
        background-color: var(--color-neutral-600)
    }

    .tbl-ico-bg--instagram {
        background-color: #434e45
    }

    .tbl-ico-bg--light-default {
        background-color: var(--color-white)
    }

    .tbl-ico-bg--linktree {
        background-color: #3edc5c
    }

    .tbl-ico-bg--pinterest {
        background-color: #bd081c
    }

    .tbl-ico-bg--purple-default {
        background-color: #5e469e
    }

    .tbl-ico-bg--reddit {
        background-color: #ff4301
    }

    .tbl-ico-bg--success-green {
        background-color: var(--color-success-500)
    }

    .tbl-ico-bg--tiktok {
        background-color: black
    }

    .tbl-ico-bg--tumblr {
        background-color: #323e4d
    }

    .tbl-ico-bg--twitch {
        background-color: #9146ff
    }

    .tbl-ico-bg--shopify {
        background-color: #95bf46
    }

    .tbl-ico-bg--twitter {
        background-color: #55acee
    }

    .tbl-ico-bg--warning-yellow {
        background-color: var(--color-warning-500)
    }

    .tbl-ico-bg--youtube {
        background-color: red
    }

    .tbl-ico-sp--both {
        margin-left: 5px;
        margin-right: 5px
    }

    .tbl-ico-sp--left {
        margin-left: 5px
    }

    .tbl-ico-sp--right {
        margin-right: 5px
    }

    .tbl-ico--rotate-90 {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .tbl-ico--rotate-180 {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .tbl-ico--rotate-270 {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    .tb-fav {
        border-radius: 800px;
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20);
        padding: 6px;
        margin-top: 0;
        margin-bottom: 0
    }

    .tb-fav.tb-fav--filled:hover {
        background: var(--color-danger-100);
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20)
    }

    .tb-fav.tb-fav--filled:focus {
        background: var(--color-danger-200);
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20)
    }

    .tb-fav.tb-fav--unfilled:hover {
        background: var(--color-primary-100);
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20)
    }

    .tb-fav.tb-fav--unfilled:focus {
        background: var(--color-primary-200);
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20)
    }

    .tb-fav.tb-fav--inactive:hover {
        background: var(--color-white);
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20)
    }

    .tb-fav.tb-fav--inactive:focus {
        background: var(--color-white);
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20)
    }

    .tb-fav__tooltip {
        text-transform: none;
        width: 140px
    }

    .tb-fav__tooltip[data-popper-placement^="left"]>.tb-tip--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.tb-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
    }

    .tbl-pill {
        -webkit-align-items: center;
        align-items: center;
        background-color: transparent;
        border: 2px solid var(--color-primary-300);
        border-radius: 100px;
        color: var(--color-neutral-900);
        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
    }

    .tbl-pill.tb-btn--icon .tbl-ico {
        margin: 0
    }

    .tbl-pill svg {
        fill: currentColor
    }

    .tbl-pill:hover {
        background-color: var(--color-primary-500);
        border-color: var(--color-primary-500);
        color: var(--color-white);
        outline: none
    }

    .tbl-pill:disabled {
        background-color: var(--color-neutral-200);
        border-color: var(--color-neutral-200);
        color: var(--color-neutral-500);
        outline: none
    }

    .tbl-pill:active {
        background-color: var(--color-neutral-900);
        border-color: var(--color-neutral-900);
        color: var(--color-white);
        outline: none
    }

    .tbl-pill.tbl-pill--on-dark {
        border-color: var(--color-primary-500);
        color: var(--color-white)
    }

    .tbl-pill.tbl-pill--on-dark:hover {
        background-color: var(--color-primary-500);
        border-color: var(--color-primary-500);
        color: var(--color-white);
        outline: none
    }

    .tbl-pill.tbl-pill--on-dark:disabled {
        background-color: var(--color-neutral-800);
        border-color: var(--color-neutral-800);
        color: var(--color-neutral-400);
        outline: none
    }

    .tbl-pill.tbl-pill--on-dark:active {
        background-color: var(--color-white);
        border-color: var(--color-white);
        color: var(--color-neutral-900);
        outline: none
    }

    .tbl-pill.tbl-pill--on-periwinkle {
        border-color: var(--color-primary-300);
        color: var(--color-white)
    }

    .tbl-pill.tbl-pill--on-periwinkle:hover {
        background-color: var(--color-primary-600);
        border-color: var(--color-primary-600);
        color: var(--color-white);
        outline: none
    }

    .tbl-pill.tbl-pill--on-periwinkle:disabled {
        background-color: var(--color-neutral-400);
        border-color: var(--color-neutral-400);
        color: var(--color-neutral-200);
        outline: none
    }

    .tbl-pill.tbl-pill--on-periwinkle:active {
        background-color: var(--color-white);
        border-color: var(--color-white);
        color: var(--color-neutral-900);
        outline: none
    }

    .tbl-pill.btn:active {
        box-shadow: none
    }

    .tbl-pill.bl-search__tags-unlinkable {
        background-color: var(--color-neutral-100);
        border: 3px solid var(--color-neutral-200);
        color: var(--color-neutral-500)
    }

    .tbl-pill[data-active=true] {
        background-color: var(--color-primary-500);
        color: var(--color-white)
    }

    .tbl-pill[data-active=true] svg {
        fill: var(--color-white);
        transition: fill 300ms ease-out
    }

    .tbl-pill.tbl-pill--danger {
        color: var(--color-danger-500)
    }

    .tbl-pill.tbl-pill--danger:active,
    .tbl-pill.tbl-pill--danger:focus,
    .tbl-pill.tbl-pill--danger:hover {
        background-color: var(--color-danger-600);
        border-color: var(--color-danger-600);
        color: var(--color-white)
    }

    .tbl-pill.tbl-pill--danger:focus-visible {
        background: var(--color-neutral-900)
    }

    .tb-btn-tert--on-light {
        border-radius: 12px;
        border: 2px solid var(--color-primary-500);
        color: var(--color-neutral-900);
        display: inline-block
    }

    .tb-btn-tert--on-light svg {
        fill: var(--color-neutral-900)
    }

    .tb-btn-tert--on-light:hover {
        background-color: var(--color-primary-600);
        border-color: var(--color-primary-600);
        color: var(--color-white)
    }

    .tb-btn-tert--on-light:hover svg {
        fill: var(--color-white)
    }

    .tb-btn-tert--on-dark {
        border-radius: 12px;
        border: 2px solid var(--color-primary-400);
        color: var(--color-white);
        display: inline-block
    }

    .tb-btn-tert--on-dark svg {
        fill: var(--color-white)
    }

    .tb-btn-tert--on-dark:hover {
        background-color: var(--color-primary-600);
        border-color: var(--color-primary-600);
        color: var(--color-white)
    }

    .tb-btn-tert--on-dark:hover svg {
        fill: var(--color-white)
    }

    @-webkit-keyframes tbl-slide-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 tbl-slide-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
        }
    }

    .tbl-pill--animated {
        -webkit-animation-name: tbl-slide-right;
        animation-name: tbl-slide-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)
    }

    .tbl-pill--outline {
        background-color: transparent;
        border: 2px solid var(--color-primary-500);
        color: var(--color-white)
    }

    .tbl-pill--outline:hover {
        background-color: var(--color-primary-500);
        color: var(--color-white)
    }

    .tbl-pill--outline:hover svg {
        fill: var(--color-white)
    }

    .tbl-pill--outline:active {
        background-color: var(--color-primary-700);
        color: var(--color-primary-200)
    }

    .tbl-pill--outline:active svg {
        fill: var(--color-primary-200)
    }

    .tbl-pill--outline:focus {
        background-color: transparent;
        color: var(--color-white);
        outline: 4px solid var(--color-primary-300);
        outline-offset: 0
    }

    .tbl-pill--outline:focus svg {
        fill: var(--color-white)
    }

    .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%
    }

    .tb-note--neutral {
        --label-background-color: var(--color-neutral-100);
        --label-border-color: var(--color-neutral-300)
    }

    .tb-note--neutral.tb-note--on-dark {
        --label-background-color: var(--color-neutral-800-a40);
        --label-border-color: var(--color-neutral-800)
    }

    .tb-note--success {
        --label-background-color: var(--color-success-100);
        --label-border-color: var(--color-success-300)
    }

    .tb-note--warning {
        --label-background-color: var(--color-warning-100);
        --label-border-color: var(--color-warning-300)
    }

    .tb-note--danger {
        --label-background-color: var(--color-danger-100);
        --label-border-color: var(--color-danger-300)
    }

    .tb-note--information {
        --label-background-color: var(--color-primary-100);
        --label-border-color: var(--color-primary-300)
    }

    .tb-note--on-dark .tb-note--header,
    .tb-note--on-dark .tb-note__text {
        color: var(--color-white)
    }

    .tb-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
    }

    .tb-note .tb-note--header {
        margin-bottom: 8px
    }

    .tb-note .tb-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
    }

    .tb-note .tb-note--link {
        margin-top: 8px
    }

    .tb-news--dark {
        --newsletter-signup-text-color: var(--color-white);
        --newsletter-signup-background-color: var(--color-primary-600)
    }

    .tb-news--light {
        --newsletter-signup-text-color: var(--color-black);
        --newsletter-signup-background-color: rgba(21, 21, 35, 0.08)
    }

    .tb-news--transparent {
        --newsletter-signup-text-color: var(--color-black);
        --newsletter-signup-background-color: transparent
    }

    .bl-nl {
        background-color: var(--newsletter-signup-background-color)
    }

    .bl-nl .tb-label-content {
        color: var(--newsletter-signup-text-color);
        margin-bottom: 8px
    }

    .bl-nl .tb-field {
        background-color: var(--color-white)
    }

    .bl-nl-hdr,
    .bl-nl-hdr__subtext,
    .bl-nl-privacy {
        color: var(--newsletter-signup-text-color);
        text-align: center;
        max-width: 560px;
        margin: auto
    }

    .bl-nl-hdr {
        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) {
        .bl-nl-hdr {
            font-size: var(--font-size-medium-400);
            line-height: var(--font-size-large-100)
        }
    }

    .bl-nl-hdr__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) {
        .bl-nl-hdr__subtext {
            font-size: var(--font-size-medium-200);
            line-height: var(--font-size-medium-300)
        }
    }

    .bl-nl-hdr__form {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .bl-nl-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) {
        .bl-nl-form {
            -webkit-flex-direction: row;
            flex-direction: row;
            gap: 12px;
            height: 100px
        }
    }

    .bl-nl-form .tb-form {
        width: inherit
    }

    .bl-nl-form .tb-field-wrap {
        min-width: 100%
    }

    @media (min-width: 768px) {
        .bl-nl-form .tb-field-wrap {
            min-width: 400px
        }
    }

    .bl-nl-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%
    }

    .bl-nl-form__submit:hover {
        cursor: pointer
    }

    .bl-nl-privacy {
        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) {
        .bl-nl-privacy {
            margin-top: 0
        }
    }

    .bl-nl-privacy a {
        color: var(--newsletter-signup-text-color);
        text-decoration: underline
    }

    .bl-nl-hdr__success-message-container {
        display: none
    }

    .bl-nl-hdr__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
    }

    .bl-nl-hdr__success-message .tbl-ico-var--circle.medium {
        padding: 0
    }

    .bl-nl--success .bl-nl-hdr__success-message-container {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    @media (min-width: 1280px) {
        .bl-nl--success .bl-nl-hdr__success-message-container {
            -webkit-align-self: flex-start;
            align-self: flex-start
        }
    }

    .bl-nl--success .bl-nl-hdr__form form,
    .bl-nl--success .bl-nl-privacy {
        display: none
    }

    .bl-nl-hdr__error-message-container {
        display: none;
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 12px
    }

    @media (min-width: 1280px) {
        .bl-nl-hdr__error-message-container {
            -webkit-align-self: flex-start;
            align-self: flex-start
        }
    }

    .bl-nl-hdr__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
    }

    .bl-nl-hdr__error-message .tbl-ico-var--circle.medium {
        padding: 0
    }

    .bl-nl--error .bl-nl-hdr__error-message-container {
        display: -webkit-flex;
        display: flex
    }

    .bl-nl--dashery-store {
        background-color: var(--newsletter-signup-background-color);
        min-height: 350px;
        padding: 40px 16px 0
    }

    @container storefront (min-width: 768px) {
        .bl-nl--dashery-store {
            min-height: 300px
        }
    }

    @container storefront (max-width: 767px) {
        .bl-nl--dashery-store .bl-nl-form {
            -webkit-flex-direction: column;
            flex-direction: column;
            gap: 0;
            height: unset
        }

        .bl-nl--dashery-store .bl-nl-privacy {
            margin-top: 16px
        }
    }

    .bl-nl--dashery-store .bl-nl-hdr__form {
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center
    }

    .bl-nl--dashery-store .bl-nl-hdr__success-message-container,
    .bl-nl--dashery-store .bl-nl-hdr__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
        }
    }

    .bl-saved__items {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px 0
    }

    @media (min-width: 1024px) {
        .bl-saved__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.bl-upload__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 .tb-form .tb-field-wrap {
        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 .bl-tabs__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.tb-item {
            gap: 20px
        }

        .m-account__order-item .tb-item__image {
            width: 140px
        }

        .m-account__order-item .tb-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 .tb-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 .tbl-ico {
        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
    }

    .bl-preset__container {
        gap: 56px;
        margin: 40px
    }

    @media (min-width: 1024px) {
        .bl-preset__container {
            display: -webkit-flex;
            display: flex
        }
    }

    .bl-preset__container>div {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        -webkit-flex-basis: 0;
        flex-basis: 0
    }

    .bl-preset__custom-container {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: 16px
    }

    .bl-preset__custom-row,
    .bl-preset__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)
    }

    .bl-preset__custom-row>div,
    .bl-preset__custom-row--header>div {
        -webkit-flex: 1 0;
        flex: 1 0
    }

    .bl-preset__custom-row input[type=number],
    .bl-preset__custom-row--header input[type=number] {
        -moz-appearance: textfield
    }

    .bl-preset__custom-row input::-webkit-outer-spin-button,
    .bl-preset__custom-row--header input::-webkit-outer-spin-button,
    .bl-preset__custom-row input::-webkit-inner-spin-button,
    .bl-preset__custom-row--header input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .bl-preset__custom-row--header>div {
        font-family: var(--font-family-primary-bold)
    }

    .bl-preset__custom-row-description {
        color: var(--color-neutral-500);
        font-size: var(--font-size-small-200)
    }

    .bl-preset__custom-row-minimum {
        color: var(--color-neutral-500);
        font-size: var(--font-size-small-200);
        margin-top: 4px
    }

    .bl-preset__custom-toggle-button {
        border-bottom: 2px solid var(--color-primary-500);
        font-family: var(--font-family-primary-bold);
        margin-top: 16px
    }

    .bl-preset__sidebar {
        display: -webkit-flex;
        display: flex;
        gap: 20px;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .bl-preset__preview-container {
        display: -webkit-flex;
        display: flex;
        gap: 32px;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .bl-preset__preview-container-row {
        display: -webkit-flex;
        display: flex;
        gap: 16px
    }

    .bl-preset__preview-info {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        gap: 8px
    }

    .bl-preset__preview-info-row {
        display: -webkit-flex;
        display: flex
    }

    .bl-preset__preview-info-divider {
        border-top: 1px solid var(--color-neutral-200);
        width: 100%
    }

    .bl-preset__preview-info-label {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 2px
    }

    .bl-preset__preview-info-label-text {
        font-size: var(--font-size-small-300)
    }

    .bl-preset__preview-info-label-text--description {
        color: var(--color-neutral-600);
        font-size: var(--font-size-small-300)
    }

    .bl-preset__preview-info-label-text--bold {
        font-family: var(--font-family-primary-bold);
        font-size: var(--font-size-medium-100)
    }

    .bl-preset__preview-info-value,
    .bl-preset__preview-info-value--green {
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .bl-preset__preview-info-value--green {
        color: var(--color-success-700);
        font-family: var(--font-family-primary-bold);
        font-size: var(--font-size-medium-100)
    }

    .bl-preset__preview-image {
        width: 100px
    }

    .bl-preset__preview-image>img {
        height: auto;
        width: 100%
    }

    .bl-preset__description,
    .bl-preset__description--grey {
        font-size: var(--font-size-small-300)
    }

    .bl-preset__description--grey {
        color: var(--color-neutral-700)
    }

    .on-sale-regular-price {
        text-decoration: line-through
    }

    .bl-preset__confirmation_modal p {
        margin-bottom: 10px
    }

    .bl-preset__confirmation_cancel {
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px
    }

    .tb-nav-list.account-navigation--hidden {
        display: none
    }

    @media (min-width: 768px) {
        .tb-nav-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)
        }
    }

    .bl-store-fields {
        padding-top: 24px
    }

    .bl-store-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 .bl-tabs__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 .bl-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 .bl-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
    }

    .bl-prefs {
        display: block;
        padding: 25px 30px;
        text-align: left
    }

    .bl-prefs .form__group {
        margin-bottom: 0
    }

    .bl-prefs__h {
        font-family: var(--font-family-primary-bold);
        font-size: var(--font-size-medium-200);
        margin-bottom: 30px
    }

    .bl-prefs__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)
    }

    .tb-cta--dark {
        --cta-background-color: var(--color-neutral-800);
        --cta-text-color: var(--color-primary-100)
    }

    .tb-cta--light {
        --cta-background-color: var(--color-white);
        --cta-text-color: var(--color-neutral-900)
    }

    .tb-cta {
        -webkit-align-items: center;
        align-items: center;
        background: var(--cta-background-color);
        border-radius: 12px;
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20);
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 12px;
        gap: 8px
    }

    @media (min-width: 768px) {
        .tb-cta {
            gap: 40px;
            padding: 16px
        }
    }

    .tb-cta__content {
        text-align: center
    }

    @media (min-width: 1280px) {
        .tb-cta__content {
            display: -webkit-flex;
            display: flex;
            gap: 4px
        }
    }

    .tb-cta__content-header {
        font-size: var(--font-size-small-300);
        line-height: var(--font-size-medium-200);
        font-family: var(--font-family-primary-bold);
        font-weight: 700;
        color: var(--cta-text-color)
    }

    @media (min-width: 768px) {
        .tb-cta__content-header {
            font-size: var(--font-size-small-400);
            line-height: var(--font-size-medium-300);
            font-family: var(--font-family-primary-bold);
            font-weight: 700
        }
    }

    @media (min-width: 1280px) {
        .tb-cta__content-header {
            font-size: var(--font-size-medium-100);
            line-height: var(--font-size-medium-400);
            font-family: var(--font-family-primary-bold);
            font-weight: 700
        }
    }

    .tb-cta__content-subheader {
        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(--cta-text-color)
    }

    @media (min-width: 1280px) {
        .tb-cta__content-subheader {
            font-size: var(--font-size-medium-100);
            line-height: var(--font-size-medium-400);
            font-family: var(--font-family-primary);
            font-weight: 500
        }
    }

    .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
    }

    .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
    }

    .bl-explore {
        background-color: var(--color-neutral-900)
    }

    @media (min-width: 1280px) {
        .bl-explore .bl-tabs--init .bl-tabs__tab-content:not([data-tab-content-index='0']) {
            display: block
        }
    }

    .bl-explore__container .bl-tabs__list {
        -webkit-justify-content: center;
        justify-content: center;
        gap: 28px
    }

    .bl-explore__container .bl-tabs__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) {
        .bl-explore__container .bl-tabs__list {
            display: none
        }
    }

    .bl-explore__container .bl-tabs__item--active a {
        color: var(--color-white)
    }

    @media (min-width: 1280px) {
        .bl-explore__container .bl-tabs__content {
            display: -webkit-flex;
            display: flex;
            gap: 45px;
            -webkit-justify-content: center;
            justify-content: center
        }
    }

    @media (min-width: 1280px) {
        .bl-explore__container .bl-tabs__tab-content:not([data-tab-content-index='0']) {
            display: block
        }

        .bl-explore__container .bl-tabs__tab-content:is([data-tab-content-index='0']) .bl-explore__tab-content {
            position: relative;
            overflow-x: visible
        }

        .bl-explore__container .bl-tabs__tab-content:is([data-tab-content-index='0']) .bl-explore__tab-content::after {
            content: '';
            background-color: var(--color-neutral-700);
            width: 2px;
            height: 48px;
            position: absolute;
            right: -26px;
            top: 14px
        }
    }

    .bl-explore__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) {
        .bl-explore__tab-content {
            -ms-overflow-style: none;
            scrollbar-width: none;
            overflow-x: auto
        }

        .bl-explore__tab-content::-webkit-scrollbar {
            display: none
        }
    }

    @media (min-width: 595px) {
        .bl-explore__tab-content {
            -webkit-justify-content: center;
            justify-content: center;
            margin-inline: 0
        }
    }

    @media (min-width: 1280px) {
        .bl-explore__tab-content {
            -webkit-flex-shrink: 0;
            flex-shrink: 0;
            padding-right: 0
        }
    }

    .bl-explore__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
    }

    .bl-explore__cta:hover {
        background-color: var(--color-primary-600);
        border-color: var(--color-primary-600)
    }

    .bl-explore__cta:focus {
        outline: 4px solid var(--color-primary-300);
        outline-offset: 0
    }

    .bl-explore__cta:active {
        background-color: var(--color-primary-700);
        border-color: var(--color-primary-700)
    }

    .bl-explore__cta.link--default:active {
        color: var(--color-primary-200)
    }

    .bl-explore__cta.link--default {
        color: var(--color-white);
        font-size: var(--font-size-small-200)
    }

    .bl-explore__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
    }

    .bl-explore__link.link--default {
        color: var(--color-neutral-200);
        font-size: var(--font-size-small-200)
    }

    .bl-explore__link:hover {
        background-color: var(--color-neutral-800)
    }

    .bl-explore__link:hover .tbl-ico {
        -webkit-animation: tbl-wobble 0.25s 4;
        animation: tbl-wobble 0.25s 4
    }

    .bl-explore__link.link--default:hover {
        color: var(--color-white)
    }

    .bl-explore__link:focus {
        outline: 4px solid var(--color-primary-400);
        outline-offset: 0
    }

    .bl-explore__link .tbl-ico {
        display: block;
        margin-right: 0
    }

    .bl-explore__link--new .tbl-ico {
        position: relative
    }

    .bl-explore__link--new .tbl-ico: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
    }

    .bl-footer-sitemap {
        background-color: var(--color-neutral-900);
        color: var(--color-white);
        padding: 0 0 40px
    }

    @media (min-width: 1280px) {
        .bl-footer-sitemap {
            padding: 0
        }
    }

    .bl-footer-sitemap-container {
        padding: 40px 0
    }

    @media (min-width: 768px) {
        .bl-footer-sitemap-container {
            padding: 0 48px
        }
    }

    @media (min-width: 1280px) {
        .bl-footer-sitemap-container {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            padding: 40px 80px
        }
    }

    .bl-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) {
        .bl-footer__trusted-badges {
            -webkit-align-self: flex-start;
            align-self: flex-start
        }
    }

    .bl-footer__guarantee-image {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }



    .bl-footer__guarantee-text {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        margin-bottom: 12px;
        text-align: center
    }

    .bl-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) {
        .bl-footer__guarantee-headline {
            font-size: var(--font-size-medium-200);
            line-height: var(--font-size-medium-300)
        }
    }

    .bl-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)
    }

    .bl-footer__guarantee-link {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .bl-footer-links {
        display: grid;
        gap: 16px;
        grid-gap: 20px 15px;
        grid-template-columns: repeat(2, 1fr);
        padding: 0 16px;
        width: 100%
    }

    .bl-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) {
        .bl-footer-links .link-collection__header {
            font-size: var(--font-size-medium-300);
            line-height: var(--font-size-medium-400)
        }
    }

    .bl-footer-links .link-collection__content {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

    .bl-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)
    }

    .bl-footer-links .link-collection__link:hover {
        color: var(--color-white)
    }

    @media (min-width: 1024px) {
        .bl-footer-links {
            gap: 16px;
            grid-template-columns: repeat(4, 1fr)
        }
    }

    .bl-footer__social,
    .bl-footer__payment-methods {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 0 16px;
        gap: 16px
    }

    .bl-footer-payments-bbb {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }

    @media (min-width: 768px) {
        .bl-footer-payments-bbb {
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-justify-content: space-between;
            justify-content: space-between
        }
    }

    .bl-footer__social-links-header,
    .bl-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) {

        .bl-footer__social-links-header,
        .bl-footer__payment-methods-header {
            font-size: var(--font-size-medium-300);
            line-height: var(--font-size-medium-400)
        }
    }

    .bl-footer-section {
        margin-bottom: 40px
    }

    .bl-footer-section.bl-footer__payment-methods {
        margin-bottom: 0
    }

    @media (min-width: 768px) {
        .bl-footer-section.bl-footer__payment-methods {
            margin-bottom: 0;
            padding-bottom: 20px
        }
    }

    .bl-footer__social-links {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: left;
        justify-content: left;
        gap: 8px
    }

    .bl-footer__social-links .tbl-ico {
        padding: 8px
    }

    .bl-footer__payment-methods-images img {
        max-width: 100%
    }

    .bl-footer__trust-images {
        display: -webkit-flex;
        display: flex
    }

    .bl-footer__trusted-stores {
        margin-top: -8px
    }

    .bl-footer__bbb img {
        max-width: 132px
    }

    .bl-footer__legal-bar {
        background-color: var(--color-neutral-800)
    }

    .bl-footer__legal-bar-container {
        padding: 24px 64px
    }

    @media (min-width: 1280px) {
        .bl-footer__legal-bar-container {
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            padding: 24px 80px
        }
    }

    .bl-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) {
        .bl-footer__legal-bar-header {
            -webkit-flex-direction: row;
            flex-direction: row;
            gap: 24px
        }
    }

    @media (min-width: 1280px) {
        .bl-footer__legal-bar-header {
            margin-bottom: 0
        }
    }

    .bl-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
    }

    .bl-footer__legal-bar-header-browse-preferences {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .bl-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) {
        .bl-footer__legal-bar-subnav {
            gap: 24px
        }
    }

    .bl-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)
    }

    .bl-footer__legal-bar-subnav-link:hover {
        color: var(--color-white)
    }

    .bl-footer__newsletter-container {
        background-color: var(--color-neutral-900)
    }

    .bl-footer__newsletter-container .bl-nl {
        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) {
        .bl-footer__newsletter-container .bl-nl {
            min-height: 300px
        }
    }

    .bl-footer__newsletter-container .bl-nl-hdr__form {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center
    }

    .bl-footer__newsletter-container .bl-nl--error {
        min-height: 400px
    }

    @media (min-width: 768px) {
        .bl-footer__newsletter-container .bl-nl--error {
            min-height: 350px
        }
    }

    @media (min-width: 1280px) {
        .bl-footer__newsletter-container .bl-nl--success .bl-nl-hdr__success-message-container {
            -webkit-align-self: center;
            align-self: center
        }

        .bl-footer__newsletter-container .bl-nl--error .bl-nl-hdr__error-message-container {
            -webkit-align-self: center;
            align-self: center
        }
    }

    .bl-trust-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
    }

    .bl-footer__trustpilot-image {
        height: 24px
    }

    .bl-footer__trustpilot-image img {
        height: inherit
    }

    .bl-footer__trustpilot-mobile {
        display: block
    }

    @media (min-width: 768px) {
        .bl-footer__trustpilot-mobile {
            display: none
        }
    }

    .bl-footer__trustpilot-desktop {
        display: none
    }

    @media (min-width: 768px) {
        .bl-footer__trustpilot-desktop {
            display: block
        }
    }

    .bl-nl__errors .error {
        display: none
    }

    .bl-nl__errors .error.on {
        display: block
    }

    .bl-nl__errors .error p {
        white-space: nowrap
    }

    .bl-home__newsletter .bl-nl form {
        display: -webkit-flex;
        display: flex
    }

    .bl-home__newsletter .bl-nl .flash {
        margin-left: 15px
    }

    .bl-tabs--init .bl-tabs__tab-content:not([data-tab-content-index='0']) {
        display: none
    }

    .bl-tabs__list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 16px;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0
    }

    .bl-tabs__item {
        line-height: 24px
    }

    @media (hover: hover) and (pointer: fine) {
        .bl-tabs__item:hover {
            border-bottom: 2px solid var(--color-neutral-300)
        }
    }

    .bl-tabs__item a {
        color: var(--color-neutral-700);
        display: block
    }

    .bl-tabs__item--active {
        border-bottom: 2px solid var(--color-primary-500)
    }

    .bl-tabs__item--active:active {
        border-bottom: 2px solid var(--color-primary-500)
    }

    .bl-tabs__item--active a {
        color: var(--color-neutral-900)
    }

    .bl-tabs__item--active a:active {
        color: var(--color-neutral-700)
    }

    .artist-category {
        -webkit-align-items: center;
        align-items: center;
        display: -webkit-flex;
        display: flex;
        gap: 10px
    }

    .jsHeadSearchForm {
        position: relative;
        z-index: 50
    }

    #browseAutocomplete-list {
        position: absolute
    }

    #searchAutocomplete_list,
    #homeAutocomplete-list,
    #browseAutocomplete-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
    }

    #homeAutocomplete-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
    }

    .bl-top-bar {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        background: var(--color-primary-600);
        text-align: center;
        padding: 10px;
        width: 100%;
        gap: 4px
    }

    .bl-top-bar div,
    .bl-top-bar strong {
        color: var(--color-white)
    }

    .bl-top-bar .banner-promo-offer {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    @media (min-width: 768px) {
        .bl-top-bar {
            gap: 48px
        }
    }

    .free-shipping__shipping-total--green {
        color: var(--color-success-500)
    }

    .bl-toast-ok {
        position: fixed;
        bottom: 16px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-animation: tbl-reveal 300ms cubic-bezier(0.47, 1.64, 0.41, 0.8) forwards;
        animation: tbl-reveal 300ms cubic-bezier(0.47, 1.64, 0.41, 0.8) forwards;
        z-index: 10000
    }

    @-webkit-keyframes tbl-reveal {
        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 tbl-reveal {
        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)
        }
    }

    .bl-tray>.drawer__wrapper {
        width: 88%;
        max-width: 420px
    }

    .bl-acct .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) {
        .bl-acct .drawer__header {
            padding-inline: 32px
        }
    }

    .bl-acct .drawer__header-container {
        background-color: var(--color-neutral-800-a80)
    }

    .bl-acct .drawer__content-container {
        padding: 32px 16px
    }

    @media (min-width: 1024px) {
        .bl-acct .drawer__content-container {
            padding: 40px 32px
        }
    }

    .bl-acct .drawer__footer-container {
        border-top: 1px solid var(--color-neutral-800);
        padding: 20px 16px
    }

    @media (min-width: 1024px) {
        .bl-acct .drawer__footer-container {
            padding: 32px
        }
    }

    .bl-acct .drawer__footer-container>* {
        font-size: var(--font-size-medium-100);
        line-height: 1.3333;
        padding: 12px 24px
    }

    .bl-acct__content-block {
        padding-bottom: 16px
    }

    .bl-acct__content-block:not(:first-of-type) {
        padding-top: 16px
    }

    .bl-acct__content-block:not(:last-of-type) {
        border-bottom: 1px solid var(--color-neutral-800)
    }

    .bl-acct__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) {
        .bl-acct__content-block .link-collection__header {
            font-size: var(--font-size-medium-200);
            line-height: var(--font-size-medium-300)
        }
    }

    .bl-acct__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
    }

    .bl-acct__content-block .link-collection__content .tbl-ico {
        margin-right: 8px;
        margin-bottom: 4px
    }

    .bl-acct__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
    }

    .bl-acct__content-block .link-collection__link:hover {
        color: var(--color-white)
    }

    .bl-acct__content-block .link-collection__link:hover svg {
        fill: var(--color-white)
    }

    .bl-acct__seller-verification {
        margin: 16px 0px
    }

    .bl-acct__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
    }

    .bl-acct__avatar {
        width: 36px;
        height: 36px
    }

    .bl-acct__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)
    }

    .bl-acct__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)
    }

    .bl-acct__header-user {
        display: -webkit-flex;
        display: flex;
        gap: 12px;
        -webkit-align-items: center;
        align-items: center
    }

    .bl-acct__header-user picture {
        height: 36px
    }

    .bl-acct__header-user img {
        height: inherit
    }

    .bl-acct__upload {
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: 16px
    }

    .bl-acct__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)
    }

    .bl-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) {
        .bl-cart .drawer__header {
            padding-inline: 32px
        }
    }

    .bl-cart .drawer__content-container {
        padding: 0 16px 32px
    }

    @media (min-width: 1024px) {
        .bl-cart .drawer__content-container {
            padding-inline: 32px;
            padding-top: 0
        }
    }

    .bl-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) {
        .bl-cart__header h3 {
            font-size: var(--font-size-medium-200);
            line-height: var(--font-size-medium-300)
        }
    }

    .bl-cart__body {
        padding-top: 20px
    }

    .bl-cart__body--empty {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 12px
    }

    .bl-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) {
        .bl-cart__body--empty h4 {
            font-size: var(--font-size-medium-200);
            line-height: var(--font-size-medium-300)
        }
    }

    .bl-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)
    }

    .bl-cart__body-links {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 8px
    }

    .bl-cart__body-cta {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .bl-cart__footer {
        background-color: var(--color-white);
        border-top: 0;
        padding: 16px
    }

    @media (min-width: 1024px) {
        .bl-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 .tb-progress__container {
        height: 8px
    }

    .bl-hdr-cart-google-pay {
        padding: 0
    }

    .bl-cart__footer-detail {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 0
    }

    .bl-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)
    }

    .bl-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)
    }

    .bl-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)
    }

    .bl-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
    }

    .bl-shop .drawer__content-container {
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-top: 48px;
        padding-bottom: 24px
    }

    .bl-shop .drawer__content-container::-webkit-scrollbar {
        display: none
    }

    @media (min-width: 1024px) {
        .bl-shop .drawer__content-container {
            padding-inline: 32px
        }
    }

    .bl-shop>.drawer__footer-container {
        border-top: 1px solid var(--color-neutral-800);
        padding: 20px 16px
    }

    @media (min-width: 1024px) {
        .bl-shop>.drawer__footer-container {
            padding: 32px
        }
    }

    .bl-shop>.drawer__footer-container>* {
        font-size: var(--font-size-medium-100);
        line-height: 1.3333;
        padding: 12px 24px
    }

    .bl-shop.active .drawer__backdrop {
        z-index: -1
    }

    @media (max-width: 1023px) {
        .bl-shop.active .bl-shop-sub {
            left: 100%
        }

        .bl-shop.active .bl-shop-sub.active {
            left: 0
        }
    }

    .bl-shop__body {
        overflow-x: hidden
    }

    .bl-shop__logo {
        height: 20px
    }

    .bl-shop__secondary-actions {
        margin-top: 24px
    }

    .bl-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
    }

    .bl-shop__secondary-action:hover,
    .bl-shop__secondary-action:active,
    .bl-shop__secondary-action:focus {
        background-color: transparent
    }

    .bl-shop__secondary-action:hover svg,
    .bl-shop__secondary-action:active svg,
    .bl-shop__secondary-action:focus svg {
        fill: var(--color-white)
    }

    .bl-shop__secondary-action--light {
        border-bottom-color: var(--color-neutral-100)
    }

    .bl-shop__secondary-action--light .bl-shop__secondary-action-text h4 {
        color: var(--color-neutral-900)
    }

    .bl-shop__secondary-action-text {
        text-align: left
    }

    .bl-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) {
        .bl-shop__secondary-action-text h4 {
            font-size: var(--font-size-large-100);
            line-height: var(--font-size-large-200)
        }
    }

    .bl-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
    }

    .bl-shop__popular-products {
        margin-top: 24px
    }

    .bl-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) {
        .bl-shop__popular-products h3 {
            font-size: var(--font-size-medium-300);
            line-height: var(--font-size-medium-400)
        }
    }

    .bl-shop__popular-products-grid {
        margin-top: 16px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 8px
    }

    .bl-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
    }

    .bl-shop__popular-product span {
        display: block;
        width: 66px;
        word-break: keep-all
    }

    @media (min-width: 1024px) {
        .bl-shop__popular-product {
            height: 64px;
            padding-inline: 16px
        }
    }

    .bl-shop__popular-product:hover {
        background-color: var(--color-neutral-800);
        color: var(--color-white)
    }

    .bl-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) {
        .bl-shop__popular-product::before {
            height: 80px;
            width: 80px;
            bottom: -12px;
            right: -24px
        }
    }

    .bl-shop__popular-product.tshirt::before {
        background-image: url("https://assets.teepublic.com/assets/teepublicons/product_tshirt-cb1652b6222e426e923a6d65ab993d87583905c32c5fcebb5bfe56c60b1813d6.svg")
    }

    .bl-shop__popular-product.socks::before {
        background-image: url("https://assets.teepublic.com/assets/teepublicons/product_socks-be7d188894897d5bfe6c7a9922e08bfa69b0fd8132017058c5db2d744702520f.svg")
    }

    .bl-shop__popular-product.bag::before {
        background-image: url("https://assets.teepublic.com/assets/teepublicons/product_bag-87ec9cdca47b25d98858a7d72d9bb99fe73d833feb38f02546ede5e1f3765123.svg")
    }

    .bl-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")
    }

    .bl-shop__popular-product.hat::before {
        background-image: url("https://assets.teepublic.com/assets/teepublicons/product_hat-25e12e229a7b3d8867e8e5cf36022cb3452c6ebf8f4876c1f50aee33cbcd2298.svg")
    }

    .bl-shop__popular-product.sticker::before {
        background-image: url("https://assets.teepublic.com/assets/teepublicons/product_sticker-f567d08da532a7eeb12cbd9ee166fd6eef3f9cdd31f44d8bece7413a0b500bf1.svg")
    }

    .bl-shop__popular-product.mug::before {
        background-image: url("https://assets.teepublic.com/assets/teepublicons/product_mug-471b7ca6fa559ffc76b5e7ed09e2dcf62a0bd2c8a5cc560496778902b0e46483.svg")
    }

    .bl-shop__popular-product.kids::before {
        background-image: url("https://assets.teepublic.com/assets/teepublicons/product_kids-627eccdf0f446db928c65490522cdf8e82ec18b6b75ade60ae4cf5ca4a467faf.svg")
    }

    .bl-shop__popular-product.hoodie::before {
        background-image: url("https://assets.teepublic.com/assets/teepublicons/product_hoodie-ff8720b9b1a3bf7fcc0e61bf56cd699efaacb8db06ba20b83589338c20631dac.svg")
    }

    .bl-shop__popular-product.tank::before {
        background-image: url("https://assets.teepublic.com/assets/teepublicons/product_tank-ffbc7a9ecd19d0466706de291f7c41ea4c9b560f8519af06e6957b8eb586f628.svg")
    }

    .bl-shop__popular-product.longsleevetshirt::before {
        background-image: url("https://assets.teepublic.com/assets/teepublicons/product_longsleevetshirt-ccc5e5937eb5f433c9b48dcc28ef27cba3028eb4fc0c96b650babc1a5f6c8718.svg")
    }

    .bl-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
    }

    .bl-shop__popular-topics {
        border-bottom: 1px solid var(--color-neutral-800);
        margin-top: 24px;
        padding-bottom: 24px
    }

    .bl-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) {
        .bl-shop__popular-topics h3 {
            font-size: var(--font-size-medium-300);
            line-height: var(--font-size-medium-400)
        }
    }

    .bl-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
    }

    .bl-shop__support {
        margin-top: 24px
    }

    .bl-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) {
        .bl-shop__support h3 {
            font-size: var(--font-size-medium-300);
            line-height: var(--font-size-medium-400)
        }
    }

    .bl-shop__support-links {
        margin-top: 8px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .bl-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)
    }

    .bl-shop__support-link:hover {
        color: var(--color-white)
    }

    .bl-shop__support-link:hover svg {
        fill: var(--color-white)
    }

    .bl-shop__support-link--dark {
        color: var(--color-neutral-900)
    }

    .bl-shop__support-link--dark:hover {
        color: inherit
    }

    .bl-shop__support-link--dark:hover svg {
        fill: inherit
    }

    .bl-shop__footer {
        border-top: 1px solid var(--color-neutral-800);
        padding: 20px 16px
    }

    @media (min-width: 1024px) {
        .bl-shop__footer {
            padding: 32px
        }
    }

    .bl-shop__footer>* {
        font-size: var(--font-size-medium-100);
        line-height: 1.3333;
        padding: 12px 24px
    }

    .bl-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
    }

    .bl-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)
    }

    .bl-shop-sub {
        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) {
        .bl-shop-sub {
            transition: all 400ms cubic-bezier(0.8, 0, 0, 1.12)
        }
    }

    .bl-shop-sub .drawer__content-container {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .bl-shop-sub .drawer__content-container::-webkit-scrollbar {
        display: none
    }

    .bl-shop-sub.active {
        visibility: visible;
        transition: all 400ms cubic-bezier(0.8, 0, 0, 1.12)
    }

    @media (max-width: 1023px) {
        .bl-shop-sub.active {
            z-index: 1
        }
    }

    @media (min-width: 1024px) {
        .bl-shop-sub.active {
            left: 420px;
            overflow-x: hidden
        }
    }

    .bl-shop-sub__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) {
        .bl-shop-sub__content h3 {
            font-size: var(--font-size-medium-200);
            line-height: var(--font-size-medium-300)
        }
    }

    .bl-shop-sub__content+.bl-shop-sub__content {
        margin-top: 24px
    }

    .bl-shop-sub__loader {
        display: -webkit-flex;
        display: flex;
        place-content: center;
        position: relative;
        background-color: transparent
    }

    .bl-shop-sub__loader .tb-spin {
        width: 80px
    }

    .bl-shop-sub__designs {
        display: -webkit-flex;
        display: flex;
        gap: 8px;
        margin-top: 24px;
        height: 230px
    }

    @media (min-width: 1024px) {
        .bl-shop-sub__designs {
            height: 270px
        }
    }

    .bl-shop-sub__designs .tb-tile--light {
        --tile-background-color: var(--color-white-a60)
    }

    .bl-shop-sub__links {
        margin-top: 12px
    }

    .bl-shop-sub__links .link-collection__content {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 0;
        margin-top: 0
    }

    .bl-shop-sub__link,
    .bl-shop-sub__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)
    }

    .bl-shop-sub__link:hover,
    .bl-shop-sub__link h4:hover {
        color: var(--color-primary-500)
    }

    .bl-shop-sub__link.active,
    .bl-shop-sub__link.active h4 {
        color: var(--color-primary-500)
    }

    .bl-shop-sub__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)
    }

    .bl-shop-sub__link--new h4 {
        font-family: var(--font-family-primary-semibold);
        font-size: var(--font-size-small-400);
        line-height: var(--font-size-medium-200)
    }

    .bl-shop-sub__link--new h4:hover {
        color: var(--color-primary-500)
    }

    .bl-shop-tray__back-btn .tbl-ico {
        margin-right: 8px
    }

    .bl-shop-tray__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)
    }

    .bl-shop-tray__back-btn .back-btn-text:hover {
        border-color: var(--color-neutral-300)
    }

    .bl-shop-tray__back-btn .back-btn-text:active {
        border-color: var(--color-primary-500);
        color: var(--color-neutral-700)
    }

    .bl-shop-sub__footer {
        border-top: 1px solid var(--color-neutral-200);
        display: block;
        padding: 20px 16px
    }

    @media (min-width: 1024px) {
        .bl-shop-sub__footer {
            display: none
        }
    }

    .bl-store-saf__filters {
        border: none;
        border-bottom: 1px solid var(--color-neutral-200);
        border-radius: 0
    }

    .bl-store-saf__filters.tb-accord__content--open {
        border: none;
        border-bottom: 1px solid var(--color-neutral-200)
    }

    .bl-store-saf__filters .tb-accord__button {
        padding-left: 0;
        padding-right: 0;
        border-radius: 0;
        background: transparent
    }

    .bl-store-saf__filters .tb-accord__button:hover {
        background: transparent;
        color: var(--color-neutral-900)
    }

    .bl-store-saf__filters .tb-accord__button-text {
        font-size: var(--font-size-medium-200);
        font-family: var(--font-family-primary-bold);
        color: var(--color-neutral-900)
    }

    .bl-store-saf__filters .tb-accord__button-text:hover {
        color: var(--color-neutral-900)
    }

    .bl-store-saf__filter {
        border: 2px solid var(--color-neutral-300);
        border-radius: 12px;
        color: var(--color-neutral-900)
    }

    .bl-store-saf__filter:hover,
    .bl-store-saf__filter.selected {
        background: var(--color-neutral-900)
    }

    .bl-store-saf__footer {
        padding: 16px;
        text-align: center;
        border-top: 2px solid var(--color-neutral-200)
    }

    .bl-store-saf__footer-btn {
        width: 160px;
        border-radius: 12px
    }

    .bl-store-saf__header {
        text-align: center;
        padding-top: 48px;
        padding-bottom: 12px;
        border-bottom: 2px solid var(--color-neutral-200)
    }

    .bl-store-saf__header_h {
        font-family: var(--font-family-display)
    }

    .bl-store-saf__sort {
        margin-bottom: 32px
    }

    .bl-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
    }

    .bl-store-saf__sort-btn:hover,
    .bl-store-saf__sort-btn.selected {
        background: var(--color-neutral-900)
    }

    .bl-store-saf__sort-label {
        font-size: var(--font-size-small-400);
        font-family: var(--font-family-primary-bold);
        color: var(--color-neutral-900)
    }

    .bl-heros__wrapper,
    .bl-heros__content {
        margin-inline: -16px;
        padding-inline: 16px
    }

    @media (min-width: 768px) {

        .bl-heros__wrapper,
        .bl-heros__content {
            margin-inline: -48px;
            padding-inline: 48px
        }
    }

    .bl-heros {
        background-color: var(--color-neutral-900);
        padding: 20px 16px 24px;
        position: relative
    }

    .bl-heros::after {
        background-color: var(--color-neutral-100);
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        bottom: 0;
        content: '';
        display: block;
        height: 200px;
        left: 0;
        position: absolute;
        right: 0;
        width: 100%
    }

    @media (min-width: 768px) {
        .bl-heros {
            padding-inline: 48px
        }
    }

    @media (min-width: 1024px) {
        .bl-heros {
            padding-inline: 64px
        }
    }

    @media (min-width: 1280px) {
        .bl-heros {
            padding-inline: 0
        }
    }

    .bl-heros__content {
        position: relative
    }

    @media (min-width: 1024px) {
        .bl-heros__content {
            margin-inline: auto;
            padding-inline: 0px
        }
    }

    @media (min-width: 1280px) {
        .bl-heros__content {
            padding-inline: 15px
        }
    }

    .bl-heros__wrapper {
        display: grid;
        grid-gap: 16px;
        margin-top: 16px;
        overflow-x: auto
    }

    @media (min-width: 1024px) {
        .bl-heros__wrapper {
            grid-gap: 24px;
            margin-top: 24px;
            margin-inline: 0px;
            padding-inline: 0px
        }
    }

    .bl-heros__wrapper>.bl-hero {
        margin-bottom: 6px
    }

    .bl-heros__wrapper>.bl-hero img {
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20)
    }

    .bl-hero {
        position: relative
    }

    .bl-hero a {
        height: 100%
    }

    .bl-hero img {
        aspect-ratio: 1.15;
        border-radius: 12px;
        height: inherit;
        max-width: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .bl-hero picture {
        display: block;
        height: inherit;
        line-height: 0
    }

    .bl-hero--b,
    .bl-hero--c,
    .bl-hero--d,
    .bl-hero--e {
        z-index: 1
    }

    @media (min-width: 768px) {
        .bl-hero--a .bl-hero__text-content-container {
            bottom: 56px;
            left: 56px;
            right: 56px
        }
    }

    .bl-hero--a .bl-hero__subheadline {
        margin-top: 8px
    }

    @media (min-width: 768px) {
        .bl-hero--a .bl-hero__subheadline {
            margin-top: 12px
        }
    }

    .bl-hero--a .bl-hero__cta {
        margin-top: 20px
    }

    @media (min-width: 1024px) {

        .bl-hero--d,
        .bl-hero--e {
            height: calc(50% - 1.4rem);
            position: absolute;
            right: 0;
            width: 284px
        }
    }

    @media (min-width: 1280px) {

        .bl-hero--d,
        .bl-hero--e {
            right: 15px;
            width: 356px
        }
    }

    @media (min-width: 1024px) {
        .bl-hero--d {
            top: 0
        }
    }

    @media (min-width: 1024px) {
        .bl-hero--e {
            bottom: 0
        }
    }

    .bl-hero__overlay {
        font-size: var(--font-size-small-100);
        line-height: var(--font-size-small-400);
        font-family: var(--font-family-primary-semibold);
        font-weight: 600;
        background-color: var(--color-neutral-800-a40);
        border-bottom-right-radius: 8px;
        border-top-left-radius: 8px;
        color: var(--color-white-a60);
        left: 0;
        padding: 2px 8px;
        position: absolute;
        top: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .bl-hero__overlay a {
        color: var(--color-white-a60)
    }

    .bl-hero__overlay:hover {
        background-color: var(--color-neutral-800)
    }

    .bl-hero__overlay:hover a {
        color: var(--color-white)
    }

    .bl-hero__text-content-container {
        bottom: 20px;
        left: 20px;
        right: 20px;
        position: absolute;
        pointer-events: none
    }

    .bl-hero__text-content-container h1,
    .bl-hero__text-content-container h2,
    .bl-hero__text-content-container h3 {
        color: var(--color-white);
        text-shadow: 0 4px 8px var(--color-neutral-900-a20)
    }

    @media (min-width: 1024px) {
        .bl-hero__text-content-container {
            bottom: 24px;
            left: 24px
        }
    }

    .bl-hero__cta-container {
        pointer-events: none
    }

    .bl-hero__cta {
        margin-top: 12px;
        pointer-events: auto
    }

    .bl-hero__cta.tb-btn--large,
    .bl-hero__cta.tb-btn--medium {
        box-shadow: 0 2px 4px 0 var(--color-neutral-900-a20)
    }

    .bl-hero__cta.tb-btn--large {
        margin-bottom: 0
    }

    .bl-heros--non-sales .bl-heros__wrapper {
        grid-template-columns: repeat(4, minmax(280px, 1fr))
    }

    @media (min-width: 1024px) {
        .bl-heros--non-sales .bl-heros__wrapper {
            grid-template-columns: repeat(2, 1fr)
        }
    }

    @media (min-width: 1024px) {

        .bl-heros--non-sales .bl-hero--a,
        .bl-heros--non-sales .bl-heros__wrapper {
            width: calc(100% - 304px)
        }
    }

    @media (min-width: 1280px) {

        .bl-heros--non-sales .bl-hero--a,
        .bl-heros--non-sales .bl-heros__wrapper {
            width: calc(100% - 380px)
        }
    }

    @media (min-width: 768px) {
        .bl-heros--non-sales .bl-hero img {
            aspect-ratio: 1.3
        }
    }

    @media (min-width: 1280px) {
        .bl-heros--non-sales .bl-hero img {
            aspect-ratio: 1.6
        }
    }

    @media (min-width: 1280px) {

        .bl-heros--non-sales .bl-hero--b img,
        .bl-heros--non-sales .bl-hero--c img {
            aspect-ratio: 1.45
        }
    }

    @media (min-width: 1024px) {

        .bl-heros--regular-sales .bl-hero--a,
        .bl-heros--regular-sales .bl-heros__wrapper {
            width: calc(100% - 304px)
        }
    }

    @media (min-width: 1280px) {

        .bl-heros--regular-sales .bl-hero--a,
        .bl-heros--regular-sales .bl-heros__wrapper {
            width: calc(100% - 380px)
        }
    }

    .bl-heros--regular-sales .bl-heros__wrapper {
        grid-template-columns: repeat(2, minmax(280px, 1fr))
    }

    @media (min-width: 1024px) {
        .bl-heros--regular-sales .bl-heros__wrapper {
            margin-top: 0
        }

        .bl-heros--regular-sales .bl-heros__wrapper>.bl-hero {
            margin-bottom: 0
        }
    }

    .bl-heros--regular-sales .bl-hero--a {
        z-index: 1
    }

    @media (min-width: 768px) {
        .bl-heros--regular-sales .bl-hero img {
            aspect-ratio: 1.25
        }
    }

    @media (min-width: 1280px) {
        .bl-heros--regular-sales .bl-hero img {
            aspect-ratio: 1.3
        }
    }

    .bl-heros--peak-sales .bl-hero--a {
        z-index: 1
    }

    .bl-heros--peak-sales .bl-hero--a .bl-hero__title {
        font-family: var(--font-family-display);
        font-size: var(--font-size-medium-400);
        line-height: var(--font-size-large-100);
        margin-bottom: 0;
        margin-top: 0
    }

    @media (min-width: 768px) {
        .bl-heros--peak-sales .bl-hero--a .bl-hero__title {
            font-size: var(--font-size-xlarge-200);
            line-height: 6rem
        }
    }

    .bl-heros--peak-sales .bl-hero--a .bl-hero__subheadline {
        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;
        margin-top: 12px
    }

    @media (min-width: 768px) {
        .bl-heros--peak-sales .bl-hero--a .bl-hero__subheadline {
            font-size: var(--font-size-medium-200);
            line-height: var(--font-size-medium-300)
        }
    }

    .bl-heros--peak-sales .bl-hero--a img {
        aspect-ratio: 1.1
    }

    @media (min-width: 768px) {
        .bl-heros--peak-sales .bl-hero--a img {
            aspect-ratio: 1.4
        }
    }

    @media (min-width: 1280px) {
        .bl-heros--peak-sales .bl-hero--a img {
            aspect-ratio: 1.9
        }
    }

    .bl-hero__items-box--middle {
        top: 35%;
        bottom: auto
    }

    .bl-hero__items-box--top {
        top: 10%;
        bottom: auto
    }

    .bl-hero__items-box--bottom {
        bottom: 20px
    }

    .bl-hero__items {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .bl-hero__items--center {
        -webkit-align-items: center;
        align-items: center
    }

    .bl-hero__items--left {
        -webkit-align-items: start;
        align-items: start
    }

    .bl-hero__items--right {
        -webkit-align-items: end;
        align-items: end
    }

    .bl-hero__items--title-display {
        font-family: var(--font-family-display)
    }

    .bl-hero__items--subheadline-bold {
        font-family: var(--font-family-primary-bold)
    }

    .bl-hero__items--title-a-small {
        font-size: var(--font-size-small-400);
        line-height: var(--font-size-medium-200)
    }

    @media (min-width: 768px) {
        .bl-hero__items--title-a-small {
            font-size: var(--font-size-medium-100)
        }
    }

    .bl-hero__items--title-a-medium {
        font-size: var(--font-size-medium-400);
        line-height: var(--font-size-large-100)
    }

    @media (min-width: 768px) {
        .bl-hero__items--title-a-medium {
            font-size: var(--font-size-large-300);
            line-height: var(--font-size-large-400)
        }
    }

    .bl-hero__items--title-a-large {
        font-size: var(--font-size-large-400);
        line-height: var(--font-size-xlarge-100)
    }

    @media (min-width: 768px) {
        .bl-hero__items--title-a-large {
            font-size: var(--font-size-xlarge-300);
            line-height: var(--font-size-xlarge-400)
        }
    }

    .bl-hero__items--subheadline-space {
        margin-bottom: 0;
        margin-top: 0
    }

    .bl-hero__items--subheadline-small {
        font-size: var(--font-size-small-100);
        line-height: var(--font-size-small-200)
    }

    @media (min-width: 768px) {
        .bl-hero__items--subheadline-small {
            font-size: var(--font-size-small-300)
        }
    }

    .bl-hero__items--subheadline-medium {
        font-size: var(--font-size-small-400);
        line-height: var(--font-size-medium-200)
    }

    @media (min-width: 768px) {
        .bl-hero__items--subheadline-medium {
            font-size: var(--font-size-medium-200);
            line-height: var(--font-size-medium-300)
        }
    }

    .bl-hero__items--subheadline-large {
        font-size: var(--font-size-medium-400);
        line-height: var(--font-size-large-100)
    }

    @media (min-width: 768px) {
        .bl-hero__items--subheadline-large {
            font-size: var(--font-size-large-300);
            line-height: var(--font-size-large-400)
        }
    }

    .bl-hero__items--title-light {
        font-weight: 600
    }

    .bl-hero__items--title-small {
        font-size: var(--font-size-small-200);
        line-height: var(--font-size-small-300)
    }

    @media (min-width: 768px) {
        .bl-hero__items--title-small {
            font-size: var(--font-size-small-300)
        }
    }

    .bl-hero__items--title-medium {
        font-size: var(--font-size-medium-200);
        line-height: var(--font-size-medium-300)
    }

    @media (min-width: 768px) {
        .bl-hero__items--title-medium {
            font-size: var(--font-size-medium-300);
            line-height: var(--font-size-medium-400)
        }
    }

    .bl-hero__items--title-large {
        font-size: var(--font-size-medium-400);
        line-height: var(--font-size-large-100)
    }

    @media (min-width: 768px) {
        .bl-hero__items--title-large {
            font-size: var(--font-size-large-300);
            line-height: var(--font-size-large-400)
        }
    }

    .bl-hero__subheadline-default {
        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
    }

    @media (min-width: 768px) {
        .bl-hero__subheadline-default {
            font-size: var(--font-size-medium-200);
            line-height: var(--font-size-medium-300)
        }
    }

    .bl-hero__title--a-default {
        font-family: var(--font-family-display);
        font-size: var(--font-size-medium-400);
        line-height: var(--font-size-large-100);
        margin-bottom: 0;
        margin-top: 0
    }

    @media (min-width: 768px) {
        .bl-hero__title--a-default {
            font-size: var(--font-size-large-300);
            line-height: var(--font-size-large-400)
        }
    }

    .bl-hero__title-default {
        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
    }

    @media (min-width: 768px) {
        .bl-hero__title-default {
            font-size: var(--font-size-medium-300);
            line-height: var(--font-size-medium-400)
        }
    }

    .bl-home__tagline {
        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-primary-500);
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        margin-inline: auto;
        text-align: center
    }

    @media (min-width: 768px) {
        .bl-home__tagline {
            font-size: var(--font-size-medium-400);
            line-height: var(--font-size-large-100)
        }
    }

    .bl-home__anchor-banner {
        background-color: var(--color-white);
        position: relative
    }

    @media (min-width: 768px) {
        .bl-home__anchor-banner {
            background-image: url("https://assets.teepublic.com/assets/homepage/seo-box-img@1.5x-64c875344b6ed4845d593c994258ae52d2bca796e84d162a486d8af63445148f.png");
            background-position: -45px center;
            background-repeat: no-repeat;
            background-size: auto 100%
        }
    }

    .bl-home__anchor-container {
        padding: 18px
    }

    @media (min-width: 768px) {
        .bl-home__anchor-container {
            margin-top: 30px;
            padding: 40px 20px 40px 280px;
            text-align: left
        }
    }

    .bl-home__panels-wrapper {
        padding: 48px 16px
    }

    @media (min-width: 768px) {
        .bl-home__panels-wrapper {
            padding-inline: 48px
        }
    }

    @media (min-width: 1024px) {
        .bl-home__panels-wrapper {
            padding-inline: 64px
        }
    }

    @media (min-width: 1280px) {
        .bl-home__panels-wrapper {
            margin-inline: auto;
            max-width: 1230px;
            padding-inline: 0px
        }
    }

    .bl-home__product-highlight {
        font-family: var(--font-family-display)
    }

    .bl-home__anchor-hr {
        background-color: var(--color-neutral-300)
    }

    .bl-home__anchors {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 15px
    }

    @media (min-width: 768px) {
        .bl-home__anchors {
            -webkit-justify-content: flex-start;
            justify-content: flex-start
        }
    }

    .bl-home__anchor-h2 {
        color: var(--color-link-500);
        font-family: var(--font-family-primary-semibold);
        font-size: var(--font-size-small-300);
        margin: 10px
    }

    .bl-home__anchor-h2:hover {
        color: var(--color-primary-600)
    }

    @media (min-width: 768px) {
        .bl-home__anchor-h2 {
            font-size: var(--font-size-medium-100);
            margin: 12px 20px 0 0
        }
    }

    .bl-home__anchor-img {
        height: 50px;
        width: 50px
    }

    .bl-home__artist-signup-container {
        background-color: var(--color-neutral-900);
        padding-top: 8px
    }

    .bl-home__artist-signup-container .contain {
        padding-inline: 16px
    }

    @media (min-width: 768px) {
        .bl-home__artist-signup-container .contain {
            padding-inline: 48px
        }
    }

    @media (min-width: 1024px) {
        .bl-home__artist-signup-container .contain {
            padding-inline: 64px
        }
    }

    @media (min-width: 1280px) {
        .bl-home__artist-signup-container .contain {
            padding-inline: 15px
        }
    }

    .bl-spotlight {
        padding-bottom: 16px
    }

    @media screen and (max-width: 767px) {
        .bl-spotlight {
            overflow-x: hidden
        }
    }

    @media (min-width: 768px) {
        .bl-spotlight {
            padding-bottom: 48px
        }
    }

    .bl-spotlight .contain--wide-3 {
        padding-inline: 16px
    }

    @media (min-width: 768px) {
        .bl-spotlight .contain--wide-3 {
            padding-inline: 48px
        }
    }

    @media (min-width: 1024px) {
        .bl-spotlight .contain--wide-3 {
            margin-inline: auto;
            padding-inline: 64px
        }
    }

    @media (min-width: 1280px) {
        .bl-spotlight .contain--wide-3 {
            padding-inline: 15px
        }
    }

    .bl-spotlight-header {
        padding-top: 48px;
        padding-bottom: 24px;
        text-align: center
    }

    .bl-spotlight-title {
        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-primary-500)
    }

    @media (min-width: 768px) {
        .bl-spotlight-title {
            font-size: var(--font-size-medium-400);
            line-height: var(--font-size-large-100)
        }
    }

    .bl-spotlight-subheader {
        font-size: var(--font-size-medium-100);
        line-height: var(--font-size-medium-400);
        font-family: var(--font-family-primary);
        font-weight: 500;
        padding-top: 8px
    }

    @media (min-width: 768px) {
        .bl-spotlight-content {
            display: grid;
            grid-column-gap: 24px;
            grid-template-columns: repeat(2, 1fr)
        }
    }

    @media (min-width: 1280px) {
        .bl-spotlight-content {
            grid-column-gap: 40px
        }
    }

    .bl-spotlight-card-container {
        display: grid;
        -webkit-filter: drop-shadow(0 0.4rem 0.8rem var(--color-neutral-900-a20));
        filter: drop-shadow(0 0.4rem 0.8rem var(--color-neutral-900-a20));
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: 24px;
        position: relative;
        top: 0
    }

    @media (min-width: 768px) {
        .bl-spotlight-card-container {
            margin-bottom: 0;
            position: -webkit-sticky;
            position: sticky;
            top: 96px
        }
    }

    .bl-spotlight-card {
        -webkit-filter: url("#round-filter");
        filter: url("#round-filter");
        max-width: 480px;
        padding: 12px 12px 0;
        position: relative
    }

    .bl-spotlight-card::before {
        background-color: var(--color-white);
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 85%, 50% 100%, 0 85%);
        clip-path: polygon(0 0, 100% 0%, 100% 85%, 50% 100%, 0 85%);
        content: '';
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    .bl-spotlight-svg {
        height: 0;
        position: absolute;
        visibility: hidden;
        width: 0
    }

    .bl-spotlight-card-header {
        margin-bottom: -40px
    }

    .bl-spotlight-banner {
        max-width: inherit;
        width: 100%
    }

    .bl-spotlight-banner img {
        border-radius: 12px;
        width: inherit
    }

    .bl-spotlight-avatar {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        top: -48px;
        position: relative
    }

    .bl-spotlight-avatar img {
        width: 72px;
        border-radius: 800px;
        border: 4px solid var(--color-white);
        background: var(--color-white)
    }

    .bl-spotlight-details {
        display: -webkit-flex;
        display: flex;
        padding: 0 20px 12px;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 48px;
        gap: 16px 4px;
        -webkit-align-self: stretch;
        align-self: stretch
    }

    .bl-spotlight-artist {
        color: var(--color-neutral-900);
        font-family: var(--font-family-display);
        font-size: var(--font-size-medium-200);
        margin-bottom: 4px;
        text-align: center
    }

    .bl-spotlight-username {
        font-size: var(--font-size-small-400);
        line-height: var(--font-size-medium-300);
        font-family: var(--font-family-primary);
        font-weight: 500;
        overflow: hidden;
        color: var(--color-neutral-700);
        text-align: center;
        text-overflow: ellipsis
    }

    .bl-spotlight-bio {
        font-size: var(--font-size-small-400);
        line-height: var(--font-size-medium-300);
        font-family: var(--font-family-primary);
        font-weight: 500;
        overflow: hidden;
        color: var(--color-neutral-900);
        margin-bottom: 8px;
        text-align: center;
        text-overflow: ellipsis
    }

    .bl-spotlight-joined {
        font-size: var(--font-size-small-300);
        line-height: var(--font-size-medium-200);
        font-family: var(--font-family-primary);
        font-weight: 500;
        overflow: hidden;
        color: var(--color-neutral-700);
        margin-bottom: 8px;
        text-align: center;
        text-overflow: ellipsis
    }

    .bl-spotlight-stats {
        -webkit-column-gap: 16px;
        column-gap: 16px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .bl-spotlight-stat {
        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-700)
    }

    .bl-spotlight-stats-value {
        font-family: var(--font-family-primary-bold)
    }

    .bl-spotlight-tiles {
        display: grid;
        grid-template-columns: repeat(8, minmax(var(--design-tile-horizontal-min-width), 1fr));
        margin-inline: -16px;
        padding-inline: 16px
    }

    @media screen and (max-width: 767px) {
        .bl-spotlight-tiles {
            overflow-x: scroll
        }
    }

    @media (min-width: 768px) {
        .bl-spotlight-tiles {
            grid-template-columns: repeat(2, 1fr);
            grid-row-gap: 24px;
            padding-inline: 0;
            margin-inline: 0
        }
    }

    .bl-spotlight-tiles .tbl-cd-design-tile {
        font-size: var(--font-size-small-200)
    }

    .bl-spotlight-tiles .tbl-cd-design-tile .tbl-cnt__timer-text,
    .bl-spotlight-tiles .tbl-cd-design-tile .tbl-cnt__label {
        font-family: var(--font-family-primary)
    }

    .bl-popular {
        overflow-x: hidden;
        padding-top: 48px;
        padding-bottom: 48px
    }

    .bl-popular .contain--wide-3 {
        padding-inline: 16px
    }

    @media (min-width: 768px) {
        .bl-popular .contain--wide-3 {
            padding-inline: 48px
        }
    }

    @media (min-width: 1024px) {
        .bl-popular .contain--wide-3 {
            margin-inline: auto;
            padding-inline: 64px
        }
    }

    @media (min-width: 1280px) {
        .bl-popular .contain--wide-3 {
            padding-inline: 15px
        }
    }

    .bl-popular-header {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        text-align: center
    }

    .bl-popular-title {
        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-primary-500)
    }

    @media (min-width: 768px) {
        .bl-popular-title {
            font-size: var(--font-size-medium-400);
            line-height: var(--font-size-large-100)
        }
    }

    .bl-popular-subheader {
        font-size: var(--font-size-medium-100);
        line-height: var(--font-size-medium-400);
        font-family: var(--font-family-primary);
        font-weight: 500
    }

    .bl-popular-tiles {
        display: grid;
        gap: 4px;
        grid-template-columns: repeat(12, minmax(var(--design-tile-horizontal-min-width), 1fr));
        margin-inline: -16px;
        margin-top: 24px;
        padding: 12px 16px 0
    }

    @media screen and (max-width: 767px) {
        .bl-popular-tiles {
            overflow-x: scroll
        }
    }

    @media (min-width: 768px) {
        .bl-popular-tiles {
            gap: 24px 8px;
            grid-template-columns: repeat(4, 1fr);
            padding-inline: 0
        }
    }

    .bl-popular-tiles .tbl-cnt__timer-text,
    .bl-popular-tiles .tbl-cnt__label {
        font-family: var(--font-family-primary)
    }

    .bl-curated-header {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        padding: 24px 0;
        text-align: center
    }

    .bl-curated-title {
        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-primary-500)
    }

    @media (min-width: 768px) {
        .bl-curated-title {
            font-size: var(--font-size-medium-400);
            line-height: var(--font-size-large-100)
        }
    }

    .bl-curated-subheader {
        font-size: var(--font-size-medium-100);
        line-height: var(--font-size-medium-400);
        font-family: var(--font-family-primary);
        font-weight: 500
    }

    .bl-curated-tiles {
        display: grid;
        gap: 12px 0;
        grid-auto-flow: row;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 12px 0
    }

    @media (min-width: 768px) {
        .bl-curated-tiles {
            gap: 24px 8px;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            overflow-x: hidden
        }
    }

    .bl-curated-tiles .tbl-cnt__timer-text,
    .bl-curated-tiles .tbl-cnt__label {
        font-family: var(--font-family-primary)
    }

    .home-page-personalized-suggestions {
        background-color: var(--color-neutral-900);
        padding-top: 24px;
        padding-bottom: 24px
    }

    .home-page-personalized-suggestions__title {
        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) {
        .home-page-personalized-suggestions__title {
            font-size: var(--font-size-medium-200);
            line-height: var(--font-size-medium-300)
        }
    }

    .home-page-personalized-suggestions__swimlane {
        padding-inline: 0px
    }

    .home-page-personalized-suggestions__swimlane .tb-canvas__swimlane--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)
    }

    @media (min-width: 768px) {
        .home-page-personalized-suggestions__swimlane .tb-canvas__swimlane--title {
            font-size: var(--font-size-medium-200);
            line-height: var(--font-size-medium-300)
        }
    }

    .home-page-personalized-suggestions__swimlane .tb-canvas__swimlane-container {
        gap: 12px
    }

    @media (min-width: 768px) {
        .home-page-personalized-suggestions__swimlane .tb-canvas__swimlane-container {
            gap: 16px
        }
    }

    .home-page-personalized-suggestions__swimlane .tb-canvas__swimlane--grid-view {
        grid-template-columns: repeat(4, minmax(156px, 1fr));
        margin-inline: -16px;
        padding-inline: 16px;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .home-page-personalized-suggestions__swimlane .tb-canvas__swimlane--grid-view::-webkit-scrollbar {
        display: none
    }

    @media (min-width: 480px) {
        .home-page-personalized-suggestions__swimlane .tb-canvas__swimlane--grid-view {
            margin-inline: -24px;
            padding-inline: 24px
        }
    }

    .bl-feat {
        background: var(--color-neutral-900);
        overflow-x: hidden;
        padding-top: 48px;
        padding-bottom: 48px
    }

    @media (min-width: 768px) {
        .bl-feat {
            padding-left: 48px;
            padding-right: 48px
        }
    }

    .bl-feat .bl-tabs {
        position: relative;
        z-index: 1
    }

    .bl-feat .bl-tabs__list {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        gap: 2px;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    @media (min-width: 656px) {
        .bl-feat .bl-tabs__list {
            -webkit-justify-content: center;
            justify-content: center
        }
    }

    @media screen and (max-width: 767px) {
        .bl-feat .bl-tabs__list {
            padding-inline: 16px;
            overflow-x: auto
        }
    }

    .bl-feat .bl-tabs__content {
        margin-top: 32px
    }

    .bl-feat .bl-tabs__content picture {
        display: block
    }

    .bl-feat-content {
        margin-inline: -16px;
        padding-inline: 16px
    }

    @media (min-width: 768px) {
        .bl-feat-content {
            margin-inline: -48px;
            padding-inline: 48px
        }
    }

    @media (min-width: 1024px) {
        .bl-feat-content {
            margin-inline: auto;
            padding-inline: 0px
        }
    }

    @media (min-width: 1280px) {
        .bl-feat-content {
            padding-inline: 15px
        }
    }

    @media screen and (max-width: 767px) {
        .bl-feat-header {
            padding-left: 16px;
            padding-right: 16px
        }
    }

    .bl-feat-title {
        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) {
        .bl-feat-title {
            font-size: var(--font-size-large-100);
            line-height: var(--font-size-large-200)
        }
    }

    .bl-feat-subheader {
        margin-top: 8px
    }

    .bl-feat-title,
    .bl-feat-foot-title,
    .bl-feat-subheader {
        color: var(--color-white);
        text-align: center
    }

    .bl-feat-body {
        position: relative;
        padding-top: 24px;
        padding-bottom: 24px
    }

    @media (min-width: 768px) {
        .bl-feat-body {
            padding: 20px
        }
    }

    @media (min-width: 1280px) {
        .bl-feat-body {
            padding: 48px
        }
    }

    .bl-feat-body::before {
        content: '';
        background-color: var(--color-neutral-800);
        border-radius: 12px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 98px)
    }

    .bl-feat-tab {
        text-align: center;
        border-radius: 12px;
        border-bottom: 0
    }

    .bl-feat-tab a {
        padding: 8px 8px 12px
    }

    .bl-feat-tab h5 {
        margin-top: 8px;
        color: var(--color-neutral-300);
        font-size: var(--font-size-small-200);
        font-weight: 500;
        pointer-events: none
    }

    .bl-feat-tab:hover {
        background-color: var(--color-white);
        border-bottom: none;
        cursor: pointer
    }

    .bl-feat-tab:hover h5 {
        color: var(--color-neutral-900)
    }

    .bl-feat-tab img {
        height: 88px;
        width: 88px;
        border-radius: 8px;
        pointer-events: none
    }

    .bl-feat-tab--active {
        background-color: var(--color-white);
        cursor: pointer
    }

    .bl-feat-tab--active h5 {
        color: var(--color-neutral-900)
    }

    .bl-feat-tab-content {
        display: -webkit-flex;
        display: flex
    }

    @media screen and (max-width: 767px) {
        .bl-feat-tab-content {
            padding-bottom: 40px;
            -webkit-flex-direction: column;
            flex-direction: column
        }
    }

    @media (min-width: 768px) {
        .bl-feat-tab-content {
            gap: 24px;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-align-items: center;
            align-items: center
        }

        .bl-feat-tab-content>* {
            -webkit-flex: 1;
            flex: 1
        }
    }

    .bl-feat-foot {
        margin-top: 32px
    }

    .bl-feat-foot .link-collection__header {
        color: var(--color-white);
        font-size: var(--font-size-small-400);
        font-family: var(--font-family-primary-bold);
        line-height: var(--font-size-medium-200)
    }

    .bl-feat-foot .link-collection__content {
        color: var(--color-white);
        display: -webkit-flex;
        display: flex;
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
        gap: 12px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 8px;
        font-size: var(--font-size-small-300);
        padding-inline: 16px
    }

    .bl-feat-product-info-title {
        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)
    }

    @media (min-width: 768px) {
        .bl-feat-product-info-title {
            font-size: var(--font-size-medium-400);
            line-height: var(--font-size-large-100)
        }
    }

    .bl-feat-product-info {
        text-align: center
    }

    .bl-feat-product-info h3+p {
        color: var(--color-neutral-300);
        margin-top: 4px
    }

    .bl-feat-product-info h5+p {
        color: var(--color-neutral-200)
    }

    @media screen and (max-width: 767px) {
        .bl-feat-product-info {
            margin-top: 24px
        }
    }

    .bl-feat-product-img {
        width: 100%;
        aspect-ratio: 1;
        border-radius: 12px;
        max-width: 520px
    }

    .bl-feat-product-items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
        margin-top: 24px;
        overflow-x: auto
    }

    @media screen and (max-width: 767px) {
        .bl-feat-product-items {
            padding-left: 16px;
            padding-right: 16px
        }
    }

    @media (min-width: 768px) {
        .bl-feat-product-items {
            grid-template-columns: repeat(2, 1fr);
            gap: 24px;
            overflow-x: visible;
            padding-left: 16px;
            padding-right: 16px
        }
    }

    @media (min-width: 1280px) {
        .bl-feat-product-items {
            padding-left: 80px;
            padding-right: 80px
        }
    }

    .bl-feat-product-items+.btn {
        margin-top: 24px
    }

    .bl-feat-product-item {
        width: 140px
    }

    @media screen and (max-width: 767px) {
        .bl-feat-product-item {
            justify-self: center
        }
    }

    @media (min-width: 768px) {
        .bl-feat-product-item {
            width: 160px
        }

        .bl-feat-product-item:nth-child(odd) {
            justify-self: flex-end
        }
    }

    .bl-feat-product-item p {
        font-size: var(--font-size-small-200);
        line-height: var(--font-size-small-400);
        font-family: var(--font-family-primary);
        font-weight: 500;
        margin-top: 8px
    }

    .bl-feat-product-item h5 {
        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);
        margin-top: 8px
    }

    .bl-feat-product-img-container {
        position: relative
    }

    @media screen and (max-width: 767px) {
        .bl-feat-product-img-container {
            -webkit-align-self: center;
            align-self: center;
            padding-left: 1.6rem;
            padding-right: 1.6rem
        }
    }

    .bl-feat-banner-overlay {
        font-size: var(--font-size-small-100);
        line-height: var(--font-size-small-400);
        font-family: var(--font-family-primary-semibold);
        font-weight: 600;
        background-color: var(--color-neutral-800-a40);
        border-bottom-right-radius: 0.8rem;
        border-top-left-radius: 0.8rem;
        left: 16px;
        padding: 0.2rem 0.8rem;
        position: absolute;
        top: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    @media (min-width: 768px) {
        .bl-feat-banner-overlay {
            left: 0
        }
    }

    .bl-feat-banner-overlay a {
        color: var(--color-white-a60);
        display: block
    }

    .bl-feat-banner-overlay:hover {
        background: var(--color-neutral-800)
    }

    .bl-feat-banner-overlay:hover a {
        color: var(--color-white)
    }

    .tb-news--homepage {
        --newsletter-signup-header-text-color: var(--color-neutral-900);
        --newsletter-signup-subtext-text-color: var(--color-neutral-600);
        --newsletter-signup-text-color: var(--color-black)
    }

    .tb-news--homepage .bl-nl .tb-label-content {
        color: var(--newsletter-signup-text-color);
        margin-bottom: 8px
    }

    .tb-news--homepage .bl-nl .tb-field {
        background-color: var(--color-white)
    }

    @media (min-width: 1280px) {
        .tb-news--homepage .bl-nl-container {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
            gap: 40px
        }
    }

    .tb-news--homepage .bl-nl-hdr-group {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 4px;
        -webkit-flex: 1 1 0;
        flex: 1 1 0
    }

    .tb-news--homepage .bl-nl-hdr__form {
        -webkit-flex: 1 1 0;
        flex: 1 1 0;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .tb-news--homepage .bl-nl-privacy {
        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;
        color: var(--color-neutral-600)
    }

    @media (min-width: 768px) {
        .tb-news--homepage .bl-nl-privacy {
            margin-top: 0
        }
    }

    .tb-news--homepage .bl-nl-privacy a {
        text-decoration: underline
    }

    .tb-news--homepage .bl-nl-hdr {
        color: var(--newsletter-signup-header-text-color)
    }

    .tb-news--homepage .bl-nl-hdr__subtext {
        color: var(--newsletter-signup-subtext-text-color);
        margin-top: 4px;
        margin-bottom: 20px
    }

    .tb-news--homepage .bl-nl-form__submit {
        background: var(--color-primary-500)
    }

    .bl-home__newsletter-content {
        background: var(--color-primary-100);
        border: 2px solid var(--color-primary-200);
        border-radius: 12px;
        padding: 24px
    }

    @media (min-width: 1280px) {
        .bl-home__newsletter-content {
            display: -webkit-flex;
            display: flex;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center;
            gap: 40px
        }
    }

    .bl-home__designer-sign-up {
        display: block;
        margin: -5px auto 10px;
        text-transform: none
    }

    @media (min-width: 1024px) {
        .bl-home__designer-sign-up {
            margin-top: -20px;
            margin-bottom: 20px
        }
    }

    .bl-home__gift_finder {
        margin-top: 40px
    }

    @media (min-width: 768px) {
        .bl-home__gifting .contain--wide-3 {
            padding-inline: 48px
        }
    }

    @media (min-width: 1024px) {
        .bl-home__gifting .contain--wide-3 {
            padding-inline: 64px
        }
    }

    @media (min-width: 1280px) {
        .bl-home__gifting .contain--wide-3 {
            padding-inline: 15px
        }
    }

    .bl-home__trustpilot {
        margin: 30px 0
    }

    @media (max-width: 767px) {
        .bl-home__trustpilot {
            display: none
        }
    }

    .bl-home__browse-btns {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        gap: 24px;
        -webkit-justify-content: center;
        justify-content: center;
        margin: 20px 0;
        text-align: center
    }

    .bl-home__browse-btn {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }
    span.btn-text {
    color: white;
}




        .bl-footer__guarantee-image img {
height: 90px !important;
    margin-bottom: 17px;
    }

    .search-field-container::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: 6px;
    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;
    pointer-events: none;
}

@-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%;
    }
}


p.bl-feat-product-info-subtitle {
    line-height: 29px;
}
i.fas.fa-user {
    color: white;
}