.prd-DetailColourVariants{min-width:0;width:100%}.prd-DetailColourVariants_Carousel{position:relative;display:block;min-width:0;width:100%}.prd-DetailColourVariants_Items{--colour-variants-fade-start: 0px;--colour-variants-fade-end: 0px;--colour-variants-fade-curve: 25%;width:100%;cursor:grab;opacity:0;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,transparent calc(var(--colour-variants-fade-start) * var(--colour-variants-fade-curve)),#000 var(--colour-variants-fade-start),#000 calc(100% - var(--colour-variants-fade-end)),transparent calc(100% - (var(--colour-variants-fade-end) * var(--colour-variants-fade-curve))),transparent);mask-image:linear-gradient(to right,transparent,transparent calc(var(--colour-variants-fade-start) * var(--colour-variants-fade-curve)),#000 var(--colour-variants-fade-start),#000 calc(100% - var(--colour-variants-fade-end)),transparent calc(100% - (var(--colour-variants-fade-end) * var(--colour-variants-fade-curve))),transparent);transition:opacity var(--Transition)}.prd-DetailColourVariants_Items[data-initialised=true]{opacity:1}.prd-DetailColourVariants_Carousel-overflowStart .prd-DetailColourVariants_Items{--colour-variants-fade-start: 75px}.prd-DetailColourVariants_Carousel-overflowEnd .prd-DetailColourVariants_Items{--colour-variants-fade-end: 75px}.prd-DetailColourVariants_Items:not([data-initialised=true]){--Gap_Size: 15px;--Item_Width: 56px;grid-auto-columns:var(--Item_Width);grid-auto-flow:column;grid-gap:var(--Gap_Size);display:grid}@media only screen and (min-width:768px){.prd-DetailColourVariants_Items:not([data-initialised=true]){--Item_Count: 5;--Gap_Size: 18px}}@media only screen and (min-width:1200px){.prd-DetailColourVariants_Items:not([data-initialised=true]){--Item_Count: 6;--Gap_Size: 15px}}.prd-DetailColourVariants_Arrow{position:absolute;inset-block-start:0;z-index:1;align-items:center;display:flex;width:36px;height:75px;padding:0;background:none;border:0;cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--Transition_Quint),visibility var(--Transition_Quint)}.prd-DetailColourVariants_Arrow svg{position:relative;z-index:2;width:7px;height:14px}.prd-DetailColourVariants_Arrow:before{content:"";position:absolute;top:0;left:0;display:block;width:80px;height:120px;background:linear-gradient(270deg,transparent 0,var(--Color_BackgroundPdp) 80%);pointer-events:none}.prd-DetailColourVariants_Arrow-previous{inset-inline-start:0;justify-content:flex-start}.prd-DetailColourVariants_Arrow-previous svg{transform:rotate(180deg)}.prd-DetailColourVariants_Carousel-overflowStart .prd-DetailColourVariants_Arrow-previous{opacity:1;visibility:visible}.prd-DetailColourVariants_Arrow-next{inset-inline-end:0;justify-content:flex-end}.prd-DetailColourVariants_Carousel-overflowEnd .prd-DetailColourVariants_Arrow-next{opacity:1;visibility:visible}.prd-DetailColourVariants_Arrow-next:before{right:0;left:auto;background:linear-gradient(90deg,transparent 0,var(--Color_BackgroundPdp) 80%)}.prd-DetailColourVariants_Header{margin-block-start:0;margin-block-end:15px}@media only screen and (max-width:767px){.prd-DetailColourVariants_Header{margin-block-start:16px;margin-block-end:16px}}.prd-DetailColourVariants_ImageContainer{position:relative;border:1px solid transparent;overflow:hidden;transition:border-color .3s ease-in-out}.prd-DetailColourVariants_Item{flex:0 0 56px;width:56px}.prd-DetailColourVariants_Item-current .prd-DetailColourVariants_ImageContainer{border-color:var(--Color_DarkGrey)}@media only screen and (max-width:1023px){.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:1024px){.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}.prd-DetailColourVariants_ItemTitle{font-size:12px;font-weight:300;line-height:16px;text-transform:capitalize}
/*# sourceMappingURL=/cdn/shop/t/1329/assets/product-detail-colour-variants.css.map */