/*!
 * Champ at_burger — icônes burger animées (attps-get-field).
 *
 * Les animations sont un port de « Hamburgers » (Jonathan Suh, MIT,
 * https://jonsuh.com/hamburgers — https://github.com/jonsuh/hamburgers, 1.2.1)
 * réécrit en variables CSS : là où la bibliothèque compile des valeurs (40 px,
 * 4 px, 6 px, #000), on lit --at-burger-*. Le markup est celui de la
 * bibliothèque (box > inner avec ::before/::after), renommé at-burger.
 *
 * État ouvert : .is-open (contrat des modales attps-builder), .is-active
 * (vocabulaire Hamburgers) ou [aria-expanded="true"] — l'un des trois suffit.
 *
 * Variables (sur .at-burger, surchargeables par galerie/pont/CSS perso) :
 *   --at-burger-size       taille de référence (40px) ; les quatre suivantes en
 *                          découlent si elles ne sont pas posées :
 *   --at-burger-width      largeur des barres (= size)
 *   --at-burger-bar        épaisseur (= size / 10)
 *   --at-burger-gap        espace entre barres (= size × 0.15)
 *   --at-burger-radius     arrondi des barres (= épaisseur)
 *   --at-burger-color      couleur des barres ; --at-burger-color-open à l'état ouvert
 *   --at-burger-bg / --at-burger-bg-open   fond du bouton (transparent)
 *   --at-burger-box-radius arrondi du bouton (0)
 *   --at-burger-padding    zone de toucher (= size × 0.375 → 70×54 avec les défauts)
 *   --at-burger-hover-opacity (0.7)
 *   --at-burger-text-gap   espace icône ↔ texte (0.5em)
 */
.at-burger {
    /* Taille de référence : tout en découle tant que la variable spécifique
       n'est pas posée (réglage, onglet CSS, pont) — un seul nombre à changer
       pour agrandir un burger en gardant ses proportions (40px = Hamburgers). */
    --at-burger-size: 40px;
    --at-burger-width: var(--at-burger-size);
    --at-burger-bar: calc(var(--at-burger-size) / 10);
    --at-burger-gap: calc(var(--at-burger-size) * 0.15);
    --at-burger-radius: var(--at-burger-bar);
    --at-burger-color: currentColor;
    --at-burger-bg: transparent;
    --at-burger-padding: calc(var(--at-burger-size) * 0.375);
    --at-burger-box-radius: 0;
    --at-burger-hover-opacity: 0.7;
    --at-burger-text-gap: 0.5em;
    /* dérivé : pas d'une barre à la suivante */
    --_at-burger-step: calc(var(--at-burger-bar) + var(--at-burger-gap));

    display: inline-flex;
    align-items: center;
    gap: var(--at-burger-text-gap);
    padding: var(--at-burger-padding);
    margin: 0;
    font: inherit;
    color: inherit;
    text-transform: none;
    text-decoration: none;
    background-color: var(--at-burger-bg);
    border: 0;
    border-radius: var(--at-burger-box-radius);
    cursor: pointer;
    overflow: visible;
    transition-property: opacity, filter, background-color;
    transition-duration: 0.15s;
    transition-timing-function: linear;
}

.at-burger:hover {
    opacity: var(--at-burger-hover-opacity);
}

.at-burger:is(.is-open, .is-active, [aria-expanded="true"]) {
    background-color: var(--at-burger-bg-open, var(--at-burger-bg));
}

.at-burger:is(.is-open, .is-active, [aria-expanded="true"]):hover {
    opacity: var(--at-burger-hover-opacity);
}

