/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!../node_modules/@fontsource/inter/400.css ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* inter-cyrillic-ext-400-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(/_next/static/media/inter-cyrillic-ext-400-normal.06b6faa3.woff2) format("woff2"), url(/_next/static/media/inter-all-400-normal.2ae8ed37.woff) format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* inter-cyrillic-400-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(/_next/static/media/inter-cyrillic-400-normal.5122dff0.woff2) format("woff2"), url(/_next/static/media/inter-all-400-normal.2ae8ed37.woff) format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* inter-greek-ext-400-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(/_next/static/media/inter-greek-ext-400-normal.2271c2a1.woff2) format("woff2"), url(/_next/static/media/inter-all-400-normal.2ae8ed37.woff) format("woff");
unicode-range: U+1F00-1FFF;
}
/* inter-greek-400-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(/_next/static/media/inter-greek-400-normal.d1deb2fe.woff2) format("woff2"), url(/_next/static/media/inter-all-400-normal.2ae8ed37.woff) format("woff");
unicode-range: U+0370-03FF;
}
/* inter-vietnamese-400-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(/_next/static/media/inter-vietnamese-400-normal.ebde713a.woff2) format("woff2"), url(/_next/static/media/inter-all-400-normal.2ae8ed37.woff) format("woff");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* inter-latin-ext-400-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(/_next/static/media/inter-latin-ext-400-normal.261aa6d4.woff2) format("woff2"), url(/_next/static/media/inter-all-400-normal.2ae8ed37.woff) format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* inter-latin-400-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(/_next/static/media/inter-latin-400-normal.493934f7.woff2) format("woff2"), url(/_next/static/media/inter-all-400-normal.2ae8ed37.woff) format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!../node_modules/@fontsource/inter/500.css ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* inter-cyrillic-ext-500-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(/_next/static/media/inter-cyrillic-ext-500-normal.563e11f7.woff2) format("woff2"), url(/_next/static/media/inter-all-500-normal.56c3d87b.woff) format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* inter-cyrillic-500-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(/_next/static/media/inter-cyrillic-500-normal.017c512f.woff2) format("woff2"), url(/_next/static/media/inter-all-500-normal.56c3d87b.woff) format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* inter-greek-ext-500-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(/_next/static/media/inter-greek-ext-500-normal.9ef8ce0d.woff2) format("woff2"), url(/_next/static/media/inter-all-500-normal.56c3d87b.woff) format("woff");
unicode-range: U+1F00-1FFF;
}
/* inter-greek-500-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(/_next/static/media/inter-greek-500-normal.599dd974.woff2) format("woff2"), url(/_next/static/media/inter-all-500-normal.56c3d87b.woff) format("woff");
unicode-range: U+0370-03FF;
}
/* inter-vietnamese-500-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(/_next/static/media/inter-vietnamese-500-normal.7b524ed3.woff2) format("woff2"), url(/_next/static/media/inter-all-500-normal.56c3d87b.woff) format("woff");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* inter-latin-ext-500-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(/_next/static/media/inter-latin-ext-500-normal.47503116.woff2) format("woff2"), url(/_next/static/media/inter-all-500-normal.56c3d87b.woff) format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* inter-latin-500-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 500;
src: url(/_next/static/media/inter-latin-500-normal.b7be75b9.woff2) format("woff2"), url(/_next/static/media/inter-all-500-normal.56c3d87b.woff) format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!../node_modules/@fontsource/inter/600.css ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* inter-cyrillic-ext-600-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(/_next/static/media/inter-cyrillic-ext-600-normal.4eb7a897.woff2) format("woff2"), url(/_next/static/media/inter-all-600-normal.d9666969.woff) format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* inter-cyrillic-600-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(/_next/static/media/inter-cyrillic-600-normal.9f2082d5.woff2) format("woff2"), url(/_next/static/media/inter-all-600-normal.d9666969.woff) format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* inter-greek-ext-600-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(/_next/static/media/inter-greek-ext-600-normal.04ef07b9.woff2) format("woff2"), url(/_next/static/media/inter-all-600-normal.d9666969.woff) format("woff");
unicode-range: U+1F00-1FFF;
}
/* inter-greek-600-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(/_next/static/media/inter-greek-600-normal.eff3b663.woff2) format("woff2"), url(/_next/static/media/inter-all-600-normal.d9666969.woff) format("woff");
unicode-range: U+0370-03FF;
}
/* inter-vietnamese-600-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(/_next/static/media/inter-vietnamese-600-normal.eb82de1d.woff2) format("woff2"), url(/_next/static/media/inter-all-600-normal.d9666969.woff) format("woff");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* inter-latin-ext-600-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(/_next/static/media/inter-latin-ext-600-normal.0a04c3cd.woff2) format("woff2"), url(/_next/static/media/inter-all-600-normal.d9666969.woff) format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* inter-latin-600-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 600;
src: url(/_next/static/media/inter-latin-600-normal.a3e93aa0.woff2) format("woff2"), url(/_next/static/media/inter-all-600-normal.d9666969.woff) format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!../node_modules/@fontsource/inter/700.css ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* inter-cyrillic-ext-700-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(/_next/static/media/inter-cyrillic-ext-700-normal.7c668daa.woff2) format("woff2"), url(/_next/static/media/inter-all-700-normal.f3163a49.woff) format("woff");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* inter-cyrillic-700-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(/_next/static/media/inter-cyrillic-700-normal.8b03fbd1.woff2) format("woff2"), url(/_next/static/media/inter-all-700-normal.f3163a49.woff) format("woff");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* inter-greek-ext-700-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(/_next/static/media/inter-greek-ext-700-normal.5fb4f9ba.woff2) format("woff2"), url(/_next/static/media/inter-all-700-normal.f3163a49.woff) format("woff");
unicode-range: U+1F00-1FFF;
}
/* inter-greek-700-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(/_next/static/media/inter-greek-700-normal.54b722f0.woff2) format("woff2"), url(/_next/static/media/inter-all-700-normal.f3163a49.woff) format("woff");
unicode-range: U+0370-03FF;
}
/* inter-vietnamese-700-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(/_next/static/media/inter-vietnamese-700-normal.00e401a9.woff2) format("woff2"), url(/_next/static/media/inter-all-700-normal.f3163a49.woff) format("woff");
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* inter-latin-ext-700-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(/_next/static/media/inter-latin-ext-700-normal.07491ea2.woff2) format("woff2"), url(/_next/static/media/inter-all-700-normal.f3163a49.woff) format("woff");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* inter-latin-700-normal*/
@font-face {
font-family: "Inter";
font-style: normal;
font-display: swap;
font-weight: 700;
src: url(/_next/static/media/inter-latin-700-normal.7ddf3c11.woff2) format("woff2"), url(/_next/static/media/inter-all-700-normal.f3163a49.woff) format("woff");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!../node_modules/react-phone-number-input/style.css ***!
\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* CSS variables. */
:root {
--PhoneInput-color--focus: #03b2cb;
--PhoneInputInternationalIconPhone-opacity: 0.8;
--PhoneInputInternationalIconGlobe-opacity: 0.65;
--PhoneInputCountrySelect-marginRight: 0.35em;
--PhoneInputCountrySelectArrow-width: 0.3em;
--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
--PhoneInputCountrySelectArrow-borderWidth: 1px;
--PhoneInputCountrySelectArrow-opacity: 0.45;
--PhoneInputCountrySelectArrow-color: currentColor;
--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
--PhoneInputCountrySelectArrow-transform: rotate(45deg);
--PhoneInputCountryFlag-aspectRatio: 1.5;
--PhoneInputCountryFlag-height: 1em;
--PhoneInputCountryFlag-borderWidth: 1px;
--PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}
.PhoneInput {
/* This is done to stretch the contents of this component. */
display: flex;
align-items: center;
}
.PhoneInputInput {
/* The phone number input stretches to fill all empty space */
flex: 1 1;
/* The phone number input should shrink
to make room for the extension input */
min-width: 0;
}
.PhoneInputCountryIcon {
width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
height: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--square {
width: var(--PhoneInputCountryFlag-height);
}
.PhoneInputCountryIcon--border {
/* Removed `background-color` because when an `![]()
` was still loading
it would show a dark gray rectangle. */
/* For some reason the `![]()
` is not stretched to 100% width and height
and sometime there can be seen white pixels of the background at top and bottom. */
background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
/* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
/* For some reason the `![]()
` is not stretched to 100% width and height
and sometime there can be seen white pixels of the background at top and bottom,
so an additional "inset" border is added. */
box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}
.PhoneInputCountryIconImg {
/* Fixes weird vertical space above the flag icon. */
/* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
display: block;
/* 3rd party flag icons won't stretch if they have `width` and `height`.
Also, if an icon's aspect ratio was different, it wouldn't fit too. */
width: 100%;
height: 100%;
}
.PhoneInputInternationalIconPhone {
opacity: var(--PhoneInputInternationalIconPhone-opacity);
}
.PhoneInputInternationalIconGlobe {
opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}
/* Styling native country ``. */
.PhoneInputCountry {
position: relative;
align-self: stretch;
display: flex;
align-items: center;
margin-right: var(--PhoneInputCountrySelect-marginRight);
}
.PhoneInputCountrySelect {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
border: 0;
opacity: 0;
cursor: pointer;
}
.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
cursor: default;
}
.PhoneInputCountrySelectArrow {
display: block;
content: "";
width: var(--PhoneInputCountrySelectArrow-width);
height: var(--PhoneInputCountrySelectArrow-width);
margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
border-style: solid;
border-color: var(--PhoneInputCountrySelectArrow-color);
border-top-width: 0;
border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
border-left-width: 0;
border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
transform: var(--PhoneInputCountrySelectArrow-transform);
opacity: var(--PhoneInputCountrySelectArrow-opacity);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}
.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
opacity: 1;
color: var(--PhoneInputCountrySelectArrow-color--focus);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./app/ui/global.scss ***!
\******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
* exports a typescript object with the colors
* @example
* ```tsx
* import { palette } from 'fidesui/src/palette/palette.module.scss';
* console.log(palette.FIDESUI_MINOS);
* ```
*/
:export {
FIDESUI_FULL_BLACK: #000000;
FIDESUI_FULL_WHITE: #ffffff;
FIDESUI_BG_WHITE: #ffffff;
FIDESUI_NEUTRAL_50: #fafafa;
FIDESUI_NEUTRAL_75: #f5f5f5;
FIDESUI_NEUTRAL_100: #e6e6e8;
FIDESUI_NEUTRAL_200: #d1d2d4;
FIDESUI_NEUTRAL_300: #bcbec1;
FIDESUI_NEUTRAL_400: #a8aaad;
FIDESUI_NEUTRAL_500: #93969a;
FIDESUI_NEUTRAL_600: #7e8185;
FIDESUI_NEUTRAL_700: #696c71;
FIDESUI_NEUTRAL_800: #53575c;
FIDESUI_NEUTRAL_900: #2b2e35;
FIDESUI_BG_DEFAULT: #f5f5f5;
FIDESUI_CORINTH: #fafafa;
FIDESUI_BG_CORINTH: #fafafa;
FIDESUI_LIMESTONE: #f1efee;
FIDESUI_MINOS: #2b2e35;
FIDESUI_BG_MINOS: #4f525b;
FIDESUI_TERRACOTTA: #b9704b;
FIDESUI_BG_TERRACOTTA: #f1b193;
FIDESUI_OLIVE: #999b83;
FIDESUI_BG_OLIVE: #d4d5c8;
FIDESUI_MARBLE: #cdd2d3;
FIDESUI_BG_MARBLE: #e1e5e6;
FIDESUI_SANDSTONE: #cecac2;
FIDESUI_BG_SANDSTONE: #e3e0d9;
FIDESUI_NECTAR: #f0ebc1;
FIDESUI_BG_NECTAR: #f5f2d7;
FIDESUI_ERROR: #d9534f;
FIDESUI_BG_ERROR: #f7c2c2;
FIDESUI_WARNING: #e59d47;
FIDESUI_BG_WARNING: #fbddb5;
FIDESUI_BG_CAUTION: #f6e3a4;
FIDESUI_SUCCESS: #5a9a68;
FIDESUI_BG_SUCCESS: #c3e6b2;
FIDESUI_INFO: #4a90e2;
FIDESUI_BG_INFO: #a5d6f3;
FIDESUI_ALERT: #7b4ea9;
FIDESUI_BG_ALERT: #d9b0d7;
FIDESUI_ERROR_TEXT: #d32f2f;
FIDESUI_SUCCESS_TEXT: #388e3c;
FIDESUI_LINK: #2272ce;
}
/**
* Global Ant Design styles for Fides applications
* These styles handle cases where tokens are not available
*/
/**
* Chakra removes heading font weight, wheras Ant assumes browser defaults.
* This sets the font weight for headings back to the browser default for Ant support.
* Remove this once Chakra has been removed.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
}
/**
* Adds the color variables from the palette to the root element
*/
:root {
--fidesui-full-black: #000000;
--fidesui-full-white: #ffffff;
--fidesui-bg-white: #ffffff;
--fidesui-neutral-50: #fafafa;
--fidesui-neutral-75: #f5f5f5;
--fidesui-neutral-100: #e6e6e8;
--fidesui-neutral-200: #d1d2d4;
--fidesui-neutral-300: #bcbec1;
--fidesui-neutral-400: #a8aaad;
--fidesui-neutral-500: #93969a;
--fidesui-neutral-600: #7e8185;
--fidesui-neutral-700: #696c71;
--fidesui-neutral-800: #53575c;
--fidesui-neutral-900: #2b2e35;
--fidesui-bg-default: #f5f5f5;
--fidesui-corinth: #fafafa;
--fidesui-bg-corinth: #fafafa;
--fidesui-limestone: #f1efee;
--fidesui-minos: #2b2e35;
--fidesui-bg-minos: #4f525b;
--fidesui-terracotta: #b9704b;
--fidesui-bg-terracotta: #f1b193;
--fidesui-olive: #999b83;
--fidesui-bg-olive: #d4d5c8;
--fidesui-marble: #cdd2d3;
--fidesui-bg-marble: #e1e5e6;
--fidesui-sandstone: #cecac2;
--fidesui-bg-sandstone: #e3e0d9;
--fidesui-nectar: #f0ebc1;
--fidesui-bg-nectar: #f5f2d7;
--fidesui-error: #d9534f;
--fidesui-bg-error: #f7c2c2;
--fidesui-warning: #e59d47;
--fidesui-bg-warning: #fbddb5;
--fidesui-bg-caution: #f6e3a4;
--fidesui-success: #5a9a68;
--fidesui-bg-success: #c3e6b2;
--fidesui-info: #4a90e2;
--fidesui-bg-info: #a5d6f3;
--fidesui-alert: #7b4ea9;
--fidesui-bg-alert: #d9b0d7;
--fidesui-error-text: #d32f2f;
--fidesui-success-text: #388e3c;
--fidesui-link: #2272ce;
}
:focus-visible {
outline-color: var(--fidesui-minos);
}
/**
* Styles for Ant components where tokens are not available
*/
.ant-input-compact-item.ant-input-css-var {
--ant-color-border: var(--fidesui-neutral-200);
--ant-input-hover-border-color: var(--fidesui-neutral-200);
}
.ant-btn-compact-item.ant-btn-variant-outlined {
--ant-button-default-border-color: var(--fidesui-neutral-200);
--ant-button-default-hover-border-color: var(--fidesui-neutral-200);
--ant-button-default-hover-bg: var(--fidesui-neutral-200);
--ant-button-default-bg: var(--fidesui-neutral-50);
}
.ant-btn-icon {
line-height: 1;
}
.ant-form-item-label {
font-weight: 600;
}
.ant-menu-dark .ant-menu-sub > .ant-menu-item > .ant-menu-title-content a {
color: var(--fidesui-neutral-200);
}
.ant-menu-dark .ant-menu-sub > .ant-menu-item > .ant-menu-title-content a:focus-visible {
text-decoration: underline;
}
.ant-menu-dark .ant-menu-sub > .ant-menu-item:focus-within:not(.ant-menu-item-selected) {
background-color: var(--fidesui-neutral-800);
}
.ant-menu-dark .ant-menu-sub > .ant-menu-item:hover {
--ant-menu-dark-item-hover-bg: var(--fidesui-neutral-800);
}
.ant-menu-dark .ant-menu-sub > .ant-menu-item.ant-menu-item-selected > .ant-menu-title-content a {
color: var(--fidesui-minos);
}
.ant-menu .ant-menu-submenu-arrow {
--ant-border-radius: 0px;
}
.ant-menu .ant-menu-submenu-arrow::before, .ant-menu .ant-menu-submenu-arrow::after {
width: calc(var(--ant-font-size) / 7 * 5 * 0.65);
}
.ant-menu.ant-menu-horizontal .ant-menu-item:first-child {
padding-left: 0;
}
.ant-menu.ant-menu-horizontal .ant-menu-item:first-child::after {
inset-inline-start: 0;
}
.ant-input:-moz-read-only {
--ant-color-text: var(--fidesui-neutral-700);
--ant-color-bg-container: var(--fidesui-neutral-50);
--ant-input-hover-bg: var(--fidesui-neutral-50);
--ant-input-active-bg: var(--fidesui-neutral-50);
--ant-input-active-border-color: var(--ant-color-border);
--ant-input-hover-border-color: var(--ant-color-border);
--ant-input-active-shadow: none;
--ant-input-hove-shadow: none;
}
.ant-input:read-only {
--ant-color-text: var(--fidesui-neutral-700);
--ant-color-bg-container: var(--fidesui-neutral-50);
--ant-input-hover-bg: var(--fidesui-neutral-50);
--ant-input-active-bg: var(--fidesui-neutral-50);
--ant-input-active-border-color: var(--ant-color-border);
--ant-input-hover-border-color: var(--ant-color-border);
--ant-input-active-shadow: none;
--ant-input-hove-shadow: none;
}
.ant-steps-item-title {
font-weight: 500;
}
.ant-table-wrapper .ant-table {
--ant-table-header-icon-color: var(--fidesui-neutral-300);
}
.ant-table-cell * {
--ant-font-size: var(--ant-table-cell-font-size-sm);
}
.ant-table-container::before {
border-start-start-radius: var(--ant-table-header-border-radius);
}
.ant-table-container::after {
border-start-end-radius: var(--ant-table-header-border-radius);
}
.ant-table-content {
border-start-start-radius: var(--ant-table-header-border-radius);
border-start-end-radius: var(--ant-table-header-border-radius);
}
.ant-list *:focus-visible {
outline: auto;
}
.ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-title > a:hover, .ant-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-title > a:focus-visible,
.ant-list .ant-list-item-meta-title a:hover,
.ant-list .ant-list-item-meta-title a:focus-visible {
color: var(--fidesui-neutral-600);
}
.ant-list .ant-list-item .ant-list-item-action li {
padding-left: 0;
}
.ant-select-dropdown .ant-select-item-group {
font-weight: 600;
font-size: var(--ant-select-option-font-size);
color: var(--ant-color-text);
border-radius: 0;
}
.ant-select-dropdown .ant-select-item-group:not(:first-child) {
border-top: 1px solid var(--ant-color-border);
}
.ant-progress-steps-item {
border-radius: calc(var(--ant-progress-line-border-radius) / 40);
}
.ant-progress-steps .ant-progress-text {
width: auto;
}
.ant-tree .ant-tree-node-content-wrapper {
display: flex;
overflow: hidden;
white-space: nowrap;
}
.ant-tree .ant-tree-treenode {
--ant-tree-node-selected-bg: var(--fidesui-neutral-100);
--ant-tree-directory-node-selected-color: var(
--ant-tree-node-selected-color
);
--ant-tree-directory-node-selected-bg: var(--fidesui-neutral-100);
}
.ant-tree .ant-tree-title {
flex: auto;
overflow: hidden;
}
.ant-list-item-action-split {
display: none;
}
.ant-popover .ant-popover-inner-content {
--ant-popover-inner-content-padding: 0;
}
.ant-drawer-header-title {
flex-direction: row-reverse;
}
.ant-segmented-item-label {
display: flex;
align-items: center;
justify-content: center;
}
.ant-switch.ant-switch-checked.ant-switch-disabled {
opacity: 0.3;
}
.ant-card .ant-card-actions > li > span {
cursor: unset;
}
.ant-card-actions .ant-btn {
width: 100%;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!../fidesui/src/hoc/CustomTypography.module.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CustomTypography_paragraph__c2AID.ant-typography {
margin-bottom: 0;
}
.CustomTypography_paragraph__c2AID.ant-typography:not(:last-child) {
margin-bottom: 1em;
}
.CustomTypography_sm__pWu1p {
font-size: var(--ant-font-size-sm) !important;
}
.CustomTypography_default__ZT1tF {
font-size: var(--ant-font-size) !important;
}
.CustomTypography_lg__dP6f4 {
font-size: var(--ant-font-size-lg) !important;
}
.CustomTypography_h1__HnHaB {
font-size: var(--ant-font-size-heading-1) !important;
}
.CustomTypography_h2__D50up {
font-size: var(--ant-font-size-heading-2) !important;
}
.CustomTypography_h3__gBiAY {
font-size: var(--ant-font-size-heading-3) !important;
}
.CustomTypography_h4__r1NNB {
font-size: var(--ant-font-size-heading-4) !important;
}
.CustomTypography_h5__TUNTk {
font-size: var(--ant-font-size-heading-5) !important;
}
.CustomTypography_primaryColorLink__t9FZ3 {
color: var(--fides-color-primary) !important;
}
.CustomTypography_primaryColorLink__t9FZ3 strong {
color: inherit !important;
text-decoration: inherit !important;
}
.CustomTypography_primaryColorLink__t9FZ3:hover {
color: var(--fidesui-neutral-800) !important;
text-decoration: underline !important;
}
.CustomTypography_unStyled__SED1R {
color: inherit !important;
text-decoration: inherit !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!../fidesui/src/hoc/CopyTooltip.module.scss ***!
\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CopyTooltip_tooltipButton__SArkV {
--ant-button-text-text-color: rgba(255, 255, 255, 0.85) !important;
--ant-button-text-text-hover-color: rgba(255, 255, 255, 1) !important;
--ant-color-text-disabled: rgba(255, 255, 255, 1) !important;
}
.CopyTooltip_tooltipButton__SArkV:disabled {
cursor: default !important;
}
.CopyTooltip_tooltip__qilTY {
max-width: 400px !important;
}
.CopyTooltip_keyboardAccessibleButton__MDL0n {
cursor: default;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!../fidesui/src/hoc/CustomList.module.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CustomList_active-item__JCUP_ {
background-color: var(--ant-color-primary-bg);
border-left: 4px solid var(--fidesui-minos);
margin-left: -4px;
position: relative;
}
.CustomList_active-item__JCUP_:not(:last-child) {
border-block-end-width: 0 !important;
margin-bottom: 1px;
}
.CustomList_active-item__JCUP_:not(:first-child):before {
content: "";
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 1px;
background-color: var(--fidesui-full-white);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!../fidesui/src/hoc/CustomTableHeaderCell.module.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CustomTableHeaderCell_customTableHeaderCell__YXEen {
display: flex;
align-items: center;
}
.CustomTableHeaderCell_customTableHeaderCell__children__WxTeU {
flex: 1 1;
}
.CustomTableHeaderCell_customTableHeaderCell__button__xSmE5.ant-table-filter-trigger {
-webkit-margin-start: calc(var(--ant-table-cell-padding-inline-sm) / 2);
margin-inline-start: calc(var(--ant-table-cell-padding-inline-sm) / 2);
width: 20px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!../fidesui/src/palette/palette.module.scss ***!
\************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
* exports a typescript object with the colors
* @example
* ```tsx
* import { palette } from 'fidesui/src/palette/palette.module.scss';
* console.log(palette.FIDESUI_MINOS);
* ```
*/
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!../fidesui/src/hoc/CustomTag.module.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
* exports a typescript object with the colors
* @example
* ```tsx
* import { palette } from 'fidesui/src/palette/palette.module.scss';
* console.log(palette.FIDESUI_MINOS);
* ```
*/
.CustomTag_tag__4q0OL {
display: inline-flex;
align-items: center;
gap: calc(var(--ant-margin-xs) * 0.75);
line-height: calc(var(--ant-line-height-sm) * var(--ant-font-size-sm) - 2px);
min-height: calc(var(--ant-line-height-sm) * var(--ant-font-size-sm));
font-weight: normal;
--ant-padding-xxs: 0;
}
.CustomTag_tag__4q0OL svg:not([data-icon]) {
width: 10px;
height: 10px;
}
.CustomTag_tag__4q0OL .ant-tag-close-icon svg {
width: 12px;
height: 12px;
}
.CustomTag_buttonTag__IYAPu {
border-radius: var(--ant-border-radius-sm);
}
.CustomTag_buttonTag__IYAPu:hover .ant-tag, .CustomTag_buttonTag__IYAPu:focus .ant-tag {
background: #fafafa !important;
}
.CustomTag_buttonTag__IYAPu:focus-visible {
outline: none;
}
.CustomTag_buttonTag__IYAPu:focus-visible .ant-tag {
border: 1px solid #2b2e35;
}
.CustomTag_closeButton__Un_6X {
border-radius: var(--ant-border-radius-xs);
}
.CustomTag_closeButton__Un_6X:focus-visible {
outline: 1px solid #2b2e35;
outline-offset: 2px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!../fidesui/src/hoc/CustomTooltip.module.scss ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
* exports a typescript object with the colors
* @example
* ```tsx
* import { palette } from 'fidesui/src/palette/palette.module.scss';
* console.log(palette.FIDESUI_MINOS);
* ```
*/
.CustomTooltip_tooltipChild__uzOBp {
--custom-tooltip-outline-width: 1px;
}
.CustomTooltip_tooltipChild__uzOBp:focus-visible {
outline: var(--custom-tooltip-outline-width) dashed #2b2e35;
outline-offset: 1px;
transition: outline-offset 0s, outline 0s;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!../fidesui/src/components/animation/OpenCloseArrow.module.scss ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.OpenCloseArrow_arrow__PqEid {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: var(--arrow-size);
height: var(--arrow-size);
}
.OpenCloseArrow_bar__ouLRX {
position: absolute;
width: calc(var(--arrow-size) * 0.65);
height: calc(var(--arrow-size) * 0.15);
background-color: currentcolor;
border-radius: var(--ant-border-radius);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!../fidesui/src/components/data-entry/SelectInline.module.scss ***!
\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SelectInline_selectInlineRoot__WLus7 {
--ant-padding-sm: 0;
--ant-padding-xxs: 0;
--ant-select-multiple-selector-bg-disabled: transparent !important;
--ant-select-option-selected-font-weight: 400 !important;
}
.SelectInline_selectInlineRoot__WLus7 .ant-select-selector {
cursor: auto !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[7].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[7].use[5]!../fidesui/src/components/navigation/FloatingMenu.module.scss ***!
\*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FloatingMenu_menu__a1x9u {
--ant-menu-item-height: 36px !important;
--ant-menu-item-margin-inline: 8px !important;
--ant-menu-item-width: calc(100% - 16px) !important;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 6px;
box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
}