passbolt-styleguide
Version:
Passbolt styleguide contains common styling assets used by the different sites, plugin, etc.
9 lines • 52 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
*/
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)}@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}: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}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}.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}.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,.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 .col1 img,.grid .row .col10 img,.grid .row .col11 img,.grid .row .col12 img,.grid .row .col2 img,.grid .row .col3 img,.grid .row .col4 img,.grid .row .col5 img,.grid .row .col6 img,.grid .row .col7 img,.grid .row .col8 img,.grid .row .col9 img,.grid-responsive-12 .row .col1 img,.grid-responsive-12 .row .col10 img,.grid-responsive-12 .row .col11 img,.grid-responsive-12 .row .col12 img,.grid-responsive-12 .row .col2 img,.grid-responsive-12 .row .col3 img,.grid-responsive-12 .row .col4 img,.grid-responsive-12 .row .col5 img,.grid-responsive-12 .row .col6 img,.grid-responsive-12 .row .col7 img,.grid-responsive-12 .row .col8 img,.grid-responsive-12 .row .col9 img{width:100%;height:auto;display:block}.grid .row .main-column,.grid-responsive-12 .row .main-column{min-height:fit-content;background:#fff;flex:1;border-radius:.3rem .3rem 0 0;border:1px solid #e0e0e0;border-bottom:none}.grid .row .main-column>*,.grid-responsive-12 .row .main-column>*{margin:1.6rem}.grid .row .main-column form,.grid-responsive-12 .row .main-column form{margin:0}.grid .row .main-column form>*,.grid-responsive-12 .row .main-column form>*{margin:1.6rem}.grid .row .main-column .message,.grid-responsive-12 .row .main-column .message{margin:0}.grid .row .main-column .accordion,.grid-responsive-12 .row .main-column .accordion{margin:0}.grid .row .main-column .accordion .accordion-header a,.grid-responsive-12 .row .main-column .accordion .accordion-header a{display:flex;align-items:center;border:none}.grid .row .main-column .accordion .accordion-header a .svg-icon,.grid-responsive-12 .row .main-column .accordion .accordion-header a .svg-icon{margin-right:.4rem}.grid .row .main-column .accordion .accordion-content,.grid-responsive-12 .row .main-column .accordion .accordion-content{margin:1.6rem}.grid .row .main-column h3,.grid-responsive-12 .row .main-column h3{padding:.8rem 1.6rem 1.1rem 1.6rem;margin:0;border-bottom:.1rem solid #e0e0e0;font-size:2rem;line-height:2.7rem}.grid .row .main-column h3>*,.grid-responsive-12 .row .main-column h3>*{margin:0}.grid .row .main-column h3 label,.grid-responsive-12 .row .main-column h3 label{font-size:2rem;line-height:2.7rem}.grid .row .main-column h4,.grid-responsive-12 .row .main-column h4{padding:1.1rem 1.6rem 0 1.6rem;margin:.8rem 0 0 0;border-top:.1rem solid #e0e0e0;font-size:1.8rem;line-height:2.5rem}.grid .row .main-column h4.no-border,.grid-responsive-12 .row .main-column h4.no-border{border:none;margin-top:0}.grid .row .main-column h4 a,.grid .row .main-column h4 label,.grid-responsive-12 .row .main-column h4 a,.grid-responsive-12 .row .main-column h4 label{font-size:1.8rem;line-height:2.5rem}.grid .row .last,.grid-responsive-12 .row .last{margin:1.6rem 0}.grid .row .last .sidebar,.grid-responsive-12 .row .last .sidebar{background-color:#e8e8e8;border-radius:.3rem}.grid .row .last .sidebar>*,.grid-responsive-12 .row .last .sidebar>*{margin:1.6rem}.grid .row .last .sidebar>:last-child,.grid-responsive-12 .row .last .sidebar>:last-child{margin-bottom:0;padding-bottom:1.6rem}.grid .row .last .sidebar h3,.grid-responsive-12 .row .last .sidebar h3{padding:.8rem 1.6rem 1.1rem 1.6rem;margin:0;border-bottom:.1rem solid #e0e0e0;font-size:2rem;line-height:2.7rem}@media all and (min-width:780px){.grid .row{flex-direction:row;margin:0 1.6rem 0 0}.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{float:left;position:relative}.grid .row .last{margin:0 0 0 1.6rem}.grid .row .col1{width:5.5%}.grid .row .col2{width:14%}.grid .row .col3{width:22.5%}.grid .row .col4{width:31%}.grid .row .col5{width:39.5%}.grid .row .col6{width:48%}.grid .row .col7{width:56.5%}.grid .row .col8{width:65%}.grid .row .col9{width:73.5%}.grid .row .col10{width:82%}.grid .row .col11{width:90.5%}.grid .row .col12{width:99%;margin:0}.grid .row .push1{margin-left:5.5%}.grid .row .push2{margin-left:14%}.grid .row .push3{margin-left:22.5%}.grid .row .push4{margin-left:31%}}@media all and (max-width:768px){.hidden-xs{display:none}}.header{overflow:visible!important}.header.first{background:#333}.header.second,.header.third{background:#eee}.header .navigation.primary{padding:1rem 1.6rem}.header .navigation.primary:after,.header .navigation.primary:before{content:"";display:table}.header .navigation.primary:after{clear:both}.header .navigation.primary:after,.header .navigation.primary:before{content:"";display:table}.header .navigation.primary:after{clear:both}.header .navigation.primary li{margin-right:1.6rem;float:left}.header .navigation.primary li:last-child{margin-right:0}.header .navigation.primary li.right{float:right;margin-right:0;margin-left:1.6rem}.header .navigation.primary li a{color:#ebebe9;font-size:1.7rem;line-height:2.3rem;text-decoration:none;border:0;display:inline-block}.header .navigation.primary li a:hover{color:#fff}.header .navigation.primary li a:active,.header .navigation.primary li a:focus{color:#2894df}.header .navigation.primary li a.highlighted{background-color:#2894df;padding:0 .5em 0 .5em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.header .navigation.primary li a.highlighted:active,.header .navigation.primary li a.highlighted:focus{color:#000}.header .navigation.primary li .row.selected a{color:#fff}.header .navigation.primary li .row.selected a:focus{color:#2894df}.header .navigat