.Container{margin-bottom:100px}.row-main{display:flex;gap:24px}.col-20{width:20%}.col-25{width:25%}.col-30{width:30%}.col-40{width:40%}.col-50{width:50%;text-align:center}.col-extra-paddings{padding:0 5%}#color-options{display:flex;gap:12px;flex-direction:column}.color-picker{display:flex;justify-content:center;gap:10px;margin-top:20px}.color-box{width:80px;height:40px;cursor:pointer}.color-box:before{position:relative;display:none}.color-box[data-color=black],.color-box[data-tooltip=black]{border:1px solid white!important}.color-entry{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:14px;color:#fff}color-options{display:none;justify-content:flex-start;flex-wrap:wrap;gap:5px;margin-top:18px}.color-options div{position:relative;display:inline-block}.color-options div:before{content:none!important;display:none!important}.color-options div:after{content:attr(data-tooltip);position:absolute;bottom:110%;left:50%;transform:translate(-50%);background-color:#222;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s ease}.color-options div:hover:after{opacity:1}.color-options div{width:35px;height:35px;cursor:pointer}#color-picker{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:40px;max-width:350px;gap:6px}.selected{outline:2px solid white!important}svg{width:500px;height:auto}.Button--secondary{padding-top:30px;padding-bottom:30px;border:1px solid white;font-size:17px;letter-spacing:.3px}.Button--secondary:hover{background:#fff;color:#000}#preset-options{display:flex;flex-direction:column;align-content:center;align-items:center}#preset-options button{margin-bottom:30px}#preset-options button img{height:80px;objet-fit:cover;margin-bottom:10px}@media (max-width: 800px){#preset-options{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;gap:12px}#preset-options button img{height:50px;objet-fit:cover}#preset-options button span{display:none}.row-main{flex-direction:column}#svg-container{width:200px!important;height:200px!important;margin:0 auto}#svg-container svg{width:200px!important;height:200px!important}#color-options{display:flex;gap:12px;flex-wrap:wrap;flex-direction:row;justify-content:flex-start}.color-box{width:40px;height:40px}.color-entry{font-size:12px;letter-spacing:.5px;min-width:180px;max-width:48%}#color-picker{max-width:100%}#loading-overlay img{max-width:180px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/replace-color.css.map */