@font-face  {
   font-family: Inter;
   src: url('../assets/fonts/InterVariable.woff2') format('woff2');
   font-weight: 100 900;
   font-display: swap;
}
*  {
   box-sizing: border-box;
}
 body  {
   margin: 0;
   background: var(--white);
   color: var(--ink);
   font: var(--weight-normal) var(--body-size)/1.5 var(--font);
}
 button,input,select,textarea  {
   font: inherit;
   color: inherit;
}
 button,a,input,select,textarea  {
   -webkit-tap-highlight-color: transparent;
}
 a  {
   color: inherit;
   text-decoration: none;
}
 button  {
   cursor: pointer;
}
 button:disabled  {
   opacity: .45;
   cursor: not-allowed;
}
 img,video,canvas  {
   display: block;
   max-width: 100%;
}
 img  {
   object-fit: cover;
}
 h1,h2,h3,p  {
   margin: 0;
}
 h1  {
   font-size: var(--title-size);
   line-height: var(--title-line);
   font-weight: var(--weight-bold);
   letter-spacing: var(--tracking-heading);
}
 h2  {
   font-size: var(--section-small);
   font-weight: var(--weight-medium);
}
 h3  {
   font-size: var(--subtitle-size);
   font-weight: var(--weight-medium);
}
 p  {
   color: var(--muted);
}
 :focus-visible  {
   outline: var(--s2) solid var(--orange);
   outline-offset: var(--s4);
}
 [hidden]  {
   display: none !important;
}
 .sr-only  {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   overflow: hidden;
   clip-path: inset(50%);
   white-space: nowrap;
}
 .skip-link  {
   position: fixed;
   top: -100%;
   background: var(--white);
   padding: var(--s12);
   z-index: var(--z-toast);
}
 .skip-link:focus  {
   top: 0;
}
 hr  {
   border: 0;
   border-top: 1px solid var(--border);
   width: 100%;
   margin: var(--s24) 0;
}
 small  {
   font-size: var(--caption-size);
   color: var(--muted);
}
 label  {
   display: grid;
   gap: var(--s8);
   font-size: var(--label-size);
}
 input,select,textarea  {
   width: 100%;
   min-height: var(--control-height);
   padding: var(--s12) var(--s16);
   border: 1px solid var(--border);
   border-radius: var(--radius-control);
   background: var(--white);
}
 input[type=checkbox],input[type=radio]  {
   width: var(--s18);
   min-height: var(--s18);
   accent-color: var(--orange);
}
 input[type=range]  {
   padding: 0;
   accent-color: var(--orange);
}
 input[type=color]  {
   padding: var(--s4);
}
 summary  {
   cursor: pointer;
   padding: var(--s16) 0;
}
 fieldset  {
   border: 0;
   margin: 0;
   padding: 0;
}
 legend  {
   margin-bottom: var(--s12);
   font-weight: var(--weight-medium);
}