@charset "utf-8";

:root { --heading-color: 40, 40, 40; --text-color: 40, 40, 40; --background: 255, 255, 255; --secondary-background: 239, 239, 239; --border-color: 223, 223, 223; --border-color-darker: 169, 169, 169; --success-color: 46, 158, 123; --success-background: 213, 236, 229; --error-color: 222, 42, 42; --error-background: 253, 240, 240; --primary-button-background: 255, 152, 0; --primary-button-text-color: 255, 255, 255; --secondary-button-background: 239, 239, 239; --secondary-button-text-color: 40, 40, 40; --product-star-rating: 255, 152, 0; --product-on-sale-accent: 222, 42, 42; --product-sold-out-accent: 221, 221, 221; --product-custom-label-background: 46, 158, 123; --product-custom-label-text-color: 255, 255, 255; --product-custom-label-2-background: 46, 158, 123; --product-custom-label-2-text-color: 255, 255, 255; --product-low-stock-text-color: 222, 42, 42; --product-in-stock-text-color: 46, 158, 123; --loading-bar-background: 40, 40, 40; --root-heading-color: 40, 40, 40; --root-text-color: 40, 40, 40; --root-background: 255, 255, 255; --root-border-color: 223, 223, 223; --root-primary-button-background: 255, 152, 0; --root-primary-button-text-color: 255, 255, 255; --base-font-size: 16px; --heading-font-family: Helvetica, Arial, sans-serif; --heading-font-weight: 700; --heading-font-style: normal; --heading-text-transform: uppercase; --text-font-family: Helvetica, Arial, sans-serif; --text-font-weight: 400; --text-font-style: normal; --text-font-bold-weight: 700; --heading-xxsmall-font-size: 11px; --heading-xsmall-font-size: 11px; --heading-small-font-size: 12px; --heading-large-font-size: 36px; --heading-h1-font-size: 36px; --heading-h2-font-size: 30px; --heading-h3-font-size: 26px; --heading-h4-font-size: 24px; --heading-h5-font-size: 20px; --heading-h6-font-size: 16px; --button-border-radius: 8px; --block-border-radius: 8px; --block-border-radius-reduced: 4px; --color-swatch-border-radius: 0px; --button-height: 48px; --button-small-height: 40px; --form-input-field-height: 48px; --form-input-gap: 16px; --form-submit-margin: 24px; --product-list-block-spacing: 32px; --play-button-background: 255, 255, 255; --play-button-arrow: 40, 40, 40; --transform-logical-flip: 1; --transform-origin-start: left; --transform-origin-end: right; --zoom-cursor-svg-url: url(//scooch.com/cdn/shop/t/42/assets/zoom-cursor.svg?v=170612692042106224761759452288); --arrow-right-svg-url: url(//scooch.com/cdn/shop/t/42/assets/arrow-right.svg?v=40046868119262634591754492292); --arrow-left-svg-url: url(//scooch.com/cdn/shop/t/42/assets/arrow-left.svg?v=158856395986752206651754492293); --container-max-width: 1600px; --container-gutter: 24px; --container-max-width-minus-gutters: calc(var(--container-max-width) - (var(--container-gutter)) * 2); --container-outer-width: max(calc((100vw - var(--container-max-width-minus-gutters)) / 2), var(--container-gutter)); --container-outer-margin: var(--container-outer-width); --container-inner-width: calc(100vw - var(--container-outer-width) * 2); --grid-column-count: 10; --grid-gap: 24px; --grid-column-width: calc((100vw - var(--container-outer-width) * 2 - var(--grid-gap) * (var(--grid-column-count) - 1)) / var(--grid-column-count)); --vertical-breather: 28px; --vertical-breather-tight: 28px; --payment-terms-background-color: #ffffff; }

@media screen and (min-width: 741px) {
  :root { --container-gutter: 40px; --grid-column-count: 20; --vertical-breather: 40px; --vertical-breather-tight: 40px; --heading-xsmall-font-size: 12px; --heading-small-font-size: 13px; --heading-large-font-size: 52px; --heading-h1-font-size: 48px; --heading-h2-font-size: 38px; --heading-h3-font-size: 32px; --heading-h4-font-size: 24px; --heading-h5-font-size: 20px; --heading-h6-font-size: 18px; --form-input-field-height: 52px; --form-submit-margin: 32px; --button-height: 52px; --button-small-height: 44px; }
}

@media screen and (min-width: 1200px) {
  :root { --vertical-breather: 48px; --vertical-breather-tight: 48px; --product-list-block-spacing: 48px; --heading-large-font-size: 64px; --heading-h1-font-size: 56px; --heading-h2-font-size: 48px; --heading-h3-font-size: 36px; --heading-h4-font-size: 30px; --heading-h5-font-size: 24px; --heading-h6-font-size: 18px; }
}

@media screen and (min-width: 1600px) {
  :root { --vertical-breather: 48px; --vertical-breather-tight: 48px; }
}