:root{
  --ch-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --ch-focus:#168bdc;
  --ch-focus-ring:rgba(22,139,220,.2)
}
html{scroll-behavior:smooth}
body{font-family:var(--ch-font);font-synthesis:none;text-rendering:optimizeSpeed}
button,input,select,textarea{font-family:inherit}
:where(button,[role="button"],a,input,select,textarea):focus{outline:0}
:where(button,[role="button"],a,input,select,textarea):focus-visible{outline:2px solid var(--ch-focus);outline-offset:2px}
:where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus-visible{
  border-color:var(--ch-focus)!important;
  outline:0;
  box-shadow:0 0 0 3px var(--ch-focus-ring)!important
}
:where(button,.primary,[class*="button"]){font-weight:650}
:where(h1,h2,h3,h4,strong,b){font-weight:700}
:where(p,li,label,input,select,textarea,td,th){overflow-wrap:anywhere}

button.is-loading,[type="submit"].is-loading,.primary.is-loading{
  position:relative;
  pointer-events:none;
  cursor:wait;
  opacity:.84
}
button.is-loading>.button-label,[type="submit"].is-loading>.button-label{visibility:hidden}
button.is-loading::after,[type="submit"].is-loading::after,.primary.is-loading::after{
  width:16px;
  height:16px;
  border:2px solid currentColor;
  border-right-color:transparent;
  border-radius:50%;
  content:"";
  animation:ch-spin .65s linear infinite
}
button.is-loading:not(:has(.button-label))::after,[type="submit"].is-loading:not(:has(.button-label))::after{
  position:absolute;
  top:50%;
  left:50%;
  margin:-8px 0 0 -8px
}
button.is-loading:not(:has(.button-label)),[type="submit"].is-loading:not(:has(.button-label)){color:transparent!important}
@keyframes ch-spin{to{transform:rotate(1turn)}}

img[width][height]{height:auto}
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.website-portal-content,.admin-main{contain:layout style}
.website-footer{content-visibility:auto;contain-intrinsic-size:auto 420px}

@media(max-width:760px){
  :where(.website-portal-content,.admin-main) :where(form,.form-grid,.settings-grid,.checkout-grid){min-width:0}
  :where(.website-portal-content,.admin-main) :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea){width:100%;max-width:100%}
  :where(.website-portal-content,.admin-main) :where(button,[type="submit"],.primary){max-width:100%}
  :where(.website-portal-content,.admin-main) :where(h1){font-size:clamp(1.55rem,7vw,2.25rem);line-height:1.15}
  :where(.website-portal-content,.admin-main) :where(h2){font-size:clamp(1.2rem,5vw,1.7rem);line-height:1.2}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.is-loading::after{animation-duration:1.4s!important}}