[data-component=AgentTradingCard]{width:300px;max-width:calc(100vw - var(--unit-xl));display:flex;flex-direction:column;position:relative;transition:transform .1s ease;perspective:1000px;perspective-origin:50%;transform-origin:center;transform-style:preserve-3d;overflow:visible}[data-component=AgentTradingCard] .canvas-background{position:absolute;z-index:1;width:500px;height:500px;top:calc(50% - 250px);left:calc(50% - 250px);transform:translateZ(-50px);filter:blur(16px);-webkit-filter:blur(16px);pointer-events:none}[data-component=AgentTradingCard] .agent-card-container{position:relative;transform:translateZ(0);transform:rotateX(var(--rotateX,0deg)) rotateY(var(--rotateY,0deg));box-shadow:var(--shadow-dark-sm);border-radius:var(--radius-xl);display:flex;flex-direction:column;z-index:3}[data-component=AgentTradingCard] .agent-card-background{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-xl);background:linear-gradient(to bottom,var(--background-primary) 0,var(--background-primary) calc(var(--gradient-pos, 0%) - 50%),var(--background-tertiary) var(--gradient-pos,0),var(--background-primary) calc(var(--gradient-pos, 0%) + 50%),var(--background-primary) 100%);transition:background-position .1s ease;z-index:4}[data-component=AgentTradingCard] .agent-card-foreground{z-index:5;background:var(--background-primary);padding:var(--unit-lg);position:relative;margin:1px;border-radius:var(--radius-xl)}[data-component=AgentTradingCard] .agent-card-type{position:absolute;top:var(--unit-md);right:var(--unit-md);font-size:var(--font-size-xs);padding:var(--unit) var(--unit-sm);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase;border-radius:var(--radius);color:var(--color-secondary)}[data-component=AgentTradingCard] .agent-card-image{flex-shrink:0;position:relative;width:128px;height:128px;border-radius:var(--radius);margin:var(--unit-xl) auto;margin-bottom:var(--unit-lg)}[data-component=AgentTradingCard] .agent-card-image img{display:block;position:absolute;width:100%;height:100%;object-fit:cover;border-radius:1000px}[data-component=AgentTradingCard] .agent-card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--unit-sm);display:flex;align-items:center;justify-content:center}[data-component=AgentTradingCard] .agent-card-description{font-size:var(--font-size-sm);color:var(--color-secondary);margin-bottom:var(--unit-lg);white-space:pre-wrap;text-align:center}[data-component=AgentTradingCard] .agent-card-links{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:var(--unit-lg)}[data-component=AgentTradingCard] .agent-card-links a{display:inline-flex;align-items:center;color:var(--link-color);font-size:var(--font-size-sm)}[data-component=AgentTradingCard] .agent-card-links a .icon{width:12px;height:12px;margin-left:var(--unit-sm)}[data-component=AgentTradingCard] .agent-card-actions{display:flex;align-items:center;justify-content:center;padding-top:var(--unit-md)}[data-component=Login3pPage],[data-component=LoginPage],[data-component=SignupPage]{position:relative;width:100%;height:100%}[data-component=Login3pPage] .center-container,[data-component=LoginPage] .center-container,[data-component=SignupPage] .center-container{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}[data-component=Login3pPage] .center-container .center-modal,[data-component=LoginPage] .center-container .center-modal,[data-component=SignupPage] .center-container .center-modal{width:480px;max-width:calc(100% - var(--unit-xl)*2);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--background-secondary);margin:var(--unit-lg);padding:var(--unit-lg) var(--unit-xl)}[data-component=Login3pPage] .form-intro,[data-component=LoginPage] .form-intro,[data-component=SignupPage] .form-intro{width:100%;margin:0 4px;padding-bottom:var(--unit-lg);margin-bottom:var(--unit-lg);border-bottom:1px solid var(--outline-default);text-align:center}[data-component=Login3pPage] .show-username,[data-component=LoginPage] .show-username,[data-component=SignupPage] .show-username{width:100%}[data-component=Login3pPage] .show-username.hidden,[data-component=LoginPage] .show-username.hidden,[data-component=SignupPage] .show-username.hidden{display:none}[data-component=Login3pPage] .login-discord,[data-component=LoginPage] .login-discord,[data-component=SignupPage] .login-discord{width:100%;display:flex;justify-content:center;padding-top:calc(var(--unit-lg)*.5)}[data-component=Login3pPage] .login-discord.login-3p,[data-component=LoginPage] .login-discord.login-3p,[data-component=SignupPage] .login-discord.login-3p{padding-top:0}[data-component=Login3pPage] .or-row,[data-component=LoginPage] .or-row,[data-component=SignupPage] .or-row{display:flex;align-items:center;margin-top:calc(var(--unit-lg)*2);margin-bottom:var(--unit-md);width:100%;height:1px;overflow:visible}[data-component=Login3pPage] .or-row .line,[data-component=LoginPage] .or-row .line,[data-component=SignupPage] .or-row .line{flex-grow:1;border-top:1px solid var(--outline-default)}[data-component=Login3pPage] .or-row .or-text,[data-component=LoginPage] .or-row .or-text,[data-component=SignupPage] .or-row .or-text{padding:0 var(--unit-lg)}[data-component=Login3pPage] .terms-text,[data-component=LoginPage] .terms-text,[data-component=SignupPage] .terms-text{display:flex;font-size:var(--font-size-sm);color:var(--color-secondary);margin-top:var(--unit-md);margin-bottom:var(--unit-md);justify-content:center}[data-component=PackagesPage]{padding:var(--unit-md) var(--unit-lg);margin-bottom:calc(var(--unit-xl)*2)}[data-component=PackagesPage] .packages-title{font-size:var(--font-size-xxl);font-weight:var(--font-weight-medium);margin-bottom:calc(var(--unit-lg)*3);text-align:center}[data-component=PackagesPage] .packages-title .subheading{font-weight:400;font-size:var(--font-size-lg);margin-top:var(--unit-lg);color:var(--color-secondary)}[data-component=PackagesPage] .packages-body{max-width:var(--screen-sm);margin:0 auto}[data-component=PackagesSearch] .packages-actions{margin:0 auto;display:flex;flex-direction:column;margin-bottom:var(--unit-md);gap:var(--unit-md)}[data-component=PackagesSearch] .packages-actions.at-bottom{margin-top:var(--unit-md)}[data-component=PackagesSearch] .packages-actions .packages-actions-row{display:flex;gap:var(--unit-md)}[data-component=PackagesSearch] .packages-actions .packages-actions-row:not(:has([data-component=Textbox])){flex-wrap:wrap-reverse;justify-content:flex-end}[data-component=PackagesSearch] .packages-actions .packages-actions-row [data-component=Textbox]{flex-shrink:1}[data-component=PackagesSearch] .packages-results{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--unit-md)}[data-component=PackagesSearch] .packages-results-empty{display:flex;flex-direction:column;gap:var(--unit-lg);align-items:center;justify-content:center;color:var(--color-disabled);background:var(--background-input);padding:var(--unit-lg);border-radius:var(--radius-lg);text-align:center;min-height:calc(var(--form-lg)*2)}[data-component=PackageCardGenerator],[data-component=PackageCard]{display:flex;flex-direction:column;background:var(--background-input);border-radius:var(--radius-lg);overflow:hidden;position:relative}[data-component=PackageCardGenerator][data-mode=page],[data-component=PackageCard][data-mode=page]{background:rgba(0,0,0,0)}[data-component=PackageCardGenerator][data-mode=page] .package-avatar,[data-component=PackageCard][data-mode=page] .package-avatar{padding:0;padding-top:var(--unit-xl)}[data-component=PackageCardGenerator][data-mode=page] .package-card-body,[data-component=PackageCard][data-mode=page] .package-card-body{padding:0}[data-component=PackageCardGenerator][data-mode=page] .package-card-body .package-card-footer,[data-component=PackageCard][data-mode=page] .package-card-body .package-card-footer{margin-right:0}[data-component=PackageCardGenerator][data-mode=mini] .package-avatar,[data-component=PackageCard][data-mode=mini] .package-avatar{padding:var(--unit-lg)}[data-component=PackageCardGenerator][data-mode=mini] .package-card-description,[data-component=PackageCard][data-mode=mini] .package-card-description{color:var(--color-tertiary)!important}[data-component=PackageCardGenerator] .package-card-header,[data-component=PackageCard] .package-card-header{display:flex;align-items:center;gap:var(--unit-lg);position:absolute;top:var(--unit-sm);right:var(--unit-sm);background:var(--background-input);padding:var(--unit-sm) var(--unit-md);border-radius:var(--radius-lg)}[data-component=PackageCardGenerator] .package-card-header .package-card-activity,[data-component=PackageCardGenerator] .package-card-header .package-card-rating,[data-component=PackageCard] .package-card-header .package-card-activity,[data-component=PackageCard] .package-card-header .package-card-rating{gap:var(--unit-md)}[data-component=PackageCardGenerator] .package-card-header .package-card-activity svg,[data-component=PackageCardGenerator] .package-card-header .package-card-rating svg,[data-component=PackageCard] .package-card-header .package-card-activity svg,[data-component=PackageCard] .package-card-header .package-card-rating svg{height:var(--unit-lg);width:var(--unit-lg)}[data-component=PackageCardGenerator] .package-card-header .package-card-activity svg.star,[data-component=PackageCardGenerator] .package-card-header .package-card-rating svg.star,[data-component=PackageCard] .package-card-header .package-card-activity svg.star,[data-component=PackageCard] .package-card-header .package-card-rating svg.star{color:var(--orange-main);fill:currentColor}[data-component=PackageCardGenerator] .package-card-header .package-card-rating,[data-component=PackageCard] .package-card-header .package-card-rating{display:flex;align-items:center;color:var(--color-disabled)}[data-component=PackageCardGenerator] .package-card-header .vertical-divider,[data-component=PackageCard] .package-card-header .vertical-divider{height:calc(var(--form-sm) - var(--unit-sm)*2);top:var(--unit-sm);width:1px;background:var(--outline-default)}[data-component=PackageCardGenerator] .package-card-header .package-card-activity,[data-component=PackageCard] .package-card-header .package-card-activity{display:flex;align-items:center;color:var(--color-disabled)}[data-component=PackageCardGenerator] .package-card-header .package-card-type,[data-component=PackageCard] .package-card-header .package-card-type{display:flex;align-items:center;gap:var(--unit-sm);color:var(--color-tertiary);font-size:var(--font-size-sm)}[data-component=PackageCardGenerator] .package-card-header .package-card-type>span,[data-component=PackageCard] .package-card-header .package-card-type>span{display:flex;align-items:center;gap:var(--unit-sm)}[data-component=PackageCardGenerator] .package-card-header .package-card-type>span .package-card-icon,[data-component=PackageCard] .package-card-header .package-card-type>span .package-card-icon{color:var(--color-disabled);display:flex}[data-component=PackageCardGenerator] .package-card-header .package-card-type>span .package-card-icon img,[data-component=PackageCardGenerator] .package-card-header .package-card-type>span .package-card-icon svg,[data-component=PackageCard] .package-card-header .package-card-type>span .package-card-icon img,[data-component=PackageCard] .package-card-header .package-card-type>span .package-card-icon svg{height:var(--unit-lg);width:var(--unit-lg)}[data-component=PackageCardGenerator] .package-card-header .package-card-type>span .package-card-icon svg,[data-component=PackageCard] .package-card-header .package-card-type>span .package-card-icon svg{opacity:.6}[data-component=PackageCardGenerator] .package-card-header .package-card-install-status,[data-component=PackageCard] .package-card-header .package-card-install-status{display:flex;align-items:center;gap:var(--unit-sm);color:var(--color-tertiary);font-size:var(--font-size-sm)}[data-component=PackageCardGenerator] .package-card-header .package-card-install-status svg,[data-component=PackageCard] .package-card-header .package-card-install-status svg{height:var(--unit-lg);width:var(--unit-lg);color:var(--green-light)}[data-component=PackageCardGenerator] .package-avatar,[data-component=PackageCard] .package-avatar{max-width:100%;padding:0 var(--unit-lg);padding-top:var(--unit-lg);display:flex;align-items:flex-start;gap:var(--unit-md)}[data-component=PackageCardGenerator] .package-avatar .package-avatar-content,[data-component=PackageCard] .package-avatar .package-avatar-content{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--form-lg);width:var(--form-lg);color:var(--white);border-radius:var(--radius-lg);overflow:hidden}[data-component=PackageCardGenerator] .package-avatar .package-avatar-content img,[data-component=PackageCard] .package-avatar .package-avatar-content img{width:100%;height:100%;object-fit:cover}[data-component=PackageCardGenerator] .package-avatar .package-avatar-content[data-color=purple],[data-component=PackageCard] .package-avatar .package-avatar-content[data-color=purple]{background:var(--purple-dark)}[data-component=PackageCardGenerator] .package-avatar .package-avatar-content[data-color=green],[data-component=PackageCard] .package-avatar .package-avatar-content[data-color=green]{background:var(--green-dark)}[data-component=PackageCardGenerator] .package-avatar .package-avatar-content[data-color=orange],[data-component=PackageCard] .package-avatar .package-avatar-content[data-color=orange]{background:var(--orange-dark)}[data-component=PackageCardGenerator] .package-avatar .package-avatar-content[data-color=red],[data-component=PackageCard] .package-avatar .package-avatar-content[data-color=red]{background:var(--red-dark)}[data-component=PackageCardGenerator] .package-avatar .package-avatar-content[data-color=blue],[data-component=PackageCard] .package-avatar .package-avatar-content[data-color=blue]{background:var(--blue-dark)}[data-component=PackageCardGenerator] .package-avatar .package-avatar-content .package-avatar-placeholder,[data-component=PackageCard] .package-avatar .package-avatar-content .package-avatar-placeholder{-webkit-user-select:none;user-select:none;font-size:var(--font-size-xxl)}[data-component=PackageCardGenerator] .package-avatar .package-card-title,[data-component=PackageCard] .package-avatar .package-card-title{display:flex;flex-direction:column;padding-left:var(--unit-md);padding-top:var(--unit-sm);justify-content:center;overflow-x:hidden}[data-component=PackageCardGenerator] .package-avatar .package-card-title>div,[data-component=PackageCard] .package-avatar .package-card-title>div{display:flex;align-items:center}[data-component=PackageCardGenerator] .package-avatar .package-card-title .package-card-input,[data-component=PackageCard] .package-avatar .package-card-title .package-card-input{width:200px;max-width:100%;display:flex;align-items:center;gap:var(--unit-sm)}[data-component=PackageCardGenerator] .package-avatar .package-card-title .package-card-display-name,[data-component=PackageCard] .package-avatar .package-card-title .package-card-display-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);display:flex;align-items:center;flex-wrap:wrap;gap:var(--unit-md)}[data-component=PackageCardGenerator] .package-avatar .package-card-title .package-card-display-name .package-card-version,[data-component=PackageCard] .package-avatar .package-card-title .package-card-display-name .package-card-version{padding:var(--unit) var(--unit-md);border-radius:var(--radius-lg);background:var(--background-secondary);font-size:var(--font-size-sm);color:var(--color-disabled)}[data-component=PackageCardGenerator] .package-avatar .package-card-title .package-card-description,[data-component=PackageCard] .package-avatar .package-card-title .package-card-description{display:flex;align-items:center;flex-wrap:wrap;min-height:calc(var(--form-sm) - var(--unit-md));gap:var(--unit-md);color:var(--color-secondary);font-size:calc(var(--font-size-md) + 1px)}[data-component=PackageCardGenerator] .package-card-body,[data-component=PackageCard] .package-card-body{display:flex;flex-direction:column;padding:0 var(--unit-lg);gap:var(--unit-md)}[data-component=PackageCardGenerator] .package-card-body .package-card-environments,[data-component=PackageCard] .package-card-body .package-card-environments{display:flex;align-items:center;gap:var(--unit-md)}[data-component=PackageCardGenerator] .package-card-body .package-card-environments .package-card-environment,[data-component=PackageCard] .package-card-body .package-card-environments .package-card-environment{display:flex;align-items:center}[data-component=PackageCardGenerator] .package-card-body .package-card-footer,[data-component=PackageCard] .package-card-body .package-card-footer{display:flex;margin-top:0;font-size:var(--font-size-sm);color:var(--color-disabled);gap:var(--unit-md);flex-wrap:wrap;align-items:center;padding-bottom:var(--unit-sm);margin-right:calc(-1.5*var(--unit-md))}[data-component=PackageCardGenerator] .package-card-body .package-card-footer .package-card-info,[data-component=PackageCard] .package-card-body .package-card-footer .package-card-info{display:flex;flex-direction:column}[data-component=PackageCardGenerator] .package-card-body .package-card-footer .package-card-info .package-card-necessary,[data-component=PackageCard] .package-card-body .package-card-footer .package-card-info .package-card-necessary{display:flex;align-items:center;gap:var(--unit-sm);flex-wrap:wrap;padding:var(--unit-md) 0;min-height:var(--form-sm)}[data-component=PackageCardGenerator] .package-card-body .package-card-footer .package-card-name,[data-component=PackageCard] .package-card-body .package-card-footer .package-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-component=PackageCardGenerator] .package-card-body .package-card-footer .package-card-name[data-version=development],[data-component=PackageCardGenerator] .package-card-body .package-card-footer .package-card-name[data-version=staging],[data-component=PackageCard] .package-card-body .package-card-footer .package-card-name[data-version=development],[data-component=PackageCard] .package-card-body .package-card-footer .package-card-name[data-version=staging]{color:var(--orange-dark)}[data-component=PackageCardGenerator] .package-card-body .package-card-footer .package-card-actions,[data-component=PackageCard] .package-card-body .package-card-footer .package-card-actions{display:flex;align-items:flex-end;flex-grow:1;justify-content:flex-end;flex-wrap:wrap;gap:var(--unit-sm)}[data-component=PackageCardGenerator] .package-install-settings,[data-component=PackageCard] .package-install-settings{overflow:hidden;max-height:0;transition:max-height .1s ease-in-out}[data-component=PackageCardGenerator] .package-install-settings .package-install-keys,[data-component=PackageCard] .package-install-settings .package-install-keys{display:flex;flex-direction:column;background:var(--background-primary);padding:var(--unit-lg);padding-right:0}[data-component=PackageCardGenerator] .package-install-settings .package-install-keys .package-install-keys-header,[data-component=PackageCard] .package-install-settings .package-install-keys .package-install-keys-header{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-primary);padding:var(--unit-md) var(--unit-lg);display:flex;flex-wrap:wrap;gap:var(--unit-md)}[data-component=PackageCardGenerator] .package-install-settings .package-install-keys .package-install-keys-header>span.label,[data-component=PackageCard] .package-install-settings .package-install-keys .package-install-keys-header>span.label{color:var(--color-disabled);font-weight:var(--font-weight-normal)}[data-component=PackageCardGenerator] .package-install-settings .package-install-keys .package-install-keys-body,[data-component=PackageCard] .package-install-settings .package-install-keys .package-install-keys-body{display:flex;flex-direction:column;gap:var(--unit-md);padding:var(--unit-md) var(--unit-lg);border-radius:var(--radius-lg);background:var(--background-input)}[data-component=PackageCardGenerator] .package-install-settings .package-install-keys .package-install-keys-body .key-permission,[data-component=PackageCard] .package-install-settings .package-install-keys .package-install-keys-body .key-permission{display:flex;align-items:center;gap:var(--unit-md)}[data-component=PackageCardGenerator] .package-install-settings .package-install-keys .package-install-keys-body .key-permission>span,[data-component=PackageCard] .package-install-settings .package-install-keys .package-install-keys-body .key-permission>span{display:flex;flex-direction:column}[data-component=PackageCardGenerator] .package-install-settings .package-install-keys .package-install-keys-body .key-permission .key-permission-name,[data-component=PackageCard] .package-install-settings .package-install-keys .package-install-keys-body .key-permission .key-permission-name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-secondary);display:flex;flex-wrap:wrap;gap:var(--unit-md)}[data-component=PackageCardGenerator] .package-install-settings .package-install-keys .package-install-keys-body .key-permission .key-permission-name .required-key-missing,[data-component=PackageCard] .package-install-settings .package-install-keys .package-install-keys-body .key-permission .key-permission-name .required-key-missing{font-size:var(--font-size-sm);background:var(--red-dark);color:var(--white);padding:0 var(--unit-md);border-radius:var(--radius)}[data-component=PackageCardGenerator] .package-install-settings .package-install-keys .package-install-keys-body .key-permission .key-permission-description,[data-component=PackageCard] .package-install-settings .package-install-keys .package-install-keys-body .key-permission .key-permission-description{font-size:var(--font-size-sm);color:var(--color-disabled)}[data-component=Select]{position:relative;flex-shrink:0}[data-component=Select].error input,[data-component=Select].error textarea{border-color:var(--red-text)!important}[data-component=Select] .heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0 1px;padding:0 var(--unit-sm);display:flex;align-items:flex-end;height:var(--unit-xl)}[data-component=Select] .error-text{margin:0 1px;padding:0 var(--unit-lg);font-size:var(--font-size-sm);color:var(--red-text)}[data-component=Select] select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:0 var(--unit-lg);margin-right:calc(var(--unit-lg)*1.5);font-family:var(--font-family);background-color:var(--background-primary);color:var(--color-primary);font-size:var(--font-size-md);line-height:calc(var(--form-md) - 2px);min-height:var(--form-md);border-radius:var(--radius-lg);background:var(--background-input);border:1px solid rgba(0,0,0,0);caret-color:var(--color-tertiary);outline:none;resize:none;animation:border-color .1s ease-in-out}[data-component=Select] select:hover{border-color:var(--outline-minimal)}[data-component=Select] select:focus{border-color:var(--outline-default);outline:none}[data-component=Select] select:disabled{cursor:default;color:var(--color-disabled)}[data-component=Select] select:disabled:hover{border-color:var(--outline-default)}[data-component=Select] .select-wrapper{position:relative}[data-component=Select] .select-wrapper:after{content:"";position:absolute;top:50%;right:calc(var(--unit-md)*2);width:0;height:0;border-left:3px solid rgba(0,0,0,0);border-top:3px solid rgba(0,0,0,0);border-right:3px solid rgba(0,0,0,0);border-right-color:var(--color-disabled);border-bottom:3px solid rgba(0,0,0,0);border-bottom-color:var(--color-disabled);transform:translateY(-70%) rotate(45deg);pointer-events:none}[data-component=Select] .select-wrapper.readonly:after{opacity:.3}[data-component=Select][data-size=small] select{font-size:var(--font-size-sm);line-height:calc(var(--form-sm) - 2px);min-height:var(--form-sm);padding:0 var(--unit-md)}[data-component=Select][data-size=small] .select-wrapper:after{font-size:var(--font-size-xs);right:calc(var(--unit-md) + var(--unit-sm))}[data-component=ImageUploader]{display:inline-flex;flex-direction:column;position:relative}[data-component=ImageUploader] input[type=file],[data-component=ImageUploader]:not([data-loading=true]) .loading-container{display:none}[data-component=ImageUploader][data-loading=true]{pointer-events:none}[data-component=ImageUploader][data-loading=true] .image-actions{display:none}[data-component=ImageUploader] .loading-container{position:absolute;display:flex;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center;opacity:.8;background-color:var(--background-primary);color:var(--color-disabled)}[data-component=ImageUploader] .loading-container svg{width:var(--unit-xl);height:var(--unit-xl);animation:loading-spin 1.5s ease-in-out infinite}[data-component=ImageUploader] .image-actions{display:flex;position:absolute;top:0;left:0;right:0;margin:var(--unit-sm)}[data-component=ImageUploader] .image-actions .close,[data-component=ImageUploader] .image-actions .reset,[data-component=ImageUploader] .image-actions .upload{border-radius:100px;display:flex;align-items:center;justify-content:center;padding:var(--unit-sm);background-color:var(--background-primary);cursor:pointer}[data-component=ImageUploader] .image-actions .close svg,[data-component=ImageUploader] .image-actions .reset svg,[data-component=ImageUploader] .image-actions .upload svg{width:var(--unit-lg);height:var(--unit-lg)}[data-component=ImageUploader] .image-actions .close:hover,[data-component=ImageUploader] .image-actions .reset:hover,[data-component=ImageUploader] .image-actions .upload:hover{background-color:var(--red-main)}[data-component=ImageUploader] .image-actions .reset:hover{background-color:var(--blue-dark)}[data-component=ImageUploader] .image-actions .upload:hover{background-color:var(--green-main)}[data-component=ImageUploader] .image-actions.bottom{top:auto;bottom:0}[data-component=ImageUploader] div.img,[data-component=ImageUploader] img{width:96px;height:96px;display:block;border-radius:var(--radius-lg);background-color:var(--background-primary);background-size:cover;background-repeat:no-repeat;font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;text-align:center;object-fit:cover;object-position:center center;background-position:50%;color:var(--color-disabled);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:1000px}[data-component=ImageUploader] .actions{display:flex;align-items:center;justify-content:center}[data-component=ImageUploader][data-type=inline]{position:absolute;top:0;left:0;right:0;bottom:0}[data-component=ImageUploader][data-type=inline] div.img,[data-component=ImageUploader][data-type=inline] img{width:100%;height:100%;border-radius:var(--radius-lg);background-color:rgba(0,0,0,0)}[data-component=ImageUploader][data-type=inline]:not([data-is-mobile=true]) .image-actions{display:none}[data-component=ImageUploader][data-type=inline] .image-actions{margin:var(--unit)}[data-component=ImageUploader][data-type=inline] .image-actions .close,[data-component=ImageUploader][data-type=inline] .image-actions .reset,[data-component=ImageUploader][data-type=inline] .image-actions .upload{background-color:var(--background-input)}[data-component=ImageUploader][data-type=inline] .image-actions .close:hover,[data-component=ImageUploader][data-type=inline] .image-actions .reset:hover,[data-component=ImageUploader][data-type=inline] .image-actions .upload:hover{background-color:var(--background-tertiary)}[data-component=ImageUploader][data-type=inline] .image-actions .close svg,[data-component=ImageUploader][data-type=inline] .image-actions .reset svg,[data-component=ImageUploader][data-type=inline] .image-actions .upload svg{width:calc(var(--unit-md)*1.5);height:calc(var(--unit-md)*1.5)}[data-component=ImageUploader][data-type=inline]:hover .image-actions{display:flex}[data-component=Toggle]{position:relative;max-width:100%;flex-shrink:0;display:inline-flex;-webkit-user-select:none;user-select:none}[data-component=Toggle].no-icon button .postfix,[data-component=Toggle].no-icon button .prefix{display:none}[data-component=Toggle].no-icon button .label{padding-left:var(--unit-lg);margin-left:0!important;margin-right:0!important}[data-component=Toggle].no-icon[data-size=small] button .label{padding-left:var(--unit-md);margin-left:0!important;margin-right:0!important}[data-component=Toggle].no-icon[data-size=mini] button .label{padding-left:var(--unit-sm);margin-left:0!important;margin-right:0!important}[data-component=Toggle][data-type=inverse] label .toggle-container .toggle-background span:first-of-type{color:var(--color-disabled)}[data-component=Toggle][data-type=inverse] label .toggle-container .toggle-background span:last-of-type{color:var(--color-primary)}[data-component=Toggle][data-type=inverse] label[data-value=true] .toggle-container .toggle-background:before{background-color:rgba(0,0,0,0)}[data-component=Toggle][data-type=inverse] label[data-value=false] .toggle-container .toggle-background:before{background-color:var(--red-dark)}[data-component=Toggle] label{display:flex;cursor:pointer;align-items:center;font-size:var(--font-size-md);color:var(--color-secondary);gap:var(--unit-md)}[data-component=Toggle] label:focus button:before,[data-component=Toggle] label:focus-within button:before{border-color:var(--outline-active)!important}[data-component=Toggle] label:hover button:before{border-color:var(--outline-hover)}[data-component=Toggle] label:active button:before{border-color:var(--outline-active)}[data-component=Toggle] label[data-disabled=true]{pointer-events:none}[data-component=Toggle] label[data-disabled=true] button{border-color:rgba(0,0,0,0)!important;color:var(--color-disabled)!important}[data-component=Toggle] label[data-disabled=true] button:before{background-color:var(--background-primary)!important}[data-component=Toggle] label[data-disabled=true] button:active,[data-component=Toggle] label[data-disabled=true] button:focus,[data-component=Toggle] label[data-disabled=true] button:hover{border-color:rgba(0,0,0,0)!important;transform:translateY(0)!important}[data-component=Toggle] label[data-value=true] .toggle-container .toggle-background:before{background-color:var(--green-main)}[data-component=Toggle] label[data-value=true] button{left:50%}[data-component=Toggle] .toggle-container{display:flex;align-items:center;width:calc(var(--form-md)*2);height:var(--form-md);position:relative;margin:0 3px;font-size:var(--font-size-sm)}[data-component=Toggle] .toggle-container .toggle-background{position:absolute;width:100%;height:100%;display:flex;align-items:center}[data-component=Toggle] .toggle-container .toggle-background:before{content:"";display:block;background:var(--background-primary);border:1px solid var(--outline-default);border-radius:1000px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;transition:background-color .1s ease-in-out;box-shadow:inset var(--shadow-dark-medium)}[data-component=Toggle] .toggle-container .toggle-background>span{position:relative;width:50%;height:100%;display:flex;align-items:center;justify-content:center}[data-component=Toggle] .toggle-container .toggle-background>span:first-of-type{color:var(--color-primary)}[data-component=Toggle] .toggle-container .toggle-background>span:last-of-type{color:var(--color-disabled)}[data-component=Toggle] button{position:absolute;top:0;left:0;width:50%;height:100%;cursor:pointer;padding:0;color:var(--color-primary);font-size:var(--font-size-md);border-radius:var(--radius-lg);outline:none;resize:none;transform:translateY(0);transition:transform .1s ease-in-out,border-color .1s ease-in-out,left .1s ease-in-out;display:inline-flex;font-family:var(--font-family);background-color:rgba(0,0,0,0);border:none}[data-component=Toggle] button:before{content:"";display:block;background:var(--background-tertiary);border:1px solid var(--outline-default);border-radius:1000px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}[data-component=Toggle] button .special-border{display:none;background:var(--red-main);border-radius:1000px;position:absolute;top:-2px;left:-2px;width:calc(100% + 6px);height:calc(100% + 6px);z-index:0;overflow:hidden}[data-component=Toggle] button .special-border .overflow{position:absolute;z-index:0;top:-500%;left:-500%;right:-500%;bottom:-500%;animation:loading-spin 10000s linear infinite;background:conic-gradient(red,orange,yellow,green,cyan,blue,violet,red)}[data-component=Toggle][data-size=mini] label{font-size:var(--font-size-xs)}[data-component=Toggle][data-size=mini] .toggle-container{width:calc(var(--form-sm)*1.5);height:calc(var(--form-sm)*.75);font-size:var(--font-size-xs)}[data-component=Toggle][data-size=mini] button{font-size:var(--font-size-xs)}[data-component=Toggle][data-size=small] label{font-size:var(--font-size-sm)}[data-component=Toggle][data-size=small] .toggle-container{width:calc(var(--form-sm)*2);height:var(--form-sm);font-size:var(--font-size-xs)}[data-component=Toggle][data-size=small] button{font-size:var(--font-size-sm)}[data-component=Toggle][data-size=large] label{font-size:var(--font-size-lg)}[data-component=Toggle][data-size=large] .toggle-container{width:calc(var(--form-lg)*2);height:var(--form-lg);font-size:var(--font-size-md)}[data-component=Toggle][data-size=large] button{font-size:var(--font-size-xl)}[data-component=Toggle][data-color=special] label .toggle-container{margin:0 5px}[data-component=Toggle][data-color=special] label button:before{border-color:rgba(0,0,0,0);background-color:var(--background-primary)}[data-component=Toggle][data-color=special] label button .special-border{display:block}[data-component=Toggle][data-color=special] label:hover button .special-border .overflow{animation:loading-spin 5s linear infinite}[data-component=Toggle][data-color=blurple] label button:before{background-color:var(--blurple)}[data-component=Toggle][data-color=green] label button:before{background-color:var(--green-main)}[data-component=Toggle][data-color=blue] label button:before{background-color:var(--blue-dark)}[data-component=Toggle][data-color=orange] label button:before{background-color:var(--orange-dark)}[data-component=Toggle][data-color=red] label button:before{background-color:var(--red-dark)}[data-component=Pagination]{display:flex}[data-component=Pagination] .pagination-content{display:flex;align-items:center;gap:var(--unit-sm);background:var(--background-input);border-radius:var(--radius-lg);height:var(--form-sm)}[data-component=Pagination] .pagination-button{display:flex;align-items:center;justify-content:center;width:var(--form-sm);height:var(--form-sm);border-radius:var(--radius);color:var(--color-primary);transition:all .1s ease-in-out}[data-component=Pagination] .pagination-button:hover:not([data-disabled=true]){background:var(--background-secondary)}[data-component=Pagination] .pagination-button[data-disabled=true]{opacity:.2;cursor:default}[data-component=Pagination] .pagination-button svg{width:calc(var(--unit-md) + var(--unit-sm));height:calc(var(--unit-md) + var(--unit-sm));stroke-width:2}[data-component=Pagination] .pagination-info{flex-shrink:0;white-space:nowrap;padding:0 var(--unit-md);color:var(--color-secondary);font-size:var(--font-size-sm)}[data-component=PackagesNewPage]{padding:var(--unit-md) var(--unit-lg);margin-bottom:calc(var(--unit-xl)*2)}[data-component=CreatePackageModal]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}[data-component=CreatePackageModal] .create-package-modal{width:600px;max-width:100%;background-color:var(--background-secondary);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}[data-component=CreatePackageModal] .create-package-modal-header{padding:var(--unit-lg) var(--unit-lg);display:flex;align-items:center;border-bottom:1px solid var(--outline-minimal);font-weight:var(--font-weight-medium);gap:var(--unit-md)}[data-component=CreatePackageModal] .create-package-modal-header svg{width:var(--unit-lg);height:var(--unit-lg);opacity:.6}[data-component=CreatePackageModal] .create-package-modal-body{padding:var(--unit-lg);display:flex;flex-direction:column;gap:var(--unit-lg)}[data-component=CreatePackageModal] .package-row{display:flex;align-items:center;gap:var(--unit-md);flex-wrap:wrap;justify-content:flex-end}[data-component=CreatePackageModal] .package-row .package-title{flex-shrink:0;font-size:var(--font-size-md)}[data-component=CreatePackageModal] .package-row .package-title:not(:first-child){margin-top:var(--unit-lg)}[data-component=CreatePackageModal] .package-row .grouping{display:flex;align-items:center;justify-content:flex-end;gap:var(--unit-md)}[data-component=CreatePackageModal] .package-row .grouping.grow{flex-grow:1}[data-component=CreatePackageModal] .package-row [data-component=Textbox]{width:auto;flex-grow:1}[data-component=CreatePackageModal] .package-card-loading{min-height:calc(var(--form-lg)*1.5);background:var(--background-input);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:var(--color-disabled)}[data-component=CreatePackageModal] .package-card-loading svg{width:var(--unit-xl);height:var(--unit-xl);opacity:.6}[data-component=CreatePackageModal] .package-publish-to{color:var(--color-disabled)}[data-component=CreatePackageModal] .package-error{background-color:var(--red-dark);color:var(--white);padding:var(--unit-md);border-radius:var(--radius-lg);display:flex;align-items:flex-start;justify-content:space-between;white-space:pre-wrap}[data-component=CreatePackageModal] .package-error>span{padding:var(--unit-sm) var(--unit-md)}[data-component=CreatePackageModal] .package-actions{display:flex;justify-content:flex-end}[data-component=LoadingContentDiv]{display:flex;width:300px;max-width:100%;height:var(--form-sm);position:relative}[data-component=LoadingContentDiv]:before{content:"";position:absolute;top:var(--unit-md);left:var(--unit-md);right:var(--unit-md);bottom:0;background:linear-gradient(90deg,var(--background-input) 0,var(--background-secondary) 50%,var(--background-input) 100%);background-size:200% 100%;border-radius:var(--radius);animation:loading-shimmer 1.5s linear infinite}@keyframes loading-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}[data-component=CodeEditor]{position:absolute;width:100%;height:100%;display:flex;flex-direction:column}[data-component=CodeEditor][data-is-treeview-open=false] .editor-container .editor-left{width:0;border-right:none}[data-component=CodeEditor] .editor-container{display:flex;flex-grow:1;position:relative;border-bottom:1px solid var(--background-secondary);overflow:hidden}[data-component=CodeEditor] .editor-container .editor-left{width:300px;position:relative;flex-shrink:0;overflow:visible;z-index:1;transition:width .1s ease-in-out;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid var(--background-secondary)}[data-component=CodeEditor] .editor-container .editor-left .mode-code,[data-component=CodeEditor] .editor-container .editor-left .mode-database{max-height:1000px;overflow:auto;flex-grow:1;transition:max-height .1s ease-in-out}[data-component=CodeEditor] .editor-container .editor-left .mode-code:not(:first-child),[data-component=CodeEditor] .editor-container .editor-left .mode-database:not(:first-child){border-top:1px solid var(--background-secondary)}[data-component=CodeEditor] .editor-container .editor-left[data-mode=code] .mode-database,[data-component=CodeEditor] .editor-container .editor-left[data-mode=database] .mode-code{max-height:0;overflow:hidden;border-top:none}[data-component=CodeEditor] .editor-container .editor-left .editor-left-header{display:flex;align-items:center;height:var(--form-md);flex-shrink:0;border-top:1px solid var(--background-secondary);border-bottom:1px solid rgba(0,0,0,0);gap:calc(var(--unit-md)*1.5);cursor:pointer}[data-component=CodeEditor] .editor-container .editor-left .editor-left-header:first-child{border-top-color:rgba(0,0,0,0)}[data-component=CodeEditor] .editor-container .editor-left .editor-left-header>span{display:flex;align-items:center}[data-component=CodeEditor] .editor-container .editor-left .editor-left-header span.header-chevron svg,[data-component=CodeEditor] .editor-container .editor-left .editor-left-header span.header-icon svg{color:var(--color-disabled);width:var(--unit-lg);height:var(--unit-lg)}[data-component=CodeEditor] .editor-container .editor-left .editor-left-header span.header-icon svg{margin-left:calc(var(--unit-lg) + var(--unit-sm) + var(--unit))}[data-component=CodeEditor] .editor-container .editor-left .editor-left-header span.header-chevron svg{margin-right:var(--unit-lg)}[data-component=CodeEditor] .editor-container .editor-left .editor-left-header:hover{background:var(--background-secondary)}[data-component=CodeEditor] .editor-container .editor-left .tree-view-container{flex-grow:1;position:relative;width:300px;height:100%;overflow:auto}[data-component=CodeEditor] .editor-container .editor-left .tree-view-container.loading{overflow:hidden}[data-component=CodeEditor] .editor-container .editor-left .sqlite-database-list{font-size:var(--font-size-sm)}[data-component=CodeEditor] .editor-container .editor-left .sqlite-database-list .list-empty{display:flex;padding:var(--unit-md);color:var(--color-disabled);align-items:center;justify-content:center;min-height:var(--form-md)}[data-component=CodeEditor] .editor-container .editor-left .sqlite-database-list .list-table-container{padding:var(--unit-md)}[data-component=CodeEditor] .editor-container .editor-left .sqlite-database-list .list-table-container .list-table{border-radius:var(--radius);display:flex;align-items:center;gap:var(--unit-lg);padding:var(--unit-md);padding-left:calc(var(--unit-lg));cursor:pointer;color:var(--color-disabled);font-size:var(--font-size-sm)}[data-component=CodeEditor] .editor-container .editor-left .sqlite-database-list .list-table-container .list-table:hover{background:var(--background-secondary);color:var(--color-primary)}[data-component=CodeEditor] .editor-container .editor-left .sqlite-database-list .list-table-container .list-table[data-selected=true]{background:var(--background-tertiary);color:var(--color-primary)}[data-component=CodeEditor] .editor-container .editor-left .sqlite-database-list .list-table-container .list-table[data-selected=true] .table-icon{color:var(--blue-dark);opacity:1}[data-component=CodeEditor] .editor-container .editor-left .sqlite-database-list .list-table-container .list-table .table-icon,[data-component=CodeEditor] .editor-container .editor-left .sqlite-database-list .list-table-container .list-table .table-name{display:flex}[data-component=CodeEditor] .editor-container .editor-left .sqlite-database-list .list-table-container .list-table .table-icon{opacity:.5}[data-component=CodeEditor] .editor-container .editor-left .sqlite-database-list .list-table-container .list-table .table-icon svg{width:calc(var(--unit-md)*1.5);height:calc(var(--unit-md)*1.5)}[data-component=CodeEditor] .editor-container .editor-right{position:relative;display:flex;flex-direction:column;flex-shrink:1;flex-grow:1;z-index:2}[data-component=CodeEditor] .editor-container .editor-right .tree-view-toggle{position:absolute;top:var(--form-md);left:-1px;z-index:100;overflow:visible;display:flex;flex-direction:column;justify-content:center;color:var(--color-disabled);cursor:pointer}[data-component=CodeEditor] .editor-container .editor-right .tree-view-toggle:hover{color:var(--color-primary)}[data-component=CodeEditor] .editor-container .editor-right .tree-view-toggle:hover .tree-view-toggle-grab:nth-child(2):before{background:var(--background-secondary)}[data-component=CodeEditor] .editor-container .editor-right .tree-view-toggle .tree-view-toggle-grab{width:calc(var(--unit-sm)*4);height:36px;margin:var(--unit-md) 0;position:relative;display:flex;align-items:center;justify-content:center;z-index:1;border:1px solid var(--background-secondary);border-left:1px solid rgba(0,0,0,0);border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);background:var(--background-secondary)}[data-component=CodeEditor] .editor-container .editor-right .tree-view-toggle .tree-view-toggle-grab>svg{width:calc(var(--unit-md)*1.5);height:calc(var(--unit-md)*1.5);z-index:2}[data-component=CodeEditor] .editor-container .editor-right .tree-view-toggle .tree-view-toggle-grab:before{z-index:1;content:"";display:block;position:absolute;width:100%;height:100%;border-radius:var(--radius-lg)}[data-component=CodeEditor] .editor-container .editor-right .editor-right-code{position:relative;flex-grow:1;display:flex;flex-direction:column}[data-component=CodeEditor] .editor-container .editor-right .editor-right-code .editor-right-code-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--background-secondary)}[data-component=CodeEditor] .editor-container .editor-right .editor-right-code .editor-right-code-header .file-tabs-container{flex-shrink:1;overflow:hidden;position:relative;margin-bottom:-1px}[data-component=CodeEditor] .editor-container .editor-right .editor-right-code .editor-right-code-header .file-tabs-container.loading{overflow:hidden}[data-component=CodeEditor] .editor-container .editor-right .editor-right-code .editor-right-code-header [data-component=ContentButton]{margin-top:var(--unit-md);margin-right:var(--unit-md)}[data-component=CodeEditor] .editor-container .editor-right .editor-right-code .text-editor{flex-shrink:0;flex-grow:1;position:relative}[data-component=CodeEditor] .editor-container .editor-right .editor-right-code .text-editor.loading{overflow:hidden}[data-component=CodeEditor] .editor-container .editor-right .editor-right-database{position:relative;overflow:auto}[data-component=CodeEditor] .editor-footer{display:flex;width:100%;flex-shrink:0;position:relative;color:var(--color-secondary);font-size:var(--font-size-sm);padding-left:var(--unit-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-component=CodeEditor] .editor-footer>span{display:flex;align-items:center;padding:var(--unit-sm) var(--unit-md)}[data-component=CodeEditor] .editor-footer>span.editor-filename{flex-shrink:1;overflow:hidden}[data-component=CodeEditor] .editor-footer>span.editor-filename>span{overflow:hidden;text-overflow:ellipsis}[data-component=CodeEditor] .editor-footer>span.editor-position{justify-content:center;width:48px;color:var(--color-disabled)}[data-component=CodeEditor] .editor-footer>span.editor-position:before{display:inline-block;content:"( "}[data-component=CodeEditor] .editor-footer>span.editor-position:after{display:inline-block;content:" )"}[data-component=CodeEditor] .editor-footer>span.editor-language{color:var(--color-disabled)}[data-component=CodeEditor] .editor-footer .editor-footer-actions{display:flex;align-items:center;justify-content:center;gap:var(--unit-md);margin:var(--unit-md)}control[control]{color:var(--black)}control[control] a{text-decoration:none!important}[data-component=PayloadEditor]{position:absolute;right:var(--unit-md);bottom:var(--unit-md);max-width:calc(100vw - var(--unit-md)*2);width:300px;height:200px;background:var(--background-secondary);border:1px solid var(--background-tertiary);border-radius:var(--radius-lg);z-index:100;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-dark-medium)}[data-component=PayloadEditor] .payload-header{display:flex;padding:var(--unit-sm);font-size:var(--font-size-sm);gap:var(--unit-sm);align-items:center;flex-shrink:0}[data-component=PayloadEditor] .payload-header:first-child{padding-bottom:0}[data-component=PayloadEditor] .payload-header:last-child{padding-top:0}[data-component=PayloadEditor] .payload-header>span{padding:0 var(--unit-sm)}[data-component=PayloadEditor] .payload-header .method-selector{flex-shrink:0;flex-grow:1}[data-component=PayloadEditor] .payload-header .spacer{flex-grow:1}[data-component=PayloadEditor] .payload-header .payload-actions{display:flex;gap:var(--unit-sm)}[data-component=PayloadEditor] .payload-editor{flex:1 1 auto;display:flex;min-height:0;padding:var(--unit-sm);position:relative}[data-component=PayloadEditor] .payload-editor [data-component=MiniEditor]{border-radius:var(--radius-lg);overflow:hidden}[data-component=PayloadEditor] .payload-editor [data-component=MiniEditor] control[control=CPHEditor]{border-color:rgba(0,0,0,0)}[data-component=PayloadEditor] .payload-editor [data-component=MiniEditor] control[control=CPHEditor].focus{border-color:var(--outline-hover)}[data-component=PayloadEditor] .payload-error{font-size:var(--font-size-sm);padding:var(--unit-sm);margin:var(--unit-sm);margin-top:0;background:var(--red-xdark);color:var(--color-primary);border-radius:var(--radius-lg)}[data-component=DatabaseViewer]{padding:var(--unit-lg)}[data-component=DatabaseViewer] .databases-title{display:flex;align-items:center;margin:0;margin-right:var(--unit-md);font-weight:var(--font-weight-medium)}[data-component=DatabaseViewer] .databases-sql-editor{position:relative}[data-component=DatabaseViewer] .databases-sql-editor .databases-sql-editor-actions{display:block;position:absolute;right:var(--unit-md);bottom:var(--unit-md)}[data-component=DatabaseViewer] .databases-content{display:flex;flex-direction:column;gap:var(--unit-md)}[data-component=DatabaseViewer] .databases-content .databases-tabs{display:flex;flex-wrap:wrap;gap:var(--unit-sm);padding:0 var(--unit-md);border-bottom:1px solid var(--outline-default)}[data-component=DatabaseViewer] .databases-content .databases-tabs .tab{position:relative;display:flex;align-items:center;z-index:1;font-weight:var(--font-weight-medium);gap:var(--unit-sm);padding:var(--unit-md) var(--unit-lg);border:1px solid var(--outline-default);border-bottom:1px solid rgba(0,0,0,0);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:rgba(0,0,0,0);color:var(--color-disabled);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;margin-bottom:-1px}[data-component=DatabaseViewer] .databases-content .databases-tabs .tab:hover:not(.active){background:var(--background-tertiary);color:var(--color-primary);border-color:var(--outline-default)}[data-component=DatabaseViewer] .databases-content .databases-tabs .tab.active{color:var(--color-primary);background:var(--background-primary);border-color:var(--outline-default);border-bottom-color:var(--background-primary)}[data-component=DatabaseViewer] .databases-content .databases-tabs .tab.active svg{color:var(--blue-main)}[data-component=DatabaseViewer] .databases-content .databases-tabs .tab.new-table{margin-left:auto;color:var(--color-secondary)}[data-component=DatabaseViewer] .databases-content .databases-tabs .tab.new-table:hover{color:var(--color-primary)}[data-component=DatabaseViewer] .databases-content .databases-table{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:var(--unit-md)}[data-component=DatabaseViewer] .databases-content .databases-table .table-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:var(--unit-sm)}[data-component=DatabaseViewer] .databases-content .databases-table .table-actions .natural-language-input{flex-grow:1;display:flex;flex-wrap:wrap;align-items:flex-end;position:relative;gap:var(--unit-sm)}[data-component=DatabaseViewer] .databases-content .databases-table .table-actions .natural-language-input [data-component=Textbox]{width:250px}[data-component=DatabaseViewer] .databases-content .databases-table .no-table{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--unit-lg)*4);color:var(--color-disabled)}[data-component=DatabaseViewer] .databases-content .databases-table .no-table p{margin:var(--unit-lg)}[data-component=DatabaseViewer] .no-database{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--unit-lg)*4);color:var(--color-disabled)}[data-component=DatabaseViewer] .no-database p{margin:var(--unit-lg)}[data-component=DataTable]{display:flex;flex-direction:column;background:var(--background-secondary);border:1px solid var(--outline-default);border-radius:var(--radius-lg);overflow:hidden}[data-component=DataTable] .table-container{display:flex;flex-direction:column;background:var(--background-primary)}[data-component=DataTable] .table-container .table-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--darken);display:flex;align-items:center;justify-content:center;z-index:2}[data-component=DataTable] .table-container .table-loading-overlay p{color:var(--color-primary);font-size:var(--font-size-lg)}[data-component=DataTable] .table-container .table-actions{padding:var(--unit-md);padding-bottom:0;display:flex;justify-content:space-between;background:var(--background-tertiary);z-index:10;flex-wrap:wrap-reverse;gap:var(--unit-sm)}[data-component=DataTable] .table-container .table-actions .actions-left{display:flex;flex-grow:1;gap:var(--unit-sm)}[data-component=DataTable] .table-container .table-actions .actions-right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap-reverse;gap:var(--unit-sm)}[data-component=DataTable] .table-container .table-actions .delete-button,[data-component=DataTable] .table-container .table-actions .insert-row-button{display:flex;flex-shrink:0;height:var(--form-sm);align-items:center;gap:var(--unit-md);padding:var(--unit-sm) var(--unit-md);border-radius:var(--radius-lg);border:1px solid var(--outline-default);background:var(--background-primary);color:var(--color-primary);cursor:pointer;transition:all .1s ease-in-out;font-family:inherit;font-size:var(--font-size-sm);transform:translateY(0)}[data-component=DataTable] .table-container .table-actions .delete-button svg,[data-component=DataTable] .table-container .table-actions .insert-row-button svg{color:var(--color-secondary)}[data-component=DataTable] .table-container .table-actions .delete-button:hover,[data-component=DataTable] .table-container .table-actions .insert-row-button:hover{border-color:var(--outline-hover);transform:translateY(-2px)}[data-component=DataTable] .table-container .table-actions .delete-button:active,[data-component=DataTable] .table-container .table-actions .insert-row-button:active{border-color:var(--outline-active);transform:translateY(1px)}[data-component=DataTable] .table-container .table-actions .delete-button.disabled,[data-component=DataTable] .table-container .table-actions .insert-row-button.disabled{opacity:.3;cursor:not-allowed;border-color:var(--outline-minimal);color:var(--color-disabled);background:var(--background-secondary)}[data-component=DataTable] .table-container .table-actions .delete-button.disabled svg,[data-component=DataTable] .table-container .table-actions .insert-row-button.disabled svg{color:var(--color-disabled)}[data-component=DataTable] .table-container .table-actions .delete-button.disabled:hover,[data-component=DataTable] .table-container .table-actions .insert-row-button.disabled:hover{background:var(--background-secondary);border-color:var(--outline-minimal)}[data-component=DataTable] .table-container .table-actions .query-container{display:flex;cursor:default;height:var(--form-sm);align-items:center;gap:var(--unit-md);max-width:300px;border:1px solid var(--outline-default);border-radius:var(--radius-lg);padding:0 var(--unit-md);background:var(--background-primary);font-family:var(--font-family-monospace)}[data-component=DataTable] .table-container .table-actions .query-container .query-icon{display:flex;align-items:center;color:var(--color-disabled)}[data-component=DataTable] .table-container .table-actions .query-container .query-text{font-size:var(--font-size-sm);color:var(--color-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-component=DataTable] .table-container .table-actions .query-container a,[data-component=DataTable] .table-container .table-actions .query-container a:active,[data-component=DataTable] .table-container .table-actions .query-container a:link,[data-component=DataTable] .table-container .table-actions .query-container a:visited{display:flex;align-items:center;color:var(--color-disabled);cursor:pointer}[data-component=DataTable] .table-container .table-actions .query-container a:active:hover,[data-component=DataTable] .table-container .table-actions .query-container a:hover,[data-component=DataTable] .table-container .table-actions .query-container a:link:hover,[data-component=DataTable] .table-container .table-actions .query-container a:visited:hover{color:var(--color-primary)}[data-component=DataTable] .table-container .table-actions .table-search{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--unit-sm)}[data-component=DataTable] .table-container .table-actions .table-search select{height:32px;border:1px solid var(--outline-default);border-radius:var(--radius-lg);background:var(--background-primary);color:var(--color-primary);padding:0 var(--unit-md);font-family:inherit;font-size:var(--font-size-sm);outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;padding-right:calc(var(--unit-md)*3)}[data-component=DataTable] .table-container .table-actions .table-search select:focus{border-color:var(--outline-active)}[data-component=DataTable] .table-container .table-actions .table-search .search-input{position:relative;display:flex;align-items:center}[data-component=DataTable] .table-container .table-actions .table-search .search-input svg{position:absolute;left:var(--unit-md);color:var(--color-disabled);transition:color .2s ease}[data-component=DataTable] .table-container .table-actions .table-search .search-input:focus-within svg{color:var(--outline-active)}[data-component=DataTable] .table-container .table-actions .table-search .search-input .search-loading{position:absolute;right:calc(var(--unit-lg)*2);pointer-events:none;display:flex;align-items:center;justify-content:center;top:0;bottom:0}[data-component=DataTable] .table-container .table-actions .table-search .search-input .search-loading svg{color:var(--color-disabled);animation:loading-spin 1s ease-in-out infinite}[data-component=DataTable] .table-container .table-actions .table-search .search-input input{height:32px;width:200px;padding:0 calc(var(--unit-md)*2 + 14px);border:1px solid var(--outline-default);border-radius:var(--radius-lg);background:var(--background-primary);color:var(--color-primary);font-family:inherit;font-size:var(--font-size-sm);outline:none}[data-component=DataTable] .table-container .table-actions .table-search .search-input input:focus{border-color:var(--outline-active)}[data-component=DataTable] .table-container .table-actions .table-search .select-container{position:relative}[data-component=DataTable] .table-container .table-actions .table-search .select-container:focus-within:after{border-right-color:var(--outline-active);border-bottom-color:var(--outline-active)}[data-component=DataTable] .table-container .table-actions .table-search .select-container:after{content:"";position:absolute;right:calc(var(--unit-md) + var(--unit-sm));top:50%;transform:translateY(-50%);width:0;height:0;border-left:3px solid rgba(0,0,0,0);border-top:3px solid rgba(0,0,0,0);border-right:3px solid rgba(0,0,0,0);border-right-color:var(--color-disabled);border-bottom:3px solid rgba(0,0,0,0);border-bottom-color:var(--color-disabled);transform:translateY(-70%) rotate(45deg);pointer-events:none}[data-component=DataTable] .table-container .table-scroll{position:relative;overflow-y:auto;height:400px}[data-component=DataTable] .table-container .table-scroll table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}[data-component=DataTable] .table-container .table-scroll table thead{position:-webkit-sticky;position:sticky;top:0;z-index:9;background:var(--background-tertiary)}[data-component=DataTable] .table-container .table-scroll table thead th{padding:var(--unit-md);text-align:left;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-right:1px solid var(--background-tertiary)}[data-component=DataTable] .table-container .table-scroll table thead th:last-child{border-right:none}[data-component=DataTable] .table-container .table-scroll table thead th:has(.checkbox){text-align:center;vertical-align:top;width:40px;padding:0 var(--unit-md);padding-top:var(--unit-md)}[data-component=DataTable] .table-container .table-scroll table thead th:has([data-index=true]){width:64px}[data-component=DataTable] .table-container .table-scroll table thead th:not(:has([data-index=true])):not(:has(.checkbox)){flex:1 1;min-width:0}[data-component=DataTable] .table-container .table-scroll table thead th .column-header{display:flex;align-items:center;gap:var(--unit-sm);min-width:0}[data-component=DataTable] .table-container .table-scroll table thead th .column-header .column-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-component=DataTable] .table-container .table-scroll table thead th .column-header .column-type{flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:1px;padding:2px var(--unit-sm);background:var(--background-primary);border:1px solid var(--outline-minimal);border-radius:var(--radius-sm);color:var(--color-secondary)}[data-component=DataTable] .table-container .table-scroll table tbody tr{border-bottom:1px solid var(--outline-minimal)}[data-component=DataTable] .table-container .table-scroll table tbody tr:last-child{border-bottom:none}[data-component=DataTable] .table-container .table-scroll table tbody tr:hover:not(:has(.empty-state)){background:var(--background-secondary)}[data-component=DataTable] .table-container .table-scroll table tbody td{padding:0;vertical-align:top;font-size:var(--font-size-sm);border-right:1px solid var(--outline-minimal);position:relative}[data-component=DataTable] .table-container .table-scroll table tbody td:last-child{border-right:none}[data-component=DataTable] .table-container .table-scroll table tbody td:has(.checkbox){text-align:center;vertical-align:top;width:40px;padding:0 var(--unit-md);padding-top:var(--unit-md)}[data-component=DataTable] .table-container .table-scroll table tbody td:has([data-index=true]){width:64px}[data-component=DataTable] .table-container .table-scroll table tbody td:not(:has(.checkbox)):not(:has([data-index=true])){flex:1 1;min-width:0}[data-component=DataTable] .table-container .table-scroll .empty-state{position:relative;display:flex;width:100%;align-items:flex-start;justify-content:center;padding:var(--unit-xl) var(--unit-md);gap:var(--unit-md)}[data-component=DataTable] .table-container .table-scroll .empty-state p{color:var(--color-disabled);margin:0}[data-component=DataTable] .table-container .table-scroll .empty-state.loading{height:100%;align-items:center}[data-component=DataTable] .table-container .table-scroll .empty-state.loading svg{color:var(--color-disabled);animation:loading-spin 1s ease-in-out infinite}[data-component=DataTable] .table-pagination{display:grid;width:220px;grid-template-columns:1fr auto 1fr;align-items:center}[data-component=DataTable] .table-pagination .nav-left{display:flex;gap:var(--unit-md);justify-self:start}[data-component=DataTable] .table-pagination .nav-right{display:flex;gap:var(--unit-md);justify-self:end}[data-component=DataTable] .table-pagination .pagination-info{color:var(--color-secondary);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--unit-md)}[data-component=DataTable] .table-pagination .pagination-info .separator{color:var(--color-disabled)}[data-component=DataTable] .table-pagination .page-nav{display:flex;align-items:center;justify-content:center;padding:var(--unit-sm);border-radius:var(--radius);border:1px solid var(--outline-default);background:var(--background-primary);color:var(--color-primary);cursor:pointer;transition:all .2s ease}[data-component=DataTable] .table-pagination .page-nav:hover:not(:disabled){background:var(--background-tertiary);border-color:var(--outline-hover)}[data-component=DataTable] .table-pagination .page-nav:disabled{opacity:.3;cursor:not-allowed;border-color:var(--outline-minimal);color:var(--color-disabled);background:var(--background-secondary)}[data-component=DataTable] .checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}[data-component=DataTable] .checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}[data-component=DataTable] .checkbox input:checked~.checkmark{background:var(--blue-main);border-color:var(--blue-main)}[data-component=DataTable] .checkbox input:checked~.checkmark svg{opacity:1}[data-component=DataTable] .checkbox .checkmark{position:absolute;top:0;left:0;width:16px;height:16px;background:var(--background-primary);border:1px solid var(--outline-default);border-radius:var(--radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;pointer-events:none}[data-component=DataTable] .checkbox .checkmark svg{color:#fff;opacity:0;transition:opacity .2s ease}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}[data-component=data-table-cell]{position:relative;display:flex;flex-direction:column;min-height:100%}[data-component=data-table-cell]:focus-within{box-shadow:inset 0 0 0 1px var(--blue-main)}[data-component=data-table-cell]:not(:hover):not([data-editing=true]) .action-button{display:none}[data-component=data-table-cell] .cell-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1;padding:var(--unit-md);line-height:calc(var(--unit-md)*2);min-height:calc(var(--unit-md)*2 + var(--unit-md)*2)}[data-component=data-table-cell] .cell-content .null-value{display:inline-block;color:var(--color-disabled);margin:-2px 0;font-family:var(--font-family-monospace)}[data-component=data-table-cell] textarea{position:relative;display:block;width:100%;z-index:2;padding:var(--unit-md);line-height:calc(var(--unit-md)*2);min-height:calc(var(--unit-md)*2 + var(--unit-md)*2);margin:0;border:none;background:rgba(0,0,0,0);font-family:inherit;font-size:inherit;resize:none;outline:none;color:var(--color-primary)}[data-component=data-table-cell] .action-buttons{position:absolute;bottom:var(--unit-sm);right:var(--unit-sm);gap:var(--unit-sm);display:flex;align-items:center}[data-component=data-table-cell] .action-buttons .action-button{z-index:3;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--outline-default);border-radius:var(--radius);background:var(--background-primary);color:var(--color-secondary);cursor:pointer;transition:all .2s ease}[data-component=data-table-cell] .action-buttons .action-button.null-button{padding:0 var(--unit-md);width:auto;font-family:var(--font-family-monospace)}[data-component=data-table-cell] .action-buttons .action-button:hover{background:var(--background-tertiary);border-color:var(--outline-hover);color:var(--color-primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--darken);display:flex;align-items:center;justify-content:center;z-index:999}.modal-overlay .modal-content{background:var(--background-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);border:1px solid var(--outline-default);width:600px;max-width:calc(100vw - var(--unit-xl)*2);max-height:calc(100vh - var(--unit-xl)*2);position:relative}.modal-overlay .modal-content .modal-toolbar{padding:var(--unit-md) var(--unit-lg);background:var(--background-tertiary);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;height:calc(var(--unit-xl)*1.5)}.modal-overlay .modal-content .modal-toolbar h3{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.modal-overlay .modal-content .modal-toolbar .close-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-secondary);cursor:pointer;padding:0}.modal-overlay .modal-content .modal-toolbar .close-button:hover{color:var(--color-primary)}.modal-overlay .modal-content .modal-body{max-height:calc(100vh - var(--unit-xl)*2 - var(--unit-xl)*4);overflow:auto;padding:var(--unit-md)}.modal-overlay .modal-content .form-group{margin-bottom:var(--unit-lg)}.modal-overlay .modal-content .form-group label{display:block;margin-bottom:var(--unit-sm);color:var(--color-secondary)}.modal-overlay .modal-content .form-group .add-column-container{display:flex;justify-content:flex-end;margin-top:var(--unit-md);padding-right:var(--unit-md)}.modal-overlay .modal-content .modal-footer{padding:var(--unit-md) var(--unit-lg);background:var(--background-tertiary);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);display:flex;align-items:center;justify-content:flex-end;gap:var(--unit-sm);height:calc(var(--unit-xl)*2)}.modal-overlay .modal-content .error-message{color:var(--red-main);padding:var(--unit-md);margin-bottom:var(--unit-md);background:var(--red-xdark);border-radius:var(--radius-lg)}[data-component=ColumnEditor]{display:flex;width:100%;align-items:center;gap:var(--unit-sm);padding:var(--unit-sm) var(--unit-md);border-radius:var(--radius-lg);background:rgba(0,0,0,0);position:relative}[data-component=ColumnEditor]:not(:first-child):hover:not(.dragging){background:var(--background-tertiary)}[data-component=ColumnEditor].dragging{background:var(--background-primary);pointer-events:none}[data-component=ColumnEditor].dragging *{visibility:hidden}[data-component=ColumnEditor] .drag-handle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-disabled);margin-right:var(--unit-md)}[data-component=ColumnEditor] .drag-handle:not(.empty){cursor:grab}[data-component=ColumnEditor] .drag-handle:hover{color:var(--color-primary)}[data-component=ColumnEditor] .drag-handle:active{cursor:grabbing}[data-component=ColumnEditor] .column-name-container{display:flex;align-items:center;gap:var(--unit-sm);flex:1 1;flex-grow:1}[data-component=ColumnEditor] .column-name-container .original-name{width:calc(var(--unit-xl)*4);color:var(--color-secondary);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-component=ColumnEditor] [data-component=Select]{width:auto}[data-component=ColumnEditor] .select-wrapper{width:120px}[data-component=ColumnEditor] .delete-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-disabled);cursor:pointer;padding:0;margin-left:var(--unit-sm)}[data-component=ColumnEditor] .delete-button:hover{color:var(--red-text)}.drop-zone{height:2px;margin:var(--unit-xs) 0;position:relative}.drop-zone:after{content:"";position:absolute;left:0;right:0;top:0;height:100%;background:var(--blue-main);opacity:0;transition:opacity .1s ease}.drop-zone.active:after{opacity:1}[data-component=InsertRowEditor] .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--darken);display:flex;align-items:center;justify-content:center;z-index:999}[data-component=InsertRowEditor] .modal-overlay .modal-content{background:var(--background-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-default);border:1px solid var(--outline-default);width:500px;max-width:calc(100vw - var(--unit-xl)*2)}[data-component=InsertRowEditor] .modal-overlay .modal-content .modal-toolbar{padding:var(--unit-md);display:flex;align-items:center;justify-content:space-between}[data-component=InsertRowEditor] .modal-overlay .modal-content .modal-toolbar h3{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}[data-component=InsertRowEditor] .modal-overlay .modal-content .modal-toolbar .close-button{padding:0;background:none;border:none;color:var(--color-secondary);cursor:pointer}[data-component=InsertRowEditor] .modal-overlay .modal-content .modal-toolbar .close-button:hover{color:var(--color-primary)}[data-component=InsertRowEditor] .modal-overlay .modal-content .modal-body{padding:var(--unit-md)}[data-component=InsertRowEditor] .modal-overlay .modal-content .modal-body .form-group{display:flex;flex-direction:column;gap:var(--unit-md)}[data-component=InsertRowEditor] .modal-overlay .modal-content .modal-footer{padding:var(--unit-md) var(--unit-lg);background:var(--background-tertiary);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);display:flex;align-items:center;justify-content:flex-end;gap:var(--unit-sm);height:calc(var(--unit-xl)*2)}[data-component=CodeChat]{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;overflow:auto;position:absolute;width:100%;height:100%;padding:var(--unit-md)}[data-component=CodeChat] .description{width:100%;display:flex;gap:var(--unit-md);align-items:center;font-size:var(--font-size-md);color:var(--color-tertiary);padding:var(--unit-md);margin-bottom:var(--unit-md);margin-top:calc(-1*var(--unit-md));position:relative}[data-component=CodeChat] .description>div{line-height:var(--form-sm)}[data-component=CodeChat] .description:before{display:block;position:absolute;bottom:0;max-width:800px;left:0;right:0;height:1px;margin:0 auto;content:"";background:linear-gradient(90deg,rgba(0,0,0,0) 0,var(--outline-hover) 40%,var(--outline-hover) 60%,rgba(0,0,0,0) 100%)}[data-component=CodeChat] mark{display:inline-block;font-weight:var(--font-weight-medium);background-color:var(--blue-dark);color:var(--white);padding:var(--unit) var(--unit-sm);opacity:.8;border-radius:var(--radius);cursor:pointer;margin:var(--unit-sm);transition:opacity .1s ease-in-out}[data-component=CodeChat] mark.unclickable{cursor:inherit;opacity:1;background:rgba(0,0,0,0);padding:0;margin:0;color:var(--color-primary);font-weight:var(--font-weight-normal)}[data-component=CodeChat] mark:hover{opacity:1}[data-component=CodeChatMessage]{position:relative;display:flex;flex-direction:column;padding:var(--unit-md);margin-bottom:var(--unit-lg);border-radius:var(--radius-lg)}[data-component=CodeChatMessage] .chat-body{display:flex;font-size:var(--font-size-md);color:var(--color-secondary);width:100%}[data-component=CodeChatMessage] .chat-body .chat-avatar{position:relative;display:flex!important;overflow:hidden;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--white);width:calc(var(--unit-lg)*1.5);height:calc(var(--unit-lg)*1.5);border-radius:1000px;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--unit-md);background:var(--green-main)}[data-component=CodeChatMessage] .chat-body .chat-avatar.app{background:var(--blue-dark)}[data-component=CodeChatMessage] .chat-body .chat-avatar.image{background:none}[data-component=CodeChatMessage] .chat-body .chat-avatar img{position:absolute;width:100%;height:100%;border:none}[data-component=CodeChatMessage] .chat-body .chat-content{display:flex!important;flex-direction:column;overflow:hidden;position:relative;width:100%}[data-component=CodeChatMessage] .chat-body .chat-content .chat-author{display:flex!important;flex-wrap:wrap;align-items:center}[data-component=CodeChatMessage] .chat-body .chat-content .chat-author .chat-author-name{font-weight:var(--font-weight-medium);color:var(--color-primary);display:flex!important;align-items:center;gap:var(--unit-md);margin-right:var(--unit-md)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-author .chat-author-name .app{background:var(--blue-dark);padding:0 var(--unit-sm);border-radius:var(--radius);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-author .chat-time{color:var(--color-disabled);font-size:var(--font-size-sm);margin-right:var(--unit-md)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-events{display:flex;flex-direction:column;margin:var(--unit-sm) 0;width:100%}[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event{width:100%;font-family:var(--font-family-monospace);font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-word;display:inline}[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event[data-event="@begin"],[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event[data-event="@info"],[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event[data-event="@stdout"]{color:var(--color-disabled)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event[data-event="@stderr"]{color:var(--orange-main)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event[data-event="@result"]{color:var(--green-main)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event[data-event="@error"]{color:var(--red-main)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event[data-event="@response"]{display:none}[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event[data-event="@error"] [data-component=MiniEditor],[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event[data-event="@result"] [data-component=MiniEditor]{margin-top:var(--unit-md)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event .chat-event-container{display:flex;width:100%;flex-direction:column}[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event .chat-event-container .chat-event-container-row{display:inline}[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event .chat-event-type{-webkit-user-select:none;user-select:none;flex-shrink:0;margin-right:var(--unit-md)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event .chat-event-entry a{display:inline-flex;align-items:center;gap:var(--unit-sm)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-events .chat-event .chat-event-entry a svg{width:calc(var(--unit-md) + var(--unit-sm));height:calc(var(--unit-md) + var(--unit-sm))}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message{overflow:auto;display:flex;flex-direction:column;line-height:var(--line-height-lg);white-space:pre-wrap;word-break:break-word;margin-top:var(--unit-md)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message>p{margin:0}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message>p:last-child{margin-bottom:0}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message pre:has(code){margin:0;background:var(--background-primary);border-radius:var(--radius-lg);padding:var(--unit-md) var(--unit-lg)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message pre:has(code) code{margin:0;padding:0;padding:var(--unit-sm) var(--unit-md)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message code{font-family:var(--font-family-monospace);font-size:var(--font-size-sm);background:var(--background-secondary);border-radius:var(--radius-lg);padding:var(--unit) var(--unit-md);border:1px solid var(--background-tertiary);color:var(--color-primary);margin:0}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message ol,[data-component=CodeChatMessage] .chat-body .chat-content .chat-message ul{margin:var(--unit-md) 0;padding:0;padding-left:var(--unit-xl);line-height:0px}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message ol li,[data-component=CodeChatMessage] .chat-body .chat-content .chat-message ul li{margin:0;padding:0}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message ol li:not(:last-child),[data-component=CodeChatMessage] .chat-body .chat-content .chat-message ul li:not(:last-child){margin-bottom:var(--unit-md)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message strong{font-weight:var(--font-weight-medium);color:var(--color-primary)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message hr{max-width:80%;min-width:calc(var(--unit-xl)*4);border:none;border-top:1px solid var(--outline-default);margin:var(--unit-lg) auto}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table{border:var(--unit-sm) solid var(--background-primary);background:var(--background-primary);border-radius:var(--radius-lg);border-spacing:0;margin:0 auto 0 0}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table tr td,[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table tr th{padding:var(--unit-sm) var(--unit-lg);border:1px solid var(--background-tertiary)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table tr td:not(:last-child),[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table tr th:not(:last-child){border-right:none}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table tr:not(:last-child) td,[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table tr:not(:last-child) th{border-bottom:none}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table thead tr{background:var(--background-tertiary)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table thead tr:first-child td,[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table thead tr:first-child th{text-align:left}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table thead tr:first-child td:first-child,[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table thead tr:first-child th:first-child{border-top-left-radius:var(--radius)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table thead tr:first-child td:last-child,[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table thead tr:first-child th:last-child{border-top-right-radius:var(--radius)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table tbody tr:last-child td:first-child,[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table tbody tr:last-child th:first-child{border-bottom-left-radius:var(--radius)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table tbody tr:last-child td:last-child,[data-component=CodeChatMessage] .chat-body .chat-content .chat-message table tbody tr:last-child th:last-child{border-bottom-right-radius:var(--radius)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-typing{display:flex;align-items:center;justify-content:center;gap:var(--unit-sm);width:33.6px;height:24px;background:var(--background-tertiary);border-radius:1000px;padding:0 var(--unit-md)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-typing .dot{width:var(--unit-sm);height:var(--unit-sm);border-radius:1000px;background:var(--color-secondary)}[data-component=CodeChatMessage] .chat-body .chat-content .chat-typing .dot:first-child{animation:typing-dot 1.5s linear 0s infinite}[data-component=CodeChatMessage] .chat-body .chat-content .chat-typing .dot:nth-child(2){animation:typing-dot 1.5s linear .25s infinite}[data-component=CodeChatMessage] .chat-body .chat-content .chat-typing .dot:nth-child(3){animation:typing-dot 1.5s linear .5s infinite}@keyframes typing-dot{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-4px);opacity:1}}[data-component=AgentsCode]{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;container-type:inline-size;background:var(--background-primary)}[data-component=AgentsCode]:has(.no-package){align-items:center;justify-content:center}[data-component=AgentsCode] .no-package{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--unit-md);position:relative;background:var(--background-secondary);max-width:calc(100% - var(--unit-xl)*2);padding:var(--unit-xl);border-radius:var(--radius-lg);gap:var(--unit-lg)}[data-component=AgentsCode] .package-error,[data-component=AgentsCode] .package-log,[data-component=AgentsCode] .package-save-error{position:absolute;top:-50%;margin:0 var(--unit-md);background-color:var(--red-dark);color:var(--white);border-radius:var(--radius-lg);padding:var(--unit-lg);display:flex;align-items:center;justify-content:center;animation:fade-in .1s ease-in-out}[data-component=AgentsCode] .package-error .package-log-icon,[data-component=AgentsCode] .package-log .package-log-icon,[data-component=AgentsCode] .package-save-error .package-log-icon{display:flex;align-items:center;justify-content:center}[data-component=AgentsCode] .package-error .package-log-icon svg,[data-component=AgentsCode] .package-log .package-log-icon svg,[data-component=AgentsCode] .package-save-error .package-log-icon svg{width:calc(var(--unit-lg));height:calc(var(--unit-lg));color:var(--color-disabled);animation:spin 1.5s ease-in-out infinite}[data-component=AgentsCode] .package-error>span,[data-component=AgentsCode] .package-log>span,[data-component=AgentsCode] .package-save-error>span{flex-shrink:0;padding:0 var(--unit-md)}[data-component=AgentsCode] .package-error .spacer,[data-component=AgentsCode] .package-log .spacer,[data-component=AgentsCode] .package-save-error .spacer{flex-grow:1}[data-component=AgentsCode] .package-log{background-color:var(--background-secondary);color:var(--color-primary)}[data-component=AgentsCode] .package-save-error{top:auto;left:auto;bottom:var(--unit-lg);right:var(--unit-md);transform:none;margin:var(--unit-md);margin-bottom:calc(var(--form-lg) - var(--unit-md));white-space:pre-wrap;z-index:2}[data-component=AgentsCode] .agent-code-container{display:flex;flex-direction:row;flex-grow:1;flex-shrink:0}[data-component=AgentsCode] .agent-code-container .agent-code-editor{flex-grow:1;position:relative;margin:var(--unit-md);margin-top:0;border-radius:var(--radius-xl);border:1px solid var(--background-secondary);overflow:hidden}[data-component=AgentsCode] .agent-code-container .agent-code-chat{flex-shrink:0;width:calc(attr(data-width px, 300px));max-width:calc(100% - 600px);min-width:0;position:relative;transition:width .1s ease-in-out;margin-left:calc(-1*var(--unit-md));overflow:hidden}[data-component=AgentsCode] .agent-code-container .agent-code-chat .agent-code-chat-grab{cursor:col-resize;position:absolute;top:0;left:0;bottom:0;width:var(--unit-lg);display:flex;align-items:center;z-index:1;-webkit-user-select:none;user-select:none}[data-component=AgentsCode] .agent-code-container .agent-code-chat .agent-code-chat-grab:before{content:"";height:var(--unit-xl);width:50%;border-right:1px solid var(--background-tertiary)}[data-component=AgentsCode] .agent-code-container .agent-code-chat .agent-code-chat-grab:hover:before{border-color:var(--color-disabled)}[data-component=AgentsCode] .agent-code-container .agent-code-chat .agent-code-chat-grab:active:before{border-color:var(--color-primary)}[data-component=AgentsCode] .agent-code-container .agent-code-chat .agent-code-chat-actions{position:absolute;top:var(--unit-md);right:var(--unit-md);z-index:1}[data-component=AgentsCode] .agent-code-container .agent-code-chat .agent-code-chat-box{position:relative;overflow:hidden;height:100%;width:100%;left:0;right:0;bottom:0}@container (max-width: 1000px){[data-component=AgentsCode] .agent-code-container{flex-direction:column}[data-component=AgentsCode] .agent-code-container .agent-code-editor{margin:0;border-radius:0;border-left:none;border-right:none}[data-component=AgentsCode] .agent-code-container .agent-code-chat{max-width:none;min-width:auto;width:100%;height:200px;padding-bottom:0;margin-top:0;border-left:none;transition:height .1s ease-in-out;margin-left:0}[data-component=AgentsCode] .agent-code-container .agent-code-chat .agent-code-chat-box{height:200px;width:100%;top:0}[data-component=AgentsCode] .fixed [data-component=Textbox] input,[data-component=AgentsCode] .fixed [data-component=Textbox] textarea{border-top-left-radius:0;border-top-right-radius:0;border-top-color:var(--outline-hover)}}[data-component=AgentsCode] .fixed{display:none;flex-shrink:0;padding:var(--unit-md);padding-top:0;gap:var(--unit-sm);align-items:flex-end}[data-component=AgentsCode][data-is-debugging=false] .agent-code-chat{width:0;border-left:none;margin-left:0}@container (max-width: 1000px){[data-component=AgentsCode][data-is-debugging=false] .agent-code-chat{width:auto;height:0;border-top:none}}