@awsui/components-react
Version:
AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A
448 lines (447 loc) • 20.7 kB
CSS
:root{
--color-grey-100-1cgpdq:#fafafa;
--color-grey-150-1foqen:#f2f3f3;
--color-grey-200-2gjFF1:#eaeded;
--color-grey-300-2Nx49A:#d5dbdb;
--color-grey-400-1CsNKU:#aab7b8;
--color-grey-450-3t1nEV:#95a5a6;
--color-grey-500-2M9mMa:#879596;
--color-grey-550-3F8WIj:#687078;
--color-grey-600-2aC2gQ:#545b64;
--color-grey-650-2yWvFz:#414750;
--color-grey-700-2JucNL:#2a2e33;
--color-grey-750-3vHE8v:#21252c;
--color-grey-800-1TjiAF:#1a2029;
--color-grey-900-3fhyYk:#16191f;
--color-grey-950-21LmaS:#222222;
--color-grey-transparent-heavy-2HpJFU:rgba(0, 28, 36, 0.5);
--color-grey-transparent-24LghL:rgba(0, 28, 36, 0.3);
--color-grey-transparent-light-2ytRMs:rgba(0, 28, 36, 0.15);
--color-grey-opaque-25-24C7nW:rgba(255, 255, 255, 0.25);
--color-grey-opaque-40-3wUi8Z:rgba(0, 0, 0, 0.4);
--color-grey-opaque-50-3XSFRD:rgba(0, 0, 0, 0.5);
--color-grey-opaque-70-2flDue:rgba(255, 255, 255, 0.7);
--color-grey-opaque-80-3mw8dK:rgba(22, 25, 31, 0.8);
--color-grey-opaque-90-2eF_N0:rgba(242, 243, 243, 0.9);
--color-orange-100-1YmaVD:#fef6f0;
--color-orange-500-tC-KoF:#ec7211;
--color-orange-600-1PF36r:#eb5f07;
--color-orange-700-2K6iEL:#dd6b10;
--color-blue-100-70z9Zb:#f1faff;
--color-blue-300-HPxAS_:#99cbe4;
--color-blue-400-1ywTMV:#44b9d6;
--color-blue-500-1N9YXq:#00a1c9;
--color-blue-600-1YnNoR:#0073bb;
--color-blue-700-wu0S-6:#0a4a74;
--color-blue-900-GkHspP:#12293b;
--color-blue-opaque-3Z88x6:rgba(51, 136, 221, 0.5);
--color-green-100-2ARzMD:#f2f8f0;
--color-green-500-13e-Rk:#6aaf35;
--color-green-600-1squro:#1d8102;
--color-green-700-B9TWxE:#1a520f;
--color-green-900-16YV2v:#172211;
--color-red-100-1G2dsC:#fdf3f1;
--color-red-500-39QNn9:#ff5d64;
--color-red-600-1FPkqZ:#d13212;
--color-red-700-1n6eKW:#7c2718;
--color-red-900-33-HvJ:#270a11;
--color-black-3R_PMB:#000000;
--color-white-1QLqX6:#ffffff;
--color-aws-squid-ink-1X5JQP:#232f3e;
--color-amazon-orange-aFtZyb:#ff9900;
--color-transparent-sUE71l:transparent;
--color-charts-red-300-3uQv8a:#ea7158;
--color-charts-red-400-R_2ibY:#dc5032;
--color-charts-red-500-2tL0rt:#d13313;
--color-charts-red-600-Tk2SRW:#ba2e0f;
--color-charts-red-700-3lZToq:#a82a0c;
--color-charts-red-800-3Pmj_p:#972709;
--color-charts-red-900-2jFQ3N:#892407;
--color-charts-red-1000-2nuRyf:#7d2105;
--color-charts-red-1100-1FyoHL:#721e03;
--color-charts-red-1200-3ySuIK:#671c00;
--color-charts-orange-300-3mZprP:#e07941;
--color-charts-orange-400-3B5dTn:#cc5f21;
--color-charts-orange-500-2u0lzN:#bc4d01;
--color-charts-orange-600-lyBLgR:#a84401;
--color-charts-orange-700-DkdHCR:#983c02;
--color-charts-orange-800-1fGbMi:#8a3603;
--color-charts-orange-900-2GrByz:#7e3103;
--color-charts-orange-1000-6V9zUK:#732c02;
--color-charts-orange-1100-1AX6a1:#692801;
--color-charts-orange-1200-3kPwns:#602400;
--color-charts-yellow-300-2xH4Bo:#b49116;
--color-charts-yellow-400-32Z8C7:#9c7b0b;
--color-charts-yellow-500-svtlbB:#8a6b05;
--color-charts-yellow-600-15qC8I:#7b5f04;
--color-charts-yellow-700-9UlAGz:#6f5504;
--color-charts-yellow-800-2oN0hn:#654d03;
--color-charts-yellow-900-3WJixy:#5d4503;
--color-charts-yellow-1000-k5Rl44:#553f03;
--color-charts-yellow-1100-2rV5Kv:#4d3901;
--color-charts-yellow-1200-2AhNLQ:#483300;
--color-charts-green-300-CJhAMv:#67a353;
--color-charts-green-400-2lGoRf:#41902c;
--color-charts-green-500-3HdvYW:#1f8104;
--color-charts-green-600-1iL2hn:#1a7302;
--color-charts-green-700-13FNwJ:#176702;
--color-charts-green-800-hG5qq-:#145d02;
--color-charts-green-900-AVskev:#125502;
--color-charts-green-1000-2KsoFs:#104d01;
--color-charts-green-1100-2rzyrQ:#0f4601;
--color-charts-green-1200-fS1KIz:#0d4000;
--color-charts-teal-300-3xHgaL:#2ea597;
--color-charts-teal-400-3eBykZ:#1c8e81;
--color-charts-teal-500-18rY1P:#0d7d70;
--color-charts-teal-600-ok4-2P:#096f64;
--color-charts-teal-700-tHy9YR:#06645a;
--color-charts-teal-800-2OpHor:#045b52;
--color-charts-teal-900-3x_I6-:#03524a;
--color-charts-teal-1000-2R48cA:#014b44;
--color-charts-teal-1100-2gZIqh:#01443e;
--color-charts-teal-1200-3PMYHv:#003e38;
--color-charts-blue-1-300-1cIKHc:#529ccb;
--color-charts-blue-1-400-2ZqXwx:#3184c2;
--color-charts-blue-1-500-2JJxGa:#0273bb;
--color-charts-blue-1-600-2A2c2b:#0166ab;
--color-charts-blue-1-700-3othr_:#015b9d;
--color-charts-blue-1-800-1zHefe:#015292;
--color-charts-blue-1-900-23KpWj:#014a87;
--color-charts-blue-1-1000-2kwhdc:#01437d;
--color-charts-blue-1-1100-2ELX08:#003c75;
--color-charts-blue-1-1200-1bEeMp:#00366d;
--color-charts-blue-2-300-wqxTot:#7492e7;
--color-charts-blue-2-400-1dumG6:#5978e3;
--color-charts-blue-2-500-1WM287:#4066df;
--color-charts-blue-2-600-2UjsMi:#3759ce;
--color-charts-blue-2-700-1qSbU8:#314fbf;
--color-charts-blue-2-800-2_rA1e:#2c46b1;
--color-charts-blue-2-900-LGSAJ3:#273ea5;
--color-charts-blue-2-1000-3nHxGA:#23379b;
--color-charts-blue-2-1100-TMrhD0:#1f3191;
--color-charts-blue-2-1200-syjiAN:#1b2b88;
--color-charts-purple-300-3LTRoH:#a783e1;
--color-charts-purple-400-36RXW-:#9469d6;
--color-charts-purple-500-37OlE0:#8456ce;
--color-charts-purple-600-2FjJCs:#7749bf;
--color-charts-purple-700-kzE23s:#6b40b2;
--color-charts-purple-800-1k7id4:#6237a7;
--color-charts-purple-900-1hPMi_:#59309d;
--color-charts-purple-1000-129CA8:#512994;
--color-charts-purple-1100-f6o757:#4a238b;
--color-charts-purple-1200-3v1b1K:#431d84;
--color-charts-pink-300-1asTK0:#da7596;
--color-charts-pink-400-20ZXuj:#ce567c;
--color-charts-pink-500-3NASYP:#c33d69;
--color-charts-pink-600-27UDRh:#b1325c;
--color-charts-pink-700-3dxZT6:#a32952;
--color-charts-pink-800-1hrkDT:#962249;
--color-charts-pink-900-34SJnm:#8b1b42;
--color-charts-pink-1000-15SJNu:#81143b;
--color-charts-pink-1100-2P3-i7:#780d35;
--color-charts-pink-1200-6NFGUI:#6f062f;
--space-none-1yo5g8:0;
--space-xxxs-adYOh0:.2rem;
--space-xxs-1SRICw:.4rem;
--space-xs-qJuxzO:.8rem;
--space-s-3LgOeB:1.2rem;
--space-m-3o9QS_:1.6rem;
--space-l-3SmGmy:2.0rem;
--space-xl-ADubW1:2.4rem;
--space-xxl-ne7xIx:3.2rem;
--space-xxxl-3X4pSV:4.0rem;
--size-base-ILw3m1:1rem;
--size-font-body-50-3LgOeB:1.2rem;
--size-font-body-100-1S0qZw:1.4rem;
--size-font-heading-100-3o9QS_:1.6rem;
--size-font-heading-200-2NVa8Z:1.8rem;
--size-font-heading-500-1qu30Q:2.8rem;
--size-font-display-200-C02a-G:4.4rem;
--size-lineHeight-body-50-3o9QS_:1.6rem;
--size-lineHeight-body-100-2aIKVt:2.2rem;
--size-lineHeight-heading-100-3SmGmy:2.0rem;
--size-lineHeight-heading-200-2aIKVt:2.2rem;
--size-lineHeight-heading-500-1Bmg96:3.6rem;
--size-lineHeight-display-200-X7YH-w:5.6rem;
--color-text-body-default-2ZjSsg:#16191f;
--color-text-body-secondary-3MrzkF:#545b64;
--color-text-heading-default-2ZjSsg:#16191f;
--color-text-heading-secondary-3MrzkF:#545b64;
--color-text-home-header-default-2k-l2Z:#ffffff;
--color-text-home-header-secondary-1Theti:#d5dbdb;
--color-text-label-3MrzkF:#545b64;
--color-text-accent-3H8Hch:#0073bb;
--color-text-empty-1UtnXw:#687078;
--color-text-link-default-3H8Hch:#0073bb;
--color-text-interactive-default-3MrzkF:#545b64;
--color-text-interactive-disabled-2xktd9:#aab7b8;
--color-text-interactive-active-2ZjSsg:#16191f;
--color-text-interactive-hover-2ZjSsg:#16191f;
--color-text-small-1UtnXw:#687078;
--color-text-inverted-2k-l2Z:#ffffff;
--color-text-disabled-2xktd9:#aab7b8;
--color-text-form-default-2ZjSsg:#16191f;
--color-text-form-secondary-1UtnXw:#687078;
--color-text-form-label-2fNU47:#16191f;
--color-text-input-disabled-18f9uV:#879596;
--color-text-input-placeholder-2xktd9:#aab7b8;
--color-text-control-disabled-1Ca5V1:#aab7b8;
--color-text-status-error-1SZf5y:#d13212;
--color-text-status-warning-1SZf5y:#d13212;
--color-text-status-success-2klHNN:#1d8102;
--color-text-status-info-3H8Hch:#0073bb;
--color-text-status-inactive-1UtnXw:#687078;
--color-text-status-pending-1UtnXw:#687078;
--color-text-breadcrumb-1UtnXw:#687078;
--color-text-icon-caret-18f9uV:#879596;
--color-text-icon-subtle-1UtnXw:#687078;
--color-text-column-header-3MrzkF:#545b64;
--color-text-tooltip-default-1Theti:#d5dbdb;
--color-text-tooltip-link-RH7L5U:#00a1c9;
--color-text-dropdown-item-default-2fNU47:#16191f;
--color-text-dropdown-item-highlighted-2ZjSsg:#16191f;
--color-text-dropdown-item-secondary-12qHNk:#687078;
--color-text-dropdown-item-disabled-1Ca5V1:#aab7b8;
--color-text-dropdown-item-filter-match-3H8Hch:#0073bb;
--color-text-dropdown-group-label-2CI6Pj:#545b64;
--color-text-dropdown-footer-12qHNk:#687078;
--color-text-notification-default-yKNU8Y:#fafafa;
--color-text-notification-icon-default-1Theti:#d5dbdb;
--color-text-notification-icon-hover-yKNU8Y:#fafafa;
--color-text-code-editor-gutter-default-2ZjSsg:#16191f;
--color-text-code-editor-gutter-active-line-2k-l2Z:#ffffff;
--color-text-code-editor-status-bar-disabled-18f9uV:#879596;
--color-text-code-editor-tab-button-error-2k-l2Z:#ffffff;
--color-foreground-control-default-2k-l2Z:#ffffff;
--color-foreground-control-disabled-2k-l2Z:#ffffff;
--color-background-home-header-26CPui:#000000;
--color-background-layout-main-KdLCQ3:#f2f3f3;
--color-background-layout-panel-content-3ogOy8:#ffffff;
--color-background-layout-panel-hover-p5fVsz:#eaeded;
--color-background-item-selected-1qprMO:#f1faff;
--color-background-modal-overlay-1ermbL:rgba(242, 243, 243, 0.9);
--color-background-status-error-10XnjY:#fdf3f1;
--color-background-status-warning-2k-l2Z:#ffffff;
--color-background-status-success-3GI9v9:#f2f8f0;
--color-background-status-info-1qprMO:#f1faff;
--color-background-progress-bar-layout-default-p5fVsz:#eaeded;
--color-background-progress-bar-layout-in-flash-PTudrL:rgba(255, 255, 255, 0.25);
--color-background-progress-bar-content-default-3H8Hch:#0073bb;
--color-background-progress-bar-content-in-flash-39h2an:rgba(255, 255, 255, 0.7);
--color-background-calendar-today-KdLCQ3:#f2f3f3;
--color-background-container-header-yKNU8Y:#fafafa;
--color-background-container-content-2k-l2Z:#ffffff;
--color-background-control-default-2k-l2Z:#ffffff;
--color-background-control-checked-3H8Hch:#0073bb;
--color-background-control-disabled-1Theti:#d5dbdb;
--color-background-input-default-2k-l2Z:#ffffff;
--color-background-input-disabled-p5fVsz:#eaeded;
--color-background-tiles-disabled-p5fVsz:#eaeded;
--color-background-tooltip-2ZjSsg:#16191f;
--color-background-popover-2k-l2Z:#ffffff;
--color-background-toggle-default-3MrzkF:#545b64;
--color-background-toggle-checked-disabled-3G1ZVZ:#99cbe4;
--color-background-button-normal-default-2k-l2Z:#ffffff;
--color-background-button-normal-disabled-2k-l2Z:#ffffff;
--color-background-button-normal-hover-yKNU8Y:#fafafa;
--color-background-button-normal-active-p5fVsz:#eaeded;
--color-background-button-primary-default-1OBylm:#0073bb;
--color-background-button-primary-disabled-2k-l2Z:#ffffff;
--color-background-button-primary-hover-2ge3DI:#0a4a74;
--color-background-button-primary-active-39Av-i:#12293b;
--color-background-button-link-hover-yKNU8Y:#fafafa;
--color-background-button-link-active-p5fVsz:#eaeded;
--color-background-dropdown-item-default-2k-l2Z:#ffffff;
--color-background-dropdown-item-selected-36C5tw:#f1faff;
--color-background-dropdown-item-hover-KdLCQ3:#f2f3f3;
--color-background-dropdown-item-filter-match-1qprMO:#f1faff;
--color-background-notification-grey-3MrzkF:#545b64;
--color-background-notification-green-2klHNN:#1d8102;
--color-background-notification-blue-3H8Hch:#0073bb;
--color-background-notification-red-1SZf5y:#d13212;
--color-background-code-editor-gutter-default-KdLCQ3:#f2f3f3;
--color-background-code-editor-gutter-active-line-default-1UtnXw:#687078;
--color-background-code-editor-gutter-active-line-error-1SZf5y:#d13212;
--color-background-code-editor-status-bar-KdLCQ3:#f2f3f3;
--color-background-code-editor-pane-item-hover-p5fVsz:#eaeded;
--color-border-item-focused-RH7L5U:#00a1c9;
--color-border-item-selected-RH7L5U:#00a1c9;
--color-border-status-success-2klHNN:#1d8102;
--color-border-status-error-1SZf5y:#d13212;
--color-border-status-warning-2xktd9:#aab7b8;
--color-border-status-info-3H8Hch:#0073bb;
--color-border-container-top-p5fVsz:#eaeded;
--color-border-control-default-2xktd9:#aab7b8;
--color-border-control-checked-3xuodU:#0073bb;
--color-border-control-disabled-1KbCx2:#d5dbdb;
--color-border-control-hover-18f9uV:#879596;
--color-border-input-default-2xktd9:#aab7b8;
--color-border-input-disabled-2FoT5u:#eaeded;
--color-border-segment-default-1UtnXw:#687078;
--color-border-segment-hover-2ZjSsg:#16191f;
--color-border-tiles-disabled-1F3DqM:transparent;
--color-border-tabs-2xktd9:#aab7b8;
--color-border-tooltip-2ZjSsg:#16191f;
--color-border-popover-1Theti:#d5dbdb;
--color-border-button-normal-default-3MrzkF:#545b64;
--color-border-button-normal-hover-2ZjSsg:#16191f;
--color-border-button-normal-disabled-1Theti:#d5dbdb;
--color-border-button-primary-hover-39Av-i:#12293b;
--color-border-button-primary-disabled-1Theti:#d5dbdb;
--color-border-dropdown-item-default-233r5S:#eaeded;
--color-border-dropdown-item-selected-1xvp_4:#00a1c9;
--color-border-dropdown-item-hover-18f9uV:#879596;
--color-border-dropdown-item-top-1m6J9L:#eaeded;
--color-border-dropdown-group-2nTkIY:#eaeded;
--color-border-divider-default-p5fVsz:#eaeded;
--color-border-divider-active-18f9uV:#879596;
--color-border-layout-1Theti:#d5dbdb;
--color-border-code-editor-default-1Theti:#d5dbdb;
--color-border-code-editor-pane-item-hover-1UtnXw:#687078;
--color-shadow-default-nmeETv:rgba(0, 28, 36, 0.5);
--color-shadow-medium-p-AJyl:rgba(0, 28, 36, 0.3);
--color-shadow-side-2Rp96d:rgba(0, 28, 36, 0.15);
--color-charts-status-critical-1AB2xc:#7d2105;
--color-charts-status-high-1w0MZO:#ba2e0f;
--color-charts-status-medium-3pXjCj:#cc5f21;
--color-charts-status-low-1cLt_N:#b49116;
--color-charts-status-positive-d1KD8g:#67a353;
--color-charts-status-info-1be_DL:#3184c2;
--color-charts-status-neutral-18f9uV:#879596;
--color-charts-threshold-negative-1SZf5y:#d13212;
--color-charts-threshold-positive-2klHNN:#1d8102;
--color-charts-threshold-info-3H8Hch:#0073bb;
--color-charts-threshold-neutral-1UtnXw:#687078;
--color-charts-line-grid-1Theti:#d5dbdb;
--color-charts-line-tick-1Theti:#d5dbdb;
--color-charts-line-axis-1Theti:#d5dbdb;
--color-charts-palette-categorical-1-3x3Vyk:#7492e7;
--color-charts-palette-categorical-2-2yqd_O:#c33d69;
--color-charts-palette-categorical-3-2Qyq9u:#2ea597;
--color-charts-palette-categorical-4-3c5_TX:#8456ce;
--color-charts-palette-categorical-5-jgpH-w:#e07941;
--color-charts-palette-categorical-6-3GCfvk:#3759ce;
--color-charts-palette-categorical-7-1K_9B4:#962249;
--color-charts-palette-categorical-8-3Z8opy:#096f64;
--color-charts-palette-categorical-9-3MEh8F:#6237a7;
--color-charts-palette-categorical-10-3VoSay:#a84401;
--color-charts-palette-categorical-11-3Kxou8:#273ea5;
--color-charts-palette-categorical-12-qHrqDH:#780d35;
--color-charts-palette-categorical-13-13W2gb:#03524a;
--color-charts-palette-categorical-14-1nTXaR:#4a238b;
--color-charts-palette-categorical-15-3dHlzQ:#7e3103;
--color-charts-palette-categorical-16-1Nx3Ud:#1b2b88;
--color-charts-palette-categorical-17-1Jt-kf:#ce567c;
--color-charts-palette-categorical-18-2MDcqA:#003e38;
--color-charts-palette-categorical-19-3xVYJi:#9469d6;
--color-charts-palette-categorical-20-3jIXSn:#602400;
--color-charts-palette-categorical-21-3gjyDn:#4066df;
--color-charts-palette-categorical-22-3yrZTB:#a32952;
--color-charts-palette-categorical-23-1b4VgT:#0d7d70;
--color-charts-palette-categorical-24-1w1Lsc:#6b40b2;
--color-charts-palette-categorical-25-B-j59e:#bc4d01;
--color-charts-palette-categorical-26-1IEWJA:#2c46b1;
--color-charts-palette-categorical-27-2XHKLc:#81143b;
--color-charts-palette-categorical-28-3fTJTK:#045b52;
--color-charts-palette-categorical-29-1x-RGg:#512994;
--color-charts-palette-categorical-30-1edxxT:#8a3603;
--color-charts-palette-categorical-31-4VphDL:#1f3191;
--color-charts-palette-categorical-32-2-yyin:#da7596;
--color-charts-palette-categorical-33-zHPcZQ:#01443e;
--color-charts-palette-categorical-34-2DakBt:#a783e1;
--color-charts-palette-categorical-35-31W_M2:#692801;
--color-charts-palette-categorical-36-2TxON_:#5978e3;
--color-charts-palette-categorical-37-yXHxmj:#b1325c;
--color-charts-palette-categorical-38-30Moco:#1c8e81;
--color-charts-palette-categorical-39-3xGErQ:#7749bf;
--color-charts-palette-categorical-40-3pXjCj:#cc5f21;
--color-charts-palette-categorical-41-1uVMyy:#314fbf;
--color-charts-palette-categorical-42-3wnQ3u:#8b1b42;
--color-charts-palette-categorical-43-zgCkCs:#06645a;
--color-charts-palette-categorical-44-3XZjVO:#59309d;
--color-charts-palette-categorical-45-3xEFoR:#983c02;
--color-charts-palette-categorical-46-1dTxAu:#23379b;
--color-charts-palette-categorical-47-3Qt9I9:#6f062f;
--color-charts-palette-categorical-48-34gAhJ:#014b44;
--color-charts-palette-categorical-49-2Dk57p:#431d84;
--color-charts-palette-categorical-50-28Op-9:#732c02;
--size-icon-normal-3o9QS_:1.6rem;
--size-icon-big-ne7xIx:3.2rem;
--size-icon-large-nQnxxx:4.8rem;
--size-control-1S0qZw:1.4rem;
--motion-duration-extra-fast-1YDA0Q:45ms;
--motion-duration-fast-oPeLPK:90ms;
--motion-duration-moderate-3V3IbE:135ms;
--motion-duration-slow-39Jq2G:180ms;
--motion-duration-extra-slow-39YF13:270ms;
--motion-duration-show-quick-TMbCmo:135ms;
--motion-duration-show-paced-2crOWV:180ms;
--motion-duration-rotate-90-TMbCmo:135ms;
--motion-duration-rotate-180-TMbCmo:135ms;
--motion-duration-transition-show-quick-2hvSaJ:90ms;
--motion-duration-transition-show-paced-2crOWV:180ms;
--motion-duration-transition-quick-2hvSaJ:90ms;
--motion-easing-ease-out-quart-cJfwJd:cubic-bezier(0.165, 0.84, 0.44, 1);
--motion-easing-show-quick-25z_bd:ease-out;
--motion-easing-show-paced-25z_bd:ease-out;
--motion-easing-rotate-90-2ebTCo:cubic-bezier(0.165, 0.84, 0.44, 1);
--motion-easing-rotate-180-2ebTCo:cubic-bezier(0.165, 0.84, 0.44, 1);
--motion-easing-transition-show-quick-2nchNs:linear;
--motion-easing-transition-show-paced-25z_bd:ease-out;
--motion-easing-transition-quick-2nchNs:linear;
--space-none-2rGI2r:0;
--space-xxxs-10EX_Z:.2rem;
--space-xxs-137Hig:.4rem;
--space-xs-1QR0Ng:.8rem;
--space-s-2tKeb0:1.2rem;
--space-m-25I9Cr:1.6rem;
--space-l-3cXvov:2.0rem;
--space-xl-3JXLlv:2.4rem;
--space-xxl-3_q1V_:3.2rem;
--space-xxxl-3dxeuJ:4.0rem;
--space-scaled-none-1ld6ZS:0;
--space-scaled-xxxs-1yX_gQ:.2rem;
--space-scaled-xxs-wz9S8K:.4rem;
--space-scaled-xs-19adjU:.8rem;
--space-scaled-s-1sAHT4:1.2rem;
--space-scaled-m-p3tAne:1.6rem;
--space-scaled-l-17GFGI:2.0rem;
--space-scaled-xl-axUbkA:2.4rem;
--space-scaled-xxl-238u6Z:3.2rem;
--space-scaled-xxxl-3VX7k3:4.0rem;
--space-scaled-2x-none-1ld6ZS:0;
--space-scaled-2x-xxxs-1yX_gQ:.2rem;
--space-scaled-2x-xxs-wz9S8K:.4rem;
--space-scaled-2x-xs-19adjU:.8rem;
--space-scaled-2x-s-1sAHT4:1.2rem;
--space-scaled-2x-m-p3tAne:1.6rem;
--space-scaled-2x-l-17GFGI:2.0rem;
--space-scaled-2x-xl-axUbkA:2.4rem;
--space-scaled-2x-xxl-238u6Z:3.2rem;
--space-scaled-2x-xxxl-3VX7k3:4.0rem;
--space-grid-gutter-17GFGI:2.0rem;
--size-vertical-input-3_q1V_:3.2rem;
--size-vertical-panel-icon-offset-2Iktcb:1.5rem;
}
.awsui-motion-disabled:not(#\9){
--motion-duration-extra-fast-1YDA0Q:0ms;
--motion-duration-fast-oPeLPK:0ms;
--motion-duration-moderate-3V3IbE:0ms;
--motion-duration-slow-39Jq2G:0ms;
--motion-duration-extra-slow-39YF13:0ms;
--motion-duration-show-quick-TMbCmo:0ms;
--motion-duration-show-paced-2crOWV:0ms;
--motion-duration-rotate-90-TMbCmo:0ms;
--motion-duration-rotate-180-TMbCmo:0ms;
--motion-duration-transition-show-quick-2hvSaJ:0ms;
--motion-duration-transition-show-paced-2crOWV:0ms;
--motion-duration-transition-quick-2hvSaJ:0ms;
--motion-easing-ease-out-quart-cJfwJd:cubic-bezier(0.165, 0.84, 0.44, 1);
--motion-easing-show-quick-25z_bd:ease-out;
--motion-easing-show-paced-25z_bd:ease-out;
--motion-easing-rotate-90-2ebTCo:cubic-bezier(0.165, 0.84, 0.44, 1);
--motion-easing-rotate-180-2ebTCo:cubic-bezier(0.165, 0.84, 0.44, 1);
--motion-easing-transition-show-quick-2nchNs:linear;
--motion-easing-transition-show-paced-25z_bd:ease-out;
--motion-easing-transition-quick-2nchNs:linear;
}