@import"https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";:root{--sb-black: #000000;--sb-dark-gray: #2a2a2a;--sb-light-gray: #e5e7eb;--sb-off-white: #fafafa;--sb-white: #FFFFFF;--sb-navy: #1B3C53;--sb-slate: #456882;--sb-sand: #D2C1B6;--sb-cream: #F9F3EF;--sb-frame-corner: 16px}.sb-technical{font-family:Courier Prime,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.sb-code{font-family:Roboto Mono,monospace;font-size:.75rem;line-height:1.4}.sb-h1{font-family:Courier Prime,monospace;font-weight:700;font-size:3rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.2}.sb-h2{font-family:Courier Prime,monospace;font-weight:700;font-size:2rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.2}.sb-h3{font-family:Courier Prime,monospace;font-weight:700;font-size:1.5rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.2}.sb-h4{font-family:Courier Prime,monospace;font-weight:700;font-size:1.25rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.2}.sb-h5{font-family:Courier Prime,monospace;font-weight:700;font-size:1.125rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.2}.sb-h6{font-family:Courier Prime,monospace;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.2}.sb-bold{font-family:Courier Prime,monospace;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.sb-bold-large{font-family:Courier Prime,monospace;font-weight:700;font-size:1.25rem;text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.sb-code-bold{font-family:Roboto Mono,monospace;font-weight:700;font-size:.875rem;line-height:1.4}.sb-frame{position:relative}.sb-frame:before,.sb-frame:after{content:"";position:absolute;width:var(--sb-frame-corner);height:var(--sb-frame-corner);border:2px solid var(--sb-black);z-index:10}.sb-frame:before{top:0;left:0;border-right:none;border-bottom:none}.sb-frame:after{top:0;right:0;border-left:none;border-bottom:none}.sb-frame .bottom-corners:before,.sb-frame .bottom-corners:after{content:"";position:absolute;width:var(--sb-frame-corner);height:var(--sb-frame-corner);border:2px solid var(--sb-black);bottom:0}.sb-frame .bottom-corners:before{left:0;border-right:none;border-top:none}.sb-frame .bottom-corners:after{right:0;border-left:none;border-top:none}.sb-btn-primary{background:var(--sb-white);color:var(--sb-black);border:2px solid var(--sb-black);font-family:Courier Prime,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.sb-btn-primary:hover{background:var(--sb-black);color:var(--sb-white);border-color:var(--sb-black)}.sb-btn-secondary{background:var(--sb-slate);color:var(--sb-cream);border:2px solid var(--sb-black);font-family:Courier Prime,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.sb-btn-secondary:hover{background:var(--sb-cream);color:var(--sb-slate);border-color:var(--sb-slate)}.sb-btn-outline{background:transparent;color:inherit;border:2px solid var(--sb-dark-gray);font-family:Courier Prime,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.sb-btn-outline:hover{opacity:.75}.sb-btn-success{background:var(--sb-sand);color:var(--sb-black);border:2px solid var(--sb-black);font-family:Courier Prime,monospace;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease}.sb-btn-success:hover{background:var(--sb-black);color:var(--sb-sand);border-color:var(--sb-sand)}.sb-card{background:var(--sb-off-white);border:2px solid var(--sb-black);box-shadow:4px 4px 0 var(--sb-dark-gray);transition:all .2s ease}.sb-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--sb-navy)}.sb-section{background:var(--sb-off-white);border:2px solid var(--sb-black);box-shadow:4px 4px 0 var(--sb-dark-gray)}.sb-topbar{background:var(--sb-navy);color:var(--sb-cream);border-bottom:2px solid var(--sb-black)}.sb-header{background:var(--sb-black);color:var(--sb-off-white);border-bottom:2px solid var(--sb-black)}.sb-header-alt{background:var(--sb-slate);color:var(--sb-cream);border-bottom:2px solid var(--sb-black)}.sb-grid{background-image:linear-gradient(rgba(27,60,83,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(27,60,83,.1) 1px,transparent 1px);background-size:20px 20px}.sb-inverted{background:var(--sb-navy);color:var(--sb-cream)}.sb-soft-bg{background:var(--sb-sand);color:var(--sb-navy)}.sb-input{background:var(--sb-off-white);color:var(--sb-black);border:2px solid var(--sb-black);font-family:Roboto Mono,monospace;font-size:.875rem;transition:all .2s ease}.sb-input:focus{outline:none;border-color:var(--sb-navy);box-shadow:0 0 0 2px #1b3c5333}.sb-select{background:var(--sb-off-white);color:var(--sb-black);border:2px solid var(--sb-black);font-family:Roboto Mono,monospace;font-size:.875rem;transition:all .2s ease}.sb-select:focus{outline:none;border-color:var(--sb-navy);box-shadow:0 0 0 2px #1b3c5333}.sb-textarea{background:var(--sb-off-white);color:var(--sb-black);border:2px solid var(--sb-black);font-family:Roboto Mono,monospace;font-size:.875rem;resize:none;transition:all .2s ease}.sb-textarea:focus{outline:none;border-color:var(--sb-navy);box-shadow:0 0 0 2px #1b3c5333}.sb-checkbox{width:1rem;height:1rem;border:2px solid var(--sb-black);background:var(--sb-off-white);accent-color:var(--sb-navy)}.sb-text-navy{color:var(--sb-navy)}.sb-text-slate{color:var(--sb-slate)}.sb-text-sand{color:var(--sb-sand)}.sb-text-cream{color:var(--sb-cream)}.sb-text-black{color:var(--sb-black)}.sb-text-dark-gray{color:var(--sb-dark-gray)}.sb-text-light-gray{color:var(--sb-light-gray)}.sb-text-off-white{color:var(--sb-off-white)}.sb-text-white{color:var(--sb-white)}.sb-bg-navy{background:var(--sb-navy)}.sb-bg-slate{background:var(--sb-slate)}.sb-bg-sand{background:var(--sb-sand)}.sb-bg-cream{background:var(--sb-cream)}.sb-bg-black{background:var(--sb-black)}.sb-bg-dark-gray{background:var(--sb-dark-gray)}.sb-bg-light-gray{background:var(--sb-light-gray)}.sb-bg-off-white{background:var(--sb-off-white)}.sb-bg-white{background:var(--sb-white)}.sb-border-navy{border-color:var(--sb-navy)}.sb-border-slate{border-color:var(--sb-slate)}.sb-border-sand{border-color:var(--sb-sand)}.sb-border-cream{border-color:var(--sb-cream)}.sb-border-black{border-color:var(--sb-black)}.sb-border-dark-gray{border-color:var(--sb-dark-gray)}.sb-border-light-gray{border-color:var(--sb-light-gray)}.sb-border-off-white{border-color:var(--sb-off-white)}.sb-border-white{border-color:var(--sb-white)}.sb-border{border-width:2px;border-style:solid}.sb-border-t{border-top:2px solid}.sb-border-r{border-right:2px solid}.sb-border-b{border-bottom:2px solid}.sb-border-l{border-left:2px solid}.sb-shadow{box-shadow:4px 4px 0 var(--sb-dark-gray)}.sb-shadow-navy{box-shadow:4px 4px 0 var(--sb-navy)}.sb-shadow-slate{box-shadow:4px 4px 0 var(--sb-slate)}.sb-shadow-hover{box-shadow:6px 6px 0 var(--sb-navy)}.sb-p-1{padding:5px}.sb-p-2{padding:10px}.sb-p-3{padding:15px}.sb-p-4{padding:20px}.sb-p-5{padding:25px}.sb-p-6{padding:30px}.sb-m-1{margin:5px}.sb-m-2{margin:10px}.sb-m-3{margin:15px}.sb-m-4{margin:20px}.sb-m-5{margin:25px}.sb-m-6{margin:30px}.sb-gap-1{gap:5px}.sb-gap-2{gap:10px}.sb-gap-3{gap:15px}.sb-gap-4{gap:20px}.sb-gap-5{gap:25px}.sb-gap-6{gap:30px}