._toggle_4ux8u_1{gap:var(--ds-size-4);display:flex}._item_4ux8u_6{flex:1;width:100px}._items_1wts8_1{flex-wrap:wrap;gap:16px;margin-bottom:1.5em;display:flex}._item_1wts8_1{width:calc(50% - 8px)}._box_1wts8_12{border:1px solid var(--ds-color-neutral-border-subtle);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;width:100%;height:52px;padding-left:12px;font-size:16px;display:flex;overflow:hidden}._text_1wts8_26{font-size:15px;font-weight:500}._box_1wts8_12:hover{background-color:var(--ds-color-neutral-background-tinted)}._inner_1wts8_35{background-color:var(--ds-color-neutral-background-tinted);border:5px solid var(--ds-color-neutral-border-default);width:72px;height:33px;margin-right:-34px}._active_1wts8_43 ._inner_1wts8_35{border-color:var(--ds-color-accent-border-default);background-color:var(--ds-color-accent-surface-tinted)}._active_1wts8_43 ._box_1wts8_12:not(:focus-visible){outline:1px solid var(--ds-color-neutral-border-default)}._active_1wts8_43 ._box_1wts8_12{border-color:var(--ds-color-neutral-border-default)}._heading_1wts8_56{margin-bottom:.75em}._content_1fs7p_1{flex-wrap:wrap;display:flex}._leftSection_1fs7p_6,._rightSection_1fs7p_7{flex-grow:1;flex-basis:0}._leftSection_1fs7p_6{border-right:1px solid var(--ds-color-neutral-border-subtle);padding-right:var(--ds-size-8)}._rightSection_1fs7p_7{gap:var(--ds-size-4);flex-direction:column;width:100%;display:flex}._infoBoxes_1fs7p_24{padding-top:var(--ds-size-6);gap:var(--ds-size-8);flex-direction:column;display:flex}._infoBox_1fs7p_24{gap:var(--ds-size-3);display:flex}._infoBox__container_1fs7p_36{gap:var(--ds-size-1);flex-direction:column;display:flex}._infoBox__icon_1fs7p_42{color:#fff;background-color:#000;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;margin-top:-3px;display:flex}._infoBox__icon_1fs7p_42 img{height:16px}._infoBox__icon--code_1fs7p_58{background:linear-gradient(137deg,#4ebbff 4.89%,#1c49ff 95.99%)}._contact_1fs7p_62{gap:8px;display:flex}._contact__content_1fs7p_67{flex-direction:column;gap:4px;display:flex}._contact__icon_1fs7p_73{justify-content:center;align-items:center;display:flex}._snippet_1fs7p_79 code{background-color:#0000;display:block}._snippet-themecss_1fs7p_84 pre{height:250px}._modalHeader_1fs7p_88{justify-content:space-between;align-items:center;display:flex}._headerText_1fs7p_94{font-size:var(--ds-size-5);margin-right:auto}._emblem_1fs7p_99{height:26px;margin-right:var(--ds-size-2)}._trigger_1fs7p_104{width:auto}._modal_1fs7p_88{max-width:1000px}._step_1fs7p_112{gap:var(--ds-size-4);display:flex}._step_1fs7p_112>span{background-color:var(--ds-color-accent-base-default);color:var(--ds-color-accent-base-contrast-default);aspect-ratio:1;border-radius:var(--ds-border-radius-full);width:var(--ds-size-8);height:var(--ds-size-8);font-size:var(--ds-body-sm-font-size);place-items:center;display:grid}._tabpanel_1fs7p_128{padding:var(--ds-size-4) 0}@media (width<=1150px){._content_1fs7p_1{flex-direction:column}._leftSection_1fs7p_6{border:none;padding:0}._rightSection_1fs7p_7{width:100%;margin-top:32px;padding:0}}._component_h7pwz_1{flex-direction:column;flex:0 calc(50% - 8px);gap:8px;display:flex}._box_h7pwz_8{cursor:pointer;background-color:#0000;border-radius:4px;justify-content:space-between;align-items:center;padding:10px;display:flex}._leftContent_h7pwz_18{align-items:center;gap:12px;display:flex}._color_h7pwz_24{background-color:red;border-radius:4px;width:24px;height:24px}._name_h7pwz_31,._hex_h7pwz_35{font-size:16px}._container_qvw8x_1{gap:var(--ds-size-4);flex-direction:column;display:flex}._header_qvw8x_7{margin-bottom:var(--ds-size-2)}._description_qvw8x_11{color:var(--ds-color-neutral-text-subtle);margin-top:var(--ds-size-2)}._colorSection_qvw8x_16{border:1px solid var(--ds-color-neutral-border-subtle);border-radius:var(--ds-border-radius-sm);overflow:hidden}._colorHeader_qvw8x_22{width:100%;padding:var(--ds-size-3) var(--ds-size-4);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}._colorHeader_qvw8x_22:hover{background-color:var(--ds-color-neutral-surface-hover)}._colorInfo_qvw8x_40{align-items:center;gap:var(--ds-size-3);display:flex}._colorSwatch_qvw8x_46{border-radius:var(--ds-border-radius-sm);border:1px solid var(--ds-color-neutral-border-default);width:20px;height:20px}._colorName_qvw8x_53{align-items:center;gap:var(--ds-size-2);display:flex}._tokenList_qvw8x_59{padding:var(--ds-size-4);gap:var(--ds-size-4);background-color:var(--ds-color-neutral-background-subtle);flex-direction:column;padding-top:0;display:flex}._tokenRow_qvw8x_68{gap:var(--ds-size-2);flex-direction:column;display:flex}._tokenInputs_qvw8x_74{gap:var(--ds-size-2);grid-template-columns:1fr 1fr;display:grid}._input_qvw8x_80{font-family:Roboto Mono,monospace}._dialog_qvw8x_84{min-width:50vw;height:90vh;overflow-y:scroll}._tokenInputsWrapper_qvw8x_90{gap:var(--ds-size-3);display:flex}._tokenInputGroup_qvw8x_95{gap:var(--ds-size-1);flex-direction:column;flex:1;display:flex}._colorPreview_qvw8x_102{width:var(--ds-size-6);height:var(--ds-size-6);border-radius:var(--ds-border-radius-sm);border:1px solid var(--ds-color-neutral-border-default);flex-shrink:0}._colorInput_qvw8x_110{width:var(--ds-size-8);height:var(--ds-size-8);border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-sm);cursor:pointer;background:0 0;padding:0}._colorInput_qvw8x_110::-webkit-color-swatch-wrapper{padding:0}._colorInput_qvw8x_110::-webkit-color-swatch{border-radius:var(--ds-border-radius-xs);border:none}._colorInput_qvw8x_110::-moz-color-swatch{border-radius:var(--ds-border-radius-xs);border:none}._colorPage_1g45j_1{background-color:var(--ds-color-neutral-background-default);z-index:5;border-radius:8px;padding:24px;display:none;position:absolute;inset:0;overflow-y:auto}._title_1g45j_12{margin-top:12px;margin-bottom:16px}._name_1g45j_17{margin-bottom:24px}._label_1g45j_21{margin-bottom:12px;font-size:16px;font-weight:500}._topBtnGroup_1g45j_27{justify-content:space-between;align-items:center;margin-top:-8px;display:flex}._btnGroup_1g45j_34{gap:16px;margin-top:24px;display:flex}._colorPreviewContainer_1g45j_40{border:1px solid var(--ds-color-neutral-border-subtle);border-radius:8px;margin-bottom:16px}._colorPreview_1g45j_40{border-radius:8px;width:100%;height:60px}._back_1g45j_52{margin-left:-16px}._cancel_1g45j_56{margin-right:auto}._removeBtn_1g45j_60{margin-right:-16px}._show_1g45j_64{display:block}._desc_1g45j_68{color:var(--ds-color-neutral-text-subtle);margin-bottom:16px}._container_1oq6j_1 hr{margin-block:var(--ds-size-5)}._group_1oq6j_5:last-child{margin-bottom:0}._groupHeader_1oq6j_9{justify-content:space-between;align-items:center;height:44px;margin-bottom:8px;display:flex}._colors_1oq6j_17{gap:var(--ds-size-4);flex-wrap:wrap;display:flex}._desc_1oq6j_23{margin-top:12px;margin-bottom:20px}._btnGroup_1oq6j_28{gap:12px;width:100%;display:flex}._btn_1oq6j_28{width:100%}._bottom_1oq6j_38{border-top:1px solid var(--ds-color-neutral-border-subtle);background-color:var(--ds-color-info-background-default);border-radius:0 0 8px 8px;align-items:center;gap:16px;padding:24px;display:flex;bottom:0;left:0;right:0}._error_1oq6j_51{color:var(--ds-color-danger-text-default);font-size:14px;font-weight:500}._overridesSection_1oq6j_57{justify-content:center;margin-bottom:8px;display:flex}._overridesBtn_1oq6j_63{width:100%}._sidebar_ukjul_1{z-index:100;background-color:var(--ds-color-neutral-background-default);border:1px solid var(--ds-color-neutral-border-subtle);border-radius:8px;flex-direction:column;flex-grow:1;flex-basis:410px;width:420px;height:calc(100vh - 200px);margin-top:-170px;display:flex;position:relative;top:-20px;right:20px;overflow-y:auto;box-shadow:0 0 60px 10px #0000001a}._sidebar_ukjul_1>div:first-child{flex-direction:column;flex:1;min-height:0;display:flex}@media screen and (height<=1080px){._showSidebar_ukjul_28{height:calc(100vh - 40px - var(--sidebar-height))}}._sticky_ukjul_33{top:calc(var(--header-height) + 20px);margin-top:0;position:fixed}._tabContent_ukjul_39{flex:1;min-height:0}._tabPanel_ukjul_44{height:100%;padding:var(--ds-size-7);overflow-y:auto}._showSidebar_ukjul_28{top:calc(var(--header-height) + 12px);margin-top:0;position:fixed;bottom:12px;right:12px;display:block!important}._bottom_ukjul_59{border-top:1px solid var(--ds-color-neutral-border-subtle);background-color:var(--ds-color-neutral-background-default);gap:var(--ds-size-4);padding:var(--ds-size-7);border-radius:0 0 8px 8px;flex-shrink:0;justify-content:space-between;display:flex}._bottom_ukjul_59>button{text-align:center;flex-grow:1}._appearance_ukjul_75{border-bottom:1px solid var(--ds-color-neutral-border-subtle);background-color:var(--ds-color-neutral-background-tinted)}._appearance_ukjul_75 h4{margin-bottom:var(--ds-size-2)}._toggle_ukjul_84{border:1px solid var(--ds-color-neutral-border-subtle);background-color:var(--ds-color-neutral-background-default);cursor:pointer;z-index:1;border-radius:50%;place-items:center;width:52px;height:52px;display:none;position:fixed;top:120px;right:20px}@media screen and (width<=1900px){._sidebar_ukjul_1{display:none}._toggle_ukjul_84{display:grid}._toggleOpen_ukjul_106{right:440px}}._modal_ukjul_111{flex-direction:column;min-height:90vh}._modal_ukjul_111 ._modalBottom_ukjul_117{padding:var(--ds-size-7);gap:var(--ds-size-4);margin-top:auto;display:flex}._modal_ukjul_111 ._tabsWrapper_ukjul_124{flex-direction:column;height:80vh;padding:0;display:flex}._modal_ukjul_111 ._tabContent_ukjul_39{overflow-x:none;overflow-y:none}._configButton_ukjul_141{display:block}._configDialog_ukjul_145{width:90vw;max-width:1200px}._header_147vp_1{background-color:var(--ds-color-accent-surface-tinted);padding:var(--ds-size-10);justify-content:center;gap:var(--ds-size-4);flex-direction:column;padding-bottom:0;display:flex}@media screen and (width<=768px){._header_147vp_1{padding:var(--ds-size-4);padding-bottom:0}}._textContainer_147vp_16{gap:var(--ds-size-10);flex-direction:column;display:flex}._backLink_147vp_22{--ds-link-color:var(--ds-color-accent-text-default);align-self:flex-start;width:auto;margin-left:-4px;display:inline-flex}._tabs_147vp_31{margin-top:var(--ds-size-6);flex-direction:row;gap:8px;display:flex}._tabs_147vp_31 button{cursor:pointer;text-transform:capitalize;padding:var(--ds-size-3) var(--ds-size-6);font-size:inherit;border-radius:var(--ds-border-radius-md);background-color:#0000;border:none;border-bottom-right-radius:0;border-bottom-left-radius:0;margin:0}._tabs_147vp_31 button:not([data-active=true]){color:var(--ds-color-neutral-text-default)}._tabs_147vp_31 button[data-active=true]{background-color:var(--ds-color-neutral-background-default)}._color_g0sho_1{border-radius:2px;flex:1;height:36px;display:block;box-shadow:0 0 0 1px #0003}._colors_g0sho_9{gap:12px;display:flex}._tableContainer_g0sho_14{overflow-x:auto}._table_g0sho_14{table-layout:fixed;background-color:#e2e2e2;margin-top:12px;margin-bottom:16px}._cell_g0sho_25{flex-direction:column;justify-content:space-between;height:100%;padding:14px;display:flex}._tagGroup_g0sho_33{border-top:1px solid var(--ds-color-neutral-border-subtle);margin:0 calc(var(--panel-padding) * -1);flex-direction:column;align-items:flex-start;gap:9px;padding:22px 28px;display:inline-flex}._tagGroup_g0sho_33:last-child{border-bottom:1px solid var(--ds-color-neutral-border-subtle)}._tag_g0sho_33{color:#fff;border-radius:400px;justify-content:center;align-items:center;padding:3px 9px;font-size:13px;font-weight:500;display:flex}._AA_g0sho_58{background-color:green}._AAA_g0sho_62{background-color:#407be9}._AA18_g0sho_66{color:#000;background-color:#fbb025}._DECO_g0sho_71{background-color:#d23e3e}._meta_g0sho_75{align-items:center;gap:12px;display:flex}._tagContainer_g0sho_81{flex:1;justify-content:center;align-items:center;display:flex}._contrast_g0sho_88{text-align:center;flex:1;font-size:16px;font-weight:500}._table_g0sho_14,._td_g0sho_96,._th_g0sho_97{border:1px solid var(--ds-color-neutral-border-subtle);border-collapse:collapse;background-color:var(--ds-color-neutral-background-tinted)}._th_g0sho_97{width:140px;height:90px;padding:var(--ds-size-4)}@media screen and (width<=768px){._th_g0sho_97{padding:var(--ds-size-2)}}._td_g0sho_96{vertical-align:top;width:140px;height:90px}._header_g0sho_119{text-align:left;flex-direction:column;gap:2px;font-size:16px;font-weight:500;display:flex}@media screen and (width<=768px){._header_g0sho_119{width:auto}}._headerHex_g0sho_132{color:var(--ds-color-neutral-text-subtle);font-weight:400}._contrastChart_g0sho_137{background-color:#0000}._subHeading_g0sho_141{margin-top:8px;margin-bottom:-4px}._fieldGroup_g0sho_146{margin-top:4px;margin-bottom:4px}._select_g0sho_151{width:25%}@media screen and (width<=768px){._select_g0sho_151{width:100%}}._desc_g0sho_159{width:90%}._card_9lmxd_1{justify-content:space-between;gap:24px;flex-direction:row!important}._text_9lmxd_7{justify-content:center;align-items:center;gap:8px;display:flex}._title_9lmxd_14{width:140px}._checkGroup_9lmxd_18{align-items:center;gap:24px;display:flex}._grid_s7h1e_1{overflow-x:auto;grid-template-columns:repeat(3,1fr)!important}._list_s7h1e_6{overflow-x:auto}._card_s7h1e_10{border:1px solid var(--ds-color-border-subtle);background-color:var(--ds-color-surface-tinted);border-radius:8px;flex-direction:column;height:auto;padding:18px;display:flex}._title_s7h1e_20{color:var(--ds-color-text-default);width:200px;margin-bottom:8px}._desc_s7h1e_26{color:var(--ds-color-text-subtle)}._checkGroup_s7h1e_30{flex-direction:column;gap:12px;margin-top:16px;margin-bottom:24px;display:flex}._btnGroup_s7h1e_38{gap:16px;display:flex}._label_s7h1e_43{margin-bottom:8px;font-size:16px;font-weight:500}._img_16ip8_1{width:80%;height:auto}._right_16ip8_6{justify-content:center!important;align-items:center!important;display:flex!important}._box_84i9x_1{color:#000;border:1px solid var(--ds-color-neutral-border-subtle);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:70px;height:46px;font-weight:400;display:flex}._box_84i9x_1:hover:not(:focus-visible){border-color:var(--ds-color-neutral-border-default);outline:2px solid var(--ds-color-neutral-border-default);outline-offset:1px}._boxContainer_84i9x_20{background-image:linear-gradient(45deg, var(--ds-color-neutral-background-subtle) 26%, transparent 26%), linear-gradient(135deg, var(--ds-color-neutral-background-subtle) 26%, transparent 26%), linear-gradient(45deg, transparent 75%, var(--ds-color-neutral-background-subtle) 75%), linear-gradient(135deg, transparent 75%, var(--ds-color-neutral-background-subtle) 75%);background-position:0 0,12px 0,12px -12px,0 12px;background-size:24px 24px;border-radius:4px}._featured_84i9x_35{border:5px solid #000;font-weight:600}._whiteText_84i9x_40{color:#fff!important}._colorTest_84i9x_44{border:1px solid #a0a0a0;border-radius:50%;width:15px;height:15px}._contrast_84i9x_51{align-items:center;gap:6px;margin-top:12px;font-size:14px;display:flex}._lightness_84i9x_59{align-items:center;gap:6px;margin-top:12px;margin-left:-2px;font-size:14px;display:flex}._hex_84i9x_68{margin-top:12px;font-size:15px}._colors_1o5kx_1{gap:var(--ds-size-1);border-radius:0;justify-content:space-between;display:flex}._header_1o5kx_8{border-bottom:1px solid var(--ds-color-neutral-border-subtle);margin-bottom:var(--ds-size-4);padding-bottom:var(--ds-size-4);text-align:center;width:100%;font-size:16px;position:relative}._names_1o5kx_18{justify-content:space-between;align-items:center;gap:var(--ds-size-1);margin-bottom:17px;display:flex}._names_1o5kx_18 div{text-align:center;width:100%;height:var(--ds-size-11);justify-content:center;align-items:center;font-size:14px;display:flex}._test_12nwy_1{gap:var(--ds-size-4);justify-content:center;display:flex}._themes_12nwy_7{gap:var(--ds-size-1);flex-direction:column;display:flex}._rows_fd9vh_1{align-items:center;gap:var(--ds-size-4);margin:var(--ds-size-2) 0;flex-direction:column;justify-content:space-between;width:100%;max-width:1390px;display:flex}._row_fd9vh_1{justify-content:space-between;align-items:end;gap:var(--ds-size-2);width:100%;display:flex}._scaleLabel_fd9vh_20{height:48px;color:var(--ds-color-neutral-text-default);flex-shrink:0;align-items:center;width:95px;font-size:16px;display:flex}._panel_b5753_1{background-color:var(--ds-color-neutral-background-tinted);border:1px solid var(--ds-color-neutral-border-subtle);border-radius:8px;width:100%;max-width:1390px;margin-top:28px;overflow:hidden}._basicPanel_b5753_11{background-color:var(--ds-color-neutral-background-tinted);border:1px solid var(--ds-color-neutral-border-subtle);width:100%;max-width:1390px;padding:var(--ds-size-6);border-radius:8px;align-self:flex-start;margin-top:28px}._colorsContainer_b5753_22{overflow:auto}._variablesPanel_b5753_26{gap:var(--ds-size-4);justify-content:center;display:grid}._variablesPanel_b5753_26>*>*{max-width:600px}._page_1sbem_1{position:relative}._content_1sbem_5{gap:var(--ds-size-4);flex-direction:column;flex-grow:500;width:calc(100% - 550px);margin-bottom:40px;padding:32px 40px 40px;display:flex}@media screen and (width<=1900px){._content_1sbem_5{padding:var(--ds-size-2)}}._sideBarContainer_1sbem_19{width:420px}._container_1sbem_23{flex-flow:row-reverse wrap;justify-content:space-between;gap:24px;display:flex}._hide_1sbem_31{display:none}._show_1sbem_35{display:block}._panelToggleGroup_1sbem_39{gap:12px;display:flex}._panelToggleBtn_1sbem_44{border:1px solid var(--ds-color-neutral-border-subtle);cursor:pointer;background-color:var(--ds-color-neutral-background-default);border-radius:4px;align-items:center;padding:12px 14px;font-size:16px;display:flex}._active_1sbem_55,._panelToggleBtn_1sbem_44:hover{border-color:var(--ds-color-neutral-border-default);outline:1px solid var(--ds-color-neutral-border-default)}._top_1sbem_61{justify-content:space-between;align-items:flex-end;margin-top:0;margin-bottom:32px;display:flex}._group_1sbem_69{align-items:center;gap:16px;width:300px;display:flex}._label_1sbem_76{font-size:16px;font-weight:500}._toolbar_1sbem_81{justify-content:flex-end;align-items:flex-end;display:flex}@media screen and (width<=1900px){._content_1sbem_5{width:100%}}.rcp-root{--rcp-background-color:#121212;--rcp-field-input-color:#fff;--rcp-field-input-border-color:#242424;--rcp-field-label-color:gray}.rcp{background-color:var(--rcp-background-color);border-radius:10px;flex-direction:column;display:flex}.rcp-body{flex-direction:column;gap:20px;padding:20px 10px;display:flex}.rcp-section{flex-direction:column;gap:10px;display:flex}.rcp-interactive{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%}.rcp-interactive[aria-disabled=true]{cursor:unset;pointer-events:none}.rcp-saturation{cursor:all-scroll;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:10px 10px 0 0;width:100%;position:relative}.rcp-saturation-cursor{border:2px solid #fff;border-radius:100%;width:20px;height:20px;position:absolute;transform:translate(-10px,-10px);box-shadow:0 0 15px #00000026}.rcp-hue{cursor:ew-resize;background-image:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:10px;width:100%;height:12px;position:relative}.rcp-hue-cursor{border:2px solid #fff;border-radius:100%;width:20px;height:20px;position:absolute;transform:translate(-10px,-4px);box-shadow:0 0 15px #00000026}.rcp-alpha{cursor:ew-resize;border-radius:10px;width:100%;height:12px;position:relative}.rcp-alpha-cursor{border:2px solid #fff;border-radius:100%;width:20px;height:20px;position:absolute;transform:translate(-10px,-4px);box-shadow:0 0 15px #00000026}.rcp-fields{flex-direction:column;gap:10px;display:flex}.rcp-fields-floor{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.rcp-field{flex-direction:column;width:100%;display:flex}.rcp-field-input{text-align:center;width:100%;color:var(--rcp-field-input-color);border:2px solid var(--rcp-field-input-border-color);background-color:#0000;border-radius:5px;outline:none;padding:5px 0;font-family:inherit;font-size:14px}.rcp-field-input:read-only{opacity:.8}.rcp-field-label{text-align:center;color:var(--rcp-field-label-color);font-size:14px}