.ringSizeTool__circleComponent{width:100%;height:15rem}.ringSizeTool__circleComponent .circle{stroke:#000;fill:transparent}.sliderComponent{width:100%;position:relative;margin-bottom:20px}.sliderComponent:before{top:3px;left:0}.sliderComponent:after,.sliderComponent:before{content:"";position:absolute;height:100%;width:2px;background:#f6f7f8}.sliderComponent:after{top:2px;right:0}.sliderComponent input[type=range]{width:100%;-webkit-appearance:none}.sliderComponent input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#f6f7f8}.sliderComponent input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;height:24px;width:24px;border:1px solid #f6f7f8;border-radius:50%;margin-top:-12px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1);cursor:pointer}.buttonComponent{background:#000;color:#fff;border:1px solid transparent;border-radius:0;-webkit-appearance:none;position:relative;overflow:hidden;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:24px;font-size:14px;text-transform:uppercase;font-weight:700;padding:20px 25px;cursor:pointer;margin-top:16px;transition:background .15s ease-in}@media screen and (max-width:576px){.buttonComponent{padding:20px 11px}}.buttonComponent .text{padding-right:5px}.buttonComponent.cta{background:#db7093}.buttonComponent.cta .loaderOverlayComponent{background-color:transparent}.buttonComponent.cta:hover .loaderOverlayComponent svg{color:#000!important}.buttonComponent.fixedWidth{width:300px;height:60px;padding:0}.buttonComponent.has-message{justify-content:flex-start}.buttonComponent.has-message .close-icon-wrapper{position:absolute;top:0;right:0;padding:0 18px;height:100%;border-left:1px solid rgba(0,0,0,.1);background:#fff;transition:background .15s ease-in}.buttonComponent.has-message .close-icon-wrapper .close-icn{width:24px;height:24px;transition:background .15s ease-in}.buttonComponent.has-message .close-icon-wrapper:before{content:"";display:block;position:absolute;top:0;left:-31px;width:30px;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0) 20%,#fff);transition:background .15s ease-in}.buttonComponent.has-message:hover .close-icon-wrapper{background:#000;border-left:1px solid hsla(0,0%,100%,.8)}.buttonComponent.has-message:hover .close-icon-wrapper .close-icn{fill:#fff}.buttonComponent.has-message:hover .close-icon-wrapper:before{content:"";display:block;position:absolute;top:0;left:-31px;width:30px;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0) 20%,#000)}.buttonComponent.border{background:#fff;color:#000;border:1px solid rgba(0,0,0,.1);padding:23px 18px;transition:background .15s ease-in}.buttonComponent.border.borderBlack{border-color:#000}.buttonComponent.border:hover{background:#000;color:#fff}.buttonComponent.disabled{cursor:no-drop;background:#f6f7f8;color:#000;opacity:.6;font-weight:400}@media screen and (max-width:768px){.buttonComponent.disabled{opacity:1;background:#000;color:#fff}}.buttonComponent.button{transition:background .15s ease-in;border:1px solid transparent}.buttonComponent.button:hover{background:#fff;color:#000;border:1px solid rgba(0,0,0,.1)}.buttonComponent--half{width:50%;padding:0 20px!important;height:60px;line-height:normal;text-align:center;flex-direction:column}.buttonComponent--half .title{color:#616161}.buttonComponent--half+.buttonComponent--half{margin-left:-1px}.buttonComponent--red-border{border:1px solid #d0021b!important}.buttonComponent:hover:enabled{border:1px solid rgba(0,0,0,.1);background:#fff;color:#000;opacity:1}.buttonComponent.smallText{font-size:12px;text-transform:none}.buttonComponent.fullWidth{width:100%}.buttonComponent.iconCta{display:flex;flex-direction:row;justify-content:flex-start;text-transform:none;margin-top:0;padding:10px!important}.buttonComponent.iconCta .icon{margin-right:10px;width:28px;height:28px}.ringSizeToolComponent .header .headline{font-family:Helvetica,Arial,sans-serif;font-weight:700;font-size:22px;margin-bottom:16px}.ringSizeToolComponent .header .headline--small{font-size:14px;letter-spacing:.4px;margin-bottom:16px}.ringSizeToolComponent .header .headline--mm{font-size:26px;letter-spacing:.4px}.ringSizeToolComponent .header .description{font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:24px;letter-spacing:.4px;text-align:center}