.css-border-radius-generator__corners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block:1rem}.css-border-radius-generator__corner{min-width:0;border:1px solid var(--border,#d5dce6);border-radius:.75rem;padding:1rem}.css-border-radius-generator__corner legend{font-weight:700;padding-inline:.35rem}.css-border-radius-generator__corner .field{margin-block:.5rem}.css-border-radius-generator__preview-wrap{min-height:14rem;display:grid;place-items:center;overflow:hidden;padding:1.5rem;background:linear-gradient(45deg,#edf1f7 25%,transparent 25%),linear-gradient(-45deg,#edf1f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf1f7 75%),linear-gradient(-45deg,transparent 75%,#edf1f7 75%);background-size:1.5rem 1.5rem;background-position:0 0,0 .75rem,.75rem -.75rem,-.75rem 0}.css-border-radius-generator__preview{width:min(100%,26rem);height:10rem;background:var(--accent,#d7f45a);border:2px solid currentColor;transition:border-radius .12s ease}.css-border-radius-generator__output{display:block;overflow-wrap:anywhere;padding:1rem;border-radius:.5rem;background:var(--surface-muted,#f2f4f7);font-family:ui-monospace,monospace}.css-border-radius-generator__result{margin-block:1.5rem}@media (max-width:38rem){.css-border-radius-generator__corners{grid-template-columns:1fr}.css-border-radius-generator__preview{height:8rem}}@media (prefers-reduced-motion:reduce){.css-border-radius-generator__preview{transition:none}}