.sidebar{width:100%;height:100dvh;display:flex;flex-direction:column;align-content:center;justify-content:space-between;padding:40px 24px;container-type:inline-size}.sidebar__container{flex-direction:column;justify-content:center}.sidebar__button,.sidebar__container{width:100%;height:-moz-fit-content;height:fit-content;display:flex;align-items:center}.sidebar__button{font:500 1rem/1.6 Inter,Noto Sans JP,sans-serif;padding:4px;border-radius:8px;border:none;flex-shrink:0;background:none;cursor:pointer}.sidebar__button:hover{background-color:var(--neutral-color-100);transition:background-color .15s ease}.sidebar__button:active{background-color:var(--neutral-color-200)}.night .sidebar__button:hover{background-color:var(--neutral-color-600);transition:background-color .15s ease}.night .sidebar__button:active{background-color:var(--neutral-color-500)}@container (max-width: 100px){.sidebar__button{width:-moz-fit-content;width:fit-content;border-radius:9999px;justify-content:center}.sidebar__button>:not(:last-child){margin:0}.sidebar__label,.sidebar__logout{display:none}}