.o-017-color-picker-wrapper .row{margin-left:-15px;margin-right:-15px}
.o-017-color-picker-wrapper .molecule-headline{text-align:center;display:block;margin-bottom:40px;color:#004e7a}
@media(min-width:940px){.o-017-color-picker-wrapper .molecule-headline{margin-bottom:60px}
}
.o-017-color-picker-wrapper .product-image{opacity:0;display:none;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;width:calc(100vw - 40px - 50px)}
.o-017-color-picker-wrapper .product-image img{width:100%}
@media(min-width:710px) and (max-width:939px){.o-017-color-picker-wrapper .product-image{max-width:calc(100% - 70px)}
}
@media(min-width:940px) and (max-width:1239px){.o-017-color-picker-wrapper .product-image{max-width:calc(100% - 68px)}
}
@media(min-width:1240px) and (max-width:1419px){.o-017-color-picker-wrapper .product-image{max-width:calc(100% - 113px)}
}
@media(min-width:1420px){.o-017-color-picker-wrapper .product-image{max-width:calc(100% - 104px)}
}
.o-017-color-picker-wrapper .product-image.active{opacity:1;display:block;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;height:70%}
.o-017-color-picker-wrapper .options-container{height:44px;margin-top:40px}
@media(min-width:940px){.o-017-color-picker-wrapper .options-container{margin-top:60px}
}
.o-017-color-picker-wrapper .options-container .indicator-sensible-area{width:44px;height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;margin-right:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.o-017-color-picker-wrapper .options-container .indicator-sensible-area.active .color-indicator{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;border-radius:15px}
.o-017-color-picker-wrapper .options-container .indicator-sensible-area.active .color-indicator i{opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition:opacity .1s ease-out .2s;-o-transition:opacity .1s ease-out .2s;transition:opacity .1s ease-out .2s}
.o-017-color-picker-wrapper .options-container .indicator-sensible-area.active .color-indicator i:after{margin-top:3px}
.o-017-color-picker-wrapper .options-container .color-indicator{width:16px;height:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);border-radius:12.5px;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.o-017-color-picker-wrapper .options-container .color-indicator i{width:100%;height:100%;opacity:0;display:block}
@media(max-width:1240px){.o-017-color-picker-wrapper+.m-005-text-container-wrapper{padding-bottom:40px}
}
.o-017-color-picker-wrapper+.m-005-text-container-wrapper .text-container{color:#63809d;text-align:center;line-height:22px;font-size:14px}