.n{--primary: #fff;--secondary: rgba(255, 255, 255, .3);--shadow-blur: 3px;--text-shadow-blur: 3px;--animation-duration: 2s;--size: 1;display:flex;flex-direction:column;align-items:center;row-gap:30px;scale:var(--size);transform-origin:center center}.n *{box-sizing:content-box}.o{color:var(--primary);text-shadow:0 0 var(--text-shadow-blur) var(--secondary);font-family:Menlo,sans-serif;display:flex;align-items:baseline;column-gap:3px;white-space:nowrap}.p{display:block;width:3px;height:3px;animation:q var(--animation-duration) infinite linear;animation-delay:.4s;background-color:var(--primary)}.p:nth-child(2){animation-delay:.8s}.p:nth-child(3){animation-delay:1.2s}.p+.p{margin-left:3px}.r{width:103px;height:90px;position:relative}.r div{width:50px;border-right:12px solid transparent;border-left:12px solid transparent;border-top:21px solid var(--primary);position:absolute;filter:drop-shadow(0 0 var(--shadow-blur) var(--secondary))}.r div:nth-child(1){top:27px;left:7px;rotate:-60deg;animation:s var(--animation-duration) linear infinite alternate}.r div:nth-child(2){bottom:2px;left:0;rotate:180deg;animation:t var(--animation-duration) linear infinite alternate}.r div:nth-child(3){bottom:16px;right:-9px;rotate:60deg;animation:u var(--animation-duration) linear infinite alternate}.r:hover div:nth-child(1){top:21px;left:14px;rotate:60deg}.r:hover div:nth-child(2){bottom:5px;left:-8px;rotate:300deg}.r:hover div:nth-child(3){bottom:7px;right:-11px;rotate:180deg}@keyframes s{0%,40%{top:27px;left:7px;rotate:-60deg}60%,to{top:22px;left:14px;rotate:60deg}}@keyframes t{0%,40%{bottom:2px;left:0;rotate:180deg}60%,to{bottom:5px;left:-8px;rotate:300deg}}@keyframes u{0%,40%{bottom:16px;right:-9px;rotate:60deg}60%,to{bottom:7px;right:-11px;rotate:180deg}}@keyframes q{0%{background-color:var(--secondary)}30%{background-color:var(--primary)}70%,to{background-color:var(--secondary)}}
