carbon-components-svelte/css/all.css

Svelte implementation of the Carbon Design System

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,select,input,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace}strong{font-weight:600}@media screen and (-ms-high-contrast: active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size, 2.625rem);font-weight:var(--cds-productive-heading-06-font-weight, 300);line-height:var(--cds-productive-heading-06-line-height, 1.199);letter-spacing:var(--cds-productive-heading-06-letter-spacing, 0)}h2{font-size:var(--cds-productive-heading-05-font-size, 2rem);font-weight:var(--cds-productive-heading-05-font-weight, 400);line-height:var(--cds-productive-heading-05-line-height, 1.25);letter-spacing:var(--cds-productive-heading-05-letter-spacing, 0)}h3{font-size:var(--cds-productive-heading-04-font-size, 1.75rem);font-weight:var(--cds-productive-heading-04-font-weight, 400);line-height:var(--cds-productive-heading-04-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-04-letter-spacing, 0)}h4{font-size:var(--cds-productive-heading-03-font-size, 1.25rem);font-weight:var(--cds-productive-heading-03-font-weight, 400);line-height:var(--cds-productive-heading-03-line-height, 1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing, 0)}h5{font-size:var(--cds-productive-heading-02-font-size, 1rem);font-weight:var(--cds-productive-heading-02-font-weight, 600);line-height:var(--cds-productive-heading-02-line-height, 1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing, 0)}h6{font-size:var(--cds-productive-heading-01-font-size, 0.875rem);font-weight:var(--cds-productive-heading-01-font-weight, 600);line-height:var(--cds-productive-heading-01-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-01-letter-spacing, 0.16px)}p{font-size:var(--cds-body-long-02-font-size, 1rem);font-weight:var(--cds-body-long-02-font-weight, 400);line-height:var(--cds-body-long-02-line-height, 1.5);letter-spacing:var(--cds-body-long-02-letter-spacing, 0)}a{color:#0f62fe}em{font-style:italic}@-webkit-keyframes skeleton{0%{opacity:.3;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}20%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}28%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right;transform-origin:right}51%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right}58%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right}82%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right;transform-origin:right}83%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}96%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}100%{opacity:.3;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}}@keyframes skeleton{0%{opacity:.3;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}20%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}28%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right;transform-origin:right}51%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right}58%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right}82%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right;transform-origin:right}83%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:left;transform-origin:left}96%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}100%{opacity:.3;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left}}.bx--tag{display:inline-block;padding:0;border:0;-webkit-appearance:none;appearance:none;background:none;cursor:pointer;font-size:var(--cds-label-01-font-size, 0.75rem);font-weight:var(--cds-label-01-font-weight, 400);line-height:var(--cds-label-01-line-height, 1.33333);letter-spacing:var(--cds-label-01-letter-spacing, 0.32px);background-color:var(--cds-tag-background-gray, #e0e0e0);color:var(--cds-tag-color-gray, #393939);display:inline-flex;min-width:2rem;max-width:100%;min-height:1.5rem;align-items:center;justify-content:center;padding:.25rem .5rem;margin:.25rem;border-radius:.9375rem;cursor:default;vertical-align:middle;word-break:break-word}.bx--tag::-moz-focus-inner{border:0}.bx--tag.bx--tag--interactive:hover,.bx--tag .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray, #c6c6c6)}.bx--tag:not(:first-child){margin-left:0}.bx--tag--red{background-color:var(--cds-tag-background-red, #ffd7d9);color:var(--cds-tag-color-red, #750e13)}.bx--tag--red.bx--tag--interactive:hover,.bx--tag--red .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-red, #ffb3b8)}.bx--tag--magenta{background-color:var(--cds-tag-background-magenta, #ffd6e8);color:var(--cds-tag-color-magenta, #740937)}.bx--tag--magenta.bx--tag--interactive:hover,.bx--tag--magenta .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-magenta, #ffafd2)}.bx--tag--purple{background-color:var(--cds-tag-background-purple, #e8daff);color:var(--cds-tag-color-purple, #491d8b)}.bx--tag--purple.bx--tag--interactive:hover,.bx--tag--purple .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-purple, #d4bbff)}.bx--tag--blue{background-color:var(--cds-tag-background-blue, #d0e2ff);color:var(--cds-tag-color-blue, #002d9c)}.bx--tag--blue.bx--tag--interactive:hover,.bx--tag--blue .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-blue, #a6c8ff)}.bx--tag--cyan{background-color:var(--cds-tag-background-cyan, #bae6ff);color:var(--cds-tag-color-cyan, #003a6d)}.bx--tag--cyan.bx--tag--interactive:hover,.bx--tag--cyan .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-cyan, #82cfff)}.bx--tag--teal{background-color:var(--cds-tag-background-teal, #9ef0f0);color:var(--cds-tag-color-teal, #004144)}.bx--tag--teal.bx--tag--interactive:hover,.bx--tag--teal .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-teal, #3ddbd9)}.bx--tag--green{background-color:var(--cds-tag-background-green, #a7f0ba);color:var(--cds-tag-color-green, #044317)}.bx--tag--green.bx--tag--interactive:hover,.bx--tag--green .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-green, #6fdc8c)}.bx--tag--gray{background-color:var(--cds-tag-background-gray, #e0e0e0);color:var(--cds-tag-color-gray, #393939)}.bx--tag--gray.bx--tag--interactive:hover,.bx--tag--gray .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-gray, #c6c6c6)}.bx--tag--cool-gray{background-color:var(--cds-tag-background-cool-gray, #dde1e6);color:var(--cds-tag-color-cool-gray, #343a3f)}.bx--tag--cool-gray.bx--tag--interactive:hover,.bx--tag--cool-gray .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-cool-gray, #c1c7cd)}.bx--tag--warm-gray{background-color:var(--cds-tag-background-warm-gray, #e5e0df);color:var(--cds-tag-color-warm-gray, #3c3838)}.bx--tag--warm-gray.bx--tag--interactive:hover,.bx--tag--warm-gray .bx--tag__close-icon:hover{background-color:var(--cds-tag-hover-warm-gray, #cac5c4)}.bx--tag--high-contrast{background-color:var(--cds-inverse-02, #393939);color:var(--cds-inverse-01, #ffffff)}.bx--tag--high-contrast.bx--tag--interactive:hover,.bx--tag--high-contrast .bx--tag__close-icon:hover{background-color:var(--cds-inverse-hover-ui, #4c4c4c)}.bx--tag--outline{background-color:var(--cds-background, #ffffff);color:var(--cds-text-01, #161616);box-shadow:inset 0 0 0 1px var(--cds-inverse-02, #393939)}.bx--tag--outline.bx--tag--interactive:hover,.bx--tag--outline .bx--tag__close-icon:hover{background-color:var(--cds-hover-ui, #e5e5e5)}.bx--tag--disabled,.bx--tag--filter.bx--tag--disabled,.bx--tag--interactive.bx--tag--disabled{background-color:var(--cds-disabled-01, #f4f4f4);color:var(--cds-disabled-02, #c6c6c6)}.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--filter.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover,.bx--tag--interactive.bx--tag--disabled.bx--tag--interactive:hover,.bx--tag--interactive.bx--tag--disabled .bx--tag__close-icon:hover{background-color:var(--cds-disabled-01, #f4f4f4)}.bx--tag--disabled:hover,.bx--tag--filter.bx--tag--disabled:hover,.bx--tag--interactive.bx--tag--disabled:hover{cursor:not-allowed}.bx--tag__label{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.bx--tag--interactive:focus{box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe);outline:none}.bx--tag--interactive:hover{cursor:pointer}.bx--tag--filter{padding-top:0;padding-right:0;padding-bottom:0;cursor:pointer}.bx--tag--filter:hover{outline:none}.bx--tag--interactive{transition:background-color 70ms cubic-bezier(0, 0, 0.38, 0.9)}.bx--tag__close-icon{display:flex;width:1.5rem;height:1.5rem;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;margin:0 0 0 .125rem;background-color:rgba(0,0,0,0);border-radius:50%;color:currentColor;cursor:pointer;transition:background-color 70ms cubic-bezier(0.2, 0, 0.38, 0.9),box-shadow 70ms cubic-bezier(0.2, 0, 0.38, 0.9)}.bx--tag__close-icon svg{fill:currentColor}.bx--tag__custom-icon{width:1rem;height:1rem;flex-shrink:0;padding:0;border:0;margin-right:var(--cds-spacing-02, 0.25rem);background-color:rgba(0,0,0,0);color:currentColor;outline:none}.bx--tag__custom-icon svg{fill:currentColor}.bx--tag--disabled .bx--tag__close-icon{cursor:not-allowed}.bx--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus, #0f62fe);outline:none}.bx--tag--high-contrast .bx--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-inverse-focus-ui, #ffffff)}.bx--tag--filter.bx--tag--disabled .bx--tag__close-icon:hover{background-color:rgba(0,0,0,0)}.bx--tag--filter.bx--tag--disabled svg{fill:var(--cds-disabled-02, #c6c6c6)}.bx--tag--sm{min-height:1.125rem;padding:0 .5rem}.bx--tag--sm.bx--tag--filter{padding-right:0}.bx--tag--sm .bx--tag__close-icon{width:1.125rem;height:1.125rem;margin-left:.3125rem}.bx--tag.bx--skeleton{position:relative;padding:0;border:none;background:var(--cds-skeleton-01, #e5e5e5);box-shadow:none;pointer-events:none;background-color:var(--cds-skeleton-01, #e5e5e5);color:var(--cds-text-01, #161616);overflow:hidden;width:3.75rem}.bx--tag.bx--skeleton:hover,.bx--tag.bx--skeleton:focus,.bx--tag.bx--skeleton:active{border:none;cursor:default;outline:none}.bx--tag.bx--skeleton::before{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-animation:3000ms ease-in-out skeleton infinite;animation:3000ms ease-in-out skeleton infinite;background:var(--cds-skeleton-02, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media(prefers-reduced-motion: reduce){.bx--tag.bx--skeleton::before{-webkit-animation:none;animation:none}}.bx--tag.bx--skeleton.bx--tag--interactive:hover,.bx--tag.bx--skeleton .bx--tag__close-icon:hover{background-color:var(--cds-skeleton-01, #e5e5e5)}@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm){@supports(-webkit-appearance: none) and (stroke-color: transparent){.bx--tag.bx--skeleton{-webkit-transform:translateZ(0);transform:translateZ(0)}}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--tag{outline:1px solid rgba(0,0,0,0)}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--tag__close-icon svg,.bx--tag__custom-icon svg{fill:ButtonText}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}.bx--text-truncate--end{display:inline-block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.bx--text-truncate--front{display:inline-block;overflow:hidden;width:100%;direction:rtl;text-overflow:ellipsis;white-space:nowrap}.bx--inline-notification{position:relative;display:flex;width:100%;min-width:18rem;max-width:18rem;height:auto;min-height:3rem;flex-wrap:wrap;margin-top:1rem;margin-bottom:1rem;color:var(--cds-inverse-01, #ffffff)}@media(min-width: 42rem){.bx--inline-notification{max-width:38rem;flex-wrap:nowrap}}@media(min-width: 66rem){.bx--inline-notification{max-width:46rem}}@media(min-width: 99rem){.bx--inline-notification{max-width:52rem}}.bx--inline-notification:not(.bx--inline-notification--low-contrast) a{color:var(--cds-inverse-link, #78a9ff)}.bx--inline-notification a{text-decoration:none}.bx--inline-notification a:hover{text-decoration:underline}.bx--inline-notification a:focus{outline:1px solid var(--cds-inverse-link, #78a9ff)}.bx--inline-notification.bx--inline-notification--low-contrast a:focus{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--inline-notification.bx--inline-notification--low-contrast a:focus{outline-style:dotted}}.bx--inline-notification--low-contrast{color:var(--cds-text-01, #161616)}.bx--inline-notification--low-contrast::before{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-width:1px 1px 1px 0;border-style:solid;content:"";-webkit-filter:opacity(0.4);filter:opacity(0.4);pointer-events:none}.bx--inline-notification--error{border-left:3px solid var(--cds-inverse-support-01, #fa4d56);background:var(--cds-inverse-02, #393939)}.bx--inline-notification--error .bx--inline-notification__icon,.bx--inline-notification--error .bx--toast-notification__icon,.bx--inline-notification--error .bx--actionable-notification__icon{fill:var(--cds-inverse-support-01, #fa4d56)}.bx--inline-notification--low-contrast.bx--inline-notification--error{border-left:3px solid var(--cds-support-01, #da1e28);background:var(--cds-notification-background-error, #fff1f1)}.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--inline-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--toast-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--error .bx--actionable-notification__icon{fill:var(--cds-support-01, #da1e28)}.bx--inline-notification--low-contrast.bx--inline-notification--error::before{border-color:var(--cds-support-01, #da1e28)}.bx--inline-notification--success{border-left:3px solid var(--cds-inverse-support-02, #42be65);background:var(--cds-inverse-02, #393939)}.bx--inline-notification--success .bx--inline-notification__icon,.bx--inline-notification--success .bx--toast-notification__icon,.bx--inline-notification--success .bx--actionable-notification__icon{fill:var(--cds-inverse-support-02, #42be65)}.bx--inline-notification--low-contrast.bx--inline-notification--success{border-left:3px solid var(--cds-support-02, #198038);background:var(--cds-notification-background-success, #defbe6)}.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--inline-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--toast-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--success .bx--actionable-notification__icon{fill:var(--cds-support-02, #198038)}.bx--inline-notification--low-contrast.bx--inline-notification--success::before{border-color:var(--cds-support-02, #198038)}.bx--inline-notification--info,.bx--inline-notification--info-square{border-left:3px solid var(--cds-inverse-support-04, #4589ff);background:var(--cds-inverse-02, #393939)}.bx--inline-notification--info .bx--inline-notification__icon,.bx--inline-notification--info .bx--toast-notification__icon,.bx--inline-notification--info .bx--actionable-notification__icon,.bx--inline-notification--info-square .bx--inline-notification__icon,.bx--inline-notification--info-square .bx--toast-notification__icon,.bx--inline-notification--info-square .bx--actionable-notification__icon{fill:var(--cds-inverse-support-04, #4589ff)}.bx--inline-notification--low-contrast.bx--inline-notification--info,.bx--inline-notification--low-contrast.bx--inline-notification--info-square{border-left:3px solid var(--cds-support-04, #0043ce);background:var(--cds-notification-background-info, #edf5ff)}.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--inline-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--toast-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--info .bx--actionable-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--inline-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--toast-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--info-square .bx--actionable-notification__icon{fill:var(--cds-support-04, #0043ce)}.bx--inline-notification--low-contrast.bx--inline-notification--info::before,.bx--inline-notification--low-contrast.bx--inline-notification--info-square::before{border-color:var(--cds-support-04, #0043ce)}.bx--inline-notification--warning,.bx--inline-notification--warning-alt{border-left:3px solid var(--cds-inverse-support-03, #f1c21b);background:var(--cds-inverse-02, #393939)}.bx--inline-notification--warning .bx--inline-notification__icon,.bx--inline-notification--warning .bx--toast-notification__icon,.bx--inline-notification--warning .bx--actionable-notification__icon,.bx--inline-notification--warning-alt .bx--inline-notification__icon,.bx--inline-notification--warning-alt .bx--toast-notification__icon,.bx--inline-notification--warning-alt .bx--actionable-notification__icon{fill:var(--cds-inverse-support-03, #f1c21b)}.bx--inline-notification--low-contrast.bx--inline-notification--warning,.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt{border-left:3px solid var(--cds-support-03, #f1c21b);background:var(--cds-notification-background-warning, rgb(252.9, 245.85, 220.8))}.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--inline-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--toast-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--warning .bx--actionable-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--inline-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--toast-notification__icon,.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt .bx--actionable-notification__icon{fill:var(--cds-support-03, #f1c21b)}.bx--inline-notification--low-contrast.bx--inline-notification--warning::before,.bx--inline-notification--low-contrast.bx--inline-notification--warning-alt::before{border-color:var(--cds-support-03, #f1c21b)}.bx--inline-notification--warning .bx--inline-notification__icon path[opacity="0"]{fill:#000;opacity:1}.bx--inline-notification__details{display:flex;flex-grow:1;margin:0 3rem 0 1rem}@media(min-width: 42rem){.bx--inline-notification__details{margin:0 1rem}}.bx--inline-notification__icon{flex-shrink:0;margin-top:.875rem;margin-right:1rem}.bx--inline-notification__text-wrapper{display:flex;flex-wrap:wrap;padding:.9375rem 0}.bx--inline-notification__title{font-size:var(--cds-productive-heading-01-font-size, 0.875rem);font-weight:var(--cds-productive-heading-01-font-weight, 600);line-height:var(--cds-productive-heading-01-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-01-letter-spacing, 0.16px);margin:0 .25rem 0 0}.bx--inline-notification__subtitle{font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);word-break:break-word}.bx--inline-notification__action-button.bx--btn--ghost{height:2rem;margin-bottom:.5rem;margin-left:2.5rem}@media(min-width: 42rem){.bx--inline-notification__action-button.bx--btn--ghost{margin:.5rem 0}}.bx--inline-notification:not(.bx--inline-notification--low-contrast) .bx--inline-notification__action-button.bx--btn--ghost{color:var(--cds-inverse-link, #78a9ff)}.bx--inline-notification__action-button.bx--btn--ghost:active,.bx--inline-notification__action-button.bx--btn--ghost:hover{background-color:var(--cds-inverse-hover-ui, #4c4c4c)}.bx--inline-notification--low-contrast .bx--inline-notification__action-button.bx--btn--ghost:active,.bx--inline-notification--low-contrast .bx--inline-notification__action-button.bx--btn--ghost:hover{background-color:var(--cds-notification-action-hover, #ffffff)}.bx--inline-notification__action-button.bx--btn--ghost:focus{border-color:rgba(0,0,0,0);box-shadow:none;outline:2px solid var(--cds-inverse-focus-ui, #ffffff);outline-offset:-2px}.bx--inline-notification--low-contrast .bx--inline-notification__action-button.bx--btn--ghost:focus{outline-color:var(--cds-focus, #0f62fe)}.bx--inline-notification--hide-close-button .bx--inline-notification__action-button.bx--btn--ghost{margin-right:.5rem}.bx--inline-notification__close-button{outline:2px solid rgba(0,0,0,0);outline-offset:-2px;position:absolute;top:0;right:0;display:flex;width:3rem;min-width:3rem;max-width:3rem;height:3rem;flex-direction:column;align-items:center;justify-content:center;padding:0;border:none;background:rgba(0,0,0,0);cursor:pointer;transition:outline 110ms cubic-bezier(0.2, 0, 0.38, 0.9),background-color 110ms cubic-bezier(0.2, 0, 0.38, 0.9)}.bx--inline-notification__close-button:focus{outline:2px solid var(--cds-inverse-focus-ui, #ffffff);outline-offset:-2px}.bx--inline-notification__close-button .bx--inline-notification__close-icon{fill:var(--cds-inverse-01, #ffffff)}@media(min-width: 42rem){.bx--inline-notification__close-button{position:static}}.bx--inline-notification--low-contrast .bx--inline-notification__close-button:focus{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--inline-notification--low-contrast .bx--inline-notification__close-button:focus{outline-style:dotted}}.bx--inline-notification--low-contrast .bx--inline-notification__close-button .bx--inline-notification__close-icon{fill:var(--cds-icon-01, #161616)}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--inline-notification{outline:1px solid rgba(0,0,0,0)}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--inline-notification__close-button:focus,.bx--btn.bx--btn--ghost.bx--inline-notification__action-button:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--inline-notification .bx--inline-notification__close-icon{fill:ButtonText}}.bx--toast-notification{display:flex;width:18rem;height:auto;padding-left:1rem;margin-top:.5rem;margin-right:1rem;margin-bottom:.5rem;box-shadow:0 2px 6px 0 rgba(0,0,0,.2);color:var(--cds-inverse-01, #ffffff)}.bx--toast-notification:first-child{margin-top:1rem}@media(min-width: 99rem){.bx--toast-notification{width:22rem}}.bx--toast-notification:not(.bx--toast-notification--low-contrast) a{color:var(--cds-inverse-link, #78a9ff)}.bx--toast-notification a{text-decoration:none}.bx--toast-notification a:hover{text-decoration:underline}.bx--toast-notification a:focus{outline:1px solid var(--cds-inverse-link, #78a9ff)}.bx--toast-notification.bx--toast-notification--low-contrast a:focus{outline:1px solid var(--cds-focus, #0f62fe)}@media screen and (prefers-contrast){.bx--toast-notification.bx--toast-notification--low-contrast a:focus{outline-style:dotted}}.bx--toast-notification--low-contrast{color:var(--cds-text-01, #161616)}.bx--toast-notification--error{border-left:3px solid var(--cds-inverse-support-01, #fa4d56);background:var(--cds-inverse-02, #393939)}.bx--toast-notification--error .bx--inline-notification__icon,.bx--toast-notification--error .bx--toast-notification__icon,.bx--toast-notification--error .bx--actionable-notification__icon{fill:var(--cds-inverse-support-01, #fa4d56)}.bx--toast-notification--low-contrast.bx--toast-notification--error{border-left:3px solid var(--cds-support-01, #da1e28);background:var(--cds-notification-background-error, #fff1f1)}.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--inline-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--toast-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--error .bx--actionable-notification__icon{fill:var(--cds-support-01, #da1e28)}.bx--toast-notification--success{border-left:3px solid var(--cds-inverse-support-02, #42be65);background:var(--cds-inverse-02, #393939)}.bx--toast-notification--success .bx--inline-notification__icon,.bx--toast-notification--success .bx--toast-notification__icon,.bx--toast-notification--success .bx--actionable-notification__icon{fill:var(--cds-inverse-support-02, #42be65)}.bx--toast-notification--low-contrast.bx--toast-notification--success{border-left:3px solid var(--cds-support-02, #198038);background:var(--cds-notification-background-success, #defbe6)}.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--inline-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--toast-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--success .bx--actionable-notification__icon{fill:var(--cds-support-02, #198038)}.bx--toast-notification--info,.bx--toast-notification--info-square{border-left:3px solid var(--cds-inverse-support-04, #4589ff);background:var(--cds-inverse-02, #393939)}.bx--toast-notification--info .bx--inline-notification__icon,.bx--toast-notification--info .bx--toast-notification__icon,.bx--toast-notification--info .bx--actionable-notification__icon,.bx--toast-notification--info-square .bx--inline-notification__icon,.bx--toast-notification--info-square .bx--toast-notification__icon,.bx--toast-notification--info-square .bx--actionable-notification__icon{fill:var(--cds-inverse-support-04, #4589ff)}.bx--toast-notification--low-contrast.bx--toast-notification--info,.bx--toast-notification--low-contrast.bx--toast-notification--info-square{border-left:3px solid var(--cds-support-04, #0043ce);background:var(--cds-notification-background-info, #edf5ff)}.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--inline-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--toast-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--info .bx--actionable-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--inline-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--toast-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--info-square .bx--actionable-notification__icon{fill:var(--cds-support-04, #0043ce)}.bx--toast-notification--warning,.bx--toast-notification--warning-alt{border-left:3px solid var(--cds-inverse-support-03, #f1c21b);background:var(--cds-inverse-02, #393939)}.bx--toast-notification--warning .bx--inline-notification__icon,.bx--toast-notification--warning .bx--toast-notification__icon,.bx--toast-notification--warning .bx--actionable-notification__icon,.bx--toast-notification--warning-alt .bx--inline-notification__icon,.bx--toast-notification--warning-alt .bx--toast-notification__icon,.bx--toast-notification--warning-alt .bx--actionable-notification__icon{fill:var(--cds-inverse-support-03, #f1c21b)}.bx--toast-notification--low-contrast.bx--toast-notification--warning,.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt{border-left:3px solid var(--cds-support-03, #f1c21b);background:var(--cds-notification-background-warning, rgb(252.9, 245.85, 220.8))}.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--inline-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--toast-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--warning .bx--actionable-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--inline-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--toast-notification__icon,.bx--toast-notification--low-contrast.bx--toast-notification--warning-alt .bx--actionable-notification__icon{fill:var(--cds-support-03, #f1c21b)}.bx--toast-notification--warning .bx--toast-notification__icon path[opacity="0"]{fill:#000;opacity:1}.bx--toast-notification__icon{flex-shrink:0;margin-top:1rem;margin-right:1rem}.bx--toast-notification__details{margin-right:1rem}.bx--toast-notification__close-button{outline:2px solid rgba(0,0,0,0);outline-offset:-2px;display:flex;width:3rem;min-width:3rem;height:3rem;min-height:3rem;flex-direction:column;align-items:center;justify-content:center;padding:0;border:none;margin-left:auto;background-color:rgba(0,0,0,0);cursor:pointer;transition:outline 110ms,background-color 110ms}.bx--toast-notification__close-button:focus{outline:2px solid var(--cds-inverse-focus-ui, #ffffff);outline-offset:-2px}.bx--toast-notification__close-button .bx--toast-notification__close-icon{fill:var(--cds-inverse-01, #ffffff)}.bx--toast-notification--low-contrast .bx--toast-notification__close-button:focus{outline:2px solid var(--cds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--toast-notification--low-contrast .bx--toast-notification__close-button:focus{outline-style:dotted}}.bx--toast-notification--low-contrast .bx--toast-notification__close-button .bx--toast-notification__close-icon{fill:var(--cds-icon-01, #161616)}.bx--toast-notification__title{font-size:var(--cds-productive-heading-01-font-size, 0.875rem);font-weight:var(--cds-productive-heading-01-font-weight, 600);line-height:var(--cds-productive-heading-01-line-height, 1.28572);letter-spacing:var(--cds-productive-heading-01-letter-spacing, 0.16px);margin-top:1rem;font-weight:600;word-break:break-word}.bx--toast-notification__subtitle{font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);margin-top:0;margin-bottom:1rem;color:var(--cds-inverse-01, #ffffff);word-break:break-word}.bx--toast-notification--low-contrast .bx--toast-notification__subtitle{color:var(--cds-text-primary, #161616)}.bx--toast-notification__caption{font-size:var(--cds-body-short-01-font-size, 0.875rem);font-weight:var(--cds-body-short-01-font-weight, 400);line-height:var(--cds-body-short-01-line-height, 1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing, 0.16px);padding-top:.5rem;margin-bottom:1rem;color:var(--cds-inverse-01, #ffffff)}.bx--toast-notification--low-contrast .bx--toast-notification__caption{color:var(--cds-text-01, #161616)}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--toast-notification{outline:1px solid rgba(0,0,0,0)}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--toast-notification__close-button:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.bx--toast-notification .bx--toast-notification__close-icon{fill:ButtonText}}.bx--popover{--cds-popover-offset: 0rem;--cds-popover-caret-offset: 1rem;position:absolute;z-index:6000;display:none}.bx--popover::before{position:absolute;display:block;content:""}.bx--popover--open{display:block}.bx--popover-contents{box-shadow:0 2px 6px var(--cds-shadow, rgba(0, 0, 0, 0.3));position:relative;width:-webkit-max-content;width:max-content;max-width:23rem;background-color:var(--cds-ui-01, #f4f4f4);border-radius:2px;color:var(--cds-text-01, #161616)}.bx--popover--light .bx--popover-contents{background-color:var(--cds-ui-background, #ffffff)}.bx--popover--high-contrast .bx--popover-contents{background-color:var(--cds-inverse-02, #393939);color:var(--cds-inverse-01, #ffffff)}.bx--popover--caret{--cds-popover-offset: 0.5rem}.bx--popover--caret .bx--popover-contents::before,.bx--popover--caret .bx--popover-contents::after{position:absolute;display:inline-block;width:.5rem;height:.5rem;background-color:inherit;content:""}.bx--popover--caret .bx--popover-contents::before{z-index:-1;box-shadow:2px 2px 6px 0 rgba(0,0,0,.2)}.bx--popover--bottom{bottom:0;left:50%;-webkit-transform:translate(-50%, calc(100% + var(--cds-popover-offset)));transform:translate(-50%, calc(100% + var(--cds-popover-offset)))}.bx--popover--caret.bx--popover--bottom .bx--popover-contents::before,.bx--popover--caret.bx--popover--bottom .bx--popover-contents::after{top:0;left:50%;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.bx--popover--bottom-left{bottom:0;left:0;-webkit-transform:translateY(calc(100% + var(--cds-popover-offset)));transform:translateY(calc(100% + var(--cds-popover-offset)))}.bx--popover--caret.bx--popover--bottom-left .bx--popover-contents::before,.bx--popover--caret.bx--popover--bottom-left .bx--popover-contents::after{top:0;left:0;-webkit-transform:translate(var(--cds-popover-caret-offset), -50%) rotate(45deg);transform:translate(var(--cds-popover-caret-offset), -50%) rotate(45deg)}.bx--popover--bottom-right{right:0;bottom:0;-webkit-transform:translateY(calc(100% + var(--cds-popover-offset)));transform:translateY(calc(100% + var(--cds-popover-offset)))}.bx--popover--caret.bx--popover--bottom-right .bx--popover-contents::before,.bx--popover--caret.bx--popover--bottom-right .bx--popover-contents::after{top:0;right:0;-webkit-transform:translate(calc(-1 * var(--cds-popover-caret-offset)), -50%) rotate(45deg);transform:translate(calc(-1 * var(--cds-popover-caret-offset)), -50%) rotate(45deg)}.bx--popover--bottom.bx--popover::before,.bx--popover--bottom-left.bx--popover::before,.bx--popover--bottom-right.bx--popover::before{top:0;right:0;left:0;height:var(--cds-popover-offset);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.bx--popover--top{bottom:100%;left:50%;-webkit-transform:translate(-50%, calc(-1 * var(--cds-popover-offset)));transform:translate(-50%, calc(-1 * var(--cds-popover-offset)))}.bx--popover--caret.bx--popover--top .bx--popover-contents::before,.bx--popover--caret.bx--popover--top .bx--popover-contents::after{bottom:0;left:50%;-webkit-transform:translate(-50%, 50%) rotate(45deg);transform:translate(-50%, 50%) rotate(45deg)}.bx--popover--top-left{bottom:100%;left:0;-webkit-transform:translateY(calc(-1 * var(--cds-popover-offset)));transform:translateY(calc(-1 * var(--cds-popover-offset)))}.bx--popover--caret.bx--popover--top-left .bx--popover-contents::before,.bx--popover--caret.bx--popover--top-left .bx--popover-contents::after{bottom:0;left:0;-webkit-transform:translate(var(--cds-popover-caret-offset), 50%) rotate(45deg);transform:translate(var(--cds-popover-caret-offset), 50%) rotate(45deg)}.bx--popover--top-right{right:0;bottom:100%;-webkit-transform:translateY(calc(-1 * var(--cds-popover-offset)));transform:translateY(calc(-1 * var(--cds-popover-offset)))}.bx--popover--caret.bx--popover--top-right .bx--popover-contents::before,.bx--popover--caret.bx--popover--top-right .bx--popover-contents::after{right:0;bottom:0;-webkit-transform:translate(calc(-1 * var(--cds-popover-caret-offset)), 50%) rotate(45deg);transform:translate(calc(-1 * var(--cds-popover-caret-offset)), 50%) rotate(45deg)}.bx--popover--top.bx--popover::before,.bx--popover--top-left.bx--popover::before,.bx--popover--top-right.bx--popover::before{right:0;bottom:0;left:0;height:var(--cds-popover-offset);-webkit-transform:translateY(100%);transform:translateY(100%)}.bx--popover--right{top:50%;left:100%;-webkit-transform:translate(var(--cds-popover-offset), -50%);transform:translate(var(--cds-popover-offset), -50%)}.bx--popover--caret.bx--popover--right .bx--popover-contents::before,.bx--popover--caret.bx--popover--right .bx--popover-contents::after{top:50%;left:0;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.bx--popover--right-top{top:0;left:100%;-webkit-transform:translateX(8px);transform:translateX(8px)}.bx--popover--caret.bx--popover--right-top .bx--popover-contents::before,.bx--popover--caret.bx--popover--right-top .bx--popover-contents::after{top:0;left:0;-webkit-transform:translate(-50%, var(--cds-popover-caret-offset)) rotate(45deg);transform:translate(-50%, var(--cds-popover-caret-offset)) rotate(45deg)}.bx--popover--right-bottom{bottom:0;left:100%;-webkit-transform:translateX(var(--cds-popover-offset));transform:translateX(var(--cds-popover-offset))}.bx--popover--caret.bx--popover--right-bottom .bx--popover-contents::before,.bx--popover--caret.bx--popover--right-bottom .bx--popover-contents::after{bottom:0;left:0;-webkit-transform:translate(-50%, calc(-1 * var(--cds-popover-caret-offset))) rotate(45deg);transform:translate(-50%, calc(-1 * var(--cds-popover-caret-offset))) rotate(45deg)}.bx--popover--right.bx--popover::before,.bx--popover--right-top.bx--popover::before,.bx--popover--right-bottom.bx--popover::before{top:0;bottom:0;left:0;width:var(--cds-popover-offset);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.bx--popover--left{top:50%;right:100%;-webkit-transform:translate(calc(-1 * var(--cds-popover-offset)), -50%);transform:translate(calc(-1 * var(--cds-popover-offset)), -50%)}.bx--popover--caret.bx--popover--left .bx--popover-contents::before,.bx--popover--caret.bx--popover--left .bx--popover-contents::after{top:50%;right:0;-webkit-transform:translate(50%, -50%) rotate(45deg);transform:translate(50%, -50%) rotate(45deg)}.bx--popover--left-top{top:0;right:100%;-webkit-transform:translateX(calc(-1 * var(--cds-popover-offset)));transform:translateX(calc(-1 * var(--cds-popover-offset)))}.bx--popover--caret.bx--popover--left-top .bx--popover-contents::before,.bx--popover--caret.bx--popover--left-top .bx--popover-contents::after{top:0;right:0;-webkit-transform:translate(50%, var(--cds-popover-caret-offset)) rotate(45deg);transform:translate(50%, var(--cds-popover-caret-offset)) rotate(45deg)}.bx--popover--left-bottom{right:100%;bottom:0;-webkit-transform:translateX(calc(-1 * var(--cds-popover-offset)));transform:translateX(calc(-1 * var(--cds-popover-offset)))}.bx--popover--caret.bx--popover--left-bottom .bx--popover-contents::before,.bx--popover--caret.bx--popover--left-bottom .bx--popover-contents::after{right:0;bottom:0;-webkit-transform:translate(50%, calc(-1 * var(--cds-popover-caret-offset))) rotate(45deg);transform:translate(50%, calc(-1 * var(--cds-popover-caret-offset))) rotate(45deg)}.bx--popover--left.bx--popover::before,.bx--popover--left-top.bx--popover::before,.bx--popover--left-bottom.bx--popover::before{top:0;right:0;bottom:0;width:var(--cds-popover-offset);-webkit-transform:translateX(100%);transform:translateX(100%)}.bx--checkbox-wrapper--readonly .bx--checkbox-label{cursor:default}.bx--checkbox-wrapper--readonly .bx--checkbox-label-text{cursor:text;-webkit-user-select:text;-ms-user-select:text;user-select:text}.bx--checkbox-wrapper--readonly .bx--checkbox+.bx--checkbox-label::before{border-color:var(--cds-disabled-02, #c6c6c6)}.bx--checkbox-wrapper--readonly .bx--checkbox:checked+.bx--checkbox-label::before{border:1px solid var(--cds-disabled-02, #c6c6c6);background:rgba(0,0,0,0)}.bx--checkbox-wrapper--readonly .bx--checkbox:checked+.bx--checkbox-label::after{border-color:var(--cds-text-01, #161616)}.bx--text-area--warning{padding-right:2.5rem}.bx--text-area__invalid-icon.bx--text-area__invalid-icon--warning{fill:var(--cds-support-warning, #f1c21b)}.bx--text-area__invalid-icon.bx--text-area__invalid-icon--warning path[fill]{fill:var(--cds-inverse-01, #ffffff);opacity:1}.bx--text-area__wrapper[data-warn]~.bx--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}:root{--cds-interactive-01: #0f62fe;--cds-interactive-02: #393939;--cds-interactive-03: #0f62fe;--cds-interactive-04: #0f62fe;--cds-ui-background: #ffffff;--cds-ui-01: #f4f4f4;--cds-ui-02: #ffffff;--cds-ui-03: #e0e0e0;--cds-ui-04: #8d8d8d;--cds-ui-05: #161616;--cds-text-01: #161616;--cds-text-02: #525252;--cds-text-03: #a8a8a8;--cds-text-04: #ffffff;--cds-text-05: #6f6f6f;--cds-text-error: #da1e28;--cds-icon-01: #161616;--cds-icon-02: #525252;--cds-icon-03: #ffffff;--cds-link-01: #0f62fe;--cds-link-02: #0043ce;--cds-inverse-link: #78a9ff;--cds-field-01: #f4f4f4;--cds-field-02: #ffffff;--cds-inverse-01: #ffffff;--cds-inverse-02: #393939;--cds-support-01: #da1e28;--cds-support-02: #198038;--cds-support-03: #f1c21b;--cds-support-04: #0043ce;--cds-inverse-support-01: #fa4d56;--cds-inverse-support-02: #42be65;--cds-inverse-support-03: #f1c21b;--cds-inverse-support-04: #4589ff;--cds-overlay-01: rgba(22, 22, 22, 0.5);--cds-danger-01: #da1e28;--cds-danger-02: #da1e28;--cds-focus: #0f62fe;--cds-inverse-focus-ui: #ffffff;--cds-hover-primary: #0353e9;--cds-active-primary: #002d9c;--cds-hover-primary-text: #0043ce;--cds-hover-secondary: #4c4c4c;--cds-active-secondary: #6f6f6f;--cds-hover-tertiary: #0353e9;--cds-active-tertiary: #002d9c;--cds-hover-ui: #e5e5e5;--cds-hover-light-ui: #e5e5e5;--cds-hover-selected-ui: #cacaca;--cds-active-ui: #c6c6c6;--cds-active-light-ui: #c6c6c6;--cds-selected-ui: #e0e0e0;--cds-selected-light-ui: #e0e0e0;--cds-inverse-hover-ui: #4c4c4c;--cds-hover-danger: #b81921;--cds-active-danger: #750e13;--cds-hover-row: #e5e5e5;--cds-visited-link: #8a3ffc;--cds-disabled-01: #f4f4f4;--cds-disabled-02: #c6c6c6;--cds-disabled-03: #8d8d8d;--cds-highlight: #d0e2ff;--cds-decorative-01: #e0e0e0;--cds-button-separator: #e0e0e0;--cds-skeleton-01: #e5e5e5;--cds-skeleton-02: #c6c6c6;--cds-background: #ffffff;--cds-layer: #f4f4f4;--cds-layer-accent: #e0e0e0;--cds-layer-accent-hover: #d1d1d1;--cds-layer-accent-active: #a8a8a8;--cds-field: #f4f4f4;--cds-background-inverse: #393939;--cds-background-brand: #0f62fe;--cds-interactive: #0f62fe;--cds-border-subtle: #e0e0e0;--cds-border-strong: #8d8d8d;--cds-border-inverse: #161616;--cds-border-interactive: #0f62fe;--cds-text-primary: #161616;--cds-text-secondary: #525252;--cds-text-placeholder: #a8a8a8;--cds-text-helper: #6f6f6f;--cds-text-on-color: #ffffff;--cds-text-inverse: #ffffff;--cds-link-primary: #0f62fe;--cds-link-secondary: #0043ce;--cds-link-visited: #8a3ffc;--cds-link-inverse: #78a9ff;--cds-icon-primary: #161616;--cds-icon-secondary: #525252;--cds-icon-on-color: #ffffff;--cds-icon-inverse: #ffffff;--cds-support-error: #da1e28;--cds-support-success: #198038;--cds-support-warning: #f1c21b;--cds-support-info: #0043ce;--cds-support-error-inverse: #fa4d56;--cds-support-success-inverse: #42be65;--cds-support-warning-inverse: #f1c21b;--cds-support-info-inverse: #4589ff;--cds-overlay: rgba(22, 22, 22, 0.5);--cds-toggle-off: #8d8d8d;--cds-shadow: rgba(0, 0, 0, 0.3);--cds-button-primary: #0f62fe;--cds-button-secondary: #393939;--cds-button-tertiary: #0f62fe;--cds-button-danger-primary: #da1e28;--cds-button-danger-secondary: #da1e28;--cds-background-active: #c6c6c6;--cds-layer-active: #c6c6c6;--cds-button-danger-active: #750e13;--cds-button-primary-active: #002d9c;--cds-button-secondary-active: #6f6f6f;--cds-button-tertiary-active: #002d9c;--cds-focus-inset: #ffffff;--cds-focus-inverse: #ffffff;--cds-background-hover: #e5e5e5;--cds-layer-hover: #e5e5e5;--cds-field-hover: #e5e5e5;--cds-background-inverse-hover: #4c4c4c;--cds-link-primary-hover: #0043ce;--cds-button-danger-hover: #b81921;--cds-button-primary-hover: #0353e9;--cds-button-secondary-hover: #4c4c4c;--cds-button-tertiary-hover: #0353e9;--cds-background-selected: #e0e0e0;--cds-background-selected-hover: #cacaca;--cds-layer-selected: #e0e0e0;--cds-layer-selected-hover: #cacaca;--cds-layer-selected-inverse: #161616;--cds-border-subtle-selected: #c6c6c6;--cds-border-disabled: #f4f4f4;--cds-text-disabled: #c6c6c6;--cds-button-disabled: #c6c6c6;--cds-icon-disabled: #c6c6c6;--cds-text-on-color-disabled: #8d8d8d;--cds-icon-on-color-disabled: #8d8d8d;--cds-layer-selected-disabled: #8d8d8d;--cds-skeleton-background: #e5e5e5;--cds-skeleton-element: #c6c6c6;--cds-brand-01: #0f62fe;--cds-brand-02: #393939;--cds-brand-03: #0f62fe;--cds-active-01: #c6c6c6;--cds-hover-field: #e5e5e5;--cds-danger: #da1e28;--cds-caption-01-font-size: 0.75rem;--cds-caption-01-font-weight: 400;--cds-caption-01-line-height: 1.33333;--cds-caption-01-letter-spacing: 0.32px;--cds-caption-02-font-size: 0.875rem;--cds-caption-02-font-weight: 400;--cds-caption-02-line-height: 1.28572;--cds-caption-02-letter-spacing: 0.32px;--cds-label-01-font-size: 0.75rem;--cds-label-01-font-weight: 400;--cds-label-01-line-height: 1.33333;--cds-label-01-letter-spacing: 0.32px;--cds-label-02-font-size: 0.875rem;--cds-label-02-font-weight: 400;--cds-label-02-line-height: 1.28572;--cds-label-02-letter-spacing: 0.16px;--cds-helper-text-01-font-size: 0.75rem;--cds-helper-text-01-line-height: 1.33333;--cds-helper-text-01-letter-spacing: 0.32px;--cds-helper-text-02-font-size: 0.875rem;--cds-helper-text-02-line-height: 1.28572;--cds-helper-text-02-letter-spacing: 0.16px;--cds-body-short-01-font-size: 0.875rem;--cds-body-short-01-font-weight: 400;--cds-body-short-01-line-height: 1.28572;--cds-body-short-01-letter-spacing: 0.16px;--cds-body-long-01-font-size: 0.875rem;--cds-body-long-01-font-weight: 400;--cds-body-long-01-line-height: 1.42857;--cds-body-long-01-letter-spacing: 0.16px;--cds-body-short-02-font-size: 1rem;--cds-body-short-02-font-weight: 400;--cds-body-short-02-line-height: 1.375;--cds-body-short-02-letter-spacing: 0;--cds-body-long-02-font-size: 1rem;--cds-body-long-02-font-weight: 400;--cds-body-long-02-line-height: 1.5;--cds-body-long-02-letter-spacing: 0;--cds-code-01-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;--cds-code-01-font-size: 0.75rem;--cds-code-01-font-weight: 400;--cds-code-01-line-height: 1.33333;--cds-code-01-letter-spacing: 0.32px;--cds-code-02-font-family: 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;--cds-code-02-font-size: 0.875rem;--cds-code-02-font-weight: 400;--cds-code-02-line-height: 1.42857;--cds-code-02-letter-spacing: 0.32px;--cds-heading-01-font-size: 0.875rem;--cds-heading-01-font-weight: 600;--cds-heading-01-line-height: 1.42857;--cds-heading-01-letter-spacing: 0.16px;--cds-productive-heading-01-font-size: 0.875rem;--cds-productive-heading-01-font-weight: 600;--cds-productive-heading-01-line-height: 1.28572;--cds-productive-heading-01-letter-spacing: 0.16px;--cds-heading-02-font-size: 1rem;--cds-heading-02-font-weight: 600;--cds-heading-02-line-height: 1.5;--cds-heading-02-letter-spacing: 0;--cds-productive-heading-02-font-size: 1rem;--cds-productive-heading-02-font-weight: 600;--cds-productive-heading-02-line-height: 1.375;--cds-productive-heading-02-letter-spacing: 0;--cds-productive-heading-03-font-size: 1.25rem;--cds-productive-heading-03-font-weight: 400;--cds-productive-heading-03-line-height: 1.4;--cds-productive-heading-03-letter-spacing: 0;--cds-productive-heading-04-font-size: 1.75rem;--cds-productive-heading-04-font-weight: 400;--cds-productive-heading-04-line-height: 1.28572;--cds-productive-heading-04-letter-spacing: 0;--cds-productive-heading-05-font-size: 2rem;--cds-productive-heading-05-font-weight: 400;--cds-productive-heading-05-line-height: 1.25;--cds-productive-heading-05-letter-spacing: 0;--cds-productive-heading-06-font-size: 2.625rem;--cds-productive-heading-06-font-weight: 300;--cds-productive-heading-06-line-height: 1.199;--cds-productive-heading-06-letter-spacing: 0;--cds-productive-heading-07-font-size: 3.375rem;--cds-productive-heading-07-font-weight: 300;--cds-productive-heading-07-line-height: 1.199;--cds-productive-heading-07-letter-spacing: 0;--cds-expressive-heading-01-font-size: 0.875rem;--cds-expressive-heading-01-font-weight: 600;--cds-expressive-heading-01-line-height: 1.25;--cds-expressive-heading-01-letter-spacing: 0.16px;--cds-expressive-heading-02-font-size: 1rem;--cds-expressive-heading-02-font-weight: 600;--cds-expressive-heading-02-line-height: 1.5;--cds-expressive-heading-02-letter-spacing: 0;--cds-expressive-heading-03-font-size: 1.25rem;--cds-expressive-heading-03-font-weight: 400;--cds-expressive-heading-03-line-height: 1.4;--cds-expressive-heading-03-letter-spacing: 0;--cds-expressive-heading