@keyframes slideInBottom{0%{transform:translateY(100px);opacity:0;display:none}to{transform:translateY(0);opacity:1;display:flex}}@keyframes slideInLeft{0%{transform:translateX(1em);opacity:0;display:none}to{transform:translateX(0);opacity:1;display:flex}}@keyframes slideOutBottom{0%{transform:translateY(0);opacity:1;display:flex}to{transform:translateY(100px);opacity:0;display:none}}@keyframes slideOutLeft{0%{transform:translateX(0);opacity:1;display:flex}to{transform:translateX(1em);opacity:0;display:none}}@keyframes fadeIn{0%{opacity:0;display:none!important}to{opacity:1;display:flex!important}}@keyframes fadeOut{0%{opacity:1;display:flex}to{opacity:0;display:none}}@keyframes shake{0%{transform:translateY(0)}1.12%{transform:translateY(-30px)}2.25%{transform:translateY(0)}3.37%{transform:translateY(-15px)}4.50%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}*{scrollbar-width:auto;scrollbar-color:#df6c15 hsla(0,0%,100%,0)}::-webkit-scrollbar{width:1em}::-webkit-scrollbar-track{background:hsla(0,0%,100%,0)}::-webkit-scrollbar-thumb{background-color:#df6c15}.copie{color:#c33c54;margin-left:20px;font-size:18px}.copie:hover>span{display:flex}.copie span{display:none;flex-direction:row;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;gap:5px;position:absolute;z-index:1;padding:10px;width:auto;margin-left:20px;background-color:#fff;border:1px solid #284a6a;border-radius:10px;font-size:12px;color:#284a6a;font-weight:400;font-family:Avenir Heavy}.key-card{width:200px;height:200px;border-radius:30px;box-shadow:0 0 15px 0 rgba(0,0,0,.15);transition:box-shadow .2s;display:flex;flex-direction:column;gap:.5em}.key-card .key-options{padding:14px 14px 0 14px;display:flex;align-items:center;justify-content:right}.key-card .key-options button{background-color:#fff;border-radius:30px;border:none;padding:6px 6px 5px 6px;transition:background-color .2s}.key-card .key-options button i{font-size:18px;color:#13375a}.key-card .key-options button:hover{background-color:#d9d9d9}.key-card .key-options .dropdown-item{font-size:12px;transition:background-color .2s,color .2s,padding .2s;color:#13375a;font-family:Avenir Heavy}.key-card .key-options .dropdown-item i{font-size:14px;margin-right:15px}.key-card .key-options .dropdown-item:hover{cursor:pointer;color:#ef7904;background-color:#f5f5f5;padding-left:30px}.key-card .key-options .dropdown-toggle:after{display:none}.key-card .key-informations{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em;padding:0;text-align:center;border-radius:0 0 15px 15px}.key-card .key-informations img{max-width:2.5em;max-height:2.5em}.key-card .key-informations h1{font-family:Avenir Heavy;font-size:18px;margin:0}.key-card .key-informations h2{font-size:14px;margin:0}.key-card .key-informations .load{color:red;font-size:12px;margin:5px 0 0 0}.key-card .key-informations .key-color{border-radius:30px;width:100px;margin:0 auto 0 auto}.key-card .key-informations .comment{display:flex;flex-direction:row;justify-content:center;align-items:center;align-content:center;padding-left:2em;padding-right:2em;font-size:12px;font-style:italic;line-height:1em}.key-card .key-informations .comment p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:12px;word-break:break-all}.key-card .key-informations .tag-color-black{display:flex;align-items:center;justify-content:center;background-color:#0c0c0c;width:8em;padding:.2em 0;color:#fff}.key-card .key-informations .tag-color-beige{display:flex;align-items:center;justify-content:center;background-color:#ffedd8;width:8em;padding:.2em 0;color:#000}.key-card .key-informations .tag-color-green{background-color:#27952c}.key-card .key-informations .tag-color-blue,.key-card .key-informations .tag-color-green{display:flex;align-items:center;justify-content:center;width:8em;padding:.2em 0;color:#fff}.key-card .key-informations .tag-color-blue{background-color:#00abe7}.key-card .key-informations .tag-color-red{background-color:#e63946}.key-card .key-informations .tag-color-brown,.key-card .key-informations .tag-color-red{display:flex;align-items:center;justify-content:center;width:8em;padding:.2em 0;color:#fff}.key-card .key-informations .tag-color-brown{background-color:#a47148}.key-card .key-informations .tag-color-grey{background-color:#897c80}.key-card .key-informations .tag-color-grey,.key-card .key-informations .tag-color-yellow{display:flex;align-items:center;justify-content:center;width:8em;padding:.2em 0;color:#fff}.key-card .key-informations .tag-color-yellow{background-color:#ffb703}.key-card .key-informations .tag-color-orange{display:flex;align-items:center;justify-content:center;background-color:#ef7b1d;width:8em;padding:.2em 0;color:#fff}.key-card .key-informations .tag-color-purple{display:flex;align-items:center;justify-content:center;background-color:#9d4edd;width:8em;padding:.2em 0;color:#fff}.key-card .key-informations .tag-color-white{display:flex;align-items:center;justify-content:center;border:1px solid #284a6a;width:8em;padding:.2em 0;color:#284a6a}.key-card .key-informations .tag-color-other{color:#284a6a;padding:.4em 0;width:100%}.key-card .key-informations .tag-color-other h1{font-size:14px;margin:0}.key-card:hover{cursor:pointer;box-shadow:0 3px 30px 0 rgba(0,0,0,.25)}.key-card-creator{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;display:flex;align-items:center;border-radius:15px;gap:.5em;background-color:#ef7904;color:#fff;border:none;padding:1em 3em;transition:background-color .2s;cursor:pointer}.key-card-creator i{color:#fff;font-size:18px;margin:0!important}.key-card-creator h1{font-size:14px;font-family:Avenir Heavy;color:#fff;margin:0!important}.key-list-creator{width:100%;display:flex;align-items:center;gap:1em;color:#ef7904;padding:1em 3em;border-bottom:1px solid #ededed;cursor:pointer}.key-list-creator:hover{background-color:#fbe0d2;transition:background-color .2s}.key-list-creator i{color:#ef7904;font-size:18px}.key-list-creator h1{margin:0;font-size:14px;font-family:Avenir Heavy;color:#ef7904}.key-list{width:100%}.key-list .key-list-title{display:grid!important;grid-template-columns:1fr 3fr 3fr 3fr 3fr 1fr;grid-gap:1em;font-size:14px;border-bottom:1px solid #ededed;padding:.5em 0}.key-list .key-list-title div{font-family:Avenir Heavy;color:#ababab}.key-list .key-list-title div:nth-child(5){display:flex;justify-content:end}.key-list .key-list-content{display:grid;grid-template-columns:1fr 2fr 2fr 1fr 3fr 1fr;align-items:center;transition:all .2s;cursor:pointer;border-bottom:1px solid #ededed}.key-list .key-list-content:hover{background-color:#ededed;transition:all .2s}.key-list .key-list-content:hover .key-options button{background-color:#ededed}.key-list .key-list-content .visual{width:100%;display:flex;justify-content:center;padding:1em 0}.key-list .key-list-content .visual img{width:2.7em}.key-list .key-list-content .type{display:flex;align-items:center;padding:1em 0}.key-list .key-list-content .type h1{font-size:14px;margin:0}.key-list .key-list-content .serial{display:flex;align-items:center;padding:1em 0}.key-list .key-list-content .serial h1{font-size:14px;margin:0}.key-list .key-list-content .color{display:flex;align-items:center;width:100%}.key-list .key-list-content .color .tag-color-black{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:#0c0c0c;color:#fff;border-radius:9px}.key-list .key-list-content .color .tag-color-beige{width:30px;height:30px;padding:1.5em;display:flex;align-items:center;justify-content:center;background-color:#ffedd8;color:#000;border-radius:9px}.key-list .key-list-content .color .tag-color-green{background-color:#27952c}.key-list .key-list-content .color .tag-color-blue,.key-list .key-list-content .color .tag-color-green{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:9px}.key-list .key-list-content .color .tag-color-blue{background-color:#00abe7}.key-list .key-list-content .color .tag-color-red{background-color:#e63946}.key-list .key-list-content .color .tag-color-brown,.key-list .key-list-content .color .tag-color-red{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:9px}.key-list .key-list-content .color .tag-color-brown{background-color:#a47148}.key-list .key-list-content .color .tag-color-grey{background-color:#897c80}.key-list .key-list-content .color .tag-color-grey,.key-list .key-list-content .color .tag-color-yellow{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:9px}.key-list .key-list-content .color .tag-color-yellow{background-color:#ffb703}.key-list .key-list-content .color .tag-color-orange{background-color:#ef7b1d}.key-list .key-list-content .color .tag-color-orange,.key-list .key-list-content .color .tag-color-purple{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:9px}.key-list .key-list-content .color .tag-color-purple{background-color:#9d4edd}.key-list .key-list-content .color .tag-color-white{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #284a6a;color:#284a6a;border-radius:9px}.key-list .key-list-content .color .tag-color-other{color:#284a6a;padding:.4em 0;width:100%}.key-list .key-list-content .color .tag-color-other h1{font-size:14px;margin:0}.key-list .key-list-content .key-comments p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:12px;word-break:break-all}.key-list .key-list-content .key-options{height:25%;padding-right:14px;padding-left:14px;display:flex;align-items:center;justify-content:end}.key-list .key-list-content .key-options button{background-color:#fff;border-radius:30px;border:none;padding:6px 6px 5px 6px;transition:background-color .2s}.key-list .key-list-content .key-options button i{font-size:18px;color:#13375a}.key-list .key-list-content .key-options button:hover{background-color:#d9d9d9}.key-list .key-list-content .key-options .dropdown-item{font-size:12px;transition:background-color .2s,color .2s,padding .2s;color:#13375a;font-family:Avenir Heavy}.key-list .key-list-content .key-options .dropdown-item i{font-size:14px;margin-right:15px}.key-list .key-list-content .key-options .dropdown-item:hover{cursor:pointer;color:#ef7904;background-color:#f5f5f5;padding-left:30px}.key-list .key-list-content .key-options .dropdown-toggle:after{display:none}.key-card-creator:hover{background-color:#f79611;color:#fff}@font-face{font-family:Avenir Heavy;src:url(../fonts/AvenirLTStd-Heavy.a30d5d1a.woff2) format("woff2"),url(../fonts/AvenirLTStd-Heavy.72d50ac3.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Avenir Light;src:url(../fonts/AvenirLTStd-Light.f4e1d158.woff2) format("woff2"),url(../fonts/AvenirLTStd-Light.274c77ba.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Avenir Roman;src:url(../fonts/AvenirLTStd-Roman.538baedd.woff2) format("woff2"),url(../fonts/AvenirLTStd-Roman.57ab8541.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Avenir Medium;src:url(../fonts/AvenirLTStd-Medium.80963626.woff2) format("woff2"),url(../fonts/AvenirLTStd-Medium.6ec907c8.woff) format("woff")}@font-face{font-family:Avenir Book;src:url(../fonts/AvenirLTStd-Book.9334084d.woff2) format("woff2"),url(../fonts/AvenirLTStd-Book.0759fc0b.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Avenir Black;src:url(../fonts/AvenirLTStd-Black.08585b50.woff2) format("woff2"),url(../fonts/AvenirLTStd-Black.e2e3c9dd.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:dejavusansmono;src:url(../fonts/DejaVuSansMono.6a15e0a7.ttf) format("ttf");font-weight:400;font-style:normal}@keyframes slideInBottom-65c13485{0%{transform:translateY(100px);opacity:0;display:none}to{transform:translateY(0);opacity:1;display:flex}}@keyframes slideInLeft-65c13485{0%{transform:translateX(1em);opacity:0;display:none}to{transform:translateX(0);opacity:1;display:flex}}@keyframes slideOutBottom-65c13485{0%{transform:translateY(0);opacity:1;display:flex}to{transform:translateY(100px);opacity:0;display:none}}@keyframes slideOutLeft-65c13485{0%{transform:translateX(0);opacity:1;display:flex}to{transform:translateX(1em);opacity:0;display:none}}@keyframes fadeIn-65c13485{0%{opacity:0;display:none!important}to{opacity:1;display:flex!important}}@keyframes fadeOut-65c13485{0%{opacity:1;display:flex}to{opacity:0;display:none}}@keyframes shake-65c13485{0%{transform:translateY(0)}1.12%{transform:translateY(-30px)}2.25%{transform:translateY(0)}3.37%{transform:translateY(-15px)}4.50%{transform:translateY(0)}to{transform:translateY(0)}}@keyframes pulse-65c13485{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}[data-v-65c13485]{scrollbar-width:auto;scrollbar-color:#df6c15 hsla(0,0%,100%,0)}[data-v-65c13485]::-webkit-scrollbar{width:1em}[data-v-65c13485]::-webkit-scrollbar-track{background:hsla(0,0%,100%,0)}[data-v-65c13485]::-webkit-scrollbar-thumb{background-color:#df6c15}div[data-v-65c13485]{display:flex;gap:1em;height:-moz-max-content;height:max-content}div span[data-v-65c13485]{display:flex;align-items:center;padding:0 1em;font-family:Avenir Heavy}div i[data-v-65c13485],div span[data-v-65c13485]{color:#ababab;border-radius:4px;transition:all .3s ease-in-out}div i[data-v-65c13485]{cursor:pointer;padding:8px}div i[data-v-65c13485]:hover{background-color:#d9d9d9;color:#f79611;transition:all .3s ease-in-out}div .activeDisplayKey[data-v-65c13485],div .activeDisplayMode[data-v-65c13485]{background-color:#c8c8c8;color:#fff}