.custom-colour-popup{position:absolute;top:10.5rem;left:50%;transform:translate(-50%);z-index:5;width:100%;background-color:#fff;padding:0 1rem 1rem;max-width:45rem}.custom-colour-popup-head{position:relative;display:flex;align-items:flex-end;height:3.7rem;margin-bottom:1.6rem}.custom-colour-popup-header{font-size:1.7rem;font-weight:600;margin:0;line-height:1}#custom-colour-popup-btnCancel{position:absolute;top:.5rem;right:0;border:0;background-color:transparent;padding:1rem}#custom-colour-popup-btnCancel .icon{position:relative;width:2rem;height:2rem}#custom-colour-popup-btnCancel .icon img{width:100%;height:auto}.custom-colour-popup-body{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;height:75vh;overflow:auto}.custom-colour-popup-btnColor{border:0;background-color:transparent;padding:0;width:30%;margin:.5rem;font-size:1.3rem}.custom-colour-popup-btnColor div{display:block;border:1px solid #d0d3d6;width:100%;min-height:6rem;margin-bottom:.5rem}.lime{background-color:#43b02a}.pine{background-color:#009775}.bottle{background-color:#173f35}.dalton{background-color:#62b5e5}.royal{background-color:#0077c8}.electric{background-color:#0047bb}.navy{background-color:#0c2340}.slate{background-color:#63666a}.white{background-color:#fff}.babyPink{background-color:#f4a6d7}.pink{background-color:#ef4a81}.lavender{background-color:#9678d3}.sunflower{background-color:#fdda24}.jaffa{background-color:#ff7f41}.red{background-color:#ef3340}.burgundy{background-color:#861f41}.chocolate{background-color:#3f2021}.black{background-color:#000}.sand{background-color:#efdbb2}.coolGrey{background-color:#97999b}.hotPink{background-color:#ce0f69}.grape{background-color:#5f2167}.purple{background-color:#5c068c}.cargo{background-color:#789d4a}.turquoise{background-color:#4ec3e0}.tennisBall{background-color:#97d700}.shiraz{background-color:#862633}.natural{background-color:#bd9b60}.teal{background-color:#008c95}.cream{background-color:#f1f0d8}@media screen and (min-width:500px){.custom-colour-popup-btnColor{width:18%;margin:.5rem 0}}@media screen and (min-width:990px){.custom-colour-popup{padding:0 2rem 2rem;width:730px;top:50%;transform:translate(-50%,-50%)}.custom-colour-popup-header{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-custom-colour-popup.css.map */