@charset "UTF-8";:root{--st-font-family: "Asap Sharp", sans-serif;--st-font-weight-light: 300;--st-font-weight-regular: 400;--st-font-weight-bold: 600;--st-font-weight-extra-bold: 800;--st-color-cyan: #00E5FF;--st-color-indigo: #6366F1;--st-color-emerald: #00E676;--st-color-black: #000000;--st-color-slate-900: #0E1416;--st-color-slate-800: #111418;--st-color-slate-700: #1D2024;--st-color-slate-600: #272A2F;--st-color-slate-500: #43474E;--st-color-slate-400: #8D9199;--st-color-slate-200: #C3C6CF;--st-color-slate-100: #DEE3E5;--st-color-primary: var(--st-color-cyan);--st-color-secondary: var(--st-color-indigo);--st-color-success: var(--st-color-emerald);--st-color-bg: var(--st-color-slate-900);--st-color-surface: var(--st-color-slate-700);--st-color-surface-hover: var(--st-color-slate-600);--st-color-border: var(--st-color-slate-500);--st-color-text-main: var(--st-color-slate-100);--st-color-text-muted: var(--st-color-slate-400);--st-space-xs: .25rem;--st-space-sm: .5rem;--st-space-md: 1rem;--st-space-lg: 1.5rem;--st-space-xl: 2rem;--st-radius-sm: 6px;--st-radius-md: 12px;--st-radius-lg: 20px;--st-checkbox-size: 30px;--st-checkbox-shadow: calc(var(--st-checkbox-size) * .07) calc(var(--st-checkbox-size) * .1)}body{margin:0;background-color:var(--st-color-bg);color:var(--st-color-text-main);font-family:var(--st-font-family);font-weight:var(--st-font-weight-regular);padding:var(--st-space-xl)}.btn-primary,.btn-secondary{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--st-space-sm);padding:var(--st-space-sm) var(--st-space-md);font-family:var(--st-font-family);font-weight:var(--st-font-weight-bold);text-transform:uppercase;color:var(--st-color-black);background-color:var(--st-color-primary);border:2px solid var(--st-color-black);border-radius:var(--st-radius-sm);background-image:linear-gradient(to right,#000 0px,#000 6px,transparent 6px,transparent 12px),linear-gradient(to right,#000 0px,#000 6px,transparent 6px,transparent 12px);background-size:12px 4px;background-position:center top 2px,center bottom 2px;background-repeat:repeat-x;cursor:pointer}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){box-shadow:4px 4px 0 var(--st-color-black)}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:translate(2px,2px) rotate(0);box-shadow:1px 1px 0 var(--st-color-black)}.btn-secondary{color:var(--st-color-primary);background-color:transparent;border-color:var(--st-color-primary);background-image:linear-gradient(to right,var(--st-color-primary) 0px,var(--st-color-primary) 6px,transparent 6px,transparent 12px),linear-gradient(to right,var(--st-color-primary) 0px,var(--st-color-primary) 6px,transparent 6px,transparent 12px)}.btn-secondary:hover:not(:disabled){background-color:#00e5ff14;box-shadow:4px 4px 0 var(--st-color-primary)}.btn-secondary:active:not(:disabled){box-shadow:1px 1px 0 var(--st-color-primary)}input{background-color:var(--st-color-bg);max-width:190px;padding:var(--st-space-sm);border:1.5px solid var(--st-color-primary);border-radius:.5rem;box-shadow:2.5px 3px 0 var(--st-color-primary);outline:none;transition:ease .25s;color:var(--st-color-primary)}input:focus{background-color:var(--st-color-bg);box-shadow:5.5px 7px 0 var(--st-color-primary)}.checkbox-wrapper *{-webkit-tap-highlight-color:transparent;outline:none}.checkbox-wrapper input[type=checkbox]{display:none}.checkbox-wrapper label{position:relative;display:block;width:var(--st-checkbox-size);height:var(--st-checkbox-size);margin:0 auto;background-color:var(--st-color-primary);background-image:none;border:2px solid var(--st-color-black);border-radius:50%;box-shadow:2px 2px 0 var(--st-color-black);cursor:pointer;transition:.2s ease transform,.2s ease background-color,.2s ease box-shadow;overflow:hidden;z-index:1}.checkbox-wrapper label:before{content:"";position:absolute;top:50%;right:0;left:0;width:calc(var(--st-checkbox-size) * .7);height:calc(var(--st-checkbox-size) * .7);margin:0 auto;background-color:var(--st-color-bg, #0E1416);transform:translateY(-50%);border-radius:50%;box-shadow:inset 0 var(--st-checkbox-shadow) #00000080;transition:.2s ease width,.2s ease height}.checkbox-wrapper label:hover:before{width:calc(var(--st-checkbox-size) * .55);height:calc(var(--st-checkbox-size) * .55);box-shadow:inset 0 var(--st-checkbox-shadow) #000000b3}.checkbox-wrapper label:active{transform:scale(.9)}.checkbox-wrapper .tick_mark{position:absolute;top:-1px;right:0;left:calc(var(--st-checkbox-size) * -.05);width:calc(var(--st-checkbox-size) * .6);height:calc(var(--st-checkbox-size) * .6);margin:0 auto;margin-left:calc(var(--st-checkbox-size) * .14);transform:rotate(-40deg)}.checkbox-wrapper .tick_mark:before,.checkbox-wrapper .tick_mark:after{content:"";position:absolute;background-color:var(--st-color-black);border-radius:2px;opacity:0;transition:.2s ease transform,.2s ease opacity}.checkbox-wrapper .tick_mark:before{left:0;bottom:0;width:calc(var(--st-checkbox-size) * .12);height:calc(var(--st-checkbox-size) * .32);box-shadow:-1px 0 3px #0003;transform:translateY(calc(var(--st-checkbox-size) * -.68))}.checkbox-wrapper .tick_mark:after{left:0;bottom:0;width:100%;height:calc(var(--st-checkbox-size) * .12);box-shadow:0 2px 4px #0003;transform:translate(calc(var(--st-checkbox-size) * .78))}.checkbox-wrapper input[type=checkbox]:checked+label{background-color:var(--st-color-success, #00E676);background-image:linear-gradient(135deg,var(--st-color-success, #00E676) 0%,#00B0FF 100%);box-shadow:3px 3px 0 var(--st-color-black),0 0 12px #00e67666}.checkbox-wrapper input[type=checkbox]:checked+label:before{width:0;height:0}.checkbox-wrapper input[type=checkbox]:checked+label .tick_mark:before,.checkbox-wrapper input[type=checkbox]:checked+label .tick_mark:after{transform:translate(0);opacity:1}