:root {
    --sf-font-default: 'Sohne', Verdana, Arial, sans-serif;
    --sf-font-sohne: 'Soehne-Buch', Verdana, Arial, sans-serif;
    --sf-font-sohne-md: 'Soehne-Leicht', Verdana, Arial, sans-serif;
    --sf-font-sohne-sb: var(--sf-font-sohne-md);
    --sf-font-sohne-b: 'Soehne-Kraftig', Verdana, Arial, sans-serif;
    --font-family-avh: 'Avenir LT W01 85 Heavy', Helvetica, Arial, sans-serif;
    --font-family-avr: 'Avenir LT W01 55 Roman', Helvetica, Arial, sans-serif;
    --text-color: #58595b;
    --text-color-grey: #2d3137;
    --text-color-grey2: #757579;
    --text-color-default: #241F16;
    --text-color-blue: #5b7491;
    --outrageous-orange: #f05323;
    --fog-light: #f5f6f8;
    --deep-carrot: #d74012;
    --dark-carrot: #a9320e;
    --tp-blue: #00829b;
    --tp-dark-blue: #005666;
    --tp-active: #006a80;
    --ignite: #bf3602;
    --color-teal: #1aaeba;
    --color-red: #c00;
    --color-blue: #3d4347;
    --color-blue2: #0065b8;
    --color-green: #318619;
    --border-radius: 5px;
    --font-size: 0.857rem;
    /* 12px */
    --font-size-tiny: 0.85rem;
    /* 11px */
    --font-size-small: 0.857rem;
    /* 12px */
    --font-size-default: 1rem;
    /* 14px */
    --font-size-medium: 1.143rem;
    /* 16px */
    --font-size-subtitle: 1.286rem;
    /* 18px */
    --font-size-headline-mid: 1.429rem;
    /* 20px */
    --font-size-headline-sec: 1.325rem;
    /* 22px */
    --font-size-headline-main: 1.77rem;
    /* 24px */
    --font-size-headline-big: 2.29rem;
    /* 32px */
    --main-padding: 0 14px;
    --promo-height: 500px;
    --mid-promo-height: 300px;
    --other-prods-size: 300px;
    --other-prods-header: 28px;
    --other-prods-subheader: 21px;
    --cta-box-position: 35px;
    --page-margin: 24px;
    --color-silver: #ccc;
    --color-black: #212121;
    --color-white: #ffffff;
    --gray-dark: #c6c7c9;
    --gray-medium: #585b58;
    --red-deep: #920012;
    --color-brown: #7c4c35;
    --brown-light: #df9b74;
    --color-golden: #785f25;
    --golden-light: #edc151;
    --gray-deep: #7e7e7e;
    --gray-light: #eee;
    --gray-red: #e80112;
    --gray-mid: #c9cacb;
    --white-smoke: #f5f5f5;
    --dark-charcoal: #333;
    --gray-solitude: #ebedf0;
    --high-column-gap: 1.5em;
    --mid-column-gap: 1em;
    --low-column-gap: 0.75em;
    --five-column-width: calc(20% - var(--high-column-gap));
    --four-column-width: calc(25% - var(--high-column-gap));
    --three-column-width: calc(33.3% - var(--high-column-gap));
    --two--column-width: calc(50% - var(--mid-column-gap));
    --one--column-width: calc(100% - var(--low-column-gap));
    --checkbox-color: #6a707c;
    --light-gray-background-color: #F2F2F0;
}

@font-face {
    font-family: 'Soehne-Leicht';
    src: url('https://cdn.staticsfly.com/i/cmsFonts/sohne/soehne-leicht.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Soehne-Buch';
    src: url('https://cdn.staticsfly.com/i/cmsFonts/sohne/soehne-buch.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'Soehne-Kraftig';
    src: url('https://cdn.staticsfly.com/i/cmsFonts/sohne/soehne-kraftig.woff2') format('woff2');
    font-display: swap;
}

html {
    scroll-behavior: smooth;
}

/* CSS hack to adjust Firefox */
@-moz-document url-prefix() {
    html {
        scroll-behavior: auto;
    }
}

body.store-fe {
    margin: 0;
    font-family: 'Soehne-Leicht', Verdana, Arial, sans-serif;
    font-family: var(--sf-font-sohne-md);
    color: #58595b;
    color: var(--text-color);
    font-size: 1rem;
    font-size: var(--font-size-default);
    width: 100%;
    overflow-x: hidden;
}

.body-wrapper {
    max-width: 1600px;
    margin: 0 auto;
}

#root {
    min-height: 100vh;
}

#root:not(:has(#reviews-snapshot #pr-review-snapshot)) {
    min-height: 0;
}

.store-front a.store-button {
    font-family: 'Soehne-Kraftig', Verdana, Arial, sans-serif;
    font-family: var(--sf-font-sohne-b);
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0;
    font-weight: 500;
    border-radius: 24px;
    text-decoration: none;
    text-transform: capitalize;
    padding: 9.5px 20px;
    border: 1px solid #58595b;
    border: 1px solid var(--text-color);
    color: #58595b;
    color: var(--text-color);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
}

.store-front {
    padding-bottom: 15px;
    margin: 0 25px;
}

.store-front a.store-button.primary.SFLY {
    color: #fff;
    background: #d74012;
    background: var(--deep-carrot);
    border: 1px solid #d74012;
    border: 1px solid var(--deep-carrot);
}