.at-burger:focus-visible {
    outline: 3px solid var(--at-focus, #005fcc);
    outline-offset: 2px;
}

.at-burger--text-left {
    flex-direction: row-reverse;
}

.at-burger--text-below {
    flex-direction: column;
    gap: calc(var(--at-burger-text-gap) / 2);
}

.at-burger--text-above {
    flex-direction: column-reverse;
    gap: calc(var(--at-burger-text-gap) / 2);
}

.at-burger__text {
    font-size: var(--at-burger-text-size, 0.75em);
    font-weight: var(--at-burger-text-weight, 600);
    letter-spacing: var(--at-burger-text-tracking, 0.08em);
    text-transform: var(--at-burger-text-transform, uppercase);
    line-height: 1;
    white-space: nowrap;
}

.at-burger__box {
    width: var(--at-burger-width);
    height: calc(3 * var(--at-burger-bar) + 2 * var(--at-burger-gap));
    display: inline-block;
    position: relative;
    flex: none;
}

.at-burger__inner {
    display: block;
    top: 50%;
    margin-top: calc(var(--at-burger-bar) / -2);
}

.at-burger__inner,
.at-burger__inner::before,
.at-burger__inner::after {
    width: var(--at-burger-width);
    height: var(--at-burger-bar);
    background-color: var(--at-burger-color);
    border-radius: var(--at-burger-radius);
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.at-burger:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner,
.at-burger:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before,
.at-burger:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    background-color: var(--at-burger-color-open, var(--at-burger-color));
}

.at-burger__inner::before,
.at-burger__inner::after {
    content: "";
    display: block;
}

.at-burger__inner::before {
    top: calc(-1 * var(--_at-burger-step));
}

.at-burger__inner::after {
    bottom: calc(-1 * var(--_at-burger-step));
}

/* Contraste forcé (Windows High Contrast) : les fonds sont neutralisés, or les
   barres SONT des fonds — sans ceci le burger disparaît. */
@media (forced-colors: active) {
    .at-burger__inner,
    .at-burger__inner::before,
    .at-burger__inner::after {
        forced-color-adjust: none;
        background-color: ButtonText;
    }

    .at-burger {
        border: 1px solid ButtonText;
    }
}

/* Impression : un bouton de menu n'a rien à faire sur papier. */
@media print {
    .at-burger {
        display: none !important;
    }
}

/* Mouvement réduit : pas de transition, l'état final reste lisible. */
@media (prefers-reduced-motion: reduce) {
    .at-burger,
    .at-burger__inner,
    .at-burger__inner::before,
    .at-burger__inner::after {
        transition-duration: 0s !important;
    }
}

/*
   * Cross (maison) — la croix de l'en-tête Univerture : les barres extrêmes
   * rejoignent la médiane puis pivotent, la centrale s'efface.
   */
.at-burger--cross .at-burger__inner,
.at-burger--cross .at-burger__inner::before,
.at-burger--cross .at-burger__inner::after {
    transition: top 0.25s ease-in-out, bottom 0.25s ease-in-out, transform 0.25s ease-in-out, opacity 0.2s ease-in-out;
}

.at-burger--cross:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
    transform: scaleX(0);
}

.at-burger--cross:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    top: 0;
    transform: rotate(45deg) scaleX(var(--at-burger-cross-scale, 1));
}

.at-burger--cross:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    bottom: 0;
    transform: rotate(-45deg) scaleX(var(--at-burger-cross-scale, 1));
}

/*
   * 3DX
   */
.at-burger--3dx .at-burger__box {
  perspective: calc(2 * var(--at-burger-width)); }

.at-burger--3dx .at-burger__inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .at-burger--3dx .at-burger__inner::before, .at-burger--3dx .at-burger__inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.at-burger--3dx:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .at-burger--3dx:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    transform: translate3d(0, var(--_at-burger-step), 0) rotate(45deg); }
  .at-burger--3dx:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transform: translate3d(0, calc(-1 * var(--_at-burger-step)), 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.at-burger--3dx-r .at-burger__box {
  perspective: calc(2 * var(--at-burger-width)); }

.at-burger--3dx-r .at-burger__inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .at-burger--3dx-r .at-burger__inner::before, .at-burger--3dx-r .at-burger__inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.at-burger--3dx-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .at-burger--3dx-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    transform: translate3d(0, var(--_at-burger-step), 0) rotate(45deg); }
  .at-burger--3dx-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transform: translate3d(0, calc(-1 * var(--_at-burger-step)), 0) rotate(-45deg); }

/*
   * 3DY
   */
.at-burger--3dy .at-burger__box {
  perspective: calc(2 * var(--at-burger-width)); }

