.usage-container{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:10px}.usage-wrapper{padding:7px;background-color:#f0f0f0;border-radius:30px;color:#fff;cursor:help;font-size:16px;font-weight:600;position:relative;text-align:center;width:40px;height:40px;-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased}.usage-wrapper .tooltip-box{bottom:100%;color:#fff;display:block;left:-38px;margin-bottom:15px;opacity:0;padding:5px;pointer-events:none;position:absolute;width:120px;-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;-webkit-box-shadow:2px 2px 6px rgb(0 0 0 / .28);-moz-box-shadow:2px 2px 6px rgb(0 0 0 / .28);-ms-box-shadow:2px 2px 6px rgb(0 0 0 / .28);-o-box-shadow:2px 2px 6px rgb(0 0 0 / .28);box-shadow:2px 2px 6px rgb(0 0 0 / .28);z-index:900}.usage-wrapper .tooltip-box:before{bottom:-20px;content:" ";display:block;height:20px;left:0;position:absolute;width:200px}.usage-wrapper .tooltip-box:after{border-left:solid #fff0 10px;border-right:solid #fff0 10px;bottom:-10px;content:" ";height:0;left:50%;margin-left:-13px;position:absolute;width:0}.usage-wrapper:hover .tooltip-box{opacity:1;pointer-events:auto;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.lte8 .usage-wrapper .tooltip-box{display:none}.lte8 .usage-wrapper:hover .tooltip-box{display:block}.usage-wrapper .tooltip-box.aromatic:after{border-top:solid #7d8790 10px}.usage-wrapper .tooltip-box.topical:after{border-top:solid #d87e25 10px}.usage-wrapper .tooltip-box.neat:after{border-top:solid #7a9dcc 10px}.usage-wrapper .tooltip-box.hot:after{border-top:solid #c4362d 10px}.usage-wrapper .tooltip-box.photosensitive:after{border-top:solid #c4362d 10px}.usage-wrapper .tooltip-box.phototoxic:after{border-top:solid #c4362d 10px}.usage-wrapper .tooltip-box.sensitive:after{border-top:solid #c4362d 10px}.usage-wrapper .tooltip-box.dilute:after{border-top:solid #7a9dcc 10px}.usage-wrapper .tooltip-box.internal:after{border-top:solid #939236 10px}.usage-wrapper.aromatic,.tooltip-box.aromatic{background:#7d8790}.usage-wrapper.topical,.tooltip-box.topical{background:#d87e25}.usage-wrapper.neat,.tooltip-box.neat{background:#7a9dcc}.usage-wrapper.hot,.tooltip-box.hot{background:#c4362d}.usage-wrapper.photosensitive,.tooltip-box.photosensitive{background:#c4362d}.usage-wrapper.phototoxic,.tooltip-box.phototoxic{background:#c4362d}.usage-wrapper.sensitive,.tooltip-box.sensitive{background:#c4362d}.usage-wrapper.dilute,.tooltip-box.dilute{background:#7a9dcc}.usage-wrapper.internal,.tooltip-box.internal{background:#939236}