.surface{--layout-bg:var(--color-surface);--container-color:var(--color-surface);--icon-color:var(--color-on-surface);--text-color:var(--color-on-surface)}.surface-bright{--layout-bg:var(--color-surface-bright);--container-color:var(--color-surface-bright);--icon-color:var(--color-on-surface);--text-color:var(--color-on-surface)}.surface-dim{--layout-bg:var(--color-surface-dim);--container-color:var(--color-surface-dim);--icon-color:var(--color-on-surface);--text-color:var(--color-on-surface)}.surface-container-lowest{--layout-bg:var(--color-surface-container-lowest);--container-color:var(--color-surface-container-lowest);--icon-color:var(--color-on-surface);--text-color:var(--color-on-surface)}.surface-container-low{--layout-bg:var(--color-surface-container-low);--container-color:var(--color-surface-container-low);--icon-color:var(--color-on-surface);--text-color:var(--color-on-surface)}.surface-container{--layout-bg:var(--color-surface-container);--container-color:var(--color-surface-container);--icon-color:var(--color-on-surface);--text-color:var(--color-on-surface)}.surface-container-high{--layout-bg:var(--color-surface-container-high);--container-color:var(--color-surface-container-high);--icon-color:var(--color-on-surface);--text-color:var(--color-on-surface)}.surface-container-highest{--layout-bg:var(--color-surface-container-highest);--container-color:var(--color-surface-container-highest);--icon-color:var(--color-on-surface);--text-color:var(--color-on-surface)}.on-surface{--icon-color:var(--color-on-surface);--text-color:var(--color-on-surface)}.on-surface-variant{--icon-color:var(--color-on-surface-variant);--text-color:var(--color-on-surface-variant)}.primary{--layout-bg:var(--color-primary);--container-color:var(--color-primary);--icon-color:var(--color-on-primary);--text-color:var(--color-on-primary)}.primary-container{--layout-bg:var(--color-primary-container);--container-color:var(--color-primary-container);--icon-color:var(--color-on-primary-container);--text-color:var(--color-on-primary-container)}.secondary{--layout-bg:var(--color-secondary);--container-color:var(--color-secondary);--icon-color:var(--color-on-secondary);--text-color:var(--color-on-secondary)}.secondary-container{--layout-bg:var(--color-secondary-container);--container-color:var(--color-secondary-container);--icon-color:var(--color-on-secondary-container);--text-color:var(--color-on-secondary-container)}.tertiary{--layout-bg:var(--color-tertiary);--container-color:var(--color-tertiary);--icon-color:var(--color-on-tertiary);--text-color:var(--color-on-tertiary)}.tertiary-container{--layout-bg:var(--color-tertiary-container);--container-color:var(--color-tertiary-container);--icon-color:var(--color-on-tertiary-container);--text-color:var(--color-on-tertiary-container)}.inverse-surface{--layout-bg:var(--color-inverse-surface);--container-color:var(--color-inverse-surface);--icon-color:var(--color-inverse-on-surface);--text-color:var(--color-inverse-on-surface)}.inverse-primary{--layout-bg:var(--color-inverse-surface);--container-color:var(--color-inverse-surface);--icon-color:var(--color-inverse-primary);--text-color:var(--color-inverse-primary)}.error{--layout-bg:var(--color-error);--container-color:var(--color-error);--icon-color:var(--color-on-error);--text-color:var(--color-on-error)}.error-container{--layout-bg:var(--color-error-container);--container-color:var(--color-error-container);--icon-color:var(--color-on-error-container);--text-color:var(--color-on-error-container)}.scrim{--layout-bg:var(--color-scrim);--container-color:var(--color-scrim)}.shadow{--layout-bg:var(--color-shadow);--container-color:var(--color-shadow)}.outline{--border:1px solid var(--color-outline);--container-outline:1px solid var(--color-outline)}.outline-variant{--border:1px solid var(--color-outline-variant);--container-outline:1px solid var(--color-outline-variant)}.primary-fixed{--layout-bg:var(--color-primary-fixed);--container-color:var(--color-primary-fixed)}.on-primary-fixed{--icon-color:var(--color-on-primary-fixed);--text-color:var(--color-on-primary-fixed)}.primary-fixed-dim{--layout-bg:var(--color-primary-fixed-dim);--container-color:var(--color-primary-fixed-dim)}.on-primary-fixed-variant{--icon-color:var(--color-on-primary-fixed-variant);--text-color:var(--color-on-primary-fixed-variant)}.secondary-fixed{--layout-bg:var(--color-secondary-fixed);--container-color:var(--color-secondary-fixed)}.on-secondary-fixed{--icon-color:var(--color-on-secondary-fixed);--text-color:var(--color-on-secondary-fixed)}.secondary-fixed-dim{--layout-bg:var(--color-secondary-fixed-dim);--container-color:var(--color-secondary-fixed-dim)}.on-secondary-fixed-variant{--icon-color:var(--color-on-secondary-fixed-variant);--text-color:var(--color-on-secondary-fixed-variant)}.tertiary-fixed{--layout-bg:var(--color-tertiary-fixed);--container-color:var(--color-tertiary-fixed)}.on-tertiary-fixed{--icon-color:var(--color-on-tertiary-fixed);--text-color:var(--color-on-tertiary-fixed)}.tertiary-fixed-dim{--layout-bg:var(--color-tertiary-fixed-dim);--container-color:var(--color-tertiary-fixed-dim)}.on-tertiary-fixed-variant{--icon-color:var(--color-on-tertiary-fixed-variant);--text-color:var(--color-on-tertiary-fixed-variant)}.warning{--layout-bg:var(--color-warning);--container-color:var(--color-warning);--text-color:var(--color-on-warning);--icon-color:var(--color-on-warning)}.warning-container{--layout-bg:var(--color-warning-container);--container-color:var(--color-warning-container);--text-color:var(--color-on-warning-container);--icon-color:var(--color-on-warning-container)}.caution{--layout-bg:var(--color-caution);--container-color:var(--color-caution);--text-color:var(--color-on-caution);--icon-color:var(--color-on-caution)}.caution-container{--layout-bg:var(--color-caution-container);--container-color:var(--color-caution-container);--text-color:var(--color-on-caution-container);--icon-color:var(--color-on-caution-container)}.important{--layout-bg:var(--color-important);--container-color:var(--color-important);--text-color:var(--color-on-important);--icon-color:var(--color-on-important)}.important-container{--layout-bg:var(--color-important-container);--container-color:var(--color-important-container);--text-color:var(--color-on-important-container);--icon-color:var(--color-on-important-container)}.pinned{--layout-bg:var(--color-pinned);--container-color:var(--color-pinned);--text-color:var(--color-on-pinned);--icon-color:var(--color-on-pinned)}.pinned-container{--layout-bg:var(--color-pinned-container);--container-color:var(--color-pinned-container);--text-color:var(--color-on-pinned-container);--icon-color:var(--color-on-pinned-container)}.verse{--layout-bg:var(--color-verse);--container-color:var(--color-verse);--text-color:var(--color-on-verse);--icon-color:var(--color-on-verse)}.verse-container{--layout-bg:var(--color-verse-container);--container-color:var(--color-verse-container);--text-color:var(--color-on-verse-container);--icon-color:var(--color-on-verse-container)}.export{--layout-bg:var(--color-export);--container-color:var(--color-export);--text-color:var(--color-on-export);--icon-color:var(--color-on-export)}.export-container{--layout-bg:var(--color-export-container);--container-color:var(--color-export-container);--text-color:var(--color-on-export-container);--icon-color:var(--color-on-export-container)}.query{--layout-bg:var(--color-query);--container-color:var(--color-query);--text-color:var(--color-on-query);--icon-color:var(--color-on-query)}.query-container{--layout-bg:var(--color-query-container);--container-color:var(--color-query-container);--text-color:var(--color-on-query-container);--icon-color:var(--color-on-query-container)}.note{--layout-bg:var(--color-note);--container-color:var(--color-note);--text-color:var(--color-on-note);--icon-color:var(--color-on-note)}.note-container{--layout-bg:var(--color-note-container);--container-color:var(--color-note-container);--text-color:var(--color-on-note-container);--icon-color:var(--color-on-note-container)}.tip{--layout-bg:var(--color-tip);--container-color:var(--color-tip);--text-color:var(--color-on-tip);--icon-color:var(--color-on-tip)}.tip-container{--layout-bg:var(--color-tip-container);--container-color:var(--color-tip-container);--text-color:var(--color-on-tip-container);--icon-color:var(--color-on-tip-container)}.example{--layout-bg:var(--color-example);--container-color:var(--color-example);--text-color:var(--color-on-example);--icon-color:var(--color-on-example)}.example-container{--layout-bg:var(--color-example-container);--container-color:var(--color-example-container);--text-color:var(--color-on-example-container);--icon-color:var(--color-on-example-container)}.comment{--layout-bg:var(--color-comment);--container-color:var(--color-comment);--text-color:var(--color-on-comment);--icon-color:var(--color-on-comment)}.comment-container{--layout-bg:var(--color-comment-container);--container-color:var(--color-comment-container);--text-color:var(--color-on-comment-container);--icon-color:var(--color-on-comment-container)}.quote{--layout-bg:var(--color-quote);--container-color:var(--color-quote);--text-color:var(--color-on-quote);--icon-color:var(--color-on-quote)}.quote-container{--layout-bg:var(--color-quote-container);--container-color:var(--color-quote-container);--text-color:var(--color-on-quote-container);--icon-color:var(--color-on-quote-container)}.sub180{--layout-bg:var(--color-sub180);--container-color:var(--color-sub180);--icon-color:var(--color-on-sub180);--text-color:var(--color-on-sub180)}.sub180-container{--layout-bg:var(--color-sub180-container);--container-color:var(--color-sub180-container);--icon-color:var(--color-on-sub180-container);--text-color:var(--color-on-sub180-container)}.sub150{--layout-bg:var(--color-sub150);--container-color:var(--color-sub150);--icon-color:var(--color-on-sub150);--text-color:var(--color-on-sub150)}.sub150-container{--layout-bg:var(--color-sub150-container);--container-color:var(--color-sub150-container);--icon-color:var(--color-on-sub150-container);--text-color:var(--color-on-sub150-container)}.sub120{--layout-bg:var(--color-sub120);--container-color:var(--color-sub120);--icon-color:var(--color-on-sub120);--text-color:var(--color-on-sub120)}.sub120-container{--layout-bg:var(--color-sub120-container);--container-color:var(--color-sub120-container);--icon-color:var(--color-on-sub120-container);--text-color:var(--color-on-sub120-container)}.sub90{--layout-bg:var(--color-sub90);--container-color:var(--color-sub90);--icon-color:var(--color-on-sub90);--text-color:var(--color-on-sub90)}.sub90-container{--layout-bg:var(--color-sub90-container);--container-color:var(--color-sub90-container);--icon-color:var(--color-on-sub90-container);--text-color:var(--color-on-sub90-container)}.sub60{--layout-bg:var(--color-sub60);--container-color:var(--color-sub60);--icon-color:var(--color-on-sub60);--text-color:var(--color-on-sub60)}.sub60-container{--layout-bg:var(--color-sub60-container);--container-color:var(--color-sub60-container);--icon-color:var(--color-on-sub60-container);--text-color:var(--color-on-sub60-container)}.sub30{--layout-bg:var(--color-sub30);--container-color:var(--color-sub30);--icon-color:var(--color-on-sub30);--text-color:var(--color-on-sub30)}.sub30-container{--layout-bg:var(--color-sub30-container);--container-color:var(--color-sub30-container);--icon-color:var(--color-on-sub30-container);--text-color:var(--color-on-sub30-container)}.add30{--layout-bg:var(--color-add30);--container-color:var(--color-add30);--icon-color:var(--color-on-add30);--text-color:var(--color-on-add30)}.add30-container{--layout-bg:var(--color-add30-container);--container-color:var(--color-add30-container);--icon-color:var(--color-on-add30-container);--text-color:var(--color-on-add30-container)}.add60{--layout-bg:var(--color-add60);--container-color:var(--color-add60);--icon-color:var(--color-on-add60);--text-color:var(--color-on-add60)}.add60-container{--layout-bg:var(--color-add60-container);--container-color:var(--color-add60-container);--icon-color:var(--color-on-add60-container);--text-color:var(--color-on-add60-container)}.add90{--layout-bg:var(--color-add90);--container-color:var(--color-add90);--icon-color:var(--color-on-add90);--text-color:var(--color-on-add90)}.add90-container{--layout-bg:var(--color-add90-container);--container-color:var(--color-add90-container);--icon-color:var(--color-on-add90-container);--text-color:var(--color-on-add90-container)}.add120{--layout-bg:var(--color-add120);--container-color:var(--color-add120);--icon-color:var(--color-on-add120);--text-color:var(--color-on-add120)}.add120-container{--layout-bg:var(--color-add120-container);--container-color:var(--color-add120-container);--icon-color:var(--color-on-add120-container);--text-color:var(--color-on-add120-container)}.add150{--layout-bg:var(--color-add150);--container-color:var(--color-add150);--icon-color:var(--color-on-add150);--text-color:var(--color-on-add150)}.add150-container{--layout-bg:var(--color-add150-container);--container-color:var(--color-add150-container);--icon-color:var(--color-on-add150-container);--text-color:var(--color-on-add150-container)}.add180{--layout-bg:var(--color-add180);--container-color:var(--color-add180);--icon-color:var(--color-on-add180);--text-color:var(--color-on-add180)}.add180-container{--layout-bg:var(--color-add180-container);--container-color:var(--color-add180-container);--icon-color:var(--color-on-add180-container);--text-color:var(--color-on-add180-container)}.complementary{--layout-bg:var(--color-complementary);--container-color:var(--color-complementary);--icon-color:var(--color-on-complementary);--text-color:var(--color-on-complementary)}.complementary-container{--layout-bg:var(--color-complementary-container);--container-color:var(--color-complementary-container);--icon-color:var(--color-on-complementary-container);--text-color:var(--color-on-complementary-container)}.elevation0{box-shadow:var(--elevation0)}.elevation1{box-shadow:var(--elevation1)}.elevation2{box-shadow:var(--elevation2)}.elevation3{box-shadow:var(--elevation3)}.elevation4{box-shadow:var(--elevation4)}.elevation5{box-shadow:var(--elevation5)}.motion-easing-standard{transition-timing-function:var(--motion-easing-standard);animation-timing-function:var(--motion-easing-standard)}.motion-easing-standard-decelerate{transition-timing-function:var(--motion-easing-standard-decelerate);animation-timing-function:var(--motion-easing-standard-decelerate)}.motion-easing-standard-accelerate{transition-timing-function:var(--motion-easing-standard-accelerate);animation-timing-function:var(--motion-easing-standard-accelerate)}.motion-easing-emphasized{transition-timing-function:var(--motion-easing-emphasized);animation-timing-function:var(--motion-easing-emphasized)}.motion-easing-emphasized-decelerate{transition-timing-function:var(--motion-easing-emphasized-decelerate);animation-timing-function:var(--motion-easing-emphasized-decelerate)}.motion-easing-emphasized-accelerate{transition-timing-function:var(--motion-easing-emphasized-accelerate);animation-timing-function:var(--motion-easing-emphasized-accelerate)}.motion-easing-emphasized{transition-timing-function:var(--motion-easing-linear);animation-timing-function:var(--motion-easing-linear)}.motion-duration-short1{transition-duration:var(--motion-duration-short1);animation-duration:var(--motion-duration-short1)}.motion-duration-short2{transition-duration:var(--motion-duration-short2);animation-duration:var(--motion-duration-short2)}.motion-duration-short3{transition-duration:var(--motion-duration-short3);animation-duration:var(--motion-duration-short3)}.motion-duration-short4{transition-duration:var(--motion-duration-short4);animation-duration:var(--motion-duration-short4)}.motion-duration-medium1{transition-duration:var(--motion-duration-medium1);animation-duration:var(--motion-duration-medium1)}.motion-duration-medium2{transition-duration:var(--motion-duration-medium2);animation-duration:var(--motion-duration-medium2)}.motion-duration-medium3{transition-duration:var(--motion-duration-medium3);animation-duration:var(--motion-duration-medium3)}.motion-duration-medium4{transition-duration:var(--motion-duration-medium4);animation-duration:var(--motion-duration-medium4)}.motion-duration-long1{transition-duration:var(--motion-duration-long1);animation-duration:var(--motion-duration-long1)}.motion-duration-long2{transition-duration:var(--motion-duration-long2);animation-duration:var(--motion-duration-long2)}.motion-duration-long3{transition-duration:var(--motion-duration-long3);animation-duration:var(--motion-duration-long3)}.motion-duration-long4{transition-duration:var(--motion-duration-long4);animation-duration:var(--motion-duration-long4)}.motion-duration-extra-long1{transition-duration:var(--motion-duration-extra-long1);animation-duration:var(--motion-duration-extra-long1)}.motion-duration-extra-long2{transition-duration:var(--motion-duration-extra-long2);animation-duration:var(--motion-duration-extra-long2)}.motion-duration-extra-long3{transition-duration:var(--motion-duration-extra-long3);animation-duration:var(--motion-duration-extra-long3)}.motion-duration-extra-long4{transition-duration:var(--motion-duration-extra-long4);animation-duration:var(--motion-duration-extra-long4)}.shape-none{border-radius:var(--shape-corner-none)}.shape-xs{border-radius:var(--shape-corner-xs)}.shape-xs-top{border-radius:var(--shape-corner-xs-top)}.shape-xs-bottom{border-radius:var(--shape-corner-xs-bottom)}.shape-xs-start{border-radius:var(--shape-corner-xs-start)}.shape-xs-end{border-radius:var(--shape-corner-xs-end)}.shape-s{border-radius:var(--shape-corner-s)}.shape-s-top{border-radius:var(--shape-corner-s-top)}.shape-s-bottom{border-radius:var(--shape-corner-s-bottom)}.shape-s-start{border-radius:var(--shape-corner-s-start)}.shape-s-end{border-radius:var(--shape-corner-s-end)}.shape-m{border-radius:var(--shape-corner-m)}.shape-m-top{border-radius:var(--shape-corner-m-top)}.shape-m-bottom{border-radius:var(--shape-corner-m-bottom)}.shape-m-start{border-radius:var(--shape-corner-m-start)}.shape-m-end{border-radius:var(--shape-corner-m-end)}.shape-l{border-radius:var(--shape-corner-l)}.shape-l-top{border-radius:var(--shape-corner-l-top)}.shape-l-bottom{border-radius:var(--shape-corner-l-bottom)}.shape-l-start{border-radius:var(--shape-corner-l-start)}.shape-l-end{border-radius:var(--shape-corner-l-end)}.shape-li{border-radius:var(--shape-corner-li)}.shape-li-top{border-radius:var(--shape-corner-li-top)}.shape-li-bottom{border-radius:var(--shape-corner-li-bottom)}.shape-li-start{border-radius:var(--shape-corner-li-start)}.shape-li-end{border-radius:var(--shape-corner-li-end)}.shape-xl{border-radius:var(--shape-corner-xl)}.shape-xl-top{border-radius:var(--shape-corner-xl-top)}.shape-xl-bottom{border-radius:var(--shape-corner-xl-bottom)}.shape-xl-start{border-radius:var(--shape-corner-xl-start)}.shape-xl-end{border-radius:var(--shape-corner-xl-end)}.shape-xli{border-radius:var(--shape-corner-xli)}.shape-xli-top{border-radius:var(--shape-corner-xli-top)}.shape-xli-bottom{border-radius:var(--shape-corner-xli-bottom)}.shape-xli-start{border-radius:var(--shape-corner-xli-start)}.shape-xli-end{border-radius:var(--shape-corner-xli-end)}.shape-xxl{border-radius:var(--shape-corner-xxl)}.shape-xxl-top{border-radius:var(--shape-corner-xxl-top)}.shape-xxl-bottom{border-radius:var(--shape-corner-xxl-bottom)}.shape-xxl-start{border-radius:var(--shape-corner-xxl-start)}.shape-xxl-end{border-radius:var(--shape-corner-xxl-end)}.shape-full{border-radius:var(--shape-corner-full)}.state-drag{opacity:var(--state-drag-opacity)}.state-press{opacity:var(--state-press-opacity)}.state-focus{opacity:var(--state-focus-opacity)}.state-hover{opacity:var(--state-hover-opacity)}.state-disabled{opacity:var(--state-disabled-opacity)}.label-small{font-family:var(--typescale-label-small-font);font-size:var(--typescale-label-small-size);font-weight:var(--typescale-label-small-weight);line-height:var(--typescale-label-small-line-height);&.emphasized { font-weight: var(--typeface-weight-bold); }}.label-medium{font-family:var(--typescale-label-medium-font);font-size:var(--typescale-label-medium-size);font-weight:var(--typescale-label-medium-weight);line-height:var(--typescale-label-medium-line-height);&.emphasized { font-weight: var(--typeface-weight-bold); }}.label-large{font-family:var(--typescale-label-large-font);font-size:var(--typescale-label-large-size);font-weight:var(--typescale-label-large-weight);line-height:var(--typescale-label-large-line-height);&.emphasized { font-weight: var(--typeface-weight-bold); }}.body-small{font-family:var(--typescale-body-small-font);font-size:var(--typescale-body-small-size);font-weight:var(--typescale-body-small-weight);line-height:var(--typescale-body-small-line-height);&.emphasized { font-weight: var(--typeface-weight-medium); }}.body-medium{font-family:var(--typescale-body-medium-font);font-size:var(--typescale-body-medium-size);font-weight:var(--typescale-body-medium-weight);line-height:var(--typescale-body-medium-line-height);&.emphasized { font-weight: var(--typeface-weight-medium); }}.body-large{font-family:var(--typescale-body-large-font);font-size:var(--typescale-body-large-size);font-weight:var(--typescale-body-large-weight);line-height:var(--typescale-body-large-line-height);&.emphasized { font-weight: var(--typeface-weight-medium); }}.title-small{font-family:var(--typescale-title-small-font);font-size:var(--typescale-title-small-size);font-weight:var(--typescale-title-small-weight);line-height:var(--typescale-title-small-line-height);&.emphasized { font-weight: var(--typeface-weight-bold); }}.title-medium{font-family:var(--typescale-title-medium-font);font-size:var(--typescale-title-medium-size);font-weight:var(--typescale-title-medium-weight);line-height:var(--typescale-title-medium-line-height);&.emphasized { font-weight: var(--typeface-weight-bold); }}.title-large{font-family:var(--typescale-title-large-font);font-size:var(--typescale-title-large-size);font-weight:var(--typescale-title-large-weight);line-height:var(--typescale-title-large-line-height);&.emphasized { font-weight: var(--typeface-weight-medium); }}.headline-small{font-family:var(--typescale-headline-small-font);font-size:var(--typescale-headline-small-size);font-weight:var(--typescale-headline-small-weight);line-height:var(--typescale-headline-small-line-height);&.emphasized { font-weight: var(--typeface-weight-medium); }}.headline-medium{font-family:var(--typescale-headline-medium-font);font-size:var(--typescale-headline-medium-size);font-weight:var(--typescale-headline-medium-weight);line-height:var(--typescale-headline-medium-line-height);&.emphasized { font-weight: var(--typeface-weight-medium); }}.headline-large{font-family:var(--typescale-headline-large-font);font-size:var(--typescale-headline-large-size);font-weight:var(--typescale-headline-large-weight);line-height:var(--typescale-headline-large-line-height);&.emphasized { font-weight: var(--typeface-weight-medium); }}.display-small{font-family:var(--typescale-display-small-font);font-size:var(--typescale-display-small-size);font-weight:var(--typescale-display-small-weight);line-height:var(--typescale-display-small-line-height);&.emphasized { font-weight: var(--typeface-weight-medium); }}.display-medium{font-family:var(--typescale-display-medium-font);font-size:var(--typescale-display-medium-size);font-weight:var(--typescale-display-medium-weight);line-height:var(--typescale-display-medium-line-height);&.emphasized { font-weight: var(--typeface-weight-medium); }}.display-large{font-family:var(--typescale-display-large-font);font-size:var(--typescale-display-large-size);font-weight:var(--typescale-display-large-weight);line-height:var(--typescale-display-large-line-height);&.emphasized { font-weight: var(--typeface-weight-medium); }}.code-typeface{font-family:var(--typescale-code-large-font);font-size:var(--typescale-code-large-size);font-weight:var(--typescale-code-large-weight);line-height:var(--typescale-code-large-line-height)}