/*!*vars*!*/:root{--border-radius-none: 0;--border-radius-sm: 0.25rem;--border-radius-default: 0.5rem;--border-radius-lg: 0.75rem;--border-radius-full: 9999px;--box-shadow-xs: 0 1px 0 0 #0709160D;--box-shadow-sm: 0 9px 16px 0 #0709160D;--box-shadow-md: 0 10px 19px 0 #0709160F;--box-shadow-lg: 0 13px 26px 0 #07091626;--box-shadow-focus: 0 0 0 2px #B6C7FC;--box-shadow-focus-invalid: 0 0 0 2px #F9B8B8;--box-shadow-focus-outline: 0 0 0 2px #FFFFFF, 0 0 0 4px #B6C7FC;--box-shadow-focus-outline-danger: 0 0 0 2px #FFFFFF, 0 0 0 4px #F9B8B8;--box-shadow-focus-input: 0 0 0 2px #B6C7FC;--box-shadow-focus-input-invalid: 0 0 0 2px #F9B8B8;--color-autumn-50: #FFF0E6;--color-autumn-100: #FED3B3;--color-autumn-200: #FEB581;--color-autumn-300: #FD984E;--color-autumn-400: #FD7A1B;--color-autumn-500: #E46102;--color-autumn-600: #B14B02;--color-autumn-700: #7E3601;--color-autumn-800: #4C2001;--color-coconut-50: #FFFFFF;--color-coconut-100: #FDFDFD;--color-coconut-200: #FAFAFB;--color-coconut-300: #F4F4F8;--color-coconut-400: #EFEFF4;--color-coconut-500: #E9EAF1;--color-coconut-600: #E3E5ED;--color-coconut-700: #DEE0E9;--color-coconut-800: #D9DAE6;--color-denim-50: #E7E9F8;--color-denim-100: #CFD3F0;--color-denim-200: #9EA8E0;--color-denim-300: #7885D4;--color-denim-400: #3848AE;--color-denim-500: #2B3887;--color-denim-600: #1F2861;--color-denim-700: #171E48;--color-denim-800: #0F1430;--color-forest-50: #F7FCF6;--color-forest-100: #EFF8ED;--color-forest-200: #CFEAC8;--color-forest-300: #AFDCA3;--color-forest-400: #8FCE7E;--color-forest-500: #73C15D;--color-forest-600: #56A640;--color-forest-700: #438131;--color-forest-800: #305C23;--color-obsidian-50: #DDDEE8;--color-obsidian-100: #BABDD0;--color-obsidian-200: #8A8FAA;--color-obsidian-300: #656B88;--color-obsidian-400: #4C506A;--color-obsidian-500: #3A3E57;--color-obsidian-600: #2C2F41;--color-obsidian-700: #1D1F2B;--color-obsidian-800: #070916;--color-rose-50: #FEF3F3;--color-rose-100: #FDE7E7;--color-rose-200: #F9B8B8;--color-rose-300: #F58989;--color-rose-400: #F15A5A;--color-rose-500: #ED2B2B;--color-rose-600: #CE1111;--color-rose-700: #A50E0E;--color-rose-800: #760A0A;--color-sapphire-50: #FAFBFF;--color-sapphire-100: #F5F7FF;--color-sapphire-200: #E0E8FF;--color-sapphire-300: #B6C7FC;--color-sapphire-400: #547DF8;--color-sapphire-500: #3162F6;--color-sapphire-600: #0A3EDC;--color-sapphire-700: #0730AB;--color-sapphire-800: #05227A;--screens-xs: 320px;--screens-sm: 640px;--screens-md: 768px;--screens-lg: 1024px;--screens-xl: 1280px;--screens-2xl: 1440px;--screens-3xl: 1536px;--screens-4xl: 1920px;--screens-small: 448px;--screens-medium: 648px;--screens-large: 848px;--screens-xlarge: 1096px;--spacing-4: 0.25rem;--spacing-8: 0.5rem;--spacing-12: 0.75rem;--spacing-16: 1rem;--spacing-20: 1.25rem;--spacing-24: 1.5rem;--spacing-32: 2rem;--spacing-40: 2.5rem;--spacing-48: 3rem;--spacing-64: 4rem;--spacing-80: 5rem;--spacing-96: 6rem;--spacing-128: 8rem;--spacing-160: 10rem;--spacing-192: 12rem;--spacing-224: 14rem;--spacing-256: 16rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-family-display: Red Hat Display;--font-family-mono: Red Hat Mono;--font-family-text: Red Hat Text;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--line-height-xs: 1.125rem;--line-height-sm: 1.25rem;--line-height-base: 1.5rem;--line-height-lg: 1.75rem;--line-height-xl: 1.875rem;--line-height-2xl: 2rem;--line-height-3xl: 2.375rem;--line-height-4xl: 2.75rem;--line-height-5xl: 3.75rem;--line-height-6xl: 4.5rem;--width-small: 25rem;--width-medium: 37.5rem;--width-large: 50rem;--width-xlarge: 62.5rem;--width-container-xsmall: 20rem;--width-container-small: 34rem;--width-container-medium: 42rem;--width-container-large: 58rem;--width-container-xlarge: 74rem;--width-container-2xlarge: 84rem;--width-container-3xlarge: 90rem;--width-container-4xlarge: 114rem}/*!*utility classes*!*/.input{appearance:none;box-sizing:border-box;display:block;font-family:var(--font-family-text);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-obsidian-800);background-color:var(--color-coconut-50);border:1px solid var(--color-coconut-800);border-radius:var(--border-radius-default);width:100%;padding:.5625rem .875rem;transition:box-shadow .2s}.input:disabled,.input.disabled{opacity:1;background-color:var(--color-coconut-200);color:var(--color-obsidian-300);-webkit-text-fill-color:var(--color-obsidian-300)}.input::placeholder{color:var(--color-obsidian-300)}.input:focus{outline:none}.input:focus:not(.invalid){border-color:var(--color-sapphire-300);box-shadow:var(--box-shadow-focus-input)}.input.invalid{border-color:var(--color-rose-200)}.input.invalid:focus{box-shadow:0 0 0 2px var(--color-rose-200)}textarea.input{resize:vertical;min-height:2.75rem}.input-icon-container{position:relative;box-sizing:border-box}.input-icon-container .input-icon{position:absolute;pointer-events:none;user-select:none;top:0px;right:1px;color:var(--color-obsidian-800);margin-top:var(--spacing-12);margin-right:var(--spacing-12)}.input-icon-container .input:disabled~.input-icon,.input-icon-container .input.disabled~.input-icon{color:var(--color-obsidian-300)}.input-icon-container .input:has(~.input-icon){padding-right:var(--spacing-40)}.p-0{padding:0 !important}.pl-0,.px-0{padding-left:0 !important}.pr-0,.px-0{padding-right:0 !important}.pt-0,.py-0{padding-top:0 !important}.pb-0,.py-0{padding-bottom:0 !important}.p-4{padding:var(--spacing-4) !important}.pl-4,.px-4{padding-left:var(--spacing-4) !important}.pr-4,.px-4{padding-right:var(--spacing-4) !important}.pt-4,.py-4{padding-top:var(--spacing-4) !important}.pb-4,.py-4{padding-bottom:var(--spacing-4) !important}.p-8{padding:var(--spacing-8) !important}.pl-8,.px-8{padding-left:var(--spacing-8) !important}.pr-8,.px-8{padding-right:var(--spacing-8) !important}.pt-8,.py-8{padding-top:var(--spacing-8) !important}.pb-8,.py-8{padding-bottom:var(--spacing-8) !important}.p-12{padding:var(--spacing-12) !important}.pl-12,.px-12{padding-left:var(--spacing-12) !important}.pr-12,.px-12{padding-right:var(--spacing-12) !important}.pt-12,.py-12{padding-top:var(--spacing-12) !important}.pb-12,.py-12{padding-bottom:var(--spacing-12) !important}.p-16{padding:var(--spacing-16) !important}.pl-16,.px-16{padding-left:var(--spacing-16) !important}.pr-16,.px-16{padding-right:var(--spacing-16) !important}.pt-16,.py-16{padding-top:var(--spacing-16) !important}.pb-16,.py-16{padding-bottom:var(--spacing-16) !important}.p-20{padding:var(--spacing-20) !important}.pl-20,.px-20{padding-left:var(--spacing-20) !important}.pr-20,.px-20{padding-right:var(--spacing-20) !important}.pt-20,.py-20{padding-top:var(--spacing-20) !important}.pb-20,.py-20{padding-bottom:var(--spacing-20) !important}.p-24{padding:var(--spacing-24) !important}.pl-24,.px-24{padding-left:var(--spacing-24) !important}.pr-24,.px-24{padding-right:var(--spacing-24) !important}.pt-24,.py-24{padding-top:var(--spacing-24) !important}.pb-24,.py-24{padding-bottom:var(--spacing-24) !important}.p-32{padding:var(--spacing-32) !important}.pl-32,.px-32{padding-left:var(--spacing-32) !important}.pr-32,.px-32{padding-right:var(--spacing-32) !important}.pt-32,.py-32{padding-top:var(--spacing-32) !important}.pb-32,.py-32{padding-bottom:var(--spacing-32) !important}.p-40{padding:var(--spacing-40) !important}.pl-40,.px-40{padding-left:var(--spacing-40) !important}.pr-40,.px-40{padding-right:var(--spacing-40) !important}.pt-40,.py-40{padding-top:var(--spacing-40) !important}.pb-40,.py-40{padding-bottom:var(--spacing-40) !important}.p-48{padding:var(--spacing-48) !important}.pl-48,.px-48{padding-left:var(--spacing-48) !important}.pr-48,.px-48{padding-right:var(--spacing-48) !important}.pt-48,.py-48{padding-top:var(--spacing-48) !important}.pb-48,.py-48{padding-bottom:var(--spacing-48) !important}.p-64{padding:var(--spacing-64) !important}.pl-64,.px-64{padding-left:var(--spacing-64) !important}.pr-64,.px-64{padding-right:var(--spacing-64) !important}.pt-64,.py-64{padding-top:var(--spacing-64) !important}.pb-64,.py-64{padding-bottom:var(--spacing-64) !important}.p-80{padding:var(--spacing-80) !important}.pl-80,.px-80{padding-left:var(--spacing-80) !important}.pr-80,.px-80{padding-right:var(--spacing-80) !important}.pt-80,.py-80{padding-top:var(--spacing-80) !important}.pb-80,.py-80{padding-bottom:var(--spacing-80) !important}.p-96{padding:var(--spacing-96) !important}.pl-96,.px-96{padding-left:var(--spacing-96) !important}.pr-96,.px-96{padding-right:var(--spacing-96) !important}.pt-96,.py-96{padding-top:var(--spacing-96) !important}.pb-96,.py-96{padding-bottom:var(--spacing-96) !important}.p-128{padding:var(--spacing-128) !important}.pl-128,.px-128{padding-left:var(--spacing-128) !important}.pr-128,.px-128{padding-right:var(--spacing-128) !important}.pt-128,.py-128{padding-top:var(--spacing-128) !important}.pb-128,.py-128{padding-bottom:var(--spacing-128) !important}.p-160{padding:var(--spacing-160) !important}.pl-160,.px-160{padding-left:var(--spacing-160) !important}.pr-160,.px-160{padding-right:var(--spacing-160) !important}.pt-160,.py-160{padding-top:var(--spacing-160) !important}.pb-160,.py-160{padding-bottom:var(--spacing-160) !important}.p-192{padding:var(--spacing-192) !important}.pl-192,.px-192{padding-left:var(--spacing-192) !important}.pr-192,.px-192{padding-right:var(--spacing-192) !important}.pt-192,.py-192{padding-top:var(--spacing-192) !important}.pb-192,.py-192{padding-bottom:var(--spacing-192) !important}.p-224{padding:var(--spacing-224) !important}.pl-224,.px-224{padding-left:var(--spacing-224) !important}.pr-224,.px-224{padding-right:var(--spacing-224) !important}.pt-224,.py-224{padding-top:var(--spacing-224) !important}.pb-224,.py-224{padding-bottom:var(--spacing-224) !important}.p-256{padding:var(--spacing-256) !important}.pl-256,.px-256{padding-left:var(--spacing-256) !important}.pr-256,.px-256{padding-right:var(--spacing-256) !important}.pt-256,.py-256{padding-top:var(--spacing-256) !important}.pb-256,.py-256{padding-bottom:var(--spacing-256) !important}.m-0{margin:0 !important}.ml-0,.mx-0{margin-left:0 !important}.mr-0,.mx-0{margin-right:0 !important}.mt-0,.my-0{margin-top:0 !important}.mb-0,.my-0{margin-bottom:0 !important}.m-4{margin:var(--spacing-4) !important}.ml-4,.mx-4{margin-left:var(--spacing-4) !important}.mr-4,.mx-4{margin-right:var(--spacing-4) !important}.mt-4,.my-4{margin-top:var(--spacing-4) !important}.mb-4,.my-4{margin-bottom:var(--spacing-4) !important}.m-8{margin:var(--spacing-8) !important}.ml-8,.mx-8{margin-left:var(--spacing-8) !important}.mr-8,.mx-8{margin-right:var(--spacing-8) !important}.mt-8,.my-8{margin-top:var(--spacing-8) !important}.mb-8,.my-8{margin-bottom:var(--spacing-8) !important}.m-12{margin:var(--spacing-12) !important}.ml-12,.mx-12{margin-left:var(--spacing-12) !important}.mr-12,.mx-12{margin-right:var(--spacing-12) !important}.mt-12,.my-12{margin-top:var(--spacing-12) !important}.mb-12,.my-12{margin-bottom:var(--spacing-12) !important}.m-16{margin:var(--spacing-16) !important}.ml-16,.mx-16{margin-left:var(--spacing-16) !important}.mr-16,.mx-16{margin-right:var(--spacing-16) !important}.mt-16,.my-16{margin-top:var(--spacing-16) !important}.mb-16,.my-16{margin-bottom:var(--spacing-16) !important}.m-20{margin:var(--spacing-20) !important}.ml-20,.mx-20{margin-left:var(--spacing-20) !important}.mr-20,.mx-20{margin-right:var(--spacing-20) !important}.mt-20,.my-20{margin-top:var(--spacing-20) !important}.mb-20,.my-20{margin-bottom:var(--spacing-20) !important}.m-24{margin:var(--spacing-24) !important}.ml-24,.mx-24{margin-left:var(--spacing-24) !important}.mr-24,.mx-24{margin-right:var(--spacing-24) !important}.mt-24,.my-24{margin-top:var(--spacing-24) !important}.mb-24,.my-24{margin-bottom:var(--spacing-24) !important}.m-32{margin:var(--spacing-32) !important}.ml-32,.mx-32{margin-left:var(--spacing-32) !important}.mr-32,.mx-32{margin-right:var(--spacing-32) !important}.mt-32,.my-32{margin-top:var(--spacing-32) !important}.mb-32,.my-32{margin-bottom:var(--spacing-32) !important}.m-40{margin:var(--spacing-40) !important}.ml-40,.mx-40{margin-left:var(--spacing-40) !important}.mr-40,.mx-40{margin-right:var(--spacing-40) !important}.mt-40,.my-40{margin-top:var(--spacing-40) !important}.mb-40,.my-40{margin-bottom:var(--spacing-40) !important}.m-48{margin:var(--spacing-48) !important}.ml-48,.mx-48{margin-left:var(--spacing-48) !important}.mr-48,.mx-48{margin-right:var(--spacing-48) !important}.mt-48,.my-48{margin-top:var(--spacing-48) !important}.mb-48,.my-48{margin-bottom:var(--spacing-48) !important}.m-64{margin:var(--spacing-64) !important}.ml-64,.mx-64{margin-left:var(--spacing-64) !important}.mr-64,.mx-64{margin-right:var(--spacing-64) !important}.mt-64,.my-64{margin-top:var(--spacing-64) !important}.mb-64,.my-64{margin-bottom:var(--spacing-64) !important}.m-80{margin:var(--spacing-80) !important}.ml-80,.mx-80{margin-left:var(--spacing-80) !important}.mr-80,.mx-80{margin-right:var(--spacing-80) !important}.mt-80,.my-80{margin-top:var(--spacing-80) !important}.mb-80,.my-80{margin-bottom:var(--spacing-80) !important}.m-96{margin:var(--spacing-96) !important}.ml-96,.mx-96{margin-left:var(--spacing-96) !important}.mr-96,.mx-96{margin-right:var(--spacing-96) !important}.mt-96,.my-96{margin-top:var(--spacing-96) !important}.mb-96,.my-96{margin-bottom:var(--spacing-96) !important}.m-128{margin:var(--spacing-128) !important}.ml-128,.mx-128{margin-left:var(--spacing-128) !important}.mr-128,.mx-128{margin-right:var(--spacing-128) !important}.mt-128,.my-128{margin-top:var(--spacing-128) !important}.mb-128,.my-128{margin-bottom:var(--spacing-128) !important}.m-160{margin:var(--spacing-160) !important}.ml-160,.mx-160{margin-left:var(--spacing-160) !important}.mr-160,.mx-160{margin-right:var(--spacing-160) !important}.mt-160,.my-160{margin-top:var(--spacing-160) !important}.mb-160,.my-160{margin-bottom:var(--spacing-160) !important}.m-192{margin:var(--spacing-192) !important}.ml-192,.mx-192{margin-left:var(--spacing-192) !important}.mr-192,.mx-192{margin-right:var(--spacing-192) !important}.mt-192,.my-192{margin-top:var(--spacing-192) !important}.mb-192,.my-192{margin-bottom:var(--spacing-192) !important}.m-224{margin:var(--spacing-224) !important}.ml-224,.mx-224{margin-left:var(--spacing-224) !important}.mr-224,.mx-224{margin-right:var(--spacing-224) !important}.mt-224,.my-224{margin-top:var(--spacing-224) !important}.mb-224,.my-224{margin-bottom:var(--spacing-224) !important}.m-256{margin:var(--spacing-256) !important}.ml-256,.mx-256{margin-left:var(--spacing-256) !important}.mr-256,.mx-256{margin-right:var(--spacing-256) !important}.mt-256,.my-256{margin-top:var(--spacing-256) !important}.mb-256,.my-256{margin-bottom:var(--spacing-256) !important}.gap-0{gap:0 !important}.gap-4{gap:var(--spacing-4) !important}.gap-8{gap:var(--spacing-8) !important}.gap-12{gap:var(--spacing-12) !important}.gap-16{gap:var(--spacing-16) !important}.gap-20{gap:var(--spacing-20) !important}.gap-24{gap:var(--spacing-24) !important}.gap-32{gap:var(--spacing-32) !important}.gap-40{gap:var(--spacing-40) !important}.gap-48{gap:var(--spacing-48) !important}.gap-64{gap:var(--spacing-64) !important}.gap-80{gap:var(--spacing-80) !important}.gap-96{gap:var(--spacing-96) !important}.gap-128{gap:var(--spacing-128) !important}.gap-160{gap:var(--spacing-160) !important}.gap-192{gap:var(--spacing-192) !important}.gap-224{gap:var(--spacing-224) !important}.gap-256{gap:var(--spacing-256) !important}.sr-only{position:absolute !important;left:0;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.dis-text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.dis-text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.dis-text-base{font-size:var(--font-size-base);line-height:var(--line-height-base)}.dis-text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.dis-text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.dis-font--normal{font-weight:var(--font-weight-normal)}.dis-font--medium{font-weight:var(--font-weight-medium)}.dis-font--bold{font-weight:var(--font-weight-bold)}/*!*typography*!*/@font-face{font-family:"Red Hat Text";font-weight:400;font-style:normal;font-display:swap;src:url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatText.woff2") format("woff2"),url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatText400.woff") format("woff")}@font-face{font-family:"Red Hat Text";font-weight:500;font-style:normal;font-display:swap;src:url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatText.woff2") format("woff2"),url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatText500.woff") format("woff")}@font-face{font-family:"Red Hat Text";font-weight:700;font-style:normal;font-display:swap;src:url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatText.woff2") format("woff2"),url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatText700.woff") format("woff")}@font-face{font-family:"Red Hat Display";font-weight:400;font-style:normal;font-display:swap;src:url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatDisplay.woff2") format("woff2"),url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatDisplay400.woff") format("woff")}@font-face{font-family:"Red Hat Display";font-weight:500;font-style:normal;font-display:swap;src:url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatDisplay.woff2") format("woff2"),url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatDisplay500.woff") format("woff")}@font-face{font-family:"Red Hat Display";font-weight:700;font-style:normal;font-display:swap;src:url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatDisplay.woff2") format("woff2"),url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatDisplay700.woff") format("woff")}@font-face{font-family:"Red Hat Mono";font-weight:400;font-style:normal;font-display:swap;src:url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatMono.woff2") format("woff2"),url("https://staticassets.dev.foundations.aws.di.no/fonts/RedHatMono400.woff") format("woff")}.checkbox{display:block;user-select:none;.checkbox-custom-input{display:flex;align-items:center;justify-content:center;height:18px;width:18px;margin-top:2px;flex-shrink:0;border-radius:var(--border-radius-sm);border:1px solid var(--color-obsidian-200);background-color:var(--color-coconut-50);color:var(--color-sapphire-500);transition:border-color .2s,background-color .2s}.checkbox-native-input{position:absolute;height:1px;width:1px;appearance:none;outline:none;&:focus-visible+.checkbox-custom-input{box-shadow:var(--box-shadow-focus-input);border-color:var(--color-sapphire-500)}}.checkbox-main-container,.checkbox-error-container{display:flex;gap:var(--spacing-8)}.checkbox-error-container{margin-top:var(--spacing-4);color:var(--color-rose-600)}.checkbox-main-container{max-width:fit-content;color:var(--color-obsidian-800)}.checkbox-hint{display:block;color:var(--color-obsidian-400);margin-top:2px;margin-left:28px}.checkbox-error-icon{margin-top:1px;flex-shrink:0}.checkbox-native-input:checked+.checkbox-custom-input,&.checkbox-indeterminate .checkbox-custom-input{border-color:var(--color-sapphire-500);background-color:var(--color-sapphire-100)}.checkbox-icon{display:none}.checkbox-native-input:checked+.checkbox-custom-input .checkbox-icon,&.checkbox-indeterminate .checkbox-icon{display:block}.checkbox-native-input:disabled+.checkbox-custom-input{border-color:var(--color-denim-200);background-color:var(--color-sapphire-100);color:var(--color-denim-200)}.checkbox-main-container:not(:has(:disabled)){cursor:pointer;&:hover .checkbox-custom-input{border-color:var(--color-sapphire-500);background-color:var(--color-sapphire-200)}}.checkbox-label{cursor:inherit}&.checkbox-error{.checkbox-native-input+.checkbox-custom-input{border-color:var(--color-rose-600);background-color:var(--color-rose-100);color:var(--color-rose-600)}.checkbox-native-input:disabled+.checkbox-custom-input{border-color:var(--color-rose-200);background-color:var(--color-rose-100);color:var(--color-rose-200)}.checkbox-native-input:focus-visible+.checkbox-custom-input{box-shadow:var(--box-shadow-focus-input-invalid);border-color:var(--color-rose-600)}.checkbox-main-container:not(:has(:disabled)):hover .checkbox-custom-input{border-color:var(--color-rose-600);background-color:var(--color-rose-200)}}}.date-input{.input{color:#000;&::-webkit-datetime-edit{display:block;padding:0;font-variant:normal}&::-webkit-datetime-edit-text{color:var(--color-obsidian-100);padding:0 .125rem}&::-webkit-datetime-edit-day-field,&::-webkit-datetime-edit-month-field,&::-webkit-datetime-edit-year-field{color:var(--color-obsidian-800);padding:0}&::-webkit-datetime-edit-fields-wrapper{padding:0}&::-webkit-calendar-picker-indicator{position:absolute;background:none;top:.6875rem;right:.6875rem;width:var(--spacing-24);height:var(--spacing-24);padding:0}}.date-input-icon{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--color-coconut-50);top:.1875rem;right:var(--spacing-4);width:2.375rem;height:2.375rem;pointer-events:none}.input:disabled~.date-input-icon,.input.disabled~.date-input-icon{color:var(--color-obsidian-300);background-color:var(--color-coconut-200)}}@-moz-document url-prefix(){.date-input .input-icon-container .input{color:var(--color-obsidian-800);padding-right:.5625rem}}.number-input{.input{appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{appearance:none}}.number-input-step-buttons{border:1px solid var(--color-coconut-800);border-radius:var(--border-radius-sm);.number-input-step-button{display:flex;justify-content:center;align-items:center;color:var(--color-obsidian-800);width:18px;height:9px;appearance:none;border:none;outline:none;background-color:transparent;padding:0;margin:0;&:not(:disabled){pointer-events:auto}&:first-child{border-bottom:.5px solid var(--color-coconut-800)}&:last-child{border-top:.5px solid var(--color-coconut-800)}}}.input:disabled,.input.disabled{+.number-input-step-buttons .number-input-step-button{color:var(--color-obsidian-300)}}}.radio{display:block;user-select:none;.radio-custom-input{display:flex;align-items:center;justify-content:center;height:20px;width:20px;margin-top:2px;flex-shrink:0;border-radius:50%;border:1px solid var(--color-obsidian-200);background-color:var(--color-coconut-50);transition:border-color .2s,background-color .2s}.radio-indicator{width:8px;height:8px;background-color:transparent;border-radius:50%;opacity:0;transition:background-color .1s}.radio-main-container,.radio-error-container{display:flex;gap:var(--spacing-8)}.radio-error-container{margin-top:var(--spacing-4);margin-left:1px;color:var(--color-rose-600)}.radio-main-container{max-width:fit-content;color:var(--color-obsidian-800)}.radio-error-icon{margin-top:1px;flex-shrink:0}.radio-label{margin-top:1px;cursor:inherit}.radio-hint{display:block;color:var(--color-obsidian-400);margin-top:2px;margin-left:30px}.radio-main-container:not(:has(:disabled)){cursor:pointer;&:hover .radio-custom-input{border-color:var(--color-sapphire-500);background-color:var(--color-sapphire-200)}}.radio-native-input{position:absolute;height:1px;width:1px;appearance:none;outline:none;&:focus-visible+.radio-custom-input{border-color:var(--color-sapphire-500);box-shadow:var(--box-shadow-focus-input)}&:checked+.radio-custom-input{border-color:var(--color-sapphire-500);background-color:var(--color-sapphire-100);.radio-indicator{background-color:var(--color-sapphire-500);opacity:1}}}.radio-native-input:disabled+.radio-custom-input{border-color:var(--color-denim-200);background-color:var(--color-sapphire-100);color:var(--color-denim-200);.radio-indicator{background-color:var(--color-denim-200)}}&.radio-error{.radio-native-input+.radio-custom-input{border-color:var(--color-rose-600);background-color:var(--color-rose-100);.radio-indicator{background-color:var(--color-rose-600)}}.radio-native-input:disabled+.radio-custom-input{border-color:var(--color-rose-200);background-color:var(--color-rose-100);.radio-indicator{background-color:var(--color-rose-200)}}.radio-native-input:focus-visible+.radio-custom-input{box-shadow:var(--box-shadow-focus-input-invalid);border-color:var(--color-rose-600)}.radio-main-container:not(:has(:disabled)):hover .radio-custom-input{border-color:var(--color-rose-500);background-color:var(--color-rose-200)}}}.select{box-sizing:border-box;.input.select-label,.input.select-multi-label{min-height:2.75rem}.placeholder{color:var(--color-obsidian-300)}&.select-multi-combobox{.select-input-wrapper{position:relative;flex:1 0 auto;min-width:var(--spacing-12);max-width:100%;&:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;font:inherit}}input{position:absolute;top:-1px;left:-2px;font:inherit;color:inherit;background-color:inherit;border:none;outline:none;width:100%;&::placeholder{color:var(--color-obsidian-300)}}.input:not(.invalid):focus-within{border-color:var(--color-sapphire-300);box-shadow:var(--box-shadow-focus-input)}.input.invalid:focus-within{box-shadow:var(--box-shadow-focus-input-invalid)}}.select-multi-label{display:flex;flex-wrap:wrap;gap:var(--spacing-4);.select-tag{white-space:nowrap;display:inline-flex;flex-shrink:0;border-radius:var(--border-radius-sm);background-color:var(--color-coconut-600);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-sm);max-width:100%;gap:var(--spacing-4);padding:.125rem var(--spacing-8)}&.disabled .select-tag{color:var(--color-obsidian-100);-webkit-text-fill-color:var(--color-obsidian-100);background-color:var(--color-coconut-300)}.select-delete-button{display:flex;align-items:center;border-radius:var(--border-radius-sm);flex-shrink:0;appearance:none;border:none;outline:none;background-color:transparent;color:inherit;padding:0;&:not(:disabled){cursor:pointer;&:hover{background-color:var(--color-coconut-800)}}}}.input-icon{color:var(--color-obsidian-800);transition:transform .1s ease-out}&.select-open .input-icon{transform:rotate(180deg)}}.select-list{box-sizing:border-box;overflow:auto;background-color:var(--color-coconut-50);border:1px solid var(--color-coconut-800);border-radius:var(--border-radius-default);box-shadow:0 10px 19px #0000000f;min-height:var(--spacing-40);max-height:25rem;z-index:1001;.select-list-items{list-style:none;padding:0;margin:0}.select-list-item{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;color:var(--color-obsidian-800);min-height:var(--spacing-40);padding:var(--spacing-8) var(--spacing-16);gap:var(--spacing-12);&:first-child{padding-top:.625rem}&:last-child{padding-bottom:.625rem}&:hover{cursor:pointer;background-color:var(--color-coconut-200)}&.select-active{background-color:var(--color-coconut-300)}&.select-disabled{pointer-events:none;color:var(--color-obsidian-200)}&.select-empty{pointer-events:none}.select-icon{flex-shrink:0;color:var(--color-sapphire-500)}}.select-multi-list-item{justify-content:flex-start;.select-label{padding-top:1px;margin-bottom:-1px}.select-checkbox{background-color:var(--color-coconut-50);border:1px solid var(--color-obsidian-200);border-radius:var(--border-radius-sm);flex-shrink:0;height:1.125rem;width:1.125rem;&.checked{display:flex;align-items:center;justify-content:center;color:var(--color-sapphire-500);background-color:var(--color-sapphire-100);border-color:var(--color-sapphire-500)}&:not(.disabled):hover{background-color:var(--color-sapphire-200);border-color:var(--color-sapphire-500)}&.disabled{background-color:var(--color-sapphire-100);border-color:var(--color-denim-200)}}}.select-all:not(:last-child){border-bottom:1px solid var(--color-coconut-800)}.select-list-virtual{position:relative;.select-list-item{box-sizing:border-box;position:absolute;top:0;left:0;width:100%}}}.select .select-label,.select-list .select-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.switch{display:block;.switch-slider{width:40px;height:20px;padding:2px;border-radius:1000px;background-color:var(--color-obsidian-200);position:relative;transition:background-color .1s linear;overflow:hidden;display:inline-block;flex:0 0 40px}.switch-thumb{width:20px;height:20px;border-radius:1000px;background-color:var(--color-coconut-50);position:absolute;transform-origin:50% 50%;transform:translateZ(0);transition:transform .15s cubic-bezier(.32,0,.07,1)}.switch-label{cursor:inherit;color:var(--color-obsidian-800);margin-left:8px}.switch-hint{display:block;color:var(--color-obsidian-400);margin-top:2px;margin-left:52px}.switch-main-container{display:flex;max-width:fit-content}.switch-error-container{display:flex;margin-left:var(--spacing-24);gap:var(--spacing-8);margin-top:var(--spacing-4);color:var(--color-rose-600)}.switch-error-icon{margin-top:1px;flex-shrink:0}.switch-native-input{&:checked+.switch-slider{background-color:var(--color-sapphire-600);.switch-thumb{transform:translate3d(20px,0,0)}}&:disabled+.switch-slider{background-color:var(--color-obsidian-100)}&:checked:disabled+.switch-slider{background-color:var(--color-denim-300)}&:focus-visible+.switch-slider{box-shadow:var(--box-shadow-focus-input)}&:not(:disabled)+.switch-slider .switch-thumb{box-shadow:0 1px 5px #10182829}}&:not(.switch-error) .switch-native-input:disabled+.switch-slider .switch-thumb{background-color:var(--color-sapphire-100)}.switch-main-container:not(:has(:disabled)){cursor:pointer;&:hover .switch-slider{background-color:var(--color-obsidian-300)}&:hover .switch-native-input:checked+.switch-slider{background-color:var(--color-sapphire-700)}}&.switch-error{.switch-native-input{+.switch-slider{background-color:var(--color-rose-200)}&:checked+.switch-slider{background-color:var(--color-rose-600)}&:disabled+.switch-slider{background-color:var(--color-rose-100)}&:checked:disabled+.switch-slider{background-color:var(--color-rose-100)}&:focus-visible+.switch-slider{box-shadow:var(--box-shadow-focus-input-invalid)}&:focus-visible:not(:checked)+.switch-slider{padding:1px;border:1px solid var(--color-coconut-50)}}.switch-main-container:not(:has(:disabled)):hover{.switch-slider{background-color:var(--color-rose-300)}.switch-native-input:checked+.switch-slider{background-color:var(--color-rose-700)}}}}.text{padding:0;margin:0;&.text-font-weight-regular{font-weight:var(--font-weight-normal)}&.text-font-weight-medium{font-weight:var(--font-weight-medium)}&.text-font-weight-bold{font-weight:var(--font-weight-bold)}&.text-font-type-heading{font-family:var(--font-family-display),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-6xl);line-height:var(--line-height-6xl)}&.text-size-large{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}&.text-size-medium{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}&.text-size-small{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}&.text-size-xsmall{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}}&.text-font-type-text{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}&.text-size-large{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}&.text-size-medium{font-size:var(--font-size-base);line-height:var(--line-height-base)}&.text-size-small{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}&.text-size-xsmall{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}}}.tooltip{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;display:inline-flex;position:relative;&,>*{outline:none;&:focus-visible{box-shadow:var(--box-shadow-focus-outline)}}}.tooltip-popup{width:max-content;padding:var(--spacing-12);border-radius:var(--border-radius-default);background-color:var(--color-denim-700);fill:var(--color-denim-700);box-shadow:0 10px 19px #0709160f;z-index:9999;&,a{color:var(--color-coconut-50)}.tooltip-header{display:block;margin-bottom:var(--spacing-4)}&.tooltip-width-small{max-width:var(--width-small)}&.tooltip-width-medium{max-width:var(--width-medium)}&.tooltip-size-small{border-radius:var(--border-radius-sm);padding:var(--spacing-4) var(--spacing-8)}&.tooltip-size-default{padding:var(--spacing-12)}&.tooltip-width-large{max-width:var(--width-large)}&.tooltip-visible{scale:1}&.tooltip-hidden{scale:0}}.form-element-wrapper{.form-element-wrapper-element *{box-sizing:border-box}.form-element-wrapper-label{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);color:var(--color-obsidian-800)}.form-element-wrapper-tooltip{&:hover{cursor:pointer;color:var(--color-sapphire-600)}&:focus-visible{border-radius:var(--border-radius-full);box-shadow:var(--box-shadow-focus-outline);outline:none}}.form-element-wrapper-hint,.form-element-wrapper-error-container{margin-bottom:var(--spacing-4);display:block}.form-element-wrapper-hint{color:var(--color-obsidian-400)}.form-element-wrapper-error-container{display:flex;gap:var(--spacing-4);color:var(--color-rose-600);.form-element-wrapper-error-icon{margin-top:1px}}}.time-input{.input{color:#000;position:relative;&::-webkit-datetime-edit{display:block;padding:0;font-variant:normal}&::-webkit-datetime-edit-text{color:var(--color-obsidian-100);padding:0 .125rem}&::-webkit-datetime-edit-day-field,&::-webkit-datetime-edit-month-field,&::-webkit-datetime-edit-year-field{color:var(--color-obsidian-800);padding:0}&::-webkit-datetime-edit-fields-wrapper{padding:0}&::-webkit-calendar-picker-indicator{position:absolute;background:none;top:.3rem;right:.3rem;width:var(--spacing-32);height:var(--spacing-32);padding:0;margin:0;border-radius:4px;cursor:pointer}&::-webkit-calendar-picker-indicator:focus{outline:none;box-shadow:var(--box-shadow-focus-input)}}.time-input-icon{position:absolute;display:flex;justify-content:center;align-items:center;top:.2rem;right:.2rem;width:2.375rem;height:2.375rem;pointer-events:none}.input:disabled~.time-input-icon,.input.disabled~.time-input-icon{color:var(--color-obsidian-300);background-color:var(--color-coconut-200)}}@-moz-document url-prefix(){.time-input .input-icon-container .input{color:var(--color-obsidian-800);padding-right:.5625rem}}.text{padding:0;margin:0;&.text-font-weight-regular{font-weight:var(--font-weight-normal)}&.text-font-weight-medium{font-weight:var(--font-weight-medium)}&.text-font-weight-bold{font-weight:var(--font-weight-bold)}&.text-font-type-heading{font-family:var(--font-family-display),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-6xl);line-height:var(--line-height-6xl)}&.text-size-large{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}&.text-size-medium{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}&.text-size-small{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}&.text-size-xsmall{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}}&.text-font-type-text{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}&.text-size-large{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}&.text-size-medium{font-size:var(--font-size-base);line-height:var(--line-height-base)}&.text-size-small{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}&.text-size-xsmall{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}}}.alert{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;display:flex;padding:var(--spacing-16);color:var(--color-obsidian-800);border:1px solid var(--color-sapphire-800);background-color:var(--color-coconut-300);border-radius:var(--border-radius-default);box-sizing:border-box;&.alert-info{background-color:var(--color-sapphire-100);border-color:var(--color-sapphire-300);.alert-icon path{fill:var(--color-denim-400)}}&.alert-warning{background-color:var(--color-autumn-50);border-color:var(--color-autumn-200);.alert-icon path{fill:var(--color-autumn-500)}}&.alert-success{background-color:var(--color-forest-100);border-color:var(--color-forest-300);.alert-icon path{fill:var(--color-forest-700)}}&.alert-danger{background-color:var(--color-rose-50);border-color:var(--color-rose-200);.alert-icon path{fill:var(--color-rose-600)}}.alert-heading{display:block}.alert-icon{flex:0 0 24px;margin-left:var(--spacing-16)}.alert-content{flex-grow:1}&.alert-small,&.alert-medium,&.alert-large,&.alert-full{width:100%}&.alert-small{max-width:var(--width-small)}&.alert-medium{max-width:var(--width-medium)}&.alert-large{max-width:var(--width-large)}&.alert-fit{display:inline-flex}p:first-child{margin-top:0}p:last-child{margin-bottom:0}}.avatar{background-color:var(--color-sapphire-100);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--color-sapphire-600);font-family:var(--font-family-text),Helvetica,Arial,sans-serif;font-weight:var(--font-weight-medium);overflow:hidden;position:relative;button&,a&{border:none;padding:0;outline:none;text-decoration:none;&:not(:disabled):hover{background-color:var(--color-sapphire-200);cursor:pointer;transition:background-color .3s}&:focus-visible{box-shadow:var(--box-shadow-focus-input)}}&.avatar-xsmall{height:24px;width:24px;font-size:var(--font-size-xs)}&.avatar-small{height:32px;width:32px;font-size:var(--font-size-sm)}&.avatar-medium{height:40px;width:40px;font-size:var(--font-size-base)}&.avatar-large{height:48px;width:48px;font-size:var(--font-size-lg)}&.avatar-xlarge{height:56px;width:56px;font-size:var(--font-size-xl)}&.avatar-2xlarge{height:64px;width:64px;font-size:var(--font-size-2xl)}}.spinner{display:inline-block;box-sizing:border-box;border-style:solid;border-radius:50%;animation:spin 1s linear infinite;&.spinner-medium{border-width:2px;width:1.5rem;height:1.5rem}&.spinner-large{border-width:7px;width:4rem;height:4rem}&.spinner-secondary{border-color:var(--color-obsidian-50);border-bottom-color:var(--color-obsidian-500)}&.spinner-primary{border-color:var(--color-sapphire-200);border-bottom-color:var(--color-sapphire-600)}&.spinner-danger{border-color:var(--color-rose-100);border-bottom-color:var(--color-rose-600)}}@keyframes spin{to{transform:rotate(360deg)}}.button{position:relative;font-family:Red Hat Text,Helvetica,Arial,sans-serif;background:transparent;appearance:none;display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background-color .1s,color .1s,border-color .1s;box-sizing:border-box;font-weight:var(--font-weight-medium);outline:none;&:focus-visible{box-shadow:var(--box-shadow-focus-outline)}.button-contents{display:flex;gap:.5rem;justify-content:center;align-items:center;text-align:center}&.button-loading{.button-spinner{position:absolute}.button-contents{visibility:hidden}}&.button-loading,&.button-disabled{pointer-events:none;cursor:none}&.button-sm{font-size:var(--font-size-sm);line-height:var(--font-size-sm);min-height:36px;padding:0 1rem;border-radius:var(--border-radius-sm)}&.button-md{font-size:var(--font-size-base);line-height:var(--font-size-base);min-height:44px;padding:0 1rem;border-radius:var(--border-radius-default)}&.button-lg{font-size:var(--font-size-lg);line-height:var(--font-size-lg);min-height:56px;padding:0 1rem;border-radius:var(--border-radius-default)}&.button-primary{--text-color: var(--color-sapphire-100);--bg-color: var(--color-sapphire-500);--bg-hover-color: var(--color-sapphire-600);--bg-disabled-color: var(--color-sapphire-300);background:var(--bg-color);border-color:var(--bg-color);color:var(--text-color);&:hover{background:var(--bg-hover-color);border-color:var(--bg-hover-color)}&.button-loading,&.button-disabled{background:var(--bg-disabled-color);border-color:var(--bg-disabled-color)}}&.button-secondary{--text-color: var(--color-obsidian-500);--text-disabled-color: var(--color-obsidian-100);--border-color: var(--color-obsidian-50);--bg-color: var(--color-coconut-50);--bg-hover-color: var(--color-coconut-300);background:var(--bg-color);border-color:var(--border-color);color:var(--text-color);&:hover{background:var(--bg-hover-color);border-color:var(--border-color)}&.button-loading,&.button-disabled{color:var(--text-disabled-color)}}&.button-danger{--text-color: var(--color-rose-100);--bg-color: var(--color-rose-600);--bg-hover-color: var(--color-rose-700);--bg-disabled-color: var(--color-rose-200);background:var(--bg-color);border-color:var(--bg-color);color:var(--text-color);&:hover{background:var(--bg-hover-color);border-color:var(--bg-hover-color)}&.button-loading,&.button-disabled{background:var(--bg-disabled-color);border-color:var(--bg-disabled-color)}}&.button-ghost{--text-color: var(--color-obsidian-500);--text-hover-color: var(--color-sapphire-600);--text-disabled-color: var(--color-obsidian-100);color:var(--text-color);&:hover{color:var(--text-hover-color)}&.button-loading,&.button-disabled{color:var(--text-disabled-color)}}}.text{padding:0;margin:0;&.text-font-weight-regular{font-weight:var(--font-weight-normal)}&.text-font-weight-medium{font-weight:var(--font-weight-medium)}&.text-font-weight-bold{font-weight:var(--font-weight-bold)}&.text-font-type-heading{font-family:var(--font-family-display),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-6xl);line-height:var(--line-height-6xl)}&.text-size-large{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}&.text-size-medium{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}&.text-size-small{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}&.text-size-xsmall{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}}&.text-font-type-text{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}&.text-size-large{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}&.text-size-medium{font-size:var(--font-size-base);line-height:var(--line-height-base)}&.text-size-small{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}&.text-size-xsmall{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}}}.card{border:1px solid var(--color-coconut-700);background-color:var(--color-coconut-50);border-radius:var(--border-radius-default);display:block;box-sizing:border-box;padding:var(--spacing-24);>p:last-child{margin-bottom:0}}.card,.card-header{&.card-full,&.card-small,&.card-medium,&.card-large{width:100%}&.card-small{max-width:var(--width-small)}&.card-medium{max-width:var(--width-medium)}&.card-large{max-width:var(--width-large)}&.card-fit{width:fit-content}}.card-header{box-sizing:border-box;color:var(--color-obsidian-600);.card-ingress{color:var(--color-obsidian-400);margin:0}}.card-header+.card{margin-top:var(--spacing-8)}.text{padding:0;margin:0;&.text-font-weight-regular{font-weight:var(--font-weight-normal)}&.text-font-weight-medium{font-weight:var(--font-weight-medium)}&.text-font-weight-bold{font-weight:var(--font-weight-bold)}&.text-font-type-heading{font-family:var(--font-family-display),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-6xl);line-height:var(--line-height-6xl)}&.text-size-large{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}&.text-size-medium{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}&.text-size-small{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}&.text-size-xsmall{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}}&.text-font-type-text{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}&.text-size-large{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}&.text-size-medium{font-size:var(--font-size-base);line-height:var(--line-height-base)}&.text-size-small{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}&.text-size-xsmall{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}}}.card{border:1px solid var(--color-coconut-700);background-color:var(--color-coconut-50);border-radius:var(--border-radius-default);display:block;box-sizing:border-box;padding:var(--spacing-24);>p:last-child{margin-bottom:0}}.card,.card-header{&.card-full,&.card-small,&.card-medium,&.card-large{width:100%}&.card-small{max-width:var(--width-small)}&.card-medium{max-width:var(--width-medium)}&.card-large{max-width:var(--width-large)}&.card-fit{width:fit-content}}.card-header{box-sizing:border-box;color:var(--color-obsidian-600);.card-ingress{color:var(--color-obsidian-400);margin:0}}.card-header+.card{margin-top:var(--spacing-8)}.header{box-sizing:border-box;background:var(--color-coconut-50);border-bottom:1px solid var(--color-coconut-700);min-width:fit-content}.header-container{padding:var(--spacing-12) 0;background:var(--color-coconut-50);display:flex;align-items:center}.header-app-name{display:flex}.header-logo{text-decoration:none;color:var(--color-denim-700);display:inline-flex;align-items:center;gap:var(--spacing-8);border:0;background:none;border-radius:var(--border-radius-default);padding:0;outline:none;&:focus-visible{color:var(--color-sapphire-700);box-shadow:var(--box-shadow-focus-outline)}button&,a&[href]{cursor:pointer}}.header-desktop-navigation{margin-left:var(--spacing-32);display:flex;.header-menu-dropdown{display:flex;flex-flow:column wrap;padding:var(--spacing-8) 0;min-width:264px;border-color:var(--color-coconut-300);box-shadow:0 10px 19px #0709160f;z-index:900}button.header-menu-item,a[href].header-menu-item,.header-menu-item-has-children{&:focus-visible{box-shadow:var(--box-shadow-focus-outline)}}.header-menu-item{border:0;display:flex;gap:var(--spacing-8);background:none;text-decoration:none;align-items:center;color:var(--color-obsidian-600);outline:none}.header-menu-dropdown-item{padding:var(--spacing-12) var(--spacing-16)}.header-menu-item-chevron{flex:0 0 20px}}.header-desktop-navigation,.header-mobile-menu{.header-menu-item{button&,a&[href],&.header-menu-item-has-children{cursor:pointer;&:hover{color:var(--color-sapphire-600)}}}.header-menu-item-chevron{flex-shrink:0;transition:transform .1s ease-out;.header-menu-item-open &{transform:rotate(180deg)}}}.header-desktop-actions{margin-left:auto;display:flex;gap:var(--spacing-8)}.header-mobile-menu-button{width:36px;margin-left:auto}.header-mobile-menu{box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;outline:none;background-color:var(--color-coconut-50);padding:var(--spacing-8) 0;z-index:900;@media (width <= 440px){border-top:1px solid var(--color-coconut-700);width:100vw;min-height:var(--available-height);margin-top:.9375rem}@media (width > 440px){border-radius:var(--border-radius-default);border:1px solid var(--color-coconut-300);box-shadow:0 10px 19px #0709160f;min-width:20rem;max-height:var(--available-height);margin-right:5px}.header-menu-item{display:flex;justify-content:space-between;outline:none;text-decoration:none;text-align:left;border:0;background:none;color:var(--color-obsidian-800);gap:var(--spacing-8);padding:var(--spacing-12) .875rem;margin:0 2px;&.header-menu-item-hidden{display:none}&.header-menu-item-nested{padding-left:var(--spacing-24)}&.header-menu-item-open{color:var(--color-sapphire-600)}&:focus-visible{box-shadow:var(--box-shadow-focus-input)}}.header-mobile-actions{display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--spacing-24) var(--spacing-16) var(--spacing-8)}}.spinner{display:inline-block;box-sizing:border-box;border-style:solid;border-radius:50%;animation:spin 1s linear infinite;&.spinner-medium{border-width:2px;width:1.5rem;height:1.5rem}&.spinner-large{border-width:7px;width:4rem;height:4rem}&.spinner-secondary{border-color:var(--color-obsidian-50);border-bottom-color:var(--color-obsidian-500)}&.spinner-primary{border-color:var(--color-sapphire-200);border-bottom-color:var(--color-sapphire-600)}&.spinner-danger{border-color:var(--color-rose-100);border-bottom-color:var(--color-rose-600)}}@keyframes spin{to{transform:rotate(360deg)}}.text{padding:0;margin:0;&.text-font-weight-regular{font-weight:var(--font-weight-normal)}&.text-font-weight-medium{font-weight:var(--font-weight-medium)}&.text-font-weight-bold{font-weight:var(--font-weight-bold)}&.text-font-type-heading{font-family:var(--font-family-display),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-6xl);line-height:var(--line-height-6xl)}&.text-size-large{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}&.text-size-medium{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}&.text-size-small{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}&.text-size-xsmall{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}}&.text-font-type-text{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}&.text-size-large{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}&.text-size-medium{font-size:var(--font-size-base);line-height:var(--line-height-base)}&.text-size-small{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}&.text-size-xsmall{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}}}.tooltip{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;display:inline-flex;position:relative;&,>*{outline:none;&:focus-visible{box-shadow:var(--box-shadow-focus-outline)}}}.tooltip-popup{width:max-content;padding:var(--spacing-12);border-radius:var(--border-radius-default);background-color:var(--color-denim-700);fill:var(--color-denim-700);box-shadow:0 10px 19px #0709160f;z-index:9999;&,a{color:var(--color-coconut-50)}.tooltip-header{display:block;margin-bottom:var(--spacing-4)}&.tooltip-width-small{max-width:var(--width-small)}&.tooltip-width-medium{max-width:var(--width-medium)}&.tooltip-size-small{border-radius:var(--border-radius-sm);padding:var(--spacing-4) var(--spacing-8)}&.tooltip-size-default{padding:var(--spacing-12)}&.tooltip-width-large{max-width:var(--width-large)}&.tooltip-visible{scale:1}&.tooltip-hidden{scale:0}}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;border-radius:var(--border-radius-sm);transition:background-color .2s;&.icon-button-primary{color:var(--color-sapphire-600);&.icon-button-loading,&.icon-button-disabled{color:var(--color-denim-300)}}&.icon-button-secondary{color:var(--color-obsidian-800);&.icon-button-loading,&.icon-button-disabled{color:var(--color-obsidian-300)}}&.icon-button-danger{color:var(--color-rose-600);&.icon-button-loading,&.icon-button-disabled{color:var(--color-rose-300)}}a&,button&{outline:none;&:not(.icon-button-loading,.icon-button-disabled){cursor:pointer}}&:hover:not(.icon-button-loading,.icon-button-disabled){background-color:var(--color-coconut-400)}&:focus-visible{box-shadow:var(--box-shadow-focus-outline)}}.card{border:1px solid var(--color-coconut-700);background-color:var(--color-coconut-50);border-radius:var(--border-radius-default);display:block;box-sizing:border-box;padding:var(--spacing-24);>p:last-child{margin-bottom:0}}.card,.card-header{&.card-full,&.card-small,&.card-medium,&.card-large{width:100%}&.card-small{max-width:var(--width-small)}&.card-medium{max-width:var(--width-medium)}&.card-large{max-width:var(--width-large)}&.card-fit{width:fit-content}}.card-header{box-sizing:border-box;color:var(--color-obsidian-600);.card-ingress{color:var(--color-obsidian-400);margin:0}}.card-header+.card{margin-top:var(--spacing-8)}.spinner{display:inline-block;box-sizing:border-box;border-style:solid;border-radius:50%;animation:spin 1s linear infinite;&.spinner-medium{border-width:2px;width:1.5rem;height:1.5rem}&.spinner-large{border-width:7px;width:4rem;height:4rem}&.spinner-secondary{border-color:var(--color-obsidian-50);border-bottom-color:var(--color-obsidian-500)}&.spinner-primary{border-color:var(--color-sapphire-200);border-bottom-color:var(--color-sapphire-600)}&.spinner-danger{border-color:var(--color-rose-100);border-bottom-color:var(--color-rose-600)}}@keyframes spin{to{transform:rotate(360deg)}}.text{padding:0;margin:0;&.text-font-weight-regular{font-weight:var(--font-weight-normal)}&.text-font-weight-medium{font-weight:var(--font-weight-medium)}&.text-font-weight-bold{font-weight:var(--font-weight-bold)}&.text-font-type-heading{font-family:var(--font-family-display),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-6xl);line-height:var(--line-height-6xl)}&.text-size-large{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}&.text-size-medium{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}&.text-size-small{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}&.text-size-xsmall{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}}&.text-font-type-text{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}&.text-size-large{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}&.text-size-medium{font-size:var(--font-size-base);line-height:var(--line-height-base)}&.text-size-small{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}&.text-size-xsmall{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}}}.tooltip{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;display:inline-flex;position:relative;&,>*{outline:none;&:focus-visible{box-shadow:var(--box-shadow-focus-outline)}}}.tooltip-popup{width:max-content;padding:var(--spacing-12);border-radius:var(--border-radius-default);background-color:var(--color-denim-700);fill:var(--color-denim-700);box-shadow:0 10px 19px #0709160f;z-index:9999;&,a{color:var(--color-coconut-50)}.tooltip-header{display:block;margin-bottom:var(--spacing-4)}&.tooltip-width-small{max-width:var(--width-small)}&.tooltip-width-medium{max-width:var(--width-medium)}&.tooltip-size-small{border-radius:var(--border-radius-sm);padding:var(--spacing-4) var(--spacing-8)}&.tooltip-size-default{padding:var(--spacing-12)}&.tooltip-width-large{max-width:var(--width-large)}&.tooltip-visible{scale:1}&.tooltip-hidden{scale:0}}.icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;border-radius:var(--border-radius-sm);transition:background-color .2s;&.icon-button-primary{color:var(--color-sapphire-600);&.icon-button-loading,&.icon-button-disabled{color:var(--color-denim-300)}}&.icon-button-secondary{color:var(--color-obsidian-800);&.icon-button-loading,&.icon-button-disabled{color:var(--color-obsidian-300)}}&.icon-button-danger{color:var(--color-rose-600);&.icon-button-loading,&.icon-button-disabled{color:var(--color-rose-300)}}a&,button&{outline:none;&:not(.icon-button-loading,.icon-button-disabled){cursor:pointer}}&:hover:not(.icon-button-loading,.icon-button-disabled){background-color:var(--color-coconut-400)}&:focus-visible{box-shadow:var(--box-shadow-focus-outline)}}.modal-overlay{background:#0009;display:grid;place-items:center;z-index:1000}.modal-heading,.modal-body{display:block;word-break:break-word}.modal-card{position:relative;&:has(.modal-close-button){.modal-heading:first-child,.modal-body:first-child{margin-right:var(--spacing-32)!important}}}.modal-close-wrapper{position:absolute;top:var(--spacing-16);right:var(--spacing-16);.modal-close-button{color:var(--color-obsidian-800)!important}}.modal-heading:not(:last-child){margin-bottom:var(--spacing-16)}.modal-body:not(:last-child){margin-bottom:var(--spacing-24)}.modal-actions{gap:var(--spacing-8);display:flex;&.modal-actions-fill{width:100%}&.modal-actions-fit{width:fit-content}&.modal-actions-equal-widths>*{flex:1}&.modal-actions-align-start{justify-content:start}&.modal-actions-align-center{justify-content:center}&.modal-actions-align-end{justify-content:end}&.modal-actions-align-space-between{justify-content:space-between}&.modal-actions-align-space-evenly{justify-content:space-evenly}}.modal-text-align-left{text-align:left}.modal-text-align-right{text-align:right}.modal-text-align-center{text-align:center}.separator{background-color:var(--color-coconut-700);height:1px;display:block;width:100%;margin:var(--spacing-16) 0}.card{border:1px solid var(--color-coconut-700);background-color:var(--color-coconut-50);border-radius:var(--border-radius-default);display:block;box-sizing:border-box;padding:var(--spacing-24);>p:last-child{margin-bottom:0}}.card,.card-header{&.card-full,&.card-small,&.card-medium,&.card-large{width:100%}&.card-small{max-width:var(--width-small)}&.card-medium{max-width:var(--width-medium)}&.card-large{max-width:var(--width-large)}&.card-fit{width:fit-content}}.card-header{box-sizing:border-box;color:var(--color-obsidian-600);.card-ingress{color:var(--color-obsidian-400);margin:0}}.card-header+.card{margin-top:var(--spacing-8)}.breadcrumbs{display:flex;.breadcrumbs-container{display:flex;white-space:nowrap;gap:var(--spacing-8);align-items:center}.breadcrumbs-item{color:var(--color-obsidian-200);text-decoration:none;white-space:nowrap}.breadcrumbs-chevron{color:var(--color-obsidian-200);flex:0 0 12px;width:12px}.breadcrumbs-current{color:var(--color-obsidian-600)}.breadcrumbs-collapsed-menu{position:absolute;padding:0;box-shadow:0 10px 18px #0000000f;display:none;list-style:none;margin:0;&.breadcrumbs-collapsed-menu-open{display:block}.breadcrumbs-item{color:var(--color-obsidian-700);display:block;padding:var(--spacing-8) var(--spacing-16);transition:background .1s;outline:none;&:hover{background-color:var(--color-sapphire-100)}&:focus-visible,&.breadcrumbs-item-selected{background-color:var(--color-sapphire-200)}}}.breadcrumbs-collapsed-menu-container{position:relative}.breadcrumbs-collapsed-menu-button{border:0;margin:0 0 0 -4px;padding:var(--spacing-4);background-color:transparent;cursor:pointer;font-weight:var(--font-weight-bold);color:var(--color-obsidian-200);outline:none;border-radius:var(--border-radius-default);transition:color .2s,background-color .2s;&:hover{color:var(--color-obsidian-700);background-color:var(--color-sapphire-200)}&:focus-visible{box-shadow:var(--box-shadow-focus-outline)}}}.text{padding:0;margin:0;&.text-font-weight-regular{font-weight:var(--font-weight-normal)}&.text-font-weight-medium{font-weight:var(--font-weight-medium)}&.text-font-weight-bold{font-weight:var(--font-weight-bold)}&.text-font-type-heading{font-family:var(--font-family-display),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-6xl);line-height:var(--line-height-6xl)}&.text-size-large{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}&.text-size-medium{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}&.text-size-small{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}&.text-size-xsmall{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}}&.text-font-type-text{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}&.text-size-large{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}&.text-size-medium{font-size:var(--font-size-base);line-height:var(--line-height-base)}&.text-size-small{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}&.text-size-xsmall{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}}}.badge{box-sizing:border-box;border-radius:9999px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-4);height:var(--spacing-24);min-width:var(--spacing-24);padding:0 var(--spacing-8);margin:0;a&,button&{appearance:none;text-decoration:none;border:none;outline:none;&:focus-visible{transition:box-shadow .2s;box-shadow:var(--box-shadow-focus-input)}}&.badge-secondary{color:var(--color-obsidian-800);background-color:var(--color-coconut-600)}&.badge-primary{color:var(--color-sapphire-600);background-color:var(--color-sapphire-200)}&.badge-success{color:var(--color-forest-700);background-color:var(--color-forest-100)}&.badge-warning{color:var(--color-autumn-600);background-color:var(--color-autumn-50)}&.badge-danger{color:var(--color-rose-600);background-color:var(--color-rose-100)}a&:hover,button&:not(:disabled):hover{cursor:pointer;&.badge-secondary{background-color:var(--color-coconut-800)}&.badge-primary{background-color:var(--color-sapphire-300)}&.badge-success{background-color:var(--color-forest-200)}&.badge-warning{background-color:var(--color-autumn-100)}&.badge-danger{background-color:var(--color-rose-200)}}}.page-header{color:var(--color-obsidian-600);.page-header-breadcrumbs{margin-bottom:var(--spacing-24)}.page-header-container{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-16) var(--spacing-40);flex-wrap:wrap}.page-header-heading,.page-header-subheading,.page-header-body{word-break:break-word;display:block;margin-bottom:var(--spacing-16);&:last-child{margin:0}}.page-header-start-column{width:var(--width-medium)}.page-header-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-8)}.page-header-end-column{display:flex;gap:var(--spacing-12)}.page-header-separator{margin-bottom:0}}.spinner{display:inline-block;box-sizing:border-box;border-style:solid;border-radius:50%;animation:spin 1s linear infinite;&.spinner-medium{border-width:2px;width:1.5rem;height:1.5rem}&.spinner-large{border-width:7px;width:4rem;height:4rem}&.spinner-secondary{border-color:var(--color-obsidian-50);border-bottom-color:var(--color-obsidian-500)}&.spinner-primary{border-color:var(--color-sapphire-200);border-bottom-color:var(--color-sapphire-600)}&.spinner-danger{border-color:var(--color-rose-100);border-bottom-color:var(--color-rose-600)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;box-sizing:border-box;border-style:solid;border-radius:50%;animation:spin 1s linear infinite;&.spinner-medium{border-width:2px;width:1.5rem;height:1.5rem}&.spinner-large{border-width:7px;width:4rem;height:4rem}&.spinner-secondary{border-color:var(--color-obsidian-50);border-bottom-color:var(--color-obsidian-500)}&.spinner-primary{border-color:var(--color-sapphire-200);border-bottom-color:var(--color-sapphire-600)}&.spinner-danger{border-color:var(--color-rose-100);border-bottom-color:var(--color-rose-600)}}@keyframes spin{to{transform:rotate(360deg)}}.button{position:relative;font-family:Red Hat Text,Helvetica,Arial,sans-serif;background:transparent;appearance:none;display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background-color .1s,color .1s,border-color .1s;box-sizing:border-box;font-weight:var(--font-weight-medium);outline:none;&:focus-visible{box-shadow:var(--box-shadow-focus-outline)}.button-contents{display:flex;gap:.5rem;justify-content:center;align-items:center;text-align:center}&.button-loading{.button-spinner{position:absolute}.button-contents{visibility:hidden}}&.button-loading,&.button-disabled{pointer-events:none;cursor:none}&.button-sm{font-size:var(--font-size-sm);line-height:var(--font-size-sm);min-height:36px;padding:0 1rem;border-radius:var(--border-radius-sm)}&.button-md{font-size:var(--font-size-base);line-height:var(--font-size-base);min-height:44px;padding:0 1rem;border-radius:var(--border-radius-default)}&.button-lg{font-size:var(--font-size-lg);line-height:var(--font-size-lg);min-height:56px;padding:0 1rem;border-radius:var(--border-radius-default)}&.button-primary{--text-color: var(--color-sapphire-100);--bg-color: var(--color-sapphire-500);--bg-hover-color: var(--color-sapphire-600);--bg-disabled-color: var(--color-sapphire-300);background:var(--bg-color);border-color:var(--bg-color);color:var(--text-color);&:hover{background:var(--bg-hover-color);border-color:var(--bg-hover-color)}&.button-loading,&.button-disabled{background:var(--bg-disabled-color);border-color:var(--bg-disabled-color)}}&.button-secondary{--text-color: var(--color-obsidian-500);--text-disabled-color: var(--color-obsidian-100);--border-color: var(--color-obsidian-50);--bg-color: var(--color-coconut-50);--bg-hover-color: var(--color-coconut-300);background:var(--bg-color);border-color:var(--border-color);color:var(--text-color);&:hover{background:var(--bg-hover-color);border-color:var(--border-color)}&.button-loading,&.button-disabled{color:var(--text-disabled-color)}}&.button-danger{--text-color: var(--color-rose-100);--bg-color: var(--color-rose-600);--bg-hover-color: var(--color-rose-700);--bg-disabled-color: var(--color-rose-200);background:var(--bg-color);border-color:var(--bg-color);color:var(--text-color);&:hover{background:var(--bg-hover-color);border-color:var(--bg-hover-color)}&.button-loading,&.button-disabled{background:var(--bg-disabled-color);border-color:var(--bg-disabled-color)}}&.button-ghost{--text-color: var(--color-obsidian-500);--text-hover-color: var(--color-sapphire-600);--text-disabled-color: var(--color-obsidian-100);color:var(--text-color);&:hover{color:var(--text-hover-color)}&.button-loading,&.button-disabled{color:var(--text-disabled-color)}}}.checkbox{display:block;user-select:none;.checkbox-custom-input{display:flex;align-items:center;justify-content:center;height:18px;width:18px;margin-top:2px;flex-shrink:0;border-radius:var(--border-radius-sm);border:1px solid var(--color-obsidian-200);background-color:var(--color-coconut-50);color:var(--color-sapphire-500);transition:border-color .2s,background-color .2s}.checkbox-native-input{position:absolute;height:1px;width:1px;appearance:none;outline:none;&:focus-visible+.checkbox-custom-input{box-shadow:var(--box-shadow-focus-input);border-color:var(--color-sapphire-500)}}.checkbox-main-container,.checkbox-error-container{display:flex;gap:var(--spacing-8)}.checkbox-error-container{margin-top:var(--spacing-4);color:var(--color-rose-600)}.checkbox-main-container{max-width:fit-content;color:var(--color-obsidian-800)}.checkbox-hint{display:block;color:var(--color-obsidian-400);margin-top:2px;margin-left:28px}.checkbox-error-icon{margin-top:1px;flex-shrink:0}.checkbox-native-input:checked+.checkbox-custom-input,&.checkbox-indeterminate .checkbox-custom-input{border-color:var(--color-sapphire-500);background-color:var(--color-sapphire-100)}.checkbox-icon{display:none}.checkbox-native-input:checked+.checkbox-custom-input .checkbox-icon,&.checkbox-indeterminate .checkbox-icon{display:block}.checkbox-native-input:disabled+.checkbox-custom-input{border-color:var(--color-denim-200);background-color:var(--color-sapphire-100);color:var(--color-denim-200)}.checkbox-main-container:not(:has(:disabled)){cursor:pointer;&:hover .checkbox-custom-input{border-color:var(--color-sapphire-500);background-color:var(--color-sapphire-200)}}.checkbox-label{cursor:inherit}&.checkbox-error{.checkbox-native-input+.checkbox-custom-input{border-color:var(--color-rose-600);background-color:var(--color-rose-100);color:var(--color-rose-600)}.checkbox-native-input:disabled+.checkbox-custom-input{border-color:var(--color-rose-200);background-color:var(--color-rose-100);color:var(--color-rose-200)}.checkbox-native-input:focus-visible+.checkbox-custom-input{box-shadow:var(--box-shadow-focus-input-invalid);border-color:var(--color-rose-600)}.checkbox-main-container:not(:has(:disabled)):hover .checkbox-custom-input{border-color:var(--color-rose-600);background-color:var(--color-rose-200)}}}.text{padding:0;margin:0;&.text-font-weight-regular{font-weight:var(--font-weight-normal)}&.text-font-weight-medium{font-weight:var(--font-weight-medium)}&.text-font-weight-bold{font-weight:var(--font-weight-bold)}&.text-font-type-heading{font-family:var(--font-family-display),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-6xl);line-height:var(--line-height-6xl)}&.text-size-large{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}&.text-size-medium{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}&.text-size-small{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}&.text-size-xsmall{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}}&.text-font-type-text{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}&.text-size-large{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}&.text-size-medium{font-size:var(--font-size-base);line-height:var(--line-height-base)}&.text-size-small{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}&.text-size-xsmall{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}}}.tooltip{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;display:inline-flex;position:relative;&,>*{outline:none;&:focus-visible{box-shadow:var(--box-shadow-focus-outline)}}}.tooltip-popup{width:max-content;padding:var(--spacing-12);border-radius:var(--border-radius-default);background-color:var(--color-denim-700);fill:var(--color-denim-700);box-shadow:0 10px 19px #0709160f;z-index:9999;&,a{color:var(--color-coconut-50)}.tooltip-header{display:block;margin-bottom:var(--spacing-4)}&.tooltip-width-small{max-width:var(--width-small)}&.tooltip-width-medium{max-width:var(--width-medium)}&.tooltip-size-small{border-radius:var(--border-radius-sm);padding:var(--spacing-4) var(--spacing-8)}&.tooltip-size-default{padding:var(--spacing-12)}&.tooltip-width-large{max-width:var(--width-large)}&.tooltip-visible{scale:1}&.tooltip-hidden{scale:0}}:root{--column-width: 0}.table-container{--gradient: transparent 0, #07091617 120%;position:relative;overflow:hidden;border-radius:var(--border-radius-default);border:1px solid var(--color-coconut-800);.table-scroll-container{overflow:auto}&.table-sticky-header{max-height:fit-content;.table-scroll-container{max-height:100%}th{position:sticky;top:0}}&.table-sticky-column{th:first-child,tbody td:first-child{position:sticky;left:0;.table-shadow-left &{border-right:1px solid var(--color-coconut-800)}}th:first-child{z-index:1}}&.table-full,&.table-small,&.table-medium,&.table-large,&.table-xlarge{width:100%}&.table-small{max-width:var(--width-small)}&.table-medium{max-width:var(--width-medium)}&.table-large{max-width:var(--width-large)}&.table-xlarge{max-width:var(--width-xlarge)}&.table-fit{width:fit-content}&.table-shadow-left:before,&.table-shadow-right:after,&.table-shadow-header th:after{content:"";pointer-events:none;position:absolute}&.table-shadow-left:before,&.table-shadow-right:after{top:0;width:var(--spacing-24);height:100%;z-index:1}&.table-shadow-left:before{left:var(--column-width, 0);background:linear-gradient(to left,var(--gradient))}&.table-shadow-right:after{right:0;background:linear-gradient(to right,var(--gradient))}&.table-shadow-header th:after{left:0;background:linear-gradient(to top,var(--gradient));width:100%;height:var(--spacing-24)}}.table{--padding: var(--spacing-12);color:var(--color-obsidian-800);border-collapse:separate;border-spacing:0;width:100%;caption,th,td{text-align:left;vertical-align:top;background-color:var(--color-coconut-50);border-bottom:1px solid var(--color-coconut-400)}caption,td{padding:var(--padding)}th,td{&:empty:after,.table-header:empty:after{content:" "}}>:last-child tr:last-child{th,td{border-bottom:none}}th{white-space:nowrap;.table-header{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--padding)}button.table-header{cursor:pointer;width:100%;appearance:none;border:none;outline:none;background-color:transparent;color:inherit;font:inherit;&:hover{background-color:var(--color-coconut-200)}&:focus-visible{box-shadow:inset 0 0 0 2px var(--color-sapphire-300);transition:box-shadow .2s;th:first-child &{border-top-left-radius:var(--border-radius-default)}th:last-child &{border-top-right-radius:var(--border-radius-default)}}}.table-sort-indicator{transition:all .2s}&[aria-sort=descending] .table-sort-indicator{transform:rotate(180deg)}.table-tooltip{border-radius:50%;&:focus-visible{box-shadow:var(--box-shadow-focus-outline)}}}}th.table-select,td.table-select{width:var(--spacing-4)}td.table-actions{padding:.375rem var(--spacing-8);.table-actions-content{display:flex;justify-content:end;gap:var(--spacing-8)}}tbody tr:hover td:not(.table-body-full-span){background-color:var(--color-coconut-200)}caption{position:sticky;z-index:2;.table-caption{position:sticky;left:var(--padding)}}tfoot{td:has(.table-pagination){height:3.25rem;padding:0}.table-pagination{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;overflow:hidden;background-color:var(--color-coconut-50);border-top:1px solid var(--color-coconut-400);height:3.25rem;padding:0 var(--spacing-8);z-index:2}}.table-body-alert{width:100%;display:flex;flex-direction:column;align-items:center;.table-body-alert-text{text-align:center}.table-body-alert-actions{display:flex;gap:var(--spacing-16)}&.table-body-alert-variant-primary .table-body-alert-icon{color:var(--color-sapphire-600)}&.table-body-alert-variant-secondary .table-body-alert-icon{color:var(--color-obsidian-800)}&.table-body-alert-variant-warning .table-body-alert-icon{color:var(--color-autumn-400)}&.table-body-alert-variant-danger .table-body-alert-icon{color:var(--color-rose-600)}&.table-body-alert-variant-success .table-body-alert-icon{color:var(--color-forest-600)}}td.table-body-full-span{box-sizing:border-box;height:16.25rem;padding-top:var(--spacing-40);padding-bottom:var(--spacing-48);vertical-align:middle;.table-body-full-span-wrapper{text-align:center}}.text{padding:0;margin:0;&.text-font-weight-regular{font-weight:var(--font-weight-normal)}&.text-font-weight-medium{font-weight:var(--font-weight-medium)}&.text-font-weight-bold{font-weight:var(--font-weight-bold)}&.text-font-type-heading{font-family:var(--font-family-display),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-6xl);line-height:var(--line-height-6xl)}&.text-size-large{font-size:var(--font-size-5xl);line-height:var(--line-height-5xl)}&.text-size-medium{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}&.text-size-small{font-size:var(--font-size-3xl);line-height:var(--line-height-3xl)}&.text-size-xsmall{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}}&.text-font-type-text{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;&.text-size-xlarge{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}&.text-size-large{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}&.text-size-medium{font-size:var(--font-size-base);line-height:var(--line-height-base)}&.text-size-small{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}&.text-size-xsmall{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}}}.tooltip{font-family:var(--font-family-text),Helvetica,Arial,sans-serif;display:inline-flex;position:relative;&,>*{outline:none;&:focus-visible{box-shadow:var(--box-shadow-focus-outline)}}}.tooltip-popup{width:max-content;padding:var(--spacing-12);border-radius:var(--border-radius-default);background-color:var(--color-denim-700);fill:var(--color-denim-700);box-shadow:0 10px 19px #0709160f;z-index:9999;&,a{color:var(--color-coconut-50)}.tooltip-header{display:block;margin-bottom:var(--spacing-4)}&.tooltip-width-small{max-width:var(--width-small)}&.tooltip-width-medium{max-width:var(--width-medium)}&.tooltip-size-small{border-radius:var(--border-radius-sm);padding:var(--spacing-4) var(--spacing-8)}&.tooltip-size-default{padding:var(--spacing-12)}&.tooltip-width-large{max-width:var(--width-large)}&.tooltip-visible{scale:1}&.tooltip-hidden{scale:0}}*,
::before,
::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}html {
  font-family: var(--font-family-text), Helvetica, Arial, sans-serif;
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}body {
  color: var(--color-obsidian-800);
  background-color: var(--color-coconut-200);
}b {
  font-weight: 500;
}fieldset {
  border-width: 0;
}.button {
  white-space: nowrap;
}.app-container {
  max-width: 80rem;
  padding: 0 var(--spacing-24);
  margin: 0 auto;

  @media (width >= 768px) {
    padding: 0 var(--spacing-40);
  }
}.app-mb {
  margin-bottom: var(--spacing-24);

  @media (width >= 768px) {
    margin-bottom: var(--spacing-40);
  }
}.section-mb {
  margin-bottom: var(--spacing-16);

  @media (width >= 768px) {
    margin-bottom: var(--spacing-24);
  }

  &:last-child {
    margin-bottom: 0;
  }
}.section-mt {
  margin-top: var(--spacing-16);

  @media (width >= 768px) {
    margin-top: var(--spacing-24);
  }

  &:first-child {
    margin-top: 0;
  }
}.section-gap {
  gap: var(--spacing-16);

  @media (width >= 768px) {
    gap: var(--spacing-24);
  }
}.buttons {
  display: flex;
  gap: var(--spacing-16);

  button[name=edit] {
    order: 3;
  }
}.page-header-badges .badge {
  padding: 0 var(--spacing-8);
}
.popover {
  box-shadow: var(--box-shadow-md);

  .popover-heading {
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-lg);
    line-height: var(--line-height-lg);

    &:not(:last-child) {
      margin-bottom: var(--spacing-16);
    }
  }

  .popover-close {
    float: right;
    margin: -0.5rem -0.5rem var(--spacing-4) var(--spacing-4);
  }
}
.downloads-popover {
  overflow-y: auto;
  width: var(--width-small);
  max-height: calc(100vh - 4.5rem);

  @media (height >= 54.5rem) {
    max-height: 50rem;
  }

  .downloads-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-20);
  }

  .downloads-list-item {
    display: flex;
    gap: var(--spacing-20);

    &:has(.downloading) + &:has(.error),
    &:has(.downloading) + &:has(.downloaded) {
      border-top: 1px solid var(--color-coconut-800);
      padding-top: var(--spacing-16);
    }

    .downloads-avatar {
      flex-shrink: 0;
      color: var(--color-obsidian-800);
      margin-top: var(--spacing-4);
    }

    .downloads-download {
      width: 100%;
    }

    .downloads-name {
      font-weight: var(--font-weight-medium);
      margin-bottom: var(--spacing-4);
    }

    .downloads-status {
      display: flex;
      font-size: var(--font-size-sm);
      line-height: var(--line-height-sm);
      gap: var(--spacing-4);

      .downloads-icon {
        flex-shrink: 0;
      }

      .downloads-time {
        color: var(--color-obsidian-400);
        margin-left: auto;
      }

      &.downloading {
        color: var(--color-obsidian-400);

        .downloads-icon {
          color: var(--color-obsidian-800);
          transform: rotate(-90deg);
        }
      }

      &.downloaded {
        color: var(--color-forest-600);
      }

      &.error {
        color: var(--color-rose-600);
      }
    }
  }
}
.form-card {
  display: flex;
  flex-direction: column;
}
.form-tooltip-header {
  font-weight: var(--font-weight-medium);
  margin-top: var(--spacing-20);

  .tooltip-arrow + & {
    margin-top: 0;
  }
}

