.tdd-diagram-box[data-v-00e7affa]{font-size:var(--font-size-2);height:7rem;position:relative;width:7rem}.round-signal[data-v-00e7affa]{align-items:center;border-radius:4rem;color:#fff;display:flex;height:4rem;justify-content:center;letter-spacing:2px;position:absolute;width:4rem}.box-text[data-v-00e7affa]{display:none}.test-box[data-v-00e7affa]{background-color:#000;left:0;top:0}.green-box[data-v-00e7affa]{background-color:#333;right:0;top:25%}.refactor-box[data-v-00e7affa]{background-color:#555;bottom:0;left:0}@media (min-width:300px){.box-text[data-v-00e7affa]{display:block}.tdd-diagram-box[data-v-00e7affa]{height:12.5rem;width:12.5rem}.round-signal[data-v-00e7affa]{border-radius:7rem;height:7rem;width:7rem}}