#swatch-selector{width:100%;height:100%;position:relative;display:flex;justify-content:space-between;align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:0}#swatch-selector .image{width:50%;height:100%}#swatch-selector .image img{width:100%;height:100%;object-fit:cover;object-position:center}#swatch-selector>.content{width:50%;height:100%;padding:0 5%;display:flex;justify-content:center;align-items:start;flex-direction:column;flex-wrap:row;gap:0}#swatch-selector>.content h2{margin-bottom:20px}#swatch-selector>.content .colour-swatches{max-width:700px;margin:20px 0;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px}#swatch-selector>.content .text{margin-bottom:50px;max-width:800px}#swatch-selector>.content .text p{width:80%}#swatch-selector>.content .text.mobile{display:none}#swatch-selector>.content .swatch{cursor:pointer;position:relative}#swatch-selector>.content .swatch-container{width:70px;height:70px;display:block;border-radius:100%;margin:0 auto;background-size:cover;background-color:rgba(46,43,43,.2)}#swatch-selector>.content .swatch-container .inner{width:inherit;height:inherit;display:inherit;border-radius:inherit;transition:.5s;background-size:inherit}#swatch-selector>.content .swatch.active .swatch-container .inner,#swatch-selector>.content .swatch:hover .swatch-container .inner{transform:scale(.8)}@media screen and (max-width:1024px){#swatch-selector{display:flex;flex-direction:column-reverse;padding:40px 0}#swatch-selector>.content{width:95vw;height:auto;margin:30px auto;left:0;flex-direction:row;flex-wrap:wrap;justify-content:space-between}#swatch-selector>.content p{width:max-content}#swatch-selector>.content .colour-swatches{gap:17px;order:3;margin:20px 0 0}#swatch-selector>.content .swatch-container{width:10vw;height:10vw}#swatch-selector>.content .material-swatches{justify-content:space-evenly}#swatch-selector>.content #swatch-colour{order:1}#swatch-selector .image{width:85%!important;left:0;height:500px;margin:0 auto;transform:translate(0,0);position:relative}#swatch-selector .text{width:85%;margin:30px auto}#swatch-selector .text h2{margin-bottom:30px}#swatch-selector .text.desktop{display:none}#swatch-selector .text.mobile{display:block}}.swatch-colour.desktop{display:block}.swatch-colour.mobile{display:none}@media screen and (max-width:1024px){.swatch-colour.desktop{display:none}.swatch-colour.mobile{display:block;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);color:#fff;font-weight:600}}