.side-bar{height:100%;width:100%;background-color:var(--nai-color-senary)}.side-bar .side-bar__header{height:25%}.side-bar .side-bar__button-wrapper{display:flex;flex-direction:column;align-items:flex-start}.side-bar .side-bar__button-wrapper .button-wrapper__button{display:flex;height:48px;width:100%;background-color:var(--nai-color-senary);border:none;cursor:pointer;align-items:center;transition:background-color .3s ease;padding:0 var(--nai-spacing-sm);color:var(--nai-color-secondary);text-wrap:nowrap;font-size:var(--nai-font-size-xs)}.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{height:20px;width:20px;margin:0 var(--nai-spacing-sm)}