.at-burger--3dy .at-burger__inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .at-burger--3dy .at-burger__inner::before, .at-burger--3dy .at-burger__inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.at-burger--3dy:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .at-burger--3dy:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    transform: translate3d(0, var(--_at-burger-step), 0) rotate(45deg); }
  .at-burger--3dy:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transform: translate3d(0, calc(-1 * var(--_at-burger-step)), 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.at-burger--3dy-r .at-burger__box {
  perspective: calc(2 * var(--at-burger-width)); }

.at-burger--3dy-r .at-burger__inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .at-burger--3dy-r .at-burger__inner::before, .at-burger--3dy-r .at-burger__inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.at-burger--3dy-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .at-burger--3dy-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    transform: translate3d(0, var(--_at-burger-step), 0) rotate(45deg); }
  .at-burger--3dy-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transform: translate3d(0, calc(-1 * var(--_at-burger-step)), 0) rotate(-45deg); }

/*
   * 3DXY
   */
.at-burger--3dxy .at-burger__box {
  perspective: calc(2 * var(--at-burger-width)); }

.at-burger--3dxy .at-burger__inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .at-burger--3dxy .at-burger__inner::before, .at-burger--3dxy .at-burger__inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.at-burger--3dxy:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .at-burger--3dxy:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    transform: translate3d(0, var(--_at-burger-step), 0) rotate(45deg); }
  .at-burger--3dxy:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transform: translate3d(0, calc(-1 * var(--_at-burger-step)), 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.at-burger--3dxy-r .at-burger__box {
  perspective: calc(2 * var(--at-burger-width)); }

.at-burger--3dxy-r .at-burger__inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .at-burger--3dxy-r .at-burger__inner::before, .at-burger--3dxy-r .at-burger__inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.at-burger--3dxy-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .at-burger--3dxy-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    transform: translate3d(0, var(--_at-burger-step), 0) rotate(45deg); }
  .at-burger--3dxy-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transform: translate3d(0, calc(-1 * var(--_at-burger-step)), 0) rotate(-45deg); }

/*
   * Arrow
   */
.at-burger--arrow:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
  transform: translate3d(calc(-0.2 * var(--at-burger-width)), 0, 0) rotate(-45deg) scale(0.7, 1); }

.at-burger--arrow:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
  transform: translate3d(calc(-0.2 * var(--at-burger-width)), 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.at-burger--arrow-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
  transform: translate3d(calc(0.2 * var(--at-burger-width)), 0, 0) rotate(45deg) scale(0.7, 1); }

