/*
 * Global styles, verbatim from the <helmet> of the design export, followed by the
 * export's style-hover / style-focus declarations. The design runtime applied those
 * as inline styles on hover and focus, which is why each one here carries !important:
 * it has to win over the element's own inline style exactly as the runtime's did.
 */
html{scroll-behavior:smooth}
body{margin:0;background:#FFF8EE;color:#241C12;font-family:Outfit,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
[data-lucide]{display:inline-flex;width:18px;height:18px;stroke-width:1.75;vertical-align:middle}
a{color:inherit;text-decoration:none;transition:color .22s ease,background .22s ease,border-color .22s ease,opacity .22s ease}
a:hover{color:#8A5C12}
button,input{font-family:inherit;transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease}
section{scroll-margin-top:88px}
@keyframes pxUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes pxIn{from{opacity:0}to{opacity:1}}
@keyframes pxSheet{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes pxDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pxWord{from{opacity:0;transform:translateY(26px) rotate(2deg)}to{opacity:1;transform:none}}
@keyframes pxPop{from{opacity:0;transform:scale(.7) translateY(10px)}to{opacity:1;transform:none}}
@keyframes pxRule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pxSpin{to{transform:rotate(360deg)}}
@keyframes pxSwap{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes pxBeat{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}
@keyframes pxMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pxShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}

/* ------------------------------------------------ style-hover / style-focus */
.dc-h-soft:hover{background:#FDEFD8 !important}
.dc-h-ink-to-amber:hover{background:#EFA63C !important;color:#241C12 !important}
.dc-h-amber-to-ink:hover{background:#241C12 !important;color:#FFF8EE !important;transform:translateY(-3px) !important}
.dc-h-ink-to-cream:hover{background:#FFF8EE !important;color:#241C12 !important;transform:translateY(-3px) !important}
.dc-h-outline-ink:hover{background:#241C12 !important;color:#FFF8EE !important;transform:translateY(-3px) !important}
.dc-h-outline-ink-flat:hover{background:#241C12 !important;color:#FFF8EE !important}
.dc-h-cream:hover{background:#FFF8EE !important}
.dc-h-on-dark-outline:hover{border-color:#EFA63C !important;color:#EFA63C !important}
.dc-h-lift:hover{transform:translateY(-6px) !important;border-color:#EFA63C !important}
.dc-h-nudge:hover{border-color:#EFA63C !important;transform:translateX(4px) !important}
.dc-h-border-amber:hover{border-color:#EFA63C !important}
.dc-h-chip:hover{background:#EFA63C !important;color:#241C12 !important;transform:translateY(-3px) !important}
.dc-h-tick:hover{--r:1 !important;border-color:#EFA63C !important}
.dc-h-pause:hover{animation-play-state:paused !important}
.dc-h-fade:hover{opacity:.78 !important}
.dc-h-social:hover{background:#241C12 !important;color:#FFF8EE !important;border-color:#241C12 !important;transform:translateY(-3px) !important}
.dc-h-top:hover{background:#EFA63C !important;color:#241C12 !important;transform:translateY(-4px) !important}
.dc-f-amber:focus{outline:none;border-color:#EFA63C !important;box-shadow:0 0 0 4px rgba(239,166,60,.16)}
.dc-f-amber-plain:focus{outline:none;border-color:#EFA63C !important}

[hidden]{display:none !important}

/* ------------------------------------------------ sign-in / sign-up pages */
/* The export switched these at window.innerWidth < 900 in script; a media query does
   the same without the desktop layout flashing on a phone before the script runs. */
.dc-h-amber-text:hover{color:#EFA63C !important}
.dc-h-submit:hover{background:#241C12 !important;color:#FFF8EE !important;transform:translateY(-2px) !important}
.dc-h-soft-flat:hover{background:#FDEFD8 !important}
.dc-h-outline-submit:hover{background:#241C12 !important;color:#FFF8EE !important;border-color:#241C12 !important}
.dc-auth-mobile-logo{display:none !important}
@media (max-width: 899.98px) {
  .dc-auth-grid{grid-template-columns:1fr !important}
  .dc-auth-art{display:none !important;min-height:0 !important}
  .dc-auth-mobile-logo{display:flex !important}
  .dc-name-cols{grid-template-columns:1fr !important}
}