.colour-wheel{display:flex;align-items:stretch;flex-wrap:wrap;column-gap:4rem;row-gap:2rem}@media screen and (min-width: 1600px){.colour-wheel{flex-wrap:nowrap}}.colour-wheel__wrapper{align-self:flex-start;display:flex;position:relative}.colour-wheel__wrapper svg{overflow:visible;width:21rem}.colour-wheel__wrapper svg circle{cursor:pointer;transition:all var(--duration-default) ease}.colour-wheel__wrapper svg circle:hover{stroke-width:2.4rem}.colour-wheel__wrapper svg circle.active{stroke-width:3rem}.colour-wheel__wrapper:after{content:attr(data-after);position:absolute;top:3.5rem;left:3.5rem;width:14rem;height:14rem;background-color:var(--color-body);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.6rem;padding:0 1rem}.color-wheel__content{overflow:hidden}.color-wheel__description{padding:1rem 0;width:100%}.color-wheel__description.js-colour-transition{animation:fadeOutDown var(--duration-long) cubic-bezier(.6,0,.2,1) forwards}.color-wheel__description.js-colour-active{animation:fadeInUp var(--duration-long) cubic-bezier(.6,0,.2,1) forwards}@media screen and (min-width: 1600px){.color-wheel__description{width:auto}}.color-wheel__description p{margin-top:.8rem;margin-bottom:0;font-size:1.4rem;line-height:2.4rem}.color-wheel__description .button{margin-top:2.4rem}.color-wheel__description-title{display:flex;align-items:center}.color-wheel__description-title .colour-swatch{margin-right:.8rem;width:3.2rem;height:3.2rem}.color-wheel__description-title .colour-swatch:before{content:none}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/382/assets/colour-wheel.css.map?v=179030520479711844221749027892 */