@layer base { :root.dark { --vscode-font-family: -apple-system, BlinkMacSystemFont, sans-serif; --vscode-font-weight: normal; --vscode-font-size: 13px; --vscode-editor-font-family: Menlo, Monaco, 'Courier New', monospace; --vscode-editor-font-weight: normal; --vscode-editor-font-size: 12px; --vscode-foreground: #cccccc; --vscode-disabledForeground: rgba(204, 204, 204, 0.5); --vscode-errorForeground: #f85149; --vscode-descriptionForeground: #9d9d9d; --vscode-icon-foreground: #cccccc; --vscode-focusBorder: #0078d4; --vscode-textSeparator-foreground: #21262d; --vscode-textLink-foreground: #4daafc; --vscode-textLink-activeForeground: #4daafc; --vscode-textPreformat-foreground: #d7ba7d; --vscode-textPreformat-background: #3c3c3c; --vscode-textBlockQuote-background: #2b2b2b; --vscode-textBlockQuote-border: #616161; --vscode-textCodeBlock-background: #2b2b2b; --vscode-widget-shadow: rgba(0, 0, 0, 0.36); --vscode-widget-border: #313131; --vscode-input-background: #313131; --vscode-input-foreground: #cccccc; --vscode-input-border: #3c3c3c; --vscode-inputOption-activeBorder: #2488db; --vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5); --vscode-inputOption-activeBackground: rgba(36, 137, 219, 0.51); --vscode-inputOption-activeForeground: #ffffff; --vscode-input-placeholderForeground: #818181; --vscode-inputValidation-infoBackground: #063b49; --vscode-inputValidation-infoBorder: #007acc; --vscode-inputValidation-warningBackground: #352a05; --vscode-inputValidation-warningBorder: #b89500; --vscode-inputValidation-errorBackground: #5a1d1d; --vscode-inputValidation-errorBorder: #be1100; --vscode-dropdown-background: #313131; --vscode-dropdown-listBackground: #1f1f1f; --vscode-dropdown-foreground: #cccccc; --vscode-dropdown-border: #3c3c3c; --vscode-button-foreground: #ffffff; --vscode-button-separator: rgba(255, 255, 255, 0.4); --vscode-button-background: #0078d4; --vscode-button-hoverBackground: #026ec1; --vscode-button-border: rgba(255, 255, 255, 0.07); --vscode-button-secondaryForeground: #cccccc; --vscode-button-secondaryBackground: #313131; --vscode-button-secondaryHoverBackground: #3c3c3c; --vscode-badge-background: #616161; --vscode-badge-foreground: #f8f8f8; --vscode-scrollbar-shadow: #000000; --vscode-scrollbarSlider-background: rgba(121, 121, 121, 0.4); --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); --vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4); --vscode-progressBar-background: #0078d4; --vscode-editorError-foreground: #f14c4c; --vscode-editorWarning-foreground: #cca700; --vscode-editorInfo-foreground: #3794ff; --vscode-editorHint-foreground: rgba(238, 238, 238, 0.7); --vscode-sash-hoverBorder: #0078d4; --vscode-editor-background: #1f1f1f; --vscode-editor-foreground: #cccccc; --vscode-editorStickyScroll-background: #1f1f1f; --vscode-editorStickyScrollHover-background: #2a2d2e; --vscode-editorWidget-background: #202020; --vscode-editorWidget-foreground: #cccccc; --vscode-editorWidget-border: #454545; --vscode-quickInput-background: #222222; --vscode-quickInput-foreground: #cccccc; --vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1); --vscode-pickerGroup-foreground: #3794ff; --vscode-pickerGroup-border: #3c3c3c; --vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17); --vscode-keybindingLabel-foreground: #cccccc; --vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6); --vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6); --vscode-editor-selectionBackground: #264f78; --vscode-editor-inactiveSelectionBackground: #3a3d41; --vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.15); --vscode-editor-findMatchBackground: #9e6a03; --vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); --vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, 0.4); --vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22); --vscode-search-resultsInfoForeground: rgba(204, 204, 204, 0.65); --vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, 0.25); --vscode-editorHoverWidget-background: #202020; --vscode-editorHoverWidget-foreground: #cccccc; --vscode-editorHoverWidget-border: #454545; --vscode-editorHoverWidget-statusBarBackground: #262626; --vscode-editorLink-activeForeground: #4e94ce; --vscode-editorInlayHint-foreground: #969696; --vscode-editorInlayHint-background: rgba(97, 97, 97, 0.1); --vscode-editorInlayHint-typeForeground: #969696; --vscode-editorInlayHint-typeBackground: rgba(97, 97, 97, 0.1); --vscode-editorInlayHint-parameterForeground: #969696; --vscode-editorInlayHint-parameterBackground: rgba(97, 97, 97, 0.1); --vscode-editorLightBulb-foreground: #ffcc00; --vscode-editorLightBulbAutoFix-foreground: #75beff; --vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, 0.2); --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2); --vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, 0.2); --vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, 0.2); --vscode-diffEditor-diagonalFill: rgba(204, 204, 204, 0.2); --vscode-diffEditor-unchangedRegionBackground: #3e3e3e; --vscode-diffEditor-unchangedRegionForeground: #a3a2a2; --vscode-diffEditor-unchangedCodeBackground: rgba(116, 116, 116, 0.16); --vscode-list-focusOutline: #0078d4; --vscode-list-activeSelectionBackground: #04395e; --vscode-list-activeSelectionForeground: #ffffff; --vscode-list-activeSelectionIconForeground: #ffffff; --vscode-list-inactiveSelectionBackground: #37373d; --vscode-list-hoverBackground: #2a2d2e; --vscode-list-dropBackground: #383b3d; --vscode-list-highlightForeground: #2aaaff; --vscode-list-focusHighlightForeground: #2aaaff; --vscode-list-invalidItemForeground: #b89500; --vscode-list-errorForeground: #f88070; --vscode-list-warningForeground: #cca700; --vscode-listFilterWidget-background: #202020; --vscode-listFilterWidget-outline: rgba(0, 0, 0, 0); --vscode-listFilterWidget-noMatchesOutline: #be1100; --vscode-listFilterWidget-shadow: rgba(0, 0, 0, 0.36); --vscode-list-filterMatchBackground: rgba(234, 92, 0, 0.33); --vscode-tree-indentGuidesStroke: #585858; --vscode-tree-inactiveIndentGuidesStroke: rgba(88, 88, 88, 0.4); --vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13); --vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, 0.04); --vscode-list-deemphasizedForeground: #8c8c8c; --vscode-checkbox-background: #313131; --vscode-checkbox-selectBackground: #202020; --vscode-checkbox-foreground: #cccccc; --vscode-checkbox-border: #3c3c3c; --vscode-checkbox-selectBorder: #cccccc; --vscode-quickInputList-focusForeground: #ffffff; --vscode-quickInputList-focusIconForeground: #ffffff; --vscode-quickInputList-focusBackground: #04395e; --vscode-menu-border: #454545; --vscode-menu-foreground: #cccccc; --vscode-menu-background: #1f1f1f; --vscode-menu-selectionForeground: #ffffff; --vscode-menu-selectionBackground: #04395e; --vscode-menu-separatorBackground: #454545; --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31); --vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31); --vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, 0.3); --vscode-editor-snippetFinalTabstopHighlightBorder: #525252; --vscode-breadcrumb-foreground: rgba(204, 204, 204, 0.8); --vscode-breadcrumb-background: #1f1f1f; --vscode-breadcrumb-focusForeground: #e0e0e0; --vscode-breadcrumb-activeSelectionForeground: #e0e0e0; --vscode-breadcrumbPicker-background: #202020; --vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5); --vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2); --vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5); --vscode-merge-incomingContentBackground: rgba(64, 166, 255, 0.2); --vscode-merge-commonHeaderBackground: rgba(96, 96, 96, 0.4); --vscode-merge-commonContentBackground: rgba(96, 96, 96, 0.16); --vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, 0.5); --vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, 0.5); --vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4); --vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); --vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, 0.8); --vscode-minimap-findMatchHighlight: #d18616; --vscode-minimap-selectionOccurrenceHighlight: #676767; --vscode-minimap-selectionHighlight: #264f78; --vscode-minimap-infoHighlight: #3794ff; --vscode-minimap-warningHighlight: #cca700; --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7); --vscode-minimap-foregroundOpacity: #000000; --vscode-minimapSlider-background: rgba(121, 121, 121, 0.2); --vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35); --vscode-minimapSlider-activeBackground: rgba(191, 191, 191, 0.2); --vscode-problemsErrorIcon-foreground: #f14c4c; --vscode-problemsWarningIcon-foreground: #cca700; --vscode-problemsInfoIcon-foreground: #3794ff; --vscode-charts-foreground: #cccccc; --vscode-charts-lines: rgba(204, 204, 204, 0.5); --vscode-charts-red: #f14c4c; --vscode-charts-blue: #3794ff; --vscode-charts-yellow: #cca700; --vscode-charts-orange: #d18616; --vscode-charts-green: #89d185; --vscode-charts-purple: #b180d7; --vscode-diffEditor-move\.border: rgba(139, 139, 139, 0.61); --vscode-diffEditor-moveActive\.border: #ffa500; --vscode-symbolIcon-arrayForeground: #cccccc; --vscode-symbolIcon-booleanForeground: #cccccc; --vscode-symbolIcon-classForeground: #ee9d28; --vscode-symbolIcon-colorForeground: #cccccc; --vscode-symbolIcon-constantForeground: #cccccc; --vscode-symbolIcon-constructorForeground: #b180d7; --vscode-symbolIcon-enumeratorForeground: #ee9d28; --vscode-symbolIcon-enumeratorMemberForeground: #75beff; --vscode-symbolIcon-eventForeground: #ee9d28; --vscode-symbolIcon-fieldForeground: #75beff; --vscode-symbolIcon-fileForeground: #cccccc; --vscode-symbolIcon-folderForeground: #cccccc; --vscode-symbolIcon-functionForeground: #b180d7; --vscode-symbolIcon-interfaceForeground: #75beff; --vscode-symbolIcon-keyForeground: #cccccc; --vscode-symbolIcon-keywordForeground: #cccccc; --vscode-symbolIcon-methodForeground: #b180d7; --vscode-symbolIcon-moduleForeground: #cccccc; --vscode-symbolIcon-namespaceForeground: #cccccc; --vscode-symbolIcon-nullForeground: #cccccc; --vscode-symbolIcon-numberForeground: #cccccc; --vscode-symbolIcon-objectForeground: #cccccc; --vscode-symbolIcon-operatorForeground: #cccccc; --vscode-symbolIcon-packageForeground: #cccccc; --vscode-symbolIcon-propertyForeground: #cccccc; --vscode-symbolIcon-referenceForeground: #cccccc; --vscode-symbolIcon-snippetForeground: #cccccc; --vscode-symbolIcon-stringForeground: #cccccc; --vscode-symbolIcon-structForeground: #cccccc; --vscode-symbolIcon-textForeground: #cccccc; --vscode-symbolIcon-typeParameterForeground: #cccccc; --vscode-symbolIcon-unitForeground: #cccccc; --vscode-symbolIcon-variableForeground: #75beff; --vscode-actionBar-toggledBackground: #383a49; --vscode-editorHoverWidget-highlightForeground: #2aaaff; --vscode-editor-lineHighlightBorder: #282828; --vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, 0.04); --vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33); --vscode-editorCursor-foreground: #aeafad; --vscode-editorWhitespace-foreground: rgba(227, 228, 226, 0.16); --vscode-editorLineNumber-foreground: #6e7681; --vscode-editorIndentGuide-background: #404040; --vscode-editorIndentGuide-activeBackground: #707070; --vscode-editorIndentGuide-background1: #404040; --vscode-editorIndentGuide-background2: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-background3: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-background4: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-background5: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-background6: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-activeBackground1: #707070; --vscode-editorIndentGuide-activeBackground2: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-activeBackground3: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-activeBackground4: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-activeBackground5: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-activeBackground6: rgba(0, 0, 0, 0); --vscode-editorActiveLineNumber-foreground: #c6c6c6; --vscode-editorLineNumber-activeForeground: #cccccc; --vscode-editorRuler-foreground: #5a5a5a; --vscode-editorCodeLens-foreground: #999999; --vscode-editorBracketMatch-background: rgba(0, 100, 0, 0.1); --vscode-editorBracketMatch-border: #888888; --vscode-editorOverviewRuler-border: #010409; --vscode-editorGutter-background: #1f1f1f; --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.67); --vscode-editorGhostText-foreground: rgba(255, 255, 255, 0.34); --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6); --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7); --vscode-editorOverviewRuler-warningForeground: #cca700; --vscode-editorOverviewRuler-infoForeground: #3794ff; --vscode-editorBracketHighlight-foreground1: #ffd700; --vscode-editorBracketHighlight-foreground2: #da70d6; --vscode-editorBracketHighlight-foreground3: #179fff; --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0); --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0); --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0); --vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba(255, 18, 18, 0.8); --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0); --vscode-editorUnicodeHighlight-border: #bd9b03; --vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, 0.15); --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; --vscode-editor-foldBackground: rgba(38, 79, 120, 0.3); --vscode-editorGutter-foldingControlForeground: #cccccc; --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3); --vscode-editor-wordHighlightBackground: rgba(87, 87, 87, 0.72); --vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, 0.72); --vscode-editor-wordHighlightTextBackground: rgba(87, 87, 87, 0.72); --vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, 0.8); --vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, 0.8); --vscode-editorOverviewRuler-wordHighlightTextForeground: rgba(160, 160, 160, 0.8); --vscode-peekViewTitle-background: #252526; --vscode-peekViewTitleLabel-foreground: #ffffff; --vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, 0.7); --vscode-peekView-border: #3794ff; --vscode-peekViewResult-background: #1f1f1f; --vscode-peekViewResult-lineForeground: #bbbbbb; --vscode-peekViewResult-fileForeground: #ffffff; --vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2); --vscode-peekViewResult-selectionForeground: #ffffff; --vscode-peekViewEditor-background: #1f1f1f; --vscode-peekViewEditorGutter-background: #1f1f1f; --vscode-peekViewEditorStickyScroll-background: #1f1f1f; --vscode-peekViewResult-matchHighlightBackground: rgba(187, 128, 9, 0.4); --vscode-peekViewEditor-matchHighlightBackground: rgba(187, 128, 9, 0.4); --vscode-editorMarkerNavigationError-background: #f14c4c; --vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, 0.1); --vscode-editorMarkerNavigationWarning-background: #cca700; --vscode-editorMarkerNavigationWarning-headerBackground: rgba(204, 167, 0, 0.1); --vscode-editorMarkerNavigationInfo-background: #3794ff; --vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, 0.1); --vscode-editorMarkerNavigation-background: #1f1f1f; --vscode-editorSuggestWidget-background: #202020; --vscode-editorSuggestWidget-border: #454545; --vscode-editorSuggestWidget-foreground: #cccccc; --vscode-editorSuggestWidget-selectedForeground: #ffffff; --vscode-editorSuggestWidget-selectedIconForeground: #ffffff; --vscode-editorSuggestWidget-selectedBackground: #04395e; --vscode-editorSuggestWidget-highlightForeground: #2aaaff; --vscode-editorSuggestWidget-focusHighlightForeground: #2aaaff; --vscode-editorSuggestWidgetStatus-foreground: rgba(204, 204, 204, 0.5); --vscode-tab-activeBackground: #1f1f1f; --vscode-tab-unfocusedActiveBackground: #1f1f1f; --vscode-tab-inactiveBackground: #181818; --vscode-tab-unfocusedInactiveBackground: #181818; --vscode-tab-activeForeground: #ffffff; --vscode-tab-inactiveForeground: #9d9d9d; --vscode-tab-unfocusedActiveForeground: rgba(255, 255, 255, 0.5); --vscode-tab-unfocusedInactiveForeground: rgba(157, 157, 157, 0.5); --vscode-tab-hoverBackground: #1f1f1f; --vscode-tab-unfocusedHoverBackground: #1f1f1f; --vscode-tab-border: #2b2b2b; --vscode-tab-lastPinnedBorder: rgba(204, 204, 204, 0.2); --vscode-tab-activeBorder: #1f1f1f; --vscode-tab-unfocusedActiveBorder: #1f1f1f; --vscode-tab-activeBorderTop: #0078d4; --vscode-tab-unfocusedActiveBorderTop: #2b2b2b; --vscode-tab-activeModifiedBorder: #3399cc; --vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, 0.5); --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, 0.5); --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, 0.25); --vscode-editorPane-background: #1f1f1f; --vscode-editorGroupHeader-tabsBackground: #181818; --vscode-editorGroupHeader-tabsBorder: #2b2b2b; --vscode-editorGroupHeader-noTabsBackground: #1f1f1f; --vscode-editorGroup-border: rgba(255, 255, 255, 0.09); --vscode-editorGroup-dropBackground: rgba(83, 89, 93, 0.5); --vscode-editorGroup-dropIntoPromptForeground: #cccccc; --vscode-editorGroup-dropIntoPromptBackground: #202020; --vscode-sideBySideEditor-horizontalBorder: rgba(255, 255, 255, 0.09); --vscode-sideBySideEditor-verticalBorder: rgba(255, 255, 255, 0.09); --vscode-panel-background: #181818; --vscode-panel-border: #2b2b2b; --vscode-panelTitle-activeForeground: #cccccc; --vscode-panelTitle-inactiveForeground: #9d9d9d; --vscode-panelTitle-activeBorder: #0078d4; --vscode-panelInput-border: #2b2b2b; --vscode-panel-dropBorder: #cccccc; --vscode-panelSection-dropBackground: rgba(83, 89, 93, 0.5); --vscode-panelSectionHeader-background: rgba(128, 128, 128, 0.2); --vscode-panelSection-border: #2b2b2b; --vscode-banner-background: #04395e; --vscode-banner-foreground: #ffffff; --vscode-banner-iconForeground: #3794ff; --vscode-statusBar-foreground: #cccccc; --vscode-statusBar-noFolderForeground: #cccccc; --vscode-statusBar-background: #181818; --vscode-statusBar-noFolderBackground: #1f1f1f; --vscode-statusBar-border: #2b2b2b; --vscode-statusBar-focusBorder: #0078d4; --vscode-statusBar-noFolderBorder: #2b2b2b; --vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18); --vscode-statusBarItem-focusBorder: #0078d4; --vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12); --vscode-statusBarItem-hoverForeground: #cccccc; --vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2); --vscode-statusBarItem-prominentForeground: #cccccc; --vscode-statusBarItem-prominentBackground: rgba(110, 118, 129, 0.4); --vscode-statusBarItem-prominentHoverForeground: #cccccc; --vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3); --vscode-statusBarItem-errorBackground: #b91007; --vscode-statusBarItem-errorForeground: #ffffff; --vscode-statusBarItem-errorHoverForeground: #cccccc; --vscode-statusBarItem-errorHoverBackground: rgba(255, 255, 255, 0.12); --vscode-statusBarItem-warningBackground: #7a6400; --vscode-statusBarItem-warningForeground: #ffffff; --vscode-statusBarItem-warningHoverForeground: #cccccc; --vscode-statusBarItem-warningHoverBackground: rgba(255, 255, 255, 0.12); --vscode-activityBar-background: #181818; --vscode-activityBar-foreground: #d7d7d7; --vscode-activityBar-inactiveForeground: #868686; --vscode-activityBar-border: #2b2b2b; --vscode-activityBar-activeBorder: #0078d4; --vscode-activityBar-dropBorder: #d7d7d7; --vscode-activityBarBadge-background: #0078d4; --vscode-activityBarBadge-foreground: #ffffff; --vscode-profileBadge-background: #4d4d4d; --vscode-profileBadge-foreground: #ffffff; --vscode-statusBarItem-remoteBackground: #0078d4; --vscode-statusBarItem-remoteForeground: #ffffff; --vscode-statusBarItem-remoteHoverForeground: #cccccc; --vscode-statusBarItem-remoteHoverBackground: rgba(255, 255, 255, 0.12); --vscode-statusBarItem-offlineBackground: #6c1717; --vscode-statusBarItem-offlineForeground: #ffffff; --vscode-statusBarItem-offlineHoverForeground: #cccccc; --vscode-statusBarItem-offlineHoverBackground: rgba(255, 255, 255, 0.12); --vscode-extensionBadge-remoteBackground: #0078d4; --vscode-extensionBadge-remoteForeground: #ffffff; --vscode-sideBar-background: #181818; --vscode-sideBar-foreground: #cccccc; --vscode-sideBar-border: #2b2b2b; --vscode-sideBarTitle-foreground: #cccccc; --vscode-sideBar-dropBackground: rgba(83, 89, 93, 0.5); --vscode-sideBarSectionHeader-background: #181818; --vscode-sideBarSectionHeader-foreground: #cccccc; --vscode-sideBarSectionHeader-border: #2b2b2b; --vscode-titleBar-activeForeground: #cccccc; --vscode-titleBar-inactiveForeground: #9d9d9d; --vscode-titleBar-activeBackground: #181818; --vscode-titleBar-inactiveBackground: #1f1f1f; --vscode-titleBar-border: #2b2b2b; --vscode-menubar-selectionForeground: #cccccc; --vscode-menubar-selectionBackground: rgba(90, 93, 94, 0.31); --vscode-commandCenter-foreground: #cccccc; --vscode-commandCenter-activeForeground: #cccccc; --vscode-commandCenter-inactiveForeground: #9d9d9d; --vscode-commandCenter-background: rgba(255, 255, 255, 0.05); --vscode-commandCenter-activeBackground: rgba(255, 255, 255, 0.08); --vscode-commandCenter-border: rgba(204, 204, 204, 0.2); --vscode-commandCenter-activeBorder: rgba(204, 204, 204, 0.3); --vscode-commandCenter-inactiveBorder: rgba(157, 157, 157, 0.25); --vscode-notificationCenter-border: #313131; --vscode-notificationToast-border: #313131; --vscode-notifications-foreground: #cccccc; --vscode-notifications-background: #1f1f1f; --vscode-notificationLink-foreground: #4daafc; --vscode-notificationCenterHeader-foreground: #cccccc; --vscode-notificationCenterHeader-background: #1f1f1f; --vscode-notifications-border: #2b2b2b; --vscode-notificationsErrorIcon-foreground: #f14c4c; --vscode-notificationsWarningIcon-foreground: #cca700; --vscode-notificationsInfoIcon-foreground: #3794ff; --vscode-chat-requestBorder: rgba(255, 255, 255, 0.1); --vscode-chat-slashCommandBackground: #34414b; --vscode-chat-slashCommandForeground: #40a6ff; --vscode-chat-avatarBackground: #1f1f1f; --vscode-chat-avatarForeground: #cccccc; --vscode-simpleFindWidget-sashBorder: #454545; --vscode-commentsView-resolvedIcon: rgba(204, 204, 204, 0.5); --vscode-commentsView-unresolvedIcon: #0078d4; --vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, 0.5); --vscode-editorCommentsWidget-unresolvedBorder: #0078d4; --vscode-editorCommentsWidget-rangeBackground: rgba(0, 120, 212, 0.1); --vscode-editorCommentsWidget-rangeActiveBackground: rgba(0, 120, 212, 0.1); --vscode-editorGutter-commentRangeForeground: #37373d; --vscode-editorOverviewRuler-commentForeground: #37373d; --vscode-editorOverviewRuler-commentUnresolvedForeground: #37373d; --vscode-editorGutter-commentGlyphForeground: #cccccc; --vscode-editorGutter-commentUnresolvedGlyphForeground: #cccccc; --vscode-debugToolBar-background: #181818; --vscode-debugIcon-startForeground: #89d185; --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, 0.2); --vscode-editor-focusedStackFrameHighlightBackground: rgba(122, 189, 122, 0.3); --vscode-mergeEditor-change\.background: rgba(155, 185, 85, 0.2); --vscode-mergeEditor-change\.word\.background: rgba(156, 204, 44, 0.2); --vscode-mergeEditor-changeBase\.background: #4b1818; --vscode-mergeEditor-changeBase\.word\.background: #6f1313; --vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba(255, 166, 0, 0.48); --vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600; --vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba(134, 134, 134, 0.29); --vscode-mergeEditor-conflict\.handledFocused\.border: rgba(193, 193, 193, 0.8); --vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba(173, 172, 168, 0.93); --vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03; --vscode-mergeEditor-conflictingLines\.background: rgba(255, 234, 0, 0.28); --vscode-mergeEditor-conflict\.input1\.background: rgba(64, 200, 174, 0.2); --vscode-mergeEditor-conflict\.input2\.background: rgba(64, 166, 255, 0.2); --vscode-settings-headerForeground: #ffffff; --vscode-settings-settingsHeaderHoverForeground: rgba(255, 255, 255, 0.7); --vscode-settings-modifiedItemIndicator: rgba(187, 128, 9, 0.4); --vscode-settings-headerBorder: #2b2b2b; --vscode-settings-sashBorder: #2b2b2b; --vscode-settings-dropdownBackground: #313131; --vscode-settings-dropdownForeground: #cccccc; --vscode-settings-dropdownBorder: #3c3c3c; --vscode-settings-dropdownListBorder: #454545; --vscode-settings-checkboxBackground: #313131; --vscode-settings-checkboxForeground: #cccccc; --vscode-settings-checkboxBorder: #3c3c3c; --vscode-settings-textInputBackground: #313131; --vscode-settings-textInputForeground: #cccccc; --vscode-settings-textInputBorder: #3c3c3c; --vscode-settings-numberInputBackground: #313131; --vscode-settings-numberInputForeground: #cccccc; --vscode-settings-numberInputBorder: #3c3c3c; --vscode-settings-focusedRowBackground: rgba(42, 45, 46, 0.6); --vscode-settings-rowHoverBackground: rgba(42, 45, 46, 0.3); --vscode-settings-focusedRowBorder: #0078d4; --vscode-terminal-foreground: #cccccc; --vscode-terminal-selectionBackground: #264f78; --vscode-terminal-inactiveSelectionBackground: #3a3d41; --vscode-terminalCommandDecoration-defaultBackground: rgba(255, 255, 255, 0.25); --vscode-terminalCommandDecoration-successBackground: #1b81a8; --vscode-terminalCommandDecoration-errorBackground: #f14c4c; --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8); --vscode-terminal-border: #2b2b2b; --vscode-terminal-findMatchBackground: #9e6a03; --vscode-terminal-hoverHighlightBackground: rgba(38, 79, 120, 0.13); --vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); --vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); --vscode-terminal-dropBackground: rgba(83, 89, 93, 0.5); --vscode-terminal-tab\.activeBorder: #0078d4; --vscode-testing-iconFailed: #f14c4c; --vscode-testing-iconErrored: #f14c4c; --vscode-testing-iconPassed: #73c991; --vscode-testing-runAction: #73c991; --vscode-testing-iconQueued: #cca700; --vscode-testing-iconUnset: #848484; --vscode-testing-iconSkipped: #848484; --vscode-testing-peekBorder: #f14c4c; --vscode-testing-peekHeaderBackground: rgba(241, 76, 76, 0.1); --vscode-testing-message\.error\.decorationForeground: #f14c4c; --vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, 0.2); --vscode-testing-message\.info\.decorationForeground: rgba(204, 204, 204, 0.5); --vscode-welcomePage-tileBackground: #2b2b2b; --vscode-welcomePage-tileHoverBackground: #262626; --vscode-welcomePage-tileBorder: rgba(255, 255, 255, 0.1); --vscode-welcomePage-progress\.background: #313131; --vscode-welcomePage-progress\.foreground: #0078d4; --vscode-walkthrough-stepTitle\.foreground: #ffffff; --vscode-walkThrough-embeddedEditorBackground: rgba(0, 0, 0, 0.4); --vscode-inlineChat-background: #202020; --vscode-inlineChat-border: #454545; --vscode-inlineChat-shadow: rgba(0, 0, 0, 0.36); --vscode-inlineChat-regionHighlight: rgba(38, 79, 120, 0.25); --vscode-inlineChatInput-border: #454545; --vscode-inlineChatInput-focusBorder: #0078d4; --vscode-inlineChatInput-placeholderForeground: #818181; --vscode-inlineChatInput-background: #313131; --vscode-inlineChatDiff-inserted: rgba(156, 204, 44, 0.1); --vscode-inlineChatDiff-removed: rgba(255, 0, 0, 0.1); --vscode-debugExceptionWidget-border: #a31515; --vscode-debugExceptionWidget-background: #420b0d; --vscode-ports-iconRunningProcessForeground: #369432; --vscode-statusBar-debuggingBackground: #0078d4; --vscode-statusBar-debuggingForeground: #ffffff; --vscode-statusBar-debuggingBorder: #2b2b2b; --vscode-commandCenter-debuggingBackground: rgba(0, 120, 212, 0.26); --vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5); --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2); --vscode-editorGutter-modifiedBackground: #0078d4; --vscode-editorGutter-addedBackground: #2ea043; --vscode-editorGutter-deletedBackground: #f85149; --vscode-minimapGutter-modifiedBackground: #0078d4; --vscode-minimapGutter-addedBackground: #2ea043; --vscode-minimapGutter-deletedBackground: #f85149; --vscode-editorOverviewRuler-modifiedForeground: rgba(0, 120, 212, 0.6); --vscode-editorOverviewRuler-addedForeground: rgba(46, 160, 67, 0.6); --vscode-editorOverviewRuler-deletedForeground: rgba(248, 81, 73, 0.6); --vscode-debugIcon-breakpointForeground: #e51400; --vscode-debugIcon-breakpointDisabledForeground: #848484; --vscode-debugIcon-breakpointUnverifiedForeground: #848484; --vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00; --vscode-debugIcon-breakpointStackframeForeground: #89d185; --vscode-notebook-cellBorderColor: #37373d; --vscode-notebook-focusedEditorBorder: #0078d4; --vscode-notebookStatusSuccessIcon-foreground: #89d185; --vscode-notebookEditorOverviewRuler-runningCellForeground: #89d185; --vscode-notebookStatusErrorIcon-foreground: #f85149; --vscode-notebookStatusRunningIcon-foreground: #cccccc; --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35); --vscode-notebook-selectedCellBackground: #37373d; --vscode-notebook-selectedCellBorder: #37373d; --vscode-notebook-focusedCellBorder: #0078d4; --vscode-notebook-inactiveFocusedCellBorder: #37373d; --vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15); --vscode-notebook-cellInsertionIndicator: #0078d4; --vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, 0.4); --vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); --vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4); --vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04); --vscode-notebook-cellEditorBackground: #181818; --vscode-notebook-editorBackground: #1f1f1f; --vscode-keybindingTable-headerBackground: rgba(204, 204, 204, 0.04); --vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, 0.04); --vscode-searchEditor-textInputBorder: #3c3c3c; --vscode-debugTokenExpression-name: #c586c0; --vscode-debugTokenExpression-value: rgba(204, 204, 204, 0.6); --vscode-debugTokenExpression-string: #ce9178; --vscode-debugTokenExpression-boolean: #4e94ce; --vscode-debugTokenExpression-number: #b5cea8; --vscode-debugTokenExpression-error: #f48771; --vscode-debugView-exceptionLabelForeground: #cccccc; --vscode-debugView-exceptionLabelBackground: #6c2022; --vscode-debugView-stateLabelForeground: #cccccc; --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27); --vscode-debugView-valueChangedHighlight: #569cd6; --vscode-debugConsole-infoForeground: #3794ff; --vscode-debugConsole-warningForeground: #cca700; --vscode-debugConsole-errorForeground: #f85149; --vscode-debugConsole-sourceForeground: #cccccc; --vscode-debugConsoleInputIcon-foreground: #cccccc; --vscode-debugIcon-pauseForeground: #75beff; --vscode-debugIcon-stopForeground: #f48771; --vscode-debugIcon-disconnectForeground: #f48771; --vscode-debugIcon-restartForeground: #89d185; --vscode-debugIcon-stepOverForeground: #75beff; --vscode-debugIcon-stepIntoForeground: #75beff; --vscode-debugIcon-stepOutForeground: #75beff; --vscode-debugIcon-continueForeground: #75beff; --vscode-debugIcon-stepBackForeground: #75beff; --vscode-extensionButton-background: #0078d4; --vscode-extensionButton-foreground: #ffffff; --vscode-extensionButton-hoverBackground: #026ec1; --vscode-extensionButton-separator: rgba(255, 255, 255, 0.4); --vscode-extensionButton-prominentBackground: #0078d4; --vscode-extensionButton-prominentForeground: #ffffff; --vscode-extensionButton-prominentHoverBackground: #026ec1; --vscode-extensionIcon-starForeground: #ff8e00; --vscode-extensionIcon-verifiedForeground: #4daafc; --vscode-extensionIcon-preReleaseForeground: #1d9271; --vscode-extensionIcon-sponsorForeground: #d758b3; --vscode-terminal-ansiBlack: #000000; --vscode-terminal-ansiRed: #cd3131; --vscode-terminal-ansiGreen: #0dbc79; --vscode-terminal-ansiYellow: #e5e510; --vscode-terminal-ansiBlue: #2472c8; --vscode-terminal-ansiMagenta: #bc3fbc; --vscode-terminal-ansiCyan: #11a8cd; --vscode-terminal-ansiWhite: #e5e5e5; --vscode-terminal-ansiBrightBlack: #666666; --vscode-terminal-ansiBrightRed: #f14c4c; --vscode-terminal-ansiBrightGreen: #23d18b; --vscode-terminal-ansiBrightYellow: #f5f543; --vscode-terminal-ansiBrightBlue: #3b8eea; --vscode-terminal-ansiBrightMagenta: #d670d6; --vscode-terminal-ansiBrightCyan: #29b8db; --vscode-terminal-ansiBrightWhite: #e5e5e5; --vscode-interactive-activeCodeBorder: #3794ff; --vscode-interactive-inactiveCodeBorder: #37373d; --vscode-gitDecoration-addedResourceForeground: #81b88b; --vscode-gitDecoration-modifiedResourceForeground: #e2c08d; --vscode-gitDecoration-deletedResourceForeground: #c74e39; --vscode-gitDecoration-renamedResourceForeground: #73c991; --vscode-gitDecoration-untrackedResourceForeground: #73c991; --vscode-gitDecoration-ignoredResourceForeground: #8c8c8c; --vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d; --vscode-gitDecoration-stageDeletedResourceForeground: #c74e39; --vscode-gitDecoration-conflictingResourceForeground: #e4676b; --vscode-gitDecoration-submoduleResourceForeground: #8db9e2; } :root.light { --vscode-font-family: -apple-system, BlinkMacSystemFont, sans-serif; --vscode-font-weight: normal; --vscode-font-size: 13px; --vscode-editor-font-family: Menlo, Monaco, 'Courier New', monospace; --vscode-editor-font-weight: normal; --vscode-editor-font-size: 12px; --vscode-foreground: #3b3b3b; --vscode-disabledForeground: rgba(97, 97, 97, 0.5); --vscode-errorForeground: #f85149; --vscode-descriptionForeground: #3b3b3b; --vscode-icon-foreground: #3b3b3b; --vscode-focusBorder: #005fb8; --vscode-textSeparator-foreground: #21262d; --vscode-textLink-foreground: #005fb8; --vscode-textLink-activeForeground: #005fb8; --vscode-textPreformat-foreground: #a31515; --vscode-textPreformat-background: rgba(0, 0, 0, 0.12); --vscode-textBlockQuote-background: #f8f8f8; --vscode-textBlockQuote-border: #e5e5e5; --vscode-textCodeBlock-background: #f8f8f8; --vscode-widget-shadow: rgba(0, 0, 0, 0.16); --vscode-widget-border: #e5e5e5; --vscode-input-background: #ffffff; --vscode-input-foreground: #3b3b3b; --vscode-input-border: #cecece; --vscode-inputOption-activeBorder: #005fb8; --vscode-inputOption-hoverBackground: rgba(184, 184, 184, 0.31); --vscode-inputOption-activeBackground: #bed6ed; --vscode-inputOption-activeForeground: #000000; --vscode-input-placeholderForeground: #868686; --vscode-inputValidation-infoBackground: #d6ecf2; --vscode-inputValidation-infoBorder: #007acc; --vscode-inputValidation-warningBackground: #f6f5d2; --vscode-inputValidation-warningBorder: #b89500; --vscode-inputValidation-errorBackground: #f2dede; --vscode-inputValidation-errorBorder: #be1100; --vscode-dropdown-background: #ffffff; --vscode-dropdown-listBackground: #ffffff; --vscode-dropdown-foreground: #3b3b3b; --vscode-dropdown-border: #cecece; --vscode-button-foreground: #ffffff; --vscode-button-separator: rgba(255, 255, 255, 0.4); --vscode-button-background: #005fb8; --vscode-button-hoverBackground: #0258a8; --vscode-button-border: rgba(0, 0, 0, 0.1); --vscode-button-secondaryForeground: #3b3b3b; --vscode-button-secondaryBackground: #e5e5e5; --vscode-button-secondaryHoverBackground: #cccccc; --vscode-badge-background: #cccccc; --vscode-badge-foreground: #3b3b3b; --vscode-scrollbar-shadow: #dddddd; --vscode-scrollbarSlider-background: rgba(100, 100, 100, 0.4); --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); --vscode-scrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6); --vscode-progressBar-background: #005fb8; --vscode-editorError-foreground: #e51400; --vscode-editorWarning-foreground: #bf8803; --vscode-editorInfo-foreground: #1a85ff; --vscode-editorHint-foreground: #6c6c6c; --vscode-sash-hoverBorder: #005fb8; --vscode-editor-background: #ffffff; --vscode-editor-foreground: #3b3b3b; --vscode-editorStickyScroll-background: #ffffff; --vscode-editorStickyScrollHover-background: #f0f0f0; --vscode-editorWidget-background: #f8f8f8; --vscode-editorWidget-foreground: #3b3b3b; --vscode-editorWidget-border: #c8c8c8; --vscode-quickInput-background: #f8f8f8; --vscode-quickInput-foreground: #3b3b3b; --vscode-quickInputTitle-background: rgba(0, 0, 0, 0.06); --vscode-pickerGroup-foreground: #8b949e; --vscode-pickerGroup-border: #e5e5e5; --vscode-keybindingLabel-background: rgba(221, 221, 221, 0.4); --vscode-keybindingLabel-foreground: #3b3b3b; --vscode-keybindingLabel-border: rgba(204, 204, 204, 0.4); --vscode-keybindingLabel-bottomBorder: rgba(187, 187, 187, 0.4); --vscode-editor-selectionBackground: #add6ff; --vscode-editor-inactiveSelectionBackground: #e5ebf1; --vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.5); --vscode-editor-findMatchBackground: #a8ac94; --vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); --vscode-editor-findRangeHighlightBackground: rgba(180, 180, 180, 0.3); --vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22); --vscode-search-resultsInfoForeground: #3b3b3b; --vscode-editor-hoverHighlightBackground: rgba(173, 214, 255, 0.15); --vscode-editorHoverWidget-background: #f8f8f8; --vscode-editorHoverWidget-foreground: #3b3b3b; --vscode-editorHoverWidget-border: #c8c8c8; --vscode-editorHoverWidget-statusBarBackground: #ececec; --vscode-editorLink-activeForeground: #0000ff; --vscode-editorInlayHint-foreground: #969696; --vscode-editorInlayHint-background: rgba(204, 204, 204, 0.1); --vscode-editorInlayHint-typeForeground: #969696; --vscode-editorInlayHint-typeBackground: rgba(204, 204, 204, 0.1); --vscode-editorInlayHint-parameterForeground: #969696; --vscode-editorInlayHint-parameterBackground: rgba(204, 204, 204, 0.1); --vscode-editorLightBulb-foreground: #ddb100; --vscode-editorLightBulbAutoFix-foreground: #007acc; --vscode-diffEditor-insertedTextBackground: rgba(156, 204, 44, 0.25); --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2); --vscode-diffEditor-insertedLineBackground: rgba(155, 185, 85, 0.2); --vscode-diffEditor-removedLineBackground: rgba(255, 0, 0, 0.2); --vscode-diffEditor-diagonalFill: rgba(34, 34, 34, 0.2); --vscode-diffEditor-unchangedRegionBackground: #e4e4e4; --vscode-diffEditor-unchangedRegionForeground: #4d4c4c; --vscode-diffEditor-unchangedCodeBackground: rgba(184, 184, 184, 0.16); --vscode-list-focusOutline: #005fb8; --vscode-list-focusAndSelectionOutline: #005fb8; --vscode-list-activeSelectionBackground: #e8e8e8; --vscode-list-activeSelectionForeground: #000000; --vscode-list-activeSelectionIconForeground: #000000; --vscode-list-inactiveSelectionBackground: #e4e6f1; --vscode-list-hoverBackground: #f2f2f2; --vscode-list-dropBackground: #d6ebff; --vscode-list-highlightForeground: #0066bf; --vscode-list-focusHighlightForeground: #0066bf; --vscode-list-invalidItemForeground: #b89500; --vscode-list-errorForeground: #b01011; --vscode-list-warningForeground: #855f00; --vscode-listFilterWidget-background: #f8f8f8; --vscode-listFilterWidget-outline: rgba(0, 0, 0, 0); --vscode-listFilterWidget-noMatchesOutline: #be1100; --vscode-listFilterWidget-shadow: rgba(0, 0, 0, 0.16); --vscode-list-filterMatchBackground: rgba(234, 92, 0, 0.33); --vscode-tree-indentGuidesStroke: #a9a9a9; --vscode-tree-inactiveIndentGuidesStroke: rgba(169, 169, 169, 0.4); --vscode-tree-tableColumnsBorder: rgba(97, 97, 97, 0.13); --vscode-tree-tableOddRowsBackground: rgba(59, 59, 59, 0.04); --vscode-list-deemphasizedForeground: #8e8e90; --vscode-checkbox-background: #f8f8f8; --vscode-checkbox-selectBackground: #f8f8f8; --vscode-checkbox-foreground: #3b3b3b; --vscode-checkbox-border: #cecece; --vscode-checkbox-selectBorder: #3b3b3b; --vscode-quickInputList-focusForeground: #000000; --vscode-quickInputList-focusIconForeground: #000000; --vscode-quickInputList-focusBackground: #e8e8e8; --vscode-menu-border: #cecece; --vscode-menu-foreground: #3b3b3b; --vscode-menu-background: #ffffff; --vscode-menu-selectionForeground: #000000; --vscode-menu-selectionBackground: #e8e8e8; --vscode-menu-separatorBackground: #d4d4d4; --vscode-toolbar-hoverBackground: rgba(184, 184, 184, 0.31); --vscode-toolbar-activeBackground: rgba(166, 166, 166, 0.31); --vscode-editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, 0.2); --vscode-editor-snippetFinalTabstopHighlightBorder: rgba(10, 50, 100, 0.5); --vscode-breadcrumb-foreground: rgba(59, 59, 59, 0.8); --vscode-breadcrumb-background: #ffffff; --vscode-breadcrumb-focusForeground: #2f2f2f; --vscode-breadcrumb-activeSelectionForeground: #2f2f2f; --vscode-breadcrumbPicker-background: #f8f8f8; --vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5); --vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2); --vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5); --vscode-merge-incomingContentBackground: rgba(64, 166, 255, 0.2); --vscode-merge-commonHeaderBackground: rgba(96, 96, 96, 0.4); --vscode-merge-commonContentBackground: rgba(96, 96, 96, 0.16); --vscode-editorOverviewRuler-currentContentForeground: rgba(64, 200, 174, 0.5); --vscode-editorOverviewRuler-incomingContentForeground: rgba(64, 166, 255, 0.5); --vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4); --vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); --vscode-editorOverviewRuler-selectionHighlightForeground: rgba(160, 160, 160, 0.8); --vscode-minimap-findMatchHighlight: #d18616; --vscode-minimap-selectionOccurrenceHighlight: #c9c9c9; --vscode-minimap-selectionHighlight: #add6ff; --vscode-minimap-infoHighlight: #1a85ff; --vscode-minimap-warningHighlight: #bf8803; --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7); --vscode-minimap-foregroundOpacity: #000000; --vscode-minimapSlider-background: rgba(100, 100, 100, 0.2); --vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35); --vscode-minimapSlider-activeBackground: rgba(0, 0, 0, 0.3); --vscode-problemsErrorIcon-foreground: #e51400; --vscode-problemsWarningIcon-foreground: #bf8803; --vscode-problemsInfoIcon-foreground: #1a85ff; --vscode-charts-foreground: #3b3b3b; --vscode-charts-lines: rgba(59, 59, 59, 0.5); --vscode-charts-red: #e51400; --vscode-charts-blue: #1a85ff; --vscode-charts-yellow: #bf8803; --vscode-charts-orange: #d18616; --vscode-charts-green: #388a34; --vscode-charts-purple: #652d90; --vscode-diffEditor-move\.border: rgba(139, 139, 139, 0.61); --vscode-diffEditor-moveActive\.border: #ffa500; --vscode-symbolIcon-arrayForeground: #3b3b3b; --vscode-symbolIcon-booleanForeground: #3b3b3b; --vscode-symbolIcon-classForeground: #d67e00; --vscode-symbolIcon-colorForeground: #3b3b3b; --vscode-symbolIcon-constantForeground: #3b3b3b; --vscode-symbolIcon-constructorForeground: #652d90; --vscode-symbolIcon-enumeratorForeground: #d67e00; --vscode-symbolIcon-enumeratorMemberForeground: #007acc; --vscode-symbolIcon-eventForeground: #d67e00; --vscode-symbolIcon-fieldForeground: #007acc; --vscode-symbolIcon-fileForeground: #3b3b3b; --vscode-symbolIcon-folderForeground: #3b3b3b; --vscode-symbolIcon-functionForeground: #652d90; --vscode-symbolIcon-interfaceForeground: #007acc; --vscode-symbolIcon-keyForeground: #3b3b3b; --vscode-symbolIcon-keywordForeground: #3b3b3b; --vscode-symbolIcon-methodForeground: #652d90; --vscode-symbolIcon-moduleForeground: #3b3b3b; --vscode-symbolIcon-namespaceForeground: #3b3b3b; --vscode-symbolIcon-nullForeground: #3b3b3b; --vscode-symbolIcon-numberForeground: #3b3b3b; --vscode-symbolIcon-objectForeground: #3b3b3b; --vscode-symbolIcon-operatorForeground: #3b3b3b; --vscode-symbolIcon-packageForeground: #3b3b3b; --vscode-symbolIcon-propertyForeground: #3b3b3b; --vscode-symbolIcon-referenceForeground: #3b3b3b; --vscode-symbolIcon-snippetForeground: #3b3b3b; --vscode-symbolIcon-stringForeground: #3b3b3b; --vscode-symbolIcon-structForeground: #3b3b3b; --vscode-symbolIcon-textForeground: #3b3b3b; --vscode-symbolIcon-typeParameterForeground: #3b3b3b; --vscode-symbolIcon-unitForeground: #3b3b3b; --vscode-symbolIcon-variableForeground: #007acc; --vscode-actionBar-toggledBackground: #dddddd; --vscode-editorHoverWidget-highlightForeground: #0066bf; --vscode-editor-lineHighlightBorder: #eeeeee; --vscode-editor-rangeHighlightBackground: rgba(253, 255, 0, 0.2); --vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33); --vscode-editorCursor-foreground: #000000; --vscode-editorWhitespace-foreground: rgba(51, 51, 51, 0.2); --vscode-editorLineNumber-foreground: #6e7681; --vscode-editorIndentGuide-background: #d3d3d3; --vscode-editorIndentGuide-activeBackground: #939393; --vscode-editorIndentGuide-background1: #d3d3d3; --vscode-editorIndentGuide-background2: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-background3: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-background4: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-background5: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-background6: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-activeBackground1: #939393; --vscode-editorIndentGuide-activeBackground2: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-activeBackground3: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-activeBackground4: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-activeBackground5: rgba(0, 0, 0, 0); --vscode-editorIndentGuide-activeBackground6: rgba(0, 0, 0, 0); --vscode-editorActiveLineNumber-foreground: #0b216f; --vscode-editorLineNumber-activeForeground: #171184; --vscode-editorRuler-foreground: #d3d3d3; --vscode-editorCodeLens-foreground: #919191; --vscode-editorBracketMatch-background: rgba(0, 100, 0, 0.1); --vscode-editorBracketMatch-border: #b9b9b9; --vscode-editorOverviewRuler-border: #e5e5e5; --vscode-editorGutter-background: #ffffff; --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.47); --vscode-editorGhostText-foreground: rgba(0, 0, 0, 0.47); --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6); --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7); --vscode-editorOverviewRuler-warningForeground: #bf8803; --vscode-editorOverviewRuler-infoForeground: #1a85ff; --vscode-editorBracketHighlight-foreground1: #0431fa; --vscode-editorBracketHighlight-foreground2: #319331; --vscode-editorBracketHighlight-foreground3: #7b3814; --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0); --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0); --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0); --vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba(255, 18, 18, 0.8); --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0); --vscode-editorUnicodeHighlight-border: #cea33d; --vscode-editorUnicodeHighlight-background: rgba(206, 163, 61, 0.08); --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; --vscode-editor-foldBackground: rgba(173, 214, 255, 0.3); --vscode-editorGutter-foldingControlForeground: #3b3b3b; --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3); --vscode-editor-wordHighlightBackground: rgba(87, 87, 87, 0.25); --vscode-editor-wordHighlightStrongBackground: rgba(14, 99, 156, 0.25); --vscode-editor-wordHighlightTextBackground: rgba(87, 87, 87, 0.25); --vscode-editorOverviewRuler-wordHighlightForeground: rgba(160, 160, 160, 0.8); --vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba(192, 160, 192, 0.8); --vscode-editorOverviewRuler-wordHighlightTextForeground: rgba(160, 160, 160, 0.8); --vscode-peekViewTitle-background: #f3f3f3; --vscode-peekViewTitleLabel-foreground: #000000; --vscode-peekViewTitleDescription-foreground: #616161; --vscode-peekView-border: #1a85ff; --vscode-peekViewResult-background: #ffffff; --vscode-peekViewResult-lineForeground: #646465; --vscode-peekViewResult-fileForeground: #1e1e1e; --vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2); --vscode-peekViewResult-selectionForeground: #6c6c6c; --vscode-peekViewEditor-background: #f2f8fc; --vscode-peekViewEditorGutter-background: #f2f8fc; --vscode-peekViewEditorStickyScroll-background: #f2f8fc; --vscode-peekViewResult-matchHighlightBackground: rgba(187, 128, 9, 0.4); --vscode-peekViewEditor-matchHighlightBackground: rgba(187, 128, 9, 0.4); --vscode-editorMarkerNavigationError-background: #e51400; --vscode-editorMarkerNavigationError-headerBackground: rgba(229, 20, 0, 0.1); --vscode-editorMarkerNavigationWarning-background: #bf8803; --vscode-editorMarkerNavigationWarning-headerBackground: rgba(191, 136, 3, 0.1); --vscode-editorMarkerNavigationInfo-background: #1a85ff; --vscode-editorMarkerNavigationInfo-headerBackground: rgba(26, 133, 255, 0.1); --vscode-editorMarkerNavigation-background: #ffffff; --vscode-editorSuggestWidget-background: #f8f8f8; --vscode-editorSuggestWidget-border: #c8c8c8; --vscode-editorSuggestWidget-foreground: #3b3b3b; --vscode-editorSuggestWidget-selectedForeground: #000000; --vscode-editorSuggestWidget-selectedIconForeground: #000000; --vscode-editorSuggestWidget-selectedBackground: #e8e8e8; --vscode-editorSuggestWidget-highlightForeground: #0066bf; --vscode-editorSuggestWidget-focusHighlightForeground: #0066bf; --vscode-editorSuggestWidgetStatus-foreground: rgba(59, 59, 59, 0.5); --vscode-tab-activeBackground: #ffffff; --vscode-tab-unfocusedActiveBackground: #ffffff; --vscode-tab-inactiveBackground: #f8f8f8; --vscode-tab-unfocusedInactiveBackground: #f8f8f8; --vscode-tab-activeForeground: #3b3b3b; --vscode-tab-inactiveForeground: #868686; --vscode-tab-unfocusedActiveForeground: rgba(59, 59, 59, 0.7); --vscode-tab-unfocusedInactiveForeground: rgba(134, 134, 134, 0.5); --vscode-tab-hoverBackground: #ffffff; --vscode-tab-unfocusedHoverBackground: #f8f8f8; --vscode-tab-border: #e5e5e5; --vscode-tab-lastPinnedBorder: #d4d4d4; --vscode-tab-activeBorder: #f8f8f8; --vscode-tab-unfocusedActiveBorder: #f8f8f8; --vscode-tab-activeBorderTop: #005fb8; --vscode-tab-unfocusedActiveBorderTop: #e5e5e5; --vscode-tab-activeModifiedBorder: #33aaee; --vscode-tab-inactiveModifiedBorder: rgba(51, 170, 238, 0.5); --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 170, 238, 0.7); --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 170, 238, 0.25); --vscode-editorPane-background: #ffffff; --vscode-editorGroupHeader-tabsBackground: #f8f8f8; --vscode-editorGroupHeader-tabsBorder: #e5e5e5; --vscode-editorGroupHeader-noTabsBackground: #ffffff; --vscode-editorGroup-border: #e5e5e5; --vscode-editorGroup-dropBackground: rgba(38, 119, 203, 0.18); --vscode-editorGroup-dropIntoPromptForeground: #3b3b3b; --vscode-editorGroup-dropIntoPromptBackground: #f8f8f8; --vscode-sideBySideEditor-horizontalBorder: #e5e5e5; --vscode-sideBySideEditor-verticalBorder: #e5e5e5; --vscode-panel-background: #f8f8f8; --vscode-panel-border: #e5e5e5; --vscode-panelTitle-activeForeground: #3b3b3b; --vscode-panelTitle-inactiveForeground: #3b3b3b; --vscode-panelTitle-activeBorder: #005fb8; --vscode-panelInput-border: #e5e5e5; --vscode-panel-dropBorder: #3b3b3b; --vscode-panelSection-dropBackground: rgba(38, 119, 203, 0.18); --vscode-panelSectionHeader-background: rgba(128, 128, 128, 0.2); --vscode-panelSection-border: #e5e5e5; --vscode-banner-background: #a2a2a2; --vscode-banner-foreground: #000000; --vscode-banner-iconForeground: #1a85ff; --vscode-statusBar-foreground: #3b3b3b; --vscode-statusBar-noFolderForeground: #3b3b3b; --vscode-statusBar-background: #f8f8f8; --vscode-statusBar-noFolderBackground: #f8f8f8; --vscode-statusBar-border: #e5e5e5; --vscode-statusBar-focusBorder: #005fb8; --vscode-statusBar-noFolderBorder: #e5e5e5; --vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18); --vscode-statusBarItem-focusBorder: #005fb8; --vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12); --vscode-statusBarItem-hoverForeground: #3b3b3b; --vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2); --vscode-statusBarItem-prominentForeground: #3b3b3b; --vscode-statusBarItem-prominentBackground: rgba(110, 118, 129, 0.4); --vscode-statusBarItem-prominentHoverForeground: #3b3b3b; --vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3); --vscode-statusBarItem-errorBackground: #c72e0f; --vscode-statusBarItem-errorForeground: #ffffff; --vscode-statusBarItem-errorHoverForeground: #3b3b3b; --vscode-statusBarItem-errorHoverBackground: rgba(255, 255, 255, 0.12); --vscode-statusBarItem-warningBackground: #725102; --vscode-statusBarItem-warningForeground: #ffffff; --vscode-statusBarItem-warningHoverForeground: #3b3b3b; --vscode-statusBarItem-warningHoverBackground: rgba(255, 255, 255, 0.12); --vscode-activityBar-background: #f8f8f8; --vscode-activityBar-foreground: #1f1f1f; --vscode-activityBar-inactiveForeground: #616161; --vscode-activityBar-border: #e5e5e5; --vscode-activityBar-activeBorder: #005fb8; --vscode-activityBar-dropBorder: #1f1f1f; --vscode-activityBarBadge-background: #005fb8; --vscode-activityBarBadge-foreground: #ffffff; --vscode-profileBadge-background: #c4c4c4; --vscode-profileBadge-foreground: #333333; --vscode-statusBarItem-remoteBackground: #005fb8; --vscode-statusBarItem-remoteForeground: #ffffff; --vscode-statusBarItem-remoteHoverForeground: #3b3b3b; --vscode-statusBarItem-remoteHoverBackground: rgba(255, 255, 255, 0.12); --vscode-statusBarItem-offlineBackground: #6c1717; --vscode-statusBarItem-offlineForeground: #ffffff; --vscode-statusBarItem-offlineHoverForeground: #3b3b3b; --vscode-statusBarItem-offlineHoverBackground: rgba(255, 255, 255, 0.12); --vscode-extensionBadge-remoteBackground: #005fb8; --vscode-extensionBadge-remoteForeground: #ffffff; --vscode-sideBar-background: #f8f8f8; --vscode-sideBar-foreground: #3b3b3b; --vscode-sideBar-border: #e5e5e5; --vscode-sideBarTitle-foreground: #3b3b3b; --vscode-sideBar-dropBackground: rgba(38, 119, 203, 0.18); --vscode-sideBarSectionHeader-background: #f8f8f8; --vscode-sideBarSectionHeader-foreground: #3b3b3b; --vscode-sideBarSectionHeader-border: #e5e5e5; --vscode-titleBar-activeForeground: #1e1e1e; --vscode-titleBar-inactiveForeground: #8b949e; --vscode-titleBar-activeBackground: #f8f8f8; --vscode-titleBar-inactiveBackground: #f8f8f8; --vscode-titleBar-border: #e5e5e5; --vscode-menubar-selectionForeground: #1e1e1e; --vscode-menubar-selectionBackground: rgba(184, 184, 184, 0.31); --vscode-commandCenter-foreground: #1e1e1e; --vscode-commandCenter-activeForeground: #1e1e1e; --vscode-commandCenter-inactiveForeground: #8b949e; --vscode-commandCenter-background: rgba(0, 0, 0, 0.05); --vscode-commandCenter-activeBackground: rgba(0, 0, 0, 0.08); --vscode-commandCenter-border: rgba(30, 30, 30, 0.2); --vscode-commandCenter-activeBorder: rgba(30, 30, 30, 0.3); --vscode-commandCenter-inactiveBorder: rgba(139, 148, 158, 0.25); --vscode-notificationCenter-border: #e5e5e5; --vscode-notificationToast-border: #e5e5e5; --vscode-notifications-foreground: #3b3b3b; --vscode-notifications-background: #ffffff; --vscode-notificationLink-foreground: #005fb8; --vscode-notificationCenterHeader-foreground: #3b3b3b; --vscode-notificationCenterHeader-background: #ffffff; --vscode-notifications-border: #e5e5e5; --vscode-notificationsErrorIcon-foreground: #e51400; --vscode-notificationsWarningIcon-foreground: #bf8803; --vscode-notificationsInfoIcon-foreground: #1a85ff; --vscode-chat-requestBorder: rgba(0, 0, 0, 0.1); --vscode-chat-slashCommandBackground: #d2ecff; --vscode-chat-slashCommandForeground: #306ca2; --vscode-chat-avatarBackground: #f2f2f2; --vscode-chat-avatarForeground: #3b3b3b; --vscode-simpleFindWidget-sashBorder: #c8c8c8; --vscode-commentsView-resolvedIcon: rgba(97, 97, 97, 0.5); --vscode-commentsView-unresolvedIcon: #005fb8; --vscode-editorCommentsWidget-resolvedBorder: rgba(97, 97, 97, 0.5); --vscode-editorCommentsWidget-unresolvedBorder: #005fb8; --vscode-editorCommentsWidget-rangeBackground: rgba(0, 95, 184, 0.1); --vscode-editorCommentsWidget-rangeActiveBackground: rgba(0, 95, 184, 0.1); --vscode-editorGutter-commentRangeForeground: #d5d8e9; --vscode-editorOverviewRuler-commentForeground: #d5d8e9; --vscode-editorOverviewRuler-commentUnresolvedForeground: #d5d8e9; --vscode-editorGutter-commentGlyphForeground: #3b3b3b; --vscode-editorGutter-commentUnresolvedGlyphForeground: #3b3b3b; --vscode-debugToolBar-background: #f3f3f3; --vscode-debugIcon-startForeground: #388a34; --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 102, 0.45); --vscode-editor-focusedStackFrameHighlightBackground: rgba(206, 231, 206, 0.45); --vscode-mergeEditor-change\.background: rgba(155, 185, 85, 0.2); --vscode-mergeEditor-change\.word\.background: rgba(156, 204, 44, 0.4); --vscode-mergeEditor-changeBase\.background: #ffcccc; --vscode-mergeEditor-changeBase\.word\.background: #ffa3a3; --vscode-mergeEditor-conflict\.unhandledUnfocused\.border: #ffa600; --vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600; --vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba(134, 134, 134, 0.29); --vscode-mergeEditor-conflict\.handledFocused\.border: rgba(193, 193, 193, 0.8); --vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba(173, 172, 168, 0.93); --vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03; --vscode-mergeEditor-conflictingLines\.background: rgba(255, 234, 0, 0.28); --vscode-mergeEditor-conflict\.input1\.background: rgba(64, 200, 174, 0.2); --vscode-mergeEditor-conflict\.input2\.background: rgba(64, 166, 255, 0.2); --vscode-settings-headerForeground: #1f1f1f; --vscode-settings-settingsHeaderHoverForeground: rgba(31, 31, 31, 0.7); --vscode-settings-modifiedItemIndicator: rgba(187, 128, 9, 0.4); --vscode-settings-headerBorder: #e5e5e5; --vscode-settings-sashBorder: #e5e5e5; --vscode-settings-dropdownBackground: #ffffff; --vscode-settings-dropdownForeground: #3b3b3b; --vscode-settings-dropdownBorder: #cecece; --vscode-settings-dropdownListBorder: #c8c8c8; --vscode-settings-checkboxBackground: #f8f8f8; --vscode-settings-checkboxForeground: #3b3b3b; --vscode-settings-checkboxBorder: #cecece; --vscode-settings-textInputBackground: #ffffff; --vscode-settings-textInputForeground: #3b3b3b; --vscode-settings-textInputBorder: #cecece; --vscode-settings-numberInputBackground: #ffffff; --vscode-settings-numberInputForeground: #3b3b3b; --vscode-settings-numberInputBorder: #cecece; --vscode-settings-focusedRowBackground: rgba(242, 242, 242, 0.6); --vscode-settings-rowHoverBackground: rgba(242, 242, 242, 0.3); --vscode-settings-focusedRowBorder: #005fb8; --vscode-terminal-foreground: #3b3b3b; --vscode-terminalCursor-foreground: #005fb8; --vscode-terminal-selectionBackground: #add6ff; --vscode-terminal-inactiveSelectionBackground: #e5ebf1; --vscode-terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, 0.25); --vscode-terminalCommandDecoration-successBackground: #2090d3; --vscode-terminalCommandDecoration-errorBackground: #e51400; --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8); --vscode-terminal-border: #e5e5e5; --vscode-terminal-findMatchBackground: #a8ac94; --vscode-terminal-hoverHighlightBackground: rgba(173, 214, 255, 0.07); --vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); --vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); --vscode-terminal-dropBackground: rgba(38, 119, 203, 0.18); --vscode-terminal-tab\.activeBorder: #005fb8; --vscode-testing-iconFailed: #f14c4c; --vscode-testing-iconErrored: #f14c4c; --vscode-testing-iconPassed: #73c991; --vscode-testing-runAction: #73c991; --vscode-testing-iconQueued: #cca700; --vscode-testing-iconUnset: #848484; --vscode-testing-iconSkipped: #848484; --vscode-testing-peekBorder: #e51400; --vscode-testing-peekHeaderBackground: rgba(229, 20, 0, 0.1); --vscode-testing-message\.error\.decorationForeground: #e51400; --vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, 0.2); --vscode-testing-message\.info\.decorationForeground: rgba(59, 59, 59, 0.5); --vscode-welcomePage-tileBackground: #f3f3f3; --vscode-welcomePage-tileHoverBackground: #dfdfdf; --vscode-welcomePage-tileBorder: rgba(0, 0, 0, 0.1); --vscode-welcomePage-progress\.background: #ffffff; --vscode-welcomePage-progress\.foreground: #005fb8; --vscode-walkthrough-stepTitle\.foreground: #000000; --vscode-walkThrough-embeddedEditorBackground: #f4f4f4; --vscode-inlineChat-background: #f8f8f8; --vscode-inlineChat-border: #c8c8c8; --vscode-inlineChat-shadow: rgba(0, 0, 0, 0.16); --vscode-inlineChat-regionHighlight: rgba(173, 214, 255, 0.15); --vscode-inlineChatInput-border: #c8c8c8; --vscode-inlineChatInput-focusBorder: #005fb8; --vscode-inlineChatInput-placeholderForeground: #868686; --vscode-inlineChatInput-background: #ffffff; --vscode-inlineChatDiff-inserted: rgba(156, 204, 44, 0.13); --vscode-inlineChatDiff-removed: rgba(255, 0, 0, 0.1); --vscode-debugExceptionWidget-border: #a31515; --vscode-debugExceptionWidget-background: #f1dfde; --vscode-ports-iconRunningProcessForeground: #369432; --vscode-statusBar-debuggingBackground: #fd716c; --vscode-statusBar-debuggingForeground: #000000; --vscode-statusBar-debuggingBorder: #e5e5e5; --vscode-commandCenter-debuggingBackground: rgba(253, 113, 108, 0.26); --vscode-editor-inlineValuesForeground: rgba(0, 0, 0, 0.5); --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2); --vscode-editorGutter-modifiedBackground: #005fb8; --vscode-editorGutter-addedBackground: #2ea043; --vscode-editorGutter-deletedBackground: #f85149; --vscode-minimapGutter-modifiedBackground: #005fb8; --vscode-minimapGutter-addedBackground: #2ea043; --vscode-minimapGutter-deletedBackground: #f85149; --vscode-editorOverviewRuler-modifiedForeground: rgba(0, 95, 184, 0.6); --vscode-editorOverviewRuler-addedForeground: rgba(46, 160, 67, 0.6); --vscode-editorOverviewRuler-deletedForeground: rgba(248, 81, 73, 0.6); --vscode-debugIcon-breakpointForeground: #e51400; --vscode-debugIcon-breakpointDisabledForeground: #848484; --vscode-debugIcon-breakpointUnverifiedForeground: #848484; --vscode-debugIcon-breakpointCurrentStackframeForeground: #be8700; --vscode-debugIcon-breakpointStackframeForeground: #89d185; --vscode-notebook-cellBorderColor: #e5e5e5; --vscode-notebook-focusedEditorBorder: #005fb8; --vscode-notebookStatusSuccessIcon-foreground: #388a34; --vscode-notebookEditorOverviewRuler-runningCellForeground: #388a34; --vscode-notebookStatusErrorIcon-foreground: #f85149; --vscode-notebookStatusRunningIcon-foreground: #3b3b3b; --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35); --vscode-notebook-selectedCellBackground: rgba(200, 221, 241, 0.31); --vscode-notebook-selectedCellBorder: #e5e5e5; --vscode-notebook-focusedCellBorder: #005fb8; --vscode-notebook-inactiveFocusedCellBorder: #e5e5e5; --vscode-notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, 0.08); --vscode-notebook-cellInsertionIndicator: #005fb8; --vscode-notebookScrollbarSlider-background: rgba(100, 100, 100, 0.4); --vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); --vscode-notebookScrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6); --vscode-notebook-symbolHighlightBackground: rgba(253, 255, 0, 0.2); --vscode-notebook-cellEditorBackground: #f8f8f8; --vscode-notebook-editorBackground: #ffffff; --vscode-keybindingTable-headerBackground: rgba(59, 59, 59, 0.04); --vscode-keybindingTable-rowsBackground: rgba(59, 59, 59, 0.04); --vscode-searchEditor-textInputBorder: #cecece; --vscode-debugTokenExpression-name: #9b46b0; --vscode-debugTokenExpression-value: rgba(108, 108, 108, 0.8); --vscode-debugTokenExpression-string: #a31515; --vscode-debugTokenExpression-boolean: #0000ff; --vscode-debugTokenExpression-number: #098658; --vscode-debugTokenExpression-error: #e51400; --vscode-debugView-exceptionLabelForeground: #ffffff; --vscode-debugView-exceptionLabelBackground: #a31515; --vscode-debugView-stateLabelForeground: #3b3b3b; --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27); --vscode-debugView-valueChangedHighlight: #569cd6; --vscode-debugConsole-infoForeground: #1a85ff; --vscode-debugConsole-warningForeground: #bf8803; --vscode-debugConsole-errorForeground: #f85149; --vscode-debugConsole-sourceForeground: #3b3b3b; --vscode-debugConsoleInputIcon-foreground: #3b3b3b; --vscode-debugIcon-pauseForeground: #007acc; --vscode-debugIcon-stopForeground: #a1260d; --vscode-debugIcon-disconnectForeground: #a1260d; --vscode-debugIcon-restartForeground: #388a34; --vscode-debugIcon-stepOverForeground: #007acc; --vscode-debugIcon-stepIntoForeground: #007acc; --vscode-debugIcon-stepOutForeground: #007acc; --vscode-debugIcon-continueForeground: #007acc; --vscode-debugIcon-stepBackForeground: #007acc; --vscode-extensionButton-background: #005fb8; --vscode-extensionButton-foreground: #ffffff; --vscode-extensionButton-hoverBackground: #0258a8; --vscode-extensionButton-separator: rgba(255, 255, 255, 0.4); --vscode-extensionButton-prominentBackground: #005fb8; --vscode-extensionButton-prominentForeground: #ffffff; --vscode-extensionButton-prominentHoverBackground: #0258a8; --vscode-extensionIcon-starForeground: #df6100; --vscode-extensionIcon-verifiedForeground: #005fb8; --vscode-extensionIcon-preReleaseForeground: #1d9271; --vscode-extensionIcon-sponsorForeground: #b51e78; --vscode-terminal-ansiBlack: #000000; --vscode-terminal-ansiRed: #cd3131; --vscode-terminal-ansiGreen: #00bc00; --vscode-terminal-ansiYellow: #949800; --vscode-terminal-ansiBlue: #0451a5; --vscode-terminal-ansiMagenta: #bc05bc; --vscode-terminal-ansiCyan: #0598bc; --vscode-terminal-ansiWhite: #555555; --vscode-terminal-ansiBrightBlack: #666666; --vscode-terminal-ansiBrightRed: #cd3131; --vscode-terminal-ansiBrightGreen: #14ce14; --vscode-terminal-ansiBrightYellow: #b5ba00; --vscode-terminal-ansiBrightBlue: #0451a5; --vscode-terminal-ansiBrightMagenta: #bc05bc; --vscode-terminal-ansiBrightCyan: #0598bc; --vscode-terminal-ansiBrightWhite: #a5a5a5; --vscode-interactive-activeCodeBorder: #1a85ff; --vscode-interactive-inactiveCodeBorder: #e4e6f1; --vscode-gitDecoration-addedResourceForeground: #587c0c; --vscode-gitDecoration-modifiedResourceForeground: #895503; --vscode-gitDecoration-deletedResourceForeground: #ad0707; --vscode-gitDecoration-renamedResourceForeground: #007100; --vscode-gitDecoration-untrackedResourceForeground: #007100; --vscode-gitDecoration-ignoredResourceForeground: #8e8e90; --vscode-gitDecoration-stageModifiedResourceForeground: #895503; --vscode-gitDecoration-stageDeletedResourceForeground: #ad0707; --vscode-gitDecoration-conflictingResourceForeground: #ad0707; --vscode-gitDecoration-submoduleResourceForeground: #1258a7; } html { scrollbar-color: var(--vscode-scrollbarSlider-background) var(--vscode-editor-background); } body { background: #181818; overscroll-behavior-x: none; color: var(--vscode-editor-foreground); font-family: var(--vscode-font-family); font-weight: var(--vscode-font-weight); font-size: var(--vscode-font-size); margin: 0; } .light body { background: #F8F8F8; } img, video { max-width: 100%; max-height: 100%; } a, a code { color: var(--vscode-textLink-foreground); } a:hover { color: var(--vscode-textLink-activeForeground); } a:focus, input:focus, select:focus, textarea:focus { outline: 1px solid -webkit-focus-ring-color; outline-offset: -1px; } code { color: var(--vscode-textPreformat-foreground); } blockquote { background: var(--vscode-textBlockQuote-background); border-color: var(--vscode-textBlockQuote-border); } kbd { background-color: var(--vscode-keybindingLabel-background); color: var(--vscode-keybindingLabel-foreground); border-style: solid; border-width: 1px; border-radius: 3px; border-color: var(--vscode-keybindingLabel-border); border-bottom-color: var(--vscode-keybindingLabel-bottomBorder); box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow); vertical-align: middle; padding: 1px 3px; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-corner { background-color: var(--vscode-editor-background); } ::-webkit-scrollbar-thumb { background-color: var(--vscode-scrollbarSlider-background); } ::-webkit-scrollbar-thumb:hover { background-color: var(--vscode-scrollbarSlider-hoverBackground); } ::-webkit-scrollbar-thumb:active { background-color: var(--vscode-scrollbarSlider-activeBackground); } ::highlight(find-highlight) { background-color: var(--vscode-editor-findMatchHighlightBackground); } ::highlight(current-find-highlight) { background-color: var(--vscode-editor-findMatchBackground); } body { background: var(--vscode-tab-activeBackground); } body.vscode-light { background: #F8F8F8; } } /*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; } } } @layer theme { :root, :host { --font-sans: "Inter", "InterVariable", "Helvetica Neue", "Arial", "sans-serif"; --font-mono: "Menlo", "Fira Code", "Monaco", "Consolas", "Courier New", "monospace"; --color-red-300: oklch(80.8% .114 19.571); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-950: oklch(25.8% .092 26.042); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-700: oklch(55.3% .195 38.402); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-green-100: oklch(96.2% .044 156.743); --color-green-300: oklch(87.1% .15 154.449); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-cyan-500: oklch(71.5% .143 215.221); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-500: oklch(62.3% .214 259.815); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-purple-500: oklch(62.7% .265 303.9); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-900: oklch(21% .034 264.665); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-900: oklch(21.6% .006 56.043); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-2xs: 18rem; --container-xs: 20rem; --container-2xl: 42rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --drop-shadow-xl: 0 9px 7px #0000001a; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-sm: 8px; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-action-200: var(--color-sky-200); --color-action-300: var(--color-sky-300); --color-action-500: var(--color-sky-500); --color-action-600: var(--color-sky-600); --color-action-700: var(--color-sky-700); --color-action-800: var(--color-sky-800); --font-head: "Chakra Petch", "Inter", "InterVariable", "Helvetica Neue", "Arial", "sans-serif"; --font-hand: "Shantell Sans", "Inter", "InterVariable", "Helvetica Neue", "Arial", "sans-serif"; --animate-bounce-but-start-from-bottom: bounce-but-start-from-bottom .75s infinite; --animate-bounce-but-start-from-top: bounce-but-start-from-top .75s infinite; } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } *, :after, :before, ::backdrop { border-color: var(--color-gray-200, currentColor); } ::file-selector-button { border-color: var(--color-gray-200, currentColor); } :root { --plugin-background: var(--vscode-editor-background); } body[data-script="menu"] { --plugin-background: var(--vscode-sideBar-background); } body { background: var(--plugin-background); } :root { --button-action-color: #0078d4; } .vscode-dark { --button-action-color: #005fb8; } .bg-vscode-bg, .bg-vscode-light { background: var(--vscode-editor-background); } .bg-vscode-sidebar-bg { background: var(--vscode-sideBar-background); scrollbar-color: var(--vscode-scrollbarSlider-background) var(--vscode-sideBar-background); } .scrollbar-gutter-stable { scrollbar-gutter: stable; } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { transition: none !important; animation: none !important; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1)translateY(0); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -.125em)); } 64% { transform: scale(1)translateY(0); } 100% { transform: scale(1)translateY(0); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, .4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, .4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0); } } @keyframes fa-spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } [data-vscode-theme-name="Dark High Contrast"] .Task code, [data-vscode-theme-name="Dark High Contrast"] .Quiz code, [data-vscode-theme-name="Light High Contrast"] code { color: #000; background: none; } @supports (color: color-mix(in lab, red, red)) { .vscode-light code[data-theme*=" "] [data-highlighted-line] { background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } @supports (color: color-mix(in lab, red, red)) { .vscode-light code[data-theme*=" "] [data-highlighted-line-id="green"] { background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent); } } @supports (color: color-mix(in lab, red, red)) { .vscode-light code[data-theme*=" "] [data-highlighted-line-id="red"] { background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } @supports (color: color-mix(in lab, red, red)) { .vscode-light code[data-theme*=" "] [data-highlighted-line-id="amber"] { background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } @supports (color: color-mix(in lab, red, red)) { .vscode-light code[data-theme*=" "] [data-highlighted-line-id="stone"] { background-color: color-mix(in oklab, var(--color-stone-500) 30%, transparent); } } @supports (color: color-mix(in lab, red, red)) { .vscode-dark code[data-theme*=" "] [data-highlighted-line] { background-color: color-mix(in oklab, var(--color-amber-300) 30%, transparent); } } @supports (color: color-mix(in lab, red, red)) { .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="green"] { background-color: color-mix(in oklab, var(--color-green-300) 30%, transparent); } } @supports (color: color-mix(in lab, red, red)) { .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="red"] { background-color: color-mix(in oklab, var(--color-red-300) 30%, transparent); } } @supports (color: color-mix(in lab, red, red)) { .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="amber"] { background-color: color-mix(in oklab, var(--color-amber-300) 30%, transparent); } } @supports (color: color-mix(in lab, red, red)) { .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="stone"] { background-color: color-mix(in oklab, var(--color-stone-500) 30%, transparent); } } :root, :host { --fa-font-solid: normal 900 1em / 1 "Font Awesome 7 Free"; --fa-font-regular: normal 400 1em / 1 "Font Awesome 7 Free"; --fa-font-light: normal 300 1em / 1 "Font Awesome 7 Pro"; --fa-font-thin: normal 100 1em / 1 "Font Awesome 7 Pro"; --fa-font-duotone: normal 900 1em / 1 "Font Awesome 7 Duotone"; --fa-font-duotone-regular: normal 400 1em / 1 "Font Awesome 7 Duotone"; --fa-font-duotone-light: normal 300 1em / 1 "Font Awesome 7 Duotone"; --fa-font-duotone-thin: normal 100 1em / 1 "Font Awesome 7 Duotone"; --fa-font-brands: normal 400 1em / 1 "Font Awesome 7 Brands"; --fa-font-sharp-solid: normal 900 1em / 1 "Font Awesome 7 Sharp"; --fa-font-sharp-regular: normal 400 1em / 1 "Font Awesome 7 Sharp"; --fa-font-sharp-light: normal 300 1em / 1 "Font Awesome 7 Sharp"; --fa-font-sharp-thin: normal 100 1em / 1 "Font Awesome 7 Sharp"; --fa-font-sharp-duotone-solid: normal 900 1em / 1 "Font Awesome 7 Sharp Duotone"; --fa-font-sharp-duotone-regular: normal 400 1em / 1 "Font Awesome 7 Sharp Duotone"; --fa-font-sharp-duotone-light: normal 300 1em / 1 "Font Awesome 7 Sharp Duotone"; --fa-font-sharp-duotone-thin: normal 100 1em / 1 "Font Awesome 7 Sharp Duotone"; --fa-font-slab-regular: normal 400 1em / 1 "Font Awesome 7 Slab"; --fa-font-slab-press-regular: normal 400 1em / 1 "Font Awesome 7 Slab Press"; --fa-font-whiteboard-semibold: normal 600 1em / 1 "Font Awesome 7 Whiteboard"; --fa-font-thumbprint-light: normal 300 1em / 1 "Font Awesome 7 Thumbprint"; --fa-font-notdog-solid: normal 900 1em / 1 "Font Awesome 7 Notdog"; --fa-font-notdog-duo-solid: normal 900 1em / 1 "Font Awesome 7 Notdog Duo"; --fa-font-etch-solid: normal 900 1em / 1 "Font Awesome 7 Etch"; --fa-font-jelly-regular: normal 400 1em / 1 "Font Awesome 7 Jelly"; --fa-font-jelly-fill-regular: normal 400 1em / 1 "Font Awesome 7 Jelly Fill"; --fa-font-jelly-duo-regular: normal 400 1em / 1 "Font Awesome 7 Jelly Duo"; --fa-font-chisel-regular: normal 400 1em / 1 "Font Awesome 7 Chisel"; } .svg-inline--fa { box-sizing: content-box; display: var(--fa-display, inline-block); vertical-align: -.125em; height: 1em; width: var(--fa-width, 1.25em); overflow: visible; } .svg-inline--fa.fa-2xs { vertical-align: .1em; } .svg-inline--fa.fa-xs { vertical-align: 0; } .svg-inline--fa.fa-sm { vertical-align: -.0714286em; } .svg-inline--fa.fa-lg { vertical-align: -.2em; } .svg-inline--fa.fa-xl { vertical-align: -.25em; } .svg-inline--fa.fa-2xl { vertical-align: -.3125em; } .svg-inline--fa.fa-pull-left, .svg-inline--fa .fa-pull-start { float: inline-start; margin-inline-end: var(--fa-pull-margin, .3em); } .svg-inline--fa.fa-pull-right, .svg-inline--fa .fa-pull-end { float: inline-end; margin-inline-start: var(--fa-pull-margin, .3em); } .svg-inline--fa.fa-li { width: var(--fa-li-width, 2em); inset-block-start: .25em; inset-inline-start: calc(-1 * var(--fa-li-width, 2em)); } .fa-layers-counter, .fa-layers-text { text-align: center; display: inline-block; position: absolute; } .fa-layers { text-align: center; vertical-align: -.125em; height: 1em; width: var(--fa-width, 1.25em); display: inline-block; position: relative; } .fa-layers .svg-inline--fa { transform-origin: center; margin: auto; position: absolute; inset: 0; } .fa-layers-text { transform-origin: center; top: 50%; left: 50%; transform: translate(-50%, -50%); } .fa-layers-counter { background-color: var(--fa-counter-background-color, #ff253a); border-radius: var(--fa-counter-border-radius, 1em); box-sizing: border-box; color: var(--fa-inverse, #fff); line-height: var(--fa-counter-line-height, 1); max-width: var(--fa-counter-max-width, 5em); min-width: var(--fa-counter-min-width, 1.5em); padding: var(--fa-counter-padding, .25em .5em); right: var(--fa-right, 0); text-overflow: ellipsis; top: var(--fa-top, 0); transform: scale(var(--fa-counter-scale, .25)); transform-origin: 100% 0; overflow: hidden; } .fa-layers-bottom-right { bottom: var(--fa-bottom, 0); right: var(--fa-right, 0); transform: scale(var(--fa-layers-scale, .25)); transform-origin: 100% 100%; top: auto; } .fa-layers-bottom-left { bottom: var(--fa-bottom, 0); left: var(--fa-left, 0); transform: scale(var(--fa-layers-scale, .25)); transform-origin: 0 100%; top: auto; right: auto; } .fa-layers-top-right { top: var(--fa-top, 0); right: var(--fa-right, 0); transform: scale(var(--fa-layers-scale, .25)); transform-origin: 100% 0; } .fa-layers-top-left { left: var(--fa-left, 0); right: auto; top: var(--fa-top, 0); transform: scale(var(--fa-layers-scale, .25)); transform-origin: 0 0; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { vertical-align: .225em; font-size: .625em; line-height: .1em; } .fa-xs { vertical-align: .125em; font-size: .75em; line-height: .0833333em; } .fa-sm { vertical-align: .0535715em; font-size: .875em; line-height: .0714286em; } .fa-lg { vertical-align: -.075em; font-size: 1.25em; line-height: .05em; } .fa-xl { vertical-align: -.125em; font-size: 1.5em; line-height: .0416667em; } .fa-2xl { vertical-align: -.1875em; font-size: 2em; line-height: .03125em; } .fa-width-auto { --fa-width: auto; } .fa-fw, .fa-width-fixed { --fa-width: 1.25em; } .fa-ul { margin-inline-start: var(--fa-li-margin, 2.5em); padding-inline-start: 0; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; position: absolute; inset-inline-start: calc(-1 * var(--fa-li-width, 2em)); } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, .1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, .0625em); box-sizing: var(--fa-border-box-sizing, content-box); padding: var(--fa-border-padding, .1875em .25em); } .fa-pull-left, .fa-pull-start { float: inline-start; margin-inline-end: var(--fa-pull-margin, .3em); } .fa-pull-right, .fa-pull-end { float: inline-end; margin-inline-start: var(--fa-pull-margin, .3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1)); } .fa-fade { animation-name: fa-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1)); } .fa-beat-fade { animation-name: fa-beat-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { animation-name: fa-shake; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { transition: none !important; animation: none !important; } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 0)); } .svg-inline--fa .fa-primary { fill: var(--fa-primary-color, currentColor); opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa .fa-secondary { fill: var(--fa-secondary-color, currentColor); opacity: var(--fa-secondary-opacity, .4); } .svg-inline--fa.fa-swap-opacity .fa-primary { opacity: var(--fa-secondary-opacity, .4); } .svg-inline--fa.fa-swap-opacity .fa-secondary { opacity: var(--fa-primary-opacity, 1); } .svg-inline--fa mask .fa-primary, .svg-inline--fa mask .fa-secondary { fill: #000; } .svg-inline--fa.fa-inverse { fill: var(--fa-inverse, #fff); } .fa-stack { vertical-align: middle; width: 2.5em; height: 2em; line-height: 2em; display: inline-block; position: relative; } .fa-inverse { color: var(--fa-inverse, #fff); } .svg-inline--fa.fa-stack-1x { --fa-width: 1.25em; height: 1em; width: var(--fa-width); } .svg-inline--fa.fa-stack-2x { --fa-width: 2.5em; height: 2em; width: var(--fa-width); } .fa-stack-1x, .fa-stack-2x { z-index: var(--fa-stack-z-index, auto); margin: auto; position: absolute; inset: 0; } html { font-size: var(--vscode-font-size); } body.vscode-light { color: #000d; } body.vscode-dark { color: #fffd; } a, p > a { text-decoration: underline; } :is(:is(.Course, .Gitopedia) p, :is(.Course, .Gitopedia) li, :is(.Course, .Gitopedia) dl, :is(.Course, .Gitopedia) dd, :is(.Course, .Gitopedia) hr, :is(.Course, .Gitopedia) figure, :is(.Course, .Gitopedia) blockquote, :is(.Course, .Gitopedia) .mw, :is(.Course, .Gitopedia) .Tip, :is(.Course, .Gitopedia) pre, :is(.Course, .Gitopedia) .Run, :is(.Course, .Gitopedia) .Output, :is(.Course, .Gitopedia) .File, :is(.Course, .Gitopedia) .RunExample, :is(.Course, .Gitopedia) .LinkButtonBlock):not(.no-mw) { max-width: 50rem; } :is(.Course, .Gitopedia) .mw-none, :is(.Course, .Gitopedia) .mw-none p { width: auto; max-width: none; } p, .p, h1, h2, h3, h4, h5, pre, blockquote, ul, ol, dl, dd, hr, figure, .Tip, .Spoiler, .Run, .Output, .File, .RunExample, .RunExampleList, .Task, .Quiz, .LinkButtonBlock { margin-bottom: 1.5rem; } :is(p, .p, h1, h2, h3, h4, h5, pre, blockquote, ul, ol, dl, dd, hr, figure, .Tip, .Spoiler, .Run, .Output, .File, .RunExample, .RunExampleList, .Task, .Quiz, .LinkButtonBlock):last-child, .RunExampleList .RunExample { margin-bottom: 0; } b, strong { font-family: Chakra Petch, sans-serif; font-weight: bold; } em, i { font-family: Chakra Petch, sans-serif; font-style: italic; } q { font-family: Shantell Sans, sans-serif; font-style: italic; } q:after, q:before { content: ""; } i b, b i, em strong, strong em { font-family: Shantell Sans, sans-serif; font-style: italic; font-weight: bold; } h1, h2, h3, h4, h5 { font-family: Chakra Petch, sans-serif; font-weight: bold; } h1 { font-size: 2.25rem; line-height: 2.5rem; } h2 { font-size: 1.75rem; line-height: 2rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1.125rem; } ul { padding-left: 1.25rem; list-style: outside; } ol { padding-left: 1.25rem; list-style: number; } li { margin-bottom: .5rem; } li:last-child { margin-bottom: 0; } :is(li > p, li > ul, li > ol, li > dl, li > figure, li > blockquote, li > .Tip, li > .LinkButtonBlock, li > .Spoiler, li > .Run, li > .Output, li > .File, li > .RunExample, li > .RunExampleList):last-child { margin-bottom: 1.5rem; } ul ul, ol ol, ul ol, ol ul { margin-top: .5rem; } hr { background: linear-gradient(90deg, var(--vscode-textBlockQuote-border), transparent); border: none; border-radius: 2px; width: 100%; height: 1px; margin: 1.5rem 0; } blockquote { background: #fff2; border-left: 4px double #fff3; border-radius: 2px; padding: .5rem 1rem; } .vscode-light :is(blockquote) { background: #ddd3; border-color: #ddd; } figure.Image { text-align: center; padding: calc(var(--spacing) * 2); border-radius: var(--radius-xl); background-color: #0001; display: inline-block; } .vscode-dark :is(figure.Image) { background-color: #fff1; } figure.Image > img, figure.Image > .Video { border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; border-color: #fff1; overflow: hidden; } figure.Image > figcaption { padding-block: calc(var(--spacing) * 2); padding-top: calc(var(--spacing) * 4); font-style: italic; } figure.Image > figcaption li { text-align: left; } kbd, .Tip kbd { vertical-align: middle; text-align: center; min-width: 2em; box-shadow: none; padding-inline: calc(var(--spacing) * 1); border-bottom-style: var(--tw-border-style); color: #000d; background-color: #0001; border-color: #0003; border-bottom-width: 2px; border-radius: .25rem; display: inline-block; } .vscode-dark :is(kbd, .Tip kbd) { color: #fffd; background-color: #fff2; border-color: #fff2; } .Task kbd { border-bottom-style: var(--tw-border-style); color: #000; background-color: #0002; border-color: #0003; border-bottom-width: 2px; } .vscode-dark :is(.Task kbd) { color: #000; background-color: #0002; border-color: #0003; } code, kbd, samp, pre { font-size: .875em; } pre code, .File code, .OutputArea code, .RunArea code { font-size: 14px; } [data-vscode-theme-name="Dark High Contrast"] code { color: #fff; background: none; } [data-vscode-theme-name="Dark High Contrast"] .Task code, [data-vscode-theme-name="Dark High Contrast"] .Quiz code, [data-vscode-theme-name="Light High Contrast"] code { color: #000; background: none; } [data-vscode-theme-name="Light High Contrast"] .Output code { color: #fff; } .vscode-light code { color: #000; background: #fff1; } .vscode-light span[data-rehype-pretty-code-figure] { color: #000; } .vscode-light code[data-theme*=" "], .vscode-light code[data-theme*=" "] span { color: var(--shiki-light, black); background-color: var(--shiki-light-bg); } .vscode-light code[data-theme*=" "] [data-highlighted-line] { background-color: #f99c004d; } @supports (color: color-mix(in lab, red, red)) { .vscode-light code[data-theme*=" "] [data-highlighted-line] { background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .vscode-light code[data-theme*=" "] [data-highlighted-line-id="green"] { background-color: #00c7584d; } @supports (color: color-mix(in lab, red, red)) { .vscode-light code[data-theme*=" "] [data-highlighted-line-id="green"] { background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent); } } .vscode-light code[data-theme*=" "] [data-highlighted-line-id="red"] { background-color: #fb2c364d; } @supports (color: color-mix(in lab, red, red)) { .vscode-light code[data-theme*=" "] [data-highlighted-line-id="red"] { background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } .vscode-light code[data-theme*=" "] [data-highlighted-line-id="amber"] { background-color: #f99c004d; } @supports (color: color-mix(in lab, red, red)) { .vscode-light code[data-theme*=" "] [data-highlighted-line-id="amber"] { background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .vscode-light code[data-theme*=" "] [data-highlighted-line-id="stone"] { background-color: #79716b4d; } @supports (color: color-mix(in lab, red, red)) { .vscode-light code[data-theme*=" "] [data-highlighted-line-id="stone"] { background-color: color-mix(in oklab, var(--color-stone-500) 30%, transparent); } } .vscode-light code[data-theme*=" "] [data-highlighted-line-id="mergeConflictTopHeader"] { background: #40c8ae80; } .vscode-light code[data-theme*=" "] [data-highlighted-line-id="mergeConflictTopHeader"] span { color: #000 !important; } .vscode-light code[data-theme*=" "] [data-highlighted-line-id="mergeConflictTop"] { background: #40c8ae33; } .vscode-light code[data-theme*=" "] [data-highlighted-line-id="mergeConflictBottomHeader"] { background: #40a6ff80; } .vscode-light code[data-theme*=" "] [data-highlighted-line-id="mergeConflictBottomHeader"] span { color: #000 !important; } .vscode-light code[data-theme*=" "] [data-highlighted-line-id="mergeConflictBottom"] { background: #40a6ff33; } .vscode-light .OutputArea code, .vscode-light .OutputArea code[data-theme*=" "], .vscode-light .OutputArea code[data-theme*=" "] span { color: #fff; } .vscode-dark code { color: #fff; background: #0001; } .vscode-dark span[data-rehype-pretty-code-figure] { color: #fff; } .vscode-dark code[data-theme*=" "], .vscode-dark code[data-theme*=" "] span { color: var(--shiki-dark, white); background-color: var(--shiki-dark-bg); } .vscode-dark code[data-theme*=" "] [data-highlighted-line] { background-color: #ffd2364d; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark code[data-theme*=" "] [data-highlighted-line] { background-color: color-mix(in oklab, var(--color-amber-300) 30%, transparent); } } .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="green"] { background-color: #7bf1a84d; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="green"] { background-color: color-mix(in oklab, var(--color-green-300) 30%, transparent); } } .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="red"] { background-color: #ffa3a34d; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="red"] { background-color: color-mix(in oklab, var(--color-red-300) 30%, transparent); } } .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="amber"] { background-color: #ffd2364d; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="amber"] { background-color: color-mix(in oklab, var(--color-amber-300) 30%, transparent); } } .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="stone"] { background-color: #79716b4d; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="stone"] { background-color: color-mix(in oklab, var(--color-stone-500) 30%, transparent); } } .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="mergeConflictTopHeader"] { background: #40c8ae80; } .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="mergeConflictTopHeader"] span { color: #fff !important; } .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="mergeConflictTop"] { background: #40c8ae33; } .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="mergeConflictBottomHeader"] { background: #40a6ff80; } .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="mergeConflictBottomHeader"] span { color: #fff !important; } .vscode-dark code[data-theme*=" "] [data-highlighted-line-id="mergeConflictBottom"] { background: #40a6ff33; } .vscode-dark .OutputArea code { color: #fff; } .vscode-light :is(code .cm, code.cm) { color: #a17c00; } .vscode-dark :is(code .cm, code.cm) { color: #dcdcaa; } code .arg, code.arg { word-break: break-all; } .vscode-light :is(code .arg, code.arg) { color: #a31515; } .vscode-dark :is(code .arg, code.arg) { color: #ce9178; } .vscode-light :is(code .argf, code.argf) { color: #7a208e; } .vscode-dark :is(code .argf, code.argf) { color: #c586c0; } .vscode-light :is(code .arge, code.arge) { color: #e00; } .vscode-dark :is(code .arge, code.arge) { color: #d7ba7d; } code .opt, code.opt { white-space: nowrap; } .vscode-light :is(code .opt, code.opt) { color: #375ebe; } .vscode-dark :is(code .opt, code.opt) { color: #569cd6; } .vscode-light :is(code .cr, code.cr) { color: #267f99; } .vscode-dark :is(code .cr, code.cr) { color: #4ec9b0; } .vscode-light :is(code .sep, code.sep) { color: #000; } .vscode-dark :is(code .sep, code.sep) { color: #fff; } .vscode-light :is(code .comment, code.comment) { color: green; } .vscode-dark :is(code .comment, code.comment) { color: #6a9955; } code { border-radius: 3px; padding: 1px 3px; } pre code { padding: 0; } span[data-rehype-pretty-code-figure] code, pre { border-radius: .25rem; padding: 1px 3px; } .vscode-light :is(code, span[data-rehype-pretty-code-figure] code) { background-color: #fffd; } .vscode-dark :is(code, span[data-rehype-pretty-code-figure] code) { background-color: var(--color-stone-700); } pre code, .pre code, .RunArea code { background: none !important; } .Quiz pre, .Task pre { padding: 8px 12px; } .vscode-light :is(.Quiz pre, .Task pre) { background-color: #fffd; } .vscode-dark :is(.Quiz pre, .Task pre) { background-color: var(--color-stone-700); } .File [data-highlighted-line] { margin: 0 calc(3px - 1.5rem) 0 calc(-1.5rem - 3px); padding: 0 calc(1.5rem + 3px); } [type="text"], input:where(:not([type])), [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select { appearance: none; --tw-shadow: 0 0 #0000; background-color: #fff; border-width: 1px; border-color: oklch(55.1% .027 264.364); border-radius: 0; padding: .5rem .75rem; font-size: 1rem; line-height: 1.5rem; } :is([type="text"], input:where(:not([type])), [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select):focus { outline-offset: 2px; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% .245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: oklch(54.6% .245 262.881); outline: 2px solid #0000; } input::placeholder, textarea::placeholder { color: oklch(55.1% .027 264.364); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; } ::-webkit-date-and-time-value { text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-month-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-day-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-hour-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-minute-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-second-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-millisecond-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } select { print-color-adjust: exact; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right .5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; } [multiple], [size]:where(select:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; print-color-adjust: unset; padding-right: .75rem; } [type="checkbox"], [type="radio"] { appearance: none; print-color-adjust: exact; vertical-align: middle; -webkit-user-select: none; user-select: none; color: oklch(54.6% .245 262.881); --tw-shadow: 0 0 #0000; background-color: #fff; background-origin: border-box; border-width: 1px; border-color: oklch(55.1% .027 264.364); flex-shrink: 0; width: 1rem; height: 1rem; padding: 0; display: inline-block; } [type="checkbox"] { border-radius: 0; } [type="radio"] { border-radius: 100%; } [type="checkbox"]:focus, [type="radio"]:focus { outline-offset: 2px; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% .245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); outline: 2px solid #0000; } [type="checkbox"]:checked, [type="radio"]:checked { background-color: currentColor; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; border-color: #0000; } [type="checkbox"]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type="checkbox"]:checked { appearance: auto; } } [type="radio"]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); } @media (forced-colors: active) { [type="radio"]:checked { appearance: auto; } } [type="checkbox"]:checked:hover, [type="checkbox"]:checked:focus, [type="radio"]:checked:hover, [type="radio"]:checked:focus { background-color: currentColor; border-color: #0000; } [type="checkbox"]:indeterminate { background-color: currentColor; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; border-color: #0000; } @media (forced-colors: active) { [type="checkbox"]:indeterminate { appearance: auto; } } [type="checkbox"]:indeterminate:hover, [type="checkbox"]:indeterminate:focus { background-color: currentColor; border-color: #0000; } [type="file"] { background: unset; border-color: inherit; font-size: unset; line-height: inherit; border-width: 0; border-radius: 0; padding: 0; } [type="file"]:focus { outline: 1px solid buttontext; outline: 1px auto -webkit-focus-ring-color; } } @layer components { .Task b, .Task strong, .vscode-dark :is(.Task b, .Task strong) { color: var(--color-black); } .vscode-dark :is(.RunExample .OutputTab span, .RunExample .RunTab span, .RunExample .FileTab span), .RunExample .OutputTab span, .vscode-dark :is(.RunExample .OutputTab span) { color: #fff; } @keyframes blink-animation { 0% { background: #fff; } 50% { background: #fff; } 51% { background: #000; } 100% { background: #000; } } @media (hover: hover) { .GitopediaEntry:hover { -webkit-text-decoration-color: var(--color-action-600); -webkit-text-decoration-color: var(--color-action-600); text-decoration-color: var(--color-action-600); background-color: #0ea5e94d; } .GitopediaEntry code:hover { background-color: #0ea5e94d; } :is(.Task .GitopediaEntry code, .Quiz .GitopediaEntry code):hover { background-color: #0ea5e9; } .GitopediaEntry:not(:has(code)):hover { --tw-shadow: 2px 0 var(--tw-shadow-color, #0ea5e94d), -2px 0 var(--tw-shadow-color, #0ea5e94d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @supports (color: color-mix(in lab, red, red)) { .pn { --__internal__background-color: color-mix(in srgb, var(--web-ui_button-background-color, var(--vscode-editor-background)) var(--web-ui_bg-opacity), transparent); } } @media (hover: hover) { .pn:hover:not(.pn-disabled):not(.pn-non-clickable) { filter: var(--__internal__filter-hover); color: var(--web-ui_button-color, var(--__internal__color)); } .pn:hover:not(.pn-disabled):not(.pn-non-clickable):before { background-color: var(--web-ui_button-background-color-hover, var(--web-ui_button-background-color, var(--vscode-editor-background))); border-color: var(--web-ui_button-border-color-hover, var(--__internal__border-color)); color: var(--web-ui_button-border-color-hover, var(--__internal__border-color)); } @supports (color: color-mix(in lab, red, red)) { .pn:hover:not(.pn-disabled):not(.pn-non-clickable):before { background-color: color-mix(in srgb, var(--web-ui_button-background-color-hover, var(--web-ui_button-background-color, var(--vscode-editor-background))) var(--web-ui_bg-opacity), transparent); } } } @supports (color: color-mix(in lab, red, red)) { .pn .PanelLabel { background-color: color-mix(in srgb, var(--__internal__background-color) 90%, var(--web-ui_base-color)); } } @supports (color: color-mix(in lab, red, red)) { .pn { --web-ui_button-background-color-disabled: color-mix(in srgb, var(--color-black) 20%, transparent); --web-ui_button-color-disabled: color-mix(in srgb, var(--color-black) 40%, transparent); } } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .pn { --web-ui_button-background-color-disabled: color-mix(in srgb, var(--color-white) 20%, transparent); --web-ui_button-color-disabled: color-mix(in srgb, var(--color-white) 40%, transparent); } } @supports (color: color-mix(in lab, red, red)) { .pn-vscode-sidebar { --web-ui_button-background-color: color-mix(in srgb, var(--vscode-sideBar-background) 95%, #000); --web-ui_button-background-color-hover: color-mix(in srgb, var(--vscode-button-background) 20%, var(--web-ui_base-color)); --web-ui_button-border-color-hover: color-mix(in srgb, var(--vscode-button-background) 20%, var(--web-ui_base-color)); } } @supports (color: color-mix(in lab, red, red)) { .pn-vscode-sidebar.pn-half-dimmed:before { border-color: color-mix(in srgb, var(--vscode-sideBar-border), transparent); } } @supports (color: color-mix(in lab, red, red)) { .pn-action { --web-ui_button-border-color: color-mix(in srgb, var(--vscode-button-background) 80%, #000); } } @supports (color: color-mix(in lab, red, red)) { .vscode-high-contrast .pn-action { --web-ui_button-border-color: color-mix(in srgb, var(--vscode-button-border) 80%, #000); } } .Task p:has( + small) { margin-bottom: .5rem; } .Task b, .Task strong, .vscode-dark :is(.Task b, .Task strong) { color: var(--color-black); } .Task a:hover { color: var(--color-action-700); } .Task li p { margin-bottom: .5rem; } .vscode-light :is(blockquote figure) { background: #fff5; } .vscode-dark vscode-button, .vscode-dark vscode-button[appearance="primary"] { color: #fff; background: var(--button-action-color); border: #ffffff12; } :is(.vscode-dark vscode-button, .vscode-dark vscode-button[appearance="primary"]):hover { background: #026ec1; } .vscode-dark vscode-button[appearance="secondary"] { color: #ccc; background: #fff1; border: #ffffff12; } .vscode-dark vscode-button[appearance="secondary"]:hover { background: #fff2; } :is(.vscode-dark .Task, .vscode-dark .Quiz, .vscode-dark .SlideViewer) vscode-button[appearance="secondary"] { background: #2e2e2e; } :is(.vscode-dark .Task, .vscode-dark .Quiz, .vscode-dark .SlideViewer) vscode-button[appearance="secondary"]:hover { background: #545454; } .vscode-light vscode-button, .vscode-light vscode-button[appearance="primary"] { color: #fff; background: var(--button-action-color); border: #ffffff12; } :is(.vscode-light vscode-button, .vscode-light vscode-button[appearance="primary"]):hover { background: #0258a8; } .vscode-light vscode-button[appearance="secondary"] { color: #3b3b3b; background: #0001; border: #ffffff12; } .vscode-light vscode-button[appearance="secondary"]:hover { background: #0002; } :is(.vscode-light .Task, .vscode-light .Quiz, .vscode-light .SlideViewer) vscode-button[appearance="secondary"] { background: #eee; } :is(.vscode-light .Task, .vscode-light .Quiz, .vscode-light .SlideViewer) vscode-button[appearance="secondary"]:hover { background: #efefef; } :is([data-vscode-theme-name="Dark High Contrast"] .Task, [data-vscode-theme-name="Dark High Contrast"] .Quiz, [data-vscode-theme-name="Dark High Contrast"] .SlideViewer) vscode-button[appearance="primary"] { background: #00579e; } :is([data-vscode-theme-name="Dark High Contrast"] .Task, [data-vscode-theme-name="Dark High Contrast"] .Quiz, [data-vscode-theme-name="Dark High Contrast"] .SlideViewer) vscode-button[appearance="secondary"] { background: #000; } .CourseHeader [type="text"] { appearance: inherit; background-color: inherit; border-color: inherit; border-width: inherit; border-radius: inherit; padding-top: inherit; padding-right: inherit; padding-bottom: inherit; padding-left: inherit; font-size: inherit; line-height: inherit; --shadow: inherit; } .CourseHeader { background: var(--vscode-tab-activeBackground); box-shadow: 0 0 10px 5px var(--vscode-tab-activeBackground); } .RunExample .Output, .RunExample .Run, .RunExample .File { margin-inline: calc(var(--spacing) * -6); } .RunExample .Output:last-child, .RunExample .Run:last-child, .RunExample .File:last-child { margin-bottom: calc(var(--spacing) * -6); } .RunExample .OutputTab span, .RunExample .RunTab span, .RunExample .FileTab span { color: #000; background: none; border-top-left-radius: 0; } .vscode-dark :is(.RunExample .OutputTab span, .RunExample .RunTab span, .RunExample .FileTab span), .RunExample .OutputTab span, .vscode-dark :is(.RunExample .OutputTab span) { color: #fff; } .RunExample .OutputArea, .RunExample .FileArea { border-top-right-radius: 0; } .RunExample:not(:last-child) .OutputArea, .RunExample:not(:last-child) .FileArea { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .RunExample .RunArea { border-radius: 0; } .QuizWrongAnswer { filter: hue-rotate() brightness(); animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); --animation1-name: keyframe-shake-x; } .HintInner { background: none; transition: background 1s; } .HintInner.HintClosed { background: #000; border-radius: 3px; } .HintInner.HintClosed:hover { cursor: pointer; } .HintInner * { transition: opacity 1s; } .HintInner.HintClosed * { opacity: 0; pointer-events: none; animation: none; } .HintInner.HintClosed :hover { opacity: 0; animation: none; } .HintInner.HintClosed .Hint { display: none; } .TextExpander { transition: max-height .3s ease-in-out; position: relative; } .TextExpander.expandable { cursor: pointer; max-height: 4.5em; line-height: 1.5em; display: -webkit-box; overflow: hidden; -webkit-mask-image: linear-gradient(#000 20%, #0000 100%); mask-image: linear-gradient(#000 20%, #0000 100%); } .TextExpander.expandable.expanded { -webkit-line-clamp: unset; -webkit-mask-image: none; } .GitopediaSidebarSearchInput { color: var(--vscode-input-foreground); border-right: 1px solid var(--vscode-sideBar-background); cursor: text; padding: 1px 0 1px 1px; } .GitopediaSidebarSearchInput input { color: var(--vscode-input-foreground); } .GitopediaSidebarSearchInput input:focus { background: var(--vscode-input-background); } .GitopediaSidebarSearchInput input::placeholder { color: var(--vscode-input-placeholderForeground); } .ButtonOutline:focus { outline: none; } .ButtonOutline:focus-visible { outline: 1px solid var(--vscode-focusBorder); outline-offset: 2px; } .ButtonOutline:focus-visible.outline-offset-0 { outline-offset: 0; } .ButtonOutline:focus-visible.-outline-offset-1 { outline-offset: -1px; } .InputOutline:focus { outline: calc(var(--border-width) * 1px) solid var(--focus-border) !important; outline-offset: calc(var(--border-width) * 2px) !important; box-shadow: none !important; } .InputOutline:focus.outline-offset-0 { outline-offset: calc(var(--border-width) * 0px) !important; } .panel-in-dev { color: #fff !important; background-color: #300 !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23D18'/%3E%3Cstop offset='1' stop-color='%23330000'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%23FA3' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23FA3' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E") !important; background-size: cover !important; background-attachment: fixed !important; } .panel-in-dev:before { background: none !important; } .text-caret { background-color: #fff; width: 9px; height: 1.2em; margin: 2px 0 0; display: inline-block; position: absolute; } .blinking-caret { animation: 1s steps(2, start) infinite blink-animation; } .GitopediaEntry { -webkit-text-decoration-color: var(--color-action-500); -webkit-text-decoration-color: var(--color-action-500); text-decoration-color: var(--color-action-500); } @media (hover: hover) { .GitopediaEntry:hover { -webkit-text-decoration-color: var(--color-action-600); -webkit-text-decoration-color: var(--color-action-600); text-decoration-color: var(--color-action-600); background-color: #0ea5e94d; } .GitopediaEntry code:hover { background-color: #0ea5e94d; } :is(.Task .GitopediaEntry code, .Quiz .GitopediaEntry code):hover { background-color: #0ea5e9; } .GitopediaEntry:not(:has(code)):hover { --tw-shadow: 2px 0 var(--tw-shadow-color, #0ea5e94d), -2px 0 var(--tw-shadow-color, #0ea5e94d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } :root { --web-ui_button-transition-lip: .2s; --web-ui_button-border-radius: 12px; --web-ui_button-line-height: normal; --web-ui_bg-opacity: 100%; --web-ui_transition-duration: .1s; } .vscode-high-contrast { --web-ui_bg-border-width: 2px; } .pn { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-action: manipulation; display: inline-flex; position: relative; transform: translateZ(0); } .pn-panel { --web-ui_button-padding: 20px 20px; --web-ui_button-lip-width: 8px; --web-ui_button-font-weight: normal; } .pn { --__internal__background-color: var(--web-ui_button-background-color, var(--vscode-editor-background)); --__internal__background-color-disabled: var(--web-ui_button-background-color-disabled); --__internal__border-color: var(--web-ui_button-border-color, var(--vscode-editor-background)); --__internal__border-radius: var(--web-ui_button-border-radius, 12px); --__internal__color: var(--web-ui_button-color, var(--vscode-editor-foreground)); --__internal__color-active: var(--web-ui_button-color-active, var(--__internal__color)); --__internal__color-disabled: var(--web-ui_button-color-disabled); --__internal__filter-hover: var(--web-ui_button-filter-hover, brightness(1.1)); --__internal__lip-width: var(--web-ui_button-lip-width, 4px); --__internal__padding: var(--web-ui_button-padding, 8px 12px); --__internal__font-weight: var(--web-ui_button-font-weight, bold); --__internal__bg-border-width: var(--web-ui_bg-border-width, 0); --__internal__transition-duration: var(--web-ui_transition-duration, .1s); border-radius: var(--__internal__border-radius); border-style: solid; border-color: #0000; border-width: 0 0 var(--__internal__lip-width); color: var(--__internal__color); padding: var(--__internal__padding); transition: filter, transform var(--web-ui_button-transition-lip); transition-duration: var(--__internal__transition-duration); font-weight: var(--__internal__font-weight); background: none; text-decoration: none; } @supports (color: color-mix(in lab, red, red)) { .pn { --__internal__background-color: color-mix(in srgb, var(--web-ui_button-background-color, var(--vscode-editor-background)) var(--web-ui_bg-opacity), transparent); } } .pn:not(.pn-disabled):not(.pn-non-clickable) { cursor: pointer; } .pn:before { border-style: solid; border-width: var(--__internal__bg-border-width); border-color: var(--__internal__border-color); background-color: var(--__internal__background-color); border-radius: var(--__internal__border-radius); box-shadow: 0 var(--__internal__lip-width) 0; color: var(--__internal__border-color); content: ""; transition: background-color, box-shadow var(--web-ui_button-transition-lip); transition-duration: var(--__internal__transition-duration); z-index: -1; position: absolute; inset: 0; } .pn:after { border-radius: var(--__internal__border-radius); content: ""; z-index: -1; background: none; position: absolute; inset: 0; } .pn.pn-flat { --web-ui_button-lip-width: 0; } .pn.pn-flat:before { box-shadow: 0 0; } .pn.pn-disabled:not(.WxjqG), .pn._9HA6X:not(.pn-disabled), .pn:active:not(.pn-disabled):not(.pn-non-clickable) { color: var(--__internal__color-active); transform: translateY(var(--__internal__lip-width)) translateZ(0); } .pn.pn-disabled:not(.WxjqG):before, .pn._9HA6X:not(.pn-disabled):before, .pn:active:not(.pn-disabled):not(.pn-non-clickable):before { box-shadow: 0 0; } .pn.pn-disabled:not(.WxjqG):before, .pn._9HA6X:not(.pn-disabled):after, .pn:active:not(.pn-disabled):not(.pn-non-clickable):after { transform: translateY(calc(-1 * var(--__internal__lip-width))) translateZ(0); } .pn.pn-disabled:not(.WxjqG) { color: var(--__internal__color-disabled); } .pn.pn-disabled:not(.WxjqG):before { background-color: var(--__internal__background-color-disabled); } @media (hover: hover) { .pn:hover:not(.pn-disabled):not(.pn-non-clickable) { filter: var(--__internal__filter-hover); color: var(--web-ui_button-color, var(--__internal__color)); } .pn:hover:not(.pn-disabled):not(.pn-non-clickable):before { background-color: var(--web-ui_button-background-color-hover, var(--web-ui_button-background-color, var(--vscode-editor-background))); border-color: var(--web-ui_button-border-color-hover, var(--__internal__border-color)); color: var(--web-ui_button-border-color-hover, var(--__internal__border-color)); } @supports (color: color-mix(in lab, red, red)) { .pn:hover:not(.pn-disabled):not(.pn-non-clickable):before { background-color: color-mix(in srgb, var(--web-ui_button-background-color-hover, var(--web-ui_button-background-color, var(--vscode-editor-background))) var(--web-ui_bg-opacity), transparent); } } } .pn .PanelLabel { background-color: var(--__internal__background-color); border: 1px solid var(--__internal__border-color); border-radius: 5px; padding: 2px 6px; position: relative; } @supports (color: color-mix(in lab, red, red)) { .pn .PanelLabel { background-color: color-mix(in srgb, var(--__internal__background-color) 90%, var(--web-ui_base-color)); } } .pn .PanelLabel svg { color: var(--__internal__border-color); } .pn .PanelLabel:before { content: " "; background: var(--web-ui_base-color); z-index: -1; border-radius: 5px; position: absolute; inset: 0; } .pn.border { --web-ui_bg-border-width: 1px; } .pn.border-2 { --web-ui_bg-border-width: 2px; } .pn.border-3 { --web-ui_bg-border-width: 3px; } .pn.border-4 { --web-ui_bg-border-width: 4px; } .pn.bg-opacity-0 { --web-ui_bg-opacity: 0%; --web-ui_button-color: inherit; } .pn.bg-opacity-10 { --web-ui_bg-opacity: 10%; --web-ui_button-color: inherit; } .pn.bg-opacity-20 { --web-ui_bg-opacity: 20%; --web-ui_button-color: inherit; } .pn.bg-opacity-30 { --web-ui_bg-opacity: 30%; --web-ui_button-color: inherit; } .pn.bg-opacity-40 { --web-ui_bg-opacity: 40%; --web-ui_button-color: inherit; } .pn.bg-opacity-50 { --web-ui_bg-opacity: 50%; } .pn.bg-opacity-60 { --web-ui_bg-opacity: 60%; } .pn.bg-opacity-70 { --web-ui_bg-opacity: 70%; } .pn.bg-opacity-80 { --web-ui_bg-opacity: 80%; } .pn.bg-opacity-90 { --web-ui_bg-opacity: 90%; } .pn.bg-opacity-100 { --web-ui_bg-opacity: 100%; } .pn.bg-opacity-25 { --web-ui_bg-opacity: 25%; } .pn.bg-opacity-75 { --web-ui_bg-opacity: 75%; } .pn:hover.hover\:bg-opacity-0 { --web-ui_bg-opacity: 0%; --web-ui_button-color: inherit; } .pn:hover.hover\:bg-opacity-10 { --web-ui_bg-opacity: 10%; --web-ui_button-color: inherit; } .pn:hover.hover\:bg-opacity-20 { --web-ui_bg-opacity: 20%; --web-ui_button-color: inherit; } .pn:hover.hover\:bg-opacity-30 { --web-ui_bg-opacity: 30%; --web-ui_button-color: inherit; } .pn:hover.hover\:bg-opacity-40 { --web-ui_bg-opacity: 40%; --web-ui_button-color: inherit; } .pn:hover.hover\:bg-opacity-50 { --web-ui_bg-opacity: 50%; } .pn:hover.hover\:bg-opacity-60 { --web-ui_bg-opacity: 60%; } .pn:hover.hover\:bg-opacity-70 { --web-ui_bg-opacity: 70%; } .pn:hover.hover\:bg-opacity-80 { --web-ui_bg-opacity: 80%; } .pn:hover.hover\:bg-opacity-90 { --web-ui_bg-opacity: 90%; } .pn:hover.hover\:bg-opacity-100 { --web-ui_bg-opacity: 100%; } .pn:hover.hover\:bg-opacity-25 { --web-ui_bg-opacity: 25%; } .pn:hover.hover\:bg-opacity-75 { --web-ui_bg-opacity: 75%; } :root { --web-ui_base-color: var(--vscode-editor-background); --web-ui_black-white: white; } .vscode-dark { --web-ui_black-white: black; } .pn { --web-ui_button-background-color-disabled: #0003; --web-ui_button-color-disabled: #0006; --web-ui_button-color: var(--color-white); } @supports (color: color-mix(in lab, red, red)) { .pn { --web-ui_button-background-color-disabled: color-mix(in srgb, var(--color-black) 20%, transparent); --web-ui_button-color-disabled: color-mix(in srgb, var(--color-black) 40%, transparent); } } .vscode-dark .pn { --web-ui_button-background-color-disabled: #fff3; --web-ui_button-color-disabled: #fff6; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .pn { --web-ui_button-background-color-disabled: color-mix(in srgb, var(--color-white) 20%, transparent); --web-ui_button-color-disabled: color-mix(in srgb, var(--color-white) 40%, transparent); } } .pn-vscode-sidebar { --web-ui_button-background-color: var(--vscode-sideBar-background); --web-ui_button-border-color: var(--vscode-sideBar-border); --web-ui_button-color: var(--vscode-sideBar-foreground); --web-ui_button-background-color-hover: var(--vscode-button-background); --web-ui_button-border-color-hover: var(--vscode-button-background); --web-ui_button-color-hover: var(--vscode-sideBar-foreground); --web-ui_button-filter-hover: none; } @supports (color: color-mix(in lab, red, red)) { .pn-vscode-sidebar { --web-ui_button-background-color: color-mix(in srgb, var(--vscode-sideBar-background) 95%, #000); --web-ui_button-background-color-hover: color-mix(in srgb, var(--vscode-button-background) 20%, var(--web-ui_base-color)); --web-ui_button-border-color-hover: color-mix(in srgb, var(--vscode-button-background) 20%, var(--web-ui_base-color)); } } .pn-vscode-sidebar.pn-half-dimmed:before { border-color: var(--vscode-sideBar-border); } @supports (color: color-mix(in lab, red, red)) { .pn-vscode-sidebar.pn-half-dimmed:before { border-color: color-mix(in srgb, var(--vscode-sideBar-border), transparent); } } .pn-action { --web-ui_button-background-color: var(--vscode-button-background); --web-ui_button-border-color: var(--vscode-button-background); --web-ui_button-color: var(--vscode-button-foreground); } @supports (color: color-mix(in lab, red, red)) { .pn-action { --web-ui_button-border-color: color-mix(in srgb, var(--vscode-button-background) 80%, #000); } } .vscode-high-contrast .pn-action { --web-ui_button-border-color: var(--vscode-button-border); } @supports (color: color-mix(in lab, red, red)) { .vscode-high-contrast .pn-action { --web-ui_button-border-color: color-mix(in srgb, var(--vscode-button-border) 80%, #000); } } .pn-emerald { --web-ui_button-background-color: var(--color-emerald-500); --web-ui_button-border-color: var(--color-emerald-600); --web-ui_button-color: var(--color-white); } .pn-rose { --web-ui_button-background-color: var(--color-rose-500); --web-ui_button-border-color: var(--color-rose-600); --web-ui_button-color: var(--color-white); } .vscode-dark .pn-rose { --web-ui_button-background-color: var(--color-rose-600); --web-ui_button-border-color: var(--color-rose-700); } .pn-stone { --web-ui_button-background-color: var(--color-stone-500); --web-ui_button-border-color: var(--color-stone-600); --web-ui_button-color: var(--color-white); } .pn-amber { --web-ui_button-background-color: var(--color-amber-500); --web-ui_button-border-color: var(--color-amber-600); --web-ui_button-color: var(--color-white); } .pn-yellow { --web-ui_button-background-color: var(--color-yellow-500); --web-ui_button-border-color: var(--color-yellow-600); --web-ui_button-color: var(--color-white); } .pn-indigo { --web-ui_button-background-color: var(--color-indigo-500); --web-ui_button-border-color: var(--color-indigo-600); --web-ui_button-color: var(--color-white); } .pn-half-dimmed { --web-ui_bg-opacity: 20%; --web-ui_button-color: inherit; } .pn-half-dimmed:hover.hover\:bg-opacity-50 { --web-ui_bg-opacity: 50%; } .pn-half-dimmed:before { border-width: 2px; } } @layer utilities { .\@container { container-type: inline-size; } .pointer-events-none { pointer-events: none; } .invisible { visibility: hidden; } .visible { visibility: visible; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .-top-\[5px\] { top: -5px; } .top-0 { top: calc(var(--spacing) * 0); } .top-1\/2 { top: 50%; } .top-14 { top: calc(var(--spacing) * 14); } .top-28 { top: calc(var(--spacing) * 28); } .top-\[36px\] { top: 36px; } .top-\[43px\] { top: 43px; } .top-full { top: 100%; } .-right-\[5px\] { right: -5px; } .right-0 { right: calc(var(--spacing) * 0); } .right-1\/2 { right: 50%; } .right-6 { right: calc(var(--spacing) * 6); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-1\/2 { bottom: 50%; } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: 50%; } .left-6 { left: calc(var(--spacing) * 6); } .left-\[50\%\] { left: 50%; } .left-\[75px\] { left: 75px; } .left-\[100vw\] { left: 100vw; } .left-\[calc\(400px-48px-16px\)\] { left: 336px; } .isolate { isolation: isolate; } .-z-1 { z-index: calc(1 * -1); } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-50 { z-index: 50; } .z-60 { z-index: 60; } .z-100 { z-index: 100; } .z-\[1\] { z-index: 1; } .col-span-full { grid-column: 1 / -1; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-4 { grid-column-start: 4; } .row-span-5 { grid-row: span 5 / span 5; } .row-span-full { grid-row: 1 / -1; } .row-start-1 { grid-row-start: 1; } .float-right { float: right; } .container { width: 100%; } @media (min-width: 200px) { .container { max-width: 200px; } } @media (min-width: 300px) { .container { max-width: 300px; } } @media (min-width: 400px) { .container { max-width: 400px; } } @media (min-width: 490px) { .container { max-width: 490px; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .m-8 { margin: calc(var(--spacing) * 8); } .m-auto { margin: auto; } .-mx-1\.5 { margin-inline: calc(var(--spacing) * -1.5); } .-mx-4 { margin-inline: calc(var(--spacing) * -4); } .-mx-5 { margin-inline: calc(var(--spacing) * -5); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .-mx-10 { margin-inline: calc(var(--spacing) * -10); } .-mx-\[24px\] { margin-inline: -24px; } .mx-auto { margin-inline: auto; } .-my-1 { margin-block: calc(var(--spacing) * -1); } .-my-8 { margin-block: calc(var(--spacing) * -8); } .my-0 { margin-block: calc(var(--spacing) * 0); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-16 { margin-block: calc(var(--spacing) * 16); } .me-2 { margin-inline-end: calc(var(--spacing) * 2); } .-mt-0\.5 { margin-top: calc(var(--spacing) * -.5); } .-mt-3 { margin-top: calc(var(--spacing) * -3); } .-mt-4 { margin-top: calc(var(--spacing) * -4); } .-mt-5 { margin-top: calc(var(--spacing) * -5); } .-mt-6 { margin-top: calc(var(--spacing) * -6); } .-mt-8 { margin-top: calc(var(--spacing) * -8); } .-mt-9 { margin-top: calc(var(--spacing) * -9); } .-mt-13 { margin-top: calc(var(--spacing) * -13); } .-mt-14 { margin-top: calc(var(--spacing) * -14); } .-mt-\[28px\] { margin-top: -28px; } .-mt-\[700px\] { margin-top: -700px; } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .mt-\[55px\] { margin-top: 55px; } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .-mr-6 { margin-right: calc(var(--spacing) * -6); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-auto { margin-right: auto; } .-mb-4 { margin-bottom: calc(var(--spacing) * -4); } .-mb-5 { margin-bottom: calc(var(--spacing) * -5); } .-mb-8 { margin-bottom: calc(var(--spacing) * -8); } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-\[1px\] { margin-bottom: 1px; } .-ml-1 { margin-left: calc(var(--spacing) * -1); } .-ml-1\.5 { margin-left: calc(var(--spacing) * -1.5); } .-ml-4 { margin-left: calc(var(--spacing) * -4); } .-ml-6 { margin-left: calc(var(--spacing) * -6); } .-ml-20 { margin-left: calc(var(--spacing) * -20); } .-ml-\[200px\] { margin-left: -200px; } .-ml-\[250px\] { margin-left: -250px; } .-ml-\[750px\] { margin-left: -750px; } .ml-0\.5 { margin-left: calc(var(--spacing) * .5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-\[5px\] { margin-left: 5px; } .ml-\[8px\] { margin-left: 8px; } .ml-\[15px\] { margin-left: 15px; } .ml-\[16px\] { margin-left: 16px; } .ml-auto { margin-left: auto; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .inline-grid { display: inline-grid; } .table { display: table; } .aspect-\[784\/600\] { aspect-ratio: 784 / 600; } .aspect-square { aspect-ratio: 1; } .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .h-3 { height: calc(var(--spacing) * 3); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-28 { height: calc(var(--spacing) * 28); } .h-32 { height: calc(var(--spacing) * 32); } .h-\[1px\] { height: 1px; } .h-\[2rem\] { height: 2rem; } .h-\[16px\] { height: 16px; } .h-\[25rem\] { height: 25rem; } .h-\[30px\] { height: 30px; } .h-\[32px\] { height: 32px; } .h-\[44px\] { height: 44px; } .h-\[56px\] { height: 56px; } .h-\[100dvh\] { height: 100dvh; } .h-\[300px\] { height: 300px; } .h-\[800px\] { height: 800px; } .h-full { height: 100%; } .h-screen { height: 100vh; } .max-h-\[100dvh\] { max-height: 100dvh; } .max-h-\[320px\] { max-height: 320px; } .max-h-\[calc\(100dvh-\(var\(--spacing\)\*14\)\)\] { max-height: calc(100dvh - (var(--spacing) * 14)); } .max-h-\[calc\(100dvh-\(var\(--spacing\)\*28\)\)\] { max-height: calc(100dvh - (var(--spacing) * 28)); } .max-h-screen { max-height: 100vh; } .min-h-\[1\.5rem\] { min-height: 1.5rem; } .min-h-\[2\.5rem\] { min-height: 2.5rem; } .min-h-\[2rem\] { min-height: 2rem; } .min-h-\[3\.5rem\] { min-height: 3.5rem; } .min-h-\[3rem\] { min-height: 3rem; } .min-h-\[4\.5rem\] { min-height: 4.5rem; } .min-h-\[4rem\] { min-height: 4rem; } .min-h-\[25rem\] { min-height: 25rem; } .min-h-\[100dvh\] { min-height: 100dvh; } .min-h-\[calc\(100dvh-\(var\(--spacing\)\*28\)\)\] { min-height: calc(100dvh - (var(--spacing) * 28)); } .min-h-dvh { min-height: 100dvh; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-2xs { width: var(--container-2xs); } .w-3 { width: calc(var(--spacing) * 3); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-16 { width: calc(var(--spacing) * 16); } .w-32 { width: calc(var(--spacing) * 32); } .w-\[5rem\] { width: 5rem; } .w-\[16px\] { width: 16px; } .w-\[25rem\] { width: 25rem; } .w-\[32px\] { width: 32px; } .w-\[56px\] { width: 56px; } .w-\[70px\] { width: 70px; } .w-\[100vw\] { width: 100vw; } .w-\[150px\] { width: 150px; } .w-\[200px\] { width: 200px; } .w-\[250px\] { width: 250px; } .w-\[280px\] { width: 280px; } .w-\[320px\] { width: 320px; } .w-\[1200px\] { width: 1200px; } .w-\[calc\(100\%\+\.625rem\)\] { width: calc(100% + .625rem); } .w-auto { width: auto; } .w-full { width: 100%; } .w-screen { width: 100vw; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-\[25rem\] { max-width: 25rem; } .max-w-\[50rem\] { max-width: 50rem; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[350px\] { max-width: 350px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[750px\] { max-width: 750px; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[850px\] { max-width: 850px; } .max-w-\[1000px\] { max-width: 1000px; } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[calc\(50rem\+var\(--spacing\,0\.25rem\)\*4\*2\)\] { max-width: calc(50rem + var(--spacing, .25rem) * 4 * 2); } .max-w-\[var\(--container-2xs\)\] { max-width: var(--container-2xs); } .max-w-fit { max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-none { max-width: none; } .max-w-screen { max-width: 100vw; } .min-w-6 { min-width: calc(var(--spacing) * 6); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-64 { min-width: calc(var(--spacing) * 64); } .min-w-\[1\.5rem\] { min-width: 1.5rem; } .min-w-\[2\.5rem\] { min-width: 2.5rem; } .min-w-\[2rem\] { min-width: 2rem; } .min-w-\[3\.5rem\] { min-width: 3.5rem; } .min-w-\[3rem\] { min-width: 3rem; } .min-w-\[4\.5rem\] { min-width: 4.5rem; } .min-w-\[4rem\] { min-width: 4rem; } .min-w-xs { min-width: var(--container-xs); } .flex-shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow, .grow { flex-grow: 1; } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-5 { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[1px\] { --tw-translate-y: calc(1px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[2px\] { --tw-translate-y: calc(2px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[3px\] { --tw-translate-y: calc(3px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[60px\] { --tw-translate-y: calc(60px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-25\%\] { --tw-translate-y: -25%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[25\%\] { --tw-translate-y: 25%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[75\%\] { --tw-translate-y: 75%; translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-0 { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .rotate-\[20deg\] { rotate: 20deg; } .-skew-x-\[10deg\] { --tw-skew-x: skewX(calc(10deg * -1)); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .skew-x-3 { --tw-skew-x: skewX(3deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .animate-lights { animation: 2s infinite flicker; } .animate-ping { animation: var(--animate-ping); } .animate-ping2 { animation: 1s cubic-bezier(0, 0, .2, 1) infinite ping2; } .animate-ping3 { animation: 1s cubic-bezier(0, 0, .2, 1) ping3; } .animate-text-style { animation: 2s infinite random-text-style; } .cursor-default { cursor: default; } .cursor-e-resize { cursor: e-resize; } .cursor-ew-resize { cursor: ew-resize; } .cursor-move { cursor: move; } .cursor-not-allowed { cursor: not-allowed; } .cursor-ns-resize { cursor: ns-resize; } .cursor-pointer { cursor: pointer; } .cursor-w-resize { cursor: w-resize; } .resize { resize: both; } .appearance-none { appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-rows-\[1fr_auto\] { grid-template-rows: 1fr auto; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .content-center { align-content: center; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-\[4rem_0px\] { gap: 4rem 0; } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .justify-self-end { justify-self: flex-end; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .rounded { border-radius: .25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[11px\] { border-radius: 11px; } .rounded-\[20px\] { border-radius: 20px; } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-xs { border-radius: var(--radius-xs); } .rounded-t { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-l-sm { border-top-left-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } .rounded-l-xl { border-top-left-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .rounded-tl-none { border-top-left-radius: 0; } .rounded-r { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-r-sm { border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); } .rounded-r-xl { border-top-right-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); } .rounded-b-2xl { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .rounded-b-lg { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-b-xl { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-8 { border-style: var(--tw-border-style); border-width: 8px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-t-\[3px\] { border-top-style: var(--tw-border-style); border-top-width: 3px; } .border-t-\[4px\] { border-top-style: var(--tw-border-style); border-top-width: 4px; } .border-t-\[6px\] { border-top-style: var(--tw-border-style); border-top-width: 6px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .\!border-none { --tw-border-style: none !important; border-style: none !important; } .border-dotted { --tw-border-style: dotted; border-style: dotted; } .border-\[\#000\]\/20 { border-color: oklab(0% none none / .2) oklab(0% none none / .2) oklab(0% none none / .2) oklab(0% none none / .2); } .border-\[\#0001\] { border-color: #0001; } .border-\[\#0003\] { border-color: #0003; } .border-\[\#5A6369\]\/\[18\%\] { border-color: oklab(49.4017% -.00804688 -.012334 / .18); } .border-\[\#00000011\] { border-color: #0001; } .border-\[\#fff1\] { border-color: #fff1; } .border-\[var\(--vscode-input-border\)\] { border-color: var(--vscode-input-border); } .border-black { border-color: var(--color-black); } .border-black\/10 { border-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .border-black\/10 { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .border-black\/20 { border-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .border-black\/20 { border-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .border-gray-500 { border-color: var(--color-gray-500); } .border-red-600 { border-color: var(--color-red-600); } .border-transparent { border-color: #0000; } .border-t-\[\#0001\] { border-top-color: #0001; } .border-t-\[\#0002\] { border-top-color: #0002; } .border-t-\[\#fff1\] { border-top-color: #fff1; } .border-b-\[\#fff1\] { border-bottom-color: #fff1; } .border-l-\[\#0003\] { border-left-color: #0003; } .border-l-action-600 { border-left-color: var(--color-action-600); } .border-l-black\/20 { border-left-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .border-l-black\/20 { border-left-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .\!bg-transparent { background-color: #0000 !important; } .bg-\[\#000\]\/10 { background-color: oklab(0% none none / .1); } .bg-\[\#0001\] { background-color: #0001; } .bg-\[\#0002\] { background-color: #0002; } .bg-\[\#5A6369\]\/\[\.08\] { background-color: oklab(49.4017% -.00804688 -.0123341 / .08); } .bg-\[\#8DC72E\] { background-color: #8dc72e; } .bg-\[\#00000099\] { background-color: #0009; } .bg-\[\#111\] { background-color: #111; } .bg-\[\#1593FA\] { background-color: #1593fa; } .bg-\[\#151718\] { background-color: #151718; } .bg-\[\#202425\] { background-color: #202425; } .bg-\[\#D9B113\] { background-color: #d9b113; } .bg-\[\#f005\] { background-color: #f005; } .bg-\[\#facc15\] { background-color: #facc15; } .bg-\[color-mix\(in_srgb\,\#000_10\%\,var\(--plugin-background\)\)\] { background-color: #000; } @supports (color: color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,\#000_10\%\,var\(--plugin-background\)\)\] { background-color: color-mix(in srgb, #000 10%, var(--plugin-background)); } } .bg-\[color-mix\(in_srgb\,\#000_20\%\,var\(--plugin-background\)\)\] { background-color: #000; } @supports (color: color-mix(in lab, red, red)) { .bg-\[color-mix\(in_srgb\,\#000_20\%\,var\(--plugin-background\)\)\] { background-color: color-mix(in srgb, #000 20%, var(--plugin-background)); } } .bg-\[var\(--vscode-button-background\)\] { background-color: var(--vscode-button-background); } .bg-\[var\(--vscode-input-background\)\], .bg-\[var\(--vscode-input-background\)\]\/90 { background-color: var(--vscode-input-background); } @supports (color: color-mix(in lab, red, red)) { .bg-\[var\(--vscode-input-background\)\]\/90 { background-color: color-mix(in oklab, var(--vscode-input-background) 90%, transparent); } } .bg-action-300 { background-color: var(--color-action-300); } .bg-action-500 { background-color: var(--color-action-500); } .bg-amber-200\/10 { background-color: #fee6851a; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-200\/10 { background-color: color-mix(in oklab, var(--color-amber-200) 10%, transparent); } } .bg-amber-400 { background-color: var(--color-amber-400); } .bg-amber-500 { background-color: var(--color-amber-500); } .bg-black { background-color: var(--color-black); } .bg-black\/30 { background-color: #0000004d; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/30 { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-cyan-500 { background-color: var(--color-cyan-500); } .bg-fuchsia-600 { background-color: var(--color-fuchsia-600); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-500 { background-color: var(--color-green-500); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-lime-400 { background-color: var(--color-lime-400); } .bg-lime-500 { background-color: var(--color-lime-500); } .bg-lime-600 { background-color: var(--color-lime-600); } .bg-purple-500 { background-color: var(--color-purple-500); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-600 { background-color: var(--color-red-600); } .bg-rose-400 { background-color: var(--color-rose-400); } .bg-rose-500 { background-color: var(--color-rose-500); } .bg-stone-100 { background-color: var(--color-stone-100); } .bg-stone-200 { background-color: var(--color-stone-200); } .bg-transparent { background-color: #0000; } .bg-white { background-color: var(--color-white); } .bg-white\/10 { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/10 { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/20 { background-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/20 { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/30 { background-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/30 { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/100 { background-color: #fff; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/100 { background-color: color-mix(in oklab, var(--color-white) 100%, transparent); } } .bg-yellow-400 { background-color: var(--color-yellow-400); } .bg-linear-to-b { --tw-gradient-position: to bottom; background-image: linear-gradient(var(--tw-gradient-stops)); } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-b { --tw-gradient-position: to bottom in oklab; } } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-tl { --tw-gradient-position: to top left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-\[image\:radial-gradient\(circle\,currentColor_1px\,transparent_1px\)\] { background-image: radial-gradient(circle, currentColor 1px, #0000 1px); } .bg-\[radial-gradient\(ellipse_at_center\,_rgba\(91\,_54\,_255\,_0\.8\)_0\%\,_transparent_70\%\,_transparent_100\%\)\] { background-image: radial-gradient(#5b36ffcc 0%, #0000 70% 100%); } .bg-\[radial-gradient\(ellipse_at_center\,_rgba\(233\,_30\,_99\,_0\.8\)_0\%\,_transparent_70\%\,_transparent_100\%\)\] { background-image: radial-gradient(#e91e63cc 0%, #0000 70% 100%); } .from-\[\#00000005\] { --tw-gradient-from: #00000005; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[rgba\(0\,0\,0\,0\.05\)\] { --tw-gradient-from: #0000000d; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/20 { --tw-gradient-from: #0003; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } @supports (color: color-mix(in lab, red, red)) { .from-black\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 20%, transparent); } } .from-indigo-500\/50 { --tw-gradient-from: #625fff80; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } @supports (color: color-mix(in lab, red, red)) { .from-indigo-500\/50 { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 50%, transparent); } } .from-rose-500 { --tw-gradient-from: var(--color-rose-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white\/5 { --tw-gradient-from: #ffffff0d; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } @supports (color: color-mix(in lab, red, red)) { .from-white\/5 { --tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent); } } .from-70\% { --tw-gradient-from-position: 70%; } .to-indigo-500 { --tw-gradient-to: var(--color-indigo-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-500\/50 { --tw-gradient-to: #fb2c3680; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } @supports (color: color-mix(in lab, red, red)) { .to-red-500\/50 { --tw-gradient-to: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-50\% { --tw-gradient-to-position: 50%; } .\[mask-image\:linear-gradient\(to_bottom\,black_55\%\,transparent_92\%\)\] { -webkit-mask-image: linear-gradient(#000 55%, #0000 92%); mask-image: linear-gradient(#000 55%, #0000 92%); } .bg-cover { background-size: cover; } .bg-size-\[10px_10px\] { background-size: 10px 10px; } .bg-clip-text { -webkit-background-clip: text; background-clip: text; } .bg-position-\[2px\] { background-position: 2px; } .bg-repeat { background-repeat: repeat; } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-4 { padding: calc(var(--spacing) * 4); } .p-6 { padding: calc(var(--spacing) * 6); } .p-px { padding: 1px; } .px-0\.5 { padding-inline: calc(var(--spacing) * .5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .px-\[6px\] { padding-inline: 6px; } .px-\[24px\] { padding-inline: 24px; } .px-\[calc\(theme\(spacing\[3\]\)-1px\)\] { padding-inline: calc(.75rem - 1px); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-0\.25 { padding-block: calc(var(--spacing) * .25); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-\[1px\] { padding-block: 1px; } .py-\[25px\] { padding-block: 25px; } .py-\[calc\(theme\(spacing\[1\.5\]\)-1px\)\] { padding-block: calc(.375rem - 1px); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-7 { padding-top: calc(var(--spacing) * 7); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-24 { padding-top: calc(var(--spacing) * 24); } .pt-28 { padding-top: calc(var(--spacing) * 28); } .pt-\[2px\] { padding-top: 2px; } .pt-\[21px\] { padding-top: 21px; } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-\[2px\] { padding-bottom: 2px; } .pb-\[10px\] { padding-bottom: 10px; } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-12 { padding-left: calc(var(--spacing) * 12); } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .font-hand { font-family: var(--font-hand); } .font-head { font-family: var(--font-head); } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-2xl\/6 { font-size: var(--text-2xl); line-height: calc(var(--spacing) * 6); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-base\/6 { font-size: var(--text-base); line-height: calc(var(--spacing) * 6); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[0\.8175rem\] { font-size: .8175rem; } .text-\[22px\] { font-size: 22px; } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-\[1\.5rem\] { --tw-leading: 1.5rem; line-height: 1.5rem; } .leading-\[1rem\] { --tw-leading: 1rem; line-height: 1rem; } .leading-\[14px\] { --tw-leading: 14px; line-height: 14px; } .leading-\[48px\] { --tw-leading: 48px; line-height: 48px; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .text-nowrap { text-wrap: nowrap; } .text-wrap { text-wrap: wrap; } .break-all { word-break: break-all; } .hyphens-auto { -webkit-hyphens: auto; hyphens: auto; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .text-\[\#000c\] { color: #000c; } .text-\[\#0003\] { color: #0003; } .text-\[\#0009\] { color: #0009; } .text-\[\#9BA1A6\] { color: #9ba1a6; } .text-\[var\(--vscode-button-foreground\)\] { color: var(--vscode-button-foreground); } .text-\[var\(--vscode-button-secondaryForeground\)\] { color: var(--vscode-button-secondaryForeground); } .text-\[var\(--vscode-input-foreground\)\] { color: var(--vscode-input-foreground); } .text-action-500 { color: var(--color-action-500); } .text-action-700 { color: var(--color-action-700); } .text-amber-300 { color: var(--color-amber-300); } .text-black { color: var(--color-black); } .text-black\/50 { color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .text-black\/50 { color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .text-blue-500 { color: var(--color-blue-500); } .text-cyan-500 { color: var(--color-cyan-500); } .text-emerald-600 { color: var(--color-emerald-600); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-800 { color: var(--color-green-800); } .text-lime-300 { color: var(--color-lime-300); } .text-lime-500 { color: var(--color-lime-500); } .text-lime-600 { color: var(--color-lime-600); } .text-orange-700 { color: var(--color-orange-700); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-stone-500 { color: var(--color-stone-500); } .text-stone-600 { color: var(--color-stone-600); } .text-stone-900 { color: var(--color-stone-900); } .text-transparent { color: #0000; } .text-white { color: var(--color-white); } .text-white\/50 { color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .text-white\/50 { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-yellow-500 { color: var(--color-yellow-500); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .decoration-action-500 { -webkit-text-decoration-color: var(--color-action-500); -webkit-text-decoration-color: var(--color-action-500); text-decoration-color: var(--color-action-500); } .decoration-2 { text-decoration-thickness: 2px; } .decoration-from-font { text-decoration-thickness: from-font; } .underline-offset-2 { text-underline-offset: 2px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: .1; } .opacity-20 { opacity: .2; } .opacity-30 { opacity: .3; } .opacity-40 { opacity: .4; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-80 { opacity: .8; } .opacity-90 { opacity: .9; } .opacity-100 { opacity: 1; } .shadow-\[0_-10px_16px_--alpha\(var\(--color-action-300\)\/20\%\)\] { --tw-shadow: 0 -10px 16px var(--tw-shadow-color, #77d4ff33); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @supports (color: color-mix(in lab, red, red)) { .shadow-\[0_-10px_16px_--alpha\(var\(--color-action-300\)\/20\%\)\] { --tw-shadow: 0 -10px 16px var(--tw-shadow-color, color-mix(in oklab, var(--color-action-300) 20%, transparent)); } } .shadow-\[0_4px_0_0_\#0005\] { --tw-shadow: 0 4px 0 0 var(--tw-shadow-color, #0005); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_0_0_\#80B62FFF\] { --tw-shadow: 0 4px 0 0 var(--tw-shadow-color, #80b62f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_0_0_\#a8890e\] { --tw-shadow: 0 4px 0 0 var(--tw-shadow-color, #a8890e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_10px_16px_--alpha\(var\(--color-action-300\)\/20\%\)\] { --tw-shadow: 0 10px 16px var(--tw-shadow-color, #77d4ff33); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @supports (color: color-mix(in lab, red, red)) { .shadow-\[0_10px_16px_--alpha\(var\(--color-action-300\)\/20\%\)\] { --tw-shadow: 0 10px 16px var(--tw-shadow-color, color-mix(in oklab, var(--color-action-300) 20%, transparent)); } } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .\!ring-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-gray-300 { --tw-ring-color: var(--color-gray-300); } .outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: 2px solid #0000; } } .outline-0 { outline-style: var(--tw-outline-style); outline-width: 0; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .outline-offset-0 { outline-offset: 0px; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .brightness-125 { --tw-brightness: brightness(125%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .brightness-200 { --tw-brightness: brightness(200%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .drop-shadow-xl { --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .filter { filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[1px\] { --tw-backdrop-blur: blur(1px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[10px\] { --tw-backdrop-blur: blur(10px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\] { transition-property: transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .delay-500 { transition-delay: .5s; } .duration-150 { --tw-duration: .15s; transition-duration: .15s; } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .duration-\[500ms\] { --tw-duration: .5s; transition-duration: .5s; } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .will-change-transform { will-change: transform; } .anim2 { animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); } .animate-transform-button-skew-and-color { animation-name: animate-transform-button-skew-and-color; animation-duration: .3s; } .vscode-dark .animate-transform-button-skew-and-color { animation-name: animate-transform-button-skew-and-color_dark; } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .anim-bounce { --animation-easing: linear(0, .004, .016, .035, .063, .098, .141 13.6%, .25, .391, .563, .765, 1, .891 40.9%, .848, .813, .785, .766, .754, .75, .754, .766, .785, .813, .848, .891 68.2%, 1 72.7%, .973, .953, .941, .938, .941, .953, .973, 1, .988, .984, .988, 1); } .anim-custom { --animation-easing: linear(0, .002, .01 3.6%, .034, .074 9.1%, .128 11.4%, .194 13.4%, .271 15%, .344 16.1%, .544, .66 20.6%, .717 22.4%, .765 24.6%, .808 27.3%, .845 30.4%, .883 35.1%, .916 40.6%, .942 47.2%, .963 55%, .979 64%, .991 74.4%, .998 86.4%, 1); } .anim-delay-1000 { --animation-delay: 1s; } .anim-duration-300 { --animation-duration: .3s; } .anim-duration-500 { --animation-duration: .5s; } .anim-duration-600 { --animation-duration: .6s; } .anim-duration-1000 { --animation-duration: 1s; } .anim-duration-2000 { --animation-duration: 2s; } .anim-ease-out { --animation-easing: ease-out; } .anim-elastic { --animation-easing: linear(0, .218 2.1%, .862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, .941 24%, .891 25.9%, .877, .869 27.8%, .87, .882 30.7%, .907 32.4%, .981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, .996 53.3%, .988, .984 57.5%, .985 60.7%, 1.001 68.1%, 1.006 72.2%, .998 86.7%, 1); } .anim-fill-both { --animation-fill-mode: both; } .anim-infinite { --animation-iteration-count: infinite; } .anim-size-3x { --animation-size: 3; } .anim1-fadein { --animation1-name: keyframe-fadein; } .anim2-slide-from-bottom { --animation2-name: keyframe-slide-from-bottom; } .anim2-slide-from-right { --animation2-name: keyframe-slide-from-right; } .ring-inset { --tw-ring-inset: inset; } @media (hover: hover) { .group-hover\:block:is(:where(.group):hover *) { display: block; } .group-hover\:bg-\[\#202425\]:is(:where(.group):hover *) { background-color: #202425; } .group-hover\/arrow\:animate-bounce-but-start-from-bottom:is(:where(.group\/arrow):hover *) { animation: var(--animate-bounce-but-start-from-bottom); } .group-hover\/arrow\:animate-bounce-but-start-from-top:is(:where(.group\/arrow):hover *) { animation: var(--animate-bounce-but-start-from-top); } .group-hover\/hint\:animate-pulse:is(:where(.group\/hint):hover *) { animation: var(--animate-pulse); } .group-hover\/text-expander\:animate-bounce-but-start-from-bottom:is(:where(.group\/text-expander):hover *) { animation: var(--animate-bounce-but-start-from-bottom); } .group-hover\/text-expander\:text-action-500:is(:where(.group\/text-expander):hover *) { color: var(--color-action-500); } .group-hover\/text-expander\:opacity-100:is(:where(.group\/text-expander):hover *), .group-hover\/video\:opacity-100:is(:where(.group\/video):hover *) { opacity: 1; } } .group-active\/button2\:translate-y-\[1px\]:is(:where(.group\/button2):active *) { --tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-active\/button2\:translate-y-\[2px\]:is(:where(.group\/button2):active *) { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-active\/button2\:translate-y-\[3px\]:is(:where(.group\/button2):active *) { --tw-translate-y: 3px; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-active\/button2\:translate-y-\[4px\]:is(:where(.group\/button2):active *) { --tw-translate-y: 4px; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-active\/button2\:translate-y-\[6px\]:is(:where(.group\/button2):active *) { --tw-translate-y: 6px; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-active\/quiz-options\:translate-y-1:is(:where(.group\/quiz-options):active *) { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-\[\.is-scrolling\]\:hidden:is(:where(.group).is-scrolling *) { display: none; } .selection\:bg-\[\#151718\] ::selection { background-color: #151718; } .selection\:bg-\[\#151718\]::selection { background-color: #151718; } .selection\:text-\[\#6355FF\] ::selection { color: #6355ff; } .selection\:text-\[\#6355FF\]::selection { color: #6355ff; } .placeholder\:text-\[var\(--vscode-input-foreground\)\]::placeholder { color: var(--vscode-input-foreground); } .placeholder\:opacity-50::placeholder { opacity: .5; } .before\:absolute:before { content: var(--tw-content); position: absolute; } .before\:inset-0:before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } .before\:inset-px:before { content: var(--tw-content); inset: 1px; } .before\:z-0:before { content: var(--tw-content); z-index: 0; } .before\:rounded-\[calc\(theme\(borderRadius\.md\)-1px\)\]:before { content: var(--tw-content); border-radius: calc(.375rem - 1px); } .before\:rounded-full:before { content: var(--tw-content); border-radius: 3.40282e38px; } .before\:rounded-lg:before { content: var(--tw-content); border-radius: var(--radius-lg); } .before\:rounded-md:before { content: var(--tw-content); border-radius: var(--radius-md); } .before\:rounded-xl:before { content: var(--tw-content); border-radius: var(--radius-xl); } .before\:rounded-xs:before { content: var(--tw-content); border-radius: var(--radius-xs); } .before\:rounded-l-none:before { content: var(--tw-content); border-top-left-radius: 0; border-bottom-left-radius: 0; } .before\:rounded-l-sm:before { content: var(--tw-content); border-top-left-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } .before\:rounded-r:before { content: var(--tw-content); border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .before\:rounded-r-none:before { content: var(--tw-content); border-top-right-radius: 0; border-bottom-right-radius: 0; } .before\:rounded-r-sm:before { content: var(--tw-content); border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); } .before\:bg-\[color-mix\(in_srgb\,var\(--vscode-button-background\)\,\#222\)\]:before { content: var(--tw-content); background-color: var(--vscode-button-background); } @supports (color: color-mix(in lab, red, red)) { .before\:bg-\[color-mix\(in_srgb\,var\(--vscode-button-background\)\,\#222\)\]:before { background-color: color-mix(in srgb, var(--vscode-button-background), #222); } } .before\:bg-\[color-mix\(in_srgb\,var\(--vscode-button-secondaryBackground\)\,\#0009\)\]:before { content: var(--tw-content); background-color: var(--vscode-button-secondaryBackground); } @supports (color: color-mix(in lab, red, red)) { .before\:bg-\[color-mix\(in_srgb\,var\(--vscode-button-secondaryBackground\)\,\#0009\)\]:before { background-color: color-mix(in srgb, var(--vscode-button-secondaryBackground), #0009); } } .before\:bg-action-700:before { content: var(--tw-content); background-color: var(--color-action-700); } .before\:bg-gray-300:before { content: var(--tw-content); background-color: var(--color-gray-300); } .before\:bg-lime-700:before { content: var(--tw-content); background-color: var(--color-lime-700); } .before\:bg-rose-700:before { content: var(--tw-content); background-color: var(--color-rose-700); } .before\:bg-stone-700:before { content: var(--tw-content); background-color: var(--color-stone-700); } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:inset-0:after { content: var(--tw-content); inset: calc(var(--spacing) * 0); } .after\:z-0:after { content: var(--tw-content); z-index: 0; } .after\:-translate-y-\[1px\]:after { content: var(--tw-content); --tw-translate-y: calc(1px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .after\:-translate-y-\[2px\]:after { content: var(--tw-content); --tw-translate-y: calc(2px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .after\:-translate-y-\[3px\]:after { content: var(--tw-content); --tw-translate-y: calc(3px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .after\:-translate-y-\[4px\]:after { content: var(--tw-content); --tw-translate-y: calc(4px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .after\:-translate-y-\[6px\]:after { content: var(--tw-content); --tw-translate-y: calc(6px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .after\:animate-button-flowing-gradient:after { content: var(--tw-content); content: var(--tw-content); animation: 1s linear infinite flowing-gradient; background-image: linear-gradient(135deg, #fff3 25%, #0000 25% 50%, #fff3 50% 75%, #0000 75%, #0000) !important; background-size: 100px 100px !important; } .after\:rounded-full:after { content: var(--tw-content); border-radius: 3.40282e38px; } .after\:rounded-lg:after { content: var(--tw-content); border-radius: var(--radius-lg); } .after\:rounded-md:after { content: var(--tw-content); border-radius: var(--radius-md); } .after\:rounded-xl:after { content: var(--tw-content); border-radius: var(--radius-xl); } .after\:rounded-xs:after { content: var(--tw-content); border-radius: var(--radius-xs); } .after\:rounded-l-none:after { content: var(--tw-content); border-top-left-radius: 0; border-bottom-left-radius: 0; } .after\:rounded-l-sm:after { content: var(--tw-content); border-top-left-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } .after\:rounded-r:after { content: var(--tw-content); border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .after\:rounded-r-none:after { content: var(--tw-content); border-top-right-radius: 0; border-bottom-right-radius: 0; } .after\:rounded-r-sm:after { content: var(--tw-content); border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); } .after\:border:after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } .after\:border-\[color-mix\(in_srgb\,var\(--vscode-button-background\)\,\#222\)\]:after { content: var(--tw-content); border-color: var(--vscode-button-background); } @supports (color: color-mix(in lab, red, red)) { .after\:border-\[color-mix\(in_srgb\,var\(--vscode-button-background\)\,\#222\)\]:after { border-color: color-mix(in srgb, var(--vscode-button-background), #222); } } .after\:border-\[color-mix\(in_srgb\,var\(--vscode-button-secondaryBackground\)\,\#444\)\]:after { content: var(--tw-content); border-color: var(--vscode-button-secondaryBackground); } @supports (color: color-mix(in lab, red, red)) { .after\:border-\[color-mix\(in_srgb\,var\(--vscode-button-secondaryBackground\)\,\#444\)\]:after { border-color: color-mix(in srgb, var(--vscode-button-secondaryBackground), #444); } } .after\:border-action-700:after { content: var(--tw-content); border-color: var(--color-action-700); } .after\:border-gray-300:after { content: var(--tw-content); border-color: var(--color-gray-300); } .after\:border-lime-700:after { content: var(--tw-content); border-color: var(--color-lime-700); } .after\:border-rose-700:after { content: var(--tw-content); border-color: var(--color-rose-700); } .after\:border-stone-700:after { content: var(--tw-content); border-color: var(--color-stone-700); } .after\:bg-\[var\(--vscode-button-background\)\]:after { content: var(--tw-content); background-color: var(--vscode-button-background); } .after\:bg-\[var\(--vscode-button-secondaryBackground\)\]:after { content: var(--tw-content); background-color: var(--vscode-button-secondaryBackground); } .after\:bg-action-500:after { content: var(--tw-content); background-color: var(--color-action-500); } .after\:bg-lime-500:after { content: var(--tw-content); background-color: var(--color-lime-500); } .after\:bg-rose-500:after { content: var(--tw-content); background-color: var(--color-rose-500); } .after\:bg-stone-500:after { content: var(--tw-content); background-color: var(--color-stone-500); } .after\:bg-white:after { content: var(--tw-content); background-color: var(--color-white); } .after\:transition-\[transform\]:after { content: var(--tw-content); transition-property: transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .last\:mb-0:last-child { margin-bottom: calc(var(--spacing) * 0); } .first-of-type\:pt-4:first-of-type { padding-top: calc(var(--spacing) * 4); } .last-of-type\:rounded-b-\[6px\]:last-of-type { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .last-of-type\:pb-4:last-of-type { padding-bottom: calc(var(--spacing) * 4); } .focus-within\:border-\[\#000\]\/50:focus-within { border-color: oklab(0% none none / .5) oklab(0% none none / .5) oklab(0% none none / .5) oklab(0% none none / .5); } .focus-within\:\!bg-\[\#000\]\/5:focus-within { background-color: oklab(0% none none / .05) !important; } .focus-within\:ring-\[3px\]:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-\[\#000\]\/20:focus-within { --tw-ring-color: oklab(0% none none / .2); } @media (hover: hover) { .hover\:cursor-pointer:hover { cursor: pointer; } .hover\:bg-\[\#000\]\/5:hover { background-color: oklab(0% none none / .05); } .hover\:bg-\[\#0001\]:hover { background-color: #0001; } .hover\:bg-\[\#0002\]:hover { background-color: #0002; } .hover\:bg-\[color-mix\(in_srgb\,\#0ea5e9_30\%\,transparent\)\]:hover { background-color: #0ea5e94d; } .hover\:bg-black\/5:hover { background-color: #0000000d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/5:hover { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .hover\:bg-white:hover { background-color: var(--color-white); } .hover\:bg-linear-to-l:hover { --tw-gradient-position: to left; background-image: linear-gradient(var(--tw-gradient-stops)); } @supports (background-image: linear-gradient(in lab, red, red)) { .hover\:bg-linear-to-l:hover { --tw-gradient-position: to left in oklab; } } .hover\:bg-linear-to-r:hover { --tw-gradient-position: to right; background-image: linear-gradient(var(--tw-gradient-stops)); } @supports (background-image: linear-gradient(in lab, red, red)) { .hover\:bg-linear-to-r:hover { --tw-gradient-position: to right in oklab; } } .hover\:to-action-500\/5:hover { --tw-gradient-to: #00a5ef0d; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } @supports (color: color-mix(in lab, red, red)) { .hover\:to-action-500\/5:hover { --tw-gradient-to: color-mix(in oklab, var(--color-action-500) 5%, transparent); } } .hover\:text-\[\#000f\]:hover { color: #000; } .hover\:text-action-500:hover { color: var(--color-action-500); } .hover\:text-black:hover { color: var(--color-black); } .hover\:text-gray-200:hover { color: var(--color-gray-200); } .hover\:text-orange-500:hover { color: var(--color-orange-500); } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:decoration-action-600:hover { -webkit-text-decoration-color: var(--color-action-600); -webkit-text-decoration-color: var(--color-action-600); text-decoration-color: var(--color-action-600); } .hover\:opacity-100:hover { opacity: 1; } .hover\:shadow-\[2px_0_color-mix\(in_srgb\,\#0ea5e9_30\%\,transparent\)\,_-2px_0_color-mix\(in_srgb\,\#0ea5e9_30\%\,transparent\)\]:hover { --tw-shadow: 2px 0 var(--tw-shadow-color, #0ea5e94d), -2px 0 var(--tw-shadow-color, #0ea5e94d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:brightness-95:hover { --tw-brightness: brightness(95%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .hover\:brightness-110:hover { --tw-brightness: brightness(110%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .hover\:brightness-120:hover { --tw-brightness: brightness(120%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } } .focus\:border-none:focus { --tw-border-style: none; border-style: none; } .focus\:ring:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-\[var\(--vscode-focusBorder\)\]:focus { --tw-ring-color: var(--vscode-focusBorder); } .focus\:ring-gray-200:focus { --tw-ring-color: var(--color-gray-200); } .focus\:ring-indigo-600:focus { --tw-ring-color: var(--color-indigo-600); } .focus\:ring-sky-600:focus { --tw-ring-color: var(--color-sky-600); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid #0000; } } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:bg-\[\#0001\]:focus-visible { background-color: #0001; } .focus-visible\:opacity-100:focus-visible { opacity: 1; } .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-3:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-action-200:focus-visible { --tw-ring-color: var(--color-action-200); } .focus-visible\:ring-action-500:focus-visible { --tw-ring-color: var(--color-action-500); } .focus-visible\:ring-gray-200:focus-visible { --tw-ring-color: var(--color-gray-200); } .focus-visible\:ring-lime-200:focus-visible { --tw-ring-color: var(--color-lime-200); } .focus-visible\:ring-rose-200:focus-visible { --tw-ring-color: var(--color-rose-200); } .focus-visible\:ring-stone-200:focus-visible { --tw-ring-color: var(--color-stone-200); } .focus-visible\:outline-0:focus-visible { outline-style: var(--tw-outline-style); outline-width: 0; } .active\:bg-linear-to-l:active { --tw-gradient-position: to left; background-image: linear-gradient(var(--tw-gradient-stops)); } @supports (background-image: linear-gradient(in lab, red, red)) { .active\:bg-linear-to-l:active { --tw-gradient-position: to left in oklab; } } .active\:bg-linear-to-r:active { --tw-gradient-position: to right; background-image: linear-gradient(var(--tw-gradient-stops)); } @supports (background-image: linear-gradient(in lab, red, red)) { .active\:bg-linear-to-r:active { --tw-gradient-position: to right in oklab; } } .active\:to-action-500\/10:active { --tw-gradient-to: #00a5ef1a; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } @supports (color: color-mix(in lab, red, red)) { .active\:to-action-500\/10:active { --tw-gradient-to: color-mix(in oklab, var(--color-action-500) 10%, transparent); } } .active\:shadow-none:active { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .active\:brightness-90:active { --tw-brightness: brightness(90%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .active\:brightness-\[0\.8\]:active { --tw-brightness: brightness(.8); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .active\:after\:translate-y-0:active:after { content: var(--tw-content); --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } @media not all and (min-width: 490px) { .max-sm\:hidden { display: none; } .max-sm\:w-full { width: 100%; } .max-sm\:pt-14 { padding-top: calc(var(--spacing) * 14); } .max-sm\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } @media not all and (min-width: 80rem) { .max-xl\:hidden { display: none; } } @media not all and (min-width: 64rem) { .max-lg\:hidden { display: none; } .max-lg\:py-2 { padding-block: calc(var(--spacing) * 2); } } @media not all and (min-width: 48rem) { .max-md\:-mb-4 { margin-bottom: calc(var(--spacing) * -4); } .max-md\:hidden { display: none; } .max-md\:w-full { width: 100%; } } @media (min-width: 300px) { .xxs\:hidden { display: none; } .xxs\:justify-between { justify-content: space-between; } .xxs\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .xxs\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } @media (min-width: 400px) { .xs\:-mt-6 { margin-top: calc(var(--spacing) * -6); } .xs\:mt-0 { margin-top: calc(var(--spacing) * 0); } .xs\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } .xs\:flex { display: flex; } .xs\:inline { display: inline; } .xs\:w-1\/3 { width: 33.3333%; } .xs\:w-2\/3 { width: 66.6667%; } .xs\:flex-row { flex-direction: row; } .xs\:flex-row-reverse { flex-direction: row-reverse; } .xs\:items-center { align-items: center; } .xs\:items-start { align-items: flex-start; } .xs\:justify-between { justify-content: space-between; } .xs\:gap-4 { gap: calc(var(--spacing) * 4); } .xs\:px-10 { padding-inline: calc(var(--spacing) * 10); } .xs\:py-0 { padding-block: calc(var(--spacing) * 0); } .xs\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .xs\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .xs\:whitespace-nowrap { white-space: nowrap; } } @media (min-width: 490px) { .sm\:-bottom-\[0px\] { bottom: 0; } .sm\:-mx-6 { margin-inline: calc(var(--spacing) * -6); } .sm\:-mt-8 { margin-top: calc(var(--spacing) * -8); } .sm\:mt-12 { margin-top: calc(var(--spacing) * 12); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:-mr-6 { margin-right: calc(var(--spacing) * -6); } .sm\:-mb-6 { margin-bottom: calc(var(--spacing) * -6); } .sm\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } .sm\:mb-16 { margin-bottom: calc(var(--spacing) * 16); } .sm\:ml-0 { margin-left: calc(var(--spacing) * 0); } .sm\:ml-2 { margin-left: calc(var(--spacing) * 2); } .sm\:flex { display: flex; } .sm\:hidden { display: none; } .sm\:inline { display: inline; } .sm\:inline-flex { display: inline-flex; } .sm\:h-\[38px\] { height: 38px; } .sm\:h-\[600px\] { height: 600px; } .sm\:min-h-14 { min-height: calc(var(--spacing) * 14); } .sm\:w-auto { width: auto; } .sm\:max-w-\[calc\(50rem\+var\(--spacing\,0\.25rem\)\*6\*2\)\] { max-width: calc(50rem + var(--spacing, .25rem) * 6 * 2); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-\[calc\(220px\)_minmax\(0\,1fr\)\] { grid-template-columns: 220px minmax(0, 1fr); } .sm\:flex-col { flex-direction: column; } .sm\:flex-row { flex-direction: row; } .sm\:items-center { align-items: center; } .sm\:justify-between { justify-content: space-between; } .sm\:justify-start { justify-content: flex-start; } .sm\:gap-0 { gap: calc(var(--spacing) * 0); } .sm\:gap-4 { gap: calc(var(--spacing) * 4); } .sm\:bg-\[\#5A6369\]\/\[18\%\] { background-color: oklab(49.4017% -.00804688 -.012334 / .18); } .sm\:bg-transparent { background-color: #0000; } .sm\:from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-12 { padding-inline: calc(var(--spacing) * 12); } .sm\:py-16 { padding-block: calc(var(--spacing) * 16); } .sm\:py-24 { padding-block: calc(var(--spacing) * 24); } .sm\:pb-4 { padding-bottom: calc(var(--spacing) * 4); } .sm\:text-center { text-align: center; } .sm\:align-middle { vertical-align: middle; } .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .sm\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .sm\:text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .sm\:leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .sm\:hyphens-none { -webkit-hyphens: none; hyphens: none; } .sm\:whitespace-nowrap { white-space: nowrap; } .sm\:\[text-shadow\:_0px_-2px_0_rgb\(255_255_255_\/_75\%\)\] { text-shadow: 0 -2px #ffffffbf; } } @media (min-width: 48rem) { .md\:absolute { position: absolute; } .md\:fixed { position: fixed; } .md\:-top-1 { top: calc(var(--spacing) * -1); } .md\:top-0 { top: calc(var(--spacing) * 0); } .md\:top-14 { top: calc(var(--spacing) * 14); } .md\:right-0 { right: calc(var(--spacing) * 0); } .md\:right-auto { right: auto; } .md\:left-6 { left: calc(var(--spacing) * 6); } .md\:z-10 { z-index: 10; } .md\:col-start-1 { grid-column-start: 1; } .md\:col-start-2 { grid-column-start: 2; } .md\:col-start-4 { grid-column-start: 4; } .md\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .md\:my-16 { margin-block: calc(var(--spacing) * 16); } .md\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } .md\:ml-5 { margin-left: calc(var(--spacing) * 5); } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:inline { display: inline; } .md\:h-10 { height: calc(var(--spacing) * 10); } .md\:h-14 { height: calc(var(--spacing) * 14); } .md\:max-h-\[calc\(100dvh-\(var\(--spacing\)\*14\)\)\] { max-height: calc(100dvh - (var(--spacing) * 14)); } .md\:min-h-\[calc\(100dvh-\(var\(--spacing\)\*14\)\)\] { min-height: calc(100dvh - (var(--spacing) * 14)); } .md\:w-1\/2 { width: 50%; } .md\:w-10 { width: calc(var(--spacing) * 10); } .md\:w-\[calc\(100vw-6rem\)\] { width: calc(100vw - 6rem); } .md\:max-w-\[84rem\] { max-width: 84rem; } .md\:max-w-\[400px\] { max-width: 400px; } .md\:max-w-\[calc\(50rem\+var\(--spacing\,0\.25rem\)\*8\*2\)\] { max-width: calc(50rem + var(--spacing, .25rem) * 8 * 2); } .md\:max-w-\[calc\(50rem\+var\(--spacing\,0\.25rem\)\*10\*2\)\] { max-width: calc(50rem + var(--spacing, .25rem) * 10 * 2); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-\[calc\(var\(--container-2xs\)\)_minmax\(0\,1fr\)\] { grid-template-columns: calc(var(--container-2xs)) minmax(0, 1fr); } .md\:flex-col { flex-direction: column; } .md\:flex-row { flex-direction: row; } .md\:items-center { align-items: center; } .md\:items-start { align-items: flex-start; } .md\:justify-between { justify-content: space-between; } .md\:justify-center { justify-content: center; } .md\:gap-2 { gap: calc(var(--spacing) * 2); } .md\:gap-12 { gap: calc(var(--spacing) * 12); } .md\:rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } .md\:px-10 { padding-inline: calc(var(--spacing) * 10); } .md\:pt-14 { padding-top: calc(var(--spacing) * 14); } .md\:pr-4 { padding-right: calc(var(--spacing) * 4); } .md\:text-left { text-align: left; } .md\:hyphens-none { -webkit-hyphens: none; hyphens: none; } } @media (min-width: 64rem) { .lg\:col-start-3 { grid-column-start: 3; } .lg\:-mx-\[2\.5rem\] { margin-inline: -2.5rem; } .lg\:ml-15 { margin-left: calc(var(--spacing) * 15); } .lg\:block { display: block; } .lg\:min-h-7 { min-height: calc(var(--spacing) * 7); } .lg\:grid-cols-\[calc\(260px\)_2\.5rem_minmax\(0\,1fr\)_2\.5rem\] { grid-template-columns: 260px 2.5rem minmax(0, 1fr) 2.5rem; } .lg\:grid-cols-\[calc\(var\(--container-2xs\)\)_2\.5rem_minmax\(0\,1fr\)_2\.5rem\] { grid-template-columns: calc(var(--container-2xs)) 2.5rem minmax(0, 1fr) 2.5rem; } .lg\:grid-cols-\[calc\(var\(--container-2xs\)\)_2\.5rem_minmax\(0\,3fr\)_2\.5rem\] { grid-template-columns: calc(var(--container-2xs)) 2.5rem minmax(0, 3fr) 2.5rem; } .lg\:flex-row { flex-direction: row; } .lg\:justify-center { justify-content: center; } .lg\:gap-8 { gap: calc(var(--spacing) * 8); } .lg\:px-6 { padding-inline: calc(var(--spacing) * 6); } .lg\:px-10 { padding-inline: calc(var(--spacing) * 10); } .lg\:pr-0 { padding-right: calc(var(--spacing) * 0); } } @media (min-width: 80rem) { .xl\:col-start-5 { grid-column-start: 5; } .xl\:-mx-\[5rem\] { margin-inline: -5rem; } .xl\:hidden { display: none; } .xl\:grid-cols-\[calc\(260px\)_5rem_minmax\(0\,1fr\)_5rem\] { grid-template-columns: 260px 5rem minmax(0, 1fr) 5rem; } .xl\:grid-cols-\[calc\(var\(--container-2xs\)\)_5rem_minmax\(0\,1fr\)_5rem\] { grid-template-columns: calc(var(--container-2xs)) 5rem minmax(0, 1fr) 5rem; } } @container (min-width: 1200px) { .\@min-\[1200px\]\:opacity-100 { opacity: 1; } } @container (min-width: 1400px) { .\@min-\[1400px\]\:opacity-100 { opacity: 1; } } @container (min-width: 28rem) { .\@md\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .\@md\:max-w-\[50rem\] { max-width: 50rem; } .\@md\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .\@md\:rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } } .vscode-dark .dark\:block { display: block; } .vscode-dark .dark\:hidden { display: none; } .vscode-dark .dark\:border-\[\#fff1\] { border-color: #fff1; } .vscode-dark .dark\:border-\[\#fff3\] { border-color: #fff3; } .vscode-dark .dark\:border-\[\#fff\]\/20 { border-color: oklab(100% 0 5.96046e-8 / .2); } .vscode-dark .dark\:border-stone-700 { border-color: var(--color-stone-700); } .vscode-dark .dark\:border-white\/10 { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:border-white\/10 { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .vscode-dark .dark\:border-t-\[\#fff1\] { border-top-color: #fff1; } .vscode-dark .dark\:border-t-\[\#fff2\] { border-top-color: #fff2; } .vscode-dark .dark\:border-l-\[\#fff3\], .vscode-dark .dark\:border-l-white\/20 { border-left-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:border-l-white\/20 { border-left-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .vscode-dark .dark\:bg-\[\#fff1\] { background-color: #fff1; } .vscode-dark .dark\:bg-\[\#fff\]\/10 { background-color: oklab(100% 0 5.96046e-8 / .1); } .vscode-dark .dark\:bg-\[color-mix\(in_srgb\,\#fff_50\%\,var\(--plugin-background\)\)\] { background-color: #fff; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:bg-\[color-mix\(in_srgb\,\#fff_50\%\,var\(--plugin-background\)\)\] { background-color: color-mix(in srgb, #fff 50%, var(--plugin-background)); } } .vscode-dark .dark\:bg-\[color-mix\(in_srgb\,\#fff_70\%\,var\(--plugin-background\)\)\] { background-color: #fff; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:bg-\[color-mix\(in_srgb\,\#fff_70\%\,var\(--plugin-background\)\)\] { background-color: color-mix(in srgb, #fff 70%, var(--plugin-background)); } } .vscode-dark .dark\:bg-action-800 { background-color: var(--color-action-800); } .vscode-dark .dark\:bg-black { background-color: var(--color-black); } .vscode-dark .dark\:bg-black\/10 { background-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:bg-black\/10 { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .vscode-dark .dark\:bg-black\/30 { background-color: #0000004d; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:bg-black\/30 { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .vscode-dark .dark\:bg-black\/50 { background-color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:bg-black\/50 { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .vscode-dark .dark\:bg-green-900 { background-color: var(--color-green-900); } .vscode-dark .dark\:bg-red-950\/30 { background-color: #4608094d; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:bg-red-950\/30 { background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent); } } .vscode-dark .dark\:bg-stone-300 { background-color: var(--color-stone-300); } .vscode-dark .dark\:bg-stone-400 { background-color: var(--color-stone-400); } .vscode-dark .dark\:bg-stone-900 { background-color: var(--color-stone-900); } .vscode-dark .dark\:from-\[\#fff1\] { --tw-gradient-from: #fff1; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .vscode-dark .dark\:from-\[rgba\(0\,0\,0\,0\.3\)\] { --tw-gradient-from: #0000004d; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .vscode-dark .dark\:text-\[\#fff3\] { color: #fff3; } .vscode-dark .dark\:text-\[\#fff9\] { color: #fff9; } .vscode-dark .dark\:text-\[\#fffc\] { color: #fffc; } .vscode-dark .dark\:text-action-300 { color: var(--color-action-300); } .vscode-dark .dark\:text-emerald-300 { color: var(--color-emerald-300); } .vscode-dark .dark\:text-gray-300 { color: var(--color-gray-300); } .vscode-dark .dark\:text-green-300 { color: var(--color-green-300); } .vscode-dark .dark\:text-orange-700 { color: var(--color-orange-700); } .vscode-dark .dark\:text-white { color: var(--color-white); } .vscode-dark .dark\:text-white\/50 { color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:text-white\/50 { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .vscode-dark .dark\:shadow-\[0_-10px_16px_--alpha\(var\(--color-action-500\)\/30\%\)\] { --tw-shadow: 0 -10px 16px var(--tw-shadow-color, #00a5ef4d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:shadow-\[0_-10px_16px_--alpha\(var\(--color-action-500\)\/30\%\)\] { --tw-shadow: 0 -10px 16px var(--tw-shadow-color, color-mix(in oklab, var(--color-action-500) 30%, transparent)); } } .vscode-dark .dark\:shadow-\[0_4px_0_0_\#577B1D\] { --tw-shadow: 0 4px 0 0 var(--tw-shadow-color, #577b1d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .vscode-dark .dark\:shadow-\[0_4px_0_0_\#645208\] { --tw-shadow: 0 4px 0 0 var(--tw-shadow-color, #645208); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .vscode-dark .dark\:shadow-\[0_4px_0_0_\#fff5\] { --tw-shadow: 0 4px 0 0 var(--tw-shadow-color, #fff5); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .vscode-dark .dark\:shadow-\[0_10px_16px_--alpha\(var\(--color-action-500\)\/30\%\)\] { --tw-shadow: 0 10px 16px var(--tw-shadow-color, #00a5ef4d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:shadow-\[0_10px_16px_--alpha\(var\(--color-action-500\)\/30\%\)\] { --tw-shadow: 0 10px 16px var(--tw-shadow-color, color-mix(in oklab, var(--color-action-500) 30%, transparent)); } } .vscode-dark .dark\:brightness-125 { --tw-brightness: brightness(125%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .vscode-dark .dark\:before\:hidden:before { content: var(--tw-content); display: none; } .vscode-dark .dark\:before\:bg-\[color-mix\(in_srgb\,var\(--vscode-button-secondaryBackground\)\,\#0005\)\]:before { content: var(--tw-content); background-color: var(--vscode-button-secondaryBackground); } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:before\:bg-\[color-mix\(in_srgb\,var\(--vscode-button-secondaryBackground\)\,\#0005\)\]:before { background-color: color-mix(in srgb, var(--vscode-button-secondaryBackground), #0005); } } .vscode-dark .dark\:after\:border-\[color-mix\(in_srgb\,var\(--vscode-button-secondaryBackground\)\,\#0009\)\]:after { content: var(--tw-content); border-color: var(--vscode-button-secondaryBackground); } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:after\:border-\[color-mix\(in_srgb\,var\(--vscode-button-secondaryBackground\)\,\#0009\)\]:after { border-color: color-mix(in srgb, var(--vscode-button-secondaryBackground), #0009); } } .vscode-dark .focus-within\:dark\:border-\[\#fff\]\/50:focus-within { border-color: oklab(100% 0 5.96046e-8 / .5); } .vscode-dark .focus-within\:dark\:ring-\[3px\]:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .vscode-dark .focus-within\:dark\:ring-\[\#fff\]\/20:focus-within { --tw-ring-color: oklab(100% 0 5.96046e-8 / .2); } @media (hover: hover) { .vscode-dark .dark\:hover\:bg-\[\#fff1\]:hover { background-color: #fff1; } .vscode-dark .dark\:hover\:bg-\[\#fff2\]:hover { background-color: #fff2; } .vscode-dark .dark\:hover\:bg-\[\#fff\]\/5:hover { background-color: oklab(100% 0 5.96046e-8 / .05); } .vscode-dark .dark\:hover\:bg-white\/5:hover { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .vscode-dark .dark\:hover\:bg-white\/5:hover { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .vscode-dark .dark\:hover\:text-\[\#ffff\]:hover { color: #fff; } .vscode-dark .dark\:hover\:text-white:hover { color: var(--color-white); } } .vscode-dark .dark\:focus-visible\:bg-\[\#fff1\]:focus-visible { background-color: #fff1; } [data-vscode-theme-name="Light High Contrast"] .contrast\:rounded-none { border-radius: 0; } [data-vscode-theme-name="Light High Contrast"] .contrast\:border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } [data-vscode-theme-name="Light High Contrast"] .contrast\:bg-none { background-image: none; } [data-vscode-theme-name="Light High Contrast"] .contrast\:p-0 { padding: calc(var(--spacing) * 0); } [data-vscode-theme-name="Light High Contrast"] .contrast\:text-black { color: var(--color-black); } [data-vscode-theme-name="Light High Contrast"] .contrast\:opacity-100 { opacity: 1; } [data-vscode-theme-name="Dark High Contrast"] .contrast-dark\:text-white { color: var(--color-white); } @supports (-webkit-app-region: inherit) { .chrome\:flex { display: flex; } } .\[\&_h4\]\:mb-4 h4 { margin-bottom: calc(var(--spacing) * 4); } .\[\&_h4\]\:font-head h4 { font-family: var(--font-head); } .\[\&_h4\]\:text-base h4 { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .\[\&_h4\]\:font-bold h4 { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .\[\&_h4\]\:text-white h4 { color: var(--color-white); } .\[\&_li\]\:ml-3 li { margin-left: calc(var(--spacing) * 3); } .\[\&_ul\]\:list-outside ul { list-style-position: outside; } .\[\&_ul\]\:list-disc ul { list-style-type: disc; } :where(.\[\&_ul\]\:space-y-2 ul > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } .\[\&\>\.cell\]\:rounded-xl > .cell { border-radius: var(--radius-xl); } .\[\&\>\.cell\]\:bg-white\/10 > .cell { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .\[\&\>\.cell\]\:bg-white\/10 > .cell { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .\[\&\>\.cell\]\:transition-all > .cell { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .\[\&\>\.cell\]\:duration-500 > .cell { --tw-duration: .5s; transition-duration: .5s; } .\[\&\>\.cell\:hover\]\:bg-black > .cell:hover { background-color: var(--color-black); } .\[\&\>div\]\:px-6 > div { padding-inline: calc(var(--spacing) * 6); } .\[\&\>div\]\:py-4 > div { padding-block: calc(var(--spacing) * 4); } .\[\&\>div\]\:pb-6 > div { padding-bottom: calc(var(--spacing) * 6); } } @font-face { font-family: Chakra Petch; font-style: italic; font-weight: 200; font-display: swap; src: url("/fonts/ChakraPetch-ExtraLightItalic.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: italic; font-weight: 300; font-display: swap; src: url("/fonts/ChakraPetch-LightItalic.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/ChakraPetch-Italic.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/ChakraPetch-MediumItalic.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: italic; font-weight: 600; font-display: swap; src: url("/fonts/ChakraPetch-SemiBoldItalic.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: italic; font-weight: 700; font-display: swap; src: url("/fonts/ChakraPetch-BoldItalic.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: normal; font-weight: 200; font-display: swap; src: url("/fonts/ChakraPetch-ExtraLight.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/ChakraPetch-Light.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/ChakraPetch-Regular.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/ChakraPetch-Medium.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/ChakraPetch-SemiBold.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/ChakraPetch-Bold.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: italic; font-weight: 300; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Light_Italic.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Regular_Italic.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Medium_Italic.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: italic; font-weight: 600; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-SemiBold_Italic.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: italic; font-weight: 700; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Bold_Italic.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Light.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Regular.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Medium.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-SemiBold.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Bold.woff2") format("woff2"); } @font-face { font-family: InterVariable; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/InterVariable.woff2") format("woff2"); } @font-face { font-family: InterVariable; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/fonts/InterVariable-Italic.woff2") format("woff2"); } @keyframes keyframe-fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes keyframe-fadeout { from { opacity: 1; } to { opacity: 0; } } @keyframes keyframe-slide-from-top { from { transform: translateY(calc(-20px * var(--animation-size))); } to { transform: translateY(0); } } @keyframes keyframe-slide-from-bottom { from { transform: translateY(calc(20px * var(--animation-size))); } to { transform: translateY(0); } } @keyframes keyframe-slide-from-left { from { transform: translateX(calc(-20px * var(--animation-size))); } to { transform: translateX(0); } } @keyframes keyframe-slide-from-right { from { transform: translateX(calc(20px * var(--animation-size))); } to { transform: translateX(0); } } @keyframes keyframe-slide-top { from { transform: translateY(0); } to { transform: translateY(calc(-20px * var(--animation-size))); } } @keyframes keyframe-slide-bottom { from { transform: translateY(0); } to { transform: translateY(calc(20px * var(--animation-size))); } } @keyframes keyframe-slide-left { from { transform: translateX(0); } to { transform: translateX(calc(-20px * var(--animation-size))); } } @keyframes keyframe-slide-right { from { transform: translateX(0); } to { transform: translateX(calc(20px * var(--animation-size))); } } @keyframes keyframe-shake-x { 0% { filter: hue-rotate(-60deg) brightness(.5); transform: translateX(0); } 25% { transform: translateX(-5px); } 50% { transform: translateX(5px); } 75% { transform: translateX(-5px); } 100% { filter: hue-rotate() brightness(); transform: translateX(0); } } @keyframes keyframe-pop { from { filter: brightness(); } 50% { filter: brightness(2); } to { filter: brightness(); } } @keyframes keyframe-on-off { 0% { opacity: 0; } 50% { opacity: 0; } 51% { opacity: 1; } 100% { opacity: 1; } } @keyframes flowing-gradient { 0% { background-position: -100px 0; } 100% { background-position: 0 0; } } @keyframes ping2 { 75%, 100% { opacity: 0; transform: scale(8); } } @keyframes ping3 { 0%, 100% { opacity: 1; scale: 1; } 50% { opacity: .5; scale: 8; } } @keyframes animate-transform-button-skew-and-color { 0% { background: var(--button-action-color); transform: none; } to { background: #0001; transform: skewX(-10deg); } } @keyframes animate-transform-button-skew-and-color_dark { 0% { background: var(--button-action-color); transform: none; } to { background: #fff1; transform: skewX(-10deg); } } @keyframes random-text-style { 0% { font-weight: 100; } 50% { font-weight: 900; } 100% { font-weight: 100; } } @keyframes flicker { 0% { opacity: .1; } 50% { opacity: .2; } 60% { opacity: .1; } 62% { opacity: .2; } 100% { opacity: .1; } } @font-face { font-family: Chakra Petch; font-style: italic; font-weight: 200; font-display: swap; src: url("/fonts/ChakraPetch-ExtraLightItalic.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: italic; font-weight: 300; font-display: swap; src: url("/fonts/ChakraPetch-LightItalic.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/ChakraPetch-Italic.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/ChakraPetch-MediumItalic.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: italic; font-weight: 600; font-display: swap; src: url("/fonts/ChakraPetch-SemiBoldItalic.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: italic; font-weight: 700; font-display: swap; src: url("/fonts/ChakraPetch-BoldItalic.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: normal; font-weight: 200; font-display: swap; src: url("/fonts/ChakraPetch-ExtraLight.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/ChakraPetch-Light.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/ChakraPetch-Regular.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/ChakraPetch-Medium.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/ChakraPetch-SemiBold.woff2") format("woff2"); } @font-face { font-family: Chakra Petch; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/ChakraPetch-Bold.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: italic; font-weight: 300; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Light_Italic.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: italic; font-weight: 400; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Regular_Italic.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: italic; font-weight: 500; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Medium_Italic.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: italic; font-weight: 600; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-SemiBold_Italic.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: italic; font-weight: 700; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Bold_Italic.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: normal; font-weight: 300; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Light.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Regular.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Medium.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-SemiBold.woff2") format("woff2"); } @font-face { font-family: Shantell Sans; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/Shantell_Sans-Normal-Bold.woff2") format("woff2"); } @font-face { font-family: InterVariable; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/InterVariable.woff2") format("woff2"); } @font-face { font-family: InterVariable; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/fonts/InterVariable-Italic.woff2") format("woff2"); } :root { --rt-color-white: #fff; --rt-color-dark: #222; --rt-color-success: #8dc572; --rt-color-error: #be6464; --rt-color-warning: #f0ad4e; --rt-color-info: #337ab7; --rt-opacity: .9; --rt-transition-show-delay: .15s; --rt-transition-closing-delay: .15s; } .core-styles-module_tooltip__3vRRp { pointer-events: none; opacity: 0; will-change: opacity; position: absolute; top: 0; left: 0; } .core-styles-module_fixed__pcSol { position: fixed; } .core-styles-module_arrow__cvMwQ { background: inherit; position: absolute; } .core-styles-module_noArrow__xock6 { display: none; } .core-styles-module_clickable__ZuTTB { pointer-events: auto; } .core-styles-module_show__Nt9eE { opacity: var(--rt-opacity); transition: opacity var(--rt-transition-show-delay) ease-out; } .core-styles-module_closing__sGnxF { opacity: 0; transition: opacity var(--rt-transition-closing-delay) ease-in; } .styles-module_tooltip__mnnfp { border-radius: 3px; width: max-content; padding: 8px 16px; font-size: 13px; line-height: 20px; } .styles-module_arrow__K0L3T { width: 16px; height: 16px; } [class*="react-tooltip__place-top"] > .styles-module_arrow__K0L3T { transform: rotate(45deg); } [class*="react-tooltip__place-right"] > .styles-module_arrow__K0L3T { transform: rotate(135deg); } [class*="react-tooltip__place-bottom"] > .styles-module_arrow__K0L3T { transform: rotate(225deg); } [class*="react-tooltip__place-left"] > .styles-module_arrow__K0L3T { transform: rotate(315deg); } .styles-module_dark__xNqje { background: var(--rt-color-dark); color: var(--rt-color-white); } .styles-module_light__Z6W-X { background-color: var(--rt-color-white); color: var(--rt-color-dark); } .styles-module_success__A2AKt { background-color: var(--rt-color-success); color: var(--rt-color-white); } .styles-module_warning__SCK0X { background-color: var(--rt-color-warning); color: var(--rt-color-white); } .styles-module_error__JvumD { background-color: var(--rt-color-error); color: var(--rt-color-white); } .styles-module_info__BWdHW { background-color: var(--rt-color-info); color: var(--rt-color-white); } :root { --animation-duration: .3s; --animation-fill-mode: none; --animation-easing: ease-in; --animation-size: 1; --animation-iteration-count: 1; } .anim-fadein { animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); --animation1-name: keyframe-fadein; } .anim-fadeout { animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); --animation1-name: keyframe-fadeout; } .anim-slide-from-top { animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); --animation1-name: keyframe-slide-from-top; } .anim-slide-from-bottom { animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); --animation1-name: keyframe-slide-from-bottom; } .anim-slide-from-left { animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); --animation1-name: keyframe-slide-from-left; } .anim-slide-from-right { animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); --animation1-name: keyframe-slide-from-right; } .anim-fadeout-slide-left { animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); --animation1-name: keyframe-fadeout; --animation2-name: keyframe-slide-left; } .anim-fadein-slide-from-left { animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); --animation1-name: keyframe-fadein; --animation2-name: keyframe-slide-from-left; } .anim-fadeout-slide-right { animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); --animation1-name: keyframe-fadeout; --animation2-name: keyframe-slide-right; } .anim-fadein-slide-from-right { animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); --animation1-name: keyframe-fadein; --animation2-name: keyframe-slide-from-right; } .anim-fadeout-slide-top { animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); --animation1-name: keyframe-fadeout; --animation2-name: keyframe-slide-top; } .anim-fadein-slide-from-top { animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); --animation1-name: keyframe-fadein; --animation2-name: keyframe-slide-from-top; } .anim-fadeout-slide-bottom { animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); --animation1-name: keyframe-fadeout; --animation2-name: keyframe-slide-bottom; } .anim-fadein-slide-from-bottom { animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); animation-duration: var(--animation-duration), var(--animation-duration); animation-delay: var(--animation-delay, 0s), var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode), var(--animation-fill-mode); animation-timing-function: var(--animation-easing), var(--animation-easing); animation-iteration-count: var(--animation-iteration-count), var(--animation-iteration-count); animation-name: var(--animation1-name), var(--animation2-name); --animation1-name: keyframe-fadein; --animation2-name: keyframe-slide-from-bottom; } .anim-shake-x { animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); --animation1-name: keyframe-shake-x; } .anim-pop { animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); --animation1-name: keyframe-pop; } .anim-on-off { animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); animation-duration: var(--animation-duration); animation-delay: var(--animation-delay, 0s); animation-fill-mode: var(--animation-fill-mode); animation-timing-function: var(--animation-easing); animation-iteration-count: var(--animation-iteration-count); animation-name: var(--animation1-name); --animation1-name: keyframe-on-off; } body { padding: 0; } :root { scrollbar-gutter: stable; --vscode-font-size: 16px !important; } :root:has(body[data-script="menu"]) { --vscode-font-size: 13px !important; } :root, body { font-size: 16px; } :is(:is(.Course, .Gitopedia) p, :is(.Course, .Gitopedia) li, :is(.Course, .Gitopedia) dl, :is(.Course, .Gitopedia) dd, :is(.Course, .Gitopedia) hr, :is(.Course, .Gitopedia) figure, :is(.Course, .Gitopedia) blockquote, :is(.Course, .Gitopedia) .mw, :is(.Course, .Gitopedia) .Tip, :is(.Course, .Gitopedia) pre, :is(.Course, .Gitopedia) .Run, :is(.Course, .Gitopedia) .Output, :is(.Course, .Gitopedia) .File, :is(.Course, .Gitopedia) .RunExample):not(.no-mw) { max-width: 800px; } :is(.Course, .Gitopedia) .mw-none, :is(.Course, .Gitopedia) .mw-none p { max-width: none; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false } @property --tw-gradient-via-stops { syntax: "*"; inherits: false } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @keyframes ping { 75%, 100% { opacity: 0; transform: scale(2); } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce-but-start-from-bottom { 0% { animation-timing-function: cubic-bezier(0, 0, .2, 1); transform: none; } 75% { animation-timing-function: cubic-bezier(.8, 0, 1, 1); transform: translateY(-25%); } 100% { animation-timing-function: cubic-bezier(0, 0, .2, 1); transform: none; } } @keyframes bounce-but-start-from-top { 0% { animation-timing-function: cubic-bezier(0, 0, .2, 1); transform: none; } 75% { animation-timing-function: cubic-bezier(.8, 0, 1, 1); transform: translateY(25%); } 100% { animation-timing-function: cubic-bezier(0, 0, .2, 1); transform: none; } }