*,
 ::after,
 ::before {
     box-sizing: border-box;
     border-width: 0;
     border-style: solid;
     border-color: #e5e7eb
 }

 ::after,
 ::before {
     --tw-content: ''
 }

 html {
     line-height: 1.5;
     -webkit-text-size-adjust: 100%;
     -moz-tab-size: 4;
     -o-tab-size: 4;
     tab-size: 4;
     font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
 }

 body {
     margin: 0;
     line-height: inherit
 }

 hr {
     height: 0;
     color: inherit;
     border-top-width: 1px
 }

 abbr:where([title]) {
     -webkit-text-decoration: underline dotted;
     text-decoration: underline dotted
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-size: inherit;
     font-weight: inherit
 }

 a {
     color: inherit;
     text-decoration: inherit
 }

 code,
 kbd,
 pre,
 samp {
     font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     font-size: 1em
 }

 small {
     font-size: 80%
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline
 }

 sub {
     bottom: -.25em
 }

 sup {
     top: -.5em
 }

 table {
     text-indent: 0;
     border-color: inherit;
     border-collapse: collapse
 }

 button,
 input,
 optgroup,
 select,
 textarea {
    font-family: 'SaansRegular', sans-serif;
     font-size: 100%;
     line-height: inherit;
     color: inherit;
     margin: 0;
     padding: 0
 }

 button,
 select {
     text-transform: none
 }

 [type=button],
 [type=reset],
 [type=submit],
 button {
     -webkit-appearance: button;
     background-color: transparent;
     background-image: none
 }

 :-moz-focusring {
     outline: auto
 }

 :-moz-ui-invalid {
     box-shadow: none
 }

 progress {
     vertical-align: baseline
 }

 ::-webkit-inner-spin-button,
 ::-webkit-outer-spin-button {
     height: auto
 }

 [type=search] {
     -webkit-appearance: textfield;
     outline-offset: -2px
 }

 ::-webkit-search-decoration {
     -webkit-appearance: none
 }

 ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit
 }

 summary {
     display: list-item
 }

 blockquote,
 dd,
 dl,
 figure,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 hr,
 p,
 pre {
     margin: 0
 }

 fieldset {
     margin: 0;
     padding: 0
 }

 legend {
     padding: 0
 }

 menu,
 ol,
 ul {
     list-style: none;
     margin: 0;
     padding: 0
 }

 textarea {
     resize: vertical
 }

 input::-moz-placeholder,
 textarea::-moz-placeholder {
     opacity: 1;
     color: #9ca3af
 }

 input:-ms-input-placeholder,
 textarea:-ms-input-placeholder {
     opacity: 1;
     color: #9ca3af
 }

 input::placeholder,
 textarea::placeholder {
     opacity: 1;
     color: #9ca3af
 }

 [role=button],
 button {
     cursor: pointer
 }

 :disabled {
     cursor: default
 }

 audio,
 canvas,
 embed,
 iframe,
 img,
 object,
 svg,
 video {
     display: block;
     vertical-align: middle
 }

 img,
 video {
     max-width: 100%;
     height: auto
 }

 [hidden] {
     display: none
 }

 body {
     font-family: 'SaansRegular', sans-serif;
     line-height: 1.25rem;
     --tw-text-opacity: 1;
     color: rgb(0 0 0 / var(--tw-text-opacity));
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'ConcretteM-Regular', serif;
     font-size: 1rem;
     line-height: 1.5rem;
     --tw-text-opacity: 1;
     color: rgb(0 0 0 / var(--tw-text-opacity))
 }

 h1 a,
 h2 a,
 h3 a,
 h4 a,
 h5 a,
 h6 a {
     --tw-text-opacity: 1;
     color: rgb(0 0 0 / var(--tw-text-opacity))
 }

 h1 {
     margin-top: .75rem;
     text-align: center;
     font-size: 1.875rem;
     line-height: 2.25rem
 }

 @media (min-width:769px) {
     h1 {
         font-size: 2.25rem;
         line-height: 2.5rem
     }
 }

 h1,
 h2 {
     font-size: 1.5rem;
     line-height: 2rem
 }

 h3 {
     font-size: 1.125rem;
     line-height: 1.75rem
 }

 h4 {
     font-size: 1rem;
     line-height: 1.5rem
 }

 h5 {
     font-size: .875rem;
     line-height: 1.25rem
 }

 p {
     margin-bottom: .75rem;
     font-family: 'SaansRegular', sans-serif;
     line-height: 1.5rem
 }

 a {
     --tw-text-opacity: 1;
     color: rgb(3 161 150 / var(--tw-text-opacity))
 }

 footer a,
 header a {
     --tw-text-opacity: 1;
     color: rgb(0 0 0 / var(--tw-text-opacity))
 }

 hr {
     margin-top: .75rem;
     margin-bottom: .75rem
 }

 table {
     border-collapse: collapse
 }

 *,
 ::after,
 ::before {
     --tw-translate-x: 0;
     --tw-translate-y: 0;
     --tw-rotate: 0;
     --tw-skew-x: 0;
     --tw-skew-y: 0;
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     --tw-pan-x: ;
     --tw-pan-y: ;
     --tw-pinch-zoom: ;
     --tw-scroll-snap-strictness: proximity;
     --tw-ordinal: ;
     --tw-slashed-zero: ;
     --tw-numeric-figure: ;
     --tw-numeric-spacing: ;
     --tw-numeric-fraction: ;
     --tw-ring-inset: ;
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: rgb(59 130 246 / 0.5);
     --tw-ring-offset-shadow: 0 0 #0000;
     --tw-ring-shadow: 0 0 #0000;
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
     --tw-blur: ;
     --tw-brightness: ;
     --tw-contrast: ;
     --tw-grayscale: ;
     --tw-hue-rotate: ;
     --tw-invert: ;
     --tw-saturate: ;
     --tw-sepia: ;
     --tw-drop-shadow: ;
     --tw-backdrop-blur: ;
     --tw-backdrop-brightness: ;
     --tw-backdrop-contrast: ;
     --tw-backdrop-grayscale: ;
     --tw-backdrop-hue-rotate: ;
     --tw-backdrop-invert: ;
     --tw-backdrop-opacity: ;
     --tw-backdrop-saturate: ;
     --tw-backdrop-sepia:
 }

 .container {
     width: 100%
 }

 @media (min-width:640px) {
     .container {
         max-width: 640px
     }
 }

 @media (min-width:769px) {
     .container {
         max-width: 769px
     }
 }

 @media (min-width:1024px) {
     .container {
         max-width: 1024px
     }
 }

 @media (min-width:1280px) {
     .container {
         max-width: 1280px
     }
 }

 @media (min-width:1536px) {
     .container {
         max-width: 1536px
     }
 }

 .icon {
     display: inline-block;
     height: 30px;
     width: auto;
     fill: currentColor;
     vertical-align: middle;
     background: none;
     pointer-events: none;
     overflow: visible;
 }

 .footer-icon:hover {
     opacity: .7;
     transition: .2s ease-in-out;
 }

 .button {
     margin: auto;
     display: flex;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     align-items: center;
     justify-content: center;
     border-radius: .375rem;
     border-width: 1px;
     --tw-border-opacity: 1;
     border-color: rgb(255 255 255 / var(--tw-border-opacity));
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     padding-top: 1rem;
     padding-bottom: 1rem;
     font-family: 'SaansRegular', sans-serif;
     font-size: .875rem;
     line-height: 1.25rem;
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity))
 }

 .button:focus {
     outline: 2px solid transparent;
     outline-offset: 2px
 }

 .button-cta {
     margin: auto;
     display: flex;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     align-items: center;
     justify-content: center;
     border-radius: .375rem;
     border-width: 1px;
     --tw-border-opacity: 1;
     border-color: rgb(3 161 150 / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: rgb(3 161 150 / var(--tw-bg-opacity));
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     padding-top: 1rem;
     padding-bottom: 1rem;
     font-family: 'SaansRegular', sans-serif;
     font-size: .875rem;
     line-height: 1.25rem;
     text-transform: uppercase;
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity))
 }

 .button-cta:focus {
     outline: 2px solid transparent;
     outline-offset: 2px
 }

 .button-cta-small {
     margin: auto;
     display: flex;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     align-items: center;
     border-radius: .375rem;
     border-width: 1px;
     --tw-border-opacity: 1;
     border-color: rgb(3 161 150 / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: rgb(3 161 150 / var(--tw-bg-opacity));
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     padding-top: .5rem;
     padding-bottom: .5rem;
     font-family: 'SaansRegular', sans-serif;
     font-size: .875rem;
     line-height: 1.25rem;
     text-transform: uppercase;
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity))
 }

 .button-cta-small:focus {
     outline: 2px solid transparent;
     outline-offset: 2px
 }

 .button-filled {
     margin: auto;
     display: flex;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     align-items: center;
     border-radius: .375rem;
     border-width: 1px;
     --tw-border-opacity: 1;
     border-color: rgb(255 255 255 / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity));
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     padding-top: 1rem;
     padding-bottom: 1rem;
     font-family: 'SaansRegular', sans-serif;
     font-size: .875rem;
     line-height: 1.25rem;
     text-transform: uppercase;
     --tw-text-opacity: 1;
     color: rgb(31 41 55 / var(--tw-text-opacity))
 }

 .button-filled:focus {
     outline: 2px solid transparent;
     outline-offset: 2px
 }

 .button-secondary {
     margin: auto;
     display: flex;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     align-items: center;
     border-radius: .375rem;
     border-width: 1px;
     --tw-border-opacity: 1;
     border-color: rgb(75 85 99 / var(--tw-border-opacity));
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     padding-top: .5rem;
     padding-bottom: .5rem;
     font-family: 'SaansRegular', sans-serif;
     font-size: .875rem;
     line-height: 1.25rem;
     text-transform: uppercase;
     --tw-text-opacity: 1;
     color: rgb(75 85 99 / var(--tw-text-opacity));
     transition-property: all;
     transition-duration: 150ms;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }

 .button-secondary:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(75 85 99 / var(--tw-bg-opacity));
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity))
 }

 .button-secondary:focus {
     outline: 2px solid transparent;
     outline-offset: 2px
 }

 .body-text {
     font-family: 'Nunito Sans';
     font-size: 1rem;
     line-height: 1.5rem
 }

 .swatch-element {
     display: flex;
     align-items: center;
     justify-content: center;
     margin: .5rem;
     height: 1.25rem;
     min-height: 55px;
     width: auto;
     min-width: 55px;
     cursor: pointer;
     border-radius: .375rem;
     border-width: 1px;
     --tw-border-opacity: 1;
     border-color: rgb(156 163 175 / var(--tw-border-opacity));
     padding: .25rem
 }

 @media (min-width:1024px) {
     .swatch-element {
         margin: .25rem
     }
 }

 .add_to_cart {
     display: flex;
     max-width: 32rem;
     align-items: center;
     justify-content: center;
     border-radius: .375rem;
     border-width: 1px;
     --tw-border-opacity: 1;
     border-color: rgb(3 161 150 / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: rgb(3 161 150 / var(--tw-bg-opacity));
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     padding-top: 1rem;
     padding-bottom: 1rem;
     font-family: 'SaansRegular', sans-serif;
     font-size: 1rem;
     line-height: 1.5rem;
     text-transform: uppercase;
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity))
 }

 .add_to_cart:focus {
     outline: 2px solid transparent;
     outline-offset: 2px
 }

 @media (max-width:1024px) {
     .add_to_cart {
         margin: auto
     }
 }

 .swatch-active {
     --tw-border-opacity: 1;
     border-color: rgb(255 255 255 / var(--tw-border-opacity));
     --tw-bg-opacity: 1;
     background-color: rgb(3 161 150 / var(--tw-bg-opacity));
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity))
 }

 .swatch-active-color {
     border-width: 2px;
     --tw-border-opacity: 1;
     border-color: rgb(3 161 150 / var(--tw-border-opacity))
 }

 .pointer-events-none {
     pointer-events: none
 }

 .invisible {
     visibility: hidden
 }

 .static {
     position: static
 }

 .fixed {
     position: fixed
 }

 .absolute {
     position: absolute
 }

 .relative {
     position: relative
 }

 .sticky {
     position: -webkit-sticky;
     position: sticky
 }

 .inset-0 {
     top: 0;
     right: 0;
     bottom: 0;
     left: 0
 }

 .top-0 {
     top: 0
 }

 .left-0 {
     left: 0
 }

 .top-announcementBar_and_header {
     top: 92px
 }

 .top-14 {
     top: 3.5rem
 }

 .bottom-0 {
     bottom: 0
 }

 .right-0 {
     right: 0
 }

 .top-mobile_header {
     top: 55px
 }

 .top-36 {
     top: 9rem
 }

 .top-1\/2 {
     top: 50%
 }

 .bottom-14 {
     bottom: 3.5rem
 }

 .z-199 {
     z-index: 199
 }

 .z-10 {
     z-index: 10
 }

 .z-200 {
     z-index: 200
 }

 .z-20 {
     z-index: 20
 }

 .col-span-2 {
     grid-column: span 2/span 2
 }

 .float-right {
     float: right
 }

 .float-left {
     float: left
 }

 .m-3 {
     margin: .75rem
 }

 .m-auto {
     margin: auto
 }

 .m-0 {
     margin: 0
 }

 .m-12 {
     margin: 3rem
 }

 .m-8 {
     margin: 2rem
 }

 .m-2 {
     margin: .5rem
 }

 .m-0\.5 {
     margin: .125rem
 }

 .m-1\.5 {
     margin: .375rem
 }

 .m-1 {
     margin: .25rem
 }

 .m-4 {
     margin: 1rem
 }

 .m-2\.5 {
     margin: .625rem
 }

 .my-4 {
     margin-top: 1rem;
     margin-bottom: 1rem
 }

 .my-2 {
     margin-top: .5rem;
     margin-bottom: .5rem
 }

 .mx-3 {
     margin-left: .75rem;
     margin-right: .75rem
 }

 .mx-auto {
     margin-left: auto;
     margin-right: auto
 }

 .my-6 {
     margin-top: 1.5rem;
     margin-bottom: 1.5rem
 }

 .mx-2 {
     margin-left: .5rem;
     margin-right: .5rem
 }

 .my-3 {
     margin-top: .75rem;
     margin-bottom: .75rem
 }

 .mx-1 {
     margin-left: .25rem;
     margin-right: .25rem
 }

 .my-8 {
     margin-top: 2rem;
     margin-bottom: 2rem
 }

 .my-1 {
     margin-top: .25rem;
     margin-bottom: .25rem
 }

 .mx-12 {
     margin-left: 3rem;
     margin-right: 3rem
 }

 .mx-8 {
     margin-left: 2rem;
     margin-right: 2rem
 }

 .mx-4 {
     margin-left: 1rem;
     margin-right: 1rem
 }

 .my-10 {
     margin-top: 2.5rem;
     margin-bottom: 2.5rem
 }

 .my-12 {
     margin-top: 3rem;
     margin-bottom: 3rem
 }

 .my-5 {
     margin-top: 1.25rem;
     margin-bottom: 1.25rem
 }

 .my-0 {
     margin-top: 0;
     margin-bottom: 0
 }

 .mx-0 {
     margin-left: 0;
     margin-right: 0
 }

 .mt-auto {
     margin-top: auto
 }

 .mr-2 {
     margin-right: .5rem
 }

 .ml-0 {
     margin-left: 0
 }

 .ml-6 {
     margin-left: 1.5rem
 }

 .mb-2 {
     margin-bottom: .5rem
 }

 .mr-3 {
     margin-right: .75rem
 }

 .mt-6 {
     margin-top: 1.5rem
 }

 .mt-2 {
     margin-top: .5rem
 }

 .mt-0 {
     margin-top: 0
 }

 .mt-3 {
     margin-top: .75rem
 }

 .mb-1 {
     margin-bottom: .25rem
 }

 .mb-8 {
     margin-bottom: 2rem
 }

 .mr-auto {
     margin-right: auto
 }

 .ml-auto {
     margin-left: auto
 }

 .mb-6 {
     margin-bottom: 1.5rem
 }

 .ml-3 {
     margin-left: .75rem
 }

 .mb-0 {
     margin-bottom: 0
 }

 .mt-4 {
     margin-top: 1rem
 }

 .mb-3 {
     margin-bottom: .75rem
 }

 .mt-5 {
     margin-top: 1.25rem
 }

 .mt-1 {
     margin-top: .25rem
 }

 .mt-8 {
     margin-top: 2rem
 }

 .ml-4 {
     margin-left: 1rem
 }

 .mb-4 {
     margin-bottom: 1rem
 }

 .mb-5 {
     margin-bottom: 1.25rem
 }

 .ml-2 {
     margin-left: .5rem
 }

 .block {
     display: block
 }

 .inline-block {
     display: inline-block
 }

 .inline {
     display: inline
 }

 .flex {
     display: flex
 }

 .inline-flex {
     display: inline-flex
 }

 .table {
     display: table
 }

 .grid {
     display: grid
 }

 .contents {
     display: contents
 }

 .hidden {
     display: none
 }

 .h-full {
     height: 100%
 }

 .h-12 {
     height: 3rem
 }

 .h-fifty_vh {
     height: 50vh
 }

 .h-10 {
     height: 2.5rem
 }

 .h-4 {
     height: 1rem
 }

 .h-5 {
     height: 1.25rem
 }

 .h-64 {
     height: 16rem
 }

 .h-14 {
     height: 3.5rem
 }

 .h-0 {
     height: 0
 }

 .h-6 {
     height: 1.5rem
 }

 .h-8 {
     height: 2rem
 }

 .h-3 {
     height: .75rem
 }

 .h-20 {
     height: 5rem
 }

 .h-auto {
     height: auto
 }

 .h-0\.5 {
     height: .125rem
 }

 .max-h-screen {
     max-height: 100vh
 }

 .max-h-rec_swatch_height {
     max-height: 30px
 }

 .max-h-mobile_nav {
     max-height: calc(100vh - 92px)
 }

 .max-h-mini_cart_modal {
     max-height: calc(100vh - 92px)
 }

 .w-screen {
     width: 100vw
 }

 .w-full {
     width: 100%
 }

 .w-2\/3 {
     width: 66.666667%
 }

 .w-min {
     width: -webkit-min-content;
     width: -moz-min-content;
     width: min-content
 }

 .w-4\/5 {
     width: 80%
 }

 .w-fit {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content
 }

 .w-2\/5 {
     width: 40%
 }

 .w-36 {
     width: 9rem
 }

 .w-32 {
     width: 8rem
 }

 .w-10 {
     width: 2.5rem
 }

 .w-4 {
     width: 1rem
 }

 .w-1\/6 {
     width: 16.666667%
 }

 .w-5 {
     width: 1.25rem
 }

 .w-1\/2 {
     width: 50%
 }

 .w-24 {
     width: 6rem
 }

 .w-8 {
     width: 2rem
 }

 .w-auto {
     width: auto
 }

 .w-max {
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content
 }

 .w-6 {
     width: 1.5rem
 }

 .w-20 {
     width: 5rem
 }

 .w-1\/3 {
     width: 33.333333%
 }

 .w-0 {
     width: 0
 }

 .max-w-sm {
     max-width: 24rem
 }

 .max-w-lg {
     max-width: 32rem
 }

 .max-w-rec_swatch_width {
     max-width: 30px
 }

 .max-w-min {
     max-width: -webkit-min-content;
     max-width: -moz-min-content;
     max-width: min-content
 }

 .table-fixed {
     table-layout: fixed
 }

 .border-collapse {
     border-collapse: collapse
 }

 .-translate-y-1\/2 {
     --tw-translate-y: -50%;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .translate-y-4 {
     --tw-translate-y: 1rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .translate-y-5 {
     --tw-translate-y: 1.25rem;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .-rotate-45 {
     --tw-rotate: -45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .rotate-45 {
     --tw-rotate: 45deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .rotate-90 {
     --tw-rotate: 90deg;
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 .transform {
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }

 @-webkit-keyframes pulse {
     50% {
         opacity: .5
     }
 }

 @keyframes pulse {
     50% {
         opacity: .5
     }
 }

 .animate-pulse {
     -webkit-animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
     animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
 }

 .cursor-pointer {
     cursor: pointer
 }

 .cursor-not-allowed {
     cursor: not-allowed
 }

 .list-outside {
     list-style-position: outside
 }

 .list-disc {
     list-style-type: disc
 }

 .list-none {
     list-style-type: none
 }

 .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr))
 }

 .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr))
 }

 .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr))
 }

 .grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr))
 }

 .flex-row {
     flex-direction: row
 }

 .flex-col {
     flex-direction: column
 }

 .flex-col-reverse {
     flex-direction: column-reverse
 }

 .flex-wrap {
     flex-wrap: wrap
 }

 .place-items-start {
     place-items: start
 }

 .items-start {
     align-items: flex-start
 }

 .items-end {
     align-items: flex-end
 }

 .items-center {
     align-items: center
 }

 .justify-start {
     justify-content: flex-start
 }

 .justify-end {
     justify-content: flex-end
 }

 .justify-center {
     justify-content: center
 }

 .justify-between {
     justify-content: space-between
 }

 .gap-6 {
     gap: 1.5rem
 }

 .gap-2 {
     gap: .5rem
 }

 .gap-1 {
     gap: .25rem
 }

 .overflow-hidden {
     overflow: hidden
 }

 .overflow-y-auto {
     overflow-y: auto
 }

 .overflow-x-hidden {
     overflow-x: hidden
 }

 .overflow-y-scroll {
     overflow-y: scroll
 }

 .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .rounded-md {
     border-radius: .375rem
 }

 .rounded-none {
     border-radius: 0
 }

 .rounded {
     border-radius: .25rem
 }

 .rounded-full {
     border-radius: 9999px
 }

 .rounded-lg {
     border-radius: .5rem
 }

 .rounded-sm {
     border-radius: .125rem
 }

 .rounded-l {
     border-top-left-radius: .25rem;
     border-bottom-left-radius: .25rem
 }

 .rounded-r {
     border-top-right-radius: .25rem;
     border-bottom-right-radius: .25rem
 }

 .border {
     border-width: 1px
 }

 .border-2 {
     border-width: 2px
 }

 .border-b {
     border-bottom-width: 1px
 }

 .border-t {
     border-top-width: 1px
 }

 .border-r {
     border-right-width: 1px
 }

 .border-b-2 {
     border-bottom-width: 2px
 }

 .border-r-0 {
     border-right-width: 0
 }

 .border-l {
     border-left-width: 1px
 }

 .border-none {
     border-style: none
 }

 .border-gray-300 {
     --tw-border-opacity: 1;
     border-color: rgb(209 213 219 / var(--tw-border-opacity))
 }

 .border-black {
     --tw-border-opacity: 1;
     border-color: rgb(0 0 0 / var(--tw-border-opacity))
 }

 .border-cta {
     --tw-border-opacity: 1;
     border-color: rgb(3 161 150 / var(--tw-border-opacity))
 }

 .border-gray-400 {
     --tw-border-opacity: 1;
     border-color: rgb(156 163 175 / var(--tw-border-opacity))
 }

 .border-blue-200 {
     --tw-border-opacity: 1;
     border-color: rgb(191 219 254 / var(--tw-border-opacity))
 }

 .border-gray-200 {
     --tw-border-opacity: 1;
     border-color: rgb(229 231 235 / var(--tw-border-opacity))
 }

 .border-blue-500 {
     --tw-border-opacity: 1;
     border-color: rgb(59 130 246 / var(--tw-border-opacity))
 }

 .border-white {
     --tw-border-opacity: 1;
     border-color: rgb(255 255 255 / var(--tw-border-opacity))
 }

 .border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgb(243 244 246 / var(--tw-border-opacity))
 }

 .border-border_gray {
     --tw-border-opacity: 1;
     border-color: rgb(125 125 125 / var(--tw-border-opacity))
 }

 .bg-black {
     --tw-bg-opacity: 1;
     background-color: rgb(0 0 0 / var(--tw-bg-opacity))
 }

 .bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgb(243 244 246 / var(--tw-bg-opacity))
 }

 .bg-white {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity))
 }

 .bg-yellow-100 {
     --tw-bg-opacity: 1;
     background-color: rgb(254 249 195 / var(--tw-bg-opacity))
 }

 .bg-blue-600 {
     --tw-bg-opacity: 1;
     background-color: rgb(37 99 235 / var(--tw-bg-opacity))
 }

 .bg-teal-600 {
     --tw-bg-opacity: 1;
     background-color: rgb(13 148 136 / var(--tw-bg-opacity))
 }

 .bg-pink-600 {
     --tw-bg-opacity: 1;
     background-color: rgb(219 39 119 / var(--tw-bg-opacity))
 }

 .bg-new {
     --tw-bg-opacity: 1;
     background-color: rgb(95 180 88 / var(--tw-bg-opacity))
 }

 .bg-gray-200 {
     --tw-bg-opacity: 1;
     background-color: rgb(229 231 235 / var(--tw-bg-opacity))
 }

 .bg-blue-400 {
     --tw-bg-opacity: 1;
     background-color: rgb(96 165 250 / var(--tw-bg-opacity))
 }

 .bg-red-500 {
     --tw-bg-opacity: 1;
     background-color: rgb(239 68 68 / var(--tw-bg-opacity))
 }

 .bg-blue-500 {
     --tw-bg-opacity: 1;
     background-color: rgb(59 130 246 / var(--tw-bg-opacity))
 }

 .bg-transparent {
     background-color: transparent
 }

 .bg-light_gray {
     --tw-bg-opacity: 1;
     background-color: rgb(225 225 225 / var(--tw-bg-opacity))
 }

 .bg-gray-300 {
     --tw-bg-opacity: 1;
     background-color: rgb(209 213 219 / var(--tw-bg-opacity))
 }

 .bg-gray-400 {
     --tw-bg-opacity: 1;
     background-color: rgb(156 163 175 / var(--tw-bg-opacity))
 }

 .bg-opacity-75 {
     --tw-bg-opacity: 0.75
 }

 .fill-current {
     fill: currentColor
 }

 .object-cover {
     -o-object-fit: cover;
     object-fit: cover
 }

 .object-center {
     -o-object-position: center;
     object-position: center
 }

 .object-top {
     -o-object-position: top;
     object-position: top
 }

 .object-bottom {
     -o-object-position: bottom;
     object-position: bottom
 }

 .object-left {
     -o-object-position: left;
     object-position: left
 }

 .object-right {
     -o-object-position: right;
     object-position: right
 }

 .p-3 {
     padding: .75rem
 }

 .p-4 {
     padding: 1rem
 }

 .p-2 {
     padding: .5rem
 }

 .p-8 {
     padding: 2rem
 }

 .p-1 {
     padding: .25rem
 }

 .p-0\.5 {
     padding: .125rem
 }

 .p-0 {
     padding: 0
 }

 .p-6 {
     padding: 1.5rem
 }

 .p-10 {
     padding: 2.5rem
 }

 .py-6 {
     padding-top: 1.5rem;
     padding-bottom: 1.5rem
 }

 .py-2 {
     padding-top: .5rem;
     padding-bottom: .5rem
 }

 .px-2 {
     padding-left: .5rem;
     padding-right: .5rem
 }

 .py-3 {
     padding-top: .75rem;
     padding-bottom: .75rem
 }

 .px-5 {
     padding-left: 1.25rem;
     padding-right: 1.25rem
 }

 .py-1 {
     padding-top: .25rem;
     padding-bottom: .25rem
 }

 .py-4 {
     padding-top: 1rem;
     padding-bottom: 1rem
 }

 .px-1 {
     padding-left: .25rem;
     padding-right: .25rem
 }

 .px-4 {
     padding-left: 1rem;
     padding-right: 1rem
 }

 .px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem
 }

 .px-8 {
     padding-left: 2rem;
     padding-right: 2rem
 }

 .px-3 {
     padding-left: .75rem;
     padding-right: .75rem
 }

 .pt-2 {
     padding-top: .5rem
 }

 .pr-9 {
     padding-right: 2.25rem
 }

 .pb-2 {
     padding-bottom: .5rem
 }

 .pb-1 {
     padding-bottom: .25rem
 }

 .pt-6 {
     padding-top: 1.5rem
 }

 .pt-3 {
     padding-top: .75rem
 }

 .pr-3 {
     padding-right: .75rem
 }

 .pb-4 {
     padding-bottom: 1rem
 }

 .pr-4 {
     padding-right: 1rem
 }

 .pt-1 {
     padding-top: .25rem
 }

 .pb-3 {
     padding-bottom: .75rem
 }

 .pr-2 {
     padding-right: .5rem
 }

 .pr-6 {
     padding-right: 1.5rem
 }

 .pr-1 {
     padding-right: .25rem
 }

 .pl-0 {
     padding-left: 0
 }

 .pb-8 {
     padding-bottom: 2rem
 }

 .pl-3 {
     padding-left: .75rem
 }

 .pb-7 {
     padding-bottom: 1.75rem
 }

 .pt-5 {
     padding-top: 1.25rem
 }

 .pl-2 {
     padding-left: .5rem
 }

 .pl-1 {
     padding-left: .25rem
 }

 .pl-5 {
     padding-left: 1.25rem
 }

 .pl-4 {
     padding-left: 1rem
 }

 .text-left {
     text-align: left
 }

 .text-center {
     text-align: center
 }

 .text-right {
     text-align: right
 }

 .font-header {
    font-family: 'ConcretteM-Regular', serif;
     
 }

 .font-body_alt {
    font-family: 'ConcretteM-Regular', serif;
 }

 .text-xl {
     font-size: 1.25rem;
     line-height: 1.75rem
 }

 .text-sm {
     font-size: .875rem;
     line-height: 1.25rem
 }

 .text-xs {
     font-size: .75rem;
     line-height: 1rem
 }

 .text-5xl {
     font-size: 3rem;
     line-height: 1
 }

 .text-lg {
     font-size: 1.125rem;
     line-height: 1.75rem
 }

 .text-2xl {
     font-size: 1.5rem;
     line-height: 2rem
 }

 .text-3xl {
     font-size: 1.875rem;
     line-height: 2.25rem
 }

 .text-base {
     font-size: 1rem;
     line-height: 1.5rem
 }

 .text-4xl {
     font-size: 2.25rem;
     line-height: 2.5rem
 }

 .text-6xl {
     font-size: 3.75rem;
     line-height: 1
 }

 .text-8xl {
     font-size: 6rem;
     line-height: 1
 }

 .text-xxs {
     font-size: 10px
 }

 .lowercase {
     text-transform: lowercase
 }

 .capitalize {
     text-transform: capitalize
 }

 .italic {
     font-style: italic
 }

 .leading-6 {
     line-height: 1.5rem
 }

 .leading-7 {
     line-height: 1.75rem
 }

 .leading-tight {
     line-height: 1.25
 }

 .leading-3 {
     line-height: .75rem
 }

 .leading-none {
     line-height: 1
 }

 .text-black {
     --tw-text-opacity: 1;
     color: rgb(0 0 0 / var(--tw-text-opacity))
 }

 .text-cta {
     --tw-text-opacity: 1;
     color: rgb(3 161 150 / var(--tw-text-opacity))
 }

 .text-gray-700 {
     --tw-text-opacity: 1;
     color: rgb(55 65 81 / var(--tw-text-opacity))
 }

 .text-gray-500 {
     --tw-text-opacity: 1;
     color: rgb(107 114 128 / var(--tw-text-opacity))
 }

 .text-gray-400 {
     --tw-text-opacity: 1;
     color: rgb(156 163 175 / var(--tw-text-opacity))
 }

 .text-white {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity))
 }

 .text-red-600 {
     --tw-text-opacity: 1;
     color: rgb(220 38 38 / var(--tw-text-opacity))
 }

 .text-gray-600 {
     --tw-text-opacity: 1;
     color: rgb(75 85 99 / var(--tw-text-opacity))
 }

 .text-blue-700 {
     --tw-text-opacity: 1;
     color: rgb(29 78 216 / var(--tw-text-opacity))
 }

 .text-red-500 {
     --tw-text-opacity: 1;
     color: rgb(239 68 68 / var(--tw-text-opacity))
 }

 .text-blue-500 {
     --tw-text-opacity: 1;
     color: rgb(59 130 246 / var(--tw-text-opacity))
 }

 .text-gray-900 {
     --tw-text-opacity: 1;
     color: rgb(17 24 39 / var(--tw-text-opacity))
 }

 .text-amber-600 {
     --tw-text-opacity: 1;
     color: rgb(217 119 6 / var(--tw-text-opacity))
 }

 .line-through {
     -webkit-text-decoration-line: line-through;
     text-decoration-line: line-through
 }

 .opacity-30 {
     opacity: .3
 }

 .opacity-0 {
     opacity: 0
 }

 .opacity-50 {
     opacity: .5
 }

 .opacity-60 {
     opacity: .6
 }

 .opacity-100 {
     opacity: 1
 }

 .opacity-70 {
     opacity: .7
 }

 .shadow-md {
     --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }

 .shadow-lg {
     --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
     --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }

 .shadow-sm {
     --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
     --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }

 .outline {
     outline-style: solid
 }

 .blur {
     --tw-blur: blur(8px);
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }

 .grayscale {
     --tw-grayscale: grayscale(100%);
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }

 .filter {
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }

 .transition-all {
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }

 .transition {
     transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }

 .transition-opacity {
     transition-property: opacity;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }

 .transition-transform {
     transition-property: transform;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }

 .transition-height {
     transition-property: height;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms
 }

 .duration-200 {
     transition-duration: .2s
 }

 .duration-300 {
     transition-duration: .3s
 }

 .duration-100 {
     transition-duration: .1s
 }

 .duration-500 {
     transition-duration: .5s
 }

 .ease-in-out {
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
 }

 .ease-linear {
     transition-timing-function: linear
 }

 .ease-in {
     transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
 }

 input[type=color],
 input[type=date],
 input[type=email],
 input[type=month],
 input[type=password],
 input[type=range],
 input[type=search],
 input[type=tel],
 input[type=text],
 input[type=time],
 input[type=url],
 input[type=week],
 select,
 textarea {
     display: block;
     width: 100%;
     line-height: 22px;
     outline: 0;
     background: #fff;
     color: #000;
     -webkit-appearance: none;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     border-radius: 6px
 }

 select {
     background: #fff url(//cdn.shopify.com/s/files/1/2257/4387/t/9/assets/select.png?v=4799844845099085914) no-repeat 96% 50%;
     background-size: 18px 12px;
     padding: 8px 14px;
     border-radius: 6px;
     border: 1px solid #000;
     -webkit-appearance: none;
     -o-appearance: none;
     appearance: none;
     -moz-appearance: none;
     text-indent: .01px;
     text-overflow: ""
 }

 .h-screen {
     height: 100vh
 }

 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes fadeIn {
     0% {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 .fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn
 }

 @-webkit-keyframes fadeInDown {
     0% {
         opacity: 0;
         transform: translate3d(0, -20px, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 @keyframes fadeInDown {
     0% {
         opacity: 0;
         transform: translate3d(0, -20px, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInDown {
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown
 }

 @-webkit-keyframes fadeInLeft {
     0% {
         opacity: 0;
         transform: translate3d(-20px, 0, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 @keyframes fadeInLeft {
     0% {
         opacity: 0;
         transform: translate3d(-20px, 0, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInLeft {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft
 }

 @-webkit-keyframes fadeInRight {
     0% {
         opacity: 0;
         transform: translate3d(20px, 0, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 @keyframes fadeInRight {
     0% {
         opacity: 0;
         transform: translate3d(20px, 0, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInRight {
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight
 }

 @-webkit-keyframes fadeInUp {
     0% {
         opacity: 0;
         transform: translate3d(0, 20px, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 @keyframes fadeInUp {
     0% {
         opacity: 0;
         transform: translate3d(0, 20px, 0)
     }

     to {
         opacity: 1;
         transform: none
     }
 }

 .fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp
 }

 @-webkit-keyframes fadeOut {
     0% {
         opacity: 1
     }

     to {
         opacity: 0
     }
 }

 @keyframes fadeOut {
     0% {
         opacity: 1
     }

     to {
         opacity: 0
     }
 }

 .fadeOut {
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut
 }

 @-webkit-keyframes fadeOutUp {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         transform: translate3d(0, -100%, 0)
     }
 }

 @keyframes fadeOutUp {
     0% {
         opacity: 1
     }

     to {
         opacity: 0;
         transform: translate3d(0, -100%, 0)
     }
 }

 .fadeOutUp {
     -webkit-animation-name: fadeOutUp;
     animation-name: fadeOutUp
 }

 @-webkit-keyframes zoomOut {
     0% {
         opacity: 1
     }

     50% {
         opacity: 0;
         transform: scale3d(.3, .3, .3)
     }

     to {
         opacity: 0
     }
 }

 @keyframes zoomOut {
     0% {
         opacity: 1
     }

     50% {
         opacity: 0;
         transform: scale3d(.3, .3, .3)
     }

     to {
         opacity: 0
     }
 }

 .zoomOut {
     -webkit-animation-name: zoomOut;
     animation-name: zoomOut
 }

 .animated {
     -webkit-animation-duration: .75s;
     animation-duration: .75s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both
 }

 .slideUp {
     -webkit-animation-name: slideUp;
     animation-name: slideUp
 }

 .animated {
     -webkit-animation-duration: .5s;
     animation-duration: .5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both
 }

 .inverted-template {
     background-color: #111;
     color: #fff
 }

 .inverted-template h1,
 .inverted-template h2 {
     color: #fff !important
 }

 .product-description-wrapper blockquote p {
     font-size: 16px;
     line-height: 1.75rem
 }

 .regular-text p {
     font-size: 16px;
     margin-bottom: 15px
 }

 .caption .subtitle {
     color: #fff;
     font-family: 'SaansRegular', sans-serif;
     font-display: fallback;
     text-transform: uppercase;
     font-style: uppercase;
     font-size: 16px;
     letter-spacing: 0;
     margin-bottom: 15px;
     position: relative;
     text-shadow: 1px 1px 3px rgb(0 0 0 / 30%)
 }

 a.highlight-true,
 input[type=button].highlight-true {
     background-color: #fff;
     border-color: #fff;
     color: #333
 }

 a.continue-button,
 a.highlight-false,
 a.highlight-true,
 input[type=button].highlight-false,
 input[type=button].highlight-true {
     background-color: rgba(255, 255, 255, 0);
     color: #fff;
     border: 1px solid #fff;
     transition: background-color .2s linear, color .2s linear;
     margin: 25px 0
 }

 .product-lifestyle-images figure img {
     width: 100%
 }

 img:not([src]) {
     visibility: hidden
 }

 .transition--fade-in.lazyloaded {
     opacity: 1;
     visibility: visible
 }

 #shopify-section-header {
     position: -webkit-sticky;
     position: sticky;
     top: 0;
     z-index: 300
 }

 .label-text {
     display: block;
     font-size: 13px;
     text-align: left;
     margin-bottom: 5px;
     text-transform: uppercase
 }

 .loading-spinner {
     padding-bottom: 25px
 }

 .sk-chase {
     width: 40px;
     height: 40px;
     position: relative;
     margin: 25px auto;
     -webkit-animation: sk-chase 2.5s infinite linear both;
     animation: sk-chase 2.5s infinite linear both
 }

 .sk-chase-dot {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     -webkit-animation: sk-chase-dot 2s infinite ease-in-out both;
     animation: sk-chase-dot 2s infinite ease-in-out both
 }

 .sk-chase-dot:before {
     content: '';
     display: block;
     width: 25%;
     height: 25%;
     background-color: #9ca3af;
     border-radius: 100%;
     -webkit-animation: sk-chase-dot-before 2s infinite ease-in-out both;
     animation: sk-chase-dot-before 2s infinite ease-in-out both
 }

 .sk-chase-dot:nth-child(1) {
     -webkit-animation-delay: -1.1s;
     animation-delay: -1.1s
 }

 .sk-chase-dot:nth-child(2) {
     -webkit-animation-delay: -1s;
     animation-delay: -1s
 }

 .sk-chase-dot:nth-child(3) {
     -webkit-animation-delay: -.9s;
     animation-delay: -.9s
 }

 .sk-chase-dot:nth-child(4) {
     -webkit-animation-delay: -.8s;
     animation-delay: -.8s
 }

 .sk-chase-dot:nth-child(5) {
     -webkit-animation-delay: -.7s;
     animation-delay: -.7s
 }

 .sk-chase-dot:nth-child(6) {
     -webkit-animation-delay: -.6s;
     animation-delay: -.6s
 }

 .sk-chase-dot:nth-child(1):before {
     -webkit-animation-delay: -1.1s;
     animation-delay: -1.1s
 }

 .sk-chase-dot:nth-child(2):before {
     -webkit-animation-delay: -1s;
     animation-delay: -1s
 }

 .sk-chase-dot:nth-child(3):before {
     -webkit-animation-delay: -.9s;
     animation-delay: -.9s
 }

 .sk-chase-dot:nth-child(4):before {
     -webkit-animation-delay: -.8s;
     animation-delay: -.8s
 }

 .sk-chase-dot:nth-child(5):before {
     -webkit-animation-delay: -.7s;
     animation-delay: -.7s
 }

 .sk-chase-dot:nth-child(6):before {
     -webkit-animation-delay: -.6s;
     animation-delay: -.6s
 }

 @-webkit-keyframes sk-chase {
     100% {
         transform: rotate(360deg)
     }
 }

 @keyframes sk-chase {
     100% {
         transform: rotate(360deg)
     }
 }

 @-webkit-keyframes sk-chase-dot {

     100%,
     80% {
         transform: rotate(360deg)
     }
 }

 @keyframes sk-chase-dot {

     100%,
     80% {
         transform: rotate(360deg)
     }
 }

 @-webkit-keyframes sk-chase-dot-before {
     50% {
         transform: scale(.4)
     }

     0%,
     100% {
         transform: scale(1)
     }
 }

 @keyframes sk-chase-dot-before {
     50% {
         transform: scale(.4)
     }

     0%,
     100% {
         transform: scale(1)
     }
 }

 #shopify-section-product #product-size-chart .row .ten h2 {
     display: none
 }

 #product-size-chart h1 {
     text-align: center;
     margin-top: 20px
 }

 @media only screen and (max-width:1024px) {
     #product-size-chart div.guide table {
         overflow-x: auto;
         width: 1024px
     }
 }

 #product-size-chart div.guide table td {
     padding: 4px 10px !important
 }

 #product-size-chart div.guide table tr,
 #product-size-chart div.guide table tr:first-child {
     border: none
 }

 #product-size-chart .guide-scroll {
     visibility: hidden;
     text-align: center;
     color: #900
 }

 @media only screen and (max-width:1024px) {
     #product-size-chart .guide-scroll {
         visibility: visible
     }
 }

 #product-size-chart .weight-table {
     display: flex;
     flex-direction: column
 }

 #product-size-chart .weight-table table,
 #product-size-chart .weight-table tbody,
 #product-size-chart .weight-table td,
 #product-size-chart .weight-table tfoot,
 #product-size-chart .weight-table th,
 #product-size-chart .weight-table thead,
 #product-size-chart .weight-table tr {
     font-family: 'SaansRegular', sans-serif;
     font-display: swap;
     font-size: 12px
 }

 #product-size-chart .weight-table table {
     width: 100%
 }

 #product-size-chart .weight-table .header_row {
     
     text-align: center
 }

 #product-size-chart .weight-table .dotted_border {
     border-right: solid 1px #ccc;
     height: 20px
 }

 #product-size-chart .weight-table .size {
     text-align: right;
     padding-right: 10px
 }

 #product-size-chart .weight-table .height {
     text-align: center;
     background-color: #9ae3e2
 }

 #product-size-chart .weight-table .optimal {
     background-color: #03c6c3
 }

 #product-size-chart .weight-table .grey {
     background-color: #efefef
 }

 #product-size-chart .row {
     display: flex
 }

 @media screen and (max-width:768px) {
     #product-size-chart .row {
         flex-direction: column;
         margin: 0
     }
 }

 #product-size-chart .row .eight {
     width: 100%
 }

 #product-size-chart .row .eight img {
     margin: 16px auto;
     max-height: 500px
 }

 #product-size-chart .row .eight h3 {
     margin: 16px
 }

 #product-size-chart .row:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0
 }

 #product-size-chart .regular_text {
     font-size: 13px;
     line-height: 1.7;
     padding: 0 16px 16px 16px
 }

 #product-size-chart .regular_text p {
     font-size: 13px;
     line-height: 1.7
 }

 #product-size-chart .regular_text p a {
     color: #03a196;
     text-decoration: none;
     position: relative;
     transition: color .1s linear
 }

 #product-size-chart .center {
     text-align: center
 }

 #product-size-chart .guide-scroll {
     text-align: center;
     color: #900
 }

 #product-size-chart .weight-table .guide-scroll {
     visibility: hidden
 }

 @media only screen and (max-width:798px) {
     #product-size-chart .weight-table .guide-scroll {
         visibility: visible
     }
 }

 #product-size-chart .regular_text ul {
     list-style: disc outside !important;
     margin-bottom: 20px;
     padding-left: 20px
 }

 #product-size-chart .eight .tabs,
 #product-size-chart .sixteen .tabs {
     border-bottom: none;
     margin: 0;
     zoom: 1;
     display: block;
     border-top: 0;
     list-style: none outside;
     text-transform: uppercase;
     padding-left: 0
 }

 #product-size-chart .eight ul.tabs:before,
 #product-size-chart .sixteen ul.tabs:before,
 #product-size-chart ul.tabs:after {
     content: '\0020';
     display: block;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0
 }

 #product-size-chart .eight ul.tabs li,
 #product-size-chart .sixteen ul.tabs li {
     display: block;
     width: auto;
     text-align: center;
     height: 40px;
     min-width: 25%;
     padding: 0;
     float: left;
     margin-bottom: 0;
     border: 0;
     list-style: none outside;
     margin-left: 0;
     cursor: pointer
 }

 #product-size-chart .eight ul.tabs li a,
 #product-size-chart .sixteen ul.tabs li a {
     display: block;
     text-decoration: none;
     width: auto;
     line-height: 30px;
     outline: 0;
     padding: 10px 30px
 }

 #product-size-chart ul.tabs li a.active {
     border-bottom: none;
     height: 40px;
     width: 100%;
     border-radius: 3px 3px 0 0;
     background: #efefef;
     position: relative;
     border-right-width: 1px;
     color: #333
 }

 #product-size-chart ul.tabs-content li {
     display: none
 }

 #product-size-chart ul.tabs-content li.active {
     display: block
 }

 #product-size-chart ul.tabs-content li.active table {
     padding: 20px;
     background: #efefef;
     min-height: 180px;
     width: 100%
 }

 #product-size-chart table {
     display: table;
     border-collapse: 0;
     box-sizing: border-box;
     text-indent: initial;
     border-spacing: 0px;
     border-color: grey;
     font-size: 14px;
     font-family: sans-serif
 }

 #product-size-chart table tr:first-child {
     border-top: 1px solid #dcdcdc
 }

 #product-size-chart table tr {
     border-bottom: 1px solid #dcdcdc
 }

 #product-size-chart table td:first-child,
 #product-size-chart table th:first-child {
     border-left: 1px solid #dcdcdc
 }

 #product-size-chart .eight table td,
 #product-size-chart .eight table th {
     padding: 10px
 }

 #product-size-chart table tr:nth-child(odd) {
     background: #fff
 }

 #product-size-chart table td,
 #product-size-chart table th {
     border-right: 1px solid #dcdcdc
 }

 #product-size-chart table th {
     
     background: #f9f9f9;
     text-align: left
 }

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

     #product-size-chart table tr td,
     #product-size-chart table tr th {
         padding: 4px
     }

     #product-size-chart .sixteen table tr:nth-child(odd) {
         display: none
     }

     #product-size-chart .sixteen table tr:nth-child(1) {
         display: table-row
     }

     #product-size-chart td,
     #product-size-chart th {
         padding: 4px !important
     }
 }

 .lifestyle-product-images .lifestyle-landscape {
     width: 100%;
     padding-bottom: 10px;
     order: 3
 }

 .lifestyle-product-images .lifestyle-square-left {
     width: 50%;
     padding-right: 5px;
     padding-bottom: 10px;
     order: 1
 }

 .lifestyle-product-images .lifestyle-square-right {
     width: 50%;
     padding-left: 5px;
     padding-bottom: 10px;
     order: 2
 }

 .pdp-feature-images .pdp-feature-landscape {
     width: 100%;
     padding-bottom: 10px;
     order: 1
 }

 .pdp-feature-images .pdp-feature-square-left {
     width: 50%;
     padding-right: 5px;
     padding-bottom: 10px;
     order: 2
 }

 .pdp-feature-images .pdp-feature-square-right {
     width: 50%;
     padding-left: 5px;
     padding-bottom: 10px;
     order: 3
 }

 .swatch-element .crossed-out {
     display: none
 }

 .swatch-element.soldout .crossed-out {
     border-radius: 50%;
     display: block;
     height: 100%;
     width: 100%;
     pointer-events: none
 }

 .second-product-image {
     opacity: 0
 }

 @media screen and (min-width:769px) {
     .second-product-image:hover {
         opacity: 1
     }
 }

 .background-blur {
     filter: blur(3px);
     -webkit-filter: blur(3px)
 }

 img[data-sizes=auto] {
     height: auto
 }

 img[data-sizes='100vw'],
 img[data-sizes=auto] {
     display: block;
     width: 100%;
     margin-left: auto;
     margin-right: auto
 }

 .embla {
     position: relative;
     max-width: 100%
 }

 .embla__viewport {
     overflow: hidden;
     width: 100%
 }

 .embla__viewport.is-draggable {
     cursor: move;
     cursor: -webkit-grab;
     cursor: grab
 }

 .embla__viewport.is-dragging {
     cursor: -webkit-grabbing;
     cursor: grabbing
 }

 .embla__container {
     display: flex;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -webkit-tap-highlight-color: transparent
 }

 .embla__slide {
     padding-left: 10px;
     min-width: 100%;
     position: relative
 }

 .embla__slide__inner {
     position: relative;
     overflow: hidden
 }

 .embla__slide__img {
     width: auto;
     opacity: 1;
     transition: opacity .2s ease-in-out
 }

 .embla__slide.has-loaded .embla__slide__img {
     opacity: 1
 }

 .embla--thumb {
     padding-top: 0;
     margin-top: -12px
 }

 .embla__container--thumb {
     cursor: default;
     margin-left: -8px;
     padding: 10px
 }

 .embla__slide--thumb {
     padding-left: 8px;
     min-width: 12%
 }

 .embla__slide__inner--thumb {
     touch-action: manipulation;
     cursor: pointer;
     border: 0;
     outline: 0;
     margin: 0;
     padding: 0;
     height: 100px;
     width: 100%;
     background-color: transparent;
     position: relative;
     display: block;
     overflow: hidden
 }

 .embla__slide__thumbnail {
     position: absolute;
     opacity: .3;
     top: 0;
     bottom: 0;
     left: -10000%;
     right: -10000%;
     margin: auto;
     min-width: 100%;
     min-height: 1000%;
     max-width: none;
     transform: scale(.1);
     transition: opacity .2s
 }

 .embla__slide--thumb.is-selected .embla__slide__thumbnail {
     opacity: 1
 }

 .embla__button {
     outline: 0;
     cursor: pointer;
     background-color: transparent;
     touch-action: manipulation;
     position: absolute;
     z-index: 1;
     top: 50%;
     transform: translateY(-50%);
     border: 0;
     width: 30px;
     height: 30px;
     justify-content: center;
     align-items: center;
     fill: #333333;
     padding: 0
 }

 .embla__button:disabled {
     cursor: default;
     opacity: .3
 }

 .embla__button:focus {
     outline: 0
 }

 .embla__button__svg {
     width: 100%;
     height: 100%
 }

 .embla__button--prev {
     left: 27px
 }

 .embla__button--next {
     right: 27px
 }

 .hp_slider__embla__button--prev {
     left: 10px;
     fill: #ffffff;
     width: 20px;
     height: 20px
 }

 .hp_slider__embla__button--next {
     right: 10px;
     fill: #ffffff;
     width: 20px;
     height: 20px
 }

 .embla__slide--collection {
     flex: 0 0 20%;
     position: relative
 }

 @media screen and (max-width:798px) {
     .embla__slide--collection {
         flex: 0 0 66%
     }
 }

 .embla__button--collection {
     outline: 0;
     cursor: pointer;
     background-color: transparent;
     touch-action: manipulation;
     position: absolute;
     z-index: 1;
     top: 50%;
     transform: translateY(-50%);
     border: 0;
     width: 30px;
     height: 30px;
     justify-content: center;
     align-items: center;
     fill: black;
     padding: 0
 }

 .collection_slider__embla__button--prev,
 .lookbook_slider__embla__button--prev {
     left: 25px
 }

 .collection_slider__embla__button--next,
 .lookbook_slider__embla__button--next {
     right: 25px
 }

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

     .collection_slider__embla__button--prev,
     .lookbook_slider__embla__button--prev {
         left: 0
     }

     .collection_slider__embla__button--next,
     .lookbook_slider__embla__button--next {
         right: 0
     }

     .embla__button--collection {
         top: 33%
     }
 }

 #features-list li {
     margin: 10px 0
 }

 .active-tab {
     display: block;
     width: auto;
     opacity: 1
 }

 .tab-content p {
     margin: 10px 0
 }

 .modal_price {
     display: block
 }

 .video-flex {
     display: flex
 }

 .video-half-block {
     width: 50%;
     background: #000
 }

 .video-half {
     width: 50%;
     margin: auto
 }

 .video-text-block {
     width: 50%;
     margin: auto;
     text-align: left
 }

 .video-text-in-block {
     width: 80%;
     margin: 0 auto;
     padding: 20px
 }

 @media screen and (max-width:798px) {
     .video-flex {
         flex-direction: column
     }

     .video-half-block {
         width: 100%
     }

     .video-text-block {
         width: 100%
     }

     .video-text-in-block {
         padding: 2em 0
     }
 }

 .flex-double {
     display: flex
 }

 .half-item {
     width: 50%;
     margin-left: 0;
     margin-right: 5px
 }

 .half-item.two {
     margin-left: 5px;
     margin-right: 0
 }

 @media screen and (max-width:768px) {
     .flex-double {
         flex-direction: column
     }

     .half-item {
         width: 100%;
         margin-right: 0
     }

     .half-item img {
         width: 100%
     }

     .half-item.two {
         margin-left: 0;
         margin-top: 5px;
         margin-bottom: 5px
     }
 }

 div.container {
     padding: 0;
     max-width: none
 }

 .container:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0
 }

 .fw-lookbook .container .row,
 .fw-lookbook .row {
     margin-bottom: 20px
 }

 .container .row {
     margin-bottom: 20px
 }

 .fw-lookbook .row:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0
 }

 .container .row:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0
 }

 .fw-lookbook .container .row:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0
 }

 .article_content .row {
     margin-bottom: 20px
 }

 .article_content .row:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0
 }

 .fw-lookbook .columns {
     margin-left: 0;
     margin-right: 0
 }

 .fw-lookbook hr {
     border-color: #efefef;
     border-width: 1px;
     border-style: dotted;
     clear: both;
     margin: 12px 0;
     height: 0
 }

 .columns p,
 .container p {
     margin: 0 0 15px;
     font-style: normal;
     line-height: 1.6em
 }

 .image__container p {
     margin: 0
 }

 .fw-lookbook figure {
     margin: 0
 }

 .fw-lookbook .transition--fade-in.lazyloaded {
     opacity: 1;
     visibility: visible
 }

 .column,
 .columns {
     float: left;
     display: inline;
     margin-left: calc(20px / 2);
     margin-right: calc(20px / 2);
     box-sizing: border-box
 }

 .columns h1 {
     font-family: 'SaansRegular', sans-serif;
     font-display: fallback;
     font-style: normal;
     font-size: 28px;
     text-transform: uppercase;
     line-height: 1.5;
     color: #000;
     display: block;
     letter-spacing: 0;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin: 0 auto 15px;
     clear: both;
     
     padding-top: 4px
 }

 [class*=offset-by] {
     position: relative
 }

 .sixteen {
     width: calc(100% - 20px)
 }

 .fourteen {
     width: calc(87.5% - 20px)
 }

 .twelve {
     width: calc(75% - 20px)
 }

 .ten {
     width: calc(62.5% - 20px)
 }

 .eight {
     width: calc(50% - 20px)
 }

 .six {
     width: calc(37.5% - 20px)
 }

 .five {
     width: calc(31.25% - 20px)
 }

 .four {
     width: calc(25% - 20px)
 }

 .one-half {
     width: calc(50% - 20px)
 }

 .one-third {
     width: calc(33.33333% - 20px)
 }

 .sixteen.columns.page {
     display: flex;
     flex-direction: column
 }

 .fw-lookbook .columns.sixteen {
     width: 100%
 }

 .fw-lookbook .columns.eight {
     width: calc(50% - 10px)
 }

 .fw-lookbook .columns.alpha {
     margin-right: 10px
 }

 .fw-lookbook .columns.omega {
     margin-left: 10px
 }

 .fw-lookbook .columns {
     margin-left: 0;
     margin-right: 0
 }

 .fw-lookbook .columns.one-third {
     margin-left: calc(20px/2);
     margin-right: calc(20px/2)
 }

 .last {
     margin-bottom: 0
 }

 .regular_text,
 .regular_text p {
     font-size: 16px;
     margin: 0 0 15px
 }

 .center {
     text-align: center
 }

 .article_content {
     margin-top: 20px
 }

 .columns blockquote {
     margin: 0 0 20px
 }

 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0
 }

 .article_content figure {
     display: block;
     position: relative;
     overflow: hidden;
     text-align: center
 }

 .banner {
     width: 100%;
     position: relative;
     overflow: hidden;
     background-color: #666
 }

 .page_banner {
     overflow: hidden;
     max-height: 100vh
 }

 .banner img {
     width: 100%;
     display: block
 }

 .dark-overlay-true:after {
     content: '';
     position: absolute;
     z-index: 2;
     background: rgba(0, 0, 0, .5);
     top: 0;
     bottom: 0;
     left: 0;
     right: 0
 }

 article,
 aside,
 details,
 figcaption,
 figure {
     display: block
 }

 .article_excerpt_intro {
     margin-top: 30px
 }

 .article_content figure img {
     width: 100%
 }

 .article_content figcaption {
     position: absolute;
     background: rgba(0, 0, 0, .75);
     padding: 10px 20px;
     color: #999;
     opacity: 1;
     left: 0;
     bottom: 0;
     width: 100%;
     text-align: left
 }

 .article_content figcaption a {
     color: #fff
 }

 figure {
     position: relative
 }

 figcaption,
 figure figcaption {
     background-color: #000;
     color: #fff;
     padding: 10px;
     opacity: .7;
     bottom: 0;
     width: 100%;
     position: absolute
 }

 header div.caption {
     z-index: 3
 }

 .caption {
     width: 100%;
     position: absolute;
     top: 50%;
     padding: 0 5%;
     transform: translate(0, -50%)
 }

 .caption .headline {
     color: #fff;
     font-family: 'ConcretteM-Regular', serif;
     font-display: fallback;
     
     font-style: normal;
     text-transform: uppercase;
     font-size: 48px;
     letter-spacing: 1px;
     line-height: 1.4em;
     margin-bottom: 15px
 }

 .page-divider {
     opacity: 0;
     border-color: #efefef;
     border-top: 0
 }

 .active-divider {
     opacity: 1
 }

 .caption-content.align-center {
     text-align: center
 }

 .caption-content .pretext {
     color: #fff
 }

 .include_featured_text {
     padding: 20px 0
 }

 .h2,
 h2,
 h2.title {
     font-family: 'ConcretteM-Regular', serif;
     font-display: fallback;
     font-style: normal;
     font-size: 25px;
     line-height: 1.5;
     color: #000;
     display: block;
     letter-spacing: 0;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin-bottom: .75em;
     margin-top: .75em
 }

 .action_button,
 a.action_button,
 input.action_button[type=button],
 input.action_button[type=submit] {
     background: #000;
     color: #fff;
     border: 0;
     padding: 15px 30px;
     text-align: center;
     cursor: pointer;
     line-height: 150%;
     font-family: 'SaansRegular', sans-serif;
     font-display: fallback;
     
     font-style: normal;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: .02em;
     display: -moz-inline-flex;
     display: inline-flex;
     -moz-align-items: center;
     -ms-align-items: center;
     align-items: center;
     -moz-justify-content: center;
     -ms-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
     transition: all .2s linear;
     -webkit-appearance: none;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-smoothing: antialiased;
     border-radius: 30px;
 }

 .action_button:hover {
     background: rgb(0 0 0 / 90%);
 }

 .month-day {
     font-family: 'SaansRegular', sans-serif;
     line-height: 1.3 !important;
     margin-bottom: 0 !important
 }

 .month-date {
     font-family: 'SaansRegular', sans-serif;
     margin-bottom: 0 !important;
     line-height: 1 !important
 }

 .featured-link--section {
     width: 100%;
     box-sizing: border-box;
     float: left;
     min-height: 100px;
     display: flex;
     flex-wrap: wrap
 }

 .image-align--right.featured_collections.across-1 .featured-link--section:nth-child(odd) {
     -moz-flex-direction: row-reverse;
     flex-direction: row-reverse
 }

 .featured-link--half {
     box-sizing: border-box;
     float: left;
     width: 50%;
     position: relative;
     text-align: center;
     display: table;
     flex: 1 0 auto;
     display: flex;
     -moz-align-items: center;
     -ms-align-items: center;
     align-items: center;
     -moz-justify-content: center;
     -ms-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
     background-color: #181818
 }

 .featured-link--half .info.text-align--left {
     text-align: left
 }

 .featured-link--half .info {
     display: inline-block;
     width: 80%;
     margin: 0 auto;
     padding: 20px
 }

 .featured-link--half .collection_title {
     margin-bottom: 15px;
     display: block;
     color: #fff
 }

 .featured-link--half .featured-link--wrap {
     width: 100%;
     height: 100%;
     flex: 0 0 auto
 }

 .featured-link--half .info {
     display: inline-block;
     width: 80%;
     margin: 0 auto;
     padding: 20px
 }

 .featured-link--half .description {
     position: relative;
     font-size: 14px;
     line-height: 1.5;
     margin-bottom: 20px;
     color: #fff
 }

 .featured-link--half .button {
     height: auto;
     background-color: transparent;
     color: #fff;
     border: 1px solid #fff;
     transition: background-color .2s cubic-bezier(.55, .09, .68, .53), color .3s linear, border .2s cubic-bezier(.55, .09, .68, .53);
     line-height: 1.5;
     padding-top: 10px;
     padding-bottom: 10px
 }

 @media screen and (max-width:768px) {
     .featured-link--half .info {
         width: 90%
     }
 }

 .collection_title {
     font-family: 'ConcretteM-Regular', serif;
     font-display: fallback;
     
     font-style: normal;
     font-size: 28px;
     text-transform: uppercase;
     line-height: 1.5;
     color: #000;
     display: block;
     letter-spacing: 0;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin: 0 auto 15px;
     clear: both;
     padding-top: 4px
 }

 .col-md-6 {
     width: 50%;
     float: left;
     position: relative;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px
 }

 #ambassadors input[type=color],
 #ambassadors input[type=date],
 #ambassadors input[type=email],
 #ambassadors input[type=month],
 #ambassadors input[type=number],
 #ambassadors input[type=password],
 #ambassadors input[type=range],
 #ambassadors input[type=tel],
 #ambassadors input[type=text],
 #ambassadors input[type=time],
 #ambassadors input[type=url],
 #ambassadors input[type=week],
 #ambassadors select,
 #ambassadors textarea {
     display: block;
     width: 100%;
     height: 44px;
     min-height: 44px;
     padding: 0 10px;
     margin: 0;
     line-height: 22px;
     border: 1px solid #d0d0d0;
     outline: 0;
     background: #fff;
     color: #5f6a7d;
     font: 13px 'SaansRegular', sans-serif;
     margin-bottom: 15px;
     -webkit-appearance: none;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     border-radius: 3px
 }

 #ambassadors select {
     background: #fff url(//cdn.shopify.com/s/files/1/1871/8709/t/17/assets/select.png?v=4799844845099085914) no-repeat 96% 50%;
     background-size: 18px 12px;
     padding: 8px 14px 8px;
     border-radius: 3px;
     border: 1px solid #d9dbdc;
     -webkit-appearance: none;
     -o-appearance: none;
     appearance: none;
     -moz-appearance: none;
     text-indent: .01px
 }

 #ambassadors .option_title,
 #ambassadors label,
 #ambassadors legend {
     font-family: 'SaansRegular', sans-serif;
     display: block;
     
     font-size: 14px;
     text-align: left;
     margin-bottom: 5px;
     text-transform: uppercase
 }

 .template-article .guide-scroll {
     visibility: hidden;
     text-align: center;
     color: #900
 }

 @media only screen and (max-width:1024px) {
     .template-article .guide-scroll {
         visibility: visible
     }
 }

 .template-article .progress {
     display: flex;
     height: 1rem;
     overflow: hidden;
     font-size: .75rem;
     background-color: #e9ecef;
     border-radius: .25rem
 }

 .template-article .progress-bar {
     
     display: flex;
     flex-direction: column;
     justify-content: center;
     color: #fff;
     text-align: center;
     background-color: #03a196;
     transition: width .6s ease
 }

 .template-article .bg-cooling {
     background-color: #34e7ff
 }

 .template-article .bg-temp {
     background-color: #ffc107
 }

 .template-article table td,
 .template-article table th {
     padding: 4px
 }

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

     .template-article table td,
     .template-article table th {
         min-width: 180px
     }
 }

 .template-article div.guide table td {
     padding: 4px 10px !important
 }

 .template-article div.guide table tr,
 .template-article div.guide table tr:first-child {
     border: none
 }

 .template-article table td:first-child,
 .template-article table th:first-child {
     border-left: 1px solid #dcdcdc
 }

 .template-article table td,
 .template-article table th {
     border-right: 1px solid #dcdcdc
 }

 a.continue-button,
 a.highlight-false--dark,
 input[type=button].highlight-false--dark {
     color: #333;
     border-color: #333;
     background-color: transparent
 }

 .table-fixed tr td,
 .table-fixed tr th {
     --tw-border-opacity: 1;
     border-color: rgba(229, 231, 235, var(--tw-border-opacity));
     border-width: 1px;
     padding: .5rem
 }

 @media only screen and (max-width:1024px) {
     .guide-scroll {
         visibility: visible
     }
 }

 @media only screen and (max-width:798px) {
     .medium-down--one-whole {
         width: calc(100% - 20px);
         left: auto !important
     }

     .featured-link--half {
         width: 100% !important
     }

     .fw-lookbook .columns {
         width: 100%
     }

     .article_content figcaption a {
         color: #03a196
     }

     .article_content figcaption {
         position: relative;
         background: #efefef;
         color: #000;
         padding: 5px;
         font-size: 12px;
         margin-bottom: 10px;
         bottom: 20px
     }

     .article_content .row {
         margin-bottom: 0
     }

     .fw-lookbook .columns blockquote,
     .fw-lookbook .columns h2,
     .fw-lookbook .columns p {
         padding-left: 10px;
         padding-right: 10px
     }

     .fw-lookbook h1 {
         font-size: 22px
     }

     .fw-lookbook .columns.eight {
         width: 100%;
         margin-left: 0;
         margin-right: 0
     }

     .caption .headline {
         font-size: 24px
     }
 }

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

     .fw-lookbook .title a,
     .fw-lookbook h1,
     .fw-lookbook h1.home,
     .fw-lookbook h2 {
         padding: 0
     }

     .fw-lookbook h1,
     .fw-lookbook h2,
     .fw-lookbook h3,
     .fw-lookbook h4,
     .fw-lookbook h5,
     .fw-lookbook h6 {
         font-size: 110%;
         line-height: 1.5em
     }
 }

 @media only screen and (min-width:481px) {
     .offset-by-one {
         left: calc(6.25%)
     }

     .offset-by-two {
         left: calc(12.5%)
     }

     .offset-by-three {
         left: calc(18.75%)
     }

     .offset-by-four {
         left: calc(25%)
     }

     .column.alpha,
     .columns.alpha {
         margin-left: 0
     }

     .column.omega,
     .columns.omega {
         margin-right: 0
     }
 }

 @media only screen and (min-width:799px) {
     .caption {
         max-width: 960px;
         left: 0;
         right: 0;
         margin: 0 auto
     }

     .caption .headline {
         font-size: 40px
     }
 }

 @media only screen and (min-width:1025px) {
     .caption {
         padding: 0 30px
     }

     .caption .headline {
         font-size: 48px
     }
 }

 .shopify-challenge__container {
     padding-top: 20px
 }

 .shopify-challenge__button.btn {
     display: flex;
     margin-bottom: 15px;
     background: #0fada0;
     color: #fff;
     border: 1px solid #0fada0;
     padding: 0 20px;
     text-align: center;
     cursor: pointer;
     min-height: 44px;
     height: 40px;
     line-height: 1.2;
     vertical-align: top;
     font-family: 'SaansRegular', sans-serif;
     font-display: fallback;
     font-weight: lighter;
     font-style: normal;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 0;
     display: -moz-flex;
     -moz-align-items: center;
     -ms-align-items: center;
     align-items: center;
     -moz-justify-content: center;
     -ms-justify-content: center;
     justify-content: center;
     -ms-flex-pack: center;
     transition: all .2s linear;
     -webkit-appearance: none;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-smoothing: antialiased;
     border-radius: 3px
 }

 .translate-hamburger-up {
     transform: translateY(-10px) rotate(45deg)
 }

 .translate-hamburger-down {
     transform: translateY(10px) rotate(-45deg)
 }

 .promotion-title:after {
     content: '';
     display: block;
     height: 1px;
     width: 0;
     background: #fff;
     transition: width .3s ease, background-color .3s ease;
     margin: 10px auto auto auto
 }

 .feature-section:hover .promotion-title:after {
     width: 50%;
     background: #fff
 }

 .feature-description {
     display: block;
     opacity: 0 !important;
     height: 0;
     padding: 0;
     transition: all .3s linear
 }

 .feature-section:hover .feature-description {
     opacity: 1 !important;
     height: 20px;
     padding: 15px
 }

 .return-modal__wrapper {
     position: relative
 }

 .return-modal__link {
     color: #0fada0;
     cursor: pointer;
 }

 .return-modal {
     border: 1px solid #e2e2e2;
     background-color: #fff;
     box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
     width: 100%;
     padding: 18px;
     z-index: 1001;
     position: absolute;
     top: 30px;
     transition: all 250ms ease-in-out
 }

 .return-modal__hidden {
     visibility: hidden;
     opacity: 0
 }

 .return-modal p {
     margin-bottom: 10px
 }

 .return-modal a {
     text-transform: uppercase
 }

 @media screen and (max-width:798px) {
     .return-modal {
         width: 100%
     }
 }

 .parallax-pdp-cover {
     height: 100vh;
     background-attachment: fixed;
     background-repeat: no-repeat;
     background-size: cover;
     background-position-y: 56px
 }

 .pdp-cover-image {
     position: absolute;
     -o-object-fit: cover;
     object-fit: cover;
     height: 100vh !important;
     z-index: -100
 }

 @media screen and (max-width:768px) {
     .parallax-pdp-cover {
         height: 50vh !important
     }

     .pdp-cover-image {
         height: 50vh !important
     }
 }

 .table-scroll {
     color: red;
     text-align: center;
     display: none
 }

 @media only screen and (max-width:768px) {
     .table-scroll {
         display: block
     }
 }

 span.cart-message {
     color: #f4f4f4;
     font-style: italic;
     display: block;
     font-size: 12px
 }

 .holiday.cart_message {
     text-align: center
 }

 #holiday-message {
     text-align: center;
     color: #fff;
     background-color: #ab3d41
 }

 #holiday-message .holiday-title {
     color: #fff
 }

 #holiday-message h1,
 #holiday-message h4 {
     color: #fff
 }

 #holiday-message.cart_message {
     width: 100%;
     background: #ab3d41
 }

 #holiday-message.cart_message.cart_message_snippet {
     background: #ab3d41;
     color: #fff
 }

 #holiday-message a {
     color: #03a196;
 }

 #holiday-message.product_message {
     text-align: left;
     padding: 20px;
     color: #fff
 }

 #zaius_newsletter {
     background-color: #fff;
     border-top: 1px solid #f4f4f4
 }

 .coming_soon {
     
     text-transform: uppercase
 }

 .product-holiday-shipping {
     background: #e1f1e0;
     border: 1px solid #e5e5e5;
     display: inline-block;
     padding: 15px;
     border-radius: 4px;
     margin-top: 15px;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     -ms-border-radius: 4px;
     -o-border-radius: 4px
 }

 .product-holiday-shipping p {
     margin: 0
 }

 #geo-popup select {
     margin: 0 0 15px
 }

 #geo-popup .button {
     background-color: #faa92f;
     color: #fff;
     border: none
 }

 .collection-description p {
     margin-bottom: .75rem
 }

 #zdbutton {
     background-color: rgb(251 169 47 / 70%) !important;
     color: #000 !important;
     fill: #000 !important;
     font-family: 'SaansRegular', sans-serif;
     width: 136px;
     height: 46px;
     margin: 14px 20px;
     position: fixed;
     bottom: 0;
     right: 0;
     overflow: visible;
     opacity: 1;
     z-index: 999998;
     transition-duration: 250ms;
     transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
     transition-property: opacity, top, bottom;
     border-radius: 999rem;
     letter-spacing: .6;
     font-size: 1.07143rem;
     border: 3px solid #000 !important;
     
     box-sizing: border-box;
     table-layout: auto;
     white-space: nowrap !important;
     cursor: pointer !important;
     display: inline-block !important;
     max-width: 100%;
     -webkit-appearance: button
 }

 #zdbutton span {
     vertical-align: middle;
     padding-right: .57143rem;
     display: inline-block;
     max-width: 100%
 }

 @media screen and (max-width:768px) {
     #zdbutton {
         vertical-align: top;
         padding: 1rem !important;
         width: auto;
         height: auto;
         display: flex !important
     }

     #zdbutton span.Icon {
         padding-right: 0
     }

     #zendesk-desktop-text {
         display: none !important
     }
 }

 #wcp-30-open {
     cursor: pointer;
     width: 100%;
     margin-bottom: 20px;
     font-size: 1.125rem;
     line-height: 1.75rem;
     height: 55px
 }

 .product-comparison-slider {
     display: flex;
     flex-direction: row
 }

 .product-comparison-slider .pdp-comparison-guide__embla-container {
     display: flex;
     flex-direction: row
 }

 .product-comparison-slider .current-product {
     width: 20%
 }

 .product-comparison-slider .gallery-cell {
     margin-left: .75rem;
     margin-right: .75rem;
     width: 20%
 }

 .product-comparison-slider .product-active-title {
     background: #e9ecef;
     padding: 10px 5px
 }

 .product-comparison-slider .product-other-title {
     padding: 10px 5px;
     display: flex;
     justify-content: center;
     align-items: center
 }

 .product-comparison-slider .product-type {
     margin: 0;
     padding: 0
 }

 .product-comparison-slider .product-title {
     color: #000;
     margin: 0;
     font-size: 12px
 }

 .product-comparison-slider .guide-content {
     font-size: 12px
 }

 .product-comparison-slider .progress {
     display: flex;
     height: 1rem;
     overflow: hidden;
     font-size: .75rem;
     background-color: #e9ecef;
     border-radius: .25rem
 }

 .product-comparison-slider .progress-bar {
     
     display: flex;
     flex-direction: column;
     justify-content: center;
     color: #fff;
     text-align: center;
     background-color: #03a196;
     transition: width .6s ease
 }

 .product-comparison-slider .bg-cooling {
     background-color: #34e7ff
 }

 .product-comparison-slider .bg-support {
     background-color: #de1313
 }

 .product-comparison-slider .bg-temp {
     background-color: #ffc107
 }

 .product-comparison-slider .temp-range-1 {
     width: 45%
 }

 .product-comparison-slider .temp-range-2 {
     width: 52%
 }

 .product-comparison-slider .temp-range-3 {
     width: 12%
 }

 @media screen and (max-width:768px) {
     .product-comparison-slider .temp-range-1 {
         width: 40%
     }

     .product-comparison-slider .temp-range-2 {
         width: 48%
     }

     .product-comparison-slider .temp-range-3 {
         width: 12%
     }

     .product-comparison-slider .desktop-compare-instructions {
         display: none
     }

     .product-comparison-slider .mobile-compare-instructions {
         display: block
     }
 }

 .desktop-compare-instructions {
     display: block
 }

 .desktop-compare-instructions-no-arrows {
     display: none
 }

 .mobile-compare-instructions {
     display: none
 }

 @media screen and (max-width:768px) {
     .desktop-compare-instructions {
         display: none
     }

     .mobile-compare-instructions {
         display: block
     }
 }

 div.osano-cm-content {
     font-family: 'SaansRegular', sans-serif;
 }

 button.osano-cm-buttons__button {
     text-transform: uppercase;
     font-family: 'SaansRegular', sans-serif;
     font-weight: Normal;
     font-size: .875rem
 }

 button.osano-cm-accept {
     border-color: #038570
 }

 .hover\:border-transparent:hover {
     border-color: transparent
 }

 .hover\:bg-black:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(0 0 0 / var(--tw-bg-opacity))
 }

 .hover\:bg-blue-500:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(59 130 246 / var(--tw-bg-opacity))
 }

 .hover\:bg-gray-200:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(229 231 235 / var(--tw-bg-opacity))
 }

 .hover\:bg-white:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(255 255 255 / var(--tw-bg-opacity))
 }

 .hover\:bg-blue-700:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(29 78 216 / var(--tw-bg-opacity))
 }

 .hover\:bg-opacity-30:hover {
     --tw-bg-opacity: 0.3
 }

 .hover\:text-cta:hover {
     --tw-text-opacity: 1;
     color: rgb(3 161 150 / var(--tw-text-opacity))
 }

 .hover\:text-black:hover {
     --tw-text-opacity: 1;
     color: rgb(0 0 0 / var(--tw-text-opacity))
 }

 .hover\:text-white:hover {
     --tw-text-opacity: 1;
     color: rgb(255 255 255 / var(--tw-text-opacity))
 }

 .hover\:opacity-70:hover {
     opacity: .7
 }

 .focus\:bg-blue-500:focus {
     --tw-bg-opacity: 1;
     background-color: rgb(59 130 246 / var(--tw-bg-opacity))
 }

 .focus\:text-gray-600:focus {
     --tw-text-opacity: 1;
     color: rgb(75 85 99 / var(--tw-text-opacity))
 }

 .focus\:outline-none:focus {
     outline: 2px solid transparent;
     outline-offset: 2px
 }

 @media (min-width:640px) {
     .sm\:mt-8 {
         margin-top: 2rem
     }

     .sm\:mt-0 {
         margin-top: 0
     }

     .sm\:flex {
         display: flex
     }

     .sm\:w-full {
         width: 100%
     }

     .sm\:w-2\/3 {
         width: 66.666667%
     }

     .sm\:grid-cols-2 {
         grid-template-columns: repeat(2, minmax(0, 1fr))
     }

     .sm\:px-8 {
         padding-left: 2rem;
         padding-right: 2rem
     }
 }

 @media (min-width:769px) {
     .md\:pointer-events-auto {
         pointer-events: auto
     }

     .md\:invisible {
         visibility: hidden
     }

     .md\:absolute {
         position: absolute
     }

     .md\:sticky {
         position: -webkit-sticky;
         position: sticky
     }

     .md\:top-0 {
         top: 0
     }

     .md\:left-0 {
         left: 0
     }

     .md\:right-0 {
         right: 0
     }

     .md\:top-32 {
         top: 8rem
     }

     .md\:top-mobile_header {
         top: 55px
     }

     .md\:m-24 {
         margin: 6rem
     }

     .md\:m-3 {
         margin: .75rem
     }

     .md\:m-4 {
         margin: 1rem
     }

     .md\:m-5 {
         margin: 1.25rem
     }

     .md\:my-0 {
         margin-top: 0;
         margin-bottom: 0
     }

     .md\:mx-auto {
         margin-left: auto;
         margin-right: auto
     }

     .md\:mx-8 {
         margin-left: 2rem;
         margin-right: 2rem
     }

     .md\:mx-3 {
         margin-left: .75rem;
         margin-right: .75rem
     }

     .md\:mx-12 {
         margin-left: 3rem;
         margin-right: 3rem
     }

     .md\:mx-32 {
         margin-left: 8rem;
         margin-right: 8rem
     }

     .md\:mx-0 {
         margin-left: 0;
         margin-right: 0
     }

     .md\:mr-4 {
         margin-right: 1rem
     }

     .md\:mr-3 {
         margin-right: .75rem
     }

     .md\:mt-0 {
         margin-top: 0
     }

     .md\:mt-6 {
         margin-top: 1.5rem
     }

     .md\:mr-auto {
         margin-right: auto
     }

     .md\:ml-auto {
         margin-left: auto
     }

     .md\:mb-3 {
         margin-bottom: .75rem
     }

     .md\:mb-4 {
         margin-bottom: 1rem
     }

     .md\:ml-8 {
         margin-left: 2rem
     }

     .md\:ml-4 {
         margin-left: 1rem
     }

     .md\:mt-12 {
         margin-top: 3rem
     }

     .md\:mt-2 {
         margin-top: .5rem
     }

     .md\:mb-6 {
         margin-bottom: 1.5rem
     }

     .md\:inline-block {
         display: inline-block
     }

     .md\:inline {
         display: inline
     }

     .md\:flex {
         display: flex
     }

     .md\:table-cell {
         display: table-cell
     }

     .md\:hidden {
         display: none
     }

     .md\:h-auto {
         height: auto
     }

     .md\:h-6 {
         height: 1.5rem
     }

     .md\:h-0 {
         height: 0
     }

     .md\:max-h-collection_sidebar {
         max-height: calc(100vh - 130px)
     }

     .md\:w-1\/3 {
         width: 33.333333%
     }

     .md\:w-1\/6 {
         width: 16.666667%
     }

     .md\:w-5\/6 {
         width: 83.333333%
     }

     .md\:w-96 {
         width: 24rem
     }

     .md\:w-1\/2 {
         width: 50%
     }

     .md\:w-1\/4 {
         width: 25%
     }

     .md\:w-80 {
         width: 20rem
     }

     .md\:w-6 {
         width: 1.5rem
     }

     .md\:w-2\/3 {
         width: 66.666667%
     }

     .md\:w-full {
         width: 100%
     }

     .md\:w-screen {
         width: 100vw
     }

     .md\:w-1\/5 {
         width: 20%
     }

     .md\:w-auto {
         width: auto
     }

     .md\:grid-cols-3 {
         grid-template-columns: repeat(3, minmax(0, 1fr))
     }

     .md\:flex-row {
         flex-direction: row
     }

     .md\:flex-row-reverse {
         flex-direction: row-reverse
     }

     .md\:flex-nowrap {
         flex-wrap: nowrap
     }

     .md\:items-start {
         align-items: flex-start
     }

     .md\:items-end {
         align-items: flex-end
     }

     .md\:items-center {
         align-items: center
     }

     .md\:justify-start {
         justify-content: flex-start
     }

     .md\:justify-end {
         justify-content: flex-end
     }

     .md\:justify-center {
         justify-content: center
     }

     .md\:justify-between {
         justify-content: space-between
     }

     .md\:border-r {
         border-right-width: 1px
     }

     .md\:border-l {
         border-left-width: 1px
     }

     .md\:border-b {
         border-bottom-width: 1px
     }

     .md\:border-gray-200 {
         --tw-border-opacity: 1;
         border-color: rgb(229 231 235 / var(--tw-border-opacity))
     }

     .md\:border-border_gray {
         --tw-border-opacity: 1;
         border-color: rgb(125 125 125 / var(--tw-border-opacity))
     }

     .md\:object-center {
         -o-object-position: center;
         object-position: center
     }

     .md\:object-top {
         -o-object-position: top;
         object-position: top
     }

     .md\:object-bottom {
         -o-object-position: bottom;
         object-position: bottom
     }

     .md\:object-left {
         -o-object-position: left;
         object-position: left
     }

     .md\:object-right {
         -o-object-position: right;
         object-position: right
     }

     .md\:p-12 {
         padding: 3rem
     }

     .md\:p-8 {
         padding: 2rem
     }

     .md\:p-20 {
         padding: 5rem
     }

     .md\:p-3 {
         padding: .75rem
     }

     .md\:px-4 {
         padding-left: 1rem;
         padding-right: 1rem
     }

     .md\:py-2 {
         padding-top: .5rem;
         padding-bottom: .5rem
     }

     .md\:px-36 {
         padding-left: 9rem;
         padding-right: 9rem
     }

     .md\:py-8 {
         padding-top: 2rem;
         padding-bottom: 2rem
     }

     .md\:pb-3 {
         padding-bottom: .75rem
     }

     .md\:pr-3 {
         padding-right: .75rem
     }

     .md\:pl-4 {
         padding-left: 1rem
     }

     .md\:pt-6 {
         padding-top: 1.5rem
     }

     .md\:pt-0 {
         padding-top: 0
     }

     .md\:pr-1 {
         padding-right: .25rem
     }

     .md\:pl-1 {
         padding-left: .25rem
     }

     .md\:pl-0 {
         padding-left: 0
     }

     .md\:pt-4 {
         padding-top: 1rem
     }

     .md\:pr-24 {
         padding-right: 6rem
     }

     .md\:pb-0 {
         padding-bottom: 0
     }

     .md\:text-left {
         text-align: left
     }

     .md\:text-center {
         text-align: center
     }

     .md\:text-right {
         text-align: right
     }

     .md\:text-3xl {
         font-size: 1.875rem;
         line-height: 2.25rem
     }

     .md\:text-sm {
         font-size: .875rem;
         line-height: 1.25rem
     }

     .md\:text-7xl {
         font-size: 4.5rem;
         line-height: 1
     }

     .md\:text-2xl {
         font-size: 1.5rem;
         line-height: 2rem
     }

     .md\:text-6xl {
         font-size: 3.75rem;
         line-height: 1
     }

     .md\:text-lg {
         font-size: 1.125rem;
         line-height: 1.75rem
     }

     .md\:text-base {
         font-size: 1rem;
         line-height: 1.5rem
     }

     .md\:text-5xl {
         font-size: 3rem;
         line-height: 1
     }

     .md\:text-8xl {
         font-size: 6rem;
         line-height: 1
     }

     .md\:text-9xl {
         font-size: 8rem;
         line-height: 1
     }

     .md\:text-xl {
         font-size: 1.25rem;
         line-height: 1.75rem
     }


     .md\:text-white {
         --tw-text-opacity: 1;
         color: rgb(255 255 255 / var(--tw-text-opacity))
     }

     .md\:text-black {
         --tw-text-opacity: 1;
         color: rgb(0 0 0 / var(--tw-text-opacity))
     }

     .md\:text-gray-600 {
         --tw-text-opacity: 1;
         color: rgb(75 85 99 / var(--tw-text-opacity))
     }

     .md\:opacity-0 {
         opacity: 0
     }
 }

 @media (min-width:1024px) {
     .lg\:m-0 {
         margin: 0
     }

     .lg\:m-4 {
         margin: 1rem
     }

     .lg\:my-2 {
         margin-top: .5rem;
         margin-bottom: .5rem
     }

     .lg\:mb-3 {
         margin-bottom: .75rem
     }

     .lg\:mb-4 {
         margin-bottom: 1rem
     }

     .lg\:block {
         display: block
     }

     .lg\:flex {
         display: flex
     }

     .lg\:hidden {
         display: none
     }

     .lg\:h-96 {
         height: 24rem
     }

     .lg\:h-6 {
         height: 1.5rem
     }

     .lg\:w-full {
         width: 100%
     }

     .lg\:w-5\/6 {
         width: 83.333333%
     }

     .lg\:w-2\/3 {
         width: 66.666667%
     }

     .lg\:w-1\/3 {
         width: 33.333333%
     }

     .lg\:w-auto {
         width: auto
     }

     .lg\:w-6 {
         width: 1.5rem
     }

     .lg\:grid-cols-3 {
         grid-template-columns: repeat(3, minmax(0, 1fr))
     }

     .lg\:flex-row {
         flex-direction: row
     }

     .lg\:flex-col {
         flex-direction: column
     }

     .lg\:flex-nowrap {
         flex-wrap: nowrap
     }

     .lg\:items-center {
         align-items: center
     }

     .lg\:justify-start {
         justify-content: flex-start
     }

     .lg\:justify-between {
         justify-content: space-between
     }

     .lg\:gap-5 {
         gap: 1.25rem
     }

     .lg\:border-b {
         border-bottom-width: 1px
     }

     .lg\:py-2 {
         padding-top: .5rem;
         padding-bottom: .5rem
     }

     .lg\:px-4 {
         padding-left: 1rem;
         padding-right: 1rem
     }

     .lg\:pl-3 {
         padding-left: .75rem
     }

     .lg\:pb-3 {
         padding-bottom: .75rem
     }

     .lg\:pb-2 {
         padding-bottom: .5rem
     }

     .lg\:text-left {
         text-align: left
     }

     .lg\:text-3xl {
         font-size: 1.875rem;
         line-height: 2.25rem
     }

     .lg\:text-base {
         font-size: 1rem;
         line-height: 1.5rem
     }

     .lg\:text-lg {
         font-size: 1.125rem;
         line-height: 1.75rem
     }
 }

 @media (min-width:1280px) {
     .xl\:w-2\/3 {
         width: 66.666667%
     }

     .xl\:grid-cols-4 {
         grid-template-columns: repeat(4, minmax(0, 1fr))
     }

     .xl\:grid-cols-3 {
         grid-template-columns: repeat(3, minmax(0, 1fr))
     }
 }

 @media (max-width:768px) {
     .md-max\:pointer-events-none {
         pointer-events: none
     }

     .md-max\:invisible {
         visibility: hidden
     }

     .md-max\:absolute {
         position: absolute
     }

     .md-max\:sticky {
         position: -webkit-sticky;
         position: sticky
     }

     .md-max\:top-mobile_header {
         top: 55px
     }

     .md-max\:left-0 {
         left: 0
     }

     .md-max\:top-0 {
         top: 0
     }

     .md-max\:right-0 {
         right: 0
     }

     .md-max\:float-left {
         float: left
     }

     .md-max\:m-2 {
         margin: .5rem
     }

     .md-max\:mr-2 {
         margin-right: .5rem
     }

     .md-max\:mt-16 {
         margin-top: 4rem
     }

     .md-max\:inline {
         display: inline
     }

     .md-max\:flex {
         display: flex
     }

     .md-max\:hidden {
         display: none
     }

     .md-max\:h-0 {
         height: 0
     }

     .md-max\:h-screen {
         height: 100vh
     }

     .md-max\:w-0 {
         width: 0
     }

     .md-max\:w-full {
         width: 100%
     }

     .md-max\:w-screen {
         width: 100vw
     }

     .md-max\:flex-wrap {
         flex-wrap: wrap
     }

     .md-max\:justify-between {
         justify-content: space-between
     }

     .md-max\:overflow-x-auto {
         overflow-x: auto
     }

     .md-max\:border {
         border-width: 1px
     }

     .md-max\:border-t {
         border-top-width: 1px
     }

     .md-max\:border-b {
         border-bottom-width: 1px
     }

     .md-max\:border-gray-300 {
         --tw-border-opacity: 1;
         border-color: rgb(209 213 219 / var(--tw-border-opacity))
     }

     .md-max\:p-3 {
         padding: .75rem
     }

     .md-max\:py-2 {
         padding-top: .5rem;
         padding-bottom: .5rem
     }

     .md-max\:text-center {
         text-align: center
     }

     .md-max\:text-xl {
         font-size: 1.25rem;
         line-height: 1.75rem
     }

     .md-max\:text-base {
         font-size: 1rem;
         line-height: 1.5rem
     }

     .md-max\:text-lg {
         font-size: 1.125rem;
         line-height: 1.75rem
     }

     .md-max\:italic {
         font-style: italic
     }

     .md-max\:opacity-0 {
         opacity: 0
     }

     .md-max\:shadow-md {
         --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
         --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
         box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
     }

     .md-max\:transition {
         transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
         transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
         transition-duration: 150ms
     }

     .md-max\:duration-300 {
         transition-duration: .3s
     }

     .md-max\:ease-in-out {
         transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
     }
 }