/** Shopify CDN: Minification failed

Line 165:4 Expected ":"

**/


/* CSS from section stylesheet tags */
@media screen and (min-width: 750px) {
  .banner--blocks .banner__box {
    max-width: 79rem;
    padding-inline: 6rem;
  }
}
@media screen and (max-width: 749px) {
.banner--blocks .banner__box {
    width: calc(100% - 5rem);
    margin-top: -20%;
}
}
.collection-hero__title+.collection-hero__description {
    width: 80%;
    margin: 0 auto 2rem;
    text-align: left;
    font-size: 1.1rem;
    line-height: 2.2rem;
    color: #000;
}
*, *::before, *::after {
    box-sizing: inherit;
}
user agent stylesheet
div {
    display: block;
    unicode-bidi: isolate;
}
body, .color-background-1, .color-background-2, .color-inverse, .color-accent-1, .color-accent-2 {
    color: rgba(var(--color-foreground), .75);
    background-color: rgb(var(--color-background));
}
:root, .color-background-1, .color-background-2 {
    --color-card-hover: var(--color-base-text);
}
:root, .color-background-1 {
    --color-badge-background: var(--color-background);
    --color-badge-border: var(--color-foreground);
    --alpha-badge-border: .1;
}
:root, .color-background-1 {
    --color-button: var(--color-base-accent-1);
    --color-button-text: var(--color-base-solid-button-labels);
    --alpha-button-background: 1;
    --alpha-button-border: 1;
}
:root, .color-background-1 {
    --color-link: var(--color-base-outline-button-labels);
    --alpha-link: .85;
}
:root, .color-background-1 {
    --color-foreground: var(--color-base-text);
    --color-background: var(--color-base-background-1);
    --gradient-background: var(--gradient-base-background-1);
}
@media screen and (min-width: 750px) {
    body {
        font-size: 1.4rem;
        line-height: calc(1 + 0.8 / var(--font-body-scale));
    }
}
body {
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    grid-template-columns: 100%;
    min-height: 100%;
    margin: 0;
    font-size: 1.3rem;
    letter-spacing: 0.06rem;
    line-height: calc(1 + 0.65 / var(--font-body-scale));
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
}
:root {
    --duration-short: .1s;
    --duration-default: .2s;
    --duration-long: .5s;
}
:root, .color-icon-text {
    --color-icon: rgb(var(--color-base-text));
}
:root, .color-background-1, .color-background-2 {
    --color-card-hover: var(--color-base-text);
}
:root, .color-background-1 {
    --color-badge-background: var(--color-background);
    --color-badge-border: var(--color-foreground);
    --alpha-badge-border: .1;
}
:root, .color-background-1 {
    --color-button: var(--color-base-accent-1);
    --color-button-text: var(--color-base-solid-button-labels);
    --alpha-button-background: 1;
    --alpha-button-border: 1;
}
:root, .color-background-1 {
    --color-link: var(--color-base-outline-button-labels);
    --alpha-link: .85;
}
:root, .color-background-1 {
    --color-foreground: var(--color-base-text);
    --color-background: var(--color-base-background-1);
    --gradient-background: var(--gradient-base-background-1);
}
:root {
    --font-icon-family: "tomdixon";
    --font-body-family: "brown", "Hiragino Sans", 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    --font-body-family-bold: "brown-700", "Hiragino Sans", 'ヒラギノ角ゴ Pro W6', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    --font-body-family-light: "brown-300", "Hiragino Sans", 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    --font-body-family-thin: "brown-100", "Hiragino Sans", 'ヒラギノ角ゴ Pro W2', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    --font-body-family-price: var(--font-body-family-light);
    --font-body-style: normal;
    /* --font-body-weight: 400; */
    --font-body-weight-bold: 700;
    --font-heading-family: "brown-700", san-serif;
    --font-heading-style: normal;
    --font-heading-weight: 400;
    --font-body-weight: 300;
    --font-body-scale: 0.8;
    --font-heading-scale: 0.8;
    --color-base-text: 0, 0, 0;
    --color-shadow: 0, 0, 0;
    --color-base-background-1: 248, 248, 248;
    --color-base-background-2: 0, 0, 0;
    --color-base-solid-button-labels: 255, 255, 255;
    --color-base-outline-button-labels: 18, 18, 18;
    --color-base-accent-1: 18, 18, 18;
    --color-base-accent-2: 255, 255, 255;
    --payment-terms-background-color: #f8f8f8;
    --gradient-base-background-1: #f8f8f8;
    --gradient-base-background-2: rgba(0, 0, 0, 0);
    --gradient-base-accent-1: #121212;
    --gradient-base-accent-2: #ffffff;
    --media-padding: px;
    --media-border-opacity: 0.05;
    --media-border-width: 1px;
    --media-radius: 0px;
    --media-shadow-opacity: 0.0;
    --media-shadow-horizontal-offset: 0px;
    --media-shadow-vertical-offset: 4px;
    --media-shadow-blur-radius: 5px;
    --media-shadow-visible: 0;
    --page-width: 170rem;
    --page-width-margin: 0rem;
    --block-width: 116.6rem;
    --product-card-image-padding: 0.0rem;
    --product-card-corner-radius: 0.0rem;
    --product-card-text-alignment: left;
    --product-card-border-width: 0.0rem;
    --product-card-border-opacity: 0.1;
    --product-card-shadow-opacity: 0.0;
    --product-card-shadow-visible: 0;
    --product-card-shadow-horizontal-offset: 0.0rem;
    --product-card-shadow-vertical-offset: 0.4rem;
    --product-card-shadow-blur-radius: 0.5rem;
Show all properties (74 more)
}
html {
    box-sizing: border-box;
    font-size: calc(var(--font-body-scale) * 62.5%);
    height: 100%;
}
*, *::before, *::after {
    box-sizing: inherit;
}
.rte:after {
    clear: both;
    content: "";
    display: block;
}
*, *::before, *::after {
    box-sizing: inherit;
}
::selection {
    background-color: rgba(var(--color-foreground), .2);
}
::selection {
    background-color: rgba(var(--color-foreground), .2);
}
::selection {
    background-color: rgba(var(--color-foreground), .2);
}
::selection {
    background-color: rgba(var(--color-foreground), .2);
}
::selection {
    background-color: rgba(var(--color-foreground), .2);
}
::selection {
    background-color: rgba(var(--color-foreground), .2);
}
::selection {
    background-color: rgba(var(--color-foreground), .2);
}
::selection {
    background-color: rgba(var(--color-foreground), .2);
}

