.sidebar{min-height:90svh;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid white;border-radius:12px;width:90px;gap:20px;transition:width .3s ease-in-out;position:relative}.sidebar.opened{width:200px}.sidebar.opened .button-container{right:-15px}.sidebar .routes-container{display:flex;flex-direction:column;gap:150px}.containerHeader{display:flex;align-items:center}.containerHeader .img{width:23px;height:23px}.containerHeader .titleHeader{font-weight:700;margin-left:10px}.containerHeader .button-container{position:absolute;right:-35px;transition:right .4s ease-in-out}.containerHeader .button-container .buttonHeader{border-radius:50%;text-align:center;background-color:#8a8989;cursor:pointer}.containerItem .descriptionItem{cursor:pointer;position:relative;padding:5px}.containerItem .descriptionItem:hover{border-radius:13px;background-color:#8a8989;width:110%;margin-left:-10%;transition:margin-left .4s ease-in-out}.containerItem .descriptionItem:hover .tooltip{display:block}.containerItem .descriptionItem .titleItem{margin:2px}.containerItem .descriptionItem .tooltip{position:absolute;top:0;left:200%;transform:translate(-50%);background-color:#8a8989;border-radius:5px;padding:5px;display:none}.selectedItem{border-radius:13px;background-color:#c59a6e}.pagesContainer{display:flex;flex-direction:column;gap:10px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}