:root{--clr-dark-600:#334155;--clr-dark--900:#0f172b;--clr-text-main:var(--clr-dark--900);--clr-text-secondary:var(--clr-dark-600);--clr-fill:#e9eaed;--clr-border:#c7c7c7;--input-background:var(--clr-fill);--input-focus:#fff;--border:1px solid var(--clr-border);--max-width:78rem;--input-border:2px solid var(--clr-border);--text-hover:gray;--font-family:"Open Sans",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--clr-text-main);background-color:#fff;font-size:1rem;line-height:1.6}.spc-wrapper{max-width:var(--max-width);margin-inline:auto;padding-inline:1rem}.spc-button{color:#fff;background-color:var(--clr-text-main);border:2px solid var(--clr-text-main);cursor:pointer;border-radius:8px;padding:.75rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s ease-in-out;box-shadow:4px 4px #1a1a1acc}.spc-button:hover,.spc-button:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px #1a1a1acc}.spc-cards-holder,.spc-cursor-cardsholder,.spc-gradients-cardsholder,.spc-boxshadows-cardsholder{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media not (max-width:700px){.spc-cards-holder,.spc-cursor-cardsholder,.spc-gradients-cardsholder,.spc-boxshadows-cardsholder{grid-template-columns:repeat(2,1fr)}}@media not (max-width:980px){.spc-cards-holder,.spc-cursor-cardsholder,.spc-gradients-cardsholder,.spc-boxshadows-cardsholder{grid-template-columns:repeat(3,1fr)}}.spc-title{text-align:center;padding-block:2rem;font-size:clamp(1.3rem,1.122rem + 1.391vw,2rem);font-weight:900}.pb-3{padding-bottom:3rem}.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-ui-page-header{text-align:center;margin-block:3rem}.spc-ui-page-title{text-align:center;letter-spacing:-.025em;margin:0;margin-bottom:.5rem;font-size:clamp(1.4rem,1.122rem + 1.391vw,2.25rem);font-weight:900}.spc-ui-page-subtitle{color:var(--clr-text-secondary);margin:0;max-inline-size:80ch;margin-inline:auto;font-size:1.125rem;line-height:1.75rem}.spc-hex-page-wrapper{justify-content:center;align-items:center;height:calc(100vh - 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}.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-preview-border{border:var(--border);border-radius:.3rem}.spc-title-secondary{margin-bottom:1.2rem;font-size:clamp(1.1rem,1.196rem + .522vw,1.3rem);font-weight:700}.spc-h-24{height:24rem}.spc-flex-center{justify-content:center;align-items:center;display:flex}.spc-pb-3{padding-bottom:3rem}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_1ghbp_1{border-bottom:var(--border);background-image:linear-gradient(90deg,#f3f4f6 1px,#0000 1px),linear-gradient(#f3f4f6 1px,#0000 1px);background-size:40px 40px;flex-direction:column;align-items:center;gap:1rem;padding-block:4rem;padding-inline:.2rem;display:flex}._spc-hero-image_1ghbp_15{width:100%;max-width:65rem}._spc-svg-fill_1ghbp_20{fill:var(--clr-text-main)}._spc-hero-description_1ghbp_24{text-align:center;width:50ch;max-width:85vw;font-size:clamp(1rem,.861rem + .696vw,1.4rem);line-height:1.6}._spc-nav-card_b0huy_1{color:inherit;box-shadow:4px 4px 0px var(--clr-text-main);border:2px solid;border-radius:8px;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;text-decoration:none;transition:all .2s ease-in-out;display:flex}._spc-card-title_b0huy_14{text-transform:capitalize;font-size:1.125rem}._spc-card-arrow_b0huy_19{color:inherit;transition:transform .2s}._spc-nav-card_b0huy_1:hover{box-shadow:6px 6px 0px var(--clr-text-main);transform:translate(-2px,-2px)}._spc-nav-card_b0huy_1:hover ._spc-card-arrow_b0huy_19{transform:translate(4px)}._spc-footer_10fut_1{border-top:var(--border);margin-top:5rem}._spc-footer-content_10fut_6{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:2rem;font-size:.95rem;font-weight:600;display:flex}._spc-footer-link_10fut_17{color:inherit;border:2px solid #0000;border-radius:6px;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease-in-out}._spc-footer-link_10fut_17:hover,._spc-footer-link_10fut_17:focus-visible{border:2px solid;transform:translate(-2px,-2px);box-shadow:3px 3px #1a1a1a}@media (max-width:600px){._spc-footer-content_10fut_6{text-align:center;flex-direction:column-reverse;justify-content:center}}.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_2n7rp_1{border-bottom:var(--border);padding-block:1.3rem;line-height:1}._spc-nav_2n7rp_7{justify-content:space-between;align-items:center;display:flex}._spc-menu-btn_2n7rp_13{color:inherit;cursor:pointer;background:0 0;border:2px solid #0f172b;border-radius:6px;padding:.5em 1.2em;font-family:inherit;font-size:1rem;font-weight:700}._spc-menu-btn_2n7rp_13:hover,._spc-menu-btn_2n7rp_13:focus-visible{color:#fff;background-color:#0f172b}._spc-home-link_2n7rp_30{color:inherit}._spc-logo_2n7rp_33{width:4.9rem;height:auto}._spc-sidebar-backdrop_2n7rp_38{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_2n7rp_38[data-open=true]{opacity:1;visibility:visible}._spc-sidebar_2n7rp_38{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_2n7rp_38[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_2n7rp_87{cursor:pointer;color:inherit;background:0 0;border:2px solid #0f172b;border-radius:6px;margin:1.3em;padding:.7em 1.2em;font-weight:700}._spc-header-close-btn_2n7rp_87:hover,._spc-header-close-btn_2n7rp_87:focus-visible{color:#fff;background-color:#0f172b}._spc-sidebar_2n7rp_38 h3{border-bottom:2px solid #eee;padding-block:.5rem;padding-inline:1.4rem;font-size:1.1rem}._spc-sidebar-links_2n7rp_112{flex-direction:column;display:flex}._spc-sidebar-links_2n7rp_112>ul{list-style:none}._spc-sidebar-link_2n7rp_112{color:inherit;text-transform:capitalize;padding:1.4rem;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:block}._spc-sidebar-link_2n7rp_112:hover,._spc-sidebar-link_2n7rp_112:focus-visible{background-color:#f5f5f5}._spc-sidebar-link-active_2n7rp_138{background-color:#eee;font-weight:700}._spc-loading-wrapper_fb5z9_1{flex-direction:column;align-items:center;display:flex}._spc-loading-text_fb5z9_7{letter-spacing:4px;font-size:1.5rem;font-weight:700}._spc-loading-bar_fb5z9_13{background:#eee;border-radius:2px;width:100px;height:4px;margin-top:8px;position:relative;overflow:hidden}._spc-loading-bar_fb5z9_13:before{content:"";background:#2563eb;width:100%;height:100%;animation:1.5s infinite _slide_fb5z9_1;position:absolute;left:-100%}@keyframes _slide_fb5z9_1{0%{left:-100%}to{left:100%}}