/** Shopify CDN: Minification failed

Line 75:8 Expected identifier but found whitespace
Line 75:10 Unexpected "{"
Line 75:20 Expected ":"
Line 103:8 Expected identifier but found whitespace
Line 103:10 Unexpected "{"
Line 103:20 Expected ":"
Line 192:24 Unexpected "{"
Line 192:33 Expected ":"
Line 192:40 Unexpected "{"
Line 196:33 Unexpected "{"
... and 2 more hidden warnings

**/
:root {
  --kit-accent: #F05D2F;
  --color-text: #1e1e1e;
  --card-border: #EEEEEE;
  --text-subdued: #3c3c3cb7;
  
  --swatch-colour: #7C846A;

  --Basalt: #6D6C6E;
  --Bluegum: #969799;
  --ClassicCream: #E9DCB8;
  --CottageGreen: #304C3C;
  --Cove: #9e9883;
  --DeepOcean: #364152;
  --DoverWhite: #F9FBF1;
  --Dune: #B1ADA3;
  --EveningHaze: #C5C2AA;
  --Gully: #857E73;
  --Ironstone: #3E434C;
  --Jasper: #6C6153;
  --Mangrove: #575c4a;
  --ManorRed: #5E1D0E;
  --Monument: #323233;
  --NightSky: #000000;
  --PaleEucalypt: #7C846A;
  --Paperbark: #CABFA4;
  --Windspray: #888B8A;
  --Southerly: #D2D1CB;
  --Surfmist: #E4E2D5;
  --Terrain: #6b3f29;
  --Wallaby: #7F7C78;
  --Windspray: #888B8A;
  --WoodlandGrey: #4B4C46;
  --Zincalume: #454545;
  --edit-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 7 7'%3E%3Cg opacity='0.5' clip-path='url(%23clip0_390_5564)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.13477 5.45435V4.74973L3.86477 2.01973L4.56977 2.72435L1.83977 5.45435H1.13477ZM4.96727 2.32648L5.26914 2.0246C5.2866 2.00719 5.30046 1.9865 5.30991 1.96372C5.31936 1.94094 5.32423 1.91652 5.32423 1.89185C5.32423 1.86719 5.31936 1.84277 5.30991 1.81999C5.30046 1.79721 5.2866 1.77652 5.26914 1.7591L4.83002 1.31998C4.8126 1.30252 4.79191 1.28866 4.76913 1.27921C4.74635 1.26976 4.72193 1.26489 4.69727 1.26489C4.6726 1.26489 4.64818 1.26976 4.6254 1.27921C4.60262 1.28866 4.58193 1.30252 4.56452 1.31998L4.26264 1.62185L4.96727 2.32648ZM0.572266 5.45435V4.51685L4.16702 0.922105C4.30766 0.781501 4.49839 0.702515 4.69727 0.702515C4.89614 0.702515 5.08687 0.781501 5.22752 0.922105L5.66702 1.3616C5.80762 1.50225 5.88661 1.69298 5.88661 1.89185C5.88661 2.09073 5.80762 2.28146 5.66702 2.4221L2.07227 6.01685H0.572266V5.45435Z' fill='black' fill-opacity='0.79'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_390_5564'%3E%3Crect width='6' height='6' fill='white' transform='translate(0.197266 0.391846)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.swiper-slide {
  height: 200px;
  overflow: hidden;
}

@media(max-width: 767px) {
  .swiper-slide {
    height: 140px;
  }
}

.color-slider {
  position: relative;
  margin-bottom: 1rem;
}

.slide-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  color: {{ settings.color_text }};
  font-weight: 600;
  transition: all 0.2s ease;
}

.slide-swatch {
  flex-grow: 1;
  width: 100%;
  transform: scaleY(0.75);
  transition: all 0.2s ease !important;
}

.splide__slide.is-visible,
.splide__slide.is-prev,
.splide__slide.is-next,
.splide__slide.is-active {
  pointer-events: all;
}

.swiper-slide-active .slide-swatch {
  transform: scale(1);
}

.swiper-slide-active .slide-content {
  color:  #F05D2F;
}

.splide__slide.is-active .slide-content {
  color: {{ settings.color_button_background }};
}

.splide__arrow {
  position: relative;
  align-items: center;
  background: none;
  border-radius: 0;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 1;
  padding: 0;
  top: unset;
  width: 2em;
  z-index: 1;
}

.splide__arrow--next {
  right: unset;
  transform: translateY(0) rotate(180deg);
}
.splide__arrow--prev {
  left: unset;
}

.splide__arrow svg {
  fill: none;
  height: 3rem;
  width: 3rem;
}

.splide__arrows {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 2rem;
}

