.side-bar{background-color:var(--nai-color-senary);width:100%;height:100%}.side-bar .side-bar__header{height:25%}.side-bar .side-bar__button-wrapper{flex-direction:column;align-items:flex-start;display:flex}.side-bar .side-bar__button-wrapper .button-wrapper__button{background-color:var(--nai-color-senary);cursor:pointer;width:100%;height:48px;padding:0 var(--nai-spacing-sm);color:var(--nai-color-secondary);text-wrap:nowrap;font-size:var(--nai-font-size-xs);border:none;align-items:center;transition:background-color .3s;display:flex}.side-bar .side-bar__button-wrapper .button-wrapper__button.isInUse{background-color:var(--nai-color-secondary);color:var(--nai-color-primary)}.side-bar .side-bar__button-wrapper .button-wrapper__button:hover{-webkit-backdrop-filter:invert(10%);backdrop-filter:invert(10%)}.side-bar .side-bar__button-wrapper .button-wrapper__button.isInactivated{background-color:var(--nai-color-quinary);color:var(--nai-color-primary);cursor:not-allowed}.side-bar .side-bar__button-wrapper .button-wrapper__button.isInactivated:hover{opacity:1}.side-bar .side-bar__button-wrapper .button-wrapper__button .button__icon{width:20px;height:20px;margin:0 var(--nai-spacing-sm)}