.card[data-v-69c54f4f]{position:relative;border-radius:24px;overflow:hidden;padding:1px;background:transparent}.card-border[data-v-69c54f4f]{position:absolute;inset:0;border-radius:24px;transition:all .3s ease;opacity:0}.card-border[data-v-69c54f4f],.card-content[data-v-69c54f4f]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-content[data-v-69c54f4f]{position:relative;z-index:1;background:var(--card-bg,rgba(26,26,26,.8));border-radius:23px;padding:clamp(1rem,5vw,2rem);display:flex;align-items:center;justify-content:center}@media (prefers-color-scheme:dark){.card-content[data-v-69c54f4f]{--card-bg:rgba(26,26,26,0.8)}}@media (max-width:768px){.card[data-v-69c54f4f]{border-radius:20px;aspect-ratio:3/4}.card-border[data-v-69c54f4f]{border-radius:20px}.card-content[data-v-69c54f4f]{border-radius:19px}}.separator-container[data-v-234b9b8e]{position:relative;display:inline-block}.separator-gradient[data-v-234b9b8e]{position:absolute;inset:-20px;opacity:0;transition:opacity .3s ease;pointer-events:none}.separator-line[data-v-234b9b8e]{position:relative;background:hsla(0,0%,100%,.1)}.horizontal[data-v-234b9b8e]{width:var(--eb219bfe);height:var(--ef951bd8)}.vertical[data-v-234b9b8e]{height:var(--eb219bfe);width:var(--ef951bd8)}@media (prefers-color-scheme:dark){.separator-line[data-v-234b9b8e]{background:hsla(0,0%,100%,.1)}}.card-demo[data-v-43ee8995]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#111}.demo-container[data-v-43ee8995]{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:3rem;padding:0 1rem}.card-wrapper[data-v-43ee8995]{width:100%;max-width:800px;margin:0 auto}.separator[data-v-43ee8995]{width:100%}.separator-examples[data-v-43ee8995]{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.horizontal-example[data-v-43ee8995],.vertical-example[data-v-43ee8995]{display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(26,26,26,.8);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}h1[data-v-43ee8995]{font-size:clamp(2rem,5vw,3rem);margin:0;color:#fff}@media (max-width:768px){.card-demo[data-v-43ee8995]{padding:1rem}.demo-container[data-v-43ee8995]{gap:2rem}.separator-examples[data-v-43ee8995]{justify-content:center}}