.tx {
    color: #111111;
    font-family:
            "Geist",
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            sans-serif;

    display: flex;
    align-items: center;
    justify-content: center;
}

.tx__graphic {
    aspect-ratio: 1;
    background: #0d0d0d;
    border: 1px solid #9797a1;
    border-radius: 14px;
    position: relative;
    overflow: hidden;
    height: 600px;
    width: 600px;
}

@media (max-width: 1700px) {
    .tx .tx__graphic {
        height: 480px;
        width: 480px;
    }
}

@media (max-width: 767px) {
    .tx .tx__graphic {
        width: 100%;
        height: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tx .tx__graphic svg * {
        animation: none !important;
    }
}