.options-selection__swatches--color_swatch {
  min-inline-size: auto;
}

.slide-content .options-selection__option-value-input+.options-selection__option-swatch-wrapper .options-selection__option-swatch {
  border-radius: 0;
}

.slide-content .options-selection__option-swatch-wrapper {
  height: 100%;
  margin: 0;
  display: block;
  width: 100%;
}

.slide-content .options-selection__option-value-input:checked:focus:not(:disabled)+.options-selection__option-swatch-wrapper {
  box-shadow: none;
}

.slide-content .options-selection__option-value-input+.options-selection__option-swatch-wrapper .options-selection__option-swatch-inner {
  width: 100%;
}

.slide-content .options-selection__option-value-input+.options-selection__option-swatch-wrapper:after {
  display: none;
}

.slide-content .options-selection__option-value-input:checked+.options-selection__option-swatch-wrapper {
  box-shadow: none;
}

.color-helper.product-link {
  margin: 0;
  font-size: 0.85rem;
}


.options-selection__option-value {
  text-align: center;
  font-size: 0.85rem;
}

.options-selection__swatches {
  min-inline-size: auto;
}

#product-color-slider--{{ section.id }} {
  position: relative;
}

.is-grid #product-color-slider--{{ section.id }} {
  max-height: 450px;
  overflow: auto;
  display: block;
}

.color-wheel__overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  align-items: center;
  justify-content: center;
  background: #ffffff;
}

.color-wheel__overlay svg {
  width: 40px;
  height: 40px;
  animation: 1s infinite spinner linear;
}

@keyframes spinner {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.changing-layouts .color-wheel__overlay {
  display: flex;
}

.is-grid .kit-product__colours--list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0.5rem;
  max-height: 500px;
  overflow: auto;
}

@supports (-moz-appearance: none) {
  .is-grid .kit-product__colours--list {
    grid-auto-rows: 100px;
  }
}

.is-grid .swiper-slide {
  height: auto;
}

.is-grid .slide-swatch .options-selection__option-swatch {
  width: 100%;
  height: 75px;
  border-radius: 4px;
}

.is-grid .kit-product__colours--arrows {
  display: none;
}

variant-selection ::-webkit-scrollbar {
  width: 5px;
}

variant-selectoin ::-webkit-scrollbar-thumb {
  background-color:  #F05D2F;
}

.kit-builder__product-options-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.kit-builder__product--color--settings {
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}

.kit-builder__product--color--setting {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s ease;
}

.kit-builder__product--color--setting.active {
  color: #F05D2F;
}

.kit-builder__product--color--setting svg {
  stroke: #5F5554;
  transition: all 0.2s ease;
}

.kit-builder__product--color--setting.active svg {
  stroke: #F05D2F;
}

.kit-builder__helper-link {
  appearance: none;
  margin: 0;
  margin-right: 0;
  margin-left: auto;
  text-align: right;
  padding: 0;
  color: var(--text-subdued);
  border: none;
  background: transparent;
  text-decoration: underline;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.kit-builder__helper-link:hover {
  color: #F05D2F;
}

fieldset {
  border: none;
}

.kit-builder__overlay {
  position: fixed;
  left: 0;
  top: 62px;
  width: 100%;
  height: calc(100dvh - 62px);
  background: rgba(0,0,0,0.5);
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 1000;
}

.kit-builder__overlay--content {
  width: var(--content-width);
  max-width: 90vw;
  max-height: calc(100% - 2rem);
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden;
}

.kit-builder__overlay--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--card-border);
  padding: 1rem;
}

.kit-builder__overlay--header h4 {
  margin: 0;
}

.kit-builer__overlay--text-content {
  padding: 1rem;
  display: none;
}

.kit-builer__overlay--screw-text-content {
  position: relative;
  padding: 0 1rem 1rem;
}

.kit-builder__overlay--footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: solid 1px var(--card-border);
  background: var(--color-surface);
  padding: 1rem;
}

.kit-builder__overlay--close {
  cursor: pointer;
}

@media (max-width: 767px) {
  .kit-builder__overlay {
    top: 62px;
    height: calc(100dvh - 62px);
  }

  .kit-builder__overlay--footer {
    flex-direction: column;
    gap: 1.5rem;
    align-items: flex-end;
  }
    
  .kit-builder__overlay--content {
    display: flex;
    flex-direction: column;
  }

  .kit-product__colours--arrows {
    display: none;
  }
}

.kit-builder__text--small {
  font-size: 0.75rem;
}

@media (max-width: 767px) {
  .options-selection__swatches--color_swatch {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .kit-builder__product-options-header {
    order: 3;
  }

  .options-selection__option-header {
    flex-direction: row;
  }
}