passbolt-styleguide
Version:
Passbolt styleguide contains common styling assets used by the different sites, plugin, etc.
9 lines • 89 kB
CSS
/**!
* @name passbolt-styleguide
* @version v5.11.3
* @date 2026-04-08
* @copyright Copyright 2023 Passbolt SA
* @source https://github.com/passbolt/passbolt_styleguide
* @license AGPL-3.0
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-synthesis:none}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}div{outline:0}html body .hidden{display:none}.visually-hidden,.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visually-hidden .focusable:active,.visually-hidden .focusable:focus,.visuallyhidden .focusable:active,.visuallyhidden .focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.rounded{-webkit-border-radius:0.3rem;-moz-border-radius:.3rem;border-radius:.3rem}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.rotate-right{transform:rotate(-90deg)}html{line-height:normal}body{color:#000;background:#fff}body.iframe{background:0 0}@font-face{font-family:'Open Sans';font-style:normal;src:local('Open Sans'),local('OpenSans'),url('../fonts/opensans-variable-font.ttf') format('truetype')}@font-face{font-family:'Open Sans';font-style:italic;src:local('Open Sans'),local('OpenSans'),url('../fonts/opensans-italic-variable-font.ttf') format('truetype')}@font-face{font-family:Obfuscation;font-style:normal;font-weight:400;src:local('Obfuscation'),local('Obfuscation-Regular'),url('../fonts/obfuscation-regular.otf') format('opentype')}@font-face{font-family:Inconsolata;font-style:normal;font-weight:400;src:local('Inconsolata'),local('Inconsolata-Regular'),url('../fonts/inconsolata-regular.ttf') format('truetype')}@font-face{font-family:Passbolt-logo;font-style:normal;font-weight:400;src:local('Passbolt-logo'),url('../fonts/passbolt-logo-Regular.otf') format('opentype')}body{font-family:'Open Sans',Verdana,sans-serif;color:var(--Text-and-icons-Main-text);font-style:normal;font-weight:400}.code{font-family:'Courier New',Courier,monospace}.password-typography{font-family:Inconsolata,'Open Sans',Verdana,sans-serif;font-size:1.6rem}html{font-size:62.5%}body{font-size:1.5rem;line-height:normal}h1{font-size:2.2rem;line-height:3.2rem}h2{font-size:1.8rem;line-height:2.4rem}h3{font-size:1.6rem;line-height:2.4rem}p{font-size:1.5rem;line-height:2rem;margin:0;overflow-wrap:break-word}code{font-size:1.1rem}button,input,optgroup,select,textarea{font-family:'Open Sans',Verdana,sans-serif}a{outline:0;text-decoration:none;cursor:pointer;font-size:1.5rem;font-weight:400;text-overflow:ellipsis;line-height:2rem;border:none;color:var(--Text-and-icons-Main-text);gap:1.6rem;display:inline-flex;overflow:hidden;position:relative}a.button::after{content:none}a::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:.1rem;background-color:var(--Palette-Gradient-7)}a:link,a:visited{color:var(--Text-and-icons-Main-text)}a:active,a:hover{box-shadow:none;border:none;cursor:pointer}a:active::after,a:hover::after{background-color:var(--Palette-Contrast-1)}a:focus,a:focus-visible{box-shadow:none;border:none;cursor:pointer}a:focus-visible::after,a:focus::after{background-color:var(--Palette-Contrast-1);box-shadow:0 0 .4rem 0 var(--States-Focus)}a.disabled{outline:0;text-decoration:none;cursor:default;opacity:.5;pointer-events:none}a.disabled::after{background-color:var(--Palette-Gradient-7);box-shadow:none}button.link{background:0 0;outline:0;text-decoration:none;cursor:pointer;font-size:1.5rem;line-height:2rem;border:none;border-radius:0;padding:0;text-align:inherit;justify-content:inherit;align-items:inherit;vertical-align:inherit;box-shadow:none;min-width:inherit;position:relative}button.link::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:.1rem;background-color:var(--Palette-Gradient-7)}button.link:active,button.link:hover{box-shadow:none;border:none}button.link:active::after,button.link:hover::after{background-color:var(--Palette-Contrast-1)}button.link:focus,button.link:focus-visible{box-shadow:none;border:none}button.link:focus-visible::after,button.link:focus::after{background-color:var(--Palette-Contrast-1);box-shadow:0 0 .4rem 0 var(--States-Focus)}button.link.disabled,button.link:disabled{background:0 0;outline:0;text-decoration:none;cursor:default;opacity:.5;pointer-events:none;box-shadow:none}button.link.disabled::after,button.link:disabled::after{background-color:var(--Palette-Gradient-7);box-shadow:none}button.link.inline{display:inline-block}button.link.no-border::after{content:none}button.link-icon{background:0 0;outline:0;text-decoration:none;cursor:pointer;font-size:1.5rem;line-height:2rem;border-radius:0;padding:0;text-align:inherit;justify-content:inherit;align-items:inherit;vertical-align:inherit;box-shadow:none;min-width:inherit}button.link-icon .svg-icon svg{width:1.6rem;height:1.6rem}button.link-icon .link-label{border-bottom:.1rem solid var(--Palette-Gradient-7)}button.link-icon:focus{box-shadow:none}button.link-icon:focus .link-label{border-bottom:.1rem solid var(--Palette-Gradient-7)}button.link-icon:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus)}button.link-icon:focus-visible .link-label{border:none}button.link-icon:hover{text-decoration:none;cursor:pointer;color:var(--States-Focus);--icon-color:var(--States-Focus)}button.link-icon:hover .link-label{border-bottom:1px solid var(--Palette-Contrast-1);box-shadow:none}button.link-icon:active{--icon-color:var(--States-Focus)}button.link-icon:active .link-label{background:0 0;color:var(--States-Focus);margin-bottom:.1rem;border:none;box-shadow:none}button.link-icon:disabled{cursor:default;pointer-events:none;background:0 0;outline:0;text-decoration:none;box-shadow:none;opacity:.5}button.link-icon:disabled .link-label{border-bottom:1px solid var(--Palette-Gradient-7)}ul{padding:0;margin:0}ul li{list-style:none;padding:0;margin:0}.button,button{font-size:1.5rem;padding:.8rem 1.6rem;line-height:2rem;position:relative;display:flex;flex-direction:row;gap:.8rem;justify-content:center;align-items:center;vertical-align:middle;outline:0;cursor:pointer;text-align:center;text-decoration:none;border:none;box-shadow:inset 0 0 0 1px var(--Action-button-Action-button-border);color:var(--Text-and-icons-Main-text);background:var(--Action-button-Action-button-background);border-radius:var(--Button-border-radius);box-sizing:border-box;min-width:7rem}.button svg,button svg{flex-shrink:0}.button svg:first-child,button svg:first-child{width:1.6rem;height:1.6rem}.button:hover,button:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow),inset 0 0 0 1px var(--Action-button-Action-button-border);color:var(--Text-and-icons-Main-text);text-decoration:none;border:none}.button:focus,button:focus{box-shadow:inset 0 0 0 1px var(--Action-button-Action-button-border);color:var(--Text-and-icons-Main-text);text-decoration:none;border:none}.button:focus-visible,button:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus);color:var(--Text-and-icons-Main-text);text-decoration:none;border:none}.button:active,button:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 1px var(--Action-button-Action-button-border);color:var(--Text-and-icons-Main-text);text-decoration:none;border:none}.button.disabled,.button:disabled,button.disabled,button:disabled{cursor:default;background:var(--Action-button-Action-button-background);box-shadow:inset 0 0 0 1px var(--Action-button-Action-button-border);opacity:.5;outline:0}.button-action-contextual,button-action-contextual{box-shadow:inset 0 0 0 1px var(--Context-buttons-Context-button-border);background:var(--Context-buttons-Context-button-background)}.button-action-contextual:hover,button-action-contextual:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow),inset 0 0 0 1px var(--Context-buttons-Context-button-border)}.button-action-contextual:focus,button-action-contextual:focus{box-shadow:inset 0 0 0 1px var(--Context-buttons-Context-button-border)}.button-action-contextual:focus-visible,button-action-contextual:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus)}.button-action-contextual:active,button-action-contextual:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 1px var(--Context-buttons-Context-button-border)}.button-action-contextual.disabled,.button-action-contextual:disabled,button-action-contextual.disabled,button-action-contextual:disabled{box-shadow:inset 0 0 0 1px var(--Context-buttons-Context-button-border);background:var(--Context-buttons-Context-button-background)}.button-action-icon,button-action-icon{min-width:inherit;width:4.8rem;height:3.6rem;padding:.8rem var(--Icon-action-button-padding)}.button-action-icon.info.active,.button-action-icon.info:active,button-action-icon.info.active,button-action-icon.info:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 1px var(--Action-button-Active-action-button-border);background:var(--Action-button-Active-action-button-background)}.button-action-icon.info:focus-visible,button-action-icon.info:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus)}.button-action-filtered.button,button-action-filtered.button{background:var(--Action-button-Active-action-button-background);box-shadow:inset 0 0 0 .1rem var(--Action-button-Active-action-button-border);padding:.8rem .8rem .8rem 1.6rem;cursor:inherit}.button-action-filtered.button .divider,button-action-filtered.button .divider{display:flex;height:2rem;box-shadow:inset .1rem 0 0 var(--Action-button-Active-action-button-border),-.1rem 0 0 var(--Action-button-Active-action-button-border)}.button-action-filtered.button .divider button,button-action-filtered.button .divider button{margin-left:.8rem;padding:0}.button-action-filtered.button .divider button svg,button-action-filtered.button .divider button svg{width:1.8rem;height:1.8rem}.button-icon,button-icon{min-width:inherit;width:4.8rem;height:3.6rem;padding:.8rem var(--Icon-field-button-padding);background:var(--Field-Field-button-background);box-shadow:inset 0 0 0 1px var(--Field-Field-button-border)}.button-icon:hover,button-icon:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow),inset 0 0 0 1px var(--Field-Field-button-border)}.button-icon:focus-visible,button-icon:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus)}.button-icon:active,button-icon:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 1px var(--Field-Field-button-border)}.button-icon.disabled,.button-icon:disabled,button-icon.disabled,button-icon:disabled{background:var(--Field-Field-button-background);box-shadow:inset 0 0 0 1px var(--Field-Field-button-border)}.button-icon svg:first-child,button-icon svg:first-child{width:2rem;height:2rem}.button-transparent,button-transparent{min-width:inherit;background:0 0;box-shadow:none}.button-transparent.back,button-transparent.back{padding:.8rem var(--Icon-field-button-padding)}.button-transparent.back svg,button-transparent.back svg{width:2rem;height:2rem}.button-transparent.inline,button-transparent.inline{display:inline-flex;padding:.2rem}.button-transparent.inline-menu-horizontal,button-transparent.inline-menu-horizontal{padding:.2rem .4rem}.button-transparent.inline-menu-vertical,button-transparent.inline-menu-vertical{padding:.4rem}.button-transparent.infield,button-transparent.infield{padding:.5rem var(--Infield-boxless-padding);border-radius:var(--Token-radius)}.button-transparent.infield svg,button-transparent.infield svg{width:2rem;height:2rem}.button-transparent:focus,button-transparent:focus{box-shadow:none}.button-transparent:hover,button-transparent:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow)}.button-transparent:focus-visible,button-transparent:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus)}.button-transparent:active,button-transparent:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow)}.button-transparent.disabled,.button-transparent:disabled,button-transparent.disabled,button-transparent:disabled{background:0 0;box-shadow:none}.button.processing,button.processing{color:transparent;min-height:3rem}.button.processing:hover,button.processing:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow),inset 0 0 0 1px var(--Action-button-Action-button-border)}.button.processing:focus,button.processing:focus{box-shadow:inset 0 0 0 1px var(--Action-button-Action-button-border)}.button.processing:focus-visible,button.processing:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus)}.button.processing:active,button.processing:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 1px var(--Action-button-Action-button-border)}.button.processing.disabled,.button.processing:disabled,button.processing.disabled,button.processing:disabled{opacity:1;box-shadow:inset 0 0 0 1px var(--Action-button-Action-button-border)}.button.processing svg,button.processing svg{--icon-color:transparent}.button.processing .svg-icon.spinner,button.processing .svg-icon.spinner{position:absolute;--spinner-color:var(--Spinner-Spinner-foreground);--spinner-background:var(--Spinner-Spinner-background)}.button.processing .svg-icon.spinner #background,button.processing .svg-icon.spinner #background{opacity:1}.button.processing.large-spinner,button.processing.large-spinner{background:var(--Workspace-Workspace-button-background)}.button.processing.large-spinner .svg-icon.spinner,button.processing.large-spinner .svg-icon.spinner{width:2.4rem;height:2.4rem}.button.primary,button.primary{background:var(--Login-Login-button-background);color:var(--Primary-button-Primary-button-text);box-shadow:none}.button.primary.create,button.primary.create{background:var(--Primary-button-Primary-button-background);color:var(--Primary-button-Primary-button-text);padding:.8rem 2.4rem}.button.primary.form,button.primary.form{border-radius:var(--Login-button-radius);padding:.8rem 2.4rem;font-size:1.8rem;font-weight:700}.button.primary.login,button.primary.login{border-radius:var(--Login-button-radius);padding:1rem 2.4rem;font-size:1.7rem;font-weight:700}.button.primary svg,button.primary svg{--icon-color:var(--Primary-button-Primary-button-text);--icon-background:var(--Primary-button-Primary-button-text)}.button.primary svg.spinner.svg-icon #background,button.primary svg.spinner.svg-icon #background{opacity:.25}.button.primary.processing,button.primary.processing{color:transparent}.button.primary.processing .svg-icon.spinner,button.primary.processing .svg-icon.spinner{--spinner-color:var(--Spinner-Button-spinner-foreground);--spinner-background:var(--Spinner-Button-spinner-background)}.button.primary:hover,button.primary:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow)}.button.primary:focus-visible,button.primary:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus)}.button.primary:active,button.primary:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow)}.button.primary.disabled,.button.primary:disabled,button.primary.disabled,button.primary:disabled{box-shadow:none}.button.secondary,button.secondary{background:var(--Action-button-Secondary-button-background)}.button.add-secret,button.add-secret{background:var(--Primary-button-Primary-button-menu-background)}.button.warning,button.warning{background:var(--Palette-Contrast-3);border-radius:var(--Login-button-radius);color:var(--Primary-button-Primary-button-text);padding:.8rem 2.4rem;font-size:1.8rem;font-weight:700;box-shadow:none}.button.warning svg,button.warning svg{--icon-color:var(--Primary-button-Primary-button-text);--icon-background:var(--Primary-button-Primary-button-text);--spinner-color:var(--Spinner-Button-spinner-foreground);--spinner-background:var(--Spinner-Button-spinner-background)}.button.warning svg.spinner.svg-icon #background,button.warning svg.spinner.svg-icon #background{opacity:.25}.button.warning.processing,button.warning.processing{color:transparent}.button.warning.processing .svg-icon.spinner,button.warning.processing .svg-icon.spinner{--spinner-color:var(--Spinner-Button-spinner-foreground);--spinner-background:var(--Spinner-Button-spinner-background)}.button.warning:hover,button.warning:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow)}.button.warning:focus-visible,button.warning:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus)}.button.warning:active,button.warning:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow)}.button.warning.disabled,.button.warning:disabled,button.warning.disabled,button.warning:disabled{box-shadow:none}.button.attention,button.attention{background:var(--Palette-Contrast-2);border-radius:var(--Login-button-radius);color:var(--Primary-button-Primary-button-text);padding:.8rem 2.4rem;font-size:1.8rem;font-weight:700;box-shadow:none}.button.attention svg,button.attention svg{--icon-color:var(--Primary-button-Primary-button-text);--icon-background:var(--Primary-button-Primary-button-text);--spinner-color:var(--Spinner-Button-spinner-foreground);--spinner-background:var(--Spinner-Button-spinner-background)}.button.attention svg.spinner.svg-icon #background,button.attention svg.spinner.svg-icon #background{opacity:.25}.button.attention.processing,button.attention.processing{color:transparent}.button.attention.processing .svg-icon.spinner,button.attention.processing .svg-icon.spinner{--spinner-color:var(--Spinner-Button-spinner-foreground);--spinner-background:var(--Spinner-Button-spinner-background)}.button.attention:hover,button.attention:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow)}.button.attention:focus-visible,button.attention:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus)}.button.attention:active,button.attention:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow)}.button.attention.disabled,.button.attention:disabled,button.attention.disabled,button.attention:disabled{box-shadow:none}.button.no-border,button.no-border{background:0 0;border-radius:0;padding:0;box-shadow:none;min-width:inherit}.button.medium{font-size:1.6rem;line-height:2.4rem;padding:.8rem 2.4rem}.button.big{font-size:1.8rem;line-height:3.2rem;padding:.8rem 3.2rem}.button.full-width{width:100%}.button-toggle.selected{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 1px var(--Action-button-Active-action-button-border);background:var(--Action-button-Active-action-button-background);text-decoration:none;border:none}.button-group{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.8rem}.button-group--nowrap>.button{white-space:nowrap}.button-group>*{min-width:inherit}.button-group>:last-child{flex:0}label{font-weight:700;font-size:1.5rem;line-height:normal;display:block;width:max-content;max-width:100%;color:var(--Text-and-icons-Main-text)}label>*{margin-left:.4rem}label svg.attention-required{height:1.4rem;width:1.4rem;--icon-exclamation-color:var(--Alert-Alert-icon);--icon-exclamation-background-color:var(--Alert-Alert-background);--icon-exclamation-border-color:var(--Alert-Alert-background)}.input.error label{color:var(--Palette-Contrast-3)}.input.error label>.info{color:var(--Text-and-icons-Main-text)}.input.warning label{color:var(--Progress-and-entropy-bar-warning)}.input.warning label>.info{color:var(--Text-and-icons-Main-text)}.input-password-wrapper.disabled label,.input-totp-wrapper.disabled label,.input.checkbox-wrapper.disabled label,.input.file.disabled label,.input.select-wrapper.disabled label,.input.text.disabled label,.input.textarea.disabled label{opacity:.5}.input-password-wrapper label,.input-totp-wrapper label,.input.checkbox-wrapper label,.input.file label,.input.select-wrapper label,.input.text label,.input.textarea label{margin-bottom:1.2rem}.required .label-required-inline>label:after,.required>label:after{content:"\002A";color:var(--Palette-Contrast-3);font-weight:700;margin-left:.4rem}.required .label-required-inline{display:flex;margin-bottom:1.2rem}.required .label-required-inline label{margin-bottom:0}.required .label-required-inline label+.tooltip{display:flex;margin-left:.5rem}.required .label-required-inline label+.tooltip svg{width:1.6rem;height:1.6rem}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],textarea{box-shadow:inset 0 0 0 .1rem var(--Field-Field-border);display:block;font-size:1.5rem;font-weight:400;line-height:2rem;width:100%;margin-bottom:1.2rem;padding:.8rem var(--Search-field-padding);border:none;border-radius:var(--Button-border-radius);box-sizing:border-box;background:var(--Field-Field-background);color:var(--Text-and-icons-Main-text);outline:0}input[type=date]:hover,input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=text]:hover,textarea:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow),inset 0 0 0 .1rem var(--Field-Field-border)}input[type=date]:focus,input[type=date]:focus-visible,input[type=email]:focus,input[type=email]:focus-visible,input[type=number]:focus,input[type=number]:focus-visible,input[type=password]:focus,input[type=password]:focus-visible,input[type=search]:focus,input[type=search]:focus-visible,input[type=text]:focus,input[type=text]:focus-visible,textarea:focus,textarea:focus-visible{box-shadow:inset 0 0 0 .1rem var(--States-Focus),0 0 .4rem 0 var(--States-Focus)}input[type=date]:active,input[type=email]:active,input[type=number]:active,input[type=password]:active,input[type=search]:active,input[type=text]:active,textarea:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 .1rem var(--Field-Field-border)}input[type=date]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=text]:disabled,textarea:disabled{box-shadow:inset 0 0 0 .1rem var(--Field-Field-border)}input[type=date]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=text]:disabled,textarea:disabled{cursor:default;opacity:.5}input[type=date]:placeholder-shown,input[type=email]:placeholder-shown,input[type=number]:placeholder-shown,input[type=password]:placeholder-shown,input[type=search]:placeholder-shown,input[type=text]:placeholder-shown,textarea:placeholder-shown{text-overflow:ellipsis}input[type=date].full-width,input[type=email].full-width,input[type=number].full-width,input[type=password].full-width,input[type=search].full-width,input[type=text].full-width,textarea.full-width{max-width:none}::-ms-reveal{display:none}input[type=number]{width:4.6rem;text-align:center;padding:.5rem 1rem;border-radius:var(--Token-radius);-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].in-field{box-shadow:inset 0 0 0 .1rem var(--Field-Field-border);width:6rem;padding:.5rem .4rem;height:3rem;background:var(--Field-Infield-button-background)}input[type=number].in-field:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow),inset 0 0 0 .1rem var(--Field-Field-border)}input[type=number].in-field:focus,input[type=number].in-field:focus-visible{box-shadow:inset 0 0 0 .1rem var(--States-Focus),0 0 .4rem 0 var(--States-Focus)}input[type=number].in-field:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 .1rem var(--Field-Field-border)}input[type=number].in-field:disabled{box-shadow:inset 0 0 0 .1rem var(--Field-Field-border)}input[type=number].in-field:active,input[type=number].in-field:disabled,input[type=number].in-field:hover,input[type=number].in-fieldfocus{background:var(--Field-button-background)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}textarea{min-height:3.4rem;height:9rem;max-height:27rem;resize:vertical;scrollbar-width:thin;border-radius:var(--Menu-radius)}textarea.full_report{height:15rem}.textarea.large textarea{width:30rem;height:9rem}.textarea-wrapper{flex:1 0 0;display:flex;position:relative}.textarea-wrapper textarea{flex:1 0 0;padding-right:4.6rem}.textarea-wrapper textarea.secure{min-height:3.6rem;height:7.2rem;max-height:none;-webkit-text-security:disc}.textarea-wrapper .textarea-view-wrapper{position:absolute;right:.3rem;top:.3rem}.input-password-wrapper{margin-bottom:1.6rem}.input.password{margin-bottom:1.2rem;display:flex;align-items:center;flex:1 0 0;border-radius:var(--Button-border-radius);box-shadow:inset 0 0 0 1px var(--Field-Field-border);background:var(--Field-Field-background);padding-right:var(--Inside-button);padding-left:var(--Search-field-padding);--passphrase-placeholder-color:#000000;gap:2px;align-self:stretch}.input.password input[type=password],.input.password input[type=text]{height:3.6rem;max-width:initial;margin:0;outline:0;-webkit-box-shadow:none;box-shadow:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;font-weight:400;line-height:normal;background:0 0;padding:0}.input.password input[type=password]:focus,.input.password input[type=text]:focus{box-shadow:none;outline:0;color:inherit}.input.password input[type=password]:focus~.password-view-wrapper,.input.password input[type=text]:focus~.password-view-wrapper{box-shadow:none}.input.password input[type=password] .disabled~.security-token-wrapper .security-token,.input.password input[type=password] .disabled~:last-child .security-token,.input.password input[type=password]:disabled~.security-token-wrapper .security-token,.input.password input[type=password]:disabled~:last-child .security-token,.input.password input[type=text] .disabled~.security-token-wrapper .security-token,.input.password input[type=text] .disabled~:last-child .security-token,.input.password input[type=text]:disabled~.security-token-wrapper .security-token,.input.password input[type=text]:disabled~:last-child .security-token{opacity:.5}.input.password.security:focus-within{box-shadow:none}.input.password.security.active:focus-within{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 1px var(--Field-Field-border)}.input.password.security input[type=password]::placeholder,.input.password.security input[type=text]::placeholder{color:var(--passphrase-placeholder-color);opacity:.5}.input.password .password-view-wrapper{display:flex;justify-content:center;align-items:center;gap:1.6rem;border-radius:var(--Token-radius)}.input.password .password-view-wrapper .password-view{padding:.5rem var(--Infield-boxless-padding)}.input.password .security-token-wrapper,.input.password>:last-child{display:flex;height:3rem}.input.password:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow),inset 0 0 0 1px var(--Field-Field-border)}.input.password.no-focus:focus-within{box-shadow:inset 0 0 0 1px var(--Field-Field-border)}.input.password.active:focus-within{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 1px var(--Field-Field-border)}.input.password:focus-within{box-shadow:0 0 .4rem var(--Field-Field-border-focus),inset 0 0 0 .1rem var(--Field-Field-border-focus);text-decoration:none;border:none}.input.password.disabled{opacity:.5;color:var(--Text-and-icons-Main-text)}.input.password.disabled:hover{box-shadow:inset 0 0 0 1px var(--Field-Field-border)}.input.password.disabled .password-view-wrapper:hover{box-shadow:none}.search-wrapper{width:100%}.input.search{position:relative;display:flex;align-items:center}.input.search:active{box-shadow:none}.input.search input[type=search]{flex:1;height:3.6rem;padding:.3rem 4.6rem .3rem var(--Search-field-padding);background:var(--Workspace-Main-search-field);max-width:none;margin:0;box-shadow:inset 0 0 0 .1rem var(--Field-Field-border)}.input.search input[type=search]:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow),inset 0 0 0 .1rem var(--Field-Field-border)}.input.search input[type=search]:focus,.input.search input[type=search]:focus-visible{box-shadow:inset 0 0 0 .1rem var(--States-Focus),0 0 .4rem 0 var(--States-Focus)}.input.search input[type=search]:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 .1rem var(--Field-Field-border)}.input.search input[type=search]:disabled{box-shadow:inset 0 0 0 .1rem var(--Field-Field-border)}.input.search input[type=search] .disabled{box-shadow:inset 0 0 0 .1rem var(--Field-Field-border)}.input.search .search-button-wrapper{position:absolute;right:.3rem;top:.3rem}.input.search .search-button-wrapper .button,.input.search .search-button-wrapper .search-icon{padding:.5rem var(--Infield-boxless-padding);border-radius:var(--Token-radius)}.input.search .search-button-wrapper .button svg:first-child,.input.search .search-button-wrapper .search-icon svg:first-child{width:2rem;height:2rem}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{display:none}button .digit{color:var(--Text-and-icons-secret-number)}button .special-char{color:var(--Text-and-icons-secret-special-chars)}button:hover .digit{color:var(--Text-and-icons-secret-number-hover)}.security-token{display:flex;text-align:center;border-radius:var(--Token-radius);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;line-height:normal;padding:var(--Inside-button) .8rem;white-space:nowrap}input[type=file]{display:none}.input.file .input-file-inline{box-shadow:inset 0 0 0 .1rem var(--Field-Field-border);display:flex;align-items:center;padding:.3rem;border:none;background:var(--Field-Field-background);border-radius:var(--Button-border-radius);box-sizing:border-box;margin-bottom:1.2rem}.input.file .input-file-inline input[type=text]{flex:1;padding:.1rem 1rem .1rem .7rem;margin:0;box-shadow:none}.input.file .input-file-inline input[type=text]:disabled{box-shadow:none;opacity:1}.input.file .input-file-inline .button,.input.file .input-file-inline button{padding:.4rem 1.6rem}.input.file.disabled{opacity:.5;cursor:default}.input.file.disabled .button,.input.file.disabled button,.input.file.disabled input[type=text]{cursor:default}.input.file.disabled .input-file-inline{box-shadow:inset 0 0 0 .1rem var(--Field-Field-border)}.checkbox{margin-bottom:1.2rem;display:flex;align-items:center}.checkbox input[type=checkbox]{appearance:none;-moz-appearance:none;-webkit-appearance:none;display:grid;place-content:center;cursor:pointer;content:'';justify-content:center;flex-shrink:0;flex-direction:column;width:1.6rem;height:1.6rem;background:var(--Checkbox-Checkbox-background);border-radius:.25rem;border:none;box-shadow:inset 0 0 0 1.5px var(--Checkbox-Checkbox-border);box-sizing:border-box}.checkbox input[type=checkbox].for-grid{box-shadow:inset 0 0 0 1.5px var(--Checkbox-V2-Border-default)}.checkbox input[type=checkbox].for-grid:checked{box-shadow:inset 0 0 0 1.5px var(--Checkbox-V2-Border-active)}.checkbox input[type=checkbox].for-grid:checked:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow),inset 0 0 0 1.5px var(--Checkbox-V2-Border-active)}.checkbox input[type=checkbox].for-grid:checked:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 1.5px var(--Checkbox-V2-Border-active)}.checkbox input[type=checkbox].for-grid:checked:before{background-color:var(--Checkbox-V2-Tick)}.checkbox input[type=checkbox].for-grid:disabled{cursor:default;background:var(--Checkbox-Checkbox-background);opacity:.5;box-shadow:inset 0 0 0 1.5px var(--Checkbox-V2-Border-default)}.checkbox input[type=checkbox]+label{flex:1;font-weight:400;margin:0 0 0 1.2rem;display:inline-block;cursor:pointer;padding:0;line-height:2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.checkbox input[type=checkbox]:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow),inset 0 0 0 1.5px var(--Checkbox-Checkbox-border)}.checkbox input[type=checkbox]:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus);border:none;outline:inset 0 0 0 1px var(--Checkbox-Checkbox-border)}.checkbox input[type=checkbox]:focus-visible+label{color:var(--Text-and-icons-Main-text)}.checkbox input[type=checkbox]:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 1.5px var(--Checkbox-Checkbox-border);border:none}.checkbox input[type=checkbox]:disabled+label{opacity:.5;cursor:auto}.checkbox input[type=checkbox]:disabled{cursor:default;background:var(--Checkbox-Checkbox-background);opacity:.5;box-shadow:inset 0 0 0 1.5px var(--Checkbox-Checkbox-border);outline:0}.checkbox input[type=checkbox]:checked:before{content:'';width:.8rem;height:.6rem;flex-shrink:0;background-size:.8rem .6rem;background-color:var(--Checkbox-Checkbox-tick);mask:url('../img/controls/check_tick.svg') no-repeat center/contain;-webkit-mask-image:url('../img/controls/check_tick.svg') no-repeat center/contain;mask-image:url('../img/controls/check_tick.svg') no-repeat center/contain}.checkbox input[type=checkbox]:disabled:before{background:var(--Checkbox-Checkbox-tick)}.radiolist .input.radio,.radiolist-alt .input.radio{display:flex;align-items:center}.radiolist .input.radio input[type=radio],.radiolist-alt .input.radio input[type=radio]{-webkit-appearance:none;appearance:none;display:grid;place-content:center;cursor:pointer;width:1.6rem;height:1.6rem;background:var(--Checkbox-Checkbox-background);border-radius:100%;border:none;box-shadow:inset 0 0 0 .1rem var(--Checkbox-Checkbox-border);box-sizing:border-box;margin:0}.radiolist .input.radio input[type=radio]:before,.radiolist-alt .input.radio input[type=radio]:before{content:"";width:1.2rem;height:1.2rem;border-radius:1rem;background:var(--Palette-Contrast-1);transform:scale(0);transition:120ms transform ease-in-out}.radiolist .input.radio input[type=radio]:checked,.radiolist-alt .input.radio input[type=radio]:checked{cursor:default;box-shadow:inset 0 0 0 .1rem var(--Checkbox-Checkbox-border)}.radiolist .input.radio input[type=radio]:checked:before,.radiolist-alt .input.radio input[type=radio]:checked:before{transform:scale(1);box-shadow:none}.radiolist .input.radio input[type=radio]:checked:active,.radiolist .input.radio input[type=radio]:checked:hover,.radiolist-alt .input.radio input[type=radio]:checked:active,.radiolist-alt .input.radio input[type=radio]:checked:hover{box-shadow:inset 0 0 0 .1rem var(--Checkbox-Checkbox-border)}.radiolist .input.radio input[type=radio]:checked:active:before,.radiolist .input.radio input[type=radio]:checked:hover:before,.radiolist-alt .input.radio input[type=radio]:checked:active:before,.radiolist-alt .input.radio input[type=radio]:checked:hover:before{box-shadow:none}.radiolist .input.radio input[type=radio]:checked+label,.radiolist-alt .input.radio input[type=radio]:checked+label{cursor:default}.radiolist .input.radio input[type=radio]:hover,.radiolist-alt .input.radio input[type=radio]:hover{box-shadow:inset .1rem .1rem 0 var(--States-Hover-Highlight),.1rem .1rem 0 var(--States-Hover-Shadow),inset 0 0 0 .1rem var(--Checkbox-Checkbox-border)}.radiolist .input.radio input[type=radio]:hover:before,.radiolist-alt .input.radio input[type=radio]:hover:before{box-shadow:inset .1rem .1rem 0 var(--States-Hover-Highlight),.1rem .1rem 0 var(--States-Hover-Shadow)}.radiolist .input.radio input[type=radio]:focus-visible,.radiolist-alt .input.radio input[type=radio]:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus);border:none;outline:inset 0 0 0 .1rem var(--Checkbox-Checkbox-border)}.radiolist .input.radio input[type=radio]:focus-visible+label,.radiolist-alt .input.radio input[type=radio]:focus-visible+label{color:var(--Text-and-icons-Main-text)}.radiolist .input.radio input[type=radio]:active,.radiolist-alt .input.radio input[type=radio]:active{box-shadow:inset -.1rem -.1rem 0 var(--States-Active-Highlight),inset .1rem .1rem 0 var(--States-Active-Shadow),inset 0 0 0 .1rem var(--Checkbox-Checkbox-border);border:none}.radiolist .input.radio input[type=radio]:active:before,.radiolist-alt .input.radio input[type=radio]:active:before{box-shadow:inset -.1rem -.1rem 0 var(--States-Active-Highlight),inset .1rem .1rem 0 var(--States-Active-Shadow);border:none}.radiolist .input.radio input[type=radio]:active+label,.radiolist-alt .input.radio input[type=radio]:active+label{color:var(--Text-and-icons-Main-text)}.radiolist .input.radio input[type=radio]:disabled,.radiolist-alt .input.radio input[type=radio]:disabled{opacity:.5;cursor:auto;background:var(--Checkbox-Checkbox-background);border:none;box-shadow:inset 0 0 0 .1rem var(--Checkbox-Checkbox-border)}.radiolist .input.radio input[type=radio]:disabled:before,.radiolist-alt .input.radio input[type=radio]:disabled:before{box-shadow:none;background:var(--Checkbox-Checkbox-border)}.radiolist .input.radio input[type=radio]:disabled+label,.radiolist-alt .input.radio input[type=radio]:disabled+label{opacity:.5;cursor:auto}.radiolist .input.radio input[type=radio]+label,.radiolist-alt .input.radio input[type=radio]+label{flex:1;font-weight:400;margin:0 0 0 1.2rem;display:inline-block;cursor:pointer;line-height:2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.radiolist-alt{display:flex;flex-direction:column;gap:.8rem}.radiolist-alt .input.radio{box-shadow:inset 0 0 0 .1rem var(--Action-button-Action-button-border);position:relative;border-radius:var(--Button-border-radius);background-color:var(--Workspace-Panels-background);margin-right:0}.radiolist-alt .input.radio:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow),inset 0 0 0 .1rem var(--Action-button-Action-button-border)}.radiolist-alt .input.radio:focus,.radiolist-alt .input.radio:focus-visible{box-shadow:inset 0 0 0 .1rem var(--States-Focus),0 0 .4rem 0 var(--States-Focus)}.radiolist-alt .input.radio:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 .1rem var(--Action-button-Action-button-border)}.radiolist-alt .input.radio:disabled{box-shadow:inset 0 0 0 .1rem var(--Action-button-Action-button-border)}.radiolist-alt .input.radio.checked{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow);background:var(--Action-button-Active-action-button-background)}.radiolist-alt .input.radio.checked input[type=radio]:active,.radiolist-alt .input.radio.checked input[type=radio]:hover{box-shadow:inset 0 0 0 .1rem var(--Checkbox-Checkbox-border)}.radiolist-alt .input.radio.checked input[type=radio]:active:before,.radiolist-alt .input.radio.checked input[type=radio]:hover:before{box-shadow:none}.radiolist-alt .input.radio input[type=radio]:active,.radiolist-alt .input.radio input[type=radio]:hover{box-shadow:inset 0 0 0 .1rem var(--Checkbox-Checkbox-border)}.radiolist-alt .input.radio.disabled{box-shadow:inset 0 0 0 .1rem var(--Field-Field-border);opacity:.5}.radiolist-alt .input.radio.disabled input[type=radio]+label{opacity:1}.radiolist-alt .input.radio.disabled.checked{background-color:var(--Workspace-Panels-background)}.radiolist-alt .input.radio input[type=radio]{position:absolute;left:1.6rem}.radiolist-alt .input.radio input[type=radio]:active+label{background:0 0}.radiolist-alt .input.radio input[type=radio]+label{margin:0}.radiolist-alt .input.radio label{border-radius:var(--Button-border-radius);padding:1.6rem 1.6rem 1.6rem 4.8rem}.radiolist-alt .input.radio label .name{margin:0;margin-bottom:.4rem;display:block;font-size:1.5rem;font-weight:700}.radiolist-alt .input.radio label .name.bold{font-weight:700}.radiolist-alt .input.radio label .error-message,.radiolist-alt .input.radio label .warning-message{font-size:1.3rem}.radiolist-alt .input.radio label .info{margin:0;font-weight:400;font-size:1.3rem;display:block;white-space:pre-wrap}.radiolist-alt .input.radio label .info span{font-weight:700}.input.toggle-switch{margin-bottom:1.2rem;display:flex;align-items:center}.input.toggle-switch .toggle-switch-checkbox{flex:0 0 3.2rem;-webkit-appearance:none;appearance:none;display:grid;place-content:center;cursor:pointer;width:3.2rem;height:1.6rem;background:var(--Toggle-Toggle-off-background);border-radius:3.2rem;box-sizing:border-box;margin:0}.input.toggle-switch .toggle-switch-checkbox+label{margin:0 0 0 1.2rem;color:var(--Text-and-icons-Main-text);font-size:1.5rem;line-height:normal;display:inline-block;cursor:pointer;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.input.toggle-switch .toggle-switch-checkbox+label.text{font-weight:400}.input.toggle-switch .toggle-switch-checkbox+label .name{margin:0;display:block;font-size:1.6rem}.input.toggle-switch .toggle-switch-checkbox+label .info{margin:0;font-weight:400;font-size:1.3rem;display:block;white-space:pre-wrap}.input.toggle-switch .toggle-switch-checkbox+label .info span{font-weight:700}.input.toggle-switch .toggle-switch-checkbox+label .error-message,.input.toggle-switch .toggle-switch-checkbox+label .warning-message{font-size:1.3rem}.input.toggle-switch .toggle-switch-checkbox:hover,.input.toggle-switch .toggle-switch-checkbox:hover:before{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow)}.input.toggle-switch .toggle-switch-checkbox:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus);background-color:var(--States-Focus);text-decoration:none;border:none}.input.toggle-switch .toggle-switch-checkbox:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 1px var(--Action-button-Action-button-border)}.input.toggle-switch .toggle-switch-checkbox:active:before{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 1px var(--Action-button-Action-button-border);margin:0 0 0 .7rem;padding:0 0 0 .3rem}.input.toggle-switch .toggle-switch-checkbox:checked{background:var(--Toggle-Toggle-on-background)}.input.toggle-switch .toggle-switch-checkbox:checked:focus-visible{box-shadow:0 0 .4rem var(--States-Focus),inset 0 0 0 .1rem var(--States-Focus);background-color:var(--States-Focus);text-decoration:none;border:none;outline:0}.input.toggle-switch .toggle-switch-checkbox:checked:before{transform:translateX(65%)}.input.toggle-switch .toggle-switch-checkbox:checked:active:before{margin:0 .7rem 0 0;padding:0 .3rem 0 0}.input.toggle-switch .toggle-switch-checkbox:disabled+label{opacity:.5;cursor:auto}.input.toggle-switch .toggle-switch-checkbox:disabled{cursor:auto;opacity:.5;border:none;box-shadow:none;outline:0}.input.toggle-switch .toggle-switch-checkbox:disabled:before{box-shadow:none}.input.toggle-switch .toggle-switch-checkbox:before{content:"";width:1.2rem;height:1.2rem;border-radius:1rem;background:var(--Toggle-Toggle-knob);transform:translateX(-65%);transition:all .4s ease,padding .3s ease,margin .3s ease}.togglelist-alt{display:flex;flex-direction:column;gap:.8rem}.togglelist-alt .toggle-input{width:4.2rem}.togglelist-alt .input.has-error.toggle-switch{margin-bottom:1.2rem}.togglelist-alt .input.toggle-switch{box-shadow:inset 0 0 0 .1rem var(--Action-button-Action-button-border);border-radius:var(--Button-border-radius);background-color:var(--Workspace-Panels-background);margin:0;position:relative}.togglelist-alt .input.toggle-switch:hover{box-shadow:inset .1rem .1rem 0 0 var(--States-Hover-Highlight),inset -.1rem -.1rem 0 0 var(--States-Hover-Shadow),inset 0 0 0 .1rem var(--Action-button-Action-button-border)}.togglelist-alt .input.toggle-switch:focus,.togglelist-alt .input.toggle-switch:focus-visible{box-shadow:inset 0 0 0 .1rem var(--States-Focus),0 0 .4rem 0 var(--States-Focus)}.togglelist-alt .input.toggle-switch:active{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow),inset 0 0 0 .1rem var(--Action-button-Action-button-border)}.togglelist-alt .input.toggle-switch:disabled{box-shadow:inset 0 0 0 .1rem var(--Action-button-Action-button-border)}.togglelist-alt .input.toggle-switch:active:not(:disabled),.togglelist-alt .input.toggle-switch:hover:not(:disabled){background:var(--Workspace-Dividers-lighter)}.togglelist-alt .input.toggle-switch.checked{box-shadow:inset -.1rem -.1rem 0 0 var(--States-Active-Highlight),inset .1rem .1rem 0 0 var(--States-Active-Shadow);background:var(--Action-button-Active-action-button-background)}.togglelist-alt .input.toggle-switch.checked input[type=checkbox]:active,.togglelist-alt .input.toggle-switch.checked input[type=checkbox]:hover{box-shadow:none}.togglelist-alt .input.toggle-switch input[type=checkbox]:active,.togglelist-alt .input.toggle-switch input[type=checkbox]:hover{box-shadow:none}.togglelist-alt .input.toggle-switch .toggle-switch-checkbox{position:absolute;left:1.6rem}.togglelist-alt .input.toggle-switch label{margin:0;padding:1.6rem 1.6rem 1.6rem 6.4rem;width:100%}.togglelist-alt .input.toggle-switch label .name{margin:0;display:block;font-size:1.6rem}.togglelist-alt .input.toggle-switch label .info-input{display:flex;margin:0;font-weight:400;font-size:1.3rem}.togglelist-alt .input.toggle-switch label .info-input input{margin-left:4px;margin-right:4px}.togglelist-alt .input.toggle-switch label .info-input input,.togglelist-alt .input.toggle-switch label .info-input span{margin-top:auto;margin-bottom:auto}.togglelist-alt .input.toggle-switch label .info{margin:0;font-weight:400;font-size:1.3rem;display:block;white-space:pre-wrap}.togglelist-alt .input.toggle-switch label .info span{font-weight:700}.togglelist-alt .input .error-message{margin-bottom:0;margin-top:.5rem;margin-left:4.1rem}.select-container{height:3.6rem}.select-container.medium{width:50%}.select-container.inline{display:flex;height:3rem}.select-container.inline .select .selected-value{background:var(--Field-Inline-button-background);box-shadow:in