@font-face { font-style: normal; font-family: RRUnicode; src: url(data:font/woff2;base64,d09GMk9UVE8AAAQcAAoAAAAAB2QAAAPSAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYVDHAoGYABoATYCJAOBEAQGBYQKByAbrgYjETVyMPKS/TOBN8M6woGQIFy5WlxB0K0WPOlezndFiCHgsCWLh//G8d03X2ASsrDrtD7dIUppU4NS/lnVaX7abz4sMxVM75uDp6k05MDvMEuJlojEpbi2uAAYtbXH5cXuEBs2puGHTUzakIIXvAk9xHT+sOk0mbT4wTX121/gSJ70BXMRoVGBhTLrprYBjgc4tQnTFGBnxIL9x4TCJDC/7vobaVZoFSefcX3cKQ1ythy8rHEpxOV1ujwp7MwnnaAzPTUvel10cVRzwdetr9b3wBVRWtM8ooxJk88pvEsIZ3AV2psPmvXGyNNtDodNUh+D8uwAob8Ncm2wW6aGqmD8M34n3or3rCahQKEixUqUKlOuQqUq1WrU2rVn34FDR46dOHXm3IVLV655ePn4BQSFhEWg0Vg8kUQMy/GCKMmKqumGaaXSmWwuXyjWvxedWT115fBhlhXMfklOATtgNXKKprBEmIMR1SjBi2jUeqiCFGAA25pVLFMwCwgUDPkzhBLid/yNG58RTWAE1TYLQDghIfXpd4fcFfH73IvhbZGXF28tLW2th9fcYjlbZDnBJ1lWAb/ll3KfP+wWf8pLXGuR9a2lxW2Bl5dshZfcwvd5jxyNRnAPslhVEGJAwXNE9Z3JTyAARUPBjKBZgRH25kY4HkK3OLQRMIuJpGZe1iQUT6HQUc53toT26TiU8+Xbi2vrW5El12RPLHaHw27fkn9LZMaEHJI0Bujb8U1UPQhHSM+BRUWhhCX68CzKC7aTS4WL4jlCZkXSX/DaTOA08VS9fygRfBBnqcuFhfb/0jJcWsHvaplJ/j/YYHlh2o9vipSmD+kusOVNjHv4mAQUIWs6nItbWx/3sOGZGDp688K24HBbXRSn9v/oJQclFKCRo6JXI6ebQLVSblGxXojm22Ji+J+p/ARWVmminyz3AUV5k/8Oa6oEZznPjE4rKvPFvYO5V3/n990rZxxLyQQOxn4cePp8ojmfpteUJm1GX3C48G4g3c0n+TA93R5H6p+o+HmQLy8+WQf7YPUQ1N8X6g2lF6NM352P7AU6FJ6EQrViUGSK3rtYrQ6HKCwTBLmCpNonKDBnDYV6/UCRJ34jxXrj5m9KYGwcYqEwbklT4z/Z8IdW8o4HwyYlnvqJDTqqUDJJfD/iWM3oltqYjmp4hj08kpAsSZr855317A3RVEFVYXUxVjfWUTLAQVjj04Y3Nz7cM5o3S/INq5g88e+wgSFvp4hSN0GwgRp18hKTYjvC0XKNT+4qacMNgjXYbGg5T6KSXHbkktqZvDyjA9jyjykAAAA=) format("woff2"); unicode-range: U+2B73, U+2B72, U+2B71; } @layer theme { :root { --rui-dimension-border-width-1: 1px; --rui-dimension-breakpoint-xs: 0; --rui-dimension-breakpoint-sm: 36em; --rui-dimension-breakpoint-md: 48em; --rui-dimension-breakpoint-lg: 66em; --rui-dimension-breakpoint-xl: 84em; --rui-dimension-breakpoint-x2l: 100em; --rui-dimension-breakpoint-x3l: 120em; --rui-dimension-radius-1: 0; --rui-dimension-radius-2: 0.2142857143rem; --rui-dimension-space-0: 0; --rui-dimension-space-1: 0.25rem; --rui-dimension-space-2: 0.5rem; --rui-dimension-space-3: 0.75rem; --rui-dimension-space-4: 1rem; --rui-dimension-space-5: 1.5rem; --rui-dimension-space-6: 2rem; --rui-dimension-space-7: 3rem; --rui-font-family-base: RRUnicode, system-ui, -apple-system, Segoe UI, roboto, Helvetica Neue, arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; --rui-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; --rui-font-weight-base: 400; --rui-font-weight-light: 400; --rui-font-weight-bold: 700; --rui-ratio-opacity-medium: 0.5; --rui-shadow-1: 0 0.1rem 0.5rem rgba(0, 0, 0, 0.2); --rui-shadow-2: 0 0.125rem 0.8rem rgba(0, 0, 0, 0.2); --rui-font-size-base: 87.5%; --rui-font-size-small: 0.857rem; --rui-font-size-smaller: 0.786rem; --rui-font-size-code: 85.7%; --rui-font-size-1: 1rem; --rui-font-size-2: 1.143rem; --rui-font-size-3: 1.286rem; --rui-font-size-4: 1.5rem; --rui-font-size-5: 2rem; --rui-font-size-6: 3rem; --rui-line-height-base: 1.5; --rui-line-height-small: 1.5; --rui-underline-offset-link: 0.1875em; --rui-text-decoration-link: underline; --rui-text-decoration-link-hover: underline; --rui-text-decoration-link-active: underline; --rui-list-style-unordered: square; --rui-cursor-not-allowed: not-allowed; --rui-border-focus-ring: 1px solid #495b79; --rui-color-text-primary: #333; --rui-color-text-primary-disabled: #7c7c7c; --rui-color-text-secondary: #7c7c7c; --rui-color-text-secondary-disabled: #ccc; --rui-color-text-link: #495b79; --rui-color-text-link-hover: rgb(65.3237113402, 81.4309278351, 108.2762886598); --rui-color-text-link-active: rgb(57.6474226804, 71.8618556701, 95.5525773196); --rui-color-action-primary: #495b79; --rui-color-action-primary-hover: rgb(65.3237113402, 81.4309278351, 108.2762886598); --rui-color-action-primary-active: rgb(57.6474226804, 71.8618556701, 95.5525773196); --rui-color-action-on-primary: #fff; --rui-color-action-secondary: #e6e6e6; --rui-color-action-secondary-hover: rgb(213.425, 213.425, 213.425); --rui-color-action-secondary-active: rgb(196.85, 196.85, 196.85); --rui-color-action-on-secondary: #333; --rui-color-action-selected: #333; --rui-color-action-selected-hover: #000; --rui-color-action-selected-active: #000; --rui-color-action-on-selected: #fff; --rui-color-feedback-success: #6acc08; --rui-color-feedback-success-hover: rgb(95.8, 184.3698113208, 7.2301886792); --rui-color-feedback-success-active: rgb(85.6, 164.7396226415, 6.4603773585); --rui-color-feedback-on-success: #fff; --rui-color-feedback-warning: #ffb116; --rui-color-feedback-warning-hover: rgb(255, 170.1708154506, 1.6); --rui-color-feedback-warning-active: rgb(236.2, 157.1287553648, 0); --rui-color-feedback-on-warning: #fff; --rui-color-feedback-danger: #e62b2b; --rui-color-feedback-danger-hover: rgb(225.9544303797, 26.6455696203, 26.6455696203); --rui-color-feedback-danger-active: rgb(207.7063291139, 24.4936708861, 24.4936708861); --rui-color-feedback-on-danger: #fff; --rui-color-feedback-help: #7411ff; --rui-color-feedback-help-hover: rgb(104.6571428571, 0, 251.6); --rui-color-feedback-help-active: rgb(96.1714285714, 0, 231.2); --rui-color-feedback-on-help: #fff; --rui-color-feedback-info: #07a3bf; --rui-color-feedback-info-hover: rgb(6.2787878788, 146.2060606061, 171.3212121212); --rui-color-feedback-info-active: rgb(5.5575757576, 129.4121212121, 151.6424242424); --rui-color-feedback-on-info: #fff; --rui-color-feedback-note: #2156f3; --rui-color-feedback-note-hover: rgb(13.6461538462, 71.2666666667, 241.9538461538); --rui-color-feedback-note-active: rgb(12.0615384615, 65.3333333333, 223.1384615385); --rui-color-feedback-on-note: #fff; --rui-color-neutral-light: #fff; --rui-color-neutral-light-hover: #f8f8f8; --rui-color-neutral-light-active: #ebebeb; --rui-color-neutral-on-light: #333; --rui-color-neutral-dark: #333; --rui-color-neutral-dark-hover: #000; --rui-color-neutral-dark-active: #000; --rui-color-neutral-on-dark: #fff; --rui-color-background-base: #ebebeb; --rui-color-background-layer-1: #fff; --rui-color-background-layer-2: #fff; --rui-color-background-basic: #fff; --rui-color-background-disabled: #ccc; --rui-color-background-interactive: transparent; --rui-color-background-interactive-hover: #f8f8f8; --rui-color-background-interactive-active: #ebebeb; --rui-color-background-primary: #495b79; --rui-color-background-secondary: #e6e6e6; --rui-color-background-selected: #333; --rui-color-background-success: hsl(90, 100.4528301887%, 94.568627451%); --rui-color-background-warning: rgb(255, 246.9991416309, 231.1); --rui-color-background-danger: rgb(254.9864620253, 227.1135379747, 227.1135379747); --rui-color-background-help: rgb(241.1, 231.2, 255); --rui-color-background-info: rgb(228.6093333333, 250.976115942, 254.9906666667); --rui-color-background-note: rgb(230.1319230769, 236.4000952381, 254.9680769231); --rui-color-background-light: #f8f8f8; --rui-color-background-dark: #7c7c7c; --rui-color-border-primary: #7c7c7c; --rui-color-border-primary-hover: #333; --rui-color-border-primary-active: #333; --rui-color-border-secondary: #fff; --rui-dimension-focus-ring-offset: var(--rui-dimension-border-width-1); --rui-dimension-tap-target-size: var(--rui-dimension-space-6); --rui-dimension-space-bottom-base: var(--rui-dimension-space-4); --rui-dimension-space-bottom-headings: var(--rui-dimension-space-4); --rui-dimension-space-bottom-layouts: var(--rui-dimension-space-4); --rui-ratio-disabled-opacity: var(--rui-ratio-opacity-medium); --rui-shadow-layer-1: var(--rui-shadow-1); --rui-shadow-layer-2: var(--rui-shadow-2); --rui-shadow-focus-ring: initial; --rui-Alert__padding: var(--rui-dimension-space-2); --rui-Alert__font-weight: var(--rui-font-weight-base); --rui-Alert__border-width: var(--rui-dimension-border-width-1); --rui-Alert__border-radius: var(--rui-dimension-radius-2); --rui-Alert__emphasis__font-weight: var(--rui-font-weight-bold); --rui-Alert__stripe__width: 0.3571428571rem; --rui-Alert--success__color: var(--rui-color-text-primary); --rui-Alert--success__foreground-color: var(--rui-color-feedback-success); --rui-Alert--success__background-color: var(--rui-color-background-basic); --rui-Alert--warning__color: var(--rui-color-text-primary); --rui-Alert--warning__foreground-color: var(--rui-color-feedback-warning); --rui-Alert--warning__background-color: var(--rui-color-background-basic); --rui-Alert--danger__color: var(--rui-color-text-primary); --rui-Alert--danger__foreground-color: var(--rui-color-feedback-danger); --rui-Alert--danger__background-color: var(--rui-color-background-basic); --rui-Alert--info__color: var(--rui-color-text-primary); --rui-Alert--info__foreground-color: var(--rui-color-feedback-info); --rui-Alert--info__background-color: var(--rui-color-background-basic); --rui-Alert--help__color: var(--rui-color-text-primary); --rui-Alert--help__foreground-color: var(--rui-color-feedback-help); --rui-Alert--help__background-color: var(--rui-color-background-basic); --rui-Alert--note__color: var(--rui-color-text-primary); --rui-Alert--note__foreground-color: var(--rui-color-feedback-note); --rui-Alert--note__background-color: var(--rui-color-background-basic); --rui-Badge--filled--success__color: var(--rui-color-feedback-on-success); --rui-Badge--filled--success__background-color: var(--rui-color-feedback-success); --rui-Badge--filled--warning__color: var(--rui-color-feedback-on-warning); --rui-Badge--filled--warning__background-color: var(--rui-color-feedback-warning); --rui-Badge--filled--danger__color: var(--rui-color-feedback-on-danger); --rui-Badge--filled--danger__background-color: var(--rui-color-feedback-danger); --rui-Badge--filled--help__color: var(--rui-color-feedback-on-help); --rui-Badge--filled--help__background-color: var(--rui-color-feedback-help); --rui-Badge--filled--info__color: var(--rui-color-feedback-on-info); --rui-Badge--filled--info__background-color: var(--rui-color-feedback-info); --rui-Badge--filled--note__color: var(--rui-color-feedback-on-note); --rui-Badge--filled--note__background-color: var(--rui-color-feedback-note); --rui-Badge--filled--light__color: var(--rui-color-neutral-on-light); --rui-Badge--filled--light__background-color: var(--rui-color-neutral-light); --rui-Badge--filled--dark__color: var(--rui-color-neutral-on-dark); --rui-Badge--filled--dark__background-color: var(--rui-color-neutral-dark); --rui-Badge--outline--success__color: var(--rui-color-feedback-success); --rui-Badge--outline--warning__color: var(--rui-color-feedback-warning); --rui-Badge--outline--danger__color: var(--rui-color-feedback-danger); --rui-Badge--outline--help__color: var(--rui-color-feedback-help); --rui-Badge--outline--info__color: var(--rui-color-feedback-info); --rui-Badge--outline--note__color: var(--rui-color-feedback-note); --rui-Badge--outline--light__color: var(--rui-color-neutral-light); --rui-Badge--outline--dark__color: var(--rui-color-neutral-dark); --rui-Button__font-weight: 400; --rui-Button__letter-spacing: 0; --rui-Button__text-transform: none; --rui-Button__border-width: 0px; --rui-Button__border-radius: var(--rui-dimension-radius-2); --rui-Button--disabled__opacity: var(--rui-ratio-disabled-opacity); --rui-Button--disabled__cursor: var(--rui-cursor-not-allowed); --rui-Button--feedback__opacity: 1; --rui-Button--feedback__cursor: var(--rui-cursor-not-allowed); --rui-Button--filled--primary--default__color: var(--rui-color-action-on-primary); --rui-Button--filled--primary--default__border-color: var(--rui-color-action-primary); --rui-Button--filled--primary--default__background: var(--rui-color-action-primary); --rui-Button--filled--primary--default__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--primary--hover__color: var(--rui-color-action-on-primary); --rui-Button--filled--primary--hover__border-color: var(--rui-color-action-primary-hover); --rui-Button--filled--primary--hover__background: var(--rui-color-action-primary-hover); --rui-Button--filled--primary--hover__box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1em rgba(0, 0, 0, 0.4); --rui-Button--filled--primary--active__color: var(--rui-color-action-on-primary); --rui-Button--filled--primary--active__border-color: var(--rui-color-action-primary-active); --rui-Button--filled--primary--active__background: var(--rui-color-action-primary-active); --rui-Button--filled--primary--active__box-shadow: none; --rui-Button--filled--primary--disabled__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--secondary--default__color: var(--rui-color-action-on-secondary); --rui-Button--filled--secondary--default__border-color: var(--rui-color-action-secondary); --rui-Button--filled--secondary--default__background: #f2f2f2; --rui-Button--filled--secondary--default__box-shadow: inset 0 0 0 1px #ccc, inset 0 0 0.5em rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--secondary--hover__color: var(--rui-color-action-on-secondary); --rui-Button--filled--secondary--hover__border-color: var(--rui-color-action-secondary-hover); --rui-Button--filled--secondary--hover__background: #fff; --rui-Button--filled--secondary--hover__box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1em rgba(0, 0, 0, 0.2); --rui-Button--filled--secondary--active__color: var(--rui-color-action-on-secondary); --rui-Button--filled--secondary--active__border-color: var(--rui-color-action-secondary-active); --rui-Button--filled--secondary--active__background: var(--rui-color-action-secondary-active); --rui-Button--filled--secondary--active__box-shadow: none; --rui-Button--filled--secondary--disabled__box-shadow: inset 0 0 0 1px #ccc, inset 0 0 0.5em rgba(0, 0, 0, 0.2), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--selected--default__color: var(--rui-color-action-on-selected); --rui-Button--filled--selected--default__border-color: var(--rui-color-action-selected); --rui-Button--filled--selected--default__background: var(--rui-color-action-selected); --rui-Button--filled--selected--default__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--selected--hover__color: var(--rui-color-action-on-selected); --rui-Button--filled--selected--hover__border-color: var(--rui-color-action-selected-hover); --rui-Button--filled--selected--hover__background: var(--rui-color-action-selected-hover); --rui-Button--filled--selected--hover__box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1em rgba(0, 0, 0, 0.4); --rui-Button--filled--selected--active__color: var(--rui-color-action-on-selected); --rui-Button--filled--selected--active__border-color: var(--rui-color-action-selected-active); --rui-Button--filled--selected--active__background: var(--rui-color-action-selected-active); --rui-Button--filled--selected--active__box-shadow: none; --rui-Button--filled--selected--disabled__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--success--default__color: var(--rui-color-feedback-on-success); --rui-Button--filled--success--default__border-color: var(--rui-color-feedback-success); --rui-Button--filled--success--default__background: var(--rui-color-feedback-success); --rui-Button--filled--success--default__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--success--hover__color: var(--rui-color-feedback-on-success); --rui-Button--filled--success--hover__border-color: var(--rui-color-feedback-success-hover); --rui-Button--filled--success--hover__background: var(--rui-color-feedback-success-hover); --rui-Button--filled--success--hover__box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1em rgba(0, 0, 0, 0.4); --rui-Button--filled--success--active__color: var(--rui-color-feedback-on-success); --rui-Button--filled--success--active__border-color: var(--rui-color-feedback-success-active); --rui-Button--filled--success--active__background: var(--rui-color-feedback-success-active); --rui-Button--filled--success--active__box-shadow: none; --rui-Button--filled--success--disabled__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--warning--default__color: var(--rui-color-feedback-on-warning); --rui-Button--filled--warning--default__border-color: var(--rui-color-feedback-warning); --rui-Button--filled--warning--default__background: var(--rui-color-feedback-warning); --rui-Button--filled--warning--default__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--warning--hover__color: var(--rui-color-feedback-on-warning); --rui-Button--filled--warning--hover__border-color: var(--rui-color-feedback-warning-hover); --rui-Button--filled--warning--hover__background: var(--rui-color-feedback-warning-hover); --rui-Button--filled--warning--hover__box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1em rgba(0, 0, 0, 0.4); --rui-Button--filled--warning--active__color: var(--rui-color-feedback-on-warning); --rui-Button--filled--warning--active__border-color: var(--rui-color-feedback-warning-active); --rui-Button--filled--warning--active__background: var(--rui-color-feedback-warning-active); --rui-Button--filled--warning--active__box-shadow: none; --rui-Button--filled--warning--disabled__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--danger--default__color: var(--rui-color-feedback-on-danger); --rui-Button--filled--danger--default__border-color: var(--rui-color-feedback-danger); --rui-Button--filled--danger--default__background: var(--rui-color-feedback-danger); --rui-Button--filled--danger--default__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--danger--hover__color: var(--rui-color-feedback-on-danger); --rui-Button--filled--danger--hover__border-color: var(--rui-color-feedback-danger-hover); --rui-Button--filled--danger--hover__background: var(--rui-color-feedback-danger-hover); --rui-Button--filled--danger--hover__box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1em rgba(0, 0, 0, 0.4); --rui-Button--filled--danger--active__color: var(--rui-color-feedback-on-danger); --rui-Button--filled--danger--active__border-color: var(--rui-color-feedback-danger-active); --rui-Button--filled--danger--active__background: var(--rui-color-feedback-danger-active); --rui-Button--filled--danger--active__box-shadow: none; --rui-Button--filled--danger--disabled__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--help--default__color: var(--rui-color-feedback-on-help); --rui-Button--filled--help--default__border-color: var(--rui-color-feedback-help); --rui-Button--filled--help--default__background: var(--rui-color-feedback-help); --rui-Button--filled--help--default__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--help--hover__color: var(--rui-color-feedback-on-help); --rui-Button--filled--help--hover__border-color: var(--rui-color-feedback-help-hover); --rui-Button--filled--help--hover__background: var(--rui-color-feedback-help-hover); --rui-Button--filled--help--hover__box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1em rgba(0, 0, 0, 0.4); --rui-Button--filled--help--active__color: var(--rui-color-feedback-on-help); --rui-Button--filled--help--active__border-color: var(--rui-color-feedback-help-active); --rui-Button--filled--help--active__background: var(--rui-color-feedback-help-active); --rui-Button--filled--help--active__box-shadow: none; --rui-Button--filled--help--disabled__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--info--default__color: var(--rui-color-feedback-on-info); --rui-Button--filled--info--default__border-color: var(--rui-color-feedback-info); --rui-Button--filled--info--default__background: var(--rui-color-feedback-info); --rui-Button--filled--info--default__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--info--hover__color: var(--rui-color-feedback-on-info); --rui-Button--filled--info--hover__border-color: var(--rui-color-feedback-info-hover); --rui-Button--filled--info--hover__background: var(--rui-color-feedback-info-hover); --rui-Button--filled--info--hover__box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1em rgba(0, 0, 0, 0.4); --rui-Button--filled--info--active__color: var(--rui-color-feedback-on-info); --rui-Button--filled--info--active__border-color: var(--rui-color-feedback-info-active); --rui-Button--filled--info--active__background: var(--rui-color-feedback-info-active); --rui-Button--filled--info--active__box-shadow: none; --rui-Button--filled--info--disabled__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--note--default__color: var(--rui-color-feedback-on-note); --rui-Button--filled--note--default__border-color: var(--rui-color-feedback-note); --rui-Button--filled--note--default__background: var(--rui-color-feedback-note); --rui-Button--filled--note--default__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--note--hover__color: var(--rui-color-feedback-on-note); --rui-Button--filled--note--hover__border-color: var(--rui-color-feedback-note-hover); --rui-Button--filled--note--hover__background: var(--rui-color-feedback-note-hover); --rui-Button--filled--note--hover__box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1em rgba(0, 0, 0, 0.4); --rui-Button--filled--note--active__color: var(--rui-color-feedback-on-note); --rui-Button--filled--note--active__border-color: var(--rui-color-feedback-note-active); --rui-Button--filled--note--active__background: var(--rui-color-feedback-note-active); --rui-Button--filled--note--active__box-shadow: none; --rui-Button--filled--note--disabled__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--light--default__color: var(--rui-color-neutral-on-light); --rui-Button--filled--light--default__border-color: var(--rui-color-neutral-light); --rui-Button--filled--light--default__background: var(--rui-color-neutral-light); --rui-Button--filled--light--default__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--light--hover__color: var(--rui-color-neutral-on-light); --rui-Button--filled--light--hover__border-color: var(--rui-color-neutral-light-hover); --rui-Button--filled--light--hover__background: var(--rui-color-neutral-light-hover); --rui-Button--filled--light--hover__box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1em rgba(0, 0, 0, 0.4); --rui-Button--filled--light--active__color: var(--rui-color-neutral-on-light); --rui-Button--filled--light--active__border-color: var(--rui-color-neutral-light-active); --rui-Button--filled--light--active__background: var(--rui-color-neutral-light-active); --rui-Button--filled--light--active__box-shadow: none; --rui-Button--filled--light--disabled__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--dark--default__color: var(--rui-color-neutral-on-dark); --rui-Button--filled--dark--default__border-color: var(--rui-color-neutral-dark); --rui-Button--filled--dark--default__background: var(--rui-color-neutral-dark); --rui-Button--filled--dark--default__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--filled--dark--hover__color: var(--rui-color-neutral-on-dark); --rui-Button--filled--dark--hover__border-color: var(--rui-color-neutral-dark-hover); --rui-Button--filled--dark--hover__background: var(--rui-color-neutral-dark-hover); --rui-Button--filled--dark--hover__box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), inset 0 0 0 rgba(0, 0, 0, 0), 0 0 1em rgba(0, 0, 0, 0.4); --rui-Button--filled--dark--active__color: var(--rui-color-neutral-on-dark); --rui-Button--filled--dark--active__border-color: var(--rui-color-neutral-dark-active); --rui-Button--filled--dark--active__background: var(--rui-color-neutral-dark-active); --rui-Button--filled--dark--active__box-shadow: none; --rui-Button--filled--dark--disabled__box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.25), inset 0 0 0.2em rgba(0, 0, 0, 0.35), 0 0 0 rgba(0, 0, 0, 0); --rui-Button--small__height: 1.8571428571rem; --rui-Button--small__padding-y: var(--rui-dimension-space-1); --rui-Button--small__padding-x: var(--rui-dimension-space-3); --rui-Button--small__font-size: var(--rui-font-size-small); --rui-Button--medium__height: 2.1428571429rem; --rui-Button--medium__padding-y: var(--rui-dimension-space-1); --rui-Button--medium__padding-x: var(--rui-dimension-space-4); --rui-Button--medium__font-size: var(--rui-font-size-1); --rui-Button--large__height: 2.8571428571rem; --rui-Button--large__padding-y: var(--rui-dimension-space-2); --rui-Button--large__padding-x: var(--rui-dimension-space-5); --rui-Button--large__font-size: 1.5; --rui-ButtonGroup__inner-border-radius: 0; --rui-ButtonGroup--filled__gap: var(--rui-dimension-border-width-1); --rui-ButtonGroup--filled__separator__width: var(--rui-dimension-border-width-1); --rui-ButtonGroup--filled__separator__color: #fff; --rui-Card__padding: var(--rui-dimension-space-5); --rui-Card__border-width: var(--rui-dimension-border-width-1); --rui-Card__border-color: #999999; --rui-Card__border-radius: var(--rui-dimension-radius-2); --rui-Card__background-color: var(--rui-color-background-layer-1); --rui-Card--dense__padding: var(--rui-dimension-space-4); --rui-Card--raised__box-shadow: var(--rui-shadow-layer-1); --rui-Card--disabled__background-color: #ebebeb; --rui-Card--success__color: var(--rui-color-text-primary); --rui-Card--success__border-color: var(--rui-color-feedback-success); --rui-Card--success__background-color: var(--rui-color-background-layer-1); --rui-Card--warning__color: var(--rui-color-text-primary); --rui-Card--warning__border-color: var(--rui-color-feedback-warning); --rui-Card--warning__background-color: var(--rui-color-background-layer-1); --rui-Card--danger__color: var(--rui-color-text-primary); --rui-Card--danger__border-color: var(--rui-color-feedback-danger); --rui-Card--danger__background-color: var(--rui-color-background-layer-1); --rui-Card--info__color: var(--rui-color-text-primary); --rui-Card--info__border-color: var(--rui-color-feedback-info); --rui-Card--info__background-color: var(--rui-color-background-layer-1); --rui-Card--help__color: var(--rui-color-text-primary); --rui-Card--help__border-color: var(--rui-color-feedback-help); --rui-Card--help__background-color: var(--rui-color-background-layer-1); --rui-Card--note__color: var(--rui-color-text-primary); --rui-Card--note__border-color: var(--rui-color-feedback-note); --rui-Card--note__background-color: var(--rui-color-background-layer-1); --rui-FormField__label__color: #999999; --rui-FormField__label__font-size: var(--rui-font-size-small); --rui-FormField__help-text__font-size: var(--rui-font-size-small); --rui-FormField__help-text__font-style: italic; --rui-FormField__help-text__color: var(--rui-color-text-secondary); --rui-FormField--required__label__color: inherit; --rui-FormField--required__sign: ""; --rui-FormField--required__sign__color: var(--rui-color-text-secondary); --rui-FormField--horizontal__label__text-align: right; --rui-FormField--horizontal__label__min-width: 0; --rui-FormField--horizontal__label__width: max-content; --rui-FormField--horizontal__label__vertical-alignment: initial; --rui-FormField--horizontal__field__vertical-alignment: center; --rui-FormField--horizontal--full-width__label__width: fit-content(50%); --rui-FormField--disabled__cursor: var(--rui-cursor-not-allowed); --rui-FormField--disabled__opacity: var(--rui-ratio-disabled-opacity); --rui-FormField--invalid--default__border-color: var(--rui-color-feedback-danger); --rui-FormField--invalid--default__background: var(--rui-color-background-danger); --rui-FormField--invalid--default__check-background-color: var(--rui-FormField--invalid--default__background); --rui-FormField--invalid--default__surrounding-text-color: var(--rui-color-feedback-danger); --rui-FormField--invalid--checked__check-background-color: var(--rui-FormField--invalid--default__border-color); --rui-FormField--invalid--disabled__border-color: var(--rui-FormField--box--outline--default__border-color); --rui-FormField--invalid--disabled__background: var(--rui-FormField--box--outline--disabled__background); --rui-FormField--invalid--disabled__color: var(--rui-FormField--box--outline--disabled__color); --rui-FormField--invalid--disabled__check-background-color: var( --rui-FormField--box--outline--disabled__background ); --rui-FormField--invalid--disabled__surrounding-text-color: var( --rui-FormField--box--outline--disabled__surrounding-text-color ); --rui-FormField--invalid--checked-disabled__check__background-color: var( --rui-FormField--check--checked--disabled__check-background-color ); --rui-FormField--valid--default__border-color: var(--rui-color-feedback-success); --rui-FormField--valid--default__background: var(--rui-color-background-success); --rui-FormField--valid--default__check-background-color: var(--rui-FormField--valid--default__background); --rui-FormField--valid--default__surrounding-text-color: var(--rui-color-feedback-success); --rui-FormField--valid--checked__check-background-color: var(--rui-FormField--valid--default__border-color); --rui-FormField--valid--disabled__border-color: var(--rui-FormField--box--outline--default__border-color); --rui-FormField--valid--disabled__background: var(--rui-FormField--box--outline--disabled__background); --rui-FormField--valid--disabled__color: var(--rui-FormField--box--outline--disabled__color); --rui-FormField--valid--disabled__check-background-color: var(--rui-FormField--box--outline--disabled__background); --rui-FormField--valid--disabled__surrounding-text-color: var( --rui-FormField--box--outline--disabled__surrounding-text-color ); --rui-FormField--valid--checked-disabled__check-background-color: var( --rui-FormField--check--checked-disabled__check-background-color ); --rui-FormField--warning--default__border-color: var(--rui-color-feedback-warning-hover); --rui-FormField--warning--default__background: var(--rui-color-background-warning); --rui-FormField--warning--default__check-background-color: var(--rui-FormField--warning--default__background); --rui-FormField--warning--default__surrounding-text-color: var(--rui-color-feedback-warning-active); --rui-FormField--warning--checked__check-background-color: var(--rui-FormField--warning--default__border-color); --rui-FormField--warning--disabled__border-color: var(--rui-FormField--box--outline--default__border-color); --rui-FormField--warning--disabled__background: var(--rui-FormField--box--outline--disabled__background); --rui-FormField--warning--disabled__color: var(--rui-FormField--box--outline--disabled__color); --rui-FormField--warning--disabled__check-background-color: var( --rui-FormField--box--outline--disabled__background ); --rui-FormField--warning--disabled__surrounding-text-color: var( --rui-FormField--box--outline--disabled__surrounding-text-color ); --rui-FormField--warning--checked-disabled__check-background-color: var( --rui-FormField--check--checked-disabled__check-background-color ); --rui-FormField--box__border-width: var(--rui-dimension-border-width-1); --rui-FormField--box__border-radius: var(--rui-dimension-radius-2); --rui-FormField--box__input__width: 11em; --rui-FormField--box__input__min-width: 11em; --rui-FormField--box__placeholder__color: var(--rui-color-text-secondary); --rui-FormField--box--select__caret__border-style: solid; --rui-FormField--box--select__caret__background: rgb(242.25, 242.25, 242.25); --rui-FormField--box--select__option--disabled__color: rgb(229.5, 229.5, 229.5); --rui-FormField--box--small__height: 1.8571428571rem; --rui-FormField--box--small__padding-y: 0.1071428571rem; --rui-FormField--box--small__padding-x: var(--rui-dimension-space-2); --rui-FormField--box--small__font-size: var(--rui-font-size-small); --rui-FormField--box--medium__height: 2.1428571429rem; --rui-FormField--box--medium__padding-y: 0.25rem; --rui-FormField--box--medium__padding-x: var(--rui-dimension-space-3); --rui-FormField--box--medium__font-size: var(--rui-font-size-1); --rui-FormField--box--large__height: 2.8571428571rem; --rui-FormField--box--large__padding-y: 0.6071428571rem; --rui-FormField--box--large__padding-x: var(--rui-dimension-space-4); --rui-FormField--box--large__font-size: var(--rui-font-size-2); --rui-FormField--box--outline--default__border-color: rgb(127.5, 127.5, 127.5); --rui-FormField--box--outline--default__background: var(--rui-color-background-basic); --rui-FormField--box--outline--default__color: var(--rui-color-text-primary); --rui-FormField--box--outline--default__box-shadow: inset 0 0 0.3125rem rgb(229.5, 229.5, 229.5); --rui-FormField--box--outline--hover__border-color: #333333; --rui-FormField--box--outline--focus__color: var(--rui-color-text-primary); --rui-FormField--box--outline--focus__border-color: #333333; --rui-FormField--box--outline--focus__background: var(--rui-color-background-basic); --rui-FormField--box--outline--focus__box-shadow: inset 0 0 0.625rem rgb(229.5, 229.5, 229.5), 0 0 0.3125rem #cccccc; --rui-FormField--box--outline--disabled__background: rgb(229.5, 229.5, 229.5); --rui-FormField--box--outline--disabled__color: rgb(127.5, 127.5, 127.5); --rui-FormField--box--outline--disabled__surrounding-text-color: #999999; --rui-FormField--check__input__size: 1.429rem; --rui-FormField--check__input__border-width: var(--rui-FormField--box__border-width); --rui-FormField--check__input--focus__box-shadow: var(--rui-shadow-focus-ring); --rui-FormField--check__tap-target-size: var(--rui-dimension-tap-target-size); --rui-FormField--check__input--checkbox__border-radius: var(--rui-FormField--box__border-radius); --rui-FormField--check__input--checkbox--checked__background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23ffffff%27 stroke-linecap=%27square%27 stroke-linejoin=%27miter%27 stroke-width=%272.5%27 d=%27M6 10l3 3l6-6%27/%3e%3c/svg%3e"); --rui-FormField--check__input--radio__border-radius: 50%; --rui-FormField--check__input--radio--checked__background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23ffffff%27/%3e%3c/svg%3e"); --rui-FormField--check__input--toggle__width: 2.714rem; --rui-FormField--check__input--toggle__border-radius: var(--rui-FormField--box__border-radius); --rui-FormField--check__input--toggle__background-size: cover; --rui-FormField--check__input--toggle--default__background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 54 18%27 fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 stroke-linecap=%27butt%27 stroke-linejoin=%27miter%27 stroke-miterlimit=%272%27%3e%3crect id=%27background%27 x=%2727%27 y=%270%27 width=%2727%27 height=%2718%27 fill=%27%23b3b3b3%27/%3e%3crect id=%27knob%27 width=%2715.5%27 height=%2715.5%27 x=%2719.25%27 y=%271.25%27 rx=%271%27 fill=%27%23ffffff%27 stroke=%27%23e6e6e6%27 stroke-width=%272.5%27/%3e%3cpath id=%27cross%27 d=%27M48,6L42,12M48,12L42,6%27 fill=%27none%27 stroke=%27%23f2f2f2%27 stroke-width=%272.5%27 stroke-linecap=%27square%27/%3e%3cpath id=%27check%27 d=%27M5,9L8,12L14,6%27 fill=%27none%27 fill-rule=%27nonzero%27 stroke=%27%23ffffff%27 stroke-width=%272.5%27/%3e%3c/svg%3e"); --rui-FormField--check__input--toggle--default__background-position: right center; --rui-FormField--check__input--toggle--checked__background-image: var(--rui-FormField--check__input--toggle--default__background-image); --rui-FormField--check__input--toggle--checked__background-position: left center; --rui-FormField--check--default__border-color: var(--rui-FormField--box--outline--default__border-color); --rui-FormField--check--default__color: var(--rui-FormField--box--outline--default__border-color); --rui-FormField--check--default__check-background-color: var(--rui-FormField--box--outline--default__background); --rui-FormField--check--checked__border-color: var(--rui-FormField--check--default__border-color); --rui-FormField--check--checked__color: var(--rui-color-feedback-on-success); --rui-FormField--check--checked__check-background-color: var(--rui-color-feedback-success-hover); --rui-FormField--check--disabled__surrounding-text-color: var( --rui-FormField--box--outline--disabled__surrounding-text-color ); --rui-FormField--custom--disabled__surrounding-text-color: var( --rui-FormField--box--outline--disabled__surrounding-text-color ); --rui-FormLayout__row-gap: var(--rui-dimension-space-2); --rui-FormLayout--horizontal__label__width: 10em; --rui-FormLayout--horizontal__label__width--auto: auto; --rui-FormLayout--horizontal__label__width--limited: fit-content(50%); --rui-InputGroup__gap: var(--rui-dimension-space-1); --rui-InputGroup__inner-border-radius: var(--rui-dimension-radius-1); --rui-Modal__padding-x: var(--rui-dimension-space-4); --rui-Modal__padding-y: var(--rui-dimension-space-4); --rui-Modal__background: var(--rui-color-background-layer-2); --rui-Modal__box-shadow: var(--rui-shadow-layer-2); --rui-Modal__separator__width: 0; --rui-Modal__separator__color: var(--rui-color-border-secondary); --rui-Modal__header__gap: var(--rui-dimension-space-2); --rui-Modal__outer-spacing--xs: var(--rui-dimension-space-2); --rui-Modal__outer-spacing--sm: var(--rui-dimension-space-6); --rui-Modal__footer__background: rgb(242.25, 242.25, 242.25); --rui-Modal__footer__gap: var(--rui-dimension-space-2); --rui-Modal__backdrop__background: rgba(51, 51, 51, 0.8); --rui-Modal--auto__min-width: 18rem; --rui-Modal--auto__max-width: 60rem; --rui-Modal--small__width: 20rem; --rui-Modal--medium__width: 40rem; --rui-Modal--large__width: 60rem; --rui-Modal--fullscreen__width: 100%; --rui-Modal--fullscreen__height: 100%; --rui-Modal__animation__duration: 0.25s; --rui-Modal--success__border-color: var(--rui-color-feedback-success); --rui-Modal--success__background-color: var(--rui-color-background-success); --rui-Modal--warning__border-color: var(--rui-color-feedback-warning); --rui-Modal--warning__background-color: var(--rui-color-background-warning); --rui-Modal--danger__border-color: var(--rui-color-feedback-danger); --rui-Modal--danger__background-color: var(--rui-color-background-danger); --rui-Modal--info__border-color: var(--rui-color-feedback-info); --rui-Modal--info__background-color: var(--rui-color-background-info); --rui-Modal--help__border-color: var(--rui-color-feedback-help); --rui-Modal--help__background-color: var(--rui-color-background-help); --rui-Modal--note__border-color: var(--rui-color-feedback-note); --rui-Modal--note__background-color: var(--rui-color-background-note); --rui-Paper__padding: var(--rui-dimension-space-5); --rui-Paper__border-width: 0; --rui-Paper__border-color: transparent; --rui-Paper__border-radius: var(--rui-dimension-radius-2); --rui-Paper__background-color: var(--rui-color-background-layer-1); --rui-Paper--muted__background-color: var(--rui-color-background-disabled); --rui-Paper--muted__opacity: var(--rui-ratio-disabled-opacity); --rui-Paper--raised__box-shadow: var(--rui-shadow-layer-1); --rui-Popover__max-width: 15rem; --rui-Popover__padding: var(--rui-dimension-space-3); --rui-Popover__border-width: 0; --rui-Popover__border-color: transparent; --rui-Popover__border-radius: var(--rui-dimension-radius-2); --rui-Popover__color: var(--rui-color-text-primary); --rui-Popover__background-color: var(--rui-color-background-layer-2); --rui-Popover__box-shadow: var(--rui-shadow-layer-2); --rui-Tabs__border-bottom-width: 0; --rui-Tabs__border-bottom-color: transparent; --rui-Tabs__gap--xs: 0; --rui-Tabs__gap--sm: var(--rui-dimension-space-1); --rui-Tabs__gap--md: var(--rui-dimension-space-2); --rui-Tabs__padding-x: var(--rui-dimension-space-2); --rui-Tabs__item__padding--xs: var(--rui-dimension-space-3) var(--rui-dimension-space-3) var(--rui-dimension-space-5); --rui-Tabs__item__padding--sm: var(--rui-dimension-space-4) var(--rui-dimension-space-5) var(--rui-dimension-space-6); --rui-Tabs__item__padding--md: var(--rui-dimension-space-4) var(--rui-dimension-space-5) var(--rui-dimension-space-6); --rui-Tabs__item__font-weight: var(--rui-font-weight-base); --rui-Tabs__item__color: var(--rui-color-text-primary); --rui-Tabs__item__border-width: var(--rui-dimension-border-width-1); --rui-Tabs__item__border-color: #fff; --rui-Tabs__item__border-radius: var(--rui-dimension-radius-2); --rui-Tabs__item__background-color: transparent; --rui-Tabs__item__box-shadow: inset 0 0 0.4rem rgba(0, 0, 0, 0.2); --rui-Tabs__item__icon__gap: var(--rui-dimension-space-2); --rui-Tabs__item--hover__font-weight: var(--rui-Tabs__item__font-weight); --rui-Tabs__item--hover__color: var(--rui-Tabs__item__color); --rui-Tabs__item--hover__border-width: var(--rui-Tabs__item__border-width); --rui-Tabs__item--hover__border-color: var(--rui-Tabs__item__border-color); --rui-Tabs__item--hover__background-color: rgba(255, 255, 255, 0.5); --rui-Tabs__item--hover__box-shadow: inset 0 0 0.4rem rgba(0, 0, 0, 0.1); --rui-Tabs__item--hover__shift-y: 0; --rui-Tabs__item--hover__label__shift-y: 0; --rui-Tabs__item--active__font-weight: var(--rui-Tabs__item__font-weight); --rui-Tabs__item--active__color: var(--rui-Tabs__item__color); --rui-Tabs__item--active__border-width: var(--rui-Tabs__item__border-width); --rui-Tabs__item--active__border-color: var(--rui-Tabs__item__border-color); --rui-Tabs__item--active__background-color: var(--rui-color-background-basic); --rui-Tabs__item--active__box-shadow: none; --rui-Tabs__item--active__shift-y: calc(-1 * 0.75rem); --rui-Tabs__item--active__label__shift-y: var(--rui-dimension-space-1); --rui-TextLink__color: var(--rui-color-text-link); --rui-TextLink__text-decoration: var(--rui-text-decoration-link); --rui-TextLink--hover__color: var(--rui-color-text-link-hover); --rui-TextLink--hover__text-decoration: var(--rui-text-decoration-link-hover); --rui-TextLink--active__color: var(--rui-color-text-link-active); --rui-TextLink--active__text-decoration: var(--rui-text-decoration-link-active); --rui-Toolbar__gap: 1rem; --rui-Toolbar__gap--dense: 0.5rem; } } /*!***********************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/index.scss ***! \***********************************************************************************************************************************************************************************************************/ /* Trimmed for MkDocs: keep theme tokens plus the shared reset/base element layer. */ @layer theme, foundation; @layer foundation.generic { html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } :where(button, input, select, textarea):focus { outline: none; } :is(a, button, input, select, textarea, [type=button], [type=submit]):focus-visible { outline: var(--rui-border-focus-ring); outline-offset: var(--rui-dimension-focus-ring-offset); box-shadow: var(--rui-shadow-focus-ring, var(--rui-local-box-shadow, initial)); } fieldset { min-width: 0; border: 0; } body, h1, h2, h3, h4, h5, h6, blockquote, p, pre, dl, dd, ol, ul, figure, hr, fieldset, legend { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6 { font-size: 1rem; } li > ol, li > ul { margin-bottom: 0; } table { border-collapse: collapse; border-spacing: 0; } address:not(:last-child), blockquote:not(:last-child), p:not(:last-child), pre:not(:last-child), dl:not(:last-child), ol:not(:last-child), ul:not(:last-child), figure:not(:last-child), hr:not(:last-child), table:not(:last-child), fieldset:not(:last-child) { margin-bottom: var(--rui-dimension-space-bottom-base); } h1:not(:last-child), h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child) { margin-bottom: var(--rui-dimension-space-bottom-headings); } } @layer foundation.elements { code, pre { font-size: var(--rui-font-size-code); font-family: var(--rui-font-family-monospace); } code { padding: 0.15em 0.5em; background-color: var(--rui-color-background-light); } a { -webkit-text-decoration: var(--rui-text-decoration-link); text-decoration: var(--rui-text-decoration-link); text-underline-offset: var(--rui-underline-offset-link); color: var(--rui-local-link-color, var(--rui-color-text-link)); } a:hover { -webkit-text-decoration: var(--rui-text-decoration-link-hover); text-decoration: var(--rui-text-decoration-link-hover); color: var(--rui-local-link-color-hover, var(--rui-color-text-link-hover)); } a:active { -webkit-text-decoration: var(--rui-text-decoration-link-active); text-decoration: var(--rui-text-decoration-link-active); color: var(--rui-local-link-color-active, var(--rui-color-text-link-active)); } ol, ul { padding-left: 1.25em; } ul { list-style-type: var(--rui-list-style-unordered); } html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: var(--rui-font-weight-base); font-size: var(--rui-font-size-base); line-height: var(--rui-line-height-base); font-family: var(--rui-font-family-base); } body { font-size: 1em; color: var(--rui-color-text-primary); background-color: var(--rui-color-background-base); } hr { border: 0; border-top: var(--rui-dimension-border-width-1) solid var(--rui-color-border-secondary); background: none; } small { font-size: var(--rui-font-size-small); } }