.hdm-control-pad.bg-1{--control-pad-bg:var(--modal-bg)}.hdm-control-pad.bg-2{--control-pad-bg:var(--modal-bg2)}.hdm-control-pad{box-sizing:border-box;background-color:var(--control-pad-bg);border:1px solid var(--border-color);border-radius:15px;flex-direction:row;justify-content:center;align-items:center;gap:5px;min-width:40px;min-height:40px;padding:4px;display:flex}.hdm-control-pad.horizontal{flex-direction:row;width:fit-content;height:40px}.hdm-control-pad.vertical{flex-direction:column;width:40px;height:fit-content}.hdm-control{outline:2px solid #0000;flex-direction:row;justify-content:center;align-items:center;transition:border-color .2s ease-in-out,outline-color .2s ease-in-out,background-color .2s ease-in-out;display:flex}.hdm-control:focus-visible{border:0 solid var(--primary-color);outline:2px solid var(--primary-color);outline-offset:0}.hdm-control{background-color:#0000;border:none;border-radius:10px;width:30px;height:30px}.hdm-control:hover{background-color:var(--background)}.hdm-control svg{color:var(--text-primary);transition:color .2s ease-in-out}.hdm-control.active{background-color:var(--background)}.hdm-control.active svg{color:var(--primary-color)}.hdm-control:disabled{cursor:not-allowed}.hdm-control:disabled svg{color:var(--text-secondary)}@keyframes rotate{to{transform:rotate(360deg)}}.hdm-button-medium{box-sizing:border-box;border-radius:15px;outline:2px solid #0000;flex-direction:row;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 12px;transition:border-color .2s ease-in-out,outline-color .2s ease-in-out,all .2s ease-in-out;display:flex}.hdm-button-medium:focus-visible{border:0 solid var(--primary-color);outline:2px solid var(--primary-color);outline-offset:0}.hdm-button-medium span{text-align:center;font-family:Outfit,sans-serif}.hdm-button-medium svg{transition:color .2s ease-in-out}.hdm-button-medium.hdm-button-icon-left{padding-left:10px}.hdm-button-medium.hdm-button-icon-right{padding-right:10px}.hdm-button-medium.hdm-button-icon-only{padding:10px}.hdm-button-medium.primary{background-color:color-mix(in srgb, var(--primary-color) 20%, transparent);border:1px solid #0000}.hdm-button-medium.primary span,.hdm-button-medium.primary svg{color:var(--primary-color)}.hdm-button-medium.primary:hover:not(:disabled){background-color:var(--primary-color)}.hdm-button-medium.primary:hover:not(:disabled) span,.hdm-button-medium.primary:hover:not(:disabled) svg{color:#fff}.hdm-button-medium.primary:disabled{cursor:not-allowed;background-color:var(--modal-bg)!important;border:1px solid var(--border-color)!important}.hdm-button-medium.primary:disabled span,.hdm-button-medium.primary:disabled svg{color:var(--text-secondary)!important}.hdm-button-medium.secondary{background-color:var(--background);border:1px solid var(--border-color)}.hdm-button-medium.secondary span,.hdm-button-medium.secondary svg{color:var(--text-primary)}.hdm-button-medium.secondary:hover:not(:disabled){background-color:var(--modal-bg2)}.hdm-button-medium.secondary:hover:not(:disabled) span,.hdm-button-medium.secondary:hover:not(:disabled) svg{color:var(--text-primary)}.hdm-button-medium.secondary:disabled{cursor:not-allowed;background-color:var(--modal-bg)!important;border:1px solid var(--border-color)!important}.hdm-button-medium.secondary:disabled span,.hdm-button-medium.secondary:disabled svg{color:var(--text-secondary)!important}.hdm-button-medium.tertiary{background-color:var(--modal-bg);border:1px solid var(--border-color)}.hdm-button-medium.tertiary span,.hdm-button-medium.tertiary svg{color:var(--text-primary)}.hdm-button-medium.tertiary:hover:not(:disabled){background-color:var(--modal-bg2)}.hdm-button-medium.tertiary:hover:not(:disabled) span,.hdm-button-medium.tertiary:hover:not(:disabled) svg{color:var(--text-primary)}.hdm-button-medium.tertiary:disabled{cursor:not-allowed;background-color:var(--background)!important;border:1px solid var(--border-color)!important}.hdm-button-medium.tertiary:disabled span,.hdm-button-medium.tertiary:disabled svg{color:var(--text-secondary)!important}.hdm-button-medium.danger{background-color:color-mix(in srgb, var(--red-color) 20%, transparent);border:1px solid #0000}.hdm-button-medium.danger span,.hdm-button-medium.danger svg{color:var(--red-color)}.hdm-button-medium.danger:hover:not(:disabled){background-color:var(--red-color)}.hdm-button-medium.danger:hover:not(:disabled) span,.hdm-button-medium.danger:hover:not(:disabled) svg{color:#fff}.hdm-button-medium.danger:disabled{cursor:not-allowed;background-color:var(--modal-bg)!important;border:1px solid var(--border-color)!important}.hdm-button-medium.danger:disabled span,.hdm-button-medium.danger:disabled svg{color:var(--text-secondary)!important}.hdm-button-medium{position:relative}.hdm-button-medium .hdm-button-hidden{visibility:hidden}.hdm-button-medium .hdm-button-loader{position:absolute}.hdm-loading{transform-origin:50%;animation:1s linear infinite rotate}.hdm-button-small{box-sizing:border-box;border-radius:10px;outline:2px solid #0000;flex-direction:row;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 10px;transition:border-color .2s ease-in-out,outline-color .2s ease-in-out,all .2s ease-in-out;display:flex}.hdm-button-small:focus-visible{border:0 solid var(--primary-color);outline:2px solid var(--primary-color);outline-offset:0}.hdm-button-small span{text-align:center;font-family:Outfit,sans-serif}.hdm-button-small svg{transition:color .2s ease-in-out}.hdm-button-small.hdm-button-icon-left{padding-left:8px}.hdm-button-small.hdm-button-icon-right{padding-right:8px}.hdm-button-small.hdm-button-icon-only{padding:7px}.hdm-button-small.primary{background-color:color-mix(in srgb, var(--primary-color) 20%, transparent);border:1px solid #0000}.hdm-button-small.primary span,.hdm-button-small.primary svg{color:var(--primary-color)}.hdm-button-small.primary:hover:not(:disabled){background-color:var(--primary-color)}.hdm-button-small.primary:hover:not(:disabled) span,.hdm-button-small.primary:hover:not(:disabled) svg{color:#fff}.hdm-button-small.primary:disabled{cursor:not-allowed;background-color:var(--modal-bg)!important;border:1px solid var(--border-color)!important}.hdm-button-small.primary:disabled span,.hdm-button-small.primary:disabled svg{color:var(--text-secondary)!important}.hdm-button-small.secondary{background-color:var(--background);border:1px solid var(--border-color)}.hdm-button-small.secondary span,.hdm-button-small.secondary svg{color:var(--text-primary)}.hdm-button-small.secondary:hover:not(:disabled){background-color:var(--modal-bg2)}.hdm-button-small.secondary:hover:not(:disabled) span,.hdm-button-small.secondary:hover:not(:disabled) svg{color:var(--text-primary)}.hdm-button-small.secondary:disabled{cursor:not-allowed;background-color:var(--modal-bg)!important;border:1px solid var(--border-color)!important}.hdm-button-small.secondary:disabled span,.hdm-button-small.secondary:disabled svg{color:var(--text-secondary)!important}.hdm-button-small.tertiary{background-color:var(--modal-bg);border:1px solid var(--border-color)}.hdm-button-small.tertiary span,.hdm-button-small.tertiary svg{color:var(--text-primary)}.hdm-button-small.tertiary:hover:not(:disabled){background-color:var(--modal-bg2)}.hdm-button-small.tertiary:hover:not(:disabled) span,.hdm-button-small.tertiary:hover:not(:disabled) svg{color:var(--text-primary)}.hdm-button-small.tertiary:disabled{cursor:not-allowed;background-color:var(--background)!important;border:1px solid var(--border-color)!important}.hdm-button-small.tertiary:disabled span,.hdm-button-small.tertiary:disabled svg{color:var(--text-secondary)!important}.hdm-button-small.danger{background-color:color-mix(in srgb, var(--red-color) 20%, transparent);border:1px solid #0000}.hdm-button-small.danger span,.hdm-button-small.danger svg{color:var(--red-color)}.hdm-button-small.danger:hover:not(:disabled){background-color:var(--red-color)}.hdm-button-small.danger:hover:not(:disabled) span,.hdm-button-small.danger:hover:not(:disabled) svg{color:#fff}.hdm-button-small.danger:disabled{cursor:not-allowed;background-color:var(--modal-bg)!important;border:1px solid var(--border-color)!important}.hdm-button-small.danger:disabled span,.hdm-button-small.danger:disabled svg{color:var(--text-secondary)!important}.hdm-button-small{position:relative}.hdm-button-small .hdm-button-hidden{visibility:hidden}.hdm-button-small .hdm-button-loader{position:absolute}.hdm-toast{background-color:var(--modal-bg);border:1px solid var(--border-color);border-radius:15px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;min-width:200px;max-width:600px;padding:10px;animation:.3s forwards ToastShow;display:flex}.hdm-toast.is-closing{animation:.3s ease-in-out forwards ToastHide}.hdm-toast .left{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}.hdm-toast .left svg.error{color:var(--red-color)}.hdm-toast .left svg.success{color:var(--green-color)}.hdm-toast .left svg.info{color:var(--blue-color)}.hdm-toast .left svg.warning{color:var(--yellow-color)}.hdm-toast .center{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:5px;width:100%;display:flex}.hdm-toast .center h3{font-family:Outfit,sans-serif;font-size:16px}.hdm-toast .center .error{color:var(--red-color)}.hdm-toast .center .success{color:var(--green-color)}.hdm-toast .center .info{color:var(--blue-color)}.hdm-toast .center.warning{color:var(--yellow-color)}.hdm-toast .center .desc{font-size:12px}.hdm-toast .right{flex-direction:column;justify-content:flex-start;align-items:stretch;height:100%;display:flex}@keyframes ToastShow{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ToastHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)translateY(-50px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--modal-bg) 25%, var(--modal-bg2) 50%, var(--modal-bg) 75%);background-size:800px 100%;flex-shrink:0;animation:1s ease-in-out infinite shimmer}