.tab,body,html{display:inline-block}.tab,.title{vertical-align:top}.title-mode,.title-section{font-weight:200;font-size:12px}.mode,.radio{text-align:center}body,html,select{background-color:#222}.button,.checkbox-custom:focus+.checkbox-custom-label,select{outline:0}@font-face{font-family:Hind;src:url(../panel/fonts/Hind-Light.ttf) format("truetype");font-weight:100}@font-face{font-family:Hind;src:url(../panel/fonts/Hind-Regular.ttf) format("truetype");font-weight:200}@font-face{font-family:Hind;src:url(../panel/fonts/Hind-Medium.ttf) format("truetype");font-weight:300}:root{--gris:#a8a8a8;--grisTresClair:#c6c6c6;--grisClair:#8a8a8a;--grisFonce:#1a1a1a;--grisTresFonce:#060606;--bleu:#2d8ceb;--fond:#242424;--contour:#373737;--widthColumn:57px}body{box-sizing:border-box;margin:0;-webkit-user-select:none;cursor:default;-webkit-flex-direction:column}.carreInt,.chkLabel,a{cursor:pointer}body,html{width:100%;height:100%}body,input,select,textarea{font-family:Hind,sans-serif!important;font-size:12px;line-height:13px;color:#ccc}#header{height:60px;display:block;background-color:#3372e7}#main-div{display:flex;justify-content:center;padding-left:30px;padding-top:30px}.section{margin-bottom:10px;display:block}.functions,.mode,.modes,.radios,.title{display:inline-block}#tabLayer .modes{padding-left:218px}#tabKey .modes{padding-left:225px}.mode{width:var(--widthColumn)}.text{color:var(--gris);font-family:Hind}.title-section{margin:0;width:auto;flex-flow:row;padding:0;text-transform:uppercase}#tabKey .title{width:135px}#tabLayer .title{width:125px}.title{margin-bottom:3px;margin-top:0}.block,.function{display:block}.function{margin:0;padding:0}#footer{max-width:100%;display:-webkit-flex;-webkit-flex-direction:row;justify-content:center;margin:20px auto}.rounded-button{height:36px;border-radius:20px;outline:0;background-color:hsla(360,100%,100%,0);border:1px solid #898989;color:#898989;padding:1px 30px 0 55px;line-height:0;font-weight:300;font-size:14px;min-width:80px;box-shadow:0 0 1px #898989 inset;background-repeat:no-repeat;background-position:12px;margin:0 20px}.icon,.label{border-radius:3px;display:inline-block}.rounded-button:hover{background-color:#898989}.rounded-button:focus{background-color:#2d8ceb;border-color:#2d8ceb;color:#ccc!important}#cancel-button{background-image:url(img/cancel.svg)}#apply-button{margin-right:27px;background-image:url(img/apply.svg)}#prefs-button{padding:0 22px;margin-right:16px;height:28px;font-weight:300;font-size:12px}.icon{width:64px;height:25px;margin-right:20px}.button{background-color:#151515}.label{width:50px;height:28px;margin-right:12px}.radio{width:var(--widthColumn);display:inline-block;margin:auto;vertical-align:4px}.radio-other{width:auto;margin-right:15px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}.loader{border:3px solid hsla(360,0%,100%,.1);border-radius:50%;border-top:3px solid #2d8ceb;width:50px;height:50px;-webkit-animation:.7s linear infinite spin;margin:auto}select{width:65px;padding:1px 10px;border-color:var(--grisClair);border-radius:4px}option{padding:10px;margin:10px}.chkLabel{width:16px;height:16px;display:inline-block;position:relative;margin-left:14px;margin-bottom:18px}.chkLabel input[type=checkbox]{visibility:hidden}.chkOther{visibility:visible;margin:0 8px 10px 0}.carreInt{position:absolute;top:0;left:0;height:18px;width:18px}.key.carreInt{border-radius:18px}.layer.carreInt{border-radius:3px}.carreInt:after{content:"";position:absolute;display:none}.chkLabel input:checked~.carreInt:after{display:block}.chkLabel .carreInt:after{border-radius:4px;left:-6px;bottom:-6px;width:26px;height:26px;border:solid var(--grisTresClair);border-width:2px;opacity:.85}.chkLabel .carreInt.key:after{border-radius:20px}.noLabel .carreInt{background-image:url(../panel/img/no-label.svg);background-color:#fff;background-position:center;background-size:cover}.checkbox-custom{border:0;opacity:0;position:absolute}.checkbox-custom,.checkbox-custom-label{display:inline-block;cursor:default}.checkbox-custom-label,.label-checkbox-color-label{position:relative;vertical-align:-6px;display:inline-block}.checkbox-custom+.checkbox-custom-label:before{content:'';display:inline-block;width:18px;height:18px;padding:0;margin-right:10px;vertical-align:-5px}#tabKey .checkbox-custom:checked+.checkbox-custom-label:before{content:url(img/key-favorite-on.svg)}#tabLayer .checkbox-custom:checked+.checkbox-custom-label:before{content:url(img/layer-favorite-on.svg)}.checkbox-custom:not(:checked)+.checkbox-custom-label:before{content:url(img/favorite-off.svg);opacity:.7}#other{border:1px solid #555;border-radius:6px;margin-top:50px;padding:50px}.labelOther{font-size:14px;font-weight:100}