/* [project]/src/styles/fonts.css [app-client] (css) */
@font-face {
  font-family: altertypo;
  src: url("/fonts/altertypo/Altertypo-Thin.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuialtertypo;
  src: url("/fonts/altertypo/Altertypo-Thin.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo-Thin;
  src: url("/fonts/altertypo/Altertypo-Thin.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Thin.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo Thin;
  src: url("/fonts/altertypo/Altertypo-Thin.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Thin.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: altertypo;
  src: url("/fonts/altertypo/Altertypo-Light.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuialtertypo;
  src: url("/fonts/altertypo/Altertypo-Light.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo-Light;
  src: url("/fonts/altertypo/Altertypo-Light.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo Light;
  src: url("/fonts/altertypo/Altertypo-Light.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: altertypo;
  src: url("/fonts/altertypo/Altertypo-Regular.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuialtertypo;
  src: url("/fonts/altertypo/Altertypo-Regular.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo-Regular;
  src: url("/fonts/altertypo/Altertypo-Regular.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo Regular;
  src: url("/fonts/altertypo/Altertypo-Regular.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: altertypo;
  src: url("/fonts/altertypo/Altertypo-Medium.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuialtertypo;
  src: url("/fonts/altertypo/Altertypo-Medium.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo-Medium;
  src: url("/fonts/altertypo/Altertypo-Medium.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Medium.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo Medium;
  src: url("/fonts/altertypo/Altertypo-Medium.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Medium.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: altertypo;
  src: url("/fonts/altertypo/Altertypo-SemiBold.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-SemiBold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuialtertypo;
  src: url("/fonts/altertypo/Altertypo-SemiBold.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-SemiBold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo-SemiBold;
  src: url("/fonts/altertypo/Altertypo-SemiBold.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-SemiBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo SemiBold;
  src: url("/fonts/altertypo/Altertypo-SemiBold.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-SemiBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: altertypo;
  src: url("/fonts/altertypo/Altertypo-Bold.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuialtertypo;
  src: url("/fonts/altertypo/Altertypo-Bold.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo-Bold;
  src: url("/fonts/altertypo/Altertypo-Bold.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo Bold;
  src: url("/fonts/altertypo/Altertypo-Bold.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: altertypo;
  src: url("/fonts/altertypo/Altertypo-ExtraBold.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-ExtraBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuialtertypo;
  src: url("/fonts/altertypo/Altertypo-ExtraBold.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-ExtraBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo-ExtraBold;
  src: url("/fonts/altertypo/Altertypo-ExtraBold.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-ExtraBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo ExtraBold;
  src: url("/fonts/altertypo/Altertypo-ExtraBold.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-ExtraBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: altertypo;
  src: url("/fonts/altertypo/Altertypo-Black.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Black.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuialtertypo;
  src: url("/fonts/altertypo/Altertypo-Black.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Black.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo-Black;
  src: url("/fonts/altertypo/Altertypo-Black.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Black.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo Black;
  src: url("/fonts/altertypo/Altertypo-Black.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Black.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: altertypo;
  src: url("/fonts/altertypo/Altertypo-Heavy.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuialtertypo;
  src: url("/fonts/altertypo/Altertypo-Heavy.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo-Heavy;
  src: url("/fonts/altertypo/Altertypo-Heavy.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Heavy.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo Heavy;
  src: url("/fonts/altertypo/Altertypo-Heavy.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-Heavy.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bergen;
  src: url("/fonts/bergen/Bergen-Light.woff2") format("woff2"), url("/fonts/bergen/Bergen-Light.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibergen;
  src: url("/fonts/bergen/Bergen-Light.woff2") format("woff2"), url("/fonts/bergen/Bergen-Light.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bergen-Light;
  src: url("/fonts/bergen/Bergen-Light.woff2") format("woff2"), url("/fonts/bergen/Bergen-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bergen Light;
  src: url("/fonts/bergen/Bergen-Light.woff2") format("woff2"), url("/fonts/bergen/Bergen-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bergen;
  src: url("/fonts/bergen/Bergen-Light.woff2") format("woff2"), url("/fonts/bergen/Bergen-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibergen;
  src: url("/fonts/bergen/Bergen-Light.woff2") format("woff2"), url("/fonts/bergen/Bergen-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bergen;
  src: url("/fonts/bergen/Bergen-Light.woff2") format("woff2"), url("/fonts/bergen/Bergen-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibergen;
  src: url("/fonts/bergen/Bergen-Light.woff2") format("woff2"), url("/fonts/bergen/Bergen-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bergen;
  src: url("/fonts/bergen/Bergen-Light.woff2") format("woff2"), url("/fonts/bergen/Bergen-Light.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibergen;
  src: url("/fonts/bergen/Bergen-Light.woff2") format("woff2"), url("/fonts/bergen/Bergen-Light.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bergen;
  src: url("/fonts/bergen/Bergen-Regular.woff2") format("woff2"), url("/fonts/bergen/Bergen-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibergen;
  src: url("/fonts/bergen/Bergen-Regular.woff2") format("woff2"), url("/fonts/bergen/Bergen-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bergen-Regular;
  src: url("/fonts/bergen/Bergen-Regular.woff2") format("woff2"), url("/fonts/bergen/Bergen-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bergen Regular;
  src: url("/fonts/bergen/Bergen-Regular.woff2") format("woff2"), url("/fonts/bergen/Bergen-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bergen;
  src: url("/fonts/bergen/Bergen-Regular.woff2") format("woff2"), url("/fonts/bergen/Bergen-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibergen;
  src: url("/fonts/bergen/Bergen-Regular.woff2") format("woff2"), url("/fonts/bergen/Bergen-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bergen;
  src: url("/fonts/bergen/Bergen-Regular.woff2") format("woff2"), url("/fonts/bergen/Bergen-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibergen;
  src: url("/fonts/bergen/Bergen-Regular.woff2") format("woff2"), url("/fonts/bergen/Bergen-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bergen;
  src: url("/fonts/bergen/Bergen-Bold.woff2") format("woff2"), url("/fonts/bergen/Bergen-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibergen;
  src: url("/fonts/bergen/Bergen-Bold.woff2") format("woff2"), url("/fonts/bergen/Bergen-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bergen-Bold;
  src: url("/fonts/bergen/Bergen-Bold.woff2") format("woff2"), url("/fonts/bergen/Bergen-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bergen Bold;
  src: url("/fonts/bergen/Bergen-Bold.woff2") format("woff2"), url("/fonts/bergen/Bergen-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bergen;
  src: url("/fonts/bergen/Bergen-Bold.woff2") format("woff2"), url("/fonts/bergen/Bergen-Bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibergen;
  src: url("/fonts/bergen/Bergen-Bold.woff2") format("woff2"), url("/fonts/bergen/Bergen-Bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: redditmono;
  src: url("/fonts/redditmono/RedditMono-Thin.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiredditmono;
  src: url("/fonts/redditmono/RedditMono-Thin.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono-Thin;
  src: url("/fonts/redditmono/RedditMono-Thin.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Thin.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono Thin;
  src: url("/fonts/redditmono/RedditMono-Thin.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Thin.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: redditmono;
  src: url("/fonts/redditmono/RedditMono-ExtraLight.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiredditmono;
  src: url("/fonts/redditmono/RedditMono-ExtraLight.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono-ExtraLight;
  src: url("/fonts/redditmono/RedditMono-ExtraLight.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-ExtraLight.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono ExtraLight;
  src: url("/fonts/redditmono/RedditMono-ExtraLight.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-ExtraLight.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: redditmono;
  src: url("/fonts/redditmono/RedditMono-Light.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiredditmono;
  src: url("/fonts/redditmono/RedditMono-Light.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono-Light;
  src: url("/fonts/redditmono/RedditMono-Light.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono Light;
  src: url("/fonts/redditmono/RedditMono-Light.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: redditmono;
  src: url("/fonts/redditmono/RedditMono-Regular.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiredditmono;
  src: url("/fonts/redditmono/RedditMono-Regular.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono-Regular;
  src: url("/fonts/redditmono/RedditMono-Regular.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono Regular;
  src: url("/fonts/redditmono/RedditMono-Regular.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: redditmono;
  src: url("/fonts/redditmono/RedditMono-Medium.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiredditmono;
  src: url("/fonts/redditmono/RedditMono-Medium.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono-Medium;
  src: url("/fonts/redditmono/RedditMono-Medium.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Medium.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono Medium;
  src: url("/fonts/redditmono/RedditMono-Medium.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Medium.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: redditmono;
  src: url("/fonts/redditmono/RedditMono-SemiBold.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiredditmono;
  src: url("/fonts/redditmono/RedditMono-SemiBold.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono-SemiBold;
  src: url("/fonts/redditmono/RedditMono-SemiBold.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-SemiBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono SemiBold;
  src: url("/fonts/redditmono/RedditMono-SemiBold.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-SemiBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: redditmono;
  src: url("/fonts/redditmono/RedditMono-Bold.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiredditmono;
  src: url("/fonts/redditmono/RedditMono-Bold.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono-Bold;
  src: url("/fonts/redditmono/RedditMono-Bold.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono Bold;
  src: url("/fonts/redditmono/RedditMono-Bold.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: redditmono;
  src: url("/fonts/redditmono/RedditMono-ExtraBold.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiredditmono;
  src: url("/fonts/redditmono/RedditMono-ExtraBold.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono-ExtraBold;
  src: url("/fonts/redditmono/RedditMono-ExtraBold.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-ExtraBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono ExtraBold;
  src: url("/fonts/redditmono/RedditMono-ExtraBold.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-ExtraBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: redditmono;
  src: url("/fonts/redditmono/RedditMono-Black.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiredditmono;
  src: url("/fonts/redditmono/RedditMono-Black.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono-Black;
  src: url("/fonts/redditmono/RedditMono-Black.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Black.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: RedditMono Black;
  src: url("/fonts/redditmono/RedditMono-Black.woff2") format("woff2"), url("/fonts/redditmono/RedditMono-Black.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: josseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuijosseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Josseline-Regular;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Josseline Regular;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: josseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuijosseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: josseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuijosseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: josseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuijosseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: josseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuijosseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: josseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuijosseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: josseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuijosseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: josseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuijosseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: josseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuijosseline;
  src: url("/fonts/josseline/Josseline-Regular.woff2") format("woff2"), url("/fonts/josseline/Josseline-Regular.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: pretendard;
  src: url("/fonts/pretendard/Pretendard-Thin.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuipretendard;
  src: url("/fonts/pretendard/Pretendard-Thin.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard-Thin;
  src: url("/fonts/pretendard/Pretendard-Thin.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Thin.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard Thin;
  src: url("/fonts/pretendard/Pretendard-Thin.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Thin.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: pretendard;
  src: url("/fonts/pretendard/Pretendard-ExtraLight.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuipretendard;
  src: url("/fonts/pretendard/Pretendard-ExtraLight.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard-ExtraLight;
  src: url("/fonts/pretendard/Pretendard-ExtraLight.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-ExtraLight.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard ExtraLight;
  src: url("/fonts/pretendard/Pretendard-ExtraLight.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-ExtraLight.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: pretendard;
  src: url("/fonts/pretendard/Pretendard-Light.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuipretendard;
  src: url("/fonts/pretendard/Pretendard-Light.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard-Light;
  src: url("/fonts/pretendard/Pretendard-Light.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard Light;
  src: url("/fonts/pretendard/Pretendard-Light.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: pretendard;
  src: url("/fonts/pretendard/Pretendard-Regular.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuipretendard;
  src: url("/fonts/pretendard/Pretendard-Regular.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard-Regular;
  src: url("/fonts/pretendard/Pretendard-Regular.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard Regular;
  src: url("/fonts/pretendard/Pretendard-Regular.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: pretendard;
  src: url("/fonts/pretendard/Pretendard-Medium.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuipretendard;
  src: url("/fonts/pretendard/Pretendard-Medium.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard-Medium;
  src: url("/fonts/pretendard/Pretendard-Medium.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Medium.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard Medium;
  src: url("/fonts/pretendard/Pretendard-Medium.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Medium.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: pretendard;
  src: url("/fonts/pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuipretendard;
  src: url("/fonts/pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard-SemiBold;
  src: url("/fonts/pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-SemiBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard SemiBold;
  src: url("/fonts/pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-SemiBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: pretendard;
  src: url("/fonts/pretendard/Pretendard-Bold.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuipretendard;
  src: url("/fonts/pretendard/Pretendard-Bold.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard-Bold;
  src: url("/fonts/pretendard/Pretendard-Bold.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard Bold;
  src: url("/fonts/pretendard/Pretendard-Bold.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: pretendard;
  src: url("/fonts/pretendard/Pretendard-ExtraBold.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuipretendard;
  src: url("/fonts/pretendard/Pretendard-ExtraBold.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard-ExtraBold;
  src: url("/fonts/pretendard/Pretendard-ExtraBold.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-ExtraBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard ExtraBold;
  src: url("/fonts/pretendard/Pretendard-ExtraBold.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-ExtraBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: pretendard;
  src: url("/fonts/pretendard/Pretendard-Black.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuipretendard;
  src: url("/fonts/pretendard/Pretendard-Black.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard-Black;
  src: url("/fonts/pretendard/Pretendard-Black.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Black.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Pretendard Black;
  src: url("/fonts/pretendard/Pretendard-Black.woff2") format("woff2"), url("/fonts/pretendard/Pretendard-Black.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: chillax;
  src: url("/fonts/chillax/Chillax-Thin.woff2") format("woff2"), url("/fonts/chillax/Chillax-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuichillax;
  src: url("/fonts/chillax/Chillax-Thin.woff2") format("woff2"), url("/fonts/chillax/Chillax-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax-Thin;
  src: url("/fonts/chillax/Chillax-Thin.woff2") format("woff2"), url("/fonts/chillax/Chillax-Thin.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax Thin;
  src: url("/fonts/chillax/Chillax-Thin.woff2") format("woff2"), url("/fonts/chillax/Chillax-Thin.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: chillax;
  src: url("/fonts/chillax/Chillax-ExtraLight.woff2") format("woff2"), url("/fonts/chillax/Chillax-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuichillax;
  src: url("/fonts/chillax/Chillax-ExtraLight.woff2") format("woff2"), url("/fonts/chillax/Chillax-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax-ExtraLight;
  src: url("/fonts/chillax/Chillax-ExtraLight.woff2") format("woff2"), url("/fonts/chillax/Chillax-ExtraLight.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax ExtraLight;
  src: url("/fonts/chillax/Chillax-ExtraLight.woff2") format("woff2"), url("/fonts/chillax/Chillax-ExtraLight.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: chillax;
  src: url("/fonts/chillax/Chillax-Light.woff2") format("woff2"), url("/fonts/chillax/Chillax-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuichillax;
  src: url("/fonts/chillax/Chillax-Light.woff2") format("woff2"), url("/fonts/chillax/Chillax-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax-Light;
  src: url("/fonts/chillax/Chillax-Light.woff2") format("woff2"), url("/fonts/chillax/Chillax-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax Light;
  src: url("/fonts/chillax/Chillax-Light.woff2") format("woff2"), url("/fonts/chillax/Chillax-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: chillax;
  src: url("/fonts/chillax/Chillax-Regular.woff2") format("woff2"), url("/fonts/chillax/Chillax-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuichillax;
  src: url("/fonts/chillax/Chillax-Regular.woff2") format("woff2"), url("/fonts/chillax/Chillax-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax-Regular;
  src: url("/fonts/chillax/Chillax-Regular.woff2") format("woff2"), url("/fonts/chillax/Chillax-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax Regular;
  src: url("/fonts/chillax/Chillax-Regular.woff2") format("woff2"), url("/fonts/chillax/Chillax-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: chillax;
  src: url("/fonts/chillax/Chillax-Medium.woff2") format("woff2"), url("/fonts/chillax/Chillax-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuichillax;
  src: url("/fonts/chillax/Chillax-Medium.woff2") format("woff2"), url("/fonts/chillax/Chillax-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax-Medium;
  src: url("/fonts/chillax/Chillax-Medium.woff2") format("woff2"), url("/fonts/chillax/Chillax-Medium.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax Medium;
  src: url("/fonts/chillax/Chillax-Medium.woff2") format("woff2"), url("/fonts/chillax/Chillax-Medium.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: chillax;
  src: url("/fonts/chillax/Chillax-SemiBold.woff2") format("woff2"), url("/fonts/chillax/Chillax-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuichillax;
  src: url("/fonts/chillax/Chillax-SemiBold.woff2") format("woff2"), url("/fonts/chillax/Chillax-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax-SemiBold;
  src: url("/fonts/chillax/Chillax-SemiBold.woff2") format("woff2"), url("/fonts/chillax/Chillax-SemiBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax SemiBold;
  src: url("/fonts/chillax/Chillax-SemiBold.woff2") format("woff2"), url("/fonts/chillax/Chillax-SemiBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: chillax;
  src: url("/fonts/chillax/Chillax-Bold.woff2") format("woff2"), url("/fonts/chillax/Chillax-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuichillax;
  src: url("/fonts/chillax/Chillax-Bold.woff2") format("woff2"), url("/fonts/chillax/Chillax-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax-Bold;
  src: url("/fonts/chillax/Chillax-Bold.woff2") format("woff2"), url("/fonts/chillax/Chillax-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax Bold;
  src: url("/fonts/chillax/Chillax-Bold.woff2") format("woff2"), url("/fonts/chillax/Chillax-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: chillax;
  src: url("/fonts/chillax/Chillax-ExtraBold.woff2") format("woff2"), url("/fonts/chillax/Chillax-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuichillax;
  src: url("/fonts/chillax/Chillax-ExtraBold.woff2") format("woff2"), url("/fonts/chillax/Chillax-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax-ExtraBold;
  src: url("/fonts/chillax/Chillax-ExtraBold.woff2") format("woff2"), url("/fonts/chillax/Chillax-ExtraBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax ExtraBold;
  src: url("/fonts/chillax/Chillax-ExtraBold.woff2") format("woff2"), url("/fonts/chillax/Chillax-ExtraBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: chillax;
  src: url("/fonts/chillax/Chillax-Black.woff2") format("woff2"), url("/fonts/chillax/Chillax-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuichillax;
  src: url("/fonts/chillax/Chillax-Black.woff2") format("woff2"), url("/fonts/chillax/Chillax-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax-Black;
  src: url("/fonts/chillax/Chillax-Black.woff2") format("woff2"), url("/fonts/chillax/Chillax-Black.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chillax Black;
  src: url("/fonts/chillax/Chillax-Black.woff2") format("woff2"), url("/fonts/chillax/Chillax-Black.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: cabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-Thin.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuicabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-Thin.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk-Thin;
  src: url("/fonts/cabinet/CabinetGrotesk-Thin.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Thin.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk Thin;
  src: url("/fonts/cabinet/CabinetGrotesk-Thin.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Thin.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: cabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-ExtraLight.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuicabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-ExtraLight.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk-ExtraLight;
  src: url("/fonts/cabinet/CabinetGrotesk-ExtraLight.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-ExtraLight.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk ExtraLight;
  src: url("/fonts/cabinet/CabinetGrotesk-ExtraLight.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-ExtraLight.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: cabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-Light.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuicabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-Light.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk-Light;
  src: url("/fonts/cabinet/CabinetGrotesk-Light.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk Light;
  src: url("/fonts/cabinet/CabinetGrotesk-Light.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: cabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-Regular.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuicabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-Regular.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk-Regular;
  src: url("/fonts/cabinet/CabinetGrotesk-Regular.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk Regular;
  src: url("/fonts/cabinet/CabinetGrotesk-Regular.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: cabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-Medium.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuicabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-Medium.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk-Medium;
  src: url("/fonts/cabinet/CabinetGrotesk-Medium.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Medium.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk Medium;
  src: url("/fonts/cabinet/CabinetGrotesk-Medium.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Medium.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: cabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-SemiBold.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuicabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-SemiBold.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk-SemiBold;
  src: url("/fonts/cabinet/CabinetGrotesk-SemiBold.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-SemiBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk SemiBold;
  src: url("/fonts/cabinet/CabinetGrotesk-SemiBold.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-SemiBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: cabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-Bold.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuicabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-Bold.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk-Bold;
  src: url("/fonts/cabinet/CabinetGrotesk-Bold.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk Bold;
  src: url("/fonts/cabinet/CabinetGrotesk-Bold.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: cabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-ExtraBold.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuicabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-ExtraBold.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk-ExtraBold;
  src: url("/fonts/cabinet/CabinetGrotesk-ExtraBold.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-ExtraBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk ExtraBold;
  src: url("/fonts/cabinet/CabinetGrotesk-ExtraBold.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-ExtraBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: cabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-Black.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuicabinet;
  src: url("/fonts/cabinet/CabinetGrotesk-Black.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk-Black;
  src: url("/fonts/cabinet/CabinetGrotesk-Black.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Black.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: CabinetGrotesk Black;
  src: url("/fonts/cabinet/CabinetGrotesk-Black.woff2") format("woff2"), url("/fonts/cabinet/CabinetGrotesk-Black.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: gmarket;
  src: url("/fonts/gmarket/GmarketSansLight.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansLight.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuigmarket;
  src: url("/fonts/gmarket/GmarketSansLight.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansLight.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GmarketSansLight;
  src: url("/fonts/gmarket/GmarketSansLight.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansLight.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: gmarket;
  src: url("/fonts/gmarket/GmarketSansLight.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuigmarket;
  src: url("/fonts/gmarket/GmarketSansLight.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: gmarket;
  src: url("/fonts/gmarket/GmarketSansMedium.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansMedium.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuigmarket;
  src: url("/fonts/gmarket/GmarketSansMedium.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansMedium.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GmarketSansMedium;
  src: url("/fonts/gmarket/GmarketSansMedium.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansMedium.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: gmarket;
  src: url("/fonts/gmarket/GmarketSansMedium.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansMedium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuigmarket;
  src: url("/fonts/gmarket/GmarketSansMedium.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansMedium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: gmarket;
  src: url("/fonts/gmarket/GmarketSansBold.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansBold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuigmarket;
  src: url("/fonts/gmarket/GmarketSansBold.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansBold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: GmarketSansBold;
  src: url("/fonts/gmarket/GmarketSansBold.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: gmarket;
  src: url("/fonts/gmarket/GmarketSansBold.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuigmarket;
  src: url("/fonts/gmarket/GmarketSansBold.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: gmarket;
  src: url("/fonts/gmarket/GmarketSansBold.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuigmarket;
  src: url("/fonts/gmarket/GmarketSansBold.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansBold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: gmarket;
  src: url("/fonts/gmarket/GmarketSansBold.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuigmarket;
  src: url("/fonts/gmarket/GmarketSansBold.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: gmarket;
  src: url("/fonts/gmarket/GmarketSansBold.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansBold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuigmarket;
  src: url("/fonts/gmarket/GmarketSansBold.woff2") format("woff2"), url("/fonts/gmarket/GmarketSansBold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tanpearl-Regular;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tanpearl Regular;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanpearl;
  src: url("/fonts/tanpearl/Tanpearl-Regular.woff2") format("woff2"), url("/fonts/tanpearl/Tanpearl-Regular.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tanwaverly-Regular;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tanwaverly Regular;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: tanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitanwaverly;
  src: url("/fonts/tanwaverly/Tanwaverly-Regular.woff2") format("woff2"), url("/fonts/tanwaverly/Tanwaverly-Regular.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: transpring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitranspring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Transpring-Regular;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Transpring Regular;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: transpring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitranspring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: transpring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitranspring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: transpring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitranspring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: transpring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitranspring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: transpring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitranspring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: transpring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitranspring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: transpring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitranspring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: transpring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuitranspring;
  src: url("/fonts/transpring/Transpring-Regular.woff2") format("woff2"), url("/fonts/transpring/Transpring-Regular.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bookk;
  src: url("/fonts/bookk/Bookk-Light.woff2") format("woff2"), url("/fonts/bookk/Bookk-Light.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibookk;
  src: url("/fonts/bookk/Bookk-Light.woff2") format("woff2"), url("/fonts/bookk/Bookk-Light.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bookk-Light;
  src: url("/fonts/bookk/Bookk-Light.woff2") format("woff2"), url("/fonts/bookk/Bookk-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bookk Light;
  src: url("/fonts/bookk/Bookk-Light.woff2") format("woff2"), url("/fonts/bookk/Bookk-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bookk;
  src: url("/fonts/bookk/Bookk-Light.woff2") format("woff2"), url("/fonts/bookk/Bookk-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibookk;
  src: url("/fonts/bookk/Bookk-Light.woff2") format("woff2"), url("/fonts/bookk/Bookk-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bookk;
  src: url("/fonts/bookk/Bookk-Light.woff2") format("woff2"), url("/fonts/bookk/Bookk-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibookk;
  src: url("/fonts/bookk/Bookk-Light.woff2") format("woff2"), url("/fonts/bookk/Bookk-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bookk;
  src: url("/fonts/bookk/Bookk-Light.woff2") format("woff2"), url("/fonts/bookk/Bookk-Light.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibookk;
  src: url("/fonts/bookk/Bookk-Light.woff2") format("woff2"), url("/fonts/bookk/Bookk-Light.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bookk;
  src: url("/fonts/bookk/Bookk-Regular.woff2") format("woff2"), url("/fonts/bookk/Bookk-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibookk;
  src: url("/fonts/bookk/Bookk-Regular.woff2") format("woff2"), url("/fonts/bookk/Bookk-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bookk-Regular;
  src: url("/fonts/bookk/Bookk-Regular.woff2") format("woff2"), url("/fonts/bookk/Bookk-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bookk Regular;
  src: url("/fonts/bookk/Bookk-Regular.woff2") format("woff2"), url("/fonts/bookk/Bookk-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bookk;
  src: url("/fonts/bookk/Bookk-Regular.woff2") format("woff2"), url("/fonts/bookk/Bookk-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibookk;
  src: url("/fonts/bookk/Bookk-Regular.woff2") format("woff2"), url("/fonts/bookk/Bookk-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bookk;
  src: url("/fonts/bookk/Bookk-Regular.woff2") format("woff2"), url("/fonts/bookk/Bookk-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibookk;
  src: url("/fonts/bookk/Bookk-Regular.woff2") format("woff2"), url("/fonts/bookk/Bookk-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bookk;
  src: url("/fonts/bookk/Bookk-Bold.woff2") format("woff2"), url("/fonts/bookk/Bookk-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibookk;
  src: url("/fonts/bookk/Bookk-Bold.woff2") format("woff2"), url("/fonts/bookk/Bookk-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bookk-Bold;
  src: url("/fonts/bookk/Bookk-Bold.woff2") format("woff2"), url("/fonts/bookk/Bookk-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bookk Bold;
  src: url("/fonts/bookk/Bookk-Bold.woff2") format("woff2"), url("/fonts/bookk/Bookk-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: bookk;
  src: url("/fonts/bookk/Bookk-Bold.woff2") format("woff2"), url("/fonts/bookk/Bookk-Bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuibookk;
  src: url("/fonts/bookk/Bookk-Bold.woff2") format("woff2"), url("/fonts/bookk/Bookk-Bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: kkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuikkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kkubulim-Regular;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kkubulim Regular;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: kkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuikkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: kkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuikkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: kkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuikkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: kkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuikkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: kkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuikkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: kkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuikkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: kkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuikkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: kkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuikkubulim;
  src: url("/fonts/kkubulim/Kkubulim-Regular.woff2") format("woff2"), url("/fonts/kkubulim/Kkubulim-Regular.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: score;
  src: url("/fonts/score/Score-Thin.woff2") format("woff2"), url("/fonts/score/Score-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiscore;
  src: url("/fonts/score/Score-Thin.woff2") format("woff2"), url("/fonts/score/Score-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score-Thin;
  src: url("/fonts/score/Score-Thin.woff2") format("woff2"), url("/fonts/score/Score-Thin.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score Thin;
  src: url("/fonts/score/Score-Thin.woff2") format("woff2"), url("/fonts/score/Score-Thin.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: score;
  src: url("/fonts/score/Score-ExtraLight.woff2") format("woff2"), url("/fonts/score/Score-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiscore;
  src: url("/fonts/score/Score-ExtraLight.woff2") format("woff2"), url("/fonts/score/Score-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score-ExtraLight;
  src: url("/fonts/score/Score-ExtraLight.woff2") format("woff2"), url("/fonts/score/Score-ExtraLight.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score ExtraLight;
  src: url("/fonts/score/Score-ExtraLight.woff2") format("woff2"), url("/fonts/score/Score-ExtraLight.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: score;
  src: url("/fonts/score/Score-Light.woff2") format("woff2"), url("/fonts/score/Score-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiscore;
  src: url("/fonts/score/Score-Light.woff2") format("woff2"), url("/fonts/score/Score-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score-Light;
  src: url("/fonts/score/Score-Light.woff2") format("woff2"), url("/fonts/score/Score-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score Light;
  src: url("/fonts/score/Score-Light.woff2") format("woff2"), url("/fonts/score/Score-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: score;
  src: url("/fonts/score/Score-Regular.woff2") format("woff2"), url("/fonts/score/Score-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiscore;
  src: url("/fonts/score/Score-Regular.woff2") format("woff2"), url("/fonts/score/Score-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score-Regular;
  src: url("/fonts/score/Score-Regular.woff2") format("woff2"), url("/fonts/score/Score-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score Regular;
  src: url("/fonts/score/Score-Regular.woff2") format("woff2"), url("/fonts/score/Score-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: score;
  src: url("/fonts/score/Score-Medium.woff2") format("woff2"), url("/fonts/score/Score-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiscore;
  src: url("/fonts/score/Score-Medium.woff2") format("woff2"), url("/fonts/score/Score-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score-Medium;
  src: url("/fonts/score/Score-Medium.woff2") format("woff2"), url("/fonts/score/Score-Medium.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score Medium;
  src: url("/fonts/score/Score-Medium.woff2") format("woff2"), url("/fonts/score/Score-Medium.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: score;
  src: url("/fonts/score/Score-SemiBold.woff2") format("woff2"), url("/fonts/score/Score-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiscore;
  src: url("/fonts/score/Score-SemiBold.woff2") format("woff2"), url("/fonts/score/Score-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score-SemiBold;
  src: url("/fonts/score/Score-SemiBold.woff2") format("woff2"), url("/fonts/score/Score-SemiBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score SemiBold;
  src: url("/fonts/score/Score-SemiBold.woff2") format("woff2"), url("/fonts/score/Score-SemiBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: score;
  src: url("/fonts/score/Score-Bold.woff2") format("woff2"), url("/fonts/score/Score-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiscore;
  src: url("/fonts/score/Score-Bold.woff2") format("woff2"), url("/fonts/score/Score-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score-Bold;
  src: url("/fonts/score/Score-Bold.woff2") format("woff2"), url("/fonts/score/Score-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score Bold;
  src: url("/fonts/score/Score-Bold.woff2") format("woff2"), url("/fonts/score/Score-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: score;
  src: url("/fonts/score/Score-ExtraBold.woff2") format("woff2"), url("/fonts/score/Score-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiscore;
  src: url("/fonts/score/Score-ExtraBold.woff2") format("woff2"), url("/fonts/score/Score-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score-ExtraBold;
  src: url("/fonts/score/Score-ExtraBold.woff2") format("woff2"), url("/fonts/score/Score-ExtraBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score ExtraBold;
  src: url("/fonts/score/Score-ExtraBold.woff2") format("woff2"), url("/fonts/score/Score-ExtraBold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: score;
  src: url("/fonts/score/Score-Black.woff2") format("woff2"), url("/fonts/score/Score-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuiscore;
  src: url("/fonts/score/Score-Black.woff2") format("woff2"), url("/fonts/score/Score-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score-Black;
  src: url("/fonts/score/Score-Black.woff2") format("woff2"), url("/fonts/score/Score-Black.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Score Black;
  src: url("/fonts/score/Score-Black.woff2") format("woff2"), url("/fonts/score/Score-Black.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: electric;
  src: url("/fonts/electric/Electric-Light.woff2") format("woff2"), url("/fonts/electric/Electric-Light.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuielectric;
  src: url("/fonts/electric/Electric-Light.woff2") format("woff2"), url("/fonts/electric/Electric-Light.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Electric-Light;
  src: url("/fonts/electric/Electric-Light.woff2") format("woff2"), url("/fonts/electric/Electric-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Electric Light;
  src: url("/fonts/electric/Electric-Light.woff2") format("woff2"), url("/fonts/electric/Electric-Light.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: electric;
  src: url("/fonts/electric/Electric-Light.woff2") format("woff2"), url("/fonts/electric/Electric-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuielectric;
  src: url("/fonts/electric/Electric-Light.woff2") format("woff2"), url("/fonts/electric/Electric-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: electric;
  src: url("/fonts/electric/Electric-Light.woff2") format("woff2"), url("/fonts/electric/Electric-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuielectric;
  src: url("/fonts/electric/Electric-Light.woff2") format("woff2"), url("/fonts/electric/Electric-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: electric;
  src: url("/fonts/electric/Electric-Light.woff2") format("woff2"), url("/fonts/electric/Electric-Light.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuielectric;
  src: url("/fonts/electric/Electric-Light.woff2") format("woff2"), url("/fonts/electric/Electric-Light.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: electric;
  src: url("/fonts/electric/Electric-Regular.woff2") format("woff2"), url("/fonts/electric/Electric-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuielectric;
  src: url("/fonts/electric/Electric-Regular.woff2") format("woff2"), url("/fonts/electric/Electric-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Electric-Regular;
  src: url("/fonts/electric/Electric-Regular.woff2") format("woff2"), url("/fonts/electric/Electric-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Electric Regular;
  src: url("/fonts/electric/Electric-Regular.woff2") format("woff2"), url("/fonts/electric/Electric-Regular.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: electric;
  src: url("/fonts/electric/Electric-Regular.woff2") format("woff2"), url("/fonts/electric/Electric-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuielectric;
  src: url("/fonts/electric/Electric-Regular.woff2") format("woff2"), url("/fonts/electric/Electric-Regular.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: electric;
  src: url("/fonts/electric/Electric-Regular.woff2") format("woff2"), url("/fonts/electric/Electric-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuielectric;
  src: url("/fonts/electric/Electric-Regular.woff2") format("woff2"), url("/fonts/electric/Electric-Regular.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: electric;
  src: url("/fonts/electric/Electric-Bold.woff2") format("woff2"), url("/fonts/electric/Electric-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuielectric;
  src: url("/fonts/electric/Electric-Bold.woff2") format("woff2"), url("/fonts/electric/Electric-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Electric-Bold;
  src: url("/fonts/electric/Electric-Bold.woff2") format("woff2"), url("/fonts/electric/Electric-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Electric Bold;
  src: url("/fonts/electric/Electric-Bold.woff2") format("woff2"), url("/fonts/electric/Electric-Bold.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: electric;
  src: url("/fonts/electric/Electric-Bold.woff2") format("woff2"), url("/fonts/electric/Electric-Bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: opkleuielectric;
  src: url("/fonts/electric/Electric-Bold.woff2") format("woff2"), url("/fonts/electric/Electric-Bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: electricupper;
  src: url("/fonts/electric/Electric-Light.woff2") format("woff2"), url("/fonts/electric/Electric-Light.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 97%;
}

@font-face {
  font-family: electricupper;
  src: url("/fonts/electric/Electric-Regular.woff2") format("woff2"), url("/fonts/electric/Electric-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  size-adjust: 97%;
}

@font-face {
  font-family: electricbig;
  src: url("/fonts/electric/Electric-Light.woff2") format("woff2"), url("/fonts/electric/Electric-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  size-adjust: 110%;
}

@font-face {
  font-family: electricbig;
  src: url("/fonts/electric/Electric-Regular.woff2") format("woff2"), url("/fonts/electric/Electric-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  size-adjust: 110%;
}

@font-face {
  font-family: electricbig;
  src: url("/fonts/electric/Electric-Regular.woff2") format("woff2"), url("/fonts/electric/Electric-Regular.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  size-adjust: 110%;
}

@font-face {
  font-family: electricbig;
  src: url("/fonts/electric/Electric-Bold.woff2") format("woff2"), url("/fonts/electric/Electric-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  size-adjust: 110%;
}

@font-face {
  font-family: electricbig;
  src: url("/fonts/electric/Electric-Bold.woff2") format("woff2"), url("/fonts/electric/Electric-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  size-adjust: 110%;
}

@font-face {
  font-family: electricbig;
  src: url("/fonts/electric/Electric-Bold.woff2") format("woff2"), url("/fonts/electric/Electric-Bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  size-adjust: 110%;
}

@font-face {
  font-family: suit;
  src: url("/fonts/suit/SUIT-Bold.woff2") format("woff2"), url("/fonts/suit/SUIT-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: suit;
  src: url("/fonts/suit/SUIT-ExtraBold.woff2") format("woff2"), url("/fonts/suit/SUIT-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: suit;
  src: url("/fonts/suit/SUIT-ExtraLight.woff2") format("woff2"), url("/fonts/suit/SUIT-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: suit;
  src: url("/fonts/suit/SUIT-Heavy.woff2") format("woff2"), url("/fonts/suit/SUIT-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: suit;
  src: url("/fonts/suit/SUIT-Light.woff2") format("woff2"), url("/fonts/suit/SUIT-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: suit;
  src: url("/fonts/suit/SUIT-Medium.woff2") format("woff2"), url("/fonts/suit/SUIT-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: suit;
  src: url("/fonts/suit/SUIT-Regular.woff2") format("woff2"), url("/fonts/suit/SUIT-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: suit;
  src: url("/fonts/suit/SUIT-SemiBold.woff2") format("woff2"), url("/fonts/suit/SUIT-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: suit;
  src: url("/fonts/suit/SUIT-Thin.woff2") format("woff2"), url("/fonts/suit/SUIT-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: hand;
  src: url("/fonts/hand/Hand-Black.woff2") format("woff2"), url("/fonts/hand/Hand-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: hand;
  src: url("/fonts/hand/Hand-Bold.woff2") format("woff2"), url("/fonts/hand/Hand-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: hand;
  src: url("/fonts/hand/Hand-ExtraBold.woff2") format("woff2"), url("/fonts/hand/Hand-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: hand;
  src: url("/fonts/hand/Hand-ExtraLight.woff2") format("woff2"), url("/fonts/hand/Hand-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: hand;
  src: url("/fonts/hand/Hand-Light.woff2") format("woff2"), url("/fonts/hand/Hand-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: hand;
  src: url("/fonts/hand/Hand-Medium.woff2") format("woff2"), url("/fonts/hand/Hand-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: hand;
  src: url("/fonts/hand/Hand-Regular.woff2") format("woff2"), url("/fonts/hand/Hand-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: hand;
  src: url("/fonts/hand/Hand-SemiBold.woff2") format("woff2"), url("/fonts/hand/Hand-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: hand;
  src: url("/fonts/hand/Hand-Thin.woff2") format("woff2"), url("/fonts/hand/Hand-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: wooju;
  src: url("/fonts/wooju/Wooju-Regular.woff2") format("woff2"), url("/fonts/wooju/Wooju-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: moneygraphy;
  src: url("/fonts/moneygraphy/Moneygraphy-Regular.woff2") format("woff2"), url("/fonts/moneygraphy/Moneygraphy-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: vintage;
  src: url("/fonts/vintage/Vintage-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo-ExtraLight;
  src: url("/fonts/altertypo/Altertypo-ExtraLight.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-ExtraLight.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Altertypo ExtraLight;
  src: url("/fonts/altertypo/Altertypo-ExtraLight.woff2") format("woff2"), url("/fonts/altertypo/Altertypo-ExtraLight.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* [project]/src/styles/brand-fonts.css [app-client] (css) */
:root {
  --font-brand: "asfallt", "pretendard", sans-serif;
  --font-heading: "binggrae-melona", "pretendard", sans-serif;
}

@font-face {
  font-family: binggrae-melona;
  src: url("/fonts/binggrae-melona/BinggraeMelona-Bold.woff2") format("woff2"), url("/fonts/binggrae-melona/BinggraeMelona-Bold.woff") format("woff"), url("/fonts/binggrae-melona/BinggraeMelona-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: mbc1961-gulim;
  src: url("/fonts/mbc1961-gulim/MBC1961Gulim-M.woff2") format("woff2"), url("/fonts/mbc1961-gulim/MBC1961Gulim-M.woff") format("woff"), url("/fonts/mbc1961-gulim/MBC1961Gulim-M.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: asfallt;
  src: url("/fonts/asfallt/ASFALLT-Sans-Light.woff2") format("woff2"), url("/fonts/asfallt/ASFALLT-Sans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: asfallt;
  src: url("/fonts/asfallt/ASFALLT-Sans-Regular.woff2") format("woff2"), url("/fonts/asfallt/ASFALLT-Sans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: asfallt;
  src: url("/fonts/asfallt/ASFALLT-Sans-Bold.woff2") format("woff2"), url("/fonts/asfallt/ASFALLT-Sans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: asfallt;
  src: url("/fonts/asfallt/ASFALLT-Sans-Light-Italic.woff2") format("woff2"), url("/fonts/asfallt/ASFALLT-Sans-Light-Italic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: asfallt;
  src: url("/fonts/asfallt/ASFALLT-Sans-Italic.woff2") format("woff2"), url("/fonts/asfallt/ASFALLT-Sans-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: asfallt;
  src: url("/fonts/asfallt/ASFALLT-Sans-Bold-Italic.woff2") format("woff2"), url("/fonts/asfallt/ASFALLT-Sans-Bold-Italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* [project]/src/styles/brand-layout.css [app-client] (css) */
:root {
  --brand-content-max: 1240px;
  --brand-gutter: 112px;
  --brand-section-space: 140px;
  --brand-card-gap: 24px;
  --brand-book-title-gap-ratio: .258264;
  --brand-book-title-size: 23px;
  --brand-book-description: 15px;
  --brand-book-meta-gap-ratio: 2.7;
  --brand-book-underline-gap: 3.6px;
  --brand-action-font-adjust: 0px;
  --brand-heading-optical-offset: -5px;
}

@media (min-width: 1024px) {
  :root {
    --brand-action-font-adjust: -1px;
  }
}

@media (768px <= width < 1024px) {
  :root {
    --brand-book-description: 16px;
    --brand-book-meta-gap-ratio: 2;
    --brand-hero-ratio: 4 / 3;
    --brand-landscape-ratio: 4 / 3;
    --brand-gutter: 64px;
    --brand-section-space: 110px;
  }
}

@media not (min-width: 768px) {
  :root {
    --brand-hero-ratio: 2 / 3;
    --brand-heading-optical-offset: 0px;
    --brand-landscape-ratio: 9 / 16;
    --mobile-unit: clamp(.85px, calc(100vw / 390), 1.2px);
    --mobile-spacing-scale: 1;
    --mobile-text-scale: .9;
    --mobile-heading-scale: 1;
    --mobile-subheading-scale: .88;
    --mobile-space: calc(var(--mobile-unit) * var(--mobile-spacing-scale));
    --mobile-text: calc(var(--mobile-unit) * var(--mobile-text-scale));
    --mobile-heading: calc(var(--mobile-unit) * var(--mobile-heading-scale));
    --mobile-subheading: calc(var(--mobile-heading) * var(--mobile-subheading-scale));
    --mobile-page-padding: clamp(22px, calc(7vw * var(--mobile-spacing-scale)), 48px);
    --mobile-nav-inset: 5.2vw;
    --mobile-nav-edge: max(var(--mobile-nav-inset), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
    --mobile-nav-icon-size: 22px;
    --mobile-menu-padding: 22px;
    --mobile-menu-row-height: 40px;
    --mobile-menu-close-size: 16px;
    --mobile-section-space: clamp(72px, calc(90 * var(--mobile-space)), 108px);
    --mobile-card-padding: calc(22 * var(--mobile-space));
    --mobile-card-gap: calc(24 * var(--mobile-space));
    --mobile-dialog-inset: clamp(12px, calc(16 * var(--mobile-space)), 20px);
    --mobile-dialog-padding: clamp(18px, calc(24 * var(--mobile-space)), 28px);
    --mobile-safe-top: max(var(--mobile-dialog-inset), env(safe-area-inset-top, 0px));
    --mobile-safe-bottom: max(var(--mobile-dialog-inset), env(safe-area-inset-bottom, 0px));
    --mobile-text-xs: clamp(10px, calc(12 * var(--mobile-text)), 13px);
    --mobile-text-sm: clamp(11px, calc(13 * var(--mobile-text)), 14px);
    --mobile-text-base: clamp(13px, calc(15 * var(--mobile-text)), 16px);
    --mobile-text-lg: clamp(14px, calc(17 * var(--mobile-text)), 17px);
    --mobile-title-sm: clamp(17px, calc(22 * var(--mobile-subheading)), 23px);
    --mobile-title-md: clamp(20px, calc(26 * var(--mobile-subheading)), 28px);
    --mobile-title-lg: clamp(26px, calc(30 * var(--mobile-heading)), 36px);
    --mobile-title-xl: clamp(30px, calc(36 * var(--mobile-heading)), 44px);
    --mobile-title-hero: clamp(32px, calc(40 * var(--mobile-heading)), 48px);
    --mobile-section-title: var(--mobile-title-lg);
    --mobile-book-description: clamp(12px, calc(14 * var(--mobile-unit)), 16px);
    --mobile-book-title-gap: calc(5 * var(--mobile-space));
    --mobile-book-meta-gap: calc(10 * var(--mobile-space));
    --mobile-book-footer-space: calc(12 * var(--mobile-space));
    --mobile-link-underline-gap: 3.6px;
    --mobile-link-line-height: 1.5;
    --mobile-control-min: 44px;
    --mobile-control-height: clamp(var(--mobile-control-min), calc(44 * var(--mobile-unit)), 52px);
    --mobile-control-padding-block: calc(10 * var(--mobile-space));
    --mobile-control-padding-inline: calc(16 * var(--mobile-space));
    --mobile-input-font: max(16px, var(--mobile-text-base));
    --mobile-header-height: clamp(48px, calc(52 * var(--mobile-unit)), 60px);
    --brand-gutter: calc(2 * var(--mobile-page-padding));
    --brand-section-space: var(--mobile-section-space);
    --brand-card-gap: var(--mobile-card-gap);
  }
}

/* [project]/src/styles/reference/reference-fonts.css [app-client] (css) */
@font-face {
  font-family: FontAwesome;
  src: url("/reference/prh/assets/fontawesome-webfont-41622d132d18.eot");
  src: url("/reference/prh/assets/fontawesome-webfont-95d6f4d90653.eot") format("embedded-opentype"), url("/reference/prh/assets/fontawesome-webfont-c6c1945912b0.woff") format("woff"), url("/reference/prh/assets/fontawesome-webfont-7c452861e311.ttf") format("truetype"), url("/reference/prh/assets/fontawesome-webfont-6f42fb5c45b7.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.fa {
  font: 14px / 1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

.fa-twitter:before {
  content: "𝕏";
  font-size: larger;
}

.fa-facebook:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

@font-face {
  font-family: Shift-Black;
  src: url("/reference/prh/assets/Shift-Black-eff9f0b3c97a.woff2") format("woff2"), url("/reference/prh/assets/Shift-Black-369ca15ed649.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Shift-Black-Italic;
  src: url("/reference/prh/assets/Shift-BlackItalic-b568ba1d3366.woff2") format("woff2"), url("/reference/prh/assets/Shift-BlackItalic-d89e0bb130ce.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Shift-Book;
  src: url("/reference/prh/assets/Shift-Book-619902804efa.woff2") format("woff2"), url("/reference/prh/assets/Shift-Book-f3827a6416b0.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Shift-Book-Italic;
  src: url("/reference/prh/assets/Shift-BookItalic-cd68591a0ee0.woff2") format("woff2"), url("/reference/prh/assets/Shift-BookItalic-6bce51c2c392.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Shift-Light;
  src: url("/reference/prh/assets/Shift-Light-7c822ba800d4.woff2") format("woff2"), url("/reference/prh/assets/Shift-Light-8fec882c6b3b.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Shift-Light-Italic;
  src: url("/reference/prh/assets/Shift-LightItalic-dfbafae2db03.woff2") format("woff2"), url("/reference/prh/assets/Shift-LightItalic-2cb503f3ec65.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Shift-Medium-Italic;
  src: url("/reference/prh/assets/Shift-MediumItalic-dc75e28ea73e.woff2") format("woff2"), url("/reference/prh/assets/Shift-MediumItalic-ec1f3003c23e.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Shift-Medium;
  src: url("/reference/prh/assets/Shift-Medium-2e3dd4b99c79.woff2") format("woff2"), url("/reference/prh/assets/Shift-Medium-6a6dfe867a26.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Shift-Bold;
  src: url("/reference/prh/assets/Shift-Bold-0582472174f9.woff2") format("woff2"), url("/reference/prh/assets/Shift-Bold-f068b170c8d3.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Shift-Bold-Italic;
  src: url("/reference/prh/assets/Shift-BoldItalic-b73d6bb97ba5.woff2") format("woff2"), url("/reference/prh/assets/Shift-BoldItalic-ba60be429cda.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Fort-Book;
  src: url("/reference/prh/assets/Fort-Book-541225c70e2d.woff2") format("woff2"), url("/reference/prh/assets/Fort-Book-3b4c14cc99cf.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Fort-Book-Italic;
  src: url("/reference/prh/assets/Fort-BookItalic-3c99ea9b9534.woff2") format("woff2"), url("/reference/prh/assets/Fort-BookItalic-3e19a5d5f2a6.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Fort-Bold;
  src: url("/reference/prh/assets/Fort-Bold-1383d978adb7.woff2") format("woff2"), url("/reference/prh/assets/Fort-Bold-c6108e120dfa.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Fort-Bold-Italic;
  src: url("/reference/prh/assets/Fort-BoldItalic-15f75139f5b4.woff2") format("woff2"), url("/reference/prh/assets/Fort-BoldItalic-051a06e94bcd.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Fort-Medium;
  src: url("/reference/prh/assets/Fort-Medium-e58a9a058555.woff2") format("woff2"), url("/reference/prh/assets/Fort-Medium-c39fe456d096.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Fort-Medium-Italic;
  src: url("/reference/prh/assets/Fort-MediumItalic-ca53654b1881.woff2") format("woff2"), url("/reference/prh/assets/Fort-MediumItalic-75ecf5fe3395.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Fort-Light;
  src: url("/reference/prh/assets/Fort-Light-3ee3b98b16f6.woff2") format("woff2"), url("/reference/prh/assets/Fort-Light-01c7b561ee6b.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Fort-Light-Italic;
  src: url("/reference/prh/assets/Fort-LightItalic-63a3f3f98dd1.woff2") format("woff2"), url("/reference/prh/assets/Fort-LightItalic-d4b521869550.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Fort-Black;
  src: url("/reference/prh/assets/Fort-Black-f2245f8444c4.woff2") format("woff2"), url("/reference/prh/assets/Fort-Black-dab0dca6c528.otf") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: Fort-Extra-Bold;
  src: url("/reference/prh/assets/Fort-Extrabold-0c6d9dc3dbd5.woff2") format("woff2"), url("/reference/prh/assets/Fort-Bold-c6108e120dfa.otf") format("opentype");
  font-display: swap;
}

/* [project]/src/styles/reference/base.css [app-client] (css) */
:root {
  --font-default: "pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
}

*, :before, :after {
  box-sizing: border-box;
}

html {
  font-family: var(--font-default);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;
  margin: 0;
  font-size: 10px;
  overflow-x: hidden;
}

body {
  padding-top: var(--header-height);
  color: #333;
  font: 16px/1.42857 var(--font-default);
  background: #fff;
  margin: 0;
  overflow-x: clip;
}

* {
  -webkit-font-smoothing: antialiased;
  text-shadow: none;
  text-rendering: optimizelegibility;
}

header, main, nav, section, footer {
  display: block;
}

[hidden], .hidden {
  display: none !important;
}

a {
  color: #fa6400;
  background: none;
  text-decoration: none;
}

a:hover, a:focus {
  color: #333;
  text-decoration: none;
}

img {
  vertical-align: middle;
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

button, input {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  text-transform: none;
  cursor: pointer;
  overflow: visible;
}

button:disabled {
  cursor: default;
}

input[type="search"] {
  appearance: none;
  box-sizing: border-box;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

hr {
  box-sizing: content-box;
  border: 0;
  border-top: 1px solid #eee;
  height: 0;
  margin: 22px 0;
}

h1, h2, h3 {
  margin: 22px 0 11px;
  font-weight: 500;
  line-height: 1.1;
}

h1 {
  font: 500 29px/1.1 var(--font-default);
  letter-spacing: 1px;
}

h2 {
  font: 500 40px/1.1 var(--font-default);
}

h3 {
  font-size: 28px;
}

p, ul {
  margin: 0 0 11px;
}

#main.page-wrap {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.notransition {
  transition: none !important;
}

#skip_to_main {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

#skip_to_main:focus {
  clip: auto;
  color: #fff;
  text-align: center;
  z-index: 600;
  background: #000;
  border-radius: 6px;
  width: 300px;
  height: 40px;
  padding-top: 6px;
  font-family: Fort-Bold;
  top: 0;
  overflow: auto;
}

:is(a, button, input, [role="button"]):focus-visible {
  outline-offset: 3px;
  outline: 2px solid #f60;
}

@media not (min-width: 768px) {
  body {
    font-size: var(--mobile-text-base);
  }

  a {
    overflow-wrap: break-word;
  }
}

@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    box-shadow: none !important;
    background: none !important;
  }

  img {
    break-inside: avoid;
    max-width: 100% !important;
  }

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    break-after: avoid;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    animation-duration: 0s !important;
  }
}

/* [project]/src/styles/reference/header.css [app-client] (css) */
:root {
  --header-unit: clamp(.7px, calc(.7px + (100vw - 850px) / 4750), .8px);
  --header-height: calc(144 * var(--header-unit));
  --header-compact-height: 48px;
  --header-inline-padding: calc(58.3 * var(--header-unit));
}

.reference-header-shell {
  color: #080808;
  font-family: pretendard, sans-serif;
}

.reference-header-shell #top-nav-container {
  width: 100%;
  height: var(--header-height);
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  z-index: 490;
  background: #fff;
  position: fixed;
  top: 0;
  box-shadow: 0 2px 20px #0000000b;
}

.main-header, .main-header .desktop {
  height: 100%;
}

.main-header .desktop {
  display: flex;
}

#main-nav {
  width: 100%;
  padding: 0 var(--header-inline-padding);
  justify-content: space-between;
  align-items: center;
  margin: auto;
  display: flex;
}

.brand-home {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.brand-home picture {
  align-items: center;
  display: flex;
}

#desktop-logo {
  height: calc(93 * var(--header-unit));
  width: auto;
}

.brand-navigation {
  gap: calc(24.5125 * var(--header-unit));
  width: calc(410 * var(--header-unit));
  flex-direction: column;
  flex-shrink: 0;
  display: flex;
}

.nav-item-list {
  justify-content: space-between;
  align-items: center;
  gap: calc(20 * var(--header-unit));
  transform-origin: 100% 100%;
  display: flex;
  transform: scale(1.12) translate(-1px, -1px);
}

.reference-header-shell .nav-item {
  border-radius: var(--radius-sm);
  color: #080808;
  font: 800 calc(20 * var(--header-unit))/1.25 "pretendard", sans-serif;
  letter-spacing: -.035em;
  white-space: nowrap;
  background: none;
  border: 0;
  padding: 0;
}

.reference-header-shell .nav-item[href]:hover {
  color: #e78959;
}

.reference-header-shell button:disabled {
  cursor: default;
  opacity: 1;
}

.brand-utility-row, .brand-search, .brand-account-actions, .brand-compact-actions {
  align-items: center;
  display: flex;
}

.brand-utility-row {
  justify-content: space-between;
  gap: calc(21.8625 * var(--header-unit));
}

.brand-search {
  gap: calc(10 * var(--header-unit));
  flex: 1;
  min-width: 0;
}

.brand-search-field {
  width: 100%;
  min-width: 0;
  height: calc(28 * var(--header-unit));
  cursor: text;
  background: #f5f5f5;
  border: 0;
  border-radius: 999px;
}

.search-icon-link, .reference-icon-button {
  border-radius: var(--radius-sm);
  cursor: pointer;
  background: none;
  border: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.search-icon {
  width: calc(22 * var(--header-unit));
  height: calc(22 * var(--header-unit));
}

.brand-account-actions {
  gap: calc(6 * var(--header-unit));
  flex-shrink: 0;
}

.brand-account-actions :is(button, a) {
  min-width: calc(78 * var(--header-unit));
  height: calc(28 * var(--header-unit) + 2px);
  padding: calc(5 * var(--header-unit)) calc(16 * var(--header-unit));
  color: #fff;
  font: 700 calc(12 * var(--header-unit) + 1px)/1.2 "asfallt", "pretendard", sans-serif;
  white-space: nowrap;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.brand-login {
  background: #ee7835;
}

.brand-account-actions :is(button, a) > span {
  position: relative;
  top: 1px;
}

.brand-signup {
  background: #66a39b;
}

.main-header .condensed {
  height: 100%;
  display: none;
}

#condensed-container-row {
  justify-content: space-between;
  align-items: center;
  gap: calc(12 * var(--header-unit));
  height: 100%;
  padding: 0 calc(24 * var(--header-unit));
  margin: auto;
  display: flex;
}

.condensed-logo-image {
  width: auto;
  height: calc(44 * var(--header-unit));
}

#menu-toggle {
  width: calc(28 * var(--header-unit));
  height: calc(23 * var(--header-unit));
  border-radius: var(--radius-sm);
  background: none;
  border: 0;
  flex-shrink: 0;
  padding: 0;
}

.brand-compact-actions {
  gap: calc(10 * var(--header-unit));
}

.brand-compact-actions .search-icon {
  width: calc(20 * var(--header-unit));
  height: calc(20 * var(--header-unit));
}

.backdrop {
  z-index: 500;
  background: #0005;
  display: none;
  position: fixed;
  inset: 0;
}

.backdrop.reference-visible {
  display: block;
}

#condensed-side-nav {
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  visibility: hidden;
  z-index: 510;
  background: #fff;
  width: 336px;
  max-width: calc(100vw - 20px);
  height: 100dvh;
  transition: transform .6s cubic-bezier(.22, 1, .36, 1), visibility .6s;
  position: fixed;
  inset: 0 auto 0 0;
  transform: translateX(-100%);
  box-shadow: 0 2px 12px #0004;
}

#condensed-side-nav.open {
  visibility: visible;
  transition: transform .6s cubic-bezier(.22, 1, .36, 1);
  transform: none;
}

.drawer-top {
  align-items: center;
  height: 60px;
  padding: 0 24px;
  display: flex;
}

#menu-close {
  width: 20px;
  height: 20px;
}

.reference-icon-button svg {
  width: calc(20 * var(--header-unit));
  height: calc(20 * var(--header-unit));
}

#condensed-side-nav .scrollable-area {
  height: calc(100% - 60px);
  padding: 24px;
  overflow-y: auto;
}

#condensed-top-level {
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  display: flex;
}

.drawer-actions {
  align-items: center;
  gap: 20px;
  margin-top: 40px;
  display: flex;
}

:is(html:has(#condensed-side-nav.open), body:has(#condensed-side-nav.open)) {
  overflow-y: hidden;
}

body:has(#condensed-side-nav.open) .page-wrap {
  filter: blur(3px);
}

#dt_search {
  max-height: calc(100dvh - var(--header-height));
  padding: calc(20 * var(--header-unit)) var(--header-inline-padding);
  border-radius: 0 0 var(--radius-md) var(--radius-md);
  background: #fff;
  display: none;
  position: absolute;
  inset: 100% 0 auto;
  overflow-y: auto;
  box-shadow: 0 5px 8px #0002;
}

#dt_search.reference-search-open {
  flex-direction: column;
  animation: .45s cubic-bezier(.22, 1, .36, 1) both searchPanelEnter;
  display: flex;
}

@keyframes searchPanelEnter {
  from {
    opacity: 0;
    translate: 0 -8px;
  }

  to {
    opacity: 1;
    translate: 0;
  }
}

#dt_search form {
  align-items: center;
  gap: calc(20 * var(--header-unit));
  flex-shrink: 0;
  width: 100%;
  max-width: 1272px;
  margin: auto;
  display: flex;
}

.brand-search-results {
  width: 100%;
  max-width: 1272px;
  min-height: 0;
  max-height: 45dvh;
  margin: 12px auto 0;
  padding: 0 12px;
  font: 400 13px / 1.7 pretendard, sans-serif;
  overflow-y: auto;
}

.brand-search-results > p {
  color: #859184;
  margin: 10px 0;
  font-size: 11px;
}

.brand-search-results ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.brand-search-results li a {
  color: #172024;
  border-top: 1px solid #edf0e7;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  display: flex;
}

.brand-search-results li a > span:last-child {
  color: #859184;
  flex-shrink: 0;
  font-size: 10px;
}

#search-box {
  min-width: 0;
  padding: calc(10 * var(--header-unit)) calc(16 * var(--header-unit));
  font: 400 calc(18 * var(--header-unit))/1.4 "pretendard", sans-serif;
  background: #f5f5f5;
  border: 0;
  border-radius: 999px;
  flex: 1;
}

@media not (min-width: 850px) {
  :root {
    --header-unit: .8px;
    --header-height: var(--header-compact-height);
    --header-inline-padding: calc(clamp(24px, 4.4vw, 58.3px) * .8);
  }

  .main-header .desktop {
    display: none;
  }

  .main-header .condensed {
    display: block;
  }
}

@media not (min-width: 768px) {
  :root {
    --header-compact-height: var(--mobile-header-height);
    --header-inline-padding: var(--mobile-nav-inset);
  }

  .reference-header-shell #top-nav-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  #condensed-container-row {
    grid-template-columns: minmax(0, 1fr) var(--mobile-control-min);
    padding-inline: var(--mobile-nav-edge);
    gap: calc(6 * var(--mobile-space));
    display: grid;
    position: relative;
  }

  .condensed-logo-image {
    width: clamp(148px, 42vw, 204px);
    max-width: 100%;
    height: auto;
  }

  #condensed-container-row .brand-home {
    min-width: var(--mobile-control-min);
    min-height: var(--mobile-control-min);
    grid-area: 1 / 1;
    justify-content: flex-start;
    justify-self: start;
  }

  #menu-toggle {
    grid-area: 1 / 2;
  }

  #menu-toggle, .brand-compact-actions .search-icon-link, #menu-close, #dt_search .reference-icon-button {
    width: var(--mobile-control-min);
    height: var(--mobile-control-min);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  #menu-toggle svg {
    width: var(--mobile-nav-icon-size);
    height: var(--mobile-nav-icon-size);
    transform: translateX(calc(var(--mobile-nav-icon-size) / 8));
  }

  #condensed-container-row #menu-toggle {
    justify-content: flex-end;
  }

  .brand-compact-actions, .brand-compact-actions .brand-account-actions {
    display: none;
  }

  .brand-compact-actions .search-icon {
    width: 14px;
    height: 14px;
  }

  .backdrop {
    background: none;
  }

  body:has(#condensed-side-nav.open) .page-wrap {
    filter: none;
  }

  #condensed-side-nav {
    inset: calc(var(--header-height) + var(--mobile-nav-edge)) var(--mobile-nav-edge) auto auto;
    width: min(260px, calc(100vw - 2 * var(--mobile-nav-inset)));
    max-width: none;
    height: auto;
    max-height: calc(100dvh - var(--header-height) - 2 * var(--mobile-nav-edge) - env(safe-area-inset-bottom, 0px));
    border-radius: var(--radius-md);
    opacity: 0;
    border: 1px solid #17202412;
    transition: opacity .6s, transform .6s, visibility .6s;
    overflow: hidden;
    transform: translateY(-8px);
    box-shadow: 0 10px 32px #17202426;
  }

  #condensed-side-nav.open {
    opacity: 1;
    transition: opacity .6s, transform .6s;
    transform: none;
  }

  .drawer-top {
    top: var(--mobile-menu-padding);
    right: var(--mobile-menu-padding);
    z-index: 1;
    width: var(--mobile-menu-close-size);
    height: var(--mobile-menu-close-size);
    padding: 0;
    position: absolute;
  }

  #condensed-side-nav .scrollable-area {
    height: auto;
    max-height: calc(100dvh - var(--header-height) - 2 * var(--mobile-nav-edge) - env(safe-area-inset-bottom, 0px) - 2px);
    padding: calc(var(--mobile-menu-padding) - (var(--mobile-menu-row-height) - var(--mobile-menu-close-size)) / 2) var(--mobile-menu-padding) var(--mobile-menu-padding);
    overscroll-behavior: contain;
    overflow-y: auto;
  }

  #condensed-top-level {
    align-items: stretch;
    gap: 0;
  }

  #condensed-top-level .nav-item {
    min-height: var(--mobile-menu-row-height);
    font-size: var(--mobile-text-lg);
    align-items: center;
    display: flex;
  }

  #condensed-top-level .nav-item:first-child {
    padding-right: 44px;
  }

  #condensed-side-nav #menu-close {
    width: var(--mobile-menu-close-size);
    height: var(--mobile-menu-close-size);
    position: relative;
  }

  #menu-close svg {
    width: var(--mobile-menu-close-size);
    height: var(--mobile-menu-close-size);
  }

  #condensed-side-nav #menu-close:after {
    content: "";
    width: var(--mobile-control-min);
    height: var(--mobile-control-min);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .drawer-actions {
    border-top: 1px solid #17202412;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding-top: 12px;
  }

  .drawer-actions .search-icon-link {
    justify-content: flex-start;
    width: 44px;
    height: 44px;
  }

  .drawer-actions .brand-account-actions {
    gap: 8px;
    margin-left: auto;
  }

  .drawer-actions .brand-account-actions :is(a, button) {
    min-width: 0;
    height: auto;
    min-height: 30px;
    font-size: var(--mobile-text-sm);
    padding: 4px 12px;
  }

  #search-box {
    font-size: var(--mobile-input-font);
    min-height: var(--mobile-control-min);
    padding-inline: calc(12 * var(--mobile-space));
  }

  #dt_search form {
    gap: calc(4 * var(--mobile-space));
  }

  .brand-search-results {
    font-size: var(--mobile-text-sm);
    padding: 0;
  }

  .brand-search-results li a {
    min-height: var(--mobile-control-min);
    overflow-wrap: anywhere;
    flex-wrap: wrap;
  }

  .brand-search-results li a > span:first-child {
    min-width: 0;
  }
}

/* [project]/src/styles/reference/index.css [app-client] (css) */


/* [project]/src/styles/entrance.css [app-client] (css) */
:root {
  --intro-image-duration: 2.6s;
  --intro-follow-delay: .45s;
}

#top-nav-container .brand-home {
  animation: header-logo-entrance 1.8s cubic-bezier(.22, 1, .36, 1) var(--intro-follow-delay) both;
}

#top-nav-container .nav-item, #top-nav-container #menu-toggle {
  --control-stagger: 50ms;
  animation: header-menu-entrance 1.6s cubic-bezier(.22, 1, .36, 1)
    calc(var(--intro-follow-delay) + var(--control-stagger)) both;
}

#top-nav-container .nav-item:nth-child(2) {
  --control-stagger: .1s;
}

#top-nav-container .nav-item:nth-child(3) {
  --control-stagger: .15s;
}

#top-nav-container .nav-item:nth-child(4) {
  --control-stagger: .2s;
}

#top-nav-container .brand-search-field, #top-nav-container .search-icon-link, #top-nav-container .brand-account-actions :is(button, a) {
  --control-stagger: .16s;
  animation: header-control-entrance 1.7s cubic-bezier(.22, 1, .36, 1)
    calc(var(--intro-follow-delay) + var(--control-stagger)) both;
}

#top-nav-container .search-icon-link {
  --control-stagger: .2s;
}

#top-nav-container .brand-account-actions .brand-login {
  --control-stagger: .24s;
}

#top-nav-container .brand-account-actions .brand-signup {
  --control-stagger: .3s;
}

#top-nav-container:is([data-header-entered], [data-entrance-interacted]) :is(.brand-home, .nav-item, #menu-toggle, .brand-search-field, .search-icon-link, .brand-account-actions :is(button, a)) {
  opacity: 1;
  animation: none;
  translate: none;
  scale: none;
}

#mainblock [data-page-reveal] {
  --reveal-stagger: 0s;
  --reveal-shift: 18px;
  --reveal-scale: 1;
}

#mainblock [data-reveal-step="1"] {
  --reveal-stagger: 80ms;
}

#mainblock [data-reveal-step="2"] {
  --reveal-stagger: .16s;
}

#mainblock [data-reveal-step="3"] {
  --reveal-stagger: .24s;
}

#mainblock [data-reveal-kind="image"] {
  --reveal-shift: 12px;
  --reveal-scale: .97;
}

#mainblock [data-page-reveal="pending"] {
  opacity: 0;
}

#mainblock [data-page-reveal="visible"] {
  animation: section-entrance 1.4s cubic-bezier(.22, 1, .36, 1) var(--reveal-stagger) both;
}

@keyframes header-logo-entrance {
  from {
    opacity: 0;
    translate: 18px;
    scale: .97;
  }

  to {
    opacity: 1;
    translate: 0;
    scale: 1;
  }
}

@keyframes header-menu-entrance {
  from {
    opacity: 0;
    translate: 0 -8px;
  }

  to {
    opacity: 1;
    translate: 0;
  }
}

@keyframes header-control-entrance {
  from {
    opacity: 0;
    translate: 0 8px;
    scale: .96;
  }

  to {
    opacity: 1;
    translate: 0;
    scale: 1;
  }
}

@keyframes section-entrance {
  from {
    opacity: 0;
    translate: 0 var(--reveal-shift);
    scale: var(--reveal-scale);
  }

  to {
    opacity: 1;
    translate: 0;
    scale: 1;
  }
}

@media (prefers-reduced-motion: reduce), print {
  #top-nav-container :is(.brand-home, .nav-item, #menu-toggle, .brand-search-field, .search-icon-link, .brand-account-actions :is(button, a)), #mainblock [data-page-reveal], #dt_search.reference-search-open {
    opacity: 1;
    animation: none;
    translate: none;
    scale: none;
  }
}

/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

*, :before, :after {
  scrollbar-width: none !important;
  outline: none !important;
}

::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/*# sourceMappingURL=src_014rn09r--b4e._.css.map*/