/* CSS from block stylesheet tags */
.blocks-heading{
  text-align: var(--align);
  font-size: var(--text-size-mobile);
    @media screen and (min-width: 750px) {
      font-size: var(--text-size);
    }
}
.outlet__text{
  text-align: var(--align);
  font-size: 1.3rem;
  line-height: 1.7;
}
.outlet__buttons{
  display: flex;
  justify-content: space-around;
  gap:10%;
}
@media screen and (max-width: 749px) {
  .outlet__buttons{
    flex-direction: column;
    gap:2rem;
  }
}
.outlet__buttons .button{
  border: none;
  padding: 2rem 1rem;
  color: var(--color);
  background-color: var(--bgcolor);
  flex-direction: column;
  gap: 0.5rem;
  @media screen and (min-width: 750px) {
    width: 37%;
    flex: 0 0 37%;
    padding: 3rem 1rem;
  }
    .font-body-bold{
      font-size: 1.5rem;
    }
    .under-line{
      text-decoration:underline;
      text-underline-offset: 0.3rem;
      text-decoration-thickness: 0.1rem;
      transition: text-underline-offset ease 0.1s;
    }
  &:hover .under-line{
    text-underline-offset: .5rem;
  }
}

.outlet__buttons .button:after,
.outlet__buttons .button:before{
  box-shadow: none;
}