:root{--color-gray-99:#fcfcfd;--color-gray-97:#f7f7f8;--color-gray-93:#ecedee;--color-gray-90:#ecedee;--color-gray-80:#cacdce;--color-gray-70:#afb4b6;--color-gray-40:#62676a;--color-gray-30:#494e50;--color-gray-20:#313435;--color-gray-16:#27292a;--color-gray-12:#1d1f20;--color-gray-10:#181a1b;--shade-90:#1a1a1ae6;--shade-80:#1a1a1acc;--shade-70:#1a1a1ab3;--color-surface-300:var(--color-gray-93);--color-surface-400:var(--color-gray-97);--color-surface-700:var(--color-gray-99);--color-text-400:var(--color-gray-10);--color-text-700:var(--color-gray-40);--color-primary:#2391c7;--color-primary-fade:#eef7fc;--color-primary-lighter:#269dd9;--color-primary-darker:#2084b6;--color-primary-opposite:var(--color-gray-99);--color-success:#3db83d;--color-success-fade:#f0faf0;--color-success-lighter:#47c247;--color-success-darker:#38a838;--color-success-opposite:var(--color-gray-99);--color-danger:#c44931;--color-danger-fade:#fbf1ef;--color-danger-lighter:#ce543b;--color-danger-darker:#b4432d;--color-danger-opposite:var(--color-gray-99);--shadow-400:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a}
:root{--fz-100: ;--fz-200:clamp(.5rem, .3929rem + .4762vw, .75rem);--fz-300:clamp(.75rem, .6964rem + .2381vw, .875rem);--fz-400:clamp(.875rem, .8214rem + .2381vw, 1rem);--fz-500:clamp(1.125rem, 1.2321rem + -.4762vw, .875rem);--fz-600:clamp(1.5rem, 1.2857rem + .9524vw, 2rem);--fz-700:clamp(1.75rem, 1.4286rem + 1.4286vw, 2.5rem);--fz-800:clamp(2.5rem, 1.8571rem + 2.8571vw, 4rem);--fz-900:clamp(3rem, 1.7143rem + 5.7143vw, 6rem)}
:root{--density-smallest:.0625rem;--density-smaller:.125rem;--density-small:.25rem;--density-normal:.75rem;--density-large:1.25rem;--density-larger:2.5rem;--density-largest:5rem;--border-radius:.75rem;--full-width:60rem;--full-width-padding-inline:calc(max(100% - var(--full-width), 2rem) / 2)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{accent-color:var(--color-primary);caret-color:var(--color-primary);scroll-behavior:smooth;font-family:Vazirmatn,system-ui}input,label,select,textarea,button,fieldset,legend,datalist,output,option,optgroup{font:inherit}ul{list-style:none}a{color:inherit}body{background-color:var(--color-surface-400);color:var(--color-text-400);font-size:var(--fz-400);flex-direction:column;margin:auto;display:flex}main{flex:1}h1{font-size:var(--fz-700);font-weight:500}h2{font-size:var(--fz-600);font-weight:700}h3{font-size:var(--fz-500);font-weight:700}label{font-size:var(--fz-300);cursor:pointer;font-weight:700}input,textarea{padding:var(--density-small) var(--density-normal)}