/*
  Base CSS
*/





/*
  Font
*/


/*
  Animation
*/


/* Accordion Animation */

@keyframes accordion-vertical-expansion {
    0% {
        max-height: 0%;
    }
    100% {
        max-height: 100%;
    }
}

@keyframes accordion-vertical-reduction {
    0% {
        max-height: 100%;
    }
    100% {
        max-height: 0%;
    }
}


/* Fade Animation */

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/* Rotate Animation */

@keyframes rotate-clockwise-180 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

@keyframes rotate-clockwise-360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate-counter-clockwise-180 {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

@keyframes rotate-counter-clockwise-360 {
    0% {
        transform: rotate(360deg);
    }
    100% {
        transform: rotate(0deg);
    }
}


/* Slide Animation */

@keyframes slide-in-horizontal {
    0% {
        margin-left: -16rem;
    }
    100% {
        margin-left: 0;
    }
}

@keyframes slide-out-horizontal {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -16rem;
    }
}



/*
  Root
*/


/* Root Common */

:root {
    /*
      Border Definitions
    */

    /* Primitive Border Variables */
    --border-radius-none: 0;
    --border-radius-xs: 2px;
    --border-radius-sm: 4px;
    --border-radius-md: 6px;
    --border-radius-lg: 8px;
    --border-radius-xl: 12px;
    --border-radius-2xl: 16px;
    --border-radius-3xl: 24px;
    --border-radius-full: 9999px;

    /* Semantic Border Variables */
    --border-radius-divide: var(--border-radius-none);
    --border-radius-minimum: var(--border-radius-xs);
    --border-radius-notice: var(--border-radius-sm);
    --border-radius-action: var(--border-radius-md);
    --border-radius-halfmodal: var(--border-radius-lg);
    --border-radius-modal: var(--border-radius-xl);
    --border-radius-round: var(--border-radius-full);


    /*
      Color Definitions
    */

    /* Primitive Color Variables */

    /* black */
    --black: #000000;

    /* white */
    --white: #ffffff;

    /* Brand */
    --docomo-red: #cc0033;

    /* Gray */
    --gray-10: #f9fafb;
    --gray-30: #f5f6f7;
    --gray-50: #f0f2f4;
    --gray-100: #e5ebf3;
    --gray-200: #c2cbd8;
    --gray-300: #a9b5c4;
    --gray-400: #8391a2;
    --gray-500: #626f7f;
    --gray-600: #4e5c6f;
    --gray-700: #2a3849;
    --gray-800: #212e3e;
    --gray-900: #18283e;

    /* Red */
    --red-50: #fff6f5;
    --red-100: #ffe5e4;
    --red-200: #ffbbb9;
    --red-300: #ff8182;
    --red-400: #fa4549;
    --red-500: #cf222e;
    --red-600: #a40e26;
    --red-700: #82071e;
    --red-800: #660018;
    --red-900: #4c0014;

    /* Orange */
    --orange-50: #fff1e5;
    --orange-100: #ffd8b5;
    --orange-200: #ffb77c;
    --orange-300: #fb8f44;
    --orange-400: #e16f24;
    --orange-500: #bc4c00;
    --orange-600: #953800;
    --orange-700: #762c00;
    --orange-800: #5c2200;
    --orange-900: #471700;

    /* Yellow */
    --yellow-50: #fffbe2;
    --yellow-100: #fdedba;
    --yellow-200: #fad573;
    --yellow-300: #f0b800;
    --yellow-400: #cc8f00;
    --yellow-500: #9a6700;
    --yellow-600: #7d4e00;
    --yellow-700: #633c01;
    --yellow-800: #4d2d00;
    --yellow-900: #3b2300;

    /* Green */
    --green-50: #edfdf0;
    --green-100: #c5f7d0;
    --green-200: #6fdd8b;
    --green-300: #4ac26b;
    --green-400: #2da44e;
    --green-500: #1a7f37;
    --green-600: #116329;
    --green-700: #044f1e;
    --green-800: #003d16;
    --green-900: #002d11;

    /* Blue */
    --blue-50: #eaf8ff;
    --blue-100: #ceedff;
    --blue-200: #97d3ff;
    --blue-300: #61b3ff;
    --blue-400: #218bff;
    --blue-500: #0969da;
    --blue-600: #0550ae;
    --blue-700: #033d8b;
    --blue-800: #0a3069;
    --blue-900: #002155;

    /* Purple */
    --purple-50: #fbefff;
    --purple-100: #ecd8ff;
    --purple-200: #d8b9ff;
    --purple-300: #c297ff;
    --purple-400: #a475f9;
    --purple-500: #8250df;
    --purple-600: #6639ba;
    --purple-700: #512a97;
    --purple-800: #3e1f79;
    --purple-900: #2e1461;

    /* Pink */
    --pink-50: #ffeff7;
    --pink-100: #ffd3eb;
    --pink-200: #ffadda;
    --pink-300: #ff80c8;
    --pink-400: #e85aad;
    --pink-500: #bf3989;
    --pink-600: #99286e;
    --pink-700: #772057;
    --pink-800: #611347;
    --pink-900: #4d0336;

    /* Light Red */
    --light-red-50: #f9f2f3;
    --light-red-100: #f3e5e7;
    --light-red-200: #eed7da;
    --light-red-300: #e9c9ce;
    --light-red-400: #e2b9bb;
    --light-red-500: #e9b0b3;
    --light-red-600: #f0a7aa;
    --light-red-700: #e58a90;
    --light-red-800: #d3686f;
    --light-red-900: #9b3b42;

    /* Light Yellow */
    --light-yellow-50: #fffff9;
    --light-yellow-100: #fffcee;
    --light-yellow-200: #fff7de;
    --light-yellow-300: #fff0c4;
    --light-yellow-400: #fbe5a9;
    --light-yellow-500: #f7da8f;
    --light-yellow-600: #eecb74;
    --light-yellow-700: #dfbb59;
    --light-yellow-800: #c09a3e;
    --light-yellow-900: #a6822b;

    /* Light Blue */
    --light-blue-50: #fbfcff;
    --light-blue-100: #f6f9ff;
    --light-blue-200: #eff4fe;
    --light-blue-300: #e5ebfb;
    --light-blue-400: #dae5f7;
    --light-blue-500: #c9d8f1;
    --light-blue-600: #b6cbea;
    --light-blue-700: #a2bfde;
    --light-blue-800: #7b9abf;
    --light-blue-900: #5d718e;

    /* Transparent */
    --transparent-light-gray: #a9b5c499;
    --transparent-gray: #24292f99;
    --transparent-red: #b96c71cc;
    --transparent-blue: #517bb2cc;

    /* Native */
    --light-silver: #c7c7c7;

    /* Semantic Color Variables */

    /* Neutral - Updated references */
    --neutral-10: var(--gray-10);
    --neutral-30: var(--gray-30);
    --neutral-50: var(--gray-50);
    --neutral-100: var(--gray-100);
    --neutral-200: var(--gray-200);
    --neutral-300: var(--gray-300);
    --neutral-400: var(--gray-400);
    --neutral-500: var(--gray-500);
    --neutral-600: var(--gray-600);
    --neutral-700: var(--gray-700);
    --neutral-800: var(--gray-800);
    --neutral-900: var(--gray-900);

    /* Primary */
    --primary-10: var(--gray-10);
    --primary-30: var(--gray-30);
    --primary-50: var(--gray-50);
    --primary-100: var(--gray-100);
    --primary-200: var(--gray-200);
    --primary-300: var(--gray-300);
    --primary-400: var(--gray-400);
    --primary-500: var(--gray-500);
    --primary-600: var(--gray-600);
    --primary-700: var(--gray-700);
    --primary-800: var(--gray-800);
    --primary-900: var(--gray-900);

    /* Secondary - Updated references */
    --secondary-10: var(--gray-10);
    --secondary-30: var(--gray-30);
    --secondary-50: var(--gray-50);
    --secondary-100: var(--gray-100);
    --secondary-200: var(--gray-200);
    --secondary-300: var(--gray-300);
    --secondary-400: var(--gray-400);
    --secondary-500: var(--gray-500);
    --secondary-600: var(--gray-600);
    --secondary-700: var(--gray-700);
    --secondary-800: var(--gray-800);
    --secondary-900: var(--gray-900);

    /* Info */
    --info-50: var(--blue-50);
    --info-100: var(--blue-100);
    --info-200: var(--blue-200);
    --info-300: var(--blue-300);
    --info-400: var(--blue-400);
    --info-500: var(--blue-500);
    --info-600: var(--blue-600);
    --info-700: var(--blue-700);
    --info-800: var(--blue-800);
    --info-900: var(--blue-900);

    /* Success */
    --success-50: var(--green-50);
    --success-100: var(--green-100);
    --success-200: var(--green-200);
    --success-300: var(--green-300);
    --success-400: var(--green-400);
    --success-500: var(--green-500);
    --success-600: var(--green-600);
    --success-700: var(--green-700);
    --success-800: var(--green-800);
    --success-900: var(--green-900);

    /* Warning */
    --warning-50: var(--yellow-50);
    --warning-100: var(--yellow-100);
    --warning-200: var(--yellow-200);
    --warning-300: var(--yellow-300);
    --warning-400: var(--yellow-400);
    --warning-500: var(--yellow-500);
    --warning-600: var(--yellow-600);
    --warning-700: var(--yellow-700);
    --warning-800: var(--yellow-800);
    --warning-900: var(--yellow-900);

    /* Negative */
    --negative-50: var(--red-50);
    --negative-100: var(--red-100);
    --negative-200: var(--red-200);
    --negative-300: var(--red-300);
    --negative-400: var(--red-400);
    --negative-500: var(--red-500);
    --negative-600: var(--red-600);
    --negative-700: var(--red-700);
    --negative-800: var(--red-800);
    --negative-900: var(--red-900);

    /* Negative-graph */
    --negative-graph-50: var(--light-red-50);
    --negative-graph-100: var(--light-red-100);
    --negative-graph-200: var(--light-red-200);
    --negative-graph-300: var(--light-red-300);
    --negative-graph-400: var(--light-red-400);
    --negative-graph-500: var(--light-red-500);
    --negative-graph-600: var(--light-red-600);
    --negative-graph-700: var(--light-red-700);
    --negative-graph-800: var(--light-red-800);
    --negative-graph-900: var(--light-red-900);

    /* Warning-graph */
    --warning-graph-50: var(--light-yellow-50);
    --warning-graph-100: var(--light-yellow-100);
    --warning-graph-200: var(--light-yellow-200);
    --warning-graph-300: var(--light-yellow-300);
    --warning-graph-400: var(--light-yellow-400);
    --warning-graph-500: var(--light-yellow-500);
    --warning-graph-600: var(--light-yellow-600);
    --warning-graph-700: var(--light-yellow-700);
    --warning-graph-800: var(--light-yellow-800);
    --warning-graph-900: var(--light-yellow-900);

    /* Neutral-graph */
    --neutral-graph-50: var(--light-blue-50);
    --neutral-graph-100: var(--light-blue-100);
    --neutral-graph-200: var(--light-blue-200);
    --neutral-graph-300: var(--light-blue-300);
    --neutral-graph-400: var(--light-blue-400);
    --neutral-graph-500: var(--light-blue-500);
    --neutral-graph-600: var(--light-blue-600);
    --neutral-graph-700: var(--light-blue-700);
    --neutral-graph-800: var(--light-blue-800);
    --neutral-graph-900: var(--light-blue-900);

    /* Control */
    --scroll-thumb: var(--light-silver);

    /* Component Color Variables */

    /* Text */
    --text-primary: var(--neutral-800);
    --text-secondary: var(--neutral-500);
    --text-tertiary: var(--neutral-400);
    --text-disabled: var(--neutral-300);
    --text-placeholder: var(--neutral-300);
    --text-inverse: var(--white);
    --text-high: var(--neutral-800);

    /* Text Link */
    --text-link-primary: var(--info-500);
    --text-link-hover: var(--info-600);
    --text-link-disabled: var(--info-100);
    --text-link-emphasis: var(--info-600);

    /* Text Negative */
    --text-negative-primary: var(--negative-500);
    --text-negative-disabled: var(--negative-200);
    --text-negative-emphasis: var(--negative-600);

    /* Text Success */
    --text-success-primary: var(--success-500);
    --text-success-secondary: var(--success-400);
    --text-success-emphasis: var(--success-600);

    /* Text Normal */
    --text-normal-primary: var(--info-500);
    --text-normal-emphasis: var(--info-600);

    /* Text Info */
    --text-info-primary: var(--info-500);
    --text-info-disabled: var(--info-200);
    --text-info-emphasis: var(--info-600);

    /* Text Caution */
    --text-caution-primary: var(--warning-500);
    --text-caution-emphasis: var(--warning-600);

    /* Text Warning */
    --text-warning-primary: var(--negative-500);
    --text-warning-emphasis: var(--negative-600);

    /* Divider */
    --divider-high: var(--neutral-100);
    --divider-middle: var(--neutral-200);
    --divider-low: var(--neutral-300);
    --divider-default: var(--neutral-500);
    --divider-emphasis: var(--neutral-800);
    --divider-table-header: var(--transparent-light-gray);

    /* Divider Negative */
    --divider-negative-high: var(--negative-100);
    --divider-negative-middle: var(--negative-200);
    --divider-negative-low: var(--negative-300);
    --divider-negative-default: var(--negative-500);
    --divider-negative-emphasis: var(--negative-600);

    /* Divider Normal */
    --divider-normal-default: var(--info-500);

    /* Divider Info */
    --divider-info-high: var(--info-100);
    --divider-info-low: var(--info-300);
    --divider-info-default: var(--info-500);
    --divider-info-emphasis: var(--info-600);

    /* Divider Caution */
    --divider-caution-high: var(--warning-100);
    --divider-caution-low: var(--warning-300);
    --divider-caution-default: var(--warning-500);

    /* Divider Success */
    --divider-success-default: var(--success-500);

    /* Background */
    --background-high: var(--white);
    --background-middle: var(--neutral-30);
    --background-low: var(--neutral-50);
    --background-sidemenu: var(--neutral-10);
    --background-overlay: var(--transparent-gray);
    --background-table-header: var(--neutral-100);
    --background-chat-header: var(--neutral-500);
    --background-chat-message: var(--neutral-100);
    --background-postIt-button: var(--neutral-600);

    /* Background Primary Solid */
    --background-primary-solid-default: var(--primary-700);
    --background-primary-solid-hover: var(--primary-600);
    --background-primary-solid-active: var(--primary-400);
    --background-primary-solid-disabled: var(--primary-300);

    /* Background Primary Outline */
    --background-primary-outline-default: var(--white);
    --background-primary-outline-hover: var(--primary-50);
    --background-primary-outline-active: var(--primary-100);
    --background-primary-outline-focus: var(--primary-100);
    --background-primary-outline-disabled: var(--primary-50);

    /* Background Primary Subtle */
    --background-primary-subtle-default: var(--primary-50);
    --background-primary-subtle-ticket: var(--primary-200);

    /* Background Primary Outline Emphasis */
    --background-primary-outline-emphasis-default: var(--primary-30);
    --background-primary-outline-emphasis-hover: var(--primary-100);
    --background-primary-outline-emphasis-active: var(--primary-200);
    --background-primary-outline-emphasis-focus: var(--primary-200);
    --background-primary-outline-emphasis-disabled: var(--primary-100);

    /* Background Primary Muted */
    --background-primary-muted-default: var(--primary-300);
    --background-primary-muted-hover: var(--primary-500);
    --background-primary-muted-active: var(--primary-400);
    --background-primary-muted-disabled: var(--primary-200);

    /* Background Negative Solid */
    --background-negative-solid-default: var(--negative-500);
    --background-negative-solid-hover: var(--negative-600);
    --background-negative-solid-active: var(--negative-700);
    --background-negative-solid-disabled: var(--negative-200);

    /* Background Negative Subtle */
    --background-negative-subtle-default: var(--negative-50);

    /* Background Negative Outline */
    --background-negative-outline-default: var(--white);
    --background-negative-outline-hover: var(--negative-50);
    --background-negative-outline-active: var(--negative-100);

    /* Background Info Solid */
    --background-info-solid-default: var(--info-500);
    --background-info-solid-hover: var(--info-600);
    --background-info-solid-active: var(--info-700);
    --background-info-solid-disabled: var(--info-200);

    /* Background Info Subtle */
    --background-info-subtle-default: var(--info-50);

    /* Background Info Outline */
    --background-info-outline-default: var(--white);
    --background-info-outline-hover: var(--info-50);
    --background-info-outline-active: var(--info-100);

    /* Background Normal Solid */
    --background-normal-solid-default: var(--info-500);

    /* Background Normal Subtle */
    --background-normal-subtle-default: var(--info-50);

    /* Background Caution Solid */
    --background-caution-solid-default: var(--warning-200);

    /* Background Caution Subtle */
    --background-caution-subtle-default: var(--warning-50);

    /* Background Warning Solid */
    --background-warning-solid-default: var(--negative-500);

    /* Background Warning Subtle */
    --background-warning-subtle-default: var(--negative-100);

    /* Background Success Solid */
    --background-success-solid-default: var(--success-500);

    /* Background Success Subtle */
    --background-success-subtle-default: var(--success-50);

    /* Skeleton */
    --skeleton-default: var(--neutral-200);

    /* Ring */
    --ring-stroke: var(--primary-500);

    /* Graph */
    --graph-red: var(--negative-graph-800);
    --graph-light-red: var(--negative-graph-400);
    --graph-yellow: var(--warning-graph-700);
    --graph-blue: var(--neutral-graph-800);
    --graph-gray: var(--neutral-200);
    --graph-red-line: var(--transparent-red);
    --graph-blue-line: var(--transparent-blue);

    /* Outline */
    --outline-valid: var(--primary-300);
    --outline-invalid: var(--negative-300);


    /*
      Effect Definitions
    */

    /* Primitive Effect Variables */
    --box-shadow-none: none;
    --box-shadow-2xs: 0px 1px 0px 0px rgb(0 0 0 / 0.05);
    --box-shadow-xs: 0px 1px 2px 0px rgb(0 0 0 / 0.05);
    --box-shadow-sm: 0px 1px 3px 0px rgb(0 0 0 / 0.1), 0px 1px 2px -1px rgb(0 0 0 / 0.1);
    --box-shadow-md: 0px 4px 6px -1px rgb(0 0 0 / 0.1), 0px 2px 4px -2px rgb(0 0 0 / 0.1);
    --box-shadow-lg: 0px 10px 15px -3px rgb(0 0 0 / 0.1), 0px 4px 6px -4px rgb(0 0 0 / 0.1);

    /* Semantic Effect Variables */
    --box-shadow-base: var(--box-shadow-none);
    --box-shadow-flat: var(--box-shadow-2xs);
    --box-shadow-raise: var(--box-shadow-xs);
    --box-shadow-stick: var(--box-shadow-sm);
    --box-shadow-float: var(--box-shadow-md);
    --box-shadow-popout: var(--box-shadow-lg);


    /*
      Size Definitions
    */

    /* Primitive Size Percentage Variables */
    --size-percentage-1: 1%;
    --size-percentage-2: 2%;
    --size-percentage-3: 3%;
    --size-percentage-4: 4%;
    --size-percentage-5: 5%;
    --size-percentage-6: 6%;
    --size-percentage-7: 7%;
    --size-percentage-8: 8%;
    --size-percentage-9: 9%;
    --size-percentage-10: 10%;
    --size-percentage-11: 11%;
    --size-percentage-12: 12%;
    --size-percentage-13: 13%;
    --size-percentage-14: 14%;
    --size-percentage-15: 15%;
    --size-percentage-16: 16%;
    --size-percentage-17: 17%;
    --size-percentage-18: 18%;
    --size-percentage-19: 19%;
    --size-percentage-20: 20%;
    --size-percentage-21: 21%;
    --size-percentage-22: 22%;
    --size-percentage-23: 23%;
    --size-percentage-24: 24%;
    --size-percentage-25: 25%;
    --size-percentage-26: 26%;
    --size-percentage-27: 27%;
    --size-percentage-28: 28%;
    --size-percentage-29: 29%;
    --size-percentage-30: 30%;
    --size-percentage-31: 31%;
    --size-percentage-32: 32%;
    --size-percentage-33: 33%;
    --size-percentage-34: 34%;
    --size-percentage-35: 35%;
    --size-percentage-36: 36%;
    --size-percentage-37: 37%;
    --size-percentage-38: 38%;
    --size-percentage-39: 39%;
    --size-percentage-40: 40%;
    --size-percentage-41: 41%;
    --size-percentage-42: 42%;
    --size-percentage-43: 43%;
    --size-percentage-44: 44%;
    --size-percentage-45: 45%;
    --size-percentage-46: 46%;
    --size-percentage-47: 47%;
    --size-percentage-48: 48%;
    --size-percentage-49: 49%;
    --size-percentage-50: 50%;
    --size-percentage-51: 51%;
    --size-percentage-52: 52%;
    --size-percentage-53: 53%;
    --size-percentage-54: 54%;
    --size-percentage-55: 55%;
    --size-percentage-56: 56%;
    --size-percentage-57: 57%;
    --size-percentage-58: 58%;
    --size-percentage-59: 59%;
    --size-percentage-60: 60%;
    --size-percentage-61: 61%;
    --size-percentage-62: 62%;
    --size-percentage-63: 63%;
    --size-percentage-64: 64%;
    --size-percentage-65: 65%;
    --size-percentage-66: 66%;
    --size-percentage-67: 67%;
    --size-percentage-68: 68%;
    --size-percentage-69: 69%;
    --size-percentage-70: 70%;
    --size-percentage-71: 71%;
    --size-percentage-72: 72%;
    --size-percentage-73: 73%;
    --size-percentage-74: 74%;
    --size-percentage-75: 75%;
    --size-percentage-76: 76%;
    --size-percentage-77: 77%;
    --size-percentage-78: 78%;
    --size-percentage-79: 79%;
    --size-percentage-80: 80%;
    --size-percentage-81: 81%;
    --size-percentage-82: 82%;
    --size-percentage-83: 83%;
    --size-percentage-84: 84%;
    --size-percentage-85: 85%;
    --size-percentage-86: 86%;
    --size-percentage-87: 87%;
    --size-percentage-88: 88%;
    --size-percentage-89: 89%;
    --size-percentage-90: 90%;
    --size-percentage-91: 91%;
    --size-percentage-92: 92%;
    --size-percentage-93: 93%;
    --size-percentage-94: 94%;
    --size-percentage-95: 95%;
    --size-percentage-96: 96%;
    --size-percentage-97: 97%;
    --size-percentage-98: 98%;
    --size-percentage-99: 99%;
    --size-percentage-100: 100%;
    --size-percentage-200: 200%;
    --size-percentage-300: 300%;
    --size-percentage-400: 400%;
    --size-percentage-500: 500%;
    --size-percentage-600: 600%;
    --size-percentage-700: 700%;
    --size-percentage-800: 800%;
    --size-percentage-900: 900%;
    --size-percentage-1000: 1000%;

    /* Primitive Size Variables */
    --size-4xs: 8rem;
    --size-4xs-px: 128px;
    --size-3xs: 12rem;
    --size-3xs-px: 192px;
    --size-2xs: 16rem;
    --size-2xs-px: 256px;
    --size-xs: 20rem;
    --size-xs-px: 320px;
    --size-sm: 24rem;
    --size-sm-px: 384px;
    --size-md: 28rem;
    --size-md-px: 448px;
    --size-lg: 32rem;
    --size-lg-px: 512px;
    --size-xl: 36rem;
    --size-xl-px: 576px;
    --size-2xl: 42rem;
    --size-2xl-px: 672px;
    --size-3xl: 48rem;
    --size-3xl-px: 768px;
    --size-4xl: 56rem;
    --size-4xl-px: 896px;
    --size-5xl: 64rem;
    --size-5xl-px: 1024px;
    --size-6xl: 72rem;
    --size-6xl-px: 1152px;
    --size-7xl: 80rem;
    --size-7xl-px: 1280px;
    --size-220: 13.75rem;
    --size-260: 16.25rem;
    --size-300: 18.75rem;
    --size-490: 30.625rem;


    /*
      Space Definitions
    */

    /* Primitive Space Variables */
    --space-0: 0;
    --space-0-px: 0;
    --space-2: 0.125rem;
    --space-2-px: 2px;
    --space-4: 0.25rem;
    --space-4-px: 4px;
    --space-6: 0.375rem;
    --space-6-px: 6px;
    --space-8: 0.5rem;
    --space-8-px: 8px;
    --space-12: 0.75rem;
    --space-12-px: 12px;
    --space-16: 1.0rem;
    --space-16-px: 16px;
    --space-20: 1.25rem;
    --space-20-px: 20px;
    --space-24: 1.5rem;
    --space-24-px: 24px;
    --space-32: 2.0rem;
    --space-32-px: 32px;
    --space-40: 2.5rem;
    --space-40-px: 40px;
    --space-48: 3.0rem;
    --space-48-px: 48px;
    --space-56: 3.5rem;
    --space-56-px: 56px;
    --space-72: 4.5rem;
    --space-72-px: 72px;
    --space-88: 5.5rem;
    --space-88-px: 88px;
    --space-104: 6.5rem;
    --space-104-px: 104px;
    --space-120: 7.5rem;
    --space-120-px: 120px;


    /*
      Typography Definitions
    */

    /* Primitive Font Family Variables */
    --font-family-pro: "Noto Sans JP";
    --font-family-sub: "Noto Sans";
    --font-family-icon: "Material Symbols Rounded";

    /* Primitive Font Weight Variables */
    --font-weight-normal: normal;
    --font-weight-bold: bold;
    --font-weight-icon: 300;

    /* Primitive Font Size Variables */
    --font-size-10: 0.625rem;
    --font-size-10-px: 10px;
    --font-size-12: 0.75rem;
    --font-size-12-px: 12px;
    --font-size-13: 0.8125rem;
    --font-size-13-px: 13px;
    --font-size-14: 0.875rem;
    --font-size-14-px: 14px;
    --font-size-16: 1rem;
    --font-size-16-px: 16px;
    --font-size-18: 1.125rem;
    --font-size-18-px: 18px;
    --font-size-20: 1.25rem;
    --font-size-20-px: 20px;
    --font-size-24: 1.5rem;
    --font-size-24-px: 24px;
    --font-size-26: 1.625rem;
    --font-size-26-px: 26px;
    --font-size-28: 1.75rem;
    --font-size-28-px: 28px;
    --font-size-32: 2rem;
    --font-size-32-px: 32px;
    --font-size-36: 2.25rem;
    --font-size-36-px: 36px;
    --font-size-42: 2.625rem;
    --font-size-42-px: 42px;

    /* Primitive Line Height Variables */
    --line-height-100: 100%;
    --line-height-120: 120%;
    --line-height-150: 150%;
    --line-height-180: 180%;

    /* Character Heading */

    /* Character Heading Common */
    --character-heading-font-family: var(--font-family-pro);

    /* Character Heading 1 */
    --character-heading-1-font-size: var(--font-size-24);
    --character-heading-1-line-height: var(--line-height-150);
    --character-heading-1-font-weight: var(--font-weight-bold);

    /* Character Heading 2 */
    --character-heading-2-font-size: var(--font-size-20);
    --character-heading-2-line-height: var(--line-height-150);
    --character-heading-2-font-weight: var(--font-weight-bold);

    /* Character Heading 3 */
    --character-heading-3-font-size: var(--font-size-16);
    --character-heading-3-line-height: var(--line-height-150);
    --character-heading-3-font-weight: var(--font-weight-bold);

    /* Character Heading 4 */
    --character-heading-4-font-size: var(--font-size-14);
    --character-heading-4-line-height: var(--line-height-150);
    --character-heading-4-font-weight: var(--font-weight-bold);

    /* Character Body */

    /* Character Body Common */
    --character-body-font-family: var(--font-family-pro);

    /* Character Body XL */
    --character-body-xl-font-size: var(--font-size-18);
    --character-body-xl-line-height: var(--line-height-150);
    --character-body-xl-font-weight: var(--font-weight-normal);

    /* Character Body XL Bold */
    --character-body-xl-bold-font-size: var(--font-size-18);
    --character-body-xl-bold-line-height: var(--line-height-150);
    --character-body-xl-bold-font-weight: var(--font-weight-bold);

    /* Character Body L */
    --character-body-l-font-size: var(--font-size-16);
    --character-body-l-line-height: var(--line-height-150);
    --character-body-l-font-weight: var(--font-weight-normal);

    /* Character Body L Bold */
    --character-body-l-bold-font-size: var(--font-size-16);
    --character-body-l-bold-line-height: var(--line-height-150);
    --character-body-l-bold-font-weight: var(--font-weight-bold);

    /* Character Body M */
    --character-body-m-font-size: var(--font-size-14);
    --character-body-m-line-height: var(--line-height-150);
    --character-body-m-font-weight: var(--font-weight-normal);

    /* Character Body M Bold */
    --character-body-m-bold-font-size: var(--font-size-14);
    --character-body-m-bold-line-height: var(--line-height-150);
    --character-body-m-bold-font-weight: var(--font-weight-bold);

    /* Character Body S */
    --character-body-s-font-size: var(--font-size-12);
    --character-body-s-line-height: var(--line-height-150);
    --character-body-s-font-weight: var(--font-weight-normal);

    /* Character Body S Bold */
    --character-body-s-bold-font-size: var(--font-size-12);
    --character-body-s-bold-line-height: var(--line-height-150);
    --character-body-s-bold-font-weight: var(--font-weight-bold);

    /* Character Caption */

    /* Character Caption Common */
    --character-caption-font-family: var(--font-family-pro);

    /* Character Caption M */
    --character-caption-m-font-size: var(--font-size-12);
    --character-caption-m-line-height: var(--line-height-150);
    --character-caption-m-font-weight: var(--font-weight-normal);

    /* Character Caption S */
    --character-caption-s-font-size: var(--font-size-10);
    --character-caption-s-line-height: var(--line-height-150);
    --character-caption-s-font-weight: var(--font-weight-normal);

    /* Character Label */

    /* Character Label Common */
    --character-label-font-family: var(--font-family-pro);

    /* Character Label XXL */
    --character-label-xxl-font-size: var(--font-size-24);
    --character-label-xxl-line-height: var(--line-height-120);
    --character-label-xxl-font-weight: var(--font-weight-normal);

    /* Character Label XXL Bold */
    --character-label-xxl-bold-font-size: var(--font-size-24);
    --character-label-xxl-bold-line-height: var(--line-height-120);
    --character-label-xxl-bold-font-weight: var(--font-weight-bold);

    /* Character Label XL */
    --character-label-xl-font-size: var(--font-size-20);
    --character-label-xl-line-height: var(--line-height-120);
    --character-label-xl-font-weight: var(--font-weight-normal);

    /* Character Label XL Bold */
    --character-label-xl-bold-font-size: var(--font-size-20);
    --character-label-xl-bold-line-height: var(--line-height-120);
    --character-label-xl-bold-font-weight: var(--font-weight-bold);

    /* Character Label L */
    --character-label-l-font-size: var(--font-size-16);
    --character-label-l-line-height: var(--line-height-120);
    --character-label-l-font-weight: var(--font-weight-normal);

    /* Character Label L Bold */
    --character-label-l-bold-font-size: var(--font-size-16);
    --character-label-l-bold-line-height: var(--line-height-120);
    --character-label-l-bold-font-weight: var(--font-weight-bold);

    /* Character Label M */
    --character-label-m-font-size: var(--font-size-14);
    --character-label-m-line-height: var(--line-height-120);
    --character-label-m-font-weight: var(--font-weight-normal);

    /* Character Label M Bold */
    --character-label-m-bold-font-size: var(--font-size-14);
    --character-label-m-bold-line-height: var(--line-height-120);
    --character-label-m-bold-font-weight: var(--font-weight-bold);

    /* Character Label S */
    --character-label-s-font-size: var(--font-size-13);
    --character-label-s-line-height: var(--line-height-120);
    --character-label-s-font-weight: var(--font-weight-normal);

    /* Character Label S Bold */
    --character-label-s-bold-font-size: var(--font-size-13);
    --character-label-s-bold-line-height: var(--line-height-120);
    --character-label-s-bold-font-weight: var(--font-weight-bold);

    /* Character Label XS */
    --character-label-xs-font-size: var(--font-size-12);
    --character-label-xs-line-height: var(--line-height-120);
    --character-label-xs-font-weight: var(--font-weight-normal);

    /* Character Label XS Bold */
    --character-label-xs-bold-font-size: var(--font-size-12);
    --character-label-xs-bold-line-height: var(--line-height-120);
    --character-label-xs-bold-font-weight: var(--font-weight-bold);

    /* Character Label XXS */
    --character-label-xxs-font-size: var(--font-size-10);
    --character-label-xxs-line-height: var(--line-height-120);
    --character-label-xxs-font-weight: var(--font-weight-normal);

    /* Character Label XXS Bold */
    --character-label-xxs-bold-font-size: var(--font-size-10);
    --character-label-xxs-bold-line-height: var(--line-height-120);
    --character-label-xxs-bold-font-weight: var(--font-weight-bold);

    /* Character List */

    /* Character List Common */
    --character-list-font-family: var(--font-family-pro);

    /* Character List L */
    --character-list-l-font-size: var(--font-size-16);
    --character-list-l-line-height: var(--line-height-150);
    --character-list-l-font-weight: var(--font-weight-normal);

    /* Character List M */
    --character-list-m-font-size: var(--font-size-14);
    --character-list-m-line-height: var(--line-height-150);
    --character-list-m-font-weight: var(--font-weight-normal);

    /* Character List S */
    --character-list-s-font-size: var(--font-size-12);
    --character-list-s-line-height: var(--line-height-150);
    --character-list-s-font-weight: var(--font-weight-normal);

    /* Character Number */

    /* Character Number Common */
    --character-number-font-family: var(--font-family-sub);

    /* Character Number L */
    --character-number-l-font-size: var(--font-size-26);
    --character-number-l-line-height: var(--line-height-120);
    --character-number-l-font-weight: var(--font-weight-normal);

    /* Character Number L Bold */
    --character-number-l-bold-font-size: var(--font-size-26);
    --character-number-l-bold-line-height: var(--line-height-120);
    --character-number-l-bold-font-weight: var(--font-weight-bold);

    /* Character Number M */
    --character-number-m-font-size: var(--font-size-20);
    --character-number-m-line-height: var(--line-height-120);
    --character-number-m-font-weight: var(--font-weight-normal);

    /* Character Number M Bold */
    --character-number-m-bold-font-size: var(--font-size-20);
    --character-number-m-bold-line-height: var(--line-height-120);
    --character-number-m-bold-font-weight: var(--font-weight-bold);

    /* Character Number S */
    --character-number-s-font-size: var(--font-size-16);
    --character-number-s-line-height: var(--line-height-120);
    --character-number-s-font-weight: var(--font-weight-normal);

    /* Character Number S Bold */
    --character-number-s-bold-font-size: var(--font-size-16);
    --character-number-s-bold-line-height: var(--line-height-120);
    --character-number-s-bold-font-weight: var(--font-weight-bold);

    /* Character Number XS */
    --character-number-xs-font-size: var(--font-size-14);
    --character-number-xs-line-height: var(--line-height-120);
    --character-number-xs-font-weight: var(--font-weight-normal);

    /* Character Number XS Bold */
    --character-number-xs-bold-font-size: var(--font-size-14);
    --character-number-xs-bold-line-height: var(--line-height-120);
    --character-number-xs-bold-font-weight: var(--font-weight-bold);

    /* Icon */

    /* Icon Common */
    --icon-line-height: var(--line-height-100);

    /* Icon Size */
    --icon-1-font-size: var(--font-size-12);
    --icon-2-font-size: var(--font-size-14);
    --icon-3-font-size: var(--font-size-16);
    --icon-4-font-size: var(--font-size-18);
    --icon-5-font-size: var(--font-size-20);
    --icon-6-font-size: var(--font-size-24);
    --icon-7-font-size: var(--font-size-28);
    --icon-8-font-size: var(--font-size-32);
    --icon-9-font-size: var(--font-size-36);
    --icon-10-font-size: var(--font-size-42);

    /* Icon Unfill Font Variation */
    --icon-fill-0-font-variation: "FILL" 0;

    /* Icon Fill Font Variation */
    --icon-fill-1-font-variation: "FILL" 1;

    /* Icon Content */


    /* Icon Content Phone */
    --icon-content-signal-cellular-alt: "\e202";
    --icon-content-signal-cellular-alt-2-bar: "\ebe3";
    --icon-content-signal-cellular-alt-1-bar: "\ebdf";
    --icon-content-light-mode: "\e518";
    --icon-content-dark-mode: "\e51c";
    --icon-content-wifi: "\e63e";
    --icon-content-flight: "\e539";
    --icon-content-bluetooth: "\e1a7";
    --icon-content-battery-5-bar: "\ebd4";
    --icon-content-battery-0-bar: "\ebdc";
    --icon-content-battery-charging-full: "\e1a3";
    --icon-content-flashlight-on: "\f00b";
    --icon-content-volume-up: "\e050";
    --icon-content-volume-down: "\e04d";
    --icon-content-volume-mute: "\e04e";
    --icon-content-mic: "\e029";
    --icon-content-storage: "\e1db";
    --icon-content-data-usage: "\e1af";
    --icon-content-language: "\e894";
    --icon-content-security: "\e32a";
    --icon-content-emergency: "\e1eb";
    --icon-content-accessibility: "\e84e";

    /* Icon Content Bussiness & Payment */
    --icon-content-analytics: "\ef3e";
    --icon-content-monitoring: "\f190";
    --icon-content-pie-chart: "\e6c4";
    --icon-content-leaderboard: "\f20c";
    --icon-content-account-tree: "\e97a";
    --icon-content-timeline: "\e922";
    --icon-content-database: "\f20e";
    --icon-content-storefront: "\ea12";
    --icon-content-package-2: "\f569";
    --icon-content-shopping-cart: "\e8cc";
    --icon-content-shopping-bag: "\f1cc";
    --icon-content-wallet: "\f8ff";
    --icon-content-credit-card: "\e870";
    --icon-content-sell: "\f05b";
    --icon-content-receipt-long: "\ef6e";
    --icon-content-paid: "\f041";
    --icon-content-savings: "\e2eb";
    --icon-content-work: "\e8f9";
    --icon-content-desktop-windows: "\e30c";
    --icon-content-smartphone: "\e32c";
    --icon-content-mobile-vibrate: "\f2cb";
    --icon-content-keyboard: "\e312";
    --icon-content-meeting-room: "\eb4f";

    /* Icon Content Common Actions */
    --icon-content-calendar-month: "\ebcc";
    --icon-content-event: "\e878";
    --icon-content-calendar-today: "\e935";
    --icon-content-date-range: "\e916";
    --icon-content-event-available: "\e614";
    --icon-content-today: "\e8df";
    --icon-content-edit-calendar: "\e742";
    --icon-content-event-note: "\e616";
    --icon-content-event-busy: "\e615";
    --icon-content-schedule: "\e8b5";
    --icon-content-info: "\e88e";
    --icon-content-help: "\e887";
    --icon-content-warning: "\e002";
    --icon-content-error: "\e000";
    --icon-content-history: "\e889";
    --icon-content-update: "\e923";
    --icon-content-alarm: "\e855";
    --icon-content-alarm-off: "\e857";
    --icon-content-visibility: "\e8f4";
    --icon-content-visibility-off: "\e8f5";
    --icon-content-lock: "\e897";
    --icon-content-lock-open: "\e898";
    --icon-content-share: "\e80d";

    /* Icon Content Communication */
    --icon-content-notifications: "\e7f4";
    --icon-content-send: "\e163";
    --icon-content-bookmark: "\e866";
    --icon-content-call: "\e0b0";
    --icon-content-phone-in-talk: "\e61d";
    --icon-content-call-end: "\e0b1";
    --icon-content-mail: "\e158";
    --icon-content-forward-to-inbox: "\f187";
    --icon-content-mark-email-read: "\f18c";
    --icon-content-unsubscribe: "\e0eb";
    --icon-content-drafts: "\e151";
    --icon-content-inbox: "\e156";
    --icon-content-archive: "\e149";
    --icon-content-chat: "\e0b7";
    --icon-content-chat-info: "\f52b";
    --icon-content-add-comment: "\e266";
    --icon-content-mark-chat-read: "\f18b";
    --icon-content-voice-chat: "\e62e";
    --icon-content-forum: "\e0bf";
    --icon-content-videocam: "\e04b";
    --icon-content-alternate-email: "\e0e6";
    --icon-content-tag: "\e9ef";
    --icon-content-link: "\e157";

    /* Icon Content Photo & Image */
    --icon-content-edit: "\e3c9";
    --icon-content-image: "\e3f4";
    --icon-content-add-photo-alternate: "\e43e";
    --icon-content-photo-camera: "\e412";
    --icon-content-wb-twilight: "\e1c6";
    --icon-content-slideshow: "\e41b";
    --icon-content-tune: "\e429";
    --icon-content-auto-awesome: "\e65f";
    --icon-content-crop-free: "\e3c2";
    --icon-content-crop: "\e3be";
    --icon-content-brush: "\e3ae";
    --icon-content-palette: "\e40a";
    --icon-content-table: "\f191";
    --icon-content-category: "\e574";
    --icon-content-insert-text: "\f827";
    --icon-content-layers: "\e53b";
    --icon-content-format-paint: "\e243";
    --icon-content-style: "\e41d";
    --icon-content-brightness-6: "\e3ab";
    --icon-content-contrast: "\eb37";
    --icon-content-opacity: "\e91c";

    /* Icon Content Social */
    --icon-content-person: "\e7fd";
    --icon-content-group: "\e7ef";
    --icon-content-groups: "\f233";
    --icon-content-person-add: "\e7fe";
    --icon-content-group-add: "\e7f0";
    --icon-content-support-agent: "\f0e2";
    --icon-content-pets: "\e91d";
    --icon-content-handshake: "\ebcb";
    --icon-content-thumb-up: "\e8dc";
    --icon-content-thumb-down: "\e8db";
    --icon-content-badge: "\ea67";
    --icon-content-account-circle: "\e853";
    --icon-content-sentiment-satisfied: "\e813";
    --icon-content-sunny: "\e81a";
    --icon-content-cloud: "\e2bd";
    --icon-content-water-drop: "\e798";
    --icon-content-ac-unit: "\eb3b";
    --icon-content-air: "\efd8";
    --icon-content-rainy: "\f176";
    --icon-content-partly-cloudy-day: "\f172";
    --icon-content-thunderstorm: "\ebdb";
    --icon-content-tsunami: "\ebd8";
    --icon-content-storm: "\f070";

    /* Icon Content Text Formatting */
    --icon-content-dashboard: "\e871";
    --icon-content-draft: "\e66d";
    --icon-content-description: "\e873";
    --icon-content-edit-document: "\f88c";
    --icon-content-upload-file: "\e9fc";
    --icon-content-folder: "\e2c7";
    --icon-content-drive-folder-upload: "\e9a3";
    --icon-content-content-copy: "\e14d";
    --icon-content-folder-copy: "\ebbd";
    --icon-content-format-bold: "\e238";
    --icon-content-format-italic: "\e23f";
    --icon-content-format-underlined: "\e249";
    --icon-content-attach-file: "\e226";
    --icon-content-format-list-bulleted: "\e241";
    --icon-content-format-list-numbered: "\e242";
    --icon-content-checklist: "\e6b1";
    --icon-content-format-quote: "\e244";
    --icon-content-code: "\e86f";
    --icon-content-format-align-left: "\e236";
    --icon-content-format-align-center: "\e234";
    --icon-content-format-align-right: "\e237";
    --icon-content-format-align-justify: "\e235";

    /* Icon Content Travel */
    --icon-content-apartment: "\ea40";
    --icon-content-travel: "\e6ca";
    --icon-content-local-cafe: "\e541";
    --icon-content-hotel: "\e53a";
    --icon-content-local-bar: "\e540";
    --icon-content-luggage: "\f235";
    --icon-content-bakery-dining: "\ea53";
    --icon-content-local-dining: "\e556";
    --icon-content-attractions: "\ea52";
    --icon-content-smoking-rooms: "\eb4b";
    --icon-content-smoke-free: "\eb4a";
    --icon-content-directions-walk: "\e536";
    --icon-content-pedal-bike: "\eb29";
    --icon-content-motorcycle: "\e91b";
    --icon-content-directions-car: "\e531";
    --icon-content-local-taxi: "\e559";
    --icon-content-directions-bus: "\e530";
    --icon-content-train: "\e570";
    --icon-content-subway: "\e56f";
    --icon-content-map: "\e55b";
    --icon-content-location-on: "\e0c8";
    --icon-content-near-me: "\e569";

    /* Icon Content UI Actions */
    --icon-content-expand-more: "\e5cf";
    --icon-content-expand-less: "\e5ce";
    --icon-content-keyboard-arrow-up: "\e316";
    --icon-content-keyboard-arrow-down: "\e313";
    --icon-content-keyboard-arrow-left: "\e314";
    --icon-content-keyboard-arrow-right: "\e315";
    --icon-content-chevron-right: "\e5cc";
    --icon-content-chevron-left: "\e5cb";
    --icon-content-keyboard-double-arrow-right: "\eac9";
    --icon-content-keyboard-double-arrow-left: "\eac3";
    --icon-content-arrow-back: "\e5c4";
    --icon-content-arrow-forward: "\e5c8";
    --icon-content-arrow-downward: "\e5db";
    --icon-content-arrow-upward: "\e5d8";
    --icon-content-arrow-outward: "\f8ce";
    --icon-content-arrow-drop-down: "\e5c5";
    --icon-content-arrow-drop-up: "\e5c7";
    --icon-content-home: "\e88a";
    --icon-content-menu: "\e5d2";
    --icon-content-close: "\e5cd";
    --icon-content-settings: "\e8b8";
    --icon-content-apps: "\e5c3";
    --icon-content-drag-indicator: "\e945";
    --icon-content-more-vert: "\e5d4";
    --icon-content-more-horiz: "\e5d3";
    --icon-content-open-in-new: "\e89e";
    --icon-content-add: "\e145";
    --icon-content-add-circle: "\e147";
    --icon-content-delete: "\e872";
    --icon-content-check-circle: "\e86c";
    --icon-content-cancel: "\e5c9";
    --icon-content-download: "\f090";
    --icon-content-refresh: "\e5d5";
    --icon-content-select-check-box: "\f1fe";
    --icon-content-zoom-in: "\e8ff";
    --icon-content-zoom-out: "\e900";
    --icon-content-login: "\ea77";
    --icon-content-logout: "\e9ba";
    --icon-content-favorite: "\e87d";
    --icon-content-search: "\e8b6";
    --icon-content-filter-list: "\e152";
    --icon-content-sort: "\e164";
    --icon-content-star: "\e838";
    --icon-content-radio-button-unchecked: "\e836";
    --icon-content-radio-button-checked: "\e837";
    --icon-content-check-box: "\e834";
    --icon-content-check-box-outline-blank: "\e835";
    --icon-content-indeterminate-check-box: "\e909";
    --icon-content-check: "\e5ca";
    --icon-content-check-indeterminate-small: "\f88a";
    --icon-content-upload: "\f09b";
    --icon-content-progress-activity: "\e9d0";
    --icon-content-grid-view: "\e9b0";
    --icon-content-list: "\e896";
    --icon-content-side-navigation: "\e9e2";
    --icon-content-expand-content: "\f830";
    --icon-content-hide: "\ef9e";
    --icon-content-undo: "\e166";
    --icon-content-key: "\e73c";

    /* Icon Other */
    --icon-content-add-box: "\e146";
    --icon-content-assignment: "\e85d";
    --icon-content-cached: "\e86a";
    --icon-content-cast: "\e307";
    --icon-content-cast-connected: "\e308";
    --icon-content-check-indeterminate: "\e909";
    --icon-content-circle: "\ef4a";
    --icon-content-cognition-2: "\f3b5";
    --icon-content-call-log: "\e08e";
    --icon-content-contract-edit: "\f5a1";
    --icon-content-contract-delete: "\f5a2";
    --icon-content-contact-page: "\f22e";
    --icon-content-currency-yen: "\eafb";
    --icon-content-desktop-cloud: "\f3db";
    --icon-content-document-search: "\f385";
    --icon-content-finance: "\e6bf";
    --icon-content-format-indent-decrease: "\e23d";
    --icon-content-hard-drive: "\f80e";
    --icon-content-library-books: "\e02f";
    --icon-content-list-alt: "\e0ee";
    --icon-content-menu-book: "\ea19";
    --icon-content-mobile-vibrate: "\f2cb";
    --icon-content-network-manage: "\f7ab";
    --icon-content-network-node: "\f56e";
    --icon-content-play-lesson: "\f047";
    --icon-content-print: "\e8ad";
    --icon-content-psychology: "\ea4a";
    --icon-content-rectangle: "\eb54";
    --icon-content-remove: "\e15b";
    --icon-content-restart: "\f053";
    --icon-content-router: "\e328";
    --icon-content-save: "\e161";
    --icon-content-web: "\e051";
    --icon-content-wifi-add: "\f7a8";
    --icon-content-wifi-find: "\eb31";

    /*
      Animation
    */

    /* Transition */
    --transition-normal: all 0.2s ease;


    /*
      Property
    */

    /* Property Common */
    background-color: var(--background-low);
    color: var(--text-primary);
    height: var(--size-percentage-100);
    font-family: var(--font-family-pro) var(--font-family-sub);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-120);
}



/*
  Element
*/



:root {
    /*
      Icon Content
    */

    /* Icon Content UI Actions */
    --icon-content-login: "\ea77";
    --icon-content-logout: "\e9ba";
    --icon-content-keep: "\e6aa";

    /* Icon Content Classification */
    --icon-content-history: "\e889";
    --icon-content-push-pin: "\f10d";
    --icon-content-star: "\e838";

    /* Icon Content Document */
    --icon-content-quick-reference-all: "\f801";

    /* Icon Content Service */
    --icon-content-apps: "\e5c3";
    --icon-content-award-star: "\f612";
    --icon-content-graphic-eq: "\e1b8";
    --icon-content-private-connectivity: "\e62f";
    --icon-content-security: "\e32a";
    --icon-content-edit-square: "\f88d";
    --icon-content-arrow-circle-right: "\eaaa";
}