.waves{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.waves,.waves:before{position:absolute;top:0;left:0}.waves:before{content:"";width:.5rem;height:.5rem;background:#160000;border-radius:50%;transform:translate3d(calc(var(--x, 0px) - .25rem),calc(var(--y, 0px) - .25rem),0);will-change:transform;pointer-events:none;opacity:0}.waves-canvas{display:block;width:100%;height:100%}.corner-ribbon{position:absolute;top:-6px;right:-6px;z-index:10;width:150px;height:150px;pointer-events:none;overflow:hidden;border-top-left-radius:4px;border-bottom-right-radius:4px}.corner-ribbon__band{position:absolute;top:40px;right:-40px;display:block;width:225px;padding:10px 0 10px 32px;transform:rotate(45deg);border-radius:0;background:linear-gradient(180deg,#b898e0,#a888d8 42%,#9b7dce);box-shadow:0 4px 12px rgba(0,0,0,.12);font-family:var(--font-mono,ui-monospace,monospace);font-size:10px;font-weight:700;letter-spacing:.1em;line-height:10px;text-align:center;text-shadow:0 1px 0 hsla(0,0%,100%,.25);text-transform:uppercase;color:#111;white-space:nowrap}.corner-ribbon:after,.corner-ribbon:before{content:"";position:absolute;z-index:-1;display:block;border:3px solid #6c41a5}.corner-ribbon:before{top:0;left:0;border-top-color:transparent;border-right-color:transparent}.corner-ribbon:after{bottom:0;right:0;border-bottom-color:transparent;border-right-color:transparent}@media (min-width:768px){.corner-ribbon{width:170px;height:170px;top:-8px;right:-8px;border-top-left-radius:6px;border-bottom-right-radius:6px}.corner-ribbon__band{top:45px;right:-45px;width:255px;padding:12px 0 12px 28px;font-size:12px;line-height:12px;letter-spacing:.12em}.corner-ribbon:after,.corner-ribbon:before{border-width:4px}}