.prd-DetailColourVariants{--ColumnOffset: var(--Grid_Column);--WidthOffset: calc((var(--Grid_Column) * 1.5) + 10px);display:block;width:calc(100% + var(--ColumnOffset));overflow:visible}@media only screen and (min-width: 768px){.prd-DetailColourVariants{--ColumnOffset: calc(var(--Grid_Column) * 2);--WidthOffset: calc((var(--Grid_Column) * 2) + 10px);overflow:hidden}}@media only screen and (min-width: 1024px){.prd-DetailColourVariants{--ColumnOffset: (var(--Grid_Column) * 4);--WidthOffset: var(--Grid_Column)}}@media only screen and (min-width: 1700px){.prd-DetailColourVariants{--ColumnOffset: (var(--Grid_Column) * 3);--WidthOffset: 0}}.prd-DetailColourVariants_Carousel{display:flex;width:calc(100% - var(--ColumnOffset));overflow:visible}.prd-DetailColourVariants_CarouselInner{width:100%;padding-inline-end:var(--WidthOffset);overflow:visible}@media only screen and (min-width: 1700px){.prd-DetailColourVariants_CarouselInner{width:calc(100% + var(--Grid_Column));margin-inline-end:calc(-1 * var(--Grid_Column))}}.prd-DetailColourVariants_Items{--Item_Count: 3;--Gap_Count: calc(var(--Item_Count) - 1);--Gap_Size: 10px;--Gap_Allowance: calc(var(--Gap_Size) * var(--Gap_Count));cursor:grab}@media only screen and (min-width: 1024px){.prd-DetailColourVariants_Items{--Item_Count: 4;--Gap_Size: 20px}}.prd-DetailColourVariants_Items:not([data-initialised=true]){grid-auto-columns:calc((100% - var(--Gap_Allowance)) / var(--Item_Count));grid-auto-flow:column;grid-gap:var(--Gap_Size);display:grid}.prd-DetailColourVariants_Items[class*=keen-slider]{overflow:visible}.prd-DetailColourVariants_Header{margin-block-start:0;margin-block-end:15px}@media only screen and (max-width: 768px){.prd-DetailColourVariants_Header{margin-block-end:20px}}@media only screen and (max-width: 768px){.prd-DetailColourVariants_Title{display:none}}.prd-DetailColourVariants_ImageContainer{position:relative;border:1px solid transparent;overflow:hidden;transition:border-color .3s ease-in-out}.prd-DetailColourVariants_Item{min-width:70px}.prd-DetailColourVariants_Item-current .prd-DetailColourVariants_ImageContainer{border-color:var(--Color_DarkGrey)}@media only screen and (max-width: 1200px){.prd-DetailColourVariants_Item-soldOut .prd-DetailColourVariants_ImageContainer{border:1px solid var(--Color_Grey)}.prd-DetailColourVariants_Item-soldOut .prd-DetailColourVariants_Image{opacity:.3}.prd-DetailColourVariants_Item-soldOut .prd-DetailColourVariants_Image-strikethrough:after{content:"";position:absolute;top:0;width:100%;height:100%;background-image:url('data:image/svg+xml,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><line x1="0" y1="100" x2="100" y2="0" stroke-width="1" stroke="%23C4C4C4"/></svg>');background-size:100% 100%}}@media only screen and (min-width: 1201px){.prd-DetailColourVariants_Item-soldOut .prd-DetailColourVariants_Image{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.prd-DetailColourVariants_Item-soldOut:hover .prd-DetailColourVariants_Image{opacity:.3}.prd-DetailColourVariants_Item-soldOut .prd-DetailColourVariants_ImageContainer{transition:border-color .3s ease-in-out}.prd-DetailColourVariants_Item-soldOut:hover .prd-DetailColourVariants_ImageContainer{border:1px solid var(--Color_Grey)}.prd-DetailColourVariants_Item-soldOut .prd-DetailColourVariants_Image-strikethrough:after{content:"";position:absolute;top:0;width:100%;height:100%;background-image:url('data:image/svg+xml,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"><line x1="0" y1="100" x2="100" y2="0" stroke-width="1" stroke="%23C4C4C4"/></svg>');background-size:100% 100%;opacity:0;transition:opacity .3s ease-in-out}.prd-DetailColourVariants_Item-soldOut:hover .prd-DetailColourVariants_Image-strikethrough:after{opacity:1}}.prd-DetailColourVariants_Item:is(:hover,:focus-within) .prd-DetailColourVariants_ImageContainer{border-color:var(--Color_Grey)}.prd-DetailColourVariants_Image{transform:scale(1.05);transition:transform .3s ease-in-out}.prd-DetailColourVariants_Item:is(:hover,:focus-within) .prd-DetailColourVariants_Image{transform:scale(1)}.prd-DetailColourVariants_FauxLink,.prd-DetailColourVariants_ItemTitle{margin-block-start:10px;font-size:14px;font-weight:400;line-height:16px}
/*# sourceMappingURL=/cdn/shop/t/984/assets/product-detail-colour-variants.css.map */