.rings30{width:190px;height:112px;margin:0 auto 16px;pointer-events:none}
.rings30 svg{display:block;width:100%;height:100%;overflow:visible}
.rings30-stroke{fill:none;stroke:url(#rings30-gold);stroke-width:2.2;stroke-linecap:round}
.rings30-prepared .rings30-stroke{stroke-dasharray:1;stroke-dashoffset:1}
.rings30-playing .rings30-left{animation:rings30-draw 1.15s cubic-bezier(.22,.61,.36,1) forwards}
.rings30-playing .rings30-right{animation:rings30-draw 1.15s .25s cubic-bezier(.22,.61,.36,1) forwards}
.closing>p.rings30-names{font:400 22px/1.7 var(--serif);letter-spacing:.08em;color:#eddfb9;margin:24px 0 8px}
.closing>p.rings30-date{color:#d4d9c9;margin-top:8px}
.rings30-playing .rings30-names,.rings30-playing .rings30-date{animation:rings30-settle .65s .55s ease-out both}
@keyframes rings30-draw{to{stroke-dashoffset:0}}
@keyframes rings30-settle{from{opacity:.75;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.rings30{width:152px;height:90px;margin-bottom:10px}.closing>p.rings30-names{font-size:20px}}
@media(prefers-reduced-motion:reduce){.rings30-stroke{stroke-dashoffset:0!important}.rings30-playing *{animation:none!important}}