.colour-options .heading{margin:0 0 .7rem;position:relative;padding:5px 0 0;width:100%;font-size:.75rem;letter-spacing:.06rem;text-transform:uppercase;font-weight:400}.colour-options .colours{display:flex;height:2.375rem;gap:1rem;margin-bottom:1.5rem}.colour-options .colours li{width:2.375rem}.colour-options .colours li a{display:block;box-sizing:border-box;border:1px solid #a09f9b;height:100%;background-size:cover;background-position:center;position:relative}.colour-options .colours li a:hover{border-color:#000}.colour-options .colours li a.active{outline:3px solid #a09f9b}.colour-options .colours li a.active:hover{border-color:#a09f9b}.colour-options .colours li a.unavailable:before,.colour-options .colours li a.unavailable:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%}.colour-options .colours li a.unavailable:before{background:#ffffff80}.colour-options .colours li a.unavailable:after{background:linear-gradient(to top right,transparent calc(50% - 1px),#000,transparent calc(50% + 1px))}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-colour-options.css.map */