passbolt-styleguide
Version:
Passbolt styleguide contains common styling assets used by the different sites, plugin, etc.
9 lines • 71.5 kB
CSS
/**!
* @name passbolt-styleguide
* @version v3.12.3
* @date 2023-03-28
* @copyright Copyright 2022 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}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;font-weight:400;src:local('Open Sans'),local('OpenSans'),url('../../../fonts/opensans-regular.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url('../../../fonts/opensans-bold.woff') format('woff')}@font-face{font-family:Passbolt;font-style:normal;font-weight:400;src:local('Passbolt'),local('Passbolt'),url('../../../fonts/passbolt.ttf') format('truetype')}body{font-family:'Open Sans',Verdana,sans-serif}.code{font-family:'Courier New',Courier,monospace}html{font-size:62.5%}body{font-size:1.4rem;line-height:1.9rem}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;border-bottom:1px solid #e0e0e0}p{font-size:1.4rem;line-height:1.9rem;max-width:64rem;margin:0}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;line-height:2rem;border-bottom:1px solid #ccc}a:link,a:visited{color:#000}a:hover{text-decoration:none;cursor:pointer;color:#2894df;border-bottom:1px solid #2894df}a:active,a:focus{outline:0;color:#2894df;border:none}a.disabled{outline:0;text-decoration:none;cursor:default;color:#000;opacity:.5;pointer-events:none}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;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 #e0e0e0;color:#000;background:#f8f8f8;border-radius:.4rem;box-sizing:border-box;min-width:7rem}.button:hover,button:hover{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 1px #e0e0e0;color:#000;text-decoration:none;border:none}.button:focus,.button:focus-visible,button:focus,button:focus-visible{box-shadow:0 0 .4rem #2a9ceb,inset 0 0 0 1px #2894df;color:#000;text-decoration:none;border:none}.button:active,button:active{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 0 0 1px #e0e0e0;background:#dedede;color:#000;text-decoration:none;border:none}.button.disabled,.button:disabled,button.disabled,button:disabled{cursor:default;background:#f8f8f8;box-shadow:inset 0 0 0 1px #e0e0e0;opacity:.5}.button-action-icon,button-action-icon{min-width:inherit;width:4.8rem;height:3.6rem}.button-icon,button-icon{min-width:inherit;width:4.8rem;height:3.6rem;padding:0;background:#eee;box-shadow:inset 0 0 0 1px #bdbdbd}.button-icon:hover,button-icon:hover{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 1px #bdbdbd;color:#000;text-decoration:none;border:none}.button-icon:active,button-icon:active{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 0 0 1px #bdbdbd;background:#e0e0e0}.button-icon svg,button-icon svg{width:2rem;height:2rem}.button-transparent,button-transparent{min-width:inherit;background:0 0;box-shadow:none;border-radius:.3rem}.button-transparent:focus,button-transparent:focus{box-shadow:none}.button-transparent:hover,button-transparent:hover{background:rgba(255,255,255,.1);box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.05)}.button-transparent:focus-visible,button-transparent:focus-visible{background:rgba(255,255,255,.1);box-shadow:0 0 .4rem #2a9ceb,inset 0 0 0 1px #2894df}.button-transparent:active,button-transparent:active{background:rgba(255,255,255,.1);box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.05)}.button-transparent.disabled,.button-transparent:disabled,button-transparent.disabled,button-transparent:disabled{background:rgba(255,255,255,.1);box-shadow:none}.button.processing,button.processing{background:#f8f8f8;box-shadow:inset 0 0 0 1px #e0e0e0;color:transparent}.button.processing:hover,button.processing:hover{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 1px #e0e0e0}.button.processing:focus,button.processing:focus{box-shadow:0 0 .4rem #2a9ceb,inset 0 0 0 1px #2894df}.button.processing:active,button.processing:active{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 0 0 1px #e0e0e0}.button.processing.disabled,.button.processing:disabled,button.processing.disabled,button.processing:disabled{opacity:1;background:rgba(238,238,238,.5);box-shadow:inset 0 0 0 .1rem rgba(224,224,224,.5)}.button.processing .svg-icon.spinner,button.processing .svg-icon.spinner{position:absolute}.button.primary,button.primary{background:#2894df;box-shadow:inset 0 0 0 .1rem #2894df;color:#fff}.button.primary svg,button.primary svg{--icon-color:#FFFFFF;--icon-background-color:#000000}.button.primary.processing,button.primary.processing{color:transparent;background:#2894df;box-shadow:inset 0 0 0 1px #2894df}.button.primary.processing.disabled,.button.primary.processing:disabled,button.primary.processing.disabled,button.primary.processing:disabled{background:rgba(40,148,223,.5)}.button.primary.processing .svg-icon.spinner,button.primary.processing .svg-icon.spinner{--spinner-color:#FFFFFF;--spinner-background:rgba(255, 255, 255, 0.25)}.button.primary:hover,button.primary:hover{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 1px #2894df}.button.primary:focus,button.primary:focus{box-shadow:0 0 .4rem #2a9ceb}.button.primary:active,button.primary:active{background:#2894df;box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 0 0 1px #2894df}.button.primary.disabled,.button.primary:disabled,button.primary.disabled,button.primary:disabled{box-shadow:none}.button.warning,button.warning{background:#d40101;box-shadow:inset 0 0 0 .1rem #d40101;color:#fff}.button.warning svg,button.warning svg{--icon-color:#FFFFFF;--icon-background-color:#000000}.button.warning.processing,button.warning.processing{color:transparent;background:#d40101;box-shadow:inset 0 0 0 1px #d40101}.button.warning.processing.disabled,.button.warning.processing:disabled,button.warning.processing.disabled,button.warning.processing:disabled{background:rgba(212,1,1,.5)}.button.warning.processing .svg-icon.spinner,button.warning.processing .svg-icon.spinner{--spinner-color:#FFFFFF;--spinner-background:rgba(255, 255, 255, 0.25)}.button.warning:hover,button.warning:hover{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 1px #d40101}.button.warning:focus,button.warning:focus{box-shadow:0 0 .4rem #2a9ceb}.button.warning:active,button.warning:active{background:#d40101;box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 0 0 1px #d40101}.button.warning.disabled,.button.warning:disabled,button.warning.disabled,button.warning:disabled{box-shadow:none}.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 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 0 0 1px #e0e0e0;background:#dedede;color:#000;text-decoration:none;border:none}.button-group{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.6rem}.button-group--nowrap>.button{white-space:nowrap}.button-group>*{min-width:inherit;max-width:50%;flex-grow:1}.button-group>:last-child{flex:0}label{font-weight:700;font-size:1.5rem;line-height:2rem;display:block;width:max-content;max-width:100%}label>*{margin-left:.4rem}label .svg-icon.exclamation{--icon-exclamation-background-color:#DD6A00}label .svg-icon svg{height:1.2rem;width:1.2rem}.required>label:after{content:"\002A";color:#d40101;font-weight:700;margin-left:.4rem}.input.error label{color:#d40101}.input.warning label{color:#dd6a00}.input-password-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.checkbox-wrapper label,.input.file label,.input.select-wrapper label,.input.text label,.input.textarea label{margin-bottom:1.2rem}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],textarea{font-size:1.5rem;font-weight:400;line-height:2rem;color:#000;background:#fff;width:100%;max-width:64rem;padding:.8rem .8rem;margin-bottom:1.2rem;display:block;box-shadow:inset 0 0 0 .1rem #bdbdbd;border:none;border-radius:.4rem;box-sizing:border-box;vertical-align:middle}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 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 1px #bdbdbd}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,textarea:focus{box-shadow:0 0 .4rem #2a9ceb,inset 0 0 0 .1rem #2894df;outline:0}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 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 0 0 1px #bdbdbd}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;box-shadow:inset 0 0 0 .1rem #bdbdbd;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}.input.text{margin-bottom:1.6rem}::-ms-reveal{display:none}input[type=number]{width:4.2rem;padding:.5rem .8rem;border-radius:.1rem;-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{background:#f8f8f8;box-shadow:inset 0 0 0 .1rem #e0e0e0;height:3rem;margin-bottom:0}input[type=number].in-field:hover{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 1px #e0e0e0}input[type=number].in-field:focus{box-shadow:0 0 .4rem #2a9ceb,inset 0 0 0 .1rem #2894df}input[type=number].in-field:active{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 0 0 1px #e0e0e0}input[type=number].in-field:disabled{box-shadow:inset 0 0 0 .1rem #e0e0e0}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;padding:.7rem 1.1rem .7rem .8rem;resize:vertical;scrollbar-width:thin}textarea.full_report{height:15rem}.textarea.large textarea{width:30rem;height:9rem}.input-password-wrapper{margin-bottom:1.6rem}.input.password{display:flex;align-items:center;margin-bottom:1.2rem;border-radius:.4rem;color:#000;background:#fff;--passphrase-placeholder-color:#000000}.input.password input[type=password],.input.password input[type=text]{flex:1;height:3.6rem;max-width:initial;background:inherit;color:inherit;box-shadow:inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset .1rem 0 0 #bdbdbd;border-radius:.4rem 0 0 .4rem;padding:.8rem;margin:0}.input.password input[type=password]:hover,.input.password input[type=text]:hover{box-shadow:.1rem 0 0 #fff,inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset .1rem 0 0 #bdbdbd}.input.password input[type=password]:hover~.password-view-wrapper,.input.password input[type=text]:hover~.password-view-wrapper{box-shadow:.1rem 0 0 #fff,inset 0 .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd}.input.password input[type=password]:hover~.security-token-wrapper,.input.password input[type=password]:hover~:last-child,.input.password input[type=text]:hover~.security-token-wrapper,.input.password input[type=text]:hover~:last-child{box-shadow:inset 0 .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset -.1rem 0 0 #bdbdbd}.input.password input[type=password]:focus,.input.password input[type=text]:focus{box-shadow:inset 0 .1rem 0 #2894df,inset 0 -.1rem 0 #2894df,inset .1rem 0 0 #2894df;outline:0}.input.password input[type=password]:focus~.password-view-wrapper,.input.password input[type=text]:focus~.password-view-wrapper{box-shadow:inset 0 .1rem 0 #2894df,inset 0 -.1rem 0 #2894df}.input.password input[type=password]:focus~.security-token-wrapper,.input.password input[type=password]:focus~:last-child,.input.password input[type=text]:focus~.security-token-wrapper,.input.password input[type=text]:focus~:last-child{box-shadow:inset 0 .1rem 0 #2894df,inset 0 -.1rem 0 #2894df,inset -.1rem 0 0 #2894df}.input.password input[type=password]:active,.input.password input[type=text]:active{box-shadow:inset 0 -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset .1rem 0 0 #bdbdbd}.input.password input[type=password]:active~.password-view-wrapper,.input.password input[type=text]:active~.password-view-wrapper{box-shadow:inset 0 -.1rem 0 rgba(255,255,255,.35),inset 0 .1rem 0 rgba(0,0,0,.35),inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd}.input.password input[type=password]:active~.security-token-wrapper,.input.password input[type=password]:active~:last-child,.input.password input[type=text]:active~.security-token-wrapper,.input.password input[type=text]:active~:last-child{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset 0 .1rem 0 rgba(0,0,0,.35),inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset -.1rem 0 0 #bdbdbd}.input.password input[type=password] .disabled,.input.password input[type=password]:disabled,.input.password input[type=text] .disabled,.input.password input[type=text]:disabled{box-shadow:inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset .1rem 0 0 #bdbdbd}.input.password input[type=password] .disabled~.password-view-wrapper,.input.password input[type=password]:disabled~.password-view-wrapper,.input.password input[type=text] .disabled~.password-view-wrapper,.input.password input[type=text]:disabled~.password-view-wrapper{box-shadow:inset 0 .1rem 0 rgba(189,189,189,.5),inset 0 -.1rem 0 rgba(189,189,189,.5)}.input.password input[type=password] .disabled~.security-token-wrapper,.input.password input[type=password] .disabled~:last-child,.input.password input[type=password]:disabled~.security-token-wrapper,.input.password input[type=password]:disabled~:last-child,.input.password input[type=text] .disabled~.security-token-wrapper,.input.password input[type=text] .disabled~:last-child,.input.password input[type=text]:disabled~.security-token-wrapper,.input.password input[type=text]:disabled~:last-child{box-shadow:inset 0 .1rem 0 rgba(189,189,189,.5),inset 0 -.1rem 0 rgba(189,189,189,.5),inset -.1rem 0 0 rgba(189,189,189,.5)}.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 input[type=password]::placeholder,.input.password.security input[type=text]::placeholder{color:var(--passphrase-placeholder-color);opacity:.5}.input.password.security input[type=password]:focus,.input.password.security input[type=text]:focus{box-shadow:inset 0 .1rem 0 rgba(0,0,0,.1),inset 0 -.1rem 0 rgba(0,0,0,.1),inset .1rem 0 0 rgba(0,0,0,.1);outline:0}.input.password.security input[type=password]:focus~.password-view-wrapper,.input.password.security input[type=text]:focus~.password-view-wrapper{box-shadow:inset 0 .1rem 0 rgba(0,0,0,.1),inset 0 -.1rem 0 rgba(0,0,0,.1)}.input.password.security input[type=password]:focus~.security-token-wrapper,.input.password.security input[type=password]:focus~:last-child,.input.password.security input[type=text]:focus~.security-token-wrapper,.input.password.security input[type=text]:focus~:last-child{box-shadow:inset 0 .1rem 0 rgba(0,0,0,.1),inset 0 -.1rem 0 rgba(0,0,0,.1),inset -.1rem 0 0 rgba(0,0,0,.1)}.input.password input[type=password]:focus:active,.input.password.security input[type=text]:focus:active{box-shadow:inset 0 -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35)}.input.password input[type=password]:focus:active~.password-view-wrapper,.input.password.security input[type=text]:focus:active~.password-view-wrapper{box-shadow:inset 0 -.1rem 0 rgba(255,255,255,.35),inset 0 .1rem 0 rgba(0,0,0,.35)}.input.password input[type=password]:focus:active~.security-token-wrapper,.input.password input[type=password]:focus:active~:last-child,.input.password.security input[type=text]:focus:active~.security-token-wrapper,.input.password.security input[type=text]:focus:active~:last-child{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset 0 .1rem 0 rgba(0,0,0,.35)}.input.password .password-view-wrapper{display:flex;align-items:center;box-shadow:inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd;padding:.3rem .2rem .3rem 0}.input.password .security-token-wrapper,.input.password>:last-child{display:flex;align-items:center;box-shadow:inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset -.1rem 0 0 #bdbdbd;border-radius:0 .4rem .4rem 0;padding:.3rem .3rem .3rem 0}.input.password:focus-within{box-shadow:0 0 .4rem #2a9ceb}.input.password.security:focus-within{box-shadow:none}.input.password:active{box-shadow:none}.input.search{display:flex;align-items:center;border-radius:.4rem;color:#000;background:#fff}.input.search input[type=search]{flex:1;height:3.6rem;max-width:initial;background:inherit;color:inherit;box-shadow:inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset .1rem 0 0 #bdbdbd;border-radius:.4rem 0 0 .4rem;padding:.8rem 1.1rem;margin:0}.input.search input[type=search]:hover{box-shadow:.1rem 0 0 #fff,inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset .1rem 0 0 #bdbdbd}.input.search input[type=search]:hover~.search-button-wrapper{box-shadow:inset 0 .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset -.1rem 0 0 #bdbdbd}.input.search input[type=search]:focus{box-shadow:inset 0 .1rem 0 #2894df,inset 0 -.1rem 0 #2894df,inset .1rem 0 0 #2894df;outline:0}.input.search input[type=search]:focus~.search-button-wrapper{box-shadow:inset 0 .1rem 0 #2894df,inset 0 -.1rem 0 #2894df,inset -.1rem 0 0 #2894df}.input.search input[type=search]:active{box-shadow:inset 0 -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset .1rem 0 0 #bdbdbd}.input.search input[type=search]:active~.search-button-wrapper{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset 0 .1rem 0 rgba(0,0,0,.35),inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset -.1rem 0 0 #bdbdbd}.input.search input[type=search] .disabled,.input.search input[type=search]:disabled{box-shadow:inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset .1rem 0 0 #bdbdbd}.input.search input[type=search] .disabled~.search-button-wrapper,.input.search input[type=search]:disabled~.search-button-wrapper{box-shadow:inset 0 .1rem 0 rgba(189,189,189,.5),inset 0 -.1rem 0 rgba(189,189,189,.5),inset -.1rem 0 0 rgba(189,189,189,.5)}.input.search .search-button-wrapper{display:flex;align-items:center;box-shadow:inset 0 .1rem 0 #bdbdbd,inset 0 -.1rem 0 #bdbdbd,inset -.1rem 0 0 #bdbdbd;border-radius:0 .4rem .4rem 0;padding:.3rem .3rem .3rem 0}.input.search .search-button-wrapper .button{padding:.8rem;width:4.2rem;height:3rem}.input.search:focus-within{box-shadow:0 0 .4rem #2a9ceb}.input.search.no-focus:focus-within{box-shadow:none}.input.search:active{box-shadow:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{display:none}.password-view{padding:.8rem;width:4.2rem;height:3rem}.password-view.infield{border-radius:.1rem}.security-token{font-size:1.5rem;padding:.5rem 0;width:4.5rem;text-align:center;border-radius:.1rem;line-height:2rem;vertical-align:middle;box-sizing:border-box}input[type=file]{display:none}.input.file{margin-bottom:1.6rem}.input.file .input-file-inline{display:flex;align-items:center;padding:.3rem;margin-bottom:1.2rem;background:#fff;box-shadow:inset 0 0 0 .1rem #bdbdbd;border:none;border-radius:.4rem;box-sizing:border-box}.input.file .input-file-inline input[type=text]{flex:1;padding:.4rem .5rem;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;border-radius:.2rem}.input.file .input-file-inline .button svg,.input.file .input-file-inline button svg{width:1.4rem;height:1.4rem}.input.file.disabled .input-file-inline{background:rgba(255,255,255,.5);box-shadow:inset 0 0 0 .1rem rgba(189,189,189,.5)}.input.file.disabled .input-file-inline input[type=text]:disabled{opacity:.5}.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:'';width:1.4rem;height:1.4rem;background:#fff;border:1px solid #a0a0a0;border-radius:.2rem;box-sizing:border-box}.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 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 1px #a0a0a0;border:none}.checkbox input[type=checkbox]:focus-visible{box-shadow:0 0 .4rem #2a9ceb;border:1px solid #2894df;outline:0}.checkbox input[type=checkbox]:active{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 0 0 1px #a0a0a0;border:none}.checkbox input[type=checkbox]:disabled+label{opacity:.5;cursor:auto}.checkbox input[type=checkbox]:disabled{cursor:default;box-shadow:none;background:#c4c4c4;border:1px solid #c4c4c4}.checkbox input[type=checkbox]:checked:before{content:'';width:1rem;height:1rem;background-size:1rem 1rem;background-image:url('../../../img/controls/check_black.svg');-webkit-mask-image:url('../../../img/controls/check_black.svg');mask-image:url('../../../img/controls/check_black.svg')}.checkbox input[type=checkbox]:disabled:before{background:#a1a1a1}.radiolist,.radiolist-alt{margin-bottom:1.2rem}.radiolist-alt>label,.radiolist>label{margin-bottom:1.2rem}.radiolist .input.radio,.radiolist-alt .input.radio{display:flex;align-items:center;margin-right:1.6rem}.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.4rem;height:1.4rem;background:#fff;border:1px solid #a0a0a0;border-radius:1rem;box-sizing:border-box;margin:0}.radiolist .input.radio input[type=radio]+label,.radiolist-alt .input.radio input[type=radio]+label{flex:1;font-weight:400;display:inline-block;cursor:pointer;font-size:1.5rem;line-height:2rem;margin:0 0 0 1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.radiolist .input.radio input[type=radio]:hover,.radiolist-alt .input.radio input[type=radio]:hover{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 1px #a0a0a0;border:none}.radiolist .input.radio input[type=radio]:hover:before,.radiolist-alt .input.radio input[type=radio]:hover:before{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2);border:none}.radiolist .input.radio input[type=radio]:focus-visible,.radiolist-alt .input.radio input[type=radio]:focus-visible{box-shadow:0 0 .4rem #2a9ceb;border:1px solid #2894df;outline:0}.radiolist .input.radio input[type=radio]:active,.radiolist-alt .input.radio input[type=radio]:active{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 0 0 1px #a0a0a0;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 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35);border:none}.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]:disabled,.radiolist-alt .input.radio input[type=radio]:disabled{cursor:auto;background:#c4c4c4;border:1px solid #c4c4c4;box-shadow:none}.radiolist .input.radio input[type=radio]:disabled:before,.radiolist-alt .input.radio input[type=radio]:disabled:before{box-shadow:none;background:#a1a1a1}.radiolist .input.radio input[type=radio]:before,.radiolist-alt .input.radio input[type=radio]:before{content:"";width:.8rem;height:.8rem;border-radius:1rem;background:#2a9ceb;transform:scale(0);transition:120ms transform ease-in-out}.radiolist .input.radio input[type=radio]:checked:before,.radiolist-alt .input.radio input[type=radio]:checked:before{transform:scale(1)}.radiolist-alt .input.radio{border:1px solid #e0e0e0;border-radius:3px;background-color:#f8f8f8;padding:1.6rem;margin-top:1.6rem}.radiolist-alt .input.radio.checked{border:1px solid #2894df}.radiolist-alt .input.radio.checked:hover{border:1px solid #2894df}.radiolist-alt .input.radio:hover{border:1px solid #c4c4c4}.radiolist-alt .input.radio label{margin-left:1.6rem}.radiolist-alt .input.radio label .name{margin:0;display:block;font-size:1.6rem}.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:grey;border-radius:3.2rem;box-sizing:border-box;margin:0}.input.toggle-switch .toggle-switch-checkbox+label{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}.input.toggle-switch .toggle-switch-checkbox+label.text{font-weight:400}.input.toggle-switch .toggle-switch-checkbox:hover{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2)}.input.toggle-switch .toggle-switch-checkbox:hover:before{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2)}.input.toggle-switch .toggle-switch-checkbox:focus-visible{box-shadow:0 0 .4rem #2a9ceb,inset 0 0 0 1px #2894df;outline:0}.input.toggle-switch .toggle-switch-checkbox:active{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35)}.input.toggle-switch .toggle-switch-checkbox:active:before{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),.1rem .1rem 0 rgba(0,0,0,.35);margin:0 0 0 .7rem;padding:0 0 0 .3rem}.input.toggle-switch .toggle-switch-checkbox:checked{background:#090}.input.toggle-switch .toggle-switch-checkbox:checked:focus{background:#2894df}.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}.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:#fff;transform:translateX(-65%);transition:all .4s ease,padding .3s ease,margin .3s ease}.select-container{margin-bottom:1.2rem;height:3.6rem}.select-container.medium{width:50%}.select-container .select{display:flex;flex-direction:column;font-size:1.5rem;font-weight:400;line-height:2rem}.select-container .select .selected-value{cursor:pointer;display:flex;flex:1;align-items:center;color:#000;background:#fff;box-shadow:inset 0 0 0 .1rem #bdbdbd;border-radius:.4rem;box-sizing:border-box;padding:.8rem 1.6rem .8rem .8rem}.select-container .select .selected-value:hover{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 1px #bdbdbd;border:none}.select-container .select .selected-value:focus-visible{box-shadow:0 0 .4rem #2a9ceb,inset 0 0 0 .1rem #2894df;outline:0}.select-container .select .selected-value:active{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 0 0 1px #bdbdbd;border:none}.select-container .select .selected-value.disabled{opacity:.5;cursor:default;box-shadow:inset 0 0 0 .1rem #bdbdbd}.select-container .select .selected-value .value{flex:1;display:block;margin-right:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.select-container .select .select-items{display:flex;flex-direction:column;background:#f8f8f8;box-sizing:border-box;box-shadow:inset .1rem 0 0 0 #e0e0e0,inset -.1rem 0 0 0 #e0e0e0,inset 0 -.1rem 0 0 #e0e0e0;width:100%;transition:opacity .5s;opacity:0;visibility:hidden;pointer-events:none;border-radius:0 0 .4rem .4rem;filter:drop-shadow(0 1rem 1rem rgba(0, 0, 0, .1));padding:.3rem 0 .8rem 0}.select-container .select .select-items .search-input{margin:.8rem;width:initial}.select-container .select .select-items .svg-icon{position:absolute;top:2.15rem;right:1.8rem}.select-container .select .select-items .items{max-height:18rem;overflow:auto;overscroll-behavior-y:contain;scrollbar-width:thin}.select-container .select .select-items .items .option{cursor:pointer;display:block;border:none;padding:.8rem 3.6rem .8rem .8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis}.select-container .select .select-items .items .option:hover{background:#ddd;box-shadow:inset .1rem 0 0 0 #e0e0e0,inset -.1rem 0 0 0 #e0e0e0}.select-container .select .select-items .items .option:focus-visible{background:#2894df;color:#fff;box-shadow:0 0 .4rem #2a9ceb;outline:0}.select-container .select .select-items .items .option:active{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35)}.select-container .select .select-items .items .option.no-results{cursor:default;background:#f8f8f8;box-shadow:none}.select-container .select.open .selected-value{z-index:2;background:#f8f8f8;border-radius:.4rem .4rem 0 0;box-shadow:inset .1rem 0 0 0 #e0e0e0,inset -.1rem 0 0 0 #e0e0e0,inset 0 .1rem 0 0 #e0e0e0}.select-container .select.open .select-items{opacity:1;visibility:visible;pointer-events:all;z-index:1}.select-container.inline{display:flex;margin-bottom:0;height:3rem}.select-container.inline .select .selected-value{background:#f8f8f8;box-shadow:inset 0 0 0 .1rem #e0e0e0;padding:.5rem 1.6rem}.select-container.inline .select .selected-value:hover{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 1px #e0e0e0}.select-container.inline .select .selected-value:focus-visible{box-shadow:0 0 .4rem #2a9ceb,inset 0 0 0 .1rem #2894df}.select-container.inline .select .selected-value:active{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35),inset 0 0 0 1px #e0e0e0}.select-container.inline .select .selected-value.disabled{box-shadow:inset 0 0 0 .1rem #e0e0e0}.select-container.inline .select .selected-value .value{margin-right:.8rem}.select-container.inline .select .select-items{min-width:100%;width:max-content}.select-container.inline .select .select-items .items .option{padding:.8rem 3.4rem .8rem 1.6rem}.select-container.inline .select.open .selected-value{box-shadow:inset .1rem 0 0 0 #e0e0e0,inset -.1rem 0 0 0 #e0e0e0,inset 0 .1rem 0 0 #e0e0e0}.select-container.inline .select.top.open .selected-value{border-radius:0 0 .2rem .2rem;box-shadow:inset .1rem 0 0 0 #e0e0e0,inset -.1rem 0 0 0 #e0e0e0,inset 0 -.1rem 0 0 #e0e0e0}.select-container.inline .select.top .select-items{transform:translate(0,calc(-100% - 3rem));border-radius:.2rem .2rem 0 0;box-shadow:inset .1rem 0 0 0 #e0e0e0,inset -.1rem 0 0 0 #e0e0e0,inset 0 .1rem 0 0 #e0e0e0;filter:drop-shadow(0 -1rem 1rem rgba(0, 0, 0, .1));padding:.8rem 0 .3rem 0}.select-container.setup-extension{display:flex;margin-bottom:0}.select-container.setup-extension .select .selected-value{background:0 0;box-shadow:none}.select-container.setup-extension .select .selected-value:hover{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2)}.select-container.setup-extension .select .selected-value:focus-visible{box-shadow:0 0 .4rem #2a9ceb,inset 0 0 0 .1rem #2894df}.select-container.setup-extension .select .selected-value:active{box-shadow:inset -.1rem -.1rem 0 rgba(255,255,255,.35),inset .1rem .1rem 0 rgba(0,0,0,.35)}.select-container.setup-extension .select .selected-value.disabled{box-shadow:none}.select-container.setup-extension .select .select-items{background:#fff}.select-container.setup-extension .select.open .selected-value{background:#fff;box-shadow:inset .1rem 0 0 0 #e0e0e0,inset -.1rem 0 0 0 #e0e0e0,inset 0 .1rem 0 0 #e0e0e0}.date-wrapper .button-inline{position:relative}.date-wrapper .button-inline .svg-icon{position:absolute;right:.9rem;top:.9rem;width:1.6rem;height:1.6rem;pointer-events:none}.date-wrapper .button-inline input[type=date]{height:3.6rem;position:relative}.date-wrapper .button-inline input[type=date]::-webkit-calendar-picker-indicator{opacity:0}.date-wrapper .button-inline input[type=date].empty{color:rgba(0,0,0,.5)}.input .error-message{padding:0;font-size:1.5rem;margin-bottom:1.6rem;border:0;font-weight:400;color:#d40101;clear:both}.input .help-message{padding:0;font-size:1.5rem;margin-bottom:1.6rem;border:0;font-weight:400;clear:both}.input .warning-message{padding:0;font-size:1.5rem;margin-bottom:1.6rem;border:0;font-weight:400;color:#dd6a00;clear:both}.input.disabled .help-message{opacity:.5}.singleline{display:flex;max-width:64rem}.singleline:after,.singleline:before{content:"";display:table}.singleline:after{clear:both}.singleline:after,.singleline:before{content:"";display:table}.singleline:after{clear:both}.singleline .input{flex:1}.singleline .input.first-field,.singleline .input:first-child{margin-right:2%}.slider{display:flex;align-items:center}.slider input[type=range]{-webkit-appearance:none;width:100%;height:1px;border-radius:5px;background:#ccc;outline:0;flex-grow:1}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.6rem;height:1.6rem;box-shadow:inset 0 0 0 .1rem #ccc;border-radius:50%;background:#f0f0f0;cursor:pointer}.slider input[type=range]::-webkit-slider-thumb:hover{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 .1rem #ccc}.slider input[type=range]::-moz-range-thumb{width:1.6rem;height:1.6rem;box-shadow:inset 0 0 0 .1rem #ccc;border:none;border-radius:50%;background:#f0f0f0;cursor:pointer}.slider input[type=range]::-moz-range-thumb:hover{box-shadow:inset .1rem .1rem 0 rgba(255,255,255,.25),.1rem .1rem 0 rgba(0,0,0,.2),inset 0 0 0 .1rem #ccc}.slider input[type=number]{margin-left:1.6rem}:root{--icon-color:#000000;--icon-background-color:#FFFFFF;--icon-stroke-width:0.15rem;--icon-exclamation-color:#FFFFFF;--icon-exclamation-background-color:#9A9A9A;--icon-favorites-color:#C9C9C9;--icon-failed-color:#D40101;--icon-success-color:#009900;--spinner-color:#7A7A7A;--spinner-background:rgba(0, 0, 0, 0.25);--spinner-stroke-width:0.15rem}.svg-icon{display:inline-flex;align-self:center}.svg-icon.spinner #loading{animation:spin 2s forwards infinite;stroke-dashoffset:50.25;stroke-dasharray:50.27}@keyframes spin{0%{stroke-dashoffset:50.25;animation-timing-function:cubicBezier(0.77,0,0.175,1)}50%{stroke-dashoffset:0;animation-timing-function:cubicBezier(0.77,0,0.175,1)}100%{stroke-dashoffset:-50.25}}.svg-icon.baseline svg{top:.125em;position:relative}.svg-icon.icon-only svg{padding:.1rem}a.disabled .svg-icon svg{pointer-events:none;cursor:default}a.fav .svg-icon.star svg{--icon-favorites-color:#D40101}.button .svg-icon+span:not(.visuallyhidden){margin-left:.8rem;display:inline-block}.icon-feedback .success{background:url('../../../img/controls/success.svg') no-repeat;height:11rem;width:11rem}.icon-feedback .error{background:url('../../../img/controls/fail.svg') no-repeat;height:11rem;width:11rem}.icon-feedback .warning{background:url('../../../img/controls/warning.svg') no-repeat;height:11rem;width:11rem}.icon-feedback .attention{background:url('../../../img/controls/attention.svg') no-repeat;height:11rem;width:11rem}table{border-collapse:collapse;border-spacing:0}table td,table th{text-align:left;font-weight:400}.logo{background:transparent url('../../../img/logo/logo.svg') 0 0 no-repeat;background-size:20rem auto;width:20rem;height:4.5rem}.scroll{overflow-y:scroll}.scroll-shadow{overflow:auto;background:linear-gradient(#fff 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),#fff 70%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.08),rgba(0,0,0,0)),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.08),rgba(0,0,0,0)) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.shimmer{display:block;position:relative;width:100%;height:100%;content:'';animation:shimmer 2s infinite;background:linear-gradient(45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 30%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0))}@keyframes shimmer{0%{background-position:0 0}100%{background-position:1000px 0}}html{scroll-behavior:smooth}.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(1)}55%{opacity:1;transform:scale(1)}65%{opacity:1;transform:scale(1.25)}75%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}.fadeInDown{animation-name:fadeInDown}.fadeOutUp{animation-name:fadeOutUp}.fadeInUp{animation-name:fadeInUp}.pop{animation-name:pop}.page{width:100%;min-width:32rem;top:0;left:0;right:0;bottom:0;position:absolute;overflow:auto}.page .panel{height:100%;width:100%;position:absolute;overflow:auto}.page .panel.main{bottom:3.4rem;height:auto;padding:0}.page .panel.main .panel.left{background:#fafafa}.page .header.second+.panel.main{top:6.875em}.page .header.third+.panel.main{top:16.5rem;border-top:1px solid #e0e0e0}.page .header{width:100%;overflow:hidden}.page .header.first{min-height:4.3rem}.page .header.second{height:7rem}.page .header.third{height:5.2rem}.page .col1,.page .col2,.page .col2_3,.page .col3{position:absolute}.page .col1,.page .panel.left{width:18%;box-sizing:border-box}.page .panel.middle{width:82%;left:18%;overflow:hidden;background:#fafafa}.page .panel.middle.scroll{overflow-y:scroll}.page .col2{width:calc(82% - 35rem);left:18%}.page .col3,.page .panel.right{width:24%;left:76%}.page .col2_3{width:calc(82% - 1.6rem);left:18%}.page .panel.main .grid-responsive-12{width:100%;height:calc(100% - 3.9rem);margin-right:1.6rem;max-width:none;box-sizing:border-box}@media all and (max-width:1024px){.page .panel.left{display:none}.page .header.second .col2{display:none}.page .header.second .col2_3{display:none}.page .header.third{height:5.2rem}.page .header.third .col1,.page .header.third .col2,.page .header.third .col2_3{position:relative;float:left;left:auto;width:auto}.page .header.third .col3{display:none}.page .panel.main .panel.left{display:none}.page .panel.main .panel.middle{width:100%;left:0}.page .panel.main .panel.aside{min-width:auto}}.grid,.grid-responsive-12{margin:0 auto;padding:0;max-width:1220px}.grid .row,.grid-responsive-12 .row{display:flex;flex-direction:column;min-height:100%;margin:0 1.6rem}.grid .row:after,.grid .row:before,.grid-responsive-12 .row:after,.grid-responsive-12 .row:before{content:"";display:table}.grid .row:after,.grid-responsive-12 .row:after{clear:both}.grid .row:after,.grid .row:before,.grid-responsive-12 .row:after,.grid-responsive-12 .row:before{content:"";display:table}.grid .row:after,.grid-responsive-12 .row:after{clear:both}.grid .row .col1,.grid .row .col10,.grid .row .col11,.grid .row .col12,.grid .row .col2,.grid .row .col3,.grid .row .col4,.grid .row .col5,.grid .row .col6,.grid .row .col7,.grid .row .col8,.grid .row .col9,.grid-responsive-12 .row .col1,.grid-responsive-12 .row .col10,.grid-responsive-12 .row .col11,.grid-responsive-12 .row .col12,.grid-responsive-12 .row .col2,.grid-responsive-12 .row .col3,.grid-responsive-12 .row .col4,.grid-responsive-12 .row .col5,.grid-responsive-12 .row .col6,.grid-responsive-12 .row .col7,.grid-responsive-12 .row .col8,.grid-responsive-12 .row .col9{position:relative;left:auto;float:none;width:100%;box-sizing:border-box}.grid .row .col10:after,.grid .row .col10:before,.grid .row .col11:after,.grid .row .col11:before,.grid .row .col12:after,.grid .row .col12:before,.grid .row .col1:after,.grid .row .col1:before,.grid .row .col2:after,.grid .row .col2:before,.grid .row .col3:after,.grid .row .col3:before,.grid .row .col4:after,.grid .row .col4:before,.grid .row .col5:after,.grid .row .col5:before,.grid .row .col6:after,.grid .row .col6:before,.grid .row .col7:after,.grid .row .col7:before,.grid .row .col8:after,.grid .row .col8:before,.grid .row .col9:after,.grid .row .col9:before,.grid-responsive-12 .row .col10:after,.grid-responsive-12 .row .col10:before,.grid-responsive-12 .row .col11:after,.grid-responsive-12 .row .col11:before,.grid-responsive-12 .row .col12:after,.grid-responsive-12 .row .col12:before,.grid-responsive-12 .row .col1:after,.grid-responsive-12 .row .col1:before,.grid-responsive-12 .row .col2:after,.grid-responsive-12 .row .col2:before,.grid-responsive-12 .row .col3:after,.grid-responsive-12 .row .col3:before,.grid-responsive-12 .row .col4:after,.grid-responsive-12 .row .col4:before,.grid-responsive-12 .row .col5:after,.grid-responsive-12 .row .col5:before,.grid-responsive-12 .row .col6:after,.grid-responsive-12 .row .col6:before,.grid-responsive-12 .row .col7:after,.grid-responsive-12 .row .col7:before,.grid-responsive-12 .row .col8:after,.grid-responsive-12 .row .col8:before,.grid-responsive-12 .row .col9:after,.grid-responsive-12 .row .col9:before{content:"";display:table}.grid .row .col10:after,.grid .row .col11:after,.grid .row .col12:after,.grid .row .col1:after,.grid .row .col2:after,.grid .row .col3:after,.grid .row .col4:after,.grid .row .col5:after,.grid .row .col6:after,.grid .row .col7:after,.grid .row .col8:after,.grid .row .col9:after,.grid-responsive-12 .row .col10:after,.grid-responsive-12 .row .col11:after,.grid-responsive-12 .row .col12:after,.grid-responsive-12 .row .col1:after,.grid-responsive-12 .row .col2:after,.grid-responsive-12 .row .col3:after,.grid-responsive-12 .row .col4:after,.grid-responsive-12 .row .col5:after,.grid-responsive-12 .row .col6:after,.grid-responsive-12 .row .col7:after,.grid-responsive-12 .row .col8:after,.grid-responsive-12 .row .col9:after{clear:both}.grid .row .col10:after,.grid .row .col10:before,.grid .row .col11:after,.grid .row .col11:before,.grid .row .col12:after,.grid .row .col12:before,.grid .row .col1:after,.grid .row .col1:before,.grid .row .col2:after,.grid .row .col2:before,.grid .row .col3:after,.grid .row .col3:before,.grid .row .col4:after,.grid .row .col4:before,.grid .row .col5:after,.grid .row .col5:before,.grid .row .col6:after,.grid .row .col6:before,.grid .row .col7:after,.grid .row .col7:before,.grid .row .col8:after,.grid .row .col8:before,.grid .row .col9:after,.grid .row .col9:before,.grid-responsive-12 .row .col10:after,.grid-responsive-12 .row .col10:before,.grid-responsive-12 .row .col11:after,.grid-responsive-12 .row .col11:before,.grid-responsive-12 .row .col12:after,.grid-responsive-12 .row .col12:before,.grid-responsive-12 .row .col1:after,.grid-responsive-12 .row .col1:before,.grid-responsive-12 .row .col2:after,.grid-responsive-12 .row .col2:before,.grid-responsive-12 .row .col3:after,.grid-responsive-12 .row .col3:before,.grid-responsive-12 .row .col4:after,.grid-responsive-12 .row .col4:before,.grid-responsive-12 .row .col5:after,.grid-responsive-12 .row .col5:before,.grid-responsive-12 .row .col6:after,.grid-responsive-12 .row .col6:before,.grid-responsive-12 .row .col7:after,.grid-responsive-12 .row .col7:before,.grid-responsive-12 .row .col8:after,.grid-responsive-12 .row .col8:before,.grid-responsive-12 .row .col9:after,.grid-responsive-12 .row .col9:before{content:"";display:table}.grid .row .col10:after,.grid .row .col11:after,.grid .row .col12:after,.grid .row .col1:after,.grid .row .col2:after,.grid .row .col3:after,.grid .row .col4:after,.grid .row .col5:after,.grid .row .col6:after,.grid .row .col7:after,.grid .row .col8:after,.grid .row .col9:after,.grid-responsive-12 .row .col10:after,.grid-responsive-12 .row .col11:after,.grid-responsive-12 .row .col12:after,.grid-responsive-12 .row .col1:after,.g