.ocs-re-button{display:inline-flex;position:relative;box-sizing:border-box;min-height:var(--ocs--re-button--container-height);transition:color var(--ocs--motion--duration-short2) var(--ocs--motion--easing-standard),background-color var(--ocs--motion--duration-short2) var(--ocs--motion--easing-standard),box-shadow var(--ocs--motion--duration-short2) var(--ocs--motion--easing-standard);outline:var(--ocs--re-button--outline-width) solid var(--ocs--re-button--outline-color);background:var(--ocs--re-button--container-color);text-overflow:ellipsis;text-wrap:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--ocs--re-button--container-elevation);vertical-align:top;border-top-left-radius:var(--ocs--re-button--container-shape-start-start);border-top-right-radius:var(--ocs--re-button--container-shape-start-end);border-bottom-left-radius:var(--ocs--re-button--container-shape-end-start);border-bottom-right-radius:var(--ocs--re-button--container-shape-end-end);gap:.5rem;padding-top:calc((var(--ocs--re-button--container-height) - max(var(--ocs--re-button--label-text-line-height),var(--ocs--re-button--icon-size))) / 2);padding-bottom:calc((var(--ocs--re-button--container-height) - max(var(--ocs--re-button--label-text-line-height),var(--ocs--re-button--icon-size))) / 2);padding-left:var(--ocs--re-button--leading-space);padding-right:var(--ocs--re-button--trailing-space);align-content:center;justify-content:center;place-content:center;align-items:center;justify-items:center;place-items:center;-webkit-tap-highlight-color:transparent}@media(forced-colors:active){.ocs-re-button__background{border:1px solid CanvasText}.ocs-re-button[disabled],.ocs-re-button[aria-disabled=true]{--ocs--re-button--disabled-label-text-color: GrayText;--ocs--re-button--disabled-label-text-opacity: 1;--ocs--re-button--disabled-container-opacity: 1}}.ocs-re-button--with-leading-icon{padding-left:var(--ocs--re-button--with-leading-icon-leading-space);padding-right:var(--ocs--re-button--with-leading-icon-trailing-space)}.ocs-re-button--with-trailing-icon{padding-left:var(--ocs--re-button--with-trailing-icon-leading-space);padding-right:var(--ocs--re-button--with-trailing-icon-trailing-space)}.ocs-re-button__button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:calc(4rem - var(--ocs--re-button--leading-space) - var(--ocs--re-button--trailing-space));height:100%;padding:0;transition:color var(--ocs--motion--duration-short2) var(--ocs--motion--easing-standard);border:none;border-radius:inherit;outline:none;background:transparent;color:var(--ocs--re-button--label-text-color);-webkit-text-decoration:none;text-decoration:none;text-transform:inherit;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;z-index:0;gap:inherit}.ocs-re-button__button::-moz-focus-inner{padding:0;border:0}.ocs-re-button__background{position:absolute;transition:background var(--ocs--motion--duration-short2) var(--ocs--motion--easing-standard);border-radius:inherit;background:var(--ocs--re-button--container-color);top:0;right:0;bottom:0;left:0}.ocs-re-button__label{display:flex;align-items:center;line-height:normal;overflow:hidden}.ocs-re-button__touch{position:absolute;top:50%;right:0;left:0;height:48px;transform:translateY(-50%)}.ocs-re-button__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ocs--re-button--icon-size);height:var(--ocs--re-button--icon-size);transition:color var(--ocs--motion--duration-short2) var(--ocs--motion--easing-standard);fill:currentcolor;color:var(--ocs--re-button--icon-color)}.ocs-re-button__icon--leading{margin-right:.5rem}.ocs-re-button__icon--trailing{margin-left:.5rem}.ocs-re-button__state-layer{position:absolute;transition:background var(--ocs--motion--duration-short2) var(--ocs--motion--easing-standard),opacity var(--ocs--motion--duration-short2) var(--ocs--motion--easing-standard);border-radius:inherit;background:transparent;opacity:0;pointer-events:none;top:0;right:0;bottom:0;left:0}.ocs-re-button__button,.ocs-re-button__label{text-overflow:inherit}.ocs-re-button:hover{box-shadow:var(--ocs--re-button--hover-container-elevation)}.ocs-re-button:hover .ocs-re-button__label{color:var(--ocs--re-button--hover-label-text-color)}.ocs-re-button:hover .ocs-re-button__icon{color:var(--ocs--re-button--hover-icon-color)}.ocs-re-button:hover .ocs-re-button__state-layer{background:var(--ocs--re-button--hover-state-layer-color);opacity:var(--ocs--re-button--hover-state-layer-opacity)}.ocs-re-button:focus-within{box-shadow:var(--ocs--re-button--focus-container-elevation)}.ocs-re-button:focus-within .ocs-re-button__label{color:var(--ocs--re-button--focus-label-text-color)}.ocs-re-button:focus-within .ocs-re-button__icon{color:var(--ocs--re-button--focus-icon-color)}.ocs-re-button:focus-within .ocs-re-button__state-layer{background:var(--ocs--re-button--focus-state-layer-color);opacity:var(--ocs--re-button--focus-state-layer-opacity)}.ocs-re-button:focus-visible .ocs-re-button__state-layer{background:var(--ocs--re-button--focus-state-layer-color);opacity:var(--ocs--re-button--focus-state-layer-opacity)}.ocs-re-button:active{box-shadow:var(--ocs--re-button--pressed-container-elevation)}.ocs-re-button:active .ocs-re-button__button{color:var(--ocs--re-button--pressed-label-text-color)}.ocs-re-button:active .ocs-re-button__icon{color:var(--ocs--re-button--pressed-icon-color)}.ocs-re-button:active .ocs-re-button__state-layer{background:var(--ocs--re-button--pressed-state-layer-color);opacity:var(--ocs--re-button--pressed-state-layer-opacity)}.ocs-re-button[disabled],.ocs-re-button[aria-disabled=true]{cursor:default;pointer-events:none;box-shadow:var(--ocs--re-button--disabled-container-elevation)}.ocs-re-button[disabled] .ocs-re-button__label,.ocs-re-button[aria-disabled=true] .ocs-re-button__label{opacity:var(--ocs--re-button--disabled-label-text-opacity);color:var(--ocs--re-button--disabled-label-text-color)}.ocs-re-button[disabled] .ocs-re-button__icon,.ocs-re-button[aria-disabled=true] .ocs-re-button__icon{opacity:var(--ocs--re-button--disabled-icon-opacity);color:var(--ocs--re-button--disabled-icon-color)}.ocs-re-button[disabled] .ocs-re-button__background,.ocs-re-button[aria-disabled=true] .ocs-re-button__background{background:var(--ocs--re-button--disabled-container-color);opacity:var(--ocs--re-button--disabled-container-opacity)}.ocs-re-button{--ocs--re-button--container-color: var(--ocs--color--primary);--ocs--re-button--toggle-unselected-container-color: var(--ocs--color--surface-container);--ocs--re-button--toggle-selected-container-color: var(--ocs--color--primary);--ocs--re-button--shadow-color: var(--ocs--color--shadow);--ocs--re-button--container-elevation: var(--ocs--elevation--level0);--ocs--re-button--label-text-color: var(--ocs--color--on-primary);--ocs--re-button--toggle-unselected-label-text-color: var(--ocs--color--on-surface-variant);--ocs--re-button--toggle-selected-label-text-color: var(--ocs--color--on-primary);--ocs--re-button--icon-color: var(--ocs--color--on-primary);--ocs--re-button--toggle-unselected-icon-color: var(--ocs--color--on-surface-variant);--ocs--re-button--toggle-selected-icon-color: var(--ocs--color--on-primary);--ocs--re-button--container-height: 2.5rem;--ocs--re-button--icon-size: 1.25rem;--ocs--re-button--shape-round: var(--ocs--shape--corner-full);--ocs--re-button--shape-square: var(--ocs--shape--corner-medium);--ocs--re-button--leading-space: 1.5rem;--ocs--re-button--between-icon-label-space: .5rem;--ocs--re-button--trailing-space: 1.5rem;--ocs--re-button--shape-pressed-morph: var(--ocs--shape--corner-small);--ocs--re-button--shape-spring-animation-damping: var(--ocs--motion--spring-fast-spatial-damping);--ocs--re-button--shape-spring-animation-stiffness: var(--ocs--motion--spring-fast-spatial-stiffness);--ocs--re-button--selected-container-shape-round: var(--ocs--shape--corner-medium);--ocs--re-button--selected-container-shape-square: var(--ocs--shape--corner-full);--ocs--re-button--focus-ring-indicator-color: var(--ocs--color--secondary);--ocs--re-button--focus-ring-indicator-thickness: var(--ocs--state--focus-indicator-thickness);--ocs--re-button--focus-ring-outline-offset: var(--ocs--state--focus-indicator-outer-offset);--ocs--re-button--container-shape-start-start: var(--ocs--shape--corner-medium);--ocs--re-button--container-shape-start-end: var(--ocs--shape--corner-medium);--ocs--re-button--container-shape-end-start: var(--ocs--shape--corner-medium);--ocs--re-button--container-shape-end-end: var(--ocs--shape--corner-medium);--ocs--re-button--with-leading-icon-leading-space: 1rem;--ocs--re-button--with-leading-icon-trailing-space: 1.5rem;--ocs--re-button--with-trailing-icon-leading-space: 1.5rem;--ocs--re-button--with-trailing-icon-trailing-space: 1rem;--ocs--re-button--label-text-font: var(--ocs--typescale--label-large-font);--ocs--re-button--label-text-size: var(--ocs--typescale--label-large-size);--ocs--re-button--label-text-line-height: var(--ocs--typescale--label-large-line-height);--ocs--re-button--label-text-weight: var(--ocs--typescale--label-large-weight);--ocs--re-button--outline-color: transparent;--ocs--re-button--outline-width: 0;--ocs--re-button--hover-label-text-color: var(--ocs--color--on-primary);--ocs--re-button--hover-icon-color: var(--ocs--color--on-primary);--ocs--re-button--hover-container-elevation: var(--ocs--elevation--level1);--ocs--re-button--focus-label-text-color: var(--ocs--color--on-primary);--ocs--re-button--focus-icon-color: var(--ocs--color--on-primary);--ocs--re-button--focus-container-elevation: var(--ocs--elevation--level0);--ocs--re-button--pressed-label-text-color: var(--ocs--color--on-primary);--ocs--re-button--pressed-icon-color: var(--ocs--color--on-primary);--ocs--re-button--pressed-container-elevation: var(--ocs--elevation--level0);--ocs--re-button--disabled-label-text-color: var(--ocs--color--on-surface);--ocs--re-button--disabled-label-text-opacity: .38;--ocs--re-button--disabled-icon-color: var(--ocs--color--on-surface);--ocs--re-button--disabled-icon-opacity: .38;--ocs--re-button--disabled-container-color: transparent;--ocs--re-button--disabled-container-opacity: .1;--ocs--re-button--disabled-container-elevation: var(--ocs--elevation--level0);--ocs--re-button--hover-state-layer-color: var(--ocs--color--on-primary);--ocs--re-button--focus-state-layer-color: var(--ocs--color--on-primary);--ocs--re-button--pressed-state-layer-color: var(--ocs--color--on-primary);--ocs--re-button--hover-state-layer-opacity: var(--ocs--state--hover-state-layer-opacity);--ocs--re-button--focus-state-layer-opacity: var(--ocs--state--focus-state-layer-opacity);--ocs--re-button--pressed-state-layer-opacity: var(--ocs--state--pressed-state-layer-opacity)}.ocs-re-button--toggle{--ocs--re-button--toggle-unselected-hover-state-layer-color: var(--ocs--color--on-surface-variant);--ocs--re-button--toggle-unselected-hover-label-text-color: var(--ocs--color--on-surface-variant);--ocs--re-button--toggle-unselected-hover-icon-color: var(--ocs--color--on-surface-variant);--ocs--re-button--toggle-unselected-focus-state-layer-color: var(--ocs--color--on-surface-variant);--ocs--re-button--toggle-unselected-focus-label-text-color: var(--ocs--color--on-surface-variant);--ocs--re-button--toggle-unselected-focus-icon-color: var(--ocs--color--on-surface-variant);--ocs--re-button--toggle-unselected-pressed-state-layer-color: var(--ocs--color--on-surface-variant);--ocs--re-button--toggle-unselected-pressed-label-text-color: var(--ocs--color--on-surface-variant);--ocs--re-button--toggle-unselected-pressed-icon-color: var(--ocs--color--on-surface-variant);--ocs--re-button--toggle-selected-hover-state-layer-color: var(--ocs--color--on-primary);--ocs--re-button--toggle-selected-hover-label-text-color: var(--ocs--color--on-primary);--ocs--re-button--toggle-selected-hover-icon-color: var(--ocs--color--on-primary);--ocs--re-button--toggle-selected-focus-state-layer-color: var(--ocs--color--on-primary);--ocs--re-button--toggle-selected-focus-label-text-color: var(--ocs--color--on-primary);--ocs--re-button--toggle-selected-focus-icon-color: var(--ocs--color--on-primary);--ocs--re-button--toggle-selected-pressed-state-layer-color: var(--ocs--color--on-primary);--ocs--re-button--toggle-selected-pressed-label-text-color: var(--ocs--color--on-primary);--ocs--re-button--toggle-selected-pressed-icon-color: var(--ocs--color--on-primary);--ocs--re-button--hover-state-layer-color: var(--ocs--re-button--toggle-unselected-hover-state-layer-color);--ocs--re-button--hover-label-text-color: var(--ocs--re-button--toggle-unselected-hover-label-text-color);--ocs--re-button--hover-icon-color: var(--ocs--re-button--toggle-unselected-hover-icon-color);--ocs--re-button--focus-state-layer-color: var(--ocs--re-button--toggle-unselected-focus-state-layer-color);--ocs--re-button--focus-label-text-color: var(--ocs--re-button--toggle-unselected-focus-label-text-color);--ocs--re-button--focus-icon-color: var(--ocs--re-button--toggle-unselected-focus-icon-color);--ocs--re-button--pressed-state-layer-color: var(--ocs--re-button--toggle-unselected-pressed-state-layer-color);--ocs--re-button--pressed-label-text-color: var(--ocs--re-button--toggle-unselected-pressed-label-text-color);--ocs--re-button--pressed-icon-color: var(--ocs--re-button--toggle-unselected-pressed-icon-color)}.ocs-re-button--toggle[aria-pressed=true],.ocs-re-button--toggle--selected{--ocs--re-button--hover-state-layer-color: var(--ocs--re-button--toggle-selected-hover-state-layer-color);--ocs--re-button--hover-label-text-color: var(--ocs--re-button--toggle-selected-hover-label-text-color);--ocs--re-button--hover-icon-color: var(--ocs--re-button--toggle-selected-hover-icon-color);--ocs--re-button--focus-state-layer-color: var(--ocs--re-button--toggle-selected-focus-state-layer-color);--ocs--re-button--focus-label-text-color: var(--ocs--re-button--toggle-selected-focus-label-text-color);--ocs--re-button--focus-icon-color: var(--ocs--re-button--toggle-selected-focus-icon-color);--ocs--re-button--pressed-state-layer-color: var(--ocs--re-button--toggle-selected-pressed-state-layer-color);--ocs--re-button--pressed-label-text-color: var(--ocs--re-button--toggle-selected-pressed-label-text-color);--ocs--re-button--pressed-icon-color: var(--ocs--re-button--toggle-selected-pressed-icon-color)}.ocs-re-button--filled .ocs-re-button__button{font-family:var(--ocs--re-filled-button--label-text-font, var(--ocs--typescale--label-large-font));font-size:var(--ocs--re-filled-button--label-text-size, var(--ocs--typescale--label-large-size));font-weight:var(--ocs--re-filled-button--label-text-weight, var(--ocs--typescale--label-large-weight));letter-spacing:var(--ocs--re-filled-button--label-text-tracking, var(--ocs--typescale--label-large-tracking));line-height:var(--ocs--re-filled-button--label-text-line-height, var(--ocs--typescale--label-large-line-height))}.ocs-re-button--filled{--ocs--re-button--container-color: var(--ocs--re-filled-button--container-color, var(--ocs--color--primary));--ocs--re-button--container-elevation: var(--ocs--re-filled-button--container-elevation, var(--ocs--elevation--level0));--ocs--re-button--container-height: var(--ocs--re-filled-button--container-height, 2.5rem);--ocs--re-button--container-shape-start-start: var(--ocs--re-filled-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-start-end: var(--ocs--re-filled-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-end-start: var(--ocs--re-filled-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-end-end: var(--ocs--re-filled-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--label-text-color: var(--ocs--re-filled-button--label-text-color, var(--ocs--color--on-primary));--ocs--re-button--icon-color: var(--ocs--re-filled-button--with-icon-icon-color, var(--ocs--color--on-primary));--ocs--re-button--icon-size: var(--ocs--re-filled-button--with-icon-icon-size, 1.125rem);--ocs--re-button--hover-container-elevation: var(--ocs--re-filled-button--hover-container-elevation, var(--ocs--elevation--level1));--ocs--re-button--hover-label-text-color: var(--ocs--re-filled-button--hover-label-text-color, var(--ocs--color--on-primary));--ocs--re-button--hover-icon-color: var(--ocs--re-filled-button--with-icon-hover-icon-color, var(--ocs--color--on-primary));--ocs--re-button--hover-state-layer-color: var(--ocs--re-filled-button--hover-state-layer-color, var(--ocs--color--on-primary));--ocs--re-button--hover-state-layer-opacity: var(--ocs--re-filled-button--hover-state-layer-opacity, var(--ocs--state--hover-state-layer-opacity));--ocs--re-button--focus-container-elevation: var(--ocs--re-filled-button--focus-container-elevation, var(--ocs--elevation--level0));--ocs--re-button--focus-label-text-color: var(--ocs--re-filled-button--focus-label-text-color, var(--ocs--color--on-primary));--ocs--re-button--focus-icon-color: var(--ocs--re-filled-button--with-icon-focus-icon-color, var(--ocs--color--on-primary));--ocs--re-button--focus-state-layer-color: var(--ocs--re-filled-button--focus-state-layer-color, var(--ocs--color--on-primary));--ocs--re-button--focus-state-layer-opacity: var(--ocs--re-filled-button--focus-state-layer-opacity, var(--ocs--state--focus-state-layer-opacity));--ocs--re-button--pressed-container-elevation: var(--ocs--re-filled-button--pressed-container-elevation, var(--ocs--elevation--level0));--ocs--re-button--pressed-label-text-color: var(--ocs--re-filled-button--pressed-label-text-color, var(--ocs--color--on-primary));--ocs--re-button--pressed-icon-color: var(--ocs--re-filled-button--with-icon-pressed-icon-color, var(--ocs--color--on-primary));--ocs--re-button--pressed-state-layer-color: var(--ocs--re-filled-button--pressed-state-layer-color, var(--ocs--color--on-primary));--ocs--re-button--pressed-state-layer-opacity: var(--ocs--re-filled-button--pressed-state-layer-opacity, var(--ocs--state--pressed-state-layer-opacity));--ocs--re-button--disabled-container-color: var(--ocs--re-filled-button--disabled-container-color, var(--ocs--color--on-surface));--ocs--re-button--disabled-container-opacity: var(--ocs--re-filled-button--disabled-container-opacity, .1);--ocs--re-button--disabled-container-elevation: var(--ocs--re-filled-button--disabled-container-elevation, var(--ocs--elevation--level0));--ocs--re-button--disabled-label-text-color: var(--ocs--re-filled-button--disabled-label-text-color, var(--ocs--color--on-surface));--ocs--re-button--disabled-label-text-opacity: var(--ocs--re-filled-button--disabled-label-text-opacity, .38);--ocs--re-button--disabled-icon-color: var(--ocs--re-filled-button--with-icon-disabled-icon-color, var(--ocs--color--on-surface));--ocs--re-button--disabled-icon-opacity: var(--ocs--re-filled-button--with-icon-disabled-icon-opacity, .38);--ocs--re-filled-button--toggle-unselected-hover-state-layer-color: var(--ocs--color--on-surface-variant);--ocs--re-filled-button--toggle-unselected-hover-label-text-color: var(--ocs--color--on-surface-variant);--ocs--re-filled-button--toggle-unselected-hover-icon-color: var(--ocs--color--on-surface-variant);--ocs--re-filled-button--toggle-unselected-focus-state-layer-color: var(--ocs--color--on-surface-variant);--ocs--re-filled-button--toggle-unselected-focus-label-text-color: var(--ocs--color--on-surface-variant);--ocs--re-filled-button--toggle-unselected-focus-icon-color: var(--ocs--color--on-surface-variant);--ocs--re-filled-button--toggle-unselected-pressed-state-layer-color: var(--ocs--color--on-surface-variant);--ocs--re-filled-button--toggle-unselected-pressed-label-text-color: var(--ocs--color--on-surface-variant);--ocs--re-filled-button--toggle-unselected-pressed-icon-color: var(--ocs--color--on-surface-variant);--ocs--re-filled-button--toggle-selected-hover-state-layer-color: var(--ocs--color--on-primary);--ocs--re-filled-button--toggle-selected-hover-label-text-color: var(--ocs--color--on-primary);--ocs--re-filled-button--toggle-selected-hover-icon-color: var(--ocs--color--on-primary);--ocs--re-filled-button--toggle-selected-focus-state-layer-color: var(--ocs--color--on-primary);--ocs--re-filled-button--toggle-selected-focus-label-text-color: var(--ocs--color--on-primary);--ocs--re-filled-button--toggle-selected-focus-icon-color: var(--ocs--color--on-primary);--ocs--re-filled-button--toggle-selected-pressed-state-layer-color: var(--ocs--color--on-primary);--ocs--re-filled-button--toggle-selected-pressed-label-text-color: var(--ocs--color--on-primary);--ocs--re-filled-button--toggle-selected-pressed-icon-color: var(--ocs--color--on-primary)}.ocs-re-button--filled.ocs-re-button--toggle{--ocs--re-button--hover-state-layer-color: var(--ocs--re-filled-button--toggle-unselected-hover-state-layer-color);--ocs--re-button--hover-label-text-color: var(--ocs--re-filled-button--toggle-unselected-hover-label-text-color);--ocs--re-button--hover-icon-color: var(--ocs--re-filled-button--toggle-unselected-hover-icon-color);--ocs--re-button--focus-state-layer-color: var(--ocs--re-filled-button--toggle-unselected-focus-state-layer-color);--ocs--re-button--focus-label-text-color: var(--ocs--re-filled-button--toggle-unselected-focus-label-text-color);--ocs--re-button--focus-icon-color: var(--ocs--re-filled-button--toggle-unselected-focus-icon-color);--ocs--re-button--pressed-state-layer-color: var(--ocs--re-filled-button--toggle-unselected-pressed-state-layer-color);--ocs--re-button--pressed-label-text-color: var(--ocs--re-filled-button--toggle-unselected-pressed-label-text-color);--ocs--re-button--pressed-icon-color: var(--ocs--re-filled-button--toggle-unselected-pressed-icon-color)}.ocs-re-button--filled.ocs-re-button--toggle[aria-pressed=true],.ocs-re-button--filled.ocs-re-button--toggle--selected{--ocs--re-button--hover-state-layer-color: var(--ocs--re-filled-button--toggle-selected-hover-state-layer-color);--ocs--re-button--hover-label-text-color: var(--ocs--re-filled-button--toggle-selected-hover-label-text-color);--ocs--re-button--hover-icon-color: var(--ocs--re-filled-button--toggle-selected-hover-icon-color);--ocs--re-button--focus-state-layer-color: var(--ocs--re-filled-button--toggle-selected-focus-state-layer-color);--ocs--re-button--focus-label-text-color: var(--ocs--re-filled-button--toggle-selected-focus-label-text-color);--ocs--re-button--focus-icon-color: var(--ocs--re-filled-button--toggle-selected-focus-icon-color);--ocs--re-button--pressed-state-layer-color: var(--ocs--re-filled-button--toggle-selected-pressed-state-layer-color);--ocs--re-button--pressed-label-text-color: var(--ocs--re-filled-button--toggle-selected-pressed-label-text-color);--ocs--re-button--pressed-icon-color: var(--ocs--re-filled-button--toggle-selected-pressed-icon-color)}.ocs-re-button--filled-tonal .ocs-re-button__button{font-family:var(--ocs--re-filled-tonal-button--label-text-font, var(--ocs--typescale--label-large-font));font-size:var(--ocs--re-filled-tonal-button--label-text-size, var(--ocs--typescale--label-large-size));font-weight:var(--ocs--re-filled-tonal-button--label-text-weight, var(--ocs--typescale--label-large-weight));letter-spacing:var(--ocs--re-filled-tonal-button--label-text-tracking, var(--ocs--typescale--label-large-tracking));line-height:var(--ocs--re-filled-tonal-button--label-text-line-height, var(--ocs--typescale--label-large-line-height))}.ocs-re-button--filled-tonal{--ocs--re-button--container-color: var(--ocs--re-filled-tonal-button--container-color, var(--ocs--color--secondary-container));--ocs--re-button--container-elevation: var(--ocs--re-filled-tonal-button--container-elevation, var(--ocs--elevation--level0));--ocs--re-button--container-height: var(--ocs--re-filled-tonal-button--container-height, 2.5rem);--ocs--re-button--container-shape-start-start: var(--ocs--re-filled-tonal-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-start-end: var(--ocs--re-filled-tonal-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-end-start: var(--ocs--re-filled-tonal-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-end-end: var(--ocs--re-filled-tonal-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--label-text-color: var(--ocs--re-filled-tonal-button--label-text-color, var(--ocs--color--on-secondary-container));--ocs--re-button--icon-color: var(--ocs--re-filled-tonal-button--with-icon-icon-color, var(--ocs--color--on-secondary-container));--ocs--re-button--icon-size: var(--ocs--re-filled-tonal-button--with-icon-icon-size, 1.125rem);--ocs--re-button--hover-container-elevation: var(--ocs--re-filled-tonal-button--hover-container-elevation, var(--ocs--elevation--level1));--ocs--re-button--hover-label-text-color: var(--ocs--re-filled-tonal-button--hover-label-text-color, var(--ocs--color--on-secondary-container));--ocs--re-button--hover-icon-color: var(--ocs--re-filled-tonal-button--with-icon-hover-icon-color, var(--ocs--color--on-secondary-container));--ocs--re-button--hover-state-layer-color: var(--ocs--re-filled-tonal-button--hover-state-layer-color, var(--ocs--color--on-secondary-container));--ocs--re-button--hover-state-layer-opacity: var(--ocs--re-filled-tonal-button--hover-state-layer-opacity, var(--ocs--state--hover-state-layer-opacity));--ocs--re-button--focus-container-elevation: var(--ocs--re-filled-tonal-button--focus-container-elevation, var(--ocs--elevation--level0));--ocs--re-button--focus-label-text-color: var(--ocs--re-filled-tonal-button--focus-label-text-color, var(--ocs--color--on-secondary-container));--ocs--re-button--focus-icon-color: var(--ocs--re-filled-tonal-button--with-icon-focus-icon-color, var(--ocs--color--on-secondary-container));--ocs--re-button--focus-state-layer-color: var(--ocs--re-filled-tonal-button--focus-state-layer-color, var(--ocs--color--on-secondary-container));--ocs--re-button--focus-state-layer-opacity: var(--ocs--re-filled-tonal-button--focus-state-layer-opacity, var(--ocs--state--focus-state-layer-opacity));--ocs--re-button--pressed-container-elevation: var(--ocs--re-filled-tonal-button--pressed-container-elevation, var(--ocs--elevation--level0));--ocs--re-button--pressed-label-text-color: var(--ocs--re-filled-tonal-button--pressed-label-text-color, var(--ocs--color--on-secondary-container));--ocs--re-button--pressed-icon-color: var(--ocs--re-filled-tonal-button--with-icon-pressed-icon-color, var(--ocs--color--on-secondary-container));--ocs--re-button--pressed-state-layer-color: var(--ocs--re-filled-tonal-button--pressed-state-layer-color, var(--ocs--color--on-secondary-container));--ocs--re-button--pressed-state-layer-opacity: var(--ocs--re-filled-tonal-button--pressed-state-layer-opacity, var(--ocs--state--pressed-state-layer-opacity));--ocs--re-button--disabled-container-color: var(--ocs--re-filled-tonal-button--disabled-container-color, var(--ocs--color--on-surface));--ocs--re-button--disabled-container-opacity: var(--ocs--re-filled-tonal-button--disabled-container-opacity, .1);--ocs--re-button--disabled-label-text-color: var(--ocs--re-filled-tonal-button--disabled-label-text-color, var(--ocs--color--on-surface));--ocs--re-button--disabled-label-text-opacity: var(--ocs--re-filled-tonal-button--disabled-label-text-opacity, .38);--ocs--re-button--disabled-icon-color: var(--ocs--re-filled-tonal-button--with-icon-disabled-icon-color, var(--ocs--color--on-surface));--ocs--re-button--disabled-icon-opacity: var(--ocs--re-filled-tonal-button--with-icon-disabled-icon-opacity, .38)}.ocs-re-button--text .ocs-re-button__button{font-family:var(--ocs--re-text-button--label-text-font, var(--ocs--typescale--label-large-font));font-size:var(--ocs--re-text-button--label-text-size, var(--ocs--typescale--label-large-size));font-weight:var(--ocs--re-text-button--label-text-weight, var(--ocs--typescale--label-large-weight));letter-spacing:var(--ocs--re-text-button--label-text-tracking, var(--ocs--typescale--label-large-tracking));line-height:var(--ocs--re-text-button--label-text-line-height, var(--ocs--typescale--label-large-line-height))}.ocs-re-button--text{--ocs--re-button--container-color: var(--ocs--re-text-button--container-color, transparent);--ocs--re-button--container-elevation: var(--ocs--re-text-button--container-elevation, none);--ocs--re-button--container-height: var(--ocs--re-text-button--container-height, 2.5rem);--ocs--re-button--container-shape-start-start: var(--ocs--re-text-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-start-end: var(--ocs--re-text-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-end-start: var(--ocs--re-text-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-end-end: var(--ocs--re-text-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--label-text-color: var(--ocs--re-text-button--label-text-color, var(--ocs--color--primary));--ocs--re-button--icon-color: var(--ocs--re-text-button--with-icon-icon-color, var(--ocs--color--primary));--ocs--re-button--icon-size: var(--ocs--re-text-button--with-icon-icon-size, 1.125rem);--ocs--re-button--hover-container-elevation: var(--ocs--re-text-button--hover-container-elevation, none);--ocs--re-button--hover-label-text-color: var(--ocs--re-text-button--hover-label-text-color, var(--ocs--color--primary));--ocs--re-button--hover-icon-color: var(--ocs--re-text-button--with-icon-hover-icon-color, var(--ocs--color--primary));--ocs--re-button--hover-state-layer-color: var(--ocs--re-text-button--hover-state-layer-color, var(--ocs--color--primary));--ocs--re-button--hover-state-layer-opacity: var(--ocs--re-text-button--hover-state-layer-opacity, var(--ocs--state--hover-state-layer-opacity));--ocs--re-button--focus-container-elevation: var(--ocs--re-text-button--focus-container-elevation, none);--ocs--re-button--focus-label-text-color: var(--ocs--re-text-button--focus-label-text-color, var(--ocs--color--primary));--ocs--re-button--focus-icon-color: var(--ocs--re-text-button--with-icon-focus-icon-color, var(--ocs--color--primary));--ocs--re-button--focus-state-layer-color: var(--ocs--re-text-button--focus-state-layer-color, var(--ocs--color--primary));--ocs--re-button--focus-state-layer-opacity: var(--ocs--re-text-button--focus-state-layer-opacity, var(--ocs--state--focus-state-layer-opacity));--ocs--re-button--pressed-container-elevation: var(--ocs--re-text-button--pressed-container-elevation, none);--ocs--re-button--pressed-label-text-color: var(--ocs--re-text-button--pressed-label-text-color, var(--ocs--color--primary));--ocs--re-button--pressed-icon-color: var(--ocs--re-text-button--with-icon-pressed-icon-color, var(--ocs--color--primary));--ocs--re-button--pressed-state-layer-color: var(--ocs--re-text-button--pressed-state-layer-color, var(--ocs--color--primary));--ocs--re-button--pressed-state-layer-opacity: var(--ocs--re-text-button--pressed-state-layer-opacity, var(--ocs--state--pressed-state-layer-opacity));--ocs--re-button--disabled-container-color: var(--ocs--re-text-button--disabled-container-color, transparent);--ocs--re-button--disabled-container-opacity: var(--ocs--re-text-button--disabled-container-opacity, .1);--ocs--re-button--disabled-label-text-color: var(--ocs--re-text-button--disabled-label-text-color, var(--ocs--color--on-surface));--ocs--re-button--disabled-label-text-opacity: var(--ocs--re-text-button--disabled-label-text-opacity, .38);--ocs--re-button--disabled-icon-color: var(--ocs--re-text-button--with-icon-disabled-icon-color, var(--ocs--color--on-surface));--ocs--re-button--disabled-icon-opacity: var(--ocs--re-text-button--with-icon-disabled-icon-opacity, .38)}.ocs-re-button--elevated .ocs-re-button__button{font-family:var(--ocs--re-elevated-button--label-text-font, var(--ocs--typescale--label-large-font));font-size:var(--ocs--re-elevated-button--label-text-size, var(--ocs--typescale--label-large-size));font-weight:var(--ocs--re-elevated-button--label-text-weight, var(--ocs--typescale--label-large-weight));letter-spacing:var(--ocs--re-elevated-button--label-text-tracking, var(--ocs--typescale--label-large-tracking));line-height:var(--ocs--re-elevated-button--label-text-line-height, var(--ocs--typescale--label-large-line-height))}.ocs-re-button--elevated{--ocs--re-button--container-color: var(--ocs--re-elevated-button--container-color, var(--ocs--color--surface-container-low));--ocs--re-button--container-elevation: var(--ocs--re-elevated-button--container-elevation, var(--ocs--elevation--level1));--ocs--re-button--container-height: var(--ocs--re-elevated-button--container-height, 2.5rem);--ocs--re-button--container-shape-start-start: var(--ocs--re-elevated-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-start-end: var(--ocs--re-elevated-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-end-start: var(--ocs--re-elevated-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-end-end: var(--ocs--re-elevated-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--label-text-color: var(--ocs--re-elevated-button--label-text-color, var(--ocs--color--primary));--ocs--re-button--icon-color: var(--ocs--re-elevated-button--with-icon-icon-color, var(--ocs--color--primary));--ocs--re-button--icon-size: var(--ocs--re-elevated-button--with-icon-icon-size, 1.125rem);--ocs--re-button--hover-container-elevation: var(--ocs--re-elevated-button--hover-container-elevation, var(--ocs--elevation--level2));--ocs--re-button--hover-label-text-color: var(--ocs--re-elevated-button--hover-label-text-color, var(--ocs--color--primary));--ocs--re-button--hover-icon-color: var(--ocs--re-elevated-button--with-icon-hover-icon-color, var(--ocs--color--primary));--ocs--re-button--hover-state-layer-color: var(--ocs--re-elevated-button--hover-state-layer-color, var(--ocs--color--primary));--ocs--re-button--hover-state-layer-opacity: var(--ocs--re-elevated-button--hover-state-layer-opacity, var(--ocs--state--hover-state-layer-opacity));--ocs--re-button--focus-container-elevation: var(--ocs--re-elevated-button--focus-container-elevation, var(--ocs--elevation--level1));--ocs--re-button--focus-label-text-color: var(--ocs--re-elevated-button--focus-label-text-color, var(--ocs--color--primary));--ocs--re-button--focus-icon-color: var(--ocs--re-elevated-button--with-icon-focus-icon-color, var(--ocs--color--primary));--ocs--re-button--focus-state-layer-color: var(--ocs--re-elevated-button--focus-state-layer-color, var(--ocs--color--primary));--ocs--re-button--focus-state-layer-opacity: var(--ocs--re-elevated-button--focus-state-layer-opacity, var(--ocs--state--focus-state-layer-opacity));--ocs--re-button--pressed-container-elevation: var(--ocs--re-elevated-button--pressed-container-elevation, var(--ocs--elevation--level1));--ocs--re-button--pressed-label-text-color: var(--ocs--re-elevated-button--pressed-label-text-color, var(--ocs--color--primary));--ocs--re-button--pressed-icon-color: var(--ocs--re-elevated-button--with-icon-pressed-icon-color, var(--ocs--color--primary));--ocs--re-button--pressed-state-layer-color: var(--ocs--re-elevated-button--pressed-state-layer-color, var(--ocs--color--primary));--ocs--re-button--pressed-state-layer-opacity: var(--ocs--re-elevated-button--pressed-state-layer-opacity, var(--ocs--state--pressed-state-layer-opacity));--ocs--re-button--disabled-container-color: var(--ocs--re-elevated-button--disabled-container-color, var(--ocs--color--on-surface));--ocs--re-button--disabled-container-opacity: var(--ocs--re-elevated-button--disabled-container-opacity, .1);--ocs--re-button--disabled-container-elevation: var(--ocs--re-elevated-button--disabled-container-elevation, var(--ocs--elevation--level0));--ocs--re-button--disabled-label-text-color: var(--ocs--re-elevated-button--disabled-label-text-color, var(--ocs--color--on-surface));--ocs--re-button--disabled-label-text-opacity: var(--ocs--re-elevated-button--disabled-label-text-opacity, .38);--ocs--re-button--disabled-icon-color: var(--ocs--re-elevated-button--with-icon-disabled-icon-color, var(--ocs--color--on-surface));--ocs--re-button--disabled-icon-opacity: var(--ocs--re-elevated-button--with-icon-disabled-icon-opacity, .38);--ocs--re-elevated-button--toggle-unselected-hover-state-layer-color: var(--ocs--color--primary);--ocs--re-elevated-button--toggle-unselected-hover-label-text-color: var(--ocs--color--primary);--ocs--re-elevated-button--toggle-unselected-hover-icon-color: var(--ocs--color--primary);--ocs--re-elevated-button--toggle-unselected-focus-state-layer-color: var(--ocs--color--primary);--ocs--re-elevated-button--toggle-unselected-focus-label-text-color: var(--ocs--color--primary);--ocs--re-elevated-button--toggle-unselected-focus-icon-color: var(--ocs--color--primary);--ocs--re-elevated-button--toggle-unselected-pressed-state-layer-color: var(--ocs--color--primary);--ocs--re-elevated-button--toggle-unselected-pressed-label-text-color: var(--ocs--color--primary);--ocs--re-elevated-button--toggle-unselected-pressed-icon-color: var(--ocs--color--primary);--ocs--re-elevated-button--toggle-selected-hover-state-layer-color: var(--ocs--color--on-primary);--ocs--re-elevated-button--toggle-selected-hover-label-text-color: var(--ocs--color--on-primary);--ocs--re-elevated-button--toggle-selected-hover-icon-color: var(--ocs--color--on-primary);--ocs--re-elevated-button--toggle-selected-focus-state-layer-color: var(--ocs--color--on-primary);--ocs--re-elevated-button--toggle-selected-focus-label-text-color: var(--ocs--color--on-primary);--ocs--re-elevated-button--toggle-selected-focus-icon-color: var(--ocs--color--on-primary);--ocs--re-elevated-button--toggle-selected-pressed-state-layer-color: var(--ocs--color--on-primary);--ocs--re-elevated-button--toggle-selected-pressed-label-text-color: var(--ocs--color--on-primary);--ocs--re-elevated-button--toggle-selected-pressed-icon-color: var(--ocs--color--on-primary)}.ocs-re-button--elevated.ocs-re-button--toggle{--ocs--re-button--hover-state-layer-color: var(--ocs--re-elevated-button--toggle-unselected-hover-state-layer-color);--ocs--re-button--hover-label-text-color: var(--ocs--re-elevated-button--toggle-unselected-hover-label-text-color);--ocs--re-button--hover-icon-color: var(--ocs--re-elevated-button--toggle-unselected-hover-icon-color);--ocs--re-button--focus-state-layer-color: var(--ocs--re-elevated-button--toggle-unselected-focus-state-layer-color);--ocs--re-button--focus-label-text-color: var(--ocs--re-elevated-button--toggle-unselected-focus-label-text-color);--ocs--re-button--focus-icon-color: var(--ocs--re-elevated-button--toggle-unselected-focus-icon-color);--ocs--re-button--pressed-state-layer-color: var(--ocs--re-elevated-button--toggle-unselected-pressed-state-layer-color);--ocs--re-button--pressed-label-text-color: var(--ocs--re-elevated-button--toggle-unselected-pressed-label-text-color);--ocs--re-button--pressed-icon-color: var(--ocs--re-elevated-button--toggle-unselected-pressed-icon-color)}.ocs-re-button--elevated.ocs-re-button--toggle[aria-pressed=true],.ocs-re-button--elevated.ocs-re-button--toggle--selected{--ocs--re-button--hover-state-layer-color: var(--ocs--re-elevated-button--toggle-selected-hover-state-layer-color);--ocs--re-button--hover-label-text-color: var(--ocs--re-elevated-button--toggle-selected-hover-label-text-color);--ocs--re-button--hover-icon-color: var(--ocs--re-elevated-button--toggle-selected-hover-icon-color);--ocs--re-button--focus-state-layer-color: var(--ocs--re-elevated-button--toggle-selected-focus-state-layer-color);--ocs--re-button--focus-label-text-color: var(--ocs--re-elevated-button--toggle-selected-focus-label-text-color);--ocs--re-button--focus-icon-color: var(--ocs--re-elevated-button--toggle-selected-focus-icon-color);--ocs--re-button--pressed-state-layer-color: var(--ocs--re-elevated-button--toggle-selected-pressed-state-layer-color);--ocs--re-button--pressed-label-text-color: var(--ocs--re-elevated-button--toggle-selected-pressed-label-text-color);--ocs--re-button--pressed-icon-color: var(--ocs--re-elevated-button--toggle-selected-pressed-icon-color)}.ocs-re-button--outlined .ocs-re-button__button{font-family:var(--ocs--re-outlined-button--label-text-font, var(--ocs--typescale--label-large-font));font-size:var(--ocs--re-outlined-button--label-text-size, var(--ocs--typescale--label-large-size));font-weight:var(--ocs--re-outlined-button--label-text-weight, var(--ocs--typescale--label-large-weight));letter-spacing:var(--ocs--re-outlined-button--label-text-tracking, var(--ocs--typescale--label-large-tracking));line-height:var(--ocs--re-outlined-button--label-text-line-height, var(--ocs--typescale--label-large-line-height))}.ocs-re-button--outlined{--ocs--re-button--container-color: var(--ocs--re-outlined-button--container-color, transparent);--ocs--re-button--container-elevation: var(--ocs--re-outlined-button--container-elevation, none);--ocs--re-button--container-height: var(--ocs--re-outlined-button--container-height, 2.5rem);--ocs--re-button--container-shape-start-start: var(--ocs--re-outlined-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-start-end: var(--ocs--re-outlined-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-end-start: var(--ocs--re-outlined-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--container-shape-end-end: var(--ocs--re-outlined-button--container-shape, var(--ocs--shape--corner-full));--ocs--re-button--outline-color: var(--ocs--re-outlined-button--outline-color, var(--ocs--color--outline));--ocs--re-button--outline-width: var(--ocs--re-outlined-button--outline-width, .0625rem);--ocs--re-button--label-text-color: var(--ocs--re-outlined-button--label-text-color, var(--ocs--color--primary));--ocs--re-button--icon-color: var(--ocs--re-outlined-button--with-icon-icon-color, var(--ocs--color--primary));--ocs--re-button--icon-size: var(--ocs--re-outlined-button--with-icon-icon-size, 1.125rem);--ocs--re-button--hover-container-elevation: var(--ocs--re-outlined-button--hover-container-elevation, none);--ocs--re-button--hover-label-text-color: var(--ocs--re-outlined-button--hover-label-text-color, var(--ocs--color--primary));--ocs--re-button--hover-icon-color: var(--ocs--re-outlined-button--with-icon-hover-icon-color, var(--ocs--color--primary));--ocs--re-button--hover-state-layer-color: var(--ocs--re-outlined-button--hover-state-layer-color, var(--ocs--color--primary));--ocs--re-button--hover-state-layer-opacity: var(--ocs--re-outlined-button--hover-state-layer-opacity, var(--ocs--state--hover-state-layer-opacity));--ocs--re-button--focus-container-elevation: var(--ocs--re-outlined-button--focus-container-elevation, none);--ocs--re-button--focus-label-text-color: var(--ocs--re-outlined-button--focus-label-text-color, var(--ocs--color--primary));--ocs--re-button--focus-icon-color: var(--ocs--re-outlined-button--with-icon-focus-icon-color, var(--ocs--color--primary));--ocs--re-button--focus-state-layer-color: var(--ocs--re-outlined-button--focus-state-layer-color, var(--ocs--color--primary));--ocs--re-button--focus-state-layer-opacity: var(--ocs--re-outlined-button--focus-state-layer-opacity, var(--ocs--state--focus-state-layer-opacity));--ocs--re-button--pressed-container-elevation: var(--ocs--re-outlined-button--pressed-container-elevation, none);--ocs--re-button--pressed-label-text-color: var(--ocs--re-outlined-button--pressed-label-text-color, var(--ocs--color--primary));--ocs--re-button--pressed-icon-color: var(--ocs--re-outlined-button--with-icon-pressed-icon-color, var(--ocs--color--primary));--ocs--re-button--pressed-state-layer-color: var(--ocs--re-outlined-button--pressed-state-layer-color, var(--ocs--color--primary));--ocs--re-button--pressed-state-layer-opacity: var(--ocs--re-outlined-button--pressed-state-layer-opacity, var(--ocs--state--pressed-state-layer-opacity));--ocs--re-button--disabled-container-color: var(--ocs--re-outlined-button--disabled-container-color, transparent);--ocs--re-button--disabled-container-opacity: var(--ocs--re-outlined-button--disabled-container-opacity, .1);--ocs--re-button--disabled-label-text-color: var(--ocs--re-outlined-button--disabled-label-text-color, var(--ocs--color--on-surface));--ocs--re-button--disabled-label-text-opacity: var(--ocs--re-outlined-button--disabled-label-text-opacity, .38);--ocs--re-button--disabled-icon-color: var(--ocs--re-outlined-button--with-icon-disabled-icon-color, var(--ocs--color--on-surface));--ocs--re-button--disabled-icon-opacity: var(--ocs--re-outlined-button--with-icon-disabled-icon-opacity, .38)}.ocs-re-button--outlined[disabled],.ocs-re-button--outlined[aria-disabled=true]{--ocs--re-button--outline-color: rgb(from var(--ocs--color--on-surface) r g b / .12)}