.skin-tone-selector{font-family:Arial,sans-serif;text-align:center;padding:20px;background-color:#f9f9f9}.skin-tone-selector .title{font-size:1.5rem;color:#333;margin:0;margin-bottom:1rem}.skin-tone-selector .grid{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;list-style:none;padding:0;margin:0}.skin-tone-selector .item{max-width:24vw!important}.skin-tone-selector .item .wrapper{cursor:pointer;text-align:center;border:2px solid #ccc;border-radius:8px;padding:2px;transition:all .3s ease;background-color:#fff}.skin-tone-selector .item .wrapper:hover,.skin-tone-selector .item .wrapper:focus{border-color:#ff6f61;box-shadow:0 4px 10px #0000001a}.skin-tone-selector .item .wrapper img{max-width:100%;height:100%;transition:transform .3s ease;border-radius:8px 8px 0 0}.skin-tone-selector .item .wrapper:hover img,.skin-tone-selector .item .wrapper:focus img{transform:scale(1.1)}.skin-tone-selector .item .title{margin:0;font-size:.9rem;font-weight:700;color:#555}.skin-tone-selector input[type=radio]:checked+.wrapper{border-color:#ff6f61;background-color:#fff6f5;box-shadow:0 6px 15px #ff6f6133;box-shadow:#00000059 0 5px 15px;scale:1.1}.skin-tone-selector input[type=radio]:checked+.wrapper .title{color:#ff6f61}@media screen and (max-width: 768px){.skin-tone-selector .item{flex:0 1 calc(50% - 10px)}}@media screen and (max-width: 480px){.skin-tone-selector .item{flex:0 1 calc(100% - 10px)}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/skin-tone-selector.css.map */