.multi-select-container{position:relative;width:100%}.multi-select-button{width:100%;padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;background-color:#fff;cursor:pointer;font-size:.875rem;font-family:inherit;text-align:left;display:flex;justify-content:space-between;align-items:center;color:#333;line-height:1.5}.multi-select-button.disabled{background-color:#f3f4f6;cursor:not-allowed}.multi-select-button.open{outline:none;border:1.5px solid #ff6600b9}.multi-select-button.placeholder{color:#000;font-weight:400}.multi-select-arrow{font-size:12px;color:#6b7280;transition:transform .2s}.multi-select-arrow.open{transform:rotate(180deg)}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 4px 6px -1px #0000001a;max-height:280px;overflow-y:auto;z-index:1000}.multi-select-search-container{padding:8px 12px;border-bottom:1px solid #e5e7eb;background-color:#fff;position:sticky;top:0;z-index:1}.multi-select-search-input{width:100%;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s}.multi-select-search-input:focus{border-color:#9ca3af}.multi-select-search-input::placeholder{color:#9ca3af}.multi-select-dropdown-header{padding:7px 12px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb}.multi-select-dropdown-header-text{font-size:.75rem;font-family:inherit;font-weight:600;color:#6b7280}.multi-select-clear-button{background:none;border:none;color:#f60;font-size:.75rem;font-family:inherit;cursor:pointer;font-weight:500}.multi-select-clear-button:hover{text-decoration:underline}.multi-select-option{padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.875rem;font-family:inherit;line-height:1.5;transition:background-color .15s}.multi-select-option:hover{background-color:#f3f4f6}.multi-select-option.disabled{cursor:not-allowed;opacity:.6}.multi-select-checkbox{width:16px;height:16px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #d1d5db;border-radius:3px;background-color:#fff;position:relative;transition:all .15s}.multi-select-checkbox:checked{background-color:#f60;border-color:#f60}.multi-select-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;line-height:1}.multi-select-checkbox.disabled{cursor:not-allowed;opacity:.5}.multi-select-empty{padding:12px;text-align:center;color:#9ca3af;font-size:.875rem;font-family:inherit}.multi-select-tags-container{margin-top:8px;display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;max-width:100%;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.multi-select-tags-container::-webkit-scrollbar{height:6px}.multi-select-tags-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.multi-select-tags-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.multi-select-tags-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.multi-select-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background-color:#fff4e6;border:1px solid #ffd4a3;border-radius:4px;font-size:13px;color:#cc5200;flex-shrink:0;white-space:nowrap}.multi-select-tag-remove{background:none;border:none;color:#f60;cursor:pointer;font-size:16px;line-height:1;padding:0;display:flex;align-items:center}.multi-select-tag-remove.disabled{cursor:not-allowed;opacity:.5}.multi-select-tag-remove:hover:not(.disabled){color:#cc5200}@font-face{font-family:CitricIconsFill;src:url(/assets/fill-DmFojZzL.ttf);font-weight:400;font-style:normal}body{--citric-icon-fill-Account: "A";--citric-icon-fill-ApplicationDetails: "B";--citric-icon-fill-ApplyPlugin: "C";--citric-icon-fill-Award: "D";--citric-icon-fill-BadgeCheck: "E";--citric-icon-fill-Bell: "F";--citric-icon-fill-Book: "G";--citric-icon-fill-Bookmark: "H";--citric-icon-fill-BookmarkBox: "I";--citric-icon-fill-BorderRadius: "J";--citric-icon-fill-Branch: "K";--citric-icon-fill-Briefcase: "L";--citric-icon-fill-Calendar: "M";--citric-icon-fill-Chart: "N";--citric-icon-fill-CheckCircle: "O";--citric-icon-fill-ChevronDown: "P";--citric-icon-fill-ChevronLeft: "Q";--citric-icon-fill-ChevronRight: "R";--citric-icon-fill-ChevronUp: "S";--citric-icon-fill-Circle: "T";--citric-icon-fill-CircleAlpha: "U";--citric-icon-fill-CircleBeta: "V";--citric-icon-fill-CircleChevronDown: "W";--citric-icon-fill-CircleChevronLeft: "X";--citric-icon-fill-CircleChevronRight: "Y";--citric-icon-fill-CircleChevronUp: "Z";--citric-icon-fill-Clock: "[";--citric-icon-fill-Cloud: "\\";--citric-icon-fill-CodeCommit: "]";--citric-icon-fill-Coffee: "^";--citric-icon-fill-Cog: "_";--citric-icon-fill-Cookie: "`";--citric-icon-fill-Copy: "a";--citric-icon-fill-Cpu: "b";--citric-icon-fill-Dashboard: "c";--citric-icon-fill-Database: "d";--citric-icon-fill-Desktop: "e";--citric-icon-fill-Dislike: "f";--citric-icon-fill-Document: "g";--citric-icon-fill-DocumentClock: "h";--citric-icon-fill-Edit: "i";--citric-icon-fill-Enterprise: "j";--citric-icon-fill-Envelope: "k";--citric-icon-fill-ExclamationCircle: "l";--citric-icon-fill-ExclamationTriangle: "m";--citric-icon-fill-ExternalLink: "n";--citric-icon-fill-Eye: "o";--citric-icon-fill-EyeSlash: "p";--citric-icon-fill-Filter: "q";--citric-icon-fill-FingerPrint: "r";--citric-icon-fill-Folder: "s";--citric-icon-fill-FolderDocument: "t";--citric-icon-fill-FolderImage: "u";--citric-icon-fill-Gift: "v";--citric-icon-fill-Globe: "w";--citric-icon-fill-Grid: "x";--citric-icon-fill-Heart: "y";--citric-icon-fill-Home: "z";--citric-icon-fill-Imported: "{";--citric-icon-fill-InfoCircle: "|";--citric-icon-fill-Insights: "}";--citric-icon-fill-Itau: " ";--citric-icon-fill-Lightning: "¡";--citric-icon-fill-Like: "¢";--citric-icon-fill-Lock: "£";--citric-icon-fill-Map: "¤";--citric-icon-fill-MapMarker: "¥";--citric-icon-fill-Microservice: "¦";--citric-icon-fill-MinusCircle: "§";--citric-icon-fill-Mobile: "¨";--citric-icon-fill-MobileComments: "©";--citric-icon-fill-Moon: "ª";--citric-icon-fill-MouseScroll: "«";--citric-icon-fill-Opacity: "¬";--citric-icon-fill-Pencil: "®";--citric-icon-fill-Phone: "¯";--citric-icon-fill-Photo: "°";--citric-icon-fill-Picture: "±";--citric-icon-fill-Play: "²";--citric-icon-fill-Plugin: "³";--citric-icon-fill-PlusCircle: "´";--citric-icon-fill-Puzzle: "µ";--citric-icon-fill-QrCode: "¶";--citric-icon-fill-QuestionAnswer: "·";--citric-icon-fill-Rabbit: "¸";--citric-icon-fill-Repository: "¹";--citric-icon-fill-School: "º";--citric-icon-fill-Search: "»";--citric-icon-fill-SearchMinus: "¼";--citric-icon-fill-SearchPlus: "½";--citric-icon-fill-ServerNode: "¾";--citric-icon-fill-Smile: "¿";--citric-icon-fill-Stack: "À";--citric-icon-fill-StackRefresh: "Á";--citric-icon-fill-Star: "Â";--citric-icon-fill-StopWatch: "Ã";--citric-icon-fill-Sun: "Ä";--citric-icon-fill-Tag: "Å";--citric-icon-fill-Target: "Æ";--citric-icon-fill-Terminal: "Ç";--citric-icon-fill-TimesCircle: "È";--citric-icon-fill-Token: "É";--citric-icon-fill-Transitions: "Ê";--citric-icon-fill-Trash: "Ë";--citric-icon-fill-Typography: "Ì";--citric-icon-fill-Unlock: "Í";--citric-icon-fill-User: "Î";--citric-icon-fill-Users: "Ï";--citric-icon-fill-Video: "Ð";--citric-icon-fill-Watch: "Ñ"}.citric-icon.fill{font-family:CitricIconsFill;line-height:1;font-style:normal;&.xxl{font-size:32px}&.xl{font-size:22px}&.lg{font-size:18px}&.md{font-size:14px}&.sm{font-size:12px}&.xs{font-size:10px}&.xxs{font-size:8px}&.Account:before{content:var(--citric-icon-fill-Account)}&.ApplicationDetails:before{content:var(--citric-icon-fill-ApplicationDetails)}&.ApplyPlugin:before{content:var(--citric-icon-fill-ApplyPlugin)}&.Award:before{content:var(--citric-icon-fill-Award)}&.BadgeCheck:before{content:var(--citric-icon-fill-BadgeCheck)}&.Bell:before{content:var(--citric-icon-fill-Bell)}&.Book:before{content:var(--citric-icon-fill-Book)}&.Bookmark:before{content:var(--citric-icon-fill-Bookmark)}&.BookmarkBox:before{content:var(--citric-icon-fill-BookmarkBox)}&.BorderRadius:before{content:var(--citric-icon-fill-BorderRadius)}&.Branch:before{content:var(--citric-icon-fill-Branch)}&.Briefcase:before{content:var(--citric-icon-fill-Briefcase)}&.Calendar:before{content:var(--citric-icon-fill-Calendar)}&.Chart:before{content:var(--citric-icon-fill-Chart)}&.CheckCircle:before{content:var(--citric-icon-fill-CheckCircle)}&.ChevronDown:before{content:var(--citric-icon-fill-ChevronDown)}&.ChevronLeft:before{content:var(--citric-icon-fill-ChevronLeft)}&.ChevronRight:before{content:var(--citric-icon-fill-ChevronRight)}&.ChevronUp:before{content:var(--citric-icon-fill-ChevronUp)}&.Circle:before{content:var(--citric-icon-fill-Circle)}&.CircleAlpha:before{content:var(--citric-icon-fill-CircleAlpha)}&.CircleBeta:before{content:var(--citric-icon-fill-CircleBeta)}&.CircleChevronDown:before{content:var(--citric-icon-fill-CircleChevronDown)}&.CircleChevronLeft:before{content:var(--citric-icon-fill-CircleChevronLeft)}&.CircleChevronRight:before{content:var(--citric-icon-fill-CircleChevronRight)}&.CircleChevronUp:before{content:var(--citric-icon-fill-CircleChevronUp)}&.Clock:before{content:var(--citric-icon-fill-Clock)}&.Cloud:before{content:var(--citric-icon-fill-Cloud)}&.CodeCommit:before{content:var(--citric-icon-fill-CodeCommit)}&.Coffee:before{content:var(--citric-icon-fill-Coffee)}&.Cog:before{content:var(--citric-icon-fill-Cog)}&.Cookie:before{content:var(--citric-icon-fill-Cookie)}&.Copy:before{content:var(--citric-icon-fill-Copy)}&.Cpu:before{content:var(--citric-icon-fill-Cpu)}&.Dashboard:before{content:var(--citric-icon-fill-Dashboard)}&.Database:before{content:var(--citric-icon-fill-Database)}&.Desktop:before{content:var(--citric-icon-fill-Desktop)}&.Dislike:before{content:var(--citric-icon-fill-Dislike)}&.Document:before{content:var(--citric-icon-fill-Document)}&.DocumentClock:before{content:var(--citric-icon-fill-DocumentClock)}&.Edit:before{content:var(--citric-icon-fill-Edit)}&.Enterprise:before{content:var(--citric-icon-fill-Enterprise)}&.Envelope:before{content:var(--citric-icon-fill-Envelope)}&.ExclamationCircle:before{content:var(--citric-icon-fill-ExclamationCircle)}&.ExclamationTriangle:before{content:var(--citric-icon-fill-ExclamationTriangle)}&.ExternalLink:before{content:var(--citric-icon-fill-ExternalLink)}&.Eye:before{content:var(--citric-icon-fill-Eye)}&.EyeSlash:before{content:var(--citric-icon-fill-EyeSlash)}&.Filter:before{content:var(--citric-icon-fill-Filter)}&.FingerPrint:before{content:var(--citric-icon-fill-FingerPrint)}&.Folder:before{content:var(--citric-icon-fill-Folder)}&.FolderDocument:before{content:var(--citric-icon-fill-FolderDocument)}&.FolderImage:before{content:var(--citric-icon-fill-FolderImage)}&.Gift:before{content:var(--citric-icon-fill-Gift)}&.Globe:before{content:var(--citric-icon-fill-Globe)}&.Grid:before{content:var(--citric-icon-fill-Grid)}&.Heart:before{content:var(--citric-icon-fill-Heart)}&.Home:before{content:var(--citric-icon-fill-Home)}&.Imported:before{content:var(--citric-icon-fill-Imported)}&.InfoCircle:before{content:var(--citric-icon-fill-InfoCircle)}&.Insights:before{content:var(--citric-icon-fill-Insights)}&.Itau:before{content:var(--citric-icon-fill-Itau)}&.Lightning:before{content:var(--citric-icon-fill-Lightning)}&.Like:before{content:var(--citric-icon-fill-Like)}&.Lock:before{content:var(--citric-icon-fill-Lock)}&.Map:before{content:var(--citric-icon-fill-Map)}&.MapMarker:before{content:var(--citric-icon-fill-MapMarker)}&.Microservice:before{content:var(--citric-icon-fill-Microservice)}&.MinusCircle:before{content:var(--citric-icon-fill-MinusCircle)}&.Mobile:before{content:var(--citric-icon-fill-Mobile)}&.MobileComments:before{content:var(--citric-icon-fill-MobileComments)}&.Moon:before{content:var(--citric-icon-fill-Moon)}&.MouseScroll:before{content:var(--citric-icon-fill-MouseScroll)}&.Opacity:before{content:var(--citric-icon-fill-Opacity)}&.Pencil:before{content:var(--citric-icon-fill-Pencil)}&.Phone:before{content:var(--citric-icon-fill-Phone)}&.Photo:before{content:var(--citric-icon-fill-Photo)}&.Picture:before{content:var(--citric-icon-fill-Picture)}&.Play:before{content:var(--citric-icon-fill-Play)}&.Plugin:before{content:var(--citric-icon-fill-Plugin)}&.PlusCircle:before{content:var(--citric-icon-fill-PlusCircle)}&.Puzzle:before{content:var(--citric-icon-fill-Puzzle)}&.QrCode:before{content:var(--citric-icon-fill-QrCode)}&.QuestionAnswer:before{content:var(--citric-icon-fill-QuestionAnswer)}&.Rabbit:before{content:var(--citric-icon-fill-Rabbit)}&.Repository:before{content:var(--citric-icon-fill-Repository)}&.School:before{content:var(--citric-icon-fill-School)}&.Search:before{content:var(--citric-icon-fill-Search)}&.SearchMinus:before{content:var(--citric-icon-fill-SearchMinus)}&.SearchPlus:before{content:var(--citric-icon-fill-SearchPlus)}&.ServerNode:before{content:var(--citric-icon-fill-ServerNode)}&.Smile:before{content:var(--citric-icon-fill-Smile)}&.Stack:before{content:var(--citric-icon-fill-Stack)}&.StackRefresh:before{content:var(--citric-icon-fill-StackRefresh)}&.Star:before{content:var(--citric-icon-fill-Star)}&.StopWatch:before{content:var(--citric-icon-fill-StopWatch)}&.Sun:before{content:var(--citric-icon-fill-Sun)}&.Tag:before{content:var(--citric-icon-fill-Tag)}&.Target:before{content:var(--citric-icon-fill-Target)}&.Terminal:before{content:var(--citric-icon-fill-Terminal)}&.TimesCircle:before{content:var(--citric-icon-fill-TimesCircle)}&.Token:before{content:var(--citric-icon-fill-Token)}&.Transitions:before{content:var(--citric-icon-fill-Transitions)}&.Trash:before{content:var(--citric-icon-fill-Trash)}&.Typography:before{content:var(--citric-icon-fill-Typography)}&.Unlock:before{content:var(--citric-icon-fill-Unlock)}&.User:before{content:var(--citric-icon-fill-User)}&.Users:before{content:var(--citric-icon-fill-Users)}&.Video:before{content:var(--citric-icon-fill-Video)}&.Watch:before{content:var(--citric-icon-fill-Watch)}}@font-face{font-family:CitricIconsSocial;src:url(/assets/social-CeJY69Mz.ttf);font-weight:400;font-style:normal}body{--citric-icon-social-Anthropic: "W";--citric-icon-social-AWS: "A";--citric-icon-social-AWSBedrock: "V";--citric-icon-social-Azure: "X";--citric-icon-social-AzureAD: "B";--citric-icon-social-AzureDevOps: "C";--citric-icon-social-Bitbucket: "D";--citric-icon-social-Datadog: "T";--citric-icon-social-DeepSeek: "Y";--citric-icon-social-Discord: "E";--citric-icon-social-Docker: "Z";--citric-icon-social-Email: "F";--citric-icon-social-Facebook: "G";--citric-icon-social-Gemini: "[";--citric-icon-social-Github: "H";--citric-icon-social-Gitlab: "I";--citric-icon-social-Google: "J";--citric-icon-social-Instagram: "K";--citric-icon-social-Linkedin: "L";--citric-icon-social-Medium: "M";--citric-icon-social-OpenAI: "\\";--citric-icon-social-snyk: "^";--citric-icon-social-Spotify: "N";--citric-icon-social-Threads: "O";--citric-icon-social-Twitter: "P";--citric-icon-social-TwitterAlt: "Q";--citric-icon-social-Whatsapp: "R";--citric-icon-social-Youtube: "S"}.citric-icon.social{font-family:CitricIconsSocial;line-height:1;font-style:normal;&.xxl{font-size:32px}&.xl{font-size:22px}&.lg{font-size:18px}&.md{font-size:14px}&.sm{font-size:12px}&.xs{font-size:10px}&.xxs{font-size:8px}&.Anthropic:before{content:var(--citric-icon-social-Anthropic)}&.AWS:before{content:var(--citric-icon-social-AWS)}&.AWSBedrock:before{content:var(--citric-icon-social-AWSBedrock)}&.Azure:before{content:var(--citric-icon-social-Azure)}&.AzureAD:before{content:var(--citric-icon-social-AzureAD)}&.AzureDevOps:before{content:var(--citric-icon-social-AzureDevOps)}&.Bitbucket:before{content:var(--citric-icon-social-Bitbucket)}&.Datadog:before{content:var(--citric-icon-social-Datadog)}&.DeepSeek:before{content:var(--citric-icon-social-DeepSeek)}&.Discord:before{content:var(--citric-icon-social-Discord)}&.Docker:before{content:var(--citric-icon-social-Docker)}&.Email:before{content:var(--citric-icon-social-Email)}&.Facebook:before{content:var(--citric-icon-social-Facebook)}&.Gemini:before{content:var(--citric-icon-social-Gemini)}&.Github:before{content:var(--citric-icon-social-Github)}&.Gitlab:before{content:var(--citric-icon-social-Gitlab)}&.Google:before{content:var(--citric-icon-social-Google)}&.Instagram:before{content:var(--citric-icon-social-Instagram)}&.Linkedin:before{content:var(--citric-icon-social-Linkedin)}&.Medium:before{content:var(--citric-icon-social-Medium)}&.OpenAI:before{content:var(--citric-icon-social-OpenAI)}&.snyk:before{content:var(--citric-icon-social-snyk)}&.Spotify:before{content:var(--citric-icon-social-Spotify)}&.Threads:before{content:var(--citric-icon-social-Threads)}&.Twitter:before{content:var(--citric-icon-social-Twitter)}&.TwitterAlt:before{content:var(--citric-icon-social-TwitterAlt)}&.Whatsapp:before{content:var(--citric-icon-social-Whatsapp)}&.Youtube:before{content:var(--citric-icon-social-Youtube)}}@font-face{font-family:CitricIconsOutline;src:url(/assets/outline-BrI_mEor.ttf);font-weight:400;font-style:normal}body{--citric-icon-outline-Account: "A";--citric-icon-outline-Action: "B";--citric-icon-outline-Activity: "C";--citric-icon-outline-AddCode: "D";--citric-icon-outline-AddUser: "E";--citric-icon-outline-Agent: "F";--citric-icon-outline-Alpha: "G";--citric-icon-outline-Api: "H";--citric-icon-outline-Application: "I";--citric-icon-outline-ApplicationDetails: "J";--citric-icon-outline-ApplyPlugin: "K";--citric-icon-outline-Archive: "L";--citric-icon-outline-ArrowDown: "M";--citric-icon-outline-ArrowLeft: "N";--citric-icon-outline-ArrowRight: "O";--citric-icon-outline-Arrows: "Q";--citric-icon-outline-ArrowUp: "P";--citric-icon-outline-Automation: "R";--citric-icon-outline-Award: "S";--citric-icon-outline-BadgeCheck: "T";--citric-icon-outline-Bars: "U";--citric-icon-outline-BaseExpander: "V";--citric-icon-outline-Bell: "W";--citric-icon-outline-Beta: "X";--citric-icon-outline-Blueprint: "Y";--citric-icon-outline-Bold: "Z";--citric-icon-outline-Book: "[";--citric-icon-outline-Bookmark: "\\";--citric-icon-outline-BookmarkBox: "]";--citric-icon-outline-BorderRadius: "^";--citric-icon-outline-Branch: "_";--citric-icon-outline-Briefcase: "`";--citric-icon-outline-Bug: "a";--citric-icon-outline-Calendar: "b";--citric-icon-outline-Catalog: "c";--citric-icon-outline-Channels: "d";--citric-icon-outline-Chart: "e";--citric-icon-outline-Check: "f";--citric-icon-outline-CheckCircle: "g";--citric-icon-outline-ChevronDoubleDown: "h";--citric-icon-outline-ChevronDoubleUp: "i";--citric-icon-outline-ChevronDown: "j";--citric-icon-outline-ChevronLeft: "k";--citric-icon-outline-ChevronRight: "l";--citric-icon-outline-ChevronUp: "m";--citric-icon-outline-Circle: "n";--citric-icon-outline-CircleAlpha: "o";--citric-icon-outline-CircleBeta: "p";--citric-icon-outline-CircleChevronDown: "q";--citric-icon-outline-CircleChevronLeft: "r";--citric-icon-outline-CircleChevronRight: "s";--citric-icon-outline-CircleChevronUp: "t";--citric-icon-outline-Clip: "ŕ";--citric-icon-outline-Clock: "u";--citric-icon-outline-Cloud: "v";--citric-icon-outline-Code: "w";--citric-icon-outline-CodeBlock: "x";--citric-icon-outline-CodeBuddy: "y";--citric-icon-outline-CodeCommit: "z";--citric-icon-outline-Coffee: "{";--citric-icon-outline-Cog: "|";--citric-icon-outline-Collapse: "}";--citric-icon-outline-Colors: " ";--citric-icon-outline-Component: "¡";--citric-icon-outline-CompressAlt: "¢";--citric-icon-outline-Connection: "£";--citric-icon-outline-ConnectionArrow: "¤";--citric-icon-outline-ConnectionInterfaces: "¥";--citric-icon-outline-Cookie: "¦";--citric-icon-outline-Copy: "§";--citric-icon-outline-Cpu: "¨";--citric-icon-outline-Dashboard: "©";--citric-icon-outline-Database: "ª";--citric-icon-outline-Dependencies: "«";--citric-icon-outline-Desktop: "¬";--citric-icon-outline-Dislike: "®";--citric-icon-outline-Distribute: "¯";--citric-icon-outline-Document: "°";--citric-icon-outline-DocumentClock: "±";--citric-icon-outline-DocumentUpload: "²";--citric-icon-outline-Download: "³";--citric-icon-outline-Draggable: "´";--citric-icon-outline-Edit: "µ";--citric-icon-outline-EditCode: "¶";--citric-icon-outline-EllipsisHorizontal: "·";--citric-icon-outline-EllipsisVertical: "¸";--citric-icon-outline-Enter: "¹";--citric-icon-outline-Enterprise: "º";--citric-icon-outline-Envelope: "»";--citric-icon-outline-EnvelopeNotification: "¼";--citric-icon-outline-EnvelopeOpen: "½";--citric-icon-outline-Environment: "¾";--citric-icon-outline-Exclamation: "¿";--citric-icon-outline-ExclamationCircle: "À";--citric-icon-outline-ExclamationTriangle: "Á";--citric-icon-outline-Expand: "Â";--citric-icon-outline-ExpandAlt: "Ã";--citric-icon-outline-Extension: "Ä";--citric-icon-outline-ExternalLink: "Å";--citric-icon-outline-Eye: "Æ";--citric-icon-outline-EyeSlash: "Ç";--citric-icon-outline-FaceJoy: "È";--citric-icon-outline-FaceNeutral: "É";--citric-icon-outline-FaceSad: "Ê";--citric-icon-outline-FaceSmile: "Ë";--citric-icon-outline-Filter: "Ì";--citric-icon-outline-FingerPrint: "Í";--citric-icon-outline-Flag: "Î";--citric-icon-outline-Folder: "Ï";--citric-icon-outline-FolderDocument: "Ð";--citric-icon-outline-FolderImage: "Ñ";--citric-icon-outline-FontAppearances: "Ò";--citric-icon-outline-Forms: "Ó";--citric-icon-outline-Framework: "Ô";--citric-icon-outline-Gift: "Õ";--citric-icon-outline-GitHubSimple: "Ö";--citric-icon-outline-Globe: "×";--citric-icon-outline-Grid: "Ø";--citric-icon-outline-Hashtag: "Ù";--citric-icon-outline-Heart: "Ú";--citric-icon-outline-HeartCrossed: "Û";--citric-icon-outline-Highligth: "Ü";--citric-icon-outline-Home: "Ý";--citric-icon-outline-Import: "Þ";--citric-icon-outline-Imported: "ß";--citric-icon-outline-Incoming: "á";--citric-icon-outline-Info: "â";--citric-icon-outline-InfoCircle: "ã";--citric-icon-outline-InProgress: "à";--citric-icon-outline-Input: "ä";--citric-icon-outline-Insights: "å";--citric-icon-outline-Inventory: "æ";--citric-icon-outline-Issue: "ç";--citric-icon-outline-IssueRaise: "è";--citric-icon-outline-Issues: "é";--citric-icon-outline-Italic: "ê";--citric-icon-outline-KnowledgeSource: "ë";--citric-icon-outline-Legal: "ì";--citric-icon-outline-Lego: "í";--citric-icon-outline-Like: "î";--citric-icon-outline-Link: "ï";--citric-icon-outline-ListCheck: "ð";--citric-icon-outline-ListOrdered: "ñ";--citric-icon-outline-ListUnordered: "ò";--citric-icon-outline-LiveCode: "ó";--citric-icon-outline-Lock: "ô";--citric-icon-outline-Magic: "õ";--citric-icon-outline-Map: "ö";--citric-icon-outline-MapMarker: "÷";--citric-icon-outline-Marker: "ø";--citric-icon-outline-Maximize: "ù";--citric-icon-outline-Menu: "ú";--citric-icon-outline-Microservice: "û";--citric-icon-outline-Minimize: "ü";--citric-icon-outline-Minus: "ý";--citric-icon-outline-MinusCircle: "þ";--citric-icon-outline-Mobile: "ÿ";--citric-icon-outline-MobileComments: "Ā";--citric-icon-outline-Moon: "ā";--citric-icon-outline-MouseScroll: "Ă";--citric-icon-outline-Observability: "ă";--citric-icon-outline-Opacity: "Ą";--citric-icon-outline-Organize: "ą";--citric-icon-outline-Outgoing: "Ć";--citric-icon-outline-Patterns: "ć";--citric-icon-outline-Pencil: "Ĉ";--citric-icon-outline-Phone: "ĉ";--citric-icon-outline-Photo: "Ċ";--citric-icon-outline-Picture: "ċ";--citric-icon-outline-Pin: "Č";--citric-icon-outline-Play: "č";--citric-icon-outline-Plugin: "Ď";--citric-icon-outline-Plus: "ď";--citric-icon-outline-PlusCircle: "Đ";--citric-icon-outline-PlusMini: "đ";--citric-icon-outline-PreviewCode: "Ē";--citric-icon-outline-Print: "ē";--citric-icon-outline-Product: "Ĕ";--citric-icon-outline-Puzzle: "ĕ";--citric-icon-outline-QrCode: "Ė";--citric-icon-outline-Question: "ė";--citric-icon-outline-QuestionAnswer: "Ę";--citric-icon-outline-QuickCommand: "ę";--citric-icon-outline-Quote: "Ě";--citric-icon-outline-Rabbit: "ě";--citric-icon-outline-Refresh: "Ĝ";--citric-icon-outline-Report: "ĝ";--citric-icon-outline-Repository: "Ğ";--citric-icon-outline-Resources: "ğ";--citric-icon-outline-RuntimeApplication: "Ġ";--citric-icon-outline-School: "ġ";--citric-icon-outline-Score: "Ģ";--citric-icon-outline-Search: "ģ";--citric-icon-outline-SearchMinus: "Ĥ";--citric-icon-outline-SearchPlus: "ĥ";--citric-icon-outline-Security: "Ŗ";--citric-icon-outline-Select: "Ħ";--citric-icon-outline-Send: "ħ";--citric-icon-outline-ServerNode: "Ĩ";--citric-icon-outline-Share: "ĩ";--citric-icon-outline-SharedInfrastructure: "Ī";--citric-icon-outline-Slash: "ī";--citric-icon-outline-Sliders: "Ĭ";--citric-icon-outline-SortAscending: "ĭ";--citric-icon-outline-SortDescending: "Į";--citric-icon-outline-Spaces: "į";--citric-icon-outline-Spacing: "İ";--citric-icon-outline-Stack: "ı";--citric-icon-outline-StackRefresh: "IJ";--citric-icon-outline-StackSpot: "ij";--citric-icon-outline-Standardize: "Ĵ";--citric-icon-outline-Star: "ĵ";--citric-icon-outline-Starter: "Ķ";--citric-icon-outline-Stop: "ķ";--citric-icon-outline-StopWatch: "ĸ";--citric-icon-outline-Striketrought: "Ĺ";--citric-icon-outline-String: "ŗ";--citric-icon-outline-Studio: "ĺ";--citric-icon-outline-Sun: "Ļ";--citric-icon-outline-Support: "ļ";--citric-icon-outline-Sync: "Ľ";--citric-icon-outline-Table: "ľ";--citric-icon-outline-Tag: "Ŀ";--citric-icon-outline-Target: "ŀ";--citric-icon-outline-Terminal: "Ł";--citric-icon-outline-TestFramework: "ł";--citric-icon-outline-Times: "Ń";--citric-icon-outline-TimesCircle: "ń";--citric-icon-outline-TimesMini: "Ņ";--citric-icon-outline-Token: "ņ";--citric-icon-outline-Transitions: "Ň";--citric-icon-outline-Trash: "ň";--citric-icon-outline-Trending-up: "Ř";--citric-icon-outline-Typography: "ʼn";--citric-icon-outline-Underlined: "Ŋ";--citric-icon-outline-Unlink: "ŋ";--citric-icon-outline-Unlock: "Ō";--citric-icon-outline-Upload: "ō";--citric-icon-outline-User: "Ŏ";--citric-icon-outline-Users: "ŏ";--citric-icon-outline-Video: "Ő";--citric-icon-outline-Watch: "ő";--citric-icon-outline-Waveform: "Œ";--citric-icon-outline-Widget: "œ";--citric-icon-outline-Workspace: "Ŕ"}.citric-icon.outline{font-family:CitricIconsOutline;line-height:1;font-style:normal;&.xxl{font-size:32px}&.xl{font-size:22px}&.lg{font-size:18px}&.md{font-size:14px}&.sm{font-size:12px}&.xs{font-size:10px}&.xxs{font-size:8px}&.Account:before{content:var(--citric-icon-outline-Account)}&.Action:before{content:var(--citric-icon-outline-Action)}&.Activity:before{content:var(--citric-icon-outline-Activity)}&.AddCode:before{content:var(--citric-icon-outline-AddCode)}&.AddUser:before{content:var(--citric-icon-outline-AddUser)}&.Agent:before{content:var(--citric-icon-outline-Agent)}&.Alpha:before{content:var(--citric-icon-outline-Alpha)}&.Api:before{content:var(--citric-icon-outline-Api)}&.Application:before{content:var(--citric-icon-outline-Application)}&.ApplicationDetails:before{content:var(--citric-icon-outline-ApplicationDetails)}&.ApplyPlugin:before{content:var(--citric-icon-outline-ApplyPlugin)}&.Archive:before{content:var(--citric-icon-outline-Archive)}&.ArrowDown:before{content:var(--citric-icon-outline-ArrowDown)}&.ArrowLeft:before{content:var(--citric-icon-outline-ArrowLeft)}&.ArrowRight:before{content:var(--citric-icon-outline-ArrowRight)}&.Arrows:before{content:var(--citric-icon-outline-Arrows)}&.ArrowUp:before{content:var(--citric-icon-outline-ArrowUp)}&.Automation:before{content:var(--citric-icon-outline-Automation)}&.Award:before{content:var(--citric-icon-outline-Award)}&.BadgeCheck:before{content:var(--citric-icon-outline-BadgeCheck)}&.Bars:before{content:var(--citric-icon-outline-Bars)}&.BaseExpander:before{content:var(--citric-icon-outline-BaseExpander)}&.Bell:before{content:var(--citric-icon-outline-Bell)}&.Beta:before{content:var(--citric-icon-outline-Beta)}&.Blueprint:before{content:var(--citric-icon-outline-Blueprint)}&.Bold:before{content:var(--citric-icon-outline-Bold)}&.Book:before{content:var(--citric-icon-outline-Book)}&.Bookmark:before{content:var(--citric-icon-outline-Bookmark)}&.BookmarkBox:before{content:var(--citric-icon-outline-BookmarkBox)}&.BorderRadius:before{content:var(--citric-icon-outline-BorderRadius)}&.Branch:before{content:var(--citric-icon-outline-Branch)}&.Briefcase:before{content:var(--citric-icon-outline-Briefcase)}&.Bug:before{content:var(--citric-icon-outline-Bug)}&.Calendar:before{content:var(--citric-icon-outline-Calendar)}&.Catalog:before{content:var(--citric-icon-outline-Catalog)}&.Channels:before{content:var(--citric-icon-outline-Channels)}&.Chart:before{content:var(--citric-icon-outline-Chart)}&.Check:before{content:var(--citric-icon-outline-Check)}&.CheckCircle:before{content:var(--citric-icon-outline-CheckCircle)}&.ChevronDoubleDown:before{content:var(--citric-icon-outline-ChevronDoubleDown)}&.ChevronDoubleUp:before{content:var(--citric-icon-outline-ChevronDoubleUp)}&.ChevronDown:before{content:var(--citric-icon-outline-ChevronDown)}&.ChevronLeft:before{content:var(--citric-icon-outline-ChevronLeft)}&.ChevronRight:before{content:var(--citric-icon-outline-ChevronRight)}&.ChevronUp:before{content:var(--citric-icon-outline-ChevronUp)}&.Circle:before{content:var(--citric-icon-outline-Circle)}&.CircleAlpha:before{content:var(--citric-icon-outline-CircleAlpha)}&.CircleBeta:before{content:var(--citric-icon-outline-CircleBeta)}&.CircleChevronDown:before{content:var(--citric-icon-outline-CircleChevronDown)}&.CircleChevronLeft:before{content:var(--citric-icon-outline-CircleChevronLeft)}&.CircleChevronRight:before{content:var(--citric-icon-outline-CircleChevronRight)}&.CircleChevronUp:before{content:var(--citric-icon-outline-CircleChevronUp)}&.Clip:before{content:var(--citric-icon-outline-Clip)}&.Clock:before{content:var(--citric-icon-outline-Clock)}&.Cloud:before{content:var(--citric-icon-outline-Cloud)}&.Code:before{content:var(--citric-icon-outline-Code)}&.CodeBlock:before{content:var(--citric-icon-outline-CodeBlock)}&.CodeBuddy:before{content:var(--citric-icon-outline-CodeBuddy)}&.CodeCommit:before{content:var(--citric-icon-outline-CodeCommit)}&.Coffee:before{content:var(--citric-icon-outline-Coffee)}&.Cog:before{content:var(--citric-icon-outline-Cog)}&.Collapse:before{content:var(--citric-icon-outline-Collapse)}&.Colors:before{content:var(--citric-icon-outline-Colors)}&.Component:before{content:var(--citric-icon-outline-Component)}&.CompressAlt:before{content:var(--citric-icon-outline-CompressAlt)}&.Connection:before{content:var(--citric-icon-outline-Connection)}&.ConnectionArrow:before{content:var(--citric-icon-outline-ConnectionArrow)}&.ConnectionInterfaces:before{content:var(--citric-icon-outline-ConnectionInterfaces)}&.Cookie:before{content:var(--citric-icon-outline-Cookie)}&.Copy:before{content:var(--citric-icon-outline-Copy)}&.Cpu:before{content:var(--citric-icon-outline-Cpu)}&.Dashboard:before{content:var(--citric-icon-outline-Dashboard)}&.Database:before{content:var(--citric-icon-outline-Database)}&.Dependencies:before{content:var(--citric-icon-outline-Dependencies)}&.Desktop:before{content:var(--citric-icon-outline-Desktop)}&.Dislike:before{content:var(--citric-icon-outline-Dislike)}&.Distribute:before{content:var(--citric-icon-outline-Distribute)}&.Document:before{content:var(--citric-icon-outline-Document)}&.DocumentClock:before{content:var(--citric-icon-outline-DocumentClock)}&.DocumentUpload:before{content:var(--citric-icon-outline-DocumentUpload)}&.Download:before{content:var(--citric-icon-outline-Download)}&.Draggable:before{content:var(--citric-icon-outline-Draggable)}&.Edit:before{content:var(--citric-icon-outline-Edit)}&.EditCode:before{content:var(--citric-icon-outline-EditCode)}&.EllipsisHorizontal:before{content:var(--citric-icon-outline-EllipsisHorizontal)}&.EllipsisVertical:before{content:var(--citric-icon-outline-EllipsisVertical)}&.Enter:before{content:var(--citric-icon-outline-Enter)}&.Enterprise:before{content:var(--citric-icon-outline-Enterprise)}&.Envelope:before{content:var(--citric-icon-outline-Envelope)}&.EnvelopeNotification:before{content:var(--citric-icon-outline-EnvelopeNotification)}&.EnvelopeOpen:before{content:var(--citric-icon-outline-EnvelopeOpen)}&.Environment:before{content:var(--citric-icon-outline-Environment)}&.Exclamation:before{content:var(--citric-icon-outline-Exclamation)}&.ExclamationCircle:before{content:var(--citric-icon-outline-ExclamationCircle)}&.ExclamationTriangle:before{content:var(--citric-icon-outline-ExclamationTriangle)}&.Expand:before{content:var(--citric-icon-outline-Expand)}&.ExpandAlt:before{content:var(--citric-icon-outline-ExpandAlt)}&.Extension:before{content:var(--citric-icon-outline-Extension)}&.ExternalLink:before{content:var(--citric-icon-outline-ExternalLink)}&.Eye:before{content:var(--citric-icon-outline-Eye)}&.EyeSlash:before{content:var(--citric-icon-outline-EyeSlash)}&.FaceJoy:before{content:var(--citric-icon-outline-FaceJoy)}&.FaceNeutral:before{content:var(--citric-icon-outline-FaceNeutral)}&.FaceSad:before{content:var(--citric-icon-outline-FaceSad)}&.FaceSmile:before{content:var(--citric-icon-outline-FaceSmile)}&.Filter:before{content:var(--citric-icon-outline-Filter)}&.FingerPrint:before{content:var(--citric-icon-outline-FingerPrint)}&.Flag:before{content:var(--citric-icon-outline-Flag)}&.Folder:before{content:var(--citric-icon-outline-Folder)}&.FolderDocument:before{content:var(--citric-icon-outline-FolderDocument)}&.FolderImage:before{content:var(--citric-icon-outline-FolderImage)}&.FontAppearances:before{content:var(--citric-icon-outline-FontAppearances)}&.Forms:before{content:var(--citric-icon-outline-Forms)}&.Framework:before{content:var(--citric-icon-outline-Framework)}&.Gift:before{content:var(--citric-icon-outline-Gift)}&.GitHubSimple:before{content:var(--citric-icon-outline-GitHubSimple)}&.Globe:before{content:var(--citric-icon-outline-Globe)}&.Grid:before{content:var(--citric-icon-outline-Grid)}&.Hashtag:before{content:var(--citric-icon-outline-Hashtag)}&.Heart:before{content:var(--citric-icon-outline-Heart)}&.HeartCrossed:before{content:var(--citric-icon-outline-HeartCrossed)}&.Highligth:before{content:var(--citric-icon-outline-Highligth)}&.Home:before{content:var(--citric-icon-outline-Home)}&.Import:before{content:var(--citric-icon-outline-Import)}&.Imported:before{content:var(--citric-icon-outline-Imported)}&.Incoming:before{content:var(--citric-icon-outline-Incoming)}&.Info:before{content:var(--citric-icon-outline-Info)}&.InfoCircle:before{content:var(--citric-icon-outline-InfoCircle)}&.InProgress:before{content:var(--citric-icon-outline-InProgress)}&.Input:before{content:var(--citric-icon-outline-Input)}&.Insights:before{content:var(--citric-icon-outline-Insights)}&.Inventory:before{content:var(--citric-icon-outline-Inventory)}&.Issue:before{content:var(--citric-icon-outline-Issue)}&.IssueRaise:before{content:var(--citric-icon-outline-IssueRaise)}&.Issues:before{content:var(--citric-icon-outline-Issues)}&.Italic:before{content:var(--citric-icon-outline-Italic)}&.KnowledgeSource:before{content:var(--citric-icon-outline-KnowledgeSource)}&.Legal:before{content:var(--citric-icon-outline-Legal)}&.Lego:before{content:var(--citric-icon-outline-Lego)}&.Like:before{content:var(--citric-icon-outline-Like)}&.Link:before{content:var(--citric-icon-outline-Link)}&.ListCheck:before{content:var(--citric-icon-outline-ListCheck)}&.ListOrdered:before{content:var(--citric-icon-outline-ListOrdered)}&.ListUnordered:before{content:var(--citric-icon-outline-ListUnordered)}&.LiveCode:before{content:var(--citric-icon-outline-LiveCode)}&.Lock:before{content:var(--citric-icon-outline-Lock)}&.Magic:before{content:var(--citric-icon-outline-Magic)}&.Map:before{content:var(--citric-icon-outline-Map)}&.MapMarker:before{content:var(--citric-icon-outline-MapMarker)}&.Marker:before{content:var(--citric-icon-outline-Marker)}&.Maximize:before{content:var(--citric-icon-outline-Maximize)}&.Menu:before{content:var(--citric-icon-outline-Menu)}&.Microservice:before{content:var(--citric-icon-outline-Microservice)}&.Minimize:before{content:var(--citric-icon-outline-Minimize)}&.Minus:before{content:var(--citric-icon-outline-Minus)}&.MinusCircle:before{content:var(--citric-icon-outline-MinusCircle)}&.Mobile:before{content:var(--citric-icon-outline-Mobile)}&.MobileComments:before{content:var(--citric-icon-outline-MobileComments)}&.Moon:before{content:var(--citric-icon-outline-Moon)}&.MouseScroll:before{content:var(--citric-icon-outline-MouseScroll)}&.Observability:before{content:var(--citric-icon-outline-Observability)}&.Opacity:before{content:var(--citric-icon-outline-Opacity)}&.Organize:before{content:var(--citric-icon-outline-Organize)}&.Outgoing:before{content:var(--citric-icon-outline-Outgoing)}&.Patterns:before{content:var(--citric-icon-outline-Patterns)}&.Pencil:before{content:var(--citric-icon-outline-Pencil)}&.Phone:before{content:var(--citric-icon-outline-Phone)}&.Photo:before{content:var(--citric-icon-outline-Photo)}&.Picture:before{content:var(--citric-icon-outline-Picture)}&.Pin:before{content:var(--citric-icon-outline-Pin)}&.Play:before{content:var(--citric-icon-outline-Play)}&.Plugin:before{content:var(--citric-icon-outline-Plugin)}&.Plus:before{content:var(--citric-icon-outline-Plus)}&.PlusCircle:before{content:var(--citric-icon-outline-PlusCircle)}&.PlusMini:before{content:var(--citric-icon-outline-PlusMini)}&.PreviewCode:before{content:var(--citric-icon-outline-PreviewCode)}&.Print:before{content:var(--citric-icon-outline-Print)}&.Product:before{content:var(--citric-icon-outline-Product)}&.Puzzle:before{content:var(--citric-icon-outline-Puzzle)}&.QrCode:before{content:var(--citric-icon-outline-QrCode)}&.Question:before{content:var(--citric-icon-outline-Question)}&.QuestionAnswer:before{content:var(--citric-icon-outline-QuestionAnswer)}&.QuickCommand:before{content:var(--citric-icon-outline-QuickCommand)}&.Quote:before{content:var(--citric-icon-outline-Quote)}&.Rabbit:before{content:var(--citric-icon-outline-Rabbit)}&.Refresh:before{content:var(--citric-icon-outline-Refresh)}&.Report:before{content:var(--citric-icon-outline-Report)}&.Repository:before{content:var(--citric-icon-outline-Repository)}&.Resources:before{content:var(--citric-icon-outline-Resources)}&.RuntimeApplication:before{content:var(--citric-icon-outline-RuntimeApplication)}&.School:before{content:var(--citric-icon-outline-School)}&.Score:before{content:var(--citric-icon-outline-Score)}&.Search:before{content:var(--citric-icon-outline-Search)}&.SearchMinus:before{content:var(--citric-icon-outline-SearchMinus)}&.SearchPlus:before{content:var(--citric-icon-outline-SearchPlus)}&.Security:before{content:var(--citric-icon-outline-Security)}&.Select:before{content:var(--citric-icon-outline-Select)}&.Send:before{content:var(--citric-icon-outline-Send)}&.ServerNode:before{content:var(--citric-icon-outline-ServerNode)}&.Share:before{content:var(--citric-icon-outline-Share)}&.SharedInfrastructure:before{content:var(--citric-icon-outline-SharedInfrastructure)}&.Slash:before{content:var(--citric-icon-outline-Slash)}&.Sliders:before{content:var(--citric-icon-outline-Sliders)}&.SortAscending:before{content:var(--citric-icon-outline-SortAscending)}&.SortDescending:before{content:var(--citric-icon-outline-SortDescending)}&.Spaces:before{content:var(--citric-icon-outline-Spaces)}&.Spacing:before{content:var(--citric-icon-outline-Spacing)}&.Stack:before{content:var(--citric-icon-outline-Stack)}&.StackRefresh:before{content:var(--citric-icon-outline-StackRefresh)}&.StackSpot:before{content:var(--citric-icon-outline-StackSpot)}&.Standardize:before{content:var(--citric-icon-outline-Standardize)}&.Star:before{content:var(--citric-icon-outline-Star)}&.Starter:before{content:var(--citric-icon-outline-Starter)}&.Stop:before{content:var(--citric-icon-outline-Stop)}&.StopWatch:before{content:var(--citric-icon-outline-StopWatch)}&.Striketrought:before{content:var(--citric-icon-outline-Striketrought)}&.String:before{content:var(--citric-icon-outline-String)}&.Studio:before{content:var(--citric-icon-outline-Studio)}&.Sun:before{content:var(--citric-icon-outline-Sun)}&.Support:before{content:var(--citric-icon-outline-Support)}&.Sync:before{content:var(--citric-icon-outline-Sync)}&.Table:before{content:var(--citric-icon-outline-Table)}&.Tag:before{content:var(--citric-icon-outline-Tag)}&.Target:before{content:var(--citric-icon-outline-Target)}&.Terminal:before{content:var(--citric-icon-outline-Terminal)}&.TestFramework:before{content:var(--citric-icon-outline-TestFramework)}&.Times:before{content:var(--citric-icon-outline-Times)}&.TimesCircle:before{content:var(--citric-icon-outline-TimesCircle)}&.TimesMini:before{content:var(--citric-icon-outline-TimesMini)}&.Token:before{content:var(--citric-icon-outline-Token)}&.Transitions:before{content:var(--citric-icon-outline-Transitions)}&.Trash:before{content:var(--citric-icon-outline-Trash)}&.Trending-up:before{content:var(--citric-icon-outline-Trending-up)}&.Typography:before{content:var(--citric-icon-outline-Typography)}&.Underlined:before{content:var(--citric-icon-outline-Underlined)}&.Unlink:before{content:var(--citric-icon-outline-Unlink)}&.Unlock:before{content:var(--citric-icon-outline-Unlock)}&.Upload:before{content:var(--citric-icon-outline-Upload)}&.User:before{content:var(--citric-icon-outline-User)}&.Users:before{content:var(--citric-icon-outline-Users)}&.Video:before{content:var(--citric-icon-outline-Video)}&.Watch:before{content:var(--citric-icon-outline-Watch)}&.Waveform:before{content:var(--citric-icon-outline-Waveform)}&.Widget:before{content:var(--citric-icon-outline-Widget)}&.Workspace:before{content:var(--citric-icon-outline-Workspace)}}[data-theme]{font:var(--font-body2);.text-body1{margin:0;font:var(--font-body1)}.text-body2{margin:0;font:var(--font-body2)}.text-code1{margin:0;font:var(--font-code1)}.text-code2{margin:0;font:var(--font-code2)}.text-display1{margin:0;font:var(--font-display1);letter-spacing:-.1rem}.text-h1{margin:0;font:var(--font-h1)}.text-h2{margin:0;font:var(--font-h2)}.text-h3{margin:0;font:var(--font-h3)}.text-h4{margin:0;font:var(--font-h4)}.text-h5{margin:0;font:var(--font-h5)}.text-h6{margin:0;font:var(--font-h6)}.text-microtext1{margin:0;font:var(--font-microtext1)}.text-subtitle1{margin:0;font:var(--font-subtitle1)}.text-subtitle2{margin:0;font:var(--font-subtitle2)}.text-subtitle3{margin:0;font:var(--font-subtitle3)}.text-subtitle4{margin:0;font:var(--font-subtitle4)}.text-overheader1{margin:0;font:var(--font-overheader1);text-transform:uppercase}.text-overheader2{margin:0;font:var(--font-overheader2);text-transform:uppercase}.text-with-margins{margin:revert}.apply-citric{h1{font:var(--font-h1)}h2{font:var(--font-h2)}h3{font:var(--font-h3)}h4{font:var(--font-h4)}h5{font:var(--font-h5)}h6{font:var(--font-h6)}small{font:var(--font-microtext1)}pre{font:var(--font-code2)}}}[data-theme]{.row{display:flex;align-items:center;&.no-center{align-items:start}}.column{display:flex;flex-direction:column;&.center{align-items:center}}.center{display:flex;align-items:center;justify-content:center}&::-webkit-scrollbar-track,::-webkit-scrollbar-track{background-color:transparent}&::-webkit-scrollbar,::-webkit-scrollbar{width:.25rem;height:.5rem;background-color:transparent}&::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{background-color:var(--light-600)}}[data-theme]{color:var(--light-contrastText);[data-color-scheme=primary]{--scheme-700: var(--primary-700);--scheme-600: var(--primary-600);--scheme-500: var(--primary-500);--scheme-400: var(--primary-400);--scheme-300: var(--primary-300);--scheme-contrastText: var(--primary-contrastText)}[data-color-scheme=secondary]{--scheme-700: var(--secondary-700);--scheme-600: var(--secondary-600);--scheme-500: var(--secondary-500);--scheme-400: var(--secondary-400);--scheme-300: var(--secondary-300);--scheme-contrastText: var(--secondary-contrastText)}[data-color-scheme=tertiary]{--scheme-700: var(--tertiary-700);--scheme-600: var(--tertiary-600);--scheme-500: var(--tertiary-500);--scheme-400: var(--tertiary-400);--scheme-300: var(--tertiary-300);--scheme-contrastText: var(--tertiary-contrastText)}[data-color-scheme=success]{--scheme-700: var(--success-700);--scheme-600: var(--success-600);--scheme-500: var(--success-500);--scheme-400: var(--success-400);--scheme-300: var(--success-300);--scheme-contrastText: var(--success-contrastText)}[data-color-scheme=warning]{--scheme-700: var(--warning-700);--scheme-600: var(--warning-600);--scheme-500: var(--warning-500);--scheme-400: var(--warning-400);--scheme-300: var(--warning-300);--scheme-contrastText: var(--warning-contrastText)}[data-color-scheme=danger]{--scheme-700: var(--danger-700);--scheme-600: var(--danger-600);--scheme-500: var(--danger-500);--scheme-400: var(--danger-400);--scheme-300: var(--danger-300);--scheme-contrastText: var(--danger-contrastText)}[data-color-scheme=light]{--scheme-700: var(--light-700);--scheme-600: var(--light-600);--scheme-500: var(--light-500);--scheme-400: var(--light-400);--scheme-300: var(--light-300);--scheme-contrastText: var(--light-contrastText)}[data-color-scheme=inverse]{--scheme-700: var(--inverse-700);--scheme-600: var(--inverse-600);--scheme-500: var(--inverse-500);--scheme-400: var(--inverse-400);--scheme-300: var(--inverse-300);--scheme-contrastText: var(--inverse-contrastText)}[data-color-scheme=highlight]{--scheme-700: var(--highlight-700);--scheme-600: var(--highlight-600);--scheme-500: var(--highlight-500);--scheme-400: var(--highlight-400);--scheme-300: var(--highlight-300);--scheme-contrastText: var(--highlight-contrastText)}}[data-theme]{[data-color-palette=blue]{--palette-50: var(--blue-50);--palette-100: var(--blue-100);--palette-200: var(--blue-200);--palette-300: var(--blue-300);--palette-400: var(--blue-400);--palette-500: var(--blue-500);--palette-600: var(--blue-600);--palette-700: var(--blue-700);--palette-800: var(--blue-800);--palette-900: var(--blue-900)}[data-color-palette=cyan]{--palette-50: var(--cyan-50);--palette-100: var(--cyan-100);--palette-200: var(--cyan-200);--palette-300: var(--cyan-300);--palette-400: var(--cyan-400);--palette-500: var(--cyan-500);--palette-600: var(--cyan-600);--palette-700: var(--cyan-700);--palette-800: var(--cyan-800);--palette-900: var(--cyan-900)}[data-color-palette=indigo]{--palette-50: var(--indigo-50);--palette-100: var(--indigo-100);--palette-200: var(--indigo-200);--palette-300: var(--indigo-300);--palette-400: var(--indigo-400);--palette-500: var(--indigo-500);--palette-600: var(--indigo-600);--palette-700: var(--indigo-700);--palette-800: var(--indigo-800);--palette-900: var(--indigo-900)}[data-color-palette=moss]{--palette-50: var(--moss-50);--palette-100: var(--moss-100);--palette-200: var(--moss-200);--palette-300: var(--moss-300);--palette-400: var(--moss-400);--palette-500: var(--moss-500);--palette-600: var(--moss-600);--palette-700: var(--moss-700);--palette-800: var(--moss-800);--palette-900: var(--moss-900)}[data-color-palette=orange]{--palette-50: var(--orange-50);--palette-100: var(--orange-100);--palette-200: var(--orange-200);--palette-300: var(--orange-300);--palette-400: var(--orange-400);--palette-500: var(--orange-500);--palette-600: var(--orange-600);--palette-700: var(--orange-700);--palette-800: var(--orange-800);--palette-900: var(--orange-900)}[data-color-palette=pink]{--palette-50: var(--pink-50);--palette-100: var(--pink-100);--palette-200: var(--pink-200);--palette-300: var(--pink-300);--palette-400: var(--pink-400);--palette-500: var(--pink-500);--palette-600: var(--pink-600);--palette-700: var(--pink-700);--palette-800: var(--pink-800);--palette-900: var(--pink-900)}[data-color-palette=red]{--palette-50: var(--red-50);--palette-100: var(--red-100);--palette-200: var(--red-200);--palette-300: var(--red-300);--palette-400: var(--red-400);--palette-500: var(--red-500);--palette-600: var(--red-600);--palette-700: var(--red-700);--palette-800: var(--red-800);--palette-900: var(--red-900)}[data-color-palette=yellow]{--palette-50: var(--yellow-50);--palette-100: var(--yellow-100);--palette-200: var(--yellow-200);--palette-300: var(--yellow-300);--palette-400: var(--yellow-400);--palette-500: var(--yellow-500);--palette-600: var(--yellow-600);--palette-700: var(--yellow-700);--palette-800: var(--yellow-800);--palette-900: var(--yellow-900)}[data-color-palette=gray]{--palette-50: var(--gray-50);--palette-100: var(--gray-100);--palette-200: var(--gray-200);--palette-300: var(--gray-300);--palette-400: var(--gray-400);--palette-500: var(--gray-500);--palette-600: var(--gray-600);--palette-700: var(--gray-700);--palette-800: var(--gray-800);--palette-900: var(--gray-900)}[data-color-palette=teal]{--palette-50: var(--teal-50);--palette-100: var(--teal-100);--palette-200: var(--teal-200);--palette-300: var(--teal-300);--palette-400: var(--teal-400);--palette-500: var(--teal-500);--palette-600: var(--teal-600);--palette-700: var(--teal-700);--palette-800: var(--teal-800);--palette-900: var(--teal-900)}[data-color-palette=purple]{--palette-50: var(--purple-50);--palette-100: var(--purple-100);--palette-200: var(--purple-200);--palette-300: var(--purple-300);--palette-400: var(--purple-400);--palette-500: var(--purple-500);--palette-600: var(--purple-600);--palette-700: var(--purple-700);--palette-800: var(--purple-800);--palette-900: var(--purple-900)}}[data-citric=tooltip]{border-radius:var(--radius-xs);background-color:var(--scheme-500, var(--palette-500, var(--inverse-500)));color:var(--scheme-contrastText, var(--palette-900, var(--inverse-contrastText)));display:flex;gap:6px;font:var(--font-microtext1);position:relative;padding:4px 8px;align-items:center;&.compact{line-height:1;padding:6px 8px}&.with-arrow:after{position:absolute;content:"";width:0px;height:0px;border-style:solid;border-width:0 4px 2px 4px;border-color:transparent transparent var(--scheme-500, var(--palette-500, var(--inverse-500))) transparent}&.with-arrow.left{margin-right:2px;&:after{transform:rotate(90deg);right:-5px}}&.with-arrow.right{margin-left:2px;&:after{transform:rotate(270deg);left:-5px}}&.with-arrow.right,&.with-arrow.left{&.align-center:after{top:50%;margin-top:-1px}&.align-start:after{top:0;margin-top:5px}&.align-end:after{bottom:0;margin-bottom:5px}}&.with-arrow.top{margin-bottom:2px;&:after{transform:rotate(180deg);bottom:-2px}}&.with-arrow.top,&.with-arrow.bottom{&.align-center:after{left:50%;margin-left:-4px}&.align-start:after{left:0;margin-left:4px}&.align-end:after{right:0;margin-right:4px}}&.with-arrow.bottom{margin-top:2px;&:after{top:-2px}}}[data-citric=tabs]{display:flex;flex-direction:column;gap:16px;flex:1;overflow:hidden;&:not(.toggles){nav.tab-selector{display:flex;position:relative;border-bottom:1px solid var(--light-600);>label{appearance:none;margin:0;padding:8px 32px;position:relative;display:flex;align-items:center;gap:4px;background-color:transparent;border:none;outline:none;cursor:pointer;&:has(input[type=radio]:disabled){cursor:auto}input[type=radio]{appearance:none;position:absolute;bottom:-1px;left:0;right:0;display:block;height:2px;background-color:var(--scheme-500, var(--palette-500, var(--primary-500)));transform:scaleX(0);transition:transform .2s ease-out;&:checked{transform:scaleX(1)}}}}&.equally-sized nav.tab-selector>label{padding:8px 0;flex:1;justify-content:center;text-align:center}>section.tab-content{display:flex;flex-direction:column;flex:1;overflow:auto}&.stepper{nav.tab-selector{border:none;gap:16px;font-weight:500;>label{flex:1;padding:20px 0 0;color:var(--light-700);&:has(input[type=radio]:checked){color:var(--light-contrastText);~label input[type=radio]{background-color:var(--light-600)}}input[type=radio]{top:0;bottom:auto;height:4px;background-color:var(--success-500);transform:none;transition:background-color .3s;margin:0;&:checked{background-color:var(--scheme-500, var(--palette-500, var(--primary-500)))}}}}}}&.toggles{nav.tab-selector{display:flex;border:1px solid var(--scheme-500, var(--palette-300, var(--light-500)));border-radius:4px;padding:3px;gap:4px;width:fit-content;>label{appearance:none;margin:0;padding:8px 32px;display:flex;align-items:center;gap:4px;background-color:transparent;border:none;border-radius:2px;outline:none;cursor:pointer;opacity:70%;transition:background-color .4s;&:has(input[type=radio]:disabled){cursor:auto;background-color:transparent}&:has(input[type=radio]:checked){opacity:1;background-color:var(--scheme-500, var(--palette-500, var(--light-500)))}&:hover{background-color:var(--scheme-500, var(--palette-500, var(--light-500)))}input[type=radio]{display:none}}}&.equally-sized nav.tab-selector{width:auto;>label{padding:8px 0;flex:1;justify-content:center;text-align:center}}>section.tab-content{display:flex;flex-direction:column;flex:1;overflow:auto}}}.apply-citric table,[data-citric=table]{--radius: 4px;--border: 1px solid var(--light-600);border-collapse:separate;border-spacing:0 8px;border-radius:var(--radius);width:100%;box-sizing:border-box;td,th{padding:10px}td{background-color:var(--light-400);transition:background-color .3s;&:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}&:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}}th{font:var(--font-body2);color:var(--light-700);text-align:left}tr.clickable{td,th{cursor:pointer}}&.stripped,&[data-appearance=stripped]{tr:nth-child(odd) td{background-color:var(--light-400)}tr:nth-child(2n) td,th{background-color:var(--light-300)}}&.compressed,&[data-appearance=stripped]{border-spacing:0 0}&.bordered,&[data-appearance=stripped]:not(.borderless){border:var(--border)}&.borderless-header th,&[data-appearance=stripped] th{border:none!important}&.bordered-rows td{border-top:var(--border);border-bottom:var(--border);&:first-child{border-left:var(--border)}&:last-child{border-right:var(--border)}}th{border-top:var(--border);border-bottom:var(--border);&:first-child{border-left:var(--border);border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}&:last-child{border-right:var(--border);border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}}&.square{border-radius:0}&.square-rows td,&[data-appearance=stripped] td{border-radius:0!important}&.uppercase-header th{text-transform:uppercase}th.sortable{cursor:pointer;&:after{content:var(--citric-icon-outline-Select);font-family:CitricIconsOutline;font-size:10px;margin-left:6px}&.asc:after{content:var(--citric-icon-fill-ChevronUp);font-family:CitricIconsFill}&.desc:after{content:var(--citric-icon-fill-ChevronDown);font-family:CitricIconsFill}}&.accordion-rows{--animation-duration: .3s;&:not(.compressed):not([data-appearance=stripped]){border-spacing:0 4px;thead:after{content:"";display:table-row}tr.accordion td{position:relative;top:-4px}}&.stripped,&[data-appearance=stripped]{tbody:nth-child(odd) td{background-color:var(--light-400)}tbody:nth-child(2n) td,th{background-color:var(--light-300)}}tr.accordion td{padding:0;border-top-left-radius:0;border-top-right-radius:0;border-top:none;>div{max-height:0;overflow:hidden;transition:max-height .3s ease-out;>div{padding:10px}}}tr:not(.accordion) td:last-child input[aria-controls]{--rotate: 0deg;appearance:none;width:100%;height:100%;cursor:pointer;text-align:right;margin:0;&:after{content:var(--citric-icon-outline-ChevronDown);font-family:CitricIconsOutline;transition:transform var(--animation-duration) ease-out;display:inline-block}&:checked:after{transform:rotate(180deg)}}tr:has(td:last-child input[aria-controls]:checked){td{border-bottom-left-radius:0;border-bottom-right-radius:0}+tr.accordion td>div{max-height:var(--max-height, 200px);overflow:auto;animation:var(--animation-duration) table-delayed-overflow}}tr:has(td:last-child input[aria-controls]:not(:checked))+tr.accordion td{border:none}}}@keyframes table-delayed-overflow{0%{overflow:hidden}99%{overflow:hidden}to{overflow:auto}}[data-citric=switch],[data-citric=switch-row] input[type=checkbox]{background-color:var(--light-700);border-radius:var(--radius-md);cursor:pointer;appearance:none;position:relative;width:2.5rem;height:1.25rem;box-sizing:border-box;&:before{content:"";background-color:var(--scheme-contrastText, var(--success-contrastText));transition:.32s;position:absolute;width:.75rem;height:.75rem;left:.25rem;top:.25rem;border-radius:var(--radius-lg)}&:checked{background-color:var(--scheme-500, var(--success-500));&:before{transform:translate(20px)}}&:disabled{opacity:.24;pointer-events:none}}[data-citric=switch-row]{display:flex;align-items:center;gap:5px}@property --percent{syntax: "<integer>"; inherits: true; initial-value: 0;}.apply-citric input[type=range],[data-citric=labeled-slider] input[type=range],input[type=range][data-citric=slider]{--fg-color: var(--scheme-500, var(--palette-500, var(--primary-500)));--bg-color: var(--scheme-300, var(--palette-50, var(--primary-300)));--thumb-size: 16px;--percent-value: calc(var(--percent) * 1%);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;height:32px;position:relative;&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb-size);height:var(--thumb-size);margin-top:-7px;background-color:var(--fg-color);border-radius:50%;border:none;transition:box-shadow .3s}&:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px color-mix(in srgb,var(--fg-color) 8%,transparent)}&::-webkit-slider-runnable-track{width:100%;height:2px;background:linear-gradient(90deg,var(--fg-color) 0%,var(--fg-color) var(--percent-value),var(--bg-color) var(--percent-value),var(--bg-color) 100%)}&:disabled{opacity:.6;cursor:not-allowed}&::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-7px;background-color:var(--fg-color);border-radius:50%;border:none;transition:box-shadow .3s}&:hover::-moz-range-thumb{box-shadow:0 0 0 8px color-mix(in srgb,var(--fg-color) 8%,transparent)}&:focus{outline:none;&::-webkit-slider-thumb{box-shadow:0 0 0 8px color-mix(in srgb,var(--fg-color) 18%,transparent)}}&::-moz-range-track{width:100%;height:2px;background:linear-gradient(90deg,var(--fg-color) 0%,var(--fg-color) var(--percent-value),var(--bg-color) var(--percent-value),var(--bg-color) 100%)}}[data-citric=labeled-slider]{--percent-value: calc(var(--percent) * 1%);margin-right:54px;position:relative;input[type=range]{width:100%}.value{position:absolute;font:var(--font-microtext1);color:var(--inverse-contrastText);padding:4px 8px;border-radius:4px;background-color:var(--inverse-500);top:6px;left:var(--percent-value);margin-left:calc(9px + 16px * (1 - var(--percent) / 100));&:before{content:"";position:absolute;width:0;height:0;top:6px;left:-4px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:4px solid var(--inverse-500)}}&.value-on-hover{margin-right:0;&:before,.value{opacity:0;transition:opacity .3s}&:hover .value,input:focus+.value{opacity:1}}}[data-citric=skeleton]{--bg-from: var(--light-500);--bg-to: var(--light-400);width:100%;height:2rem;animation:skeleton-loading 1s linear infinite alternate;&.circle{border-radius:50%;width:3.125rem;height:3.125rem}&.bg-400{--bg-from: var(--light-400);--bg-to: var(--light-300)}&.bg-600{--bg-from: var(--light-600);--bg-to: var(--light-500)}}@keyframes skeleton-loading{0%{background-color:var(--bg-from)}to{background-color:var(--bg-to)}}[data-citric=select]{position:relative;display:flex;select{appearance:none;padding-right:32px;flex:1;&:disabled{opacity:1}}&:before{position:absolute;right:8px;top:9px;font-family:CitricIconsOutline;content:var(--citric-icon-outline-ChevronDown);pointer-events:none}.loader{display:none;position:absolute;right:28px;top:13px}&[aria-busy=true],&[aria-busy=""]{select{padding-right:60px;cursor:progress!important}.loader{display:block;pointer-events:none}[data-citric=progress-circular]{border-color:var(--light-400)}}}[data-citric=select-box]{position:relative;>input{appearance:none;position:absolute}>.option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;width:160px;height:152px;border-radius:4px;background-color:var(--light-300);border:2px solid transparent;gap:4px;cursor:pointer;transition:border .3s;&:hover{border-color:var(--light-500)}>.picture{width:48px;height:48px;display:flex;align-items:center;justify-content:center}>.title{font:var(--font-body1);font-weight:500;margin:0}>.description{margin:0}}&.bg-400 .option{background-color:var(--light-400);&:hover{border-color:var(--light-600)}}&.bg-500 .option{background-color:var(--light-500);&:hover{border-color:var(--light-600)}}&.bg-600 .option{background-color:var(--light-600);&:hover{border-color:var(--light-700)}}&.bg-700 .option{background-color:var(--light-700);color:var(--inverse-contrastText);&:hover{border-color:var(--light-contrastText)}}>input:checked+.option,>input[checked]+.option{border-color:var(--scheme-500, var(--palette-500, var(--primary-500)))!important}>input:focus+.option{border-color:var(--light-500)}>input:disabled+.option{opacity:.6;pointer-events:none}&.button>.option{width:auto;height:auto;padding:8px 12px;gap:var(--spacing-3);flex-direction:row;.title{font:var(--font-body2)}}}[data-citric=rich-select],[data-citric=multi-select]{--default-padding: 4px 8px;--default-max-height: 300px;--animation-duration: .3s;position:relative;height:auto;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border:none;select{pointer-events:none;opacity:0;position:absolute;inset:0}&:after{content:"";position:absolute;pointer-events:none;inset:0;border:1px solid var(--border-color, var(--light-600));border-radius:var(--radius-xs);transition:border var(--animation-duration)}&.focused,&:has(:focus){&:after{border:2px solid var(--border-color, var(--scheme-500, var(--primary-500)))}.selection-panel:after{border:2px solid var(--border-color, var(--scheme-500, var(--primary-500)));border-top:none}}&:has(:disabled),&.disabled{background-color:var(--light-500);border-color:var(--light-600);color:var(--light-700);cursor:not-allowed;[data-citric=progress-circular]{border-color:var(--light-400)}}header{display:flex;gap:16px;align-items:center;min-width:80px;justify-content:space-between;flex:1;.header-text{flex:1}&:after{font-family:CitricIconsOutline;content:var(--citric-icon-outline-ChevronDown);pointer-events:none;transition:transform var(--animation-duration) ease-in}.placeholder{color:var(--light-700)}.header-text{gap:4px;flex:1}}&:has(.search-bar) header{min-width:150px}&.hide-arrow header:after{content:none}.loader{display:none}.selection-panel{max-height:0;overflow:hidden;transition:max-height var(--animation-duration) ease-in;position:absolute;top:calc(100% - 3px);z-index:9999;left:0;right:0;background-color:var(--light-300);display:flex;flex-direction:column;gap:8px;border-bottom-left-radius:var(--radius-xs);border-bottom-right-radius:var(--radius-xs);.search-bar{padding:var(--padding, var(--default-padding));[data-citric=field-group]{width:unset}input{flex:1;width:0}}>.options{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;flex:1;overflow:hidden;>.option{padding:var(--padding, var(--default-padding));display:flex;transition:background-color .3s;cursor:pointer;&:not(:last-child){border-bottom:1px solid var(--light-600)}&:hover,&.focused{background-color:var(--light-500)}&.empty{color:var(--light-700);font-style:italic}}}&:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid var(--border-color, var(--light-600));border-top:none;transition:border var(--animation-duration)}&::-webkit-scrollbar,::-webkit-scrollbar{width:.5rem}}&[aria-busy=true],&[aria-busy=""]{cursor:progress!important;.loader{display:block}}&:not(.open){.selection-panel{opacity:0;animation:var(--animation-duration) rich-select-delayed-opacity}}&.open{header:after{transform:rotate(180deg)}.selection-panel{max-height:var(--max-height, var(--default-max-height));opacity:1;.options{overflow:auto;animation:var(--animation-duration) rich-select-delayed-overflow}}}}@keyframes rich-select-delayed-overflow{0%{overflow:hidden}99%{overflow:hidden}to{overflow:auto}}@keyframes rich-select-delayed-opacity{0%{opacity:1}99%{opacity:1}to{opacity:0}}[data-citric=rating]{--icon: var(--citric-icon-outline-Star);--icon-fill: var(--citric-icon-fill-Star);display:flex;flex-direction:row-reverse;width:fit-content;font-size:16px;gap:6px;input[type=radio]{appearance:none;cursor:pointer;margin:0;&:before{font-family:CitricIconsOutline;color:var(--light-700);content:var(--icon)}&:checked:before{font-family:CitricIconsFill;color:var(--yellow-500);content:var(--icon-fill)}&:checked~input[type=radio]:before{font-family:CitricIconsFill;color:var(--yellow-500);content:var(--icon-fill)}&:disabled{cursor:not-allowed;opacity:.24}&[readonly]{cursor:default}}}.apply-citric input[type=radio],[data-citric=radio-row] input[type=radio],[data-citric=radio]{appearance:none;width:1.25rem;height:1.25rem;cursor:pointer;position:relative;background-color:var(--light-300);border:2px solid var(--light-contrastText);border-radius:var(--radius-lg);margin:0;&:disabled{opacity:.24}&:checked{border-color:var(--scheme-500, var(--inverse-500))}&:checked:after{inset:2px;position:absolute;background-color:var(--scheme-500, var(--inverse-500));border-radius:var(--radius-lg);content:"";visibility:visible}}[data-citric=radio-row]{display:flex;align-items:center;gap:5px;line-height:1}@property --progress{syntax: "<integer>"; inherits: true; initial-value: 0;}[data-citric=progress-circular]{width:32px;aspect-ratio:1;border-radius:50%;box-sizing:border-box;border:4px solid var(--light-500);position:relative;transition:--progress 1s;&.lg{width:46px;display:flex;align-items:center;justify-content:center;font:var(--font-microtext1);&:not(.indeterminate):after{counter-reset:count var(--progress);content:counter(count)"%"}}&.sm{width:22px}&.xs{width:16px}&.indeterminate{animation:progress-indeterminate-rotation 1.5s infinite}&:before{--angle: calc(var(--progress) / 100 * 360deg);content:"";position:absolute;inset:-3px;border:2px solid var(--scheme-500, var(--palette-500, var(--primary-500)));border-radius:50%;mask-image:conic-gradient(white var(--angle),transparent var(--angle))}}@keyframes progress-indeterminate-rotation{0%{--progress: 20;transform:rotate(-36deg)}50%{--progress: 40;transform:rotate(108deg)}to{--progress: 20;transform:rotate(324deg)}}[data-citric=progress-bar]{--speed: 1s;border-radius:var(--radius-lg);width:100%;height:2px;padding:1px;background-color:var(--light-600);&:after{content:"";display:block;width:calc(var(--progress) * 1%);height:100%;border-radius:var(--radius-lg);background-color:var(--scheme-500, var(--palette-500, var(--primary-500)))}&.fast{--speed: .5s}&.indeterminate:after{animation:progress-indeterminate-bar var(--speed) infinite}}@keyframes progress-indeterminate-bar{0%{margin-left:0%;width:5px}50%{margin-left:30%;width:40%}to{margin-left:calc(100% - 5px);width:5px}}[data-citric=pagination]{border:1px solid var(--light-600);display:flex;align-items:center;border-radius:4px;>label{display:flex;align-items:center;gap:5px}>.page-size,.page-number{display:flex;align-items:center;gap:5px;padding:8px}select{border:none;background-color:transparent;padding:0;height:auto;outline:none;color:var(--light-contrastText);&:focus{border:none;box-shadow:none!important}option{color:var(--light-contrastText);background:var(--light-300)}}>.page-size{flex:1;border-right:1px solid var(--light-600)}.citric-icon{background-color:transparent}}[data-citric=multi-select]{--default-padding: 8px;header{outline:none;&:not(.custom){>span,>.row{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}>.row{position:relative;&:after{content:"";position:absolute;top:0;bottom:0;right:0;width:50px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,var(--light-300) 100%)}}}}[data-citric=checkbox-row]{gap:8px}label{cursor:pointer}input[type=checkbox]{outline:none}.option.unfiltered{opacity:.5}.select-all{padding:var(--padding, var(--default-padding))}}[data-citric=menu]{--bg: var(--light-300);--hover-bg: var(--light-500);--border: var(--light-500);background-color:var(--bg);border-radius:var(--radius-sm);box-shadow:4px 4px 48px #000;display:flex;flex-direction:column;width:fit-content;overflow:clip;&.square{border-radius:0}&.bordered{border:2px solid var(--border)}&.no-shadow{box-shadow:none}&.spaced{padding:16px 8px;gap:8px}&.bg-400{--bg: var(--light-400);--hover-bg: var(--light-600);--border: var(--light-600)}&.bg-500{--bg: var(--light-500);--hover-bg: var(--light-600);--border: var(--light-600)}&.bg-600{--bg: var(--light-600);--hover-bg: var(--light-400);--border: var(--light-400)}>header{border-bottom:2px solid var(--border);padding-bottom:16px}.back-button{display:flex;align-items:center;gap:8px;margin-top:8px;span{font-size:12px}}nav,section{display:flex;flex-direction:column}&.spaced{nav,section{gap:8px}}h6{margin:0;font:var(--font-h6);font-size:12px;text-transform:uppercase;color:var(--light-700)}hr{width:100%;height:2px;background-color:var(--border);border:none}section:last-child hr{display:none}}nav[data-citric=menu],[data-citric=menu] nav{button,a{padding:0 8px;height:40px;display:flex;align-items:center;gap:8px;transition:background-color .2s;text-decoration:none;color:inherit;background-color:transparent;border:none;cursor:pointer;&:hover,&:focus{background-color:var(--hover-bg)}&:disabled{opacity:.7;cursor:not-allowed;&:hover{background-color:transparent}}&:after{font-family:CitricIconsOutline;flex:1;text-align:right}&.submenu:after{content:var(--citric-icon-outline-ChevronRight)}&.active:after{content:var(--citric-icon-outline-Check)}}}nav[data-citric=menu].rounded-items,[data-citric=menu].rounded-items nav{button,a{border-radius:var(--radius-xs)}}.apply-citric a,[data-citric=link]{cursor:pointer;text-decoration:underline;color:unset}.apply-citric input[type=color],.apply-citric input[type=date],.apply-citric input[type=datetime-local],.apply-citric input[type=email],.apply-citric input[type=month],.apply-citric input[type=number],.apply-citric input[type=password],.apply-citric input[type=search],.apply-citric input[type=tel],.apply-citric input[type=text],.apply-citric input[type=time],.apply-citric input[type=url],.apply-citric input[type=week],.apply-citric select,.apply-citric textarea,[data-citric=input],[data-citric=select] select,[data-citric=rich-select],[data-citric=multi-select],[data-citric=textarea],[data-citric=autocomplete]{height:2.5rem;padding:var(--spacing-3);outline:none;box-sizing:border-box;background-color:var(--light-300);border:1px solid var(--border-color, var(--light-600));border-radius:var(--radius-xs);font:var(--font-body2);color:var(--light-contrastText);caret-color:var(--light-contrastText);transition:background-color .3s,box-shadow .3s;&::placeholder{opacity:60%;color:var(--light-contrastText)}&:focus{border-color:var(--border-color, var(--scheme-500, var(--primary-500)));box-shadow:inset 0 0 0 1px var(--border-color, var(--scheme-500, var(--primary-500)))}&:disabled,&.disabled{background-color:var(--light-500);border-color:var(--light-600);cursor:not-allowed}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus{-webkit-text-fill-color:var(--light-contrastText);box-shadow:inset 0 0 0 1000px var(--light-300)}&::-webkit-scrollbar-corner{background-color:transparent}}.apply-citric button.citric-icon,.apply-citric input[type=button].citric-icon,.apply-citric input[type=submit].citric-icon,.apply-citric input[type=reset].citric-icon,.apply-citric a.citric-icon,[data-citric=icon-box]{--size: 24px;--bg: var(--light-500);--bg-hover: var(--light-600);--fg: var(--light-contrastText);--radius: 50%;box-sizing:border-box;display:inline-flex;border-radius:var(--radius);align-items:center;justify-content:center;border:none;font-size:.75rem;background-color:var(--bg);width:var(--size);height:var(--size);color:var(--fg);padding:0;&:not([data-feedback]){overflow:hidden}&[data-feedback]>*{overflow:hidden;border-radius:var(--radius)}&.xs{--size: 20px}&.md{--size: 32px;font-size:1rem}&.lg{--size: 40px;font-size:1rem}&.square{--radius: var(--radius-xs)}&.text{background-color:transparent}&.none,&[data-color-scheme].none,&[data-color-palette].none{--bg: transparent;--bg-hover: transparent;--size: auto;border-radius:0}&[data-color-scheme]{--bg: var(--scheme-500);--bg-hover: var(--scheme-600);--fg: var(--scheme-contrastText)}&[data-color-palette]{--bg: var(--palette-600);--bg-hover: var(--palette-500);--fg: var(--palette-50)}img{width:100%}}a[data-citric=icon-box],.apply-citric a.citric-icon,button[data-citric=icon-box],.apply-citric button.citric-icon,input[type=button][data-citric=icon-box],.apply-citric input[type=button].citric-icon,input[type=submit][data-citric=icon-box],.apply-citric input[type=submit].citric-icon,input[type=reset][data-citric=icon-box],.apply-citric input[type=reset].citric-icon,[data-citric=button][data-citric=icon-box]{cursor:pointer;text-decoration:none;position:relative;&:disabled{pointer-events:none;opacity:48%}&:hover,&:focus{background-color:var(--bg-hover)}&[data-feedback]:after{content:attr(data-feedback);font:var(--font-microtext1);color:var(--inverse-contrastText);position:absolute;z-index:9999;top:0;padding:3px 6px;border:1px solid var(--inverse-500);border-radius:4px;background-color:var(--inverse-300);pointer-events:none;opacity:0}&[data-feedback]:not(:active):after{transition:opacity 1s,top 1s}&[data-feedback]:active:after{opacity:1;top:calc(100% + 10px)}}.apply-citric form,[data-citric=form]{display:flex;flex-direction:column;gap:10px;>.row{align-items:start;gap:10px;>[data-citric=form-group]{flex:1}}>.button-group{display:flex;justify-content:end;gap:8px}[type=reset]{--scheme-400: var(--inverse-400);--scheme-500: var(--inverse-500);--scheme-contrastText: var(--inverse-contrastText)}}[data-citric=form-group]{display:flex;flex-direction:column;gap:6px;label{display:flex;flex-direction:column;gap:6px;>.row{gap:8px}p{margin:0}}.feedback,.warning{margin:0;display:none;display:flex;align-items:center;gap:6px;line-height:16px}.warning:before{font-family:CitricIconsOutline;content:var(--citric-icon-outline-ExclamationCircle)}&.error{--border-color: var(--danger-500);.feedback{color:var(--danger-500);&:before{font-family:CitricIconsOutline;font-size:12px;color:var(--danger-contrastText);content:var(--citric-icon-outline-TimesCircle);width:16px;height:16px;display:flex;align-items:center;justify-content:center;background-color:var(--danger-500);border-radius:50%;flex-shrink:0}}}}[data-citric=field-group]{display:flex;flex-direction:row;align-items:stretch;background-color:var(--light-400);width:fit-content;&.full-width{width:auto;input{flex:1}}>:not(:first-child){border-top-left-radius:0!important;border-bottom-left-radius:0!important}>:not(:last-child){border-top-right-radius:0!important;border-bottom-right-radius:0!important}>.addon,&.auto>:not(input,select,textarea,button:not(.citric-icon)){min-width:40px;padding:0 var(--spacing-3);gap:var(--spacing-3);display:flex;justify-content:center;align-items:center;border:1px solid var(--light-600);border-radius:var(--radius-xs);box-sizing:border-box;margin:0;height:inherit;&:not(:last-child){border-right:none}&:not(:first-child){border-left:none}}}.row>[data-citric=field-group].full-width{flex:1}input[data-citric=favorite][type=checkbox]{--icon: var(--citric-icon-outline-Bookmark);--icon-fill: var(--citric-icon-fill-Bookmark);--height: 42px;display:flex;align-items:center;justify-content:center;appearance:none;cursor:pointer;font-size:16px;margin:0;&:before{font-family:CitricIconsOutline;color:var(--light-700);content:var(--icon)}&:checked:before{font-family:CitricIconsFill;color:var(--light-contrastText);content:var(--icon-fill)}&.sm{font-size:12px;--height: 28px}&.lg{font-size:20px;--height: 56px}&.fit-parent{--height: 100%}&.circle,&.square{height:var(--height);aspect-ratio:50 / 42;background-color:var(--light-500);border-radius:4px;transition:background-color .3s;&:hover:not(:disabled){background-color:var(--light-600)}&.circle{aspect-ratio:1;border-radius:50%}}&:disabled{opacity:.6;cursor:not-allowed}&[aria-busy=true]{cursor:progress;&:before{font-family:CitricIconsFill;content:var(--icon-fill)}}}.apply-citric hr,[data-citric=divider]{--size: 1px;margin:0;background-color:var(--scheme-500, var(--light-500));height:var(--size);width:auto;border:none;align-self:stretch;&.vertical{height:auto;width:var(--size)}&.md{--size: 2px}&.lg{--size: 4px}}[data-citric=circle]{--size: 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--scheme-500, var(--palette-500, var(--light-500)));color:var(--scheme-contrastText, var(--palette-900, var(--light-contrastText)));overflow:clip;width:var(--size);height:var(--size);&.bordered{border:2px solid var(--scheme-600, var(--palette-600, var(--light-600)))}&.xxs{--size: 8px}&.sm{--size: 18px}&.md{--size: 27px}&.lg{--size: 40px}&.xl{--size: 60px}&.xxl{--size: 90px}}.apply-citric input[type=checkbox],[data-citric=checkbox-row] input[type=checkbox],[data-citric=checkbox]{appearance:none;position:relative;box-sizing:border-box;width:1.25rem;height:1.25rem;border-radius:var(--radius-xxs);border:1px solid var(--light-contrastText);background-color:var(--light-500);cursor:pointer;margin:0;flex-shrink:0;&:disabled{opacity:.24}&:checked{border-color:var(--scheme-700, var(--inverse-700));background-color:var(--scheme-500, var(--inverse-500))}&:checked:after{content:"";top:.18rem;left:.359rem;width:.236rem;height:.471rem;position:absolute;border-bottom:2px solid var(--scheme-contrastText, var(--inverse-contrastText));border-right:2px solid var(--scheme-contrastText, var(--inverse-contrastText));transform:rotate(45deg)}}[data-citric=checkbox-row]{display:flex;align-items:center;gap:5px;line-height:1}[data-citric=card]{background-color:var(--scheme-300, var(--light-300));padding:var(--spacing-6);border:1px solid var(--scheme-600, var(--light-600));color:var(--scheme-contrastText, var(--light-contrastText));display:flex;flex-direction:column;box-sizing:border-box;border-radius:4px;transition:background-color .3s;&.row{flex-direction:row;align-items:center}&.xxs{padding:var(--spacing-3)}&.xs{padding:var(--spacing-4)}&.sm{padding:var(--spacing-5)}&.lg{padding:var(--spacing-7)}&.xl{padding:var(--spacing-8)}&.xxl{padding:var(--spacing-9)}&.bg-400{background-color:var(--scheme-400, var(--light-400));border-color:var(--scheme-500, var(--light-500));&.clickable:hover{background-color:var(--scheme-500, var(--light-500))}}&.bg-500{background-color:var(--scheme-500, var(--light-500));border-color:var(--scheme-600, var(--light-600));&.clickable:hover{background-color:var(--scheme-600, var(--light-600))}}&.bg-600{background-color:var(--scheme-600, var(--light-600));border-color:var(--scheme-500, var(--light-500));&.clickable:hover{background-color:var(--scheme-500, var(--light-500))}}&.clickable,&[tab-index="0"],&[href]{cursor:pointer;&:hover,&:focus{background-color:var(--scheme-400, var(--light-400))}}}button[data-citric=card]{font:inherit}.apply-citric button:not(.citric-icon),.apply-citric input[type=button]:not(.citric-icon),.apply-citric input[type=submit]:not(.citric-icon),.apply-citric input[type=reset]:not(.citric-icon),[data-citric=button]{display:flex;align-items:center;background-color:var(--scheme-500, var(--primary-500));color:var(--scheme-contrastText, var(--primary-contrastText));padding:4px 8px;font:var(--font-body2);font-weight:500;border-radius:var(--radius-xs);user-select:none;justify-content:center;cursor:pointer;border:1px solid var(--scheme-500, var(--primary-500));gap:var(--spacing-3);position:relative;text-decoration:none;outline:none;&:not(.short-text):has(.citric-icon){padding:5px 8px 3px;.citric-icon{margin-top:-2px}}&.outlined,&.text{background-color:transparent;color:var(--scheme-500, var(--primary-500))}&.text{border-color:transparent}&.none{padding:0;border:none;color:inherit;background-color:transparent;border-radius:0}&.lg{font:500 1rem/1.5 Roboto,sans-serif;padding-inline:var(--spacing-4);padding-block:var(--spacing-3)}&.sm{font:var(--font-microtext1);padding-inline:var(--spacing-3);padding-block:var(--spacing-2)}&:focus-visible{outline:.125rem solid var(--inverse-500);outline-offset:.15rem}&:hover:not(.outlined):not(.text):not(:disabled):not(.none),&:focus:not(.outlined):not(.text):not(.none),&:active:not(.outlined):not(.text):not(:disabled):not(.none){background-color:var(--scheme-400, var(--primary-400));border-color:var(--scheme-400, var(--primary-400))}&.outlined:hover:not(:disabled),&.outlined:focus,&.outlined:active:not(:disabled){background-color:var(--scheme-500, var(--primary-500));color:var(--scheme-contrastText, var(--primary-contrastText))}&.text:hover:not(:disabled),&.text:focus,&.text:active:not(:disabled){border-color:var(--scheme-500, var(--primary-500))}&:disabled{opacity:.6;cursor:not-allowed}&[data-feedback]:after{content:attr(data-feedback);font:var(--font-microtext1);color:var(--inverse-contrastText);position:absolute;z-index:9999;top:0;padding:3px 6px;border:1px solid var(--inverse-500);border-radius:4px;background-color:var(--inverse-300);pointer-events:none;opacity:0}&[data-feedback]:not(:active):after{transition:opacity 1s,top 1s}&[data-feedback]:active:after{opacity:1;top:calc(100% + 10px)}.loader{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;pointer-events:none;opacity:0}&[aria-busy=true]{cursor:progress;>*:not(.loader){opacity:0}.loader{opacity:1}}[data-citric=progress-circular]{width:22px}&.sm [data-citric=progress-circular]{width:16px}&[data-color-scheme=light] [data-citric=progress-circular]{border-color:#000;&:before{border-color:var(--light-700)}}}[data-citric=breadcrumb]{ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;font:var(--font-body2);line-height:1.5}li{color:var(--light-contrastText);a[href]{color:var(--light-700);text-decoration:none;&:hover{color:var(--light-contrastText);text-decoration:underline}}&:not(:first-child):before{content:"/";color:var(--light-700);margin:0 10px}}}.apply-citric blockquote,[data-citric=blockquote]{display:flex;margin:var(--spacing-5);gap:var(--spacing-5);&:before{content:"";border:2px solid var(--primary-400);border-radius:var(--radius-sm)}&[data-color-scheme]:before{border-color:var(--scheme-400)}&[data-color-palette]:before{border-color:var(--palette-300)}}[data-citric=badge]{--bg: var(--indigo-50);--fg: var(--indigo-800);display:inline-flex;justify-content:center;align-items:center;gap:var(--spacing-2);font:var(--font-microtext1);line-height:normal;border-radius:var(--radius-full);background-color:var(--bg);color:var(--fg);padding:4px 8px;&.square{border-radius:var(--radius-xs)}&[data-color-scheme]{--bg: var(--scheme-500);--fg: var(--scheme-contrastText)}&[data-color-palette]{--bg: var(--palette-50);--fg: var(--palette-800)}}button[data-citric=badge],a[data-citric=badge]{--bg: var(--indigo-800);--bg-hover: var(--indigo-700);--fg: var(--indigo-50);font-weight:300;&:active,&:focus,&:hover{background-color:var(--bg-hover)}&:disabled{opacity:.6;pointer-events:none}&[data-color-scheme]{--bg-hover: var(--scheme-600)}&[data-color-palette]{--bg: var(--palette-800);--bg-hover: var(--palette-700);--fg: var(--palette-50)}}button[data-citric=badge]{border:none;cursor:pointer}a[data-citric=badge]{&:active,&:focus,&:hover{text-decoration:underline}}[data-citric=avatar],[data-citric=avatar-group] [data-citric=avatar]{--size: 5rem;display:flex;justify-content:center;align-items:center;box-sizing:border-box;overflow:hidden;border-radius:var(--radius-full);font-family:var(--font-system-1);font-weight:700;background-color:var(--palette-800, var(--indigo-800));color:var(--palette-50, var(--indigo-50));width:var(--size);height:var(--size);font-size:1.5rem;line-height:2.25rem;text-transform:uppercase;flex-shrink:0;img{object-fit:cover;width:var(--size);height:var(--size)}}[data-citric=avatar-group].square [data-citric=avatar],[data-citric=avatar].square{border-radius:var(--radius-sm)}[data-citric=avatar-group].xxs [data-citric=avatar],[data-citric=avatar].xxs{--size: 1.5rem;font-size:.75rem;line-height:1rem}[data-citric=avatar-group].xs [data-citric=avatar],[data-citric=avatar].xs{--size: 2rem;font-size:.75rem;line-height:1rem}[data-citric=avatar-group].sm [data-citric=avatar],[data-citric=avatar].sm{--size: 3rem;font-size:1rem;line-height:2rem}[data-citric=avatar-group].md [data-citric=avatar],[data-citric=avatar].md{--size: 4rem;font-size:1.25rem;line-height:2rem}[data-citric=avatar-group].xl [data-citric=avatar],[data-citric=avatar].xl{--size: 8rem;font-size:2rem;line-height:4rem}[data-citric=avatar-group].xxl [data-citric=avatar],[data-citric=avatar].xxl{--size: 12rem;font-size:3.5rem;line-height:5.5rem}[data-citric=avatar-group]{display:flex;flex-direction:row;--gap: -.75rem;&.xxs,&.xs{--gap: -.25rem}&.sm{--gap: -.5rem}&.xl{--gap: -1rem}&.xxl{--gap: -2rem}[data-citric=avatar]:not(:first-child){margin-left:var(--gap)}&[data-max-items="1"] [data-citric=avatar]:nth-child(n+2){display:none}&[data-max-items="2"] [data-citric=avatar]:nth-child(n+3){display:none}&[data-max-items="3"] [data-citric=avatar]:nth-child(n+4){display:none}&[data-max-items="4"] [data-citric=avatar]:nth-child(n+5){display:none}&[data-max-items="5"] [data-citric=avatar]:nth-child(n+6){display:none}&[data-max-items="6"] [data-citric=avatar]:nth-child(n+7){display:none}&[data-max-items="7"] [data-citric=avatar]:nth-child(n+8){display:none}&[data-max-items="8"] [data-citric=avatar]:nth-child(n+9){display:none}&[data-max-items="9"] [data-citric=avatar]:nth-child(n+10){display:none}&[data-max-items="10"] [data-citric=avatar]:nth-child(n+11){display:none}}[data-citric=autocomplete]{--default-padding: 4px 8px;--default-max-height: 300px;--animation-duration: .3s;position:relative;height:auto;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;&:after{content:"";position:absolute;pointer-events:none;inset:0;border:1px solid var(--border-color, var(--light-600));border-radius:var(--radius-xs);transition:border var(--animation-duration)}&.focused,&:has(:focus){&:after{border:2px solid var(--border-color, var(--scheme-500, var(--primary-500)))}.dropdown-panel:after{border:2px solid var(--border-color, var(--scheme-500, var(--primary-500)));border-top:none}}&:has(:disabled),&.disabled{background-color:var(--light-500);border-color:var(--light-600);color:var(--light-700);cursor:not-allowed;[data-citric=progress-circular]{border-color:var(--light-400)}}header{display:flex;gap:6px;align-items:center;margin:0!important;min-width:80px;justify-content:space-between;flex:1;flex-wrap:wrap;outline:none;.input-container{display:flex;flex:1;flex-wrap:wrap;flex-direction:row;input{all:unset;width:0px;min-width:30px;flex-grow:1}}.end-adornment{display:flex;align-items:center;gap:8px}}.loader{display:none}.dropdown-panel{max-height:0;overflow:hidden;transition:max-height var(--animation-duration) ease-in;position:absolute;top:calc(100% - 3px);z-index:9999;left:0;right:0;background-color:var(--light-300);display:flex;flex-direction:column;gap:8px;border-bottom-left-radius:var(--radius-xs);border-bottom-right-radius:var(--radius-xs);.message{padding:var(--padding, var(--default-padding));text-align:center;color:var(--light-700);font-style:italic}>.options{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;flex:1;overflow:hidden;>.option{padding:var(--padding, var(--default-padding));display:flex;transition:background-color .3s;cursor:pointer;align-items:center;gap:8px;&:not(:last-child){border-bottom:1px solid var(--light-600)}&:hover{background-color:var(--scheme-500, var(--light-500))}&.highlighted{background-color:var(--scheme-500, var(--light-500))}&.selected{background-color:var(--scheme-400, var(--light-400));&:hover{background-color:var(--scheme-500, var(--light-500))}}&.create-option{color:var(--light-contrastText);font-weight:500;border-bottom:2px solid var(--light-600);&:hover{background-color:var(--scheme-300, var(--primary-300))}}}}&:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid var(--border-color, var(--light-600));border-top:none;transition:border var(--animation-duration)}&::-webkit-scrollbar,::-webkit-scrollbar{width:.5rem}}&[aria-busy=true],&[aria-busy=""]{cursor:progress!important;.loader{display:block}}&:not(.open){.dropdown-panel{opacity:0;animation:var(--animation-duration) autocomplete-delayed-opacity}}&.open{header:after{transform:rotate(180deg)}.dropdown-panel{max-height:var(--max-height, var(--default-max-height));opacity:1;.options{overflow:auto;animation:var(--animation-duration) autocomplete-delayed-overflow}}}}@keyframes autocomplete-delayed-overflow{0%{overflow:hidden}99%{overflow:hidden}to{overflow:auto}}@keyframes autocomplete-delayed-opacity{0%{opacity:1}99%{opacity:1}to{opacity:0}}[data-citric=alert]{padding:var(--spacing-4);font:var(--font-body2);background-color:var(--warning-500);color:var(--warning-contrastText);display:flex;align-items:center;gap:var(--spacing-4);line-height:1;&:before{font-family:CitricIconsOutline;font-size:1rem;content:var(--citric-icon-outline-ExclamationTriangle)}&.error{background-color:var(--danger-500);color:var(--danger-contrastText);&:before{content:var(--citric-icon-outline-TimesCircle)}}&.info{background-color:var(--light-500);color:var(--light-contrastText);&:before{content:var(--citric-icon-outline-InfoCircle)}}}[data-citric=accordion]{--max-height: 300px;--animation-duration: .3s;>header input[type=checkbox][aria-controls]{appearance:none;margin:0;cursor:pointer;transition:transform var(--animation-duration) ease-out;&:before{font-family:CitricIconsOutline;font-size:16px;content:var(--citric-icon-outline-ChevronDown)}&:checked{transform:rotate(180deg)}}>section{max-height:0;box-sizing:border-box;overflow:hidden;transition:max-height var(--animation-duration) ease-out}&:has(>header input[type=checkbox][aria-controls]:checked)>section{overflow:auto;animation:var(--animation-duration) accordion-delayed-overflow;max-height:var(--max-height)}&.card{--bg-color: var(--scheme-300, var(--light-300));--border-color: var(--scheme-500, var(--light-500));border-radius:4px;background-color:var(--bg-color);border:1px solid transparent;transition:border-color var(--animation-duration);>header>label{padding:16px;font:var(--font-body1);line-height:1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;cursor:pointer}>section .content{padding:16px;>p:first-child{margin-top:0}>p:last-child{margin-bottom:0}}&:has(header input[type=checkbox][aria-controls]:focus),&:hover{border-color:var(--scheme-500, var(--light-500))}&.bg-400{--bg-color: var(--scheme-400, var(--light-400));--border-color: var(--scheme-600, var(--light-600))}&.bg-500{--bg-color: var(--scheme-500, var(--light-500));--border-color: var(--scheme-600, var(--light-600))}&.bg-600{--bg-color: var(--scheme-600, var(--light-600));--border-color: var(--scheme-400, var(--light-400))}}}@keyframes accordion-delayed-overflow{0%{overflow:hidden}99%{overflow:hidden}to{overflow:auto}}[data-theme]{--radius-full: 600rem;--radius-xxl: 8rem;--radius-xl: 4rem;--radius-lg: 2rem;--radius-md: 1rem;--radius-sm: .5rem;--radius-xs: .25rem;--radius-xxs: .125rem;--spacing-0: 0;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .5rem;--spacing-4: .75rem;--spacing-5: 1rem;--spacing-6: 1.25rem;--spacing-7: 1.5rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-13: 3.25rem;--spacing-14: 3.5rem;--spacing-15: 3.75rem;--spacing-16: 4rem;--spacing-17: 4.25rem;--spacing-18: 4.5rem;--spacing-19: 4.75}[data-theme]{--font-body1: 400 1rem/1.5 Roboto, sans-serif;--font-body2: 400 .875rem/1.714 Roboto, sans-serif;--font-code1: 400 1rem/1.5 Roboto Mono, monospace;--font-code2: 400 .875rem/1.714 Roboto Mono, monospace;--font-display1: 600 clamp(2.25rem,4vw + 1rem,4rem)/1.125 Inter;--font-h1: 600 clamp(2.25rem,4vw + 1rem,2.5rem)/1.2 Inter;--font-h2: 600 clamp(1.5rem,4vw + 1rem,2rem)/1.25 Inter;--font-h3: 600 clamp(1.75rem,4vw + 1rem,1.375rem)/1.333 Inter;--font-h4: 600 clamp(1.125rem,4vw + 1rem,1.25rem)/1.2 Inter;--font-h5: 600 1rem/1.25 Inter;--font-h6: 600 1rem/1.429 Inter;--font-microtext1: 400 .75rem/1.333 Roboto, sans-serif;--font-subtitle1: 400 1.5rem/1.333 Inter;--font-subtitle2: 400 1.25rem/1.6 Inter;--font-subtitle3: 400 1rem/1.5 Inter;--font-subtitle4: 400 .875rem/1.714 Inter;--font-overheader1: 600 .875rem/1.5 Inter;--font-overheader2: 600 .75rem/1.5 Inter}[data-theme]{--primary-700: #5C2512;--primary-600: #AD4523;--primary-500: #FF6900;--primary-400: #FF9775;--primary-300: #FFC8B5;--primary-contrastText: #000000;--secondary-700: #14135C;--secondary-600: #2623AD;--secondary-500: #3834FF;--secondary-400: #7875FF;--secondary-300: #B7B6FF;--secondary-contrastText: #FFFFFF;--tertiary-700: #25124A;--tertiary-600: #45238A;--tertiary-500: #6633CC;--tertiary-400: #9775DC;--tertiary-300: #C8B5ED;--tertiary-contrastText: #FFFFFF;--highlight-700: #5C3700;--highlight-600: #AD6800;--highlight-500: #FF9900;--highlight-400: #FFBA52;--highlight-300: #FFDAA3;--highlight-contrastText: #000000;--danger-700: #5C3232;--danger-600: #AD5E5E;--danger-500: #FF8A8A;--danger-400: #FFB0B0;--danger-300: #FFD5D5;--danger-contrastText: #000000;--warning-700: #59512E;--warning-600: #A89857;--warning-500: #F8E080;--warning-400: #FAEAA9;--warning-300: #FCF4D1;--warning-contrastText: #000000;--success-700: #344B34;--success-600: #628E62;--success-500: #91D191;--success-400: #B4E0B4;--success-300: #D7EED7;--success-contrastText: #000000;--light-700: #BCBCCF;--light-600: #2F2F3C;--light-500: #262631;--light-400: #1D1D25;--light-300: #14141A;--light-contrastText: #FAFAFB;--inverse-700: #707075;--inverse-600: #BCBCCF;--inverse-500: #D1D1DE;--inverse-400: #E5E5ED;--inverse-300: #F7F7F8;--inverse-contrastText: #0B0B0E;--blue-50: #D6F5FF;--blue-100: #B5EDFF;--blue-200: #95E4FF;--blue-300: #75DCFF;--blue-400: #54D4FF;--blue-500: #33CCFF;--blue-600: #2BABD6;--blue-700: #238AAD;--blue-800: #1B6A85;--blue-900: #124A5C;--cyan-50: #E0FFFF;--cyan-100: #B3FFFF;--cyan-200: #80FFFF;--cyan-300: #4DFFFF;--cyan-400: #1AFFFF;--cyan-500: #00E5FF;--cyan-600: #00B2E5;--cyan-700: #0080B2;--cyan-800: #004D80;--cyan-900: #001A4D;--gray-50: #EAEAEC;--gray-100: #C1C1C5;--gray-200: #97979E;--gray-300: #6D6D77;--gray-400: #444450;--gray-500: #444450;--gray-600: #2F2F3C;--gray-700: #1C1C24;--gray-800: #09090E;--gray-900: #000002;--indigo-50: #D7D6FF;--indigo-100: #B7B6FF;--indigo-200: #9795FF;--indigo-300: #7875FF;--indigo-400: #5855FF;--indigo-500: #3834FF;--indigo-600: #2F2CD6;--indigo-700: #2623AD;--indigo-800: #1D1B85;--indigo-900: #14135C;--moss-50: #F0F3CC;--moss-100: #E3E9A3;--moss-200: #D7DF7A;--moss-300: #CBD652;--moss-400: #BECC29;--moss-500: #B2C200;--moss-600: #95A300;--moss-700: #798400;--moss-800: #5D6500;--moss-900: #404600;--orange-50: #FFE7D6;--orange-100: #FFD4B5;--orange-200: #FFC195;--orange-300: #FFAE75;--orange-400: #FF9B54;--orange-500: #FF8833;--orange-600: #D6722B;--orange-700: #AD5C23;--orange-800: #85471B;--orange-900: #5C3112;--pink-50: #FFE0F5;--pink-100: #FFC8ED;--pink-200: #FFAFE4;--pink-300: #FF97DC;--pink-400: #FF7FD4;--pink-500: #FF66CC;--pink-600: #D656AB;--pink-700: #AD458A;--pink-800: #85356A;--pink-900: #5C254A;--purple-50: #E2D8F6;--purple-100: #CAB8EF;--purple-200: #B298E8;--purple-300: #9B79E0;--purple-400: #845AD9;--purple-500: #6C3AD2;--purple-600: #5B31B0;--purple-700: #49278E;--purple-800: #381E6E;--purple-900: #27154C;--red-50: #FFCCCC;--red-100: #FFA3A3;--red-200: #FF7A7A;--red-300: #FF5252;--red-400: #FF2929;--red-500: #FF0000;--red-600: #D60000;--red-700: #AD0000;--red-800: #850000;--red-900: #5C0000;--teal-50: #CCF5EB;--teal-100: #A3EDDA;--teal-200: #7AE4CA;--teal-300: #52DCBA;--teal-400: #29D4A9;--teal-500: #00CC99;--teal-600: #00AB80;--teal-700: #008A68;--teal-800: #006A50;--teal-900: #004A37;--yellow-50: #FFF5CC;--yellow-100: #FFEDA3;--yellow-200: #FFE47A;--yellow-300: #FFDC52;--yellow-400: #FFD429;--yellow-500: #FFCC00;--yellow-600: #D6AB00;--yellow-700: #AD8A00;--yellow-800: #856A00;--yellow-900: #5C4A00;--backdrop-color: rgba(0, 0, 0, .5) }[data-theme=light]{color-scheme:light;--primary-700: #5C2512;--primary-600: #AD4523;--primary-500: #FF6900;--primary-400: #FF9775;--primary-300: #FFC8B5;--primary-contrastText: #000000;--secondary-700: #14135C;--secondary-600: #2623AD;--secondary-500: #3834FF;--secondary-400: #7875FF;--secondary-300: #B7B6FF;--secondary-contrastText: #FFFFFF;--tertiary-700: #25124A;--tertiary-600: #45238A;--tertiary-500: #6633CC;--tertiary-400: #9775DC;--tertiary-300: #C8B5ED;--tertiary-contrastText: #FFFFFF;--highlight-700: #054C91;--highlight-600: #0660B5;--highlight-500: #0867DA;--highlight-400: #4A8EF1;--highlight-300: #8CB2F8;--highlight-contrastText: #FFFFFF;--danger-700: #7A2929;--danger-600: #922C2C;--danger-500: #B03B3B;--danger-400: #C76666;--danger-300: #DD9191;--danger-contrastText: #FFFFFF;--warning-700: #C79300;--warning-600: #D4A100;--warning-500: #E6B800;--warning-400: #F7D055;--warning-300: #FFF4CC;--warning-contrastText: #000000;--success-700: #1A4721;--success-600: #25632A;--success-500: #317131;--success-400: #4D8B4D;--success-300: #75B175;--success-contrastText: #FFFFFF;--light-700: #636366;--light-600: #E0E0E3;--light-500: #EDEDEF;--light-400: #F3F3F3;--light-300: #FCFCFD;--light-contrastText: #000000;--inverse-700: #BCBCCF;--inverse-600: #2F2F3C;--inverse-500: #262631;--inverse-400: #1D1D25;--inverse-300: #14141A;--inverse-contrastText: #FAFAFB;--indigo-900: #F0E6FF;--indigo-800: #DBCCEF;--indigo-700: #C6B3DF;--indigo-600: #B199CF;--indigo-500: #9C80BF;--indigo-400: #874699;--indigo-300: #723C7A;--indigo-200: #5D235A;--indigo-100: #490D40;--indigo-50: #340026;--blue-900: #E6F4FF;--blue-800: #CCE8FF;--blue-700: #99CCFF;--blue-600: #66B2FF;--blue-500: #3399FF;--blue-400: #007FFF;--blue-300: #0066CC;--blue-200: #004C99;--blue-100: #003366;--blue-50: #001A33;--moss-900: #F3F7EA;--moss-800: #E1EAD6;--moss-700: #CFDDC1;--moss-600: #BDD1AD;--moss-500: #ABC499;--moss-400: #99B784;--moss-300: #879A70;--moss-200: #758D5B;--moss-100: #647F47;--moss-50: #536B32;--orange-900: #FFF3E0;--orange-800: #FFE9CE;--orange-700: #FFD3A1;--orange-600: #FFBC74;--orange-500: #FFA447;--orange-400: #FF8C1A;--orange-300: #E6731D;--orange-200: #B35816;--orange-100: #803C0F;--orange-50: #4A2008;--cyan-900: #E0FFFF;--cyan-800: #B3FFFF;--cyan-700: #80FFFF;--cyan-600: #4DFFFF;--cyan-500: #1AFFFF;--cyan-400: #00E5FF;--cyan-300: #00B2E5;--cyan-200: #0080B2;--cyan-100: #004D80;--cyan-50: #001A4D;--gray-900: #F2F2F2;--gray-800: #E5E5E5;--gray-700: #CCCCCC;--gray-600: #B3B3B3;--gray-500: #999999;--gray-400: #808080;--gray-300: #666666;--gray-200: #4D4D4D;--gray-100: #333333;--gray-50: #1C1C1C;--purple-900: #F2E6FF;--purple-800: #E0CCFF;--purple-700: #CEB3FF;--purple-600: #BB99FF;--purple-500: #A980FF;--purple-400: #9666FF;--purple-300: #834DFF;--purple-200: #7024FF;--purple-100: #5D00EB;--purple-50: #4A00D1;--pink-900: #FFE6F9;--pink-800: #FFCCF2;--pink-700: #FFB3EC;--pink-600: #FF99E6;--pink-500: #FF80E0;--pink-400: #FF66DA;--pink-300: #FF4CD4;--pink-200: #443692;--pink-100: #E100AA;--pink-50: #B9007C;--yellow-900: #FFF9E6;--yellow-800: #FFF2CC;--yellow-700: #FFEBB3;--yellow-600: #FFE499;--yellow-500: #FFDD80;--yellow-400: #FFD666;--yellow-300: #FFCF4D;--yellow-200: #FFC833;--yellow-100: #FFC11A;--yellow-50: #B38F00;--red-900: #FFE6E6;--red-800: #FFCCCC;--red-700: #FFB3B3;--red-600: #FF9999;--red-500: #FF8080;--red-400: #FF6666;--red-300: #FF4D4D;--red-200: #FF3333;--red-100: #FF1A1A;--red-50: #CC0000 }[data-theme=dark]{color-scheme:dark;--light-300: #14141A;--light-400: #1D1D25;--light-500: #262631;--light-600: #2F2F3C;--light-700: #BCBCCF;--light-contrastText: #FAFAFB;--inverse-300: #F7F7F8;--inverse-400: #E5E5ED;--inverse-500: #D1D1DE;--inverse-600: #BCBCCF;--inverse-700: #707075;--inverse-contrastText: #0B0B0E}[data-theme=stackspot]{color-scheme:dark;--light-300: #0E1222;--light-400: #131726;--light-500: #171B2B;--light-600: #212533;--light-700: #CFD0D3;--light-contrastText: #FAFAFB;--inverse-300: #F5F7FF;--inverse-400: #EBEDF6;--inverse-500: #D8D9E4;--inverse-600: #CDCDDA;--inverse-700: #171B2B;--inverse-contrastText: #0E1222}[data-theme-kind=light]{--backdrop-color: rgba(0, 0, 0, .5) }