.form-tooltip-list {
  list-style-position: inside;
  margin-left: var(--spacing-8);
}

.form-tooltip-tr {
  display: table-row;
}

.form-tooltip-td {
  display: table-cell;
  padding-right: var(--spacing-8);

  &:last-child {
    padding-right: 0;
  }
}
.input-group {
  display: flex;
  gap: var(--spacing-24);
}

.input-group-label {
  display: block;
  font-weight: var(--font-weight-medium);
  margin-bottom: var(--spacing-4);
}
.page-alert {
  margin: var(--spacing-40) auto 0;

  @media (height >= 320px) {
    margin-top: var(--spacing-96);
  }
}
.page-spinner {
  margin-top: var(--spacing-40);
  text-align: center;

  @media (height >= 320px) {
    margin-top: var(--spacing-96);
  }
}
.table-search-input {
  width: 25rem;
  max-width: calc(100vw - 3rem);
}
.modal-form-body {
  display: flex;
  flex-direction: column;
}
.accounts-table-description {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  color: var(--color-obsidian-400);
}
.prepare-report-error {
  color: var(--color-rose-600);
  margin-top: var(--spacing-4);
}

.prepare-report-tooltip-list li {
  white-space: pre-wrap;
  margin-left: var(--spacing-24);
}
.schedule-tooltip-header {
  font-weight: var(--font-weight-medium);
  margin-top: var(--spacing-20);

  .tooltip-arrow + & {
    margin-top: 0;
  }
}

