[data-component=PageLoading]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;z-index:9999;gap:var(--unit-xl);opacity:0;animation:fade-in .2s ease-in .2s forwards}[data-component=PageLoading] svg{width:var(--form-sm);height:var(--form-sm);color:var(--color-disabled);animation:loading-spin 1s ease-in-out infinite}[data-component=PageLoading] img{width:128px;max-width:calc(100% - var(--unit-xl))}[data-component=PageNavigating]{position:absolute;flex-grow:0;top:0;left:0;width:100%;height:0;z-index:9999;pointer-events:none;background:rgba(0,0,0,0);overflow:visible}[data-component=PageNavigating] .navigation-loader{position:absolute;top:0;left:0;height:2px;width:0;background:var(--blue-main);opacity:0;animation:fade-in .2s ease-in .2s forwards}[data-component=Footer]{position:relative;width:100%;display:flex!important;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:0 var(--unit-xl);gap:calc(var(--unit-xl)*2)}[data-component=Footer]:after{display:block;position:absolute;top:0;left:0;height:1px;width:100%;content:"";background:linear-gradient(90deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 5%,var(--background-secondary) 5%,var(--background-secondary) 95%,rgba(0,0,0,0) 95%,rgba(0,0,0,0) 95%)}[data-component=Footer] .footer-column{display:flex!important;flex-direction:column;padding:var(--unit-lg) 0}[data-component=Footer] .footer-column .footer-title{font-weight:var(--font-weight-medium);padding-bottom:var(--unit-md)}[data-component=Footer] .footer-right{flex-shrink:0;justify-content:flex-end;align-items:flex-end;color:var(--color-secondary);flex-grow:1}[data-component=Footer] .footer-right .copyright{display:flex;align-items:center;gap:var(--unit-lg)}[data-component=Footer] .footer-right .copyright img{height:calc(var(--form-sm) + var(--unit-lg))}[data-component=ErrorPage]{position:relative;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}[data-component=ErrorPage] .error-container{min-height:90vh;width:100%;display:flex;align-items:center;justify-content:center}[data-component=ErrorPage] .content{position:relative;border-radius:var(--radius-xl);background:var(--background-primary);border:1px solid var(--outline-minimal);box-shadow:var(--shadow-dark-large);padding:var(--unit-xl);margin:var(--unit-xl);width:var(--screen-xs);max-width:calc(100% - var(--unit-xl)*2);max-height:calc(100% - var(--unit-xl)*2);overflow:auto;text-align:center;font-size:var(--font-size-xl)}[data-component=ErrorPage] .error-code{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-medium)}[data-component=ErrorPage] .error-description{margin-top:var(--unit-lg)}[data-component=TabList]{display:block;position:-webkit-sticky;position:sticky;z-index:999;top:0;width:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-component=TabList]:before{z-index:0;position:absolute;content:"";top:0;left:0;right:0;bottom:0;background:var(--background-primary);opacity:.5}[data-component=TabList][data-overscroll-fix=true]{position:fixed}[data-component=TabList][data-overscroll-fix=true]+[data-component=TabListSpacer]{display:block}[data-component=TabList] .tabs .tab.active{background:rgba(0,0,0,0)}[data-component=TabList][data-is-mobile=true] .tabs{gap:0}[data-component=TabList][data-is-mobile=true] .tabs.shrink-tabs .tab:not(.tab-end){flex-shrink:1}[data-component=TabList][data-is-mobile=true] .tabs .tab{overflow:visible}[data-component=TabList][data-is-mobile=true] .tabs .tab.tab-end{height:calc(var(--form-md) - var(--unit-lg));margin:var(--unit-md) 0;padding:0 var(--unit-md)}[data-component=TabList][data-is-mobile=true] .tabs .tab.tab-end.tab-first{margin-left:var(--unit-md)}[data-component=TabList][data-is-mobile=true] .tabs .tab>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-component=TabList][data-is-mobile=true] .tabs .tab .alert-count{position:absolute;right:calc(-1*var(--unit-md));top:calc(-1.5*var(--unit-md));background:var(--red-dark);font-weight:var(--font-weight-medium);color:var(--white);padding:0 var(--unit-md);border-radius:1000px}[data-component=TabList] .expander{width:100%;height:calc(var(--form-md) + var(--unit-lg))}[data-component=TabList] .container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;display:flex}[data-component=TabList] .tabs{position:relative;display:flex;padding:var(--unit-md);flex-shrink:0;max-width:100%;overflow:auto;align-items:center;z-index:1}[data-component=TabList] .tabs.tabs-menu{margin-right:calc(-2*var(--unit-md))!important}[data-component=TabList] .tabs.end-tabs{flex-shrink:0!important}[data-component=TabList] .tabs.scrollable{overflow:auto;flex-shrink:1;flex-grow:1;scrollbar-width:none;-ms-overflow-style:none}[data-component=TabList] .tabs.scrollable::-webkit-scrollbar{display:none}[data-component=TabList] .tabs.right{justify-content:flex-end;flex-grow:1}[data-component=TabList] .tab-border{border-radius:var(--radius-lg);z-index:1;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}[data-component=TabList] .tab-border:before{position:absolute;top:-500%;left:-500%;right:-500%;bottom:-500%;content:"";background:conic-gradient(red,orange,yellow,green,cyan,blue,violet,red);animation:loading-spin 60s linear infinite}[data-component=TabList] .tab-border:after{position:absolute;top:1px;left:1px;right:1px;bottom:1px;content:"";background:var(--background-primary);border-radius:var(--radius-lg)}[data-component=TabList] .tab:hover .tab-border:before{animation:loading-spin 5s linear infinite}[data-component=TabList] .tab-dropdown{display:flex;align-items:center;justify-content:center}[data-component=TabListSpacer]{height:calc(var(--form-md) + var(--unit-lg));position:relative;flex-shrink:0;display:none}.tab-dropdown-content-portal .tab,[data-component=TabList] .tab{position:relative;max-width:100%;cursor:pointer;padding:0 var(--unit-lg);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:flex-start;margin-top:var(--unit-md) 0;height:var(--form-md);text-decoration:none;color:var(--color-disabled);gap:var(--unit-md);flex-shrink:0;transition:background .1s ease-in-out,color .1s ease-in-out}.tab-dropdown-content-portal .tab>span,[data-component=TabList] .tab>span{z-index:2}.tab-dropdown-content-portal .tab svg,[data-component=TabList] .tab svg{width:var(--unit-lg);height:var(--unit-lg);stroke-width:2;color:var(--color-disabled);flex-shrink:0}.tab-dropdown-content-portal .tab img,[data-component=TabList] .tab img{width:calc(var(--unit-lg) + var(--unit-md));height:calc(var(--unit-lg) + var(--unit-md));margin:0 calc(-1*var(--unit-sm)*1.5);border-radius:1000px}.tab-dropdown-content-portal .tab img+div,[data-component=TabList] .tab img+div{padding-left:var(--unit-md)}.tab-dropdown-content-portal .tab:hover,[data-component=TabList] .tab:hover{color:var(--color-primary);background:var(--background-tertiary)!important}.tab-dropdown-content-portal .tab.active,[data-component=TabList] .tab.active{color:var(--color-primary);text-decoration:none!important;background:var(--background-primary)}.tab-dropdown-content-portal .tab.signup,[data-component=TabList] .tab.signup{background:rgba(0,0,0,0);color:var(--color-primary)}.tab-dropdown-content-portal .tab.signup:hover,[data-component=TabList] .tab.signup:hover{background:var(--green-light)}.tab-dropdown-content-portal .tab.dropdown-header,.tab-dropdown-content-portal .tab.dropdown-header:hover,[data-component=TabList] .tab.dropdown-header,[data-component=TabList] .tab.dropdown-header:hover{background:rgba(0,0,0,0)}.tab-dropdown-content-portal .tab.dropdown-header img,[data-component=TabList] .tab.dropdown-header img{margin:0;margin-right:calc(-1*var(--unit-sm)*1.5)}.tab-dropdown-content-portal .tab.active.color-blue svg,.tab-dropdown-content-portal .tab:hover.color-blue svg,[data-component=TabList] .tab.active.color-blue svg,[data-component=TabList] .tab:hover.color-blue svg{color:var(--blue-dark)}.tab-dropdown-content-portal .tab.active.color-orange svg,.tab-dropdown-content-portal .tab:hover.color-orange svg,[data-component=TabList] .tab.active.color-orange svg,[data-component=TabList] .tab:hover.color-orange svg{color:var(--orange-main)}.tab-dropdown-content-portal .tab.active.color-green svg,.tab-dropdown-content-portal .tab:hover.color-green svg,[data-component=TabList] .tab.active.color-green svg,[data-component=TabList] .tab:hover.color-green svg{color:var(--green-main)}.tab-dropdown-content-portal .tab svg.dropdown-icon,[data-component=TabList] .tab svg.dropdown-icon{color:var(--color-primary)!important}.tab-dropdown-content-portal .tab .alert-count,[data-component=TabList] .tab .alert-count{position:relative;background:var(--red-dark);font-weight:var(--font-weight-medium);color:var(--white);padding:0 var(--unit-md);border-radius:1000px;font-size:var(--font-size-sm);z-index:10}.tab-dropdown-content-portal{background:var(--background-primary);border-radius:var(--radius-lg);border:1px solid var(--outline-active);padding:var(--unit-md);box-shadow:var(--shadow-lg);z-index:1000;position:fixed;opacity:0;animation:fade-in .1s ease-in .05s forwards}[data-component=Button]{position:relative;max-width:100%;flex-shrink:0;display:inline-flex;align-items:center;transform:translateY(-2px);-webkit-user-select:none;user-select:none;transition:transform .1s ease-in-out;margin-top:2px;margin-left:-3px;margin-right:-1px}[data-component=Button].no-icon button .postfix,[data-component=Button].no-icon button .prefix{display:none}[data-component=Button].no-icon button .label{padding-left:var(--unit-lg);margin-left:0!important;margin-right:0!important}[data-component=Button].no-icon[data-size=small] button .label{padding-left:var(--unit-md);margin-left:0!important;margin-right:0!important}[data-component=Button] .hotkeys{display:flex;align-items:center;justify-content:center;gap:var(--unit-sm);background:var(--background-tertiary);border:1px solid var(--outline-default);border-radius:var(--radius);font-size:var(--font-size-xs);margin-right:var(--unit-sm);line-height:12px;padding:var(--unit-sm) var(--unit-md);opacity:.6;pointer-events:none}[data-component=Button] .hotkeys>svg{width:10px;height:10px;stroke-width:2px}[data-component=Button] .hotkeys>span,[data-component=Button] .hotkeys>svg{font-family:var(--font-family-monospace)}[data-component=Button] button{cursor:pointer;padding:0;color:var(--color-primary);font-size:var(--font-size-md);border-radius:var(--radius-lg);margin:0 3px;outline:none;resize:none;transform:translateY(0);height:calc(var(--form-md) - 2px);display:inline-flex;font-family:var(--font-family);background-color:rgba(0,0,0,0);border:none;position:relative}[data-component=Button] button:before{content:"";display:block;background:var(--background-primary);border:1px solid var(--outline-default);border-radius:var(--radius-lg);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:border-color .1s ease-in-out}[data-component=Button] button .special-border{display:none;background:var(--red-main);border-radius:var(--radius-lg);position:absolute;top:-2px;left:-2px;width:calc(100% + 6px);height:calc(100% + 6px);z-index:0;overflow:hidden}[data-component=Button] button .special-border .overflow{position:absolute;z-index:0;top:-500%;left:-500%;right:-500%;bottom:-500%;animation:loading-spin 60s linear infinite;background:conic-gradient(red,orange,yellow,green,cyan,blue,violet,red)}[data-component=Button] button:hover{transform:translateY(-1px)}[data-component=Button] button:hover:before{border-color:var(--outline-hover)}[data-component=Button] button:focus:before{border-color:var(--outline-active)}[data-component=Button] button:active{transform:translateY(1px)}[data-component=Button] button>a,[data-component=Button] button>a:active,[data-component=Button] button>a:focus,[data-component=Button] button>a:hover,[data-component=Button] button>a:link,[data-component=Button] button>span.anchor,[data-component=Button] button>span.anchor:hover{color:inherit;text-decoration:none;z-index:2;display:flex;align-items:center;position:relative;height:100%}[data-component=Button] button .postfix,[data-component=Button] button .prefix{display:flex;position:relative;height:100%;align-items:center;justify-content:center}[data-component=Button] button .postfix svg,[data-component=Button] button .prefix svg{color:inherit;width:18px;height:18px;stroke-width:3px}[data-component=Button] button .prefix{padding-left:var(--unit-lg);margin-right:calc(0px - var(--unit-md))}[data-component=Button] button .postfix{padding-right:var(--unit-lg);margin-right:calc(0px - var(--unit-md))}[data-component=Button] button .label{display:flex;height:100%;align-items:center;padding:0 var(--unit-lg);white-space:nowrap}[data-component=Button] button[disabled]{pointer-events:none;border-color:rgba(0,0,0,0)!important;color:var(--color-disabled)!important}[data-component=Button] button[disabled]:before{background:var(--background-primary)!important;border-color:var(--outline-default)!important}[data-component=Button] button[disabled]:active,[data-component=Button] button[disabled]:focus,[data-component=Button] button[disabled]:hover{border-color:rgba(0,0,0,0)!important;transform:translateY(0)!important}[data-component=Button].postfix .prefix{left:auto;right:0}[data-component=Button].postfix .label{margin-left:0;margin-right:calc(var(--form-md) - var(--unit-md))}[data-component=Button][data-size=small] button{font-size:var(--font-size-sm);height:calc(var(--form-sm) - 2px)}[data-component=Button][data-size=small] button .postfix svg,[data-component=Button][data-size=small] button .prefix svg{width:12px;height:12px;stroke-width:2px}[data-component=Button][data-size=small] button .label{padding:0 var(--unit-md)}[data-component=Button][data-size=small] button .prefix{padding-left:var(--unit-md);margin-right:calc(0px - var(--unit-sm))}[data-component=Button][data-size=small] button .postfix{padding-right:var(--unit-md);margin-right:calc(0px - var(--unit-sm))}[data-component=Button][data-size=large] button{font-size:var(--font-size-xl);height:var(--form-lg)}[data-component=Button][data-size=large] button .postfix svg,[data-component=Button][data-size=large] button .prefix svg{width:24px;height:24px}[data-component=Button][data-size=large] button .label{padding:0 var(--unit-lg)}[data-component=Button][data-size=large] button .prefix{padding-left:var(--unit-lg);margin-right:calc(0px - var(--unit-md))}[data-component=Button][data-size=large] button .postfix{padding-right:var(--unit-lg);margin-left:calc(0px - var(--unit-md))}[data-component=Button][data-color=special] button{margin:0 5px}[data-component=Button][data-color=special] button:before{border-color:rgba(0,0,0,0);background-color:var(--background-primary)}[data-component=Button][data-color=special] button .special-border{display:block}[data-component=Button][data-color=special] button:hover .special-border .overflow{animation:loading-spin 5s linear infinite}[data-component=Button][data-color=blurple] button:before{background-color:var(--blurple)}[data-component=Button][data-color=green] button:before{background-color:var(--green-main)}[data-component=Button][data-color=blue] button:before{background-color:var(--blue-dark)}[data-component=Button][data-color=orange] button:before{background-color:var(--orange-dark)}[data-component=Button][data-color=red] button:before{background-color:var(--red-dark)}[data-component=Textbox]{position:relative;width:100%;display:flex;flex-direction:column;font-weight:var(--font-weight-normal);font-size:var(--font-size-md);color:var(--color-primary)}[data-component=Textbox][data-type=chat] input,[data-component=Textbox][data-type=chat] textarea{border-radius:calc(var(--form-md)/2);box-shadow:var(--shadow-dark-small);padding-right:var(--form-md)}[data-component=Textbox] .textbox-container:has(input:placeholder-shown) .end-icon .send-icon-container,[data-component=Textbox] .textbox-container:has(textarea:placeholder-shown) .end-icon .send-icon-container{background:var(--background-tertiary)!important;pointer-events:none}[data-component=Textbox] .textbox-container:has(input:placeholder-shown) .end-icon .send-icon-container .send-icon,[data-component=Textbox] .textbox-container:has(textarea:placeholder-shown) .end-icon .send-icon-container .send-icon{color:var(--color-disabled)!important}[data-component=Textbox].error input,[data-component=Textbox].error textarea{border-color:var(--red-text)!important}[data-component=Textbox] .heading{font-size:var(--font-size-sm);padding:var(--unit-sm);display:flex;align-items:flex-end;height:var(--unit-xl);font-weight:var(--font-weight-medium)}[data-component=Textbox] .error-text{margin:0 1px;padding:0 var(--unit-lg);font-size:var(--font-size-sm);color:var(--red-text)}[data-component=Textbox] input,[data-component=Textbox] textarea{caret-color:var(--blue-dark);font-weight:inherit;font-size:inherit;color:inherit;width:100%;padding:var(--unit-md) var(--unit-lg);font-family:var(--font-family);background-color:var(--background-input);line-height:calc(var(--form-md) - var(--unit-md)*2 - 2px);min-height:var(--form-md);border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,0);outline:none;resize:none;transition:border-color .1s ease-in-out}[data-component=Textbox] input:hover,[data-component=Textbox] textarea:hover{border-color:var(--outline-default)}[data-component=Textbox] input:focus,[data-component=Textbox] textarea:focus{border-color:var(--outline-default);outline:none}[data-component=Textbox] input.monospace,[data-component=Textbox] textarea.monospace{font-family:Source Code Pro,Menlo,Monaco,Consolas,monospace;font-size:var(--font-size-sm);letter-spacing:-.2px}[data-component=Textbox] input::selection,[data-component=Textbox] textarea::selection{background-color:var(--blue-main);color:var(--white)}[data-component=Textbox] input[readonly],[data-component=Textbox] textarea[readonly]{cursor:default;color:var(--color-disabled)}[data-component=Textbox] input[readonly]:focus,[data-component=Textbox] input[readonly]:hover,[data-component=Textbox] textarea[readonly]:focus,[data-component=Textbox] textarea[readonly]:hover{border-color:var(--outline-default)}[data-component=Textbox] input[disabled],[data-component=Textbox] textarea[disabled]{cursor:default;color:var(--color-disabled);border-color:rgba(0,0,0,0)}[data-component=Textbox] input[disabled]:focus,[data-component=Textbox] input[disabled]:hover,[data-component=Textbox] textarea[disabled]:focus,[data-component=Textbox] textarea[disabled]:hover{border-color:rgba(0,0,0,0)}[data-component=Textbox] .textbox-container{position:relative;display:flex;align-items:center}[data-component=Textbox] .textbox-container .end-icon,[data-component=Textbox] .textbox-container .start-icon{position:absolute;pointer-events:none;z-index:1;right:0;height:var(--form-md);bottom:0;display:flex;align-items:center;padding:0 var(--unit-md);gap:var(--unit-md)}[data-component=Textbox] .textbox-container .end-icon svg,[data-component=Textbox] .textbox-container .start-icon svg{border-radius:var(--radius-lg);color:inherit;width:32px;height:32px;padding:var(--unit-md);stroke-width:2;color:var(--color-disabled)}[data-component=Textbox] .textbox-container .end-icon:has(.clear-icon){pointer-events:all}[data-component=Textbox] .textbox-container .end-icon:has(.clear-icon) .clear-icon{cursor:pointer}[data-component=Textbox] .textbox-container .end-icon:has(.clear-icon) .clear-icon:hover{background-color:var(--background-tertiary)}[data-component=Textbox] .textbox-container .end-icon:has(.send-icon-container){pointer-events:all}[data-component=Textbox] .textbox-container .end-icon:has(.send-icon-container) .send-icon-container{cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--blue-dark);color:var(--white);border-radius:1000px;transition:transform .1s ease-in-out}[data-component=Textbox] .textbox-container .end-icon:has(.send-icon-container) .send-icon-container .send-icon{color:var(--white)}[data-component=Textbox] .textbox-container .end-icon:has(.send-icon-container) .send-icon-container:hover{transform:translateY(-1px)}[data-component=Textbox] .textbox-container .end-icon:has(.copy-icon-container){pointer-events:all}[data-component=Textbox] .textbox-container .end-icon:has(.copy-icon-container) .copy-icon-container{display:flex;align-items:center;margin-right:calc(-1*var(--unit-sm));border-radius:var(--radius-lg);cursor:pointer;background-color:var(--background-primary);color:var(--color-primary)}[data-component=Textbox] .textbox-container .end-icon:has(.copy-icon-container) .copy-icon-container .copy-icon{color:currentColor;height:calc(var(--form-sm) - var(--unit-md));width:calc(var(--form-sm) - var(--unit-md));padding:calc(var(--unit-sm)*1.5)}[data-component=Textbox] .textbox-container .end-icon:has(.copy-icon-container) .copy-icon-container>span{display:none;font-size:var(--font-size-xs);padding-right:var(--unit-sm)}[data-component=Textbox] .textbox-container .end-icon:has(.copy-icon-container) .copy-icon-container:hover{color:var(--color-primary);background-color:var(--background-tertiary)}[data-component=Textbox] .textbox-container .start-icon{left:0;right:auto;background-color:rgba(0,0,0,0)}[data-component=Textbox] .textbox-container:has(.start-icon) input,[data-component=Textbox] .textbox-container:has(.start-icon) textarea{padding-left:var(--form-md)}[data-component=Textbox][data-size=small]{font-size:var(--font-size-sm)}[data-component=Textbox][data-size=small] input,[data-component=Textbox][data-size=small] textarea{line-height:calc(var(--form-sm) - 2px);min-height:var(--form-sm);padding:0 var(--unit-md)}[data-component=Textbox][data-size=small]:has(.start-icon) input,[data-component=Textbox][data-size=small]:has(.start-icon) textarea{padding-left:calc(var(--form-sm) - var(--unit-sm))}[data-component=Textbox][data-size=small] .textbox-container .end-icon,[data-component=Textbox][data-size=small] .textbox-container .start-icon{height:var(--form-sm)}[data-component=Textbox][data-size=small] .textbox-container .end-icon svg,[data-component=Textbox][data-size=small] .textbox-container .start-icon svg{padding:1px;width:16px;height:16px}[data-component=Textbox][data-size=small] .textbox-container .end-icon:has(.send-icon-container) svg{padding:3px}[data-component=Textbox]:not([data-click-to-edit=false]) input,[data-component=Textbox]:not([data-click-to-edit=false]) textarea{cursor:text;padding-right:var(--form-md);color:var(--color-primary);border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}[data-component=Textbox]:not([data-click-to-edit=false]):hover input,[data-component=Textbox]:not([data-click-to-edit=false]):hover textarea{border-color:var(--outline-default)}[data-component=Textbox]:not([data-click-to-edit=false]) .textbox-container .end-icon,[data-component=Textbox]:not([data-click-to-edit=false]) .textbox-container .start-icon{pointer-events:auto}[data-component=Textbox]:not([data-click-to-edit=false]) .textbox-container .end-icon svg.edit-icon,[data-component=Textbox]:not([data-click-to-edit=false]) .textbox-container .start-icon svg.edit-icon{border:1px solid var(--outline-default);cursor:pointer;background-color:var(--background-primary)}[data-component=Textbox]:not([data-click-to-edit=false]) .textbox-container .end-icon svg.edit-icon:hover,[data-component=Textbox]:not([data-click-to-edit=false]) .textbox-container .start-icon svg.edit-icon:hover{border-color:var(--outline-hover);color:var(--color-primary)}[data-component=Textbox]:not([data-click-to-edit=false]) .textbox-container .end-icon svg.edit-icon:active,[data-component=Textbox]:not([data-click-to-edit=false]) .textbox-container .start-icon svg.edit-icon:active,[data-component=Textbox]:not([data-click-to-edit=false])[data-is-editing=true] input,[data-component=Textbox]:not([data-click-to-edit=false])[data-is-editing=true] textarea{border-color:var(--outline-active)}[data-component=ChatMessage]{position:relative;display:flex;flex-direction:column;padding:var(--unit-md) 0;animation:message-pop-in .2s ease-in-out}[data-component=ChatMessage] .chat-body{display:flex;font-size:var(--font-size-md);color:var(--color-secondary);padding-right:var(--unit-md)}[data-component=ChatMessage] .chat-body .chat-avatar{position:relative;display:flex!important;overflow:hidden;font-weight:var(--font-weight-bold);color:var(--white);width:var(--unit-xl);height:var(--unit-xl);border-radius:1000px;align-items:center;justify-content:center;flex-shrink:0;margin:0 var(--unit-lg);margin-top:var(--unit);background:var(--green-main)}[data-component=ChatMessage] .chat-body .chat-avatar.app{background:var(--blue-dark)}[data-component=ChatMessage] .chat-body .chat-avatar.image{background:none}[data-component=ChatMessage] .chat-body .chat-avatar img{position:absolute;width:100%;height:100%;border:none}[data-component=ChatMessage] .chat-body .chat-content{display:flex!important;width:100%;flex-direction:column;overflow:hidden;position:relative}[data-component=ChatMessage] .chat-body .chat-content .chat-notification-block{display:flex;align-items:center;gap:var(--unit-md);color:var(--color-disabled);font-size:var(--font-size-sm);white-space:pre-wrap;margin-top:var(--unit-md)}[data-component=ChatMessage] .chat-body .chat-content .chat-notification-block>p{margin:0}[data-component=ChatMessage] .chat-body .chat-content .chat-typing{display:inline-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);margin-top:var(--unit-md)}[data-component=ChatMessage] .chat-body .chat-content .chat-typing .dot{width:var(--unit-sm);height:var(--unit-sm);border-radius:1000px;background:var(--color-secondary)}[data-component=ChatMessage] .chat-body .chat-content .chat-typing .dot:first-child{animation:typing-dot 1.5s linear 0s infinite}[data-component=ChatMessage] .chat-body .chat-content .chat-typing .dot:nth-child(2){animation:typing-dot 1.5s linear .25s infinite}[data-component=ChatMessage] .chat-body .chat-content .chat-typing .dot:nth-child(3){animation:typing-dot 1.5s linear .5s infinite}[data-component=ChatMessage] .chat-body .chat-content .chat-author{display:flex!important;flex-wrap:wrap;align-items:center}[data-component=ChatMessage] .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=ChatMessage] .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=ChatMessage] .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=ChatMessage] .chat-body .chat-content .chat-author .chat-completion-model{display:inline-flex;align-items:center;gap:var(--unit-sm);color:var(--color-disabled);font-size:var(--font-size-sm);margin-right:var(--unit-md)}[data-component=ChatMessage] .chat-body .chat-content .chat-author .chat-completion-model svg{width:calc(var(--unit-md) + var(--unit-sm));height:calc(var(--unit-md) + var(--unit-sm))}[data-component=ChatMessage] .chat-body .chat-content .chat-author .chat-notification{position:relative;display:flex;align-items:center;gap:var(--unit-sm);color:var(--color-disabled);font-size:var(--font-size-sm);border-radius:var(--radius-lg);margin:var(--unit-sm) 0;margin-right:var(--unit-md)}[data-component=ChatMessage] .chat-body .chat-content .chat-author .chat-notification svg{color:var(--orange-main);width:var(--unit-md);height:var(--unit-md)}[data-component=ChatMessage] .chat-body .chat-content .chat-author .chat-notification.blocked svg{color:var(--red-main)}[data-component=ChatMessage] .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}[data-component=ChatMessage] .chat-body .chat-content .chat-message>p{margin:0;line-height:1.6em}[data-component=ChatMessage] .chat-body .chat-content .chat-message>p:last-child{margin-bottom:0}[data-component=ChatMessage] .chat-body .chat-content .chat-message>p+p{margin-top:var(--unit-lg)}[data-component=ChatMessage] .chat-body .chat-content .chat-message pre:has(code){display:flex;margin:0;padding:0}[data-component=ChatMessage] .chat-body .chat-content .chat-message pre:has(code) code{margin:0;padding:var(--unit-sm) var(--unit-md)}[data-component=ChatMessage] .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 var(--unit-sm)}[data-component=ChatMessage] .chat-body .chat-content .chat-message ol,[data-component=ChatMessage] .chat-body .chat-content .chat-message ul{margin:var(--unit-md) 0;padding:0;padding-left:var(--unit-xl);line-height:1em;margin-block-start:var(--unit-lg);margin-block-end:var(--unit-lg);padding-inline-start:var(--unit-xl);white-space:normal}[data-component=ChatMessage] .chat-body .chat-content .chat-message ol li,[data-component=ChatMessage] .chat-body .chat-content .chat-message ul li{padding:0;line-height:1.5em}[data-component=ChatMessage] .chat-body .chat-content .chat-message ol li:not(:last-child),[data-component=ChatMessage] .chat-body .chat-content .chat-message ul li:not(:last-child){margin-bottom:var(--unit-md)}[data-component=ChatMessage] .chat-body .chat-content .chat-message ol li p,[data-component=ChatMessage] .chat-body .chat-content .chat-message ul li p{margin:0}[data-component=ChatMessage] .chat-body .chat-content .chat-message strong{font-weight:var(--font-weight-medium);color:var(--color-primary)}[data-component=ChatMessage] .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=ChatMessage] .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=ChatMessage] .chat-body .chat-content .chat-message table tr td,[data-component=ChatMessage] .chat-body .chat-content .chat-message table tr th{padding:var(--unit-sm) var(--unit-lg);border:1px solid var(--background-tertiary)}[data-component=ChatMessage] .chat-body .chat-content .chat-message table tr td:not(:last-child),[data-component=ChatMessage] .chat-body .chat-content .chat-message table tr th:not(:last-child){border-right:none}[data-component=ChatMessage] .chat-body .chat-content .chat-message table tr:not(:last-child) td,[data-component=ChatMessage] .chat-body .chat-content .chat-message table tr:not(:last-child) th{border-bottom:none}[data-component=ChatMessage] .chat-body .chat-content .chat-message table thead tr{background:var(--background-tertiary)}[data-component=ChatMessage] .chat-body .chat-content .chat-message table thead tr:first-child td,[data-component=ChatMessage] .chat-body .chat-content .chat-message table thead tr:first-child th{text-align:left}[data-component=ChatMessage] .chat-body .chat-content .chat-message table thead tr:first-child td:first-child,[data-component=ChatMessage] .chat-body .chat-content .chat-message table thead tr:first-child th:first-child{border-top-left-radius:var(--radius)}[data-component=ChatMessage] .chat-body .chat-content .chat-message table thead tr:first-child td:last-child,[data-component=ChatMessage] .chat-body .chat-content .chat-message table thead tr:first-child th:last-child{border-top-right-radius:var(--radius)}[data-component=ChatMessage] .chat-body .chat-content .chat-message table tbody tr:last-child td:first-child,[data-component=ChatMessage] .chat-body .chat-content .chat-message table tbody tr:last-child th:first-child{border-bottom-left-radius:var(--radius)}[data-component=ChatMessage] .chat-body .chat-content .chat-message table tbody tr:last-child td:last-child,[data-component=ChatMessage] .chat-body .chat-content .chat-message table tbody tr:last-child th:last-child{border-bottom-right-radius:var(--radius)}[data-component=ChatMessage] .chat-body .chat-content .chat-attachments{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--unit-md);margin:var(--unit-md) 0}[data-component=ChatMessage] .chat-body .chat-content .chat-attachments .chat-attachment{position:relative;width:256px;height:256px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--background-input);border-radius:var(--radius-lg)}[data-component=ChatMessage] .chat-body .chat-content .chat-attachments .chat-attachment img{width:100%;height:100%;object-fit:contain}[data-component=ChatMessage] .chat-body .chat-content .chat-attachments .chat-attachment .pending{border-radius:var(--radius-lg);position:absolute;width:100%;height:100%;z-index:0;overflow:hidden}[data-component=ChatMessage] .chat-body .chat-content .chat-attachments .chat-attachment .pending:before{content:"";position:absolute;z-index:0;top:-500%;left:-500%;right:-500%;bottom:-500%;animation:loading-spin 2s linear infinite;background:conic-gradient(var(--background-input),var(--background-primary),var(--background-secondary),var(--background-tertiary))}[data-component=ChatMessage] .chat-body .chat-content .chat-attachments .chat-attachment .pending:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:var(--radius-lg);background:var(--background-input)}[data-component=ChatMessage] .chat-body .chat-content .function{display:inline-flex;position:relative;flex-direction:column;margin:var(--unit-sm) 0;font-size:var(--font-size-md);overflow:hidden;color:var(--color-disabled);border-left:4px solid var(--background-input);width:100%}[data-component=ChatMessage] .chat-body .chat-content .function .function-header{display:flex!important;align-items:center;overflow:hidden;width:auto;max-width:100%}[data-component=ChatMessage] .chat-body .chat-content .function .function-header .function-header-info{min-height:var(--form-sm);cursor:pointer;padding:var(--unit-sm) var(--unit-md);display:flex!important;align-items:center;overflow:hidden;gap:var(--unit-md);transition:color .1s ease-in-out,background .1s ease-in-out;border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}[data-component=ChatMessage] .chat-body .chat-content .function .function-header .function-header-info:hover{color:var(--color-primary);background:var(--background-input)}[data-component=ChatMessage] .chat-body .chat-content .function .function-header .expand-icon{display:flex;align-items:center;justify-content:center;padding-left:var(--unit-sm)}[data-component=ChatMessage] .chat-body .chat-content .function .function-header .expand-icon svg{width:var(--unit-lg);height:var(--unit-lg)}[data-component=ChatMessage] .chat-body .chat-content .function .function-header .function-name{display:flex!important;align-items:center;overflow:hidden;gap:var(--unit-md)}@keyframes slide-text-gradient{0%{background-position:200% 0}to{background-position:-100% 0}}[data-component=ChatMessage] .chat-body .chat-content .function .function-header .function-name .name-text.pending{background:linear-gradient(90deg,var(--color-disabled) 0,var(--background-secondary) 10%,var(--color-disabled) 20%,var(--color-disabled) 100%);background-size:150% 100%;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;color:rgba(0,0,0,0);animation:slide-text-gradient 1.5s linear infinite}[data-component=ChatMessage] .chat-body .chat-content .function .function-header .function-name a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-component=ChatMessage] .chat-body .chat-content .function .function-header .function-name svg{flex-shrink:0;width:calc(var(--unit-md) + var(--unit-sm));height:calc(var(--unit-md) + var(--unit-sm));margin:0}[data-component=ChatMessage] .chat-body .chat-content .function .function-header .function-name svg.tool{color:var(--color-disabled)}[data-component=ChatMessage] .chat-body .chat-content .function .function-header .function-name svg.success{color:var(--green-light)}[data-component=ChatMessage] .chat-body .chat-content .function .function-header .function-name svg.thought{color:var(--orange-light)}[data-component=ChatMessage] .chat-body .chat-content .function .function-header .function-name svg.error{color:var(--red-main)}[data-component=ChatMessage] .chat-body .chat-content .function .function-body{padding-left:var(--unit-md);margin-top:var(--unit-sm);max-width:var(--screen-sm);border-right:4px solid var(--background-input);padding-right:var(--unit-md)}[data-component=ChatMessage] .chat-body .chat-content .function .function-body .function-body-thought{margin-left:calc(var(--unit-lg) + var(--unit-sm));white-space:pre-wrap}[data-component=ChatMessage] .chat-body .chat-content .function .function-body .function-body-thought strong{font-weight:var(--font-weight-regular);color:var(--color-tertiary)}[data-component=ChatMessage] .chat-body .chat-content .function .function-body .function-body-thought .thought{margin-bottom:var(--unit-md)}[data-component=ChatMessage] .chat-body .chat-content .function .function-body .function-body-info{display:flex!important;align-items:center;overflow:hidden;gap:var(--unit-md);padding-right:var(--unit-md)}[data-component=ChatMessage] .chat-body .chat-content .function .function-body .function-body-info a{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-component=ChatMessage] .chat-body .chat-content .function .function-body .function-body-info svg{flex-shrink:0;width:calc(var(--unit-md) + var(--unit-sm));height:calc(var(--unit-md) + var(--unit-sm))}[data-component=ChatMessage] .chat-body .chat-content .sql{overflow:auto;margin-bottom:var(--unit-sm);background:var(--background-primary);border:1px solid var(--outline-default);border-radius:var(--radius-lg);font-size:var(--font-size-xs)}[data-component=ChatMessage] .chat-body .chat-content .sql:hover{border-color:var(--outline-hover)}[data-component=ChatMessage] .chat-body .chat-content .sql .query-container{display:flex;align-items:center;padding:var(--unit-md);gap:var(--unit-md);cursor:pointer;min-height:var(--form-sm)}[data-component=ChatMessage] .chat-body .chat-content .sql .query-container>svg{flex-shrink:0;width:calc(var(--unit-md) + var(--unit-sm));height:calc(var(--unit-md) + var(--unit-sm));color:var(--green-main)}[data-component=ChatMessage] .chat-body .chat-content .sql .query-container .expand-icon{color:var(--color-secondary);display:flex;align-items:center;justify-content:center}[data-component=ChatMessage] .chat-body .chat-content .sql .query-container .query{margin:0;padding:0;background:none;flex:1 1;font-family:var(--font-family-monospace);white-space:pre-wrap;word-break:break-word}[data-component=ChatMessage] .chat-body .chat-content .sql .result{margin:var(--unit-md);background:var(--background-primary);margin-top:var(--unit-sm);padding:var(--unit-md);border-radius:var(--radius-lg);white-space:pre-wrap;word-break:break-word}[data-component=ContentButton]{position:relative;font-weight:var(--font-weight-normal);flex-shrink:0;display:inline-flex;align-items:center;border-radius:var(--radius-lg);font-size:var(--font-size-sm);cursor:pointer;color:var(--color-primary);-webkit-user-select:none;user-select:none;transition:background .1s ease-in-out,color .1s ease-in-out,opacity .1s ease-in-out}[data-component=ContentButton]>a,[data-component=ContentButton]>span{padding:var(--unit-md) var(--unit-lg);display:flex;align-items:center;justify-content:center;gap:var(--unit-md)}[data-component=ContentButton]>a:active,[data-component=ContentButton]>a:hover,[data-component=ContentButton]>a:link,[data-component=ContentButton]>a:visited,[data-component=ContentButton]>span:active,[data-component=ContentButton]>span:hover,[data-component=ContentButton]>span:link,[data-component=ContentButton]>span:visited{text-decoration:none;color:inherit}[data-component=ContentButton][data-size=small]>a,[data-component=ContentButton][data-size=small]>span{padding:var(--unit-sm) var(--unit-md)}[data-component=ContentButton][data-size=small][data-icon-only=true]>a,[data-component=ContentButton][data-size=small][data-icon-only=true]>span{padding:calc(var(--unit-sm)*1.5)}[data-component=ContentButton][data-size=small] .icon{width:calc(var(--unit-md) + var(--unit-sm));height:calc(var(--unit-md) + var(--unit-sm))}[data-component=ContentButton][data-icon-only=true]>a,[data-component=ContentButton][data-icon-only=true]>span{padding:var(--unit-md)}[data-component=ContentButton][data-disabled=true],[data-component=ContentButton][data-loading=true]{pointer-events:none}[data-component=ContentButton][data-darken=true]{background:rgba(0,0,0,.4)}[data-component=ContentButton][data-darken=true]:hover{background:rgba(0,0,0,.6)}[data-component=ContentButton] .button-content{line-height:var(--unit-lg)}[data-component=ContentButton] .icon-container{display:flex;align-items:center;justify-content:center;position:relative}[data-component=ContentButton] .icon{width:var(--unit-lg);height:var(--unit-lg);stroke-width:1;color:var(--color-primary);opacity:.6;transition:opacity .1s ease-in-out,color .1s ease-in-out,fill .1s ease-in-out}[data-component=ContentButton]:hover{background:rgba(0,0,0,.4)}[data-component=ContentButton]:hover .icon{opacity:1}[data-component=ContentButton][data-icon-styling=fill] .icon{fill:var(--color-primary)}[data-component=ContentButton][data-icon-styling=fill-shrink] .icon{fill:var(--color-primary);transform:scale(.8)}[data-component=ContentButton][data-icon-styling=off] .icon-container{opacity:.6}[data-component=ContentButton][data-icon-styling=off] .icon-container:before{position:absolute;content:"";display:block;width:140%;height:2px;background:var(--color-primary);border:2px solid var(--background-primary);border-radius:1000px;transform:rotate(45deg);z-index:2}[data-component=ContentButton][data-icon-styling=off][data-color=grey] .icon-container:before{border-color:var(--grey-main)}[data-component=ContentButton][data-icon-styling=off][data-color=green] .icon-container:before{border-color:var(--green-main)}[data-component=ContentButton][data-icon-styling=off][data-disabled=true] .icon-container:before{border-color:var(--background-primary)}[data-component=ContentButton][data-styling=chat]{border-radius:1000px;background:var(--background-primary);height:calc(var(--form-md) - var(--unit-lg));margin:var(--unit-md) 0}[data-component=ContentButton][data-styling=chat] .icon.has-content{margin:0 calc(-1*var(--unit-sm))}[data-component=ContentButton][data-disabled=true]{background:var(--background-primary)!important;color:var(--color-disabled)!important}[data-component=ContentButton][data-disabled=true] .icon{color:var(--color-disabled)!important}[data-component=ContentButton][data-disabled=true][data-icon-styling=fill-shrink] .icon,[data-component=ContentButton][data-disabled=true][data-icon-styling=fill] .icon{fill:var(--color-disabled)!important}[data-component=ContentButton][data-color]:not([data-color=default]){color:var(--white)}[data-component=ContentButton][data-color]:not([data-color=default]) .icon{opacity:1;stroke-width:2}[data-component=ContentButton][data-color][data-loading=true]{background:var(--background-primary);color:var(--color-disabled)}[data-component=ContentButton][data-color][data-loading=true] .icon{color:var(--color-disabled)}[data-component=ContentButton][data-color=orange]{background:var(--orange-dark)}[data-component=ContentButton][data-color=orange]:hover,[data-component=ContentButton][data-color=orange][data-active=true]{background:var(--orange-main)}[data-component=ContentButton][data-color=green]{background:var(--green-dark)}[data-component=ContentButton][data-color=green]:hover,[data-component=ContentButton][data-color=green][data-active=true]{background:var(--green-main)}[data-component=ContentButton][data-color=blue]{background:var(--blue-dark)}[data-component=ContentButton][data-color=blue]:hover,[data-component=ContentButton][data-color=blue][data-active=true]{background:var(--blue-main)}[data-component=ContentButton][data-color=purple]{background:var(--purple-dark)}[data-component=ContentButton][data-color=purple]:hover,[data-component=ContentButton][data-color=purple][data-active=true]{background:var(--purple-main)}[data-component=ContentButton][data-color=red]{background:var(--red-dark)}[data-component=ContentButton][data-color=red]:hover,[data-component=ContentButton][data-color=red][data-active=true]{background:var(--red-main)}[data-component=ContentButton][data-color=grey]{background:var(--background-input)}[data-component=ContentButton][data-color=grey]:hover,[data-component=ContentButton][data-color=grey][data-active=true]{background:var(--background-secondary)}[data-component=ContentButton][data-styling=condensed]>a,[data-component=ContentButton][data-styling=condensed]>span{padding:var(--unit-md)}[data-component=ContentButton] strong{font-weight:var(--font-weight-medium)}[data-component=ContentButton] .alert-count{position:absolute;top:calc(-1*var(--unit-md));right:calc(-1*var(--unit-md));height:calc(var(--unit-lg)*1.25);min-width:calc(var(--unit-lg)*1.25);line-height:calc(var(--unit-lg)*1.25);display:flex;align-items:center;justify-content:center;background:var(--red-dark);color:var(--white);border-radius:1000px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:0!important;z-index:10}[data-component=ContentButtonGroup]{display:flex;align-items:center;flex-shrink:0;border-radius:var(--radius-lg);overflow:auto;max-width:100%}[data-component=ContentButtonGroup]>[data-component=ContentButton]:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid var(--outline-minimal)}[data-component=ContentButtonGroup]>[data-component=ContentButton]:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}@keyframes shake{0%{transform:translateX(-3px)}50%{transform:translateX(3px)}to{transform:translateX(-3px)}}[data-component=ContentButtonGroup].shake,[data-component=ContentButton].shake{animation:shake .1s linear infinite}[data-component=MiniEditor]{display:flex;width:100%;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-tertiary)}[data-component=MiniEditor] .mini-editor-header{display:flex;align-items:center;padding:var(--unit-sm);background:var(--background-tertiary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;flex-wrap:wrap;justify-content:flex-end}[data-component=MiniEditor] .mini-editor-header>svg{width:calc(var(--unit-md) + var(--unit-sm));height:calc(var(--unit-md) + var(--unit-sm));margin:0 var(--unit-sm)}[data-component=MiniEditor] .mini-editor-header>span{padding:0 var(--unit-sm)}[data-component=MiniEditor] .mini-editor-header+.mini-editor-content control[control=CPHEditor]{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-color:var(--background-tertiary)!important}[data-component=MiniEditor] .mini-editor-header .actions{display:flex;align-items:center;gap:var(--unit-sm);overflow:visible}[data-component=MiniEditor] .mini-editor-content{position:relative;width:100%;height:100%}[data-component=MiniEditor] .mini-editor-content control[control=CPHEditor] .editor .line-container .line-numbers{top:0}[data-component=MiniEditor][data-type=error] .mini-editor-header svg.start-icon{color:var(--red-main);stroke-width:2}[data-component=MiniEditor][data-type=success] .mini-editor-header svg.start-icon{color:var(--green-light);stroke-width:2}[data-component=MiniEditor][data-display=package]{background:rgba(0,0,0,0)}[data-component=MiniEditor][data-display=package] .mini-editor-header{color:var(--color-primary);font-size:var(--font-size-md);background:rgba(0,0,0,0);padding:var(--unit-lg);display:flex;align-items:center;gap:var(--unit-md);font-weight:var(--font-weight-medium)}[data-component=MiniEditor][data-display=package] .mini-editor-header .actions{height:16px}[data-component=MiniEditor][data-display=package] .mini-editor-header>span{padding:var(--unit-sm) 0}[data-component=MiniEditor][data-display=package] .mini-editor-header>span.label{font-weight:var(--font-weight-normal);color:var(--color-tertiary)}[data-component=MiniEditor][data-display=package] .mini-editor-header>svg{width:calc(var(--unit-md) + var(--unit-sm));height:calc(var(--unit-md) + var(--unit-sm));stroke-width:1;opacity:.6}[data-component=MiniEditor][data-display=package] .mini-editor-header a{display:inline-flex;align-items:center;gap:var(--unit-sm)}[data-component=MiniEditor][data-display=package] .mini-editor-header a svg{width:calc(var(--unit-md) + var(--unit-sm));height:calc(var(--unit-md) + var(--unit-sm));stroke-width:1}[data-component=MiniEditor][data-display=package] .mini-editor-content control[control=CPHEditor]{border:none;border-radius:var(--radius-lg)}[data-component=MiniEditor][data-display=embed]{background:rgba(0,0,0,0)}[data-component=MiniEditor][data-display=embed] .mini-editor-header{background:rgba(0,0,0,0);padding:var(--unit-sm) 0;color:var(--color-disabled)}[data-component=MiniEditor][data-display=embed] .mini-editor-header>span{padding:0}[data-component=MiniEditor][data-display=embed] .mini-editor-content{max-height:128px;overflow:auto;border-radius:var(--radius-lg)}[data-component=MiniEditor][data-display=embed] .mini-editor-content control[control=CPHEditor]{border:none;border-radius:var(--radius-lg)}[data-component=CodeEditor],[data-component=MiniEditor]{background:var(--background-input)}[data-component=CodeEditor] control[control=CPHEditor],[data-component=MiniEditor] control[control=CPHEditor]{box-shadow:none}[data-component=CodeEditor] control[control=CPHEditor] .editor div.render,[data-component=CodeEditor] control[control=CPHEditor] .editor textarea,[data-component=MiniEditor] control[control=CPHEditor] .editor div.render,[data-component=MiniEditor] control[control=CPHEditor] .editor textarea{font-family:var(--font-family-monospace)!important}[data-component=CodeEditor] control[control=CPHEditor]:not([data-maximized]),[data-component=MiniEditor] control[control=CPHEditor]:not([data-maximized]){border:1px solid rgba(0,0,0,0);border-radius:var(--radius-lg);overflow:hidden}[data-component=CodeEditor] control[control=CPHEditor]:not([data-maximized]).focus,[data-component=MiniEditor] control[control=CPHEditor]:not([data-maximized]).focus{border-color:rgba(0,0,0,0)}[data-component=CodeEditor] control[control=CPHEditor]:not([data-maximized]) .editor .read-only,[data-component=MiniEditor] control[control=CPHEditor]:not([data-maximized]) .editor .read-only{display:none}[data-component=CodeEditor] control[control=CPHEditor] .empty,[data-component=CodeEditor] control[control=CPHEditor] .loading,[data-component=MiniEditor] control[control=CPHEditor] .empty,[data-component=MiniEditor] control[control=CPHEditor] .loading{font-family:var(--font-family)!important;font-size:var(--font-size-md);color:var(--color-disabled);background-color:var(--background-input)}[data-component=CodeEditor] control[control=CPHEditor] .editor .line-container,[data-component=MiniEditor] control[control=CPHEditor] .editor .line-container{background:var(--background-input)}[data-component=CodeEditor] control[control=CPHEditor] .editor .line-container .line-numbers div.number,[data-component=MiniEditor] control[control=CPHEditor] .editor .line-container .line-numbers div.number{color:var(--color-disabled);opacity:.5}[data-component=CodeEditor] control[control=CPHEditor] .editor .line-container .line-numbers div.number.selected,[data-component=MiniEditor] control[control=CPHEditor] .editor .line-container .line-numbers div.number.selected{color:var(--color-primary)}[data-component=CodeEditor] control[control=CPHEditor] .editor .edit-text,[data-component=MiniEditor] control[control=CPHEditor] .editor .edit-text{background:var(--background-input);color:var(--color-primary)}[data-component=CodeEditor] control[control=CPHEditor] .editor .edit-text .scrollbar .scroller:before,[data-component=MiniEditor] control[control=CPHEditor] .editor .edit-text .scrollbar .scroller:before{background-color:var(--color-disabled);opacity:.2}[data-component=CodeEditor] control[control=CPHEditor] .editor .edit-text .scrollbar .scroller:hover:before,[data-component=MiniEditor] control[control=CPHEditor] .editor .edit-text .scrollbar .scroller:hover:before{opacity:.3}[data-component=CodeEditor] control[control=CPHEditor] .editor div.render div.line div.display span.suggestion,[data-component=MiniEditor] control[control=CPHEditor] .editor div.render div.line div.display span.suggestion{color:var(--color-disabled);font-style:italic}[data-component=CodeEditor] control[control=CPHEditor] .file,[data-component=MiniEditor] control[control=CPHEditor] .file{background:var(--background-primary)}[data-component=CodeEditor] control[control=CPHEditor] .file iframe,[data-component=CodeEditor] control[control=CPHEditor] .file img,[data-component=MiniEditor] control[control=CPHEditor] .file iframe,[data-component=MiniEditor] control[control=CPHEditor] .file img{background-image:repeating-conic-gradient(rgba(255,255,255,.2) 0 25%,rgba(0,0,0,.2) 0 50%);background-position:0 0,8px 8px;background-size:16px 16px}[data-component=CodeEditor] control[control=CPHEditor] .editor,[data-component=MiniEditor] control[control=CPHEditor] .editor{background:var(--background-input)}[data-component=CodeEditor] control[control=CPHEditor] .editor .read-only,[data-component=MiniEditor] control[control=CPHEditor] .editor .read-only{margin-top:var(--unit-lg);margin-right:var(--unit-lg);background:var(--background-tertiary)}[data-component=CodeEditor] control[control=CPHEditor] .editor .render .line .display .whitespace,[data-component=MiniEditor] control[control=CPHEditor] .editor .render .line .display .whitespace{color:rgba(255,255,255,.2)}[data-component=CodeEditor] control[control=CPHEditor] .editor .render .line .complement .underline,[data-component=MiniEditor] control[control=CPHEditor] .editor .render .line .complement .underline{border-bottom-color:var(--blue-dark)}[data-component=CodeEditor] control[control=CPHEditor] .editor .render .line .selection .border,[data-component=MiniEditor] control[control=CPHEditor] .editor .render .line .selection .border{color:var(--blue-dark);background-color:rgba(64,128,255,.4)}[data-component=CodeEditor] control[control=CPHEditor] .editor .render .line .selection .border.error,[data-component=MiniEditor] control[control=CPHEditor] .editor .render .line .selection .border.error{color:var(--red-main);background-color:rgba(255,0,0,.4)}[data-component=CodeEditor] control[control=CPHEditor] .editor .render .line .line-selection.highlight,[data-component=MiniEditor] control[control=CPHEditor] .editor .render .line .line-selection.highlight{background-color:var(--white);opacity:.1}[data-component=CodeEditor] control[control=CPHEditor] .editor div.render div.line div.find span.found:before,[data-component=MiniEditor] control[control=CPHEditor] .editor div.render div.line div.find span.found:before{background-color:rgba(0,0,0,0);border-color:var(--orange-main);opacity:1}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-bullet,[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-keyword,[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-link,[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-name,[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-quote,[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-regexp,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-bullet,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-keyword,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-link,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-name,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-quote,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-regexp{color:var(--purple-light)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-doctag,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-doctag{color:var(--blue-main)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-tag,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-tag{color:var(--color-disabled)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-tag .hljs-name,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-tag .hljs-name{color:var(--red-main)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-tag .hljs-attr,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-tag .hljs-attr{color:var(--blue-light)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-tag .hljs-string,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-tag .hljs-string{color:var(--orange-light)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-code,[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-html,[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-section,[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-string,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-code,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-html,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-section,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-string{color:var(--blue-main)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-strong,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-strong{font-weight:var(--font-weight-bold)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-comment,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-comment{color:var(--color-disabled)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-keyword,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-keyword{color:#ff6363}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-function .hljs-keyword,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-function .hljs-keyword{color:var(--purple-light)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-title,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-title{color:var(--blue-main)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-params,[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-selector-pseudo,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-params,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-selector-pseudo{color:var(--orange-main)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-string,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-string{color:var(--green-light)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-built_in,[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-literal,[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-subst,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-built_in,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-literal,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-subst{color:var(--blue-main)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-number,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-number{color:#ffdb64}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-selector-tag,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-selector-tag{color:#ff6363}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-selector-class,[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-selector-id,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-selector-class,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-selector-id{color:var(--blue-main)}[data-component=CodeEditor] control[control=CPHEditor] .edit-text .hljs-attribute,[data-component=MiniEditor] control[control=CPHEditor] .edit-text .hljs-attribute{color:var(--purple-light)}[data-component=CodeEditor] control[control=CPHTreeView],[data-component=MiniEditor] control[control=CPHTreeView]{font-family:var(--font-family);font-size:var(--font-size-sm);background:var(--background-input)}[data-component=CodeEditor] control[control=CPHTreeView] .files,[data-component=MiniEditor] control[control=CPHTreeView] .files{padding:var(--unit-md) var(--unit-md)}[data-component=CodeEditor] control[control=CPHTreeView] .files .temporary,[data-component=MiniEditor] control[control=CPHTreeView] .files .temporary{color:var(--color-disabled)}[data-component=CodeEditor] control[control=CPHTreeView] .files .temporary .icon,[data-component=MiniEditor] control[control=CPHTreeView] .files .temporary .icon{width:var(--unit-lg);height:var(--unit-lg);color:var(--background-tertiary);margin-right:var(--unit-sm)}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group[data-drop=true]>.file,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group[data-drop=true]>.file{background:rgba(0,0,0,0)!important}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group[data-drop=true]>.directory,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group[data-drop=true]>.directory{background:var(--blue-dark)!important}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group[data-selected]>.directory,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group[data-selected]>.directory{color:var(--color-primary)}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group[data-selected]>.directory .icon,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group[data-selected]>.directory .icon{color:inherit}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.directory,[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.file,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.directory,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.file{color:var(--color-tertiary);padding:calc(var(--unit-md) + 2px)}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon,[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.file .icon,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.file .icon{width:var(--unit-lg);height:var(--unit-lg);color:inherit;margin-right:var(--unit-sm);opacity:.5}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon.folder,[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.file .icon.folder,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon.folder,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.file .icon.folder{color:var(--blue-main)!important;opacity:1}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon.folder.green,[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.file .icon.folder.green,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon.folder.green,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.file .icon.folder.green{color:var(--green-light)!important}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon.folder.red,[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.file .icon.folder.red,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon.folder.red,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.file .icon.folder.red{color:var(--red-main)!important}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon.folder.blue,[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.file .icon.folder.blue,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon.folder.blue,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.file .icon.folder.blue{color:var(--blue-main)!important}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon.folder.orange,[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.file .icon.folder.orange,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon.folder.orange,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.file .icon.folder.orange{color:var(--orange-main)!important}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon.folder.grey,[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.file .icon.folder.grey,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.directory .icon.folder.grey,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.file .icon.folder.grey{color:var(--color-disabled)!important}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.directory.modified,[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.directory.modified .icon>svg,[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.file.modified,[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.file.modified .icon>svg,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.directory.modified,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.directory.modified .icon>svg,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.file.modified,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.file.modified .icon>svg{color:var(--orange-main)!important}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.directory.highlight,[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.file.highlight,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.directory.highlight,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.file.highlight{background:var(--blue-dark)!important;color:var(--color-primary)!important}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.directory:hover,[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.file:hover,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.directory:hover,[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.file:hover{background:var(--background-secondary);color:var(--color-primary)}[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.directory[data-selected],[data-component=CodeEditor] control[control=CPHTreeView] .files .directory-group>.file[data-selected],[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.directory[data-selected],[data-component=MiniEditor] control[control=CPHTreeView] .files .directory-group>.file[data-selected]{background:var(--background-tertiary);color:var(--color-primary)}[data-component=CodeEditor] control[control=CPHFileTabs],[data-component=MiniEditor] control[control=CPHFileTabs]{background:var(--background-input);border-bottom:1px solid var(--background-secondary)}[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .separator,[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .separator{background-color:var(--background-tertiary)}[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .separator.highlighted,[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .separator.highlighted{background-color:var(--blue-dark)}[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .file,[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .file{font-family:var(--font-family);background:var(--background-input);font-size:var(--font-size-sm);color:var(--color-disabled);border-color:rgba(0,0,0,0);border-bottom-color:var(--background-secondary)}[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .file .close,[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .file .close{opacity:0;color:var(--color-primary);transition:color .1s ease-in-out,opacity .1s ease-in-out,background .1s ease-in-out,transform .1s ease-in-out}[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .file .close:after,[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .file .close:before,[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .file .close:after,[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .file .close:before{background-color:currentColor;opacity:1}[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .file .close:hover,[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .file .close:hover{background:rgba(0,0,0,0);opacity:.8!important}[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .file.modified .close,[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .file.modified .close{background-color:var(--orange-main);color:var(--orange-main);opacity:1!important}[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .file.modified .close:hover:after,[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .file.modified .close:hover:before,[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .file.modified .close:hover:after,[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .file.modified .close:hover:before{background-color:var(--color-primary);opacity:1}[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .file[data-selected],[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .file[data-selected]{background:var(--background-input);color:var(--color-primary);border-color:var(--background-secondary);font-weight:var(--font-weight-medium);border-bottom-color:var(--background-input)}[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .file[data-selected] .close,[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .file[data-selected] .close{opacity:.4}[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .file:hover:not([data-selected]),[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .file:hover:not([data-selected]){background:var(--background-secondary)}[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .file:hover:not([data-selected]) .close,[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .file:hover:not([data-selected]) .close{opacity:.4}[data-component=CodeEditor] control[control=CPHFileTabs] .file-tabs .files .file.new-file,[data-component=MiniEditor] control[control=CPHFileTabs] .file-tabs .files .file.new-file{color:var(--color-primary);border-bottom:1px solid var(--background-secondary)}.treeview-dragging{font-family:var(--font-family);font-size:var(--font-size-md)!important;background-color:var(--background-tertiary)!important;color:var(--color-primary)!important;opacity:1!important}.treeview-dragging>span.icon{opacity:.6}.treeview-dragging>span.icon.folder{opacity:1;color:var(--blue-main)!important}.treeview-dragging>span.icon.copy,.treeview-dragging>span.icon.move{opacity:1;color:var(--green-light)!important}.treeview-dragging>span.icon.orange{color:var(--orange-main)!important}div.file.file-tabs-dragging{font-family:var(--font-family);font-size:var(--font-size-sm);background-color:var(--background-tertiary)!important;opacity:.4!important}div.file.file-tabs-dragging,div.file.file-tabs-dragging .close{color:var(--white)!important}control[control=CPHConfirm] div.modal,control[control=CPHTextInput] div.modal{font-family:var(--font-family);font-size:var(--font-size-sm)!important;background:var(--background-secondary);border:1px solid var(--background-tertiary);color:var(--white)}control[control=CPHConfirm] div.modal .input input[type=text],control[control=CPHTextInput] div.modal .input input[type=text]{font-size:var(--font-size-sm)!important;background-color:var(--background-primary)!important;color:var(--color-primary)!important;border-radius:var(--radius)!important;border-color:var(--outline-default)!important}control[control=CPHConfirm] div.modal .input input[type=text]:focus,control[control=CPHTextInput] div.modal .input input[type=text]:focus{border-color:var(--outline-active)!important}control[control=CPHConfirm] div.modal .input .btn,control[control=CPHTextInput] div.modal .input .btn{font-size:var(--font-size-sm)!important;font-family:var(--font-family);background-color:var(--blue-dark)!important;border-color:rgba(0,0,0,0)!important}control[control=CPHConfirm] div.modal .input .btn[name=cancel],control[control=CPHTextInput] div.modal .input .btn[name=cancel]{background-color:var(--background-primary)!important;color:var(--color-primary)!important}control[control=CPHConfirm] div.modal .input .btn:hover,control[control=CPHTextInput] div.modal .input .btn:hover{border-color:rgba(0,0,0,0)!important;transform:translateY(-1px)!important}control[control=CPHConfirm] div.modal .input .btn:active,control[control=CPHTextInput] div.modal .input .btn:active{transform:translateY(1px)!important}control[control=CPHConfirm] div.modal .input .btn:focus,control[control=CPHTextInput] div.modal .input .btn:focus{outline:none!important}control[control=CPHConfirm] div.modal .error,control[control=CPHTextInput] div.modal .error{color:var(--red-main)!important}control[control=CPHContextMenu]{background-color:var(--background-secondary);border:1px solid var(--background-tertiary);color:var(--color-disabled);padding:var(--unit-md);min-width:170px;border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-sm)}control[control=CPHContextMenu] hr{background-color:var(--color-primary);opacity:.1;margin:var(--unit-md) 0}control[control=CPHContextMenu] .item{color:var(--color-primary);height:calc(var(--unit-lg)*2)}control[control=CPHContextMenu] .item.disabled{opacity:.2}control[control=CPHContextMenu] .item .title svg{color:var(--color-tertiary);opacity:.5!important;width:16px;height:16px}[data-component=CodeEditor] control[control=CPHFindReplace],[data-component=MiniEditor] control[control=CPHFindReplace]{background-color:var(--background-secondary);border:1px solid var(--background-tertiary);font-size:var(--font-size-sm)}[data-component=CodeEditor] control[control=CPHFindReplace] div.row input[type=text],[data-component=MiniEditor] control[control=CPHFindReplace] div.row input[type=text]{font-family:var(--font-family);font-size:var(--font-size-sm);background-color:var(--background-primary);color:var(--color-primary)}[data-component=CodeEditor] control[control=CPHFindReplace] div.row input[type=text]:focus,[data-component=MiniEditor] control[control=CPHFindReplace] div.row input[type=text]:focus{border-color:var(--outline-active)}[data-component=CodeEditor] control[control=CPHFindReplace] div.row input[type=text]::placeholder,[data-component=MiniEditor] control[control=CPHFindReplace] div.row input[type=text]::placeholder{color:var(--color-disabled)}[data-component=CodeEditor] control[control=CPHFindReplace] div.row div.pos,[data-component=MiniEditor] control[control=CPHFindReplace] div.row div.pos{font-family:var(--font-family);color:var(--color-primary)}[data-component=CodeEditor] control[control=CPHFindReplace] div.row a.btn,[data-component=MiniEditor] control[control=CPHFindReplace] div.row a.btn{color:var(--color-primary);border-color:var(--outline-default);font-family:var(--font-family)}[data-component=CodeEditor] control[control=CPHFindReplace] div.row a.btn:hover,[data-component=MiniEditor] control[control=CPHFindReplace] div.row a.btn:hover{border-color:var(--outline-hover)}[data-component=CodeEditor] control[control=CPHFindReplace] div.row a.btn[disabled],[data-component=MiniEditor] control[control=CPHFindReplace] div.row a.btn[disabled]{color:var(--color-disabled);opacity:.5}[data-component=AttachmentItem]{position:relative;width:64px;height:64px;-webkit-user-select:none;user-select:none}[data-component=AttachmentItem] .attachment-overlay{position:fixed;z-index:9999;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:rgba(0,0,0,.65);display:flex;top:0;right:0;bottom:0;left:0}[data-component=AttachmentItem] .attachment-overlay [data-component=ContentButton]{position:absolute;top:var(--unit-lg);right:var(--unit-lg)}[data-component=AttachmentItem] .attachment-overlay .attachment-image-preview{width:100%;max-width:90vw;height:100%;max-height:90vh;display:flex;margin:auto;justify-content:center;align-items:center}[data-component=AttachmentItem] .attachment-overlay .attachment-image-preview img{max-width:100%;max-height:100%;border-radius:var(--radius-lg);object-fit:contain;object-position:center;display:block;margin:auto}[data-component=AttachmentItem] .attachment-thumbnail{display:block;width:100%;height:100%;border-radius:var(--radius-xl);border:1px solid var(--outline-minimal);overflow:hidden;cursor:pointer;background:var(--background-primary)}[data-component=AttachmentItem] .attachment-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;margin:auto}[data-component=AttachmentItem] .attachment-thumbnail:hover{box-shadow:var(--shadow-dark-small)}[data-component=AttachmentItem] .attachment-remove{position:absolute;width:24px;height:24px;border-radius:1000px;display:flex;align-items:center;justify-content:center;top:-4px;right:-4px;background:var(--background-input);border:1px solid var(--outline-minimal);cursor:pointer;z-index:1}[data-component=AttachmentItem] .attachment-remove svg{width:16px;height:16px;color:var(--color-disabled)}[data-component=AttachmentItem] .attachment-remove:hover svg{color:var(--white)}[data-component=AlertModal]{position:fixed;top:0;left:0;bottom:0;right:0;background:var(--darken);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:var(--font-size-md);z-index:1000}[data-component=AlertModal] .modal{position:relative;border-radius:var(--radius-xl);box-shadow:var(--shadow-default);padding:var(--unit-md);background:var(--background-secondary);max-width:calc(100vw - var(--unit-xl)*2);max-height:calc(100vh - var(--unit-xl)*2);width:var(--screen-xs);overflow-x:hidden;overflow-y:auto}[data-component=AlertModal] .modal .message{padding:var(--unit-md);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}[data-component=AlertModal] .modal .actions{padding:var(--unit-md);width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--unit-md)}[data-component=ModelSelect]{position:relative}[data-component=ModelSelect] .model-select-box{display:flex;flex-wrap:wrap;gap:var(--unit-md);position:absolute;bottom:calc(100% + var(--unit-md));right:0;z-index:1000;padding:var(--unit-lg);padding-bottom:0;border-radius:var(--radius-lg);background:var(--background-primary);box-shadow:var(--shadow-dark-medium);width:50vw;max-width:max(512px,100%);max-height:80vh;overflow:auto;border:1px solid var(--outline-minimal);pointer-events:none;opacity:0;transform:translateY(var(--unit-lg)) scale(.95);transition:transform .15s ease-in-out,opacity .15s linear}@media screen and (max-width:567px){[data-component=ModelSelect] .model-select-box{position:fixed;width:auto;left:var(--unit-lg);right:var(--unit-lg);bottom:calc(var(--unit-xl)*2);max-height:70vh}}[data-component=ModelSelect] .model-select-box.left{right:auto;left:0}[data-component=ModelSelect] .model-select-box.bottom{transform:translateY(calc(var(--unit-lg) * -1)) scale(.95);bottom:auto;top:calc(100% + var(--unit-md))}[data-component=ModelSelect] .model-select-box.active{transform:translateY(0) scale(1);opacity:1;pointer-events:all}[data-component=ModelSelect] .model-select-box.list-view .model-option{width:100%}[data-component=ModelSelect] .model-select-box.no-upgrade{padding-bottom:var(--unit-lg)}[data-component=ModelSelect] .model-select-box .model-option{padding:var(--unit-md);border:1px solid rgba(0,0,0,0);border-radius:var(--radius-lg);width:calc(50% - var(--unit-sm))}[data-component=ModelSelect] .model-select-box .model-option.header{width:100%;flex-shrink:0;border-color:rgba(0,0,0,0);color:var(--color-disabled);padding:0}[data-component=ModelSelect] .model-select-box .model-option.selected{background:var(--blue-dark)!important;pointer-events:none}[data-component=ModelSelect] .model-select-box .model-option.selected .model-description{color:var(--color-secondary)}[data-component=ModelSelect] .model-select-box .model-option.selected .model-logo[data-provider=anthropic],[data-component=ModelSelect] .model-select-box .model-option.selected .model-logo[data-provider=google]{filter:drop-shadow(0 0 2px rgba(0,0,0,.2))}[data-component=ModelSelect] .model-select-box .model-option:not(.header){cursor:pointer;background:var(--background-input)}[data-component=ModelSelect] .model-select-box .model-option:not(.header) .model-name span{font-weight:var(--font-weight-medium)}[data-component=ModelSelect] .model-select-box .model-option:not(.header):hover{background:var(--background-secondary)}[data-component=ModelSelect] .model-select-box .model-option .model-name{display:flex;gap:var(--unit-md)}[data-component=ModelSelect] .model-select-box .model-option .model-logo{width:var(--unit-lg);height:var(--unit-lg);flex-shrink:0;margin-top:3px}[data-component=ModelSelect] .model-select-box .model-option .model-logo svg{width:100%;height:100%;object-fit:contain}[data-component=ModelSelect] .model-select-box .model-option .model-description{width:100%;color:var(--color-disabled);padding-top:var(--unit-sm);font-size:var(--font-size-sm)}[data-component=ModelSelect] .model-select-box .upgrade-section{width:100%;display:flex;justify-content:center;border-top:1px solid var(--outline-minimal);background:var(--background-primary);padding:var(--unit-lg) 0;margin-top:var(--unit-sm);position:-webkit-sticky;position:sticky;bottom:0;left:calc(var(--unit-lg)*-1);right:calc(var(--unit-lg)*-1)}[data-component=ModelSelect] .model-details{display:flex;gap:var(--unit-md);padding:var(--unit-sm) 0;align-items:center;color:var(--color-tertiary)}[data-component=ModelSelect] .model-details .model-logo{width:var(--unit-lg);height:var(--unit-lg);flex-shrink:0}[data-component=ModelSelect] .model-details .model-logo svg{width:100%;height:100%;object-fit:contain}[data-component=ModelSelect] .model-details .chevron-down{width:14px;height:14px}[data-component=ModelSelect] .model-details .chevron-down svg{width:100%;height:100%;object-fit:contain}[data-component=ChatBox]{flex-grow:1;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative;padding:var(--unit-md)}[data-component=ChatBox] .scrollable{flex-grow:1;overflow-y:auto;overflow-x:hidden;max-width:100%;padding:0;padding-bottom:calc(var(--unit-lg) + var(--form-md)*.5)}[data-component=ChatBox] .fixed-notification{padding:0 var(--unit-md);padding-bottom:var(--unit-md);margin-top:calc(-1*var(--form-md)*.5);margin-bottom:calc(var(--form-md)*.5);z-index:2}[data-component=ChatBox] .fixed-notification .notification-content{background:var(--orange-dark);border-radius:var(--radius-lg);padding:var(--unit-md);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--unit-md);animation:pop-in .2s cubic-bezier(.25,.8,.25,1)}[data-component=ChatBox] .fixed-notification .notification-content .notification-message{padding-left:var(--unit-md);flex-grow:1;color:var(--white);white-space:pre-wrap}[data-component=ChatBox] .fixed{display:flex;flex-shrink:0;align-items:flex-end;flex-direction:column;background:var(--background-input);border-radius:calc(var(--form-md)/2);border:1px solid rgba(0,0,0,0);z-index:1}[data-component=ChatBox] .fixed.active,[data-component=ChatBox] .fixed:hover{border-color:var(--outline-default)}[data-component=ChatBox] .fixed.dragging{border-color:var(--blue-main)!important}[data-component=ChatBox] .fixed [data-component=ActionButton]{margin-right:calc(-1*var(--unit-lg))}[data-component=ChatBox] .fixed [data-component=Textbox] .send-icon-container{display:none!important}[data-component=ChatBox] .fixed [data-component=Textbox] input,[data-component=ChatBox] .fixed [data-component=Textbox] textarea{border-radius:calc(var(--form-md)/2);padding-right:var(--form-md);box-shadow:none;background:none;border:none}[data-component=ChatBox] .fixed .attachments{display:flex;flex-wrap:wrap;gap:var(--unit-md);padding:var(--unit-md);width:100%}[data-component=ChatBox] .fixed .toolkit{display:flex;flex-direction:row;align-items:center;width:100%;padding:var(--unit-md);gap:var(--unit-md)}[data-component=ChatBox] .fixed .toolkit .add-attachment-container{cursor:pointer;pointer-events:all;border-radius:1000px;justify-content:center;align-items:center;display:flex;height:var(--form-sm);width:var(--form-sm)}[data-component=ChatBox] .fixed .toolkit .add-attachment-container svg{padding:1px;width:16px;height:16px;color:var(--color-tertiary)}[data-component=ChatBox] .fixed .toolkit .add-attachment-container:hover{background:var(--background-secondary)}[data-component=ChatBox] .fixed .toolkit .send-icon-container{cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--blue-dark);color:var(--white);height:var(--form-sm);width:var(--form-sm);border-radius:1000px;transition:transform .1s ease-in-out}[data-component=ChatBox] .fixed .toolkit .send-icon-container:hover{transform:translateY(-1px)}[data-component=ChatBox] .fixed .toolkit .send-icon-container.disabled{background:var(--background-tertiary)!important;pointer-events:none}[data-component=ChatBox] .fixed .toolkit .send-icon-container.disabled .send-icon{color:var(--color-disabled)!important}[data-component=ChatBox] .fixed .toolkit .send-icon-container .send-icon{color:var(--white)}[data-component=ChatBox] .fixed .toolkit .send-icon-container svg{padding:1px;width:16px;height:16px}[data-component=ChatBox] .description{width:100%;display:flex;height:calc(var(--form-md) + var(--unit-lg));gap:var(--unit-md);align-items:center;justify-content:center;text-align:center;font-size:var(--font-size-md);color:var(--color-tertiary);padding:var(--unit-lg);margin-bottom:var(--unit-xl);position:relative}[data-component=ChatBox] .description:before{content:"";border-top:1px solid var(--outline-minimal);display:block;position:absolute;bottom:0;max-width:800px;left:0;right:0;height:0;margin:0 auto}[data-component=ChatBox] 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=ChatBox] mark:hover{opacity:1}[data-component=IndexPage] .hero-container{padding:var(--unit-xl);padding-top:calc(var(--unit-xl)*4);padding-bottom:calc(var(--unit-xl)*4);z-index:1}[data-component=IndexPage] .hero{position:relative;display:flex;min-height:calc(100vh - var(--unit-xl)*8);width:100%;max-width:var(--screen-lg);margin:0 auto;padding:0 calc(var(--unit-xl)*1.5);margin-top:calc(-1*var(--unit-xl)*1.5);align-items:center;gap:calc(var(--unit-xl)*1.5);justify-content:center}[data-component=IndexPage] .hero .hero-demo{position:relative;flex-grow:1;width:calc(50% - var(--unit-xl)*3/2);max-width:500px;background:var(--background-secondary);border-radius:var(--radius-lg)}[data-component=IndexPage] .hero .hero-demo [data-component=ChatBox]{box-shadow:var(--shadow-dark-large)}[data-component=IndexPage] .hero .hero-info{position:relative;flex-grow:1;width:calc(50% - var(--unit-xl)*3/2);max-width:600px}[data-component=IndexPage] .hero .hero-info .hero-image{display:flex;align-items:flex-start}[data-component=IndexPage] .hero .hero-info .hero-image img{height:64px;width:100%;object-fit:contain;object-position:left}[data-component=IndexPage] .hero .hero-info .hero-title{font-family:var(--font-family-serif);font-style:italic;font-size:var(--font-size-xxxl);font-weight:var(--font-weight-medium)}[data-component=IndexPage] .hero .hero-info .hero-description{padding:var(--unit-lg) 0;color:var(--color-secondary);font-size:var(--font-size-xl)}[data-component=IndexPage] .hero .hero-info .hero-description-extended{margin-bottom:var(--unit-lg);color:var(--color-secondary);font-size:var(--font-size-md);display:flex;align-items:center}[data-component=IndexPage] .hero .hero-info .hero-description-extended svg{width:18px;height:18px;padding:var(--unit);margin:0 var(--unit-sm);border-radius:var(--radius)}[data-component=IndexPage] .hero .hero-info .hero-description-extended svg.discord-logo path{fill:var(--blurple)}[data-component=IndexPage] .hero .hero-info .hero-cta{position:relative}@media(max-width:1000px){[data-component=IndexPage] .hero-demo{display:none}[data-component=IndexPage] .hero-container{padding-left:0;padding-right:0}[data-component=IndexPage] .hero-container .hero{padding-left:var(--unit-xl);padding-right:var(--unit-xl)}}[data-component=PricingCard]{width:300px;display:flex;flex-direction:column;transition:transform .1s ease;position:relative;border-radius:var(--radius-xl);background:var(--background-input)}@media only screen and (max-width:567px){[data-component=PricingCard]{width:360px}}[data-component=PricingCard]:not(.featured){border:1px solid var(--outline-default)}[data-component=PricingCard].pricing-horizontal{width:100%;display:flex;border:0}[data-component=PricingCard].pricing-horizontal .plan-title{gap:var(--unit-lg);width:160px}[data-component=PricingCard].pricing-horizontal .plan-content{flex-direction:row}@media screen and (max-width:567px){[data-component=PricingCard].pricing-horizontal .plan-content{flex-direction:column}}[data-component=PricingCard].pricing-horizontal .plan-body{display:flex;flex-wrap:wrap;flex-grow:1;flex-direction:row}[data-component=PricingCard].pricing-horizontal .plan-body .plan-features{flex-grow:1;width:auto}[data-component=PricingCard].pricing-horizontal .plan-body .plan-features li{margin-bottom:var(--unit-sm)!important}[data-component=PricingCard].pricing-horizontal .plan-body .plan-features li .feature-details{display:flex;flex-direction:row!important;flex-wrap:wrap}[data-component=PricingCard].pricing-horizontal .plan-body .plan-features li .feature-name{margin-right:var(--unit-md)}[data-component=PricingCard].pricing-horizontal .plan-body .plan-features li .feature-value{display:flex;align-items:center}[data-component=PricingCard].pricing-horizontal .plan-body .select-plan{margin-left:var(--unit-md);margin-top:var(--unit-lg);flex-grow:1;align-items:flex-end;justify-content:flex-end}[data-component=PricingCard].pricing-horizontal .plan-border:after{background:var(--background-input)}[data-component=PricingCard] .plan-border{border-radius:var(--radius-xl);z-index:1;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-shadow:0 6px 12px rgba(0,0,0,.25)}[data-component=PricingCard] .plan-border:not(.featured){display:none}[data-component=PricingCard] .plan-border:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;background:var(--background-input);border-radius:var(--radius-xl)}[data-component=PricingCard] .plan-border:before{position:absolute;top:-500%;left:-500%;right:-500%;bottom:-500%;content:"";background:conic-gradient(red,orange,yellow,green,cyan,blue,violet,red);animation:loading-spin 60s linear infinite}[data-component=PricingCard] .plan-content{position:relative;border-radius:var(--radius-lg);z-index:2;margin:1px;padding:var(--unit-lg)}[data-component=PricingCard] .plan-body,[data-component=PricingCard] .plan-content{display:flex;flex-direction:column;flex-grow:1}[data-component=PricingCard] .plan-float{position:absolute;top:calc(var(--unit-lg)*-1 + 2px);left:var(--unit-md);display:flex;align-items:center;gap:var(--unit-md)}[data-component=PricingCard] .plan-float .plan-active,[data-component=PricingCard] .plan-float .plan-featured{position:relative;padding:var(--unit-sm) var(--unit-md);border:1px solid var(--outline-default);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:1px}[data-component=PricingCard] .plan-float .plan-featured{background-color:var(--blue-dark)}[data-component=PricingCard] .plan-float .plan-active{background-color:var(--green-main)}[data-component=PricingCard]:hover{z-index:99}[data-component=PricingCard] .plan-title{display:flex;flex-direction:column;margin-bottom:calc(var(--unit-lg)*2)}@media screen and (min-width:568px){[data-component=PricingCard] .plan-title{min-height:120px}}[data-component=PricingCard] .plan-title .plan-name{font-size:var(--font-size-xl);font-weight:700}[data-component=PricingCard] .plan-title .plan-price{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-medium);color:var(--blue-text)}@media screen and (max-width:567px){[data-component=PricingCard] .plan-title .plan-price{font-size:var(--font-size-xxl)}}[data-component=PricingCard] .plan-title .plan-price .period{font-size:var(--font-size-md);color:var(--color-tertiary)}[data-component=PricingCard] .plan-features{list-style-type:none;padding:0;width:100%;margin:0 auto;align-self:center;flex-grow:1}[data-component=PricingCard] .plan-features li{display:flex;align-items:flex-start;margin-bottom:1rem}[data-component=PricingCard] .plan-features li .feature-icon{margin-right:var(--unit-md);flex-shrink:0}[data-component=PricingCard] .plan-features li .feature-icon svg{width:var(--unit-lg);height:var(--unit-lg)}[data-component=PricingCard] .plan-features li .feature-icon.check{color:var(--green-main)}[data-component=PricingCard] .plan-features li .feature-icon.info{margin-left:var(--unit-md);margin-right:0;stroke-width:3;border-radius:100px;background-color:var(--background-primary);padding:4px;color:var(--color-disabled)}[data-component=PricingCard] .plan-features li .feature-details{display:flex;flex-direction:column}[data-component=PricingCard] .plan-features li .feature-name{display:flex;align-items:center;font-weight:var(--font-weight-medium)}[data-component=PricingCard] .plan-features li .feature-name .feature-info{position:relative;font-weight:400;display:flex;align-items:center}[data-component=PricingCard] .plan-features li .feature-name .feature-info:not(:hover) .feature-info-popup{display:none}[data-component=PricingCard] .plan-features li .feature-name .feature-info .feature-info-popup{position:absolute;bottom:100%;word-wrap:none;display:flex;align-items:center;justify-content:center;text-align:center;overflow:visible;left:calc(50% - 100px);right:calc(50% - 100px);background:var(--background-primary);border-radius:var(--radius);padding:var(--unit-md);border:1px solid var(--outline-default)}[data-component=PricingCard] .plan-features li .feature-value{color:var(--color-secondary)}[data-component=PricingCard] .select-plan{display:flex;justify-content:center;margin-top:calc(var(--unit-lg)*2)}[data-component=PricingPage]{padding:var(--unit-md) var(--unit-lg)}[data-component=PricingPage] .pricing-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=PricingPage] .pricing-title .subheading{font-weight:400;font-size:var(--font-size-lg);margin-top:var(--unit-lg);color:var(--color-secondary)}[data-component=PricingPage] .pricing-plans{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--unit-lg)}@media screen and (max-width:567px){[data-component=PricingPage] .pricing-plans{gap:var(--unit-xl)}}[data-component=PricingPage] .pricing-faq{margin:calc(var(--unit-lg)*3) auto;max-width:var(--screen-sm)}[data-component=PricingPage] .pricing-faq strong{font-weight:var(--font-weight-medium);color:var(--color-primary)}[data-component=PricingPage] .pricing-faq h1{margin-bottom:calc(var(--unit-lg)*3)}[data-component=PricingPage] .pricing-faq p{color:var(--color-secondary);font-size:var(--font-size-lg);margin-bottom:calc(var(--unit-lg)*3)}[data-component=AboutPage] .about-container{max-width:var(--screen-md);margin:0 auto;padding:var(--unit-md) var(--unit-xl);overflow:hidden}[data-component=AboutPage] .about-section{margin-bottom:calc(var(--unit-xl)*1.5);text-align:center}[data-component=AboutPage] .about-section h1{font-size:var(--font-size-xxl);margin:0;padding:0;font-weight:var(--font-weight-medium)}[data-component=AboutPage] .about-section h2{margin:0;padding:0;font-size:var(--font-size-lg);color:var(--color-tertiary);font-weight:var(--font-weight-normal);margin-bottom:var(--unit-lg)}[data-component=AboutPage] .about-section .about-description{font-size:var(--font-size-lg);color:var(--color-secondary);max-width:800px;margin:0 auto;line-height:1.4}[data-component=AboutPage] .company-section,[data-component=AboutPage] .team-section{margin-bottom:calc(var(--unit-xl)*1.5);text-align:center}[data-component=AboutPage] .company-section h2,[data-component=AboutPage] .team-section h2{font-size:var(--font-size-xl);margin-bottom:var(--unit-xl);position:relative;font-weight:var(--font-weight-medium)}[data-component=AboutPage] .company-section h2:after,[data-component=AboutPage] .team-section h2:after{content:"";position:absolute;left:0;bottom:-10px;width:60px;height:2px;background-color:var(--outline-default)}[data-component=AboutPage] .team-section{display:flex;flex-wrap:wrap;padding:var(--unit-xl);gap:var(--unit-xl);justify-content:center}[data-component=AboutPage] .company-section p{font-size:var(--font-size-md);margin-bottom:var(--unit-md);color:var(--color-secondary)}