:root{--clr-bg:#fff;--clr-text:#0c0c0c;--clr-border:#ccc;--clr-hero:var(--clr-text);--border:2px solid var(--clr-border);--hero-gradient-bg:radial-gradient(#e5e7eb 1px,transparent 1px);--input-border:2px solid #e5e7eb;--input-background:#e5e7eb;--input-color:var(--clr-text);--input-focus:#fff;--text-hover:gray}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}body{background-color:var(--clr-bg);color:var(--clr-text);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-wrapper{max-width:78rem;margin-inline:auto}.spc-title{text-align:center;padding-block:2rem 1rem;font-size:clamp(1.3rem,1.122rem + 1.391vw,2rem);font-weight:900}.spc-title-secondary{margin-bottom:1.2rem;font-size:clamp(1.1rem,1.196rem + .522vw,1.5rem);font-weight:700}.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{font:inherit;cursor:pointer;color:inherit;background:0 0;border:2px solid;border-radius:.2rem;margin-block:.3em;padding:.6em 1.2em;font-weight:700;transition:background-color .15s cubic-bezier(.4,0,.2,1)}.spc-button:hover,.spc-button:focus-visible{background-color:#f5f5f5}.spc-preview-border{border:var(--border);border-radius:.3rem}.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-5{gap:1.5rem}.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-pt-1{padding-top:1rem}.spc-pt-2{padding-top:2rem}.spc-pb-2{padding-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-mt-2{margin-top:2rem}.spc-h-14{height:14rem}.spc-h-24{height:24rem}.spc-radius-0-5{border-radius:.5rem}.spc-cursors-copy-btn{background:#fff;border:2px solid #ccc;border-radius:.3rem;padding:1.7em 5em;font-size:1rem;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;font:inherit;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{height:150px;font:inherit;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:font-weight .2s ease-in;display:flex}.spc-boxshadow-card:hover{font-weight:900}.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}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_1ug8b_1{background-image:var(--hero-gradient-bg);border-bottom:var(--border);background-size:16px 16px;flex-direction:column;align-items:center;gap:1rem;padding-block:4rem;padding-inline:.2rem;display:flex}._spc-hero-image_1ug8b_14{width:100%;max-width:65rem}._spc-svg-fill_1ug8b_19{fill:currentColor}._spc-hero-description_1ug8b_23{color:var(--clr-hero);text-align:center;width:50ch;max-width:85vw;font-size:clamp(1rem,.861rem + .696vw,1.4rem);line-height:1.6}._spc-card_1pd2y_1{border:var(--border);text-align:center;color:inherit;border-radius:10px;padding:2.2rem 1.5rem;line-height:1;text-decoration:none;transition:background-color .2s}._spc-card_1pd2y_1:hover,._spc-card_1pd2y_1:focus{background-color:#f5f5f5}._spc-card-heading_1pd2y_16{text-transform:capitalize;font-size:clamp(1rem,1.03rem + .348vw,1.1rem);font-weight:500}._spcfooter_17hqg_1{text-align:center;border-top:var(--border);padding:.75rem 0;font-style:italic}.spc-error-page{text-align:center;padding-top:15vh}.spc-404{letter-spacing:-.04em;text-shadow:0 2px 2px #0a142899;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:#fff;text-transform:uppercase;background:gray;border-radius:2em;padding:.8em 1.2em;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_1dqpt_1{border-bottom:var(--border);width:100%;padding-block:1rem;line-height:1}._spc-nav_1dqpt_8{justify-content:space-between;align-items:center;padding-inline:1rem;display:flex}._spc-menu-btn_1dqpt_15{color:inherit;cursor:pointer;background:0 0;border:2px solid;border-radius:4px;padding:.2em 1.2em;font-family:inherit;font-size:1rem;font-weight:700}._spc-menu-btn_1dqpt_15:hover,._spc-menu-btn_1dqpt_15:focus{background-color:#f5f5f5}._spc-home-link_1dqpt_31{color:inherit}._spc-logo_1dqpt_34{width:4.9rem;height:auto}._spc-sidebar-backdrop_1dqpt_39{z-index:100;opacity:0;visibility:hidden;background-color:#00000080;width:100%;height:100%;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}._spc-sidebar-backdrop_1dqpt_39[data-open=true]{opacity:1;visibility:visible}._spc-sidebar_1dqpt_39{z-index:101;visibility:hidden;background-color:#fff;flex-direction:column;width:18rem;height:100vh;padding-bottom:5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility .3s step-end;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:0 0 4px 2px #00000054}._spc-sidebar_1dqpt_39[data-open=true]{visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility step-start;overflow:scroll;transform:translate(0)}._spc-header-close-btn_1dqpt_88{cursor:pointer;color:inherit;background:0 0;border:2px solid;border-radius:.2rem;margin:1.3em;padding:.4em 1rem;font-weight:700}._spc-header-close-btn_1dqpt_88:hover,._spc-header-close-btn_1dqpt_88:focus-visible{background-color:#f5f5f5}._spc-sidebar_1dqpt_39 h3{border-bottom:2px solid #eee;padding-block:.5rem;padding-inline:1.4rem;font-size:1.1rem}._spc-sidebar-links_1dqpt_111{flex-direction:column;display:flex}._spc-sidebar-link_1dqpt_111{color:inherit;text-transform:capitalize;padding:1.4rem;font-size:.9rem;text-decoration:none;transition:background-color .2s}._spc-sidebar-link_1dqpt_111:hover,._spc-sidebar-link_1dqpt_111:focus-visible{background-color:#f5f5f5}._spc-sidebar-link-active_1dqpt_132{background-color:#eee;font-weight:700}