.am-pano-grille{flex-direction:column;gap:1.25rem;display:flex}.am-zone{display:none}.am-tel{border:1.5px solid var(--color-cendre);background:var(--color-graphite);border-radius:1.75rem;padding:.75rem 1rem 1rem}.am-tel-tete:before{content:"";background:var(--color-graphite-3);border-radius:2px;width:3.5rem;height:4px;margin:0 auto .75rem;display:block}.am-champ{border-top:1px solid var(--color-graphite-3);justify-content:space-between;align-items:center;gap:.75rem;min-height:2.75rem;font-size:.9375rem;display:flex}.am-champ>:first-child{color:var(--color-brume)}.am-champ>:last-child{text-align:right;font-weight:600}.am-sync{border-left:1.5px solid var(--color-sauge);padding-left:1rem;position:relative}.am-liaison{justify-content:space-between;gap:.75rem;padding:.3rem 0;font-size:.875rem;display:none}.am-liaison-champ{color:var(--color-brume)}.am-liaison-etat{color:var(--color-sauge)}.am-trait,.am-serveur{display:none}.am-bo{border:1.5px solid var(--color-cendre);background:var(--color-graphite)}.am-bo-barre{border-bottom:1px solid var(--color-graphite-3);min-height:2.25rem;color:var(--color-cendre);align-items:center;gap:.4rem;padding:0 .9rem;font-size:.8125rem;display:flex}.am-bo-barre i{border:1px solid var(--color-gris);width:.45rem;height:.45rem}.am-bo .am-champ{margin:0 .9rem}@media (min-width:64rem){.am-pano-grille{border:1px solid var(--color-filet);background:#141614;grid-template-rows:auto auto repeat(4,minmax(3.25rem,auto)) auto;grid-template-columns:minmax(0,4fr) minmax(0,3.4fr) minmax(0,5fr);gap:0;padding:1.25rem 1.5rem 1.5rem;display:grid}.am-zone{color:var(--color-brume);grid-row:1;padding-bottom:1rem;font-size:.875rem;display:block}.am-zone b{color:var(--color-mineral);font-weight:600}.am-zone-sync{text-align:center}.am-zone-terrain{justify-self:end;width:min(100%,19.5rem)}.am-tel,.am-sync,.am-bo{grid-row:2/span 6;grid-template-rows:subgrid;display:grid}.am-tel{justify-self:end;width:min(100%,19.5rem)}.am-tel .am-champ,.am-bo .am-champ{min-height:0}.am-sync{border:0;grid-template-columns:minmax(0,1fr);padding:0}.am-sync-tete,.am-liaison-champ{display:none}.am-serveur{border:1.5px solid var(--color-sauge);width:5.5rem;color:var(--color-sauge);background:#8fcfaa12;grid-area:2/1/span 4;justify-content:center;justify-self:center;align-items:flex-start;padding-top:.4rem;font-size:.8125rem;font-weight:600;display:flex}.am-liaison{grid-column:1;justify-content:flex-start;align-items:center;padding:0;display:flex;position:relative}.am-trait{inset-inline:0;border-top:1.5px solid var(--color-filet);height:0;display:block;position:absolute;top:50%}.am-trait:after{content:"";inset-inline:0;border-top:1.5px solid var(--color-sauge);transform-origin:0;height:0;position:absolute;top:-1.5px}.am-liaison-etat{white-space:nowrap;background:#141614;margin-left:.75rem;padding:.05rem .5rem;font-size:.875rem;position:relative}.am-sync-pied{grid-row:6;align-self:start;padding:1rem 1.25rem 0;font-size:.875rem;line-height:1.5}.am-bo{border-left-width:1.5px}}@keyframes am-trace{0%{transform:scaleX(0)}}@keyframes am-allume{0%{color:var(--color-brume);border-color:var(--color-filet)}}@media (prefers-reduced-motion:no-preference) and (min-width:64rem){.am-trait:after{animation:am-trace .5s cubic-bezier(.16, 1, .3, 1) var(--delai,.25s) both}.am-statut-anime{animation:.3s 1.3s both am-allume}}.am-etapes{border:1px solid var(--color-graphite);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.am-etape{border-left:1px solid var(--color-graphite);text-align:left;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;width:100%;min-height:2.75rem;margin-left:-1px;font-size:.875rem;transition:background-color .2s;display:flex}.am-etape:hover{background:var(--color-trait)}.am-etape[aria-current=step]{background:var(--color-graphite);color:var(--color-mineral);font-weight:600}.am-etape-num{font-family:var(--font-valeur);font-size:1.25rem;line-height:1}.am-etape-nom{display:none}@media (min-width:64rem){.am-etape{align-items:flex-start;min-height:4rem;padding:.6rem .9rem}.am-etape-nom{display:block}.am-etape-num{color:var(--color-sauge-texte)}.am-etape[aria-current=step] .am-etape-num{color:var(--color-sauge)}}.am-reseau[aria-pressed=true]{background:var(--color-graphite);color:var(--color-mineral)}.am-voyant{background:var(--color-sauge-texte);width:.8rem;height:.8rem}.am-reseau[aria-pressed=true] .am-voyant{border:1.5px solid var(--color-mineral);background:0 0;background-image:linear-gradient(45deg, transparent 45%, var(--color-mineral) 45% 55%, transparent 55%)}.am-vues button[aria-pressed=true]{background:var(--color-graphite);color:var(--color-mineral);font-weight:600}.am-scene{border:1px solid var(--color-graphite);background:var(--color-craie)}@media (max-width:63.999rem){.am-scene[data-vue=telephone] .am-panneau:not([data-panneau=telephone]),.am-scene[data-vue=donnees] .am-panneau:not([data-panneau=donnees]),.am-scene[data-vue=bureau] .am-panneau:not([data-panneau=bureau]){display:none}}@media (min-width:64rem){.am-scene{grid-template-columns:minmax(17rem,3.2fr) minmax(0,4.2fr) minmax(18rem,4fr);display:grid}.am-panneau+.am-panneau{border-left:1px solid var(--color-trait)}}.am-ecran{background:var(--color-graphite);color:var(--color-mineral);border-radius:1.75rem;padding:.9rem 1.1rem 1rem}.am-ecran .am-champ{min-height:0;padding:.55rem 0;font-size:.9375rem}.am-couloir{border-top:1px solid var(--color-trait);grid-template-columns:minmax(0,8.5rem) minmax(0,1fr);align-items:center;gap:.75rem;min-height:3.6rem;padding:.6rem 1.25rem;display:grid}.am-couloir[data-actif]{background:#fff}.am-puce{border:1px solid var(--color-graphite);background:var(--color-craie);white-space:nowrap;align-items:center;min-height:1.75rem;padding:0 .6rem;font-size:.875rem;display:inline-flex}.am-puce[data-couloir=file]{border-style:dashed;border-color:var(--color-gris)}.am-puce[data-couloir=serveur],.am-puce[data-couloir=bureau]{border-color:var(--color-sauge-texte)}.am-bo-clair{border:1px solid var(--color-graphite);background:#fff}.am-bo-clair .am-champ{border-top-color:var(--color-trait);min-height:0;margin:0 .9rem;padding:.55rem 0}.am-bo-clair .am-champ>:first-child{color:var(--color-ardoise)}.am-statut{border:1px solid var(--color-gris);align-items:center;min-height:1.6rem;padding:0 .6rem;font-size:.8125rem;font-weight:600;display:inline-flex}.am-statut[data-ton=bon]{border-color:var(--color-sauge-texte);background:var(--color-sauge-texte);color:#fff}.am-statut[data-ton=attente]{border-style:dashed;border-color:var(--color-graphite)}@media (prefers-reduced-motion:no-preference){.am-change{animation:.25s both apparition}}.am-cadrage-tel{display:none}@media (min-width:64rem){.am-cadrage{border-block:1px solid var(--color-graphite-3);grid-template-columns:minmax(0,1fr) 13rem minmax(0,1fr);align-items:stretch;padding-block:2rem;display:grid}.am-cadrage-tel{border:1.5px solid var(--color-cendre);border-radius:1.75rem;flex-direction:column;align-self:center;height:24rem;padding:.75rem;display:flex}.am-cadrage-tel:before{content:"";background:var(--color-graphite-3);border-radius:2px;width:3rem;height:4px;margin:0 auto 1rem;display:block}.am-cadrage-liste{flex-direction:column;justify-content:space-around;gap:1.5rem;display:flex}.am-appel{align-items:flex-start;gap:0;display:flex}.am-appel-texte{flex:0 21rem}.am-appel-trait{border-top:1px solid var(--color-sauge);flex:2rem;height:0;margin-top:.8rem;position:relative}.am-appel-trait:after{content:"";background:var(--color-sauge);width:7px;height:7px;position:absolute;top:-4px}.am-cadrage-gauche .am-appel-texte{text-align:right;padding-right:1rem}.am-cadrage-gauche .am-appel-trait:after{right:-1px}.am-cadrage-droite .am-appel{flex-direction:row-reverse}.am-cadrage-droite .am-appel-texte{padding-left:1rem}.am-cadrage-droite .am-appel-trait:after{left:-1px}.am-cadrage-droite{justify-content:center}.am-appel-marque{display:none}}
