.pyr{display:flex;flex-direction:column;gap:10px}.pyr svg{display:block;width:100%;height:auto}.pyr__base{stroke:var(--pink-light)}.pyr__eixo{font-family:var(--mono);font-size:9px;fill:var(--stone)}.pyr__cursor{stroke:var(--cherry);stroke-width:1.5;stroke-dasharray:3 3;transition:all .25s ease}.pyr__momentos{display:flex;justify-content:space-between;gap:4px}.pyr__momento{flex:1 1;min-width:0;white-space:nowrap;min-height:32px;padding:0 4px;border-radius:999px;border:1px solid var(--pink-light);background:#fff;font-family:var(--mono);font-size:9.5px;color:var(--cherry);cursor:pointer}.pyr__momento--on{background:var(--cherry);border-color:var(--cherry);color:var(--cream)}.pyr__momento:focus-visible{outline:2px solid var(--cherry);outline-offset:2px}.pyr__camadas{display:flex;justify-content:space-around;gap:6px}.pyr__camada{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;transition:opacity .25s ease,transform .25s ease}.pyr__desenho img{display:block;object-fit:contain;mix-blend-mode:multiply}.pyr__legenda{font-family:var(--mono);font-size:9.5px;color:var(--stone)}.pyr__aviso{margin:0;font-size:11.5px;line-height:1.4;color:var(--stone)}@media (prefers-reduced-motion:reduce){.pyr__camada,.pyr__cursor{transition:none}}