.at-burger--arrow-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
  transform: translate3d(calc(0.2 * var(--at-burger-width)), 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.at-burger--arrowalt .at-burger__inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.at-burger--arrowalt .at-burger__inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.at-burger--arrowalt:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
  top: 0;
  transform: translate3d(calc(-0.2 * var(--at-burger-width)), calc(-1 * var(--_at-burger-step)), 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.at-burger--arrowalt:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
  bottom: 0;
  transform: translate3d(calc(-0.2 * var(--at-burger-width)), var(--_at-burger-step), 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.at-burger--arrowalt-r .at-burger__inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.at-burger--arrowalt-r .at-burger__inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.at-burger--arrowalt-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
  top: 0;
  transform: translate3d(calc(0.2 * var(--at-burger-width)), calc(-1 * var(--_at-burger-step)), 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.at-burger--arrowalt-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
  bottom: 0;
  transform: translate3d(calc(0.2 * var(--at-burger-width)), var(--_at-burger-step), 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.at-burger--arrowturn:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: rotate(-180deg); }
  .at-burger--arrowturn:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    transform: translate3d(calc(0.2 * var(--at-burger-width)), 0, 0) rotate(45deg) scale(0.7, 1); }
  .at-burger--arrowturn:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transform: translate3d(calc(0.2 * var(--at-burger-width)), 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.at-burger--arrowturn-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: rotate(-180deg); }
  .at-burger--arrowturn-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    transform: translate3d(calc(-0.2 * var(--at-burger-width)), 0, 0) rotate(-45deg) scale(0.7, 1); }
  .at-burger--arrowturn-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transform: translate3d(calc(-0.2 * var(--at-burger-width)), 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.at-burger--boring .at-burger__inner, .at-burger--boring .at-burger__inner::before, .at-burger--boring .at-burger__inner::after {
  transition-property: none; }

.at-burger--boring:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: rotate(45deg); }
  .at-burger--boring:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    top: 0;
    opacity: 0; }
  .at-burger--boring:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.at-burger--collapse .at-burger__inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .at-burger--collapse .at-burger__inner::after {
    top: calc(-2 * var(--_at-burger-step));
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .at-burger--collapse .at-burger__inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.at-burger--collapse:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: translate3d(0, calc(-1 * var(--_at-burger-step)), 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .at-burger--collapse:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .at-burger--collapse:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.at-burger--collapse-r .at-burger__inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .at-burger--collapse-r .at-burger__inner::after {
    top: calc(-2 * var(--_at-burger-step));
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .at-burger--collapse-r .at-burger__inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.at-burger--collapse-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: translate3d(0, calc(-1 * var(--_at-burger-step)), 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .at-burger--collapse-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .at-burger--collapse-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.at-burger--elastic .at-burger__inner {
  top: calc(var(--at-burger-bar) / 2);
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .at-burger--elastic .at-burger__inner::before {
    top: var(--_at-burger-step);
    transition: opacity 0.125s 0.275s ease; }
  .at-burger--elastic .at-burger__inner::after {
    top: calc(2 * var(--_at-burger-step));
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.at-burger--elastic:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: translate3d(0, var(--_at-burger-step), 0) rotate(135deg);
  transition-delay: 0.075s; }
  .at-burger--elastic:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .at-burger--elastic:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transform: translate3d(0, calc(-2 * var(--_at-burger-step)), 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.at-burger--elastic-r .at-burger__inner {
  top: calc(var(--at-burger-bar) / 2);
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .at-burger--elastic-r .at-burger__inner::before {
    top: var(--_at-burger-step);
    transition: opacity 0.125s 0.275s ease; }
  .at-burger--elastic-r .at-burger__inner::after {
    top: calc(2 * var(--_at-burger-step));
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.at-burger--elastic-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: translate3d(0, var(--_at-burger-step), 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .at-burger--elastic-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .at-burger--elastic-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transform: translate3d(0, calc(-2 * var(--_at-burger-step)), 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.at-burger--emphatic {
  overflow: hidden; }
  .at-burger--emphatic .at-burger__inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .at-burger--emphatic .at-burger__inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .at-burger--emphatic .at-burger__inner::after {
      top: var(--_at-burger-step);
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .at-burger--emphatic:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .at-burger--emphatic:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
      left: calc(-2 * var(--at-burger-width));
      top: calc(-2 * var(--at-burger-width));
      transform: translate3d(calc(2 * var(--at-burger-width)), calc(2 * var(--at-burger-width)), 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .at-burger--emphatic:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
      right: calc(-2 * var(--at-burger-width));
      top: calc(-2 * var(--at-burger-width));
      transform: translate3d(calc(-2 * var(--at-burger-width)), calc(2 * var(--at-burger-width)), 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.at-burger--emphatic-r {
  overflow: hidden; }
  .at-burger--emphatic-r .at-burger__inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .at-burger--emphatic-r .at-burger__inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .at-burger--emphatic-r .at-burger__inner::after {
      top: var(--_at-burger-step);
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .at-burger--emphatic-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .at-burger--emphatic-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
      left: calc(-2 * var(--at-burger-width));
      top: calc(2 * var(--at-burger-width));
      transform: translate3d(calc(2 * var(--at-burger-width)), calc(-2 * var(--at-burger-width)), 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .at-burger--emphatic-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
      right: calc(-2 * var(--at-burger-width));
      top: calc(2 * var(--at-burger-width));
      transform: translate3d(calc(-2 * var(--at-burger-width)), calc(-2 * var(--at-burger-width)), 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.at-burger--minus .at-burger__inner::before, .at-burger--minus .at-burger__inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.at-burger--minus:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before, .at-burger--minus:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.at-burger--minus:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
  top: 0; }

.at-burger--minus:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
  bottom: 0; }

/*
   * Slider
   */
.at-burger--slider .at-burger__inner {
  top: calc(var(--at-burger-bar) / 2); }
  .at-burger--slider .at-burger__inner::before {
    top: var(--_at-burger-step);
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .at-burger--slider .at-burger__inner::after {
    top: calc(2 * var(--_at-burger-step)); }

.at-burger--slider:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: translate3d(0, var(--_at-burger-step), 0) rotate(45deg); }
  .at-burger--slider:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    transform: rotate(-45deg) translate3d(calc(var(--at-burger-width) / -7), calc(-1 * var(--at-burger-gap)), 0);
    opacity: 0; }
  .at-burger--slider:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transform: translate3d(0, calc(-2 * var(--_at-burger-step)), 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.at-burger--slider-r .at-burger__inner {
  top: calc(var(--at-burger-bar) / 2); }
  .at-burger--slider-r .at-burger__inner::before {
    top: var(--_at-burger-step);
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .at-burger--slider-r .at-burger__inner::after {
    top: calc(2 * var(--_at-burger-step)); }

.at-burger--slider-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: translate3d(0, var(--_at-burger-step), 0) rotate(-45deg); }
  .at-burger--slider-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    transform: rotate(45deg) translate3d(calc(var(--at-burger-width) / 7), calc(-1 * var(--at-burger-gap)), 0);
    opacity: 0; }
  .at-burger--slider-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transform: translate3d(0, calc(-2 * var(--_at-burger-step)), 0) rotate(90deg); }

/*
   * Spin
   */
.at-burger--spin .at-burger__inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .at-burger--spin .at-burger__inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .at-burger--spin .at-burger__inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.at-burger--spin:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .at-burger--spin:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .at-burger--spin:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.at-burger--spin-r .at-burger__inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .at-burger--spin-r .at-burger__inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .at-burger--spin-r .at-burger__inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.at-burger--spin-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .at-burger--spin-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .at-burger--spin-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.at-burger--spring .at-burger__inner {
  top: calc(var(--at-burger-bar) / 2);
  transition: background-color 0s 0.13s linear; }
  .at-burger--spring .at-burger__inner::before {
    top: var(--_at-burger-step);
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .at-burger--spring .at-burger__inner::after {
    top: calc(2 * var(--_at-burger-step));
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.at-burger--spring:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .at-burger--spring:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, var(--_at-burger-step), 0) rotate(45deg); }
  .at-burger--spring:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, var(--_at-burger-step), 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.at-burger--spring-r .at-burger__inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .at-burger--spring-r .at-burger__inner::after {
    top: calc(-2 * var(--_at-burger-step));
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .at-burger--spring-r .at-burger__inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.at-burger--spring-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: translate3d(0, calc(-1 * var(--_at-burger-step)), 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .at-burger--spring-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .at-burger--spring-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.at-burger--stand .at-burger__inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .at-burger--stand .at-burger__inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .at-burger--stand .at-burger__inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.at-burger--stand:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .at-burger--stand:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .at-burger--stand:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.at-burger--stand-r .at-burger__inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .at-burger--stand-r .at-burger__inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .at-burger--stand-r .at-burger__inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.at-burger--stand-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .at-burger--stand-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .at-burger--stand-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.at-burger--squeeze .at-burger__inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .at-burger--squeeze .at-burger__inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .at-burger--squeeze .at-burger__inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.at-burger--squeeze:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .at-burger--squeeze:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .at-burger--squeeze:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.at-burger--vortex .at-burger__inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .at-burger--vortex .at-burger__inner::before, .at-burger--vortex .at-burger__inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .at-burger--vortex .at-burger__inner::before {
    transition-property: top, opacity; }
  .at-burger--vortex .at-burger__inner::after {
    transition-property: bottom, transform; }

.at-burger--vortex:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .at-burger--vortex:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before, .at-burger--vortex:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transition-delay: 0s; }
  .at-burger--vortex:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    top: 0;
    opacity: 0; }
  .at-burger--vortex:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.at-burger--vortex-r .at-burger__inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .at-burger--vortex-r .at-burger__inner::before, .at-burger--vortex-r .at-burger__inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .at-burger--vortex-r .at-burger__inner::before {
    transition-property: top, opacity; }
  .at-burger--vortex-r .at-burger__inner::after {
    transition-property: bottom, transform; }

.at-burger--vortex-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .at-burger--vortex-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before, .at-burger--vortex-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    transition-delay: 0s; }
  .at-burger--vortex-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::before {
    top: 0;
    opacity: 0; }
  .at-burger--vortex-r:is(.is-open, .is-active, [aria-expanded="true"]) .at-burger__inner::after {
    bottom: 0;
    transform: rotate(-90deg); }