body{overflow-x:hidden}h1{margin-top:2rem}.container{background-color:var(--mdf-color-background-default);border:1px solid var(--mdf-color-border-default);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:60vh;margin:2rem 0;padding:1.5rem 2rem 2rem;display:flex;position:relative}.points{position:relative}.points .point{background-color:var(--mdf-color-background-muted);border:1px solid var(--mdf-color-border-default);height:calc(var(--height));width:calc(var(--width));cursor:pointer;border-radius:3px;transition:transform .3s ease-out .1s;position:absolute;top:0;left:0;box-shadow:1px 1px 5px #00000008}.points .point:hover{background-color:hsl(from var(--mdf-color-background-muted) h s calc(l - 2))}form{flex-direction:column;gap:1rem;margin:2rem 0;display:flex}