.Lewis{text-align:center;width:100%;height:100%;position:fixed;display:flex;justify-content:end;-webkit-user-select:none;user-select:none;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400}.Lewis .molecular-bar{margin:5px;max-height:calc(100% - 10px)}.button-icon{padding:2px}.tracker-container{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;flex-direction:row;gap:5px;width:auto;border-radius:25px;font-size:1.125rem;height:fit-content}.tracker-tooltip{position:absolute;top:55px;display:flex;flex-direction:column;overflow:visible;gap:10px;padding:5px 10px;width:200px;border-radius:25px;margin:5px;font-size:.875rem}.helper{font-size:1rem;border-radius:100%;width:1.6rem;height:1.6rem;align-self:center}.color{width:20px;height:20px;border-radius:25px;align-self:center}.octet-tooltip{right:100px!important}.lewis-settings{right:80px;top:6px;padding-right:5px;display:flex;gap:5px;height:fit-content;position:absolute}.ElectronCounter{padding:5px;display:inline-block;font-size:1.25rem;color:var(--black);text-align:left;background-color:transparent;border:solid black 2px;line-height:1.5rem;border-radius:15px;width:110px;height:fit-content}@media (width < 652px){.ElectronCounter{font-size:1rem;width:fit-content;padding-top:5px;position:relative}.tracker-container{flex-direction:column;width:fit-content;align-items:end}}.ThreeCanvasDiv{padding-right:80px}.lewis-settings{overflow-y:hidden}.one-select:has(*){padding-left:20px!important}:root{--octet-width: 135px;--width: 175px;--formal-width: 160px;--height: 40px}*{padding:0;margin:0}.tt-toggle{position:relative;height:var(--height);border-radius:var(--height);cursor:pointer;display:flex;align-items:center;color:var(--black);border:2px solid var(--grey-100)}.octet{width:var(--octet-width)}.formal{width:var(--formal-width)}.tt-slider{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--height);background-color:var(--primary);transition:all .4s ease-in-out}.tt-toggle.pressed .tt-slider{background-color:var(--grey-blue);color:#000}.octet.pressed .tt-slider:before{transform:translate(calc(var(--octet-width) - var(--height)))}.formal.pressed .tt-slider:before{transform:translate(calc(var(--formal-width) - var(--height)))}.tt-labels{position:absolute;margin:0 5px;width:calc(100% - 10px);height:100%;font-size:1rem;top:9px;left:0;transition:all .2s ease-in-out;overflow:hidden}.tt-labels:after{content:attr(data-off);position:absolute;right:6px;opacity:1;transition:all .2s ease-in-out}.tt-labels:before{content:attr(data-on);position:absolute;left:calc(var(--height) - var(--width) + 2px);opacity:0;transition:all .2s ease-in-out}.octet .tt-labels:before{left:calc(var(--height) - var(--octet-width) + 2px)}.formal .tt-labels:before{left:calc(var(--height) - var(--formal-width) + 2px)}.octet.pressed .tt-labels:after{opacity:0;transform:translate(calc(var(--octet-width) - var(--height)))}.formal.pressed .tt-labels:after{opacity:0;transform:translate(calc(var(--formal-width) - var(--height)))}.octet.pressed .tt-labels:before{opacity:1;transform:translate(calc(var(--octet-width) - var(--height)))}.formal.pressed .tt-labels:before{opacity:1;transform:translate(calc(var(--formal-width) - var(--height)))}.tt-slider:before{content:"";position:absolute;top:3px;left:2px;width:28px;height:28px;border-radius:calc(var(--height) / 2);border:black solid 2px;transition:all .2s ease-in-out}.tt-toggle.pressed:hover .tt-slider:before{background-color:#6b9aaf}.tt-toggle.not-pressed:hover .tt-slider:before{background-color:#bebebe}