.sec-ColourWheel{display:block;overflow:hidden}.sec-ColourWheel-spacingNone{padding-bottom:0}.sec-ColourWheel-spacingSmall{padding-top:10px;padding-bottom:10px}.sec-ColourWheel-spacingStandard{padding-top:20px;padding-bottom:20px}.sec-ColourWheel-spacingLarge{padding-top:40px;padding-bottom:40px}@media only screen and (min-width: 901px){.sec-ColourWheel-spacingSmall{padding-top:20px;padding-bottom:20px}.sec-ColourWheel-spacingStandard{padding-top:40px;padding-bottom:40px}.sec-ColourWheel-spacingLarge{padding-top:60px;padding-bottom:60px}}@media only screen and (max-width: 767px){.sec-ColourWheel-spacingSmall,.sec-ColourWheel-spacingLarge,.sec-ColourWheel-spacingStandard{padding-top:0}}@media only screen and (min-width: 768px){.sec-ColourWheel_Columns{grid-template-columns:repeat(2,1fr);display:grid}}.sec-ColourWheel_Column{align-self:stretch}.sec-ColourWheel_Column-content{position:relative;padding:20px;background:var(--Color_LightGrey)}.sec-ColourWheel_Columns-textImage .sec-ColourWheel_Column-content{grid-column:1 / span 1;grid-row:1 / span 1}.sec-ColourWheel_Columns-textImage .sec-ColourWheel_Column-image{grid-column:2 / span 1}@media only screen and (min-width: 768px){.sec-ColourWheel_Column-content{padding:40px}}@media only screen and (min-width: 901px){.sec-ColourWheel_Column-content{align-items:center;justify-content:center;display:flex;padding:60px}}@media only screen and (max-width: 767px){.sec-ColourWheel_Column-content{padding:30px 0;background:transparent}.sec-ColourWheel-white .sec-ColourWheel_Column-content{background:transparent}.sec-ColourWheel_Column-image{margin-right:-15px;margin-left:-15px}}.sec-ColourWheel_ImageContainer{height:100%;overflow:hidden}.sec-ColourWheel_Image{display:flex;height:100%}@media only screen and (max-width: 767px){.sec-ColourWheel_Image-desktop{display:none}}@media only screen and (min-width: 768px){.sec-ColourWheel_Image-mobile{display:none}}.sec-ColourWheel_Content{position:relative;flex-direction:column;display:flex;max-width:450px;width:100%}@media only screen and (max-width: 767px){.sec-ColourWheel_Content{margin:0 auto}}.sec-ColourWheel_Header{position:absolute;top:0;left:0;z-index:3;align-items:center;flex-direction:column;justify-content:center;display:block;display:flex;width:calc(100% - 60px);height:100%;margin:0 30px;padding:0 15px;text-align:center;pointer-events:none}@media only screen and (max-width: 767px){.sec-ColourWheel_Header{position:relative;display:block;height:auto;margin:0;padding:0;text-align:left}}.sec-ColourWheel_Title{margin-bottom:15px}@media only screen and (min-width: 901px){.sec-ColourWheel_Title{margin-bottom:20px}}@media only screen and (max-width: 1201px){.sec-ColourWheel_Title{font-size:26px;line-height:34px}}.sec-ColourWheel_Text{margin-bottom:20px}@media only screen and (min-width: 901px){.sec-ColourWheel_Text{margin-bottom:30px}}@media only screen and (min-width: 768px){.sec-ColourWheel_Link{margin-left:-30px;pointer-events:auto}}.sec-ColourWheel_Arrow{background:#fff}@media only screen and (max-width: 767px){.sec-ColourWheel_Arrow{background:var(--Color_LightGrey)}}.sec-ColourWheel_List{display:none}@media only screen and (max-width: 767px){.sec-ColourWheel_List{grid-auto-flow:row dense;grid-column-gap:20px;grid-template-columns:repeat(2,1fr);display:grid;max-width:450px;width:100%;margin:30px auto 0}}.sec-ColourWheel_Item{position:relative;align-items:center;justify-content:space-between;display:flex;padding:15px 0 15px 35px;border-bottom:1px solid var(--Color_Border)}.sec-ColourWheel_Item:before{content:"";position:absolute;top:15px;left:0;display:block;width:24px;height:24px;background:var(--Colour);border:4px solid #fff;border-radius:50%}.sec-ColourWheel_Item-white:before{box-shadow:inset 0 0 1px #0000004d}.sec-ColourWheel_Item:focus:before{outline:1px solid var(--Colour)}.sec-ColourWheel_Item-white:focus:before{outline:1px solid var(--Color_LightGrey)}.sec-ColourWheel_Wheel{position:relative;align-items:center;justify-content:center;display:flex;max-width:450px;max-height:450px;width:100%;height:var(--Height);margin:0 auto;clip-path:circle(50%)}@media only screen and (max-width: 767px){.sec-ColourWheel_Wheel{display:none}}.sec-ColourWheel_Colour{position:absolute;top:0;left:calc(var(--BorderHeight) - var(--BorderWidth));box-sizing:border-box;border-color:var(--Colour) transparent transparent transparent;transform:rotate(var(--Progress));-webkit-transform-origin:50% 100%;border-style:solid;border-width:var(--BorderHeight) var(--BorderWidth) 0;transition:opacity .5s ease}.sec-ColourWheel_Wheel:hover .sec-ColourWheel_Colour{opacity:.3}.sec-ColourWheel_Wheel:hover .sec-ColourWheel_Colour:hover{opacity:1}.sec-ColourWheel_Wheel:after{content:"";position:absolute;top:15px;left:15px;width:var(--WidthAfter);height:var(--WidthAfter);background:var(--Color_LightGrey);border-radius:100%;overflow:hidden;pointer-events:none}@media only screen and (min-width: 901px){.sec-ColourWheel_Wheel:after{top:20px;left:20px;width:var(--WidthAfter);height:var(--WidthAfter)}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/section-colour-wheel.css.map?v=60272352667671719291666709821 */