.side-bar{position:fixed;height:100vh;width:240px;--tw-bg-opacity:1;background-color:rgb(88 86 214/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));.list-item{position:relative;margin-left:1.75rem;display:flex;height:56px;cursor:pointer;align-items:center;gap:1.25rem;border-top-left-radius:9999px;border-bottom-left-radius:9999px;padding:1rem}.list-item:where([dir=rtl],[dir=rtl] *){margin-left:0}.list-item:where([dir=rtl],[dir=rtl] *){margin-right:1.75rem}.list-item:where([dir=rtl],[dir=rtl] *){border-top-right-radius:9999px;border-bottom-right-radius:9999px}.list-item:where([dir=rtl],[dir=rtl] *){border-top-left-radius:0;border-bottom-left-radius:0}}.right-effect{position:absolute;left:100%;top:50%;bottom:-1.25rem;z-index:10;display:grid;height:168px;width:1.25rem;--tw-translate-x:-1.25rem;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));grid-template-rows:repeat(3,minmax(0,1fr));place-items:center;--tw-bg-opacity:1;background-color:rgb(247 247 252/var(--tw-bg-opacity))}.right-effect:where([dir=rtl],[dir=rtl] *){left:0;--tw-translate-x:0px;--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.right-effect{div{height:100%;width:100%}}.navbar{display:flex;align-items:center;justify-content:flex-end;gap:1.75rem;border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.25rem}