*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#0c0c0c;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;line-height:1.6}.spc-flex-center-between{justify-content:space-between;align-items:center;display:flex}.spc-flex-center{justify-content:center;align-items:center;display:flex}.spc-ph-1-5{padding-inline:1.5rem}.spc-ph-1{padding-inline:1rem}.spc-column-2{grid-template-columns:repeat(1,1fr);display:grid}@media not (max-width:980px){.spc-column-2{grid-template-columns:repeat(2,1fr)}}.spc-column-3{grid-template-columns:repeat(1,1fr);display:grid}@media not (max-width:700px){.spc-column-3{grid-template-columns:repeat(2,1fr)}}@media not (max-width:980px){.spc-column-3{grid-template-columns:repeat(3,1fr)}}.spc-gap-4{gap:4rem}.spc-gap-3{gap:3rem}.spc-gap-2{gap:2rem}.spc-gap-1{gap:1rem}.spc-mb-3{margin-bottom:3rem}.grid-gap-2{gap:2rem;display:grid}.spc-mb-2{margin-bottom:2rem}.spc-pb-3{padding-bottom:3rem}.spc-pb-5{padding-bottom:5rem}.spc-text-center{text-align:center}.spc-w-full{width:100%}.spc-m-1{margin:1rem}.spc-h-14{height:14rem}.spc-h-24{height:24rem}.spc-radius-0-5{border-radius:.5rem}.spc-preview-border{border:2px solid #ccc;border-radius:.3rem}.spc-landingpage-bg{background-color:#0c0c0c}.css-code-block{border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem;height:100%;padding:1rem;overflow-x:hidden;background-color:#0c0c0c!important;margin:0!important;line-height:1.6!important}.css-code-block code{word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap!important;background-color:#0000!important}.spc-button{color:#fff;font:inherit;cursor:pointer;background:#000;border:none;border-radius:4px;outline:none;padding:.6em 1.2em;font-weight:600;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.spc-button:hover{background-color:#0d0d0de6}.spc-button:focus-visible{outline-offset:2px;outline:2px solid #000}.spc-page-title{text-align:center;margin:.8em 0;font-size:clamp(1.4rem,1.122rem + 1.391vw,2.2rem);font-weight:900}.spc-title-secondary{margin-bottom:1.2rem;font-size:clamp(1.2rem,1.196rem + .522vw,1.5rem);font-weight:700}.spc-wrapper{max-width:78rem;margin-inline:auto}.spc-cards-section-title{color:#fff;text-align:center;padding:2rem 0;font-size:clamp(1.5rem,1.152rem + 1.739vw,2.5rem);font-weight:900}.spc-input-value,.spc-input-select,.spc-input-text,.spc-color-picker-input{font:inherit;outline-offset:1px;background-color:#e5e7eb;border:none;border-radius:.3rem;outline:1px solid #e5e7eb;height:2rem;padding-inline:.5rem;transition:all .2s ease-in}:is(.spc-input-value,.spc-input-select,.spc-input-text,.spc-color-picker-input):focus-visible{outline-offset:2px;background-color:#fff}.spc-color-picker-input{width:6rem}.spc-input-value{width:7rem}.spc-input-text{width:9rem}.spc-input-select{width:auto}.spc-input-checked{outline-offset:2px;outline:2px solid #e5e7eb;width:1.2rem;height:1.2rem}.spc-input-checked:focus-visible{outline-color:#0006}.spc-input-range{appearance:none;outline-offset:2px;cursor:pointer;background-color:#edf1f4;border-radius:1rem;outline:2px solid #0000;height:1rem;overflow:hidden;box-shadow:2px 2px 2px #0000001a,-2px -2px 5px #fff,inset 2px 2px 2px #0000001a}.spc-input-range:focus-visible{background-color:#fff;outline:2px solid #0006}.spc-input-range::-webkit-slider-thumb{appearance:none;background:#0074cf;border-radius:50%;width:12px;height:12px}.spc-input-range::-moz-range-thumb{appearance:none;background:#0074cf;border-radius:50%;width:12px;height:12px}.spc-input-wrapper{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.spc-input-wrapper--column{flex-direction:column;gap:.6rem;width:100%;display:flex}.spc-hex-page-wrapper{justify-content:center;align-items:center;height:calc(100vh - 4.4rem);display:flex}.spc-hex-container{background-color:#fff;border-radius:.375rem;flex-direction:column;gap:1rem;padding:1.5rem 2rem;display:flex;box-shadow:0 2px 2px 1px #0000001a,-2px 0 2px 1px #0000001a}.spc-hex-title{text-shadow:1px 1px 1px #0009;text-align:center;font-size:clamp(1.1rem,5vw - .6rem,1.3rem);font-weight:600}.spc-hex-copy-btn{cursor:pointer;background:0 0;border:none;padding:.5em;font-size:.8rem;font-weight:600}.spc-hex-copy-btn:hover{color:#6b7280}.spc-cursors-copy-btn{background:#fff;border:2px solid #ccc;border-radius:.3rem;padding:2.7em 5em;font-weight:500;transition:all .2s ease-in}.spc-cursors-copy-btn:hover{background-color:#f2f1f14d;box-shadow:1px 1px 7px #0000004d}.spc-gradients-copy-btn{cursor:pointer;background:#fff;border:none;border-top-left-radius:8px;padding:.7em 1em;transition:all .2s ease-in;box-shadow:1px 1px 1px 2px #0000004d}.spc-gradients-copy-btn:hover{color:#6b7280}.spc-boxshadow-card{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:150px;transition:font-weight .2s ease-in;display:flex}.spc-boxshadow-card:hover{font-weight:900}code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}._spc-hero_3l31k_1{background-image:linear-gradient(90deg,#121212 1px,#0000 1px),linear-gradient(0deg,#121212 1px,#0000 1px);background-size:30px 30px;border-bottom:2px solid #262626;flex-direction:column;align-items:center;gap:1rem;padding-block:4rem;display:flex}._spc-hero-image_3l31k_13{width:90%;max-width:75rem}._spc-hero-description_3l31k_18{color:#8c8c8c;text-align:center;width:50ch;max-width:85vw;font-size:clamp(1rem,.861rem + .696vw,1.5rem);line-height:1.6}._spc-card_o8k11_1{text-align:center;border:1px solid #262626;border-radius:10px;padding:1.8rem 1.5rem;text-decoration:none;transition:transform .25s}._spc-card_o8k11_1:hover{transform:scale(1.1)}._spc-card-heading_o8k11_13{color:#f2f2f2;margin-top:.6rem;font-size:clamp(1.1rem,1.03rem + .348vw,1.2rem);font-weight:800}._spc-card-description_o8k11_20{color:#8c8c8c}.spc-error-page{color:#ffffffeb;text-align:center;background-color:#0c0c0c;justify-content:center;align-items:center;min-height:100vh;display:flex}.spc-404{letter-spacing:-.04em;text-shadow:0 6px 20px #0a142899,0 0 30px #ffffff0f;font-size:clamp(7rem,12vw,13rem);font-weight:900;line-height:1}.spc-msg{margin-block:1.5rem;font-size:clamp(1.2rem,2.2vw,1.4rem)}.spc-home-btn{color:inherit;text-transform:uppercase;background:#311818;border:1px solid #ff6e6e;border-radius:999px;padding:.8rem 1.2rem;font-weight:700;text-decoration:none;transition:transform .33s cubic-bezier(.2,.9,.2,1);display:inline-block}.spc-home-btn:hover,.spc-home-btn:focus{transform:translateY(-4px)scale(1.02)}._spc-header_1f55e_1{background-color:#0c0c0c;border-bottom:2px solid #262626;padding-block:1.3rem;line-height:1}._spc-nav_1f55e_8{justify-content:space-between;padding-inline:1.5rem;display:flex}@media (max-width:768px){._spc-nav_1f55e_8{flex-direction:column;align-items:center;gap:1.3rem}}._spc-logo_1f55e_20{max-width:4.9rem}._spc-nav-link_1f55e_24{color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none;position:relative}._spc-nav-link_1f55e_24:first-child{margin-right:2rem}._spc-nav_1f55e_8 a:focus-visible{outline-offset:7px;outline:2px solid #fff}._spc-nav-link_1f55e_24:after{content:"";transform-origin:0;background-color:#fff;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-6px;left:0;transform:scale(0)}._spc-nav-link_1f55e_24:hover:after{width:100%;transform:scale(1)}