.product-colours{display:flex;flex-direction:column;gap:12px;margin:0 0 28px}@media (max-width: 768px){.product-colours{margin:0 0 37px}}.product-colours .product-colours__header .product-colours__label{font-family:DM Sans;font-size:16px;font-weight:600;line-height:100%;color:#262525}.product-colours .product-colours__header .product-colours__value{font-family:DM Sans;font-size:16px;font-weight:500;line-height:100%;color:#262525}.product-colours .product-colours__options{display:flex;flex-wrap:wrap;gap:4px}@media (max-width: 768px){.product-colours .product-colours__options{gap:10px 5px}}.product-colours .product-colours__option{width:100px;height:100px;position:relative;pointer-events:none}@media (max-width: 768px){.product-colours .product-colours__option{width:82px;height:82px}}.product-colours .product-colours__option.checked{pointer-events:auto}.product-colours .product-colours__option.selected{pointer-events:none;position:relative}.product-colours .product-colours__option.selected:after{content:"";display:block;width:100%;height:1px;background-color:#262525;position:absolute;bottom:0;left:0}@media (max-width: 768px){.product-colours .product-colours__option.selected:after{bottom:-5px;height:2px;border-radius:1px}}.product-colours .product-colours__option img,.product-colours .product-colours__option svg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.product-colours .product-colours__option[disabled]{pointer-events:none;opacity:.5}.product-colours__options.button-style{gap:12px}.product-colours .product-colours__option.button-style{font-size:16px;font-weight:500;width:fit-content;height:46px;line-height:46px;box-sizing:content-box;padding:0 24px;border-radius:24px;border:1px solid #f7f2eb;background-color:#f7f2eb;color:#262525;transition:all .3s ease}.product-colours .product-colours__option.button-style:not([disabled]):hover{background-color:#262525;color:#fff;transition:all .3s ease}.product-colours .product-colours__option.button-style.selected{background-color:#262525;color:#fff}.product-colours .product-colours__option.button-style.selected:after{display:none}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-product-colours-picker.css.map */