.avatar-section{max-width:1440px;margin-right:auto;margin-left:auto;text-align:center}.content{width:100%;display:flex;flex-direction:column;gap:29px}.content .heading{align-self:center}.content .heading h1{text-align:center;font-size:35px;font-family:sequel,sans-serif;color:#d3d3d3;letter-spacing:1px}.color-palette{display:flex;gap:10px;justify-content:center}.color-swatch{width:30px;height:30px;border-radius:50%;cursor:pointer;transition:transform .3s ease}.color-swatch:hover,.color-swatch.active{transform:scale(1.2)}.avatar-container{display:flex;justify-content:center;align-items:center;height:700px;position:relative;overflow:hidden;width:100%}.avatar-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.avatar-image.active{opacity:1}@media only screen and (min-width: 741px){.color-avatar-section{gap:0}.content{width:60%;gap:100px}.content .heading{align-self:center;padding-left:26%}.content .heading h1{font-size:46px;line-height:54px;text-align:left;letter-spacing:5px}.color-swatch{width:40px;height:40px}.avatar-container{width:29%}}
/*# sourceMappingURL=/cdn/shop/t/167/assets/color-avatar.css.map */