.dashed-border-horizontal.dashed-centered{--dash-image:linear-gradient(var(--direction), var(--dash-color) 0 5.596%, transparent 5.596% 6.371%, var(--dash-color) 6.371% 27.036%, transparent 27.036% 27.812%, var(--dash-color) 27.812% 38.892%, transparent 38.892% 39.667%, var(--dash-color) 39.667% 60.333%, transparent 60.333% 61.108%, var(--dash-color) 61.108% 72.188%, transparent 72.188% 72.964%, var(--dash-color) 72.964% 93.629%, transparent 93.629% 94.404%, var(--dash-color) 94.404% 100%)}@container (max-width:480px){.dashed-border-horizontal.dashed-centered{--dash-long:5.625rem;--dash-short:3rem;--dash-gap:.375rem;--dash-period:calc(var(--dash-long) + var(--dash-short) + 2 * var(--dash-gap));--dash-image:linear-gradient(var(--direction), var(--dash-color) 0 calc(var(--dash-short) / 2), transparent calc(var(--dash-short) / 2) calc(var(--dash-short) / 2 + var(--dash-gap)), var(--dash-color) calc(var(--dash-short) / 2 + var(--dash-gap)) calc(var(--dash-short) / 2 + var(--dash-gap) + var(--dash-long)), transparent calc(var(--dash-short) / 2 + var(--dash-gap) + var(--dash-long)) calc(var(--dash-short) / 2 + 2 * var(--dash-gap) + var(--dash-long)), var(--dash-color) calc(var(--dash-short) / 2 + 2 * var(--dash-gap) + var(--dash-long)) var(--dash-period))}.dashed-border-horizontal.dashed-centered.top:before,.dashed-border-horizontal.dashed-centered.bottom:after{background:var(--dash-image) center / var(--dash-period) .0625rem repeat-x}}