.card[data-astro-cid-qp7awotk]{width:100%;height:20em;border-radius:.5rem;overflow:hidden}.card[data-astro-cid-qp7awotk]:hover{transition:transform .3s ease,box-shadow .3s ease;transform:translateY(-1px);box-shadow:8px 8px 20px 2px #00000017}.heading[data-astro-cid-qp7awotk]{font-size:clamp(1rem,calc(.5vw + 1rem),2rem);font-family:Work,sans-serif;text-transform:uppercase;margin-bottom:0rem;text-align:left}.gradient-display[data-astro-cid-qp7awotk]{transition:opacity .3s ease;position:relative;z-index:1}.code-display[data-astro-cid-qp7awotk]{display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;z-index:2}.code-display[data-astro-cid-qp7awotk].hidden[data-astro-cid-qp7awotk],.gradient-text[data-astro-cid-qp7awotk].hidden[data-astro-cid-qp7awotk]{display:none!important}.button-container[data-astro-cid-qp7awotk]{gap:.5rem}.code-display[data-astro-cid-qp7awotk] .astro-code{width:95%;height:90%;overflow:auto;flex-shrink:0;display:flex;flex-direction:column;justify-content:top}.code-display[data-astro-cid-qp7awotk] pre,.code-display[data-astro-cid-qp7awotk] code{background-color:transparent!important;padding:0!important;font-size:.875rem;line-height:1.5}.gradient-text[data-astro-cid-qp7awotk].hidden{display:none}.gradient-layout{width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr));gap:2.5rem;padding:0rem;background-color:#fff;border-radius:1.5rem}.gradient-card{width:100%;height:20em;border-radius:.5rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:8px 8px 20px 2px #0000001a,-8px -8px 10px #fff}.gradient-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0000001f}.heading{font-size:clamp(1rem,calc(.5vw + 1rem),2rem);font-family:Work,sans-serif;text-transform:uppercase}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animated-bg{background:linear-gradient(-45deg,#a8edea,#fed6e3,#c3cfe2,#a8edea);background-size:400% 400%;animation:gradientShift 15s ease infinite}.simple-gradient{background:linear-gradient(160deg,#25e6ffe6 10%,#e9c3ff 70%)}.two-linear-gradients{background:linear-gradient(120deg,#d8f8f6 0%,#60eae3 20%,transparent 100%),linear-gradient(-120deg,#1536c9 70%,#031d47)}.three-linear-gradients{background:linear-gradient(90deg,rgba(0,255,242,.7) 10%,transparent 50%),linear-gradient(45deg,rgba(255,0,81,.7) 40%,transparent 100%),linear-gradient(180deg,#003c95,#8f008d 70%)}.radial-gradient{background:radial-gradient(farthest-corner at 40px 40px,#f4a9a9 0,#db58dd 55%,#ae128a 98%)}.two-radial-gradients{background:radial-gradient(ellipse 50% 80% at bottom left,rgba(255,0,255,.5),transparent),radial-gradient(circle at 70% 30%,rgba(255,100,100,.5),transparent)}.one-linear-two-radial-gradients{background:radial-gradient(ellipse 80% 98% at 20% 20%,#505fe9 5%,transparent),radial-gradient(circle at 80% 10%,#fed6e3 20%,transparent),linear-gradient(.15turn,#8f008d,90%,#00f)}.repeating-linear-gradient{background:repeating-linear-gradient(-45deg,#eee,#cfcfcf 10px)}.background-grain-overlay{background:linear-gradient(to right,#ea4b4033,#9a06c74d),url(/images/noise.jpg);background-blend-mode:overlay;background-size:120% auto}.background-paper-overlay{background:linear-gradient(180deg,#e6e5f3dd,#d488889f),url(/images/white-paper-texture.jpg);background-blend-mode:difference;background-size:100% auto}.hard-stop-gradient{background:linear-gradient(35deg,#faeb4b,#ea4e1e 25%,#9d0535 25%,#ffa3c0 50%,#0645ab 50%,#aac7f5 75%,#05817a 75%,#86d4d0)}.conic-gradient{background:conic-gradient(from 90deg at 25% 25%,#a8edea,#fed6e3,#a7c6f8,#a8edea)}.color-wheel{background:conic-gradient(red,#ff00bf,#7f00ff,#0040ff,#0ff,#00ff40,#80ff00,#ffbf00,red)}.repeating-conic-gradient{background:repeating-conic-gradient(from 15deg at 50% 50%,#f38e8ed8,#edcc8ecf,#ffff00d2,#7ce37cd0,#7878e6d2 25deg)}.radial-mask{background:repeating-conic-gradient(from 45deg at 10% 20%,#71f45a53 0deg 18deg,#1d47db64 18deg 28deg,#c10ab555 28deg 47deg);mask-image:radial-gradient(circle at 15% 15%,black 10%,transparent 80%),radial-gradient(ellipse at top,black 10%,transparent 80%);-webkit-mask-composite:source-in;mask-composite:intersect}.linear-mask{background:repeating-conic-gradient(from 45deg at 10% 50%,#f45a5ad3 0deg 18deg,#f2d17ee4 18deg 28deg,#f49959bb 28deg 47deg);mask-composite:intersect;mask-image:linear-gradient(45deg,black 10%,transparent 99%),linear-gradient(black 10%,transparent 99%)}