.simple-color-selector-container{margin:0 auto;padding:0;max-width:100%;text-align:center;background:none!important;background-color:transparent!important;box-shadow:none!important;border:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center}.simple-color-selector-container *{background-image:none!important}.selector-title{font-size:28px;font-weight:600;margin-bottom:30px;color:#333;text-align:center;width:100%;display:block}.color-image-container{display:flex;justify-content:center;align-items:center;margin:0 auto 20px;position:relative;overflow:hidden;width:100%;background:none!important}.color-image{max-width:100%;height:auto;display:block;margin:0 auto;opacity:1;transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out;transform:scale(1);border-radius:0;background:none!important}.color-image.fade-out{opacity:0;transform:scale(.98)}.color-image.fade-in{opacity:1;transform:scale(1)}.no-image{padding:80px 20px;background-color:#fff0;border:1px dashed #ccc;text-align:center;color:#888;border-radius:0}.color-selection-area{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto;background:none!important}.color-name-display{font-size:16px;font-weight:400;margin:10px auto 5px;color:#333;text-align:center;width:100%;display:flex;justify-content:center;align-items:center;background:none!important}.color-name-display span{font-weight:400;position:relative;display:inline-block;transition:all 0.3s ease;margin-left:5px}.color-name-display span:after{content:'';position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:#333;transform:scaleX(0);transition:transform 0.3s ease}.color-name-display span.animate:after{transform:scaleX(1)}.color-options-wrapper{border:solid 1px #B9B9B9;padding:12px 20px 12px 20px;border-radius:40px;display:inline-block;margin:10px auto;background:transparent!important}.color-options{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;background:transparent!important;border:none!important}.color-option{border-radius:50%;cursor:pointer;border:1px solid #B9B9B9;transition:all 0.3s ease;position:relative;box-sizing:border-box;box-shadow:0 0 0 1px rgb(0 0 0 / .05)}.color-options.small .color-option{width:24px;height:24px}.color-options.medium .color-option{width:32px;height:32px}.color-options.large .color-option{width:40px;height:40px}.color-option:hover{transform:scale(1.05);box-shadow:0 0 0 2px #B9B9B9;z-index:2}.color-option.active{border:1px solid #333;box-shadow:0 0 0 2px #B9B9B9}.color-option.active:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;height:30%;border-radius:50%;background-color:rgb(255 255 255 / .5);z-index:1}.selector-note{margin-top:20px;font-size:12px;color:#888;text-align:center;width:100%;display:flex;justify-content:center;background:none!important}.wpb_wrapper,.vc_column-inner{background:none!important}@media screen and (max-width:768px){.color-name-display{font-size:16px}}@media screen and (max-width:480px){.color-options{gap:8px}.color-options.medium .color-option{width:28px;height:28px}.color-options.large .color-option{width:34px;height:34px}}