.store-front a.store-button.primary.TP {
    color: #fff;
    background: #00829b;
    background: var(--tp-blue);
    border: 1px solid #00829b;
    border: 1px solid var(--tp-blue);
}

.store-front a.store-button.SFLY:not(.disabled):hover {
    text-decoration: none !important;
    color: #d74012;
    color: var(--deep-carrot);
    border: 1px solid #d74012;
    border: 1px solid var(--deep-carrot);
}

.store-front a.store-button.TP:not(.disabled):hover {
    text-decoration: none;
    color: #00829b;
    color: var(--tp-blue);
    border: 2px solid #00829b;
    border: 2px solid var(--tp-blue);
}

.store-front a.store-button.SFLY:not(.disabled):active {
    color: #bf3602;
    color: var(--ignite);
    border: 2px solid #bf3602;
    border: 2px solid var(--ignite);
}

.store-front a.store-button.TP:not(.disabled):active {
    color: #006a80;
    color: var(--tp-active);
    border: 2px solid #006a80;
    border: 2px solid var(--tp-active);
}

.store-front a.store-button.primary:not(.disabled):hover,
.store-front a.store-button.primary:not(.disabled):active {
    color: #ffffff;
    color: var(--color-white);
}

.store-front a.store-button.primary.SFLY:not(.disabled):hover {
    background: #a9320e;
    background: var(--dark-carrot);
    border: 1px solid #a9320e;
    border: 1px solid var(--dark-carrot);
}

.store-front a.store-button.primary.TP:not(.disabled):hover {
    background: #005666;
    background: var(--tp-dark-blue);
    border: 1px solid #005666;
    border: 1px solid var(--tp-dark-blue);
}

.store-front a.store-button.primary.SFLY:not(.disabled):active {
    background: #bf3602;
    background: var(--ignite);
    border: 1px solid #bf3602;
    border: 1px solid var(--ignite);
}

.store-front a.store-button.primary.TP:not(.disabled):active {
    background: #006a80;
    background: var(--tp-active);
    border: 1px solid #006a80;
    border: 1px solid var(--tp-active);
}

.store-front a.store-button.disabled {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
}

.store-front a.store-button.floating {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11),
        0 5px 15px 0 rgba(0, 0, 0, 0.08);
}

.store-front a {
    color: #3d4347;
    color: var(--color-blue);
    text-decoration: none;
}

.store-front a:hover {
    color: #3d4347;
    color: var(--color-blue);
}

div.spoonflower-text {
    font-family: 'Soehne-Leicht', Verdana, Arial, sans-serif;
    font-family: var(--sf-font-sohne-md);
}

@media (min-width: 768px) {
    :root {
        --font-size: 0.875rem;
        --main-padding: 0;
    }
}

@media (max-width: 767px) {
    :root {
        --font-size: 0.875rem;
        --main-padding: 0;
    }

    .store-front {
        max-width: 767px;
    }
}

@media (max-width: 480px) {
    .store-front {
        margin: 0 12px;
    }
}

.focus-none *:focus {
    outline: none !important;
}

.focus-none *:not(.focus-exception):focus:after,
.focus-none *:focus .Icon:before {
    display: none;
}

.u-lock-scroll {
    overflow: hidden !important;
}

/*** Secondary Button ****/
.button.secondary,
a.secondary {
    background: #ffffff;
    background: var(--color-white);
    border: 1px solid #585b58;
    border: 1px solid var(--gray-medium);
    height: 36px;
    padding: 7px 16px;
    box-sizing: border-box;
    border-radius: 4px;
    color: #585b58;
    color: var(--gray-medium);
    text-transform: uppercase;
    cursor: pointer;
}

.button.secondary:not(.disabled):hover,
a.secondary:not(.disabled):hover {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
}

.button.secondary:not(.disabled):active,
a.secondary:not(.disabled):active {
    background: rgba(0, 0, 0, 0.1);
}

.button.disabled {
    opacity: 0.3;
    cursor: default;
}

.not-supported p {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-width: 730px;
    margin: 50px auto;
    line-height: 21px;
    font-size: 14px;
    font-family: 'Soehne-Leicht', Verdana, Arial, sans-serif;
    font-family: var(--sf-font-sohne-md);
    color: #585b58;
    color: var(--gray-medium);
    width: 90%;
}

.not-supported p img {
    margin-right: 10px;
}
.slick-list,.slick-slider,.slick-track{
    position:relative;
    display:block
}
.slick-loading .slick-slide,.slick-loading .slick-track{
    visibility:hidden
}
.slick-slider{
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:0
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    transform:translate3d(0,0,0)
}
.slick-track{
    top:0;
    left:0
}
.slick-track:after,.slick-track:before{
    display:table;
    content:''
}
.slick-track:after{
    clear:both
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.slick-dots,
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    padding: 0
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    font-family: var(--sf-font-sohne);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: '←'
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

[dir=rtl] .slick-next:before {
    content: '←'
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    margin: 0;
}

.slick-dots li button {
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: none;
    opacity: .25;
    margin: 0;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-size: 32px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '•';
    text-align: center;
    color: #000;
    border-radius: 100%;
}

.slick-dots li.slick-active button {
    opacity: .75;
}

/*# sourceMappingURL=storefe_16.43040890e51f0.css.map*/