.schedule-tooltip-list {
  margin-left: var(--spacing-24);
}

.schedule-tooltip-tr {
  display: table-row;
}

.schedule-tooltip-td {
  display: table-cell;
  padding-right: var(--spacing-8);

  &:last-child {
    padding-right: 0;
  }
}

.schedule-alert {
  margin-top: -0.5rem;

  @media (width >= 768px) {
    margin-top: -1rem;
  }

  .schedule-alert-heading {
    font-weight: var(--font-weight-medium);
  }

  .schedule-alert-schedule {
    display: table-row;

    > span {
      display: table-cell;
      padding-right: var(--spacing-8);

      &:first-child {
        text-transform: capitalize;
      }
    }
  }

  &.alert-info svg {
    display: none;
  }
}

.schedule-form-email {
  margin-bottom: var(--spacing-12);

  .form-element-wrapper {
    display: inline-block;
    width: calc(100% - 2.75rem);

    &.only-email {
      width: 100%;
    }
  }

  .tooltip {
    vertical-align: bottom;
    margin-bottom: var(--spacing-4);
    margin-left: var(--spacing-8);
  }
}
.reports-filter {
  display: flex;
  flex-wrap: wrap;

  .reports-category {
    width: 16rem;
    max-width: calc(100vw - 3rem);
  }
}

.reports-table {
  .favorite-cell {
    padding: 0.375rem var(--spacing-8);
  }

  .actions-cell a {
    padding-right: var(--spacing-8);
  }
}
.report-specs-table {
  --expand-column-width: 2.75rem;

  .expand-header {
    width: var(--expand-column-width);

    .table-header {
      padding: 0.375rem var(--spacing-8);
      padding-right: 0;
    }
  }

  .expand-cell {
    width: var(--expand-column-width);
    padding-right: 0;

    .expanded {
      transform: rotate(180deg);
    }
  }

  .header-cell {
    font-weight: var(--font-weight-medium);
  }

  .date-cell {
    white-space: nowrap;
  }

  .uuid-container {
    display: flex;

    .uuid {
      display: block;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      width: var(--spacing-64);
    }

    .uuid-tooltip,
    .uuid-actions {
      margin: -0.375rem 0;
    }

    .uuid-tooltip {
      padding-top: 0.375rem;
    }

    .uuid-actions {
      display: flex;
      gap: var(--spacing-8);
      margin-left: var(--spacing-4);
    }
  }
}
