:root{--radius-center:75px;--radius-inner:calc(var(--radius-center) * 1);--radius-outer:calc(var(--radius-center) * 2.3)}*{margin:0;padding:0}#interactive-circles{position:relative;width:100%;height:400px;display:flex;align-items:center;justify-content:center}.circle-inner,.circle-outer{position:absolute;width:0;height:0}.item{position:absolute;width:40px;height:40px;background:#fff;border-radius:50%;text-align:center;line-height:40px;font-size:50px;cursor:pointer;transition:transform 0.3s}.item:hover::after{content:attr(data-name);position:absolute;top:-25px;left:50%;transform:translateX(-50%);background:#000b;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:10}.circle-inner .item{--angle:calc(360deg / 3 * var(--i));transform:rotate(var(--angle)) translate(var(--radius-inner)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}.circle-outer .item{--angle:calc(360deg / 8 * var(--i));transform:rotate(var(--angle)) translate(var(--radius-outer)) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}.submenu{display:none;position:absolute;top:50px;left:0;background:#fff;border:1px solid #ccc;border-radius:8px;padding:8px;z-index:5}.item.active .submenu{display:block}.subitem{font-size:12px;cursor:pointer;padding:4px;border-bottom:1px solid #eee}.subitem:last-child{border-bottom:none}.content-display{width:150px;height:150px;border-radius:50%;background:#fff0;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;text-align:center;z-index:1}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / .6);backdrop-filter:blur(6px)}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;max-width:500px;width:90%;border-radius:10px;text-align:center}.modal-content h2{margin-bottom:.5rem}.modal-content a{display:inline-block;margin-top:1rem;background:#000;color:#fff;padding:.5rem 1rem;border-radius:6px;text-decoration:none}.modal-content .close{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer}