.as-racine{z-index:20;font-family:var(--font-sans);align-self:flex-end;margin:1.5rem 1rem 4.5rem 0;position:relative}@media (width>=640px){.as-racine{margin:0;position:absolute;bottom:6.5rem;right:2rem}}.as-controles{align-items:flex-end;gap:.625rem;display:flex}.as-bouton{-webkit-backdrop-filter:blur(4px);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#2f3b338c;border:1px solid #d4af37;border-radius:9999px;place-items:center;width:2.75rem;height:2.75rem;padding:0;transition:background-color .2s,transform .2s;display:grid}.as-bouton:hover{background:#2f3b33bf}.as-bouton:focus-visible{outline-offset:2px;outline:2px solid #fff}.as-bouton svg{stroke:#d4af37;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.as-bouton[data-actif]{background:#d4af37}.as-bouton[data-actif] svg{stroke:#2f3b33}.as-groupe-volume{position:relative}.as-jauge{opacity:0;visibility:hidden;background:#2f3b33f2;border:1px solid #d4af37;border-radius:1.375rem;padding:.875rem .5rem;transition:opacity .18s,visibility .18s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.as-jauge:after{content:"";height:.5rem;position:absolute;top:100%;left:0;right:0}@media (hover:hover){.as-groupe-volume:hover .as-jauge{opacity:1;visibility:visible}}.as-groupe-volume[data-ouverte] .as-jauge{opacity:1;visibility:visible}.as-groupe-volume:has(:focus-visible) .as-jauge{opacity:1;visibility:visible}.as-curseur-vertical{writing-mode:vertical-lr;accent-color:#d4af37;cursor:pointer;direction:rtl;width:1.375rem;height:7rem;margin:0;display:block}.as-curseur-horizontal{accent-color:#b8932a;cursor:pointer;flex:1;min-width:0;margin:0}.as-panneau{color:#2f3b33;background:#fff;border:1px solid #d4af37;border-radius:.75rem;width:14rem;padding:.375rem;position:absolute;bottom:calc(100% + .75rem);right:0;box-shadow:0 10px 30px #0000002e}.as-option{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.625rem;padding:.6rem .625rem;font-size:.8125rem;display:flex}.as-option:hover{background:#f6f2e4}.as-option:focus-visible{outline-offset:-2px;outline:2px solid #56735e}.as-option[data-choisie]{background:#f1e7c4;font-weight:600}.as-option svg,.as-volume-panneau svg{stroke:#b8932a;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.125rem;height:1.125rem}.as-volume-panneau{border-top:1px solid #ece4c8;align-items:center;gap:.625rem;margin-top:.25rem;padding:.6rem .625rem .5rem;display:flex}