.clip-path-examples-module__t_OzcW__section{min-width:0;margin-block:2rem}.clip-path-examples-module__t_OzcW__section h2{font-family:var(--font-display);font-size:var(--type-section-title);line-height:var(--leading-section-title);letter-spacing:var(--tracking-display-title);word-spacing:var(--word-spacing-display);text-transform:uppercase}.clip-path-examples-module__t_OzcW__section h3{font-size:var(--type-card-title)}.clip-path-examples-module__t_OzcW__section p{color:var(--color-muted);margin-top:.75rem}.clip-path-examples-module__t_OzcW__workspaceLink{min-height:48px;color:var(--color-blue);text-underline-offset:.2em;align-items:center;font-weight:650;display:inline-flex}.clip-path-examples-module__t_OzcW__grid,.clip-path-examples-module__t_OzcW__codeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.clip-path-examples-module__t_OzcW__card{border:1px solid var(--color-line);min-width:0;padding:1.25rem}.clip-path-examples-module__t_OzcW__preview{background:var(--color-surface);place-items:center;margin-bottom:1rem;padding:1rem;display:grid}.clip-path-examples-module__t_OzcW__preview>div{aspect-ratio:4/3;width:160px;max-width:100%}.clip-path-examples-module__t_OzcW__settings{font-size:var(--type-body-small);gap:.5rem;margin-block:1rem;display:grid}.clip-path-examples-module__t_OzcW__settings>div{justify-content:space-between;gap:.75rem;display:flex}.clip-path-examples-module__t_OzcW__settings dd{font-variant-numeric:tabular-nums;flex-shrink:0;margin:0}.clip-path-examples-module__t_OzcW__codeDetails summary{cursor:pointer;min-height:48px;color:var(--color-blue);padding-block:.75rem;font-weight:650}.clip-path-examples-module__t_OzcW__section pre{border:1px solid var(--color-line);background:var(--color-surface);min-width:0;font-family:var(--font-mono);font-size:var(--type-body-small);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:1rem}.clip-path-examples-module__t_OzcW__imageExample{margin-top:1.5rem}.clip-path-examples-module__t_OzcW__codeGrid{margin-top:1rem}.clip-path-examples-module__t_OzcW__boundary{border-inline-start:3px solid var(--color-line-strong);font-size:var(--type-body-small);padding-inline-start:1rem}@media (max-width:560px){.clip-path-examples-module__t_OzcW__section{padding-inline:1rem}}@media (max-width:640px){.clip-path-examples-module__t_OzcW__grid,.clip-path-examples-module__t_OzcW__codeGrid{grid-template-columns:minmax(0,1fr)}}