button.toothpaste-usage{cursor:pointer;display:flex;font-family:inherit;background-color:rgba(0,0,0,0);align-items:center;border-radius:20px;border:1px solid var(--color-khaki);gap:16px;justify-content:space-between;line-height:1.5;margin:7.2rem 0 0;padding:1.5rem 2.3rem;color:currentColor}@media(max-width: 990px){button.toothpaste-usage{margin:1.5rem 0 3.5rem}}button.toothpaste-usage .panel{width:100%}button.toothpaste-usage img{max-width:38%;height:auto}button.toothpaste-usage p{flex:1;margin:2px 0;text-align:left}@media(max-width: 500px){button.toothpaste-usage p br{display:none}}button.toothpaste-usage svg{height:34px;width:34px}button.toothpaste-usage svg path{fill:#000}#toothpaste-usage-popup .usage-icon{height:50px}#toothpaste-usage-popup{display:none}.modal #toothpaste-usage-popup{display:flex;flex-grow:1;align-items:center;text-align:center}#toothpaste-usage-popup .panel{width:100%}#toothpaste-usage-popup .logo-mark{width:42px;height:auto;position:absolute;top:68px;left:50%;transform:translateX(-50%)}#toothpaste-usage-popup .controls{justify-content:center;position:absolute;width:100%;display:flex;left:0%;bottom:30px}@media(min-width: 990px){#toothpaste-usage-popup .controls{bottom:70px}}#toothpaste-usage-popup .controls .button{margin:0 5px}@media(max-width: 500px){#toothpaste-usage-popup .controls .button{font-size:16px;padding:0 20px;text-align:center;justify-content:center;min-width:100px}#toothpaste-usage-popup .controls .button svg{display:none}}@media(min-width: 990px){#toothpaste-usage-popup .controls .button{margin:0 19px}}#toothpaste-usage-popup .logo-mark path{fill:#000}#toothpaste-usage-popup .h3{margin:10px 0 0;font-size:36.5px}@media(min-width: 990px){#toothpaste-usage-popup .h3{font-size:65px}}#toothpaste-usage-popup h4{margin:0;font-size:24px}@media(min-width: 990px){#toothpaste-usage-popup h4{font-size:36.5px}}#toothpaste-usage-popup .eco{color:#a1ae65}#toothpaste-usage-popup.opened{opacity:1;visibility:visible;z-index:3}#toothpaste-usage-popup .button--close{position:absolute;cursor:pointer;width:32px;height:32px;right:20px;top:20px;color:inherit}#toothpaste-usage-popup .button--close svg{width:100%;height:auto}.range-row{display:flex;align-items:center}.range-row .col svg{display:unset;}.range-row .col{padding:0px}.range-row .col:first-child,.range-row .col:last-child{position:relative;top:-26px;width:130px;text-align:center}@media(max-width: 990px){.range-row .col:first-child,.range-row .col:last-child{display:none}}.range-row .col:first-child{padding-left:0}.step-2 .range-row .col:first-child{text-align:left}.range-row .col:last-child{padding-left:0}.step-2 .range-row .col:last-child{text-align:right}.range-row .range-col{flex:1 0 auto}#toothpaste-usage-popup .step-2,#toothpaste-usage-popup .step-3,#toothpaste-usage-popup .step-4{display:none}@media screen and (min-width: 990px){button.toothpaste-usage{gap:18px;border-radius:34px;padding:1.5rem 3.5rem}button.toothpaste-usage p{font-size:1.6rem}button.toothpaste-usage svg{height:38px;width:38px}}