.context-menu{position:fixed;z-index:98;width:200px}.context-menu.absolute{margin-top:var(--space-10)}.context-menu .context-menu-items{padding:var(--space-6);color:var(--font-color);border-radius:var(--border-radius-low);background-color:var(--theme-color-2);border:1px solid var(--theme-color-20);margin-top:16px}.context-menu .context-menu-items .menu-item{position:relative;padding:var(--space-8);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;color:var(--font-color);border-radius:var(--border-radius-extra-low);transition:background-color var(--transition-duration-fast) ease-in-out}.context-menu .context-menu-items .menu-item:hover{background-color:var(--theme-color-6)}.context-menu .context-menu-items .menu-item.with-divider{margin-bottom:10px}.context-menu .context-menu-items .menu-item.with-divider:after{content:"";position:absolute;bottom:-5px;left:4px;width:calc(100% - 8px);height:1px;border-radius:calc(var(--border-radius-extra-low) - 2px);background-color:var(--theme-color-20)}.context-menu.dark .context-menu-items{background-color:var(--theme-color-3);border-color:var(--theme-color-16)}.context-menu.dark .context-menu-items .menu-item{color:var(--theme-color-1)}.context-menu.dark .context-menu-items .menu-item:hover{background-color:var(--theme-color-18)}.context-menu.dark .context-menu-items .menu-item.with-divider:after{background-color:var(--theme-color-16)}.hint-popup{position:relative;display:flex;align-items:center;justify-content:center}.hint-popup .hint-button{display:block;margin:0 auto;padding:0 var(--space-4);text-align:center;color:var(--font-color-light);transition:color var(--transition-duration-fast) ease-in-out}.hint-popup .hint-button.show,.hint-popup .hint-button:hover{color:var(--font-color)}.hint-popup .hint{max-width:300px;top:100%;transform:translateX(-50%);margin-top:var(--space-10);background-color:var(--theme-color-5);border-radius:var(--border-radius-medium);border:1px solid var(--theme-color-21);line-height:24px;text-align:center}.hint-popup .hint,.requirement-popup{position:absolute;width:100%;padding:var(--space-12);font-size:var(--font-size-12)}.requirement-popup{top:calc(100% + var(--space-10));min-width:300px;border:1px solid var(--theme-color-39);border-radius:var(--border-radius-low);background-color:var(--theme-color-2);z-index:6}.requirement-popup .title{color:var(--font-color);padding-bottom:var(--space-14)}.requirement-popup .requirement{position:relative;display:flex;align-items:center;gap:var(--space-12);color:var(--font-color-secondary);transition:color var(--transition-duration-fast) ease-in-out}.requirement-popup .requirement:not(:last-child){margin-bottom:10px}.requirement-popup .requirement span{width:calc(100% - 22px)}.requirement-popup .requirement.valid{color:var(--theme-color-24)}.requirement-popup .requirement.valid svg{color:var(--theme-color-24)!important}.snackbar{position:fixed;bottom:0;left:50%;z-index:999}.snackbar.center{transform:translateX(-50%)}.snackbar.left{left:0;margin-left:24px}.snackbar.right{left:auto;right:0;margin-right:24px}.snackbar .snackbar-dialog{display:flex;align-items:center;gap:12px;padding:0 14px;width:-moz-fit-content;width:fit-content;height:62px;min-width:200px;max-width:400px;font-size:var(--font-size-13);line-height:18px;color:var(--theme-color-1);border-radius:var(--border-radius-medium);box-shadow:0 0 6px var(--theme-color-14)}.snackbar .snackbar-dialog .icon svg{width:22px;height:22px;fill:var(--theme-color-3)}.tooltip-item{position:relative}.tooltip-item .tooltip{position:absolute;z-index:99;left:50%;transform:translateX(-50%);white-space:nowrap}.tooltip-item .tooltip.bottom{top:100%}.tooltip-item .tooltip.top{top:-35px}.tooltip-item .tooltip.left{left:-10px;top:50%;transform:translateY(-50%) translateX(-100%)}.tooltip-item .tooltip.right{right:-10px;top:50%;transform:translateY(-50%) translateX(100%)}.tooltip-item .tooltip .tooltip-dialog{position:relative;z-index:999;padding:var(--space-4) var(--space-10);margin-top:var(--space-8);min-width:var(--size-40);width:-moz-fit-content;width:fit-content;text-align:center;border-radius:var(--border-radius-low);background-color:var(--theme-color-6);color:var(--theme-color-8)}