.hover-group-opacity li>*{transition:opacity .2s ease-in-out}.hover-group-opacity:focus li>*,.hover-group-opacity:hover li>*{opacity:.3}.hover-group-opacity.active-mode li>*{opacity:.6}.hover-group-opacity li>:focus,.hover-group-opacity li>:hover,.hover-group-opacity.active-mode li.active>*{opacity:1;outline:none}.hover-group-opacity li>*{position:relative}.hover-group-opacity.hover-group-opacity-underline li>:after{background:#fff;content:"";display:block;height:1px;position:absolute;transition:width .2s ease-in-out;width:0}.hover-group-opacity.hover-group-opacity-underline li>:focus:after,.hover-group-opacity.hover-group-opacity-underline li>:hover:after{width:100%}.hover-group-opacity.hover-group-opacity-underline.active-mode:not(:focus) li.active>:after,.hover-group-opacity.hover-group-opacity-underline.active-mode:not(:hover) li.active>:after{background:#fff;content:"";display:block;height:1px;position:absolute;transition:width .2s ease-in-out;width:100%}