@navinc/base-react-components

!border-error !border-solid !select-text !text-inherit !text-onSurface * -ml-25 -translate-x-1/2 -z-10 [&:not(:last-child)]:border-b [&>.invisible]:gap-100 [&>.invisible]:gap-25 [&>.invisible]:gap-50 [&_.nav-icon]:h-[var(--nav-icon-size-large)] [&_.nav-icon]:h-[var(--nav-icon-size-medium)] [&_.nav-icon]:h-[var(--nav-icon-size-small)] [&_.nav-icon]:text-[length:--nav-icon-size-large] [&_.nav-icon]:text-[length:--nav-icon-size-medium] [&_.nav-icon]:text-[length:--nav-icon-size-small] [&_.nav-icon]:w-[var(--nav-icon-size-large)] [&_.nav-icon]:w-[var(--nav-icon-size-medium)] [&_.nav-icon]:w-[var(--nav-icon-size-small)] [&_:is(td,th)]:py-100 [&_tr:not(:last-child)]:border-b [&_tr]:!border-solid [&_tr]:border-0 [&_tr]:border-b-outlineVariant [grid-area:body-text] [grid-area:close-button] [grid-area:description-text] [grid-area:mainLabel] [grid-area:subLabel] [grid-area:title-text] [grid-area:variation-icon] [grid-column:span_2] absolute active:aria-[pressed=true]:bg-inverseSurface active:bg-[rgb(27,27,31)]/8 active:bg-gradient-to-b active:border-b-2 active:border-b-outlineVariant active:enabled:border-primary active:from-25% active:from-[rgb(18,16,39)]/30 active:from-[rgb(20,6,56)]/30 active:from-[rgb(27,27,31)]/8 active:opacity-60 active:scale-[0.96] active:shadow-[0_0_0_1px_#000] active:shadow-buttonActive active:text-onError/60 active:text-onPrimary/60 active:text-onPrime/60 active:text-onSurface/60 active:to-100% active:to-[rgb(27,27,31)]/8 active:to-[rgb(66,111,156)]/0 active:to-[rgb(67,52,135)]/0 active:via-75% active:via-[rgb(66,111,156)]/30 active:via-[rgb(67,52,135)]/30 animate-[fadeOut_1.5s_ease_0.15s_infinite] animate-[fadeOut_1.5s_ease_0.3s_infinite] animate-[fadeOut_1.5s_ease_infinite] animate-[shimmer_2.5s_infinite_linear] animate-drawer-in animate-drawer-out antialiased aria-[pressed=true]:bg-onSurface aria-[pressed=true]:text-inverseOnSurface backdrop-blur-[2px] backdrop-blur-md backdrop-filter bg-[length:200%_100%] bg-clip-text bg-current bg-errorBright bg-errorContainer bg-gradient-to-b bg-gradient-to-r bg-infoContainer bg-inverseOnSurface bg-inverseSurface bg-none bg-onSurface bg-onSurfaceDim bg-outline bg-outline/50 bg-outlineVariant bg-primary bg-primary-linear-gradient bg-primaryContainer bg-prime bg-successContainer bg-superContainer bg-surface bg-surface/60 bg-surfaceContainer bg-surfaceContainerHigh bg-surfaceContainerHighest bg-surfaceContainerLowest bg-surfaceContainerLowest/50 bg-surfaceDim bg-transparent bg-warnContainer bg-white block blur body1 body1-emphasized body2 body2-emphasized border border-0 border-b border-b-outlineVariant border-b-transparent border-collapse border-none border-onSurface border-outlineVariant border-primary border-solid border-t border-transparent bottom-0 bottom-500 break-words capitalize caption1 caption1-emphasized caption2 collapse container contents cursor-pointer data-[highlighted]:bg-onSurface/[0.055] data-[state=active]:border-b-2 data-[state=active]:border-onSurface data-[state=active]:text-onSurface data-[state=checked]:bg-onPrimary data-[state=checked]:bg-onSurface/[0.055] data-[state=checked]:bg-primary data-[state=checked]:ring-onPrimaryContainer data-[state=checked]:shadow-[inset_0_1px_0.5px_0_rgba(255,255,255,0.6)] data-[state=closed]:animate-[radixAccordionUp_300ms_cubic-bezier(0.87,0,0.13,1)] data-[state=open]:animate-[radixAccordionDown_300ms_cubic-bezier(0.87,0,0.13,1)] data-[state=open]:border-primary data-[state=unchecked]:group-active:bg-gradient-to-t data-[state=unchecked]:group-active:bg-outline data-[state=unchecked]:group-active:from-onSurface/8 data-[state=unchecked]:group-active:ring-onSurfaceDim data-[state=unchecked]:group-active:to-onSurface/8 data-[state=unchecked]:group-hover:bg-outline/50 data-[state=unchecked]:group-hover:to-onSurface/8 decoration-1 decoration-[1px] decoration-current decoration-dashed decoration-onSurfaceVariant disabled:[&_.nav-icon]:text-outline/50 disabled:bg-[rgb(27,27,31)]/4 disabled:bg-surfaceDim disabled:border-outline/50 disabled:border-outlineVariant disabled:drop-shadow disabled:fill-onSurfaceDim disabled:from-transparent disabled:hover:bg-none disabled:no-underline disabled:pointer-events-none disabled:shadow-none disabled:text-onSurfaceDim disabled:text-onSurfaceVariant disabled:to-transparent display1 display1-emphasized display2 display2-emphasized drop-shadow duration-100 ease-in-out ease-out enabled:active:bg-[image:linear-gradient(rgba(94,_93,_103,_0.08)_0%,_rgba(94,_93,_103,_0.08)_100%)] enabled:bg-[image:linear-gradient(rgba(255,_255,_255,_0.2)_0%,_rgba(27,_27,_31,_0)_100%)] enabled:data-[state=checked]:[&_.nav-icon]:text-onPrimary enabled:data-[state=checked]:active:shadow-[rgb(173,_171,_174)_0px_0px_0px] enabled:data-[state=checked]:active:shadow-none enabled:data-[state=checked]:bg-[image:linear-gradient(rgba(217,_214,_255,_0.2)_0%,_rgba(94,_77,_178,_0)_100%)] enabled:data-[state=checked]:bg-primary enabled:data-[state=checked]:border-primary enabled:data-[state=checked]:hover:bg-[image:linear-gradient(rgba(217,_214,_255,_0.3)_0%,_rgba(94,_77,_178,_0)_100%)] enabled:data-[state=checked]:hover:border-primary enabled:data-[state=checked]:hover:shadow-[rgba(173,_171,_174,_0.5)_0px_0px_0px] enabled:data-[state=checked]:hover:shadow-[rgba(219,_217,_228,_0.8)_0px_1px_0.5px_0px_inset] enabled:data-[state=checked]:shadow-[rgba(219,_217,_228,_0.6)_0px_1px_0.5px_0px_inset] enabled:hover:bg-[image:linear-gradient(rgba(255,_255,_255,_0)_0%,_rgba(94,_93,_103,_0.08)_100%)] filter fixed flex flex-1 flex-col flex-grow flex-nowrap flex-row flex-shrink flex-shrink-0 flex-wrap focus-visible:border-b-2 focus-visible:border-b-outlineVariant focus:border-b-2 focus:border-b-outlineVariant focus:border-primary focus:enabled:border-primary font-[inherit] font-inherit font-medium font-semibold from-10% from-25% from-[rgb(106,209,227)]/30 from-onSurfaceVariant from-surface/0 from-surfaceContainer/0 gap-0 gap-100 gap-150 gap-200 gap-25 gap-300 gap-400 gap-50 gap-75 gap-x-25 gap-y-200 grayscale grid grid-cols-1 group-aria-[pressed=true]/chip:text-onSurfaceDim group-data-[state=checked]/wf-checkbox:text-onPrimary group-disabled/chip:text-onSurfaceDim group-disabled/select-trigger:text-onSurfaceDim group-disabled/wf-button:no-underline group-disabled/wf-checkbox:[&&]:text-outline/50 group-enabled/wf-checkbox:group-hover/wf-checkbox:visible group-hover/wf-button:underline grow h-100 h-25 h-250 h-300 h-50 h-[0.5em] h-[190px] h-[1px] h-[inherit] h-fit h-full h-px headline hidden hover:aria-[pressed=true]:bg-[linear-gradient(180deg,#3E3E43_-14.58%,theme(colors.onSurface)_112.5%)] hover:bg-gradient-to-b hover:bg-onSurface/[0.055] hover:border-b-2 hover:border-b-outlineVariant hover:border-inversePrimary hover:border-outline hover:enabled:border-outline hover:from-25% hover:from-75% hover:from-[rgb(152,145,222)]/30 hover:from-[rgb(189,241,250)]/30 hover:from-[rgb(242,139,130)]/30 hover:from-white/0 hover:to-100% hover:to-[rgb(216,48,37)]/0 hover:to-[rgb(220,248,253)]/0 hover:to-[rgb(27,27,31)]/4 hover:to-[rgb(94,77,178)]/0 hover:via-25% hover:via-75% hover:via-[rgb(159,231,244)]/30 hover:via-[rgb(216,48,37)]/30 hover:via-[rgb(94,77,178)]/30 inline inline-block inline-flex inset-0 invisible italic items-center items-end items-start items-stretch justify-between justify-center justify-end justify-self-end justify-start laptop:grid-cols-6 laptop:p-600 laptop:w-[320px] leading-[inherit] left-1/2 light lowercase m-0 max-h-[120px] max-h-[80vh] max-h-[var(--radix-select-content-available-height)] max-w-[300px] max-w-[600px] max-w-[inherit] max-w-fit mb-auto min-h-0 min-h-300 min-h-350 min-h-400 min-h-600 min-h-[44px] min-h-[48px] min-h-[auto] min-w-1000 min-w-300 min-w-500 min-w-[140px] min-w-[auto] min-w-[var(--radix-select-trigger-width)] ml-150 mr-150 mr-[1px] mt-100 mt-150 mt-200 mt-300 mx-100 mx-[0.3em] mx-auto my-100 my-150 my-25 my-50 my-[0.25em] outline outline-none overflow-auto overflow-hidden overflow-x-auto overflow-y-auto p-0 p-100 p-150 p-200 p-75 pb-150 pb-200 pb-300 pb-50 placeholder:text-onSurfaceDim pointer-events-none pt-150 pt-300 px-0 px-100 px-150 px-200 px-300 px-75 py-0 py-100 py-150 py-200 py-50 py-75 py-[1px] relative resize resize-none ring ring-1 ring-onSurfaceDim/50 ring-outlineVariant rounded-100 rounded-200 rounded-300 rounded-400 rounded-500 rounded-[5px] rounded-full rounded-t-400 scale-75 self-end self-start shadow-[0_0_0_1px_rgb(66_111_156/100%),0_1px_0.5px_0_rgb(220_248_253/30%)_inset,0_-1px_0.5px_0_rgb(18_16_39/30%)_inset,0_1px_0.5px_0_rgb(255_255_255/50%)_inset,0_0_0_1px_rgb(220_219_220/100%)] shadow-[0_1px_0.5px_0_rgb(255_255_255/60%)_inset,0_-1px_0.5px_0_rgb(0_0_0/20%)_inset,0_0_0_1px_hsl(var(--twc-onErrorContainer))] shadow-[0_1px_0.5px_0_rgb(255_255_255/60%)_inset,0_-1px_0.5px_0_rgb(0_0_0/20%)_inset,0_0_0_1px_hsl(var(--twc-onPrimaryContainer))] shadow-elevation1 shadow-elevation2 shadow-elevation3 shrink-0 sticky table tablet:bottom-300 tablet:flex-[1_0_0] tablet:flex-row tablet:grid-cols-2 tablet:h-auto tablet:items-center tablet:p-400 tablet:right-300 tablet:w-[520px] text-[16px] text-[20px] text-[24px] text-body2 text-center text-error text-errorBright text-headline text-inherit text-inverseOnSurface text-left text-onError text-onErrorContainer text-onInfoContainer text-onPrimary text-onPrimaryContainer text-onPrime text-onSuccessContainer text-onSuperContainer text-onSurface text-onSurfaceDim text-onSurfaceVariant text-onWarnContainer text-outline text-primary text-primaryDim text-surfaceBright text-title3 text-transparent text-warnBright text-wrap title1 title1-emphasized title2 title2-emphasized title3 title3-emphasized to-[30%] to-[99.22%] to-[rgb(48,71,119)]/30 to-onSurface/4 to-onSurfaceVariant to-surface top-0 transform transition transition-all underline underline-offset-[3px] uppercase via-[15%] via-outlineVariant visible w-100 w-300 w-500 w-[0.5em] w-[200px] w-[260px] w-[280px] w-[288px] w-[300px] w-[96%] w-auto w-fit w-full whitespace-nowrap z-10 z-30 z-[1000]