@charset "UTF-8";
/* ───────────────────────────────────────
    📌 Reset
─────────────────────────────────────── */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  word-break: keep-all;
}

* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html {
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

body {
  line-height: 1;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

figcaption,
figure,
main {
  display: block;
}

hr {
  overflow: visible;
  box-sizing: content-box;
  height: 0;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
          text-decoration-skip: objects;
  -webkit-touch-callout: none;
}

a:link,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

ol,
ul {
  list-style: none;
}

abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ffff00;
  color: #000000;
}

sub,
sup {
  position: relative;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

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

input,
textarea {
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

fieldset {
  border: none;
}

select {
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select::-ms-expand {
  display: none;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
}

button,
input {
  overflow: visible;
  border-radius: 0;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

legend,
caption {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
  border: 0;
  border-radius: 0;
  resize: none;
}

input::-ms-clear {
  display: none;
}

input[type=password]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

input[type=submit],
input[type=reset],
input[type=button],
button {
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: inherit;
  line-height: normal;
  text-align: initial;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

[role=button] {
  cursor: pointer;
}

table,
thead,
tbody,
tfoot,
tr,
th,
td {
  border-color: inherit;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

ol ul,
ul ol,
ul ul,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

img,
iframe,
svg,
canvas {
  max-width: 100%;
  height: auto;
  line-height: 1;
  vertical-align: top;
}

button {
  border: none;
  background-color: transparent;
}

hr {
  all: unset;
  display: block;
  width: 100%;
  height: 1px;
  margin: 0;
  border: none;
  background-color: #cccccc;
}

/* 크롬/사파리 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  /* 강제로 투명 */
  box-shadow: 0 0 0 1000px transparent inset !important;
  background-color: transparent !important;
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
  -webkit-text-fill-color: inherit !important; /* 글자색만 원래 값 유지 */
}

/* 파이어폭스 */
input:-moz-autofill,
textarea:-moz-autofill,
select:-moz-autofill {
  box-shadow: 0 0 0 1000px transparent inset !important;
  background-color: transparent !important;
  -moz-text-fill-color: inherit !important;
}

[area-disabled=true] {
  cursor: auto;
}

[hidden] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

details {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

summary::marker {
  content: "";
}

details > *:not(summary) {
  margin: 0;
  padding: 0;
  border: 0;
}

/* prettier-ignore */
/*
 * 작은 글씨(16px 미만) → 대비 4.5:1 이상
 * 큰 글씨(24px 이상) → 대비 3:1 이상
 * 조금 작은데 Bold(18.66px 이상, 700) → 대비 3:1 이상
*/
/* prettier-ignore */
/*! ============================================================================
 * Hover Tokens & Presets
 * - 전역 토큰과 효과/레벨 프리셋을 변수로 분리
 * - 믹스인(abstracts/mixins/_hover.scss)에서 vars.$hover-*으로 사용
 * ========================================================================== */
/* prettier-ignore */
/* prettier-ignore */
/* 지원 키 (data-env 토큰으로 통합 관리) */
/* 출력 순서 보장 (data-env 토큰 순서와 맞춤) */
/* -------- 유틸 -------- */
/* (list) → (device, mode) */
/* 임의 맵에서 지원 키만 필터 */
/* 단일 콤보를 {…} 맵으로 표준화 */
/* attr 접두 조립: [data-env~="key:value"]… */
/* [data-page-layout="…"] 다음에 prefix 삽입 */
/* 안전 출력 */
/* -------- 메인 믹스인 -------- */
/* ─────────────────────────────────────────
 * MAX를 기본으로 합니다.
 * ───────────────────────────────────────── */
/* ── 8) 사용 예시 ──────────────────────────────────────────────────────────

.btn {
  // 기본: scale 레벨2
  @include hover((effect: scale, level: 2));
}

.card {
  // scale-shadow 레벨3 + 커스텀 가드 추가
  @include hover((
    effect: scale-shadow,
    level: 3,
    guard-disabled: (":not(.is-loading)", ":not(.readonly)")
  ));
}

.link {
  // focus-visible + hover 조합
  @include focus-hover((effect: elevate, level: 2));
}

// 페이지 전체 reduce-moton OFF
@include a11y-reduce-motion-off-within("body");

*/
.icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  line-height: 1;
}
.icon::before {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  background-position: center;
  background-size: 1.5rem;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 1.5rem;
}
.icon.icon-chevron-right::before, .icon.icon-chevron-right::after {
  right: -5%;
}
.icon.icon-chevron-left::before, .icon.icon-chevron-left::after {
  left: -5%;
}

.icon.is-3xs {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.is-3xs::before {
  width: 0.875rem;
  height: 0.875rem;
  background-size: 0.875rem;
  font-size: 0.875rem;
}

.icon.is-2xs {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.is-2xs::before {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
  font-size: 1rem;
}

.icon.is-xs {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.is-xs::before {
  width: 1.125rem;
  height: 1.125rem;
  background-size: 1.125rem;
  font-size: 1.125rem;
}

.icon.is-sm {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.is-sm::before {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  font-size: 1.25rem;
}

.icon.is-md {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.is-md::before {
  width: 1.5rem;
  height: 1.5rem;
  background-size: 1.5rem;
  font-size: 1.5rem;
}

.icon.is-lg {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.is-lg::before {
  width: 2rem;
  height: 2rem;
  background-size: 2rem;
  font-size: 2rem;
}

.icon.is-xl {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.is-xl::before {
  width: 2.25rem;
  height: 2.25rem;
  background-size: 2.25rem;
  font-size: 2.25rem;
}

.icon.is-max {
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.is-max::before {
  width: 6.25rem;
  height: 6.25rem;
  background-size: 6.25rem;
  font-size: 6.25rem;
}

/* --------------------------------------------
 * 단일 값 → 리스트
 * ------------------------------------------ */
/* ============================================================================
 * Desktop (rem) — locale 접미사 출력 on/off
 * ========================================================================== */
/* ============================================================================
 * Mobile(px) — locale 접미사 출력 on/off
 * ========================================================================== */
/* ============================================================================
 * Mobile(rem) — locale 접미사 출력 on/off
 * ========================================================================== */
/* ============================================================================
 * Lang 스코프 — 기본 변수만 locale 값으로 덮어쓰기
 * (여기서도 접미사 변수는 만들 필요 없음)
 * ========================================================================== */
/* ============================================================================
 * 📌 ICON
 * ========================================================================== */
:root {
  --bbc-color-text-brand-primary: #3b51db;
  --bbc-color-text-brand-primary-deep: #3045c7;
  --bbc-color-text-natural-0: #2d2d2d;
  --bbc-color-text-natural-1: #6f6f6f;
  --bbc-color-text-natural-2: #ffffff;
  --bbc-color-text-accent-0: #ffffff;
  --bbc-color-text-positive-0: #077045;
  --bbc-color-text-negative-0: #da201c;
  --bbc-color-text-attention-0: #a46013;
  --bbc-color-text-disable-0: #8e8e8e;
  --bbc-color-text-placeholder-0: #757575;
  --bbc-color-text-required-0: #cd1e39;
  --bbc-color-icon-brand-primary: #3b51db;
  --bbc-color-icon-brand-primary-deep: #3045c7;
  --bbc-color-icon-natural-0: #929292;
  --bbc-color-icon-natural-1: #6f6f6f;
  --bbc-color-icon-natural-2: #2d2d2d;
  --bbc-color-icon-natural-3: #ffffff;
  --bbc-color-icon-accent-0: #ffffff;
  --bbc-color-icon-positive-0: #077045;
  --bbc-color-icon-negative-0: #da201c;
  --bbc-color-icon-attention-0: #a46013;
  --bbc-color-icon-disable-0: #c1c1c1;
  --bbc-color-icon-disable-1: #b5b5b5;
  --bbc-color-icon-required-0: #cd1e39;
  --bbc-color-icon-alert-0: #e74c3c;
  --bbc-color-icon-like: #f05f4b;
  --bbc-color-layer-brand-primary: #daecf8;
  --bbc-color-layer-floor-0: #ffffff;
  --bbc-color-layer-overlay-0: rgba(0, 0, 0, 0.5);
  --bbc-color-fill-brand-primary: #3b51db;
  --bbc-color-fill-brand-primary-hovered: #3045c7;
  --bbc-color-fill-brand-primary-pressed: #2438b3;
  --bbc-color-fill-brand-primary-subtle: #eceeff;
  --bbc-color-fill-brand-primary-subtle-hovered: #e3e5fe;
  --bbc-color-fill-brand-primary-subtle-pressed: #e3e5fe;
  --bbc-color-fill-brand-secondary: #426ada;
  --bbc-color-fill-natural-0: #f5f5f5;
  --bbc-color-fill-natural-1: #f3f3f3;
  --bbc-color-fill-natural-2: #e9e9e9;
  --bbc-color-fill-natural-3: #ffffff;
  --bbc-color-fill-natural-3-a70: rgba(255, 255, 255, 0.7);
  --bbc-color-fill-natural-3-a40: rgba(255, 255, 255, 0.4);
  --bbc-color-fill-natural-3-a20: rgba(255, 255, 255, 0.2);
  --bbc-color-fill-natural-4: #606060;
  --bbc-color-fill-natural-5: #434343;
  --bbc-color-fill-accent-0: #ffffff;
  --bbc-color-fill-positive-0-subtle: #dcf6ee;
  --bbc-color-fill-negative-0-subtle: #fef2f2;
  --bbc-color-fill-attention-0-subtle: #fff4e1;
  --bbc-color-fill-disable-0: #dddddd;
  --bbc-color-fill-disable-1: #e4e4e4;
  --bbc-color-fill-tablefix: #f6faff;
  --bbc-color-stroke-brand-primary: #3b51db;
  --bbc-color-stroke-natural-0: #e4e4e4;
  --bbc-color-stroke-natural-1: #c6c6c6;
  --bbc-color-stroke-natural-2: #9f9f9f;
  --bbc-color-stroke-natural-3: #2d2d2d;
  --bbc-color-stroke-natural-4: #ffffff;
  --bbc-color-stroke-natural-4-a70: rgba(255, 255, 255, 0.7);
  --bbc-color-stroke-natural-5: #e9e9e9;
  --bbc-color-stroke-accent-0: #ffffff;
  --bbc-color-stroke-positive-0: #077045;
  --bbc-color-stroke-negative-0: #da201c;
  --bbc-color-stroke-attention-0: #a46013;
  --bbc-color-stroke-disable-0: #b5b5b5;
  --bbc-color-stroke-required-0: #cd1e39;
  --bbc-color-badge-emphasis: #e74c3c;
  --bbc-color-chip-text-green: #067346;
  --bbc-color-chip-text-brown: #a6470b;
  --bbc-color-chip-text-navy: #2b3cd5;
  --bbc-color-chip-text-purple: #b312b9;
  --bbc-color-chip-text-teal: #086f91;
  --bbc-color-chip-text-red: #d51e1a;
  --bbc-color-chip-text-blue: #0062ea;
  --bbc-color-chip-text-gray: #5e5e5e;
  --bbc-color-chip-text-olive: #567817;
  --bbc-color-chip-fill-green: #dcf6ee;
  --bbc-color-chip-fill-brown: #fdf3dc;
  --bbc-color-chip-fill-navy: #e4e7ff;
  --bbc-color-chip-fill-purple: #feeeff;
  --bbc-color-chip-fill-teal: #e7f2f6;
  --bbc-color-chip-fill-red: #fef2f2;
  --bbc-color-chip-fill-blue: #eaf4ff;
  --bbc-color-chip-fill-gray: #eff2f8;
  --bbc-color-chip-fill-olive: #f1f6de;
  --bbc-color-shadow-natural-0: 0 8px 20px rgba(0, 0, 0, 0.05);
  --bbc-color-shadow-natural-1: 0 4px 8px rgba(0, 0, 0, 0.15);
  --bbc-color-shadow-natural-2: 0 10px 20px rgba(0, 0, 0, 0.1);
  --bbc-color-shadow-natural-3: 0 10px 20px rgba(0, 0, 0, 0.2);
  --bbc-color-gradient-brand-primary: #B9EEF7 0%, #4BABD9 100%;
  --bbc-color-gradient-natural-0: #EFEFEF 0%, #D5D5D5 100%;
  --bbc-color-etc-balloon-fill: #ffc929;
  --bbc-color-etc-keyword-fill: #fff3c9;
  --bbc-color-etc-chatbot-fill: #00a6ff;
  --bbc-color-etc-chatbot-fill-hoverd: #0095e4;
  --bbc-color-etc-chatbot-fill-pressed: #0281c5;
  --bbc-color-etc-popup-text-0: #97c2ff;
  --bbc-color-etc-comment-text: #1f5dc0;
  --bbc-color-etc-doc-hwp: #009ee2;
  --bbc-color-etc-doc-acrobat: #ef5151;
  --bbc-color-etc-doc-excel: #107c41;
  --bbc-color-etc-doc-ppt: #c43e1c;
  --bbc-color-etc-doc-word: #185abd;
  --bbc-color-util-focus: #00cbde;
  --bbc-color-util-scroll-thumb: rgba(55, 55, 55, 0.3);
  --bbc-color-util-scroll-track: rgba(55, 55, 55, 0.15);
  --bbc-color-data-graph-red: #e25d5d;
  --bbc-color-data-graph-pink: #ff71a5;
  --bbc-color-data-graph-yellow: #ffc31f;
  --bbc-color-data-graph-yellowred: #ff924c;
  --bbc-color-data-graph-greenyellow: #91d22a;
  --bbc-color-data-graph-green: #43af70;
  --bbc-color-data-graph-bluegreen: #36d0a4;
  --bbc-color-data-graph-lightblue: #1da8d4;
  --bbc-color-data-graph-blue: #4974c3;
  --bbc-color-data-graph-blue-a50: rgba(73, 116, 195, 0.5);
  --bbc-color-data-graph-blue-a30: rgba(73, 116, 195, 0.3);
  --bbc-color-data-graph-blue-a15: rgba(73, 116, 195, 0.15);
  --bbc-color-data-graph-blue-a7: rgba(73, 116, 195, 0.07);
  --bbc-color-data-graph-purpleblue: #34529f;
  --bbc-color-data-graph-purple: #7f53cf;
  --bbc-color-data-graph-redpurple: #cb62e4;
  --bbc-color-data-graph-gray: #e8e8e8;
  --bbc-border-radius-4: 0.25rem;
  --bbc-border-radius-6: 0.375rem;
  --bbc-border-radius-8: 0.5rem;
  --bbc-border-radius-10: 0.625rem;
  --bbc-border-radius-12: 0.75rem;
  --bbc-border-radius-16: 1rem;
  --bbc-border-radius-20: 1.25rem;
  --bbc-border-radius-40: 2.5rem;
  --bbc-border-radius-max: 62.4375rem;
  --bbc-border-radius-circle: 50%;
  --bbc-font-family: "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;;
  --bbc-font-size-10: 10px;
  --bbc-font-size-12: 12px;
  --bbc-font-size-14: 14px;
  --bbc-font-size-16: 16px;
  --bbc-font-size-18: 18px;
  --bbc-font-size-20: 20px;
  --bbc-font-size-22: 22px;
  --bbc-font-size-26: 26px;
  --bbc-font-size-32: 32px;
  --bbc-font-size-40: 40px;
  --bbc-font-size-42: 42px;
  --bbc-font-size-50: 50px;
  --bbc-font-size-52: 52px;
  --bbc-font-size-64: 64px;
  --bbc-icon-size-3xs: 14px;
  --bbc-icon-size-2xs: 16px;
  --bbc-icon-size-xs: 18px;
  --bbc-icon-size-sm: 20px;
  --bbc-icon-size-md: 24px;
  --bbc-icon-size-lg: 32px;
  --bbc-icon-size-xl: 36px;
  --bbc-icon-size-max: 100px;
  --bbc-font-weight-400: 400;
  --bbc-font-weight-500: 500;
  --bbc-font-weight-600: 600;
  --bbc-font-weight-700: 700;
  --bbc-line-height: 1.5;
  --bbc-typo-d1-700: 700 3.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-d2-700: 700 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-d2-500: 500 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-d3-700: 700 1.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-h1-700: 700 2rem/1.5 var(--bbc-font-family);
  --bbc-typo-h2-700: 700 1.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-t1-700: 700 2.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-t2-700: 700 1.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-t3-700: 700 1.375rem/1.5 var(--bbc-font-family);
  --bbc-typo-t4-600: 600 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-st1-600: 600 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-st2-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-st2-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b1-700: 700 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-b1-400: 400 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-b2-600: 600 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-b2-400: 400 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-700: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b4-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-b4-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-b4-400: 400 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn1-700: 700 1.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn1-500: 500 1.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn2-700: 700 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn2-500: 500 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn3-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn3-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-700: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-600: 600 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-500: 500 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-400: 400 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-700: 700 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-400: 400 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt1-600: 600 1.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt1-400: 400 1.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt2-400: 400 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt3-400: 400 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt4-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt4-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt5-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt5-400: 400 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt6-400: 400 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-pop1-600: 600 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-pop1-400: 400 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-pop1-700: 700 2.875rem/1.5 var(--bbc-font-family);
}
@media (width < 768px) {
  :root {
    --bbc-typo-d1-700: 700 36px/1.5 var(--bbc-font-family);
    --bbc-typo-d2-700: 700 32px/1.5 var(--bbc-font-family);
    --bbc-typo-d2-500: 500 32px/1.5 var(--bbc-font-family);
    --bbc-typo-d3-700: 700 22px/1.5 var(--bbc-font-family);
    --bbc-typo-h1-700: 700 26px/1.5 var(--bbc-font-family);
    --bbc-typo-h2-700: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-t1-700: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-t2-700: 700 22px/1.5 var(--bbc-font-family);
    --bbc-typo-t3-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-t4-600: 600 18px/1.5 var(--bbc-font-family);
    --bbc-typo-st1-600: 600 18px/1.5 var(--bbc-font-family);
    --bbc-typo-st2-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-st2-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b1-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-b1-400: 400 18px/1.5 var(--bbc-font-family);
    --bbc-typo-b2-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b2-400: 400 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-700: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-400: 400 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b4-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-b4-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-b4-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-500: 500 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-500: 500 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-600: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-500: 500 13px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-400: 400 13px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-700: 700 12px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-400: 400 12px/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-600: 600 28px/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-400: 400 28px/1.5 var(--bbc-font-family);
    --bbc-typo-dt2-400: 400 20px/1.5 var(--bbc-font-family);
    --bbc-typo-dt3-400: 400 18px/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-400: 400 16px/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-dt6-400: 400 12px/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-600: 600 26px/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-400: 400 26px/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-700: 700 26px/1.5 var(--bbc-font-family);
  }
}
@media (width < 375px) {
  :root {
    --bbc-typo-d1-700: 700 2.25rem/1.5 var(--bbc-font-family);
    --bbc-typo-d2-700: 700 2rem/1.5 var(--bbc-font-family);
    --bbc-typo-d2-500: 500 2rem/1.5 var(--bbc-font-family);
    --bbc-typo-d3-700: 700 1.375rem/1.5 var(--bbc-font-family);
    --bbc-typo-h1-700: 700 1.625rem/1.5 var(--bbc-font-family);
    --bbc-typo-h2-700: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-t1-700: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-t2-700: 700 1.375rem/1.5 var(--bbc-font-family);
    --bbc-typo-t3-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-t4-600: 600 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-st1-600: 600 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-st2-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-st2-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b1-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-b1-400: 400 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-b2-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b2-400: 400 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-700: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-400: 400 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b4-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-b4-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-b4-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-500: 500 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-500: 500 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-600: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-500: 500 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-400: 400 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-700: 700 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-400: 400 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-600: 600 1.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-400: 400 1.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt2-400: 400 1.25rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt3-400: 400 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-400: 400 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt6-400: 400 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-600: 600 1.625rem/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-400: 400 1.625rem/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-700: 700 1.625rem/1.5 var(--bbc-font-family);
  }
}

html[lang=ko] {
  --bbc-typo-d1-700: 700 3.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-d2-700: 700 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-d2-500: 500 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-d3-700: 700 1.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-h1-700: 700 2rem/1.5 var(--bbc-font-family);
  --bbc-typo-h2-700: 700 1.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-t1-700: 700 2.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-t2-700: 700 1.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-t3-700: 700 1.375rem/1.5 var(--bbc-font-family);
  --bbc-typo-t4-600: 600 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-st1-600: 600 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-st2-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-st2-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b1-700: 700 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-b1-400: 400 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-b2-600: 600 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-b2-400: 400 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-700: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b4-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-b4-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-b4-400: 400 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn1-700: 700 1.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn1-500: 500 1.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn2-700: 700 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn2-500: 500 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn3-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn3-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-700: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-600: 600 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-500: 500 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-400: 400 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-700: 700 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-400: 400 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt1-600: 600 1.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt1-400: 400 1.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt2-400: 400 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt3-400: 400 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt4-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt4-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt5-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt5-400: 400 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt6-400: 400 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-pop1-600: 600 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-pop1-400: 400 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-pop1-700: 700 2.875rem/1.5 var(--bbc-font-family);
  /* 모바일 구간에서도 '접미사 없이' 값 덮어쓰기 */
}
@media (width < 768px) {
  html[lang=ko] {
    --bbc-typo-d1-700: 700 36px/1.5 var(--bbc-font-family);
    --bbc-typo-d2-700: 700 32px/1.5 var(--bbc-font-family);
    --bbc-typo-d2-500: 500 32px/1.5 var(--bbc-font-family);
    --bbc-typo-d3-700: 700 22px/1.5 var(--bbc-font-family);
    --bbc-typo-h1-700: 700 26px/1.5 var(--bbc-font-family);
    --bbc-typo-h2-700: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-t1-700: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-t2-700: 700 22px/1.5 var(--bbc-font-family);
    --bbc-typo-t3-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-t4-600: 600 18px/1.5 var(--bbc-font-family);
    --bbc-typo-st1-600: 600 18px/1.5 var(--bbc-font-family);
    --bbc-typo-st2-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-st2-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b1-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-b1-400: 400 18px/1.5 var(--bbc-font-family);
    --bbc-typo-b2-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b2-400: 400 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-700: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-400: 400 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b4-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-b4-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-b4-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-500: 500 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-500: 500 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-600: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-500: 500 13px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-400: 400 13px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-700: 700 12px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-400: 400 12px/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-600: 600 28px/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-400: 400 28px/1.5 var(--bbc-font-family);
    --bbc-typo-dt2-400: 400 20px/1.5 var(--bbc-font-family);
    --bbc-typo-dt3-400: 400 18px/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-400: 400 16px/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-dt6-400: 400 12px/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-600: 600 26px/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-400: 400 26px/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-700: 700 26px/1.5 var(--bbc-font-family);
  }
}
@media (width < 375px) {
  html[lang=ko] {
    --bbc-typo-d1-700: 700 2.25rem/1.5 var(--bbc-font-family);
    --bbc-typo-d2-700: 700 2rem/1.5 var(--bbc-font-family);
    --bbc-typo-d2-500: 500 2rem/1.5 var(--bbc-font-family);
    --bbc-typo-d3-700: 700 1.375rem/1.5 var(--bbc-font-family);
    --bbc-typo-h1-700: 700 1.625rem/1.5 var(--bbc-font-family);
    --bbc-typo-h2-700: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-t1-700: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-t2-700: 700 1.375rem/1.5 var(--bbc-font-family);
    --bbc-typo-t3-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-t4-600: 600 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-st1-600: 600 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-st2-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-st2-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b1-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-b1-400: 400 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-b2-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b2-400: 400 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-700: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-400: 400 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b4-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-b4-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-b4-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-500: 500 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-500: 500 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-600: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-500: 500 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-400: 400 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-700: 700 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-400: 400 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-600: 600 1.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-400: 400 1.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt2-400: 400 1.25rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt3-400: 400 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-400: 400 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt6-400: 400 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-600: 600 1.625rem/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-400: 400 1.625rem/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-700: 700 1.625rem/1.5 var(--bbc-font-family);
  }
}

[data-theme~="color:blue"] {
  --bbc-color-text-brand-primary: #3b51db;
  --bbc-color-text-brand-primary-deep: #3045c7;
  --bbc-color-text-natural-0: #2d2d2d;
  --bbc-color-text-natural-1: #6f6f6f;
  --bbc-color-text-natural-2: #ffffff;
  --bbc-color-text-accent-0: #ffffff;
  --bbc-color-text-positive-0: #077045;
  --bbc-color-text-negative-0: #da201c;
  --bbc-color-text-attention-0: #a46013;
  --bbc-color-text-disable-0: #8e8e8e;
  --bbc-color-text-placeholder-0: #757575;
  --bbc-color-text-required-0: #cd1e39;
  --bbc-color-icon-brand-primary: #3b51db;
  --bbc-color-icon-brand-primary-deep: #3045c7;
  --bbc-color-icon-natural-0: #929292;
  --bbc-color-icon-natural-1: #6f6f6f;
  --bbc-color-icon-natural-2: #2d2d2d;
  --bbc-color-icon-natural-3: #ffffff;
  --bbc-color-icon-accent-0: #ffffff;
  --bbc-color-icon-positive-0: #077045;
  --bbc-color-icon-negative-0: #da201c;
  --bbc-color-icon-attention-0: #a46013;
  --bbc-color-icon-disable-0: #c1c1c1;
  --bbc-color-icon-disable-1: #b5b5b5;
  --bbc-color-icon-required-0: #cd1e39;
  --bbc-color-icon-alert-0: #e74c3c;
  --bbc-color-icon-like: #f05f4b;
  --bbc-color-layer-brand-primary: #daecf8;
  --bbc-color-layer-floor-0: #ffffff;
  --bbc-color-layer-overlay-0: rgba(0, 0, 0, 0.5);
  --bbc-color-fill-brand-primary: #3b51db;
  --bbc-color-fill-brand-primary-hovered: #3045c7;
  --bbc-color-fill-brand-primary-pressed: #2438b3;
  --bbc-color-fill-brand-primary-subtle: #eceeff;
  --bbc-color-fill-brand-primary-subtle-hovered: #e3e5fe;
  --bbc-color-fill-brand-primary-subtle-pressed: #e3e5fe;
  --bbc-color-fill-brand-secondary: #426ada;
  --bbc-color-fill-natural-0: #f5f5f5;
  --bbc-color-fill-natural-1: #f3f3f3;
  --bbc-color-fill-natural-2: #e9e9e9;
  --bbc-color-fill-natural-3: #ffffff;
  --bbc-color-fill-natural-3-a70: rgba(255, 255, 255, 0.7);
  --bbc-color-fill-natural-3-a40: rgba(255, 255, 255, 0.4);
  --bbc-color-fill-natural-3-a20: rgba(255, 255, 255, 0.2);
  --bbc-color-fill-natural-4: #606060;
  --bbc-color-fill-natural-5: #434343;
  --bbc-color-fill-accent-0: #ffffff;
  --bbc-color-fill-positive-0-subtle: #dcf6ee;
  --bbc-color-fill-negative-0-subtle: #fef2f2;
  --bbc-color-fill-attention-0-subtle: #fff4e1;
  --bbc-color-fill-disable-0: #dddddd;
  --bbc-color-fill-disable-1: #e4e4e4;
  --bbc-color-fill-tablefix: #f6faff;
  --bbc-color-stroke-brand-primary: #3b51db;
  --bbc-color-stroke-natural-0: #e4e4e4;
  --bbc-color-stroke-natural-1: #c6c6c6;
  --bbc-color-stroke-natural-2: #9f9f9f;
  --bbc-color-stroke-natural-3: #2d2d2d;
  --bbc-color-stroke-natural-4: #ffffff;
  --bbc-color-stroke-natural-4-a70: rgba(255, 255, 255, 0.7);
  --bbc-color-stroke-natural-5: #e9e9e9;
  --bbc-color-stroke-accent-0: #ffffff;
  --bbc-color-stroke-positive-0: #077045;
  --bbc-color-stroke-negative-0: #da201c;
  --bbc-color-stroke-attention-0: #a46013;
  --bbc-color-stroke-disable-0: #b5b5b5;
  --bbc-color-stroke-required-0: #cd1e39;
  --bbc-color-badge-emphasis: #e74c3c;
  --bbc-color-chip-text-green: #067346;
  --bbc-color-chip-text-brown: #a6470b;
  --bbc-color-chip-text-navy: #2b3cd5;
  --bbc-color-chip-text-purple: #b312b9;
  --bbc-color-chip-text-teal: #086f91;
  --bbc-color-chip-text-red: #d51e1a;
  --bbc-color-chip-text-blue: #0062ea;
  --bbc-color-chip-text-gray: #5e5e5e;
  --bbc-color-chip-text-olive: #567817;
  --bbc-color-chip-fill-green: #dcf6ee;
  --bbc-color-chip-fill-brown: #fdf3dc;
  --bbc-color-chip-fill-navy: #e4e7ff;
  --bbc-color-chip-fill-purple: #feeeff;
  --bbc-color-chip-fill-teal: #e7f2f6;
  --bbc-color-chip-fill-red: #fef2f2;
  --bbc-color-chip-fill-blue: #eaf4ff;
  --bbc-color-chip-fill-gray: #eff2f8;
  --bbc-color-chip-fill-olive: #f1f6de;
  --bbc-color-shadow-natural-0: 0 8px 20px rgba(0, 0, 0, 0.05);
  --bbc-color-shadow-natural-1: 0 4px 8px rgba(0, 0, 0, 0.15);
  --bbc-color-shadow-natural-2: 0 10px 20px rgba(0, 0, 0, 0.1);
  --bbc-color-shadow-natural-3: 0 10px 20px rgba(0, 0, 0, 0.2);
  --bbc-color-gradient-brand-primary: #B9EEF7 0%, #4BABD9 100%;
  --bbc-color-gradient-natural-0: #EFEFEF 0%, #D5D5D5 100%;
  --bbc-color-etc-balloon-fill: #ffc929;
  --bbc-color-etc-keyword-fill: #fff3c9;
  --bbc-color-etc-chatbot-fill: #00a6ff;
  --bbc-color-etc-chatbot-fill-hoverd: #0095e4;
  --bbc-color-etc-chatbot-fill-pressed: #0281c5;
  --bbc-color-etc-popup-text-0: #97c2ff;
  --bbc-color-etc-comment-text: #1f5dc0;
  --bbc-color-etc-doc-hwp: #009ee2;
  --bbc-color-etc-doc-acrobat: #ef5151;
  --bbc-color-etc-doc-excel: #107c41;
  --bbc-color-etc-doc-ppt: #c43e1c;
  --bbc-color-etc-doc-word: #185abd;
  --bbc-color-util-focus: #00cbde;
  --bbc-color-util-scroll-thumb: rgba(55, 55, 55, 0.3);
  --bbc-color-util-scroll-track: rgba(55, 55, 55, 0.15);
  --bbc-color-data-graph-red: #e25d5d;
  --bbc-color-data-graph-pink: #ff71a5;
  --bbc-color-data-graph-yellow: #ffc31f;
  --bbc-color-data-graph-yellowred: #ff924c;
  --bbc-color-data-graph-greenyellow: #91d22a;
  --bbc-color-data-graph-green: #43af70;
  --bbc-color-data-graph-bluegreen: #36d0a4;
  --bbc-color-data-graph-lightblue: #1da8d4;
  --bbc-color-data-graph-blue: #4974c3;
  --bbc-color-data-graph-blue-a50: rgba(73, 116, 195, 0.5);
  --bbc-color-data-graph-blue-a30: rgba(73, 116, 195, 0.3);
  --bbc-color-data-graph-blue-a15: rgba(73, 116, 195, 0.15);
  --bbc-color-data-graph-blue-a7: rgba(73, 116, 195, 0.07);
  --bbc-color-data-graph-purpleblue: #34529f;
  --bbc-color-data-graph-purple: #7f53cf;
  --bbc-color-data-graph-redpurple: #cb62e4;
  --bbc-color-data-graph-gray: #e8e8e8;
}

[data-theme~="color:orange"] {
  --bbc-color-text-brand-primary: #c84b1d;
  --bbc-color-text-brand-primary-deep: #b74319;
  --bbc-color-text-natural-0: #2d2d2d;
  --bbc-color-text-natural-1: #6f6f6f;
  --bbc-color-text-natural-2: #ffffff;
  --bbc-color-text-accent-0: #ffffff;
  --bbc-color-text-positive-0: #077045;
  --bbc-color-text-negative-0: #da201c;
  --bbc-color-text-attention-0: #a46013;
  --bbc-color-text-disable-0: #8e8e8e;
  --bbc-color-text-placeholder-0: #757575;
  --bbc-color-text-required-0: #cd1e39;
  --bbc-color-icon-brand-primary: #b54200;
  --bbc-color-icon-brand-primary-deep: #ac3f00;
  --bbc-color-icon-natural-0: #929292;
  --bbc-color-icon-natural-1: #6f6f6f;
  --bbc-color-icon-natural-2: #2d2d2d;
  --bbc-color-icon-natural-3: #ffffff;
  --bbc-color-icon-accent-0: #ffffff;
  --bbc-color-icon-positive-0: #077045;
  --bbc-color-icon-negative-0: #da201c;
  --bbc-color-icon-attention-0: #a46013;
  --bbc-color-icon-disable-0: #c1c1c1;
  --bbc-color-icon-disable-1: #b5b5b5;
  --bbc-color-icon-required-0: #cd1e39;
  --bbc-color-icon-alert-0: #e74c3c;
  --bbc-color-icon-like: #f05f4b;
  --bbc-color-layer-brand-primary: #fcf6e2;
  --bbc-color-layer-floor-0: #ffffff;
  --bbc-color-layer-overlay-0: rgba(0, 0, 0, 0.5);
  --bbc-color-fill-brand-primary: #b54200;
  --bbc-color-fill-brand-primary-hovered: #ac3f00;
  --bbc-color-fill-brand-primary-pressed: #a63d00;
  --bbc-color-fill-brand-primary-subtle: #fcf0e2;
  --bbc-color-fill-brand-primary-subtle-hovered: #fcebd8;
  --bbc-color-fill-brand-primary-subtle-pressed: #fcebd8;
  --bbc-color-fill-brand-secondary: #ca4a00;
  --bbc-color-fill-natural-0: #f5f5f5;
  --bbc-color-fill-natural-1: #f3f3f3;
  --bbc-color-fill-natural-2: #e9e9e9;
  --bbc-color-fill-natural-3: #ffffff;
  --bbc-color-fill-natural-3-a70: rgba(255, 255, 255, 0.7);
  --bbc-color-fill-natural-3-a40: rgba(255, 255, 255, 0.4);
  --bbc-color-fill-natural-3-a20: rgba(255, 255, 255, 0.2);
  --bbc-color-fill-natural-4: #606060;
  --bbc-color-fill-natural-5: #434343;
  --bbc-color-fill-accent-0: #ffffff;
  --bbc-color-fill-positive-0-subtle: #dcf6ee;
  --bbc-color-fill-negative-0-subtle: #fef2f2;
  --bbc-color-fill-attention-0-subtle: #fff4e1;
  --bbc-color-fill-disable-0: #dddddd;
  --bbc-color-fill-disable-1: #e4e4e4;
  --bbc-color-fill-tablefix: #f6faff;
  --bbc-color-stroke-brand-primary: #c84b1d;
  --bbc-color-stroke-natural-0: #e4e4e4;
  --bbc-color-stroke-natural-1: #c6c6c6;
  --bbc-color-stroke-natural-2: #9f9f9f;
  --bbc-color-stroke-natural-3: #2d2d2d;
  --bbc-color-stroke-natural-4: #ffffff;
  --bbc-color-stroke-natural-4-a70: rgba(255, 255, 255, 0.7);
  --bbc-color-stroke-natural-5: #e9e9e9;
  --bbc-color-stroke-accent-0: #ffffff;
  --bbc-color-stroke-positive-0: #077045;
  --bbc-color-stroke-negative-0: #da201c;
  --bbc-color-stroke-attention-0: #a46013;
  --bbc-color-stroke-disable-0: #b5b5b5;
  --bbc-color-stroke-required-0: #cd1e39;
  --bbc-color-badge-emphasis: #e74c3c;
  --bbc-color-chip-text-green: #067346;
  --bbc-color-chip-text-brown: #a6470b;
  --bbc-color-chip-text-navy: #2b3cd5;
  --bbc-color-chip-text-purple: #b312b9;
  --bbc-color-chip-text-teal: #086f91;
  --bbc-color-chip-text-red: #d51e1a;
  --bbc-color-chip-text-blue: #0062ea;
  --bbc-color-chip-text-gray: #5e5e5e;
  --bbc-color-chip-text-olive: #567817;
  --bbc-color-chip-fill-green: #dcf6ee;
  --bbc-color-chip-fill-brown: #fdf3dc;
  --bbc-color-chip-fill-navy: #e4e7ff;
  --bbc-color-chip-fill-purple: #feeeff;
  --bbc-color-chip-fill-teal: #e7f2f6;
  --bbc-color-chip-fill-red: #fef2f2;
  --bbc-color-chip-fill-blue: #eaf4ff;
  --bbc-color-chip-fill-gray: #eff2f8;
  --bbc-color-chip-fill-olive: #f1f6de;
  --bbc-color-shadow-natural-0: 0 8px 20px rgba(0, 0, 0, 0.05);
  --bbc-color-shadow-natural-1: 0 4px 8px rgba(0, 0, 0, 0.15);
  --bbc-color-shadow-natural-2: 0 10px 20px rgba(0, 0, 0, 0.1);
  --bbc-color-shadow-natural-3: 0 10px 20px rgba(0, 0, 0, 0.2);
  --bbc-color-gradient-brand-primary: #F7D5B9 0%, #FFB171 100%;
  --bbc-color-gradient-natural-0: #EFEFEF 0%, #D5D5D5 100%;
  --bbc-color-etc-balloon-fill: #ffc929;
  --bbc-color-etc-keyword-fill: #fff3c9;
  --bbc-color-etc-chatbot-fill: #00a6ff;
  --bbc-color-etc-chatbot-fill-hoverd: #0095e4;
  --bbc-color-etc-chatbot-fill-pressed: #0281c5;
  --bbc-color-etc-popup-text-0: #97c2ff;
  --bbc-color-etc-comment-text: #1f5dc0;
  --bbc-color-etc-doc-hwp: #009ee2;
  --bbc-color-etc-doc-acrobat: #ef5151;
  --bbc-color-etc-doc-excel: #107c41;
  --bbc-color-etc-doc-ppt: #c43e1c;
  --bbc-color-etc-doc-word: #185abd;
  --bbc-color-util-focus: #00cbde;
  --bbc-color-util-scroll-thumb: rgba(55, 55, 55, 0.3);
  --bbc-color-util-scroll-track: rgba(55, 55, 55, 0.15);
  --bbc-color-data-graph-red: #e25d5d;
  --bbc-color-data-graph-pink: #ff71a5;
  --bbc-color-data-graph-yellow: #ffc31f;
  --bbc-color-data-graph-yellowred: #ff924c;
  --bbc-color-data-graph-greenyellow: #91d22a;
  --bbc-color-data-graph-green: #43af70;
  --bbc-color-data-graph-bluegreen: #36d0a4;
  --bbc-color-data-graph-lightblue: #1da8d4;
  --bbc-color-data-graph-blue: #4974c3;
  --bbc-color-data-graph-blue-a50: rgba(73, 116, 195, 0.5);
  --bbc-color-data-graph-blue-a30: rgba(73, 116, 195, 0.3);
  --bbc-color-data-graph-blue-a15: rgba(73, 116, 195, 0.15);
  --bbc-color-data-graph-blue-a7: rgba(73, 116, 195, 0.07);
  --bbc-color-data-graph-purpleblue: #34529f;
  --bbc-color-data-graph-purple: #7f53cf;
  --bbc-color-data-graph-redpurple: #cb62e4;
  --bbc-color-data-graph-gray: #e8e8e8;
}

[data-theme~="color:green"] {
  --bbc-color-text-brand-primary: #0a7f5c;
  --bbc-color-text-brand-primary-deep: #097454;
  --bbc-color-text-natural-0: #2d2d2d;
  --bbc-color-text-natural-1: #6f6f6f;
  --bbc-color-text-natural-2: #ffffff;
  --bbc-color-text-accent-0: #ffffff;
  --bbc-color-text-positive-0: #077045;
  --bbc-color-text-negative-0: #da201c;
  --bbc-color-text-attention-0: #a46013;
  --bbc-color-text-disable-0: #8e8e8e;
  --bbc-color-text-placeholder-0: #757575;
  --bbc-color-text-required-0: #cd1e39;
  --bbc-color-icon-brand-primary: #0a7f5c;
  --bbc-color-icon-brand-primary-deep: #097454;
  --bbc-color-icon-natural-0: #929292;
  --bbc-color-icon-natural-1: #6f6f6f;
  --bbc-color-icon-natural-2: #2d2d2d;
  --bbc-color-icon-natural-3: #ffffff;
  --bbc-color-icon-accent-0: #ffffff;
  --bbc-color-icon-positive-0: #077045;
  --bbc-color-icon-negative-0: #da201c;
  --bbc-color-icon-attention-0: #a46013;
  --bbc-color-icon-disable-0: #c1c1c1;
  --bbc-color-icon-disable-1: #b5b5b5;
  --bbc-color-icon-required-0: #cd1e39;
  --bbc-color-icon-alert-0: #e74c3c;
  --bbc-color-icon-like: #f05f4b;
  --bbc-color-layer-brand-primary: #e6f5ff;
  --bbc-color-layer-floor-0: #ffffff;
  --bbc-color-layer-overlay-0: rgba(0, 0, 0, 0.5);
  --bbc-color-fill-brand-primary: #0a7f5c;
  --bbc-color-fill-brand-primary-hovered: #04684a;
  --bbc-color-fill-brand-primary-pressed: #076448;
  --bbc-color-fill-brand-primary-subtle: #e6fdf2;
  --bbc-color-fill-brand-primary-subtle-hovered: #dcf2e7;
  --bbc-color-fill-brand-primary-subtle-pressed: #dcf2e7;
  --bbc-color-fill-brand-secondary: #0c8460;
  --bbc-color-fill-natural-0: #f5f5f5;
  --bbc-color-fill-natural-1: #f3f3f3;
  --bbc-color-fill-natural-2: #e9e9e9;
  --bbc-color-fill-natural-3: #ffffff;
  --bbc-color-fill-natural-3-a70: rgba(255, 255, 255, 0.7);
  --bbc-color-fill-natural-3-a40: rgba(255, 255, 255, 0.4);
  --bbc-color-fill-natural-3-a20: rgba(255, 255, 255, 0.2);
  --bbc-color-fill-natural-4: #606060;
  --bbc-color-fill-natural-5: #434343;
  --bbc-color-fill-accent-0: #ffffff;
  --bbc-color-fill-positive-0-subtle: #dcf6ee;
  --bbc-color-fill-negative-0-subtle: #fef2f2;
  --bbc-color-fill-attention-0-subtle: #fff4e1;
  --bbc-color-fill-disable-0: #dddddd;
  --bbc-color-fill-disable-1: #e4e4e4;
  --bbc-color-fill-tablefix: #f6faff;
  --bbc-color-stroke-brand-primary: #0a7f5c;
  --bbc-color-stroke-natural-0: #e4e4e4;
  --bbc-color-stroke-natural-1: #c6c6c6;
  --bbc-color-stroke-natural-2: #9f9f9f;
  --bbc-color-stroke-natural-3: #2d2d2d;
  --bbc-color-stroke-natural-4: #ffffff;
  --bbc-color-stroke-natural-4-a70: rgba(255, 255, 255, 0.7);
  --bbc-color-stroke-natural-5: #e9e9e9;
  --bbc-color-stroke-accent-0: #ffffff;
  --bbc-color-stroke-positive-0: #077045;
  --bbc-color-stroke-negative-0: #da201c;
  --bbc-color-stroke-attention-0: #a46013;
  --bbc-color-stroke-disable-0: #b5b5b5;
  --bbc-color-stroke-required-0: #cd1e39;
  --bbc-color-badge-emphasis: #e74c3c;
  --bbc-color-chip-text-green: #067346;
  --bbc-color-chip-text-brown: #a6470b;
  --bbc-color-chip-text-navy: #2b3cd5;
  --bbc-color-chip-text-purple: #b312b9;
  --bbc-color-chip-text-teal: #086f91;
  --bbc-color-chip-text-red: #d51e1a;
  --bbc-color-chip-text-blue: #0062ea;
  --bbc-color-chip-text-gray: #5e5e5e;
  --bbc-color-chip-text-olive: #567817;
  --bbc-color-chip-fill-green: #dcf6ee;
  --bbc-color-chip-fill-brown: #fdf3dc;
  --bbc-color-chip-fill-navy: #e4e7ff;
  --bbc-color-chip-fill-purple: #feeeff;
  --bbc-color-chip-fill-teal: #e7f2f6;
  --bbc-color-chip-fill-red: #fef2f2;
  --bbc-color-chip-fill-blue: #eaf4ff;
  --bbc-color-chip-fill-gray: #eff2f8;
  --bbc-color-chip-fill-olive: #f1f6de;
  --bbc-color-shadow-natural-0: 0 8px 20px rgba(0, 0, 0, 0.05);
  --bbc-color-shadow-natural-1: 0 4px 8px rgba(0, 0, 0, 0.15);
  --bbc-color-shadow-natural-2: 0 10px 20px rgba(0, 0, 0, 0.1);
  --bbc-color-shadow-natural-3: 0 10px 20px rgba(0, 0, 0, 0.2);
  --bbc-color-gradient-brand-primary: #C9EBE1 0%, #9DECD5 100%;
  --bbc-color-gradient-natural-0: #EFEFEF 0%, #D5D5D5 100%;
  --bbc-color-etc-balloon-fill: #ffc929;
  --bbc-color-etc-keyword-fill: #fff3c9;
  --bbc-color-etc-chatbot-fill: #00a6ff;
  --bbc-color-etc-chatbot-fill-hoverd: #0095e4;
  --bbc-color-etc-chatbot-fill-pressed: #0281c5;
  --bbc-color-etc-popup-text-0: #97c2ff;
  --bbc-color-etc-comment-text: #1f5dc0;
  --bbc-color-etc-doc-hwp: #009ee2;
  --bbc-color-etc-doc-acrobat: #ef5151;
  --bbc-color-etc-doc-excel: #107c41;
  --bbc-color-etc-doc-ppt: #c43e1c;
  --bbc-color-etc-doc-word: #185abd;
  --bbc-color-util-focus: #00cbde;
  --bbc-color-util-scroll-thumb: rgba(55, 55, 55, 0.3);
  --bbc-color-util-scroll-track: rgba(55, 55, 55, 0.15);
  --bbc-color-data-graph-red: #e25d5d;
  --bbc-color-data-graph-pink: #ff71a5;
  --bbc-color-data-graph-yellow: #ffc31f;
  --bbc-color-data-graph-yellowred: #ff924c;
  --bbc-color-data-graph-greenyellow: #91d22a;
  --bbc-color-data-graph-green: #43af70;
  --bbc-color-data-graph-bluegreen: #36d0a4;
  --bbc-color-data-graph-lightblue: #1da8d4;
  --bbc-color-data-graph-blue: #4974c3;
  --bbc-color-data-graph-blue-a50: rgba(73, 116, 195, 0.5);
  --bbc-color-data-graph-blue-a30: rgba(73, 116, 195, 0.3);
  --bbc-color-data-graph-blue-a15: rgba(73, 116, 195, 0.15);
  --bbc-color-data-graph-blue-a7: rgba(73, 116, 195, 0.07);
  --bbc-color-data-graph-purpleblue: #34529f;
  --bbc-color-data-graph-purple: #7f53cf;
  --bbc-color-data-graph-redpurple: #cb62e4;
  --bbc-color-data-graph-gray: #e8e8e8;
}

/* ───────────────────────────────────────
  📌 ScrollShadow (container-fixed shadows)
  - 기본: 세로, 가로일 때만 .is-horizontal
  - 섀도우는 컨테이너 ::before/::after (스크롤 영향 X)
──────────────────────────────────────── */
.js-scroll-container {
  position: relative;
  height: 100%;
  word-break: inherit;
}
.js-scroll-container::before, .js-scroll-container::after {
  content: "";
  position: absolute;
  z-index: 1;
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}
.js-scroll-container.js-has-scroll .js-scroll-viewport {
  padding-right: 0.625rem;
}
.js-scroll-container .js-scroll-viewport {
  position: relative;
  height: 100%;
  pointer-events: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: auto;
  scrollbar-gutter: stable;
  -webkit-touch-callout: none;
  word-break: inherit;
}
.js-scroll-container .js-scroll-viewport.is-tap-pass, .js-scroll-container .js-scroll-viewport.is-tap-pass * {
  pointer-events: auto;
}
.js-scroll-container .js-scroll-viewport a,
.js-scroll-container .js-scroll-viewport a * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}
.js-scroll-container .js-scroll-viewport a img,
.js-scroll-container .js-scroll-viewport a * img {
  pointer-events: none;
}
.js-scroll-container.is-overscroll-contain .js-scroll-viewport {
  overscroll-behavior: contain;
}
.js-scroll-container:not(.is-horizontal)::before, .js-scroll-container:not(.is-horizontal)::after {
  right: 0;
  left: 0;
  width: auto;
  height: 1rem;
}
.js-scroll-container:not(.is-horizontal)::before {
  top: -0.0625rem;
  background: linear-gradient(to bottom, white, transparent);
}
.js-scroll-container:not(.is-horizontal)::after {
  bottom: -0.0625rem;
  background: linear-gradient(to top, white, transparent);
}
.js-scroll-container:not(.is-horizontal).js-shadow-top::before, .js-scroll-container:not(.is-horizontal).js-shadow-bottom::after {
  opacity: 1;
}
.js-scroll-container:not(.is-horizontal) .js-scroll-viewport {
  overflow: hidden auto;
  touch-action: pan-y;
}
.js-scroll-container.is-horizontal .js-scroll-viewport {
  overflow: auto hidden;
  touch-action: pan-x;
}
.js-scroll-container.is-horizontal .js-scroll-viewport::-webkit-scrollbar:vertical {
  width: 0;
}
.js-scroll-container.is-horizontal::before, .js-scroll-container.is-horizontal::after {
  top: 0;
  bottom: 0;
  width: 1.875rem;
  height: auto;
}
.js-scroll-container.is-horizontal::before {
  left: 0;
  background: linear-gradient(to right, white, transparent);
}
.js-scroll-container.is-horizontal::after {
  right: 0;
  background: linear-gradient(to left, white, transparent);
}
.js-scroll-container.is-horizontal.js-shadow-left::before, .js-scroll-container.is-horizontal.js-shadow-right::after {
  opacity: 1;
}

.widget-item .widget-body .js-scroll-container.js-has-scroll:not(.is-horizontal) .js-scroll-viewport {
  margin-right: calc((-1.875rem - 6px) / 2);
  padding-right: calc((1.875rem - 6px) / 2);
}
@media (max-width: 767px) {
  .widget-item .widget-body .js-scroll-container.js-has-scroll:not(.is-horizontal) .js-scroll-viewport {
    margin-right: calc((-1.5rem - 6px) / 2);
    padding-right: calc((1.5rem - 6px) / 2);
  }
}
.widget-item .widget-body .js-scroll-container.js-has-scroll.is-horizontal .js-scroll-viewport {
  margin-bottom: -0.625rem;
  padding-bottom: 0.625rem;
}

.card .card-body > .js-scroll-container.js-has-scroll .js-scroll-viewport {
  margin-right: -0.625rem;
  padding-right: 0.625rem;
}
.card .card-body > .js-scroll-container.js-has-scroll.is-horizontal .js-scroll-viewport {
  margin-bottom: -0.625rem;
  padding-bottom: 0.625rem;
}

.utility-notification .utility-body > .js-scroll-container.js-has-scroll .js-scroll-viewport {
  margin-right: -0.625rem;
  padding-right: 0.625rem;
}
.utility-notification .utility-body > .js-scroll-container.js-has-scroll.is-horizontal .js-scroll-viewport {
  margin-bottom: -0.625rem;
  padding-bottom: 0.625rem;
}

/* ───────────────────────────────────────
    📌 bbc-icon
─────────────────────────────────────── */
@font-face {
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  src: url("/assets/fonts/bbc-icon/bbc-icon.eot");
  src: url("/assets/fonts/bbc-icon/bbc-icon.eot#iefix") format("embedded-opentype"), url("/assets/fonts/bbc-icon/bbc-icon.woff2") format("woff2"), url("/assets/fonts/bbc-icon/bbc-icon.woff") format("woff"), url("/assets/fonts/bbc-icon/bbc-icon.ttf") format("truetype"), url("/assets/fonts/bbc-icon/bbc-icon.svg#bbc-icon") format("svg");
}
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard GOV.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 900;
  font-display: swap;
  src: local("Pretendard GOV Black"), url("/assets/fonts/PretendardGOV/web/static/woff2/PretendardGOV-Black.woff2") format("woff2"), url("/assets/fonts/PretendardGOV/web/static/woff/PretendardGOV-Black.woff") format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard GOV ExtraBold"), url("/assets/fonts/PretendardGOV/web/static/woff2/PretendardGOV-ExtraBold.woff2") format("woff2"), url("/assets/fonts/PretendardGOV/web/static/woff/PretendardGOV-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard GOV Bold"), url("/assets/fonts/PretendardGOV/web/static/woff2/PretendardGOV-Bold.woff2") format("woff2"), url("/assets/fonts/PretendardGOV/web/static/woff/PretendardGOV-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard GOV SemiBold"), url("/assets/fonts/PretendardGOV/web/static/woff2/PretendardGOV-SemiBold.woff2") format("woff2"), url("/assets/fonts/PretendardGOV/web/static/woff/PretendardGOV-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard GOV Medium"), url("/assets/fonts/PretendardGOV/web/static/woff2/PretendardGOV-Medium.woff2") format("woff2"), url("/assets/fonts/PretendardGOV/web/static/woff/PretendardGOV-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard GOV Regular"), url("/assets/fonts/PretendardGOV/web/static/woff2/PretendardGOV-Regular.woff2") format("woff2"), url("/assets/fonts/PretendardGOV/web/static/woff/PretendardGOV-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard GOV Light"), url("/assets/fonts/PretendardGOV/web/static/woff2/PretendardGOV-Light.woff2") format("woff2"), url("/assets/fonts/PretendardGOV/web/static/woff/PretendardGOV-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 200;
  font-display: swap;
  src: local("Pretendard GOV ExtraLight"), url("/assets/fonts/PretendardGOV/web/static/woff2/PretendardGOV-ExtraLight.woff2") format("woff2"), url("/assets/fonts/PretendardGOV/web/static/woff/PretendardGOV-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Pretendard GOV";
  font-weight: 100;
  font-display: swap;
  src: local("Pretendard GOV Thin"), url("/assets/fonts/PretendardGOV/web/static/woff2/PretendardGOV-Thin.woff2") format("woff2"), url("/assets/fonts/PretendardGOV/web/static/woff/PretendardGOV-Thin.woff") format("woff");
}
/* ───────────────────────────────────────
    📌 Noto Sans KR
─────────────────────────────────────── */
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/Noto_Sans_KR/NotoSansKR-Regular.woff2") format("woff2"), url("/assets/fonts/Noto_Sans_KR/NotoSansKR-Regular.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/Noto_Sans_KR/NotoSansKR-Medium.woff2") format("woff2"), url("/assets/fonts/Noto_Sans_KR/NotoSansKR-Medium.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/Noto_Sans_KR/NotoSansKR-SemiBold.woff2") format("woff2"), url("/assets/fonts/Noto_Sans_KR/NotoSansKR-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/assets/fonts/Noto_Sans_KR/NotoSansKR-Bold.woff2") format("woff2"), url("/assets/fonts/Noto_Sans_KR/NotoSansKR-Bold.woff") format("woff");
}
.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}

.grid {
  display: grid !important;
}

.inline-grid {
  display: inline-grid !important;
}

.table {
  display: table !important;
}

.none {
  display: none !important;
}

@media (max-width: 100%) {
  .block-full {
    display: block !important;
  }
}

@media (max-width: 1920px) {
  .block-fit {
    display: block !important;
  }
}

@media (max-width: 1600px) {
  .block-2xl {
    display: block !important;
  }
}

@media (max-width: 1440px) {
  .block-xl {
    display: block !important;
  }
}

@media (max-width: 1366px) {
  .block-t-xl {
    display: block !important;
  }
}

@media (max-width: 1280px) {
  .block-t-lg {
    display: block !important;
  }
}

@media (max-width: 1180px) {
  .block-t-md {
    display: block !important;
  }
}

@media (max-width: 1024px) {
  .block-t-sm {
    display: block !important;
  }
}

@media (max-width: 820px) {
  .block-t-xs {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .block-m-max {
    display: block !important;
  }
}

@media (max-width: 640px) {
  .block-m-3xl {
    display: block !important;
  }
}

@media (max-width: 430px) {
  .block-m-2xl {
    display: block !important;
  }
}

@media (max-width: 412px) {
  .block-m-xl {
    display: block !important;
  }
}

@media (max-width: 390px) {
  .block-m-lg {
    display: block !important;
  }
}

@media (max-width: 375px) {
  .block-m-md {
    display: block !important;
  }
}

@media (max-width: 360px) {
  .block-m-sm {
    display: block !important;
  }
}

@media (max-width: 359px) {
  .block-m-xs {
    display: block !important;
  }
}

@media (max-width: 100%) {
  .inline-full {
    display: inline !important;
  }
}

@media (max-width: 1920px) {
  .inline-fit {
    display: inline !important;
  }
}

@media (max-width: 1600px) {
  .inline-2xl {
    display: inline !important;
  }
}

@media (max-width: 1440px) {
  .inline-xl {
    display: inline !important;
  }
}

@media (max-width: 1366px) {
  .inline-t-xl {
    display: inline !important;
  }
}

@media (max-width: 1280px) {
  .inline-t-lg {
    display: inline !important;
  }
}

@media (max-width: 1180px) {
  .inline-t-md {
    display: inline !important;
  }
}

@media (max-width: 1024px) {
  .inline-t-sm {
    display: inline !important;
  }
}

@media (max-width: 820px) {
  .inline-t-xs {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .inline-m-max {
    display: inline !important;
  }
}

@media (max-width: 640px) {
  .inline-m-3xl {
    display: inline !important;
  }
}

@media (max-width: 430px) {
  .inline-m-2xl {
    display: inline !important;
  }
}

@media (max-width: 412px) {
  .inline-m-xl {
    display: inline !important;
  }
}

@media (max-width: 390px) {
  .inline-m-lg {
    display: inline !important;
  }
}

@media (max-width: 375px) {
  .inline-m-md {
    display: inline !important;
  }
}

@media (max-width: 360px) {
  .inline-m-sm {
    display: inline !important;
  }
}

@media (max-width: 359px) {
  .inline-m-xs {
    display: inline !important;
  }
}

@media (max-width: 100%) {
  .flex-full {
    display: flex !important;
  }
}

@media (max-width: 1920px) {
  .flex-fit {
    display: flex !important;
  }
}

@media (max-width: 1600px) {
  .flex-2xl {
    display: flex !important;
  }
}

@media (max-width: 1440px) {
  .flex-xl {
    display: flex !important;
  }
}

@media (max-width: 1366px) {
  .flex-t-xl {
    display: flex !important;
  }
}

@media (max-width: 1280px) {
  .flex-t-lg {
    display: flex !important;
  }
}

@media (max-width: 1180px) {
  .flex-t-md {
    display: flex !important;
  }
}

@media (max-width: 1024px) {
  .flex-t-sm {
    display: flex !important;
  }
}

@media (max-width: 820px) {
  .flex-t-xs {
    display: flex !important;
  }
}

@media (max-width: 767px) {
  .flex-m-max {
    display: flex !important;
  }
}

@media (max-width: 640px) {
  .flex-m-3xl {
    display: flex !important;
  }
}

@media (max-width: 430px) {
  .flex-m-2xl {
    display: flex !important;
  }
}

@media (max-width: 412px) {
  .flex-m-xl {
    display: flex !important;
  }
}

@media (max-width: 390px) {
  .flex-m-lg {
    display: flex !important;
  }
}

@media (max-width: 375px) {
  .flex-m-md {
    display: flex !important;
  }
}

@media (max-width: 360px) {
  .flex-m-sm {
    display: flex !important;
  }
}

@media (max-width: 359px) {
  .flex-m-xs {
    display: flex !important;
  }
}

@media (max-width: 100%) {
  .inline-flex-full {
    display: inline-flex !important;
  }
}

@media (max-width: 1920px) {
  .inline-flex-fit {
    display: inline-flex !important;
  }
}

@media (max-width: 1600px) {
  .inline-flex-2xl {
    display: inline-flex !important;
  }
}

@media (max-width: 1440px) {
  .inline-flex-xl {
    display: inline-flex !important;
  }
}

@media (max-width: 1366px) {
  .inline-flex-t-xl {
    display: inline-flex !important;
  }
}

@media (max-width: 1280px) {
  .inline-flex-t-lg {
    display: inline-flex !important;
  }
}

@media (max-width: 1180px) {
  .inline-flex-t-md {
    display: inline-flex !important;
  }
}

@media (max-width: 1024px) {
  .inline-flex-t-sm {
    display: inline-flex !important;
  }
}

@media (max-width: 820px) {
  .inline-flex-t-xs {
    display: inline-flex !important;
  }
}

@media (max-width: 767px) {
  .inline-flex-m-max {
    display: inline-flex !important;
  }
}

@media (max-width: 640px) {
  .inline-flex-m-3xl {
    display: inline-flex !important;
  }
}

@media (max-width: 430px) {
  .inline-flex-m-2xl {
    display: inline-flex !important;
  }
}

@media (max-width: 412px) {
  .inline-flex-m-xl {
    display: inline-flex !important;
  }
}

@media (max-width: 390px) {
  .inline-flex-m-lg {
    display: inline-flex !important;
  }
}

@media (max-width: 375px) {
  .inline-flex-m-md {
    display: inline-flex !important;
  }
}

@media (max-width: 360px) {
  .inline-flex-m-sm {
    display: inline-flex !important;
  }
}

@media (max-width: 359px) {
  .inline-flex-m-xs {
    display: inline-flex !important;
  }
}

@media (max-width: 100%) {
  .grid-full {
    display: grid !important;
  }
}

@media (max-width: 1920px) {
  .grid-fit {
    display: grid !important;
  }
}

@media (max-width: 1600px) {
  .grid-2xl {
    display: grid !important;
  }
}

@media (max-width: 1440px) {
  .grid-xl {
    display: grid !important;
  }
}

@media (max-width: 1366px) {
  .grid-t-xl {
    display: grid !important;
  }
}

@media (max-width: 1280px) {
  .grid-t-lg {
    display: grid !important;
  }
}

@media (max-width: 1180px) {
  .grid-t-md {
    display: grid !important;
  }
}

@media (max-width: 1024px) {
  .grid-t-sm {
    display: grid !important;
  }
}

@media (max-width: 820px) {
  .grid-t-xs {
    display: grid !important;
  }
}

@media (max-width: 767px) {
  .grid-m-max {
    display: grid !important;
  }
}

@media (max-width: 640px) {
  .grid-m-3xl {
    display: grid !important;
  }
}

@media (max-width: 430px) {
  .grid-m-2xl {
    display: grid !important;
  }
}

@media (max-width: 412px) {
  .grid-m-xl {
    display: grid !important;
  }
}

@media (max-width: 390px) {
  .grid-m-lg {
    display: grid !important;
  }
}

@media (max-width: 375px) {
  .grid-m-md {
    display: grid !important;
  }
}

@media (max-width: 360px) {
  .grid-m-sm {
    display: grid !important;
  }
}

@media (max-width: 359px) {
  .grid-m-xs {
    display: grid !important;
  }
}

@media (max-width: 100%) {
  .inline-grid-full {
    display: inline-grid !important;
  }
}

@media (max-width: 1920px) {
  .inline-grid-fit {
    display: inline-grid !important;
  }
}

@media (max-width: 1600px) {
  .inline-grid-2xl {
    display: inline-grid !important;
  }
}

@media (max-width: 1440px) {
  .inline-grid-xl {
    display: inline-grid !important;
  }
}

@media (max-width: 1366px) {
  .inline-grid-t-xl {
    display: inline-grid !important;
  }
}

@media (max-width: 1280px) {
  .inline-grid-t-lg {
    display: inline-grid !important;
  }
}

@media (max-width: 1180px) {
  .inline-grid-t-md {
    display: inline-grid !important;
  }
}

@media (max-width: 1024px) {
  .inline-grid-t-sm {
    display: inline-grid !important;
  }
}

@media (max-width: 820px) {
  .inline-grid-t-xs {
    display: inline-grid !important;
  }
}

@media (max-width: 767px) {
  .inline-grid-m-max {
    display: inline-grid !important;
  }
}

@media (max-width: 640px) {
  .inline-grid-m-3xl {
    display: inline-grid !important;
  }
}

@media (max-width: 430px) {
  .inline-grid-m-2xl {
    display: inline-grid !important;
  }
}

@media (max-width: 412px) {
  .inline-grid-m-xl {
    display: inline-grid !important;
  }
}

@media (max-width: 390px) {
  .inline-grid-m-lg {
    display: inline-grid !important;
  }
}

@media (max-width: 375px) {
  .inline-grid-m-md {
    display: inline-grid !important;
  }
}

@media (max-width: 360px) {
  .inline-grid-m-sm {
    display: inline-grid !important;
  }
}

@media (max-width: 359px) {
  .inline-grid-m-xs {
    display: inline-grid !important;
  }
}

@media (max-width: 100%) {
  .table-full {
    display: table !important;
  }
}

@media (max-width: 1920px) {
  .table-fit {
    display: table !important;
  }
}

@media (max-width: 1600px) {
  .table-2xl {
    display: table !important;
  }
}

@media (max-width: 1440px) {
  .table-xl {
    display: table !important;
  }
}

@media (max-width: 1366px) {
  .table-t-xl {
    display: table !important;
  }
}

@media (max-width: 1280px) {
  .table-t-lg {
    display: table !important;
  }
}

@media (max-width: 1180px) {
  .table-t-md {
    display: table !important;
  }
}

@media (max-width: 1024px) {
  .table-t-sm {
    display: table !important;
  }
}

@media (max-width: 820px) {
  .table-t-xs {
    display: table !important;
  }
}

@media (max-width: 767px) {
  .table-m-max {
    display: table !important;
  }
}

@media (max-width: 640px) {
  .table-m-3xl {
    display: table !important;
  }
}

@media (max-width: 430px) {
  .table-m-2xl {
    display: table !important;
  }
}

@media (max-width: 412px) {
  .table-m-xl {
    display: table !important;
  }
}

@media (max-width: 390px) {
  .table-m-lg {
    display: table !important;
  }
}

@media (max-width: 375px) {
  .table-m-md {
    display: table !important;
  }
}

@media (max-width: 360px) {
  .table-m-sm {
    display: table !important;
  }
}

@media (max-width: 359px) {
  .table-m-xs {
    display: table !important;
  }
}

@media (max-width: 100%) {
  .none-full {
    display: none !important;
  }
}

@media (max-width: 1920px) {
  .none-fit {
    display: none !important;
  }
}

@media (max-width: 1600px) {
  .none-2xl {
    display: none !important;
  }
}

@media (max-width: 1440px) {
  .none-xl {
    display: none !important;
  }
}

@media (max-width: 1366px) {
  .none-t-xl {
    display: none !important;
  }
}

@media (max-width: 1280px) {
  .none-t-lg {
    display: none !important;
  }
}

@media (max-width: 1180px) {
  .none-t-md {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .none-t-sm {
    display: none !important;
  }
}

@media (max-width: 820px) {
  .none-t-xs {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .none-m-max {
    display: none !important;
  }
}

@media (max-width: 640px) {
  .none-m-3xl {
    display: none !important;
  }
}

@media (max-width: 430px) {
  .none-m-2xl {
    display: none !important;
  }
}

@media (max-width: 412px) {
  .none-m-xl {
    display: none !important;
  }
}

@media (max-width: 390px) {
  .none-m-lg {
    display: none !important;
  }
}

@media (max-width: 375px) {
  .none-m-md {
    display: none !important;
  }
}

@media (max-width: 360px) {
  .none-m-sm {
    display: none !important;
  }
}

@media (max-width: 359px) {
  .none-m-xs {
    display: none !important;
  }
}

.w-auto {
  width: auto !important;
}

.min-w-auto {
  min-width: auto !important;
}

.max-w-auto {
  max-width: auto !important;
}

.w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.min-w-fit {
  min-width: -moz-fit-content !important;
  min-width: fit-content !important;
}

.max-w-fit {
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
}

.w-full {
  width: 100% !important;
}

.min-w-full {
  min-width: 100% !important;
}

.max-w-full {
  max-width: 100% !important;
}

.w-50 {
  width: 3.125rem !important;
}

.min-w-50 {
  min-width: 3.125rem !important;
}

.max-w-50 {
  max-width: 3.125rem !important;
}

.w-65 {
  width: 4.0625rem !important;
}

.min-w-65 {
  min-width: 4.0625rem !important;
}

.max-w-65 {
  max-width: 4.0625rem !important;
}

.w-80 {
  width: 5rem !important;
}

.min-w-80 {
  min-width: 5rem !important;
}

.max-w-80 {
  max-width: 5rem !important;
}

.w-90 {
  width: 5.625rem !important;
}

.min-w-90 {
  min-width: 5.625rem !important;
}

.max-w-90 {
  max-width: 5.625rem !important;
}

.w-100 {
  width: 6.25rem !important;
}

.min-w-100 {
  min-width: 6.25rem !important;
}

.max-w-100 {
  max-width: 6.25rem !important;
}

.w-150 {
  width: 9.375rem !important;
}

.min-w-150 {
  min-width: 9.375rem !important;
}

.max-w-150 {
  max-width: 9.375rem !important;
}

.w-120 {
  width: 7.5rem !important;
}

.min-w-120 {
  min-width: 7.5rem !important;
}

.max-w-120 {
  max-width: 7.5rem !important;
}

.w-200 {
  width: 12.5rem !important;
}

.min-w-200 {
  min-width: 12.5rem !important;
}

.max-w-200 {
  max-width: 12.5rem !important;
}

.w-280 {
  width: 17.5rem !important;
}

.min-w-280 {
  min-width: 17.5rem !important;
}

.max-w-280 {
  max-width: 17.5rem !important;
}

@media (max-width: 100%) {
  .w-full-auto {
    width: auto !important;
  }
  .min-w-full-auto {
    min-width: auto !important;
  }
  .max-w-full-auto {
    max-width: auto !important;
  }
  .w-full-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-full-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-full-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-full-full {
    width: 100% !important;
  }
  .min-w-full-full {
    min-width: 100% !important;
  }
  .max-w-full-full {
    max-width: 100% !important;
  }
  .w-full-50 {
    width: 3.125rem !important;
  }
  .min-w-full-50 {
    min-width: 3.125rem !important;
  }
  .max-w-full-50 {
    max-width: 3.125rem !important;
  }
  .w-full-65 {
    width: 4.0625rem !important;
  }
  .min-w-full-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-full-65 {
    max-width: 4.0625rem !important;
  }
  .w-full-80 {
    width: 5rem !important;
  }
  .min-w-full-80 {
    min-width: 5rem !important;
  }
  .max-w-full-80 {
    max-width: 5rem !important;
  }
  .w-full-90 {
    width: 5.625rem !important;
  }
  .min-w-full-90 {
    min-width: 5.625rem !important;
  }
  .max-w-full-90 {
    max-width: 5.625rem !important;
  }
  .w-full-100 {
    width: 6.25rem !important;
  }
  .min-w-full-100 {
    min-width: 6.25rem !important;
  }
  .max-w-full-100 {
    max-width: 6.25rem !important;
  }
  .w-full-150 {
    width: 9.375rem !important;
  }
  .min-w-full-150 {
    min-width: 9.375rem !important;
  }
  .max-w-full-150 {
    max-width: 9.375rem !important;
  }
  .w-full-120 {
    width: 7.5rem !important;
  }
  .min-w-full-120 {
    min-width: 7.5rem !important;
  }
  .max-w-full-120 {
    max-width: 7.5rem !important;
  }
  .w-full-200 {
    width: 12.5rem !important;
  }
  .min-w-full-200 {
    min-width: 12.5rem !important;
  }
  .max-w-full-200 {
    max-width: 12.5rem !important;
  }
  .w-full-280 {
    width: 17.5rem !important;
  }
  .min-w-full-280 {
    min-width: 17.5rem !important;
  }
  .max-w-full-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 1920px) {
  .w-fit-auto {
    width: auto !important;
  }
  .min-w-fit-auto {
    min-width: auto !important;
  }
  .max-w-fit-auto {
    max-width: auto !important;
  }
  .w-fit-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-fit-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-fit-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-fit-full {
    width: 100% !important;
  }
  .min-w-fit-full {
    min-width: 100% !important;
  }
  .max-w-fit-full {
    max-width: 100% !important;
  }
  .w-fit-50 {
    width: 3.125rem !important;
  }
  .min-w-fit-50 {
    min-width: 3.125rem !important;
  }
  .max-w-fit-50 {
    max-width: 3.125rem !important;
  }
  .w-fit-65 {
    width: 4.0625rem !important;
  }
  .min-w-fit-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-fit-65 {
    max-width: 4.0625rem !important;
  }
  .w-fit-80 {
    width: 5rem !important;
  }
  .min-w-fit-80 {
    min-width: 5rem !important;
  }
  .max-w-fit-80 {
    max-width: 5rem !important;
  }
  .w-fit-90 {
    width: 5.625rem !important;
  }
  .min-w-fit-90 {
    min-width: 5.625rem !important;
  }
  .max-w-fit-90 {
    max-width: 5.625rem !important;
  }
  .w-fit-100 {
    width: 6.25rem !important;
  }
  .min-w-fit-100 {
    min-width: 6.25rem !important;
  }
  .max-w-fit-100 {
    max-width: 6.25rem !important;
  }
  .w-fit-150 {
    width: 9.375rem !important;
  }
  .min-w-fit-150 {
    min-width: 9.375rem !important;
  }
  .max-w-fit-150 {
    max-width: 9.375rem !important;
  }
  .w-fit-120 {
    width: 7.5rem !important;
  }
  .min-w-fit-120 {
    min-width: 7.5rem !important;
  }
  .max-w-fit-120 {
    max-width: 7.5rem !important;
  }
  .w-fit-200 {
    width: 12.5rem !important;
  }
  .min-w-fit-200 {
    min-width: 12.5rem !important;
  }
  .max-w-fit-200 {
    max-width: 12.5rem !important;
  }
  .w-fit-280 {
    width: 17.5rem !important;
  }
  .min-w-fit-280 {
    min-width: 17.5rem !important;
  }
  .max-w-fit-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 1600px) {
  .w-2xl-auto {
    width: auto !important;
  }
  .min-w-2xl-auto {
    min-width: auto !important;
  }
  .max-w-2xl-auto {
    max-width: auto !important;
  }
  .w-2xl-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-2xl-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-2xl-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-2xl-full {
    width: 100% !important;
  }
  .min-w-2xl-full {
    min-width: 100% !important;
  }
  .max-w-2xl-full {
    max-width: 100% !important;
  }
  .w-2xl-50 {
    width: 3.125rem !important;
  }
  .min-w-2xl-50 {
    min-width: 3.125rem !important;
  }
  .max-w-2xl-50 {
    max-width: 3.125rem !important;
  }
  .w-2xl-65 {
    width: 4.0625rem !important;
  }
  .min-w-2xl-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-2xl-65 {
    max-width: 4.0625rem !important;
  }
  .w-2xl-80 {
    width: 5rem !important;
  }
  .min-w-2xl-80 {
    min-width: 5rem !important;
  }
  .max-w-2xl-80 {
    max-width: 5rem !important;
  }
  .w-2xl-90 {
    width: 5.625rem !important;
  }
  .min-w-2xl-90 {
    min-width: 5.625rem !important;
  }
  .max-w-2xl-90 {
    max-width: 5.625rem !important;
  }
  .w-2xl-100 {
    width: 6.25rem !important;
  }
  .min-w-2xl-100 {
    min-width: 6.25rem !important;
  }
  .max-w-2xl-100 {
    max-width: 6.25rem !important;
  }
  .w-2xl-150 {
    width: 9.375rem !important;
  }
  .min-w-2xl-150 {
    min-width: 9.375rem !important;
  }
  .max-w-2xl-150 {
    max-width: 9.375rem !important;
  }
  .w-2xl-120 {
    width: 7.5rem !important;
  }
  .min-w-2xl-120 {
    min-width: 7.5rem !important;
  }
  .max-w-2xl-120 {
    max-width: 7.5rem !important;
  }
  .w-2xl-200 {
    width: 12.5rem !important;
  }
  .min-w-2xl-200 {
    min-width: 12.5rem !important;
  }
  .max-w-2xl-200 {
    max-width: 12.5rem !important;
  }
  .w-2xl-280 {
    width: 17.5rem !important;
  }
  .min-w-2xl-280 {
    min-width: 17.5rem !important;
  }
  .max-w-2xl-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 1440px) {
  .w-xl-auto {
    width: auto !important;
  }
  .min-w-xl-auto {
    min-width: auto !important;
  }
  .max-w-xl-auto {
    max-width: auto !important;
  }
  .w-xl-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-xl-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-xl-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-xl-full {
    width: 100% !important;
  }
  .min-w-xl-full {
    min-width: 100% !important;
  }
  .max-w-xl-full {
    max-width: 100% !important;
  }
  .w-xl-50 {
    width: 3.125rem !important;
  }
  .min-w-xl-50 {
    min-width: 3.125rem !important;
  }
  .max-w-xl-50 {
    max-width: 3.125rem !important;
  }
  .w-xl-65 {
    width: 4.0625rem !important;
  }
  .min-w-xl-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-xl-65 {
    max-width: 4.0625rem !important;
  }
  .w-xl-80 {
    width: 5rem !important;
  }
  .min-w-xl-80 {
    min-width: 5rem !important;
  }
  .max-w-xl-80 {
    max-width: 5rem !important;
  }
  .w-xl-90 {
    width: 5.625rem !important;
  }
  .min-w-xl-90 {
    min-width: 5.625rem !important;
  }
  .max-w-xl-90 {
    max-width: 5.625rem !important;
  }
  .w-xl-100 {
    width: 6.25rem !important;
  }
  .min-w-xl-100 {
    min-width: 6.25rem !important;
  }
  .max-w-xl-100 {
    max-width: 6.25rem !important;
  }
  .w-xl-150 {
    width: 9.375rem !important;
  }
  .min-w-xl-150 {
    min-width: 9.375rem !important;
  }
  .max-w-xl-150 {
    max-width: 9.375rem !important;
  }
  .w-xl-120 {
    width: 7.5rem !important;
  }
  .min-w-xl-120 {
    min-width: 7.5rem !important;
  }
  .max-w-xl-120 {
    max-width: 7.5rem !important;
  }
  .w-xl-200 {
    width: 12.5rem !important;
  }
  .min-w-xl-200 {
    min-width: 12.5rem !important;
  }
  .max-w-xl-200 {
    max-width: 12.5rem !important;
  }
  .w-xl-280 {
    width: 17.5rem !important;
  }
  .min-w-xl-280 {
    min-width: 17.5rem !important;
  }
  .max-w-xl-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 1366px) {
  .w-t-xl-auto {
    width: auto !important;
  }
  .min-w-t-xl-auto {
    min-width: auto !important;
  }
  .max-w-t-xl-auto {
    max-width: auto !important;
  }
  .w-t-xl-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-t-xl-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-t-xl-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-t-xl-full {
    width: 100% !important;
  }
  .min-w-t-xl-full {
    min-width: 100% !important;
  }
  .max-w-t-xl-full {
    max-width: 100% !important;
  }
  .w-t-xl-50 {
    width: 3.125rem !important;
  }
  .min-w-t-xl-50 {
    min-width: 3.125rem !important;
  }
  .max-w-t-xl-50 {
    max-width: 3.125rem !important;
  }
  .w-t-xl-65 {
    width: 4.0625rem !important;
  }
  .min-w-t-xl-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-t-xl-65 {
    max-width: 4.0625rem !important;
  }
  .w-t-xl-80 {
    width: 5rem !important;
  }
  .min-w-t-xl-80 {
    min-width: 5rem !important;
  }
  .max-w-t-xl-80 {
    max-width: 5rem !important;
  }
  .w-t-xl-90 {
    width: 5.625rem !important;
  }
  .min-w-t-xl-90 {
    min-width: 5.625rem !important;
  }
  .max-w-t-xl-90 {
    max-width: 5.625rem !important;
  }
  .w-t-xl-100 {
    width: 6.25rem !important;
  }
  .min-w-t-xl-100 {
    min-width: 6.25rem !important;
  }
  .max-w-t-xl-100 {
    max-width: 6.25rem !important;
  }
  .w-t-xl-150 {
    width: 9.375rem !important;
  }
  .min-w-t-xl-150 {
    min-width: 9.375rem !important;
  }
  .max-w-t-xl-150 {
    max-width: 9.375rem !important;
  }
  .w-t-xl-120 {
    width: 7.5rem !important;
  }
  .min-w-t-xl-120 {
    min-width: 7.5rem !important;
  }
  .max-w-t-xl-120 {
    max-width: 7.5rem !important;
  }
  .w-t-xl-200 {
    width: 12.5rem !important;
  }
  .min-w-t-xl-200 {
    min-width: 12.5rem !important;
  }
  .max-w-t-xl-200 {
    max-width: 12.5rem !important;
  }
  .w-t-xl-280 {
    width: 17.5rem !important;
  }
  .min-w-t-xl-280 {
    min-width: 17.5rem !important;
  }
  .max-w-t-xl-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 1280px) {
  .w-t-lg-auto {
    width: auto !important;
  }
  .min-w-t-lg-auto {
    min-width: auto !important;
  }
  .max-w-t-lg-auto {
    max-width: auto !important;
  }
  .w-t-lg-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-t-lg-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-t-lg-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-t-lg-full {
    width: 100% !important;
  }
  .min-w-t-lg-full {
    min-width: 100% !important;
  }
  .max-w-t-lg-full {
    max-width: 100% !important;
  }
  .w-t-lg-50 {
    width: 3.125rem !important;
  }
  .min-w-t-lg-50 {
    min-width: 3.125rem !important;
  }
  .max-w-t-lg-50 {
    max-width: 3.125rem !important;
  }
  .w-t-lg-65 {
    width: 4.0625rem !important;
  }
  .min-w-t-lg-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-t-lg-65 {
    max-width: 4.0625rem !important;
  }
  .w-t-lg-80 {
    width: 5rem !important;
  }
  .min-w-t-lg-80 {
    min-width: 5rem !important;
  }
  .max-w-t-lg-80 {
    max-width: 5rem !important;
  }
  .w-t-lg-90 {
    width: 5.625rem !important;
  }
  .min-w-t-lg-90 {
    min-width: 5.625rem !important;
  }
  .max-w-t-lg-90 {
    max-width: 5.625rem !important;
  }
  .w-t-lg-100 {
    width: 6.25rem !important;
  }
  .min-w-t-lg-100 {
    min-width: 6.25rem !important;
  }
  .max-w-t-lg-100 {
    max-width: 6.25rem !important;
  }
  .w-t-lg-150 {
    width: 9.375rem !important;
  }
  .min-w-t-lg-150 {
    min-width: 9.375rem !important;
  }
  .max-w-t-lg-150 {
    max-width: 9.375rem !important;
  }
  .w-t-lg-120 {
    width: 7.5rem !important;
  }
  .min-w-t-lg-120 {
    min-width: 7.5rem !important;
  }
  .max-w-t-lg-120 {
    max-width: 7.5rem !important;
  }
  .w-t-lg-200 {
    width: 12.5rem !important;
  }
  .min-w-t-lg-200 {
    min-width: 12.5rem !important;
  }
  .max-w-t-lg-200 {
    max-width: 12.5rem !important;
  }
  .w-t-lg-280 {
    width: 17.5rem !important;
  }
  .min-w-t-lg-280 {
    min-width: 17.5rem !important;
  }
  .max-w-t-lg-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 1180px) {
  .w-t-md-auto {
    width: auto !important;
  }
  .min-w-t-md-auto {
    min-width: auto !important;
  }
  .max-w-t-md-auto {
    max-width: auto !important;
  }
  .w-t-md-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-t-md-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-t-md-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-t-md-full {
    width: 100% !important;
  }
  .min-w-t-md-full {
    min-width: 100% !important;
  }
  .max-w-t-md-full {
    max-width: 100% !important;
  }
  .w-t-md-50 {
    width: 3.125rem !important;
  }
  .min-w-t-md-50 {
    min-width: 3.125rem !important;
  }
  .max-w-t-md-50 {
    max-width: 3.125rem !important;
  }
  .w-t-md-65 {
    width: 4.0625rem !important;
  }
  .min-w-t-md-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-t-md-65 {
    max-width: 4.0625rem !important;
  }
  .w-t-md-80 {
    width: 5rem !important;
  }
  .min-w-t-md-80 {
    min-width: 5rem !important;
  }
  .max-w-t-md-80 {
    max-width: 5rem !important;
  }
  .w-t-md-90 {
    width: 5.625rem !important;
  }
  .min-w-t-md-90 {
    min-width: 5.625rem !important;
  }
  .max-w-t-md-90 {
    max-width: 5.625rem !important;
  }
  .w-t-md-100 {
    width: 6.25rem !important;
  }
  .min-w-t-md-100 {
    min-width: 6.25rem !important;
  }
  .max-w-t-md-100 {
    max-width: 6.25rem !important;
  }
  .w-t-md-150 {
    width: 9.375rem !important;
  }
  .min-w-t-md-150 {
    min-width: 9.375rem !important;
  }
  .max-w-t-md-150 {
    max-width: 9.375rem !important;
  }
  .w-t-md-120 {
    width: 7.5rem !important;
  }
  .min-w-t-md-120 {
    min-width: 7.5rem !important;
  }
  .max-w-t-md-120 {
    max-width: 7.5rem !important;
  }
  .w-t-md-200 {
    width: 12.5rem !important;
  }
  .min-w-t-md-200 {
    min-width: 12.5rem !important;
  }
  .max-w-t-md-200 {
    max-width: 12.5rem !important;
  }
  .w-t-md-280 {
    width: 17.5rem !important;
  }
  .min-w-t-md-280 {
    min-width: 17.5rem !important;
  }
  .max-w-t-md-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 1024px) {
  .w-t-sm-auto {
    width: auto !important;
  }
  .min-w-t-sm-auto {
    min-width: auto !important;
  }
  .max-w-t-sm-auto {
    max-width: auto !important;
  }
  .w-t-sm-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-t-sm-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-t-sm-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-t-sm-full {
    width: 100% !important;
  }
  .min-w-t-sm-full {
    min-width: 100% !important;
  }
  .max-w-t-sm-full {
    max-width: 100% !important;
  }
  .w-t-sm-50 {
    width: 3.125rem !important;
  }
  .min-w-t-sm-50 {
    min-width: 3.125rem !important;
  }
  .max-w-t-sm-50 {
    max-width: 3.125rem !important;
  }
  .w-t-sm-65 {
    width: 4.0625rem !important;
  }
  .min-w-t-sm-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-t-sm-65 {
    max-width: 4.0625rem !important;
  }
  .w-t-sm-80 {
    width: 5rem !important;
  }
  .min-w-t-sm-80 {
    min-width: 5rem !important;
  }
  .max-w-t-sm-80 {
    max-width: 5rem !important;
  }
  .w-t-sm-90 {
    width: 5.625rem !important;
  }
  .min-w-t-sm-90 {
    min-width: 5.625rem !important;
  }
  .max-w-t-sm-90 {
    max-width: 5.625rem !important;
  }
  .w-t-sm-100 {
    width: 6.25rem !important;
  }
  .min-w-t-sm-100 {
    min-width: 6.25rem !important;
  }
  .max-w-t-sm-100 {
    max-width: 6.25rem !important;
  }
  .w-t-sm-150 {
    width: 9.375rem !important;
  }
  .min-w-t-sm-150 {
    min-width: 9.375rem !important;
  }
  .max-w-t-sm-150 {
    max-width: 9.375rem !important;
  }
  .w-t-sm-120 {
    width: 7.5rem !important;
  }
  .min-w-t-sm-120 {
    min-width: 7.5rem !important;
  }
  .max-w-t-sm-120 {
    max-width: 7.5rem !important;
  }
  .w-t-sm-200 {
    width: 12.5rem !important;
  }
  .min-w-t-sm-200 {
    min-width: 12.5rem !important;
  }
  .max-w-t-sm-200 {
    max-width: 12.5rem !important;
  }
  .w-t-sm-280 {
    width: 17.5rem !important;
  }
  .min-w-t-sm-280 {
    min-width: 17.5rem !important;
  }
  .max-w-t-sm-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 820px) {
  .w-t-xs-auto {
    width: auto !important;
  }
  .min-w-t-xs-auto {
    min-width: auto !important;
  }
  .max-w-t-xs-auto {
    max-width: auto !important;
  }
  .w-t-xs-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-t-xs-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-t-xs-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-t-xs-full {
    width: 100% !important;
  }
  .min-w-t-xs-full {
    min-width: 100% !important;
  }
  .max-w-t-xs-full {
    max-width: 100% !important;
  }
  .w-t-xs-50 {
    width: 3.125rem !important;
  }
  .min-w-t-xs-50 {
    min-width: 3.125rem !important;
  }
  .max-w-t-xs-50 {
    max-width: 3.125rem !important;
  }
  .w-t-xs-65 {
    width: 4.0625rem !important;
  }
  .min-w-t-xs-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-t-xs-65 {
    max-width: 4.0625rem !important;
  }
  .w-t-xs-80 {
    width: 5rem !important;
  }
  .min-w-t-xs-80 {
    min-width: 5rem !important;
  }
  .max-w-t-xs-80 {
    max-width: 5rem !important;
  }
  .w-t-xs-90 {
    width: 5.625rem !important;
  }
  .min-w-t-xs-90 {
    min-width: 5.625rem !important;
  }
  .max-w-t-xs-90 {
    max-width: 5.625rem !important;
  }
  .w-t-xs-100 {
    width: 6.25rem !important;
  }
  .min-w-t-xs-100 {
    min-width: 6.25rem !important;
  }
  .max-w-t-xs-100 {
    max-width: 6.25rem !important;
  }
  .w-t-xs-150 {
    width: 9.375rem !important;
  }
  .min-w-t-xs-150 {
    min-width: 9.375rem !important;
  }
  .max-w-t-xs-150 {
    max-width: 9.375rem !important;
  }
  .w-t-xs-120 {
    width: 7.5rem !important;
  }
  .min-w-t-xs-120 {
    min-width: 7.5rem !important;
  }
  .max-w-t-xs-120 {
    max-width: 7.5rem !important;
  }
  .w-t-xs-200 {
    width: 12.5rem !important;
  }
  .min-w-t-xs-200 {
    min-width: 12.5rem !important;
  }
  .max-w-t-xs-200 {
    max-width: 12.5rem !important;
  }
  .w-t-xs-280 {
    width: 17.5rem !important;
  }
  .min-w-t-xs-280 {
    min-width: 17.5rem !important;
  }
  .max-w-t-xs-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 767px) {
  .w-m-max-auto {
    width: auto !important;
  }
  .min-w-m-max-auto {
    min-width: auto !important;
  }
  .max-w-m-max-auto {
    max-width: auto !important;
  }
  .w-m-max-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-m-max-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-m-max-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-m-max-full {
    width: 100% !important;
  }
  .min-w-m-max-full {
    min-width: 100% !important;
  }
  .max-w-m-max-full {
    max-width: 100% !important;
  }
  .w-m-max-50 {
    width: 3.125rem !important;
  }
  .min-w-m-max-50 {
    min-width: 3.125rem !important;
  }
  .max-w-m-max-50 {
    max-width: 3.125rem !important;
  }
  .w-m-max-65 {
    width: 4.0625rem !important;
  }
  .min-w-m-max-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-m-max-65 {
    max-width: 4.0625rem !important;
  }
  .w-m-max-80 {
    width: 5rem !important;
  }
  .min-w-m-max-80 {
    min-width: 5rem !important;
  }
  .max-w-m-max-80 {
    max-width: 5rem !important;
  }
  .w-m-max-90 {
    width: 5.625rem !important;
  }
  .min-w-m-max-90 {
    min-width: 5.625rem !important;
  }
  .max-w-m-max-90 {
    max-width: 5.625rem !important;
  }
  .w-m-max-100 {
    width: 6.25rem !important;
  }
  .min-w-m-max-100 {
    min-width: 6.25rem !important;
  }
  .max-w-m-max-100 {
    max-width: 6.25rem !important;
  }
  .w-m-max-150 {
    width: 9.375rem !important;
  }
  .min-w-m-max-150 {
    min-width: 9.375rem !important;
  }
  .max-w-m-max-150 {
    max-width: 9.375rem !important;
  }
  .w-m-max-120 {
    width: 7.5rem !important;
  }
  .min-w-m-max-120 {
    min-width: 7.5rem !important;
  }
  .max-w-m-max-120 {
    max-width: 7.5rem !important;
  }
  .w-m-max-200 {
    width: 12.5rem !important;
  }
  .min-w-m-max-200 {
    min-width: 12.5rem !important;
  }
  .max-w-m-max-200 {
    max-width: 12.5rem !important;
  }
  .w-m-max-280 {
    width: 17.5rem !important;
  }
  .min-w-m-max-280 {
    min-width: 17.5rem !important;
  }
  .max-w-m-max-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 640px) {
  .w-m-3xl-auto {
    width: auto !important;
  }
  .min-w-m-3xl-auto {
    min-width: auto !important;
  }
  .max-w-m-3xl-auto {
    max-width: auto !important;
  }
  .w-m-3xl-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-m-3xl-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-m-3xl-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-m-3xl-full {
    width: 100% !important;
  }
  .min-w-m-3xl-full {
    min-width: 100% !important;
  }
  .max-w-m-3xl-full {
    max-width: 100% !important;
  }
  .w-m-3xl-50 {
    width: 3.125rem !important;
  }
  .min-w-m-3xl-50 {
    min-width: 3.125rem !important;
  }
  .max-w-m-3xl-50 {
    max-width: 3.125rem !important;
  }
  .w-m-3xl-65 {
    width: 4.0625rem !important;
  }
  .min-w-m-3xl-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-m-3xl-65 {
    max-width: 4.0625rem !important;
  }
  .w-m-3xl-80 {
    width: 5rem !important;
  }
  .min-w-m-3xl-80 {
    min-width: 5rem !important;
  }
  .max-w-m-3xl-80 {
    max-width: 5rem !important;
  }
  .w-m-3xl-90 {
    width: 5.625rem !important;
  }
  .min-w-m-3xl-90 {
    min-width: 5.625rem !important;
  }
  .max-w-m-3xl-90 {
    max-width: 5.625rem !important;
  }
  .w-m-3xl-100 {
    width: 6.25rem !important;
  }
  .min-w-m-3xl-100 {
    min-width: 6.25rem !important;
  }
  .max-w-m-3xl-100 {
    max-width: 6.25rem !important;
  }
  .w-m-3xl-150 {
    width: 9.375rem !important;
  }
  .min-w-m-3xl-150 {
    min-width: 9.375rem !important;
  }
  .max-w-m-3xl-150 {
    max-width: 9.375rem !important;
  }
  .w-m-3xl-120 {
    width: 7.5rem !important;
  }
  .min-w-m-3xl-120 {
    min-width: 7.5rem !important;
  }
  .max-w-m-3xl-120 {
    max-width: 7.5rem !important;
  }
  .w-m-3xl-200 {
    width: 12.5rem !important;
  }
  .min-w-m-3xl-200 {
    min-width: 12.5rem !important;
  }
  .max-w-m-3xl-200 {
    max-width: 12.5rem !important;
  }
  .w-m-3xl-280 {
    width: 17.5rem !important;
  }
  .min-w-m-3xl-280 {
    min-width: 17.5rem !important;
  }
  .max-w-m-3xl-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 430px) {
  .w-m-2xl-auto {
    width: auto !important;
  }
  .min-w-m-2xl-auto {
    min-width: auto !important;
  }
  .max-w-m-2xl-auto {
    max-width: auto !important;
  }
  .w-m-2xl-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-m-2xl-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-m-2xl-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-m-2xl-full {
    width: 100% !important;
  }
  .min-w-m-2xl-full {
    min-width: 100% !important;
  }
  .max-w-m-2xl-full {
    max-width: 100% !important;
  }
  .w-m-2xl-50 {
    width: 3.125rem !important;
  }
  .min-w-m-2xl-50 {
    min-width: 3.125rem !important;
  }
  .max-w-m-2xl-50 {
    max-width: 3.125rem !important;
  }
  .w-m-2xl-65 {
    width: 4.0625rem !important;
  }
  .min-w-m-2xl-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-m-2xl-65 {
    max-width: 4.0625rem !important;
  }
  .w-m-2xl-80 {
    width: 5rem !important;
  }
  .min-w-m-2xl-80 {
    min-width: 5rem !important;
  }
  .max-w-m-2xl-80 {
    max-width: 5rem !important;
  }
  .w-m-2xl-90 {
    width: 5.625rem !important;
  }
  .min-w-m-2xl-90 {
    min-width: 5.625rem !important;
  }
  .max-w-m-2xl-90 {
    max-width: 5.625rem !important;
  }
  .w-m-2xl-100 {
    width: 6.25rem !important;
  }
  .min-w-m-2xl-100 {
    min-width: 6.25rem !important;
  }
  .max-w-m-2xl-100 {
    max-width: 6.25rem !important;
  }
  .w-m-2xl-150 {
    width: 9.375rem !important;
  }
  .min-w-m-2xl-150 {
    min-width: 9.375rem !important;
  }
  .max-w-m-2xl-150 {
    max-width: 9.375rem !important;
  }
  .w-m-2xl-120 {
    width: 7.5rem !important;
  }
  .min-w-m-2xl-120 {
    min-width: 7.5rem !important;
  }
  .max-w-m-2xl-120 {
    max-width: 7.5rem !important;
  }
  .w-m-2xl-200 {
    width: 12.5rem !important;
  }
  .min-w-m-2xl-200 {
    min-width: 12.5rem !important;
  }
  .max-w-m-2xl-200 {
    max-width: 12.5rem !important;
  }
  .w-m-2xl-280 {
    width: 17.5rem !important;
  }
  .min-w-m-2xl-280 {
    min-width: 17.5rem !important;
  }
  .max-w-m-2xl-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 412px) {
  .w-m-xl-auto {
    width: auto !important;
  }
  .min-w-m-xl-auto {
    min-width: auto !important;
  }
  .max-w-m-xl-auto {
    max-width: auto !important;
  }
  .w-m-xl-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-m-xl-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-m-xl-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-m-xl-full {
    width: 100% !important;
  }
  .min-w-m-xl-full {
    min-width: 100% !important;
  }
  .max-w-m-xl-full {
    max-width: 100% !important;
  }
  .w-m-xl-50 {
    width: 3.125rem !important;
  }
  .min-w-m-xl-50 {
    min-width: 3.125rem !important;
  }
  .max-w-m-xl-50 {
    max-width: 3.125rem !important;
  }
  .w-m-xl-65 {
    width: 4.0625rem !important;
  }
  .min-w-m-xl-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-m-xl-65 {
    max-width: 4.0625rem !important;
  }
  .w-m-xl-80 {
    width: 5rem !important;
  }
  .min-w-m-xl-80 {
    min-width: 5rem !important;
  }
  .max-w-m-xl-80 {
    max-width: 5rem !important;
  }
  .w-m-xl-90 {
    width: 5.625rem !important;
  }
  .min-w-m-xl-90 {
    min-width: 5.625rem !important;
  }
  .max-w-m-xl-90 {
    max-width: 5.625rem !important;
  }
  .w-m-xl-100 {
    width: 6.25rem !important;
  }
  .min-w-m-xl-100 {
    min-width: 6.25rem !important;
  }
  .max-w-m-xl-100 {
    max-width: 6.25rem !important;
  }
  .w-m-xl-150 {
    width: 9.375rem !important;
  }
  .min-w-m-xl-150 {
    min-width: 9.375rem !important;
  }
  .max-w-m-xl-150 {
    max-width: 9.375rem !important;
  }
  .w-m-xl-120 {
    width: 7.5rem !important;
  }
  .min-w-m-xl-120 {
    min-width: 7.5rem !important;
  }
  .max-w-m-xl-120 {
    max-width: 7.5rem !important;
  }
  .w-m-xl-200 {
    width: 12.5rem !important;
  }
  .min-w-m-xl-200 {
    min-width: 12.5rem !important;
  }
  .max-w-m-xl-200 {
    max-width: 12.5rem !important;
  }
  .w-m-xl-280 {
    width: 17.5rem !important;
  }
  .min-w-m-xl-280 {
    min-width: 17.5rem !important;
  }
  .max-w-m-xl-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 390px) {
  .w-m-lg-auto {
    width: auto !important;
  }
  .min-w-m-lg-auto {
    min-width: auto !important;
  }
  .max-w-m-lg-auto {
    max-width: auto !important;
  }
  .w-m-lg-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-m-lg-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-m-lg-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-m-lg-full {
    width: 100% !important;
  }
  .min-w-m-lg-full {
    min-width: 100% !important;
  }
  .max-w-m-lg-full {
    max-width: 100% !important;
  }
  .w-m-lg-50 {
    width: 3.125rem !important;
  }
  .min-w-m-lg-50 {
    min-width: 3.125rem !important;
  }
  .max-w-m-lg-50 {
    max-width: 3.125rem !important;
  }
  .w-m-lg-65 {
    width: 4.0625rem !important;
  }
  .min-w-m-lg-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-m-lg-65 {
    max-width: 4.0625rem !important;
  }
  .w-m-lg-80 {
    width: 5rem !important;
  }
  .min-w-m-lg-80 {
    min-width: 5rem !important;
  }
  .max-w-m-lg-80 {
    max-width: 5rem !important;
  }
  .w-m-lg-90 {
    width: 5.625rem !important;
  }
  .min-w-m-lg-90 {
    min-width: 5.625rem !important;
  }
  .max-w-m-lg-90 {
    max-width: 5.625rem !important;
  }
  .w-m-lg-100 {
    width: 6.25rem !important;
  }
  .min-w-m-lg-100 {
    min-width: 6.25rem !important;
  }
  .max-w-m-lg-100 {
    max-width: 6.25rem !important;
  }
  .w-m-lg-150 {
    width: 9.375rem !important;
  }
  .min-w-m-lg-150 {
    min-width: 9.375rem !important;
  }
  .max-w-m-lg-150 {
    max-width: 9.375rem !important;
  }
  .w-m-lg-120 {
    width: 7.5rem !important;
  }
  .min-w-m-lg-120 {
    min-width: 7.5rem !important;
  }
  .max-w-m-lg-120 {
    max-width: 7.5rem !important;
  }
  .w-m-lg-200 {
    width: 12.5rem !important;
  }
  .min-w-m-lg-200 {
    min-width: 12.5rem !important;
  }
  .max-w-m-lg-200 {
    max-width: 12.5rem !important;
  }
  .w-m-lg-280 {
    width: 17.5rem !important;
  }
  .min-w-m-lg-280 {
    min-width: 17.5rem !important;
  }
  .max-w-m-lg-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 375px) {
  .w-m-md-auto {
    width: auto !important;
  }
  .min-w-m-md-auto {
    min-width: auto !important;
  }
  .max-w-m-md-auto {
    max-width: auto !important;
  }
  .w-m-md-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-m-md-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-m-md-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-m-md-full {
    width: 100% !important;
  }
  .min-w-m-md-full {
    min-width: 100% !important;
  }
  .max-w-m-md-full {
    max-width: 100% !important;
  }
  .w-m-md-50 {
    width: 3.125rem !important;
  }
  .min-w-m-md-50 {
    min-width: 3.125rem !important;
  }
  .max-w-m-md-50 {
    max-width: 3.125rem !important;
  }
  .w-m-md-65 {
    width: 4.0625rem !important;
  }
  .min-w-m-md-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-m-md-65 {
    max-width: 4.0625rem !important;
  }
  .w-m-md-80 {
    width: 5rem !important;
  }
  .min-w-m-md-80 {
    min-width: 5rem !important;
  }
  .max-w-m-md-80 {
    max-width: 5rem !important;
  }
  .w-m-md-90 {
    width: 5.625rem !important;
  }
  .min-w-m-md-90 {
    min-width: 5.625rem !important;
  }
  .max-w-m-md-90 {
    max-width: 5.625rem !important;
  }
  .w-m-md-100 {
    width: 6.25rem !important;
  }
  .min-w-m-md-100 {
    min-width: 6.25rem !important;
  }
  .max-w-m-md-100 {
    max-width: 6.25rem !important;
  }
  .w-m-md-150 {
    width: 9.375rem !important;
  }
  .min-w-m-md-150 {
    min-width: 9.375rem !important;
  }
  .max-w-m-md-150 {
    max-width: 9.375rem !important;
  }
  .w-m-md-120 {
    width: 7.5rem !important;
  }
  .min-w-m-md-120 {
    min-width: 7.5rem !important;
  }
  .max-w-m-md-120 {
    max-width: 7.5rem !important;
  }
  .w-m-md-200 {
    width: 12.5rem !important;
  }
  .min-w-m-md-200 {
    min-width: 12.5rem !important;
  }
  .max-w-m-md-200 {
    max-width: 12.5rem !important;
  }
  .w-m-md-280 {
    width: 17.5rem !important;
  }
  .min-w-m-md-280 {
    min-width: 17.5rem !important;
  }
  .max-w-m-md-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 360px) {
  .w-m-sm-auto {
    width: auto !important;
  }
  .min-w-m-sm-auto {
    min-width: auto !important;
  }
  .max-w-m-sm-auto {
    max-width: auto !important;
  }
  .w-m-sm-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-m-sm-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-m-sm-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-m-sm-full {
    width: 100% !important;
  }
  .min-w-m-sm-full {
    min-width: 100% !important;
  }
  .max-w-m-sm-full {
    max-width: 100% !important;
  }
  .w-m-sm-50 {
    width: 3.125rem !important;
  }
  .min-w-m-sm-50 {
    min-width: 3.125rem !important;
  }
  .max-w-m-sm-50 {
    max-width: 3.125rem !important;
  }
  .w-m-sm-65 {
    width: 4.0625rem !important;
  }
  .min-w-m-sm-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-m-sm-65 {
    max-width: 4.0625rem !important;
  }
  .w-m-sm-80 {
    width: 5rem !important;
  }
  .min-w-m-sm-80 {
    min-width: 5rem !important;
  }
  .max-w-m-sm-80 {
    max-width: 5rem !important;
  }
  .w-m-sm-90 {
    width: 5.625rem !important;
  }
  .min-w-m-sm-90 {
    min-width: 5.625rem !important;
  }
  .max-w-m-sm-90 {
    max-width: 5.625rem !important;
  }
  .w-m-sm-100 {
    width: 6.25rem !important;
  }
  .min-w-m-sm-100 {
    min-width: 6.25rem !important;
  }
  .max-w-m-sm-100 {
    max-width: 6.25rem !important;
  }
  .w-m-sm-150 {
    width: 9.375rem !important;
  }
  .min-w-m-sm-150 {
    min-width: 9.375rem !important;
  }
  .max-w-m-sm-150 {
    max-width: 9.375rem !important;
  }
  .w-m-sm-120 {
    width: 7.5rem !important;
  }
  .min-w-m-sm-120 {
    min-width: 7.5rem !important;
  }
  .max-w-m-sm-120 {
    max-width: 7.5rem !important;
  }
  .w-m-sm-200 {
    width: 12.5rem !important;
  }
  .min-w-m-sm-200 {
    min-width: 12.5rem !important;
  }
  .max-w-m-sm-200 {
    max-width: 12.5rem !important;
  }
  .w-m-sm-280 {
    width: 17.5rem !important;
  }
  .min-w-m-sm-280 {
    min-width: 17.5rem !important;
  }
  .max-w-m-sm-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 359px) {
  .w-m-xs-auto {
    width: auto !important;
  }
  .min-w-m-xs-auto {
    min-width: auto !important;
  }
  .max-w-m-xs-auto {
    max-width: auto !important;
  }
  .w-m-xs-fit {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }
  .min-w-m-xs-fit {
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
  }
  .max-w-m-xs-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
  }
  .w-m-xs-full {
    width: 100% !important;
  }
  .min-w-m-xs-full {
    min-width: 100% !important;
  }
  .max-w-m-xs-full {
    max-width: 100% !important;
  }
  .w-m-xs-50 {
    width: 3.125rem !important;
  }
  .min-w-m-xs-50 {
    min-width: 3.125rem !important;
  }
  .max-w-m-xs-50 {
    max-width: 3.125rem !important;
  }
  .w-m-xs-65 {
    width: 4.0625rem !important;
  }
  .min-w-m-xs-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-m-xs-65 {
    max-width: 4.0625rem !important;
  }
  .w-m-xs-80 {
    width: 5rem !important;
  }
  .min-w-m-xs-80 {
    min-width: 5rem !important;
  }
  .max-w-m-xs-80 {
    max-width: 5rem !important;
  }
  .w-m-xs-90 {
    width: 5.625rem !important;
  }
  .min-w-m-xs-90 {
    min-width: 5.625rem !important;
  }
  .max-w-m-xs-90 {
    max-width: 5.625rem !important;
  }
  .w-m-xs-100 {
    width: 6.25rem !important;
  }
  .min-w-m-xs-100 {
    min-width: 6.25rem !important;
  }
  .max-w-m-xs-100 {
    max-width: 6.25rem !important;
  }
  .w-m-xs-150 {
    width: 9.375rem !important;
  }
  .min-w-m-xs-150 {
    min-width: 9.375rem !important;
  }
  .max-w-m-xs-150 {
    max-width: 9.375rem !important;
  }
  .w-m-xs-120 {
    width: 7.5rem !important;
  }
  .min-w-m-xs-120 {
    min-width: 7.5rem !important;
  }
  .max-w-m-xs-120 {
    max-width: 7.5rem !important;
  }
  .w-m-xs-200 {
    width: 12.5rem !important;
  }
  .min-w-m-xs-200 {
    min-width: 12.5rem !important;
  }
  .max-w-m-xs-200 {
    max-width: 12.5rem !important;
  }
  .w-m-xs-280 {
    width: 17.5rem !important;
  }
  .min-w-m-xs-280 {
    min-width: 17.5rem !important;
  }
  .max-w-m-xs-280 {
    max-width: 17.5rem !important;
  }
}
.h-180 {
  height: 11.25rem !important;
}

.min-h-180 {
  min-height: 11.25rem !important;
}

.max-h-180 {
  max-height: 11.25rem !important;
}

.h-200 {
  height: 12.5rem !important;
}

.min-h-200 {
  min-height: 12.5rem !important;
}

.max-h-200 {
  max-height: 12.5rem !important;
}

.h-300 {
  height: 18.75rem !important;
}

.min-h-300 {
  min-height: 18.75rem !important;
}

.max-h-300 {
  max-height: 18.75rem !important;
}

.h-500 {
  height: 31.25rem !important;
}

.min-h-500 {
  min-height: 31.25rem !important;
}

.max-h-500 {
  max-height: 31.25rem !important;
}

.h-600 {
  height: 37.5rem !important;
}

.min-h-600 {
  min-height: 37.5rem !important;
}

.max-h-600 {
  max-height: 37.5rem !important;
}

.h-1080 {
  height: 67.5rem !important;
}

.min-h-1080 {
  min-height: 67.5rem !important;
}

.max-h-1080 {
  max-height: 67.5rem !important;
}

.h-full {
  height: 100% !important;
}

.min-h-full {
  min-height: 100% !important;
}

.max-h-full {
  max-height: 100% !important;
}

@media (max-width: 100%) {
  .h-full-180 {
    height: 11.25rem !important;
  }
  .min-h-full-180 {
    min-height: 11.25rem !important;
  }
  .max-h-full-180 {
    max-height: 11.25rem !important;
  }
  .h-full-200 {
    height: 12.5rem !important;
  }
  .min-h-full-200 {
    min-height: 12.5rem !important;
  }
  .max-h-full-200 {
    max-height: 12.5rem !important;
  }
  .h-full-300 {
    height: 18.75rem !important;
  }
  .min-h-full-300 {
    min-height: 18.75rem !important;
  }
  .max-h-full-300 {
    max-height: 18.75rem !important;
  }
  .h-full-500 {
    height: 31.25rem !important;
  }
  .min-h-full-500 {
    min-height: 31.25rem !important;
  }
  .max-h-full-500 {
    max-height: 31.25rem !important;
  }
  .h-full-600 {
    height: 37.5rem !important;
  }
  .min-h-full-600 {
    min-height: 37.5rem !important;
  }
  .max-h-full-600 {
    max-height: 37.5rem !important;
  }
  .h-full-1080 {
    height: 67.5rem !important;
  }
  .min-h-full-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-full-1080 {
    max-height: 67.5rem !important;
  }
  .h-full-full {
    height: 100% !important;
  }
  .min-h-full-full {
    min-height: 100% !important;
  }
  .max-h-full-full {
    max-height: 100% !important;
  }
}
@media (max-width: 1920px) {
  .h-fit-180 {
    height: 11.25rem !important;
  }
  .min-h-fit-180 {
    min-height: 11.25rem !important;
  }
  .max-h-fit-180 {
    max-height: 11.25rem !important;
  }
  .h-fit-200 {
    height: 12.5rem !important;
  }
  .min-h-fit-200 {
    min-height: 12.5rem !important;
  }
  .max-h-fit-200 {
    max-height: 12.5rem !important;
  }
  .h-fit-300 {
    height: 18.75rem !important;
  }
  .min-h-fit-300 {
    min-height: 18.75rem !important;
  }
  .max-h-fit-300 {
    max-height: 18.75rem !important;
  }
  .h-fit-500 {
    height: 31.25rem !important;
  }
  .min-h-fit-500 {
    min-height: 31.25rem !important;
  }
  .max-h-fit-500 {
    max-height: 31.25rem !important;
  }
  .h-fit-600 {
    height: 37.5rem !important;
  }
  .min-h-fit-600 {
    min-height: 37.5rem !important;
  }
  .max-h-fit-600 {
    max-height: 37.5rem !important;
  }
  .h-fit-1080 {
    height: 67.5rem !important;
  }
  .min-h-fit-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-fit-1080 {
    max-height: 67.5rem !important;
  }
  .h-fit-full {
    height: 100% !important;
  }
  .min-h-fit-full {
    min-height: 100% !important;
  }
  .max-h-fit-full {
    max-height: 100% !important;
  }
}
@media (max-width: 1600px) {
  .h-2xl-180 {
    height: 11.25rem !important;
  }
  .min-h-2xl-180 {
    min-height: 11.25rem !important;
  }
  .max-h-2xl-180 {
    max-height: 11.25rem !important;
  }
  .h-2xl-200 {
    height: 12.5rem !important;
  }
  .min-h-2xl-200 {
    min-height: 12.5rem !important;
  }
  .max-h-2xl-200 {
    max-height: 12.5rem !important;
  }
  .h-2xl-300 {
    height: 18.75rem !important;
  }
  .min-h-2xl-300 {
    min-height: 18.75rem !important;
  }
  .max-h-2xl-300 {
    max-height: 18.75rem !important;
  }
  .h-2xl-500 {
    height: 31.25rem !important;
  }
  .min-h-2xl-500 {
    min-height: 31.25rem !important;
  }
  .max-h-2xl-500 {
    max-height: 31.25rem !important;
  }
  .h-2xl-600 {
    height: 37.5rem !important;
  }
  .min-h-2xl-600 {
    min-height: 37.5rem !important;
  }
  .max-h-2xl-600 {
    max-height: 37.5rem !important;
  }
  .h-2xl-1080 {
    height: 67.5rem !important;
  }
  .min-h-2xl-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-2xl-1080 {
    max-height: 67.5rem !important;
  }
  .h-2xl-full {
    height: 100% !important;
  }
  .min-h-2xl-full {
    min-height: 100% !important;
  }
  .max-h-2xl-full {
    max-height: 100% !important;
  }
}
@media (max-width: 1440px) {
  .h-xl-180 {
    height: 11.25rem !important;
  }
  .min-h-xl-180 {
    min-height: 11.25rem !important;
  }
  .max-h-xl-180 {
    max-height: 11.25rem !important;
  }
  .h-xl-200 {
    height: 12.5rem !important;
  }
  .min-h-xl-200 {
    min-height: 12.5rem !important;
  }
  .max-h-xl-200 {
    max-height: 12.5rem !important;
  }
  .h-xl-300 {
    height: 18.75rem !important;
  }
  .min-h-xl-300 {
    min-height: 18.75rem !important;
  }
  .max-h-xl-300 {
    max-height: 18.75rem !important;
  }
  .h-xl-500 {
    height: 31.25rem !important;
  }
  .min-h-xl-500 {
    min-height: 31.25rem !important;
  }
  .max-h-xl-500 {
    max-height: 31.25rem !important;
  }
  .h-xl-600 {
    height: 37.5rem !important;
  }
  .min-h-xl-600 {
    min-height: 37.5rem !important;
  }
  .max-h-xl-600 {
    max-height: 37.5rem !important;
  }
  .h-xl-1080 {
    height: 67.5rem !important;
  }
  .min-h-xl-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-xl-1080 {
    max-height: 67.5rem !important;
  }
  .h-xl-full {
    height: 100% !important;
  }
  .min-h-xl-full {
    min-height: 100% !important;
  }
  .max-h-xl-full {
    max-height: 100% !important;
  }
}
@media (max-width: 1366px) {
  .h-t-xl-180 {
    height: 11.25rem !important;
  }
  .min-h-t-xl-180 {
    min-height: 11.25rem !important;
  }
  .max-h-t-xl-180 {
    max-height: 11.25rem !important;
  }
  .h-t-xl-200 {
    height: 12.5rem !important;
  }
  .min-h-t-xl-200 {
    min-height: 12.5rem !important;
  }
  .max-h-t-xl-200 {
    max-height: 12.5rem !important;
  }
  .h-t-xl-300 {
    height: 18.75rem !important;
  }
  .min-h-t-xl-300 {
    min-height: 18.75rem !important;
  }
  .max-h-t-xl-300 {
    max-height: 18.75rem !important;
  }
  .h-t-xl-500 {
    height: 31.25rem !important;
  }
  .min-h-t-xl-500 {
    min-height: 31.25rem !important;
  }
  .max-h-t-xl-500 {
    max-height: 31.25rem !important;
  }
  .h-t-xl-600 {
    height: 37.5rem !important;
  }
  .min-h-t-xl-600 {
    min-height: 37.5rem !important;
  }
  .max-h-t-xl-600 {
    max-height: 37.5rem !important;
  }
  .h-t-xl-1080 {
    height: 67.5rem !important;
  }
  .min-h-t-xl-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-t-xl-1080 {
    max-height: 67.5rem !important;
  }
  .h-t-xl-full {
    height: 100% !important;
  }
  .min-h-t-xl-full {
    min-height: 100% !important;
  }
  .max-h-t-xl-full {
    max-height: 100% !important;
  }
}
@media (max-width: 1280px) {
  .h-t-lg-180 {
    height: 11.25rem !important;
  }
  .min-h-t-lg-180 {
    min-height: 11.25rem !important;
  }
  .max-h-t-lg-180 {
    max-height: 11.25rem !important;
  }
  .h-t-lg-200 {
    height: 12.5rem !important;
  }
  .min-h-t-lg-200 {
    min-height: 12.5rem !important;
  }
  .max-h-t-lg-200 {
    max-height: 12.5rem !important;
  }
  .h-t-lg-300 {
    height: 18.75rem !important;
  }
  .min-h-t-lg-300 {
    min-height: 18.75rem !important;
  }
  .max-h-t-lg-300 {
    max-height: 18.75rem !important;
  }
  .h-t-lg-500 {
    height: 31.25rem !important;
  }
  .min-h-t-lg-500 {
    min-height: 31.25rem !important;
  }
  .max-h-t-lg-500 {
    max-height: 31.25rem !important;
  }
  .h-t-lg-600 {
    height: 37.5rem !important;
  }
  .min-h-t-lg-600 {
    min-height: 37.5rem !important;
  }
  .max-h-t-lg-600 {
    max-height: 37.5rem !important;
  }
  .h-t-lg-1080 {
    height: 67.5rem !important;
  }
  .min-h-t-lg-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-t-lg-1080 {
    max-height: 67.5rem !important;
  }
  .h-t-lg-full {
    height: 100% !important;
  }
  .min-h-t-lg-full {
    min-height: 100% !important;
  }
  .max-h-t-lg-full {
    max-height: 100% !important;
  }
}
@media (max-width: 1180px) {
  .h-t-md-180 {
    height: 11.25rem !important;
  }
  .min-h-t-md-180 {
    min-height: 11.25rem !important;
  }
  .max-h-t-md-180 {
    max-height: 11.25rem !important;
  }
  .h-t-md-200 {
    height: 12.5rem !important;
  }
  .min-h-t-md-200 {
    min-height: 12.5rem !important;
  }
  .max-h-t-md-200 {
    max-height: 12.5rem !important;
  }
  .h-t-md-300 {
    height: 18.75rem !important;
  }
  .min-h-t-md-300 {
    min-height: 18.75rem !important;
  }
  .max-h-t-md-300 {
    max-height: 18.75rem !important;
  }
  .h-t-md-500 {
    height: 31.25rem !important;
  }
  .min-h-t-md-500 {
    min-height: 31.25rem !important;
  }
  .max-h-t-md-500 {
    max-height: 31.25rem !important;
  }
  .h-t-md-600 {
    height: 37.5rem !important;
  }
  .min-h-t-md-600 {
    min-height: 37.5rem !important;
  }
  .max-h-t-md-600 {
    max-height: 37.5rem !important;
  }
  .h-t-md-1080 {
    height: 67.5rem !important;
  }
  .min-h-t-md-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-t-md-1080 {
    max-height: 67.5rem !important;
  }
  .h-t-md-full {
    height: 100% !important;
  }
  .min-h-t-md-full {
    min-height: 100% !important;
  }
  .max-h-t-md-full {
    max-height: 100% !important;
  }
}
@media (max-width: 1024px) {
  .h-t-sm-180 {
    height: 11.25rem !important;
  }
  .min-h-t-sm-180 {
    min-height: 11.25rem !important;
  }
  .max-h-t-sm-180 {
    max-height: 11.25rem !important;
  }
  .h-t-sm-200 {
    height: 12.5rem !important;
  }
  .min-h-t-sm-200 {
    min-height: 12.5rem !important;
  }
  .max-h-t-sm-200 {
    max-height: 12.5rem !important;
  }
  .h-t-sm-300 {
    height: 18.75rem !important;
  }
  .min-h-t-sm-300 {
    min-height: 18.75rem !important;
  }
  .max-h-t-sm-300 {
    max-height: 18.75rem !important;
  }
  .h-t-sm-500 {
    height: 31.25rem !important;
  }
  .min-h-t-sm-500 {
    min-height: 31.25rem !important;
  }
  .max-h-t-sm-500 {
    max-height: 31.25rem !important;
  }
  .h-t-sm-600 {
    height: 37.5rem !important;
  }
  .min-h-t-sm-600 {
    min-height: 37.5rem !important;
  }
  .max-h-t-sm-600 {
    max-height: 37.5rem !important;
  }
  .h-t-sm-1080 {
    height: 67.5rem !important;
  }
  .min-h-t-sm-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-t-sm-1080 {
    max-height: 67.5rem !important;
  }
  .h-t-sm-full {
    height: 100% !important;
  }
  .min-h-t-sm-full {
    min-height: 100% !important;
  }
  .max-h-t-sm-full {
    max-height: 100% !important;
  }
}
@media (max-width: 820px) {
  .h-t-xs-180 {
    height: 11.25rem !important;
  }
  .min-h-t-xs-180 {
    min-height: 11.25rem !important;
  }
  .max-h-t-xs-180 {
    max-height: 11.25rem !important;
  }
  .h-t-xs-200 {
    height: 12.5rem !important;
  }
  .min-h-t-xs-200 {
    min-height: 12.5rem !important;
  }
  .max-h-t-xs-200 {
    max-height: 12.5rem !important;
  }
  .h-t-xs-300 {
    height: 18.75rem !important;
  }
  .min-h-t-xs-300 {
    min-height: 18.75rem !important;
  }
  .max-h-t-xs-300 {
    max-height: 18.75rem !important;
  }
  .h-t-xs-500 {
    height: 31.25rem !important;
  }
  .min-h-t-xs-500 {
    min-height: 31.25rem !important;
  }
  .max-h-t-xs-500 {
    max-height: 31.25rem !important;
  }
  .h-t-xs-600 {
    height: 37.5rem !important;
  }
  .min-h-t-xs-600 {
    min-height: 37.5rem !important;
  }
  .max-h-t-xs-600 {
    max-height: 37.5rem !important;
  }
  .h-t-xs-1080 {
    height: 67.5rem !important;
  }
  .min-h-t-xs-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-t-xs-1080 {
    max-height: 67.5rem !important;
  }
  .h-t-xs-full {
    height: 100% !important;
  }
  .min-h-t-xs-full {
    min-height: 100% !important;
  }
  .max-h-t-xs-full {
    max-height: 100% !important;
  }
}
@media (max-width: 767px) {
  .h-m-max-180 {
    height: 11.25rem !important;
  }
  .min-h-m-max-180 {
    min-height: 11.25rem !important;
  }
  .max-h-m-max-180 {
    max-height: 11.25rem !important;
  }
  .h-m-max-200 {
    height: 12.5rem !important;
  }
  .min-h-m-max-200 {
    min-height: 12.5rem !important;
  }
  .max-h-m-max-200 {
    max-height: 12.5rem !important;
  }
  .h-m-max-300 {
    height: 18.75rem !important;
  }
  .min-h-m-max-300 {
    min-height: 18.75rem !important;
  }
  .max-h-m-max-300 {
    max-height: 18.75rem !important;
  }
  .h-m-max-500 {
    height: 31.25rem !important;
  }
  .min-h-m-max-500 {
    min-height: 31.25rem !important;
  }
  .max-h-m-max-500 {
    max-height: 31.25rem !important;
  }
  .h-m-max-600 {
    height: 37.5rem !important;
  }
  .min-h-m-max-600 {
    min-height: 37.5rem !important;
  }
  .max-h-m-max-600 {
    max-height: 37.5rem !important;
  }
  .h-m-max-1080 {
    height: 67.5rem !important;
  }
  .min-h-m-max-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-m-max-1080 {
    max-height: 67.5rem !important;
  }
  .h-m-max-full {
    height: 100% !important;
  }
  .min-h-m-max-full {
    min-height: 100% !important;
  }
  .max-h-m-max-full {
    max-height: 100% !important;
  }
}
@media (max-width: 640px) {
  .h-m-3xl-180 {
    height: 11.25rem !important;
  }
  .min-h-m-3xl-180 {
    min-height: 11.25rem !important;
  }
  .max-h-m-3xl-180 {
    max-height: 11.25rem !important;
  }
  .h-m-3xl-200 {
    height: 12.5rem !important;
  }
  .min-h-m-3xl-200 {
    min-height: 12.5rem !important;
  }
  .max-h-m-3xl-200 {
    max-height: 12.5rem !important;
  }
  .h-m-3xl-300 {
    height: 18.75rem !important;
  }
  .min-h-m-3xl-300 {
    min-height: 18.75rem !important;
  }
  .max-h-m-3xl-300 {
    max-height: 18.75rem !important;
  }
  .h-m-3xl-500 {
    height: 31.25rem !important;
  }
  .min-h-m-3xl-500 {
    min-height: 31.25rem !important;
  }
  .max-h-m-3xl-500 {
    max-height: 31.25rem !important;
  }
  .h-m-3xl-600 {
    height: 37.5rem !important;
  }
  .min-h-m-3xl-600 {
    min-height: 37.5rem !important;
  }
  .max-h-m-3xl-600 {
    max-height: 37.5rem !important;
  }
  .h-m-3xl-1080 {
    height: 67.5rem !important;
  }
  .min-h-m-3xl-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-m-3xl-1080 {
    max-height: 67.5rem !important;
  }
  .h-m-3xl-full {
    height: 100% !important;
  }
  .min-h-m-3xl-full {
    min-height: 100% !important;
  }
  .max-h-m-3xl-full {
    max-height: 100% !important;
  }
}
@media (max-width: 430px) {
  .h-m-2xl-180 {
    height: 11.25rem !important;
  }
  .min-h-m-2xl-180 {
    min-height: 11.25rem !important;
  }
  .max-h-m-2xl-180 {
    max-height: 11.25rem !important;
  }
  .h-m-2xl-200 {
    height: 12.5rem !important;
  }
  .min-h-m-2xl-200 {
    min-height: 12.5rem !important;
  }
  .max-h-m-2xl-200 {
    max-height: 12.5rem !important;
  }
  .h-m-2xl-300 {
    height: 18.75rem !important;
  }
  .min-h-m-2xl-300 {
    min-height: 18.75rem !important;
  }
  .max-h-m-2xl-300 {
    max-height: 18.75rem !important;
  }
  .h-m-2xl-500 {
    height: 31.25rem !important;
  }
  .min-h-m-2xl-500 {
    min-height: 31.25rem !important;
  }
  .max-h-m-2xl-500 {
    max-height: 31.25rem !important;
  }
  .h-m-2xl-600 {
    height: 37.5rem !important;
  }
  .min-h-m-2xl-600 {
    min-height: 37.5rem !important;
  }
  .max-h-m-2xl-600 {
    max-height: 37.5rem !important;
  }
  .h-m-2xl-1080 {
    height: 67.5rem !important;
  }
  .min-h-m-2xl-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-m-2xl-1080 {
    max-height: 67.5rem !important;
  }
  .h-m-2xl-full {
    height: 100% !important;
  }
  .min-h-m-2xl-full {
    min-height: 100% !important;
  }
  .max-h-m-2xl-full {
    max-height: 100% !important;
  }
}
@media (max-width: 412px) {
  .h-m-xl-180 {
    height: 11.25rem !important;
  }
  .min-h-m-xl-180 {
    min-height: 11.25rem !important;
  }
  .max-h-m-xl-180 {
    max-height: 11.25rem !important;
  }
  .h-m-xl-200 {
    height: 12.5rem !important;
  }
  .min-h-m-xl-200 {
    min-height: 12.5rem !important;
  }
  .max-h-m-xl-200 {
    max-height: 12.5rem !important;
  }
  .h-m-xl-300 {
    height: 18.75rem !important;
  }
  .min-h-m-xl-300 {
    min-height: 18.75rem !important;
  }
  .max-h-m-xl-300 {
    max-height: 18.75rem !important;
  }
  .h-m-xl-500 {
    height: 31.25rem !important;
  }
  .min-h-m-xl-500 {
    min-height: 31.25rem !important;
  }
  .max-h-m-xl-500 {
    max-height: 31.25rem !important;
  }
  .h-m-xl-600 {
    height: 37.5rem !important;
  }
  .min-h-m-xl-600 {
    min-height: 37.5rem !important;
  }
  .max-h-m-xl-600 {
    max-height: 37.5rem !important;
  }
  .h-m-xl-1080 {
    height: 67.5rem !important;
  }
  .min-h-m-xl-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-m-xl-1080 {
    max-height: 67.5rem !important;
  }
  .h-m-xl-full {
    height: 100% !important;
  }
  .min-h-m-xl-full {
    min-height: 100% !important;
  }
  .max-h-m-xl-full {
    max-height: 100% !important;
  }
}
@media (max-width: 390px) {
  .h-m-lg-180 {
    height: 11.25rem !important;
  }
  .min-h-m-lg-180 {
    min-height: 11.25rem !important;
  }
  .max-h-m-lg-180 {
    max-height: 11.25rem !important;
  }
  .h-m-lg-200 {
    height: 12.5rem !important;
  }
  .min-h-m-lg-200 {
    min-height: 12.5rem !important;
  }
  .max-h-m-lg-200 {
    max-height: 12.5rem !important;
  }
  .h-m-lg-300 {
    height: 18.75rem !important;
  }
  .min-h-m-lg-300 {
    min-height: 18.75rem !important;
  }
  .max-h-m-lg-300 {
    max-height: 18.75rem !important;
  }
  .h-m-lg-500 {
    height: 31.25rem !important;
  }
  .min-h-m-lg-500 {
    min-height: 31.25rem !important;
  }
  .max-h-m-lg-500 {
    max-height: 31.25rem !important;
  }
  .h-m-lg-600 {
    height: 37.5rem !important;
  }
  .min-h-m-lg-600 {
    min-height: 37.5rem !important;
  }
  .max-h-m-lg-600 {
    max-height: 37.5rem !important;
  }
  .h-m-lg-1080 {
    height: 67.5rem !important;
  }
  .min-h-m-lg-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-m-lg-1080 {
    max-height: 67.5rem !important;
  }
  .h-m-lg-full {
    height: 100% !important;
  }
  .min-h-m-lg-full {
    min-height: 100% !important;
  }
  .max-h-m-lg-full {
    max-height: 100% !important;
  }
}
@media (max-width: 375px) {
  .h-m-md-180 {
    height: 11.25rem !important;
  }
  .min-h-m-md-180 {
    min-height: 11.25rem !important;
  }
  .max-h-m-md-180 {
    max-height: 11.25rem !important;
  }
  .h-m-md-200 {
    height: 12.5rem !important;
  }
  .min-h-m-md-200 {
    min-height: 12.5rem !important;
  }
  .max-h-m-md-200 {
    max-height: 12.5rem !important;
  }
  .h-m-md-300 {
    height: 18.75rem !important;
  }
  .min-h-m-md-300 {
    min-height: 18.75rem !important;
  }
  .max-h-m-md-300 {
    max-height: 18.75rem !important;
  }
  .h-m-md-500 {
    height: 31.25rem !important;
  }
  .min-h-m-md-500 {
    min-height: 31.25rem !important;
  }
  .max-h-m-md-500 {
    max-height: 31.25rem !important;
  }
  .h-m-md-600 {
    height: 37.5rem !important;
  }
  .min-h-m-md-600 {
    min-height: 37.5rem !important;
  }
  .max-h-m-md-600 {
    max-height: 37.5rem !important;
  }
  .h-m-md-1080 {
    height: 67.5rem !important;
  }
  .min-h-m-md-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-m-md-1080 {
    max-height: 67.5rem !important;
  }
  .h-m-md-full {
    height: 100% !important;
  }
  .min-h-m-md-full {
    min-height: 100% !important;
  }
  .max-h-m-md-full {
    max-height: 100% !important;
  }
}
@media (max-width: 360px) {
  .h-m-sm-180 {
    height: 11.25rem !important;
  }
  .min-h-m-sm-180 {
    min-height: 11.25rem !important;
  }
  .max-h-m-sm-180 {
    max-height: 11.25rem !important;
  }
  .h-m-sm-200 {
    height: 12.5rem !important;
  }
  .min-h-m-sm-200 {
    min-height: 12.5rem !important;
  }
  .max-h-m-sm-200 {
    max-height: 12.5rem !important;
  }
  .h-m-sm-300 {
    height: 18.75rem !important;
  }
  .min-h-m-sm-300 {
    min-height: 18.75rem !important;
  }
  .max-h-m-sm-300 {
    max-height: 18.75rem !important;
  }
  .h-m-sm-500 {
    height: 31.25rem !important;
  }
  .min-h-m-sm-500 {
    min-height: 31.25rem !important;
  }
  .max-h-m-sm-500 {
    max-height: 31.25rem !important;
  }
  .h-m-sm-600 {
    height: 37.5rem !important;
  }
  .min-h-m-sm-600 {
    min-height: 37.5rem !important;
  }
  .max-h-m-sm-600 {
    max-height: 37.5rem !important;
  }
  .h-m-sm-1080 {
    height: 67.5rem !important;
  }
  .min-h-m-sm-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-m-sm-1080 {
    max-height: 67.5rem !important;
  }
  .h-m-sm-full {
    height: 100% !important;
  }
  .min-h-m-sm-full {
    min-height: 100% !important;
  }
  .max-h-m-sm-full {
    max-height: 100% !important;
  }
}
@media (max-width: 359px) {
  .h-m-xs-180 {
    height: 11.25rem !important;
  }
  .min-h-m-xs-180 {
    min-height: 11.25rem !important;
  }
  .max-h-m-xs-180 {
    max-height: 11.25rem !important;
  }
  .h-m-xs-200 {
    height: 12.5rem !important;
  }
  .min-h-m-xs-200 {
    min-height: 12.5rem !important;
  }
  .max-h-m-xs-200 {
    max-height: 12.5rem !important;
  }
  .h-m-xs-300 {
    height: 18.75rem !important;
  }
  .min-h-m-xs-300 {
    min-height: 18.75rem !important;
  }
  .max-h-m-xs-300 {
    max-height: 18.75rem !important;
  }
  .h-m-xs-500 {
    height: 31.25rem !important;
  }
  .min-h-m-xs-500 {
    min-height: 31.25rem !important;
  }
  .max-h-m-xs-500 {
    max-height: 31.25rem !important;
  }
  .h-m-xs-600 {
    height: 37.5rem !important;
  }
  .min-h-m-xs-600 {
    min-height: 37.5rem !important;
  }
  .max-h-m-xs-600 {
    max-height: 37.5rem !important;
  }
  .h-m-xs-1080 {
    height: 67.5rem !important;
  }
  .min-h-m-xs-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-m-xs-1080 {
    max-height: 67.5rem !important;
  }
  .h-m-xs-full {
    height: 100% !important;
  }
  .min-h-m-xs-full {
    min-height: 100% !important;
  }
  .max-h-m-xs-full {
    max-height: 100% !important;
  }
}
.layout {
  width: 100%;
  max-width: 1410px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1366px) {
  .layout {
    max-width: 1410px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .layout {
    max-width: 1386px;
    padding-right: 18px;
    padding-left: 18px;
  }
}

.layout-sm {
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1366px) {
  .layout-sm {
    max-width: 1310px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .layout-sm {
    max-width: 1286px;
    padding-right: 18px;
    padding-left: 18px;
  }
}

.layout-wide {
  width: 100%;
  max-width: 1868px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1366px) {
  .layout-wide {
    max-width: 1868px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .layout-wide {
    max-width: 1844px;
    padding-right: 18px;
    padding-left: 18px;
  }
}

.layout-fit {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1366px) {
  .layout-fit {
    max-width: 1410px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .layout-fit {
    max-width: 1386px;
    padding-right: 18px;
    padding-left: 18px;
  }
}

.layout-full {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1366px) {
  .layout-full {
    max-width: 1410px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .layout-full {
    max-width: 1386px;
    padding-right: 18px;
    padding-left: 18px;
  }
}

.flex-base-per-50 {
  flex-basis: 50% !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-between {
  justify-content: space-between !important;
}

.align-start {
  align-items: flex-start !important;
}

.align-center {
  align-items: center !important;
}

.align-end {
  align-items: flex-end !important;
}

.flex-row {
  display: flex;
  flex-direction: row !important;
}

.flex-col {
  display: flex;
  flex-direction: column !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-item-auto {
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: auto;
}

.flex-item-fill {
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
  flex-basis: auto;
}

.flex-item-shrink {
  flex-grow: 0 !important;
  flex-shrink: 1 !important;
  flex-basis: auto;
}

.flex-item-grow {
  flex-grow: 1 !important;
  flex-shrink: 0 !important;
  flex-basis: auto;
}

.grid-12 {
  display: grid !important;
  grid-template-columns: repeat(12, 1fr) !important;
}

.grid-9 {
  display: grid !important;
  grid-template-columns: repeat(9, 1fr) !important;
}

.grid-6 {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
}

.grid-4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
}

@media (max-width: 100%) {
  .grid-full-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-full-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-full-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-full-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1920px) {
  .grid-fit-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-fit-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-fit-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-fit-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1600px) {
  .grid-2xl-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-2xl-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-2xl-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-2xl-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1440px) {
  .grid-xl-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-xl-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-xl-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-xl-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1366px) {
  .grid-t-xl-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-t-xl-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-t-xl-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-t-xl-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1280px) {
  .grid-t-lg-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-t-lg-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-t-lg-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-t-lg-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1180px) {
  .grid-t-md-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-t-md-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-t-md-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-t-md-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1024px) {
  .grid-t-sm-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-t-sm-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-t-sm-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-t-sm-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 820px) {
  .grid-t-xs-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-t-xs-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-t-xs-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-t-xs-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 767px) {
  .grid-m-max-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-max-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-m-max-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-m-max-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 640px) {
  .grid-m-3xl-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-3xl-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-m-3xl-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-m-3xl-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 430px) {
  .grid-m-2xl-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-2xl-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-m-2xl-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-m-2xl-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 412px) {
  .grid-m-xl-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-xl-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-m-xl-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-m-xl-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 390px) {
  .grid-m-lg-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-lg-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-m-lg-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-m-lg-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 375px) {
  .grid-m-md-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-md-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-m-md-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-m-md-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 360px) {
  .grid-m-sm-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-sm-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-m-sm-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-m-sm-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media (max-width: 359px) {
  .grid-m-xs-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-xs-9 {
    display: grid !important;
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-m-xs-6 {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .grid-m-xs-4 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
}
.grid-row-12 {
  display: grid !important;
  grid-template-rows: repeat(12, 1fr) !important;
}

.grid-row-9 {
  display: grid !important;
  grid-template-rows: repeat(9, 1fr) !important;
}

.grid-row-6 {
  display: grid !important;
  grid-template-rows: repeat(6, 1fr) !important;
}

.grid-row-4 {
  display: grid !important;
  grid-template-rows: repeat(4, 1fr) !important;
}

@media (max-width: 100%) {
  .grid-row-full-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-full-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-full-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-full-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1920px) {
  .grid-row-fit-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-fit-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-fit-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-fit-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1600px) {
  .grid-row-2xl-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-2xl-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-2xl-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-2xl-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1440px) {
  .grid-row-xl-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-xl-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-xl-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-xl-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1366px) {
  .grid-row-t-xl-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-t-xl-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-t-xl-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-t-xl-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1280px) {
  .grid-row-t-lg-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-t-lg-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-t-lg-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-t-lg-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1180px) {
  .grid-row-t-md-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-t-md-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-t-md-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-t-md-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 1024px) {
  .grid-row-t-sm-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-t-sm-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-t-sm-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-t-sm-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 820px) {
  .grid-row-t-xs-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-t-xs-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-t-xs-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-t-xs-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 767px) {
  .grid-row-m-max-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-m-max-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-m-max-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-m-max-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 640px) {
  .grid-row-m-3xl-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-m-3xl-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-m-3xl-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-m-3xl-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 430px) {
  .grid-row-m-2xl-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-m-2xl-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-m-2xl-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-m-2xl-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 412px) {
  .grid-row-m-xl-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-m-xl-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-m-xl-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-m-xl-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 390px) {
  .grid-row-m-lg-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-m-lg-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-m-lg-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-m-lg-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 375px) {
  .grid-row-m-md-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-m-md-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-m-md-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-m-md-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 360px) {
  .grid-row-m-sm-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-m-sm-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-m-sm-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-m-sm-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
@media (max-width: 359px) {
  .grid-row-m-xs-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-m-xs-9 {
    display: grid !important;
    grid-template-rows: repeat(9, 1fr) !important;
  }
  .grid-row-m-xs-6 {
    display: grid !important;
    grid-template-rows: repeat(6, 1fr) !important;
  }
  .grid-row-m-xs-4 {
    display: grid !important;
    grid-template-rows: repeat(4, 1fr) !important;
  }
}
.col-1 {
  grid-column: span 1 !important;
}

.col-2 {
  grid-column: span 2 !important;
}

.col-3 {
  grid-column: span 3 !important;
}

.col-4 {
  grid-column: span 4 !important;
}

.col-5 {
  grid-column: span 5 !important;
}

.col-6 {
  grid-column: span 6 !important;
}

.col-7 {
  grid-column: span 7 !important;
}

.col-8 {
  grid-column: span 8 !important;
}

.col-9 {
  grid-column: span 9 !important;
}

.col-10 {
  grid-column: span 10 !important;
}

.col-11 {
  grid-column: span 11 !important;
}

.col-12 {
  grid-column: span 12 !important;
}

.col-1 {
  grid-column: span 1 !important;
}

.col-2 {
  grid-column: span 2 !important;
}

.col-3 {
  grid-column: span 3 !important;
}

.col-4 {
  grid-column: span 4 !important;
}

.col-5 {
  grid-column: span 5 !important;
}

.col-6 {
  grid-column: span 6 !important;
}

.col-7 {
  grid-column: span 7 !important;
}

.col-8 {
  grid-column: span 8 !important;
}

.col-9 {
  grid-column: span 9 !important;
}

.col-1 {
  grid-column: span 1 !important;
}

.col-2 {
  grid-column: span 2 !important;
}

.col-3 {
  grid-column: span 3 !important;
}

.col-4 {
  grid-column: span 4 !important;
}

.col-5 {
  grid-column: span 5 !important;
}

.col-6 {
  grid-column: span 6 !important;
}

.col-1 {
  grid-column: span 1 !important;
}

.col-2 {
  grid-column: span 2 !important;
}

.col-3 {
  grid-column: span 3 !important;
}

.col-4 {
  grid-column: span 4 !important;
}

@media (max-width: 100%) {
  .col-full-1 {
    grid-column: span 1 !important;
  }
  .col-full-2 {
    grid-column: span 2 !important;
  }
  .col-full-3 {
    grid-column: span 3 !important;
  }
  .col-full-4 {
    grid-column: span 4 !important;
  }
  .col-full-5 {
    grid-column: span 5 !important;
  }
  .col-full-6 {
    grid-column: span 6 !important;
  }
  .col-full-7 {
    grid-column: span 7 !important;
  }
  .col-full-8 {
    grid-column: span 8 !important;
  }
  .col-full-9 {
    grid-column: span 9 !important;
  }
  .col-full-10 {
    grid-column: span 10 !important;
  }
  .col-full-11 {
    grid-column: span 11 !important;
  }
  .col-full-12 {
    grid-column: span 12 !important;
  }
  .col-full-1 {
    grid-column: span 1 !important;
  }
  .col-full-2 {
    grid-column: span 2 !important;
  }
  .col-full-3 {
    grid-column: span 3 !important;
  }
  .col-full-4 {
    grid-column: span 4 !important;
  }
  .col-full-5 {
    grid-column: span 5 !important;
  }
  .col-full-6 {
    grid-column: span 6 !important;
  }
  .col-full-7 {
    grid-column: span 7 !important;
  }
  .col-full-8 {
    grid-column: span 8 !important;
  }
  .col-full-9 {
    grid-column: span 9 !important;
  }
  .col-full-1 {
    grid-column: span 1 !important;
  }
  .col-full-2 {
    grid-column: span 2 !important;
  }
  .col-full-3 {
    grid-column: span 3 !important;
  }
  .col-full-4 {
    grid-column: span 4 !important;
  }
  .col-full-5 {
    grid-column: span 5 !important;
  }
  .col-full-6 {
    grid-column: span 6 !important;
  }
  .col-full-1 {
    grid-column: span 1 !important;
  }
  .col-full-2 {
    grid-column: span 2 !important;
  }
  .col-full-3 {
    grid-column: span 3 !important;
  }
  .col-full-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 1920px) {
  .col-fit-1 {
    grid-column: span 1 !important;
  }
  .col-fit-2 {
    grid-column: span 2 !important;
  }
  .col-fit-3 {
    grid-column: span 3 !important;
  }
  .col-fit-4 {
    grid-column: span 4 !important;
  }
  .col-fit-5 {
    grid-column: span 5 !important;
  }
  .col-fit-6 {
    grid-column: span 6 !important;
  }
  .col-fit-7 {
    grid-column: span 7 !important;
  }
  .col-fit-8 {
    grid-column: span 8 !important;
  }
  .col-fit-9 {
    grid-column: span 9 !important;
  }
  .col-fit-10 {
    grid-column: span 10 !important;
  }
  .col-fit-11 {
    grid-column: span 11 !important;
  }
  .col-fit-12 {
    grid-column: span 12 !important;
  }
  .col-fit-1 {
    grid-column: span 1 !important;
  }
  .col-fit-2 {
    grid-column: span 2 !important;
  }
  .col-fit-3 {
    grid-column: span 3 !important;
  }
  .col-fit-4 {
    grid-column: span 4 !important;
  }
  .col-fit-5 {
    grid-column: span 5 !important;
  }
  .col-fit-6 {
    grid-column: span 6 !important;
  }
  .col-fit-7 {
    grid-column: span 7 !important;
  }
  .col-fit-8 {
    grid-column: span 8 !important;
  }
  .col-fit-9 {
    grid-column: span 9 !important;
  }
  .col-fit-1 {
    grid-column: span 1 !important;
  }
  .col-fit-2 {
    grid-column: span 2 !important;
  }
  .col-fit-3 {
    grid-column: span 3 !important;
  }
  .col-fit-4 {
    grid-column: span 4 !important;
  }
  .col-fit-5 {
    grid-column: span 5 !important;
  }
  .col-fit-6 {
    grid-column: span 6 !important;
  }
  .col-fit-1 {
    grid-column: span 1 !important;
  }
  .col-fit-2 {
    grid-column: span 2 !important;
  }
  .col-fit-3 {
    grid-column: span 3 !important;
  }
  .col-fit-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 1600px) {
  .col-2xl-1 {
    grid-column: span 1 !important;
  }
  .col-2xl-2 {
    grid-column: span 2 !important;
  }
  .col-2xl-3 {
    grid-column: span 3 !important;
  }
  .col-2xl-4 {
    grid-column: span 4 !important;
  }
  .col-2xl-5 {
    grid-column: span 5 !important;
  }
  .col-2xl-6 {
    grid-column: span 6 !important;
  }
  .col-2xl-7 {
    grid-column: span 7 !important;
  }
  .col-2xl-8 {
    grid-column: span 8 !important;
  }
  .col-2xl-9 {
    grid-column: span 9 !important;
  }
  .col-2xl-10 {
    grid-column: span 10 !important;
  }
  .col-2xl-11 {
    grid-column: span 11 !important;
  }
  .col-2xl-12 {
    grid-column: span 12 !important;
  }
  .col-2xl-1 {
    grid-column: span 1 !important;
  }
  .col-2xl-2 {
    grid-column: span 2 !important;
  }
  .col-2xl-3 {
    grid-column: span 3 !important;
  }
  .col-2xl-4 {
    grid-column: span 4 !important;
  }
  .col-2xl-5 {
    grid-column: span 5 !important;
  }
  .col-2xl-6 {
    grid-column: span 6 !important;
  }
  .col-2xl-7 {
    grid-column: span 7 !important;
  }
  .col-2xl-8 {
    grid-column: span 8 !important;
  }
  .col-2xl-9 {
    grid-column: span 9 !important;
  }
  .col-2xl-1 {
    grid-column: span 1 !important;
  }
  .col-2xl-2 {
    grid-column: span 2 !important;
  }
  .col-2xl-3 {
    grid-column: span 3 !important;
  }
  .col-2xl-4 {
    grid-column: span 4 !important;
  }
  .col-2xl-5 {
    grid-column: span 5 !important;
  }
  .col-2xl-6 {
    grid-column: span 6 !important;
  }
  .col-2xl-1 {
    grid-column: span 1 !important;
  }
  .col-2xl-2 {
    grid-column: span 2 !important;
  }
  .col-2xl-3 {
    grid-column: span 3 !important;
  }
  .col-2xl-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 1440px) {
  .col-xl-1 {
    grid-column: span 1 !important;
  }
  .col-xl-2 {
    grid-column: span 2 !important;
  }
  .col-xl-3 {
    grid-column: span 3 !important;
  }
  .col-xl-4 {
    grid-column: span 4 !important;
  }
  .col-xl-5 {
    grid-column: span 5 !important;
  }
  .col-xl-6 {
    grid-column: span 6 !important;
  }
  .col-xl-7 {
    grid-column: span 7 !important;
  }
  .col-xl-8 {
    grid-column: span 8 !important;
  }
  .col-xl-9 {
    grid-column: span 9 !important;
  }
  .col-xl-10 {
    grid-column: span 10 !important;
  }
  .col-xl-11 {
    grid-column: span 11 !important;
  }
  .col-xl-12 {
    grid-column: span 12 !important;
  }
  .col-xl-1 {
    grid-column: span 1 !important;
  }
  .col-xl-2 {
    grid-column: span 2 !important;
  }
  .col-xl-3 {
    grid-column: span 3 !important;
  }
  .col-xl-4 {
    grid-column: span 4 !important;
  }
  .col-xl-5 {
    grid-column: span 5 !important;
  }
  .col-xl-6 {
    grid-column: span 6 !important;
  }
  .col-xl-7 {
    grid-column: span 7 !important;
  }
  .col-xl-8 {
    grid-column: span 8 !important;
  }
  .col-xl-9 {
    grid-column: span 9 !important;
  }
  .col-xl-1 {
    grid-column: span 1 !important;
  }
  .col-xl-2 {
    grid-column: span 2 !important;
  }
  .col-xl-3 {
    grid-column: span 3 !important;
  }
  .col-xl-4 {
    grid-column: span 4 !important;
  }
  .col-xl-5 {
    grid-column: span 5 !important;
  }
  .col-xl-6 {
    grid-column: span 6 !important;
  }
  .col-xl-1 {
    grid-column: span 1 !important;
  }
  .col-xl-2 {
    grid-column: span 2 !important;
  }
  .col-xl-3 {
    grid-column: span 3 !important;
  }
  .col-xl-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 1366px) {
  .col-t-xl-1 {
    grid-column: span 1 !important;
  }
  .col-t-xl-2 {
    grid-column: span 2 !important;
  }
  .col-t-xl-3 {
    grid-column: span 3 !important;
  }
  .col-t-xl-4 {
    grid-column: span 4 !important;
  }
  .col-t-xl-5 {
    grid-column: span 5 !important;
  }
  .col-t-xl-6 {
    grid-column: span 6 !important;
  }
  .col-t-xl-7 {
    grid-column: span 7 !important;
  }
  .col-t-xl-8 {
    grid-column: span 8 !important;
  }
  .col-t-xl-9 {
    grid-column: span 9 !important;
  }
  .col-t-xl-10 {
    grid-column: span 10 !important;
  }
  .col-t-xl-11 {
    grid-column: span 11 !important;
  }
  .col-t-xl-12 {
    grid-column: span 12 !important;
  }
  .col-t-xl-1 {
    grid-column: span 1 !important;
  }
  .col-t-xl-2 {
    grid-column: span 2 !important;
  }
  .col-t-xl-3 {
    grid-column: span 3 !important;
  }
  .col-t-xl-4 {
    grid-column: span 4 !important;
  }
  .col-t-xl-5 {
    grid-column: span 5 !important;
  }
  .col-t-xl-6 {
    grid-column: span 6 !important;
  }
  .col-t-xl-7 {
    grid-column: span 7 !important;
  }
  .col-t-xl-8 {
    grid-column: span 8 !important;
  }
  .col-t-xl-9 {
    grid-column: span 9 !important;
  }
  .col-t-xl-1 {
    grid-column: span 1 !important;
  }
  .col-t-xl-2 {
    grid-column: span 2 !important;
  }
  .col-t-xl-3 {
    grid-column: span 3 !important;
  }
  .col-t-xl-4 {
    grid-column: span 4 !important;
  }
  .col-t-xl-5 {
    grid-column: span 5 !important;
  }
  .col-t-xl-6 {
    grid-column: span 6 !important;
  }
  .col-t-xl-1 {
    grid-column: span 1 !important;
  }
  .col-t-xl-2 {
    grid-column: span 2 !important;
  }
  .col-t-xl-3 {
    grid-column: span 3 !important;
  }
  .col-t-xl-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 1280px) {
  .col-t-lg-1 {
    grid-column: span 1 !important;
  }
  .col-t-lg-2 {
    grid-column: span 2 !important;
  }
  .col-t-lg-3 {
    grid-column: span 3 !important;
  }
  .col-t-lg-4 {
    grid-column: span 4 !important;
  }
  .col-t-lg-5 {
    grid-column: span 5 !important;
  }
  .col-t-lg-6 {
    grid-column: span 6 !important;
  }
  .col-t-lg-7 {
    grid-column: span 7 !important;
  }
  .col-t-lg-8 {
    grid-column: span 8 !important;
  }
  .col-t-lg-9 {
    grid-column: span 9 !important;
  }
  .col-t-lg-10 {
    grid-column: span 10 !important;
  }
  .col-t-lg-11 {
    grid-column: span 11 !important;
  }
  .col-t-lg-12 {
    grid-column: span 12 !important;
  }
  .col-t-lg-1 {
    grid-column: span 1 !important;
  }
  .col-t-lg-2 {
    grid-column: span 2 !important;
  }
  .col-t-lg-3 {
    grid-column: span 3 !important;
  }
  .col-t-lg-4 {
    grid-column: span 4 !important;
  }
  .col-t-lg-5 {
    grid-column: span 5 !important;
  }
  .col-t-lg-6 {
    grid-column: span 6 !important;
  }
  .col-t-lg-7 {
    grid-column: span 7 !important;
  }
  .col-t-lg-8 {
    grid-column: span 8 !important;
  }
  .col-t-lg-9 {
    grid-column: span 9 !important;
  }
  .col-t-lg-1 {
    grid-column: span 1 !important;
  }
  .col-t-lg-2 {
    grid-column: span 2 !important;
  }
  .col-t-lg-3 {
    grid-column: span 3 !important;
  }
  .col-t-lg-4 {
    grid-column: span 4 !important;
  }
  .col-t-lg-5 {
    grid-column: span 5 !important;
  }
  .col-t-lg-6 {
    grid-column: span 6 !important;
  }
  .col-t-lg-1 {
    grid-column: span 1 !important;
  }
  .col-t-lg-2 {
    grid-column: span 2 !important;
  }
  .col-t-lg-3 {
    grid-column: span 3 !important;
  }
  .col-t-lg-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 1180px) {
  .col-t-md-1 {
    grid-column: span 1 !important;
  }
  .col-t-md-2 {
    grid-column: span 2 !important;
  }
  .col-t-md-3 {
    grid-column: span 3 !important;
  }
  .col-t-md-4 {
    grid-column: span 4 !important;
  }
  .col-t-md-5 {
    grid-column: span 5 !important;
  }
  .col-t-md-6 {
    grid-column: span 6 !important;
  }
  .col-t-md-7 {
    grid-column: span 7 !important;
  }
  .col-t-md-8 {
    grid-column: span 8 !important;
  }
  .col-t-md-9 {
    grid-column: span 9 !important;
  }
  .col-t-md-10 {
    grid-column: span 10 !important;
  }
  .col-t-md-11 {
    grid-column: span 11 !important;
  }
  .col-t-md-12 {
    grid-column: span 12 !important;
  }
  .col-t-md-1 {
    grid-column: span 1 !important;
  }
  .col-t-md-2 {
    grid-column: span 2 !important;
  }
  .col-t-md-3 {
    grid-column: span 3 !important;
  }
  .col-t-md-4 {
    grid-column: span 4 !important;
  }
  .col-t-md-5 {
    grid-column: span 5 !important;
  }
  .col-t-md-6 {
    grid-column: span 6 !important;
  }
  .col-t-md-7 {
    grid-column: span 7 !important;
  }
  .col-t-md-8 {
    grid-column: span 8 !important;
  }
  .col-t-md-9 {
    grid-column: span 9 !important;
  }
  .col-t-md-1 {
    grid-column: span 1 !important;
  }
  .col-t-md-2 {
    grid-column: span 2 !important;
  }
  .col-t-md-3 {
    grid-column: span 3 !important;
  }
  .col-t-md-4 {
    grid-column: span 4 !important;
  }
  .col-t-md-5 {
    grid-column: span 5 !important;
  }
  .col-t-md-6 {
    grid-column: span 6 !important;
  }
  .col-t-md-1 {
    grid-column: span 1 !important;
  }
  .col-t-md-2 {
    grid-column: span 2 !important;
  }
  .col-t-md-3 {
    grid-column: span 3 !important;
  }
  .col-t-md-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 1024px) {
  .col-t-sm-1 {
    grid-column: span 1 !important;
  }
  .col-t-sm-2 {
    grid-column: span 2 !important;
  }
  .col-t-sm-3 {
    grid-column: span 3 !important;
  }
  .col-t-sm-4 {
    grid-column: span 4 !important;
  }
  .col-t-sm-5 {
    grid-column: span 5 !important;
  }
  .col-t-sm-6 {
    grid-column: span 6 !important;
  }
  .col-t-sm-7 {
    grid-column: span 7 !important;
  }
  .col-t-sm-8 {
    grid-column: span 8 !important;
  }
  .col-t-sm-9 {
    grid-column: span 9 !important;
  }
  .col-t-sm-10 {
    grid-column: span 10 !important;
  }
  .col-t-sm-11 {
    grid-column: span 11 !important;
  }
  .col-t-sm-12 {
    grid-column: span 12 !important;
  }
  .col-t-sm-1 {
    grid-column: span 1 !important;
  }
  .col-t-sm-2 {
    grid-column: span 2 !important;
  }
  .col-t-sm-3 {
    grid-column: span 3 !important;
  }
  .col-t-sm-4 {
    grid-column: span 4 !important;
  }
  .col-t-sm-5 {
    grid-column: span 5 !important;
  }
  .col-t-sm-6 {
    grid-column: span 6 !important;
  }
  .col-t-sm-7 {
    grid-column: span 7 !important;
  }
  .col-t-sm-8 {
    grid-column: span 8 !important;
  }
  .col-t-sm-9 {
    grid-column: span 9 !important;
  }
  .col-t-sm-1 {
    grid-column: span 1 !important;
  }
  .col-t-sm-2 {
    grid-column: span 2 !important;
  }
  .col-t-sm-3 {
    grid-column: span 3 !important;
  }
  .col-t-sm-4 {
    grid-column: span 4 !important;
  }
  .col-t-sm-5 {
    grid-column: span 5 !important;
  }
  .col-t-sm-6 {
    grid-column: span 6 !important;
  }
  .col-t-sm-1 {
    grid-column: span 1 !important;
  }
  .col-t-sm-2 {
    grid-column: span 2 !important;
  }
  .col-t-sm-3 {
    grid-column: span 3 !important;
  }
  .col-t-sm-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 820px) {
  .col-t-xs-1 {
    grid-column: span 1 !important;
  }
  .col-t-xs-2 {
    grid-column: span 2 !important;
  }
  .col-t-xs-3 {
    grid-column: span 3 !important;
  }
  .col-t-xs-4 {
    grid-column: span 4 !important;
  }
  .col-t-xs-5 {
    grid-column: span 5 !important;
  }
  .col-t-xs-6 {
    grid-column: span 6 !important;
  }
  .col-t-xs-7 {
    grid-column: span 7 !important;
  }
  .col-t-xs-8 {
    grid-column: span 8 !important;
  }
  .col-t-xs-9 {
    grid-column: span 9 !important;
  }
  .col-t-xs-10 {
    grid-column: span 10 !important;
  }
  .col-t-xs-11 {
    grid-column: span 11 !important;
  }
  .col-t-xs-12 {
    grid-column: span 12 !important;
  }
  .col-t-xs-1 {
    grid-column: span 1 !important;
  }
  .col-t-xs-2 {
    grid-column: span 2 !important;
  }
  .col-t-xs-3 {
    grid-column: span 3 !important;
  }
  .col-t-xs-4 {
    grid-column: span 4 !important;
  }
  .col-t-xs-5 {
    grid-column: span 5 !important;
  }
  .col-t-xs-6 {
    grid-column: span 6 !important;
  }
  .col-t-xs-7 {
    grid-column: span 7 !important;
  }
  .col-t-xs-8 {
    grid-column: span 8 !important;
  }
  .col-t-xs-9 {
    grid-column: span 9 !important;
  }
  .col-t-xs-1 {
    grid-column: span 1 !important;
  }
  .col-t-xs-2 {
    grid-column: span 2 !important;
  }
  .col-t-xs-3 {
    grid-column: span 3 !important;
  }
  .col-t-xs-4 {
    grid-column: span 4 !important;
  }
  .col-t-xs-5 {
    grid-column: span 5 !important;
  }
  .col-t-xs-6 {
    grid-column: span 6 !important;
  }
  .col-t-xs-1 {
    grid-column: span 1 !important;
  }
  .col-t-xs-2 {
    grid-column: span 2 !important;
  }
  .col-t-xs-3 {
    grid-column: span 3 !important;
  }
  .col-t-xs-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 767px) {
  .col-m-max-1 {
    grid-column: span 1 !important;
  }
  .col-m-max-2 {
    grid-column: span 2 !important;
  }
  .col-m-max-3 {
    grid-column: span 3 !important;
  }
  .col-m-max-4 {
    grid-column: span 4 !important;
  }
  .col-m-max-5 {
    grid-column: span 5 !important;
  }
  .col-m-max-6 {
    grid-column: span 6 !important;
  }
  .col-m-max-7 {
    grid-column: span 7 !important;
  }
  .col-m-max-8 {
    grid-column: span 8 !important;
  }
  .col-m-max-9 {
    grid-column: span 9 !important;
  }
  .col-m-max-10 {
    grid-column: span 10 !important;
  }
  .col-m-max-11 {
    grid-column: span 11 !important;
  }
  .col-m-max-12 {
    grid-column: span 12 !important;
  }
  .col-m-max-1 {
    grid-column: span 1 !important;
  }
  .col-m-max-2 {
    grid-column: span 2 !important;
  }
  .col-m-max-3 {
    grid-column: span 3 !important;
  }
  .col-m-max-4 {
    grid-column: span 4 !important;
  }
  .col-m-max-5 {
    grid-column: span 5 !important;
  }
  .col-m-max-6 {
    grid-column: span 6 !important;
  }
  .col-m-max-7 {
    grid-column: span 7 !important;
  }
  .col-m-max-8 {
    grid-column: span 8 !important;
  }
  .col-m-max-9 {
    grid-column: span 9 !important;
  }
  .col-m-max-1 {
    grid-column: span 1 !important;
  }
  .col-m-max-2 {
    grid-column: span 2 !important;
  }
  .col-m-max-3 {
    grid-column: span 3 !important;
  }
  .col-m-max-4 {
    grid-column: span 4 !important;
  }
  .col-m-max-5 {
    grid-column: span 5 !important;
  }
  .col-m-max-6 {
    grid-column: span 6 !important;
  }
  .col-m-max-1 {
    grid-column: span 1 !important;
  }
  .col-m-max-2 {
    grid-column: span 2 !important;
  }
  .col-m-max-3 {
    grid-column: span 3 !important;
  }
  .col-m-max-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 640px) {
  .col-m-3xl-1 {
    grid-column: span 1 !important;
  }
  .col-m-3xl-2 {
    grid-column: span 2 !important;
  }
  .col-m-3xl-3 {
    grid-column: span 3 !important;
  }
  .col-m-3xl-4 {
    grid-column: span 4 !important;
  }
  .col-m-3xl-5 {
    grid-column: span 5 !important;
  }
  .col-m-3xl-6 {
    grid-column: span 6 !important;
  }
  .col-m-3xl-7 {
    grid-column: span 7 !important;
  }
  .col-m-3xl-8 {
    grid-column: span 8 !important;
  }
  .col-m-3xl-9 {
    grid-column: span 9 !important;
  }
  .col-m-3xl-10 {
    grid-column: span 10 !important;
  }
  .col-m-3xl-11 {
    grid-column: span 11 !important;
  }
  .col-m-3xl-12 {
    grid-column: span 12 !important;
  }
  .col-m-3xl-1 {
    grid-column: span 1 !important;
  }
  .col-m-3xl-2 {
    grid-column: span 2 !important;
  }
  .col-m-3xl-3 {
    grid-column: span 3 !important;
  }
  .col-m-3xl-4 {
    grid-column: span 4 !important;
  }
  .col-m-3xl-5 {
    grid-column: span 5 !important;
  }
  .col-m-3xl-6 {
    grid-column: span 6 !important;
  }
  .col-m-3xl-7 {
    grid-column: span 7 !important;
  }
  .col-m-3xl-8 {
    grid-column: span 8 !important;
  }
  .col-m-3xl-9 {
    grid-column: span 9 !important;
  }
  .col-m-3xl-1 {
    grid-column: span 1 !important;
  }
  .col-m-3xl-2 {
    grid-column: span 2 !important;
  }
  .col-m-3xl-3 {
    grid-column: span 3 !important;
  }
  .col-m-3xl-4 {
    grid-column: span 4 !important;
  }
  .col-m-3xl-5 {
    grid-column: span 5 !important;
  }
  .col-m-3xl-6 {
    grid-column: span 6 !important;
  }
  .col-m-3xl-1 {
    grid-column: span 1 !important;
  }
  .col-m-3xl-2 {
    grid-column: span 2 !important;
  }
  .col-m-3xl-3 {
    grid-column: span 3 !important;
  }
  .col-m-3xl-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 430px) {
  .col-m-2xl-1 {
    grid-column: span 1 !important;
  }
  .col-m-2xl-2 {
    grid-column: span 2 !important;
  }
  .col-m-2xl-3 {
    grid-column: span 3 !important;
  }
  .col-m-2xl-4 {
    grid-column: span 4 !important;
  }
  .col-m-2xl-5 {
    grid-column: span 5 !important;
  }
  .col-m-2xl-6 {
    grid-column: span 6 !important;
  }
  .col-m-2xl-7 {
    grid-column: span 7 !important;
  }
  .col-m-2xl-8 {
    grid-column: span 8 !important;
  }
  .col-m-2xl-9 {
    grid-column: span 9 !important;
  }
  .col-m-2xl-10 {
    grid-column: span 10 !important;
  }
  .col-m-2xl-11 {
    grid-column: span 11 !important;
  }
  .col-m-2xl-12 {
    grid-column: span 12 !important;
  }
  .col-m-2xl-1 {
    grid-column: span 1 !important;
  }
  .col-m-2xl-2 {
    grid-column: span 2 !important;
  }
  .col-m-2xl-3 {
    grid-column: span 3 !important;
  }
  .col-m-2xl-4 {
    grid-column: span 4 !important;
  }
  .col-m-2xl-5 {
    grid-column: span 5 !important;
  }
  .col-m-2xl-6 {
    grid-column: span 6 !important;
  }
  .col-m-2xl-7 {
    grid-column: span 7 !important;
  }
  .col-m-2xl-8 {
    grid-column: span 8 !important;
  }
  .col-m-2xl-9 {
    grid-column: span 9 !important;
  }
  .col-m-2xl-1 {
    grid-column: span 1 !important;
  }
  .col-m-2xl-2 {
    grid-column: span 2 !important;
  }
  .col-m-2xl-3 {
    grid-column: span 3 !important;
  }
  .col-m-2xl-4 {
    grid-column: span 4 !important;
  }
  .col-m-2xl-5 {
    grid-column: span 5 !important;
  }
  .col-m-2xl-6 {
    grid-column: span 6 !important;
  }
  .col-m-2xl-1 {
    grid-column: span 1 !important;
  }
  .col-m-2xl-2 {
    grid-column: span 2 !important;
  }
  .col-m-2xl-3 {
    grid-column: span 3 !important;
  }
  .col-m-2xl-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 412px) {
  .col-m-xl-1 {
    grid-column: span 1 !important;
  }
  .col-m-xl-2 {
    grid-column: span 2 !important;
  }
  .col-m-xl-3 {
    grid-column: span 3 !important;
  }
  .col-m-xl-4 {
    grid-column: span 4 !important;
  }
  .col-m-xl-5 {
    grid-column: span 5 !important;
  }
  .col-m-xl-6 {
    grid-column: span 6 !important;
  }
  .col-m-xl-7 {
    grid-column: span 7 !important;
  }
  .col-m-xl-8 {
    grid-column: span 8 !important;
  }
  .col-m-xl-9 {
    grid-column: span 9 !important;
  }
  .col-m-xl-10 {
    grid-column: span 10 !important;
  }
  .col-m-xl-11 {
    grid-column: span 11 !important;
  }
  .col-m-xl-12 {
    grid-column: span 12 !important;
  }
  .col-m-xl-1 {
    grid-column: span 1 !important;
  }
  .col-m-xl-2 {
    grid-column: span 2 !important;
  }
  .col-m-xl-3 {
    grid-column: span 3 !important;
  }
  .col-m-xl-4 {
    grid-column: span 4 !important;
  }
  .col-m-xl-5 {
    grid-column: span 5 !important;
  }
  .col-m-xl-6 {
    grid-column: span 6 !important;
  }
  .col-m-xl-7 {
    grid-column: span 7 !important;
  }
  .col-m-xl-8 {
    grid-column: span 8 !important;
  }
  .col-m-xl-9 {
    grid-column: span 9 !important;
  }
  .col-m-xl-1 {
    grid-column: span 1 !important;
  }
  .col-m-xl-2 {
    grid-column: span 2 !important;
  }
  .col-m-xl-3 {
    grid-column: span 3 !important;
  }
  .col-m-xl-4 {
    grid-column: span 4 !important;
  }
  .col-m-xl-5 {
    grid-column: span 5 !important;
  }
  .col-m-xl-6 {
    grid-column: span 6 !important;
  }
  .col-m-xl-1 {
    grid-column: span 1 !important;
  }
  .col-m-xl-2 {
    grid-column: span 2 !important;
  }
  .col-m-xl-3 {
    grid-column: span 3 !important;
  }
  .col-m-xl-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 390px) {
  .col-m-lg-1 {
    grid-column: span 1 !important;
  }
  .col-m-lg-2 {
    grid-column: span 2 !important;
  }
  .col-m-lg-3 {
    grid-column: span 3 !important;
  }
  .col-m-lg-4 {
    grid-column: span 4 !important;
  }
  .col-m-lg-5 {
    grid-column: span 5 !important;
  }
  .col-m-lg-6 {
    grid-column: span 6 !important;
  }
  .col-m-lg-7 {
    grid-column: span 7 !important;
  }
  .col-m-lg-8 {
    grid-column: span 8 !important;
  }
  .col-m-lg-9 {
    grid-column: span 9 !important;
  }
  .col-m-lg-10 {
    grid-column: span 10 !important;
  }
  .col-m-lg-11 {
    grid-column: span 11 !important;
  }
  .col-m-lg-12 {
    grid-column: span 12 !important;
  }
  .col-m-lg-1 {
    grid-column: span 1 !important;
  }
  .col-m-lg-2 {
    grid-column: span 2 !important;
  }
  .col-m-lg-3 {
    grid-column: span 3 !important;
  }
  .col-m-lg-4 {
    grid-column: span 4 !important;
  }
  .col-m-lg-5 {
    grid-column: span 5 !important;
  }
  .col-m-lg-6 {
    grid-column: span 6 !important;
  }
  .col-m-lg-7 {
    grid-column: span 7 !important;
  }
  .col-m-lg-8 {
    grid-column: span 8 !important;
  }
  .col-m-lg-9 {
    grid-column: span 9 !important;
  }
  .col-m-lg-1 {
    grid-column: span 1 !important;
  }
  .col-m-lg-2 {
    grid-column: span 2 !important;
  }
  .col-m-lg-3 {
    grid-column: span 3 !important;
  }
  .col-m-lg-4 {
    grid-column: span 4 !important;
  }
  .col-m-lg-5 {
    grid-column: span 5 !important;
  }
  .col-m-lg-6 {
    grid-column: span 6 !important;
  }
  .col-m-lg-1 {
    grid-column: span 1 !important;
  }
  .col-m-lg-2 {
    grid-column: span 2 !important;
  }
  .col-m-lg-3 {
    grid-column: span 3 !important;
  }
  .col-m-lg-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 375px) {
  .col-m-md-1 {
    grid-column: span 1 !important;
  }
  .col-m-md-2 {
    grid-column: span 2 !important;
  }
  .col-m-md-3 {
    grid-column: span 3 !important;
  }
  .col-m-md-4 {
    grid-column: span 4 !important;
  }
  .col-m-md-5 {
    grid-column: span 5 !important;
  }
  .col-m-md-6 {
    grid-column: span 6 !important;
  }
  .col-m-md-7 {
    grid-column: span 7 !important;
  }
  .col-m-md-8 {
    grid-column: span 8 !important;
  }
  .col-m-md-9 {
    grid-column: span 9 !important;
  }
  .col-m-md-10 {
    grid-column: span 10 !important;
  }
  .col-m-md-11 {
    grid-column: span 11 !important;
  }
  .col-m-md-12 {
    grid-column: span 12 !important;
  }
  .col-m-md-1 {
    grid-column: span 1 !important;
  }
  .col-m-md-2 {
    grid-column: span 2 !important;
  }
  .col-m-md-3 {
    grid-column: span 3 !important;
  }
  .col-m-md-4 {
    grid-column: span 4 !important;
  }
  .col-m-md-5 {
    grid-column: span 5 !important;
  }
  .col-m-md-6 {
    grid-column: span 6 !important;
  }
  .col-m-md-7 {
    grid-column: span 7 !important;
  }
  .col-m-md-8 {
    grid-column: span 8 !important;
  }
  .col-m-md-9 {
    grid-column: span 9 !important;
  }
  .col-m-md-1 {
    grid-column: span 1 !important;
  }
  .col-m-md-2 {
    grid-column: span 2 !important;
  }
  .col-m-md-3 {
    grid-column: span 3 !important;
  }
  .col-m-md-4 {
    grid-column: span 4 !important;
  }
  .col-m-md-5 {
    grid-column: span 5 !important;
  }
  .col-m-md-6 {
    grid-column: span 6 !important;
  }
  .col-m-md-1 {
    grid-column: span 1 !important;
  }
  .col-m-md-2 {
    grid-column: span 2 !important;
  }
  .col-m-md-3 {
    grid-column: span 3 !important;
  }
  .col-m-md-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 360px) {
  .col-m-sm-1 {
    grid-column: span 1 !important;
  }
  .col-m-sm-2 {
    grid-column: span 2 !important;
  }
  .col-m-sm-3 {
    grid-column: span 3 !important;
  }
  .col-m-sm-4 {
    grid-column: span 4 !important;
  }
  .col-m-sm-5 {
    grid-column: span 5 !important;
  }
  .col-m-sm-6 {
    grid-column: span 6 !important;
  }
  .col-m-sm-7 {
    grid-column: span 7 !important;
  }
  .col-m-sm-8 {
    grid-column: span 8 !important;
  }
  .col-m-sm-9 {
    grid-column: span 9 !important;
  }
  .col-m-sm-10 {
    grid-column: span 10 !important;
  }
  .col-m-sm-11 {
    grid-column: span 11 !important;
  }
  .col-m-sm-12 {
    grid-column: span 12 !important;
  }
  .col-m-sm-1 {
    grid-column: span 1 !important;
  }
  .col-m-sm-2 {
    grid-column: span 2 !important;
  }
  .col-m-sm-3 {
    grid-column: span 3 !important;
  }
  .col-m-sm-4 {
    grid-column: span 4 !important;
  }
  .col-m-sm-5 {
    grid-column: span 5 !important;
  }
  .col-m-sm-6 {
    grid-column: span 6 !important;
  }
  .col-m-sm-7 {
    grid-column: span 7 !important;
  }
  .col-m-sm-8 {
    grid-column: span 8 !important;
  }
  .col-m-sm-9 {
    grid-column: span 9 !important;
  }
  .col-m-sm-1 {
    grid-column: span 1 !important;
  }
  .col-m-sm-2 {
    grid-column: span 2 !important;
  }
  .col-m-sm-3 {
    grid-column: span 3 !important;
  }
  .col-m-sm-4 {
    grid-column: span 4 !important;
  }
  .col-m-sm-5 {
    grid-column: span 5 !important;
  }
  .col-m-sm-6 {
    grid-column: span 6 !important;
  }
  .col-m-sm-1 {
    grid-column: span 1 !important;
  }
  .col-m-sm-2 {
    grid-column: span 2 !important;
  }
  .col-m-sm-3 {
    grid-column: span 3 !important;
  }
  .col-m-sm-4 {
    grid-column: span 4 !important;
  }
}
@media (max-width: 359px) {
  .col-m-xs-1 {
    grid-column: span 1 !important;
  }
  .col-m-xs-2 {
    grid-column: span 2 !important;
  }
  .col-m-xs-3 {
    grid-column: span 3 !important;
  }
  .col-m-xs-4 {
    grid-column: span 4 !important;
  }
  .col-m-xs-5 {
    grid-column: span 5 !important;
  }
  .col-m-xs-6 {
    grid-column: span 6 !important;
  }
  .col-m-xs-7 {
    grid-column: span 7 !important;
  }
  .col-m-xs-8 {
    grid-column: span 8 !important;
  }
  .col-m-xs-9 {
    grid-column: span 9 !important;
  }
  .col-m-xs-10 {
    grid-column: span 10 !important;
  }
  .col-m-xs-11 {
    grid-column: span 11 !important;
  }
  .col-m-xs-12 {
    grid-column: span 12 !important;
  }
  .col-m-xs-1 {
    grid-column: span 1 !important;
  }
  .col-m-xs-2 {
    grid-column: span 2 !important;
  }
  .col-m-xs-3 {
    grid-column: span 3 !important;
  }
  .col-m-xs-4 {
    grid-column: span 4 !important;
  }
  .col-m-xs-5 {
    grid-column: span 5 !important;
  }
  .col-m-xs-6 {
    grid-column: span 6 !important;
  }
  .col-m-xs-7 {
    grid-column: span 7 !important;
  }
  .col-m-xs-8 {
    grid-column: span 8 !important;
  }
  .col-m-xs-9 {
    grid-column: span 9 !important;
  }
  .col-m-xs-1 {
    grid-column: span 1 !important;
  }
  .col-m-xs-2 {
    grid-column: span 2 !important;
  }
  .col-m-xs-3 {
    grid-column: span 3 !important;
  }
  .col-m-xs-4 {
    grid-column: span 4 !important;
  }
  .col-m-xs-5 {
    grid-column: span 5 !important;
  }
  .col-m-xs-6 {
    grid-column: span 6 !important;
  }
  .col-m-xs-1 {
    grid-column: span 1 !important;
  }
  .col-m-xs-2 {
    grid-column: span 2 !important;
  }
  .col-m-xs-3 {
    grid-column: span 3 !important;
  }
  .col-m-xs-4 {
    grid-column: span 4 !important;
  }
}
.row-1 {
  grid-row: span 1 !important;
}

.row-2 {
  grid-row: span 2 !important;
}

.row-3 {
  grid-row: span 3 !important;
}

.row-4 {
  grid-row: span 4 !important;
}

.row-5 {
  grid-row: span 5 !important;
}

.row-6 {
  grid-row: span 6 !important;
}

.row-7 {
  grid-row: span 7 !important;
}

.row-8 {
  grid-row: span 8 !important;
}

.row-9 {
  grid-row: span 9 !important;
}

.row-10 {
  grid-row: span 10 !important;
}

.row-11 {
  grid-row: span 11 !important;
}

.row-12 {
  grid-row: span 12 !important;
}

.row-1 {
  grid-row: span 1 !important;
}

.row-2 {
  grid-row: span 2 !important;
}

.row-3 {
  grid-row: span 3 !important;
}

.row-4 {
  grid-row: span 4 !important;
}

.row-5 {
  grid-row: span 5 !important;
}

.row-6 {
  grid-row: span 6 !important;
}

.row-7 {
  grid-row: span 7 !important;
}

.row-8 {
  grid-row: span 8 !important;
}

.row-9 {
  grid-row: span 9 !important;
}

.row-1 {
  grid-row: span 1 !important;
}

.row-2 {
  grid-row: span 2 !important;
}

.row-3 {
  grid-row: span 3 !important;
}

.row-4 {
  grid-row: span 4 !important;
}

.row-5 {
  grid-row: span 5 !important;
}

.row-6 {
  grid-row: span 6 !important;
}

.row-1 {
  grid-row: span 1 !important;
}

.row-2 {
  grid-row: span 2 !important;
}

.row-3 {
  grid-row: span 3 !important;
}

.row-4 {
  grid-row: span 4 !important;
}

@media (max-width: 100%) {
  .row-full-1 {
    grid-row: span 1 !important;
  }
  .row-full-2 {
    grid-row: span 2 !important;
  }
  .row-full-3 {
    grid-row: span 3 !important;
  }
  .row-full-4 {
    grid-row: span 4 !important;
  }
  .row-full-5 {
    grid-row: span 5 !important;
  }
  .row-full-6 {
    grid-row: span 6 !important;
  }
  .row-full-7 {
    grid-row: span 7 !important;
  }
  .row-full-8 {
    grid-row: span 8 !important;
  }
  .row-full-9 {
    grid-row: span 9 !important;
  }
  .row-full-10 {
    grid-row: span 10 !important;
  }
  .row-full-11 {
    grid-row: span 11 !important;
  }
  .row-full-12 {
    grid-row: span 12 !important;
  }
  .row-full-1 {
    grid-row: span 1 !important;
  }
  .row-full-2 {
    grid-row: span 2 !important;
  }
  .row-full-3 {
    grid-row: span 3 !important;
  }
  .row-full-4 {
    grid-row: span 4 !important;
  }
  .row-full-5 {
    grid-row: span 5 !important;
  }
  .row-full-6 {
    grid-row: span 6 !important;
  }
  .row-full-7 {
    grid-row: span 7 !important;
  }
  .row-full-8 {
    grid-row: span 8 !important;
  }
  .row-full-9 {
    grid-row: span 9 !important;
  }
  .row-full-1 {
    grid-row: span 1 !important;
  }
  .row-full-2 {
    grid-row: span 2 !important;
  }
  .row-full-3 {
    grid-row: span 3 !important;
  }
  .row-full-4 {
    grid-row: span 4 !important;
  }
  .row-full-5 {
    grid-row: span 5 !important;
  }
  .row-full-6 {
    grid-row: span 6 !important;
  }
  .row-full-1 {
    grid-row: span 1 !important;
  }
  .row-full-2 {
    grid-row: span 2 !important;
  }
  .row-full-3 {
    grid-row: span 3 !important;
  }
  .row-full-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 1920px) {
  .row-fit-1 {
    grid-row: span 1 !important;
  }
  .row-fit-2 {
    grid-row: span 2 !important;
  }
  .row-fit-3 {
    grid-row: span 3 !important;
  }
  .row-fit-4 {
    grid-row: span 4 !important;
  }
  .row-fit-5 {
    grid-row: span 5 !important;
  }
  .row-fit-6 {
    grid-row: span 6 !important;
  }
  .row-fit-7 {
    grid-row: span 7 !important;
  }
  .row-fit-8 {
    grid-row: span 8 !important;
  }
  .row-fit-9 {
    grid-row: span 9 !important;
  }
  .row-fit-10 {
    grid-row: span 10 !important;
  }
  .row-fit-11 {
    grid-row: span 11 !important;
  }
  .row-fit-12 {
    grid-row: span 12 !important;
  }
  .row-fit-1 {
    grid-row: span 1 !important;
  }
  .row-fit-2 {
    grid-row: span 2 !important;
  }
  .row-fit-3 {
    grid-row: span 3 !important;
  }
  .row-fit-4 {
    grid-row: span 4 !important;
  }
  .row-fit-5 {
    grid-row: span 5 !important;
  }
  .row-fit-6 {
    grid-row: span 6 !important;
  }
  .row-fit-7 {
    grid-row: span 7 !important;
  }
  .row-fit-8 {
    grid-row: span 8 !important;
  }
  .row-fit-9 {
    grid-row: span 9 !important;
  }
  .row-fit-1 {
    grid-row: span 1 !important;
  }
  .row-fit-2 {
    grid-row: span 2 !important;
  }
  .row-fit-3 {
    grid-row: span 3 !important;
  }
  .row-fit-4 {
    grid-row: span 4 !important;
  }
  .row-fit-5 {
    grid-row: span 5 !important;
  }
  .row-fit-6 {
    grid-row: span 6 !important;
  }
  .row-fit-1 {
    grid-row: span 1 !important;
  }
  .row-fit-2 {
    grid-row: span 2 !important;
  }
  .row-fit-3 {
    grid-row: span 3 !important;
  }
  .row-fit-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 1600px) {
  .row-2xl-1 {
    grid-row: span 1 !important;
  }
  .row-2xl-2 {
    grid-row: span 2 !important;
  }
  .row-2xl-3 {
    grid-row: span 3 !important;
  }
  .row-2xl-4 {
    grid-row: span 4 !important;
  }
  .row-2xl-5 {
    grid-row: span 5 !important;
  }
  .row-2xl-6 {
    grid-row: span 6 !important;
  }
  .row-2xl-7 {
    grid-row: span 7 !important;
  }
  .row-2xl-8 {
    grid-row: span 8 !important;
  }
  .row-2xl-9 {
    grid-row: span 9 !important;
  }
  .row-2xl-10 {
    grid-row: span 10 !important;
  }
  .row-2xl-11 {
    grid-row: span 11 !important;
  }
  .row-2xl-12 {
    grid-row: span 12 !important;
  }
  .row-2xl-1 {
    grid-row: span 1 !important;
  }
  .row-2xl-2 {
    grid-row: span 2 !important;
  }
  .row-2xl-3 {
    grid-row: span 3 !important;
  }
  .row-2xl-4 {
    grid-row: span 4 !important;
  }
  .row-2xl-5 {
    grid-row: span 5 !important;
  }
  .row-2xl-6 {
    grid-row: span 6 !important;
  }
  .row-2xl-7 {
    grid-row: span 7 !important;
  }
  .row-2xl-8 {
    grid-row: span 8 !important;
  }
  .row-2xl-9 {
    grid-row: span 9 !important;
  }
  .row-2xl-1 {
    grid-row: span 1 !important;
  }
  .row-2xl-2 {
    grid-row: span 2 !important;
  }
  .row-2xl-3 {
    grid-row: span 3 !important;
  }
  .row-2xl-4 {
    grid-row: span 4 !important;
  }
  .row-2xl-5 {
    grid-row: span 5 !important;
  }
  .row-2xl-6 {
    grid-row: span 6 !important;
  }
  .row-2xl-1 {
    grid-row: span 1 !important;
  }
  .row-2xl-2 {
    grid-row: span 2 !important;
  }
  .row-2xl-3 {
    grid-row: span 3 !important;
  }
  .row-2xl-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 1440px) {
  .row-xl-1 {
    grid-row: span 1 !important;
  }
  .row-xl-2 {
    grid-row: span 2 !important;
  }
  .row-xl-3 {
    grid-row: span 3 !important;
  }
  .row-xl-4 {
    grid-row: span 4 !important;
  }
  .row-xl-5 {
    grid-row: span 5 !important;
  }
  .row-xl-6 {
    grid-row: span 6 !important;
  }
  .row-xl-7 {
    grid-row: span 7 !important;
  }
  .row-xl-8 {
    grid-row: span 8 !important;
  }
  .row-xl-9 {
    grid-row: span 9 !important;
  }
  .row-xl-10 {
    grid-row: span 10 !important;
  }
  .row-xl-11 {
    grid-row: span 11 !important;
  }
  .row-xl-12 {
    grid-row: span 12 !important;
  }
  .row-xl-1 {
    grid-row: span 1 !important;
  }
  .row-xl-2 {
    grid-row: span 2 !important;
  }
  .row-xl-3 {
    grid-row: span 3 !important;
  }
  .row-xl-4 {
    grid-row: span 4 !important;
  }
  .row-xl-5 {
    grid-row: span 5 !important;
  }
  .row-xl-6 {
    grid-row: span 6 !important;
  }
  .row-xl-7 {
    grid-row: span 7 !important;
  }
  .row-xl-8 {
    grid-row: span 8 !important;
  }
  .row-xl-9 {
    grid-row: span 9 !important;
  }
  .row-xl-1 {
    grid-row: span 1 !important;
  }
  .row-xl-2 {
    grid-row: span 2 !important;
  }
  .row-xl-3 {
    grid-row: span 3 !important;
  }
  .row-xl-4 {
    grid-row: span 4 !important;
  }
  .row-xl-5 {
    grid-row: span 5 !important;
  }
  .row-xl-6 {
    grid-row: span 6 !important;
  }
  .row-xl-1 {
    grid-row: span 1 !important;
  }
  .row-xl-2 {
    grid-row: span 2 !important;
  }
  .row-xl-3 {
    grid-row: span 3 !important;
  }
  .row-xl-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 1366px) {
  .row-t-xl-1 {
    grid-row: span 1 !important;
  }
  .row-t-xl-2 {
    grid-row: span 2 !important;
  }
  .row-t-xl-3 {
    grid-row: span 3 !important;
  }
  .row-t-xl-4 {
    grid-row: span 4 !important;
  }
  .row-t-xl-5 {
    grid-row: span 5 !important;
  }
  .row-t-xl-6 {
    grid-row: span 6 !important;
  }
  .row-t-xl-7 {
    grid-row: span 7 !important;
  }
  .row-t-xl-8 {
    grid-row: span 8 !important;
  }
  .row-t-xl-9 {
    grid-row: span 9 !important;
  }
  .row-t-xl-10 {
    grid-row: span 10 !important;
  }
  .row-t-xl-11 {
    grid-row: span 11 !important;
  }
  .row-t-xl-12 {
    grid-row: span 12 !important;
  }
  .row-t-xl-1 {
    grid-row: span 1 !important;
  }
  .row-t-xl-2 {
    grid-row: span 2 !important;
  }
  .row-t-xl-3 {
    grid-row: span 3 !important;
  }
  .row-t-xl-4 {
    grid-row: span 4 !important;
  }
  .row-t-xl-5 {
    grid-row: span 5 !important;
  }
  .row-t-xl-6 {
    grid-row: span 6 !important;
  }
  .row-t-xl-7 {
    grid-row: span 7 !important;
  }
  .row-t-xl-8 {
    grid-row: span 8 !important;
  }
  .row-t-xl-9 {
    grid-row: span 9 !important;
  }
  .row-t-xl-1 {
    grid-row: span 1 !important;
  }
  .row-t-xl-2 {
    grid-row: span 2 !important;
  }
  .row-t-xl-3 {
    grid-row: span 3 !important;
  }
  .row-t-xl-4 {
    grid-row: span 4 !important;
  }
  .row-t-xl-5 {
    grid-row: span 5 !important;
  }
  .row-t-xl-6 {
    grid-row: span 6 !important;
  }
  .row-t-xl-1 {
    grid-row: span 1 !important;
  }
  .row-t-xl-2 {
    grid-row: span 2 !important;
  }
  .row-t-xl-3 {
    grid-row: span 3 !important;
  }
  .row-t-xl-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 1280px) {
  .row-t-lg-1 {
    grid-row: span 1 !important;
  }
  .row-t-lg-2 {
    grid-row: span 2 !important;
  }
  .row-t-lg-3 {
    grid-row: span 3 !important;
  }
  .row-t-lg-4 {
    grid-row: span 4 !important;
  }
  .row-t-lg-5 {
    grid-row: span 5 !important;
  }
  .row-t-lg-6 {
    grid-row: span 6 !important;
  }
  .row-t-lg-7 {
    grid-row: span 7 !important;
  }
  .row-t-lg-8 {
    grid-row: span 8 !important;
  }
  .row-t-lg-9 {
    grid-row: span 9 !important;
  }
  .row-t-lg-10 {
    grid-row: span 10 !important;
  }
  .row-t-lg-11 {
    grid-row: span 11 !important;
  }
  .row-t-lg-12 {
    grid-row: span 12 !important;
  }
  .row-t-lg-1 {
    grid-row: span 1 !important;
  }
  .row-t-lg-2 {
    grid-row: span 2 !important;
  }
  .row-t-lg-3 {
    grid-row: span 3 !important;
  }
  .row-t-lg-4 {
    grid-row: span 4 !important;
  }
  .row-t-lg-5 {
    grid-row: span 5 !important;
  }
  .row-t-lg-6 {
    grid-row: span 6 !important;
  }
  .row-t-lg-7 {
    grid-row: span 7 !important;
  }
  .row-t-lg-8 {
    grid-row: span 8 !important;
  }
  .row-t-lg-9 {
    grid-row: span 9 !important;
  }
  .row-t-lg-1 {
    grid-row: span 1 !important;
  }
  .row-t-lg-2 {
    grid-row: span 2 !important;
  }
  .row-t-lg-3 {
    grid-row: span 3 !important;
  }
  .row-t-lg-4 {
    grid-row: span 4 !important;
  }
  .row-t-lg-5 {
    grid-row: span 5 !important;
  }
  .row-t-lg-6 {
    grid-row: span 6 !important;
  }
  .row-t-lg-1 {
    grid-row: span 1 !important;
  }
  .row-t-lg-2 {
    grid-row: span 2 !important;
  }
  .row-t-lg-3 {
    grid-row: span 3 !important;
  }
  .row-t-lg-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 1180px) {
  .row-t-md-1 {
    grid-row: span 1 !important;
  }
  .row-t-md-2 {
    grid-row: span 2 !important;
  }
  .row-t-md-3 {
    grid-row: span 3 !important;
  }
  .row-t-md-4 {
    grid-row: span 4 !important;
  }
  .row-t-md-5 {
    grid-row: span 5 !important;
  }
  .row-t-md-6 {
    grid-row: span 6 !important;
  }
  .row-t-md-7 {
    grid-row: span 7 !important;
  }
  .row-t-md-8 {
    grid-row: span 8 !important;
  }
  .row-t-md-9 {
    grid-row: span 9 !important;
  }
  .row-t-md-10 {
    grid-row: span 10 !important;
  }
  .row-t-md-11 {
    grid-row: span 11 !important;
  }
  .row-t-md-12 {
    grid-row: span 12 !important;
  }
  .row-t-md-1 {
    grid-row: span 1 !important;
  }
  .row-t-md-2 {
    grid-row: span 2 !important;
  }
  .row-t-md-3 {
    grid-row: span 3 !important;
  }
  .row-t-md-4 {
    grid-row: span 4 !important;
  }
  .row-t-md-5 {
    grid-row: span 5 !important;
  }
  .row-t-md-6 {
    grid-row: span 6 !important;
  }
  .row-t-md-7 {
    grid-row: span 7 !important;
  }
  .row-t-md-8 {
    grid-row: span 8 !important;
  }
  .row-t-md-9 {
    grid-row: span 9 !important;
  }
  .row-t-md-1 {
    grid-row: span 1 !important;
  }
  .row-t-md-2 {
    grid-row: span 2 !important;
  }
  .row-t-md-3 {
    grid-row: span 3 !important;
  }
  .row-t-md-4 {
    grid-row: span 4 !important;
  }
  .row-t-md-5 {
    grid-row: span 5 !important;
  }
  .row-t-md-6 {
    grid-row: span 6 !important;
  }
  .row-t-md-1 {
    grid-row: span 1 !important;
  }
  .row-t-md-2 {
    grid-row: span 2 !important;
  }
  .row-t-md-3 {
    grid-row: span 3 !important;
  }
  .row-t-md-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 1024px) {
  .row-t-sm-1 {
    grid-row: span 1 !important;
  }
  .row-t-sm-2 {
    grid-row: span 2 !important;
  }
  .row-t-sm-3 {
    grid-row: span 3 !important;
  }
  .row-t-sm-4 {
    grid-row: span 4 !important;
  }
  .row-t-sm-5 {
    grid-row: span 5 !important;
  }
  .row-t-sm-6 {
    grid-row: span 6 !important;
  }
  .row-t-sm-7 {
    grid-row: span 7 !important;
  }
  .row-t-sm-8 {
    grid-row: span 8 !important;
  }
  .row-t-sm-9 {
    grid-row: span 9 !important;
  }
  .row-t-sm-10 {
    grid-row: span 10 !important;
  }
  .row-t-sm-11 {
    grid-row: span 11 !important;
  }
  .row-t-sm-12 {
    grid-row: span 12 !important;
  }
  .row-t-sm-1 {
    grid-row: span 1 !important;
  }
  .row-t-sm-2 {
    grid-row: span 2 !important;
  }
  .row-t-sm-3 {
    grid-row: span 3 !important;
  }
  .row-t-sm-4 {
    grid-row: span 4 !important;
  }
  .row-t-sm-5 {
    grid-row: span 5 !important;
  }
  .row-t-sm-6 {
    grid-row: span 6 !important;
  }
  .row-t-sm-7 {
    grid-row: span 7 !important;
  }
  .row-t-sm-8 {
    grid-row: span 8 !important;
  }
  .row-t-sm-9 {
    grid-row: span 9 !important;
  }
  .row-t-sm-1 {
    grid-row: span 1 !important;
  }
  .row-t-sm-2 {
    grid-row: span 2 !important;
  }
  .row-t-sm-3 {
    grid-row: span 3 !important;
  }
  .row-t-sm-4 {
    grid-row: span 4 !important;
  }
  .row-t-sm-5 {
    grid-row: span 5 !important;
  }
  .row-t-sm-6 {
    grid-row: span 6 !important;
  }
  .row-t-sm-1 {
    grid-row: span 1 !important;
  }
  .row-t-sm-2 {
    grid-row: span 2 !important;
  }
  .row-t-sm-3 {
    grid-row: span 3 !important;
  }
  .row-t-sm-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 820px) {
  .row-t-xs-1 {
    grid-row: span 1 !important;
  }
  .row-t-xs-2 {
    grid-row: span 2 !important;
  }
  .row-t-xs-3 {
    grid-row: span 3 !important;
  }
  .row-t-xs-4 {
    grid-row: span 4 !important;
  }
  .row-t-xs-5 {
    grid-row: span 5 !important;
  }
  .row-t-xs-6 {
    grid-row: span 6 !important;
  }
  .row-t-xs-7 {
    grid-row: span 7 !important;
  }
  .row-t-xs-8 {
    grid-row: span 8 !important;
  }
  .row-t-xs-9 {
    grid-row: span 9 !important;
  }
  .row-t-xs-10 {
    grid-row: span 10 !important;
  }
  .row-t-xs-11 {
    grid-row: span 11 !important;
  }
  .row-t-xs-12 {
    grid-row: span 12 !important;
  }
  .row-t-xs-1 {
    grid-row: span 1 !important;
  }
  .row-t-xs-2 {
    grid-row: span 2 !important;
  }
  .row-t-xs-3 {
    grid-row: span 3 !important;
  }
  .row-t-xs-4 {
    grid-row: span 4 !important;
  }
  .row-t-xs-5 {
    grid-row: span 5 !important;
  }
  .row-t-xs-6 {
    grid-row: span 6 !important;
  }
  .row-t-xs-7 {
    grid-row: span 7 !important;
  }
  .row-t-xs-8 {
    grid-row: span 8 !important;
  }
  .row-t-xs-9 {
    grid-row: span 9 !important;
  }
  .row-t-xs-1 {
    grid-row: span 1 !important;
  }
  .row-t-xs-2 {
    grid-row: span 2 !important;
  }
  .row-t-xs-3 {
    grid-row: span 3 !important;
  }
  .row-t-xs-4 {
    grid-row: span 4 !important;
  }
  .row-t-xs-5 {
    grid-row: span 5 !important;
  }
  .row-t-xs-6 {
    grid-row: span 6 !important;
  }
  .row-t-xs-1 {
    grid-row: span 1 !important;
  }
  .row-t-xs-2 {
    grid-row: span 2 !important;
  }
  .row-t-xs-3 {
    grid-row: span 3 !important;
  }
  .row-t-xs-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 767px) {
  .row-m-max-1 {
    grid-row: span 1 !important;
  }
  .row-m-max-2 {
    grid-row: span 2 !important;
  }
  .row-m-max-3 {
    grid-row: span 3 !important;
  }
  .row-m-max-4 {
    grid-row: span 4 !important;
  }
  .row-m-max-5 {
    grid-row: span 5 !important;
  }
  .row-m-max-6 {
    grid-row: span 6 !important;
  }
  .row-m-max-7 {
    grid-row: span 7 !important;
  }
  .row-m-max-8 {
    grid-row: span 8 !important;
  }
  .row-m-max-9 {
    grid-row: span 9 !important;
  }
  .row-m-max-10 {
    grid-row: span 10 !important;
  }
  .row-m-max-11 {
    grid-row: span 11 !important;
  }
  .row-m-max-12 {
    grid-row: span 12 !important;
  }
  .row-m-max-1 {
    grid-row: span 1 !important;
  }
  .row-m-max-2 {
    grid-row: span 2 !important;
  }
  .row-m-max-3 {
    grid-row: span 3 !important;
  }
  .row-m-max-4 {
    grid-row: span 4 !important;
  }
  .row-m-max-5 {
    grid-row: span 5 !important;
  }
  .row-m-max-6 {
    grid-row: span 6 !important;
  }
  .row-m-max-7 {
    grid-row: span 7 !important;
  }
  .row-m-max-8 {
    grid-row: span 8 !important;
  }
  .row-m-max-9 {
    grid-row: span 9 !important;
  }
  .row-m-max-1 {
    grid-row: span 1 !important;
  }
  .row-m-max-2 {
    grid-row: span 2 !important;
  }
  .row-m-max-3 {
    grid-row: span 3 !important;
  }
  .row-m-max-4 {
    grid-row: span 4 !important;
  }
  .row-m-max-5 {
    grid-row: span 5 !important;
  }
  .row-m-max-6 {
    grid-row: span 6 !important;
  }
  .row-m-max-1 {
    grid-row: span 1 !important;
  }
  .row-m-max-2 {
    grid-row: span 2 !important;
  }
  .row-m-max-3 {
    grid-row: span 3 !important;
  }
  .row-m-max-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 640px) {
  .row-m-3xl-1 {
    grid-row: span 1 !important;
  }
  .row-m-3xl-2 {
    grid-row: span 2 !important;
  }
  .row-m-3xl-3 {
    grid-row: span 3 !important;
  }
  .row-m-3xl-4 {
    grid-row: span 4 !important;
  }
  .row-m-3xl-5 {
    grid-row: span 5 !important;
  }
  .row-m-3xl-6 {
    grid-row: span 6 !important;
  }
  .row-m-3xl-7 {
    grid-row: span 7 !important;
  }
  .row-m-3xl-8 {
    grid-row: span 8 !important;
  }
  .row-m-3xl-9 {
    grid-row: span 9 !important;
  }
  .row-m-3xl-10 {
    grid-row: span 10 !important;
  }
  .row-m-3xl-11 {
    grid-row: span 11 !important;
  }
  .row-m-3xl-12 {
    grid-row: span 12 !important;
  }
  .row-m-3xl-1 {
    grid-row: span 1 !important;
  }
  .row-m-3xl-2 {
    grid-row: span 2 !important;
  }
  .row-m-3xl-3 {
    grid-row: span 3 !important;
  }
  .row-m-3xl-4 {
    grid-row: span 4 !important;
  }
  .row-m-3xl-5 {
    grid-row: span 5 !important;
  }
  .row-m-3xl-6 {
    grid-row: span 6 !important;
  }
  .row-m-3xl-7 {
    grid-row: span 7 !important;
  }
  .row-m-3xl-8 {
    grid-row: span 8 !important;
  }
  .row-m-3xl-9 {
    grid-row: span 9 !important;
  }
  .row-m-3xl-1 {
    grid-row: span 1 !important;
  }
  .row-m-3xl-2 {
    grid-row: span 2 !important;
  }
  .row-m-3xl-3 {
    grid-row: span 3 !important;
  }
  .row-m-3xl-4 {
    grid-row: span 4 !important;
  }
  .row-m-3xl-5 {
    grid-row: span 5 !important;
  }
  .row-m-3xl-6 {
    grid-row: span 6 !important;
  }
  .row-m-3xl-1 {
    grid-row: span 1 !important;
  }
  .row-m-3xl-2 {
    grid-row: span 2 !important;
  }
  .row-m-3xl-3 {
    grid-row: span 3 !important;
  }
  .row-m-3xl-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 430px) {
  .row-m-2xl-1 {
    grid-row: span 1 !important;
  }
  .row-m-2xl-2 {
    grid-row: span 2 !important;
  }
  .row-m-2xl-3 {
    grid-row: span 3 !important;
  }
  .row-m-2xl-4 {
    grid-row: span 4 !important;
  }
  .row-m-2xl-5 {
    grid-row: span 5 !important;
  }
  .row-m-2xl-6 {
    grid-row: span 6 !important;
  }
  .row-m-2xl-7 {
    grid-row: span 7 !important;
  }
  .row-m-2xl-8 {
    grid-row: span 8 !important;
  }
  .row-m-2xl-9 {
    grid-row: span 9 !important;
  }
  .row-m-2xl-10 {
    grid-row: span 10 !important;
  }
  .row-m-2xl-11 {
    grid-row: span 11 !important;
  }
  .row-m-2xl-12 {
    grid-row: span 12 !important;
  }
  .row-m-2xl-1 {
    grid-row: span 1 !important;
  }
  .row-m-2xl-2 {
    grid-row: span 2 !important;
  }
  .row-m-2xl-3 {
    grid-row: span 3 !important;
  }
  .row-m-2xl-4 {
    grid-row: span 4 !important;
  }
  .row-m-2xl-5 {
    grid-row: span 5 !important;
  }
  .row-m-2xl-6 {
    grid-row: span 6 !important;
  }
  .row-m-2xl-7 {
    grid-row: span 7 !important;
  }
  .row-m-2xl-8 {
    grid-row: span 8 !important;
  }
  .row-m-2xl-9 {
    grid-row: span 9 !important;
  }
  .row-m-2xl-1 {
    grid-row: span 1 !important;
  }
  .row-m-2xl-2 {
    grid-row: span 2 !important;
  }
  .row-m-2xl-3 {
    grid-row: span 3 !important;
  }
  .row-m-2xl-4 {
    grid-row: span 4 !important;
  }
  .row-m-2xl-5 {
    grid-row: span 5 !important;
  }
  .row-m-2xl-6 {
    grid-row: span 6 !important;
  }
  .row-m-2xl-1 {
    grid-row: span 1 !important;
  }
  .row-m-2xl-2 {
    grid-row: span 2 !important;
  }
  .row-m-2xl-3 {
    grid-row: span 3 !important;
  }
  .row-m-2xl-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 412px) {
  .row-m-xl-1 {
    grid-row: span 1 !important;
  }
  .row-m-xl-2 {
    grid-row: span 2 !important;
  }
  .row-m-xl-3 {
    grid-row: span 3 !important;
  }
  .row-m-xl-4 {
    grid-row: span 4 !important;
  }
  .row-m-xl-5 {
    grid-row: span 5 !important;
  }
  .row-m-xl-6 {
    grid-row: span 6 !important;
  }
  .row-m-xl-7 {
    grid-row: span 7 !important;
  }
  .row-m-xl-8 {
    grid-row: span 8 !important;
  }
  .row-m-xl-9 {
    grid-row: span 9 !important;
  }
  .row-m-xl-10 {
    grid-row: span 10 !important;
  }
  .row-m-xl-11 {
    grid-row: span 11 !important;
  }
  .row-m-xl-12 {
    grid-row: span 12 !important;
  }
  .row-m-xl-1 {
    grid-row: span 1 !important;
  }
  .row-m-xl-2 {
    grid-row: span 2 !important;
  }
  .row-m-xl-3 {
    grid-row: span 3 !important;
  }
  .row-m-xl-4 {
    grid-row: span 4 !important;
  }
  .row-m-xl-5 {
    grid-row: span 5 !important;
  }
  .row-m-xl-6 {
    grid-row: span 6 !important;
  }
  .row-m-xl-7 {
    grid-row: span 7 !important;
  }
  .row-m-xl-8 {
    grid-row: span 8 !important;
  }
  .row-m-xl-9 {
    grid-row: span 9 !important;
  }
  .row-m-xl-1 {
    grid-row: span 1 !important;
  }
  .row-m-xl-2 {
    grid-row: span 2 !important;
  }
  .row-m-xl-3 {
    grid-row: span 3 !important;
  }
  .row-m-xl-4 {
    grid-row: span 4 !important;
  }
  .row-m-xl-5 {
    grid-row: span 5 !important;
  }
  .row-m-xl-6 {
    grid-row: span 6 !important;
  }
  .row-m-xl-1 {
    grid-row: span 1 !important;
  }
  .row-m-xl-2 {
    grid-row: span 2 !important;
  }
  .row-m-xl-3 {
    grid-row: span 3 !important;
  }
  .row-m-xl-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 390px) {
  .row-m-lg-1 {
    grid-row: span 1 !important;
  }
  .row-m-lg-2 {
    grid-row: span 2 !important;
  }
  .row-m-lg-3 {
    grid-row: span 3 !important;
  }
  .row-m-lg-4 {
    grid-row: span 4 !important;
  }
  .row-m-lg-5 {
    grid-row: span 5 !important;
  }
  .row-m-lg-6 {
    grid-row: span 6 !important;
  }
  .row-m-lg-7 {
    grid-row: span 7 !important;
  }
  .row-m-lg-8 {
    grid-row: span 8 !important;
  }
  .row-m-lg-9 {
    grid-row: span 9 !important;
  }
  .row-m-lg-10 {
    grid-row: span 10 !important;
  }
  .row-m-lg-11 {
    grid-row: span 11 !important;
  }
  .row-m-lg-12 {
    grid-row: span 12 !important;
  }
  .row-m-lg-1 {
    grid-row: span 1 !important;
  }
  .row-m-lg-2 {
    grid-row: span 2 !important;
  }
  .row-m-lg-3 {
    grid-row: span 3 !important;
  }
  .row-m-lg-4 {
    grid-row: span 4 !important;
  }
  .row-m-lg-5 {
    grid-row: span 5 !important;
  }
  .row-m-lg-6 {
    grid-row: span 6 !important;
  }
  .row-m-lg-7 {
    grid-row: span 7 !important;
  }
  .row-m-lg-8 {
    grid-row: span 8 !important;
  }
  .row-m-lg-9 {
    grid-row: span 9 !important;
  }
  .row-m-lg-1 {
    grid-row: span 1 !important;
  }
  .row-m-lg-2 {
    grid-row: span 2 !important;
  }
  .row-m-lg-3 {
    grid-row: span 3 !important;
  }
  .row-m-lg-4 {
    grid-row: span 4 !important;
  }
  .row-m-lg-5 {
    grid-row: span 5 !important;
  }
  .row-m-lg-6 {
    grid-row: span 6 !important;
  }
  .row-m-lg-1 {
    grid-row: span 1 !important;
  }
  .row-m-lg-2 {
    grid-row: span 2 !important;
  }
  .row-m-lg-3 {
    grid-row: span 3 !important;
  }
  .row-m-lg-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 375px) {
  .row-m-md-1 {
    grid-row: span 1 !important;
  }
  .row-m-md-2 {
    grid-row: span 2 !important;
  }
  .row-m-md-3 {
    grid-row: span 3 !important;
  }
  .row-m-md-4 {
    grid-row: span 4 !important;
  }
  .row-m-md-5 {
    grid-row: span 5 !important;
  }
  .row-m-md-6 {
    grid-row: span 6 !important;
  }
  .row-m-md-7 {
    grid-row: span 7 !important;
  }
  .row-m-md-8 {
    grid-row: span 8 !important;
  }
  .row-m-md-9 {
    grid-row: span 9 !important;
  }
  .row-m-md-10 {
    grid-row: span 10 !important;
  }
  .row-m-md-11 {
    grid-row: span 11 !important;
  }
  .row-m-md-12 {
    grid-row: span 12 !important;
  }
  .row-m-md-1 {
    grid-row: span 1 !important;
  }
  .row-m-md-2 {
    grid-row: span 2 !important;
  }
  .row-m-md-3 {
    grid-row: span 3 !important;
  }
  .row-m-md-4 {
    grid-row: span 4 !important;
  }
  .row-m-md-5 {
    grid-row: span 5 !important;
  }
  .row-m-md-6 {
    grid-row: span 6 !important;
  }
  .row-m-md-7 {
    grid-row: span 7 !important;
  }
  .row-m-md-8 {
    grid-row: span 8 !important;
  }
  .row-m-md-9 {
    grid-row: span 9 !important;
  }
  .row-m-md-1 {
    grid-row: span 1 !important;
  }
  .row-m-md-2 {
    grid-row: span 2 !important;
  }
  .row-m-md-3 {
    grid-row: span 3 !important;
  }
  .row-m-md-4 {
    grid-row: span 4 !important;
  }
  .row-m-md-5 {
    grid-row: span 5 !important;
  }
  .row-m-md-6 {
    grid-row: span 6 !important;
  }
  .row-m-md-1 {
    grid-row: span 1 !important;
  }
  .row-m-md-2 {
    grid-row: span 2 !important;
  }
  .row-m-md-3 {
    grid-row: span 3 !important;
  }
  .row-m-md-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 360px) {
  .row-m-sm-1 {
    grid-row: span 1 !important;
  }
  .row-m-sm-2 {
    grid-row: span 2 !important;
  }
  .row-m-sm-3 {
    grid-row: span 3 !important;
  }
  .row-m-sm-4 {
    grid-row: span 4 !important;
  }
  .row-m-sm-5 {
    grid-row: span 5 !important;
  }
  .row-m-sm-6 {
    grid-row: span 6 !important;
  }
  .row-m-sm-7 {
    grid-row: span 7 !important;
  }
  .row-m-sm-8 {
    grid-row: span 8 !important;
  }
  .row-m-sm-9 {
    grid-row: span 9 !important;
  }
  .row-m-sm-10 {
    grid-row: span 10 !important;
  }
  .row-m-sm-11 {
    grid-row: span 11 !important;
  }
  .row-m-sm-12 {
    grid-row: span 12 !important;
  }
  .row-m-sm-1 {
    grid-row: span 1 !important;
  }
  .row-m-sm-2 {
    grid-row: span 2 !important;
  }
  .row-m-sm-3 {
    grid-row: span 3 !important;
  }
  .row-m-sm-4 {
    grid-row: span 4 !important;
  }
  .row-m-sm-5 {
    grid-row: span 5 !important;
  }
  .row-m-sm-6 {
    grid-row: span 6 !important;
  }
  .row-m-sm-7 {
    grid-row: span 7 !important;
  }
  .row-m-sm-8 {
    grid-row: span 8 !important;
  }
  .row-m-sm-9 {
    grid-row: span 9 !important;
  }
  .row-m-sm-1 {
    grid-row: span 1 !important;
  }
  .row-m-sm-2 {
    grid-row: span 2 !important;
  }
  .row-m-sm-3 {
    grid-row: span 3 !important;
  }
  .row-m-sm-4 {
    grid-row: span 4 !important;
  }
  .row-m-sm-5 {
    grid-row: span 5 !important;
  }
  .row-m-sm-6 {
    grid-row: span 6 !important;
  }
  .row-m-sm-1 {
    grid-row: span 1 !important;
  }
  .row-m-sm-2 {
    grid-row: span 2 !important;
  }
  .row-m-sm-3 {
    grid-row: span 3 !important;
  }
  .row-m-sm-4 {
    grid-row: span 4 !important;
  }
}
@media (max-width: 359px) {
  .row-m-xs-1 {
    grid-row: span 1 !important;
  }
  .row-m-xs-2 {
    grid-row: span 2 !important;
  }
  .row-m-xs-3 {
    grid-row: span 3 !important;
  }
  .row-m-xs-4 {
    grid-row: span 4 !important;
  }
  .row-m-xs-5 {
    grid-row: span 5 !important;
  }
  .row-m-xs-6 {
    grid-row: span 6 !important;
  }
  .row-m-xs-7 {
    grid-row: span 7 !important;
  }
  .row-m-xs-8 {
    grid-row: span 8 !important;
  }
  .row-m-xs-9 {
    grid-row: span 9 !important;
  }
  .row-m-xs-10 {
    grid-row: span 10 !important;
  }
  .row-m-xs-11 {
    grid-row: span 11 !important;
  }
  .row-m-xs-12 {
    grid-row: span 12 !important;
  }
  .row-m-xs-1 {
    grid-row: span 1 !important;
  }
  .row-m-xs-2 {
    grid-row: span 2 !important;
  }
  .row-m-xs-3 {
    grid-row: span 3 !important;
  }
  .row-m-xs-4 {
    grid-row: span 4 !important;
  }
  .row-m-xs-5 {
    grid-row: span 5 !important;
  }
  .row-m-xs-6 {
    grid-row: span 6 !important;
  }
  .row-m-xs-7 {
    grid-row: span 7 !important;
  }
  .row-m-xs-8 {
    grid-row: span 8 !important;
  }
  .row-m-xs-9 {
    grid-row: span 9 !important;
  }
  .row-m-xs-1 {
    grid-row: span 1 !important;
  }
  .row-m-xs-2 {
    grid-row: span 2 !important;
  }
  .row-m-xs-3 {
    grid-row: span 3 !important;
  }
  .row-m-xs-4 {
    grid-row: span 4 !important;
  }
  .row-m-xs-5 {
    grid-row: span 5 !important;
  }
  .row-m-xs-6 {
    grid-row: span 6 !important;
  }
  .row-m-xs-1 {
    grid-row: span 1 !important;
  }
  .row-m-xs-2 {
    grid-row: span 2 !important;
  }
  .row-m-xs-3 {
    grid-row: span 3 !important;
  }
  .row-m-xs-4 {
    grid-row: span 4 !important;
  }
}
.gap-none {
  gap: 0rem !important;
}

.gap-row-none {
  row-gap: 0rem !important;
}

.gap-col-none {
  -moz-column-gap: 0rem !important;
       column-gap: 0rem !important;
}

.gap-6 {
  gap: 0.375rem !important;
}

.gap-row-6 {
  row-gap: 0.375rem !important;
}

.gap-col-6 {
  -moz-column-gap: 0.375rem !important;
       column-gap: 0.375rem !important;
}

.gap-10 {
  gap: 0.625rem !important;
}

.gap-row-10 {
  row-gap: 0.625rem !important;
}

.gap-col-10 {
  -moz-column-gap: 0.625rem !important;
       column-gap: 0.625rem !important;
}

.gap-12 {
  gap: 0.75rem !important;
}

.gap-row-12 {
  row-gap: 0.75rem !important;
}

.gap-col-12 {
  -moz-column-gap: 0.75rem !important;
       column-gap: 0.75rem !important;
}

.gap-16 {
  gap: 1rem !important;
}

.gap-row-16 {
  row-gap: 1rem !important;
}

.gap-col-16 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}

.gap-20 {
  gap: 1.25rem !important;
}

.gap-row-20 {
  row-gap: 1.25rem !important;
}

.gap-col-20 {
  -moz-column-gap: 1.25rem !important;
       column-gap: 1.25rem !important;
}

.gap-23 {
  gap: 1.4375rem !important;
}

.gap-row-23 {
  row-gap: 1.4375rem !important;
}

.gap-col-23 {
  -moz-column-gap: 1.4375rem !important;
       column-gap: 1.4375rem !important;
}

.gap-24 {
  gap: 1.5rem !important;
}

.gap-row-24 {
  row-gap: 1.5rem !important;
}

.gap-col-24 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}

.gap-30 {
  gap: 1.875rem !important;
}

.gap-row-30 {
  row-gap: 1.875rem !important;
}

.gap-col-30 {
  -moz-column-gap: 1.875rem !important;
       column-gap: 1.875rem !important;
}

.gap-48 {
  gap: 3rem !important;
}

.gap-row-48 {
  row-gap: 3rem !important;
}

.gap-col-48 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}

@media (max-width: 100%) {
  .gap-full-none {
    gap: 0rem !important;
  }
  .gap-row-full-none {
    row-gap: 0rem !important;
  }
  .gap-col-full-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-full-6 {
    gap: 0.375rem !important;
  }
  .gap-row-full-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-full-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-full-10 {
    gap: 0.625rem !important;
  }
  .gap-row-full-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-full-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-full-12 {
    gap: 0.75rem !important;
  }
  .gap-row-full-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-full-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-full-16 {
    gap: 1rem !important;
  }
  .gap-row-full-16 {
    row-gap: 1rem !important;
  }
  .gap-col-full-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-full-20 {
    gap: 1.25rem !important;
  }
  .gap-row-full-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-full-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-full-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-full-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-full-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-full-24 {
    gap: 1.5rem !important;
  }
  .gap-row-full-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-full-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-full-30 {
    gap: 1.875rem !important;
  }
  .gap-row-full-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-full-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-full-48 {
    gap: 3rem !important;
  }
  .gap-row-full-48 {
    row-gap: 3rem !important;
  }
  .gap-col-full-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 1920px) {
  .gap-fit-none {
    gap: 0rem !important;
  }
  .gap-row-fit-none {
    row-gap: 0rem !important;
  }
  .gap-col-fit-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-fit-6 {
    gap: 0.375rem !important;
  }
  .gap-row-fit-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-fit-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-fit-10 {
    gap: 0.625rem !important;
  }
  .gap-row-fit-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-fit-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-fit-12 {
    gap: 0.75rem !important;
  }
  .gap-row-fit-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-fit-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-fit-16 {
    gap: 1rem !important;
  }
  .gap-row-fit-16 {
    row-gap: 1rem !important;
  }
  .gap-col-fit-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-fit-20 {
    gap: 1.25rem !important;
  }
  .gap-row-fit-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-fit-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-fit-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-fit-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-fit-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-fit-24 {
    gap: 1.5rem !important;
  }
  .gap-row-fit-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-fit-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-fit-30 {
    gap: 1.875rem !important;
  }
  .gap-row-fit-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-fit-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-fit-48 {
    gap: 3rem !important;
  }
  .gap-row-fit-48 {
    row-gap: 3rem !important;
  }
  .gap-col-fit-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 1600px) {
  .gap-2xl-none {
    gap: 0rem !important;
  }
  .gap-row-2xl-none {
    row-gap: 0rem !important;
  }
  .gap-col-2xl-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-2xl-6 {
    gap: 0.375rem !important;
  }
  .gap-row-2xl-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-2xl-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-2xl-10 {
    gap: 0.625rem !important;
  }
  .gap-row-2xl-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-2xl-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-2xl-12 {
    gap: 0.75rem !important;
  }
  .gap-row-2xl-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-2xl-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-2xl-16 {
    gap: 1rem !important;
  }
  .gap-row-2xl-16 {
    row-gap: 1rem !important;
  }
  .gap-col-2xl-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-2xl-20 {
    gap: 1.25rem !important;
  }
  .gap-row-2xl-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-2xl-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-2xl-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-2xl-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-2xl-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-2xl-24 {
    gap: 1.5rem !important;
  }
  .gap-row-2xl-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-2xl-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-2xl-30 {
    gap: 1.875rem !important;
  }
  .gap-row-2xl-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-2xl-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-2xl-48 {
    gap: 3rem !important;
  }
  .gap-row-2xl-48 {
    row-gap: 3rem !important;
  }
  .gap-col-2xl-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 1440px) {
  .gap-xl-none {
    gap: 0rem !important;
  }
  .gap-row-xl-none {
    row-gap: 0rem !important;
  }
  .gap-col-xl-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-xl-6 {
    gap: 0.375rem !important;
  }
  .gap-row-xl-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-xl-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-xl-10 {
    gap: 0.625rem !important;
  }
  .gap-row-xl-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-xl-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-xl-12 {
    gap: 0.75rem !important;
  }
  .gap-row-xl-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-xl-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-xl-16 {
    gap: 1rem !important;
  }
  .gap-row-xl-16 {
    row-gap: 1rem !important;
  }
  .gap-col-xl-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-xl-20 {
    gap: 1.25rem !important;
  }
  .gap-row-xl-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-xl-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-xl-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-xl-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-xl-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-xl-24 {
    gap: 1.5rem !important;
  }
  .gap-row-xl-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-xl-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-xl-30 {
    gap: 1.875rem !important;
  }
  .gap-row-xl-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-xl-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-xl-48 {
    gap: 3rem !important;
  }
  .gap-row-xl-48 {
    row-gap: 3rem !important;
  }
  .gap-col-xl-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 1366px) {
  .gap-t-xl-none {
    gap: 0rem !important;
  }
  .gap-row-t-xl-none {
    row-gap: 0rem !important;
  }
  .gap-col-t-xl-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-t-xl-6 {
    gap: 0.375rem !important;
  }
  .gap-row-t-xl-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-t-xl-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-t-xl-10 {
    gap: 0.625rem !important;
  }
  .gap-row-t-xl-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-t-xl-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-t-xl-12 {
    gap: 0.75rem !important;
  }
  .gap-row-t-xl-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-t-xl-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-t-xl-16 {
    gap: 1rem !important;
  }
  .gap-row-t-xl-16 {
    row-gap: 1rem !important;
  }
  .gap-col-t-xl-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-t-xl-20 {
    gap: 1.25rem !important;
  }
  .gap-row-t-xl-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-t-xl-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-t-xl-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-t-xl-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-t-xl-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-t-xl-24 {
    gap: 1.5rem !important;
  }
  .gap-row-t-xl-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-t-xl-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-t-xl-30 {
    gap: 1.875rem !important;
  }
  .gap-row-t-xl-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-t-xl-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-t-xl-48 {
    gap: 3rem !important;
  }
  .gap-row-t-xl-48 {
    row-gap: 3rem !important;
  }
  .gap-col-t-xl-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 1280px) {
  .gap-t-lg-none {
    gap: 0rem !important;
  }
  .gap-row-t-lg-none {
    row-gap: 0rem !important;
  }
  .gap-col-t-lg-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-t-lg-6 {
    gap: 0.375rem !important;
  }
  .gap-row-t-lg-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-t-lg-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-t-lg-10 {
    gap: 0.625rem !important;
  }
  .gap-row-t-lg-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-t-lg-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-t-lg-12 {
    gap: 0.75rem !important;
  }
  .gap-row-t-lg-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-t-lg-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-t-lg-16 {
    gap: 1rem !important;
  }
  .gap-row-t-lg-16 {
    row-gap: 1rem !important;
  }
  .gap-col-t-lg-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-t-lg-20 {
    gap: 1.25rem !important;
  }
  .gap-row-t-lg-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-t-lg-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-t-lg-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-t-lg-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-t-lg-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-t-lg-24 {
    gap: 1.5rem !important;
  }
  .gap-row-t-lg-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-t-lg-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-t-lg-30 {
    gap: 1.875rem !important;
  }
  .gap-row-t-lg-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-t-lg-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-t-lg-48 {
    gap: 3rem !important;
  }
  .gap-row-t-lg-48 {
    row-gap: 3rem !important;
  }
  .gap-col-t-lg-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 1180px) {
  .gap-t-md-none {
    gap: 0rem !important;
  }
  .gap-row-t-md-none {
    row-gap: 0rem !important;
  }
  .gap-col-t-md-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-t-md-6 {
    gap: 0.375rem !important;
  }
  .gap-row-t-md-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-t-md-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-t-md-10 {
    gap: 0.625rem !important;
  }
  .gap-row-t-md-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-t-md-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-t-md-12 {
    gap: 0.75rem !important;
  }
  .gap-row-t-md-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-t-md-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-t-md-16 {
    gap: 1rem !important;
  }
  .gap-row-t-md-16 {
    row-gap: 1rem !important;
  }
  .gap-col-t-md-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-t-md-20 {
    gap: 1.25rem !important;
  }
  .gap-row-t-md-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-t-md-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-t-md-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-t-md-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-t-md-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-t-md-24 {
    gap: 1.5rem !important;
  }
  .gap-row-t-md-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-t-md-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-t-md-30 {
    gap: 1.875rem !important;
  }
  .gap-row-t-md-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-t-md-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-t-md-48 {
    gap: 3rem !important;
  }
  .gap-row-t-md-48 {
    row-gap: 3rem !important;
  }
  .gap-col-t-md-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 1024px) {
  .gap-t-sm-none {
    gap: 0rem !important;
  }
  .gap-row-t-sm-none {
    row-gap: 0rem !important;
  }
  .gap-col-t-sm-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-t-sm-6 {
    gap: 0.375rem !important;
  }
  .gap-row-t-sm-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-t-sm-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-t-sm-10 {
    gap: 0.625rem !important;
  }
  .gap-row-t-sm-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-t-sm-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-t-sm-12 {
    gap: 0.75rem !important;
  }
  .gap-row-t-sm-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-t-sm-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-t-sm-16 {
    gap: 1rem !important;
  }
  .gap-row-t-sm-16 {
    row-gap: 1rem !important;
  }
  .gap-col-t-sm-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-t-sm-20 {
    gap: 1.25rem !important;
  }
  .gap-row-t-sm-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-t-sm-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-t-sm-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-t-sm-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-t-sm-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-t-sm-24 {
    gap: 1.5rem !important;
  }
  .gap-row-t-sm-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-t-sm-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-t-sm-30 {
    gap: 1.875rem !important;
  }
  .gap-row-t-sm-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-t-sm-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-t-sm-48 {
    gap: 3rem !important;
  }
  .gap-row-t-sm-48 {
    row-gap: 3rem !important;
  }
  .gap-col-t-sm-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 820px) {
  .gap-t-xs-none {
    gap: 0rem !important;
  }
  .gap-row-t-xs-none {
    row-gap: 0rem !important;
  }
  .gap-col-t-xs-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-t-xs-6 {
    gap: 0.375rem !important;
  }
  .gap-row-t-xs-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-t-xs-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-t-xs-10 {
    gap: 0.625rem !important;
  }
  .gap-row-t-xs-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-t-xs-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-t-xs-12 {
    gap: 0.75rem !important;
  }
  .gap-row-t-xs-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-t-xs-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-t-xs-16 {
    gap: 1rem !important;
  }
  .gap-row-t-xs-16 {
    row-gap: 1rem !important;
  }
  .gap-col-t-xs-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-t-xs-20 {
    gap: 1.25rem !important;
  }
  .gap-row-t-xs-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-t-xs-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-t-xs-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-t-xs-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-t-xs-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-t-xs-24 {
    gap: 1.5rem !important;
  }
  .gap-row-t-xs-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-t-xs-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-t-xs-30 {
    gap: 1.875rem !important;
  }
  .gap-row-t-xs-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-t-xs-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-t-xs-48 {
    gap: 3rem !important;
  }
  .gap-row-t-xs-48 {
    row-gap: 3rem !important;
  }
  .gap-col-t-xs-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 767px) {
  .gap-m-max-none {
    gap: 0rem !important;
  }
  .gap-row-m-max-none {
    row-gap: 0rem !important;
  }
  .gap-col-m-max-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-m-max-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-max-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-max-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-m-max-10 {
    gap: 0.625rem !important;
  }
  .gap-row-m-max-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-m-max-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-m-max-12 {
    gap: 0.75rem !important;
  }
  .gap-row-m-max-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-m-max-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-m-max-16 {
    gap: 1rem !important;
  }
  .gap-row-m-max-16 {
    row-gap: 1rem !important;
  }
  .gap-col-m-max-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-m-max-20 {
    gap: 1.25rem !important;
  }
  .gap-row-m-max-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-m-max-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-m-max-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-m-max-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-m-max-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-m-max-24 {
    gap: 1.5rem !important;
  }
  .gap-row-m-max-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-m-max-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-m-max-30 {
    gap: 1.875rem !important;
  }
  .gap-row-m-max-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-m-max-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-m-max-48 {
    gap: 3rem !important;
  }
  .gap-row-m-max-48 {
    row-gap: 3rem !important;
  }
  .gap-col-m-max-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 640px) {
  .gap-m-3xl-none {
    gap: 0rem !important;
  }
  .gap-row-m-3xl-none {
    row-gap: 0rem !important;
  }
  .gap-col-m-3xl-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-m-3xl-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-3xl-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-3xl-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-m-3xl-10 {
    gap: 0.625rem !important;
  }
  .gap-row-m-3xl-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-m-3xl-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-m-3xl-12 {
    gap: 0.75rem !important;
  }
  .gap-row-m-3xl-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-m-3xl-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-m-3xl-16 {
    gap: 1rem !important;
  }
  .gap-row-m-3xl-16 {
    row-gap: 1rem !important;
  }
  .gap-col-m-3xl-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-m-3xl-20 {
    gap: 1.25rem !important;
  }
  .gap-row-m-3xl-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-m-3xl-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-m-3xl-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-m-3xl-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-m-3xl-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-m-3xl-24 {
    gap: 1.5rem !important;
  }
  .gap-row-m-3xl-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-m-3xl-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-m-3xl-30 {
    gap: 1.875rem !important;
  }
  .gap-row-m-3xl-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-m-3xl-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-m-3xl-48 {
    gap: 3rem !important;
  }
  .gap-row-m-3xl-48 {
    row-gap: 3rem !important;
  }
  .gap-col-m-3xl-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 430px) {
  .gap-m-2xl-none {
    gap: 0rem !important;
  }
  .gap-row-m-2xl-none {
    row-gap: 0rem !important;
  }
  .gap-col-m-2xl-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-m-2xl-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-2xl-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-2xl-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-m-2xl-10 {
    gap: 0.625rem !important;
  }
  .gap-row-m-2xl-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-m-2xl-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-m-2xl-12 {
    gap: 0.75rem !important;
  }
  .gap-row-m-2xl-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-m-2xl-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-m-2xl-16 {
    gap: 1rem !important;
  }
  .gap-row-m-2xl-16 {
    row-gap: 1rem !important;
  }
  .gap-col-m-2xl-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-m-2xl-20 {
    gap: 1.25rem !important;
  }
  .gap-row-m-2xl-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-m-2xl-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-m-2xl-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-m-2xl-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-m-2xl-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-m-2xl-24 {
    gap: 1.5rem !important;
  }
  .gap-row-m-2xl-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-m-2xl-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-m-2xl-30 {
    gap: 1.875rem !important;
  }
  .gap-row-m-2xl-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-m-2xl-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-m-2xl-48 {
    gap: 3rem !important;
  }
  .gap-row-m-2xl-48 {
    row-gap: 3rem !important;
  }
  .gap-col-m-2xl-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 412px) {
  .gap-m-xl-none {
    gap: 0rem !important;
  }
  .gap-row-m-xl-none {
    row-gap: 0rem !important;
  }
  .gap-col-m-xl-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-m-xl-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-xl-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-xl-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-m-xl-10 {
    gap: 0.625rem !important;
  }
  .gap-row-m-xl-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-m-xl-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-m-xl-12 {
    gap: 0.75rem !important;
  }
  .gap-row-m-xl-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-m-xl-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-m-xl-16 {
    gap: 1rem !important;
  }
  .gap-row-m-xl-16 {
    row-gap: 1rem !important;
  }
  .gap-col-m-xl-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-m-xl-20 {
    gap: 1.25rem !important;
  }
  .gap-row-m-xl-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-m-xl-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-m-xl-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-m-xl-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-m-xl-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-m-xl-24 {
    gap: 1.5rem !important;
  }
  .gap-row-m-xl-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-m-xl-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-m-xl-30 {
    gap: 1.875rem !important;
  }
  .gap-row-m-xl-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-m-xl-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-m-xl-48 {
    gap: 3rem !important;
  }
  .gap-row-m-xl-48 {
    row-gap: 3rem !important;
  }
  .gap-col-m-xl-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 390px) {
  .gap-m-lg-none {
    gap: 0rem !important;
  }
  .gap-row-m-lg-none {
    row-gap: 0rem !important;
  }
  .gap-col-m-lg-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-m-lg-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-lg-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-lg-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-m-lg-10 {
    gap: 0.625rem !important;
  }
  .gap-row-m-lg-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-m-lg-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-m-lg-12 {
    gap: 0.75rem !important;
  }
  .gap-row-m-lg-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-m-lg-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-m-lg-16 {
    gap: 1rem !important;
  }
  .gap-row-m-lg-16 {
    row-gap: 1rem !important;
  }
  .gap-col-m-lg-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-m-lg-20 {
    gap: 1.25rem !important;
  }
  .gap-row-m-lg-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-m-lg-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-m-lg-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-m-lg-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-m-lg-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-m-lg-24 {
    gap: 1.5rem !important;
  }
  .gap-row-m-lg-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-m-lg-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-m-lg-30 {
    gap: 1.875rem !important;
  }
  .gap-row-m-lg-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-m-lg-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-m-lg-48 {
    gap: 3rem !important;
  }
  .gap-row-m-lg-48 {
    row-gap: 3rem !important;
  }
  .gap-col-m-lg-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 375px) {
  .gap-m-md-none {
    gap: 0rem !important;
  }
  .gap-row-m-md-none {
    row-gap: 0rem !important;
  }
  .gap-col-m-md-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-m-md-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-md-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-md-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-m-md-10 {
    gap: 0.625rem !important;
  }
  .gap-row-m-md-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-m-md-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-m-md-12 {
    gap: 0.75rem !important;
  }
  .gap-row-m-md-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-m-md-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-m-md-16 {
    gap: 1rem !important;
  }
  .gap-row-m-md-16 {
    row-gap: 1rem !important;
  }
  .gap-col-m-md-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-m-md-20 {
    gap: 1.25rem !important;
  }
  .gap-row-m-md-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-m-md-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-m-md-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-m-md-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-m-md-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-m-md-24 {
    gap: 1.5rem !important;
  }
  .gap-row-m-md-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-m-md-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-m-md-30 {
    gap: 1.875rem !important;
  }
  .gap-row-m-md-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-m-md-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-m-md-48 {
    gap: 3rem !important;
  }
  .gap-row-m-md-48 {
    row-gap: 3rem !important;
  }
  .gap-col-m-md-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 360px) {
  .gap-m-sm-none {
    gap: 0rem !important;
  }
  .gap-row-m-sm-none {
    row-gap: 0rem !important;
  }
  .gap-col-m-sm-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-m-sm-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-sm-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-sm-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-m-sm-10 {
    gap: 0.625rem !important;
  }
  .gap-row-m-sm-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-m-sm-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-m-sm-12 {
    gap: 0.75rem !important;
  }
  .gap-row-m-sm-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-m-sm-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-m-sm-16 {
    gap: 1rem !important;
  }
  .gap-row-m-sm-16 {
    row-gap: 1rem !important;
  }
  .gap-col-m-sm-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-m-sm-20 {
    gap: 1.25rem !important;
  }
  .gap-row-m-sm-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-m-sm-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-m-sm-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-m-sm-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-m-sm-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-m-sm-24 {
    gap: 1.5rem !important;
  }
  .gap-row-m-sm-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-m-sm-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-m-sm-30 {
    gap: 1.875rem !important;
  }
  .gap-row-m-sm-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-m-sm-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-m-sm-48 {
    gap: 3rem !important;
  }
  .gap-row-m-sm-48 {
    row-gap: 3rem !important;
  }
  .gap-col-m-sm-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
@media (max-width: 359px) {
  .gap-m-xs-none {
    gap: 0rem !important;
  }
  .gap-row-m-xs-none {
    row-gap: 0rem !important;
  }
  .gap-col-m-xs-none {
    -moz-column-gap: 0rem !important;
         column-gap: 0rem !important;
  }
  .gap-m-xs-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-xs-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-xs-6 {
    -moz-column-gap: 0.375rem !important;
         column-gap: 0.375rem !important;
  }
  .gap-m-xs-10 {
    gap: 0.625rem !important;
  }
  .gap-row-m-xs-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-m-xs-10 {
    -moz-column-gap: 0.625rem !important;
         column-gap: 0.625rem !important;
  }
  .gap-m-xs-12 {
    gap: 0.75rem !important;
  }
  .gap-row-m-xs-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-m-xs-12 {
    -moz-column-gap: 0.75rem !important;
         column-gap: 0.75rem !important;
  }
  .gap-m-xs-16 {
    gap: 1rem !important;
  }
  .gap-row-m-xs-16 {
    row-gap: 1rem !important;
  }
  .gap-col-m-xs-16 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .gap-m-xs-20 {
    gap: 1.25rem !important;
  }
  .gap-row-m-xs-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-m-xs-20 {
    -moz-column-gap: 1.25rem !important;
         column-gap: 1.25rem !important;
  }
  .gap-m-xs-23 {
    gap: 1.4375rem !important;
  }
  .gap-row-m-xs-23 {
    row-gap: 1.4375rem !important;
  }
  .gap-col-m-xs-23 {
    -moz-column-gap: 1.4375rem !important;
         column-gap: 1.4375rem !important;
  }
  .gap-m-xs-24 {
    gap: 1.5rem !important;
  }
  .gap-row-m-xs-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-m-xs-24 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .gap-m-xs-30 {
    gap: 1.875rem !important;
  }
  .gap-row-m-xs-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-m-xs-30 {
    -moz-column-gap: 1.875rem !important;
         column-gap: 1.875rem !important;
  }
  .gap-m-xs-48 {
    gap: 3rem !important;
  }
  .gap-row-m-xs-48 {
    row-gap: 3rem !important;
  }
  .gap-col-m-xs-48 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
}
.mx-auto {
  margin: 0 auto;
}

.mt-auto {
  margin-top: auto !important;
}

.mt-none {
  margin-top: 0 !important;
}

.mt-4 {
  margin-top: 0.25rem !important;
}

.mt-6 {
  margin-top: 0.375rem !important;
}

.mt-8 {
  margin-top: 0.5rem !important;
}

.mt-10 {
  margin-top: 0.625rem !important;
}

.mt-12 {
  margin-top: 0.75rem !important;
}

.mt-14 {
  margin-top: 0.875rem !important;
}

.mt-15 {
  margin-top: 0.9375rem !important;
}

.mt-16 {
  margin-top: 1rem !important;
}

.mt-18 {
  margin-top: 1.125rem !important;
}

.mt-20 {
  margin-top: 1.25rem !important;
}

.mt-22 {
  margin-top: 1.375rem !important;
}

.mt-25 {
  margin-top: 1.5625rem !important;
}

.mt-30 {
  margin-top: 1.875rem !important;
}

.mt-40 {
  margin-top: 2.5rem !important;
}

.mt-50 {
  margin-top: 3.125rem !important;
}

.mt-60 {
  margin-top: 3.75rem !important;
}

.mt-100 {
  margin-top: 6.25rem !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mr-none {
  margin-right: 0 !important;
}

.mr-4 {
  margin-right: 0.25rem !important;
}

.mr-6 {
  margin-right: 0.375rem !important;
}

.mr-8 {
  margin-right: 0.5rem !important;
}

.mr-10 {
  margin-right: 0.625rem !important;
}

.mr-12 {
  margin-right: 0.75rem !important;
}

.mr-14 {
  margin-right: 0.875rem !important;
}

.mr-15 {
  margin-right: 0.9375rem !important;
}

.mr-16 {
  margin-right: 1rem !important;
}

.mr-18 {
  margin-right: 1.125rem !important;
}

.mr-20 {
  margin-right: 1.25rem !important;
}

.mr-22 {
  margin-right: 1.375rem !important;
}

.mr-25 {
  margin-right: 1.5625rem !important;
}

.mr-30 {
  margin-right: 1.875rem !important;
}

.mr-40 {
  margin-right: 2.5rem !important;
}

.mr-50 {
  margin-right: 3.125rem !important;
}

.mr-60 {
  margin-right: 3.75rem !important;
}

.mr-100 {
  margin-right: 6.25rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.mb-none {
  margin-bottom: 0 !important;
}

.mb-4 {
  margin-bottom: 0.25rem !important;
}

.mb-6 {
  margin-bottom: 0.375rem !important;
}

.mb-8 {
  margin-bottom: 0.5rem !important;
}

.mb-10 {
  margin-bottom: 0.625rem !important;
}

.mb-12 {
  margin-bottom: 0.75rem !important;
}

.mb-14 {
  margin-bottom: 0.875rem !important;
}

.mb-15 {
  margin-bottom: 0.9375rem !important;
}

.mb-16 {
  margin-bottom: 1rem !important;
}

.mb-18 {
  margin-bottom: 1.125rem !important;
}

.mb-20 {
  margin-bottom: 1.25rem !important;
}

.mb-22 {
  margin-bottom: 1.375rem !important;
}

.mb-25 {
  margin-bottom: 1.5625rem !important;
}

.mb-30 {
  margin-bottom: 1.875rem !important;
}

.mb-40 {
  margin-bottom: 2.5rem !important;
}

.mb-50 {
  margin-bottom: 3.125rem !important;
}

.mb-60 {
  margin-bottom: 3.75rem !important;
}

.mb-100 {
  margin-bottom: 6.25rem !important;
}

.ml-auto {
  margin-left: auto !important;
}

.ml-none {
  margin-left: 0 !important;
}

.ml-4 {
  margin-left: 0.25rem !important;
}

.ml-6 {
  margin-left: 0.375rem !important;
}

.ml-8 {
  margin-left: 0.5rem !important;
}

.ml-10 {
  margin-left: 0.625rem !important;
}

.ml-12 {
  margin-left: 0.75rem !important;
}

.ml-14 {
  margin-left: 0.875rem !important;
}

.ml-15 {
  margin-left: 0.9375rem !important;
}

.ml-16 {
  margin-left: 1rem !important;
}

.ml-18 {
  margin-left: 1.125rem !important;
}

.ml-20 {
  margin-left: 1.25rem !important;
}

.ml-22 {
  margin-left: 1.375rem !important;
}

.ml-25 {
  margin-left: 1.5625rem !important;
}

.ml-30 {
  margin-left: 1.875rem !important;
}

.ml-40 {
  margin-left: 2.5rem !important;
}

.ml-50 {
  margin-left: 3.125rem !important;
}

.ml-60 {
  margin-left: 3.75rem !important;
}

.ml-100 {
  margin-left: 6.25rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-auto {
  margin: auto !important;
}

.my-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mx-none {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m-none {
  margin: 0 !important;
}

.my-4 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mx-4 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.m-4 {
  margin: 0.25rem !important;
}

.my-6 {
  margin-top: 0.375rem !important;
  margin-bottom: 0.375rem !important;
}

.mx-6 {
  margin-right: 0.375rem !important;
  margin-left: 0.375rem !important;
}

.m-6 {
  margin: 0.375rem !important;
}

.my-8 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mx-8 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.m-8 {
  margin: 0.5rem !important;
}

.my-10 {
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important;
}

.mx-10 {
  margin-right: 0.625rem !important;
  margin-left: 0.625rem !important;
}

.m-10 {
  margin: 0.625rem !important;
}

.my-12 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.mx-12 {
  margin-right: 0.75rem !important;
  margin-left: 0.75rem !important;
}

.m-12 {
  margin: 0.75rem !important;
}

.my-14 {
  margin-top: 0.875rem !important;
  margin-bottom: 0.875rem !important;
}

.mx-14 {
  margin-right: 0.875rem !important;
  margin-left: 0.875rem !important;
}

.m-14 {
  margin: 0.875rem !important;
}

.my-15 {
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important;
}

.mx-15 {
  margin-right: 0.9375rem !important;
  margin-left: 0.9375rem !important;
}

.m-15 {
  margin: 0.9375rem !important;
}

.my-16 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mx-16 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.m-16 {
  margin: 1rem !important;
}

.my-18 {
  margin-top: 1.125rem !important;
  margin-bottom: 1.125rem !important;
}

.mx-18 {
  margin-right: 1.125rem !important;
  margin-left: 1.125rem !important;
}

.m-18 {
  margin: 1.125rem !important;
}

.my-20 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.mx-20 {
  margin-right: 1.25rem !important;
  margin-left: 1.25rem !important;
}

.m-20 {
  margin: 1.25rem !important;
}

.my-22 {
  margin-top: 1.375rem !important;
  margin-bottom: 1.375rem !important;
}

.mx-22 {
  margin-right: 1.375rem !important;
  margin-left: 1.375rem !important;
}

.m-22 {
  margin: 1.375rem !important;
}

.my-25 {
  margin-top: 1.5625rem !important;
  margin-bottom: 1.5625rem !important;
}

.mx-25 {
  margin-right: 1.5625rem !important;
  margin-left: 1.5625rem !important;
}

.m-25 {
  margin: 1.5625rem !important;
}

.my-30 {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
}

.mx-30 {
  margin-right: 1.875rem !important;
  margin-left: 1.875rem !important;
}

.m-30 {
  margin: 1.875rem !important;
}

.my-40 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.mx-40 {
  margin-right: 2.5rem !important;
  margin-left: 2.5rem !important;
}

.m-40 {
  margin: 2.5rem !important;
}

.my-50 {
  margin-top: 3.125rem !important;
  margin-bottom: 3.125rem !important;
}

.mx-50 {
  margin-right: 3.125rem !important;
  margin-left: 3.125rem !important;
}

.m-50 {
  margin: 3.125rem !important;
}

.my-60 {
  margin-top: 3.75rem !important;
  margin-bottom: 3.75rem !important;
}

.mx-60 {
  margin-right: 3.75rem !important;
  margin-left: 3.75rem !important;
}

.m-60 {
  margin: 3.75rem !important;
}

.my-100 {
  margin-top: 6.25rem !important;
  margin-bottom: 6.25rem !important;
}

.mx-100 {
  margin-right: 6.25rem !important;
  margin-left: 6.25rem !important;
}

.m-100 {
  margin: 6.25rem !important;
}

.-mt-auto {
  margin-top: -auto !important;
}

.-mt-none {
  margin-top: -0 !important;
}

.-mt-4 {
  margin-top: -0.25rem !important;
}

.-mt-6 {
  margin-top: -0.375rem !important;
}

.-mt-8 {
  margin-top: -0.5rem !important;
}

.-mt-10 {
  margin-top: -0.625rem !important;
}

.-mt-12 {
  margin-top: -0.75rem !important;
}

.-mt-14 {
  margin-top: -0.875rem !important;
}

.-mt-15 {
  margin-top: -0.9375rem !important;
}

.-mt-16 {
  margin-top: -1rem !important;
}

.-mt-18 {
  margin-top: -1.125rem !important;
}

.-mt-20 {
  margin-top: -1.25rem !important;
}

.-mt-22 {
  margin-top: -1.375rem !important;
}

.-mt-25 {
  margin-top: -1.5625rem !important;
}

.-mt-30 {
  margin-top: -1.875rem !important;
}

.-mt-40 {
  margin-top: -2.5rem !important;
}

.-mt-50 {
  margin-top: -3.125rem !important;
}

.-mt-60 {
  margin-top: -3.75rem !important;
}

.-mt-100 {
  margin-top: -6.25rem !important;
}

.-mr-auto {
  margin-right: -auto !important;
}

.-mr-none {
  margin-right: -0 !important;
}

.-mr-4 {
  margin-right: -0.25rem !important;
}

.-mr-6 {
  margin-right: -0.375rem !important;
}

.-mr-8 {
  margin-right: -0.5rem !important;
}

.-mr-10 {
  margin-right: -0.625rem !important;
}

.-mr-12 {
  margin-right: -0.75rem !important;
}

.-mr-14 {
  margin-right: -0.875rem !important;
}

.-mr-15 {
  margin-right: -0.9375rem !important;
}

.-mr-16 {
  margin-right: -1rem !important;
}

.-mr-18 {
  margin-right: -1.125rem !important;
}

.-mr-20 {
  margin-right: -1.25rem !important;
}

.-mr-22 {
  margin-right: -1.375rem !important;
}

.-mr-25 {
  margin-right: -1.5625rem !important;
}

.-mr-30 {
  margin-right: -1.875rem !important;
}

.-mr-40 {
  margin-right: -2.5rem !important;
}

.-mr-50 {
  margin-right: -3.125rem !important;
}

.-mr-60 {
  margin-right: -3.75rem !important;
}

.-mr-100 {
  margin-right: -6.25rem !important;
}

.-mb-auto {
  margin-bottom: -auto !important;
}

.-mb-none {
  margin-bottom: -0 !important;
}

.-mb-4 {
  margin-bottom: -0.25rem !important;
}

.-mb-6 {
  margin-bottom: -0.375rem !important;
}

.-mb-8 {
  margin-bottom: -0.5rem !important;
}

.-mb-10 {
  margin-bottom: -0.625rem !important;
}

.-mb-12 {
  margin-bottom: -0.75rem !important;
}

.-mb-14 {
  margin-bottom: -0.875rem !important;
}

.-mb-15 {
  margin-bottom: -0.9375rem !important;
}

.-mb-16 {
  margin-bottom: -1rem !important;
}

.-mb-18 {
  margin-bottom: -1.125rem !important;
}

.-mb-20 {
  margin-bottom: -1.25rem !important;
}

.-mb-22 {
  margin-bottom: -1.375rem !important;
}

.-mb-25 {
  margin-bottom: -1.5625rem !important;
}

.-mb-30 {
  margin-bottom: -1.875rem !important;
}

.-mb-40 {
  margin-bottom: -2.5rem !important;
}

.-mb-50 {
  margin-bottom: -3.125rem !important;
}

.-mb-60 {
  margin-bottom: -3.75rem !important;
}

.-mb-100 {
  margin-bottom: -6.25rem !important;
}

.-ml-auto {
  margin-left: -auto !important;
}

.-ml-none {
  margin-left: -0 !important;
}

.-ml-4 {
  margin-left: -0.25rem !important;
}

.-ml-6 {
  margin-left: -0.375rem !important;
}

.-ml-8 {
  margin-left: -0.5rem !important;
}

.-ml-10 {
  margin-left: -0.625rem !important;
}

.-ml-12 {
  margin-left: -0.75rem !important;
}

.-ml-14 {
  margin-left: -0.875rem !important;
}

.-ml-15 {
  margin-left: -0.9375rem !important;
}

.-ml-16 {
  margin-left: -1rem !important;
}

.-ml-18 {
  margin-left: -1.125rem !important;
}

.-ml-20 {
  margin-left: -1.25rem !important;
}

.-ml-22 {
  margin-left: -1.375rem !important;
}

.-ml-25 {
  margin-left: -1.5625rem !important;
}

.-ml-30 {
  margin-left: -1.875rem !important;
}

.-ml-40 {
  margin-left: -2.5rem !important;
}

.-ml-50 {
  margin-left: -3.125rem !important;
}

.-ml-60 {
  margin-left: -3.75rem !important;
}

.-ml-100 {
  margin-left: -6.25rem !important;
}

.-my-auto {
  margin-top: -auto !important;
  margin-bottom: -auto !important;
}

.-mx-auto {
  margin-right: -auto !important;
  margin-left: -auto !important;
}

.-m-auto {
  margin: -auto !important;
}

.-my-none {
  margin-top: -0 !important;
  margin-bottom: -0 !important;
}

.-mx-none {
  margin-right: -0 !important;
  margin-left: -0 !important;
}

.-m-none {
  margin: -0 !important;
}

.-my-4 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

.-mx-4 {
  margin-right: -0.25rem !important;
  margin-left: -0.25rem !important;
}

.-m-4 {
  margin: -0.25rem !important;
}

.-my-6 {
  margin-top: -0.375rem !important;
  margin-bottom: -0.375rem !important;
}

.-mx-6 {
  margin-right: -0.375rem !important;
  margin-left: -0.375rem !important;
}

.-m-6 {
  margin: -0.375rem !important;
}

.-my-8 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

.-mx-8 {
  margin-right: -0.5rem !important;
  margin-left: -0.5rem !important;
}

.-m-8 {
  margin: -0.5rem !important;
}

.-my-10 {
  margin-top: -0.625rem !important;
  margin-bottom: -0.625rem !important;
}

.-mx-10 {
  margin-right: -0.625rem !important;
  margin-left: -0.625rem !important;
}

.-m-10 {
  margin: -0.625rem !important;
}

.-my-12 {
  margin-top: -0.75rem !important;
  margin-bottom: -0.75rem !important;
}

.-mx-12 {
  margin-right: -0.75rem !important;
  margin-left: -0.75rem !important;
}

.-m-12 {
  margin: -0.75rem !important;
}

.-my-14 {
  margin-top: -0.875rem !important;
  margin-bottom: -0.875rem !important;
}

.-mx-14 {
  margin-right: -0.875rem !important;
  margin-left: -0.875rem !important;
}

.-m-14 {
  margin: -0.875rem !important;
}

.-my-15 {
  margin-top: -0.9375rem !important;
  margin-bottom: -0.9375rem !important;
}

.-mx-15 {
  margin-right: -0.9375rem !important;
  margin-left: -0.9375rem !important;
}

.-m-15 {
  margin: -0.9375rem !important;
}

.-my-16 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}

.-mx-16 {
  margin-right: -1rem !important;
  margin-left: -1rem !important;
}

.-m-16 {
  margin: -1rem !important;
}

.-my-18 {
  margin-top: -1.125rem !important;
  margin-bottom: -1.125rem !important;
}

.-mx-18 {
  margin-right: -1.125rem !important;
  margin-left: -1.125rem !important;
}

.-m-18 {
  margin: -1.125rem !important;
}

.-my-20 {
  margin-top: -1.25rem !important;
  margin-bottom: -1.25rem !important;
}

.-mx-20 {
  margin-right: -1.25rem !important;
  margin-left: -1.25rem !important;
}

.-m-20 {
  margin: -1.25rem !important;
}

.-my-22 {
  margin-top: -1.375rem !important;
  margin-bottom: -1.375rem !important;
}

.-mx-22 {
  margin-right: -1.375rem !important;
  margin-left: -1.375rem !important;
}

.-m-22 {
  margin: -1.375rem !important;
}

.-my-25 {
  margin-top: -1.5625rem !important;
  margin-bottom: -1.5625rem !important;
}

.-mx-25 {
  margin-right: -1.5625rem !important;
  margin-left: -1.5625rem !important;
}

.-m-25 {
  margin: -1.5625rem !important;
}

.-my-30 {
  margin-top: -1.875rem !important;
  margin-bottom: -1.875rem !important;
}

.-mx-30 {
  margin-right: -1.875rem !important;
  margin-left: -1.875rem !important;
}

.-m-30 {
  margin: -1.875rem !important;
}

.-my-40 {
  margin-top: -2.5rem !important;
  margin-bottom: -2.5rem !important;
}

.-mx-40 {
  margin-right: -2.5rem !important;
  margin-left: -2.5rem !important;
}

.-m-40 {
  margin: -2.5rem !important;
}

.-my-50 {
  margin-top: -3.125rem !important;
  margin-bottom: -3.125rem !important;
}

.-mx-50 {
  margin-right: -3.125rem !important;
  margin-left: -3.125rem !important;
}

.-m-50 {
  margin: -3.125rem !important;
}

.-my-60 {
  margin-top: -3.75rem !important;
  margin-bottom: -3.75rem !important;
}

.-mx-60 {
  margin-right: -3.75rem !important;
  margin-left: -3.75rem !important;
}

.-m-60 {
  margin: -3.75rem !important;
}

.-my-100 {
  margin-top: -6.25rem !important;
  margin-bottom: -6.25rem !important;
}

.-mx-100 {
  margin-right: -6.25rem !important;
  margin-left: -6.25rem !important;
}

.-m-100 {
  margin: -6.25rem !important;
}

@media (max-width: 100%) {
  .mt-full-auto {
    margin-top: auto !important;
  }
  .mt-full-none {
    margin-top: 0 !important;
  }
  .mt-full-4 {
    margin-top: 0.25rem !important;
  }
  .mt-full-6 {
    margin-top: 0.375rem !important;
  }
  .mt-full-8 {
    margin-top: 0.5rem !important;
  }
  .mt-full-10 {
    margin-top: 0.625rem !important;
  }
  .mt-full-12 {
    margin-top: 0.75rem !important;
  }
  .mt-full-14 {
    margin-top: 0.875rem !important;
  }
  .mt-full-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-full-16 {
    margin-top: 1rem !important;
  }
  .mt-full-18 {
    margin-top: 1.125rem !important;
  }
  .mt-full-20 {
    margin-top: 1.25rem !important;
  }
  .mt-full-22 {
    margin-top: 1.375rem !important;
  }
  .mt-full-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-full-30 {
    margin-top: 1.875rem !important;
  }
  .mt-full-40 {
    margin-top: 2.5rem !important;
  }
  .mt-full-50 {
    margin-top: 3.125rem !important;
  }
  .mt-full-60 {
    margin-top: 3.75rem !important;
  }
  .mt-full-100 {
    margin-top: 6.25rem !important;
  }
  .mr-full-auto {
    margin-right: auto !important;
  }
  .mr-full-none {
    margin-right: 0 !important;
  }
  .mr-full-4 {
    margin-right: 0.25rem !important;
  }
  .mr-full-6 {
    margin-right: 0.375rem !important;
  }
  .mr-full-8 {
    margin-right: 0.5rem !important;
  }
  .mr-full-10 {
    margin-right: 0.625rem !important;
  }
  .mr-full-12 {
    margin-right: 0.75rem !important;
  }
  .mr-full-14 {
    margin-right: 0.875rem !important;
  }
  .mr-full-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-full-16 {
    margin-right: 1rem !important;
  }
  .mr-full-18 {
    margin-right: 1.125rem !important;
  }
  .mr-full-20 {
    margin-right: 1.25rem !important;
  }
  .mr-full-22 {
    margin-right: 1.375rem !important;
  }
  .mr-full-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-full-30 {
    margin-right: 1.875rem !important;
  }
  .mr-full-40 {
    margin-right: 2.5rem !important;
  }
  .mr-full-50 {
    margin-right: 3.125rem !important;
  }
  .mr-full-60 {
    margin-right: 3.75rem !important;
  }
  .mr-full-100 {
    margin-right: 6.25rem !important;
  }
  .mb-full-auto {
    margin-bottom: auto !important;
  }
  .mb-full-none {
    margin-bottom: 0 !important;
  }
  .mb-full-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-full-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-full-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-full-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-full-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-full-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-full-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-full-16 {
    margin-bottom: 1rem !important;
  }
  .mb-full-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-full-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-full-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-full-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-full-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-full-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-full-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-full-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-full-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-full-auto {
    margin-left: auto !important;
  }
  .ml-full-none {
    margin-left: 0 !important;
  }
  .ml-full-4 {
    margin-left: 0.25rem !important;
  }
  .ml-full-6 {
    margin-left: 0.375rem !important;
  }
  .ml-full-8 {
    margin-left: 0.5rem !important;
  }
  .ml-full-10 {
    margin-left: 0.625rem !important;
  }
  .ml-full-12 {
    margin-left: 0.75rem !important;
  }
  .ml-full-14 {
    margin-left: 0.875rem !important;
  }
  .ml-full-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-full-16 {
    margin-left: 1rem !important;
  }
  .ml-full-18 {
    margin-left: 1.125rem !important;
  }
  .ml-full-20 {
    margin-left: 1.25rem !important;
  }
  .ml-full-22 {
    margin-left: 1.375rem !important;
  }
  .ml-full-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-full-30 {
    margin-left: 1.875rem !important;
  }
  .ml-full-40 {
    margin-left: 2.5rem !important;
  }
  .ml-full-50 {
    margin-left: 3.125rem !important;
  }
  .ml-full-60 {
    margin-left: 3.75rem !important;
  }
  .ml-full-100 {
    margin-left: 6.25rem !important;
  }
  .my-full-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-full-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-full-auto {
    margin: auto !important;
  }
  .my-full-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-full-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-full-none {
    margin: 0 !important;
  }
  .my-full-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-full-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-full-4 {
    margin: 0.25rem !important;
  }
  .my-full-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-full-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-full-6 {
    margin: 0.375rem !important;
  }
  .my-full-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-full-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-full-8 {
    margin: 0.5rem !important;
  }
  .my-full-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-full-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-full-10 {
    margin: 0.625rem !important;
  }
  .my-full-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-full-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-full-12 {
    margin: 0.75rem !important;
  }
  .my-full-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-full-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-full-14 {
    margin: 0.875rem !important;
  }
  .my-full-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-full-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-full-15 {
    margin: 0.9375rem !important;
  }
  .my-full-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-full-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-full-16 {
    margin: 1rem !important;
  }
  .my-full-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-full-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-full-18 {
    margin: 1.125rem !important;
  }
  .my-full-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-full-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-full-20 {
    margin: 1.25rem !important;
  }
  .my-full-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-full-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-full-22 {
    margin: 1.375rem !important;
  }
  .my-full-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-full-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-full-25 {
    margin: 1.5625rem !important;
  }
  .my-full-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-full-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-full-30 {
    margin: 1.875rem !important;
  }
  .my-full-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-full-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-full-40 {
    margin: 2.5rem !important;
  }
  .my-full-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-full-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-full-50 {
    margin: 3.125rem !important;
  }
  .my-full-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-full-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-full-60 {
    margin: 3.75rem !important;
  }
  .my-full-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-full-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-full-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 1920px) {
  .mt-fit-auto {
    margin-top: auto !important;
  }
  .mt-fit-none {
    margin-top: 0 !important;
  }
  .mt-fit-4 {
    margin-top: 0.25rem !important;
  }
  .mt-fit-6 {
    margin-top: 0.375rem !important;
  }
  .mt-fit-8 {
    margin-top: 0.5rem !important;
  }
  .mt-fit-10 {
    margin-top: 0.625rem !important;
  }
  .mt-fit-12 {
    margin-top: 0.75rem !important;
  }
  .mt-fit-14 {
    margin-top: 0.875rem !important;
  }
  .mt-fit-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-fit-16 {
    margin-top: 1rem !important;
  }
  .mt-fit-18 {
    margin-top: 1.125rem !important;
  }
  .mt-fit-20 {
    margin-top: 1.25rem !important;
  }
  .mt-fit-22 {
    margin-top: 1.375rem !important;
  }
  .mt-fit-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-fit-30 {
    margin-top: 1.875rem !important;
  }
  .mt-fit-40 {
    margin-top: 2.5rem !important;
  }
  .mt-fit-50 {
    margin-top: 3.125rem !important;
  }
  .mt-fit-60 {
    margin-top: 3.75rem !important;
  }
  .mt-fit-100 {
    margin-top: 6.25rem !important;
  }
  .mr-fit-auto {
    margin-right: auto !important;
  }
  .mr-fit-none {
    margin-right: 0 !important;
  }
  .mr-fit-4 {
    margin-right: 0.25rem !important;
  }
  .mr-fit-6 {
    margin-right: 0.375rem !important;
  }
  .mr-fit-8 {
    margin-right: 0.5rem !important;
  }
  .mr-fit-10 {
    margin-right: 0.625rem !important;
  }
  .mr-fit-12 {
    margin-right: 0.75rem !important;
  }
  .mr-fit-14 {
    margin-right: 0.875rem !important;
  }
  .mr-fit-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-fit-16 {
    margin-right: 1rem !important;
  }
  .mr-fit-18 {
    margin-right: 1.125rem !important;
  }
  .mr-fit-20 {
    margin-right: 1.25rem !important;
  }
  .mr-fit-22 {
    margin-right: 1.375rem !important;
  }
  .mr-fit-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-fit-30 {
    margin-right: 1.875rem !important;
  }
  .mr-fit-40 {
    margin-right: 2.5rem !important;
  }
  .mr-fit-50 {
    margin-right: 3.125rem !important;
  }
  .mr-fit-60 {
    margin-right: 3.75rem !important;
  }
  .mr-fit-100 {
    margin-right: 6.25rem !important;
  }
  .mb-fit-auto {
    margin-bottom: auto !important;
  }
  .mb-fit-none {
    margin-bottom: 0 !important;
  }
  .mb-fit-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-fit-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-fit-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-fit-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-fit-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-fit-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-fit-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-fit-16 {
    margin-bottom: 1rem !important;
  }
  .mb-fit-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-fit-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-fit-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-fit-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-fit-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-fit-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-fit-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-fit-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-fit-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-fit-auto {
    margin-left: auto !important;
  }
  .ml-fit-none {
    margin-left: 0 !important;
  }
  .ml-fit-4 {
    margin-left: 0.25rem !important;
  }
  .ml-fit-6 {
    margin-left: 0.375rem !important;
  }
  .ml-fit-8 {
    margin-left: 0.5rem !important;
  }
  .ml-fit-10 {
    margin-left: 0.625rem !important;
  }
  .ml-fit-12 {
    margin-left: 0.75rem !important;
  }
  .ml-fit-14 {
    margin-left: 0.875rem !important;
  }
  .ml-fit-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-fit-16 {
    margin-left: 1rem !important;
  }
  .ml-fit-18 {
    margin-left: 1.125rem !important;
  }
  .ml-fit-20 {
    margin-left: 1.25rem !important;
  }
  .ml-fit-22 {
    margin-left: 1.375rem !important;
  }
  .ml-fit-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-fit-30 {
    margin-left: 1.875rem !important;
  }
  .ml-fit-40 {
    margin-left: 2.5rem !important;
  }
  .ml-fit-50 {
    margin-left: 3.125rem !important;
  }
  .ml-fit-60 {
    margin-left: 3.75rem !important;
  }
  .ml-fit-100 {
    margin-left: 6.25rem !important;
  }
  .my-fit-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-fit-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-fit-auto {
    margin: auto !important;
  }
  .my-fit-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-fit-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-fit-none {
    margin: 0 !important;
  }
  .my-fit-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-fit-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-fit-4 {
    margin: 0.25rem !important;
  }
  .my-fit-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-fit-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-fit-6 {
    margin: 0.375rem !important;
  }
  .my-fit-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-fit-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-fit-8 {
    margin: 0.5rem !important;
  }
  .my-fit-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-fit-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-fit-10 {
    margin: 0.625rem !important;
  }
  .my-fit-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-fit-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-fit-12 {
    margin: 0.75rem !important;
  }
  .my-fit-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-fit-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-fit-14 {
    margin: 0.875rem !important;
  }
  .my-fit-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-fit-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-fit-15 {
    margin: 0.9375rem !important;
  }
  .my-fit-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-fit-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-fit-16 {
    margin: 1rem !important;
  }
  .my-fit-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-fit-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-fit-18 {
    margin: 1.125rem !important;
  }
  .my-fit-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-fit-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-fit-20 {
    margin: 1.25rem !important;
  }
  .my-fit-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-fit-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-fit-22 {
    margin: 1.375rem !important;
  }
  .my-fit-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-fit-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-fit-25 {
    margin: 1.5625rem !important;
  }
  .my-fit-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-fit-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-fit-30 {
    margin: 1.875rem !important;
  }
  .my-fit-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-fit-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-fit-40 {
    margin: 2.5rem !important;
  }
  .my-fit-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-fit-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-fit-50 {
    margin: 3.125rem !important;
  }
  .my-fit-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-fit-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-fit-60 {
    margin: 3.75rem !important;
  }
  .my-fit-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-fit-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-fit-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 1600px) {
  .mt-2xl-auto {
    margin-top: auto !important;
  }
  .mt-2xl-none {
    margin-top: 0 !important;
  }
  .mt-2xl-4 {
    margin-top: 0.25rem !important;
  }
  .mt-2xl-6 {
    margin-top: 0.375rem !important;
  }
  .mt-2xl-8 {
    margin-top: 0.5rem !important;
  }
  .mt-2xl-10 {
    margin-top: 0.625rem !important;
  }
  .mt-2xl-12 {
    margin-top: 0.75rem !important;
  }
  .mt-2xl-14 {
    margin-top: 0.875rem !important;
  }
  .mt-2xl-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-2xl-16 {
    margin-top: 1rem !important;
  }
  .mt-2xl-18 {
    margin-top: 1.125rem !important;
  }
  .mt-2xl-20 {
    margin-top: 1.25rem !important;
  }
  .mt-2xl-22 {
    margin-top: 1.375rem !important;
  }
  .mt-2xl-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-2xl-30 {
    margin-top: 1.875rem !important;
  }
  .mt-2xl-40 {
    margin-top: 2.5rem !important;
  }
  .mt-2xl-50 {
    margin-top: 3.125rem !important;
  }
  .mt-2xl-60 {
    margin-top: 3.75rem !important;
  }
  .mt-2xl-100 {
    margin-top: 6.25rem !important;
  }
  .mr-2xl-auto {
    margin-right: auto !important;
  }
  .mr-2xl-none {
    margin-right: 0 !important;
  }
  .mr-2xl-4 {
    margin-right: 0.25rem !important;
  }
  .mr-2xl-6 {
    margin-right: 0.375rem !important;
  }
  .mr-2xl-8 {
    margin-right: 0.5rem !important;
  }
  .mr-2xl-10 {
    margin-right: 0.625rem !important;
  }
  .mr-2xl-12 {
    margin-right: 0.75rem !important;
  }
  .mr-2xl-14 {
    margin-right: 0.875rem !important;
  }
  .mr-2xl-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-2xl-16 {
    margin-right: 1rem !important;
  }
  .mr-2xl-18 {
    margin-right: 1.125rem !important;
  }
  .mr-2xl-20 {
    margin-right: 1.25rem !important;
  }
  .mr-2xl-22 {
    margin-right: 1.375rem !important;
  }
  .mr-2xl-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-2xl-30 {
    margin-right: 1.875rem !important;
  }
  .mr-2xl-40 {
    margin-right: 2.5rem !important;
  }
  .mr-2xl-50 {
    margin-right: 3.125rem !important;
  }
  .mr-2xl-60 {
    margin-right: 3.75rem !important;
  }
  .mr-2xl-100 {
    margin-right: 6.25rem !important;
  }
  .mb-2xl-auto {
    margin-bottom: auto !important;
  }
  .mb-2xl-none {
    margin-bottom: 0 !important;
  }
  .mb-2xl-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-2xl-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-2xl-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-2xl-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-2xl-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-2xl-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-2xl-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-2xl-16 {
    margin-bottom: 1rem !important;
  }
  .mb-2xl-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-2xl-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-2xl-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-2xl-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-2xl-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-2xl-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-2xl-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-2xl-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-2xl-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-2xl-auto {
    margin-left: auto !important;
  }
  .ml-2xl-none {
    margin-left: 0 !important;
  }
  .ml-2xl-4 {
    margin-left: 0.25rem !important;
  }
  .ml-2xl-6 {
    margin-left: 0.375rem !important;
  }
  .ml-2xl-8 {
    margin-left: 0.5rem !important;
  }
  .ml-2xl-10 {
    margin-left: 0.625rem !important;
  }
  .ml-2xl-12 {
    margin-left: 0.75rem !important;
  }
  .ml-2xl-14 {
    margin-left: 0.875rem !important;
  }
  .ml-2xl-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-2xl-16 {
    margin-left: 1rem !important;
  }
  .ml-2xl-18 {
    margin-left: 1.125rem !important;
  }
  .ml-2xl-20 {
    margin-left: 1.25rem !important;
  }
  .ml-2xl-22 {
    margin-left: 1.375rem !important;
  }
  .ml-2xl-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-2xl-30 {
    margin-left: 1.875rem !important;
  }
  .ml-2xl-40 {
    margin-left: 2.5rem !important;
  }
  .ml-2xl-50 {
    margin-left: 3.125rem !important;
  }
  .ml-2xl-60 {
    margin-left: 3.75rem !important;
  }
  .ml-2xl-100 {
    margin-left: 6.25rem !important;
  }
  .my-2xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-2xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-2xl-auto {
    margin: auto !important;
  }
  .my-2xl-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-2xl-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-2xl-none {
    margin: 0 !important;
  }
  .my-2xl-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-2xl-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-2xl-4 {
    margin: 0.25rem !important;
  }
  .my-2xl-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-2xl-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-2xl-6 {
    margin: 0.375rem !important;
  }
  .my-2xl-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-2xl-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-2xl-8 {
    margin: 0.5rem !important;
  }
  .my-2xl-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-2xl-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-2xl-10 {
    margin: 0.625rem !important;
  }
  .my-2xl-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-2xl-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-2xl-12 {
    margin: 0.75rem !important;
  }
  .my-2xl-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-2xl-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-2xl-14 {
    margin: 0.875rem !important;
  }
  .my-2xl-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-2xl-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-2xl-15 {
    margin: 0.9375rem !important;
  }
  .my-2xl-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-2xl-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-2xl-16 {
    margin: 1rem !important;
  }
  .my-2xl-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-2xl-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-2xl-18 {
    margin: 1.125rem !important;
  }
  .my-2xl-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-2xl-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-2xl-20 {
    margin: 1.25rem !important;
  }
  .my-2xl-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-2xl-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-2xl-22 {
    margin: 1.375rem !important;
  }
  .my-2xl-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-2xl-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-2xl-25 {
    margin: 1.5625rem !important;
  }
  .my-2xl-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-2xl-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-2xl-30 {
    margin: 1.875rem !important;
  }
  .my-2xl-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-2xl-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-2xl-40 {
    margin: 2.5rem !important;
  }
  .my-2xl-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-2xl-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-2xl-50 {
    margin: 3.125rem !important;
  }
  .my-2xl-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-2xl-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-2xl-60 {
    margin: 3.75rem !important;
  }
  .my-2xl-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-2xl-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-2xl-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 1440px) {
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mt-xl-none {
    margin-top: 0 !important;
  }
  .mt-xl-4 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-6 {
    margin-top: 0.375rem !important;
  }
  .mt-xl-8 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-10 {
    margin-top: 0.625rem !important;
  }
  .mt-xl-12 {
    margin-top: 0.75rem !important;
  }
  .mt-xl-14 {
    margin-top: 0.875rem !important;
  }
  .mt-xl-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-xl-16 {
    margin-top: 1rem !important;
  }
  .mt-xl-18 {
    margin-top: 1.125rem !important;
  }
  .mt-xl-20 {
    margin-top: 1.25rem !important;
  }
  .mt-xl-22 {
    margin-top: 1.375rem !important;
  }
  .mt-xl-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-xl-30 {
    margin-top: 1.875rem !important;
  }
  .mt-xl-40 {
    margin-top: 2.5rem !important;
  }
  .mt-xl-50 {
    margin-top: 3.125rem !important;
  }
  .mt-xl-60 {
    margin-top: 3.75rem !important;
  }
  .mt-xl-100 {
    margin-top: 6.25rem !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mr-xl-none {
    margin-right: 0 !important;
  }
  .mr-xl-4 {
    margin-right: 0.25rem !important;
  }
  .mr-xl-6 {
    margin-right: 0.375rem !important;
  }
  .mr-xl-8 {
    margin-right: 0.5rem !important;
  }
  .mr-xl-10 {
    margin-right: 0.625rem !important;
  }
  .mr-xl-12 {
    margin-right: 0.75rem !important;
  }
  .mr-xl-14 {
    margin-right: 0.875rem !important;
  }
  .mr-xl-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-xl-16 {
    margin-right: 1rem !important;
  }
  .mr-xl-18 {
    margin-right: 1.125rem !important;
  }
  .mr-xl-20 {
    margin-right: 1.25rem !important;
  }
  .mr-xl-22 {
    margin-right: 1.375rem !important;
  }
  .mr-xl-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-xl-30 {
    margin-right: 1.875rem !important;
  }
  .mr-xl-40 {
    margin-right: 2.5rem !important;
  }
  .mr-xl-50 {
    margin-right: 3.125rem !important;
  }
  .mr-xl-60 {
    margin-right: 3.75rem !important;
  }
  .mr-xl-100 {
    margin-right: 6.25rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .mb-xl-none {
    margin-bottom: 0 !important;
  }
  .mb-xl-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-xl-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-xl-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-xl-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-xl-16 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-xl-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-xl-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-xl-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-xl-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-xl-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-xl-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-xl-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-xl-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .ml-xl-none {
    margin-left: 0 !important;
  }
  .ml-xl-4 {
    margin-left: 0.25rem !important;
  }
  .ml-xl-6 {
    margin-left: 0.375rem !important;
  }
  .ml-xl-8 {
    margin-left: 0.5rem !important;
  }
  .ml-xl-10 {
    margin-left: 0.625rem !important;
  }
  .ml-xl-12 {
    margin-left: 0.75rem !important;
  }
  .ml-xl-14 {
    margin-left: 0.875rem !important;
  }
  .ml-xl-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-xl-16 {
    margin-left: 1rem !important;
  }
  .ml-xl-18 {
    margin-left: 1.125rem !important;
  }
  .ml-xl-20 {
    margin-left: 1.25rem !important;
  }
  .ml-xl-22 {
    margin-left: 1.375rem !important;
  }
  .ml-xl-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-xl-30 {
    margin-left: 1.875rem !important;
  }
  .ml-xl-40 {
    margin-left: 2.5rem !important;
  }
  .ml-xl-50 {
    margin-left: 3.125rem !important;
  }
  .ml-xl-60 {
    margin-left: 3.75rem !important;
  }
  .ml-xl-100 {
    margin-left: 6.25rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .my-xl-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-xl-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-xl-none {
    margin: 0 !important;
  }
  .my-xl-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-xl-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-xl-4 {
    margin: 0.25rem !important;
  }
  .my-xl-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-xl-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-xl-6 {
    margin: 0.375rem !important;
  }
  .my-xl-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-xl-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-xl-8 {
    margin: 0.5rem !important;
  }
  .my-xl-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-xl-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-xl-10 {
    margin: 0.625rem !important;
  }
  .my-xl-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-xl-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-xl-12 {
    margin: 0.75rem !important;
  }
  .my-xl-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-xl-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-xl-14 {
    margin: 0.875rem !important;
  }
  .my-xl-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-xl-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-xl-15 {
    margin: 0.9375rem !important;
  }
  .my-xl-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-xl-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-xl-16 {
    margin: 1rem !important;
  }
  .my-xl-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-xl-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-xl-18 {
    margin: 1.125rem !important;
  }
  .my-xl-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-xl-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-xl-20 {
    margin: 1.25rem !important;
  }
  .my-xl-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-xl-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-xl-22 {
    margin: 1.375rem !important;
  }
  .my-xl-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-xl-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-xl-25 {
    margin: 1.5625rem !important;
  }
  .my-xl-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-xl-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-xl-30 {
    margin: 1.875rem !important;
  }
  .my-xl-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-xl-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-xl-40 {
    margin: 2.5rem !important;
  }
  .my-xl-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-xl-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-xl-50 {
    margin: 3.125rem !important;
  }
  .my-xl-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-xl-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-xl-60 {
    margin: 3.75rem !important;
  }
  .my-xl-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-xl-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-xl-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 1366px) {
  .mt-t-xl-auto {
    margin-top: auto !important;
  }
  .mt-t-xl-none {
    margin-top: 0 !important;
  }
  .mt-t-xl-4 {
    margin-top: 0.25rem !important;
  }
  .mt-t-xl-6 {
    margin-top: 0.375rem !important;
  }
  .mt-t-xl-8 {
    margin-top: 0.5rem !important;
  }
  .mt-t-xl-10 {
    margin-top: 0.625rem !important;
  }
  .mt-t-xl-12 {
    margin-top: 0.75rem !important;
  }
  .mt-t-xl-14 {
    margin-top: 0.875rem !important;
  }
  .mt-t-xl-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-t-xl-16 {
    margin-top: 1rem !important;
  }
  .mt-t-xl-18 {
    margin-top: 1.125rem !important;
  }
  .mt-t-xl-20 {
    margin-top: 1.25rem !important;
  }
  .mt-t-xl-22 {
    margin-top: 1.375rem !important;
  }
  .mt-t-xl-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-t-xl-30 {
    margin-top: 1.875rem !important;
  }
  .mt-t-xl-40 {
    margin-top: 2.5rem !important;
  }
  .mt-t-xl-50 {
    margin-top: 3.125rem !important;
  }
  .mt-t-xl-60 {
    margin-top: 3.75rem !important;
  }
  .mt-t-xl-100 {
    margin-top: 6.25rem !important;
  }
  .mr-t-xl-auto {
    margin-right: auto !important;
  }
  .mr-t-xl-none {
    margin-right: 0 !important;
  }
  .mr-t-xl-4 {
    margin-right: 0.25rem !important;
  }
  .mr-t-xl-6 {
    margin-right: 0.375rem !important;
  }
  .mr-t-xl-8 {
    margin-right: 0.5rem !important;
  }
  .mr-t-xl-10 {
    margin-right: 0.625rem !important;
  }
  .mr-t-xl-12 {
    margin-right: 0.75rem !important;
  }
  .mr-t-xl-14 {
    margin-right: 0.875rem !important;
  }
  .mr-t-xl-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-t-xl-16 {
    margin-right: 1rem !important;
  }
  .mr-t-xl-18 {
    margin-right: 1.125rem !important;
  }
  .mr-t-xl-20 {
    margin-right: 1.25rem !important;
  }
  .mr-t-xl-22 {
    margin-right: 1.375rem !important;
  }
  .mr-t-xl-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-t-xl-30 {
    margin-right: 1.875rem !important;
  }
  .mr-t-xl-40 {
    margin-right: 2.5rem !important;
  }
  .mr-t-xl-50 {
    margin-right: 3.125rem !important;
  }
  .mr-t-xl-60 {
    margin-right: 3.75rem !important;
  }
  .mr-t-xl-100 {
    margin-right: 6.25rem !important;
  }
  .mb-t-xl-auto {
    margin-bottom: auto !important;
  }
  .mb-t-xl-none {
    margin-bottom: 0 !important;
  }
  .mb-t-xl-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-t-xl-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-t-xl-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-t-xl-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-t-xl-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-t-xl-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-t-xl-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-t-xl-16 {
    margin-bottom: 1rem !important;
  }
  .mb-t-xl-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-t-xl-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-t-xl-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-t-xl-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-t-xl-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-t-xl-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-t-xl-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-t-xl-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-t-xl-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-t-xl-auto {
    margin-left: auto !important;
  }
  .ml-t-xl-none {
    margin-left: 0 !important;
  }
  .ml-t-xl-4 {
    margin-left: 0.25rem !important;
  }
  .ml-t-xl-6 {
    margin-left: 0.375rem !important;
  }
  .ml-t-xl-8 {
    margin-left: 0.5rem !important;
  }
  .ml-t-xl-10 {
    margin-left: 0.625rem !important;
  }
  .ml-t-xl-12 {
    margin-left: 0.75rem !important;
  }
  .ml-t-xl-14 {
    margin-left: 0.875rem !important;
  }
  .ml-t-xl-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-t-xl-16 {
    margin-left: 1rem !important;
  }
  .ml-t-xl-18 {
    margin-left: 1.125rem !important;
  }
  .ml-t-xl-20 {
    margin-left: 1.25rem !important;
  }
  .ml-t-xl-22 {
    margin-left: 1.375rem !important;
  }
  .ml-t-xl-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-t-xl-30 {
    margin-left: 1.875rem !important;
  }
  .ml-t-xl-40 {
    margin-left: 2.5rem !important;
  }
  .ml-t-xl-50 {
    margin-left: 3.125rem !important;
  }
  .ml-t-xl-60 {
    margin-left: 3.75rem !important;
  }
  .ml-t-xl-100 {
    margin-left: 6.25rem !important;
  }
  .my-t-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-t-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-t-xl-auto {
    margin: auto !important;
  }
  .my-t-xl-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-t-xl-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-t-xl-none {
    margin: 0 !important;
  }
  .my-t-xl-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-t-xl-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-t-xl-4 {
    margin: 0.25rem !important;
  }
  .my-t-xl-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-t-xl-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-t-xl-6 {
    margin: 0.375rem !important;
  }
  .my-t-xl-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-t-xl-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-t-xl-8 {
    margin: 0.5rem !important;
  }
  .my-t-xl-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-t-xl-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-t-xl-10 {
    margin: 0.625rem !important;
  }
  .my-t-xl-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-t-xl-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-t-xl-12 {
    margin: 0.75rem !important;
  }
  .my-t-xl-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-t-xl-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-t-xl-14 {
    margin: 0.875rem !important;
  }
  .my-t-xl-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-t-xl-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-t-xl-15 {
    margin: 0.9375rem !important;
  }
  .my-t-xl-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-t-xl-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-t-xl-16 {
    margin: 1rem !important;
  }
  .my-t-xl-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-t-xl-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-t-xl-18 {
    margin: 1.125rem !important;
  }
  .my-t-xl-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-t-xl-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-t-xl-20 {
    margin: 1.25rem !important;
  }
  .my-t-xl-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-t-xl-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-t-xl-22 {
    margin: 1.375rem !important;
  }
  .my-t-xl-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-t-xl-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-t-xl-25 {
    margin: 1.5625rem !important;
  }
  .my-t-xl-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-t-xl-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-t-xl-30 {
    margin: 1.875rem !important;
  }
  .my-t-xl-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-t-xl-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-t-xl-40 {
    margin: 2.5rem !important;
  }
  .my-t-xl-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-t-xl-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-t-xl-50 {
    margin: 3.125rem !important;
  }
  .my-t-xl-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-t-xl-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-t-xl-60 {
    margin: 3.75rem !important;
  }
  .my-t-xl-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-t-xl-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-t-xl-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 1280px) {
  .mt-t-lg-auto {
    margin-top: auto !important;
  }
  .mt-t-lg-none {
    margin-top: 0 !important;
  }
  .mt-t-lg-4 {
    margin-top: 0.25rem !important;
  }
  .mt-t-lg-6 {
    margin-top: 0.375rem !important;
  }
  .mt-t-lg-8 {
    margin-top: 0.5rem !important;
  }
  .mt-t-lg-10 {
    margin-top: 0.625rem !important;
  }
  .mt-t-lg-12 {
    margin-top: 0.75rem !important;
  }
  .mt-t-lg-14 {
    margin-top: 0.875rem !important;
  }
  .mt-t-lg-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-t-lg-16 {
    margin-top: 1rem !important;
  }
  .mt-t-lg-18 {
    margin-top: 1.125rem !important;
  }
  .mt-t-lg-20 {
    margin-top: 1.25rem !important;
  }
  .mt-t-lg-22 {
    margin-top: 1.375rem !important;
  }
  .mt-t-lg-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-t-lg-30 {
    margin-top: 1.875rem !important;
  }
  .mt-t-lg-40 {
    margin-top: 2.5rem !important;
  }
  .mt-t-lg-50 {
    margin-top: 3.125rem !important;
  }
  .mt-t-lg-60 {
    margin-top: 3.75rem !important;
  }
  .mt-t-lg-100 {
    margin-top: 6.25rem !important;
  }
  .mr-t-lg-auto {
    margin-right: auto !important;
  }
  .mr-t-lg-none {
    margin-right: 0 !important;
  }
  .mr-t-lg-4 {
    margin-right: 0.25rem !important;
  }
  .mr-t-lg-6 {
    margin-right: 0.375rem !important;
  }
  .mr-t-lg-8 {
    margin-right: 0.5rem !important;
  }
  .mr-t-lg-10 {
    margin-right: 0.625rem !important;
  }
  .mr-t-lg-12 {
    margin-right: 0.75rem !important;
  }
  .mr-t-lg-14 {
    margin-right: 0.875rem !important;
  }
  .mr-t-lg-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-t-lg-16 {
    margin-right: 1rem !important;
  }
  .mr-t-lg-18 {
    margin-right: 1.125rem !important;
  }
  .mr-t-lg-20 {
    margin-right: 1.25rem !important;
  }
  .mr-t-lg-22 {
    margin-right: 1.375rem !important;
  }
  .mr-t-lg-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-t-lg-30 {
    margin-right: 1.875rem !important;
  }
  .mr-t-lg-40 {
    margin-right: 2.5rem !important;
  }
  .mr-t-lg-50 {
    margin-right: 3.125rem !important;
  }
  .mr-t-lg-60 {
    margin-right: 3.75rem !important;
  }
  .mr-t-lg-100 {
    margin-right: 6.25rem !important;
  }
  .mb-t-lg-auto {
    margin-bottom: auto !important;
  }
  .mb-t-lg-none {
    margin-bottom: 0 !important;
  }
  .mb-t-lg-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-t-lg-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-t-lg-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-t-lg-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-t-lg-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-t-lg-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-t-lg-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-t-lg-16 {
    margin-bottom: 1rem !important;
  }
  .mb-t-lg-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-t-lg-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-t-lg-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-t-lg-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-t-lg-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-t-lg-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-t-lg-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-t-lg-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-t-lg-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-t-lg-auto {
    margin-left: auto !important;
  }
  .ml-t-lg-none {
    margin-left: 0 !important;
  }
  .ml-t-lg-4 {
    margin-left: 0.25rem !important;
  }
  .ml-t-lg-6 {
    margin-left: 0.375rem !important;
  }
  .ml-t-lg-8 {
    margin-left: 0.5rem !important;
  }
  .ml-t-lg-10 {
    margin-left: 0.625rem !important;
  }
  .ml-t-lg-12 {
    margin-left: 0.75rem !important;
  }
  .ml-t-lg-14 {
    margin-left: 0.875rem !important;
  }
  .ml-t-lg-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-t-lg-16 {
    margin-left: 1rem !important;
  }
  .ml-t-lg-18 {
    margin-left: 1.125rem !important;
  }
  .ml-t-lg-20 {
    margin-left: 1.25rem !important;
  }
  .ml-t-lg-22 {
    margin-left: 1.375rem !important;
  }
  .ml-t-lg-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-t-lg-30 {
    margin-left: 1.875rem !important;
  }
  .ml-t-lg-40 {
    margin-left: 2.5rem !important;
  }
  .ml-t-lg-50 {
    margin-left: 3.125rem !important;
  }
  .ml-t-lg-60 {
    margin-left: 3.75rem !important;
  }
  .ml-t-lg-100 {
    margin-left: 6.25rem !important;
  }
  .my-t-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-t-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-t-lg-auto {
    margin: auto !important;
  }
  .my-t-lg-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-t-lg-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-t-lg-none {
    margin: 0 !important;
  }
  .my-t-lg-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-t-lg-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-t-lg-4 {
    margin: 0.25rem !important;
  }
  .my-t-lg-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-t-lg-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-t-lg-6 {
    margin: 0.375rem !important;
  }
  .my-t-lg-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-t-lg-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-t-lg-8 {
    margin: 0.5rem !important;
  }
  .my-t-lg-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-t-lg-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-t-lg-10 {
    margin: 0.625rem !important;
  }
  .my-t-lg-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-t-lg-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-t-lg-12 {
    margin: 0.75rem !important;
  }
  .my-t-lg-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-t-lg-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-t-lg-14 {
    margin: 0.875rem !important;
  }
  .my-t-lg-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-t-lg-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-t-lg-15 {
    margin: 0.9375rem !important;
  }
  .my-t-lg-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-t-lg-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-t-lg-16 {
    margin: 1rem !important;
  }
  .my-t-lg-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-t-lg-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-t-lg-18 {
    margin: 1.125rem !important;
  }
  .my-t-lg-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-t-lg-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-t-lg-20 {
    margin: 1.25rem !important;
  }
  .my-t-lg-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-t-lg-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-t-lg-22 {
    margin: 1.375rem !important;
  }
  .my-t-lg-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-t-lg-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-t-lg-25 {
    margin: 1.5625rem !important;
  }
  .my-t-lg-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-t-lg-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-t-lg-30 {
    margin: 1.875rem !important;
  }
  .my-t-lg-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-t-lg-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-t-lg-40 {
    margin: 2.5rem !important;
  }
  .my-t-lg-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-t-lg-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-t-lg-50 {
    margin: 3.125rem !important;
  }
  .my-t-lg-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-t-lg-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-t-lg-60 {
    margin: 3.75rem !important;
  }
  .my-t-lg-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-t-lg-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-t-lg-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 1180px) {
  .mt-t-md-auto {
    margin-top: auto !important;
  }
  .mt-t-md-none {
    margin-top: 0 !important;
  }
  .mt-t-md-4 {
    margin-top: 0.25rem !important;
  }
  .mt-t-md-6 {
    margin-top: 0.375rem !important;
  }
  .mt-t-md-8 {
    margin-top: 0.5rem !important;
  }
  .mt-t-md-10 {
    margin-top: 0.625rem !important;
  }
  .mt-t-md-12 {
    margin-top: 0.75rem !important;
  }
  .mt-t-md-14 {
    margin-top: 0.875rem !important;
  }
  .mt-t-md-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-t-md-16 {
    margin-top: 1rem !important;
  }
  .mt-t-md-18 {
    margin-top: 1.125rem !important;
  }
  .mt-t-md-20 {
    margin-top: 1.25rem !important;
  }
  .mt-t-md-22 {
    margin-top: 1.375rem !important;
  }
  .mt-t-md-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-t-md-30 {
    margin-top: 1.875rem !important;
  }
  .mt-t-md-40 {
    margin-top: 2.5rem !important;
  }
  .mt-t-md-50 {
    margin-top: 3.125rem !important;
  }
  .mt-t-md-60 {
    margin-top: 3.75rem !important;
  }
  .mt-t-md-100 {
    margin-top: 6.25rem !important;
  }
  .mr-t-md-auto {
    margin-right: auto !important;
  }
  .mr-t-md-none {
    margin-right: 0 !important;
  }
  .mr-t-md-4 {
    margin-right: 0.25rem !important;
  }
  .mr-t-md-6 {
    margin-right: 0.375rem !important;
  }
  .mr-t-md-8 {
    margin-right: 0.5rem !important;
  }
  .mr-t-md-10 {
    margin-right: 0.625rem !important;
  }
  .mr-t-md-12 {
    margin-right: 0.75rem !important;
  }
  .mr-t-md-14 {
    margin-right: 0.875rem !important;
  }
  .mr-t-md-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-t-md-16 {
    margin-right: 1rem !important;
  }
  .mr-t-md-18 {
    margin-right: 1.125rem !important;
  }
  .mr-t-md-20 {
    margin-right: 1.25rem !important;
  }
  .mr-t-md-22 {
    margin-right: 1.375rem !important;
  }
  .mr-t-md-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-t-md-30 {
    margin-right: 1.875rem !important;
  }
  .mr-t-md-40 {
    margin-right: 2.5rem !important;
  }
  .mr-t-md-50 {
    margin-right: 3.125rem !important;
  }
  .mr-t-md-60 {
    margin-right: 3.75rem !important;
  }
  .mr-t-md-100 {
    margin-right: 6.25rem !important;
  }
  .mb-t-md-auto {
    margin-bottom: auto !important;
  }
  .mb-t-md-none {
    margin-bottom: 0 !important;
  }
  .mb-t-md-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-t-md-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-t-md-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-t-md-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-t-md-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-t-md-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-t-md-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-t-md-16 {
    margin-bottom: 1rem !important;
  }
  .mb-t-md-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-t-md-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-t-md-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-t-md-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-t-md-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-t-md-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-t-md-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-t-md-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-t-md-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-t-md-auto {
    margin-left: auto !important;
  }
  .ml-t-md-none {
    margin-left: 0 !important;
  }
  .ml-t-md-4 {
    margin-left: 0.25rem !important;
  }
  .ml-t-md-6 {
    margin-left: 0.375rem !important;
  }
  .ml-t-md-8 {
    margin-left: 0.5rem !important;
  }
  .ml-t-md-10 {
    margin-left: 0.625rem !important;
  }
  .ml-t-md-12 {
    margin-left: 0.75rem !important;
  }
  .ml-t-md-14 {
    margin-left: 0.875rem !important;
  }
  .ml-t-md-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-t-md-16 {
    margin-left: 1rem !important;
  }
  .ml-t-md-18 {
    margin-left: 1.125rem !important;
  }
  .ml-t-md-20 {
    margin-left: 1.25rem !important;
  }
  .ml-t-md-22 {
    margin-left: 1.375rem !important;
  }
  .ml-t-md-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-t-md-30 {
    margin-left: 1.875rem !important;
  }
  .ml-t-md-40 {
    margin-left: 2.5rem !important;
  }
  .ml-t-md-50 {
    margin-left: 3.125rem !important;
  }
  .ml-t-md-60 {
    margin-left: 3.75rem !important;
  }
  .ml-t-md-100 {
    margin-left: 6.25rem !important;
  }
  .my-t-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-t-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-t-md-auto {
    margin: auto !important;
  }
  .my-t-md-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-t-md-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-t-md-none {
    margin: 0 !important;
  }
  .my-t-md-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-t-md-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-t-md-4 {
    margin: 0.25rem !important;
  }
  .my-t-md-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-t-md-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-t-md-6 {
    margin: 0.375rem !important;
  }
  .my-t-md-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-t-md-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-t-md-8 {
    margin: 0.5rem !important;
  }
  .my-t-md-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-t-md-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-t-md-10 {
    margin: 0.625rem !important;
  }
  .my-t-md-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-t-md-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-t-md-12 {
    margin: 0.75rem !important;
  }
  .my-t-md-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-t-md-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-t-md-14 {
    margin: 0.875rem !important;
  }
  .my-t-md-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-t-md-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-t-md-15 {
    margin: 0.9375rem !important;
  }
  .my-t-md-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-t-md-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-t-md-16 {
    margin: 1rem !important;
  }
  .my-t-md-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-t-md-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-t-md-18 {
    margin: 1.125rem !important;
  }
  .my-t-md-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-t-md-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-t-md-20 {
    margin: 1.25rem !important;
  }
  .my-t-md-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-t-md-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-t-md-22 {
    margin: 1.375rem !important;
  }
  .my-t-md-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-t-md-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-t-md-25 {
    margin: 1.5625rem !important;
  }
  .my-t-md-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-t-md-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-t-md-30 {
    margin: 1.875rem !important;
  }
  .my-t-md-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-t-md-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-t-md-40 {
    margin: 2.5rem !important;
  }
  .my-t-md-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-t-md-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-t-md-50 {
    margin: 3.125rem !important;
  }
  .my-t-md-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-t-md-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-t-md-60 {
    margin: 3.75rem !important;
  }
  .my-t-md-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-t-md-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-t-md-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 1024px) {
  .mt-t-sm-auto {
    margin-top: auto !important;
  }
  .mt-t-sm-none {
    margin-top: 0 !important;
  }
  .mt-t-sm-4 {
    margin-top: 0.25rem !important;
  }
  .mt-t-sm-6 {
    margin-top: 0.375rem !important;
  }
  .mt-t-sm-8 {
    margin-top: 0.5rem !important;
  }
  .mt-t-sm-10 {
    margin-top: 0.625rem !important;
  }
  .mt-t-sm-12 {
    margin-top: 0.75rem !important;
  }
  .mt-t-sm-14 {
    margin-top: 0.875rem !important;
  }
  .mt-t-sm-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-t-sm-16 {
    margin-top: 1rem !important;
  }
  .mt-t-sm-18 {
    margin-top: 1.125rem !important;
  }
  .mt-t-sm-20 {
    margin-top: 1.25rem !important;
  }
  .mt-t-sm-22 {
    margin-top: 1.375rem !important;
  }
  .mt-t-sm-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-t-sm-30 {
    margin-top: 1.875rem !important;
  }
  .mt-t-sm-40 {
    margin-top: 2.5rem !important;
  }
  .mt-t-sm-50 {
    margin-top: 3.125rem !important;
  }
  .mt-t-sm-60 {
    margin-top: 3.75rem !important;
  }
  .mt-t-sm-100 {
    margin-top: 6.25rem !important;
  }
  .mr-t-sm-auto {
    margin-right: auto !important;
  }
  .mr-t-sm-none {
    margin-right: 0 !important;
  }
  .mr-t-sm-4 {
    margin-right: 0.25rem !important;
  }
  .mr-t-sm-6 {
    margin-right: 0.375rem !important;
  }
  .mr-t-sm-8 {
    margin-right: 0.5rem !important;
  }
  .mr-t-sm-10 {
    margin-right: 0.625rem !important;
  }
  .mr-t-sm-12 {
    margin-right: 0.75rem !important;
  }
  .mr-t-sm-14 {
    margin-right: 0.875rem !important;
  }
  .mr-t-sm-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-t-sm-16 {
    margin-right: 1rem !important;
  }
  .mr-t-sm-18 {
    margin-right: 1.125rem !important;
  }
  .mr-t-sm-20 {
    margin-right: 1.25rem !important;
  }
  .mr-t-sm-22 {
    margin-right: 1.375rem !important;
  }
  .mr-t-sm-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-t-sm-30 {
    margin-right: 1.875rem !important;
  }
  .mr-t-sm-40 {
    margin-right: 2.5rem !important;
  }
  .mr-t-sm-50 {
    margin-right: 3.125rem !important;
  }
  .mr-t-sm-60 {
    margin-right: 3.75rem !important;
  }
  .mr-t-sm-100 {
    margin-right: 6.25rem !important;
  }
  .mb-t-sm-auto {
    margin-bottom: auto !important;
  }
  .mb-t-sm-none {
    margin-bottom: 0 !important;
  }
  .mb-t-sm-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-t-sm-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-t-sm-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-t-sm-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-t-sm-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-t-sm-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-t-sm-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-t-sm-16 {
    margin-bottom: 1rem !important;
  }
  .mb-t-sm-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-t-sm-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-t-sm-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-t-sm-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-t-sm-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-t-sm-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-t-sm-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-t-sm-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-t-sm-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-t-sm-auto {
    margin-left: auto !important;
  }
  .ml-t-sm-none {
    margin-left: 0 !important;
  }
  .ml-t-sm-4 {
    margin-left: 0.25rem !important;
  }
  .ml-t-sm-6 {
    margin-left: 0.375rem !important;
  }
  .ml-t-sm-8 {
    margin-left: 0.5rem !important;
  }
  .ml-t-sm-10 {
    margin-left: 0.625rem !important;
  }
  .ml-t-sm-12 {
    margin-left: 0.75rem !important;
  }
  .ml-t-sm-14 {
    margin-left: 0.875rem !important;
  }
  .ml-t-sm-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-t-sm-16 {
    margin-left: 1rem !important;
  }
  .ml-t-sm-18 {
    margin-left: 1.125rem !important;
  }
  .ml-t-sm-20 {
    margin-left: 1.25rem !important;
  }
  .ml-t-sm-22 {
    margin-left: 1.375rem !important;
  }
  .ml-t-sm-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-t-sm-30 {
    margin-left: 1.875rem !important;
  }
  .ml-t-sm-40 {
    margin-left: 2.5rem !important;
  }
  .ml-t-sm-50 {
    margin-left: 3.125rem !important;
  }
  .ml-t-sm-60 {
    margin-left: 3.75rem !important;
  }
  .ml-t-sm-100 {
    margin-left: 6.25rem !important;
  }
  .my-t-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-t-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-t-sm-auto {
    margin: auto !important;
  }
  .my-t-sm-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-t-sm-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-t-sm-none {
    margin: 0 !important;
  }
  .my-t-sm-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-t-sm-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-t-sm-4 {
    margin: 0.25rem !important;
  }
  .my-t-sm-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-t-sm-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-t-sm-6 {
    margin: 0.375rem !important;
  }
  .my-t-sm-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-t-sm-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-t-sm-8 {
    margin: 0.5rem !important;
  }
  .my-t-sm-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-t-sm-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-t-sm-10 {
    margin: 0.625rem !important;
  }
  .my-t-sm-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-t-sm-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-t-sm-12 {
    margin: 0.75rem !important;
  }
  .my-t-sm-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-t-sm-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-t-sm-14 {
    margin: 0.875rem !important;
  }
  .my-t-sm-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-t-sm-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-t-sm-15 {
    margin: 0.9375rem !important;
  }
  .my-t-sm-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-t-sm-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-t-sm-16 {
    margin: 1rem !important;
  }
  .my-t-sm-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-t-sm-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-t-sm-18 {
    margin: 1.125rem !important;
  }
  .my-t-sm-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-t-sm-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-t-sm-20 {
    margin: 1.25rem !important;
  }
  .my-t-sm-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-t-sm-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-t-sm-22 {
    margin: 1.375rem !important;
  }
  .my-t-sm-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-t-sm-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-t-sm-25 {
    margin: 1.5625rem !important;
  }
  .my-t-sm-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-t-sm-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-t-sm-30 {
    margin: 1.875rem !important;
  }
  .my-t-sm-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-t-sm-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-t-sm-40 {
    margin: 2.5rem !important;
  }
  .my-t-sm-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-t-sm-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-t-sm-50 {
    margin: 3.125rem !important;
  }
  .my-t-sm-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-t-sm-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-t-sm-60 {
    margin: 3.75rem !important;
  }
  .my-t-sm-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-t-sm-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-t-sm-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 820px) {
  .mt-t-xs-auto {
    margin-top: auto !important;
  }
  .mt-t-xs-none {
    margin-top: 0 !important;
  }
  .mt-t-xs-4 {
    margin-top: 0.25rem !important;
  }
  .mt-t-xs-6 {
    margin-top: 0.375rem !important;
  }
  .mt-t-xs-8 {
    margin-top: 0.5rem !important;
  }
  .mt-t-xs-10 {
    margin-top: 0.625rem !important;
  }
  .mt-t-xs-12 {
    margin-top: 0.75rem !important;
  }
  .mt-t-xs-14 {
    margin-top: 0.875rem !important;
  }
  .mt-t-xs-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-t-xs-16 {
    margin-top: 1rem !important;
  }
  .mt-t-xs-18 {
    margin-top: 1.125rem !important;
  }
  .mt-t-xs-20 {
    margin-top: 1.25rem !important;
  }
  .mt-t-xs-22 {
    margin-top: 1.375rem !important;
  }
  .mt-t-xs-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-t-xs-30 {
    margin-top: 1.875rem !important;
  }
  .mt-t-xs-40 {
    margin-top: 2.5rem !important;
  }
  .mt-t-xs-50 {
    margin-top: 3.125rem !important;
  }
  .mt-t-xs-60 {
    margin-top: 3.75rem !important;
  }
  .mt-t-xs-100 {
    margin-top: 6.25rem !important;
  }
  .mr-t-xs-auto {
    margin-right: auto !important;
  }
  .mr-t-xs-none {
    margin-right: 0 !important;
  }
  .mr-t-xs-4 {
    margin-right: 0.25rem !important;
  }
  .mr-t-xs-6 {
    margin-right: 0.375rem !important;
  }
  .mr-t-xs-8 {
    margin-right: 0.5rem !important;
  }
  .mr-t-xs-10 {
    margin-right: 0.625rem !important;
  }
  .mr-t-xs-12 {
    margin-right: 0.75rem !important;
  }
  .mr-t-xs-14 {
    margin-right: 0.875rem !important;
  }
  .mr-t-xs-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-t-xs-16 {
    margin-right: 1rem !important;
  }
  .mr-t-xs-18 {
    margin-right: 1.125rem !important;
  }
  .mr-t-xs-20 {
    margin-right: 1.25rem !important;
  }
  .mr-t-xs-22 {
    margin-right: 1.375rem !important;
  }
  .mr-t-xs-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-t-xs-30 {
    margin-right: 1.875rem !important;
  }
  .mr-t-xs-40 {
    margin-right: 2.5rem !important;
  }
  .mr-t-xs-50 {
    margin-right: 3.125rem !important;
  }
  .mr-t-xs-60 {
    margin-right: 3.75rem !important;
  }
  .mr-t-xs-100 {
    margin-right: 6.25rem !important;
  }
  .mb-t-xs-auto {
    margin-bottom: auto !important;
  }
  .mb-t-xs-none {
    margin-bottom: 0 !important;
  }
  .mb-t-xs-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-t-xs-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-t-xs-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-t-xs-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-t-xs-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-t-xs-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-t-xs-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-t-xs-16 {
    margin-bottom: 1rem !important;
  }
  .mb-t-xs-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-t-xs-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-t-xs-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-t-xs-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-t-xs-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-t-xs-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-t-xs-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-t-xs-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-t-xs-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-t-xs-auto {
    margin-left: auto !important;
  }
  .ml-t-xs-none {
    margin-left: 0 !important;
  }
  .ml-t-xs-4 {
    margin-left: 0.25rem !important;
  }
  .ml-t-xs-6 {
    margin-left: 0.375rem !important;
  }
  .ml-t-xs-8 {
    margin-left: 0.5rem !important;
  }
  .ml-t-xs-10 {
    margin-left: 0.625rem !important;
  }
  .ml-t-xs-12 {
    margin-left: 0.75rem !important;
  }
  .ml-t-xs-14 {
    margin-left: 0.875rem !important;
  }
  .ml-t-xs-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-t-xs-16 {
    margin-left: 1rem !important;
  }
  .ml-t-xs-18 {
    margin-left: 1.125rem !important;
  }
  .ml-t-xs-20 {
    margin-left: 1.25rem !important;
  }
  .ml-t-xs-22 {
    margin-left: 1.375rem !important;
  }
  .ml-t-xs-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-t-xs-30 {
    margin-left: 1.875rem !important;
  }
  .ml-t-xs-40 {
    margin-left: 2.5rem !important;
  }
  .ml-t-xs-50 {
    margin-left: 3.125rem !important;
  }
  .ml-t-xs-60 {
    margin-left: 3.75rem !important;
  }
  .ml-t-xs-100 {
    margin-left: 6.25rem !important;
  }
  .my-t-xs-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-t-xs-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-t-xs-auto {
    margin: auto !important;
  }
  .my-t-xs-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-t-xs-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-t-xs-none {
    margin: 0 !important;
  }
  .my-t-xs-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-t-xs-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-t-xs-4 {
    margin: 0.25rem !important;
  }
  .my-t-xs-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-t-xs-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-t-xs-6 {
    margin: 0.375rem !important;
  }
  .my-t-xs-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-t-xs-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-t-xs-8 {
    margin: 0.5rem !important;
  }
  .my-t-xs-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-t-xs-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-t-xs-10 {
    margin: 0.625rem !important;
  }
  .my-t-xs-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-t-xs-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-t-xs-12 {
    margin: 0.75rem !important;
  }
  .my-t-xs-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-t-xs-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-t-xs-14 {
    margin: 0.875rem !important;
  }
  .my-t-xs-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-t-xs-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-t-xs-15 {
    margin: 0.9375rem !important;
  }
  .my-t-xs-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-t-xs-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-t-xs-16 {
    margin: 1rem !important;
  }
  .my-t-xs-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-t-xs-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-t-xs-18 {
    margin: 1.125rem !important;
  }
  .my-t-xs-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-t-xs-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-t-xs-20 {
    margin: 1.25rem !important;
  }
  .my-t-xs-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-t-xs-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-t-xs-22 {
    margin: 1.375rem !important;
  }
  .my-t-xs-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-t-xs-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-t-xs-25 {
    margin: 1.5625rem !important;
  }
  .my-t-xs-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-t-xs-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-t-xs-30 {
    margin: 1.875rem !important;
  }
  .my-t-xs-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-t-xs-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-t-xs-40 {
    margin: 2.5rem !important;
  }
  .my-t-xs-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-t-xs-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-t-xs-50 {
    margin: 3.125rem !important;
  }
  .my-t-xs-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-t-xs-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-t-xs-60 {
    margin: 3.75rem !important;
  }
  .my-t-xs-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-t-xs-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-t-xs-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 767px) {
  .mt-m-max-auto {
    margin-top: auto !important;
  }
  .mt-m-max-none {
    margin-top: 0 !important;
  }
  .mt-m-max-4 {
    margin-top: 0.25rem !important;
  }
  .mt-m-max-6 {
    margin-top: 0.375rem !important;
  }
  .mt-m-max-8 {
    margin-top: 0.5rem !important;
  }
  .mt-m-max-10 {
    margin-top: 0.625rem !important;
  }
  .mt-m-max-12 {
    margin-top: 0.75rem !important;
  }
  .mt-m-max-14 {
    margin-top: 0.875rem !important;
  }
  .mt-m-max-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-m-max-16 {
    margin-top: 1rem !important;
  }
  .mt-m-max-18 {
    margin-top: 1.125rem !important;
  }
  .mt-m-max-20 {
    margin-top: 1.25rem !important;
  }
  .mt-m-max-22 {
    margin-top: 1.375rem !important;
  }
  .mt-m-max-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-m-max-30 {
    margin-top: 1.875rem !important;
  }
  .mt-m-max-40 {
    margin-top: 2.5rem !important;
  }
  .mt-m-max-50 {
    margin-top: 3.125rem !important;
  }
  .mt-m-max-60 {
    margin-top: 3.75rem !important;
  }
  .mt-m-max-100 {
    margin-top: 6.25rem !important;
  }
  .mr-m-max-auto {
    margin-right: auto !important;
  }
  .mr-m-max-none {
    margin-right: 0 !important;
  }
  .mr-m-max-4 {
    margin-right: 0.25rem !important;
  }
  .mr-m-max-6 {
    margin-right: 0.375rem !important;
  }
  .mr-m-max-8 {
    margin-right: 0.5rem !important;
  }
  .mr-m-max-10 {
    margin-right: 0.625rem !important;
  }
  .mr-m-max-12 {
    margin-right: 0.75rem !important;
  }
  .mr-m-max-14 {
    margin-right: 0.875rem !important;
  }
  .mr-m-max-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-m-max-16 {
    margin-right: 1rem !important;
  }
  .mr-m-max-18 {
    margin-right: 1.125rem !important;
  }
  .mr-m-max-20 {
    margin-right: 1.25rem !important;
  }
  .mr-m-max-22 {
    margin-right: 1.375rem !important;
  }
  .mr-m-max-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-m-max-30 {
    margin-right: 1.875rem !important;
  }
  .mr-m-max-40 {
    margin-right: 2.5rem !important;
  }
  .mr-m-max-50 {
    margin-right: 3.125rem !important;
  }
  .mr-m-max-60 {
    margin-right: 3.75rem !important;
  }
  .mr-m-max-100 {
    margin-right: 6.25rem !important;
  }
  .mb-m-max-auto {
    margin-bottom: auto !important;
  }
  .mb-m-max-none {
    margin-bottom: 0 !important;
  }
  .mb-m-max-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-m-max-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-m-max-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-m-max-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-m-max-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-m-max-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-m-max-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-m-max-16 {
    margin-bottom: 1rem !important;
  }
  .mb-m-max-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-m-max-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-m-max-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-m-max-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-m-max-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-m-max-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-m-max-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-m-max-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-m-max-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-m-max-auto {
    margin-left: auto !important;
  }
  .ml-m-max-none {
    margin-left: 0 !important;
  }
  .ml-m-max-4 {
    margin-left: 0.25rem !important;
  }
  .ml-m-max-6 {
    margin-left: 0.375rem !important;
  }
  .ml-m-max-8 {
    margin-left: 0.5rem !important;
  }
  .ml-m-max-10 {
    margin-left: 0.625rem !important;
  }
  .ml-m-max-12 {
    margin-left: 0.75rem !important;
  }
  .ml-m-max-14 {
    margin-left: 0.875rem !important;
  }
  .ml-m-max-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-m-max-16 {
    margin-left: 1rem !important;
  }
  .ml-m-max-18 {
    margin-left: 1.125rem !important;
  }
  .ml-m-max-20 {
    margin-left: 1.25rem !important;
  }
  .ml-m-max-22 {
    margin-left: 1.375rem !important;
  }
  .ml-m-max-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-m-max-30 {
    margin-left: 1.875rem !important;
  }
  .ml-m-max-40 {
    margin-left: 2.5rem !important;
  }
  .ml-m-max-50 {
    margin-left: 3.125rem !important;
  }
  .ml-m-max-60 {
    margin-left: 3.75rem !important;
  }
  .ml-m-max-100 {
    margin-left: 6.25rem !important;
  }
  .my-m-max-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-m-max-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-m-max-auto {
    margin: auto !important;
  }
  .my-m-max-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-m-max-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-m-max-none {
    margin: 0 !important;
  }
  .my-m-max-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-m-max-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-m-max-4 {
    margin: 0.25rem !important;
  }
  .my-m-max-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-m-max-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-m-max-6 {
    margin: 0.375rem !important;
  }
  .my-m-max-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-m-max-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-m-max-8 {
    margin: 0.5rem !important;
  }
  .my-m-max-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-m-max-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-m-max-10 {
    margin: 0.625rem !important;
  }
  .my-m-max-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-m-max-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-m-max-12 {
    margin: 0.75rem !important;
  }
  .my-m-max-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-m-max-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-m-max-14 {
    margin: 0.875rem !important;
  }
  .my-m-max-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-m-max-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-m-max-15 {
    margin: 0.9375rem !important;
  }
  .my-m-max-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-m-max-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-m-max-16 {
    margin: 1rem !important;
  }
  .my-m-max-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-m-max-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-m-max-18 {
    margin: 1.125rem !important;
  }
  .my-m-max-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-m-max-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-m-max-20 {
    margin: 1.25rem !important;
  }
  .my-m-max-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-m-max-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-m-max-22 {
    margin: 1.375rem !important;
  }
  .my-m-max-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-m-max-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-m-max-25 {
    margin: 1.5625rem !important;
  }
  .my-m-max-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-m-max-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-m-max-30 {
    margin: 1.875rem !important;
  }
  .my-m-max-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-m-max-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-m-max-40 {
    margin: 2.5rem !important;
  }
  .my-m-max-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-m-max-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-m-max-50 {
    margin: 3.125rem !important;
  }
  .my-m-max-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-m-max-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-m-max-60 {
    margin: 3.75rem !important;
  }
  .my-m-max-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-m-max-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-m-max-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 640px) {
  .mt-m-3xl-auto {
    margin-top: auto !important;
  }
  .mt-m-3xl-none {
    margin-top: 0 !important;
  }
  .mt-m-3xl-4 {
    margin-top: 0.25rem !important;
  }
  .mt-m-3xl-6 {
    margin-top: 0.375rem !important;
  }
  .mt-m-3xl-8 {
    margin-top: 0.5rem !important;
  }
  .mt-m-3xl-10 {
    margin-top: 0.625rem !important;
  }
  .mt-m-3xl-12 {
    margin-top: 0.75rem !important;
  }
  .mt-m-3xl-14 {
    margin-top: 0.875rem !important;
  }
  .mt-m-3xl-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-m-3xl-16 {
    margin-top: 1rem !important;
  }
  .mt-m-3xl-18 {
    margin-top: 1.125rem !important;
  }
  .mt-m-3xl-20 {
    margin-top: 1.25rem !important;
  }
  .mt-m-3xl-22 {
    margin-top: 1.375rem !important;
  }
  .mt-m-3xl-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-m-3xl-30 {
    margin-top: 1.875rem !important;
  }
  .mt-m-3xl-40 {
    margin-top: 2.5rem !important;
  }
  .mt-m-3xl-50 {
    margin-top: 3.125rem !important;
  }
  .mt-m-3xl-60 {
    margin-top: 3.75rem !important;
  }
  .mt-m-3xl-100 {
    margin-top: 6.25rem !important;
  }
  .mr-m-3xl-auto {
    margin-right: auto !important;
  }
  .mr-m-3xl-none {
    margin-right: 0 !important;
  }
  .mr-m-3xl-4 {
    margin-right: 0.25rem !important;
  }
  .mr-m-3xl-6 {
    margin-right: 0.375rem !important;
  }
  .mr-m-3xl-8 {
    margin-right: 0.5rem !important;
  }
  .mr-m-3xl-10 {
    margin-right: 0.625rem !important;
  }
  .mr-m-3xl-12 {
    margin-right: 0.75rem !important;
  }
  .mr-m-3xl-14 {
    margin-right: 0.875rem !important;
  }
  .mr-m-3xl-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-m-3xl-16 {
    margin-right: 1rem !important;
  }
  .mr-m-3xl-18 {
    margin-right: 1.125rem !important;
  }
  .mr-m-3xl-20 {
    margin-right: 1.25rem !important;
  }
  .mr-m-3xl-22 {
    margin-right: 1.375rem !important;
  }
  .mr-m-3xl-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-m-3xl-30 {
    margin-right: 1.875rem !important;
  }
  .mr-m-3xl-40 {
    margin-right: 2.5rem !important;
  }
  .mr-m-3xl-50 {
    margin-right: 3.125rem !important;
  }
  .mr-m-3xl-60 {
    margin-right: 3.75rem !important;
  }
  .mr-m-3xl-100 {
    margin-right: 6.25rem !important;
  }
  .mb-m-3xl-auto {
    margin-bottom: auto !important;
  }
  .mb-m-3xl-none {
    margin-bottom: 0 !important;
  }
  .mb-m-3xl-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-m-3xl-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-m-3xl-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-m-3xl-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-m-3xl-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-m-3xl-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-m-3xl-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-m-3xl-16 {
    margin-bottom: 1rem !important;
  }
  .mb-m-3xl-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-m-3xl-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-m-3xl-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-m-3xl-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-m-3xl-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-m-3xl-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-m-3xl-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-m-3xl-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-m-3xl-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-m-3xl-auto {
    margin-left: auto !important;
  }
  .ml-m-3xl-none {
    margin-left: 0 !important;
  }
  .ml-m-3xl-4 {
    margin-left: 0.25rem !important;
  }
  .ml-m-3xl-6 {
    margin-left: 0.375rem !important;
  }
  .ml-m-3xl-8 {
    margin-left: 0.5rem !important;
  }
  .ml-m-3xl-10 {
    margin-left: 0.625rem !important;
  }
  .ml-m-3xl-12 {
    margin-left: 0.75rem !important;
  }
  .ml-m-3xl-14 {
    margin-left: 0.875rem !important;
  }
  .ml-m-3xl-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-m-3xl-16 {
    margin-left: 1rem !important;
  }
  .ml-m-3xl-18 {
    margin-left: 1.125rem !important;
  }
  .ml-m-3xl-20 {
    margin-left: 1.25rem !important;
  }
  .ml-m-3xl-22 {
    margin-left: 1.375rem !important;
  }
  .ml-m-3xl-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-m-3xl-30 {
    margin-left: 1.875rem !important;
  }
  .ml-m-3xl-40 {
    margin-left: 2.5rem !important;
  }
  .ml-m-3xl-50 {
    margin-left: 3.125rem !important;
  }
  .ml-m-3xl-60 {
    margin-left: 3.75rem !important;
  }
  .ml-m-3xl-100 {
    margin-left: 6.25rem !important;
  }
  .my-m-3xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-m-3xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-m-3xl-auto {
    margin: auto !important;
  }
  .my-m-3xl-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-m-3xl-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-m-3xl-none {
    margin: 0 !important;
  }
  .my-m-3xl-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-m-3xl-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-m-3xl-4 {
    margin: 0.25rem !important;
  }
  .my-m-3xl-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-m-3xl-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-m-3xl-6 {
    margin: 0.375rem !important;
  }
  .my-m-3xl-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-m-3xl-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-m-3xl-8 {
    margin: 0.5rem !important;
  }
  .my-m-3xl-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-m-3xl-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-m-3xl-10 {
    margin: 0.625rem !important;
  }
  .my-m-3xl-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-m-3xl-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-m-3xl-12 {
    margin: 0.75rem !important;
  }
  .my-m-3xl-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-m-3xl-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-m-3xl-14 {
    margin: 0.875rem !important;
  }
  .my-m-3xl-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-m-3xl-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-m-3xl-15 {
    margin: 0.9375rem !important;
  }
  .my-m-3xl-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-m-3xl-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-m-3xl-16 {
    margin: 1rem !important;
  }
  .my-m-3xl-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-m-3xl-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-m-3xl-18 {
    margin: 1.125rem !important;
  }
  .my-m-3xl-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-m-3xl-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-m-3xl-20 {
    margin: 1.25rem !important;
  }
  .my-m-3xl-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-m-3xl-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-m-3xl-22 {
    margin: 1.375rem !important;
  }
  .my-m-3xl-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-m-3xl-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-m-3xl-25 {
    margin: 1.5625rem !important;
  }
  .my-m-3xl-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-m-3xl-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-m-3xl-30 {
    margin: 1.875rem !important;
  }
  .my-m-3xl-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-m-3xl-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-m-3xl-40 {
    margin: 2.5rem !important;
  }
  .my-m-3xl-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-m-3xl-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-m-3xl-50 {
    margin: 3.125rem !important;
  }
  .my-m-3xl-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-m-3xl-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-m-3xl-60 {
    margin: 3.75rem !important;
  }
  .my-m-3xl-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-m-3xl-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-m-3xl-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 430px) {
  .mt-m-2xl-auto {
    margin-top: auto !important;
  }
  .mt-m-2xl-none {
    margin-top: 0 !important;
  }
  .mt-m-2xl-4 {
    margin-top: 0.25rem !important;
  }
  .mt-m-2xl-6 {
    margin-top: 0.375rem !important;
  }
  .mt-m-2xl-8 {
    margin-top: 0.5rem !important;
  }
  .mt-m-2xl-10 {
    margin-top: 0.625rem !important;
  }
  .mt-m-2xl-12 {
    margin-top: 0.75rem !important;
  }
  .mt-m-2xl-14 {
    margin-top: 0.875rem !important;
  }
  .mt-m-2xl-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-m-2xl-16 {
    margin-top: 1rem !important;
  }
  .mt-m-2xl-18 {
    margin-top: 1.125rem !important;
  }
  .mt-m-2xl-20 {
    margin-top: 1.25rem !important;
  }
  .mt-m-2xl-22 {
    margin-top: 1.375rem !important;
  }
  .mt-m-2xl-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-m-2xl-30 {
    margin-top: 1.875rem !important;
  }
  .mt-m-2xl-40 {
    margin-top: 2.5rem !important;
  }
  .mt-m-2xl-50 {
    margin-top: 3.125rem !important;
  }
  .mt-m-2xl-60 {
    margin-top: 3.75rem !important;
  }
  .mt-m-2xl-100 {
    margin-top: 6.25rem !important;
  }
  .mr-m-2xl-auto {
    margin-right: auto !important;
  }
  .mr-m-2xl-none {
    margin-right: 0 !important;
  }
  .mr-m-2xl-4 {
    margin-right: 0.25rem !important;
  }
  .mr-m-2xl-6 {
    margin-right: 0.375rem !important;
  }
  .mr-m-2xl-8 {
    margin-right: 0.5rem !important;
  }
  .mr-m-2xl-10 {
    margin-right: 0.625rem !important;
  }
  .mr-m-2xl-12 {
    margin-right: 0.75rem !important;
  }
  .mr-m-2xl-14 {
    margin-right: 0.875rem !important;
  }
  .mr-m-2xl-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-m-2xl-16 {
    margin-right: 1rem !important;
  }
  .mr-m-2xl-18 {
    margin-right: 1.125rem !important;
  }
  .mr-m-2xl-20 {
    margin-right: 1.25rem !important;
  }
  .mr-m-2xl-22 {
    margin-right: 1.375rem !important;
  }
  .mr-m-2xl-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-m-2xl-30 {
    margin-right: 1.875rem !important;
  }
  .mr-m-2xl-40 {
    margin-right: 2.5rem !important;
  }
  .mr-m-2xl-50 {
    margin-right: 3.125rem !important;
  }
  .mr-m-2xl-60 {
    margin-right: 3.75rem !important;
  }
  .mr-m-2xl-100 {
    margin-right: 6.25rem !important;
  }
  .mb-m-2xl-auto {
    margin-bottom: auto !important;
  }
  .mb-m-2xl-none {
    margin-bottom: 0 !important;
  }
  .mb-m-2xl-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-m-2xl-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-m-2xl-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-m-2xl-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-m-2xl-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-m-2xl-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-m-2xl-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-m-2xl-16 {
    margin-bottom: 1rem !important;
  }
  .mb-m-2xl-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-m-2xl-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-m-2xl-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-m-2xl-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-m-2xl-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-m-2xl-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-m-2xl-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-m-2xl-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-m-2xl-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-m-2xl-auto {
    margin-left: auto !important;
  }
  .ml-m-2xl-none {
    margin-left: 0 !important;
  }
  .ml-m-2xl-4 {
    margin-left: 0.25rem !important;
  }
  .ml-m-2xl-6 {
    margin-left: 0.375rem !important;
  }
  .ml-m-2xl-8 {
    margin-left: 0.5rem !important;
  }
  .ml-m-2xl-10 {
    margin-left: 0.625rem !important;
  }
  .ml-m-2xl-12 {
    margin-left: 0.75rem !important;
  }
  .ml-m-2xl-14 {
    margin-left: 0.875rem !important;
  }
  .ml-m-2xl-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-m-2xl-16 {
    margin-left: 1rem !important;
  }
  .ml-m-2xl-18 {
    margin-left: 1.125rem !important;
  }
  .ml-m-2xl-20 {
    margin-left: 1.25rem !important;
  }
  .ml-m-2xl-22 {
    margin-left: 1.375rem !important;
  }
  .ml-m-2xl-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-m-2xl-30 {
    margin-left: 1.875rem !important;
  }
  .ml-m-2xl-40 {
    margin-left: 2.5rem !important;
  }
  .ml-m-2xl-50 {
    margin-left: 3.125rem !important;
  }
  .ml-m-2xl-60 {
    margin-left: 3.75rem !important;
  }
  .ml-m-2xl-100 {
    margin-left: 6.25rem !important;
  }
  .my-m-2xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-m-2xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-m-2xl-auto {
    margin: auto !important;
  }
  .my-m-2xl-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-m-2xl-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-m-2xl-none {
    margin: 0 !important;
  }
  .my-m-2xl-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-m-2xl-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-m-2xl-4 {
    margin: 0.25rem !important;
  }
  .my-m-2xl-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-m-2xl-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-m-2xl-6 {
    margin: 0.375rem !important;
  }
  .my-m-2xl-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-m-2xl-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-m-2xl-8 {
    margin: 0.5rem !important;
  }
  .my-m-2xl-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-m-2xl-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-m-2xl-10 {
    margin: 0.625rem !important;
  }
  .my-m-2xl-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-m-2xl-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-m-2xl-12 {
    margin: 0.75rem !important;
  }
  .my-m-2xl-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-m-2xl-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-m-2xl-14 {
    margin: 0.875rem !important;
  }
  .my-m-2xl-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-m-2xl-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-m-2xl-15 {
    margin: 0.9375rem !important;
  }
  .my-m-2xl-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-m-2xl-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-m-2xl-16 {
    margin: 1rem !important;
  }
  .my-m-2xl-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-m-2xl-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-m-2xl-18 {
    margin: 1.125rem !important;
  }
  .my-m-2xl-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-m-2xl-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-m-2xl-20 {
    margin: 1.25rem !important;
  }
  .my-m-2xl-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-m-2xl-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-m-2xl-22 {
    margin: 1.375rem !important;
  }
  .my-m-2xl-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-m-2xl-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-m-2xl-25 {
    margin: 1.5625rem !important;
  }
  .my-m-2xl-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-m-2xl-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-m-2xl-30 {
    margin: 1.875rem !important;
  }
  .my-m-2xl-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-m-2xl-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-m-2xl-40 {
    margin: 2.5rem !important;
  }
  .my-m-2xl-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-m-2xl-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-m-2xl-50 {
    margin: 3.125rem !important;
  }
  .my-m-2xl-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-m-2xl-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-m-2xl-60 {
    margin: 3.75rem !important;
  }
  .my-m-2xl-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-m-2xl-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-m-2xl-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 412px) {
  .mt-m-xl-auto {
    margin-top: auto !important;
  }
  .mt-m-xl-none {
    margin-top: 0 !important;
  }
  .mt-m-xl-4 {
    margin-top: 0.25rem !important;
  }
  .mt-m-xl-6 {
    margin-top: 0.375rem !important;
  }
  .mt-m-xl-8 {
    margin-top: 0.5rem !important;
  }
  .mt-m-xl-10 {
    margin-top: 0.625rem !important;
  }
  .mt-m-xl-12 {
    margin-top: 0.75rem !important;
  }
  .mt-m-xl-14 {
    margin-top: 0.875rem !important;
  }
  .mt-m-xl-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-m-xl-16 {
    margin-top: 1rem !important;
  }
  .mt-m-xl-18 {
    margin-top: 1.125rem !important;
  }
  .mt-m-xl-20 {
    margin-top: 1.25rem !important;
  }
  .mt-m-xl-22 {
    margin-top: 1.375rem !important;
  }
  .mt-m-xl-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-m-xl-30 {
    margin-top: 1.875rem !important;
  }
  .mt-m-xl-40 {
    margin-top: 2.5rem !important;
  }
  .mt-m-xl-50 {
    margin-top: 3.125rem !important;
  }
  .mt-m-xl-60 {
    margin-top: 3.75rem !important;
  }
  .mt-m-xl-100 {
    margin-top: 6.25rem !important;
  }
  .mr-m-xl-auto {
    margin-right: auto !important;
  }
  .mr-m-xl-none {
    margin-right: 0 !important;
  }
  .mr-m-xl-4 {
    margin-right: 0.25rem !important;
  }
  .mr-m-xl-6 {
    margin-right: 0.375rem !important;
  }
  .mr-m-xl-8 {
    margin-right: 0.5rem !important;
  }
  .mr-m-xl-10 {
    margin-right: 0.625rem !important;
  }
  .mr-m-xl-12 {
    margin-right: 0.75rem !important;
  }
  .mr-m-xl-14 {
    margin-right: 0.875rem !important;
  }
  .mr-m-xl-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-m-xl-16 {
    margin-right: 1rem !important;
  }
  .mr-m-xl-18 {
    margin-right: 1.125rem !important;
  }
  .mr-m-xl-20 {
    margin-right: 1.25rem !important;
  }
  .mr-m-xl-22 {
    margin-right: 1.375rem !important;
  }
  .mr-m-xl-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-m-xl-30 {
    margin-right: 1.875rem !important;
  }
  .mr-m-xl-40 {
    margin-right: 2.5rem !important;
  }
  .mr-m-xl-50 {
    margin-right: 3.125rem !important;
  }
  .mr-m-xl-60 {
    margin-right: 3.75rem !important;
  }
  .mr-m-xl-100 {
    margin-right: 6.25rem !important;
  }
  .mb-m-xl-auto {
    margin-bottom: auto !important;
  }
  .mb-m-xl-none {
    margin-bottom: 0 !important;
  }
  .mb-m-xl-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-m-xl-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-m-xl-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-m-xl-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-m-xl-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-m-xl-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-m-xl-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-m-xl-16 {
    margin-bottom: 1rem !important;
  }
  .mb-m-xl-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-m-xl-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-m-xl-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-m-xl-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-m-xl-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-m-xl-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-m-xl-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-m-xl-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-m-xl-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-m-xl-auto {
    margin-left: auto !important;
  }
  .ml-m-xl-none {
    margin-left: 0 !important;
  }
  .ml-m-xl-4 {
    margin-left: 0.25rem !important;
  }
  .ml-m-xl-6 {
    margin-left: 0.375rem !important;
  }
  .ml-m-xl-8 {
    margin-left: 0.5rem !important;
  }
  .ml-m-xl-10 {
    margin-left: 0.625rem !important;
  }
  .ml-m-xl-12 {
    margin-left: 0.75rem !important;
  }
  .ml-m-xl-14 {
    margin-left: 0.875rem !important;
  }
  .ml-m-xl-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-m-xl-16 {
    margin-left: 1rem !important;
  }
  .ml-m-xl-18 {
    margin-left: 1.125rem !important;
  }
  .ml-m-xl-20 {
    margin-left: 1.25rem !important;
  }
  .ml-m-xl-22 {
    margin-left: 1.375rem !important;
  }
  .ml-m-xl-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-m-xl-30 {
    margin-left: 1.875rem !important;
  }
  .ml-m-xl-40 {
    margin-left: 2.5rem !important;
  }
  .ml-m-xl-50 {
    margin-left: 3.125rem !important;
  }
  .ml-m-xl-60 {
    margin-left: 3.75rem !important;
  }
  .ml-m-xl-100 {
    margin-left: 6.25rem !important;
  }
  .my-m-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-m-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-m-xl-auto {
    margin: auto !important;
  }
  .my-m-xl-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-m-xl-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-m-xl-none {
    margin: 0 !important;
  }
  .my-m-xl-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-m-xl-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-m-xl-4 {
    margin: 0.25rem !important;
  }
  .my-m-xl-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-m-xl-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-m-xl-6 {
    margin: 0.375rem !important;
  }
  .my-m-xl-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-m-xl-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-m-xl-8 {
    margin: 0.5rem !important;
  }
  .my-m-xl-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-m-xl-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-m-xl-10 {
    margin: 0.625rem !important;
  }
  .my-m-xl-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-m-xl-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-m-xl-12 {
    margin: 0.75rem !important;
  }
  .my-m-xl-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-m-xl-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-m-xl-14 {
    margin: 0.875rem !important;
  }
  .my-m-xl-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-m-xl-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-m-xl-15 {
    margin: 0.9375rem !important;
  }
  .my-m-xl-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-m-xl-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-m-xl-16 {
    margin: 1rem !important;
  }
  .my-m-xl-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-m-xl-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-m-xl-18 {
    margin: 1.125rem !important;
  }
  .my-m-xl-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-m-xl-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-m-xl-20 {
    margin: 1.25rem !important;
  }
  .my-m-xl-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-m-xl-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-m-xl-22 {
    margin: 1.375rem !important;
  }
  .my-m-xl-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-m-xl-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-m-xl-25 {
    margin: 1.5625rem !important;
  }
  .my-m-xl-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-m-xl-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-m-xl-30 {
    margin: 1.875rem !important;
  }
  .my-m-xl-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-m-xl-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-m-xl-40 {
    margin: 2.5rem !important;
  }
  .my-m-xl-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-m-xl-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-m-xl-50 {
    margin: 3.125rem !important;
  }
  .my-m-xl-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-m-xl-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-m-xl-60 {
    margin: 3.75rem !important;
  }
  .my-m-xl-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-m-xl-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-m-xl-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 390px) {
  .mt-m-lg-auto {
    margin-top: auto !important;
  }
  .mt-m-lg-none {
    margin-top: 0 !important;
  }
  .mt-m-lg-4 {
    margin-top: 0.25rem !important;
  }
  .mt-m-lg-6 {
    margin-top: 0.375rem !important;
  }
  .mt-m-lg-8 {
    margin-top: 0.5rem !important;
  }
  .mt-m-lg-10 {
    margin-top: 0.625rem !important;
  }
  .mt-m-lg-12 {
    margin-top: 0.75rem !important;
  }
  .mt-m-lg-14 {
    margin-top: 0.875rem !important;
  }
  .mt-m-lg-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-m-lg-16 {
    margin-top: 1rem !important;
  }
  .mt-m-lg-18 {
    margin-top: 1.125rem !important;
  }
  .mt-m-lg-20 {
    margin-top: 1.25rem !important;
  }
  .mt-m-lg-22 {
    margin-top: 1.375rem !important;
  }
  .mt-m-lg-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-m-lg-30 {
    margin-top: 1.875rem !important;
  }
  .mt-m-lg-40 {
    margin-top: 2.5rem !important;
  }
  .mt-m-lg-50 {
    margin-top: 3.125rem !important;
  }
  .mt-m-lg-60 {
    margin-top: 3.75rem !important;
  }
  .mt-m-lg-100 {
    margin-top: 6.25rem !important;
  }
  .mr-m-lg-auto {
    margin-right: auto !important;
  }
  .mr-m-lg-none {
    margin-right: 0 !important;
  }
  .mr-m-lg-4 {
    margin-right: 0.25rem !important;
  }
  .mr-m-lg-6 {
    margin-right: 0.375rem !important;
  }
  .mr-m-lg-8 {
    margin-right: 0.5rem !important;
  }
  .mr-m-lg-10 {
    margin-right: 0.625rem !important;
  }
  .mr-m-lg-12 {
    margin-right: 0.75rem !important;
  }
  .mr-m-lg-14 {
    margin-right: 0.875rem !important;
  }
  .mr-m-lg-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-m-lg-16 {
    margin-right: 1rem !important;
  }
  .mr-m-lg-18 {
    margin-right: 1.125rem !important;
  }
  .mr-m-lg-20 {
    margin-right: 1.25rem !important;
  }
  .mr-m-lg-22 {
    margin-right: 1.375rem !important;
  }
  .mr-m-lg-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-m-lg-30 {
    margin-right: 1.875rem !important;
  }
  .mr-m-lg-40 {
    margin-right: 2.5rem !important;
  }
  .mr-m-lg-50 {
    margin-right: 3.125rem !important;
  }
  .mr-m-lg-60 {
    margin-right: 3.75rem !important;
  }
  .mr-m-lg-100 {
    margin-right: 6.25rem !important;
  }
  .mb-m-lg-auto {
    margin-bottom: auto !important;
  }
  .mb-m-lg-none {
    margin-bottom: 0 !important;
  }
  .mb-m-lg-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-m-lg-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-m-lg-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-m-lg-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-m-lg-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-m-lg-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-m-lg-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-m-lg-16 {
    margin-bottom: 1rem !important;
  }
  .mb-m-lg-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-m-lg-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-m-lg-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-m-lg-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-m-lg-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-m-lg-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-m-lg-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-m-lg-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-m-lg-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-m-lg-auto {
    margin-left: auto !important;
  }
  .ml-m-lg-none {
    margin-left: 0 !important;
  }
  .ml-m-lg-4 {
    margin-left: 0.25rem !important;
  }
  .ml-m-lg-6 {
    margin-left: 0.375rem !important;
  }
  .ml-m-lg-8 {
    margin-left: 0.5rem !important;
  }
  .ml-m-lg-10 {
    margin-left: 0.625rem !important;
  }
  .ml-m-lg-12 {
    margin-left: 0.75rem !important;
  }
  .ml-m-lg-14 {
    margin-left: 0.875rem !important;
  }
  .ml-m-lg-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-m-lg-16 {
    margin-left: 1rem !important;
  }
  .ml-m-lg-18 {
    margin-left: 1.125rem !important;
  }
  .ml-m-lg-20 {
    margin-left: 1.25rem !important;
  }
  .ml-m-lg-22 {
    margin-left: 1.375rem !important;
  }
  .ml-m-lg-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-m-lg-30 {
    margin-left: 1.875rem !important;
  }
  .ml-m-lg-40 {
    margin-left: 2.5rem !important;
  }
  .ml-m-lg-50 {
    margin-left: 3.125rem !important;
  }
  .ml-m-lg-60 {
    margin-left: 3.75rem !important;
  }
  .ml-m-lg-100 {
    margin-left: 6.25rem !important;
  }
  .my-m-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-m-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-m-lg-auto {
    margin: auto !important;
  }
  .my-m-lg-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-m-lg-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-m-lg-none {
    margin: 0 !important;
  }
  .my-m-lg-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-m-lg-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-m-lg-4 {
    margin: 0.25rem !important;
  }
  .my-m-lg-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-m-lg-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-m-lg-6 {
    margin: 0.375rem !important;
  }
  .my-m-lg-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-m-lg-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-m-lg-8 {
    margin: 0.5rem !important;
  }
  .my-m-lg-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-m-lg-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-m-lg-10 {
    margin: 0.625rem !important;
  }
  .my-m-lg-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-m-lg-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-m-lg-12 {
    margin: 0.75rem !important;
  }
  .my-m-lg-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-m-lg-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-m-lg-14 {
    margin: 0.875rem !important;
  }
  .my-m-lg-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-m-lg-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-m-lg-15 {
    margin: 0.9375rem !important;
  }
  .my-m-lg-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-m-lg-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-m-lg-16 {
    margin: 1rem !important;
  }
  .my-m-lg-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-m-lg-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-m-lg-18 {
    margin: 1.125rem !important;
  }
  .my-m-lg-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-m-lg-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-m-lg-20 {
    margin: 1.25rem !important;
  }
  .my-m-lg-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-m-lg-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-m-lg-22 {
    margin: 1.375rem !important;
  }
  .my-m-lg-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-m-lg-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-m-lg-25 {
    margin: 1.5625rem !important;
  }
  .my-m-lg-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-m-lg-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-m-lg-30 {
    margin: 1.875rem !important;
  }
  .my-m-lg-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-m-lg-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-m-lg-40 {
    margin: 2.5rem !important;
  }
  .my-m-lg-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-m-lg-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-m-lg-50 {
    margin: 3.125rem !important;
  }
  .my-m-lg-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-m-lg-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-m-lg-60 {
    margin: 3.75rem !important;
  }
  .my-m-lg-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-m-lg-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-m-lg-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 375px) {
  .mt-m-md-auto {
    margin-top: auto !important;
  }
  .mt-m-md-none {
    margin-top: 0 !important;
  }
  .mt-m-md-4 {
    margin-top: 0.25rem !important;
  }
  .mt-m-md-6 {
    margin-top: 0.375rem !important;
  }
  .mt-m-md-8 {
    margin-top: 0.5rem !important;
  }
  .mt-m-md-10 {
    margin-top: 0.625rem !important;
  }
  .mt-m-md-12 {
    margin-top: 0.75rem !important;
  }
  .mt-m-md-14 {
    margin-top: 0.875rem !important;
  }
  .mt-m-md-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-m-md-16 {
    margin-top: 1rem !important;
  }
  .mt-m-md-18 {
    margin-top: 1.125rem !important;
  }
  .mt-m-md-20 {
    margin-top: 1.25rem !important;
  }
  .mt-m-md-22 {
    margin-top: 1.375rem !important;
  }
  .mt-m-md-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-m-md-30 {
    margin-top: 1.875rem !important;
  }
  .mt-m-md-40 {
    margin-top: 2.5rem !important;
  }
  .mt-m-md-50 {
    margin-top: 3.125rem !important;
  }
  .mt-m-md-60 {
    margin-top: 3.75rem !important;
  }
  .mt-m-md-100 {
    margin-top: 6.25rem !important;
  }
  .mr-m-md-auto {
    margin-right: auto !important;
  }
  .mr-m-md-none {
    margin-right: 0 !important;
  }
  .mr-m-md-4 {
    margin-right: 0.25rem !important;
  }
  .mr-m-md-6 {
    margin-right: 0.375rem !important;
  }
  .mr-m-md-8 {
    margin-right: 0.5rem !important;
  }
  .mr-m-md-10 {
    margin-right: 0.625rem !important;
  }
  .mr-m-md-12 {
    margin-right: 0.75rem !important;
  }
  .mr-m-md-14 {
    margin-right: 0.875rem !important;
  }
  .mr-m-md-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-m-md-16 {
    margin-right: 1rem !important;
  }
  .mr-m-md-18 {
    margin-right: 1.125rem !important;
  }
  .mr-m-md-20 {
    margin-right: 1.25rem !important;
  }
  .mr-m-md-22 {
    margin-right: 1.375rem !important;
  }
  .mr-m-md-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-m-md-30 {
    margin-right: 1.875rem !important;
  }
  .mr-m-md-40 {
    margin-right: 2.5rem !important;
  }
  .mr-m-md-50 {
    margin-right: 3.125rem !important;
  }
  .mr-m-md-60 {
    margin-right: 3.75rem !important;
  }
  .mr-m-md-100 {
    margin-right: 6.25rem !important;
  }
  .mb-m-md-auto {
    margin-bottom: auto !important;
  }
  .mb-m-md-none {
    margin-bottom: 0 !important;
  }
  .mb-m-md-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-m-md-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-m-md-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-m-md-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-m-md-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-m-md-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-m-md-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-m-md-16 {
    margin-bottom: 1rem !important;
  }
  .mb-m-md-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-m-md-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-m-md-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-m-md-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-m-md-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-m-md-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-m-md-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-m-md-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-m-md-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-m-md-auto {
    margin-left: auto !important;
  }
  .ml-m-md-none {
    margin-left: 0 !important;
  }
  .ml-m-md-4 {
    margin-left: 0.25rem !important;
  }
  .ml-m-md-6 {
    margin-left: 0.375rem !important;
  }
  .ml-m-md-8 {
    margin-left: 0.5rem !important;
  }
  .ml-m-md-10 {
    margin-left: 0.625rem !important;
  }
  .ml-m-md-12 {
    margin-left: 0.75rem !important;
  }
  .ml-m-md-14 {
    margin-left: 0.875rem !important;
  }
  .ml-m-md-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-m-md-16 {
    margin-left: 1rem !important;
  }
  .ml-m-md-18 {
    margin-left: 1.125rem !important;
  }
  .ml-m-md-20 {
    margin-left: 1.25rem !important;
  }
  .ml-m-md-22 {
    margin-left: 1.375rem !important;
  }
  .ml-m-md-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-m-md-30 {
    margin-left: 1.875rem !important;
  }
  .ml-m-md-40 {
    margin-left: 2.5rem !important;
  }
  .ml-m-md-50 {
    margin-left: 3.125rem !important;
  }
  .ml-m-md-60 {
    margin-left: 3.75rem !important;
  }
  .ml-m-md-100 {
    margin-left: 6.25rem !important;
  }
  .my-m-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-m-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-m-md-auto {
    margin: auto !important;
  }
  .my-m-md-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-m-md-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-m-md-none {
    margin: 0 !important;
  }
  .my-m-md-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-m-md-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-m-md-4 {
    margin: 0.25rem !important;
  }
  .my-m-md-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-m-md-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-m-md-6 {
    margin: 0.375rem !important;
  }
  .my-m-md-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-m-md-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-m-md-8 {
    margin: 0.5rem !important;
  }
  .my-m-md-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-m-md-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-m-md-10 {
    margin: 0.625rem !important;
  }
  .my-m-md-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-m-md-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-m-md-12 {
    margin: 0.75rem !important;
  }
  .my-m-md-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-m-md-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-m-md-14 {
    margin: 0.875rem !important;
  }
  .my-m-md-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-m-md-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-m-md-15 {
    margin: 0.9375rem !important;
  }
  .my-m-md-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-m-md-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-m-md-16 {
    margin: 1rem !important;
  }
  .my-m-md-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-m-md-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-m-md-18 {
    margin: 1.125rem !important;
  }
  .my-m-md-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-m-md-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-m-md-20 {
    margin: 1.25rem !important;
  }
  .my-m-md-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-m-md-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-m-md-22 {
    margin: 1.375rem !important;
  }
  .my-m-md-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-m-md-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-m-md-25 {
    margin: 1.5625rem !important;
  }
  .my-m-md-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-m-md-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-m-md-30 {
    margin: 1.875rem !important;
  }
  .my-m-md-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-m-md-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-m-md-40 {
    margin: 2.5rem !important;
  }
  .my-m-md-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-m-md-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-m-md-50 {
    margin: 3.125rem !important;
  }
  .my-m-md-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-m-md-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-m-md-60 {
    margin: 3.75rem !important;
  }
  .my-m-md-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-m-md-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-m-md-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 360px) {
  .mt-m-sm-auto {
    margin-top: auto !important;
  }
  .mt-m-sm-none {
    margin-top: 0 !important;
  }
  .mt-m-sm-4 {
    margin-top: 0.25rem !important;
  }
  .mt-m-sm-6 {
    margin-top: 0.375rem !important;
  }
  .mt-m-sm-8 {
    margin-top: 0.5rem !important;
  }
  .mt-m-sm-10 {
    margin-top: 0.625rem !important;
  }
  .mt-m-sm-12 {
    margin-top: 0.75rem !important;
  }
  .mt-m-sm-14 {
    margin-top: 0.875rem !important;
  }
  .mt-m-sm-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-m-sm-16 {
    margin-top: 1rem !important;
  }
  .mt-m-sm-18 {
    margin-top: 1.125rem !important;
  }
  .mt-m-sm-20 {
    margin-top: 1.25rem !important;
  }
  .mt-m-sm-22 {
    margin-top: 1.375rem !important;
  }
  .mt-m-sm-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-m-sm-30 {
    margin-top: 1.875rem !important;
  }
  .mt-m-sm-40 {
    margin-top: 2.5rem !important;
  }
  .mt-m-sm-50 {
    margin-top: 3.125rem !important;
  }
  .mt-m-sm-60 {
    margin-top: 3.75rem !important;
  }
  .mt-m-sm-100 {
    margin-top: 6.25rem !important;
  }
  .mr-m-sm-auto {
    margin-right: auto !important;
  }
  .mr-m-sm-none {
    margin-right: 0 !important;
  }
  .mr-m-sm-4 {
    margin-right: 0.25rem !important;
  }
  .mr-m-sm-6 {
    margin-right: 0.375rem !important;
  }
  .mr-m-sm-8 {
    margin-right: 0.5rem !important;
  }
  .mr-m-sm-10 {
    margin-right: 0.625rem !important;
  }
  .mr-m-sm-12 {
    margin-right: 0.75rem !important;
  }
  .mr-m-sm-14 {
    margin-right: 0.875rem !important;
  }
  .mr-m-sm-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-m-sm-16 {
    margin-right: 1rem !important;
  }
  .mr-m-sm-18 {
    margin-right: 1.125rem !important;
  }
  .mr-m-sm-20 {
    margin-right: 1.25rem !important;
  }
  .mr-m-sm-22 {
    margin-right: 1.375rem !important;
  }
  .mr-m-sm-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-m-sm-30 {
    margin-right: 1.875rem !important;
  }
  .mr-m-sm-40 {
    margin-right: 2.5rem !important;
  }
  .mr-m-sm-50 {
    margin-right: 3.125rem !important;
  }
  .mr-m-sm-60 {
    margin-right: 3.75rem !important;
  }
  .mr-m-sm-100 {
    margin-right: 6.25rem !important;
  }
  .mb-m-sm-auto {
    margin-bottom: auto !important;
  }
  .mb-m-sm-none {
    margin-bottom: 0 !important;
  }
  .mb-m-sm-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-m-sm-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-m-sm-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-m-sm-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-m-sm-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-m-sm-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-m-sm-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-m-sm-16 {
    margin-bottom: 1rem !important;
  }
  .mb-m-sm-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-m-sm-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-m-sm-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-m-sm-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-m-sm-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-m-sm-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-m-sm-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-m-sm-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-m-sm-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-m-sm-auto {
    margin-left: auto !important;
  }
  .ml-m-sm-none {
    margin-left: 0 !important;
  }
  .ml-m-sm-4 {
    margin-left: 0.25rem !important;
  }
  .ml-m-sm-6 {
    margin-left: 0.375rem !important;
  }
  .ml-m-sm-8 {
    margin-left: 0.5rem !important;
  }
  .ml-m-sm-10 {
    margin-left: 0.625rem !important;
  }
  .ml-m-sm-12 {
    margin-left: 0.75rem !important;
  }
  .ml-m-sm-14 {
    margin-left: 0.875rem !important;
  }
  .ml-m-sm-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-m-sm-16 {
    margin-left: 1rem !important;
  }
  .ml-m-sm-18 {
    margin-left: 1.125rem !important;
  }
  .ml-m-sm-20 {
    margin-left: 1.25rem !important;
  }
  .ml-m-sm-22 {
    margin-left: 1.375rem !important;
  }
  .ml-m-sm-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-m-sm-30 {
    margin-left: 1.875rem !important;
  }
  .ml-m-sm-40 {
    margin-left: 2.5rem !important;
  }
  .ml-m-sm-50 {
    margin-left: 3.125rem !important;
  }
  .ml-m-sm-60 {
    margin-left: 3.75rem !important;
  }
  .ml-m-sm-100 {
    margin-left: 6.25rem !important;
  }
  .my-m-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-m-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-m-sm-auto {
    margin: auto !important;
  }
  .my-m-sm-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-m-sm-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-m-sm-none {
    margin: 0 !important;
  }
  .my-m-sm-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-m-sm-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-m-sm-4 {
    margin: 0.25rem !important;
  }
  .my-m-sm-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-m-sm-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-m-sm-6 {
    margin: 0.375rem !important;
  }
  .my-m-sm-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-m-sm-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-m-sm-8 {
    margin: 0.5rem !important;
  }
  .my-m-sm-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-m-sm-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-m-sm-10 {
    margin: 0.625rem !important;
  }
  .my-m-sm-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-m-sm-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-m-sm-12 {
    margin: 0.75rem !important;
  }
  .my-m-sm-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-m-sm-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-m-sm-14 {
    margin: 0.875rem !important;
  }
  .my-m-sm-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-m-sm-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-m-sm-15 {
    margin: 0.9375rem !important;
  }
  .my-m-sm-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-m-sm-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-m-sm-16 {
    margin: 1rem !important;
  }
  .my-m-sm-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-m-sm-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-m-sm-18 {
    margin: 1.125rem !important;
  }
  .my-m-sm-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-m-sm-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-m-sm-20 {
    margin: 1.25rem !important;
  }
  .my-m-sm-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-m-sm-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-m-sm-22 {
    margin: 1.375rem !important;
  }
  .my-m-sm-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-m-sm-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-m-sm-25 {
    margin: 1.5625rem !important;
  }
  .my-m-sm-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-m-sm-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-m-sm-30 {
    margin: 1.875rem !important;
  }
  .my-m-sm-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-m-sm-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-m-sm-40 {
    margin: 2.5rem !important;
  }
  .my-m-sm-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-m-sm-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-m-sm-50 {
    margin: 3.125rem !important;
  }
  .my-m-sm-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-m-sm-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-m-sm-60 {
    margin: 3.75rem !important;
  }
  .my-m-sm-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-m-sm-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-m-sm-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 359px) {
  .mt-m-xs-auto {
    margin-top: auto !important;
  }
  .mt-m-xs-none {
    margin-top: 0 !important;
  }
  .mt-m-xs-4 {
    margin-top: 0.25rem !important;
  }
  .mt-m-xs-6 {
    margin-top: 0.375rem !important;
  }
  .mt-m-xs-8 {
    margin-top: 0.5rem !important;
  }
  .mt-m-xs-10 {
    margin-top: 0.625rem !important;
  }
  .mt-m-xs-12 {
    margin-top: 0.75rem !important;
  }
  .mt-m-xs-14 {
    margin-top: 0.875rem !important;
  }
  .mt-m-xs-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-m-xs-16 {
    margin-top: 1rem !important;
  }
  .mt-m-xs-18 {
    margin-top: 1.125rem !important;
  }
  .mt-m-xs-20 {
    margin-top: 1.25rem !important;
  }
  .mt-m-xs-22 {
    margin-top: 1.375rem !important;
  }
  .mt-m-xs-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-m-xs-30 {
    margin-top: 1.875rem !important;
  }
  .mt-m-xs-40 {
    margin-top: 2.5rem !important;
  }
  .mt-m-xs-50 {
    margin-top: 3.125rem !important;
  }
  .mt-m-xs-60 {
    margin-top: 3.75rem !important;
  }
  .mt-m-xs-100 {
    margin-top: 6.25rem !important;
  }
  .mr-m-xs-auto {
    margin-right: auto !important;
  }
  .mr-m-xs-none {
    margin-right: 0 !important;
  }
  .mr-m-xs-4 {
    margin-right: 0.25rem !important;
  }
  .mr-m-xs-6 {
    margin-right: 0.375rem !important;
  }
  .mr-m-xs-8 {
    margin-right: 0.5rem !important;
  }
  .mr-m-xs-10 {
    margin-right: 0.625rem !important;
  }
  .mr-m-xs-12 {
    margin-right: 0.75rem !important;
  }
  .mr-m-xs-14 {
    margin-right: 0.875rem !important;
  }
  .mr-m-xs-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-m-xs-16 {
    margin-right: 1rem !important;
  }
  .mr-m-xs-18 {
    margin-right: 1.125rem !important;
  }
  .mr-m-xs-20 {
    margin-right: 1.25rem !important;
  }
  .mr-m-xs-22 {
    margin-right: 1.375rem !important;
  }
  .mr-m-xs-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-m-xs-30 {
    margin-right: 1.875rem !important;
  }
  .mr-m-xs-40 {
    margin-right: 2.5rem !important;
  }
  .mr-m-xs-50 {
    margin-right: 3.125rem !important;
  }
  .mr-m-xs-60 {
    margin-right: 3.75rem !important;
  }
  .mr-m-xs-100 {
    margin-right: 6.25rem !important;
  }
  .mb-m-xs-auto {
    margin-bottom: auto !important;
  }
  .mb-m-xs-none {
    margin-bottom: 0 !important;
  }
  .mb-m-xs-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-m-xs-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-m-xs-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-m-xs-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-m-xs-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-m-xs-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-m-xs-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-m-xs-16 {
    margin-bottom: 1rem !important;
  }
  .mb-m-xs-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-m-xs-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-m-xs-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-m-xs-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-m-xs-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-m-xs-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-m-xs-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-m-xs-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-m-xs-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-m-xs-auto {
    margin-left: auto !important;
  }
  .ml-m-xs-none {
    margin-left: 0 !important;
  }
  .ml-m-xs-4 {
    margin-left: 0.25rem !important;
  }
  .ml-m-xs-6 {
    margin-left: 0.375rem !important;
  }
  .ml-m-xs-8 {
    margin-left: 0.5rem !important;
  }
  .ml-m-xs-10 {
    margin-left: 0.625rem !important;
  }
  .ml-m-xs-12 {
    margin-left: 0.75rem !important;
  }
  .ml-m-xs-14 {
    margin-left: 0.875rem !important;
  }
  .ml-m-xs-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-m-xs-16 {
    margin-left: 1rem !important;
  }
  .ml-m-xs-18 {
    margin-left: 1.125rem !important;
  }
  .ml-m-xs-20 {
    margin-left: 1.25rem !important;
  }
  .ml-m-xs-22 {
    margin-left: 1.375rem !important;
  }
  .ml-m-xs-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-m-xs-30 {
    margin-left: 1.875rem !important;
  }
  .ml-m-xs-40 {
    margin-left: 2.5rem !important;
  }
  .ml-m-xs-50 {
    margin-left: 3.125rem !important;
  }
  .ml-m-xs-60 {
    margin-left: 3.75rem !important;
  }
  .ml-m-xs-100 {
    margin-left: 6.25rem !important;
  }
  .my-m-xs-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-m-xs-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-m-xs-auto {
    margin: auto !important;
  }
  .my-m-xs-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-m-xs-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-m-xs-none {
    margin: 0 !important;
  }
  .my-m-xs-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-m-xs-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-m-xs-4 {
    margin: 0.25rem !important;
  }
  .my-m-xs-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-m-xs-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-m-xs-6 {
    margin: 0.375rem !important;
  }
  .my-m-xs-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-m-xs-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-m-xs-8 {
    margin: 0.5rem !important;
  }
  .my-m-xs-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-m-xs-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-m-xs-10 {
    margin: 0.625rem !important;
  }
  .my-m-xs-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-m-xs-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-m-xs-12 {
    margin: 0.75rem !important;
  }
  .my-m-xs-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-m-xs-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-m-xs-14 {
    margin: 0.875rem !important;
  }
  .my-m-xs-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-m-xs-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-m-xs-15 {
    margin: 0.9375rem !important;
  }
  .my-m-xs-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-m-xs-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-m-xs-16 {
    margin: 1rem !important;
  }
  .my-m-xs-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-m-xs-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-m-xs-18 {
    margin: 1.125rem !important;
  }
  .my-m-xs-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-m-xs-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-m-xs-20 {
    margin: 1.25rem !important;
  }
  .my-m-xs-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-m-xs-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-m-xs-22 {
    margin: 1.375rem !important;
  }
  .my-m-xs-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-m-xs-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-m-xs-25 {
    margin: 1.5625rem !important;
  }
  .my-m-xs-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-m-xs-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-m-xs-30 {
    margin: 1.875rem !important;
  }
  .my-m-xs-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-m-xs-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-m-xs-40 {
    margin: 2.5rem !important;
  }
  .my-m-xs-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-m-xs-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-m-xs-50 {
    margin: 3.125rem !important;
  }
  .my-m-xs-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-m-xs-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-m-xs-60 {
    margin: 3.75rem !important;
  }
  .my-m-xs-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-m-xs-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-m-xs-100 {
    margin: 6.25rem !important;
  }
}
.pt-auto {
  padding-top: auto !important;
}

.pt-none {
  padding-top: 0 !important;
}

.pt-4 {
  padding-top: 0.25rem !important;
}

.pt-6 {
  padding-top: 0.375rem !important;
}

.pt-8 {
  padding-top: 0.5rem !important;
}

.pt-10 {
  padding-top: 0.625rem !important;
}

.pt-12 {
  padding-top: 0.75rem !important;
}

.pt-14 {
  padding-top: 0.875rem !important;
}

.pt-15 {
  padding-top: 0.9375rem !important;
}

.pt-16 {
  padding-top: 1rem !important;
}

.pt-18 {
  padding-top: 1.125rem !important;
}

.pt-20 {
  padding-top: 1.25rem !important;
}

.pt-22 {
  padding-top: 1.375rem !important;
}

.pt-25 {
  padding-top: 1.5625rem !important;
}

.pt-30 {
  padding-top: 1.875rem !important;
}

.pt-40 {
  padding-top: 2.5rem !important;
}

.pt-50 {
  padding-top: 3.125rem !important;
}

.pt-60 {
  padding-top: 3.75rem !important;
}

.pt-100 {
  padding-top: 6.25rem !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pr-none {
  padding-right: 0 !important;
}

.pr-4 {
  padding-right: 0.25rem !important;
}

.pr-6 {
  padding-right: 0.375rem !important;
}

.pr-8 {
  padding-right: 0.5rem !important;
}

.pr-10 {
  padding-right: 0.625rem !important;
}

.pr-12 {
  padding-right: 0.75rem !important;
}

.pr-14 {
  padding-right: 0.875rem !important;
}

.pr-15 {
  padding-right: 0.9375rem !important;
}

.pr-16 {
  padding-right: 1rem !important;
}

.pr-18 {
  padding-right: 1.125rem !important;
}

.pr-20 {
  padding-right: 1.25rem !important;
}

.pr-22 {
  padding-right: 1.375rem !important;
}

.pr-25 {
  padding-right: 1.5625rem !important;
}

.pr-30 {
  padding-right: 1.875rem !important;
}

.pr-40 {
  padding-right: 2.5rem !important;
}

.pr-50 {
  padding-right: 3.125rem !important;
}

.pr-60 {
  padding-right: 3.75rem !important;
}

.pr-100 {
  padding-right: 6.25rem !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pb-none {
  padding-bottom: 0 !important;
}

.pb-4 {
  padding-bottom: 0.25rem !important;
}

.pb-6 {
  padding-bottom: 0.375rem !important;
}

.pb-8 {
  padding-bottom: 0.5rem !important;
}

.pb-10 {
  padding-bottom: 0.625rem !important;
}

.pb-12 {
  padding-bottom: 0.75rem !important;
}

.pb-14 {
  padding-bottom: 0.875rem !important;
}

.pb-15 {
  padding-bottom: 0.9375rem !important;
}

.pb-16 {
  padding-bottom: 1rem !important;
}

.pb-18 {
  padding-bottom: 1.125rem !important;
}

.pb-20 {
  padding-bottom: 1.25rem !important;
}

.pb-22 {
  padding-bottom: 1.375rem !important;
}

.pb-25 {
  padding-bottom: 1.5625rem !important;
}

.pb-30 {
  padding-bottom: 1.875rem !important;
}

.pb-40 {
  padding-bottom: 2.5rem !important;
}

.pb-50 {
  padding-bottom: 3.125rem !important;
}

.pb-60 {
  padding-bottom: 3.75rem !important;
}

.pb-100 {
  padding-bottom: 6.25rem !important;
}

.pl-auto {
  padding-left: auto !important;
}

.pl-none {
  padding-left: 0 !important;
}

.pl-4 {
  padding-left: 0.25rem !important;
}

.pl-6 {
  padding-left: 0.375rem !important;
}

.pl-8 {
  padding-left: 0.5rem !important;
}

.pl-10 {
  padding-left: 0.625rem !important;
}

.pl-12 {
  padding-left: 0.75rem !important;
}

.pl-14 {
  padding-left: 0.875rem !important;
}

.pl-15 {
  padding-left: 0.9375rem !important;
}

.pl-16 {
  padding-left: 1rem !important;
}

.pl-18 {
  padding-left: 1.125rem !important;
}

.pl-20 {
  padding-left: 1.25rem !important;
}

.pl-22 {
  padding-left: 1.375rem !important;
}

.pl-25 {
  padding-left: 1.5625rem !important;
}

.pl-30 {
  padding-left: 1.875rem !important;
}

.pl-40 {
  padding-left: 2.5rem !important;
}

.pl-50 {
  padding-left: 3.125rem !important;
}

.pl-60 {
  padding-left: 3.75rem !important;
}

.pl-100 {
  padding-left: 6.25rem !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.px-auto {
  padding-right: auto !important;
  padding-left: auto !important;
}

.p-auto {
  padding: auto !important;
}

.py-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.px-none {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.p-none {
  padding: 0 !important;
}

.py-4 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.px-4 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.p-4 {
  padding: 0.25rem !important;
}

.py-6 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}

.px-6 {
  padding-right: 0.375rem !important;
  padding-left: 0.375rem !important;
}

.p-6 {
  padding: 0.375rem !important;
}

.py-8 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-8 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.p-8 {
  padding: 0.5rem !important;
}

.py-10 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}

.px-10 {
  padding-right: 0.625rem !important;
  padding-left: 0.625rem !important;
}

.p-10 {
  padding: 0.625rem !important;
}

.py-12 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.px-12 {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}

.p-12 {
  padding: 0.75rem !important;
}

.py-14 {
  padding-top: 0.875rem !important;
  padding-bottom: 0.875rem !important;
}

.px-14 {
  padding-right: 0.875rem !important;
  padding-left: 0.875rem !important;
}

.p-14 {
  padding: 0.875rem !important;
}

.py-15 {
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important;
}

.px-15 {
  padding-right: 0.9375rem !important;
  padding-left: 0.9375rem !important;
}

.p-15 {
  padding: 0.9375rem !important;
}

.py-16 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-16 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.p-16 {
  padding: 1rem !important;
}

.py-18 {
  padding-top: 1.125rem !important;
  padding-bottom: 1.125rem !important;
}

.px-18 {
  padding-right: 1.125rem !important;
  padding-left: 1.125rem !important;
}

.p-18 {
  padding: 1.125rem !important;
}

.py-20 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.px-20 {
  padding-right: 1.25rem !important;
  padding-left: 1.25rem !important;
}

.p-20 {
  padding: 1.25rem !important;
}

.py-22 {
  padding-top: 1.375rem !important;
  padding-bottom: 1.375rem !important;
}

.px-22 {
  padding-right: 1.375rem !important;
  padding-left: 1.375rem !important;
}

.p-22 {
  padding: 1.375rem !important;
}

.py-25 {
  padding-top: 1.5625rem !important;
  padding-bottom: 1.5625rem !important;
}

.px-25 {
  padding-right: 1.5625rem !important;
  padding-left: 1.5625rem !important;
}

.p-25 {
  padding: 1.5625rem !important;
}

.py-30 {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
}

.px-30 {
  padding-right: 1.875rem !important;
  padding-left: 1.875rem !important;
}

.p-30 {
  padding: 1.875rem !important;
}

.py-40 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.px-40 {
  padding-right: 2.5rem !important;
  padding-left: 2.5rem !important;
}

.p-40 {
  padding: 2.5rem !important;
}

.py-50 {
  padding-top: 3.125rem !important;
  padding-bottom: 3.125rem !important;
}

.px-50 {
  padding-right: 3.125rem !important;
  padding-left: 3.125rem !important;
}

.p-50 {
  padding: 3.125rem !important;
}

.py-60 {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

.px-60 {
  padding-right: 3.75rem !important;
  padding-left: 3.75rem !important;
}

.p-60 {
  padding: 3.75rem !important;
}

.py-100 {
  padding-top: 6.25rem !important;
  padding-bottom: 6.25rem !important;
}

.px-100 {
  padding-right: 6.25rem !important;
  padding-left: 6.25rem !important;
}

.p-100 {
  padding: 6.25rem !important;
}

@media (max-width: 100%) {
  .pt-full-auto {
    padding-top: auto !important;
  }
  .pt-full-none {
    padding-top: 0 !important;
  }
  .pt-full-4 {
    padding-top: 0.25rem !important;
  }
  .pt-full-6 {
    padding-top: 0.375rem !important;
  }
  .pt-full-8 {
    padding-top: 0.5rem !important;
  }
  .pt-full-10 {
    padding-top: 0.625rem !important;
  }
  .pt-full-12 {
    padding-top: 0.75rem !important;
  }
  .pt-full-14 {
    padding-top: 0.875rem !important;
  }
  .pt-full-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-full-16 {
    padding-top: 1rem !important;
  }
  .pt-full-18 {
    padding-top: 1.125rem !important;
  }
  .pt-full-20 {
    padding-top: 1.25rem !important;
  }
  .pt-full-22 {
    padding-top: 1.375rem !important;
  }
  .pt-full-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-full-30 {
    padding-top: 1.875rem !important;
  }
  .pt-full-40 {
    padding-top: 2.5rem !important;
  }
  .pt-full-50 {
    padding-top: 3.125rem !important;
  }
  .pt-full-60 {
    padding-top: 3.75rem !important;
  }
  .pt-full-100 {
    padding-top: 6.25rem !important;
  }
  .pr-full-auto {
    padding-right: auto !important;
  }
  .pr-full-none {
    padding-right: 0 !important;
  }
  .pr-full-4 {
    padding-right: 0.25rem !important;
  }
  .pr-full-6 {
    padding-right: 0.375rem !important;
  }
  .pr-full-8 {
    padding-right: 0.5rem !important;
  }
  .pr-full-10 {
    padding-right: 0.625rem !important;
  }
  .pr-full-12 {
    padding-right: 0.75rem !important;
  }
  .pr-full-14 {
    padding-right: 0.875rem !important;
  }
  .pr-full-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-full-16 {
    padding-right: 1rem !important;
  }
  .pr-full-18 {
    padding-right: 1.125rem !important;
  }
  .pr-full-20 {
    padding-right: 1.25rem !important;
  }
  .pr-full-22 {
    padding-right: 1.375rem !important;
  }
  .pr-full-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-full-30 {
    padding-right: 1.875rem !important;
  }
  .pr-full-40 {
    padding-right: 2.5rem !important;
  }
  .pr-full-50 {
    padding-right: 3.125rem !important;
  }
  .pr-full-60 {
    padding-right: 3.75rem !important;
  }
  .pr-full-100 {
    padding-right: 6.25rem !important;
  }
  .pb-full-auto {
    padding-bottom: auto !important;
  }
  .pb-full-none {
    padding-bottom: 0 !important;
  }
  .pb-full-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-full-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-full-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-full-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-full-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-full-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-full-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-full-16 {
    padding-bottom: 1rem !important;
  }
  .pb-full-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-full-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-full-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-full-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-full-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-full-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-full-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-full-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-full-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-full-auto {
    padding-left: auto !important;
  }
  .pl-full-none {
    padding-left: 0 !important;
  }
  .pl-full-4 {
    padding-left: 0.25rem !important;
  }
  .pl-full-6 {
    padding-left: 0.375rem !important;
  }
  .pl-full-8 {
    padding-left: 0.5rem !important;
  }
  .pl-full-10 {
    padding-left: 0.625rem !important;
  }
  .pl-full-12 {
    padding-left: 0.75rem !important;
  }
  .pl-full-14 {
    padding-left: 0.875rem !important;
  }
  .pl-full-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-full-16 {
    padding-left: 1rem !important;
  }
  .pl-full-18 {
    padding-left: 1.125rem !important;
  }
  .pl-full-20 {
    padding-left: 1.25rem !important;
  }
  .pl-full-22 {
    padding-left: 1.375rem !important;
  }
  .pl-full-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-full-30 {
    padding-left: 1.875rem !important;
  }
  .pl-full-40 {
    padding-left: 2.5rem !important;
  }
  .pl-full-50 {
    padding-left: 3.125rem !important;
  }
  .pl-full-60 {
    padding-left: 3.75rem !important;
  }
  .pl-full-100 {
    padding-left: 6.25rem !important;
  }
  .py-full-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-full-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-full-auto {
    padding: auto !important;
  }
  .py-full-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-full-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-full-none {
    padding: 0 !important;
  }
  .py-full-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-full-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-full-4 {
    padding: 0.25rem !important;
  }
  .py-full-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-full-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-full-6 {
    padding: 0.375rem !important;
  }
  .py-full-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-full-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-full-8 {
    padding: 0.5rem !important;
  }
  .py-full-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-full-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-full-10 {
    padding: 0.625rem !important;
  }
  .py-full-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-full-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-full-12 {
    padding: 0.75rem !important;
  }
  .py-full-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-full-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-full-14 {
    padding: 0.875rem !important;
  }
  .py-full-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-full-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-full-15 {
    padding: 0.9375rem !important;
  }
  .py-full-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-full-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-full-16 {
    padding: 1rem !important;
  }
  .py-full-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-full-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-full-18 {
    padding: 1.125rem !important;
  }
  .py-full-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-full-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-full-20 {
    padding: 1.25rem !important;
  }
  .py-full-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-full-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-full-22 {
    padding: 1.375rem !important;
  }
  .py-full-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-full-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-full-25 {
    padding: 1.5625rem !important;
  }
  .py-full-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-full-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-full-30 {
    padding: 1.875rem !important;
  }
  .py-full-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-full-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-full-40 {
    padding: 2.5rem !important;
  }
  .py-full-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-full-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-full-50 {
    padding: 3.125rem !important;
  }
  .py-full-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-full-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-full-60 {
    padding: 3.75rem !important;
  }
  .py-full-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-full-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-full-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 1920px) {
  .pt-fit-auto {
    padding-top: auto !important;
  }
  .pt-fit-none {
    padding-top: 0 !important;
  }
  .pt-fit-4 {
    padding-top: 0.25rem !important;
  }
  .pt-fit-6 {
    padding-top: 0.375rem !important;
  }
  .pt-fit-8 {
    padding-top: 0.5rem !important;
  }
  .pt-fit-10 {
    padding-top: 0.625rem !important;
  }
  .pt-fit-12 {
    padding-top: 0.75rem !important;
  }
  .pt-fit-14 {
    padding-top: 0.875rem !important;
  }
  .pt-fit-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-fit-16 {
    padding-top: 1rem !important;
  }
  .pt-fit-18 {
    padding-top: 1.125rem !important;
  }
  .pt-fit-20 {
    padding-top: 1.25rem !important;
  }
  .pt-fit-22 {
    padding-top: 1.375rem !important;
  }
  .pt-fit-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-fit-30 {
    padding-top: 1.875rem !important;
  }
  .pt-fit-40 {
    padding-top: 2.5rem !important;
  }
  .pt-fit-50 {
    padding-top: 3.125rem !important;
  }
  .pt-fit-60 {
    padding-top: 3.75rem !important;
  }
  .pt-fit-100 {
    padding-top: 6.25rem !important;
  }
  .pr-fit-auto {
    padding-right: auto !important;
  }
  .pr-fit-none {
    padding-right: 0 !important;
  }
  .pr-fit-4 {
    padding-right: 0.25rem !important;
  }
  .pr-fit-6 {
    padding-right: 0.375rem !important;
  }
  .pr-fit-8 {
    padding-right: 0.5rem !important;
  }
  .pr-fit-10 {
    padding-right: 0.625rem !important;
  }
  .pr-fit-12 {
    padding-right: 0.75rem !important;
  }
  .pr-fit-14 {
    padding-right: 0.875rem !important;
  }
  .pr-fit-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-fit-16 {
    padding-right: 1rem !important;
  }
  .pr-fit-18 {
    padding-right: 1.125rem !important;
  }
  .pr-fit-20 {
    padding-right: 1.25rem !important;
  }
  .pr-fit-22 {
    padding-right: 1.375rem !important;
  }
  .pr-fit-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-fit-30 {
    padding-right: 1.875rem !important;
  }
  .pr-fit-40 {
    padding-right: 2.5rem !important;
  }
  .pr-fit-50 {
    padding-right: 3.125rem !important;
  }
  .pr-fit-60 {
    padding-right: 3.75rem !important;
  }
  .pr-fit-100 {
    padding-right: 6.25rem !important;
  }
  .pb-fit-auto {
    padding-bottom: auto !important;
  }
  .pb-fit-none {
    padding-bottom: 0 !important;
  }
  .pb-fit-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-fit-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-fit-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-fit-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-fit-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-fit-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-fit-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-fit-16 {
    padding-bottom: 1rem !important;
  }
  .pb-fit-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-fit-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-fit-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-fit-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-fit-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-fit-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-fit-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-fit-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-fit-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-fit-auto {
    padding-left: auto !important;
  }
  .pl-fit-none {
    padding-left: 0 !important;
  }
  .pl-fit-4 {
    padding-left: 0.25rem !important;
  }
  .pl-fit-6 {
    padding-left: 0.375rem !important;
  }
  .pl-fit-8 {
    padding-left: 0.5rem !important;
  }
  .pl-fit-10 {
    padding-left: 0.625rem !important;
  }
  .pl-fit-12 {
    padding-left: 0.75rem !important;
  }
  .pl-fit-14 {
    padding-left: 0.875rem !important;
  }
  .pl-fit-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-fit-16 {
    padding-left: 1rem !important;
  }
  .pl-fit-18 {
    padding-left: 1.125rem !important;
  }
  .pl-fit-20 {
    padding-left: 1.25rem !important;
  }
  .pl-fit-22 {
    padding-left: 1.375rem !important;
  }
  .pl-fit-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-fit-30 {
    padding-left: 1.875rem !important;
  }
  .pl-fit-40 {
    padding-left: 2.5rem !important;
  }
  .pl-fit-50 {
    padding-left: 3.125rem !important;
  }
  .pl-fit-60 {
    padding-left: 3.75rem !important;
  }
  .pl-fit-100 {
    padding-left: 6.25rem !important;
  }
  .py-fit-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-fit-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-fit-auto {
    padding: auto !important;
  }
  .py-fit-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-fit-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-fit-none {
    padding: 0 !important;
  }
  .py-fit-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-fit-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-fit-4 {
    padding: 0.25rem !important;
  }
  .py-fit-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-fit-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-fit-6 {
    padding: 0.375rem !important;
  }
  .py-fit-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-fit-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-fit-8 {
    padding: 0.5rem !important;
  }
  .py-fit-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-fit-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-fit-10 {
    padding: 0.625rem !important;
  }
  .py-fit-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-fit-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-fit-12 {
    padding: 0.75rem !important;
  }
  .py-fit-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-fit-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-fit-14 {
    padding: 0.875rem !important;
  }
  .py-fit-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-fit-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-fit-15 {
    padding: 0.9375rem !important;
  }
  .py-fit-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-fit-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-fit-16 {
    padding: 1rem !important;
  }
  .py-fit-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-fit-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-fit-18 {
    padding: 1.125rem !important;
  }
  .py-fit-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-fit-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-fit-20 {
    padding: 1.25rem !important;
  }
  .py-fit-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-fit-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-fit-22 {
    padding: 1.375rem !important;
  }
  .py-fit-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-fit-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-fit-25 {
    padding: 1.5625rem !important;
  }
  .py-fit-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-fit-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-fit-30 {
    padding: 1.875rem !important;
  }
  .py-fit-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-fit-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-fit-40 {
    padding: 2.5rem !important;
  }
  .py-fit-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-fit-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-fit-50 {
    padding: 3.125rem !important;
  }
  .py-fit-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-fit-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-fit-60 {
    padding: 3.75rem !important;
  }
  .py-fit-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-fit-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-fit-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 1600px) {
  .pt-2xl-auto {
    padding-top: auto !important;
  }
  .pt-2xl-none {
    padding-top: 0 !important;
  }
  .pt-2xl-4 {
    padding-top: 0.25rem !important;
  }
  .pt-2xl-6 {
    padding-top: 0.375rem !important;
  }
  .pt-2xl-8 {
    padding-top: 0.5rem !important;
  }
  .pt-2xl-10 {
    padding-top: 0.625rem !important;
  }
  .pt-2xl-12 {
    padding-top: 0.75rem !important;
  }
  .pt-2xl-14 {
    padding-top: 0.875rem !important;
  }
  .pt-2xl-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-2xl-16 {
    padding-top: 1rem !important;
  }
  .pt-2xl-18 {
    padding-top: 1.125rem !important;
  }
  .pt-2xl-20 {
    padding-top: 1.25rem !important;
  }
  .pt-2xl-22 {
    padding-top: 1.375rem !important;
  }
  .pt-2xl-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-2xl-30 {
    padding-top: 1.875rem !important;
  }
  .pt-2xl-40 {
    padding-top: 2.5rem !important;
  }
  .pt-2xl-50 {
    padding-top: 3.125rem !important;
  }
  .pt-2xl-60 {
    padding-top: 3.75rem !important;
  }
  .pt-2xl-100 {
    padding-top: 6.25rem !important;
  }
  .pr-2xl-auto {
    padding-right: auto !important;
  }
  .pr-2xl-none {
    padding-right: 0 !important;
  }
  .pr-2xl-4 {
    padding-right: 0.25rem !important;
  }
  .pr-2xl-6 {
    padding-right: 0.375rem !important;
  }
  .pr-2xl-8 {
    padding-right: 0.5rem !important;
  }
  .pr-2xl-10 {
    padding-right: 0.625rem !important;
  }
  .pr-2xl-12 {
    padding-right: 0.75rem !important;
  }
  .pr-2xl-14 {
    padding-right: 0.875rem !important;
  }
  .pr-2xl-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-2xl-16 {
    padding-right: 1rem !important;
  }
  .pr-2xl-18 {
    padding-right: 1.125rem !important;
  }
  .pr-2xl-20 {
    padding-right: 1.25rem !important;
  }
  .pr-2xl-22 {
    padding-right: 1.375rem !important;
  }
  .pr-2xl-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-2xl-30 {
    padding-right: 1.875rem !important;
  }
  .pr-2xl-40 {
    padding-right: 2.5rem !important;
  }
  .pr-2xl-50 {
    padding-right: 3.125rem !important;
  }
  .pr-2xl-60 {
    padding-right: 3.75rem !important;
  }
  .pr-2xl-100 {
    padding-right: 6.25rem !important;
  }
  .pb-2xl-auto {
    padding-bottom: auto !important;
  }
  .pb-2xl-none {
    padding-bottom: 0 !important;
  }
  .pb-2xl-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-2xl-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-2xl-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-2xl-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-2xl-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-2xl-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-2xl-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-2xl-16 {
    padding-bottom: 1rem !important;
  }
  .pb-2xl-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-2xl-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-2xl-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-2xl-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-2xl-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-2xl-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-2xl-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-2xl-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-2xl-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-2xl-auto {
    padding-left: auto !important;
  }
  .pl-2xl-none {
    padding-left: 0 !important;
  }
  .pl-2xl-4 {
    padding-left: 0.25rem !important;
  }
  .pl-2xl-6 {
    padding-left: 0.375rem !important;
  }
  .pl-2xl-8 {
    padding-left: 0.5rem !important;
  }
  .pl-2xl-10 {
    padding-left: 0.625rem !important;
  }
  .pl-2xl-12 {
    padding-left: 0.75rem !important;
  }
  .pl-2xl-14 {
    padding-left: 0.875rem !important;
  }
  .pl-2xl-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-2xl-16 {
    padding-left: 1rem !important;
  }
  .pl-2xl-18 {
    padding-left: 1.125rem !important;
  }
  .pl-2xl-20 {
    padding-left: 1.25rem !important;
  }
  .pl-2xl-22 {
    padding-left: 1.375rem !important;
  }
  .pl-2xl-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-2xl-30 {
    padding-left: 1.875rem !important;
  }
  .pl-2xl-40 {
    padding-left: 2.5rem !important;
  }
  .pl-2xl-50 {
    padding-left: 3.125rem !important;
  }
  .pl-2xl-60 {
    padding-left: 3.75rem !important;
  }
  .pl-2xl-100 {
    padding-left: 6.25rem !important;
  }
  .py-2xl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-2xl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-2xl-auto {
    padding: auto !important;
  }
  .py-2xl-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-2xl-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-2xl-none {
    padding: 0 !important;
  }
  .py-2xl-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-2xl-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-2xl-4 {
    padding: 0.25rem !important;
  }
  .py-2xl-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-2xl-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-2xl-6 {
    padding: 0.375rem !important;
  }
  .py-2xl-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-2xl-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-2xl-8 {
    padding: 0.5rem !important;
  }
  .py-2xl-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-2xl-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-2xl-10 {
    padding: 0.625rem !important;
  }
  .py-2xl-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-2xl-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-2xl-12 {
    padding: 0.75rem !important;
  }
  .py-2xl-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-2xl-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-2xl-14 {
    padding: 0.875rem !important;
  }
  .py-2xl-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-2xl-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-2xl-15 {
    padding: 0.9375rem !important;
  }
  .py-2xl-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-2xl-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-2xl-16 {
    padding: 1rem !important;
  }
  .py-2xl-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-2xl-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-2xl-18 {
    padding: 1.125rem !important;
  }
  .py-2xl-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-2xl-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-2xl-20 {
    padding: 1.25rem !important;
  }
  .py-2xl-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-2xl-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-2xl-22 {
    padding: 1.375rem !important;
  }
  .py-2xl-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-2xl-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-2xl-25 {
    padding: 1.5625rem !important;
  }
  .py-2xl-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-2xl-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-2xl-30 {
    padding: 1.875rem !important;
  }
  .py-2xl-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-2xl-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-2xl-40 {
    padding: 2.5rem !important;
  }
  .py-2xl-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-2xl-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-2xl-50 {
    padding: 3.125rem !important;
  }
  .py-2xl-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-2xl-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-2xl-60 {
    padding: 3.75rem !important;
  }
  .py-2xl-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-2xl-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-2xl-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 1440px) {
  .pt-xl-auto {
    padding-top: auto !important;
  }
  .pt-xl-none {
    padding-top: 0 !important;
  }
  .pt-xl-4 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-6 {
    padding-top: 0.375rem !important;
  }
  .pt-xl-8 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-10 {
    padding-top: 0.625rem !important;
  }
  .pt-xl-12 {
    padding-top: 0.75rem !important;
  }
  .pt-xl-14 {
    padding-top: 0.875rem !important;
  }
  .pt-xl-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-xl-16 {
    padding-top: 1rem !important;
  }
  .pt-xl-18 {
    padding-top: 1.125rem !important;
  }
  .pt-xl-20 {
    padding-top: 1.25rem !important;
  }
  .pt-xl-22 {
    padding-top: 1.375rem !important;
  }
  .pt-xl-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-xl-30 {
    padding-top: 1.875rem !important;
  }
  .pt-xl-40 {
    padding-top: 2.5rem !important;
  }
  .pt-xl-50 {
    padding-top: 3.125rem !important;
  }
  .pt-xl-60 {
    padding-top: 3.75rem !important;
  }
  .pt-xl-100 {
    padding-top: 6.25rem !important;
  }
  .pr-xl-auto {
    padding-right: auto !important;
  }
  .pr-xl-none {
    padding-right: 0 !important;
  }
  .pr-xl-4 {
    padding-right: 0.25rem !important;
  }
  .pr-xl-6 {
    padding-right: 0.375rem !important;
  }
  .pr-xl-8 {
    padding-right: 0.5rem !important;
  }
  .pr-xl-10 {
    padding-right: 0.625rem !important;
  }
  .pr-xl-12 {
    padding-right: 0.75rem !important;
  }
  .pr-xl-14 {
    padding-right: 0.875rem !important;
  }
  .pr-xl-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-xl-16 {
    padding-right: 1rem !important;
  }
  .pr-xl-18 {
    padding-right: 1.125rem !important;
  }
  .pr-xl-20 {
    padding-right: 1.25rem !important;
  }
  .pr-xl-22 {
    padding-right: 1.375rem !important;
  }
  .pr-xl-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-xl-30 {
    padding-right: 1.875rem !important;
  }
  .pr-xl-40 {
    padding-right: 2.5rem !important;
  }
  .pr-xl-50 {
    padding-right: 3.125rem !important;
  }
  .pr-xl-60 {
    padding-right: 3.75rem !important;
  }
  .pr-xl-100 {
    padding-right: 6.25rem !important;
  }
  .pb-xl-auto {
    padding-bottom: auto !important;
  }
  .pb-xl-none {
    padding-bottom: 0 !important;
  }
  .pb-xl-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-xl-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-xl-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-xl-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-xl-16 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-xl-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-xl-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-xl-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-xl-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-xl-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-xl-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-xl-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-xl-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-xl-auto {
    padding-left: auto !important;
  }
  .pl-xl-none {
    padding-left: 0 !important;
  }
  .pl-xl-4 {
    padding-left: 0.25rem !important;
  }
  .pl-xl-6 {
    padding-left: 0.375rem !important;
  }
  .pl-xl-8 {
    padding-left: 0.5rem !important;
  }
  .pl-xl-10 {
    padding-left: 0.625rem !important;
  }
  .pl-xl-12 {
    padding-left: 0.75rem !important;
  }
  .pl-xl-14 {
    padding-left: 0.875rem !important;
  }
  .pl-xl-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-xl-16 {
    padding-left: 1rem !important;
  }
  .pl-xl-18 {
    padding-left: 1.125rem !important;
  }
  .pl-xl-20 {
    padding-left: 1.25rem !important;
  }
  .pl-xl-22 {
    padding-left: 1.375rem !important;
  }
  .pl-xl-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-xl-30 {
    padding-left: 1.875rem !important;
  }
  .pl-xl-40 {
    padding-left: 2.5rem !important;
  }
  .pl-xl-50 {
    padding-left: 3.125rem !important;
  }
  .pl-xl-60 {
    padding-left: 3.75rem !important;
  }
  .pl-xl-100 {
    padding-left: 6.25rem !important;
  }
  .py-xl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-xl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-xl-auto {
    padding: auto !important;
  }
  .py-xl-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-xl-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-xl-none {
    padding: 0 !important;
  }
  .py-xl-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-xl-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-xl-4 {
    padding: 0.25rem !important;
  }
  .py-xl-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-xl-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-xl-6 {
    padding: 0.375rem !important;
  }
  .py-xl-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-xl-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-xl-8 {
    padding: 0.5rem !important;
  }
  .py-xl-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-xl-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-xl-10 {
    padding: 0.625rem !important;
  }
  .py-xl-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-xl-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-xl-12 {
    padding: 0.75rem !important;
  }
  .py-xl-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-xl-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-xl-14 {
    padding: 0.875rem !important;
  }
  .py-xl-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-xl-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-xl-15 {
    padding: 0.9375rem !important;
  }
  .py-xl-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-xl-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-xl-16 {
    padding: 1rem !important;
  }
  .py-xl-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-xl-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-xl-18 {
    padding: 1.125rem !important;
  }
  .py-xl-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-xl-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-xl-20 {
    padding: 1.25rem !important;
  }
  .py-xl-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-xl-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-xl-22 {
    padding: 1.375rem !important;
  }
  .py-xl-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-xl-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-xl-25 {
    padding: 1.5625rem !important;
  }
  .py-xl-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-xl-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-xl-30 {
    padding: 1.875rem !important;
  }
  .py-xl-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-xl-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-xl-40 {
    padding: 2.5rem !important;
  }
  .py-xl-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-xl-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-xl-50 {
    padding: 3.125rem !important;
  }
  .py-xl-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-xl-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-xl-60 {
    padding: 3.75rem !important;
  }
  .py-xl-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-xl-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-xl-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 1366px) {
  .pt-t-xl-auto {
    padding-top: auto !important;
  }
  .pt-t-xl-none {
    padding-top: 0 !important;
  }
  .pt-t-xl-4 {
    padding-top: 0.25rem !important;
  }
  .pt-t-xl-6 {
    padding-top: 0.375rem !important;
  }
  .pt-t-xl-8 {
    padding-top: 0.5rem !important;
  }
  .pt-t-xl-10 {
    padding-top: 0.625rem !important;
  }
  .pt-t-xl-12 {
    padding-top: 0.75rem !important;
  }
  .pt-t-xl-14 {
    padding-top: 0.875rem !important;
  }
  .pt-t-xl-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-t-xl-16 {
    padding-top: 1rem !important;
  }
  .pt-t-xl-18 {
    padding-top: 1.125rem !important;
  }
  .pt-t-xl-20 {
    padding-top: 1.25rem !important;
  }
  .pt-t-xl-22 {
    padding-top: 1.375rem !important;
  }
  .pt-t-xl-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-t-xl-30 {
    padding-top: 1.875rem !important;
  }
  .pt-t-xl-40 {
    padding-top: 2.5rem !important;
  }
  .pt-t-xl-50 {
    padding-top: 3.125rem !important;
  }
  .pt-t-xl-60 {
    padding-top: 3.75rem !important;
  }
  .pt-t-xl-100 {
    padding-top: 6.25rem !important;
  }
  .pr-t-xl-auto {
    padding-right: auto !important;
  }
  .pr-t-xl-none {
    padding-right: 0 !important;
  }
  .pr-t-xl-4 {
    padding-right: 0.25rem !important;
  }
  .pr-t-xl-6 {
    padding-right: 0.375rem !important;
  }
  .pr-t-xl-8 {
    padding-right: 0.5rem !important;
  }
  .pr-t-xl-10 {
    padding-right: 0.625rem !important;
  }
  .pr-t-xl-12 {
    padding-right: 0.75rem !important;
  }
  .pr-t-xl-14 {
    padding-right: 0.875rem !important;
  }
  .pr-t-xl-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-t-xl-16 {
    padding-right: 1rem !important;
  }
  .pr-t-xl-18 {
    padding-right: 1.125rem !important;
  }
  .pr-t-xl-20 {
    padding-right: 1.25rem !important;
  }
  .pr-t-xl-22 {
    padding-right: 1.375rem !important;
  }
  .pr-t-xl-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-t-xl-30 {
    padding-right: 1.875rem !important;
  }
  .pr-t-xl-40 {
    padding-right: 2.5rem !important;
  }
  .pr-t-xl-50 {
    padding-right: 3.125rem !important;
  }
  .pr-t-xl-60 {
    padding-right: 3.75rem !important;
  }
  .pr-t-xl-100 {
    padding-right: 6.25rem !important;
  }
  .pb-t-xl-auto {
    padding-bottom: auto !important;
  }
  .pb-t-xl-none {
    padding-bottom: 0 !important;
  }
  .pb-t-xl-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-t-xl-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-t-xl-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-t-xl-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-t-xl-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-t-xl-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-t-xl-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-t-xl-16 {
    padding-bottom: 1rem !important;
  }
  .pb-t-xl-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-t-xl-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-t-xl-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-t-xl-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-t-xl-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-t-xl-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-t-xl-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-t-xl-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-t-xl-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-t-xl-auto {
    padding-left: auto !important;
  }
  .pl-t-xl-none {
    padding-left: 0 !important;
  }
  .pl-t-xl-4 {
    padding-left: 0.25rem !important;
  }
  .pl-t-xl-6 {
    padding-left: 0.375rem !important;
  }
  .pl-t-xl-8 {
    padding-left: 0.5rem !important;
  }
  .pl-t-xl-10 {
    padding-left: 0.625rem !important;
  }
  .pl-t-xl-12 {
    padding-left: 0.75rem !important;
  }
  .pl-t-xl-14 {
    padding-left: 0.875rem !important;
  }
  .pl-t-xl-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-t-xl-16 {
    padding-left: 1rem !important;
  }
  .pl-t-xl-18 {
    padding-left: 1.125rem !important;
  }
  .pl-t-xl-20 {
    padding-left: 1.25rem !important;
  }
  .pl-t-xl-22 {
    padding-left: 1.375rem !important;
  }
  .pl-t-xl-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-t-xl-30 {
    padding-left: 1.875rem !important;
  }
  .pl-t-xl-40 {
    padding-left: 2.5rem !important;
  }
  .pl-t-xl-50 {
    padding-left: 3.125rem !important;
  }
  .pl-t-xl-60 {
    padding-left: 3.75rem !important;
  }
  .pl-t-xl-100 {
    padding-left: 6.25rem !important;
  }
  .py-t-xl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-t-xl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-t-xl-auto {
    padding: auto !important;
  }
  .py-t-xl-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-t-xl-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-t-xl-none {
    padding: 0 !important;
  }
  .py-t-xl-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-t-xl-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-t-xl-4 {
    padding: 0.25rem !important;
  }
  .py-t-xl-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-t-xl-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-t-xl-6 {
    padding: 0.375rem !important;
  }
  .py-t-xl-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-t-xl-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-t-xl-8 {
    padding: 0.5rem !important;
  }
  .py-t-xl-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-t-xl-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-t-xl-10 {
    padding: 0.625rem !important;
  }
  .py-t-xl-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-t-xl-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-t-xl-12 {
    padding: 0.75rem !important;
  }
  .py-t-xl-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-t-xl-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-t-xl-14 {
    padding: 0.875rem !important;
  }
  .py-t-xl-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-t-xl-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-t-xl-15 {
    padding: 0.9375rem !important;
  }
  .py-t-xl-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-t-xl-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-t-xl-16 {
    padding: 1rem !important;
  }
  .py-t-xl-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-t-xl-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-t-xl-18 {
    padding: 1.125rem !important;
  }
  .py-t-xl-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-t-xl-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-t-xl-20 {
    padding: 1.25rem !important;
  }
  .py-t-xl-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-t-xl-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-t-xl-22 {
    padding: 1.375rem !important;
  }
  .py-t-xl-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-t-xl-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-t-xl-25 {
    padding: 1.5625rem !important;
  }
  .py-t-xl-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-t-xl-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-t-xl-30 {
    padding: 1.875rem !important;
  }
  .py-t-xl-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-t-xl-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-t-xl-40 {
    padding: 2.5rem !important;
  }
  .py-t-xl-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-t-xl-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-t-xl-50 {
    padding: 3.125rem !important;
  }
  .py-t-xl-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-t-xl-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-t-xl-60 {
    padding: 3.75rem !important;
  }
  .py-t-xl-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-t-xl-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-t-xl-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 1280px) {
  .pt-t-lg-auto {
    padding-top: auto !important;
  }
  .pt-t-lg-none {
    padding-top: 0 !important;
  }
  .pt-t-lg-4 {
    padding-top: 0.25rem !important;
  }
  .pt-t-lg-6 {
    padding-top: 0.375rem !important;
  }
  .pt-t-lg-8 {
    padding-top: 0.5rem !important;
  }
  .pt-t-lg-10 {
    padding-top: 0.625rem !important;
  }
  .pt-t-lg-12 {
    padding-top: 0.75rem !important;
  }
  .pt-t-lg-14 {
    padding-top: 0.875rem !important;
  }
  .pt-t-lg-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-t-lg-16 {
    padding-top: 1rem !important;
  }
  .pt-t-lg-18 {
    padding-top: 1.125rem !important;
  }
  .pt-t-lg-20 {
    padding-top: 1.25rem !important;
  }
  .pt-t-lg-22 {
    padding-top: 1.375rem !important;
  }
  .pt-t-lg-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-t-lg-30 {
    padding-top: 1.875rem !important;
  }
  .pt-t-lg-40 {
    padding-top: 2.5rem !important;
  }
  .pt-t-lg-50 {
    padding-top: 3.125rem !important;
  }
  .pt-t-lg-60 {
    padding-top: 3.75rem !important;
  }
  .pt-t-lg-100 {
    padding-top: 6.25rem !important;
  }
  .pr-t-lg-auto {
    padding-right: auto !important;
  }
  .pr-t-lg-none {
    padding-right: 0 !important;
  }
  .pr-t-lg-4 {
    padding-right: 0.25rem !important;
  }
  .pr-t-lg-6 {
    padding-right: 0.375rem !important;
  }
  .pr-t-lg-8 {
    padding-right: 0.5rem !important;
  }
  .pr-t-lg-10 {
    padding-right: 0.625rem !important;
  }
  .pr-t-lg-12 {
    padding-right: 0.75rem !important;
  }
  .pr-t-lg-14 {
    padding-right: 0.875rem !important;
  }
  .pr-t-lg-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-t-lg-16 {
    padding-right: 1rem !important;
  }
  .pr-t-lg-18 {
    padding-right: 1.125rem !important;
  }
  .pr-t-lg-20 {
    padding-right: 1.25rem !important;
  }
  .pr-t-lg-22 {
    padding-right: 1.375rem !important;
  }
  .pr-t-lg-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-t-lg-30 {
    padding-right: 1.875rem !important;
  }
  .pr-t-lg-40 {
    padding-right: 2.5rem !important;
  }
  .pr-t-lg-50 {
    padding-right: 3.125rem !important;
  }
  .pr-t-lg-60 {
    padding-right: 3.75rem !important;
  }
  .pr-t-lg-100 {
    padding-right: 6.25rem !important;
  }
  .pb-t-lg-auto {
    padding-bottom: auto !important;
  }
  .pb-t-lg-none {
    padding-bottom: 0 !important;
  }
  .pb-t-lg-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-t-lg-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-t-lg-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-t-lg-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-t-lg-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-t-lg-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-t-lg-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-t-lg-16 {
    padding-bottom: 1rem !important;
  }
  .pb-t-lg-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-t-lg-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-t-lg-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-t-lg-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-t-lg-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-t-lg-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-t-lg-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-t-lg-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-t-lg-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-t-lg-auto {
    padding-left: auto !important;
  }
  .pl-t-lg-none {
    padding-left: 0 !important;
  }
  .pl-t-lg-4 {
    padding-left: 0.25rem !important;
  }
  .pl-t-lg-6 {
    padding-left: 0.375rem !important;
  }
  .pl-t-lg-8 {
    padding-left: 0.5rem !important;
  }
  .pl-t-lg-10 {
    padding-left: 0.625rem !important;
  }
  .pl-t-lg-12 {
    padding-left: 0.75rem !important;
  }
  .pl-t-lg-14 {
    padding-left: 0.875rem !important;
  }
  .pl-t-lg-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-t-lg-16 {
    padding-left: 1rem !important;
  }
  .pl-t-lg-18 {
    padding-left: 1.125rem !important;
  }
  .pl-t-lg-20 {
    padding-left: 1.25rem !important;
  }
  .pl-t-lg-22 {
    padding-left: 1.375rem !important;
  }
  .pl-t-lg-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-t-lg-30 {
    padding-left: 1.875rem !important;
  }
  .pl-t-lg-40 {
    padding-left: 2.5rem !important;
  }
  .pl-t-lg-50 {
    padding-left: 3.125rem !important;
  }
  .pl-t-lg-60 {
    padding-left: 3.75rem !important;
  }
  .pl-t-lg-100 {
    padding-left: 6.25rem !important;
  }
  .py-t-lg-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-t-lg-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-t-lg-auto {
    padding: auto !important;
  }
  .py-t-lg-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-t-lg-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-t-lg-none {
    padding: 0 !important;
  }
  .py-t-lg-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-t-lg-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-t-lg-4 {
    padding: 0.25rem !important;
  }
  .py-t-lg-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-t-lg-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-t-lg-6 {
    padding: 0.375rem !important;
  }
  .py-t-lg-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-t-lg-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-t-lg-8 {
    padding: 0.5rem !important;
  }
  .py-t-lg-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-t-lg-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-t-lg-10 {
    padding: 0.625rem !important;
  }
  .py-t-lg-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-t-lg-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-t-lg-12 {
    padding: 0.75rem !important;
  }
  .py-t-lg-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-t-lg-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-t-lg-14 {
    padding: 0.875rem !important;
  }
  .py-t-lg-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-t-lg-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-t-lg-15 {
    padding: 0.9375rem !important;
  }
  .py-t-lg-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-t-lg-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-t-lg-16 {
    padding: 1rem !important;
  }
  .py-t-lg-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-t-lg-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-t-lg-18 {
    padding: 1.125rem !important;
  }
  .py-t-lg-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-t-lg-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-t-lg-20 {
    padding: 1.25rem !important;
  }
  .py-t-lg-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-t-lg-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-t-lg-22 {
    padding: 1.375rem !important;
  }
  .py-t-lg-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-t-lg-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-t-lg-25 {
    padding: 1.5625rem !important;
  }
  .py-t-lg-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-t-lg-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-t-lg-30 {
    padding: 1.875rem !important;
  }
  .py-t-lg-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-t-lg-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-t-lg-40 {
    padding: 2.5rem !important;
  }
  .py-t-lg-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-t-lg-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-t-lg-50 {
    padding: 3.125rem !important;
  }
  .py-t-lg-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-t-lg-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-t-lg-60 {
    padding: 3.75rem !important;
  }
  .py-t-lg-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-t-lg-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-t-lg-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 1180px) {
  .pt-t-md-auto {
    padding-top: auto !important;
  }
  .pt-t-md-none {
    padding-top: 0 !important;
  }
  .pt-t-md-4 {
    padding-top: 0.25rem !important;
  }
  .pt-t-md-6 {
    padding-top: 0.375rem !important;
  }
  .pt-t-md-8 {
    padding-top: 0.5rem !important;
  }
  .pt-t-md-10 {
    padding-top: 0.625rem !important;
  }
  .pt-t-md-12 {
    padding-top: 0.75rem !important;
  }
  .pt-t-md-14 {
    padding-top: 0.875rem !important;
  }
  .pt-t-md-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-t-md-16 {
    padding-top: 1rem !important;
  }
  .pt-t-md-18 {
    padding-top: 1.125rem !important;
  }
  .pt-t-md-20 {
    padding-top: 1.25rem !important;
  }
  .pt-t-md-22 {
    padding-top: 1.375rem !important;
  }
  .pt-t-md-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-t-md-30 {
    padding-top: 1.875rem !important;
  }
  .pt-t-md-40 {
    padding-top: 2.5rem !important;
  }
  .pt-t-md-50 {
    padding-top: 3.125rem !important;
  }
  .pt-t-md-60 {
    padding-top: 3.75rem !important;
  }
  .pt-t-md-100 {
    padding-top: 6.25rem !important;
  }
  .pr-t-md-auto {
    padding-right: auto !important;
  }
  .pr-t-md-none {
    padding-right: 0 !important;
  }
  .pr-t-md-4 {
    padding-right: 0.25rem !important;
  }
  .pr-t-md-6 {
    padding-right: 0.375rem !important;
  }
  .pr-t-md-8 {
    padding-right: 0.5rem !important;
  }
  .pr-t-md-10 {
    padding-right: 0.625rem !important;
  }
  .pr-t-md-12 {
    padding-right: 0.75rem !important;
  }
  .pr-t-md-14 {
    padding-right: 0.875rem !important;
  }
  .pr-t-md-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-t-md-16 {
    padding-right: 1rem !important;
  }
  .pr-t-md-18 {
    padding-right: 1.125rem !important;
  }
  .pr-t-md-20 {
    padding-right: 1.25rem !important;
  }
  .pr-t-md-22 {
    padding-right: 1.375rem !important;
  }
  .pr-t-md-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-t-md-30 {
    padding-right: 1.875rem !important;
  }
  .pr-t-md-40 {
    padding-right: 2.5rem !important;
  }
  .pr-t-md-50 {
    padding-right: 3.125rem !important;
  }
  .pr-t-md-60 {
    padding-right: 3.75rem !important;
  }
  .pr-t-md-100 {
    padding-right: 6.25rem !important;
  }
  .pb-t-md-auto {
    padding-bottom: auto !important;
  }
  .pb-t-md-none {
    padding-bottom: 0 !important;
  }
  .pb-t-md-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-t-md-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-t-md-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-t-md-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-t-md-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-t-md-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-t-md-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-t-md-16 {
    padding-bottom: 1rem !important;
  }
  .pb-t-md-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-t-md-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-t-md-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-t-md-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-t-md-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-t-md-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-t-md-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-t-md-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-t-md-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-t-md-auto {
    padding-left: auto !important;
  }
  .pl-t-md-none {
    padding-left: 0 !important;
  }
  .pl-t-md-4 {
    padding-left: 0.25rem !important;
  }
  .pl-t-md-6 {
    padding-left: 0.375rem !important;
  }
  .pl-t-md-8 {
    padding-left: 0.5rem !important;
  }
  .pl-t-md-10 {
    padding-left: 0.625rem !important;
  }
  .pl-t-md-12 {
    padding-left: 0.75rem !important;
  }
  .pl-t-md-14 {
    padding-left: 0.875rem !important;
  }
  .pl-t-md-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-t-md-16 {
    padding-left: 1rem !important;
  }
  .pl-t-md-18 {
    padding-left: 1.125rem !important;
  }
  .pl-t-md-20 {
    padding-left: 1.25rem !important;
  }
  .pl-t-md-22 {
    padding-left: 1.375rem !important;
  }
  .pl-t-md-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-t-md-30 {
    padding-left: 1.875rem !important;
  }
  .pl-t-md-40 {
    padding-left: 2.5rem !important;
  }
  .pl-t-md-50 {
    padding-left: 3.125rem !important;
  }
  .pl-t-md-60 {
    padding-left: 3.75rem !important;
  }
  .pl-t-md-100 {
    padding-left: 6.25rem !important;
  }
  .py-t-md-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-t-md-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-t-md-auto {
    padding: auto !important;
  }
  .py-t-md-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-t-md-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-t-md-none {
    padding: 0 !important;
  }
  .py-t-md-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-t-md-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-t-md-4 {
    padding: 0.25rem !important;
  }
  .py-t-md-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-t-md-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-t-md-6 {
    padding: 0.375rem !important;
  }
  .py-t-md-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-t-md-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-t-md-8 {
    padding: 0.5rem !important;
  }
  .py-t-md-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-t-md-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-t-md-10 {
    padding: 0.625rem !important;
  }
  .py-t-md-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-t-md-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-t-md-12 {
    padding: 0.75rem !important;
  }
  .py-t-md-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-t-md-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-t-md-14 {
    padding: 0.875rem !important;
  }
  .py-t-md-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-t-md-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-t-md-15 {
    padding: 0.9375rem !important;
  }
  .py-t-md-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-t-md-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-t-md-16 {
    padding: 1rem !important;
  }
  .py-t-md-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-t-md-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-t-md-18 {
    padding: 1.125rem !important;
  }
  .py-t-md-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-t-md-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-t-md-20 {
    padding: 1.25rem !important;
  }
  .py-t-md-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-t-md-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-t-md-22 {
    padding: 1.375rem !important;
  }
  .py-t-md-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-t-md-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-t-md-25 {
    padding: 1.5625rem !important;
  }
  .py-t-md-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-t-md-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-t-md-30 {
    padding: 1.875rem !important;
  }
  .py-t-md-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-t-md-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-t-md-40 {
    padding: 2.5rem !important;
  }
  .py-t-md-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-t-md-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-t-md-50 {
    padding: 3.125rem !important;
  }
  .py-t-md-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-t-md-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-t-md-60 {
    padding: 3.75rem !important;
  }
  .py-t-md-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-t-md-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-t-md-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 1024px) {
  .pt-t-sm-auto {
    padding-top: auto !important;
  }
  .pt-t-sm-none {
    padding-top: 0 !important;
  }
  .pt-t-sm-4 {
    padding-top: 0.25rem !important;
  }
  .pt-t-sm-6 {
    padding-top: 0.375rem !important;
  }
  .pt-t-sm-8 {
    padding-top: 0.5rem !important;
  }
  .pt-t-sm-10 {
    padding-top: 0.625rem !important;
  }
  .pt-t-sm-12 {
    padding-top: 0.75rem !important;
  }
  .pt-t-sm-14 {
    padding-top: 0.875rem !important;
  }
  .pt-t-sm-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-t-sm-16 {
    padding-top: 1rem !important;
  }
  .pt-t-sm-18 {
    padding-top: 1.125rem !important;
  }
  .pt-t-sm-20 {
    padding-top: 1.25rem !important;
  }
  .pt-t-sm-22 {
    padding-top: 1.375rem !important;
  }
  .pt-t-sm-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-t-sm-30 {
    padding-top: 1.875rem !important;
  }
  .pt-t-sm-40 {
    padding-top: 2.5rem !important;
  }
  .pt-t-sm-50 {
    padding-top: 3.125rem !important;
  }
  .pt-t-sm-60 {
    padding-top: 3.75rem !important;
  }
  .pt-t-sm-100 {
    padding-top: 6.25rem !important;
  }
  .pr-t-sm-auto {
    padding-right: auto !important;
  }
  .pr-t-sm-none {
    padding-right: 0 !important;
  }
  .pr-t-sm-4 {
    padding-right: 0.25rem !important;
  }
  .pr-t-sm-6 {
    padding-right: 0.375rem !important;
  }
  .pr-t-sm-8 {
    padding-right: 0.5rem !important;
  }
  .pr-t-sm-10 {
    padding-right: 0.625rem !important;
  }
  .pr-t-sm-12 {
    padding-right: 0.75rem !important;
  }
  .pr-t-sm-14 {
    padding-right: 0.875rem !important;
  }
  .pr-t-sm-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-t-sm-16 {
    padding-right: 1rem !important;
  }
  .pr-t-sm-18 {
    padding-right: 1.125rem !important;
  }
  .pr-t-sm-20 {
    padding-right: 1.25rem !important;
  }
  .pr-t-sm-22 {
    padding-right: 1.375rem !important;
  }
  .pr-t-sm-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-t-sm-30 {
    padding-right: 1.875rem !important;
  }
  .pr-t-sm-40 {
    padding-right: 2.5rem !important;
  }
  .pr-t-sm-50 {
    padding-right: 3.125rem !important;
  }
  .pr-t-sm-60 {
    padding-right: 3.75rem !important;
  }
  .pr-t-sm-100 {
    padding-right: 6.25rem !important;
  }
  .pb-t-sm-auto {
    padding-bottom: auto !important;
  }
  .pb-t-sm-none {
    padding-bottom: 0 !important;
  }
  .pb-t-sm-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-t-sm-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-t-sm-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-t-sm-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-t-sm-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-t-sm-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-t-sm-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-t-sm-16 {
    padding-bottom: 1rem !important;
  }
  .pb-t-sm-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-t-sm-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-t-sm-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-t-sm-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-t-sm-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-t-sm-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-t-sm-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-t-sm-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-t-sm-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-t-sm-auto {
    padding-left: auto !important;
  }
  .pl-t-sm-none {
    padding-left: 0 !important;
  }
  .pl-t-sm-4 {
    padding-left: 0.25rem !important;
  }
  .pl-t-sm-6 {
    padding-left: 0.375rem !important;
  }
  .pl-t-sm-8 {
    padding-left: 0.5rem !important;
  }
  .pl-t-sm-10 {
    padding-left: 0.625rem !important;
  }
  .pl-t-sm-12 {
    padding-left: 0.75rem !important;
  }
  .pl-t-sm-14 {
    padding-left: 0.875rem !important;
  }
  .pl-t-sm-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-t-sm-16 {
    padding-left: 1rem !important;
  }
  .pl-t-sm-18 {
    padding-left: 1.125rem !important;
  }
  .pl-t-sm-20 {
    padding-left: 1.25rem !important;
  }
  .pl-t-sm-22 {
    padding-left: 1.375rem !important;
  }
  .pl-t-sm-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-t-sm-30 {
    padding-left: 1.875rem !important;
  }
  .pl-t-sm-40 {
    padding-left: 2.5rem !important;
  }
  .pl-t-sm-50 {
    padding-left: 3.125rem !important;
  }
  .pl-t-sm-60 {
    padding-left: 3.75rem !important;
  }
  .pl-t-sm-100 {
    padding-left: 6.25rem !important;
  }
  .py-t-sm-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-t-sm-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-t-sm-auto {
    padding: auto !important;
  }
  .py-t-sm-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-t-sm-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-t-sm-none {
    padding: 0 !important;
  }
  .py-t-sm-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-t-sm-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-t-sm-4 {
    padding: 0.25rem !important;
  }
  .py-t-sm-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-t-sm-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-t-sm-6 {
    padding: 0.375rem !important;
  }
  .py-t-sm-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-t-sm-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-t-sm-8 {
    padding: 0.5rem !important;
  }
  .py-t-sm-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-t-sm-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-t-sm-10 {
    padding: 0.625rem !important;
  }
  .py-t-sm-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-t-sm-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-t-sm-12 {
    padding: 0.75rem !important;
  }
  .py-t-sm-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-t-sm-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-t-sm-14 {
    padding: 0.875rem !important;
  }
  .py-t-sm-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-t-sm-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-t-sm-15 {
    padding: 0.9375rem !important;
  }
  .py-t-sm-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-t-sm-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-t-sm-16 {
    padding: 1rem !important;
  }
  .py-t-sm-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-t-sm-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-t-sm-18 {
    padding: 1.125rem !important;
  }
  .py-t-sm-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-t-sm-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-t-sm-20 {
    padding: 1.25rem !important;
  }
  .py-t-sm-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-t-sm-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-t-sm-22 {
    padding: 1.375rem !important;
  }
  .py-t-sm-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-t-sm-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-t-sm-25 {
    padding: 1.5625rem !important;
  }
  .py-t-sm-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-t-sm-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-t-sm-30 {
    padding: 1.875rem !important;
  }
  .py-t-sm-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-t-sm-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-t-sm-40 {
    padding: 2.5rem !important;
  }
  .py-t-sm-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-t-sm-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-t-sm-50 {
    padding: 3.125rem !important;
  }
  .py-t-sm-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-t-sm-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-t-sm-60 {
    padding: 3.75rem !important;
  }
  .py-t-sm-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-t-sm-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-t-sm-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 820px) {
  .pt-t-xs-auto {
    padding-top: auto !important;
  }
  .pt-t-xs-none {
    padding-top: 0 !important;
  }
  .pt-t-xs-4 {
    padding-top: 0.25rem !important;
  }
  .pt-t-xs-6 {
    padding-top: 0.375rem !important;
  }
  .pt-t-xs-8 {
    padding-top: 0.5rem !important;
  }
  .pt-t-xs-10 {
    padding-top: 0.625rem !important;
  }
  .pt-t-xs-12 {
    padding-top: 0.75rem !important;
  }
  .pt-t-xs-14 {
    padding-top: 0.875rem !important;
  }
  .pt-t-xs-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-t-xs-16 {
    padding-top: 1rem !important;
  }
  .pt-t-xs-18 {
    padding-top: 1.125rem !important;
  }
  .pt-t-xs-20 {
    padding-top: 1.25rem !important;
  }
  .pt-t-xs-22 {
    padding-top: 1.375rem !important;
  }
  .pt-t-xs-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-t-xs-30 {
    padding-top: 1.875rem !important;
  }
  .pt-t-xs-40 {
    padding-top: 2.5rem !important;
  }
  .pt-t-xs-50 {
    padding-top: 3.125rem !important;
  }
  .pt-t-xs-60 {
    padding-top: 3.75rem !important;
  }
  .pt-t-xs-100 {
    padding-top: 6.25rem !important;
  }
  .pr-t-xs-auto {
    padding-right: auto !important;
  }
  .pr-t-xs-none {
    padding-right: 0 !important;
  }
  .pr-t-xs-4 {
    padding-right: 0.25rem !important;
  }
  .pr-t-xs-6 {
    padding-right: 0.375rem !important;
  }
  .pr-t-xs-8 {
    padding-right: 0.5rem !important;
  }
  .pr-t-xs-10 {
    padding-right: 0.625rem !important;
  }
  .pr-t-xs-12 {
    padding-right: 0.75rem !important;
  }
  .pr-t-xs-14 {
    padding-right: 0.875rem !important;
  }
  .pr-t-xs-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-t-xs-16 {
    padding-right: 1rem !important;
  }
  .pr-t-xs-18 {
    padding-right: 1.125rem !important;
  }
  .pr-t-xs-20 {
    padding-right: 1.25rem !important;
  }
  .pr-t-xs-22 {
    padding-right: 1.375rem !important;
  }
  .pr-t-xs-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-t-xs-30 {
    padding-right: 1.875rem !important;
  }
  .pr-t-xs-40 {
    padding-right: 2.5rem !important;
  }
  .pr-t-xs-50 {
    padding-right: 3.125rem !important;
  }
  .pr-t-xs-60 {
    padding-right: 3.75rem !important;
  }
  .pr-t-xs-100 {
    padding-right: 6.25rem !important;
  }
  .pb-t-xs-auto {
    padding-bottom: auto !important;
  }
  .pb-t-xs-none {
    padding-bottom: 0 !important;
  }
  .pb-t-xs-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-t-xs-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-t-xs-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-t-xs-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-t-xs-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-t-xs-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-t-xs-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-t-xs-16 {
    padding-bottom: 1rem !important;
  }
  .pb-t-xs-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-t-xs-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-t-xs-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-t-xs-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-t-xs-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-t-xs-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-t-xs-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-t-xs-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-t-xs-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-t-xs-auto {
    padding-left: auto !important;
  }
  .pl-t-xs-none {
    padding-left: 0 !important;
  }
  .pl-t-xs-4 {
    padding-left: 0.25rem !important;
  }
  .pl-t-xs-6 {
    padding-left: 0.375rem !important;
  }
  .pl-t-xs-8 {
    padding-left: 0.5rem !important;
  }
  .pl-t-xs-10 {
    padding-left: 0.625rem !important;
  }
  .pl-t-xs-12 {
    padding-left: 0.75rem !important;
  }
  .pl-t-xs-14 {
    padding-left: 0.875rem !important;
  }
  .pl-t-xs-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-t-xs-16 {
    padding-left: 1rem !important;
  }
  .pl-t-xs-18 {
    padding-left: 1.125rem !important;
  }
  .pl-t-xs-20 {
    padding-left: 1.25rem !important;
  }
  .pl-t-xs-22 {
    padding-left: 1.375rem !important;
  }
  .pl-t-xs-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-t-xs-30 {
    padding-left: 1.875rem !important;
  }
  .pl-t-xs-40 {
    padding-left: 2.5rem !important;
  }
  .pl-t-xs-50 {
    padding-left: 3.125rem !important;
  }
  .pl-t-xs-60 {
    padding-left: 3.75rem !important;
  }
  .pl-t-xs-100 {
    padding-left: 6.25rem !important;
  }
  .py-t-xs-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-t-xs-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-t-xs-auto {
    padding: auto !important;
  }
  .py-t-xs-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-t-xs-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-t-xs-none {
    padding: 0 !important;
  }
  .py-t-xs-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-t-xs-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-t-xs-4 {
    padding: 0.25rem !important;
  }
  .py-t-xs-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-t-xs-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-t-xs-6 {
    padding: 0.375rem !important;
  }
  .py-t-xs-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-t-xs-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-t-xs-8 {
    padding: 0.5rem !important;
  }
  .py-t-xs-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-t-xs-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-t-xs-10 {
    padding: 0.625rem !important;
  }
  .py-t-xs-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-t-xs-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-t-xs-12 {
    padding: 0.75rem !important;
  }
  .py-t-xs-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-t-xs-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-t-xs-14 {
    padding: 0.875rem !important;
  }
  .py-t-xs-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-t-xs-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-t-xs-15 {
    padding: 0.9375rem !important;
  }
  .py-t-xs-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-t-xs-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-t-xs-16 {
    padding: 1rem !important;
  }
  .py-t-xs-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-t-xs-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-t-xs-18 {
    padding: 1.125rem !important;
  }
  .py-t-xs-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-t-xs-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-t-xs-20 {
    padding: 1.25rem !important;
  }
  .py-t-xs-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-t-xs-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-t-xs-22 {
    padding: 1.375rem !important;
  }
  .py-t-xs-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-t-xs-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-t-xs-25 {
    padding: 1.5625rem !important;
  }
  .py-t-xs-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-t-xs-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-t-xs-30 {
    padding: 1.875rem !important;
  }
  .py-t-xs-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-t-xs-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-t-xs-40 {
    padding: 2.5rem !important;
  }
  .py-t-xs-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-t-xs-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-t-xs-50 {
    padding: 3.125rem !important;
  }
  .py-t-xs-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-t-xs-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-t-xs-60 {
    padding: 3.75rem !important;
  }
  .py-t-xs-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-t-xs-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-t-xs-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 767px) {
  .pt-m-max-auto {
    padding-top: auto !important;
  }
  .pt-m-max-none {
    padding-top: 0 !important;
  }
  .pt-m-max-4 {
    padding-top: 0.25rem !important;
  }
  .pt-m-max-6 {
    padding-top: 0.375rem !important;
  }
  .pt-m-max-8 {
    padding-top: 0.5rem !important;
  }
  .pt-m-max-10 {
    padding-top: 0.625rem !important;
  }
  .pt-m-max-12 {
    padding-top: 0.75rem !important;
  }
  .pt-m-max-14 {
    padding-top: 0.875rem !important;
  }
  .pt-m-max-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-m-max-16 {
    padding-top: 1rem !important;
  }
  .pt-m-max-18 {
    padding-top: 1.125rem !important;
  }
  .pt-m-max-20 {
    padding-top: 1.25rem !important;
  }
  .pt-m-max-22 {
    padding-top: 1.375rem !important;
  }
  .pt-m-max-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-m-max-30 {
    padding-top: 1.875rem !important;
  }
  .pt-m-max-40 {
    padding-top: 2.5rem !important;
  }
  .pt-m-max-50 {
    padding-top: 3.125rem !important;
  }
  .pt-m-max-60 {
    padding-top: 3.75rem !important;
  }
  .pt-m-max-100 {
    padding-top: 6.25rem !important;
  }
  .pr-m-max-auto {
    padding-right: auto !important;
  }
  .pr-m-max-none {
    padding-right: 0 !important;
  }
  .pr-m-max-4 {
    padding-right: 0.25rem !important;
  }
  .pr-m-max-6 {
    padding-right: 0.375rem !important;
  }
  .pr-m-max-8 {
    padding-right: 0.5rem !important;
  }
  .pr-m-max-10 {
    padding-right: 0.625rem !important;
  }
  .pr-m-max-12 {
    padding-right: 0.75rem !important;
  }
  .pr-m-max-14 {
    padding-right: 0.875rem !important;
  }
  .pr-m-max-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-m-max-16 {
    padding-right: 1rem !important;
  }
  .pr-m-max-18 {
    padding-right: 1.125rem !important;
  }
  .pr-m-max-20 {
    padding-right: 1.25rem !important;
  }
  .pr-m-max-22 {
    padding-right: 1.375rem !important;
  }
  .pr-m-max-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-m-max-30 {
    padding-right: 1.875rem !important;
  }
  .pr-m-max-40 {
    padding-right: 2.5rem !important;
  }
  .pr-m-max-50 {
    padding-right: 3.125rem !important;
  }
  .pr-m-max-60 {
    padding-right: 3.75rem !important;
  }
  .pr-m-max-100 {
    padding-right: 6.25rem !important;
  }
  .pb-m-max-auto {
    padding-bottom: auto !important;
  }
  .pb-m-max-none {
    padding-bottom: 0 !important;
  }
  .pb-m-max-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-m-max-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-m-max-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-m-max-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-m-max-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-m-max-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-m-max-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-m-max-16 {
    padding-bottom: 1rem !important;
  }
  .pb-m-max-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-m-max-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-m-max-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-m-max-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-m-max-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-m-max-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-m-max-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-m-max-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-m-max-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-m-max-auto {
    padding-left: auto !important;
  }
  .pl-m-max-none {
    padding-left: 0 !important;
  }
  .pl-m-max-4 {
    padding-left: 0.25rem !important;
  }
  .pl-m-max-6 {
    padding-left: 0.375rem !important;
  }
  .pl-m-max-8 {
    padding-left: 0.5rem !important;
  }
  .pl-m-max-10 {
    padding-left: 0.625rem !important;
  }
  .pl-m-max-12 {
    padding-left: 0.75rem !important;
  }
  .pl-m-max-14 {
    padding-left: 0.875rem !important;
  }
  .pl-m-max-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-m-max-16 {
    padding-left: 1rem !important;
  }
  .pl-m-max-18 {
    padding-left: 1.125rem !important;
  }
  .pl-m-max-20 {
    padding-left: 1.25rem !important;
  }
  .pl-m-max-22 {
    padding-left: 1.375rem !important;
  }
  .pl-m-max-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-m-max-30 {
    padding-left: 1.875rem !important;
  }
  .pl-m-max-40 {
    padding-left: 2.5rem !important;
  }
  .pl-m-max-50 {
    padding-left: 3.125rem !important;
  }
  .pl-m-max-60 {
    padding-left: 3.75rem !important;
  }
  .pl-m-max-100 {
    padding-left: 6.25rem !important;
  }
  .py-m-max-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-m-max-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-m-max-auto {
    padding: auto !important;
  }
  .py-m-max-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-m-max-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-m-max-none {
    padding: 0 !important;
  }
  .py-m-max-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-m-max-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-m-max-4 {
    padding: 0.25rem !important;
  }
  .py-m-max-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-m-max-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-m-max-6 {
    padding: 0.375rem !important;
  }
  .py-m-max-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-m-max-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-m-max-8 {
    padding: 0.5rem !important;
  }
  .py-m-max-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-m-max-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-m-max-10 {
    padding: 0.625rem !important;
  }
  .py-m-max-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-m-max-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-m-max-12 {
    padding: 0.75rem !important;
  }
  .py-m-max-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-m-max-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-m-max-14 {
    padding: 0.875rem !important;
  }
  .py-m-max-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-m-max-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-m-max-15 {
    padding: 0.9375rem !important;
  }
  .py-m-max-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-m-max-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-m-max-16 {
    padding: 1rem !important;
  }
  .py-m-max-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-m-max-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-m-max-18 {
    padding: 1.125rem !important;
  }
  .py-m-max-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-m-max-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-m-max-20 {
    padding: 1.25rem !important;
  }
  .py-m-max-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-m-max-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-m-max-22 {
    padding: 1.375rem !important;
  }
  .py-m-max-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-m-max-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-m-max-25 {
    padding: 1.5625rem !important;
  }
  .py-m-max-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-m-max-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-m-max-30 {
    padding: 1.875rem !important;
  }
  .py-m-max-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-m-max-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-m-max-40 {
    padding: 2.5rem !important;
  }
  .py-m-max-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-m-max-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-m-max-50 {
    padding: 3.125rem !important;
  }
  .py-m-max-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-m-max-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-m-max-60 {
    padding: 3.75rem !important;
  }
  .py-m-max-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-m-max-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-m-max-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 640px) {
  .pt-m-3xl-auto {
    padding-top: auto !important;
  }
  .pt-m-3xl-none {
    padding-top: 0 !important;
  }
  .pt-m-3xl-4 {
    padding-top: 0.25rem !important;
  }
  .pt-m-3xl-6 {
    padding-top: 0.375rem !important;
  }
  .pt-m-3xl-8 {
    padding-top: 0.5rem !important;
  }
  .pt-m-3xl-10 {
    padding-top: 0.625rem !important;
  }
  .pt-m-3xl-12 {
    padding-top: 0.75rem !important;
  }
  .pt-m-3xl-14 {
    padding-top: 0.875rem !important;
  }
  .pt-m-3xl-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-m-3xl-16 {
    padding-top: 1rem !important;
  }
  .pt-m-3xl-18 {
    padding-top: 1.125rem !important;
  }
  .pt-m-3xl-20 {
    padding-top: 1.25rem !important;
  }
  .pt-m-3xl-22 {
    padding-top: 1.375rem !important;
  }
  .pt-m-3xl-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-m-3xl-30 {
    padding-top: 1.875rem !important;
  }
  .pt-m-3xl-40 {
    padding-top: 2.5rem !important;
  }
  .pt-m-3xl-50 {
    padding-top: 3.125rem !important;
  }
  .pt-m-3xl-60 {
    padding-top: 3.75rem !important;
  }
  .pt-m-3xl-100 {
    padding-top: 6.25rem !important;
  }
  .pr-m-3xl-auto {
    padding-right: auto !important;
  }
  .pr-m-3xl-none {
    padding-right: 0 !important;
  }
  .pr-m-3xl-4 {
    padding-right: 0.25rem !important;
  }
  .pr-m-3xl-6 {
    padding-right: 0.375rem !important;
  }
  .pr-m-3xl-8 {
    padding-right: 0.5rem !important;
  }
  .pr-m-3xl-10 {
    padding-right: 0.625rem !important;
  }
  .pr-m-3xl-12 {
    padding-right: 0.75rem !important;
  }
  .pr-m-3xl-14 {
    padding-right: 0.875rem !important;
  }
  .pr-m-3xl-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-m-3xl-16 {
    padding-right: 1rem !important;
  }
  .pr-m-3xl-18 {
    padding-right: 1.125rem !important;
  }
  .pr-m-3xl-20 {
    padding-right: 1.25rem !important;
  }
  .pr-m-3xl-22 {
    padding-right: 1.375rem !important;
  }
  .pr-m-3xl-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-m-3xl-30 {
    padding-right: 1.875rem !important;
  }
  .pr-m-3xl-40 {
    padding-right: 2.5rem !important;
  }
  .pr-m-3xl-50 {
    padding-right: 3.125rem !important;
  }
  .pr-m-3xl-60 {
    padding-right: 3.75rem !important;
  }
  .pr-m-3xl-100 {
    padding-right: 6.25rem !important;
  }
  .pb-m-3xl-auto {
    padding-bottom: auto !important;
  }
  .pb-m-3xl-none {
    padding-bottom: 0 !important;
  }
  .pb-m-3xl-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-m-3xl-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-m-3xl-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-m-3xl-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-m-3xl-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-m-3xl-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-m-3xl-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-m-3xl-16 {
    padding-bottom: 1rem !important;
  }
  .pb-m-3xl-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-m-3xl-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-m-3xl-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-m-3xl-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-m-3xl-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-m-3xl-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-m-3xl-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-m-3xl-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-m-3xl-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-m-3xl-auto {
    padding-left: auto !important;
  }
  .pl-m-3xl-none {
    padding-left: 0 !important;
  }
  .pl-m-3xl-4 {
    padding-left: 0.25rem !important;
  }
  .pl-m-3xl-6 {
    padding-left: 0.375rem !important;
  }
  .pl-m-3xl-8 {
    padding-left: 0.5rem !important;
  }
  .pl-m-3xl-10 {
    padding-left: 0.625rem !important;
  }
  .pl-m-3xl-12 {
    padding-left: 0.75rem !important;
  }
  .pl-m-3xl-14 {
    padding-left: 0.875rem !important;
  }
  .pl-m-3xl-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-m-3xl-16 {
    padding-left: 1rem !important;
  }
  .pl-m-3xl-18 {
    padding-left: 1.125rem !important;
  }
  .pl-m-3xl-20 {
    padding-left: 1.25rem !important;
  }
  .pl-m-3xl-22 {
    padding-left: 1.375rem !important;
  }
  .pl-m-3xl-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-m-3xl-30 {
    padding-left: 1.875rem !important;
  }
  .pl-m-3xl-40 {
    padding-left: 2.5rem !important;
  }
  .pl-m-3xl-50 {
    padding-left: 3.125rem !important;
  }
  .pl-m-3xl-60 {
    padding-left: 3.75rem !important;
  }
  .pl-m-3xl-100 {
    padding-left: 6.25rem !important;
  }
  .py-m-3xl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-m-3xl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-m-3xl-auto {
    padding: auto !important;
  }
  .py-m-3xl-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-m-3xl-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-m-3xl-none {
    padding: 0 !important;
  }
  .py-m-3xl-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-m-3xl-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-m-3xl-4 {
    padding: 0.25rem !important;
  }
  .py-m-3xl-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-m-3xl-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-m-3xl-6 {
    padding: 0.375rem !important;
  }
  .py-m-3xl-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-m-3xl-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-m-3xl-8 {
    padding: 0.5rem !important;
  }
  .py-m-3xl-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-m-3xl-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-m-3xl-10 {
    padding: 0.625rem !important;
  }
  .py-m-3xl-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-m-3xl-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-m-3xl-12 {
    padding: 0.75rem !important;
  }
  .py-m-3xl-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-m-3xl-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-m-3xl-14 {
    padding: 0.875rem !important;
  }
  .py-m-3xl-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-m-3xl-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-m-3xl-15 {
    padding: 0.9375rem !important;
  }
  .py-m-3xl-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-m-3xl-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-m-3xl-16 {
    padding: 1rem !important;
  }
  .py-m-3xl-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-m-3xl-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-m-3xl-18 {
    padding: 1.125rem !important;
  }
  .py-m-3xl-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-m-3xl-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-m-3xl-20 {
    padding: 1.25rem !important;
  }
  .py-m-3xl-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-m-3xl-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-m-3xl-22 {
    padding: 1.375rem !important;
  }
  .py-m-3xl-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-m-3xl-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-m-3xl-25 {
    padding: 1.5625rem !important;
  }
  .py-m-3xl-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-m-3xl-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-m-3xl-30 {
    padding: 1.875rem !important;
  }
  .py-m-3xl-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-m-3xl-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-m-3xl-40 {
    padding: 2.5rem !important;
  }
  .py-m-3xl-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-m-3xl-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-m-3xl-50 {
    padding: 3.125rem !important;
  }
  .py-m-3xl-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-m-3xl-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-m-3xl-60 {
    padding: 3.75rem !important;
  }
  .py-m-3xl-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-m-3xl-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-m-3xl-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 430px) {
  .pt-m-2xl-auto {
    padding-top: auto !important;
  }
  .pt-m-2xl-none {
    padding-top: 0 !important;
  }
  .pt-m-2xl-4 {
    padding-top: 0.25rem !important;
  }
  .pt-m-2xl-6 {
    padding-top: 0.375rem !important;
  }
  .pt-m-2xl-8 {
    padding-top: 0.5rem !important;
  }
  .pt-m-2xl-10 {
    padding-top: 0.625rem !important;
  }
  .pt-m-2xl-12 {
    padding-top: 0.75rem !important;
  }
  .pt-m-2xl-14 {
    padding-top: 0.875rem !important;
  }
  .pt-m-2xl-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-m-2xl-16 {
    padding-top: 1rem !important;
  }
  .pt-m-2xl-18 {
    padding-top: 1.125rem !important;
  }
  .pt-m-2xl-20 {
    padding-top: 1.25rem !important;
  }
  .pt-m-2xl-22 {
    padding-top: 1.375rem !important;
  }
  .pt-m-2xl-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-m-2xl-30 {
    padding-top: 1.875rem !important;
  }
  .pt-m-2xl-40 {
    padding-top: 2.5rem !important;
  }
  .pt-m-2xl-50 {
    padding-top: 3.125rem !important;
  }
  .pt-m-2xl-60 {
    padding-top: 3.75rem !important;
  }
  .pt-m-2xl-100 {
    padding-top: 6.25rem !important;
  }
  .pr-m-2xl-auto {
    padding-right: auto !important;
  }
  .pr-m-2xl-none {
    padding-right: 0 !important;
  }
  .pr-m-2xl-4 {
    padding-right: 0.25rem !important;
  }
  .pr-m-2xl-6 {
    padding-right: 0.375rem !important;
  }
  .pr-m-2xl-8 {
    padding-right: 0.5rem !important;
  }
  .pr-m-2xl-10 {
    padding-right: 0.625rem !important;
  }
  .pr-m-2xl-12 {
    padding-right: 0.75rem !important;
  }
  .pr-m-2xl-14 {
    padding-right: 0.875rem !important;
  }
  .pr-m-2xl-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-m-2xl-16 {
    padding-right: 1rem !important;
  }
  .pr-m-2xl-18 {
    padding-right: 1.125rem !important;
  }
  .pr-m-2xl-20 {
    padding-right: 1.25rem !important;
  }
  .pr-m-2xl-22 {
    padding-right: 1.375rem !important;
  }
  .pr-m-2xl-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-m-2xl-30 {
    padding-right: 1.875rem !important;
  }
  .pr-m-2xl-40 {
    padding-right: 2.5rem !important;
  }
  .pr-m-2xl-50 {
    padding-right: 3.125rem !important;
  }
  .pr-m-2xl-60 {
    padding-right: 3.75rem !important;
  }
  .pr-m-2xl-100 {
    padding-right: 6.25rem !important;
  }
  .pb-m-2xl-auto {
    padding-bottom: auto !important;
  }
  .pb-m-2xl-none {
    padding-bottom: 0 !important;
  }
  .pb-m-2xl-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-m-2xl-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-m-2xl-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-m-2xl-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-m-2xl-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-m-2xl-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-m-2xl-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-m-2xl-16 {
    padding-bottom: 1rem !important;
  }
  .pb-m-2xl-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-m-2xl-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-m-2xl-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-m-2xl-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-m-2xl-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-m-2xl-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-m-2xl-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-m-2xl-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-m-2xl-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-m-2xl-auto {
    padding-left: auto !important;
  }
  .pl-m-2xl-none {
    padding-left: 0 !important;
  }
  .pl-m-2xl-4 {
    padding-left: 0.25rem !important;
  }
  .pl-m-2xl-6 {
    padding-left: 0.375rem !important;
  }
  .pl-m-2xl-8 {
    padding-left: 0.5rem !important;
  }
  .pl-m-2xl-10 {
    padding-left: 0.625rem !important;
  }
  .pl-m-2xl-12 {
    padding-left: 0.75rem !important;
  }
  .pl-m-2xl-14 {
    padding-left: 0.875rem !important;
  }
  .pl-m-2xl-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-m-2xl-16 {
    padding-left: 1rem !important;
  }
  .pl-m-2xl-18 {
    padding-left: 1.125rem !important;
  }
  .pl-m-2xl-20 {
    padding-left: 1.25rem !important;
  }
  .pl-m-2xl-22 {
    padding-left: 1.375rem !important;
  }
  .pl-m-2xl-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-m-2xl-30 {
    padding-left: 1.875rem !important;
  }
  .pl-m-2xl-40 {
    padding-left: 2.5rem !important;
  }
  .pl-m-2xl-50 {
    padding-left: 3.125rem !important;
  }
  .pl-m-2xl-60 {
    padding-left: 3.75rem !important;
  }
  .pl-m-2xl-100 {
    padding-left: 6.25rem !important;
  }
  .py-m-2xl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-m-2xl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-m-2xl-auto {
    padding: auto !important;
  }
  .py-m-2xl-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-m-2xl-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-m-2xl-none {
    padding: 0 !important;
  }
  .py-m-2xl-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-m-2xl-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-m-2xl-4 {
    padding: 0.25rem !important;
  }
  .py-m-2xl-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-m-2xl-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-m-2xl-6 {
    padding: 0.375rem !important;
  }
  .py-m-2xl-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-m-2xl-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-m-2xl-8 {
    padding: 0.5rem !important;
  }
  .py-m-2xl-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-m-2xl-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-m-2xl-10 {
    padding: 0.625rem !important;
  }
  .py-m-2xl-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-m-2xl-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-m-2xl-12 {
    padding: 0.75rem !important;
  }
  .py-m-2xl-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-m-2xl-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-m-2xl-14 {
    padding: 0.875rem !important;
  }
  .py-m-2xl-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-m-2xl-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-m-2xl-15 {
    padding: 0.9375rem !important;
  }
  .py-m-2xl-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-m-2xl-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-m-2xl-16 {
    padding: 1rem !important;
  }
  .py-m-2xl-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-m-2xl-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-m-2xl-18 {
    padding: 1.125rem !important;
  }
  .py-m-2xl-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-m-2xl-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-m-2xl-20 {
    padding: 1.25rem !important;
  }
  .py-m-2xl-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-m-2xl-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-m-2xl-22 {
    padding: 1.375rem !important;
  }
  .py-m-2xl-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-m-2xl-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-m-2xl-25 {
    padding: 1.5625rem !important;
  }
  .py-m-2xl-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-m-2xl-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-m-2xl-30 {
    padding: 1.875rem !important;
  }
  .py-m-2xl-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-m-2xl-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-m-2xl-40 {
    padding: 2.5rem !important;
  }
  .py-m-2xl-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-m-2xl-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-m-2xl-50 {
    padding: 3.125rem !important;
  }
  .py-m-2xl-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-m-2xl-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-m-2xl-60 {
    padding: 3.75rem !important;
  }
  .py-m-2xl-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-m-2xl-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-m-2xl-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 412px) {
  .pt-m-xl-auto {
    padding-top: auto !important;
  }
  .pt-m-xl-none {
    padding-top: 0 !important;
  }
  .pt-m-xl-4 {
    padding-top: 0.25rem !important;
  }
  .pt-m-xl-6 {
    padding-top: 0.375rem !important;
  }
  .pt-m-xl-8 {
    padding-top: 0.5rem !important;
  }
  .pt-m-xl-10 {
    padding-top: 0.625rem !important;
  }
  .pt-m-xl-12 {
    padding-top: 0.75rem !important;
  }
  .pt-m-xl-14 {
    padding-top: 0.875rem !important;
  }
  .pt-m-xl-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-m-xl-16 {
    padding-top: 1rem !important;
  }
  .pt-m-xl-18 {
    padding-top: 1.125rem !important;
  }
  .pt-m-xl-20 {
    padding-top: 1.25rem !important;
  }
  .pt-m-xl-22 {
    padding-top: 1.375rem !important;
  }
  .pt-m-xl-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-m-xl-30 {
    padding-top: 1.875rem !important;
  }
  .pt-m-xl-40 {
    padding-top: 2.5rem !important;
  }
  .pt-m-xl-50 {
    padding-top: 3.125rem !important;
  }
  .pt-m-xl-60 {
    padding-top: 3.75rem !important;
  }
  .pt-m-xl-100 {
    padding-top: 6.25rem !important;
  }
  .pr-m-xl-auto {
    padding-right: auto !important;
  }
  .pr-m-xl-none {
    padding-right: 0 !important;
  }
  .pr-m-xl-4 {
    padding-right: 0.25rem !important;
  }
  .pr-m-xl-6 {
    padding-right: 0.375rem !important;
  }
  .pr-m-xl-8 {
    padding-right: 0.5rem !important;
  }
  .pr-m-xl-10 {
    padding-right: 0.625rem !important;
  }
  .pr-m-xl-12 {
    padding-right: 0.75rem !important;
  }
  .pr-m-xl-14 {
    padding-right: 0.875rem !important;
  }
  .pr-m-xl-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-m-xl-16 {
    padding-right: 1rem !important;
  }
  .pr-m-xl-18 {
    padding-right: 1.125rem !important;
  }
  .pr-m-xl-20 {
    padding-right: 1.25rem !important;
  }
  .pr-m-xl-22 {
    padding-right: 1.375rem !important;
  }
  .pr-m-xl-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-m-xl-30 {
    padding-right: 1.875rem !important;
  }
  .pr-m-xl-40 {
    padding-right: 2.5rem !important;
  }
  .pr-m-xl-50 {
    padding-right: 3.125rem !important;
  }
  .pr-m-xl-60 {
    padding-right: 3.75rem !important;
  }
  .pr-m-xl-100 {
    padding-right: 6.25rem !important;
  }
  .pb-m-xl-auto {
    padding-bottom: auto !important;
  }
  .pb-m-xl-none {
    padding-bottom: 0 !important;
  }
  .pb-m-xl-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-m-xl-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-m-xl-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-m-xl-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-m-xl-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-m-xl-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-m-xl-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-m-xl-16 {
    padding-bottom: 1rem !important;
  }
  .pb-m-xl-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-m-xl-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-m-xl-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-m-xl-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-m-xl-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-m-xl-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-m-xl-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-m-xl-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-m-xl-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-m-xl-auto {
    padding-left: auto !important;
  }
  .pl-m-xl-none {
    padding-left: 0 !important;
  }
  .pl-m-xl-4 {
    padding-left: 0.25rem !important;
  }
  .pl-m-xl-6 {
    padding-left: 0.375rem !important;
  }
  .pl-m-xl-8 {
    padding-left: 0.5rem !important;
  }
  .pl-m-xl-10 {
    padding-left: 0.625rem !important;
  }
  .pl-m-xl-12 {
    padding-left: 0.75rem !important;
  }
  .pl-m-xl-14 {
    padding-left: 0.875rem !important;
  }
  .pl-m-xl-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-m-xl-16 {
    padding-left: 1rem !important;
  }
  .pl-m-xl-18 {
    padding-left: 1.125rem !important;
  }
  .pl-m-xl-20 {
    padding-left: 1.25rem !important;
  }
  .pl-m-xl-22 {
    padding-left: 1.375rem !important;
  }
  .pl-m-xl-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-m-xl-30 {
    padding-left: 1.875rem !important;
  }
  .pl-m-xl-40 {
    padding-left: 2.5rem !important;
  }
  .pl-m-xl-50 {
    padding-left: 3.125rem !important;
  }
  .pl-m-xl-60 {
    padding-left: 3.75rem !important;
  }
  .pl-m-xl-100 {
    padding-left: 6.25rem !important;
  }
  .py-m-xl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-m-xl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-m-xl-auto {
    padding: auto !important;
  }
  .py-m-xl-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-m-xl-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-m-xl-none {
    padding: 0 !important;
  }
  .py-m-xl-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-m-xl-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-m-xl-4 {
    padding: 0.25rem !important;
  }
  .py-m-xl-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-m-xl-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-m-xl-6 {
    padding: 0.375rem !important;
  }
  .py-m-xl-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-m-xl-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-m-xl-8 {
    padding: 0.5rem !important;
  }
  .py-m-xl-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-m-xl-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-m-xl-10 {
    padding: 0.625rem !important;
  }
  .py-m-xl-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-m-xl-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-m-xl-12 {
    padding: 0.75rem !important;
  }
  .py-m-xl-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-m-xl-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-m-xl-14 {
    padding: 0.875rem !important;
  }
  .py-m-xl-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-m-xl-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-m-xl-15 {
    padding: 0.9375rem !important;
  }
  .py-m-xl-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-m-xl-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-m-xl-16 {
    padding: 1rem !important;
  }
  .py-m-xl-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-m-xl-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-m-xl-18 {
    padding: 1.125rem !important;
  }
  .py-m-xl-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-m-xl-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-m-xl-20 {
    padding: 1.25rem !important;
  }
  .py-m-xl-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-m-xl-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-m-xl-22 {
    padding: 1.375rem !important;
  }
  .py-m-xl-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-m-xl-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-m-xl-25 {
    padding: 1.5625rem !important;
  }
  .py-m-xl-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-m-xl-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-m-xl-30 {
    padding: 1.875rem !important;
  }
  .py-m-xl-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-m-xl-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-m-xl-40 {
    padding: 2.5rem !important;
  }
  .py-m-xl-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-m-xl-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-m-xl-50 {
    padding: 3.125rem !important;
  }
  .py-m-xl-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-m-xl-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-m-xl-60 {
    padding: 3.75rem !important;
  }
  .py-m-xl-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-m-xl-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-m-xl-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 390px) {
  .pt-m-lg-auto {
    padding-top: auto !important;
  }
  .pt-m-lg-none {
    padding-top: 0 !important;
  }
  .pt-m-lg-4 {
    padding-top: 0.25rem !important;
  }
  .pt-m-lg-6 {
    padding-top: 0.375rem !important;
  }
  .pt-m-lg-8 {
    padding-top: 0.5rem !important;
  }
  .pt-m-lg-10 {
    padding-top: 0.625rem !important;
  }
  .pt-m-lg-12 {
    padding-top: 0.75rem !important;
  }
  .pt-m-lg-14 {
    padding-top: 0.875rem !important;
  }
  .pt-m-lg-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-m-lg-16 {
    padding-top: 1rem !important;
  }
  .pt-m-lg-18 {
    padding-top: 1.125rem !important;
  }
  .pt-m-lg-20 {
    padding-top: 1.25rem !important;
  }
  .pt-m-lg-22 {
    padding-top: 1.375rem !important;
  }
  .pt-m-lg-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-m-lg-30 {
    padding-top: 1.875rem !important;
  }
  .pt-m-lg-40 {
    padding-top: 2.5rem !important;
  }
  .pt-m-lg-50 {
    padding-top: 3.125rem !important;
  }
  .pt-m-lg-60 {
    padding-top: 3.75rem !important;
  }
  .pt-m-lg-100 {
    padding-top: 6.25rem !important;
  }
  .pr-m-lg-auto {
    padding-right: auto !important;
  }
  .pr-m-lg-none {
    padding-right: 0 !important;
  }
  .pr-m-lg-4 {
    padding-right: 0.25rem !important;
  }
  .pr-m-lg-6 {
    padding-right: 0.375rem !important;
  }
  .pr-m-lg-8 {
    padding-right: 0.5rem !important;
  }
  .pr-m-lg-10 {
    padding-right: 0.625rem !important;
  }
  .pr-m-lg-12 {
    padding-right: 0.75rem !important;
  }
  .pr-m-lg-14 {
    padding-right: 0.875rem !important;
  }
  .pr-m-lg-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-m-lg-16 {
    padding-right: 1rem !important;
  }
  .pr-m-lg-18 {
    padding-right: 1.125rem !important;
  }
  .pr-m-lg-20 {
    padding-right: 1.25rem !important;
  }
  .pr-m-lg-22 {
    padding-right: 1.375rem !important;
  }
  .pr-m-lg-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-m-lg-30 {
    padding-right: 1.875rem !important;
  }
  .pr-m-lg-40 {
    padding-right: 2.5rem !important;
  }
  .pr-m-lg-50 {
    padding-right: 3.125rem !important;
  }
  .pr-m-lg-60 {
    padding-right: 3.75rem !important;
  }
  .pr-m-lg-100 {
    padding-right: 6.25rem !important;
  }
  .pb-m-lg-auto {
    padding-bottom: auto !important;
  }
  .pb-m-lg-none {
    padding-bottom: 0 !important;
  }
  .pb-m-lg-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-m-lg-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-m-lg-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-m-lg-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-m-lg-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-m-lg-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-m-lg-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-m-lg-16 {
    padding-bottom: 1rem !important;
  }
  .pb-m-lg-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-m-lg-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-m-lg-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-m-lg-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-m-lg-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-m-lg-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-m-lg-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-m-lg-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-m-lg-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-m-lg-auto {
    padding-left: auto !important;
  }
  .pl-m-lg-none {
    padding-left: 0 !important;
  }
  .pl-m-lg-4 {
    padding-left: 0.25rem !important;
  }
  .pl-m-lg-6 {
    padding-left: 0.375rem !important;
  }
  .pl-m-lg-8 {
    padding-left: 0.5rem !important;
  }
  .pl-m-lg-10 {
    padding-left: 0.625rem !important;
  }
  .pl-m-lg-12 {
    padding-left: 0.75rem !important;
  }
  .pl-m-lg-14 {
    padding-left: 0.875rem !important;
  }
  .pl-m-lg-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-m-lg-16 {
    padding-left: 1rem !important;
  }
  .pl-m-lg-18 {
    padding-left: 1.125rem !important;
  }
  .pl-m-lg-20 {
    padding-left: 1.25rem !important;
  }
  .pl-m-lg-22 {
    padding-left: 1.375rem !important;
  }
  .pl-m-lg-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-m-lg-30 {
    padding-left: 1.875rem !important;
  }
  .pl-m-lg-40 {
    padding-left: 2.5rem !important;
  }
  .pl-m-lg-50 {
    padding-left: 3.125rem !important;
  }
  .pl-m-lg-60 {
    padding-left: 3.75rem !important;
  }
  .pl-m-lg-100 {
    padding-left: 6.25rem !important;
  }
  .py-m-lg-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-m-lg-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-m-lg-auto {
    padding: auto !important;
  }
  .py-m-lg-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-m-lg-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-m-lg-none {
    padding: 0 !important;
  }
  .py-m-lg-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-m-lg-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-m-lg-4 {
    padding: 0.25rem !important;
  }
  .py-m-lg-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-m-lg-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-m-lg-6 {
    padding: 0.375rem !important;
  }
  .py-m-lg-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-m-lg-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-m-lg-8 {
    padding: 0.5rem !important;
  }
  .py-m-lg-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-m-lg-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-m-lg-10 {
    padding: 0.625rem !important;
  }
  .py-m-lg-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-m-lg-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-m-lg-12 {
    padding: 0.75rem !important;
  }
  .py-m-lg-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-m-lg-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-m-lg-14 {
    padding: 0.875rem !important;
  }
  .py-m-lg-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-m-lg-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-m-lg-15 {
    padding: 0.9375rem !important;
  }
  .py-m-lg-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-m-lg-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-m-lg-16 {
    padding: 1rem !important;
  }
  .py-m-lg-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-m-lg-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-m-lg-18 {
    padding: 1.125rem !important;
  }
  .py-m-lg-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-m-lg-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-m-lg-20 {
    padding: 1.25rem !important;
  }
  .py-m-lg-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-m-lg-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-m-lg-22 {
    padding: 1.375rem !important;
  }
  .py-m-lg-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-m-lg-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-m-lg-25 {
    padding: 1.5625rem !important;
  }
  .py-m-lg-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-m-lg-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-m-lg-30 {
    padding: 1.875rem !important;
  }
  .py-m-lg-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-m-lg-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-m-lg-40 {
    padding: 2.5rem !important;
  }
  .py-m-lg-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-m-lg-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-m-lg-50 {
    padding: 3.125rem !important;
  }
  .py-m-lg-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-m-lg-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-m-lg-60 {
    padding: 3.75rem !important;
  }
  .py-m-lg-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-m-lg-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-m-lg-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 375px) {
  .pt-m-md-auto {
    padding-top: auto !important;
  }
  .pt-m-md-none {
    padding-top: 0 !important;
  }
  .pt-m-md-4 {
    padding-top: 0.25rem !important;
  }
  .pt-m-md-6 {
    padding-top: 0.375rem !important;
  }
  .pt-m-md-8 {
    padding-top: 0.5rem !important;
  }
  .pt-m-md-10 {
    padding-top: 0.625rem !important;
  }
  .pt-m-md-12 {
    padding-top: 0.75rem !important;
  }
  .pt-m-md-14 {
    padding-top: 0.875rem !important;
  }
  .pt-m-md-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-m-md-16 {
    padding-top: 1rem !important;
  }
  .pt-m-md-18 {
    padding-top: 1.125rem !important;
  }
  .pt-m-md-20 {
    padding-top: 1.25rem !important;
  }
  .pt-m-md-22 {
    padding-top: 1.375rem !important;
  }
  .pt-m-md-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-m-md-30 {
    padding-top: 1.875rem !important;
  }
  .pt-m-md-40 {
    padding-top: 2.5rem !important;
  }
  .pt-m-md-50 {
    padding-top: 3.125rem !important;
  }
  .pt-m-md-60 {
    padding-top: 3.75rem !important;
  }
  .pt-m-md-100 {
    padding-top: 6.25rem !important;
  }
  .pr-m-md-auto {
    padding-right: auto !important;
  }
  .pr-m-md-none {
    padding-right: 0 !important;
  }
  .pr-m-md-4 {
    padding-right: 0.25rem !important;
  }
  .pr-m-md-6 {
    padding-right: 0.375rem !important;
  }
  .pr-m-md-8 {
    padding-right: 0.5rem !important;
  }
  .pr-m-md-10 {
    padding-right: 0.625rem !important;
  }
  .pr-m-md-12 {
    padding-right: 0.75rem !important;
  }
  .pr-m-md-14 {
    padding-right: 0.875rem !important;
  }
  .pr-m-md-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-m-md-16 {
    padding-right: 1rem !important;
  }
  .pr-m-md-18 {
    padding-right: 1.125rem !important;
  }
  .pr-m-md-20 {
    padding-right: 1.25rem !important;
  }
  .pr-m-md-22 {
    padding-right: 1.375rem !important;
  }
  .pr-m-md-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-m-md-30 {
    padding-right: 1.875rem !important;
  }
  .pr-m-md-40 {
    padding-right: 2.5rem !important;
  }
  .pr-m-md-50 {
    padding-right: 3.125rem !important;
  }
  .pr-m-md-60 {
    padding-right: 3.75rem !important;
  }
  .pr-m-md-100 {
    padding-right: 6.25rem !important;
  }
  .pb-m-md-auto {
    padding-bottom: auto !important;
  }
  .pb-m-md-none {
    padding-bottom: 0 !important;
  }
  .pb-m-md-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-m-md-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-m-md-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-m-md-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-m-md-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-m-md-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-m-md-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-m-md-16 {
    padding-bottom: 1rem !important;
  }
  .pb-m-md-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-m-md-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-m-md-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-m-md-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-m-md-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-m-md-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-m-md-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-m-md-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-m-md-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-m-md-auto {
    padding-left: auto !important;
  }
  .pl-m-md-none {
    padding-left: 0 !important;
  }
  .pl-m-md-4 {
    padding-left: 0.25rem !important;
  }
  .pl-m-md-6 {
    padding-left: 0.375rem !important;
  }
  .pl-m-md-8 {
    padding-left: 0.5rem !important;
  }
  .pl-m-md-10 {
    padding-left: 0.625rem !important;
  }
  .pl-m-md-12 {
    padding-left: 0.75rem !important;
  }
  .pl-m-md-14 {
    padding-left: 0.875rem !important;
  }
  .pl-m-md-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-m-md-16 {
    padding-left: 1rem !important;
  }
  .pl-m-md-18 {
    padding-left: 1.125rem !important;
  }
  .pl-m-md-20 {
    padding-left: 1.25rem !important;
  }
  .pl-m-md-22 {
    padding-left: 1.375rem !important;
  }
  .pl-m-md-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-m-md-30 {
    padding-left: 1.875rem !important;
  }
  .pl-m-md-40 {
    padding-left: 2.5rem !important;
  }
  .pl-m-md-50 {
    padding-left: 3.125rem !important;
  }
  .pl-m-md-60 {
    padding-left: 3.75rem !important;
  }
  .pl-m-md-100 {
    padding-left: 6.25rem !important;
  }
  .py-m-md-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-m-md-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-m-md-auto {
    padding: auto !important;
  }
  .py-m-md-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-m-md-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-m-md-none {
    padding: 0 !important;
  }
  .py-m-md-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-m-md-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-m-md-4 {
    padding: 0.25rem !important;
  }
  .py-m-md-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-m-md-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-m-md-6 {
    padding: 0.375rem !important;
  }
  .py-m-md-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-m-md-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-m-md-8 {
    padding: 0.5rem !important;
  }
  .py-m-md-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-m-md-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-m-md-10 {
    padding: 0.625rem !important;
  }
  .py-m-md-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-m-md-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-m-md-12 {
    padding: 0.75rem !important;
  }
  .py-m-md-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-m-md-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-m-md-14 {
    padding: 0.875rem !important;
  }
  .py-m-md-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-m-md-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-m-md-15 {
    padding: 0.9375rem !important;
  }
  .py-m-md-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-m-md-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-m-md-16 {
    padding: 1rem !important;
  }
  .py-m-md-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-m-md-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-m-md-18 {
    padding: 1.125rem !important;
  }
  .py-m-md-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-m-md-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-m-md-20 {
    padding: 1.25rem !important;
  }
  .py-m-md-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-m-md-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-m-md-22 {
    padding: 1.375rem !important;
  }
  .py-m-md-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-m-md-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-m-md-25 {
    padding: 1.5625rem !important;
  }
  .py-m-md-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-m-md-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-m-md-30 {
    padding: 1.875rem !important;
  }
  .py-m-md-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-m-md-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-m-md-40 {
    padding: 2.5rem !important;
  }
  .py-m-md-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-m-md-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-m-md-50 {
    padding: 3.125rem !important;
  }
  .py-m-md-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-m-md-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-m-md-60 {
    padding: 3.75rem !important;
  }
  .py-m-md-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-m-md-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-m-md-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 360px) {
  .pt-m-sm-auto {
    padding-top: auto !important;
  }
  .pt-m-sm-none {
    padding-top: 0 !important;
  }
  .pt-m-sm-4 {
    padding-top: 0.25rem !important;
  }
  .pt-m-sm-6 {
    padding-top: 0.375rem !important;
  }
  .pt-m-sm-8 {
    padding-top: 0.5rem !important;
  }
  .pt-m-sm-10 {
    padding-top: 0.625rem !important;
  }
  .pt-m-sm-12 {
    padding-top: 0.75rem !important;
  }
  .pt-m-sm-14 {
    padding-top: 0.875rem !important;
  }
  .pt-m-sm-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-m-sm-16 {
    padding-top: 1rem !important;
  }
  .pt-m-sm-18 {
    padding-top: 1.125rem !important;
  }
  .pt-m-sm-20 {
    padding-top: 1.25rem !important;
  }
  .pt-m-sm-22 {
    padding-top: 1.375rem !important;
  }
  .pt-m-sm-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-m-sm-30 {
    padding-top: 1.875rem !important;
  }
  .pt-m-sm-40 {
    padding-top: 2.5rem !important;
  }
  .pt-m-sm-50 {
    padding-top: 3.125rem !important;
  }
  .pt-m-sm-60 {
    padding-top: 3.75rem !important;
  }
  .pt-m-sm-100 {
    padding-top: 6.25rem !important;
  }
  .pr-m-sm-auto {
    padding-right: auto !important;
  }
  .pr-m-sm-none {
    padding-right: 0 !important;
  }
  .pr-m-sm-4 {
    padding-right: 0.25rem !important;
  }
  .pr-m-sm-6 {
    padding-right: 0.375rem !important;
  }
  .pr-m-sm-8 {
    padding-right: 0.5rem !important;
  }
  .pr-m-sm-10 {
    padding-right: 0.625rem !important;
  }
  .pr-m-sm-12 {
    padding-right: 0.75rem !important;
  }
  .pr-m-sm-14 {
    padding-right: 0.875rem !important;
  }
  .pr-m-sm-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-m-sm-16 {
    padding-right: 1rem !important;
  }
  .pr-m-sm-18 {
    padding-right: 1.125rem !important;
  }
  .pr-m-sm-20 {
    padding-right: 1.25rem !important;
  }
  .pr-m-sm-22 {
    padding-right: 1.375rem !important;
  }
  .pr-m-sm-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-m-sm-30 {
    padding-right: 1.875rem !important;
  }
  .pr-m-sm-40 {
    padding-right: 2.5rem !important;
  }
  .pr-m-sm-50 {
    padding-right: 3.125rem !important;
  }
  .pr-m-sm-60 {
    padding-right: 3.75rem !important;
  }
  .pr-m-sm-100 {
    padding-right: 6.25rem !important;
  }
  .pb-m-sm-auto {
    padding-bottom: auto !important;
  }
  .pb-m-sm-none {
    padding-bottom: 0 !important;
  }
  .pb-m-sm-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-m-sm-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-m-sm-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-m-sm-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-m-sm-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-m-sm-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-m-sm-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-m-sm-16 {
    padding-bottom: 1rem !important;
  }
  .pb-m-sm-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-m-sm-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-m-sm-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-m-sm-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-m-sm-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-m-sm-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-m-sm-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-m-sm-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-m-sm-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-m-sm-auto {
    padding-left: auto !important;
  }
  .pl-m-sm-none {
    padding-left: 0 !important;
  }
  .pl-m-sm-4 {
    padding-left: 0.25rem !important;
  }
  .pl-m-sm-6 {
    padding-left: 0.375rem !important;
  }
  .pl-m-sm-8 {
    padding-left: 0.5rem !important;
  }
  .pl-m-sm-10 {
    padding-left: 0.625rem !important;
  }
  .pl-m-sm-12 {
    padding-left: 0.75rem !important;
  }
  .pl-m-sm-14 {
    padding-left: 0.875rem !important;
  }
  .pl-m-sm-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-m-sm-16 {
    padding-left: 1rem !important;
  }
  .pl-m-sm-18 {
    padding-left: 1.125rem !important;
  }
  .pl-m-sm-20 {
    padding-left: 1.25rem !important;
  }
  .pl-m-sm-22 {
    padding-left: 1.375rem !important;
  }
  .pl-m-sm-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-m-sm-30 {
    padding-left: 1.875rem !important;
  }
  .pl-m-sm-40 {
    padding-left: 2.5rem !important;
  }
  .pl-m-sm-50 {
    padding-left: 3.125rem !important;
  }
  .pl-m-sm-60 {
    padding-left: 3.75rem !important;
  }
  .pl-m-sm-100 {
    padding-left: 6.25rem !important;
  }
  .py-m-sm-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-m-sm-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-m-sm-auto {
    padding: auto !important;
  }
  .py-m-sm-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-m-sm-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-m-sm-none {
    padding: 0 !important;
  }
  .py-m-sm-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-m-sm-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-m-sm-4 {
    padding: 0.25rem !important;
  }
  .py-m-sm-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-m-sm-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-m-sm-6 {
    padding: 0.375rem !important;
  }
  .py-m-sm-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-m-sm-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-m-sm-8 {
    padding: 0.5rem !important;
  }
  .py-m-sm-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-m-sm-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-m-sm-10 {
    padding: 0.625rem !important;
  }
  .py-m-sm-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-m-sm-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-m-sm-12 {
    padding: 0.75rem !important;
  }
  .py-m-sm-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-m-sm-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-m-sm-14 {
    padding: 0.875rem !important;
  }
  .py-m-sm-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-m-sm-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-m-sm-15 {
    padding: 0.9375rem !important;
  }
  .py-m-sm-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-m-sm-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-m-sm-16 {
    padding: 1rem !important;
  }
  .py-m-sm-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-m-sm-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-m-sm-18 {
    padding: 1.125rem !important;
  }
  .py-m-sm-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-m-sm-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-m-sm-20 {
    padding: 1.25rem !important;
  }
  .py-m-sm-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-m-sm-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-m-sm-22 {
    padding: 1.375rem !important;
  }
  .py-m-sm-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-m-sm-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-m-sm-25 {
    padding: 1.5625rem !important;
  }
  .py-m-sm-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-m-sm-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-m-sm-30 {
    padding: 1.875rem !important;
  }
  .py-m-sm-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-m-sm-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-m-sm-40 {
    padding: 2.5rem !important;
  }
  .py-m-sm-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-m-sm-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-m-sm-50 {
    padding: 3.125rem !important;
  }
  .py-m-sm-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-m-sm-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-m-sm-60 {
    padding: 3.75rem !important;
  }
  .py-m-sm-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-m-sm-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-m-sm-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 359px) {
  .pt-m-xs-auto {
    padding-top: auto !important;
  }
  .pt-m-xs-none {
    padding-top: 0 !important;
  }
  .pt-m-xs-4 {
    padding-top: 0.25rem !important;
  }
  .pt-m-xs-6 {
    padding-top: 0.375rem !important;
  }
  .pt-m-xs-8 {
    padding-top: 0.5rem !important;
  }
  .pt-m-xs-10 {
    padding-top: 0.625rem !important;
  }
  .pt-m-xs-12 {
    padding-top: 0.75rem !important;
  }
  .pt-m-xs-14 {
    padding-top: 0.875rem !important;
  }
  .pt-m-xs-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-m-xs-16 {
    padding-top: 1rem !important;
  }
  .pt-m-xs-18 {
    padding-top: 1.125rem !important;
  }
  .pt-m-xs-20 {
    padding-top: 1.25rem !important;
  }
  .pt-m-xs-22 {
    padding-top: 1.375rem !important;
  }
  .pt-m-xs-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-m-xs-30 {
    padding-top: 1.875rem !important;
  }
  .pt-m-xs-40 {
    padding-top: 2.5rem !important;
  }
  .pt-m-xs-50 {
    padding-top: 3.125rem !important;
  }
  .pt-m-xs-60 {
    padding-top: 3.75rem !important;
  }
  .pt-m-xs-100 {
    padding-top: 6.25rem !important;
  }
  .pr-m-xs-auto {
    padding-right: auto !important;
  }
  .pr-m-xs-none {
    padding-right: 0 !important;
  }
  .pr-m-xs-4 {
    padding-right: 0.25rem !important;
  }
  .pr-m-xs-6 {
    padding-right: 0.375rem !important;
  }
  .pr-m-xs-8 {
    padding-right: 0.5rem !important;
  }
  .pr-m-xs-10 {
    padding-right: 0.625rem !important;
  }
  .pr-m-xs-12 {
    padding-right: 0.75rem !important;
  }
  .pr-m-xs-14 {
    padding-right: 0.875rem !important;
  }
  .pr-m-xs-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-m-xs-16 {
    padding-right: 1rem !important;
  }
  .pr-m-xs-18 {
    padding-right: 1.125rem !important;
  }
  .pr-m-xs-20 {
    padding-right: 1.25rem !important;
  }
  .pr-m-xs-22 {
    padding-right: 1.375rem !important;
  }
  .pr-m-xs-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-m-xs-30 {
    padding-right: 1.875rem !important;
  }
  .pr-m-xs-40 {
    padding-right: 2.5rem !important;
  }
  .pr-m-xs-50 {
    padding-right: 3.125rem !important;
  }
  .pr-m-xs-60 {
    padding-right: 3.75rem !important;
  }
  .pr-m-xs-100 {
    padding-right: 6.25rem !important;
  }
  .pb-m-xs-auto {
    padding-bottom: auto !important;
  }
  .pb-m-xs-none {
    padding-bottom: 0 !important;
  }
  .pb-m-xs-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-m-xs-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-m-xs-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-m-xs-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-m-xs-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-m-xs-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-m-xs-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-m-xs-16 {
    padding-bottom: 1rem !important;
  }
  .pb-m-xs-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-m-xs-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-m-xs-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-m-xs-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-m-xs-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-m-xs-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-m-xs-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-m-xs-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-m-xs-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-m-xs-auto {
    padding-left: auto !important;
  }
  .pl-m-xs-none {
    padding-left: 0 !important;
  }
  .pl-m-xs-4 {
    padding-left: 0.25rem !important;
  }
  .pl-m-xs-6 {
    padding-left: 0.375rem !important;
  }
  .pl-m-xs-8 {
    padding-left: 0.5rem !important;
  }
  .pl-m-xs-10 {
    padding-left: 0.625rem !important;
  }
  .pl-m-xs-12 {
    padding-left: 0.75rem !important;
  }
  .pl-m-xs-14 {
    padding-left: 0.875rem !important;
  }
  .pl-m-xs-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-m-xs-16 {
    padding-left: 1rem !important;
  }
  .pl-m-xs-18 {
    padding-left: 1.125rem !important;
  }
  .pl-m-xs-20 {
    padding-left: 1.25rem !important;
  }
  .pl-m-xs-22 {
    padding-left: 1.375rem !important;
  }
  .pl-m-xs-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-m-xs-30 {
    padding-left: 1.875rem !important;
  }
  .pl-m-xs-40 {
    padding-left: 2.5rem !important;
  }
  .pl-m-xs-50 {
    padding-left: 3.125rem !important;
  }
  .pl-m-xs-60 {
    padding-left: 3.75rem !important;
  }
  .pl-m-xs-100 {
    padding-left: 6.25rem !important;
  }
  .py-m-xs-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-m-xs-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-m-xs-auto {
    padding: auto !important;
  }
  .py-m-xs-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-m-xs-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-m-xs-none {
    padding: 0 !important;
  }
  .py-m-xs-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-m-xs-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-m-xs-4 {
    padding: 0.25rem !important;
  }
  .py-m-xs-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-m-xs-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-m-xs-6 {
    padding: 0.375rem !important;
  }
  .py-m-xs-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-m-xs-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-m-xs-8 {
    padding: 0.5rem !important;
  }
  .py-m-xs-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-m-xs-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-m-xs-10 {
    padding: 0.625rem !important;
  }
  .py-m-xs-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-m-xs-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-m-xs-12 {
    padding: 0.75rem !important;
  }
  .py-m-xs-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-m-xs-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-m-xs-14 {
    padding: 0.875rem !important;
  }
  .py-m-xs-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-m-xs-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-m-xs-15 {
    padding: 0.9375rem !important;
  }
  .py-m-xs-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-m-xs-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-m-xs-16 {
    padding: 1rem !important;
  }
  .py-m-xs-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-m-xs-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-m-xs-18 {
    padding: 1.125rem !important;
  }
  .py-m-xs-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-m-xs-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-m-xs-20 {
    padding: 1.25rem !important;
  }
  .py-m-xs-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-m-xs-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-m-xs-22 {
    padding: 1.375rem !important;
  }
  .py-m-xs-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-m-xs-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-m-xs-25 {
    padding: 1.5625rem !important;
  }
  .py-m-xs-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-m-xs-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-m-xs-30 {
    padding: 1.875rem !important;
  }
  .py-m-xs-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-m-xs-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-m-xs-40 {
    padding: 2.5rem !important;
  }
  .py-m-xs-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-m-xs-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-m-xs-50 {
    padding: 3.125rem !important;
  }
  .py-m-xs-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-m-xs-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-m-xs-60 {
    padding: 3.75rem !important;
  }
  .py-m-xs-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-m-xs-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-m-xs-100 {
    padding: 6.25rem !important;
  }
}
.bd-top {
  border-top: 1px solid var(--bbc-color-stroke-natural-0) !important;
}

.bd-top-none {
  border-top: none !important;
}

.bd-right {
  border-right: 1px solid var(--bbc-color-stroke-natural-0) !important;
}

.bd-right-none {
  border-right: none !important;
}

.bd-bottom {
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0) !important;
}

.bd-bottom-none {
  border-bottom: none !important;
}

.bd-left {
  border-left: 1px solid var(--bbc-color-stroke-natural-0) !important;
}

.bd-left-none {
  border-left: none !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.fs-52 {
  font-size: 52px !important;
}

.fs-64 {
  font-size: 64px !important;
}

.fw-400 {
  font-weight: var(--bbc-font-weight-400) !important;
}

.fw-500 {
  font-weight: var(--bbc-font-weight-500) !important;
}

.fw-600 {
  font-weight: var(--bbc-font-weight-600) !important;
}

.fw-700 {
  font-weight: var(--bbc-font-weight-700) !important;
}

.lh {
  line-height: var(--bbc-line-height) !important;
}

.break-normal {
  word-break: normal !important;
}

.break-all {
  word-break: break-all !important;
}

.keep-all {
  word-break: keep-all !important;
}

.break-word {
  word-break: break-word !important;
}

.ell-auto {
  overflow: hidden;
}

.ell {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-align: left;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}

.ell-2 {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-align: left;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  word-break: break-all !important;
}

@media (max-width: 100%) {
  .ell-full {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-full-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 1920px) {
  .ell-fit {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-fit-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 1600px) {
  .ell-2xl {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-2xl-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 1440px) {
  .ell-xl {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-xl-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 1366px) {
  .ell-t-xl {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-t-xl-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 1280px) {
  .ell-t-lg {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-t-lg-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 1180px) {
  .ell-t-md {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-t-md-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 1024px) {
  .ell-t-sm {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-t-sm-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 820px) {
  .ell-t-xs {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-t-xs-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 767px) {
  .ell-m-max {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-m-max-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 640px) {
  .ell-m-3xl {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-m-3xl-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 430px) {
  .ell-m-2xl {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-m-2xl-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 412px) {
  .ell-m-xl {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-m-xl-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 390px) {
  .ell-m-lg {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-m-lg-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 375px) {
  .ell-m-md {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-m-md-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 360px) {
  .ell-m-sm {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-m-sm-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

@media (max-width: 359px) {
  .ell-m-xs {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
  .ell-m-xs-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-none {
  cursor: none !important;
}

.cursor-move {
  cursor: move !important;
}

.cursor-text {
  cursor: text !important;
}

.cursor-wait {
  cursor: wait !important;
}

.cursor-help {
  cursor: help !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.cursor-crosshair {
  cursor: crosshair !important;
}

.icon.icon-arrow-top::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-top.is-3xs::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-arrow-top.is-2xs::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-top.is-xs::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-top.is-sm::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-top.is-md::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-top.is-lg::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-top.is-xl::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-top.is-max::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-arrow-right::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-right.is-3xs::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-arrow-right.is-2xs::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-right.is-xs::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-right.is-sm::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-right.is-md::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-right.is-lg::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-right.is-xl::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-right.is-max::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-arrow-bottom::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-bottom.is-3xs::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-arrow-bottom.is-2xs::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-bottom.is-xs::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-bottom.is-sm::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-bottom.is-md::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-bottom.is-lg::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-bottom.is-xl::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-bottom.is-max::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-arrow-left::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-left.is-3xs::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-arrow-left.is-2xs::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-left.is-xs::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-left.is-sm::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-left.is-md::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-left.is-lg::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-left.is-xl::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-left.is-max::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-chevron-top::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-top.is-3xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-chevron-top.is-2xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-top.is-xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-top.is-sm::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-top.is-md::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-top.is-lg::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-top.is-xl::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-top.is-max::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-chevron-right::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-right.is-3xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-chevron-right.is-2xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-right.is-xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-right.is-sm::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-right.is-md::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-right.is-lg::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-right.is-xl::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-right.is-max::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-chevron-bottom::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-bottom.is-3xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-chevron-bottom.is-2xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-bottom.is-xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-bottom.is-sm::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-bottom.is-md::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-bottom.is-lg::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-bottom.is-xl::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-bottom.is-max::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-chevron-left::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-left.is-3xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-chevron-left.is-2xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-left.is-xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-left.is-sm::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-left.is-md::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-left.is-lg::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-left.is-xl::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-left.is-max::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-corner-down-left::before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-corner-down-left.is-3xs::before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-corner-down-left.is-2xs::before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-corner-down-left.is-xs::before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-corner-down-left.is-sm::before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-corner-down-left.is-md::before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-corner-down-left.is-lg::before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-corner-down-left.is-xl::before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-corner-down-left.is-max::before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-double-chevron-top::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-top.is-3xs::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-double-chevron-top.is-2xs::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-chevron-top.is-xs::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-chevron-top.is-sm::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-chevron-top.is-md::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-top.is-lg::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-chevron-top.is-xl::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-chevron-top.is-max::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-double-chevron-right::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-right.is-3xs::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-double-chevron-right.is-2xs::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-chevron-right.is-xs::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-chevron-right.is-sm::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-chevron-right.is-md::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-right.is-lg::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-chevron-right.is-xl::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-chevron-right.is-max::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-double-chevron-bottom::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-bottom.is-3xs::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-double-chevron-bottom.is-2xs::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-chevron-bottom.is-xs::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-chevron-bottom.is-sm::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-chevron-bottom.is-md::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-bottom.is-lg::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-chevron-bottom.is-xl::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-chevron-bottom.is-max::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-double-chevron-left::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-left.is-3xs::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-double-chevron-left.is-2xs::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-chevron-left.is-xs::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-chevron-left.is-sm::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-chevron-left.is-md::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-left.is-lg::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-chevron-left.is-xl::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-chevron-left.is-max::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-acrobat::before {
  content: "\e800";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-acrobat.is-3xs::before {
  content: "\e800";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-acrobat.is-2xs::before {
  content: "\e800";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-acrobat.is-xs::before {
  content: "\e800";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-acrobat.is-sm::before {
  content: "\e800";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-acrobat.is-md::before {
  content: "\e800";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-acrobat.is-lg::before {
  content: "\e800";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-acrobat.is-xl::before {
  content: "\e800";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-acrobat.is-max::before {
  content: "\e800";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-airplane-solid::before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-airplane-solid.is-3xs::before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-airplane-solid.is-2xs::before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-airplane-solid.is-xs::before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-airplane-solid.is-sm::before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-airplane-solid.is-md::before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-airplane-solid.is-lg::before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-airplane-solid.is-xl::before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-airplane-solid.is-max::before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-calendar::before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-calendar.is-3xs::before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-calendar.is-2xs::before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-calendar.is-xs::before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-calendar.is-sm::before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-calendar.is-md::before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-calendar.is-lg::before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-calendar.is-xl::before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-calendar.is-max::before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-chart-square::before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chart-square.is-3xs::before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-chart-square.is-2xs::before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chart-square.is-xs::before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chart-square.is-sm::before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chart-square.is-md::before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chart-square.is-lg::before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chart-square.is-xl::before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chart-square.is-max::before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-check::before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-check.is-3xs::before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-check.is-2xs::before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-check.is-xs::before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-check.is-sm::before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-check.is-md::before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-check.is-lg::before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-check.is-xl::before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-check.is-max::before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-check-badge-soild::before {
  content: "\e805";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-check-badge-soild.is-3xs::before {
  content: "\e805";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-check-badge-soild.is-2xs::before {
  content: "\e805";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-check-badge-soild.is-xs::before {
  content: "\e805";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-check-badge-soild.is-sm::before {
  content: "\e805";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-check-badge-soild.is-md::before {
  content: "\e805";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-check-badge-soild.is-lg::before {
  content: "\e805";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-check-badge-soild.is-xl::before {
  content: "\e805";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-check-badge-soild.is-max::before {
  content: "\e805";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-clock::before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-clock.is-3xs::before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-clock.is-2xs::before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-clock.is-xs::before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-clock.is-sm::before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-clock.is-md::before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-clock.is-lg::before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-clock.is-xl::before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-clock.is-max::before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-copy::before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-copy.is-3xs::before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-copy.is-2xs::before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-copy.is-xs::before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-copy.is-sm::before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-copy.is-md::before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-copy.is-lg::before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-copy.is-xl::before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-copy.is-max::before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-divide-circle::before {
  content: "\e80b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-divide-circle.is-3xs::before {
  content: "\e80b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-divide-circle.is-2xs::before {
  content: "\e80b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-divide-circle.is-xs::before {
  content: "\e80b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-divide-circle.is-sm::before {
  content: "\e80b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-divide-circle.is-md::before {
  content: "\e80b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-divide-circle.is-lg::before {
  content: "\e80b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-divide-circle.is-xl::before {
  content: "\e80b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-divide-circle.is-max::before {
  content: "\e80b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-divide-square::before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-divide-square.is-3xs::before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-divide-square.is-2xs::before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-divide-square.is-xs::before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-divide-square.is-sm::before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-divide-square.is-md::before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-divide-square.is-lg::before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-divide-square.is-xl::before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-divide-square.is-max::before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-download::before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-download.is-3xs::before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-download.is-2xs::before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-download.is-xs::before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-download.is-sm::before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-download.is-md::before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-download.is-lg::before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-download.is-xl::before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-download.is-max::before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-drag-cursor::before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-drag-cursor.is-3xs::before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-drag-cursor.is-2xs::before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-drag-cursor.is-xs::before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-drag-cursor.is-sm::before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-drag-cursor.is-md::before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-drag-cursor.is-lg::before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-drag-cursor.is-xl::before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-drag-cursor.is-max::before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-drag-handle::before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-drag-handle.is-3xs::before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-drag-handle.is-2xs::before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-drag-handle.is-xs::before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-drag-handle.is-sm::before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-drag-handle.is-md::before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-drag-handle.is-lg::before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-drag-handle.is-xl::before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-drag-handle.is-max::before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-edit::before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-edit.is-3xs::before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-edit.is-2xs::before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-edit.is-xs::before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-edit.is-sm::before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-edit.is-md::before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-edit.is-lg::before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-edit.is-xl::before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-edit.is-max::before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-edit-solid::before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-edit-solid.is-3xs::before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-edit-solid.is-2xs::before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-edit-solid.is-xs::before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-edit-solid.is-sm::before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-edit-solid.is-md::before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-edit-solid.is-lg::before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-edit-solid.is-xl::before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-edit-solid.is-max::before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-excel::before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-excel.is-3xs::before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-excel.is-2xs::before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-excel.is-xs::before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-excel.is-sm::before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-excel.is-md::before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-excel.is-lg::before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-excel.is-xl::before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-excel.is-max::before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-exclamation-circle::before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-exclamation-circle.is-3xs::before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-exclamation-circle.is-2xs::before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-exclamation-circle.is-xs::before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-exclamation-circle.is-sm::before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-exclamation-circle.is-md::before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-exclamation-circle.is-lg::before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-exclamation-circle.is-xl::before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-exclamation-circle.is-max::before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-exit::before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-exit.is-3xs::before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-exit.is-2xs::before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-exit.is-xs::before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-exit.is-sm::before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-exit.is-md::before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-exit.is-lg::before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-exit.is-xl::before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-exit.is-max::before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-file::before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-file.is-3xs::before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-file.is-2xs::before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-file.is-xs::before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-file.is-sm::before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-file.is-md::before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-file.is-lg::before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-file.is-xl::before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-file.is-max::before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-file-text::before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-file-text.is-3xs::before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-file-text.is-2xs::before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-file-text.is-xs::before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-file-text.is-sm::before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-file-text.is-md::before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-file-text.is-lg::before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-file-text.is-xl::before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-file-text.is-max::before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-filter::before {
  content: "\e818";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-filter.is-3xs::before {
  content: "\e818";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-filter.is-2xs::before {
  content: "\e818";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-filter.is-xs::before {
  content: "\e818";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-filter.is-sm::before {
  content: "\e818";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-filter.is-md::before {
  content: "\e818";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-filter.is-lg::before {
  content: "\e818";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-filter.is-xl::before {
  content: "\e818";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-filter.is-max::before {
  content: "\e818";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-folder::before {
  content: "\e819";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-folder.is-3xs::before {
  content: "\e819";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-folder.is-2xs::before {
  content: "\e819";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-folder.is-xs::before {
  content: "\e819";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-folder.is-sm::before {
  content: "\e819";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-folder.is-md::before {
  content: "\e819";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-folder.is-lg::before {
  content: "\e819";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-folder.is-xl::before {
  content: "\e819";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-folder.is-max::before {
  content: "\e819";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-frame::before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-frame.is-3xs::before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-frame.is-2xs::before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-frame.is-xs::before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-frame.is-sm::before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-frame.is-md::before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-frame.is-lg::before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-frame.is-xl::before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-frame.is-max::before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-globe::before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-globe.is-3xs::before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-globe.is-2xs::before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-globe.is-xs::before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-globe.is-sm::before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-globe.is-md::before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-globe.is-lg::before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-globe.is-xl::before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-globe.is-max::before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-grid::before {
  content: "\e81c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-grid.is-3xs::before {
  content: "\e81c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-grid.is-2xs::before {
  content: "\e81c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-grid.is-xs::before {
  content: "\e81c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-grid.is-sm::before {
  content: "\e81c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-grid.is-md::before {
  content: "\e81c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-grid.is-lg::before {
  content: "\e81c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-grid.is-xl::before {
  content: "\e81c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-grid.is-max::before {
  content: "\e81c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-heart::before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-heart.is-3xs::before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-heart.is-2xs::before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-heart.is-xs::before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-heart.is-sm::before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-heart.is-md::before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-heart.is-lg::before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-heart.is-xl::before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-heart.is-max::before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-heart-solid::before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-heart-solid.is-3xs::before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-heart-solid.is-2xs::before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-heart-solid.is-xs::before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-heart-solid.is-sm::before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-heart-solid.is-md::before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-heart-solid.is-lg::before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-heart-solid.is-xl::before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-heart-solid.is-max::before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-help-circle::before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-help-circle.is-3xs::before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-help-circle.is-2xs::before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-help-circle.is-xs::before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-help-circle.is-sm::before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-help-circle.is-md::before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-help-circle.is-lg::before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-help-circle.is-xl::before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-help-circle.is-max::before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-home::before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-home.is-3xs::before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-home.is-2xs::before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-home.is-xs::before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-home.is-sm::before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-home.is-md::before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-home.is-lg::before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-home.is-xl::before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-home.is-max::before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-home-solid::before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-home-solid.is-3xs::before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-home-solid.is-2xs::before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-home-solid.is-xs::before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-home-solid.is-sm::before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-home-solid.is-md::before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-home-solid.is-lg::before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-home-solid.is-xl::before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-home-solid.is-max::before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-hwp::before {
  content: "\e822";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-hwp.is-3xs::before {
  content: "\e822";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-hwp.is-2xs::before {
  content: "\e822";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-hwp.is-xs::before {
  content: "\e822";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-hwp.is-sm::before {
  content: "\e822";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-hwp.is-md::before {
  content: "\e822";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-hwp.is-lg::before {
  content: "\e822";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-hwp.is-xl::before {
  content: "\e822";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-hwp.is-max::before {
  content: "\e822";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-image::before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-image.is-3xs::before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-image.is-2xs::before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-image.is-xs::before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-image.is-sm::before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-image.is-md::before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-image.is-lg::before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-image.is-xl::before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-image.is-max::before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-inbox::before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-inbox.is-3xs::before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-inbox.is-2xs::before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-inbox.is-xs::before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-inbox.is-sm::before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-inbox.is-md::before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-inbox.is-lg::before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-inbox.is-xl::before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-inbox.is-max::before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-link::before {
  content: "\e825";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-link.is-3xs::before {
  content: "\e825";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-link.is-2xs::before {
  content: "\e825";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-link.is-xs::before {
  content: "\e825";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-link.is-sm::before {
  content: "\e825";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-link.is-md::before {
  content: "\e825";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-link.is-lg::before {
  content: "\e825";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-link.is-xl::before {
  content: "\e825";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-link.is-max::before {
  content: "\e825";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-lock::before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-lock.is-3xs::before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-lock.is-2xs::before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-lock.is-xs::before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-lock.is-sm::before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-lock.is-md::before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-lock.is-lg::before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-lock.is-xl::before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-lock.is-max::before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-lock-open::before {
  content: "\e826";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-lock-open.is-3xs::before {
  content: "\e826";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-lock-open.is-2xs::before {
  content: "\e826";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-lock-open.is-xs::before {
  content: "\e826";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-lock-open.is-sm::before {
  content: "\e826";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-lock-open.is-md::before {
  content: "\e826";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-lock-open.is-lg::before {
  content: "\e826";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-lock-open.is-xl::before {
  content: "\e826";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-lock-open.is-max::before {
  content: "\e826";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-login::before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-login.is-3xs::before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-login.is-2xs::before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-login.is-xs::before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-login.is-sm::before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-login.is-md::before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-login.is-lg::before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-login.is-xl::before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-login.is-max::before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-logout::before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-logout.is-3xs::before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-logout.is-2xs::before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-logout.is-xs::before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-logout.is-sm::before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-logout.is-md::before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-logout.is-lg::before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-logout.is-xl::before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-logout.is-max::before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-menu::before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-menu.is-3xs::before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-menu.is-2xs::before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-menu.is-xs::before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-menu.is-sm::before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-menu.is-md::before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-menu.is-lg::before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-menu.is-xl::before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-menu.is-max::before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-message-circle::before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-circle.is-3xs::before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-message-circle.is-2xs::before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-message-circle.is-xs::before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-message-circle.is-sm::before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-message-circle.is-md::before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-circle.is-lg::before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-message-circle.is-xl::before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-message-circle.is-max::before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-message-dots::before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-dots.is-3xs::before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-message-dots.is-2xs::before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-message-dots.is-xs::before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-message-dots.is-sm::before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-message-dots.is-md::before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-dots.is-lg::before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-message-dots.is-xl::before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-message-dots.is-max::before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-message-dots-solid::before {
  content: "\e82c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-dots-solid.is-3xs::before {
  content: "\e82c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-message-dots-solid.is-2xs::before {
  content: "\e82c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-message-dots-solid.is-xs::before {
  content: "\e82c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-message-dots-solid.is-sm::before {
  content: "\e82c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-message-dots-solid.is-md::before {
  content: "\e82c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-dots-solid.is-lg::before {
  content: "\e82c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-message-dots-solid.is-xl::before {
  content: "\e82c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-message-dots-solid.is-max::before {
  content: "\e82c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-message-square::before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-square.is-3xs::before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-message-square.is-2xs::before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-message-square.is-xs::before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-message-square.is-sm::before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-message-square.is-md::before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-square.is-lg::before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-message-square.is-xl::before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-message-square.is-max::before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-minus::before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-minus.is-3xs::before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-minus.is-2xs::before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-minus.is-xs::before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-minus.is-sm::before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-minus.is-md::before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-minus.is-lg::before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-minus.is-xl::before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-minus.is-max::before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-more-horizontal::before {
  content: "\e830";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-more-horizontal.is-3xs::before {
  content: "\e830";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-more-horizontal.is-2xs::before {
  content: "\e830";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-more-horizontal.is-xs::before {
  content: "\e830";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-more-horizontal.is-sm::before {
  content: "\e830";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-more-horizontal.is-md::before {
  content: "\e830";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-more-horizontal.is-lg::before {
  content: "\e830";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-more-horizontal.is-xl::before {
  content: "\e830";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-more-horizontal.is-max::before {
  content: "\e830";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-more-vertical::before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-more-vertical.is-3xs::before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-more-vertical.is-2xs::before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-more-vertical.is-xs::before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-more-vertical.is-sm::before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-more-vertical.is-md::before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-more-vertical.is-lg::before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-more-vertical.is-xl::before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-more-vertical.is-max::before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-move::before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-move.is-3xs::before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-move.is-2xs::before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-move.is-xs::before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-move.is-sm::before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-move.is-md::before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-move.is-lg::before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-move.is-xl::before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-move.is-max::before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-notification::before {
  content: "\e833";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-notification.is-3xs::before {
  content: "\e833";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-notification.is-2xs::before {
  content: "\e833";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-notification.is-xs::before {
  content: "\e833";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-notification.is-sm::before {
  content: "\e833";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-notification.is-md::before {
  content: "\e833";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-notification.is-lg::before {
  content: "\e833";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-notification.is-xl::before {
  content: "\e833";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-notification.is-max::before {
  content: "\e833";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-open-book-solid::before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-open-book-solid.is-3xs::before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-open-book-solid.is-2xs::before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-open-book-solid.is-xs::before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-open-book-solid.is-sm::before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-open-book-solid.is-md::before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-open-book-solid.is-lg::before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-open-book-solid.is-xl::before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-open-book-solid.is-max::before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-paperclip::before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-paperclip.is-3xs::before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-paperclip.is-2xs::before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-paperclip.is-xs::before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-paperclip.is-sm::before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-paperclip.is-md::before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-paperclip.is-lg::before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-paperclip.is-xl::before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-paperclip.is-max::before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-pause::before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pause.is-3xs::before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pause.is-2xs::before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pause.is-xs::before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pause.is-sm::before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pause.is-md::before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pause.is-lg::before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pause.is-xl::before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pause.is-max::before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-pause-circle::before {
  content: "\e837";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pause-circle.is-3xs::before {
  content: "\e837";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pause-circle.is-2xs::before {
  content: "\e837";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pause-circle.is-xs::before {
  content: "\e837";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pause-circle.is-sm::before {
  content: "\e837";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pause-circle.is-md::before {
  content: "\e837";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pause-circle.is-lg::before {
  content: "\e837";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pause-circle.is-xl::before {
  content: "\e837";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pause-circle.is-max::before {
  content: "\e837";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-pause-circle-solid::before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pause-circle-solid.is-3xs::before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pause-circle-solid.is-2xs::before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pause-circle-solid.is-xs::before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pause-circle-solid.is-sm::before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pause-circle-solid.is-md::before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pause-circle-solid.is-lg::before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pause-circle-solid.is-xl::before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pause-circle-solid.is-max::before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-pencil::before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pencil.is-3xs::before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pencil.is-2xs::before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pencil.is-xs::before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pencil.is-sm::before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pencil.is-md::before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pencil.is-lg::before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pencil.is-xl::before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pencil.is-max::before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-pencil-underline::before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pencil-underline.is-3xs::before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pencil-underline.is-2xs::before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pencil-underline.is-xs::before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pencil-underline.is-sm::before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pencil-underline.is-md::before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pencil-underline.is-lg::before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pencil-underline.is-xl::before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pencil-underline.is-max::before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-pie-chart::before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pie-chart.is-3xs::before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pie-chart.is-2xs::before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pie-chart.is-xs::before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pie-chart.is-sm::before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pie-chart.is-md::before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pie-chart.is-lg::before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pie-chart.is-xl::before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pie-chart.is-max::before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-pin-solid::before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pin-solid.is-3xs::before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pin-solid.is-2xs::before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pin-solid.is-xs::before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pin-solid.is-sm::before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pin-solid.is-md::before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pin-solid.is-lg::before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pin-solid.is-xl::before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pin-solid.is-max::before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-play::before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-play.is-3xs::before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-play.is-2xs::before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-play.is-xs::before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-play.is-sm::before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-play.is-md::before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-play.is-lg::before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-play.is-xl::before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-play.is-max::before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-play-circle::before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-play-circle.is-3xs::before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-play-circle.is-2xs::before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-play-circle.is-xs::before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-play-circle.is-sm::before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-play-circle.is-md::before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-play-circle.is-lg::before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-play-circle.is-xl::before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-play-circle.is-max::before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-play-circle-solid::before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-play-circle-solid.is-3xs::before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-play-circle-solid.is-2xs::before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-play-circle-solid.is-xs::before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-play-circle-solid.is-sm::before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-play-circle-solid.is-md::before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-play-circle-solid.is-lg::before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-play-circle-solid.is-xl::before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-play-circle-solid.is-max::before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-plus::before {
  content: "\e841";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-plus.is-3xs::before {
  content: "\e841";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-plus.is-2xs::before {
  content: "\e841";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-plus.is-xs::before {
  content: "\e841";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-plus.is-sm::before {
  content: "\e841";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-plus.is-md::before {
  content: "\e841";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-plus.is-lg::before {
  content: "\e841";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-plus.is-xl::before {
  content: "\e841";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-plus.is-max::before {
  content: "\e841";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-plus-circle::before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-plus-circle.is-3xs::before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-plus-circle.is-2xs::before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-plus-circle.is-xs::before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-plus-circle.is-sm::before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-plus-circle.is-md::before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-plus-circle.is-lg::before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-plus-circle.is-xl::before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-plus-circle.is-max::before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-ppt::before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-ppt.is-3xs::before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-ppt.is-2xs::before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-ppt.is-xs::before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-ppt.is-sm::before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-ppt.is-md::before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-ppt.is-lg::before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-ppt.is-xl::before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-ppt.is-max::before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-refresh::before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-refresh.is-3xs::before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-refresh.is-2xs::before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-refresh.is-xs::before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-refresh.is-sm::before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-refresh.is-md::before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-refresh.is-lg::before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-refresh.is-xl::before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-refresh.is-max::before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-school-solid::before {
  content: "\e844";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-school-solid.is-3xs::before {
  content: "\e844";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-school-solid.is-2xs::before {
  content: "\e844";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-school-solid.is-xs::before {
  content: "\e844";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-school-solid.is-sm::before {
  content: "\e844";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-school-solid.is-md::before {
  content: "\e844";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-school-solid.is-lg::before {
  content: "\e844";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-school-solid.is-xl::before {
  content: "\e844";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-school-solid.is-max::before {
  content: "\e844";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-search::before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-search.is-3xs::before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-search.is-2xs::before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-search.is-xs::before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-search.is-sm::before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-search.is-md::before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-search.is-lg::before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-search.is-xl::before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-search.is-max::before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-security-solid::before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-security-solid.is-3xs::before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-security-solid.is-2xs::before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-security-solid.is-xs::before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-security-solid.is-sm::before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-security-solid.is-md::before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-security-solid.is-lg::before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-security-solid.is-xl::before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-security-solid.is-max::before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-settings::before {
  content: "\e848";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-settings.is-3xs::before {
  content: "\e848";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-settings.is-2xs::before {
  content: "\e848";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-settings.is-xs::before {
  content: "\e848";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-settings.is-sm::before {
  content: "\e848";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-settings.is-md::before {
  content: "\e848";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-settings.is-lg::before {
  content: "\e848";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-settings.is-xl::before {
  content: "\e848";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-settings.is-max::before {
  content: "\e848";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-settings-solid::before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-settings-solid.is-3xs::before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-settings-solid.is-2xs::before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-settings-solid.is-xs::before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-settings-solid.is-sm::before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-settings-solid.is-md::before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-settings-solid.is-lg::before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-settings-solid.is-xl::before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-settings-solid.is-max::before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-share::before {
  content: "\e849";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-share.is-3xs::before {
  content: "\e849";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-share.is-2xs::before {
  content: "\e849";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-share.is-xs::before {
  content: "\e849";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-share.is-sm::before {
  content: "\e849";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-share.is-md::before {
  content: "\e849";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-share.is-lg::before {
  content: "\e849";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-share.is-xl::before {
  content: "\e849";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-share.is-max::before {
  content: "\e849";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-star::before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star.is-3xs::before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-star.is-2xs::before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-star.is-xs::before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-star.is-sm::before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-star.is-md::before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star.is-lg::before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-star.is-xl::before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-star.is-max::before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-star-light::before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star-light.is-3xs::before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-star-light.is-2xs::before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-star-light.is-xs::before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-star-light.is-sm::before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-star-light.is-md::before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star-light.is-lg::before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-star-light.is-xl::before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-star-light.is-max::before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-star-light-solid::before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star-light-solid.is-3xs::before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-star-light-solid.is-2xs::before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-star-light-solid.is-xs::before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-star-light-solid.is-sm::before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-star-light-solid.is-md::before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star-light-solid.is-lg::before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-star-light-solid.is-xl::before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-star-light-solid.is-max::before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-star-solid::before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star-solid.is-3xs::before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-star-solid.is-2xs::before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-star-solid.is-xs::before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-star-solid.is-sm::before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-star-solid.is-md::before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star-solid.is-lg::before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-star-solid.is-xl::before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-star-solid.is-max::before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-thumbs-up::before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-thumbs-up.is-3xs::before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-thumbs-up.is-2xs::before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-thumbs-up.is-xs::before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-thumbs-up.is-sm::before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-thumbs-up.is-md::before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-thumbs-up.is-lg::before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-thumbs-up.is-xl::before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-thumbs-up.is-max::before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-thumbs-up-solid::before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-thumbs-up-solid.is-3xs::before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-thumbs-up-solid.is-2xs::before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-thumbs-up-solid.is-xs::before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-thumbs-up-solid.is-sm::before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-thumbs-up-solid.is-md::before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-thumbs-up-solid.is-lg::before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-thumbs-up-solid.is-xl::before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-thumbs-up-solid.is-max::before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-trashcan::before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-trashcan.is-3xs::before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-trashcan.is-2xs::before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-trashcan.is-xs::before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-trashcan.is-sm::before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-trashcan.is-md::before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-trashcan.is-lg::before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-trashcan.is-xl::before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-trashcan.is-max::before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-upload::before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-upload.is-3xs::before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-upload.is-2xs::before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-upload.is-xs::before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-upload.is-sm::before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-upload.is-md::before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-upload.is-lg::before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-upload.is-xl::before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-upload.is-max::before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-user::before {
  content: "\e855";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-user.is-3xs::before {
  content: "\e855";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-user.is-2xs::before {
  content: "\e855";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-user.is-xs::before {
  content: "\e855";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-user.is-sm::before {
  content: "\e855";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-user.is-md::before {
  content: "\e855";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-user.is-lg::before {
  content: "\e855";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-user.is-xl::before {
  content: "\e855";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-user.is-max::before {
  content: "\e855";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-user-solid::before {
  content: "\e854";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-user-solid.is-3xs::before {
  content: "\e854";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-user-solid.is-2xs::before {
  content: "\e854";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-user-solid.is-xs::before {
  content: "\e854";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-user-solid.is-sm::before {
  content: "\e854";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-user-solid.is-md::before {
  content: "\e854";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-user-solid.is-lg::before {
  content: "\e854";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-user-solid.is-xl::before {
  content: "\e854";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-user-solid.is-max::before {
  content: "\e854";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-view-grid::before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-view-grid.is-3xs::before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-view-grid.is-2xs::before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-view-grid.is-xs::before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-view-grid.is-sm::before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-view-grid.is-md::before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-view-grid.is-lg::before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-view-grid.is-xl::before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-view-grid.is-max::before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-view-list::before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-view-list.is-3xs::before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-view-list.is-2xs::before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-view-list.is-xs::before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-view-list.is-sm::before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-view-list.is-md::before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-view-list.is-lg::before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-view-list.is-xl::before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-view-list.is-max::before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-visibility-off::before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-visibility-off.is-3xs::before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-visibility-off.is-2xs::before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-visibility-off.is-xs::before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-visibility-off.is-sm::before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-visibility-off.is-md::before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-visibility-off.is-lg::before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-visibility-off.is-xl::before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-visibility-off.is-max::before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-visibility-on::before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-visibility-on.is-3xs::before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-visibility-on.is-2xs::before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-visibility-on.is-xs::before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-visibility-on.is-sm::before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-visibility-on.is-md::before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-visibility-on.is-lg::before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-visibility-on.is-xl::before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-visibility-on.is-max::before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-visibility-on-solid::before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-visibility-on-solid.is-3xs::before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-visibility-on-solid.is-2xs::before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-visibility-on-solid.is-xs::before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-visibility-on-solid.is-sm::before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-visibility-on-solid.is-md::before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-visibility-on-solid.is-lg::before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-visibility-on-solid.is-xl::before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-visibility-on-solid.is-max::before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-word::before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-word.is-3xs::before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-word.is-2xs::before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-word.is-xs::before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-word.is-sm::before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-word.is-md::before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-word.is-lg::before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-word.is-xl::before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-word.is-max::before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-x::before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-x.is-3xs::before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-x.is-2xs::before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-x.is-xs::before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-x.is-sm::before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-x.is-md::before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-x.is-lg::before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-x.is-xl::before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-x.is-max::before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-x-lg::before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-x-lg.is-3xs::before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-x-lg.is-2xs::before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-x-lg.is-xs::before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-x-lg.is-sm::before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-x-lg.is-md::before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-x-lg.is-lg::before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-x-lg.is-xl::before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-x-lg.is-max::before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-zoom-in::before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-zoom-in.is-3xs::before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-zoom-in.is-2xs::before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-zoom-in.is-xs::before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-zoom-in.is-sm::before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-zoom-in.is-md::before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-zoom-in.is-lg::before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-zoom-in.is-xl::before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-zoom-in.is-max::before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-zoom-out::before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-zoom-out.is-3xs::before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-zoom-out.is-2xs::before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-zoom-out.is-xs::before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-zoom-out.is-sm::before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-zoom-out.is-md::before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-zoom-out.is-lg::before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-zoom-out.is-xl::before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-zoom-out.is-max::before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-student::before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-student.is-3xs::before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-student.is-2xs::before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-student.is-xs::before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-student.is-sm::before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-student.is-md::before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-student.is-lg::before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-student.is-xl::before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-student.is-max::before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-teacher::before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-teacher.is-3xs::before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-teacher.is-2xs::before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-teacher.is-xs::before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-teacher.is-sm::before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-teacher.is-md::before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-teacher.is-lg::before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-teacher.is-xl::before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-teacher.is-max::before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-info-line::before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-info-line.is-3xs::before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-info-line.is-2xs::before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-info-line.is-xs::before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-info-line.is-sm::before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-info-line.is-md::before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-info-line.is-lg::before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-info-line.is-xl::before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-info-line.is-max::before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-library-line::before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-library-line.is-3xs::before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-library-line.is-2xs::before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-library-line.is-xs::before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-library-line.is-sm::before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-library-line.is-md::before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-library-line.is-lg::before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-library-line.is-xl::before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-library-line.is-max::before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}

.static {
  position: static !important;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.fixed {
  position: fixed !important;
}

.sticky {
  position: sticky !important;
}

@media (max-width: 100%) {
  .static-full {
    position: static !important;
  }
}

@media (max-width: 1920px) {
  .static-fit {
    position: static !important;
  }
}

@media (max-width: 1600px) {
  .static-2xl {
    position: static !important;
  }
}

@media (max-width: 1440px) {
  .static-xl {
    position: static !important;
  }
}

@media (max-width: 1366px) {
  .static-t-xl {
    position: static !important;
  }
}

@media (max-width: 1280px) {
  .static-t-lg {
    position: static !important;
  }
}

@media (max-width: 1180px) {
  .static-t-md {
    position: static !important;
  }
}

@media (max-width: 1024px) {
  .static-t-sm {
    position: static !important;
  }
}

@media (max-width: 820px) {
  .static-t-xs {
    position: static !important;
  }
}

@media (max-width: 767px) {
  .static-m-max {
    position: static !important;
  }
}

@media (max-width: 640px) {
  .static-m-3xl {
    position: static !important;
  }
}

@media (max-width: 430px) {
  .static-m-2xl {
    position: static !important;
  }
}

@media (max-width: 412px) {
  .static-m-xl {
    position: static !important;
  }
}

@media (max-width: 390px) {
  .static-m-lg {
    position: static !important;
  }
}

@media (max-width: 375px) {
  .static-m-md {
    position: static !important;
  }
}

@media (max-width: 360px) {
  .static-m-sm {
    position: static !important;
  }
}

@media (max-width: 359px) {
  .static-m-xs {
    position: static !important;
  }
}

@media (max-width: 100%) {
  .relative-full {
    position: relative !important;
  }
}

@media (max-width: 1920px) {
  .relative-fit {
    position: relative !important;
  }
}

@media (max-width: 1600px) {
  .relative-2xl {
    position: relative !important;
  }
}

@media (max-width: 1440px) {
  .relative-xl {
    position: relative !important;
  }
}

@media (max-width: 1366px) {
  .relative-t-xl {
    position: relative !important;
  }
}

@media (max-width: 1280px) {
  .relative-t-lg {
    position: relative !important;
  }
}

@media (max-width: 1180px) {
  .relative-t-md {
    position: relative !important;
  }
}

@media (max-width: 1024px) {
  .relative-t-sm {
    position: relative !important;
  }
}

@media (max-width: 820px) {
  .relative-t-xs {
    position: relative !important;
  }
}

@media (max-width: 767px) {
  .relative-m-max {
    position: relative !important;
  }
}

@media (max-width: 640px) {
  .relative-m-3xl {
    position: relative !important;
  }
}

@media (max-width: 430px) {
  .relative-m-2xl {
    position: relative !important;
  }
}

@media (max-width: 412px) {
  .relative-m-xl {
    position: relative !important;
  }
}

@media (max-width: 390px) {
  .relative-m-lg {
    position: relative !important;
  }
}

@media (max-width: 375px) {
  .relative-m-md {
    position: relative !important;
  }
}

@media (max-width: 360px) {
  .relative-m-sm {
    position: relative !important;
  }
}

@media (max-width: 359px) {
  .relative-m-xs {
    position: relative !important;
  }
}

@media (max-width: 100%) {
  .absolute-full {
    position: absolute !important;
  }
}

@media (max-width: 1920px) {
  .absolute-fit {
    position: absolute !important;
  }
}

@media (max-width: 1600px) {
  .absolute-2xl {
    position: absolute !important;
  }
}

@media (max-width: 1440px) {
  .absolute-xl {
    position: absolute !important;
  }
}

@media (max-width: 1366px) {
  .absolute-t-xl {
    position: absolute !important;
  }
}

@media (max-width: 1280px) {
  .absolute-t-lg {
    position: absolute !important;
  }
}

@media (max-width: 1180px) {
  .absolute-t-md {
    position: absolute !important;
  }
}

@media (max-width: 1024px) {
  .absolute-t-sm {
    position: absolute !important;
  }
}

@media (max-width: 820px) {
  .absolute-t-xs {
    position: absolute !important;
  }
}

@media (max-width: 767px) {
  .absolute-m-max {
    position: absolute !important;
  }
}

@media (max-width: 640px) {
  .absolute-m-3xl {
    position: absolute !important;
  }
}

@media (max-width: 430px) {
  .absolute-m-2xl {
    position: absolute !important;
  }
}

@media (max-width: 412px) {
  .absolute-m-xl {
    position: absolute !important;
  }
}

@media (max-width: 390px) {
  .absolute-m-lg {
    position: absolute !important;
  }
}

@media (max-width: 375px) {
  .absolute-m-md {
    position: absolute !important;
  }
}

@media (max-width: 360px) {
  .absolute-m-sm {
    position: absolute !important;
  }
}

@media (max-width: 359px) {
  .absolute-m-xs {
    position: absolute !important;
  }
}

@media (max-width: 100%) {
  .fixed-full {
    position: fixed !important;
  }
}

@media (max-width: 1920px) {
  .fixed-fit {
    position: fixed !important;
  }
}

@media (max-width: 1600px) {
  .fixed-2xl {
    position: fixed !important;
  }
}

@media (max-width: 1440px) {
  .fixed-xl {
    position: fixed !important;
  }
}

@media (max-width: 1366px) {
  .fixed-t-xl {
    position: fixed !important;
  }
}

@media (max-width: 1280px) {
  .fixed-t-lg {
    position: fixed !important;
  }
}

@media (max-width: 1180px) {
  .fixed-t-md {
    position: fixed !important;
  }
}

@media (max-width: 1024px) {
  .fixed-t-sm {
    position: fixed !important;
  }
}

@media (max-width: 820px) {
  .fixed-t-xs {
    position: fixed !important;
  }
}

@media (max-width: 767px) {
  .fixed-m-max {
    position: fixed !important;
  }
}

@media (max-width: 640px) {
  .fixed-m-3xl {
    position: fixed !important;
  }
}

@media (max-width: 430px) {
  .fixed-m-2xl {
    position: fixed !important;
  }
}

@media (max-width: 412px) {
  .fixed-m-xl {
    position: fixed !important;
  }
}

@media (max-width: 390px) {
  .fixed-m-lg {
    position: fixed !important;
  }
}

@media (max-width: 375px) {
  .fixed-m-md {
    position: fixed !important;
  }
}

@media (max-width: 360px) {
  .fixed-m-sm {
    position: fixed !important;
  }
}

@media (max-width: 359px) {
  .fixed-m-xs {
    position: fixed !important;
  }
}

@media (max-width: 100%) {
  .sticky-full {
    position: sticky !important;
  }
}

@media (max-width: 1920px) {
  .sticky-fit {
    position: sticky !important;
  }
}

@media (max-width: 1600px) {
  .sticky-2xl {
    position: sticky !important;
  }
}

@media (max-width: 1440px) {
  .sticky-xl {
    position: sticky !important;
  }
}

@media (max-width: 1366px) {
  .sticky-t-xl {
    position: sticky !important;
  }
}

@media (max-width: 1280px) {
  .sticky-t-lg {
    position: sticky !important;
  }
}

@media (max-width: 1180px) {
  .sticky-t-md {
    position: sticky !important;
  }
}

@media (max-width: 1024px) {
  .sticky-t-sm {
    position: sticky !important;
  }
}

@media (max-width: 820px) {
  .sticky-t-xs {
    position: sticky !important;
  }
}

@media (max-width: 767px) {
  .sticky-m-max {
    position: sticky !important;
  }
}

@media (max-width: 640px) {
  .sticky-m-3xl {
    position: sticky !important;
  }
}

@media (max-width: 430px) {
  .sticky-m-2xl {
    position: sticky !important;
  }
}

@media (max-width: 412px) {
  .sticky-m-xl {
    position: sticky !important;
  }
}

@media (max-width: 390px) {
  .sticky-m-lg {
    position: sticky !important;
  }
}

@media (max-width: 375px) {
  .sticky-m-md {
    position: sticky !important;
  }
}

@media (max-width: 360px) {
  .sticky-m-sm {
    position: sticky !important;
  }
}

@media (max-width: 359px) {
  .sticky-m-xs {
    position: sticky !important;
  }
}

* {
  /* ───────────────────────────────────────
    📌 Scrollbar
  ─────────────────────────────────────── */
}
*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: var(--bbc-color-fill-accent-0);
}
*::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: var(--bbc-color-util-scroll-thumb);
}
*::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: var(--bbc-color-util-scroll-track);
}
* {
  /* ───────────────────────────────────────
    📌 Focus
  ─────────────────────────────────────── */
}
* *:focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0.125rem;
}

/* ───────────────────────────────────────
  📌 Body
─────────────────────────────────────── */
body {
  background-color: var(--bbc-color-layer-floor-0);
  color: var(--bbc-color-text-natural-0);
}
body.js-modal-open, body.js-loading-cover {
  overflow: hidden;
}

html.js-loading-cover {
  overflow: hidden;
}

.dev-panel {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  width: 380px;
  height: 100vh;
  box-shadow: -2px 0 15px rgba(0, 0, 0, 0.1);
  background-color: #f9fafb;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out 0.3s;
  opacity: 0;
}
.dev-panel.open {
  transform: translateX(0);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  opacity: 1;
}
.dev-panel a {
  font-size: 14px;
}
.dev-panel .panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background-color: #1e293b;
  color: white;
}
.dev-panel .panel-header h2 {
  margin: 0;
  font-size: 18px;
}
.dev-panel .panel-header .close-btn {
  border: none;
  background: none;
  color: white;
  font-size: 24px;
  cursor: pointer;
}
.dev-panel .panel-header .close-btn:hover {
  color: #ff6b6b;
}
.dev-panel .panel-content {
  overflow-y: auto;
  padding: 16px;
  -webkit-overflow-scrolling: touch;
}
.dev-panel .panel-content .tree {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dev-panel .panel-content .tree > li {
  border-bottom: 1px solid #eeeeee;
}
.dev-panel .panel-content .tree li {
  padding: 8px 12px;
  border-radius: 4px;
  transition: background-color 0.3s;
  cursor: pointer;
}
.dev-panel .panel-content .tree li.item {
  display: flex;
  gap: 6px;
}
.dev-panel .panel-content .tree li.item.active {
  background-color: #e0f2fe;
  color: #2563eb;
  font-weight: bold;
}
.dev-panel .panel-content .tree li.item:hover {
  background-color: #e0f2fe;
  color: #2563eb;
  font-weight: bold;
}
.dev-panel .panel-content .tree li.item:hover button {
  font-weight: bold;
}
.dev-panel .panel-content .tree li.item a,
.dev-panel .panel-content .tree li.item button {
  width: 100%;
  text-align: left;
  cursor: pointer;
  word-break: break-all;
}
.dev-panel .panel-content .tree li.item-folder {
  padding: 0;
}
.dev-panel .panel-content .tree li .toggle-dir {
  padding: 8px 12px;
  text-align: left;
}
.dev-panel .panel-content .tree li .toggle-dir:hover {
  background-color: #e0f2fe;
  color: #2563eb;
  font-weight: bold;
}
.dev-panel .panel-content .tree li .toggle-dir[aria-expanded=true] {
  font-weight: bold;
  text-decoration: underline;
}
.dev-panel .panel-content .tree li .toggle-folder {
  padding: 6px 0;
}
.dev-panel .panel-content .tree li.folder.no-data {
  display: none;
}
.dev-panel .panel-content .tree li.folder > button {
  display: flex;
  align-items: center;
  width: 100%;
  border: none;
  background: none;
  color: #374151;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
}
.dev-panel .panel-content .tree li.folder > button span {
  margin-right: 8px;
}
.dev-panel .panel-content .tree li.folder > button:hover {
  color: #2563eb;
}
.dev-panel .panel-content .tree li.folder > button::after {
  content: "▼";
  margin-left: auto;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.dev-panel .panel-content .tree li.folder > button[aria-expanded=false]::after {
  transform: rotate(-90deg);
}
.dev-panel .panel-content .tree li.folder ~ ul {
  padding-left: 20px;
}
.dev-panel .panel-content .tree li.folder ul {
  margin: 0;
  padding-left: 10px;
  list-style: none;
}
.dev-panel .panel-content .tree li.folder ul[hidden] {
  display: none;
}
.dev-panel .panel-content .tree li:hover {
  background-color: #f3f4f6;
}

.dev-toggle {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 9999;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #1e293b;
  color: #ffffff;
  font-size: 14px;
  transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
  cursor: pointer;
}
.dev-toggle:hover {
  background-color: #2563eb;
}
.dev-toggle.open {
  display: none;
  background-color: #2563eb;
  color: #ffffff;
  font-weight: bold;
}

/* ───────────────────────────────────────
  📌 Wrap
─────────────────────────────────────── */
[data-page-layout=web] {
  --bbc-layout-max-width: 1920px;
  --bbc-ref-w: 1920px;
  --bbc-ref-h: 720;
  --bbc-fs-base: 16;
  --bbc-fs-min: 10px;
  --bbc-fs-max: calc(var(--bbc-fs-base) * (var(--bbc-layout-max-width) / var(--bbc-ref-w)));
  --bbc-header-h: 60px; /* 헤더 높이 상수화 */
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  font-size: 16px;
  scrollbar-gutter: stable;
}
[data-page-layout=web] body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
[data-page-layout=web] body *:focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
[data-page-layout=web] .wrap {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  color: var(--bbc-color-text-natural-0);
}
[data-page-layout=web] .wrap .container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding-top: 5.625rem;
  transition: padding-right 0.3s;
}
@media (max-width: 1366px) {
  [data-page-layout=web] .wrap .container {
    padding-top: 4.375rem;
  }
}
[data-page-layout=web] .wrap .container .page {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  transition: padding-top 0.2s;
}
[data-page-layout=web] [data-page-type=main] .page {
  padding-bottom: 6.25rem;
}
[data-page-layout=web] [data-page-type=sub] .page {
  padding-top: 2.5rem;
  padding-bottom: 6.25rem;
}
@media (max-width: 767px) {
  [data-page-layout=web] [data-page-type=sub] .page {
    padding-top: 1.5rem;
    padding-bottom: 3.75rem;
  }
}
[data-page-layout=web] [data-page-type=sub] .page .page-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem !important;
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1366px) {
  [data-page-layout=web] [data-page-type=sub] .page .page-head {
    max-width: 1310px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  [data-page-layout=web] [data-page-type=sub] .page .page-head {
    max-width: 1286px;
    padding-right: 18px;
    padding-left: 18px;
  }
}
[data-page-layout=web] [data-page-type=sub] .page .page-head-left {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
[data-page-layout=web] [data-page-type=sub] .page .page-head-right {
  display: flex;
  gap: 0.5rem;
  margin-left: auto;
}
[data-page-layout=web] [data-page-type=sub] .page .page-head-bottom {
  width: 100%;
}
[data-page-layout=web] [data-page-type=sub] .page .page-head .page-head-title {
  font: var(--bbc-typo-h2-700);
}
[data-page-layout=web] [data-page-type=sub] .page .page-head .page-head-desc {
  font: var(--bbc-typo-b2-400);
}
[data-page-layout=web] [data-page-type=sub] .page .page-content {
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1366px) {
  [data-page-layout=web] [data-page-type=sub] .page .page-content {
    max-width: 1310px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  [data-page-layout=web] [data-page-type=sub] .page .page-content {
    max-width: 1286px;
    padding-right: 18px;
    padding-left: 18px;
  }
}
[data-page-layout=web] [data-page-type=sub] .page .page-bottom {
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1366px) {
  [data-page-layout=web] [data-page-type=sub] .page .page-bottom {
    max-width: 1310px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  [data-page-layout=web] [data-page-type=sub] .page .page-bottom {
    max-width: 1286px;
    padding-right: 18px;
    padding-left: 18px;
  }
}
[data-page-layout=web] [data-page-type=sub] .page .page-bottom {
  padding-top: 2rem;
}
[data-page-layout=web] [data-page-type=status] .container {
  padding: 0;
}
[data-page-layout=web] [data-page-type=status] .page {
  display: flex;
  align-items: center;
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
@media (max-width: 767px) {
  [data-page-layout=web] [data-page-type=status] .page {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

/* ───────────────────────────────────────
  📌 Header
─────────────────────────────────────── */
[data-page-layout=web] .header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 5.625rem;
  padding: 0.75rem 3.75rem;
  border-bottom: 0.0625rem solid var(--bbc-color-fill-natural-3-a40);
  transition: 0.2s;
}
@media (max-width: 1366px) {
  [data-page-layout=web] .header {
    height: 4.375rem;
    padding: 0.75rem 1rem;
  }
}
[data-page-layout=web] .header {
  /* ───────────────────────────────────────
    📌 header.is-fill
    - 서브 페이지 헤더 스타일
  ─────────────────────────────────────── */
}
[data-page-layout=web] .header.is-fill {
  background-color: var(--bbc-color-fill-natural-3);
}
@media (max-width: 1024px) {
  [data-page-layout=web] .header.is-fill .logo {
    margin-right: auto;
    margin-left: 0.5rem;
  }
  [data-page-layout=web] .header.is-fill .mega-menu-toggle,
  [data-page-layout=web] .header.is-fill .select.is-language {
    display: none;
  }
  [data-page-layout=web] .header.is-fill .mobile-menu-button {
    display: flex;
  }
}
[data-page-layout=web] .header.is-fill .header-utility {
  gap: 0.625rem;
}
[data-page-layout=web] .header.is-fill .header-utility .select.is-language .custom-select {
  min-width: 8.125rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
}
[data-page-layout=web] .header.is-fill .header-utility .zoom-button {
  border: 1px solid var(--bbc-color-stroke-natural-0);
  background: var(--bbc-color-fill-natural-3);
}
[data-page-layout=web] .header.is-fill .header-utility .zoom-button button {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-page-layout=web][data-env~="hover:hover"] .header.is-fill .header-utility .zoom-button button:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background: var(--bbc-color-fill-natural-1);
}

[data-page-layout=web] .header.is-fill .header-utility .zoom-button button {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-page-layout=web][data-env~="hover:hoverless"] .header.is-fill .header-utility .zoom-button button:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background: var(--bbc-color-fill-natural-1);
}

[data-page-layout=web][data-env~="hover:mixed"] .header.is-fill .header-utility .zoom-button button:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background: var(--bbc-color-fill-natural-1);
}

[data-page-layout=web] .header.is-fill .header-utility .zoom-button button:disabled {
  background: var(--bbc-color-fill-disable-1);
  opacity: 1;
}
[data-page-layout=web] .header.is-fill .header-utility .zoom-button button:disabled .icon {
  color: var(--bbc-color-icon-disable-1);
}
[data-page-layout=web] .header.is-fill .header-utility .zoom-button button:active {
  background: var(--bbc-color-fill-natural-2);
}
[data-page-layout=web] .header.is-fill .header-utility .zoom-button .percent {
  border-radius: var(--bbc-border-radius-4);
}
[data-page-layout=web] .header.is-fill .header-utility {
  /* ───────────────────────────────────────
    📌 Utility Panel
  ─────────────────────────────────────── */
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel {
  position: fixed;
  display: none;
  flex-direction: column;
  width: 20rem;
  min-height: 37.5rem;
  max-height: 37.5rem;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel::before {
  content: "";
  position: absolute;
  top: -0.75rem;
  left: 50%;
  z-index: 0;
  display: block;
  width: 0;
  border-width: 0 0.5rem 0.75rem;
  border-style: solid;
  border-color: var(--bbc-color-stroke-natural-0) transparent;
  transform: translateX(-50%);
}
@media (max-width: 1366px) {
  [data-page-layout=web] .header.is-fill .header-utility .utility-panel::before {
    display: none;
  }
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  z-index: 1;
  display: block;
  width: 0;
  border-width: 0 0.5rem 0.75rem;
  border-style: solid;
  border-color: var(--bbc-color-fill-natural-0) transparent;
  transform: translateX(-50%);
}
@media (max-width: 1366px) {
  [data-page-layout=web] .header.is-fill .header-utility .utility-panel::after {
    display: none;
  }
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-active {
  display: flex;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm {
  width: 14.375rem;
  min-height: initial;
  max-height: initial;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-head {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-head .utility-header-left {
  display: flex;
  flex-direction: column;
  width: 9rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-head .utility-header-left .name {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-400);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-head .utility-header-left .name strong {
  display: inline-block;
  margin-right: 0.25rem;
  font: var(--bbc-typo-b2-600);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-head .utility-header-left .account {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l3-400);
  word-break: break-all;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container:has(.profile-list) {
  padding: 0 0.625rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list {
  padding-top: 1.375rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li {
  padding: 0.5rem 0;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li:first-child {
  padding: 0 0 0.5rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li a .status-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li a .status-icon .badge.is-dot {
  position: absolute;
  top: 0.1875rem;
  right: 0.1875rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li a i {
  color: var(--bbc-color-icon-natural-0);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li a span {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-500);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .utility-panel-desc {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .utility-panel-desc a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .utility-panel-desc a i {
  color: var(--bbc-color-icon-natural-0);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .utility-panel-desc a span {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-500);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-head {
  padding: 1.125rem 1.375rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: var(--bbc-color-fill-natural-0);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-head .title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-600);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-head .desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l3-400);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body {
  flex: 1 1 auto;
  overflow: hidden;
  padding: 0 0.625rem 1.375rem;
  border-right: 1px solid var(--bbc-color-stroke-natural-0);
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
  border-left: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0 0 1.25rem 1.25rem;
  background-color: var(--bbc-color-fill-natural-3);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body:has(.notification-list) {
  padding-top: 1.375rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 0 0 0.625rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  margin-top: 0.25rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li:first-child a .item {
  padding-top: 0;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li:last-child a .item {
  border-bottom: 0;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a {
  display: block;
  width: 100%;
  height: 100%;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item {
  display: flex;
  flex-direction: column;
  padding: 1.125rem 0;
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item.is-read .is-dot::after {
  background-color: var(--bbc-color-icon-disable-1);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item.is-read .item-head-left .summary {
  color: var(--bbc-color-text-disable-0);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item.is-read .item-body .title,
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item.is-read .item-body .desc {
  color: var(--bbc-color-text-disable-0);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-head {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-head-left {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-head-left .summary {
  flex: 1;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-700);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-head-right .date {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l2-500);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-body {
  display: flex;
  flex-direction: column;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-body .title {
  flex: 1;
  display: inline-block;
  margin-bottom: 0.125rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-500);
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-body .desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l2-500);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
[data-page-layout=web] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .utility-panel-desc {
  padding-top: 1rem;
  border-top: 1px solid var(--bbc-color-stroke-natural-0);
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
  text-align: center;
}
[data-page-layout=web] .header.is-fill .header-utility {
  /* ───────────────────────────────────────
    📌 Profile Button
  ─────────────────────────────────────── */
}
[data-page-layout=web] .header.is-fill .header-utility .profile-button {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-left: 0.625rem;
}
@media (max-width: 1024px) {
  [data-page-layout=web] .header.is-fill .header-utility .profile-button {
    gap: 0.5rem;
    margin: 0;
    border-radius: var(--bbc-border-radius-max);
  }
}
[data-page-layout=web] .header.is-fill .header-utility .profile-button .name {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-400);
}
@media (max-width: 1024px) {
  [data-page-layout=web] .header.is-fill .header-utility .profile-button .name {
    display: none;
  }
}
[data-page-layout=web] .header.is-fill .header-utility .profile-button .name strong {
  display: inline-block;
  margin-right: 0.25rem;
  font: var(--bbc-typo-b2-600);
}
[data-page-layout=web] .header.is-fixed {
  position: fixed;
  background-color: var(--bbc-color-fill-natural-3-a70);
  backdrop-filter: blur(10px);
}
[data-page-layout=web] .header.is-hidden {
  transform: translateY(-100%);
}
[data-page-layout=web] .header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 112.5rem;
  height: 100%;
  margin: 0 auto;
}
[data-page-layout=web] .header-container .logo {
  width: 11.5rem;
  height: 3.125rem;
}
@media (max-width: 1366px) {
  [data-page-layout=web] .header-container .logo {
    width: 8.0625rem;
    height: 2.1875rem;
  }
}
[data-page-layout=web] .header-container .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
[data-page-layout=web] .header-container .select.is-language .custom-select {
  min-width: 8.125rem;
  background-color: var(--bbc-color-fill-natural-3-a40);
}
[data-page-layout=web] .header-container .zoom-button {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: 2.75rem;
  padding: 0.3125rem 0.5rem;
  border-radius: 0.5rem;
  background: var(--bbc-color-fill-natural-3-a40);
}
[data-page-layout=web] .header-container .zoom-button button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1875rem;
  border-radius: var(--bbc-border-radius-max);
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-page-layout=web][data-env~="hover:hover"] .header-container .zoom-button button:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background: var(--bbc-color-fill-natural-3-a40);
}

[data-page-layout=web] .header-container .zoom-button button {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-page-layout=web][data-env~="hover:hoverless"] .header-container .zoom-button button:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background: var(--bbc-color-fill-natural-3-a40);
}

[data-page-layout=web][data-env~="hover:mixed"] .header-container .zoom-button button:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background: var(--bbc-color-fill-natural-3-a40);
}

[data-page-layout=web] .header-container .zoom-button button:active {
  background: var(--bbc-color-fill-natural-3-a70);
}
[data-page-layout=web] .header-container .zoom-button button:disabled {
  background: var(--bbc-color-fill-natural-3-a40);
  opacity: 0.3;
}
[data-page-layout=web] .header-container .zoom-button button .icon {
  color: var(--bbc-color-icon-natural-2);
}
[data-page-layout=web] .header-container .zoom-button .percent {
  min-width: 2.6875rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-btn3-500);
  text-align: center;
}
[data-page-layout=web] .header-container .header-utility {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  [data-page-layout=web] .header-container .header-utility .zoom-button {
    display: none;
  }
}
[data-page-layout=web] .header {
  /* ───────────────────────────────────────
    📌 Mega menu
  ─────────────────────────────────────── */
}
[data-page-layout=web] .header .mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  flex-direction: column;
  width: 100%;
  min-height: 40.3125rem;
  border-radius: 0 0 1.875rem 1.875rem;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--bbc-color-fill-accent-0);
  background-image: url("/assets/images/common/mega_bg.svg");
  background-position: calc(100% - 3.75rem) calc(100% - 8.8125rem);
  background-size: 17.125rem;
  background-repeat: no-repeat;
}
[data-page-layout=web] .header .mega-menu.is-open {
  display: flex;
}
[data-page-layout=web] .header .mega-menu-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-right: calc((100% - 65rem) / 2);
  padding-bottom: 0.625rem;
  padding-left: calc((100% - 65rem) / 2);
  background: linear-gradient(var(--bbc-color-fill-natural-0) 0 4.375rem, transparent 0 100%);
}
[data-page-layout=web] .header .mega-menu-panel {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
}
[data-page-layout=web] .header .mega-menu-body {
  flex: 1;
  display: flex;
}
[data-page-layout=web] .header .mega-menu-toggle {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
  transform: translateX(-50%);
}
[data-page-layout=web] .header .mega-menu-toggle .icon {
  color: var(--bbc-color-icon-natural-2);
}
[data-page-layout=web] .header .mega-menu-toggle .toggle-label {
  color: var(--bbc-color-text-natural-0);
  font-family: var(--bbc-font-family);
  font-size: 1.375rem;
  font-weight: var(--bbc-font-weight-700);
}
[data-page-layout=web] .header .mega-menu .gnb {
  flex: 1;
  display: flex;
  align-items: flex-start;
}
[data-page-layout=web] .header .mega-menu .gnb-section {
  position: relative;
  width: 25%;
  height: 100%;
}
[data-page-layout=web] .header .mega-menu .gnb-section::after {
  content: "";
  position: absolute;
  top: 4.375rem;
  right: -0.0625rem;
  width: 1px;
  height: calc(100% - 70px);
  background-color: var(--bbc-color-stroke-natural-0);
}
[data-page-layout=web] .header .mega-menu .gnb-section:hover h2 {
  color: var(--bbc-color-text-brand-primary);
}
[data-page-layout=web] .header .mega-menu .gnb-section h2 {
  padding: 1.25rem 1.875rem;
  background-color: var(--bbc-color-fill-natural-0);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b1-700);
  text-align: center;
}
[data-page-layout=web] .header .mega-menu .gnb-item-list {
  padding-top: 0.625rem;
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .accordion-head .accordion-trigger {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.625rem 1.25rem;
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .accordion-head .accordion-trigger:hover .title {
  color: var(--bbc-color-text-brand-primary);
  font-weight: var(--bbc-font-weight-700);
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .accordion-head .accordion-trigger .title {
  flex: 1;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-500);
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .accordion-body li:hover a {
  color: var(--bbc-color-text-brand-primary);
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .accordion-body li:hover a::before {
  color: var(--bbc-color-text-brand-primary);
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .accordion-body li a {
  display: inline-block;
  width: 100%;
  height: 2.0625rem;
  padding: 0 1.25rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
  line-height: 2.0625rem;
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .accordion-body li a::before {
  content: "-";
  display: inline-block;
  margin-right: 0.375rem;
  color: var(--bbc-color-stroke-natural-1);
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .gnb-item {
  display: flex;
  align-items: center;
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .gnb-item:hover a {
  color: var(--bbc-color-text-brand-primary);
  font-weight: var(--bbc-font-weight-700);
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .gnb-item a {
  display: inline-block;
  width: 100%;
  padding: 0.625rem 1.25rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-500);
}
[data-page-layout=web] .header {
  /* ───────────────────────────────────────
    📌 Mobile menu
  ─────────────────────────────────────── */
}
[data-page-layout=web] .header .mobile-menu-button {
  display: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
}
[data-page-layout=web] [data-page-type=sub] .header {
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}

/* ───────────────────────────────────────
  📌 Notification
─────────────────────────────────────── */
.notification-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.5rem;
  background-color: var(--bbc-color-fill-natural-3);
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.notification-button:hover {
  background-color: var(--bbc-color-fill-natural-1);
}
.notification-button:active {
  background-color: var(--bbc-color-fill-natural-2);
}
.notification-button:disabled {
  border: 1px solid var(--bbc-color-stroke-disable-0);
  background-color: var(--bbc-color-fill-disable-1);
}
.notification-button:disabled .icon {
  color: var(--bbc-color-icon-disable-0);
}
@media (max-width: 1024px) {
  .notification-button {
    border-radius: var(--bbc-border-radius-max);
  }
}
.notification-button .icon {
  color: var(--bbc-color-icon-natural-2);
}
.notification-button .badge.is-dot {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}

/* ───────────────────────────────────────
  📌 Content
─────────────────────────────────────── */
.content {
  padding-top: 35px;
}
.content-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0 30px;
  margin-bottom: 30px;
}
.content-head-left {
  flex: 1 1 auto;
  gap: 15px;
}
.content-head-right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 15px;
}
.content-head-desc {
  width: 100%;
}
.content-head .headline {
  font-size: var(--bbc-font-size-36);
  font-weight: var(--bbc-font-weight-600);
}
.content-head .text {
  color: var(--bbc-color-text-natural-1);
}
.content + .content {
  margin-top: 80px;
}

/* ───────────────────────────────────────
  📌 Footer
─────────────────────────────────────── */
.footer {
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
  font: var(--bbc-typo-b3-400);
}
.footer .utility {
  padding: 1rem 0;
  border-bottom: 0.0625rem solid var(--bbc-color-stroke-natural-0);
}
@media (max-width: 767px) {
  .footer .utility {
    position: relative;
    padding: 1.375rem 0 0.9375rem;
    border-bottom: 0;
  }
  .footer .utility::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: calc(100% - 36px);
    height: 1px;
    background-color: var(--bbc-color-stroke-natural-0);
    transform: translateX(-50%);
  }
}
.footer .utility-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
@media (max-width: 1366px) {
  .footer .utility-list {
    gap: 0.25rem 1rem;
    max-width: 100%;
  }
}
.footer .utility-list a {
  display: inline-block;
  color: var(--bbc-color-text-natural-0);
}
.footer .utility-list a.privacy {
  color: var(--bbc-color-text-brand-primary);
  font-weight: var(--bbc-font-weight-700);
}
.footer-container {
  margin: auto;
  padding-top: 2.5rem;
}
@media (max-width: 1366px) {
  .footer-container {
    padding-top: 1.5625rem;
  }
}
@media (max-width: 767px) {
  .footer-container {
    padding-top: 0.9375rem;
  }
}
.footer-container .info-area .logo {
  width: 10rem;
}
@media (max-width: 767px) {
  .footer-container .info-area .logo {
    width: 9.1875rem;
  }
}
.footer-container .info-area .info {
  padding: 2.5rem 0;
}
@media (max-width: 1366px) {
  .footer-container .info-area .info {
    padding: 1.25rem 0 1.5625rem;
  }
}
@media (max-width: 767px) {
  .footer-container .info-area .info {
    padding: 0.625rem 0 0.9375rem;
  }
}
.footer-container .info-area .info .address {
  margin-bottom: 1rem;
  color: var(--bbc-color-text-natural-1);
}
.footer-container .info-area .info .desc .right-wrapper .info-top-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.footer-container .info-area .info .desc .right-wrapper .info-top-item .customer-center {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer-container .info-area .info .desc .right-wrapper .info-top-item .customer-center .title {
  color: var(--bbc-color-text-natural-1);
  font-size: 1rem;
  font-weight: var(--bbc-font-weight-600);
}
.footer-container .info-area .info .desc .right-wrapper .info-top-item .customer-center .text {
  color: var(--bbc-color-text-natural-0);
  font-size: 2.5rem;
  font-weight: var(--bbc-font-weight-700);
}
.footer-container .info-area .info .desc {
  display: flex;
  color: var(--bbc-color-text-natural-1);
}
@media (max-width: 1366px) {
  .footer-container .info-area .info .desc {
    flex-direction: column;
    gap: 0.9375rem;
  }
}
.footer-container .info-area .info .desc .contact {
  flex: 1;
}
.footer-container .info-area .info .desc .contact dl {
  display: flex;
  gap: 0.5rem;
}
@media (max-width: 1366px) {
  .footer-container .info-area .info .desc .contact dl {
    flex-direction: column;
    gap: 0.25rem;
  }
  .footer-container .info-area .info .desc .contact dl:first-child {
    margin-bottom: 0.9375rem;
  }
}
.footer-container .info-area .info .desc .contact dl dt {
  color: var(--bbc-color-text-natural-0);
  font-weight: var(--bbc-font-weight-700);
}
.footer-container .info-area .info .desc .contact dl dd ul {
  display: inline-flex;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.footer-container .info-area .info .desc .contact dl dd ul li {
  position: relative;
  color: var(--bbc-color-text-natural-0);
}
.footer-container .info-area .info .desc .contact dl dd ul li:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.5rem;
  display: block;
  width: 0.0625rem;
  height: 0.75rem;
  background-color: var(--bbc-color-stroke-natural-1);
  transform: translateY(-50%);
}
.footer-container .info-area .info .desc .link-icon-list {
  display: flex;
  gap: 0.5rem;
}
.footer-container .info-area .info .desc .link-icon-list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--bbc-border-radius-max);
  color: var(--bbc-color-icon-natural-3);
}
@media (max-width: 767px) {
  .footer-container .info-area .info .desc .link-icon-list li a {
    width: 2rem;
    height: 2rem;
  }
}
.footer-container .info-area .info .desc .link-icon-list li a.doc-hwp {
  background-color: var(--bbc-color-etc-doc-hwp);
}
.footer-container .info-area .info .desc .link-icon-list li a.doc-acrobat {
  background-color: var(--bbc-color-etc-doc-acrobat);
}
.footer-container .info-area .info .desc .link-icon-list li a.doc-excel {
  background-color: var(--bbc-color-etc-doc-excel);
}
.footer-container .info-area .info .desc .link-icon-list li a.doc-ppt {
  background-color: var(--bbc-color-etc-doc-ppt);
}
.footer-container .info-area .info .desc .link-icon-list li a.doc-word {
  background-color: var(--bbc-color-etc-doc-word);
}
.footer-container .info-area .copyright {
  padding: 1rem 0 1.5rem;
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  color: var(--bbc-color-text-natural-1);
}
@media (max-width: 1366px) {
  .footer-container .info-area .copyright {
    padding: 1rem 0 1.375rem;
  }
}

/* ───────────────────────────────────────
    📌 SNB
─────────────────────────────────────── */
.snb {
  position: fixed;
  top: 8.125rem;
  left: max(0px, (100vw - 1920px) / 2);
  z-index: 1;
  overflow: hidden;
  width: 11.5625rem;
  border-radius: 0 var(--bbc-border-radius-16) var(--bbc-border-radius-16) 0;
  box-shadow: var(--bbc-color-shadow-natural-2);
  background-color: var(--bbc-color-fill-natural-3);
}
@media (width <= 1680px) {
  .snb {
    display: none;
  }
}
.snb-head {
  display: flex;
  align-items: center;
  width: 100%;
  height: 2.625rem;
  padding: 0 1rem;
  background-color: var(--bbc-color-fill-natural-5);
}
.snb-head .snb-title {
  color: var(--bbc-color-text-natural-2);
  font: var(--bbc-typo-b4-700);
}
.snb-body {
  padding: 0.5rem 0.75rem;
  background-color: var(--bbc-color-fill-natural-3);
}
.snb-body .snb-menu-item {
  display: flex;
  width: 100%;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-700);
}
.snb-body .snb-menu-item:hover > a {
  text-decoration: underline;
}
.snb-body .snb-menu-item:not(:last-child) {
  border-bottom: 0.0625rem dashed var(--bbc-color-stroke-natural-0);
}
.snb-body .snb-menu-item.is-active {
  color: var(--bbc-color-text-brand-primary);
}
.snb-body .snb-menu-item.accordion {
  display: flex;
  flex-direction: column;
}
.snb-body .snb-menu-item.accordion.is-active .accordion-head .accordion-trigger .title,
.snb-body .snb-menu-item.accordion.is-active .accordion-head .accordion-trigger .icon {
  color: var(--bbc-color-text-brand-primary);
}
.snb-body .snb-menu-item.accordion .accordion-head {
  width: 100%;
}
.snb-body .snb-menu-item.accordion .accordion-head .accordion-trigger {
  width: 100%;
  padding: 0.75rem 0.25rem;
}
.snb-body .snb-menu-item.accordion .accordion-head .accordion-trigger:hover .title {
  text-decoration: underline;
}
.snb-body .snb-menu-item.accordion .accordion-head .accordion-trigger .icon {
  color: var(--bbc-color-icon-natural-2);
}
.snb-body .snb-menu-item.accordion .accordion-head .accordion-trigger .title {
  flex: 1;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-700);
}
.snb-body .snb-menu-item.accordion .accordion-body {
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 0 1rem;
}
.snb-body .snb-menu-item.accordion .accordion-body.is-open {
  display: flex;
}
.snb-body .snb-menu-item.accordion .accordion-body li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.snb-body .snb-menu-item.accordion .accordion-body li::before {
  content: "-";
  display: inline-block;
  margin-right: 0.375rem;
  color: var(--bbc-color-stroke-natural-1);
}
.snb-body .snb-menu-item.accordion .accordion-body li:hover a {
  text-decoration: underline;
}
.snb-body .snb-menu-item.accordion .accordion-body li.is-active::before,
.snb-body .snb-menu-item.accordion .accordion-body li.is-active a {
  color: var(--bbc-color-text-brand-primary);
}
.snb-body .snb-menu-item.accordion .accordion-body li a {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
.snb-body .snb-menu-item > a {
  padding: 0.75rem 0.25rem;
}
.snb-body .snb-menu-item a {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}

/* ───────────────────────────────────────
  📌 Mobile Menu
─────────────────────────────────────── */
.mobile-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  display: none;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: translate 0.3s;
}
.mobile-menu.is-open {
  display: flex;
}
.mobile-menu-container {
  flex: 1;
  overflow: auto;
}
.mobile-menu-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 4.375rem;
  padding: 0 1.25rem;
  background-color: var(--bbc-color-fill-brand-primary);
}
.mobile-menu-head .close-button {
  display: flex;
}
.mobile-menu-head .close-button .icon {
  color: var(--bbc-color-icon-accent-0);
}
.mobile-menu-head .label {
  color: var(--bbc-color-text-accent-0);
  font: var(--bbc-typo-btn2-500);
}
.mobile-menu-body {
  position: relative;
  z-index: 1;
  background-color: var(--bbc-color-fill-natural-3);
}
.mobile-menu-body .language-list {
  display: flex;
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
.mobile-menu-body .language-list li {
  width: 50%;
  height: 2.8125rem;
  border-right: 2px solid var(--bbc-color-fill-natural-2);
}
.mobile-menu-body .language-list li.is-active a {
  font-weight: var(--bbc-font-weight-700);
}
.mobile-menu-body .language-list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.75rem 1.125rem;
  background-color: var(--bbc-color-fill-natural-2);
  font: var(--bbc-typo-b4-400);
}
.mobile-menu-body .menu-item-list .accordion .accordion-trigger[aria-expanded=true] .title {
  color: var(--bbc-color-text-brand-primary);
}
.mobile-menu-body .menu-item-list .accordion.is-sub:not(:last-child) {
  margin-bottom: 0.5rem;
}
.mobile-menu-body .menu-item-list .accordion.is-sub .accordion-head .accordion-trigger {
  display: flex;
  height: 2.625rem;
  padding: 0.375rem 1rem;
  border-bottom: 0 !important;
  border-radius: 0.5rem;
  background-color: var(--bbc-color-fill-natural-0);
}
.mobile-menu-body .menu-item-list .accordion.is-sub .accordion-head .accordion-trigger .title {
  flex: 1;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b4-700);
}
.mobile-menu-body .menu-item-list .accordion.is-sub .accordion-body {
  padding: 0.5rem 0 0.125rem;
  border-bottom: 0;
}
.mobile-menu-body .menu-item-list .accordion.is-sub .accordion-body .menu-item a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 1rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
.mobile-menu-body .menu-item-list .accordion.is-sub .accordion-body .menu-item a::before {
  content: "";
  display: inline-block;
  width: 0.375rem;
  height: 0.09375rem;
  background-color: var(--bbc-color-stroke-natural-1);
}
.mobile-menu-body .menu-item-list .accordion-head .accordion-trigger {
  width: 100%;
  height: 3.375rem;
  padding: 0 1.25rem;
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
.mobile-menu-body .menu-item-list .accordion-head .accordion-trigger .title {
  flex: 1;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-500);
}
.mobile-menu-body .menu-item-list .accordion-head .accordion-trigger .icon {
  color: var(--bbc-color-icon-natural-0);
}
.mobile-menu-body .menu-item-list .accordion-body {
  padding: 1rem 0.75rem;
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
.mobile-menu-body .menu-item-list .accordion-body .menu-item a {
  display: flex;
  align-items: center;
  height: 2.625rem;
  padding: 0.375rem 1rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b4-700);
}
.mobile-menu-backdrop {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.72);
  transition: opacity 0.25s ease;
  opacity: 0;
  pointer-events: none;
}
.mobile-menu-backdrop.is-show {
  opacity: 1;
  pointer-events: auto;
}

/* ───────────────────────────────────────
    📌 Ext Icon
─────────────────────────────────────── */
.icon-ext-jpg::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.996%206.424%2014.983%201.5H4.809A.802.802%200%200%200%204%202.294v14.084h15.996V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M14.984%205.63c0%20.438.363.794.81.794h4.208L14.984%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4%2016.375v5.333c0%20.438.362.794.809.794h14.378a.802.802%200%200%200%20.809-.794v-5.333H4Z'%20fill='%232282F3'/%3e%3cpath%20d='M16.276%2018.747a.864.864%200%200%200-.323-.466.935.935%200%200%200-.57-.17.982.982%200%200%200-.546.154.998.998%200%200%200-.37.446c-.09.197-.134.431-.134.703%200%20.277.044.514.133.712.089.197.214.347.374.45.16.1.346.15.559.15.188%200%20.352-.035.494-.105a.798.798%200%200%200%20.329-.302.917.917%200%200%200%20.122-.46h-.877v-.527h1.536v.446c0%20.313-.069.586-.207.82a1.386%201.386%200%200%201-.566.539c-.243.126-.52.19-.831.19-.347%200-.652-.078-.917-.232a1.585%201.585%200%200%201-.617-.663%202.225%202.225%200%200%201-.217-1.013c0-.388.075-.726.223-1.013.15-.288.355-.51.616-.664.263-.153.56-.23.89-.23.276%200%20.528.052.756.156.228.104.415.25.562.439.146.186.238.4.276.64h-.695ZM10.281%2017.563h1.421c.283%200%20.524.052.724.156.2.104.352.25.455.436.102.184.154.397.154.638%200%20.24-.053.452-.157.638a1.068%201.068%200%200%201-.457.433%201.594%201.594%200%200%201-.73.154h-.73v1.256h-.68v-3.712Zm1.317%201.907c.247%200%20.433-.06.556-.182a.666.666%200%200%200%20.186-.495c0-.209-.062-.373-.186-.492-.123-.12-.309-.18-.556-.18h-.638v1.349h.638ZM9.419%2017.563v2.61c0%20.235-.05.44-.152.614a1.021%201.021%200%200%201-.428.4%201.397%201.397%200%200%201-.637.139c-.225%200-.426-.04-.604-.118a.957.957%200%200%201-.415-.354%201.013%201.013%200%200%201-.152-.564h.68c0%20.15.046.27.14.356.096.088.222.131.377.131.165%200%20.292-.051.381-.154.089-.104.134-.254.136-.45v-2.61h.674Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15.725%206.75H8.293v7.438h7.432V6.75Z'%20fill='%2339CFFF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m9.896%2010.534%201.476%202.495c.803-1.357%201.596-5.41%202.399-4.063l1.942%203.28v1.94H8.28v-.937c.542-.908%201.074-3.633%201.615-2.725v.01Z'%20fill='%2300B75E'/%3e%3cpath%20d='M10.625%209.617c.49%200%20.887-.406.887-.908a.898.898%200%200%200-.887-.908.898.898%200%200%200-.887.908c0%20.502.397.908.887.908Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-ext-jpeg::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.996%206.424%2014.983%201.5H4.809A.802.802%200%200%200%204%202.294v14.084h15.996V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15.725%206.75H8.293v7.438h7.432V6.75Z'%20fill='%2339CFFF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m9.896%2010.534%201.475%202.495c.803-1.357%201.597-5.41%202.4-4.063l1.942%203.28v1.94H8.28v-.937c.542-.908%201.074-3.633%201.615-2.725v.01Z'%20fill='%2300B75E'/%3e%3cpath%20d='M10.621%209.617c.49%200%20.887-.406.887-.908a.898.898%200%200%200-.887-.908.898.898%200%200%200-.887.908c0%20.502.398.908.887.908Z'%20fill='%23fff'/%3e%3cpath%20d='M14.984%205.63c0%20.438.363.794.81.794h4.208L14.984%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4%2016.375v5.333c0%20.438.362.794.809.794h14.378a.802.802%200%200%200%20.809-.794v-5.333H4Z'%20fill='%232282F3'/%3e%3cpath%20d='M17.855%2018.747a.864.864%200%200%200-.324-.466.935.935%200%200%200-.57-.17.982.982%200%200%200-.546.154.998.998%200%200%200-.37.446c-.09.197-.134.431-.134.703%200%20.277.044.514.133.712.09.197.214.347.374.45.16.1.346.15.559.15.188%200%20.352-.035.494-.105a.798.798%200%200%200%20.329-.302.917.917%200%200%200%20.122-.46h-.877v-.527h1.536v.446c0%20.313-.069.586-.206.82a1.386%201.386%200%200%201-.567.539c-.242.126-.52.19-.831.19-.347%200-.652-.078-.917-.232a1.585%201.585%200%200%201-.617-.663%202.225%202.225%200%200%201-.216-1.013c0-.388.074-.726.222-1.013.15-.288.355-.51.616-.664.263-.153.56-.23.891-.23.275%200%20.527.052.755.156.228.104.415.25.562.439.146.186.238.4.276.64h-.694ZM12.047%2017.563h2.46v.558h-1.78v1.016h1.65v.558h-1.65v1.015h1.791v.564h-2.471v-3.712ZM8.586%2017.563h1.421c.282%200%20.523.052.724.156.2.104.351.25.454.436.103.184.154.397.154.638%200%20.24-.052.452-.156.638a1.067%201.067%200%200%201-.457.433%201.594%201.594%200%200%201-.73.154h-.73v1.256h-.68v-3.712Zm1.317%201.907c.247%200%20.432-.06.556-.182a.666.666%200%200%200%20.186-.495c0-.209-.062-.373-.186-.492-.124-.12-.31-.18-.556-.18h-.638v1.349h.638ZM7.724%2017.563v2.61c0%20.235-.05.44-.152.614a1.021%201.021%200%200%201-.428.4%201.397%201.397%200%200%201-.638.139c-.224%200-.426-.04-.603-.118a.957.957%200%200%201-.416-.354%201.013%201.013%200%200%201-.151-.564h.68c0%20.15.046.27.14.356.096.088.221.131.376.131.166%200%20.293-.051.382-.154.089-.104.134-.254.136-.45v-2.61h.674Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-ext-png::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.996%206.424%2014.983%201.5H4.809A.802.802%200%200%200%204%202.294v14.084h15.996V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15.725%206.75H8.293v7.438h7.432V6.75Z'%20fill='%2339CFFF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m9.896%2010.534%201.475%202.495c.803-1.357%201.597-5.41%202.4-4.063l1.942%203.28v1.94H8.28v-.937c.542-.908%201.074-3.633%201.615-2.725v.01Z'%20fill='%2300B75E'/%3e%3cpath%20d='M10.621%209.617c.49%200%20.887-.406.887-.908a.898.898%200%200%200-.887-.908.898.898%200%200%200-.887.908c0%20.502.398.908.887.908Z'%20fill='%23fff'/%3e%3cpath%20d='M14.984%205.63c0%20.438.363.794.81.794h4.208L14.984%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4%2016.375v5.333c0%20.438.362.794.809.794h14.378a.802.802%200%200%200%20.809-.794v-5.333H4Z'%20fill='%232282F3'/%3e%3cpath%20d='M16.644%2018.747a.864.864%200%200%200-.324-.466.934.934%200%200%200-.57-.17.982.982%200%200%200-.546.154.998.998%200%200%200-.37.446c-.09.197-.134.431-.134.703%200%20.277.045.514.133.712.09.197.214.347.374.45.16.1.346.15.559.15.188%200%20.353-.035.494-.105a.799.799%200%200%200%20.329-.302.917.917%200%200%200%20.123-.46h-.878v-.527h1.536v.446c0%20.313-.069.586-.207.82a1.386%201.386%200%200%201-.566.539c-.242.126-.52.19-.831.19-.347%200-.652-.078-.917-.232a1.584%201.584%200%200%201-.617-.663%202.225%202.225%200%200%201-.216-1.013c0-.388.074-.726.222-1.013.15-.288.355-.51.616-.664.263-.153.56-.23.891-.23.275%200%20.527.052.755.156.228.104.415.25.562.439.146.186.238.4.277.64h-.695ZM13.25%2021.274h-.607l-1.792-2.537h-.031v2.538h-.68v-3.712h.617L12.54%2020.1h.036v-2.538h.674v3.712ZM6.676%2017.563h1.42c.283%200%20.524.052.725.156.2.104.351.25.454.436.103.184.154.397.154.638%200%20.24-.052.452-.157.638a1.067%201.067%200%200%201-.457.433%201.594%201.594%200%200%201-.729.154h-.731v1.256h-.68v-3.712Zm1.316%201.907c.248%200%20.433-.06.557-.182a.667.667%200%200%200%20.185-.495c0-.209-.061-.373-.185-.492-.124-.12-.31-.18-.557-.18h-.637v1.349h.637Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-ext-gif::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.996%206.424%2014.983%201.5H4.809A.802.802%200%200%200%204%202.294v14.084h15.996V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15.72%206.75H8.29v7.438h7.43V6.75Z'%20fill='%2339CFFF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m9.893%2010.534%201.475%202.495c.803-1.357%201.596-5.41%202.399-4.063l1.942%203.28v1.94H8.277v-.937c.542-.908%201.074-3.633%201.616-2.725v.01Z'%20fill='%2300B75E'/%3e%3cpath%20d='M10.617%209.617c.49%200%20.887-.406.887-.908a.898.898%200%200%200-.887-.908.898.898%200%200%200-.887.908c0%20.502.398.908.887.908Z'%20fill='%23fff'/%3e%3cpath%20d='M14.98%205.63c0%20.438.363.794.81.794h4.208L14.98%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4%2016.375v5.333c0%20.438.362.794.809.794h14.378a.802.802%200%200%200%20.809-.794v-5.333H4Z'%20fill='%232282F3'/%3e%3cpath%20d='M13.512%2017.563h2.424v.558h-1.745v1.016h1.578v.558H14.19v1.58h-.68v-3.712ZM12.644%2021.274h-.68v-3.712h.68v3.712ZM10.46%2018.747a.864.864%200%200%200-.324-.466.935.935%200%200%200-.57-.17.982.982%200%200%200-.545.154.998.998%200%200%200-.371.446c-.09.197-.134.431-.134.703%200%20.277.045.514.134.712.089.197.213.347.373.45.16.1.347.15.56.15.187%200%20.352-.035.493-.105a.798.798%200%200%200%20.33-.302.917.917%200%200%200%20.122-.46H9.65v-.527h1.536v.446c0%20.313-.069.586-.206.82a1.387%201.387%200%200%201-.567.539c-.242.126-.519.19-.83.19-.347%200-.653-.078-.918-.232a1.585%201.585%200%200%201-.616-.663%202.226%202.226%200%200%201-.217-1.013c0-.388.074-.726.222-1.013.15-.288.355-.51.617-.664.263-.153.56-.23.89-.23.276%200%20.527.052.755.156.229.104.416.25.562.439.146.186.239.4.277.64h-.695Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-ext-svg::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.996%206.424%2014.983%201.5H4.809A.802.802%200%200%200%204%202.294v14.084h15.996V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M14.98%205.63c0%20.438.363.794.81.794h4.208L14.98%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4%2016.375v5.333c0%20.438.362.794.809.794h14.378a.802.802%200%200%200%20.809-.794v-5.333H4Z'%20fill='%232282F3'/%3e%3cpath%20d='M16.5%2018.747a.864.864%200%200%200-.325-.466.934.934%200%200%200-.57-.17.982.982%200%200%200-.545.154.997.997%200%200%200-.371.446c-.09.197-.133.431-.133.703%200%20.277.044.514.133.712.089.197.213.347.373.45.16.1.347.15.56.15.188%200%20.352-.035.493-.105a.798.798%200%200%200%20.33-.302.917.917%200%200%200%20.122-.46h-.878v-.527h1.536v.446c0%20.313-.068.586-.206.82a1.386%201.386%200%200%201-.567.539c-.242.126-.519.19-.83.19-.347%200-.653-.078-.918-.232a1.585%201.585%200%200%201-.616-.663%202.227%202.227%200%200%201-.217-1.013c0-.388.074-.726.222-1.013.15-.288.355-.51.617-.664.263-.153.56-.23.89-.23.276%200%20.527.052.755.156.229.104.416.25.562.439.146.186.239.4.277.64h-.695ZM11.784%2020.49h.042l.987-2.927h.747l-1.337%203.712h-.836l-1.332-3.712h.747l.982%202.927ZM8.87%2018.583a.487.487%200%200%200-.217-.369.854.854%200%200%200-.499-.133c-.139%200-.26.02-.365.061a.54.54%200%200%200-.24.172.401.401%200%200%200-.084.249c0%20.142.06.252.18.33.12.077.276.138.468.183l.355.092c.326.073.591.195.797.366.207.17.31.403.31.7a.994.994%200%200%201-.17.574%201.103%201.103%200%200%201-.493.387c-.214.091-.47.136-.768.136-.294%200-.55-.044-.765-.133a1.152%201.152%200%200%201-.507-.392%201.153%201.153%200%200%201-.196-.623h.669a.55.55%200%200%200%20.24.43c.146.1.33.15.554.15.148%200%20.28-.023.394-.067a.605.605%200%200%200%20.267-.188.44.44%200%200%200%20.096-.279.357.357%200%200%200-.172-.315%201.671%201.671%200%200%200-.512-.203l-.429-.107c-.672-.173-1.008-.506-1.008-1%200-.216.06-.405.18-.57.12-.165.286-.293.497-.384.212-.092.45-.138.713-.138.265%200%20.499.046.703.138.205.09.364.217.478.38a.964.964%200%200%201%20.177.553H8.87Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15.725%206.75H8.293v7.438h7.432V6.75Z'%20fill='%2339CFFF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m9.896%2010.534%201.475%202.495c.803-1.357%201.597-5.41%202.4-4.063l1.942%203.28v1.94H8.28v-.937c.542-.908%201.074-3.633%201.615-2.725v.01Z'%20fill='%2300B75E'/%3e%3cpath%20d='M10.625%209.617c.49%200%20.887-.406.887-.908a.898.898%200%200%200-.887-.908.898.898%200%200%200-.887.908c0%20.502.397.908.887.908Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-ext-doc::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.995%206.424%2014.982%201.5H4.81A.802.802%200%200%200%204%202.294v14.084h15.995V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M14.98%205.63c0%20.438.363.794.81.794h4.207L14.98%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4.004%2016.375v5.333c0%20.438.362.794.809.794H19.19a.802.802%200%200%200%20.809-.794v-5.333H4.004Z'%20fill='%230096CC'/%3e%3cpath%20d='M16.804%2018.814a.793.793%200%200%200-.483-.618%201.025%201.025%200%200%200-.421-.084.992.992%200%200%200-.551.153.997.997%200%200%200-.371.446%201.71%201.71%200%200%200-.133.708c0%20.277.044.514.133.71a.997.997%200%200%200%20.37.446c.16.1.345.151.552.151.15%200%20.287-.026.413-.08a.827.827%200%200%200%20.491-.602h.684a1.454%201.454%200%200%201-.818%201.113c-.23.113-.49.17-.78.17-.333%200-.631-.077-.894-.229a1.595%201.595%200%200%201-.614-.661%202.204%202.204%200%200%201-.222-1.018c0-.391.074-.73.222-1.018.15-.287.356-.506.617-.659.263-.153.56-.23.89-.23.28%200%20.532.052.76.156.229.103.416.252.562.449.147.194.239.427.277.697h-.684ZM13.485%2019.419c0%20.391-.075.73-.225%201.018-.15.287-.356.507-.62.661a1.737%201.737%200%200%201-.89.228c-.332%200-.63-.076-.893-.228a1.611%201.611%200%200%201-.617-.661%202.182%202.182%200%200%201-.224-1.018c0-.391.075-.73.224-1.018.15-.287.355-.506.617-.659.263-.153.56-.23.893-.23.333%200%20.63.077.89.23.264.152.47.372.62.66.15.286.225.626.225%201.017Zm-.685%200c0-.277-.044-.513-.133-.708a.982.982%200%200%200-.368-.446.987.987%200%200%200-.549-.153.986.986%200%200%200-.548.153.998.998%200%200%200-.371.446%201.73%201.73%200%200%200-.131.708c0%20.277.044.514.13.71.09.195.213.344.372.446a1%201%200%200%200%20.548.151%201%201%200%200%200%20.549-.15%201%201%200%200%200%20.368-.447c.089-.197.133-.433.133-.71ZM6.23%2021.274v-3.712h1.307c.374%200%20.697.075.969.223.271.148.48.36.624.639.146.278.22.608.22.99%200%20.384-.074.716-.22.997a1.51%201.51%200%200%201-.632.64c-.275.15-.603.224-.982.224H6.23Zm1.25-.579c.394%200%20.691-.107.89-.32.2-.214.3-.534.3-.962%200-.424-.098-.741-.295-.953-.197-.212-.488-.318-.875-.318h-.59v2.553h.57Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.191%206.75h7.58v7.167H8.19V6.75Z'%20fill='%230096CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.848%207.375h6.263v5.92H8.848v-5.92Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m10.67%2011.536.114-.284.267-.642.963-2.126h.962v2.181c0%20.285-.028.578-.076.871.02-.055.143-.366.381-.953l.868-2.099h1.106l-1.821%204.033h-1.325v-1.705c0-.284.01-.586.038-.889a6.935%206.935%200%200%201-.343.963l-.725%201.64H9.831l-.143-4.032h1.058l-.029%202.016c-.01.495-.038.834-.076%201.035l.028-.009Z'%20fill='%230096CC'/%3e%3c/svg%3e");
}
.icon-ext-docx::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.995%206.424%2014.982%201.5H4.81A.802.802%200%200%200%204%202.294v14.084h15.995V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M14.98%205.63c0%20.438.363.794.81.794h4.207L14.98%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4.004%2016.375v5.333c0%20.438.362.794.809.794H19.19a.802.802%200%200%200%20.809-.794v-5.333H4.004Z'%20fill='%230096CC'/%3e%3cpath%20d='M16.914%2018.81h.028l.772-1.251h.71l-1.07%201.703%201.089%201.703h-.724l-.777-1.242h-.028l-.777%201.242h-.719l1.098-1.703-1.084-1.703h.72l.762%201.251ZM14.523%2018.707a.726.726%200%200%200-.443-.567.94.94%200%200%200-.386-.078.91.91%200%200%200-.506.141.915.915%200%200%200-.34.41c-.082.18-.122.396-.122.649%200%20.254.04.471.122.651.081.18.195.317.34.41a.93.93%200%200%200%20.506.138.964.964%200%200%200%20.379-.073.76.76%200%200%200%20.45-.553h.628a1.334%201.334%200%200%201-.75%201.02c-.21.105-.45.157-.717.157-.305%200-.578-.07-.82-.21a1.464%201.464%200%200%201-.563-.606%202.023%202.023%200%200%201-.203-.934c0-.36.068-.67.203-.934.138-.264.326-.465.566-.605a1.59%201.59%200%200%201%20.817-.211c.256%200%20.489.047.698.143.21.094.381.232.515.412.134.179.22.392.254.64h-.628ZM11.828%2019.262c0%20.359-.07.67-.207.934a1.474%201.474%200%200%201-.568.606c-.24.14-.512.21-.817.21-.305%200-.578-.07-.82-.21a1.48%201.48%200%200%201-.565-.606%202.003%202.003%200%200%201-.206-.934c0-.36.068-.67.206-.934.137-.264.326-.465.565-.605.242-.14.515-.211.82-.211.305%200%20.578.07.817.211.242.14.431.341.568.605.138.263.207.575.207.934Zm-.628%200c0-.254-.041-.47-.123-.65a.901.901%200%200%200-.338-.409.906.906%200%200%200-.503-.14.906.906%200%200%200-.503.14.915.915%200%200%200-.34.41c-.08.178-.12.395-.12.649s.04.471.12.651a.933.933%200%200%200%20.34.41.917.917%200%200%200%20.503.138c.19%200%20.358-.046.503-.138a.918.918%200%200%200%20.338-.41c.082-.18.123-.397.123-.651ZM5.516%2020.965v-3.406h1.198c.344%200%20.64.068.89.204.249.135.44.33.572.586.134.256.201.558.201.908%200%20.353-.067.658-.2.915a1.386%201.386%200%200%201-.58.588%201.87%201.87%200%200%201-.902.204h-1.18Zm1.145-.532c.363%200%20.635-.098.818-.294.183-.196.275-.49.275-.882%200-.389-.09-.68-.27-.875-.181-.195-.449-.292-.803-.292h-.542v2.343h.522Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.191%206.75h7.58v7.167H8.19V6.75Z'%20fill='%230096CC'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.848%207.375h6.263v5.92H8.848v-5.92Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='m10.67%2011.536.114-.284.267-.642.963-2.126h.962v2.181c0%20.285-.028.578-.076.871.02-.055.143-.366.381-.953l.868-2.099h1.106l-1.821%204.033h-1.325v-1.705c0-.284.01-.586.038-.889a6.935%206.935%200%200%201-.343.963l-.725%201.64H9.831l-.143-4.032h1.058l-.029%202.016c-.01.495-.038.834-.076%201.035l.028-.009Z'%20fill='%230096CC'/%3e%3c/svg%3e");
}
.icon-ext-hwp::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.995%206.424%2014.982%201.5H4.81A.802.802%200%200%200%204%202.294v14.084h15.995V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M14.98%205.63c0%20.438.363.794.81.794h4.207L14.98%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4.004%2016.375v5.333c0%20.438.362.794.809.794H19.19a.802.802%200%200%200%20.809-.794v-5.333H4.004Z'%20fill='%232F9BFF'/%3e%3cpath%20d='M15.035%2017.512h1.34c.266%200%20.494.049.682.147.19.099.332.235.429.411.097.174.145.375.145.602%200%20.226-.049.426-.148.602-.096.174-.24.31-.43.408-.191.097-.42.145-.688.145h-.69v1.185h-.64v-3.5Zm1.241%201.798c.234%200%20.409-.057.525-.171a.629.629%200%200%200%20.175-.467c0-.197-.058-.351-.175-.464-.116-.113-.291-.17-.524-.17h-.601v1.272h.6ZM9.738%2017.512h.69l.645%202.576h.035l.684-2.576h.631l.69%202.581h.03l.645-2.581h.69l-1.006%203.5h-.635l-.714-2.46h-.025l-.72%202.46h-.635l-1.005-3.5ZM6.23%2017.512h.64v1.484h1.661v-1.484h.645v3.5h-.645v-1.49h-1.66v1.49h-.64v-3.5Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.191%206.75h7.58v7.167H8.19V6.75Z'%20fill='%232F9BFF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.848%207.371h6.263v5.92H8.848v-5.92Z'%20fill='%23fff'/%3e%3cpath%20d='M12.333%208.393v-.495h-.778v.495h-1.067v.579H13.4v-.58h-1.067ZM11.932%209.176c-.571%200-1.034.437-1.034.976%200%20.54.463.977%201.034.977.57%200%201.033-.437%201.033-.976%200-.54-.463-.977-1.033-.977Zm0%201.467a.505.505%200%200%201-.52-.49c0-.271.233-.491.52-.491.286%200%20.519.22.519.49%200%20.271-.233.491-.52.491ZM10.899%2012.266v-.688h-.567V12.801h3.21v-.535h-2.643Z'%20fill='%232F9BFF'/%3e%3cpath%20d='M11.943%2012.066c.195%200%20.353-.15.353-.334a.344.344%200%200%200-.353-.334.344.344%200%200%200-.353.334c0%20.185.158.334.353.334Z'%20fill='%232F9BFF'/%3e%3c/svg%3e");
}
.icon-ext-pdf::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.995%206.424%2014.982%201.5H4.81A.802.802%200%200%200%204%202.294v14.084h15.995V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M14.984%205.63c0%20.438.363.794.81.794H20L14.984%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4.008%2016.375v5.333c0%20.438.362.794.809.794h14.377a.802.802%200%200%200%20.809-.794v-5.333H4.008ZM9.067%2013.886a.81.81%200%200%201-.524-.205c-.275-.23-.296-.483-.269-.655.133-.776%201.573-1.485%202.41-1.835.455-1.141.85-2.484%201.094-3.492-.488-1.048-.66-1.787-.51-2.207a.59.59%200%200%201%20.447-.392l.03-.006.03.003a.65.65%200%200%201%20.413.271c.226.308.277.806.15%201.482-.036.194-.096.471-.174.803.445.93%201.072%201.956%201.584%202.669.428-.06.834-.082%201.178-.046.642.067.777.347.801.51.036.239-.139.486-.437.613-.412.175-1.087.13-1.635-.582-.024-.03-.049-.064-.073-.097a13.063%2013.063%200%200%200-2.611.752c-.564%201.382-1.115%202.176-1.642%202.366a.72.72%200%200%201-.262.048Zm1.416-2.206c-1.196.54-1.79%201.074-1.844%201.41-.012.072-.012.184.142.31.141.118.277.148.427.094.419-.151.865-.876%201.275-1.814Zm3.524-1.017c.407.48.865.519%201.142.398.144-.06.226-.163.217-.22-.01-.06-.145-.163-.476-.196a4.423%204.423%200%200%200-.883.018Zm-1.976-2.457c-.184.709-.434%201.563-.726%202.39-.051.142-.1.278-.15.41a14.198%2014.198%200%200%201%202.192-.618%2019.97%2019.97%200%200%201-1.316-2.182Zm-.271-2.732a.218.218%200%200%200-.142.148c-.105.29.033.836.301%201.482.025-.115.046-.22.064-.317.138-.752.006-1.074-.088-1.198a.338.338%200%200%200-.135-.115Z'%20fill='%23FF432F'/%3e%3cpath%20d='M7.746%2017.655h1.307c.26%200%20.481.048.664.143a.988.988%200%200%201%20.419.399c.094.17.14.367.14.588%200%20.218-.046.415-.141.584a.974.974%200%200%201-.422.397%201.447%201.447%200%200%201-.67.143H8.37v1.155h-.624v-3.412.003Zm1.21%201.752c.227%200%20.399-.056.512-.167a.608.608%200%200%200%20.17-.453c0-.192-.057-.344-.17-.452-.113-.11-.285-.164-.511-.164H8.37v1.239h.587v-.003ZM11.04%2021.067v-3.41h1.2c.344%200%20.641.068.89.203.25.136.442.333.574.587.134.257.201.56.201.91%200%20.354-.067.659-.202.915a1.378%201.378%200%200%201-.58.59%201.868%201.868%200%200%201-.903.205h-1.18Zm1.147-.533c.363%200%20.637-.097.82-.295.183-.196.274-.491.274-.883%200-.39-.09-.68-.27-.876-.181-.194-.45-.292-.804-.292h-.544v2.346h.524ZM14.668%2017.656h2.228v.514h-1.604v.933h1.451v.513h-1.45v1.451h-.625v-3.41Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-ext-txt::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.995%206.424%2014.982%201.5H4.81A.802.802%200%200%200%204%202.294v14.084h15.995V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M14.984%205.63c0%20.438.363.794.81.794H20L14.984%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4.008%2016.375v5.333c0%20.438.362.794.809.794h14.377a.802.802%200%200%200%20.809-.794v-5.333H4.008Z'%20fill='%23535353'/%3e%3cpath%20d='M14.09%2017.512h3.014v.559H15.94v3.153h-.679V18.07h-1.17v-.56ZM11.958%2018.875h.031l.842-1.363h.773l-1.165%201.856%201.186%201.856h-.79l-.846-1.354h-.03l-.847%201.354h-.784l1.197-1.856-1.181-1.856h.784l.83%201.363ZM6.852%2017.512h3.014v.559H8.701v3.153h-.68V18.07h-1.17v-.56Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.566%2012.156h7.941v.945h-7.94v-.945ZM7.566%2010.36h8.684v.934H7.566v-.935ZM7.566%208.555h6.073v.934H7.566v-.934ZM7.566%206.75h8.684v.935H7.566V6.75Z'%20fill='%23A2A2A2'/%3e%3c/svg%3e");
}
.icon-ext-xls::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.996%206.424%2014.983%201.5H4.809A.802.802%200%200%200%204%202.294v14.084h15.996V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M14.984%205.63c0%20.438.363.794.81.794h4.208L14.984%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4%2016.375v5.333c0%20.438.362.794.809.794h14.378a.802.802%200%200%200%20.809-.794v-5.333H4Z'%20fill='%2300B75E'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.191%206.75h7.58v7.605H8.19V6.75Z'%20fill='%2300B75E'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.82%207.406v6.297h6.312V7.406H8.82Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.446%2011.555H12.56l.553.712-.553.713h1.887l-.553-.713.553-.712Z'%20fill='%2300B75E'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.986%209.043h-1.811l-.4.517-.401-.517H9.562l1.307%201.67-1.306%201.669h4.423l-1.306-1.67%201.306-1.669Zm-3.651.234h-.267l2.25%202.87h.267l-2.25-2.87Z'%20fill='%2300B75E'/%3e%3cpath%20d='M16.163%2018.587a.487.487%200%200%200-.217-.369.854.854%200%200%200-.499-.133c-.139%200-.26.02-.365.061a.54.54%200%200%200-.24.172.401.401%200%200%200-.084.249c0%20.142.06.252.18.33.12.077.276.138.468.182l.355.093c.326.073.591.195.797.366.207.17.31.403.31.7a.994.994%200%200%201-.17.574%201.103%201.103%200%200%201-.493.387c-.214.091-.47.136-.768.136-.294%200-.55-.044-.765-.133a1.151%201.151%200%200%201-.507-.392%201.152%201.152%200%200%201-.196-.623h.668a.55.55%200%200%200%20.24.43c.147.1.332.15.555.15.148%200%20.28-.023.394-.067a.605.605%200%200%200%20.267-.188.44.44%200%200%200%20.096-.28.357.357%200%200%200-.172-.314%201.671%201.671%200%200%200-.512-.203l-.429-.108c-.672-.172-1.008-.505-1.008-1%200-.215.06-.404.18-.568.12-.166.286-.294.497-.385.212-.092.45-.138.713-.138.264%200%20.499.046.703.138.205.09.364.217.478.38a.964.964%200%200%201%20.177.553h-.653ZM11.047%2017.563h.68v3.148h1.671v.564h-2.351v-3.712ZM8.751%2018.926h.032l.84-1.363h.774l-1.165%201.856%201.186%201.855h-.789l-.846-1.353H8.75l-.846%201.354H7.12l1.197-1.856-1.181-1.857h.783l.831%201.364Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-ext-xlsx::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.996%206.424%2014.983%201.5H4.809A.802.802%200%200%200%204%202.294v14.084h15.996V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M14.984%205.63c0%20.438.363.794.81.794h4.208L14.984%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4%2016.375v5.333c0%20.438.362.794.809.794h14.378a.802.802%200%200%200%20.809-.794v-5.333H4Z'%20fill='%2300B75E'/%3e%3cpath%20d='M16.251%2018.882h.027l.71-1.152h.653l-.984%201.567%201.002%201.568h-.666l-.715-1.143h-.027l-.714%201.143h-.662l1.01-1.567-.997-1.567h.662l.701%201.151ZM13.86%2018.592a.41.41%200%200%200-.182-.311.72.72%200%200%200-.422-.113.841.841%200%200%200-.309.052.456.456%200%200%200-.202.145.339.339%200%200%200-.071.21c0%20.12.05.213.152.28.102.064.233.115.395.153l.3.078c.275.062.5.165.673.31.175.142.262.34.262.59a.839.839%200%200%201-.143.485.931.931%200%200%201-.417.327%201.66%201.66%200%200%201-.649.115c-.248%200-.463-.038-.646-.113a.973.973%200%200%201-.428-.331.973.973%200%200%201-.165-.526h.565c.013.159.08.28.202.363.124.084.28.126.468.126a.92.92%200%200%200%20.333-.056.511.511%200%200%200%20.225-.158.372.372%200%200%200%20.082-.236.301.301%200%200%200-.146-.266%201.413%201.413%200%200%200-.432-.171l-.362-.091c-.568-.146-.851-.427-.851-.844%200-.182.05-.342.152-.481a.984.984%200%200%201%20.419-.325c.18-.077.38-.116.602-.116.224%200%20.421.039.593.116a.94.94%200%200%201%20.404.32.814.814%200%200%201%20.15.468h-.551ZM9.543%2017.73h.574v2.658h1.411v.477H9.543V17.73ZM7.603%2018.882h.026l.71-1.152h.654l-.984%201.567%201.001%201.568h-.666l-.715-1.143h-.026l-.715%201.143h-.661l1.01-1.567-.997-1.567h.662l.7%201.151Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.191%206.75h7.58v7.605H8.19V6.75Z'%20fill='%2300B75E'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.82%207.406v6.297h6.312V7.406H8.82Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.446%2011.555H12.56l.553.712-.553.713h1.887l-.553-.713.553-.712Z'%20fill='%2300B75E'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.986%209.043h-1.811l-.4.517-.401-.517H9.562l1.307%201.67-1.306%201.669h4.423l-1.306-1.67%201.306-1.669Zm-3.651.234h-.267l2.25%202.87h.267l-2.25-2.87Z'%20fill='%2300B75E'/%3e%3c/svg%3e");
}
.icon-ext-csv::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.996%206.424%2014.983%201.5H4.809A.802.802%200%200%200%204%202.294v14.084h15.996V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M14.984%205.63c0%20.438.363.794.81.794h4.208L14.984%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4%2016.375v5.333c0%20.438.362.794.809.794h14.378a.802.802%200%200%200%20.809-.794v-5.333H4Z'%20fill='%2300B75E'/%3e%3cpath%20d='M15.612%2020.494h.042l.988-2.928h.747l-1.338%203.712h-.836l-1.332-3.712h.747l.982%202.928ZM12.753%2018.587a.487.487%200%200%200-.217-.369.854.854%200%200%200-.499-.133c-.14%200-.261.02-.366.061a.541.541%200%200%200-.24.172.401.401%200%200%200-.083.249c0%20.142.06.252.18.33.12.077.276.138.467.182l.356.093c.325.073.591.195.796.366.208.17.311.403.311.7a.994.994%200%200%201-.17.574%201.103%201.103%200%200%201-.493.387c-.214.091-.47.136-.768.136-.295%200-.55-.044-.766-.133a1.152%201.152%200%200%201-.506-.392%201.153%201.153%200%200%201-.196-.623h.668a.55.55%200%200%200%20.24.43c.147.1.332.15.554.15.149%200%20.28-.023.395-.067a.605.605%200%200%200%20.266-.188.44.44%200%200%200%20.097-.28.357.357%200%200%200-.172-.314%201.672%201.672%200%200%200-.512-.203l-.429-.108c-.672-.172-1.008-.505-1.008-1%200-.215.06-.404.18-.568.12-.166.286-.294.497-.385.212-.092.45-.138.713-.138.264%200%20.499.046.702.138.206.09.365.217.478.38a.964.964%200%200%201%20.178.553h-.653ZM9.32%2018.818a.793.793%200%200%200-.483-.618%201.026%201.026%200%200%200-.421-.084.992.992%200%200%200-.552.153.998.998%200%200%200-.37.446%201.71%201.71%200%200%200-.134.708c0%20.277.045.513.133.71a.998.998%200%200%200%20.371.446c.16.1.344.151.552.151.15%200%20.287-.026.412-.08a.827.827%200%200%200%20.491-.602h.685a1.454%201.454%200%200%201-.818%201.113c-.23.113-.49.17-.78.17-.333%200-.631-.077-.894-.229a1.595%201.595%200%200%201-.614-.661%202.203%202.203%200%200%201-.222-1.018c0-.391.074-.73.222-1.018.15-.287.355-.507.616-.659.263-.153.56-.23.891-.23.279%200%20.532.052.76.156.229.102.416.252.562.449.146.194.239.427.277.697H9.32Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M13.56%209.21h-1.393l-.31.396-.311-.395h-1.394l1.008%201.282-1.008%201.282h3.4l-1.008-1.282%201.007-1.282h.01Zm-2.805.184h-.198l1.723%202.208h.198l-1.723-2.208Z'%20fill='%2300B75E'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.646%208.572v3.876l6.233%201.07V7.502l-6.233%201.07Zm-.63-.54L15.5%206.75v7.54l-7.485-1.283V8.032Z'%20fill='%2300B75E'/%3e%3c/svg%3e");
}
.icon-ext-ppt::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.996%206.424%2014.983%201.5H4.809A.802.802%200%200%200%204%202.294v14.084h15.996V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M14.984%205.63c0%20.438.363.794.81.794h4.208L14.984%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4%2016.375v5.333c0%20.438.362.794.809.794h14.378a.802.802%200%200%200%20.809-.794v-5.333H4Z'%20fill='%23FF5E1A'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.016%206.75h7.579v7.43h-7.58V6.75Z'%20fill='%23FF5E1A'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.672%207.39h6.264v6.141H8.672v-6.14Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.578%208.633h4.452v3.658H9.578V8.633Z'%20fill='%23FF5E1A'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.914%209.012H13.7v.477H9.914v-.477ZM10.858%209.89a.93.93%200%200%200-.944.927c0%20.516.42.926.944.926a.93.93%200%200%200%20.944-.926h-.944v-.926ZM12.25%209.957h1.45v.277h-1.45v-.277ZM12.25%2010.54h1.45v.276h-1.45v-.277ZM12.25%2011.133h1.45v.267h-1.45v-.267Z'%20fill='%23fff'/%3e%3cpath%20d='M13.875%2017.512h3.015v.559h-1.165v3.153h-.68V18.07h-1.17v-.56ZM10.586%2017.512h1.421c.282%200%20.523.052.724.156.2.104.351.25.454.436.103.184.154.397.154.638%200%20.24-.052.452-.156.639a1.067%201.067%200%200%201-.457.433%201.594%201.594%200%200%201-.73.154h-.73v1.256h-.68v-3.712Zm1.317%201.907c.247%200%20.432-.06.556-.182a.667.667%200%200%200%20.186-.495c0-.208-.062-.372-.186-.492s-.31-.18-.556-.18h-.638v1.349h.638ZM7.121%2017.512h1.421c.282%200%20.524.052.724.156.2.104.352.25.454.436.103.184.155.397.155.638%200%20.24-.053.452-.157.639a1.067%201.067%200%200%201-.457.433%201.594%201.594%200%200%201-.73.154h-.73v1.256h-.68v-3.712Zm1.317%201.907c.247%200%20.433-.06.556-.182a.667.667%200%200%200%20.186-.495c0-.208-.062-.372-.186-.492-.123-.12-.309-.18-.556-.18H7.8v1.349h.638Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-ext-pptx::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.996%206.424%2014.983%201.5H4.809A.802.802%200%200%200%204%202.294v14.084h15.996V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M14.984%205.63c0%20.438.363.794.81.794h4.208L14.984%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4%2016.375v5.333c0%20.438.362.794.809.794h14.378a.802.802%200%200%200%20.809-.794v-5.333H4Z'%20fill='%23FF5E1A'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.012%206.75h7.58v7.43h-7.58V6.75Z'%20fill='%23FF5E1A'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8.668%207.39h6.264v6.141H8.668v-6.14Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.574%208.633h4.453v3.658H9.573V8.633Z'%20fill='%23FF5E1A'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.91%209.012h3.785v.477H9.91v-.477ZM10.854%209.89a.93.93%200%200%200-.944.927c0%20.516.42.926.944.926a.93.93%200%200%200%20.944-.926h-.944v-.926ZM12.246%209.957h1.45v.277h-1.45v-.277ZM12.246%2010.54h1.45v.276h-1.45v-.277ZM12.246%2011.133h1.45v.267h-1.45v-.267Z'%20fill='%23fff'/%3e%3cpath%20d='M16.83%2018.875h.03l.842-1.363h.773l-1.165%201.856%201.186%201.856h-.789l-.846-1.354h-.032l-.846%201.354h-.784l1.197-1.856-1.181-1.856h.784l.83%201.363ZM11.824%2017.512h3.015v.559h-1.165v3.153h-.68V18.07h-1.17v-.56ZM8.715%2017.512h1.421c.282%200%20.523.052.724.156.2.104.351.25.454.436.103.184.154.397.154.638%200%20.24-.052.452-.156.639a1.068%201.068%200%200%201-.458.433%201.594%201.594%200%200%201-.728.154h-.732v1.256h-.68v-3.712Zm1.316%201.907c.248%200%20.433-.06.557-.182a.667.667%200%200%200%20.185-.495c0-.208-.061-.372-.185-.492s-.31-.18-.556-.18h-.638v1.349h.637ZM5.605%2017.512h1.422c.282%200%20.523.052.723.156.2.104.352.25.455.436.103.184.154.397.154.638%200%20.24-.052.452-.157.639a1.067%201.067%200%200%201-.457.433%201.594%201.594%200%200%201-.729.154h-.731v1.256h-.68v-3.712Zm1.317%201.907c.247%200%20.433-.06.557-.182a.667.667%200%200%200%20.185-.495c0-.208-.062-.372-.185-.492-.124-.12-.31-.18-.557-.18h-.637v1.349h.637Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-ext-zip::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.996%206.424%2014.983%201.5H4.809A.802.802%200%200%200%204%202.294v14.084h15.996V6.424Z'%20fill='%23EFF3F5'/%3e%3cmask%20id='a'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='6'%20y='5'%20width='11'%20height='11'%3e%3cpath%20fill='%23D9D9D9'%20d='M6.867%205.961h9.466v9.466H6.867z'/%3e%3c/mask%3e%3cg%20mask='url(%23a)'%3e%3cpath%20d='M13.18%2010.693v-.79h.789v.79h-.789Zm0%20.788h-.789v-.788h.79v.788Zm0%20.79v-.79h.789v.79h-.789Zm-1.9-3.156-.788-.789H8.568a.118.118%200%200%200-.087.034.118.118%200%200%200-.034.087v4.49c0%20.036.011.065.034.088a.118.118%200%200%200%20.087.034h3.823v-.789h.79v.79h1.456a.119.119%200%200%200%20.087-.035.118.118%200%200%200%20.034-.087V9.236a.118.118%200%200%200-.034-.087.118.118%200%200%200-.088-.034H13.18v.789h-.789v-.79h-1.11ZM8.569%2013.65a.688.688%200%200%201-.505-.207.688.688%200%200%201-.208-.506v-4.49c0-.2.07-.369.208-.507a.688.688%200%200%201%20.505-.207h2.166l.789.79h3.114c.199%200%20.367.068.505.206a.688.688%200%200%201%20.208.506v3.702c0%20.199-.07.368-.207.506a.689.689%200%200%201-.507.207H8.569Z'%20fill='%23F2BD00'/%3e%3c/g%3e%3cpath%20d='M14.98%205.63c0%20.438.363.794.81.794h4.208L14.98%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4%2016.375v5.333c0%20.438.362.794.809.794h14.378a.802.802%200%200%200%20.809-.794v-5.333H4Z'%20fill='%23F2BD00'/%3e%3cpath%20d='M13.145%2017.516h1.42c.283%200%20.524.052.724.156.2.104.352.25.455.436.103.184.154.397.154.638%200%20.24-.052.452-.157.638a1.068%201.068%200%200%201-.457.434%201.595%201.595%200%200%201-.729.153h-.731v1.257h-.68v-3.712Zm1.316%201.907c.248%200%20.433-.06.557-.182a.667.667%200%200%200%20.185-.495c0-.208-.062-.372-.185-.492-.124-.12-.31-.18-.557-.18h-.637v1.349h.637ZM12.277%2021.228h-.68v-3.712h.68v3.712ZM8.022%2020.807l1.944-2.732H8.012v-.56h2.8v.416L8.87%2020.664h1.954v.564h-2.8v-.42Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-ext-mp3::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.996%206.424%2014.983%201.5H4.809A.802.802%200%200%200%204%202.294v14.084h15.996V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M9.004%2010.47c0-1.662%201.373-3.01%203.066-3.01%201.694%200%203.067%201.348%203.067%203.01%200%201.662-1.373%203.01-3.067%203.01-1.693%200-3.066-1.348-3.066-3.01Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.07%2014.188c-2.092%200-3.789-1.665-3.789-3.72%200-2.053%201.697-3.718%203.79-3.718s3.79%201.665%203.79%203.719-1.697%203.719-3.79%203.719Zm0-6.728c-1.693%200-3.066%201.347-3.066%203.009s1.373%203.009%203.067%203.009c1.694%200%203.066-1.347%203.066-3.01%200-1.661-1.373-3.008-3.066-3.008Z'%20fill='%23FF5E1A'/%3e%3cpath%20d='M10.883%209.162c0-.167.188-.269.332-.18l2.245%201.386a.21.21%200%200%201%200%20.36l-2.245%201.386c-.144.09-.332-.012-.332-.18V9.162Z'%20fill='%23FF5E1A'/%3e%3cpath%20d='M14.98%205.63c0%20.438.363.794.81.794h4.208L14.98%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4%2016.375v5.333c0%20.438.362.794.809.794h14.378a.802.802%200%200%200%20.809-.794v-5.333H4Z'%20fill='%23FF5E1A'/%3e%3cpath%20d='M16.033%2021.326c-.266%200-.505-.044-.716-.133a1.181%201.181%200%200%201-.496-.372.937.937%200%200%201-.188-.55h.684a.444.444%200%200%200%20.105.258c.064.073.15.13.256.172a.98.98%200%200%200%20.355.061c.138%200%20.26-.023.368-.069a.607.607%200%200%200%20.256-.197.475.475%200%200%200%20.092-.287.496.496%200%200%200-.094-.298.602.602%200%200%200-.272-.202%201.079%201.079%200%200%200-.418-.075h-.34v-.512h.34c.133%200%20.25-.023.353-.067a.57.57%200%200%200%20.243-.192.477.477%200%200%200%20.083-.285.476.476%200%200%200-.073-.272.473.473%200%200%200-.211-.184.854.854%200%200%200-.653-.003.601.601%200%200%200-.246.177.443.443%200%200%200-.097.267h-.653a.941.941%200%200%201%20.183-.546c.118-.16.278-.283.478-.372a1.65%201.65%200%200%201%20.672-.133c.248%200%20.469.046.66.138.192.09.34.215.444.372.105.157.156.33.155.52a.764.764%200%200%201-.327.649.943.943%200%200%201-.363.151v.03c.176.025.326.076.452.155.125.076.22.176.285.3a.865.865%200%200%201%20.094.417.903.903%200%200%201-.18.557c-.12.164-.289.293-.505.387a1.819%201.819%200%200%201-.726.138ZM11.23%2017.563h1.422c.282%200%20.523.052.723.156.2.104.352.25.455.436.102.184.154.397.154.638%200%20.24-.052.452-.157.638a1.068%201.068%200%200%201-.457.433%201.593%201.593%200%200%201-.729.154h-.731v1.256h-.68v-3.712Zm1.317%201.907c.247%200%20.433-.06.556-.182a.666.666%200%200%200%20.186-.495c0-.209-.062-.373-.185-.492-.124-.12-.31-.18-.557-.18h-.637v1.349h.637ZM7.242%2017.563l1.124%202.696h.047l1.123-2.697h.836v3.712h-.653v-2.553h-.037l-1.05%202.543h-.486l-1.05-2.553h-.031v2.564h-.659v-3.712h.836Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-ext-mp4::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M19.996%206.424%2014.983%201.5H4.809A.802.802%200%200%200%204%202.294v14.084h15.996V6.424Z'%20fill='%23EFF3F5'/%3e%3cpath%20d='M14.98%205.63c0%20.438.363.794.81.794h4.208L14.98%201.5v4.13Z'%20fill='%23DBDFE0'/%3e%3cpath%20d='M4%2016.375v5.333c0%20.438.362.794.809.794h14.378a.802.802%200%200%200%20.809-.794v-5.333H4Z'%20fill='%23177A8F'/%3e%3cpath%20d='m14.5%2019.998%201.635-2.486h.847v2.47h.496v.55h-.496v.692h-.648v-.692H14.5v-.534Zm1.844-.015V18.27h-.042l-1.107%201.687v.026h1.15ZM11.145%2017.512h1.42c.283%200%20.524.052.724.156.2.104.352.25.455.436.103.184.154.397.154.638%200%20.24-.052.452-.157.639a1.067%201.067%200%200%201-.457.433%201.594%201.594%200%200%201-.729.154h-.731v1.256h-.68v-3.712Zm1.316%201.907c.248%200%20.433-.06.557-.182a.667.667%200%200%200%20.185-.495c0-.208-.062-.372-.185-.492-.124-.12-.31-.18-.557-.18h-.637v1.349h.637ZM7.152%2017.512l1.124%202.697h.047l1.123-2.697h.836v3.712h-.653V18.67h-.037l-1.05%202.543h-.486l-1.05-2.553h-.031v2.564h-.659v-3.712h.836Z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.836%2014.101V7.734h8.162v6.367H7.836Z'%20fill='%232F2F2F'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.836%2015.088v-.986h8.162v.986H7.836ZM7.836%207.736V6.75h8.162v.986H7.836Z'%20fill='%23A4A9AD'/%3e%3cpath%20d='M8.465%208.835v4.163c0%20.191.368.346.822.346h5.152c.455%200%20.823-.155.823-.346V8.835c0-.19-.368-.345-.822-.345H9.287c-.454%200-.822.155-.822.345Z'%20fill='%23177A8F'/%3e%3cpath%20d='M8.277%2014.394v.43c0%20.035.03.063.067.063h.575a.065.065%200%200%200%20.066-.063v-.43a.065.065%200%200%200-.066-.063h-.575a.065.065%200%200%200-.067.063ZM9.375%2014.39v.43c0%20.035.03.063.066.063h.576a.065.065%200%200%200%20.066-.063v-.43a.065.065%200%200%200-.066-.063H9.44a.065.065%200%200%200-.066.063ZM10.473%2014.394v.43c0%20.035.03.063.066.063h.575a.065.065%200%200%200%20.067-.063v-.43a.065.065%200%200%200-.067-.063h-.575a.065.065%200%200%200-.066.063ZM11.566%2014.394v.43c0%20.035.03.063.067.063h.575a.065.065%200%200%200%20.066-.063v-.43a.065.065%200%200%200-.066-.063h-.575a.065.065%200%200%200-.067.063ZM12.664%2014.394v.43c0%20.035.03.063.066.063h.576a.065.065%200%200%200%20.066-.063v-.43a.065.065%200%200%200-.066-.063h-.576a.065.065%200%200%200-.066.063ZM13.762%2014.39v.43c0%20.035.03.063.066.063h.575a.065.065%200%200%200%20.067-.063v-.43a.065.065%200%200%200-.067-.063h-.575a.065.065%200%200%200-.066.063ZM14.855%2014.394v.43c0%20.035.03.063.067.063h.575a.065.065%200%200%200%20.067-.063v-.43a.065.065%200%200%200-.067-.063h-.575a.065.065%200%200%200-.067.063ZM8.277%207.035v.43c0%20.034.03.062.067.062h.575a.065.065%200%200%200%20.066-.063v-.43a.065.065%200%200%200-.066-.062h-.575a.065.065%200%200%200-.067.063ZM9.375%207.03v.43c0%20.035.03.063.066.063h.576a.065.065%200%200%200%20.066-.062v-.43a.065.065%200%200%200-.066-.063H9.44a.065.065%200%200%200-.066.063ZM10.473%207.035v.43c0%20.034.03.062.066.062h.575a.065.065%200%200%200%20.067-.063v-.43a.065.065%200%200%200-.067-.062h-.575a.065.065%200%200%200-.066.063ZM11.566%207.035v.43c0%20.034.03.062.067.062h.575a.065.065%200%200%200%20.066-.063v-.43a.065.065%200%200%200-.066-.062h-.575a.065.065%200%200%200-.067.063ZM12.664%207.035v.43c0%20.034.03.062.066.062h.576a.065.065%200%200%200%20.066-.063v-.43a.065.065%200%200%200-.066-.062h-.576a.065.065%200%200%200-.066.063ZM13.762%207.03v.43c0%20.035.03.063.066.063h.575a.065.065%200%200%200%20.067-.062v-.43a.065.065%200%200%200-.067-.063h-.575a.065.065%200%200%200-.066.063ZM14.855%207.035v.43c0%20.034.03.062.067.062h.575a.065.065%200%200%200%20.067-.063v-.43a.065.065%200%200%200-.067-.062h-.575a.065.065%200%200%200-.067.063ZM10.41%209.012l3.015%201.972-3.015%201.983V9.012Z'%20fill='%23fff'/%3e%3c/svg%3e");
}

.icon-ranking-gold::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m15.197%2015.138-1.576%203.441-2.768%206.048a.639.639%200%200%201-1.16.003l-.839-1.806-1.915.546a.639.639%200%200%201-.756-.88l2.665-5.827L10.526%2013l4.671%202.138Z'%20fill='%23FD978A'/%3e%3cpath%20d='m15.196%2015.138-1.576%203.441a2.672%202.672%200%200%201-1.854-1.172.986.986%200%200%200-1.01-.418%202.655%202.655%200%200%201-1.908-.327L10.526%2013l4.67%202.138Z'%20fill='%23EA796B'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441%202.768%206.048a.639.639%200%200%200%201.16.003l.84-1.806%201.915.546a.639.639%200%200%200%20.756-.88l-2.666-5.827L17.475%2013l-4.67%202.138Z'%20fill='%23FD978A'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441a2.672%202.672%200%200%200%201.854-1.172.986.986%200%200%201%201.011-.418%202.655%202.655%200%200%200%201.908-.327L17.475%2013l-4.67%202.138Z'%20fill='%23EA796B'/%3e%3cpath%20d='M15.754%202.538a2.105%202.105%200%200%200%202.168.898A2.105%202.105%200%200%201%2020.4%205.914a2.105%202.105%200%200%200%20.898%202.168%202.105%202.105%200%200%201%200%203.505%202.105%202.105%200%200%200-.898%202.168%202.105%202.105%200%200%201-2.478%202.478%202.105%202.105%200%200%200-2.168.898%202.105%202.105%200%200%201-3.505%200%202.105%202.105%200%200%200-2.168-.898%202.105%202.105%200%200%201-2.479-2.478%202.105%202.105%200%200%200-.897-2.168%202.105%202.105%200%200%201%200-3.505%202.105%202.105%200%200%200%20.897-2.168%202.105%202.105%200%200%201%202.48-2.478%202.105%202.105%200%200%200%202.167-.898%202.105%202.105%200%200%201%203.505%200Z'%20fill='%23FFD753'/%3e%3cpath%20d='m14.725%206.644.464%201.146a.787.787%200%200%200%20.673.488l1.233.089c.705.05.991.931.45%201.386l-.945.796c-.23.194-.329.5-.257.791l.297%201.2a.787.787%200%200%201-1.18.857l-1.049-.653a.787.787%200%200%200-.831%200l-1.05.653a.787.787%200%200%201-1.18-.857l.298-1.2a.787.787%200%200%200-.257-.79l-.946-.797a.787.787%200%200%201%20.45-1.386l1.234-.089c.299-.02.56-.21.673-.488l.465-1.146a.787.787%200%200%201%201.458%200Z'%20fill='%23FFB52F'/%3e%3c/svg%3e");
}
.icon-ranking-silver::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m15.197%2015.138-1.576%203.441-2.768%206.048a.639.639%200%200%201-1.16.003l-.839-1.806-1.915.546a.639.639%200%200%201-.756-.88l2.665-5.827L10.526%2013l4.671%202.138Z'%20fill='%232596FF'/%3e%3cpath%20d='m15.196%2015.138-1.576%203.441a2.672%202.672%200%200%201-1.854-1.172.986.986%200%200%200-1.01-.418%202.655%202.655%200%200%201-1.908-.327L10.526%2013l4.67%202.138Z'%20fill='%230480F4'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441%202.768%206.048a.639.639%200%200%200%201.16.003l.84-1.806%201.915.546a.639.639%200%200%200%20.756-.88l-2.666-5.827L17.475%2013l-4.67%202.138Z'%20fill='%232596FF'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441a2.672%202.672%200%200%200%201.854-1.172.986.986%200%200%201%201.011-.418%202.655%202.655%200%200%200%201.908-.327L17.475%2013l-4.67%202.138Z'%20fill='%230480F4'/%3e%3cpath%20d='M15.754%202.538a2.105%202.105%200%200%200%202.168.898A2.105%202.105%200%200%201%2020.4%205.914a2.105%202.105%200%200%200%20.898%202.168%202.105%202.105%200%200%201%200%203.505%202.105%202.105%200%200%200-.898%202.168%202.105%202.105%200%200%201-2.478%202.478%202.105%202.105%200%200%200-2.168.898%202.105%202.105%200%200%201-3.505%200%202.105%202.105%200%200%200-2.168-.898%202.105%202.105%200%200%201-2.479-2.478%202.105%202.105%200%200%200-.897-2.168%202.105%202.105%200%200%201%200-3.505%202.105%202.105%200%200%200%20.897-2.168%202.105%202.105%200%200%201%202.48-2.478%202.105%202.105%200%200%200%202.167-.898%202.105%202.105%200%200%201%203.505%200Z'%20fill='%23D7DFE8'/%3e%3cpath%20d='m14.725%206.644.464%201.146a.787.787%200%200%200%20.673.488l1.233.089c.705.05.991.931.45%201.386l-.945.796c-.23.194-.329.5-.257.791l.297%201.2a.787.787%200%200%201-1.18.857l-1.049-.653a.787.787%200%200%200-.831%200l-1.05.653a.787.787%200%200%201-1.18-.857l.298-1.2a.787.787%200%200%200-.257-.79l-.946-.797a.787.787%200%200%201%20.45-1.386l1.234-.089c.299-.02.56-.21.673-.488l.465-1.146a.787.787%200%200%201%201.458%200Z'%20fill='%23B4C1CF'/%3e%3c/svg%3e");
}
.icon-ranking-bronze::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m15.197%2015.138-1.576%203.441-2.768%206.048a.639.639%200%200%201-1.16.003l-.839-1.806-1.915.546a.639.639%200%200%201-.756-.88l2.665-5.827L10.526%2013l4.671%202.138Z'%20fill='%236ADA8E'/%3e%3cpath%20d='m15.196%2015.138-1.576%203.441a2.672%202.672%200%200%201-1.854-1.172.986.986%200%200%200-1.01-.418%202.655%202.655%200%200%201-1.908-.327L10.526%2013l4.67%202.138Z'%20fill='%234EBF72'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441%202.768%206.048a.639.639%200%200%200%201.16.003l.84-1.806%201.915.546a.639.639%200%200%200%20.756-.88l-2.666-5.827L17.475%2013l-4.67%202.138Z'%20fill='%236ADA8E'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441a2.672%202.672%200%200%200%201.854-1.172.986.986%200%200%201%201.011-.418%202.655%202.655%200%200%200%201.908-.327L17.475%2013l-4.67%202.138Z'%20fill='%234EBF72'/%3e%3cpath%20d='M15.754%202.538a2.105%202.105%200%200%200%202.168.898A2.105%202.105%200%200%201%2020.4%205.914a2.105%202.105%200%200%200%20.898%202.168%202.105%202.105%200%200%201%200%203.505%202.105%202.105%200%200%200-.898%202.168%202.105%202.105%200%200%201-2.478%202.478%202.105%202.105%200%200%200-2.168.898%202.105%202.105%200%200%201-3.505%200%202.105%202.105%200%200%200-2.168-.898%202.105%202.105%200%200%201-2.479-2.478%202.105%202.105%200%200%200-.897-2.168%202.105%202.105%200%200%201%200-3.505%202.105%202.105%200%200%200%20.897-2.168%202.105%202.105%200%200%201%202.48-2.478%202.105%202.105%200%200%200%202.167-.898%202.105%202.105%200%200%201%203.505%200Z'%20fill='%23E0B097'/%3e%3cpath%20d='m14.725%206.644.464%201.146a.787.787%200%200%200%20.673.488l1.233.089c.705.05.991.931.45%201.386l-.945.796c-.23.194-.329.5-.257.791l.297%201.2a.787.787%200%200%201-1.18.857l-1.049-.653a.787.787%200%200%200-.831%200l-1.05.653a.787.787%200%200%201-1.18-.857l.298-1.2a.787.787%200%200%200-.257-.79l-.946-.797a.787.787%200%200%201%20.45-1.386l1.234-.089c.299-.02.56-.21.673-.488l.465-1.146a.787.787%200%200%201%201.458%200Z'%20fill='%23C58B6D'/%3e%3c/svg%3e");
}
.icon-ranking-other::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m15.197%2015.138-1.576%203.441-2.768%206.048a.639.639%200%200%201-1.16.003l-.839-1.806-1.915.546a.639.639%200%200%201-.756-.88l2.665-5.827L10.526%2013l4.671%202.138Z'%20fill='%23567DC0'/%3e%3cpath%20d='m15.196%2015.138-1.576%203.441a2.672%202.672%200%200%201-1.854-1.172.986.986%200%200%200-1.01-.418%202.655%202.655%200%200%201-1.908-.327L10.526%2013l4.67%202.138Z'%20fill='%23466CB0'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441%202.768%206.048a.639.639%200%200%200%201.16.003l.84-1.806%201.915.546a.639.639%200%200%200%20.756-.88l-2.666-5.827L17.475%2013l-4.67%202.138Z'%20fill='%23567DC0'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441a2.672%202.672%200%200%200%201.854-1.172.986.986%200%200%201%201.011-.418%202.655%202.655%200%200%200%201.908-.327L17.475%2013l-4.67%202.138Z'%20fill='%23466CB0'/%3e%3cpath%20d='M15.754%202.538a2.105%202.105%200%200%200%202.168.898A2.105%202.105%200%200%201%2020.4%205.914a2.105%202.105%200%200%200%20.898%202.168%202.105%202.105%200%200%201%200%203.505%202.105%202.105%200%200%200-.898%202.168%202.105%202.105%200%200%201-2.478%202.478%202.105%202.105%200%200%200-2.168.898%202.105%202.105%200%200%201-3.505%200%202.105%202.105%200%200%200-2.168-.898%202.105%202.105%200%200%201-2.479-2.478%202.105%202.105%200%200%200-.897-2.168%202.105%202.105%200%200%201%200-3.505%202.105%202.105%200%200%200%20.897-2.168%202.105%202.105%200%200%201%202.48-2.478%202.105%202.105%200%200%200%202.167-.898%202.105%202.105%200%200%201%203.505%200Z'%20fill='%239F9F9F'/%3e%3cpath%20d='m14.725%206.644.464%201.146a.787.787%200%200%200%20.673.488l1.233.089c.705.05.991.931.45%201.386l-.945.796c-.23.194-.329.5-.257.791l.297%201.2a.787.787%200%200%201-1.18.857l-1.049-.653a.787.787%200%200%200-.831%200l-1.05.653a.787.787%200%200%201-1.18-.857l.298-1.2a.787.787%200%200%200-.257-.79l-.946-.797a.787.787%200%200%201%20.45-1.386l1.234-.089c.299-.02.56-.21.673-.488l.465-1.146a.787.787%200%200%201%201.458%200Z'%20fill='%238F8F8F'/%3e%3c/svg%3e");
}

.icon-subject-korean::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M39.473%2028.646c-5.44%201.385-8.136.345-8.967-2.92l-1.427-5.605c-.33-1.297.37-2.487%201.784-2.846l8.67-2.071c1.201-.306%202.108.203%202.367%201.222.26%201.02-.358%201.842-1.512%202.136l-6.999%201.645c-.118.03-.153.089-.106.274l1.067%204.192c.342%201.343%201.56%201.304%204.292.61%201.672-.426%201.8-.595%203.048-1.307a2.44%202.44%200%200%201%20.548-.213c1.036-.264%201.896.257%202.173%201.346.188.74-.188%201.428-1.066%201.923-1.218.73-1.729%201.07-3.872%201.614Z'%20fill='%2337CC84'/%3e%3cpath%20d='M25.249%2037.958c-5.114-1.293-7.24-3.692-6.356-7.193l1.434-5.672c.277-1.097%201.192-1.61%202.357-1.316l.095.024c1.213.307%201.774%201.193%201.497%202.29l-1.357%205.368c-.431%201.704.444%202.447%203.132%203.126%201.736.44%202.816.018%204.457-.064.279-.004.529.01.743.064%201.022.258%201.654%201.064%201.37%202.184-.188.747-.888%201.215-1.81%201.256-1.901.115-3.35.492-5.562-.067Z'%20fill='%23FFB13C'/%3e%3cpath%20d='M12.156%2028.925c-.594-.468-.83-1.037-.74-1.66.032-.225.123-.517.242-.831.975-1.998%201.402-3.77%201.91-7.286.062-.424.004-.534-.356-.586l-6.669-.712c-1.177-.17-1.824-.95-1.662-2.073.159-1.097%201.032-1.71%202.184-1.543l8.59.99c1.441.207%202.302%201.375%202.097%202.797-.778%205.387-1.333%207.7-2.717%2010.326-.37.685-1.186%201.077-1.954.966a1.93%201.93%200%200%201-.925-.388Z'%20fill='%23FF69CD'/%3e%3c/svg%3e");
}
.icon-subject-math::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.687%2031.307c-1.118.65-.885%202.328.368%202.648l28.269%207.22a1.444%201.444%200%200%200%201.756-1.043l7.088-27.756c.317-1.24-1.017-2.248-2.124-1.606L5.687%2031.307Zm17.344-.126c-1.252-.32-1.486-1.998-.368-2.648l7.978-4.634c1.107-.643%202.441.366%202.125%201.606l-1.6%206.263a1.444%201.444%200%200%201-1.756%201.041l-6.379-1.628Z'%20fill='%2366B4F5'/%3e%3cpath%20d='m40.9%2012.978-.57.332-.814-1.397.569-.332.815%201.397ZM38.627%2014.301l-.57.332-.815-1.398.57-.332.815%201.398ZM36.354%2015.63l-.57.331-.815-1.398.569-.332.816%201.398ZM34.994%2018.505l-.569.332-1.722-2.95.57-.331%201.721%202.95ZM31.83%2018.277l-.569.332-.816-1.396.57-.333.815%201.397ZM29.557%2019.602l-.57.332-.815-1.398.569-.332.816%201.398ZM27.291%2020.928l-.57.333-.815-1.399.57-.332.815%201.398ZM25.908%2023.802l-.569.333-1.722-2.95.57-.332%201.721%202.95ZM22.744%2023.577l-.57.332-.815-1.396.57-.332.815%201.396ZM20.486%2024.9l-.569.332-.815-1.397.569-.332.815%201.397ZM18.213%2026.229l-.57.332-.815-1.398.57-.332.815%201.398ZM16.845%2029.102l-.569.332-1.721-2.949.569-.332%201.721%202.95ZM13.666%2028.876l-.57.332-.815-1.396.57-.332.815%201.396ZM11.409%2030.199l-.57.332-.816-1.396.57-.333.816%201.397ZM9.143%2031.526l-.569.332-.816-1.397.569-.333.816%201.398Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-subject-science::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M25.005%2045.997c3.99%200%207.224-9.4%207.224-20.996%200-11.596-3.234-20.996-7.224-20.996s-7.224%209.4-7.224%2020.996c0%2011.596%203.234%2020.996%207.224%2020.996Z'%20stroke='%23B6C7E1'%20stroke-width='1.906'%20stroke-miterlimit='10'/%3e%3cpath%20d='M43.19%2035.5c1.994-3.454-4.53-10.955-14.572-16.753-10.042-5.798-19.8-7.697-21.795-4.242-1.995%203.455%204.529%2010.956%2014.571%2016.754%2010.043%205.798%2019.8%207.697%2021.795%204.242Z'%20stroke='%23B6C7E1'%20stroke-width='1.906'%20stroke-miterlimit='10'/%3e%3cpath%20d='M28.618%2031.255c10.042-5.798%2016.566-13.299%2014.571-16.754-1.995-3.455-11.753-1.556-21.795%204.242-10.042%205.798-16.566%2013.3-14.571%2016.754%201.995%203.455%2011.753%201.556%2021.795-4.242Z'%20stroke='%23B6C7E1'%20stroke-width='1.906'%20stroke-miterlimit='10'/%3e%3cpath%20d='M24.994%2029.557a4.556%204.556%200%201%200%200-9.113%204.556%204.556%200%200%200%200%209.113Z'%20fill='%2337CC84'/%3e%3cpath%20d='M8.056%2022.207a2.322%202.322%200%201%200%200-4.644%202.322%202.322%200%200%200%200%204.644Z'%20fill='%23FF69CD'/%3e%3cpath%20d='M37.535%2015.436a2.761%202.761%200%201%200%200-5.523%202.761%202.761%200%200%200%200%205.523Z'%20fill='%23FFB13C'/%3e%3cpath%20d='M38.734%2037.118c0%20.035%200%20.07-.003.104a1.959%201.959%200%200%201-.401%201.095%201.973%201.973%200%200%201-1.525.78h-.051c-.523%200-.999-.202-1.353-.533a1.981%201.981%200%201%201%203.333-1.447Z'%20fill='%238AD4FF'/%3e%3c/svg%3e");
}
.icon-subject-social::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M30.619%204.772%2028.688%204%2016.037%2035.694l1.931.77%2012.65-31.692Z'%20fill='%23FFB13C'/%3e%3cpath%20d='M36.778%2020.234c0%20.237-.005.471-.02.705a13.05%2013.05%200%200%201-.196%201.683%2013.3%2013.3%200%200%201-2.53%205.753%2013.576%2013.576%200%200%201-3.309%203.093%2013.403%2013.403%200%200%201-7.044%202.21c-.116.003-.231.003-.35.003a13.404%2013.404%200%200%201-9.183-3.623%2013.402%2013.402%200%200%201-4.263-9.824c0-6.733%204.95-12.311%2011.41-13.295a13.547%2013.547%200%200%201%202.673-.136c1.656.077%203.232.453%204.675%201.075%204.657%202.003%207.957%206.562%208.128%2011.912.006.148.01.296.01.444Z'%20fill='%238AD4FF'/%3e%3cpath%20d='M12.07%2020.626v.058c0%20.515.418.933.934.933H16.9a2.96%202.96%200%200%201%202.96%202.96v.798c0%20.818-.331%201.557-.867%202.093a2.952%202.952%200%200%201-2.093.867c-.955%200-1.85.46-2.407%201.237l-.346.483a13.41%2013.41%200%200%201-4.265-9.824c0-6.735%204.95-12.313%2011.41-13.294v3.123a5.529%205.529%200%200%201-2.652%204.721l-.425.259a5.54%205.54%200%200%200-1.948%202.019%205.524%205.524%200%200%201-3.479%202.659.94.94%200%200%200-.719.908ZM34.04%2028.374a13.427%2013.427%200%200%201-10.352%205.302l.666-1.371a2.41%202.41%200%200%201%202.168-1.357h.518a2.41%202.41%200%200%200%202.133-1.287%202.41%202.41%200%200%201%202.132-1.287h2.736ZM32.587%2019.043c0-.636-.516-1.151-1.151-1.151h-4.317a1.984%201.984%200%200%200-1.797%202.824l2.24%204.783a1.867%201.867%200%200%200%203.559-.792v-3.276c0-.314.128-.614.354-.83l.758-.727c.226-.217.354-.517.354-.831ZM36.769%2019.789c-.174-5.35-3.471-9.909-8.128-11.913v1.026c0%20.135.008.268.024.396a1.943%201.943%200%200%201-1.049%201.953l-.896.46a1.543%201.543%200%200%200%20.706%202.917h1.696c.852%200%201.543-.691%201.543-1.544v-1.163c0-.512.415-.926.927-.926.733%200%201.328.937%201.328%202.092%200%20.578.15%201.1.39%201.48.24.378.572.612.939.612h.147c.733%200%201.328.937%201.328%202.092V18.9c0%20.996.442%201.83%201.034%202.04a13.75%2013.75%200%200%200%20.01-1.15Z'%20fill='%232EBD8B'%20style='mix-blend-mode:multiply'%20opacity='.8'/%3e%3cpath%20d='M24.099%2036.546c-1.97%200-3.973-.366-5.912-1.14l.471-1.18c7.542%203.011%2016.128-.676%2019.14-8.218%203.01-7.542-.678-16.128-8.22-19.139l.471-1.179c8.193%203.27%2012.197%2012.596%208.928%2020.789-2.497%206.254-8.522%2010.067-14.878%2010.067Z'%20fill='%23FFB13C'/%3e%3cpath%20d='M24.943%2039.944v-3.556H22.43v3.556a3.368%203.368%200%200%201-3.367%203.367%203.368%203.368%200%200%200-3.368%203.368v.592h15.983v-.592a3.368%203.368%200%200%200-3.367-3.368%203.368%203.368%200%200%201-3.368-3.367Z'%20fill='%23FFB13C'/%3e%3c/svg%3e");
}
.icon-subject-english::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M45.281%2037.377V12.632a2.41%202.41%200%200%200-2.41-2.41H7.158a2.41%202.41%200%200%200-2.41%202.41v24.745a2.41%202.41%200%200%200%202.41%202.41h35.713a2.41%202.41%200%200%200%202.41-2.41Z'%20fill='%238C6248'/%3e%3cpath%20d='M40.728%2012.956H9.305a2%202%200%200%200-2%202v20.09a2%202%200%200%200%202%202h31.423a2%202%200%200%200%202-2v-20.09a2%202%200%200%200-2-2Z'%20fill='%236CBD8D'/%3e%3cpath%20d='m34.504%2027.542-1.41%201.41a1.162%201.162%200%200%200%200%201.642l7.513%207.512c.453.453%201.189.453%201.642%200l1.41-1.409a1.162%201.162%200%200%200%200-1.643l-7.513-7.512a1.162%201.162%200%200%200-1.642%200ZM11.906%2032.718V22.61c0-1.68.521-2.983%201.566-3.94%201.043-.926%202.375-1.39%204.054-1.39%201.564%200%202.868.464%203.91%201.39.984.957%201.505%202.26%201.505%203.94v10.108h-1.97v-5.04h-7.095v5.04h-1.97Zm9.066-9.732c0-1.159-.319-2.086-.955-2.75-.665-.639-1.507-.986-2.49-.986-1.102%200-1.97.347-2.637.985-.694.665-1.014%201.592-1.014%202.751v2.723h7.096v-2.723ZM28.825%2029.27v-3.727h-3.7v-1.81h3.7v-3.726h1.81v3.726h3.699v1.81h-3.7v3.727h-1.81Z'%20fill='%23fff'/%3e%3c/svg%3e");
}

.icon-questiontype-objective::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40.222%2027.346c-1.205.527-2.228.765-3.128.73-.892-.034-1.687-.242-2.364-.62-.75-.4-1.207-.909-1.359-1.512a2.047%202.047%200%200%201%20.265-1.654c.21-.337.506-.597.86-.75.211-.093.444-.15.69-.166a2.801%202.801%200%200%201%201.48.299l.014.007c.25.132.516.187.813.17a2.7%202.7%200%200%200%20.923-.195c.778-.34.952-.634.99-.745.096-.273.045-.64-.152-1.091-.147-.336-.283-.462-.352-.507a.842.842%200%200%200-.46-.128c-.296%200-.642.06-1.027.178-.453.139-.958.329-1.5.566l-.265.115c-.753.33-1.343.209-1.707.05a2.021%202.021%200%200%201-1.068-1.053%202.042%202.042%200%200%201-.04-1.517c.133-.38.453-.904%201.222-1.24l.203-.089c.55-.24%201.014-.475%201.378-.7.292-.179.507-.36.64-.539a.885.885%200%200%201%20.024-.03.552.552%200%200%200%20.131-.328c.006-.096-.009-.314-.176-.697a.806.806%200%200%200-.168-.228%201.148%201.148%200%200%200-.293-.214%201.074%201.074%200%200%200-.391-.061c-.166%200-.381.056-.623.161a2.12%202.12%200%200%200-.708.508%201.512%201.512%200%200%200-.372.7%202.955%202.955%200%200%201-.817%201.338c-.18.169-.38.301-.592.394a1.91%201.91%200%200%201-1.149.117%202.055%202.055%200%200%201-1.339-.896c-.332-.497-.404-1.145-.216-1.982.065-.307.168-.632.305-.965a4.19%204.19%200%200%201%20.712-1.123c.281-.336.64-.672%201.068-.998.434-.333.982-.645%201.628-.926%201.485-.649%202.866-.75%204.104-.3%201.258.457%202.21%201.41%202.832%202.833.411.942.57%201.759.487%202.497-.027.234-.075.47-.145.706.313.101.612.239.896.413a4.137%204.137%200%200%201%201.66%201.91c.311.713.514%201.428.601%202.123.094.748.03%201.468-.189%202.14-.218.703-.619%201.346-1.19%201.913-.54.537-1.26%201.003-2.137%201.387Z'%20fill='%23FF69CD'/%3e%3cpath%20d='M23.297%2040.572c-.682%200-1.324-.008-1.907-.023a53.6%2053.6%200%200%200-1.23-.023c-.265%200-.523-.028-.768-.084a2.436%202.436%200%200%201-.766-.316%201.837%201.837%200%200%201-.766-.797c-.154-.305-.229-.666-.229-1.102v-1.031a13.203%2013.203%200%200%201%20.126-1.596c.104-.732.345-1.332.716-1.784a5.229%205.229%200%200%201%201.041-.968l.015-.01a22.563%2022.563%200%200%201%201.733-1.059c.533-.295%201.03-.614%201.477-.95.006-.003.012-.008.017-.012a4.69%204.69%200%200%200%201.006-.966c.207-.272.323-.583.354-.948.028-.624-.055-.884-.092-.968-.064-.144-.248-.266-.391-.343a1.995%201.995%200%200%200-.964-.254c-.226%200-.419.036-.588.11l-.015.006a1.194%201.194%200%200%200-.486.363c-.129.16-.213.365-.258.623a2.056%202.056%200%200%201-.916%201.412%202.411%202.411%200%200%201-1.363.395%202.983%202.983%200%200%201-.33-.02%202.082%202.082%200%200%201-1.136-.574c-.284-.27-.607-.771-.54-1.621.04-.854.237-1.616.586-2.265a4.551%204.551%200%200%201%201.463-1.629%205.43%205.43%200%200%201%201.965-.842%207.813%207.813%200%200%201%201.653-.169c.2%200%20.408.007.617.02l.025.002c1.026.089%201.942.341%202.723.75.841.44%201.483%201.042%201.907%201.788.316.554.512%201.162.582%201.805.06.562.065%201.18.014%201.838a5.08%205.08%200%200%201-.89%202.53%208.498%208.498%200%200%201-1.642%201.76c-.604.49-1.246.931-1.903%201.31-.595.341-1.126.663-1.58.956a1.046%201.046%200%200%200-.34.325.962.962%200%200%200-.118.322c.355.024.742.036%201.153.036.462%200%20.92-.008%201.361-.023.483-.016.896-.023%201.262-.023h.79c.034%200%20.067.001.1.005.537.049.985.205%201.33.464.324.243.71.717.71%201.601%200%20.335-.097.834-.554%201.311-.363.38-.871.588-1.513.62-.366.032-.863.048-1.516.048h-1.924Z'%20fill='%2337CC84'/%3e%3cpath%20d='M8.083%2027.89c-.06-.018-.12-.04-.181-.063a2.367%202.367%200%200%201-1.036-.707c-.252-.286-.628-.924-.31-1.957l.777-2.515c.298-.967.618-1.975.95-2.996.337-1.037.67-2.07.987-3.072.126-.399.25-.788.372-1.167a5.127%205.127%200%200%201-.336-.031%201.905%201.905%200%200%201-.322-.07c-.388-.12-1.074-.478-1.304-1.536a1.038%201.038%200%200%201-.012-.057c-.139-.84.13-1.373.379-1.672.261-.314.645-.572%201.208-.81l.028-.012c.114-.045.3-.112.567-.204.258-.089.54-.18.863-.282.317-.1.638-.192.954-.276a106.509%20106.509%200%200%200%20.778-.208%202.139%202.139%200%200%201%201.16.029c.81.25%201.343.692%201.582%201.314.2.523.198%201.122-.005%201.782l-1.176%203.809c-.244.79-.514%201.637-.802%202.516l-.835%202.537a107.327%20107.327%200%200%201-1.499%204.252%202.564%202.564%200%200%201-1.05%201.21c-.518.313-1.119.377-1.736.186Z'%20fill='%23FFB13C'/%3e%3c/svg%3e");
}
.icon-questiontype-truefalse::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.144%209.902c-4.61.773-7.73%205.152-6.958%209.763l.817%204.872c.773%204.61%205.152%207.732%209.762%206.96%204.61-.774%207.731-5.153%206.958-9.764l-.817-4.871c-.771-4.612-5.15-7.733-9.762-6.96ZM19.5%2022.607a3.184%203.184%200%200%201-2.611%203.664%203.184%203.184%200%200%201-3.664-2.612l-.817-4.871a3.184%203.184%200%200%201%202.612-3.664c1.73-.29%203.373.881%203.664%202.612l.816%204.871Z'%20fill='%2366B4F5'/%3e%3cpath%20d='M12.444%2012.312c.417.39.039%201.473-.847%202.416-.885.945-1.94%201.392-2.356%201-.417-.39-.039-1.473.846-2.417.886-.944%201.94-1.392%202.357-1v.001Z'%20fill='%23fff'/%3e%3cpath%20d='M43.19%2022.388a2.363%202.363%200%200%200-3.341-.032l-4.313%204.232-2.738-5.384a2.362%202.362%200%201%200-4.21%202.141L32%2030.06l-5.374%205.275a2.362%202.362%200%200%200%203.308%203.371l4.313-4.231%202.739%205.385a2.356%202.356%200%200%200%201.727%201.261%202.362%202.362%200%200%200%202.484-3.403l-3.414-6.712%205.375-5.276c.931-.914.944-2.41.032-3.34h-.002Z'%20fill='%23FF69CD'/%3e%3cpath%20d='M31.807%2021.224c.186.476-.244%201.087-.96%201.367-.715.28-1.447.122-1.632-.353-.186-.476.244-1.087.96-1.367.715-.28%201.447-.122%201.632.353Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-questiontype-listening::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M24.992%2010.262c6.266%200%2011.541%204.377%2013.106%2010.328%201.466.127%202.617%201.394%202.617%202.938v2.947c0%201.511-1.103%202.757-2.523%202.928-.359%205.975-5.529%2011.075-11.413%2011.075-.592%200-1.072-.495-1.072-1.105s.48-1.106%201.072-1.106c4.693%200%208.898-4.1%209.262-8.844h-1.759v-4.421c0-5.292-4.159-9.581-9.29-9.581-5.13%200-9.29%204.29-9.29%209.58v4.422h-3.574c-1.578%200-2.858-1.32-2.858-2.948v-2.948c0-1.543%201.15-2.81%202.616-2.937%201.565-5.951%206.84-10.328%2013.106-10.328Z'%20fill='%2325B971'/%3e%3cpath%20d='M36.438%2025.004c0%206.512-5.12%2011.791-11.434%2011.791-6.315%200-11.435-5.279-11.435-11.791%200-6.513%205.12-11.792%2011.435-11.792s11.434%205.28%2011.434%2011.792Z'%20fill='%23FFBD5B'/%3e%3cpath%20d='M21.421%2022.79c0%20.814-.64%201.473-1.43%201.473-.789%200-1.428-.66-1.428-1.474s.64-1.474%201.429-1.474c.79%200%201.43.66%201.43%201.474ZM31.43%2022.79c0%20.814-.64%201.473-1.43%201.473-.79%200-1.43-.66-1.43-1.474s.64-1.474%201.43-1.474c.79%200%201.43.66%201.43%201.474Z'%20fill='%237A4136'/%3e%3c/svg%3e");
}
.icon-questiontype-reading::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M35.275%2039.68a1.468%201.468%200%201%201-2.937%200%201.468%201.468%200%200%201%202.937%200ZM41.15%2033.806a1.469%201.469%200%201%201-2.938%200%201.469%201.469%200%200%201%202.938%200Z'%20fill='%23FFDC84'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.597%2040.142a1.322%201.322%200%200%201-1.7.776A17.154%2017.154%200%200%201%209.09%2031.49a1.322%201.322%200%200%201%202.439-1.02%2014.511%2014.511%200%200%200%208.29%207.972%201.322%201.322%200%200%201%20.777%201.7ZM40.144%2020.62a1.322%201.322%200%200%201-1.7-.775%2014.509%2014.509%200%200%200-8.06-8.313%201.322%201.322%200%200%201%201.005-2.445%2017.152%2017.152%200%200%201%209.53%209.832%201.322%201.322%200%200%201-.775%201.7Z'%20fill='%23FFDC84'/%3e%3cpath%20d='M12.822%209.7c.183-.754%201.255-.754%201.438%200l.503%202.074a.74.74%200%200%200%20.544.544l2.074.503c.754.183.754%201.255%200%201.438l-2.074.503a.74.74%200%200%200-.544.545l-.503%202.073a.81.81%200%200%201-.044.133c-.27.618-1.222.574-1.394-.133l-.503-2.074a.744.744%200%200%200-.544-.544L9.7%2014.259a.811.811%200%200%201-.133-.044c-.618-.27-.574-1.222.133-1.394l2.074-.503a.74.74%200%200%200%20.544-.544l.503-2.074Z'%20fill='%23FFDC84'/%3e%3cpath%20d='M27.585%2033.306a2.129%202.129%200%200%201-2.128%202.129h-.06a2.129%202.129%200%200%201-2.13-2.129V20.862h-3.175c-1.204%200-1.682-.996-1.682-1.847s.457-1.785%201.682-1.785h10.67c1.224%200%201.68.934%201.68%201.785%200%20.85-.477%201.847-1.68%201.847h-3.177v12.444Z'%20fill='%23FFA114'/%3e%3c/svg%3e");
}
.icon-questiontype-writing::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M28.509%2034.648c-8.532%202.512-13.774%203.036-13.774%203.036s-.907.303-1.814-.604c-.907-.908-.605-1.815-.605-1.815s.524-5.242%203.036-13.773c.358-1.214%201.343-2.135%202.59-2.348%201.656-.283%204.271-.642%207.663-.811l1.83-.606%204.839%204.838-.606%201.83c-.17%203.392-.528%206.007-.812%207.664-.213%201.247-1.134%202.232-2.347%202.589Z'%20fill='%23F0AAF6'/%3e%3cpath%20d='M25.602%2018.334c.22-2.646%201.08-5.319%201.537-6.577.168-.462.61-.755%201.096-.69%201.409.189%204.424.9%207.11%203.586s3.397%205.701%203.586%207.11c.065.487-.227.928-.69%201.096-1.258.457-3.93%201.317-6.576%201.537%200%200-.582-1.827-2.41-3.653-1.826-1.827-3.653-2.41-3.653-2.41Z'%20fill='%23A951E0'/%3e%3cpath%20d='M12.483%2036.503c1.487-1.642%204.822-5.319%207.68-8.415a2.425%202.425%200%201%201%201.728%201.727c-3.101%202.86-6.783%206.201-8.422%207.685a2.42%202.42%200%200%201-.553-.42%202.4%202.4%200%200%201-.433-.577Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
.icon-questiontype-sequence::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23a)'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='m14.087%2020.15%203.639-3.638%203.638%203.638M14.087%2029.852l3.639%203.638%203.638-3.638M17.726%2016.512V33.49'%20stroke='%23368AD1'/%3e%3cpath%20d='M26.215%2017.725h8.489'%20stroke='%23A6CFFF'/%3e%3cpath%20d='M26.215%2025.001h8.489'%20stroke='%2366B4F5'/%3e%3cpath%20d='M26.215%2032.277h8.489'%20stroke='%23A6CFFF'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20transform='translate(10.447%2010.448)'%20d='M0%200h29.105v29.105H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}

.icon-guide-qna::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='36'%20height='36'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='18.004'%20cy='18'%20r='13.5'%20fill='%23929292'%20fill-opacity='.1'%20stroke='%23929292'%20stroke-width='1.802'/%3e%3ccircle%20cx='18.009'%20cy='25.644'%20r='.9'%20fill='%23929292'%20stroke='%23929292'%20stroke-width='.5'/%3e%3cpath%20d='M18.002%2022.993v-1.136c0-.947.473-1.831%201.261-2.357l.794-.529a4.319%204.319%200%200%200%201.923-3.593v-.341a3.978%203.978%200%200%200-7.957%200'%20stroke='%23929292'%20stroke-width='1.8'/%3e%3c/svg%3e");
}
.icon-guide-chat::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='36'%20height='36'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.996%2018.002c0-6.627%205.373-12%2012-12%206.628%200%2012%205.372%2012%2012v7.636c0%201.267%200%201.9-.188%202.407a3.003%203.003%200%200%201-1.77%201.769c-.505.188-1.139.188-2.405.188h-7.637c-6.627%200-12-5.373-12-12Z'%20fill='%23929292'%20fill-opacity='.1'%20stroke='%23929292'%20stroke-width='1.802'/%3e%3cpath%20d='M13.502%2016.501h9M17.992%2021.501h4.5'%20stroke='%23929292'%20stroke-width='1.802'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}
.icon-guide-info::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='36'%20height='36'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M22.504%208.558V31.5l-4.5-1.5-4.5%201.5-4.5-1.5-4.5%201.5V9.73c0-2.085%200-3.126.495-3.878.224-.341.516-.633.857-.857C6.607%204.5%207.649%204.5%209.733%204.5h12.92c1.303%200%201.815%201.69.73%202.413-.549.367-.88.984-.88%201.645Z'%20fill='%23929292'%20fill-opacity='.1'%20stroke='%23929292'%20stroke-width='1.802'/%3e%3cpath%20d='M27%204.501H10.507c-2.832%200-4.248%200-5.127.88-.88.88-.88%202.295-.88%205.127V31.5l4.5-1.5%204.5%201.5%204.5-1.5%204.5%201.5v-18m4.5-9a4.5%204.5%200%200%200-4.5%204.5v4.5m4.5-9a4.5%204.5%200%200%201%204.5%204.5v3.214c0%20.5%200%20.75-.114.934a.752.752%200%200%201-.238.238c-.183.114-.433.114-.934.114H22.5'%20stroke='%23929292'%20stroke-width='1.802'/%3e%3cpath%20d='M10.5%2010.5h6M12%2016.501h-1.5M10.5%2022.502H15'%20stroke='%23929292'%20stroke-width='1.802'%20stroke-linecap='round'/%3e%3cpath%20d='M31.5%2012.215V9.001a4.5%204.5%200%201%200-9%200V12c0%20.829.672%201.501%201.501%201.501h6.213c.5%200%20.75%200%20.934-.114a.752.752%200%200%200%20.238-.238c.114-.183.114-.433.114-.934Z'%20fill='%23fff'%20stroke='%23929292'%20stroke-width='1.802'/%3e%3c/svg%3e");
}
.icon-guide-pin::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='36'%20height='36'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.998%204.501c6.53%200%2011.822%205.293%2011.822%2011.822%200%208.471-8.644%2013.57-11.15%2014.87a1.445%201.445%200%200%201-1.345%200c-2.505-1.3-11.15-6.399-11.15-14.87%200-6.529%205.294-11.822%2011.823-11.822Zm.01%206.756a5.067%205.067%200%201%200%200%2010.133%205.067%205.067%200%200%200%200-10.133Z'%20fill='%23929292'%20fill-opacity='.1'/%3e%3cpath%20d='M17.998%204.501v-.945.945ZM29.82%2016.323h.945-.945Zm-11.15%2014.87.436.838-.435-.839Zm-1.345%200-.435.838.435-.839Zm-11.15-14.87h-.944.945Zm11.833-5.066v-.945.945Zm-5.067%205.066h-.945.945Zm5.067%205.067v.945-.945Zm5.067-5.067h.945-.945ZM17.998%204.501v.945c6.007%200%2010.877%204.87%2010.877%2010.877h1.89c0-7.05-5.716-12.767-12.767-12.767v.945ZM29.82%2016.323h-.945c0%203.893-1.983%207.06-4.361%209.459-2.377%202.398-5.068%203.944-6.278%204.572l.435.838.435.84c1.295-.673%204.179-2.325%206.75-4.92%202.571-2.593%204.91-6.21%204.91-10.789h-.946Zm-11.15%2014.87-.434-.84a.5.5%200%200%201-.476%200l-.435.84-.435.838a2.39%202.39%200%200%200%202.216%200l-.435-.839Zm-1.345%200%20.435-.84c-1.21-.627-3.901-2.174-6.278-4.571-2.378-2.399-4.361-5.566-4.361-9.459H5.23c0%204.578%202.338%208.196%204.909%2010.79%202.571%202.594%205.455%204.246%206.75%204.918l.435-.839Zm-11.15-14.87h.946c0-6.007%204.87-10.877%2010.877-10.877v-1.89c-7.051%200-12.767%205.716-12.767%2012.767h.945Zm11.833-5.066v-.945a6.011%206.011%200%200%200-6.012%206.011h1.89a4.122%204.122%200%200%201%204.122-4.121v-.945Zm-5.067%205.066h-.945a6.011%206.011%200%200%200%206.012%206.012v-1.89a4.122%204.122%200%200%201-4.122-4.122h-.945Zm5.067%205.067v.945a6.012%206.012%200%200%200%206.012-6.012h-1.89a4.122%204.122%200%200%201-4.122%204.122v.945Zm5.067-5.067h.945a6.012%206.012%200%200%200-6.012-6.011v1.89a4.122%204.122%200%200%201%204.122%204.121h.945Z'%20fill='%23929292'/%3e%3c/svg%3e");
}

.icon-ensign::before {
  content: "";
  background-image: url("data:image/svg+xml,%3csvg%20width='36'%20height='36'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M30.107%2020.747c-6.574-5.385-13.15%205.384-19.724%200V7.926c6.574%205.384%2013.15-5.385%2019.724%200v12.82Z'%20fill='%23fff'%20fill-opacity='.7'/%3e%3cpath%20d='M10.5%204.5v25.67'%20stroke='%23fff'%20stroke-width='3.175'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");
}

.icon-arrow-book::before {
  content: "";
  background-image: url("/assets/fonts/icon_arrow-book.svg");
}

.icon-3d-arrow::before {
  content: "";
  background-image: url("/assets/fonts/icon_3d_arrow.svg");
}

#skipnavigation a {
  position: fixed;
  left: -3000%;
}
#skipnavigation a:focus {
  top: 0;
  left: 0;
  z-index: 9999;
  display: inline-block;
  width: 20%;
  height: 1.875rem;
  background-color: #ffffff;
  line-height: 1.875rem;
  text-align: center;
}

/* ───────────────────────────────────────
  📌 Fieldset
─────────────────────────────────────── */
.fieldset {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  width: 100%;
}

.field {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.field:has(.field-msg .is-error) .field-helper:not(.is-persistent),
.field:has(.field-msg .is-error) .field-counter, .field:has(.field-msg .is-positive) .field-helper:not(.is-persistent),
.field:has(.field-msg .is-positive) .field-counter {
  display: none;
}
.field.is-row {
  flex-direction: row;
  gap: 1.25rem;
}
.field-title {
  display: flex;
  align-items: center;
  font: var(--bbc-typo-b2-600);
}
.field-title.is-required::after {
  content: "*";
  margin-left: 0.5rem;
  color: var(--bbc-color-text-required-0);
  vertical-align: middle;
}
.field-combo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
}
.field-msg.is-error {
  display: flex;
  gap: 0.25rem;
  color: var(--bbc-color-text-negative-0);
  font-size: var(--bbc-font-size-14);
}
.field-msg.is-positive {
  display: flex;
  gap: 0.25rem;
  color: var(--bbc-color-text-positive-0);
  font-size: var(--bbc-font-size-14);
}
.field-helper {
  display: flex;
  gap: 0.25rem;
  color: var(--bbc-color-text-natural-1);
  font-size: var(--bbc-font-size-14);
}
.field-helper p {
  position: relative;
  display: flex;
  padding-left: 0.625rem;
}
.field-helper p::before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.field-counter {
  flex: 0 0 auto;
  display: flex;
  gap: 0.125rem;
  margin-left: auto;
  color: var(--bbc-color-text-natural-1);
  font-size: var(--bbc-font-size-14);
  font-weight: var(--bbc-font-weight-400);
}
.field-counter .slash::before {
  content: "/";
  color: #999999;
}
.field-counter.is-error .current-count {
  color: var(--bbc-color-text-negative-0);
}

.input-action-field {
  display: flex;
  gap: 0.375rem;
}
.input-action-field .input {
  flex: 1 1 auto;
  min-width: 0;
}
.input-action-field .select,
.input-action-field .btn {
  flex: 0 0 auto;
}

/* ───────────────────────────────────────
    📌 Form Items
─────────────────────────────────────── */
.upload-field .field-combo {
  flex-wrap: nowrap;
}
.upload-field .field-combo .input {
  flex: 1 1 auto;
}
.upload-field .field-combo .input input {
  cursor: pointer;
}
.upload-field .field-combo .btn {
  flex: 1 0 auto;
}

.search-field {
  width: 100%;
  max-width: 40.125rem;
}
.search-field .field-combo {
  flex-wrap: nowrap;
}
@media (max-width: 430px) {
  .search-field .field-combo {
    flex-wrap: wrap;
  }
}
.search-field .field-combo .select {
  flex: 0 0 auto;
  width: 8.125rem;
}
@media (max-width: 767px) {
  .search-field .field-combo .select {
    width: 6.875rem;
  }
}
@media (max-width: 430px) {
  .search-field .field-combo .select {
    width: 100%;
  }
}
.search-field .field-combo .input {
  flex: 1 1 0;
}
.search-field .field-combo .btn {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .search-field .field-combo .btn .icon {
    display: none;
  }
}

.input-action-set {
  flex-wrap: nowrap;
  gap: 0.9375rem;
}
.input-action-set .input {
  flex: 1 1 auto;
}
.input-action-set .icon-btn,
.input-action-set .btn {
  flex: 0 0 auto;
}

/* ───────────────────────────────────────
  📌 Label
─────────────────────────────────────── */
/* ───────────────────────────────────────
    📌 Input
─────────────────────────────────────── */
.combobox, .datepicker, .input {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3rem;
  padding: 0;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-fill-accent-0);
  color: var(--bbc-color-text-natural-0);
}
.combobox input, .datepicker input, .input input {
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0.625rem 0.875rem;
  border-radius: var(--bbc-border-radius-8);
  outline: none !important;
  background-color: transparent;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-400);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.combobox input::-moz-placeholder, .datepicker input::-moz-placeholder, .input input::-moz-placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.combobox input::placeholder, .datepicker input::placeholder, .input input::placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.combobox .unit, .datepicker .unit, .input .unit {
  display: flex;
  align-items: center;
  color: var(--bbc-color-text-natural-1);
}
.combobox .btn:focus-visible, .datepicker .btn:focus-visible, .input .btn:focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
.combobox:has(input:focus-visible), .datepicker:has(input:focus-visible), .input:has(input:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
.combobox:has(input:-moz-read-only), .datepicker:has(input:-moz-read-only), .input:has(input:-moz-read-only) {
  border-color: var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-0);
}
.combobox:has(input:read-only), .datepicker:has(input:read-only), .input:has(input:read-only) {
  border-color: var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-0);
}
.combobox:has(input:-moz-read-only) input, .datepicker:has(input:-moz-read-only) input, .input:has(input:-moz-read-only) input {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.combobox:has(input:read-only) input, .datepicker:has(input:read-only) input, .input:has(input:read-only) input {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.combobox:has(input:-moz-read-only) input::-moz-placeholder, .datepicker:has(input:-moz-read-only) input::-moz-placeholder, .input:has(input:-moz-read-only) input::-moz-placeholder {
  color: var(--bbc-color-text-natural-2);
  font: inherit;
  font-weight: inherit;
}
.combobox:has(input:read-only) input::-moz-placeholder, .datepicker:has(input:read-only) input::-moz-placeholder, .input:has(input:read-only) input::-moz-placeholder {
  color: var(--bbc-color-text-natural-2);
  font: inherit;
  font-weight: inherit;
}
.combobox:has(input:-moz-read-only) input::placeholder, .datepicker:has(input:-moz-read-only) input::placeholder, .input:has(input:-moz-read-only) input::placeholder {
  color: var(--bbc-color-text-natural-2);
  font: inherit;
  font-weight: inherit;
}
.combobox:has(input:read-only) input::placeholder, .datepicker:has(input:read-only) input::placeholder, .input:has(input:read-only) input::placeholder {
  color: var(--bbc-color-text-natural-2);
  font: inherit;
  font-weight: inherit;
}
.combobox:has(input:-moz-read-only) .icon, .datepicker:has(input:-moz-read-only) .icon, .input:has(input:-moz-read-only) .icon {
  color: var(--bbc-color-icon-natural-0);
}
.combobox:has(input:read-only) .icon, .datepicker:has(input:read-only) .icon, .input:has(input:read-only) .icon {
  color: var(--bbc-color-icon-natural-0);
}
.combobox:has(input:disabled), .datepicker:has(input:disabled), .input:has(input:disabled) {
  border-color: var(--bbc-color-stroke-disable-0);
  background-color: var(--bbc-color-fill-disable-1);
}
.combobox:has(input:disabled) input, .datepicker:has(input:disabled) input, .input:has(input:disabled) input {
  color: var(--bbc-color-text-disable-0);
}
.combobox:has(input:disabled) input::-moz-placeholder, .datepicker:has(input:disabled) input::-moz-placeholder, .input:has(input:disabled) input::-moz-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.combobox:has(input:disabled) input::placeholder, .datepicker:has(input:disabled) input::placeholder, .input:has(input:disabled) input::placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.combobox:has(input:disabled) .icon, .datepicker:has(input:disabled) .icon, .input:has(input:disabled) .icon {
  color: var(--bbc-color-icon-disable-1);
}
.is-adorned-start.combobox input, .is-adorned-start.datepicker input, .is-adorned-start.input input {
  padding-left: 0 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  outline: none;
}
.is-adorned-start.combobox > .btn, .is-adorned-start.datepicker > .btn, .is-adorned-start.input > .btn, .is-adorned-start.combobox > .icon-btn, .is-adorned-start.datepicker > .icon-btn, .is-adorned-start.input > .icon-btn, .is-adorned-start.combobox > .icon, .is-adorned-start.datepicker > .icon, .is-adorned-start.input > .icon, .is-adorned-start.combobox > .unit, .is-adorned-start.datepicker > .unit, .is-adorned-start.input > .unit {
  height: 100%;
  padding: 0 0.625rem 0 1.125rem;
}
.is-adorned-end.combobox input, .is-adorned-end.datepicker input, .is-adorned-end.input input {
  padding-right: 0 !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  outline: none;
}
.is-adorned-end.combobox > .btn, .is-adorned-end.datepicker > .btn, .is-adorned-end.input > .btn, .is-adorned-end.combobox > .icon-btn, .is-adorned-end.datepicker > .icon-btn, .is-adorned-end.input > .icon-btn, .is-adorned-end.combobox > .icon, .is-adorned-end.datepicker > .icon, .is-adorned-end.input > .icon, .is-adorned-end.combobox > .unit, .is-adorned-end.datepicker > .unit, .is-adorned-end.input > .unit {
  height: 100%;
  padding: 0 1.125rem 0 0.625rem;
}
.is-bare.combobox, .is-bare.datepicker, .is-bare.input {
  border-color: transparent;
  background-color: transparent;
}
.is-translucent.combobox, .is-translucent.datepicker, .is-translucent.input {
  border-color: var(--bbc-color-border-0-50);
  background-color: var(--bbc-color-grayscale-800-30);
}
.is-translucent.combobox input, .is-translucent.datepicker input, .is-translucent.input input {
  color: var(--bbc-color-text-accent-0);
}
.is-translucent.combobox input::-moz-placeholder, .is-translucent.datepicker input::-moz-placeholder, .is-translucent.input input::-moz-placeholder {
  color: var(--bbc-color-grayscale-0-60);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.combobox input::placeholder, .is-translucent.datepicker input::placeholder, .is-translucent.input input::placeholder {
  color: var(--bbc-color-grayscale-0-60);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.combobox:has(input:disabled), .is-translucent.datepicker:has(input:disabled), .is-translucent.input:has(input:disabled) {
  background-color: var(--bbc-color-grayscale-800-60);
}
.is-translucent.combobox:has(input:disabled) input, .is-translucent.datepicker:has(input:disabled) input, .is-translucent.input:has(input:disabled) input {
  color: var(--bbc-color-grayscale-0-30);
}
.is-translucent.combobox:has(input:disabled) input::-moz-placeholder, .is-translucent.datepicker:has(input:disabled) input::-moz-placeholder, .is-translucent.input:has(input:disabled) input::-moz-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.combobox:has(input:disabled) input::placeholder, .is-translucent.datepicker:has(input:disabled) input::placeholder, .is-translucent.input:has(input:disabled) input::placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.combobox:has(input:-moz-read-only), .is-translucent.datepicker:has(input:-moz-read-only), .is-translucent.input:has(input:-moz-read-only) {
  background-color: var(--bbc-color-grayscale-800-60);
}
.is-translucent.combobox:has(input:read-only), .is-translucent.datepicker:has(input:read-only), .is-translucent.input:has(input:read-only) {
  background-color: var(--bbc-color-grayscale-800-60);
}
.is-translucent.combobox:has(input:-moz-read-only) input::-moz-placeholder, .is-translucent.datepicker:has(input:-moz-read-only) input::-moz-placeholder, .is-translucent.input:has(input:-moz-read-only) input::-moz-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.combobox:has(input:read-only) input::-moz-placeholder, .is-translucent.datepicker:has(input:read-only) input::-moz-placeholder, .is-translucent.input:has(input:read-only) input::-moz-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.combobox:has(input:-moz-read-only) input::placeholder, .is-translucent.datepicker:has(input:-moz-read-only) input::placeholder, .is-translucent.input:has(input:-moz-read-only) input::placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.combobox:has(input:read-only) input::placeholder, .is-translucent.datepicker:has(input:read-only) input::placeholder, .is-translucent.input:has(input:read-only) input::placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.is-error.combobox, .is-translucent.is-error.datepicker, .is-translucent.is-error.input {
  border-color: var(--bbc-color-stroke-negative-0);
}
.is-error.combobox, .is-error.datepicker, .is-error.input {
  border-color: var(--bbc-color-stroke-negative-0);
}
.is-error.combobox:not(.is-underline-box, .is-translucent), .is-error.datepicker:not(.is-underline-box, .is-translucent), .is-error.input:not(.is-underline-box, .is-translucent) {
  background-color: var(--bbc-color-fill-accent-0);
}

/* ─────────────────────────────────────────────────
    📌 Choice Group
────────────────────────────────────────────────── */
.choice-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}
.choice-group.is-sm {
  gap: 0.5rem;
}
.choice-group.is-vertical {
  flex-direction: column;
  align-items: start;
}

/* ─────────────────────────────────────────────────
    📌 Choice
────────────────────────────────────────────────── */
.choice {
  display: inline-flex;
  align-items: center;
}
.choice:has(input:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0.125rem;
  border-radius: var(--bbc-border-radius-2xs);
}
.choice input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.choice input:disabled ~ label .choice-label {
  cursor: default;
}
.choice label {
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  cursor: pointer;
}
.choice label .choice-label {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l2-500);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.is-lg.choice input[type=checkbox] ~ label .custom-mark,
.is-lg.choice input[type=radio] ~ label .custom-mark {
  width: 1.5rem;
  height: 1.5rem;
}
.is-lg.choice input[type=checkbox] ~ label .custom-mark::after {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.is-lg.choice input[type=radio] ~ label .custom-mark::after {
  width: 0.75rem;
  height: 0.75rem;
}
.is-lg.choice label .choice-label {
  font: var(--bbc-typo-l1-500);
}
.is-readonly.choice input,
.is-readonly.choice label {
  cursor: default;
  pointer-events: none;
}
.is-error.choice input:not(:disabled) ~ label {
  border-color: var(--bbc-color-stroke-negative-0) !important;
}
.is-error.choice input:not(:disabled) ~ label .custom-mark {
  border-color: var(--bbc-color-stroke-negative-0) !important;
}
.is-error.choice input:not(:disabled) ~ label .custom-mark::after {
  color: var(--bbc-color-text-accent-0);
}
.is-error.choice input[type=checkbox]:checked:not(:disabled) ~ label .custom-mark {
  background-color: var(--bbc-color-icon-negative-0);
}
.is-error.choice input[type=radio]:checked:not(:disabled) ~ label .custom-mark::after {
  background-color: var(--bbc-color-icon-negative-0);
}
.is-natural.choice input[type=checkbox]:checked ~ label .custom-mark {
  border-color: var(--bbc-color-fill-natural-4);
  background-color: var(--bbc-color-fill-natural-4);
}
.is-desc.choice label {
  align-items: flex-start;
}
.is-desc.choice label .choice-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.is-desc.choice label .choice-body .choice-desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}

.choice input[type=radio] ~ label .custom-mark, .choice input[type=checkbox] ~ label .custom-mark {
  position: relative;
  flex: none;
  display: inline-block;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
  text-align: center;
  transition: all 0.1s;
  cursor: pointer;
}

.choice input[type=checkbox] ~ label .custom-mark {
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 0.25rem;
}
.choice input[type=checkbox] ~ label .custom-mark::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%) scale(0);
  transition: transform 0.2s;
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.choice input[type=checkbox]:checked ~ label .custom-mark {
  border: 1px solid var(--bbc-color-text-brand-primary);
  background-color: var(--bbc-color-text-brand-primary);
}
.choice input[type=checkbox]:checked ~ label .custom-mark::after {
  color: var(--bbc-color-text-accent-0);
  transform: translate(-50%, -50%) scale(1);
}
.choice input[type=checkbox]:disabled ~ label .custom-mark {
  border-color: var(--bbc-color-stroke-disable-0);
  background-color: var(--bbc-color-fill-disable-1);
  cursor: default;
}
.choice input[type=checkbox]:disabled ~ label .custom-mark::after {
  color: var(--bbc-color-text-disable-0);
}

.choice input[type=radio] ~ label .custom-mark {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--bbc-border-radius-max);
}
.choice input[type=radio] ~ label .custom-mark::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: var(--bbc-border-radius-max);
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s;
}
.choice input[type=radio]:checked ~ label .custom-mark {
  border: 1px solid var(--bbc-color-text-brand-primary);
}
.choice input[type=radio]:checked ~ label .custom-mark::after {
  background-color: var(--bbc-color-text-brand-primary);
  transform: translate(-50%, -50%) scale(1);
}
.choice input[type=radio]:disabled ~ label .custom-mark {
  border-color: var(--bbc-color-stroke-disable-0);
  background-color: var(--bbc-color-fill-disable-1);
  cursor: default;
}
.choice input[type=radio]:disabled ~ label .custom-mark::after {
  background-color: var(--bbc-color-icon-disable-1);
  color: var(--bbc-color-text-natural-1);
}

.choice-chip {
  display: inline-flex;
}
.choice-chip:has(input:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0.125rem;
  border-radius: 0.75rem;
}
.choice-chip input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.choice-chip input ~ label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
  min-width: 8.75rem;
  padding: 0.625rem 0.75rem 0.625rem 0.875rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.5rem;
  background-color: var(--bbc-color-fill-accent-0);
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.choice-chip input ~ label .choice-label {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l2-500);
}
.choice-chip input ~ label .icon {
  color: var(--bbc-color-icon-natural-1);
}
.choice-chip input:checked ~ label {
  border-color: var(--bbc-color-stroke-brand-primary, var(--bbc-color-text-brand-primary));
  background-color: var(--bbc-color-fill-brand-primary);
}
.choice-chip input:checked ~ label .choice-label {
  color: var(--bbc-color-text-accent-0) !important;
}
.choice-chip input:checked ~ label .icon {
  color: var(--bbc-color-icon-accent-0) !important;
}
.choice-chip input:disabled ~ label {
  border-color: var(--bbc-color-stroke-disable-0);
  background-color: var(--bbc-color-fill-disable-1);
  cursor: default;
}
.choice-chip input:disabled ~ label .choice-label {
  color: var(--bbc-color-text-disable-0);
}
.choice-chip input:disabled ~ label .icon {
  color: var(--bbc-color-icon-disable-0);
}
.choice-chip input {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .choice-chip input:hover:not(:checked):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:hover"] .choice-chip input:hover:not(:checked):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) ~ label {
  border-color: var(--bbc-color-stroke-natural-1);
}

.choice-chip input {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .choice-chip input:active:not(:checked):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:hoverless"] .choice-chip input:active:not(:checked):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) ~ label {
  border-color: var(--bbc-color-stroke-natural-1);
}

[data-env~="hover:mixed"] .choice-chip input:active:not(:checked):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:mixed"] .choice-chip input:active:not(:checked):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) ~ label {
  border-color: var(--bbc-color-stroke-natural-1);
}

.choice-chip.is-selected input ~ label {
  border-color: var(--bbc-color-text-brand-primary);
}
.choice-chip.is-selected input ~ label .icon {
  color: var(--bbc-color-text-brand-primary);
}

/* ─────────────────────────────────────────────────
    📌 Choice-chip Detail Panel
    - 활성 칩 하위 필터 표출 영역 스타일
────────────────────────────────────────────────── */
.chip-detail-panel {
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-0);
}
.chip-detail-panel .chip-detail-inner {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .chip-detail-panel .chip-detail-inner {
    flex-direction: column;
  }
}
.chip-detail-panel .chip-detail-title {
  flex: 0 0 auto;
  align-self: start;
  min-width: 4.375rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-500);
}
.chip-detail-panel .choice {
  min-width: 6.5625rem;
}

/* ============================================================================
 * 📌 Choice Card (단일 선택 카드 전용)
 * ========================================================================== */
.thumbnail-choice {
  position: relative;
  border-radius: 0.5rem;
}
.thumbnail-choice input[type=radio],
.thumbnail-choice input[type=checkbox] {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.thumbnail-choice:has(input:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0.125rem;
}
.thumbnail-choice label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  height: 100%;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0.2s;
  cursor: pointer;
}
.thumbnail-choice {
  /* 섬네일 */
}
.thumbnail-choice .thumb-wrap {
  position: relative;
  width: 100%;
  height: 6.25rem;
}
.thumbnail-choice .thumb-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  border: 1px solid #000000;
  border-radius: var(--bbc-border-radius-12);
  transform: translate(-50%, -50%) scale(0.9);
  transition: opacity 0.2s, transform 0.3s;
  opacity: 0;
}
.thumbnail-choice .thumb-wrap .thumb {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-fill-natural-0);
  transition: border-color 0.3s;
}
.thumbnail-choice .thumb-wrap img {
  width: 100%;
  height: 100%;
  border-radius: var(--bbc-border-radius-8);
  transform-origin: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.thumbnail-choice {
  /* 라벨 텍스트 */
}
.thumbnail-choice .label-text {
  font: var(--bbc-typo-b4-500);
}
.thumbnail-choice {
  /* Hover / Focus */
}
.thumbnail-choice input:not(:checked):hover + label {
  transform: scale(0.95);
}
.thumbnail-choice {
  /* 선택 상태 */
}
.thumbnail-choice input:checked + label .thumb-wrap::after {
  border-color: var(--bbc-color-stroke-natural-2);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.thumbnail-choice input:checked + label .thumb-wrap .thumb {
  border-color: transparent;
}
.thumbnail-choice {
  /* 비활성 상태 */
}
.thumbnail-choice input[disabled] + label {
  cursor: not-allowed;
  opacity: 0.5;
}

/* ==========================================================================
 * 📌 Switch (Base + States + Sizes)
 * ========================================================================== */
.switch {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  /* 라벨 측정용 엘리먼트 (보이지 않음) */
}
.switch .switch-label-measure {
  position: absolute;
  inset: 0 auto auto 0;
  font: var(--bbc-typo-l3-500);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
}
.switch {
  /* 실제 표시 라벨 */
}
.switch .switch-label {
  flex: 1 1 auto;
  display: inline-block;
  font: var(--bbc-typo-l3-500);
  white-space: nowrap;
}
.switch .switch-label-left {
  text-align: right;
}
.switch .switch-label-right {
  text-align: left;
}
.switch[data-labels=none] .switch-label {
  display: none;
}
.switch[aria-disabled=true], .switch[data-readonly=true] {
  cursor: not-allowed;
  opacity: 0.6;
}
.switch {
  /* Track / Thumb */
}
.switch .switch-track {
  position: relative;
  flex: 0 0 auto;
  width: 2.375rem;
  height: 1.375rem;
  border-radius: var(--bbc-border-radius-max);
  background: var(--bbc-color-icon-disable-1);
  transition: background-color 160ms ease;
}
.switch .switch-track .switch-thumb {
  position: absolute;
  top: 50%;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  transform: translate(0, -50%);
  transition: transform 160ms ease;
}
.switch {
  /* 상태: ON */
}
.switch[aria-checked=true] .switch-track {
  background: #000000;
}
.switch[aria-checked=true].is-primary .switch-track {
  background: var(--bbc-color-fill-brand-primary);
}
.switch[aria-checked=true] .switch-thumb {
  transform: translate(16px, -50%);
}
.switch {
  /* ========== Sizes ========== */
}
.switch.is-sm .switch-track {
  width: 30px;
  height: 18px;
}
.switch.is-sm .switch-thumb {
  left: 2px;
  width: 14px;
  height: 14px;
}
.switch.is-sm[aria-checked=true] .switch-thumb {
  transform: translate(12px, -50%);
}
.switch.is-lg .switch-track {
  width: 48px;
  height: 28px;
}
.switch.is-lg .switch-thumb {
  left: 3px;
  width: 22px;
  height: 22px;
}
.switch.is-lg[aria-checked=true] .switch-thumb {
  transform: translate(20px, -50%);
}
.switch {
  /* ========== Disabled/Readonly 톤 다운 ========== */
}
.switch[aria-disabled=true] .switch-track, .switch[data-readonly=true] .switch-track {
  filter: grayscale(10%) brightness(0.96);
}
.switch[aria-disabled=true]:focus-visible, .switch[data-readonly=true]:focus-visible {
  outline-color: #999999;
}

/* ───────────────────────────────────────
  📌 Datepicker
─────────────────────────────────────── */
.datepicker {
  position: relative;
}

.datepicker-panel {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  width: 18.75rem;
  margin-top: 0.5rem;
  padding: 1rem;
  border: 0.0625rem solid #cccccc;
  border-radius: var(--bbc-border-radius-md);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  background: #ffffff;
}

.datepicker-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.datepicker-prev,
.datepicker-next {
  padding: 0.25rem;
  border: none;
  background: none;
  font-size: 1.25rem;
  cursor: pointer;
}

.datepicker-head-select {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.datepicker-select {
  position: relative;
}

.datepicker-select-button {
  min-width: 4.375rem;
  padding: 0.375rem 0.75rem;
  border: 0.0625rem solid #cccccc;
  border-radius: 0.25rem;
  background: #f9f9f9;
  font-size: 0.875rem;
  cursor: pointer;
}

.datepicker-select-list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 20;
  overflow-y: auto;
  width: 100%;
  max-height: 10rem;
  margin-top: 0.25rem;
  padding: 0.25rem 0;
  border: 0.0625rem solid #cccccc;
  border-radius: 0.25rem;
  background: #ffffff;
  list-style: none;
  -webkit-overflow-scrolling: touch;
}

.datepicker-select-list li {
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  cursor: pointer;
}

.datepicker-select-list li:hover,
.datepicker-select-list li[aria-selected=true] {
  background: #e0f0ff;
}

.datepicker-body {
  margin-bottom: 0.75rem;
}

.calendar-table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  table-layout: fixed;
}

.calendar-table th,
.calendar-table td {
  padding: 0.5rem;
  border: 0.0625rem solid #eeeeee;
  font-size: 0.875rem;
}

.calendar-day:focus {
  outline: 0.125rem solid #0078d7;
  background: #e0f0ff;
}
.calendar-day.is-active {
  background-color: var(--bbc-color-text-brand-primary);
  color: var(--bbc-color-text-accent-0);
}

.datepicker-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.datepicker-today {
  border: none;
  background: none;
  color: #0078d7;
  font-weight: bold;
  cursor: pointer;
}

.datepicker-foot-actions {
  display: flex;
  gap: 0.5rem;
}

.datepicker-cancel,
.datepicker-confirm {
  padding: 0.375rem 0.75rem;
  border: none;
  border-radius: 0.25rem;
  background: #0078d7;
  color: #ffffff;
  font-size: 0.875rem;
  cursor: pointer;
}

.datepicker-cancel {
  background: #cccccc;
  color: #333333;
}

.datepicker-confirm:hover,
.datepicker-cancel:hover {
  opacity: 0.8;
}

/* ───────────────────────────────────────
  📌 Select
  - 트리거(.custom-select) 스타일은 기존 유지
  - 패널 컨테이너(.custom-select-panel) 추가 대응
─────────────────────────────────────── */
.select {
  position: relative;
}
.select select {
  display: none;
}

.custom-select {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  height: 3rem;
  padding: 0.3125rem 1rem 0.3125rem 1.125rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.5rem;
  background-color: var(--bbc-color-fill-accent-0);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.custom-select.is-language {
  border: none;
}
.custom-select.is-language::before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.custom-select.is-language .custom-select-text {
  min-width: 3.375rem;
}
.custom-select.is-translucence {
  background-color: var(--bbc-color-fill-natural-3-a40);
}
.custom-select.is-sm {
  height: 2.75rem;
  padding: 0.3125rem 0.75rem 0.3125rem 0.875rem;
  border-radius: 0.5rem;
}
.custom-select.is-sm .custom-select-text {
  font: var(--bbc-typo-l1-500);
}
.custom-select.is-h30 {
  height: 1.875rem;
  padding: 0.3125rem 0.5rem 0.3125rem 0.625rem;
  border-radius: 0.375rem;
}
.custom-select.is-h30::after {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.custom-select.is-h30 .custom-select-text {
  font: var(--bbc-typo-l3-500);
}
.custom-select.is-pill {
  border-radius: var(--bbc-border-radius-max);
}
.custom-select.is-disabled {
  border-color: var(--bbc-color-stroke-disable-0);
  background-color: var(--bbc-color-fill-disable-1);
  cursor: not-allowed;
}
.custom-select.is-disabled .custom-select-text.is-placeholder {
  color: var(--bbc-color-text-disable-0);
}
.custom-select.is-disabled .custom-select-text.is-has-value {
  color: var(--bbc-color-text-disable-0);
}
.custom-select.is-error {
  border-color: var(--bbc-color-text-negative-0);
}
.custom-select .custom-select-text {
  display: inline-block;
  max-width: 100%;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-btn3-500);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.custom-select .custom-select-text.is-placeholder {
  color: var(--bbc-color-text-natural-3);
}
.custom-select .custom-select-text.is-has-value {
  color: var(--bbc-color-text-natural-0);
}
.custom-select::after {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
  color: var(--bbc-color-icon-natural-2);
}
.custom-select[aria-expanded=true]::after {
  transform: rotate(270deg);
}

/* ───────────────────────────────────────
  📌 드롭다운 패널 (포털로 붙는 컨테이너)
  - 검색 바 + 옵션 리스트 포함
  - 위치/방향 클래스는 패널에 부여됨
─────────────────────────────────────── */
.custom-select-panel {
  position: absolute;
  left: 0;
  z-index: 9999;
  display: none;
  overflow: auto;
  box-sizing: border-box;
  min-width: 12.5rem;
  max-height: 14rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.5rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  background-color: var(--bbc-color-layer-floor-0);
  -webkit-overflow-scrolling: touch;
}
.custom-select-panel.is-open {
  display: block;
}
.custom-select-panel {
  /* 방향: JS에서 패널에 클래스 부여 */
}
.custom-select-panel.option-list-below {
  top: 100%;
}
.custom-select-panel.option-list-above {
  bottom: 100%;
}
.custom-select-panel.is-sm {
  border-radius: 0.5rem;
}
.custom-select-panel.is-sm .custom-select-options {
  margin: 0.375rem;
}
.custom-select-panel.is-sm .custom-select-options > li {
  min-height: 2.625rem;
  padding: 0.5625rem 0.5rem;
  border-radius: 0.5rem;
  font: var(--bbc-typo-l1-500);
  line-height: 1.3;
}
.custom-select-panel.is-sm .custom-select-options > li.is-selected {
  font-weight: var(--bbc-font-weight-700);
}
.custom-select-panel.is-h30 {
  border-radius: 0.375rem;
}
.custom-select-panel.is-h30 .custom-select-options {
  margin: 0.1875rem;
}
.custom-select-panel.is-h30 .custom-select-options > li {
  min-height: 1.5rem;
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font: var(--bbc-typo-l3-400);
}
.custom-select-panel.is-h30 .custom-select-options > li.is-selected {
  font-weight: var(--bbc-font-weight-400);
}
.custom-select-panel {
  /* 🔎 검색 영역 (.select.has-search 일 때만 DOM 존재) */
}
.custom-select-panel .custom-select-search {
  padding: 0.375rem 0.375rem 0;
}
.custom-select-panel .custom-select-search .custom-select-search-input {
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 0.625rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-xs);
  outline: 0;
  background-color: var(--bbc-color-fill-accent-0);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-500);
}
.custom-select-panel .custom-select-search .custom-select-search-input:focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
.custom-select-panel .custom-select-search .custom-select-search-input::-moz-placeholder {
  color: var(--bbc-color-text-natural-3);
  font: inherit;
  font-weight: inherit;
}
.custom-select-panel .custom-select-search .custom-select-search-input::placeholder {
  color: var(--bbc-color-text-natural-3);
  font: inherit;
  font-weight: inherit;
}
.custom-select-panel {
  /* 옵션 리스트 */
}
.custom-select-panel .custom-select-options {
  margin: 0.375rem;
  padding: 0;
  list-style: none;
  /* li(옵션) */
}
.custom-select-panel .custom-select-options > li {
  display: flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.5625rem 0.5rem;
  border-radius: 0.5rem;
  outline-offset: -0.125rem;
  background-color: var(--bbc-color-fill-accent-0);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-400);
  line-height: 1.3;
  transition: background-color 0.2s;
  cursor: pointer;
  word-break: break-all;
}
.custom-select-panel .custom-select-options > li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .custom-select-panel .custom-select-options > li {
    min-height: 34px;
  }
}
.custom-select-panel .custom-select-options > li.is-selected {
  background-color: var(--bbc-color-fill-natural-0);
  color: var(--bbc-color-text-natural-0);
  font-weight: var(--bbc-font-weight-700);
}
.custom-select-panel .custom-select-options > li {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .custom-select-panel .custom-select-options > li:hover:not(.selected):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}

.custom-select-panel .custom-select-options > li {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .custom-select-panel .custom-select-options > li:active:not(.selected):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}

[data-env~="hover:mixed"] .custom-select-panel .custom-select-options > li:active:not(.selected):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}

.custom-select-panel .custom-select-options > li[hidden] {
  display: none;
}
.custom-select-panel .custom-select-options > li {
  /* 검색 필터 시 숨김 */
}
.custom-select-panel .custom-select-options > li[aria-disabled=true] {
  display: none;
  pointer-events: none;
}

/* ───────────────────────────────────────
    📌 Combobox
─────────────────────────────────────── */
.combobox datalist {
  display: none;
}
.combobox datalist option {
  display: none;
}
.combobox .combobox-options {
  position: absolute;
  top: 44px;
  left: 50%;
  z-index: 100;
  display: none;
}
.combobox .combobox-options:not([hidden]) {
  display: block;
}
.combobox .combobox-options {
  overflow-y: auto;
  width: calc(100% + 0.125rem);
  max-height: 13.125rem;
  margin-top: 0.3125rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-xs);
  background-color: var(--bbc-color-fill-accent-0);
  transform: translateX(-50%);
  -webkit-overflow-scrolling: touch;
}
.combobox .combobox-options .no-results {
  color: var(--bbc-color-text-natural-1);
  font-size: var(--bbc-font-size-14);
  cursor: default;
  pointer-events: none;
}
.combobox .combobox-options::after {
  font-size: var(--bbc-icon-size-xs);
}
.combobox .combobox-options li {
  padding: 0.5625rem 0.875rem;
  color: var(--bbc-color-text-natural-0);
  font-weight: var(--bbc-font-weight-400);
  cursor: pointer;
}
.combobox .combobox-options li.focus {
  border-radius: var(--bbc-border-radius-xs);
  outline-offset: -0.375rem;
  background-color: var(--bbc-color-fill-natural-subtle);
  color: var(--bbc-color-text-brand-primary);
}
.combobox .combobox-options li {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .combobox .combobox-options li:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-subtle);
}

.combobox .combobox-options li {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .combobox .combobox-options li:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-subtle);
}

[data-env~="hover:mixed"] .combobox .combobox-options li:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-subtle);
}

/* ───────────────────────────────────────
  📌 Textarea
─────────────────────────────────────── */
.textarea {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-fill-accent-0);
  color: var(--bbc-color-text-natural-0);
}
.textarea:has(textarea:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
.textarea textarea {
  width: 100%;
  height: 100%;
  padding: 0.625rem 0.875rem;
  border-radius: var(--bbc-border-radius-8);
  outline: none !important;
  background-color: transparent;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-400);
  resize: none;
  word-break: break-all;
}
.textarea textarea::-moz-placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.textarea textarea::placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.textarea:has(textarea:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
.textarea:has(textarea:-moz-read-only) {
  border-color: var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-0);
}
.textarea:has(textarea:read-only) {
  border-color: var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-0);
}
.textarea:has(textarea:-moz-read-only) textarea {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.textarea:has(textarea:read-only) textarea {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.textarea:has(textarea:-moz-read-only) textarea::-moz-placeholder {
  color: var(--bbc-color-text-natural-2);
  font: inherit;
  font-weight: inherit;
}
.textarea:has(textarea:read-only) textarea::-moz-placeholder {
  color: var(--bbc-color-text-natural-2);
  font: inherit;
  font-weight: inherit;
}
.textarea:has(textarea:-moz-read-only) textarea::placeholder {
  color: var(--bbc-color-text-natural-2);
  font: inherit;
  font-weight: inherit;
}
.textarea:has(textarea:read-only) textarea::placeholder {
  color: var(--bbc-color-text-natural-2);
  font: inherit;
  font-weight: inherit;
}
.textarea:has(textarea:disabled) {
  border-color: var(--bbc-color-stroke-disable-0);
  background-color: var(--bbc-color-fill-disable-1);
}
.textarea:has(textarea:disabled) textarea {
  color: var(--bbc-color-text-disable-0);
}
.textarea:has(textarea:disabled) textarea::-moz-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.textarea:has(textarea:disabled) textarea::placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.textarea.is-autosize {
  transition: height 0.2s ease;
}
.textarea.is-error {
  border-color: var(--bbc-color-stroke-negative-0);
}

/* ───────────────────────────────────────
    📌 Searchbar
─────────────────────────────────────── */
.searchbar {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  max-width: 50rem;
  height: 5.125rem;
  padding: 0.375rem;
  border: 1px solid var(--bbc-color-stroke-natural-4-a70);
  border-radius: var(--bbc-border-radius-max);
  background: var(--bbc-color-fill-natural-3-a20);
  backdrop-filter: blur(10px);
}
.searchbar:has(input:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
.searchbar .searchbar-inner {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  height: 100%;
  padding: 0.8125rem 0.8125rem 0.8125rem 1.5rem;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-fill-natural-3);
}
.searchbar .searchbar-input {
  flex: 1 1 auto;
  height: 100%;
}
.searchbar .searchbar-input input {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  outline: none;
  background-color: transparent;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-400);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.searchbar .searchbar-input input::-moz-placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.searchbar .searchbar-input input::placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.searchbar .searchbar-input input[type=search]::-webkit-search-cancel-button {
  display: none;
}
.searchbar .searchbar-input input:not(:-moz-placeholder) {
  font-weight: var(--bbc-font-weight-600);
}
.searchbar .searchbar-input input:not(:placeholder-shown) {
  font-weight: var(--bbc-font-weight-600);
}
.searchbar .searchbar-btn {
  flex: 0 0 auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  height: 2.75rem;
  padding: 0.25rem;
  border-radius: var(--bbc-border-radius-circle);
  background-color: var(--bbc-color-fill-natural-5);
  color: var(--bbc-color-icon-accent-0);
}
.searchbar .searchbar-btn::before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}

/* ───────────────────────────────────────
  📌 File Upload
─────────────────────────────────────── */
.file-upload-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 767px) {
  .file-upload-header {
    flex-direction: column;
  }
}
.file-upload-header .file-upload-info {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}
.file-upload-header .file-upload-info .file-upload-title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-600);
}
.file-upload-header .file-upload-info .file-upload-rules {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
.file-upload-header .file-upload-actions {
  flex: 0 0 auto;
  align-self: baseline;
}
.file-upload-guide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 7.5rem;
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-fill-natural-0);
}
.file-upload-guide-text {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.file-upload-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-fill-natural-0);
}
.file-upload-list .file-upload-item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.75rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-6);
  background-color: var(--bbc-color-fill-natural-3);
}
.file-upload-list .file-upload-item .icon {
  flex: 0 0 auto;
}
.file-upload-list .file-upload-item .name {
  flex: 0 1 auto;
  display: flex;
}
.file-upload-list .file-upload-item .name .basename {
  flex: 0 1 auto;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-400);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.file-upload-list .file-upload-item .name .ext {
  flex: 0 0 auto;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-400);
}
.file-upload-list .file-upload-item .volume {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-400);
}
.file-upload-list .file-upload-item .file-upload-delete {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  padding-left: 0.125rem;
}
.file-upload-list .file-upload-item .file-upload-delete .icon {
  margin: initial;
}
.file-upload-list .file-upload-item .file-upload-delete .icon::before {
  color: var(--bbc-color-icon-natural-2);
}

/* 상태: .is-paused(처음/일시정지), .is-playing(재생중), .is-hover(재생중 hover) */
.video-player {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.video-player .video-frame {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #000000;
}
.video-player .video-frame.is-16x9 {
  aspect-ratio: 16/9;
}
.video-player .video {
  display: block;
  block-size: 100%;
  inline-size: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-player .video-frame-overlay {
  position: absolute;
  inset: 0;
  background-color: var(--bbc-color-layer-overlay-0);
  transition: opacity 200ms ease;
  opacity: 1;
  pointer-events: none;
}
.video-player .video-frame-controls {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  transition: opacity 200ms ease;
  opacity: 1;
  pointer-events: none;
}
.video-player .btn-play,
.video-player .btn-pause {
  display: grid;
  place-items: center;
  border-radius: var(--bbc-border-radius-circle);
  color: var(--bbc-color-icon-accent-0);
  transition: transform 150ms ease, background 150ms ease;
  cursor: pointer;
  pointer-events: auto;
  block-size: 64px;
  inline-size: 64px;
}
.video-player .btn-play:hover, .video-player .btn-play:focus-visible,
.video-player .btn-pause:hover,
.video-player .btn-pause:focus-visible {
  outline: none;
  transform: scale(1.06);
}
.video-player .btn-play[hidden],
.video-player .btn-pause[hidden] {
  pointer-events: none;
}
.video-player .btn-play::before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
@media (max-width: 767px) {
  .video-player .btn-play::before {
    width: 2.0625rem;
    height: 2.0625rem;
    font-size: 2.0625rem;
  }
}
.video-player .btn-play:focus-visible::before {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
  border-radius: var(--bbc-border-radius-max);
}
.video-player .btn-pause::before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.video-player .btn-pause:focus-visible::before {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
  border-radius: var(--bbc-border-radius-max);
}
.video-player {
  /* 버튼 표시 규칙 */
}
.video-player .btn-pause {
  display: none;
}
.video-player {
  /* 기본은 일시정지 숨김 */
}
.video-player.is-paused .btn-play {
  display: grid;
}
.video-player.is-paused .btn-play .btn-pause {
  display: none;
}
.video-player {
  /* 재생 중 기본: 오버레이/컨트롤 감춤 */
}
.video-player.is-playing .video-frame-overlay,
.video-player.is-playing .video-frame-controls {
  opacity: 0;
}
.video-player.is-playing.is-hover .video-frame-overlay,
.video-player.is-playing.is-hover .video-frame-controls {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.video-player.is-playing.is-hover {
  /* 재생 중 hover: 오버레이/일시정지 노출 */
}
.video-player.is-playing.is-hover .btn-play {
  display: none;
}
.video-player.is-playing.is-hover .btn-pause {
  display: grid;
}
.video-player {
  /* 모션 민감 사용자 배려(선택): 페이드 속도 완화 */
}
@media (prefers-reduced-motion: reduce) {
  .video-player .video-frame-overlay,
  .video-player .video-frame-controls {
    transition-duration: 1ms;
  }
}

.btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  min-width: 0;
  height: 3rem;
  padding: 0.3125rem 1.125rem;
  border: 1px solid transparent;
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-fill-natural-5);
  color: var(--bbc-color-text-accent-0);
  font: var(--bbc-typo-btn3-500);
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.btn:has(i.icon):not(:has(span, strong, em, .is-label)) {
  padding: 0;
}
.btn {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn:hover:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-4);
}

.btn {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-4);
}

[data-env~="hover:mixed"] .btn:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-4);
}

.btn:active {
  background-color: var(--bbc-color-fill-natural-4);
}
.btn .icon {
  transition: color 0.2s;
}

.btn .is-label {
  min-width: -moz-max-content;
  min-width: max-content;
}
.btn.is-pill {
  border-radius: var(--bbc-border-radius-max);
}
.btn.is-full {
  display: flex;
  justify-content: center;
  width: 100%;
}
.btn.is-xs {
  gap: 0.375rem;
  min-width: 3.625rem;
  height: 2.25rem;
  padding: 0.3125rem 0.75rem;
  border-radius: var(--bbc-border-radius-6);
  font: var(--bbc-typo-btn4-500);
}
.btn.is-sm {
  gap: 0.375rem;
  min-width: 3.625rem;
  height: 2.75rem;
  padding: 0.3125rem 0.75rem;
  font: var(--bbc-typo-btn3-500);
}
.btn.is-lg {
  gap: 0.375rem;
  height: 3.5rem;
  padding: 0.3125rem 1.25rem;
  font: var(--bbc-typo-btn2-500);
}
.btn.is-xl {
  gap: 0.5rem;
  height: 4.75rem;
  font: var(--bbc-typo-btn1-700);
  border-radius: var(--bbc-border-radius-20);
}
@media (max-width: 820px) {
  .btn.is-xl {
    gap: 0.25rem;
    min-height: 3.25rem;
    height: auto;
    font: var(--bbc-typo-btn3-600);
  }
}
.btn.is-display {
  padding: 0.3125rem 1.875rem;
}
@media (max-width: 820px) {
  .btn.is-display {
    padding: 0.8125rem 1.1875rem;
  }
}
@media (max-width: 360px) {
  .btn.is-display {
    padding: 0.8125rem 0.9375rem;
  }
}
.btn.is-primary {
  background-color: var(--bbc-color-fill-brand-primary);
  color: var(--bbc-color-text-accent-0);
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-primary:hover:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-hovered);
}

.btn.is-primary {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-primary:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-hovered);
}

[data-env~="hover:mixed"] .btn.is-primary:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-hovered);
}

.btn.is-primary:active {
  background-color: var(--bbc-color-fill-brand-primary-pressed);
}
.btn.is-primary .icon::before,
.btn.is-primary .icon::after {
  color: var(--bbc-color-icon-accent-0);
}
.btn.is-secondary {
  background-color: var(--bbc-color-fill-brand-primary-subtle);
  color: var(--bbc-color-text-brand-primary-deep);
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-secondary:hover:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-subtle-hovered);
}

.btn.is-secondary {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-secondary:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-subtle-hovered);
}

[data-env~="hover:mixed"] .btn.is-secondary:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-subtle-hovered);
}

.btn.is-secondary:active {
  background-color: var(--bbc-color-fill-brand-primary-subtle-pressed);
}
.btn.is-outline {
  border: 1px solid var(--bbc-color-stroke-natural-3);
  background-color: var(--bbc-color-fill-natural-3);
  color: var(--bbc-color-text-natural-0);
}
.btn.is-outline .icon::before,
.btn.is-outline .icon::after {
  color: var(--bbc-color-icon-natural-2);
}
.btn.is-outline:active {
  background-color: var(--bbc-color-fill-natural-2);
}
.btn.is-outline {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-outline:hover:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-1);
}

.btn.is-outline {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-outline:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-1);
}

[data-env~="hover:mixed"] .btn.is-outline:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-1);
}

.btn.is-outline.is-primary {
  border-color: var(--bbc-color-text-brand-primary);
  color: var(--bbc-color-text-brand-primary);
}
.btn.is-outline.is-primary .icon::before,
.btn.is-outline.is-primary .icon::after {
  color: var(--bbc-color-icon-brand-primary);
}
.btn.is-outline.is-primary:active {
  background-color: var(--bbc-color-fill-brand-primary-subtle-pressed) !important;
}
.btn.is-outline.is-primary {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-outline.is-primary:hover:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-subtle);
}

.btn.is-outline.is-primary {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-outline.is-primary:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-subtle);
}

[data-env~="hover:mixed"] .btn.is-outline.is-primary:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-subtle);
}

.btn.is-outline.is-secondary {
  border: 1px solid var(--bbc-color-stroke-natural-0);
  color: var(--bbc-color-text-natural-0);
}
.btn.is-bare {
  border-color: transparent;
  background-color: transparent;
  color: var(--bbc-color-text-natural-0);
}
.btn.is-plain {
  border-color: transparent !important;
  background-color: var(--bbc-color-fill-natural-3-a40) !important;
  color: var(--bbc-color-icon-natural-2);
}
.btn.is-plain.is-primary {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-plain.is-primary:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  color: var(--bbc-color-text-brand-primary);
}

.btn.is-plain.is-primary {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-plain.is-primary:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  color: var(--bbc-color-text-brand-primary);
}

[data-env~="hover:mixed"] .btn.is-plain.is-primary:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  color: var(--bbc-color-text-brand-primary);
}

.btn.is-plain.is-secondary {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-plain.is-secondary:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  color: var(--bbc-color-secondary-300);
}

.btn.is-plain.is-secondary {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-plain.is-secondary:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  color: var(--bbc-color-secondary-300);
}

[data-env~="hover:mixed"] .btn.is-plain.is-secondary:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  color: var(--bbc-color-secondary-300);
}

.btn.is-plain.is-negative {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-plain.is-negative:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  color: var(--bbc-color-text-negative-0);
}

.btn.is-plain.is-negative {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-plain.is-negative:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  color: var(--bbc-color-text-negative-0);
}

[data-env~="hover:mixed"] .btn.is-plain.is-negative:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  color: var(--bbc-color-text-negative-0);
}

.btn.is-ghost {
  border: none;
  background-color: transparent;
  color: var(--bbc-color-text-natural-0);
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-ghost:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-subtle);
}

.btn.is-ghost {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-ghost:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-subtle);
}

[data-env~="hover:mixed"] .btn.is-ghost:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-subtle);
}

.btn.is-ghost.is-active {
  background-color: var(--bbc-color-fill-natural-subtle);
}
.btn.is-ghost.is-primary {
  border: none;
  background-color: transparent;
  color: var(--bbc-color-text-brand-primary);
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-ghost.is-primary:hover:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-subtle);
}

.btn.is-ghost.is-primary {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-ghost.is-primary:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-subtle);
}

[data-env~="hover:mixed"] .btn.is-ghost.is-primary:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-subtle);
}

.btn.is-ghost.is-primary.is-active {
  background-color: var(--bbc-color-fill-brand-primary-subtle);
}
.btn.is-translucence {
  background-color: var(--bbc-color-fill-natural-3-a40);
  color: var(--bbc-color-text-brand-primary-deep);
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-translucence:hover:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-3-a70) !important;
}

.btn.is-translucence {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-translucence:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-3-a70) !important;
}

[data-env~="hover:mixed"] .btn.is-translucence:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-3-a70) !important;
}

.btn.is-translucence:active {
  background-color: var(--bbc-color-fill-natural-3) !important;
}
.btn.is-translucence:disabled {
  background-color: var(--bbc-color-fill-natural-3-a40) !important;
}
.btn.is-hover-outline {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-hover-outline:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-stroke-natural-1) !important;
}

.btn.is-hover-outline {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-hover-outline:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-stroke-natural-1) !important;
}

[data-env~="hover:mixed"] .btn.is-hover-outline:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-stroke-natural-1) !important;
}

.btn.is-hover-outline.is-primary {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-hover-outline.is-primary:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-primary-300) !important;
}

.btn.is-hover-outline.is-primary {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-hover-outline.is-primary:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-primary-300) !important;
}

[data-env~="hover:mixed"] .btn.is-hover-outline.is-primary:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-primary-300) !important;
}

.btn.is-hover-outline.is-secondary {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-hover-outline.is-secondary:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-secondary-300) !important;
}

.btn.is-hover-outline.is-secondary {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-hover-outline.is-secondary:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-secondary-300) !important;
}

[data-env~="hover:mixed"] .btn.is-hover-outline.is-secondary:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-secondary-300) !important;
}

.btn.is-hover-outline.is-negative {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-hover-outline.is-negative:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-danger-300) !important;
}

.btn.is-hover-outline.is-negative {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-hover-outline.is-negative:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-danger-300) !important;
}

[data-env~="hover:mixed"] .btn.is-hover-outline.is-negative:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-danger-300) !important;
}

.btn.is-disabled, .btn:disabled {
  background-color: var(--bbc-color-fill-disable-1);
  color: var(--bbc-color-text-disable-0);
  pointer-events: none;
}
.btn.is-disabled .icon::before, .btn:disabled .icon::before {
  color: var(--bbc-color-icon-disable-1);
}
.btn.is-disabled.is-outline, .btn:disabled.is-outline {
  border: 1px solid var(--bbc-color-stroke-disable-0);
  color: var(--bbc-color-text-disable-0);
}
.btn.is-disabled.is-outline .icon::before, .btn:disabled.is-outline .icon::before {
  color: var(--bbc-color-icon-disable-1);
}

/* ───────────────────────────────────────
  📌 TextButton
─────────────────────────────────────── */
.text-btn {
  display: inline-flex;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
  font: var(--bbc-typo-btn2-500);
  text-align: left;
}
.text-btn .btn-label {
  color: var(--bbc-color-text-natural-0);
}
.text-btn .icon {
  color: var(--bbc-color-icon-natural-0);
}
.text-btn.is-disabled, .text-btn:disabled {
  pointer-events: none;
}
.text-btn.is-disabled .btn-label, .text-btn:disabled .btn-label {
  color: var(--bbc-color-text-disable-0);
}
.text-btn {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .text-btn:hover:not(.is-disabled, :disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:hover"] .text-btn:hover:not(.is-disabled, :disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .btn-label {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.text-btn {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .text-btn:active:not(.is-disabled, :disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:hoverless"] .text-btn:active:not(.is-disabled, :disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .btn-label {
  text-decoration: underline;
  text-underline-offset: 3px;
}

[data-env~="hover:mixed"] .text-btn:active:not(.is-disabled, :disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:mixed"] .text-btn:active:not(.is-disabled, :disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .btn-label {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.text-btn.is-xs {
  gap: 0.25rem;
  font: var(--bbc-typo-btn4-500);
}
.text-btn.is-sm {
  gap: 0.5rem;
  font: var(--bbc-typo-btn3-500);
}
.text-btn.is-secondary .btn-label {
  color: var(--bbc-color-text-natural-1);
}
.text-btn.is-negative .btn-label {
  color: var(--bbc-color-text-negative-0);
}

/* ───────────────────────────────────────
    📌 Link Button
─────────────────────────────────────── */
.link-btn {
  display: inline;
  color: var(--bbc-color-util-link);
  text-decoration: underline !important;
  text-underline-offset: 0.125rem;
}
.link-btn.is-disabled {
  color: var(--bbc-color-text-disable-0);
  text-decoration: line-through !important;
  pointer-events: none;
}

/* ───────────────────────────────────────
    📌 IconButton
─────────────────────────────────────── */
.icon-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.5rem;
  background-color: var(--bbc-color-share-natural-primary);
  color: var(--bbc-color-text-accent-0);
  transition: background-color 0.2s, border-color 0.2s, color 0.2s, opacity 0.2s;
}
.icon-btn.is-xxs {
  width: 1.75rem;
  height: 1.75rem;
}
.icon-btn.is-xs {
  width: 2rem;
  height: 2rem;
}
.icon-btn.is-sm {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-btn.is-md {
  width: 2.75rem;
  height: 2.75rem;
}
.icon-btn.is-lg {
  width: 4rem;
  height: 4rem;
}
.icon-btn.is-fit {
  width: auto;
  height: auto;
}
.icon-btn.is-pill {
  border-radius: var(--bbc-border-radius-max);
}
.icon-btn.is-disabled, .icon-btn:disabled {
  border-color: var(--bbc-color-grayscale-100);
  background-color: var(--bbc-color-fill-disable-1);
  pointer-events: none;
}
.icon-btn.is-disabled .icon::before,
.icon-btn.is-disabled .icon::after, .icon-btn:disabled .icon::before,
.icon-btn:disabled .icon::after {
  color: var(--bbc-color-icon-disable-0);
}
.icon-btn.is-error {
  border-color: var(--bbc-color-stroke-negative-0);
  background-color: var(--bbc-color-fill-negative-0);
  color: var(--bbc-color-text-accent-0);
}
.icon-btn.is-primary {
  background-color: var(--bbc-color-text-brand-primary);
  color: var(--bbc-color-text-accent-0);
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .icon-btn.is-primary:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-hovered);
}

.icon-btn.is-primary {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .icon-btn.is-primary:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-hovered);
}

[data-env~="hover:mixed"] .icon-btn.is-primary:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-brand-primary-hovered);
}

.icon-btn.is-primary.is-active {
  background-color: var(--bbc-color-fill-brand-primary-pressed);
}
.icon-btn.is-primary.is-disabled, .icon-btn.is-primary:disabled {
  background-color: var(--bbc-color-fill-disable-1);
  pointer-events: none;
}
.icon-btn.is-primary.is-disabled .icon::before,
.icon-btn.is-primary.is-disabled .icon::after, .icon-btn.is-primary:disabled .icon::before,
.icon-btn.is-primary:disabled .icon::after {
  color: var(--bbc-color-icon-disable-0);
}
.icon-btn.is-natural {
  background-color: var(--bbc-color-fill-natural-3);
  color: var(--bbc-color-icon-natural-2);
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .icon-btn.is-natural:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-1);
}

.icon-btn.is-natural {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .icon-btn.is-natural:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-1);
}

[data-env~="hover:mixed"] .icon-btn.is-natural:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-1);
}

.icon-btn.is-natural.is-disabled, .icon-btn.is-natural:disabled {
  pointer-events: none;
}
.icon-btn.is-natural.is-disabled .icon::before,
.icon-btn.is-natural.is-disabled .icon::after, .icon-btn.is-natural:disabled .icon::before,
.icon-btn.is-natural:disabled .icon::after {
  color: var(--bbc-color-icon-disable-0);
}
.icon-btn.is-outline {
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  color: var(--bbc-color-icon-natural-0);
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .icon-btn.is-outline:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}

.icon-btn.is-outline {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .icon-btn.is-outline:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}

[data-env~="hover:mixed"] .icon-btn.is-outline:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}

.icon-btn.is-outline.is-active {
  border-color: var(--bbc-color-stroke-brand-primary);
  color: var(--bbc-color-icon-brand-primary);
}
.icon-btn.is-outline.is-disabled, .icon-btn.is-outline:disabled {
  border-color: var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-disable-1);
  pointer-events: none;
}
.icon-btn.is-outline.is-disabled .icon::before,
.icon-btn.is-outline.is-disabled .icon::after, .icon-btn.is-outline:disabled .icon::before,
.icon-btn.is-outline:disabled .icon::after {
  color: var(--bbc-color-icon-disable-0);
}
.icon-btn.is-ghost {
  border: none;
  background-color: transparent;
  color: var(--bbc-color-icon-natural-0);
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .icon-btn.is-ghost:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-subtle);
}

.icon-btn.is-ghost {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .icon-btn.is-ghost:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-subtle);
}

[data-env~="hover:mixed"] .icon-btn.is-ghost:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-subtle);
}

.icon-btn.is-ghost.is-active {
  background-color: var(--bbc-color-fill-natural-subtle);
}
.icon-btn.is-ghost.is-disabled, .icon-btn.is-ghost:disabled {
  background-color: transparent;
  pointer-events: none;
}
.icon-btn.is-ghost.is-disabled .icon::before,
.icon-btn.is-ghost.is-disabled .icon::after, .icon-btn.is-ghost:disabled .icon::before,
.icon-btn.is-ghost:disabled .icon::after {
  color: var(--bbc-color-icon-disable-0);
}
.icon-btn.is-translucent {
  border: none;
  background-color: var(--bbc-color-fill-natural-0-a40);
}
.icon-btn.is-translucent .icon::before,
.icon-btn.is-translucent .icon::after {
  color: var(--bbc-color-text-accent-0);
}
.icon-btn.is-translucent {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .icon-btn.is-translucent:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-0-a60);
}

.icon-btn.is-translucent {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .icon-btn.is-translucent:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-0-a60);
}

[data-env~="hover:mixed"] .icon-btn.is-translucent:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-0-a60);
}

.icon-btn.is-translucent.is-active {
  background-color: var(--bbc-color-fill-natural-0-a60);
}
.icon-btn.is-translucent.is-disabled, .icon-btn.is-translucent:disabled {
  background-color: var(--bbc-color-fill-natural-0-a20);
  pointer-events: none;
}
.icon-btn.is-translucent.is-disabled .icon::before,
.icon-btn.is-translucent.is-disabled .icon::after, .icon-btn.is-translucent:disabled .icon::before,
.icon-btn.is-translucent:disabled .icon::after {
  color: var(--bbc-color-icon-disable-0);
}
.icon-btn.is-bare {
  border-color: transparent;
  background-color: transparent;
  color: var(--bbc-color-icon-natural-0);
}
.icon-btn.is-bare.is-active {
  background-color: var(--bbc-color-fill-natural-subtle);
}
.icon-btn.is-bare.is-disabled, .icon-btn.is-bare:disabled {
  background-color: transparent;
  pointer-events: none;
}
.icon-btn.is-bare.is-disabled .icon::before,
.icon-btn.is-bare.is-disabled .icon::after, .icon-btn.is-bare:disabled .icon::before,
.icon-btn.is-bare:disabled .icon::after {
  color: var(--bbc-color-icon-disable-0);
}
.icon-btn.is-shadow {
  box-shadow: var(--bbc-color-shadow-natural-0);
}

.btn-set-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem 1.25rem;
}
.btn-set-group.is-center {
  justify-content: center;
}

[data-page-id=state-error] .state-page-actions,
[data-page-id=state-under-construction] .state-page-actions, .btn-set {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
[data-page-id=state-error] .is-sm.state-page-actions,
[data-page-id=state-under-construction] .is-sm.state-page-actions, .is-sm.btn-set {
  gap: 0.5rem;
}
[data-page-id=state-error] .is-md.state-page-actions,
[data-page-id=state-under-construction] .is-md.state-page-actions, .is-md.btn-set {
  gap: 0.875rem;
}
[data-page-id=state-error] .is-lg.state-page-actions,
[data-page-id=state-under-construction] .is-lg.state-page-actions, .is-lg.btn-set {
  gap: 1rem;
}
[data-page-id=state-error] .is-wrap.state-page-actions,
[data-page-id=state-under-construction] .is-wrap.state-page-actions, .is-wrap.btn-set {
  flex-wrap: wrap;
}
[data-page-id=state-error] .is-left.state-page-actions,
[data-page-id=state-under-construction] .is-left.state-page-actions, .is-left.btn-set {
  justify-content: flex-start;
}
[data-page-id=state-error] .is-right.state-page-actions,
[data-page-id=state-under-construction] .is-right.state-page-actions, .is-right.btn-set {
  justify-content: flex-end;
}
[data-page-id=state-error] .is-between.state-page-actions,
[data-page-id=state-under-construction] .is-between.state-page-actions, .is-between.btn-set {
  justify-content: space-between;
}
[data-page-id=state-error] .is-column.state-page-actions,
[data-page-id=state-under-construction] .is-column.state-page-actions, .is-column.btn-set {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
[data-page-id=state-error] .is-column.is-left.state-page-actions,
[data-page-id=state-under-construction] .is-column.is-left.state-page-actions, .is-column.is-left.btn-set {
  align-items: flex-start;
}
[data-page-id=state-error] .is-column.is-right.state-page-actions,
[data-page-id=state-under-construction] .is-column.is-right.state-page-actions, .is-column.is-right.btn-set {
  align-items: flex-end;
}
[data-page-id=state-error] .is-column.is-between.state-page-actions,
[data-page-id=state-under-construction] .is-column.is-between.state-page-actions, .is-column.is-between.btn-set {
  align-items: space-between;
}

.btn-group {
  display: inline-flex;
}
.btn-group .btn {
  --btn-group-radius: var(--bbc-border-radius-8);
  position: relative;
  z-index: 1;
}
.btn-group .btn.is-xs {
  --btn-group-radius: var(--bbc-border-radius-6);
}
.btn-group .btn.is-xl {
  --btn-group-radius: var(--bbc-border-radius-20);
}
.btn-group .btn:not(:first-child, :last-child) {
  border-radius: 0;
}
.btn-group .btn:not(:last-child) {
  border-right: 0.0625rem solid var(--bbc-color-stroke-natural-4-a70) !important;
}
.btn-group .btn:first-child {
  z-index: 2;
  border-radius: var(--btn-group-radius) 0 0 var(--btn-group-radius);
}
.btn-group .btn:last-child {
  border-radius: 0 var(--btn-group-radius) var(--btn-group-radius) 0;
}
.btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn.is-active {
  z-index: 3;
}

/* ───────────────────────────────────────
    📌 Floating Button
─────────────────────────────────────── */
.floating-btn-wrap {
  position: fixed;
  right: 3.75rem;
  bottom: 3.75rem;
  z-index: 90;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 1700px) {
  .floating-btn-wrap {
    right: 1.25rem;
  }
}
@media (max-width: 1600px) {
  .floating-btn-wrap {
    gap: 0.625rem;
  }
}
@media (max-width: 767px) {
  .floating-btn-wrap {
    bottom: 1.25rem;
  }
}

.floating-btn {
  width: 5rem;
  height: 5rem;
  border-radius: var(--bbc-border-radius-max);
  box-shadow: var(--bbc-color-shadow-natural-1);
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
@media (max-width: 1600px) {
  .floating-btn {
    width: 3.5rem;
    height: 3.5rem;
  }
}
.floating-btn.is-scroll-up {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  order: 1;
  background-color: var(--bbc-color-fill-brand-primary);
  color: var(--bbc-color-text-accent-0);
}
@media (max-width: 1366px) {
  .floating-btn.is-scroll-up {
    justify-content: center;
  }
}
.floating-btn.is-scroll-up:hover {
  background-color: var(--bbc-color-fill-brand-primary-hovered);
}
.floating-btn.is-scroll-up:active {
  background-color: var(--bbc-color-fill-brand-primary-pressed);
}
.floating-btn.is-scroll-up::before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
  margin-top: 0.5625rem;
}
@media (max-width: 1366px) {
  .floating-btn.is-scroll-up::before {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .floating-btn.is-scroll-up::before {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 2.25rem;
  }
}
.floating-btn.is-scroll-up .text {
  font: var(--bbc-typo-l2-700);
}
@media (max-width: 1600px) {
  .floating-btn.is-scroll-up .text {
    display: none;
  }
}
.floating-btn.is-chatbot {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  order: 2;
  background-color: var(--bbc-color-etc-chatbot-fill);
}
.floating-btn.is-chatbot::before {
  content: "";
  display: block;
  width: 70px;
  height: 70px;
  background-image: url("/assets/images/common/img_chatbot.svg");
  background-size: cover;
}
@media (max-width: 1600px) {
  .floating-btn.is-chatbot::before {
    width: 50px;
    height: 50px;
  }
}
.floating-btn.is-chatbot:hover {
  background-color: #0095e4;
}
.floating-btn.is-chatbot:active {
  background-color: #0281c5;
}
.floating-btn.is-chatbot .bubble {
  position: absolute;
  top: 0;
  left: -1.625rem;
  padding: 0.15625rem 0.5rem;
  border-radius: 0.8125rem;
  background-color: var(--bbc-color-etc-balloon-fill);
  color: var(--bbc-color-icon-natural-2);
  font: var(--bbc-typo-l2-700);
}
@media (max-width: 1600px) {
  .floating-btn.is-chatbot .bubble {
    display: none;
  }
}
.floating-btn.is-chatbot .bubble::before {
  content: "";
  position: absolute;
  right: 0.625rem;
  bottom: -0.25rem;
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" viewBox="0 0 11 8" fill="none"><path d="M7.59957 7.53647C8.16596 8.13771 9.17576 7.83193 9.31347 7.01749L10.5 0H0.5L7.59957 7.53647Z" fill="%23FFC929"/></svg>');
  background-size: cover;
}

/* ───────────────────────────────────────
  📌 Chip
─────────────────────────────────────── */
.chip-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
@media (max-width: 767px) {
  .chip-group {
    gap: 0.25rem;
  }
}
.chip-group.is-xs {
  gap: 0.25rem;
}

.chip {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: 1.75rem;
  margin-left: -0.125rem;
  padding: 0 0.5rem;
  border-radius: var(--bbc-border-radius-6);
}
.chip .chip-label {
  color: var(--bbc-color-chip-text-gray);
  font: var(--bbc-typo-l2-600);
  white-space: nowrap;
  word-break: break-all;
}
.chip.is-sm {
  height: 1.5rem;
  padding: 0 0.5rem;
}
.chip.is-sm .chip-label {
  font: var(--bbc-typo-l4-700);
}
.chip.is-lg {
  height: 1.75rem;
  padding: 0 0.75rem;
}
.chip.is-pill {
  min-width: 3.375rem;
  border-radius: var(--bbc-border-radius-max);
}
.chip.is-outline {
  border: 1px solid var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.chip.is-outline .chip-label {
  color: var(--bbc-color-chip-text-gray);
}
.chip.is-outline.is-green .chip-label {
  color: var(--bbc-color-chip-text-green);
}
.chip.is-outline.is-brown .chip-label {
  color: var(--bbc-color-chip-text-brown);
}
.chip.is-outline.is-navy .chip-label {
  color: var(--bbc-color-chip-text-navy);
}
.chip.is-outline.is-purple .chip-label {
  color: var(--bbc-color-chip-text-purple);
}
.chip.is-outline.is-teal .chip-label {
  color: var(--bbc-color-chip-text-teal);
}
.chip.is-outline.is-red .chip-label {
  color: var(--bbc-color-chip-text-red);
}
.chip.is-outline.is-blue .chip-label {
  color: var(--bbc-color-chip-text-blue);
}
.chip.is-outline.is-gray .chip-label {
  color: var(--bbc-color-chip-text-gray);
}
.chip.is-outline.is-olive .chip-label {
  color: var(--bbc-color-chip-text-olive);
}
.chip.is-filled {
  min-width: 3.375rem;
}
.chip.is-filled.is-green {
  background-color: var(--bbc-color-chip-fill-green);
}
.chip.is-filled.is-green .chip-label {
  color: var(--bbc-color-chip-text-green);
}
.chip.is-filled.is-brown {
  background-color: var(--bbc-color-chip-fill-brown);
}
.chip.is-filled.is-brown .chip-label {
  color: var(--bbc-color-chip-text-brown);
}
.chip.is-filled.is-navy {
  background-color: var(--bbc-color-chip-fill-navy);
}
.chip.is-filled.is-navy .chip-label {
  color: var(--bbc-color-chip-text-navy);
}
.chip.is-filled.is-purple {
  background-color: var(--bbc-color-chip-fill-purple);
}
.chip.is-filled.is-purple .chip-label {
  color: var(--bbc-color-chip-text-purple);
}
.chip.is-filled.is-teal {
  background-color: var(--bbc-color-chip-fill-teal);
}
.chip.is-filled.is-teal .chip-label {
  color: var(--bbc-color-chip-text-teal);
}
.chip.is-filled.is-red {
  background-color: var(--bbc-color-chip-fill-red);
}
.chip.is-filled.is-red .chip-label {
  color: var(--bbc-color-chip-text-red);
}
.chip.is-filled.is-blue {
  background-color: var(--bbc-color-chip-fill-blue);
}
.chip.is-filled.is-blue .chip-label {
  color: var(--bbc-color-chip-text-blue);
}
.chip.is-filled.is-gray {
  background-color: var(--bbc-color-chip-fill-gray);
}
.chip.is-filled.is-gray .chip-label {
  color: var(--bbc-color-chip-text-gray);
}
.chip.is-filled.is-olive {
  background-color: var(--bbc-color-chip-fill-olive);
}
.chip.is-filled.is-olive .chip-label {
  color: var(--bbc-color-chip-text-olive);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bounce-pop {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  75% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-up {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes fade-in {
  from {
    transform: translateX(-10px) scale(0.5);
    opacity: 0;
  }
  to {
    transform: translateX(0) scale(1);
    opacity: 1;
  }
}
.spinner {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
}

/* ───────────────────────────────────────
    📌 Spinner
─────────────────────────────────────── */
.spinner.is-xs {
  width: 1rem;
  height: 1rem;
}
.spinner.is-sm {
  width: 1.5rem;
  height: 1.5rem;
}
.spinner.is-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.spinner.is-xl {
  width: 3.75rem;
  height: 3.75rem;
}

.spinner.is-primary {
  background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%201a7%207%200%201%201%200%2014A7%207%200%200%201%208%201Z'%20stroke='%23E4E4E4'%20stroke-width='2'/%3e%3cpath%20d='M8%201a7%207%200%200%201%207%207'%20stroke='%233B51DB'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center center/cover;
  animation: spin 1s linear infinite;
}

.spinner.is-secondary {
  background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8%201a7%207%200%201%201%200%2014A7%207%200%200%201%208%201Z'%20stroke='%23fff'%20stroke-opacity='.1'%20stroke-width='2'/%3e%3cpath%20d='M8%201a7%207%200%200%201%207%207'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center center/cover;
  animation: spin 1s linear infinite;
}

@keyframes dots-bounce {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0.5;
  }
}
@keyframes wave-expand {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0.8;
  }
  70% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
/* ───────────────────────────────────────
  📌 Badge (단일 구조)
─────────────────────────────────────── */
.badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--bbc-border-radius-max);
  color: var(--bbc-color-text-accent-0);
  font-weight: var(--bbc-font-weight-500);
  line-height: 1;
  white-space: nowrap;
}
.badge::after {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
}
.badge.is-dot::after {
  content: "";
  border-radius: 50%;
  box-shadow: 0 0 0 2px var(--bbc-color-stroke-natural-4);
  background-color: var(--bbc-color-badge-emphasis);
}
.badge.is-dot.is-sm::after {
  width: 5px;
  height: 5px;
}
.badge.is-dot::after {
  width: 8px;
  height: 8px;
}
.badge.is-dot.is-lg::after {
  width: 10px;
  height: 10px;
}
.badge.is-dot.is-xl::after {
  width: 14px;
  height: 14px;
}
.badge.is-dot.is-xxl::after {
  width: 20px;
  height: 20px;
}
.badge.is-number::after {
  content: attr(data-badge);
  border-radius: var(--bbc-border-radius-max);
  box-shadow: 0 0 0 2px var(--bbc-color-stroke-accent-0);
  background-color: var(--bbc-color-fill-brand-primary);
  color: var(--bbc-color-text-accent-0);
  font-weight: var(--bbc-font-weight-500);
}
.badge.is-number.is-sm::after {
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: var(--bbc-font-size-12);
}
.badge.is-number::after {
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  font-size: var(--bbc-font-size-12);
}
.badge.is-number.is-lg::after {
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  font-size: var(--bbc-font-size-14);
}
.badge.is-number.is-xl::after {
  min-width: 36px;
  height: 36px;
  padding: 0 12px;
  font-size: var(--bbc-font-size-18);
}
.badge.is-floating {
  position: relative;
}
.badge.is-floating::after {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.badge.is-floating.is-top-left::after {
  top: 0;
  right: auto;
  left: 0;
  transform: translate(-50%, -50%);
}
.badge.is-floating.is-bottom-right::after {
  top: auto;
  right: 0;
  bottom: 0;
  transform: translate(50%, 50%);
}
.badge.is-floating.is-bottom-left::after {
  top: auto;
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
}
.badge.is-negative::after {
  background-color: var(--bbc-color-fill-negative-0);
}
.badge.is-attention::after {
  background-color: var(--bbc-color-fill-attention-0);
}
.badge.is-positive::after {
  background-color: var(--bbc-color-fill-positive-0);
}
.badge.is-live::after {
  box-shadow: 0 0 0 2px var(--bbc-color-stroke-accent-0);
  background-color: var(--bbc-color-fill-positive-0);
}

.avatar {
  --bg-color: var(--bbc-color-fill-natural-subtle, #f4f4f4);
  --text-color: var(--bbc-color-text-natural-1, #555555);
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
}
.avatar.is-square {
  border-radius: var(--bbc-border-radius-lg);
}
@media (max-width: 1024px) {
  .avatar {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.avatar {
  /* 실제 프로필 영역 */
}
.avatar .avatar-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bg-color);
  color: var(--text-color);
  font-size: calc(var(--size) * 0.4);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
.avatar .avatar-inner img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.avatar {
  /* 뱃지 */
}
.avatar .badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.avatar .badge.is-dot {
  top: 14%;
  right: 14%;
}

/* 그룹 */
.avatar-group {
  display: flex;
}
.avatar-group .avatar {
  margin-left: -8px;
}
.avatar-group .avatar:first-child {
  margin-left: 0;
}
.avatar-group .avatar .avatar-inner {
  border: 2px solid #ffffff;
}

.table {
  width: 100%;
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-2);
  border-bottom: 0.0625rem solid var(--bbc-color-stroke-natural-2);
  border-collapse: collapse;
  table-layout: fixed;
}
.table .cell-number {
  width: 4.0625rem;
  text-align: center;
}
.table .cell-title {
  width: auto;
  text-align: left;
}
.table .cell-file {
  width: 4.0625rem;
  text-align: center;
}
.table .cell-writer {
  width: 8.75rem;
  text-align: center;
}
.table .cell-date {
  width: 8.75rem;
  text-align: center;
}
.table .cell-views {
  width: 6.25rem;
  text-align: center;
}
.table .cell-like {
  width: 6.25rem;
  text-align: center;
}
.table .cell-survey-status {
  width: 8.75rem;
  text-align: center;
}
.table .cell-status {
  width: 8.75rem;
  text-align: center;
}
.table .cell-category {
  width: 8.75rem;
  text-align: center;
}
.table .cell-target {
  width: 8.75rem;
  text-align: center;
}
.table .cell-period {
  width: 15rem;
  text-align: center;
}
.table .cell-function {
  width: 11.25rem;
  text-align: center;
}
.table .cell-key {
  width: 8.75rem;
  text-align: center;
}
.table .cell-auto {
  width: auto;
}
.table .cell-blog-summary {
  width: auto;
  text-align: left;
}
@media (max-width: 1024px) {
  .table thead {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
  }
}
.table thead tr {
  background-color: var(--bbc-color-fill-natural-3);
}
.table thead th {
  padding: 0.8125rem 0.875rem 0.75rem;
  font: var(--bbc-typo-b3-700);
}
.table thead th.cell-number {
  padding: 0.8125rem 0.5rem 0.75rem;
}
.table thead th.cell-auto {
  text-align: center;
}
.table tbody tr {
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
  transition: background-color 0.2s ease;
}
@media (max-width: 1024px) {
  .table tbody tr {
    display: flex;
    flex-wrap: wrap;
    gap: 0.125rem;
    padding: 0.875rem 0.75rem;
  }
  .table tbody tr:first-child {
    border-top: 0;
  }
}
.table tbody tr.row-notice {
  background-color: var(--bbc-color-fill-tablefix);
}
.table tbody tr.row-notice td {
  font-weight: var(--bbc-font-weight-500);
}
.table tbody tr.row-notice td.cell-number {
  color: var(--bbc-color-icon-natural-2);
}
@media (max-width: 1024px) {
  .table tbody tr.row-notice td.cell-number {
    width: 1.125rem !important;
    padding: 0;
  }
  .table tbody tr.row-notice td.cell-title {
    width: calc(100% - 1.125rem - 0.5rem) !important;
  }
  .table tbody tr:not(.row-notice) td.cell-number {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    clip: rect(0 0 0 0);
  }
}
.table td {
  padding: 0.875rem 0.5rem;
  font: var(--bbc-typo-b4-400);
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .table td {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100% !important;
    padding: 0.1875rem 0;
    text-align: left !important;
  }
  .table td::before {
    content: attr(data-label);
    display: inline-block;
    min-width: 3.75rem;
    color: var(--bbc-color-text-natural-1);
  }
}
.table td.cell-number {
  padding: 0.875rem 0.5rem;
  color: var(--bbc-color-text-natural-1);
}
@media (max-width: 1024px) {
  .table td.cell-number::before {
    display: none;
  }
}
.table td.cell-title {
  font: var(--bbc-typo-b3-400);
}
@media (max-width: 1024px) {
  .table td.cell-title::before {
    display: none;
  }
}
.table td.cell-title a {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.table td.cell-title .title {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.table td.cell-file {
  color: var(--bbc-color-icon-natural-0);
}
.table td.cell-writer .writer {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
@media (max-width: 1024px) {
  .table td.cell-survey-status::before {
    display: none;
  }
}
.table td.cell-auto {
  text-align: left;
}
.table td.cell-empty {
  height: 15rem;
}
.table td.cell-empty::before {
  display: none;
}
.table td.cell-blog-summary {
  padding: 0.9375rem 3.125rem 0.9375rem 0.875rem;
}
@media (max-width: 767px) {
  .table td.cell-blog-summary {
    padding-right: 0.875rem;
  }
}
.table td.cell-blog-summary::before {
  display: none;
}
.table td.cell-blog-summary .blog-summary {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 4rem;
  width: 100%;
}
@media (max-width: 767px) {
  .table td.cell-blog-summary .blog-summary {
    flex-direction: row;
    gap: 0.625rem;
  }
}
.table td.cell-blog-summary .blog-summary-content {
  flex: 1;
  min-width: 0;
}
.table td.cell-blog-summary .blog-summary-content .blog-summary-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-600);
}
.table td.cell-blog-summary .blog-summary-content .blog-summary-title .text {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.table td.cell-blog-summary .blog-summary-content .blog-summary-title .comment-count {
  font: var(--bbc-typo-b4-400);
}
.table td.cell-blog-summary .blog-summary-content .blog-summary-desc {
  margin-bottom: 0.625rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  word-break: break-all !important;
}
.table td.cell-blog-summary .blog-summary-content .blog-summary-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  margin-top: 0.75rem;
  color: var(--bbc-color-icon-natural-0);
  font: var(--bbc-typo-b4-400);
}
@media (max-width: 767px) {
  .table td.cell-blog-summary .blog-summary-content .blog-summary-meta {
    margin-top: 0.625rem;
  }
}
.table td.cell-blog-summary .blog-summary-content .blog-summary-meta.is-separator .item:not(:last-child) {
  position: relative;
}
.table td.cell-blog-summary .blog-summary-content .blog-summary-meta.is-separator .item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.0625rem;
  height: 0.75rem;
  background-color: var(--bbc-color-stroke-natural-0);
  transform: translate(0.5rem, -50%);
}
.table td.cell-blog-summary .blog-summary-content .blog-summary-meta .item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.table td.cell-blog-summary .blog-summary-content .blog-summary-meta .item.is-writer {
  flex: 0 1 auto;
}
.table td.cell-blog-summary .blog-summary-content .blog-summary-meta .item.is-writer .label {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.table td.cell-blog-summary .blog-summary-content .blog-summary-meta .item .label {
  display: flex;
  color: var(--bbc-color-text-natural-1);
  word-break: break-all;
}
.table td.cell-blog-summary .blog-summary-thumb {
  flex: 0 0 8.75rem;
  align-self: center;
  overflow: hidden;
  height: 6.5625rem;
  border-radius: var(--bbc-border-radius-8);
}
@media (max-width: 640px) {
  .table td.cell-blog-summary .blog-summary-thumb {
    flex-basis: 5.625rem;
    align-self: flex-start;
    height: 3.75rem;
    border-radius: var(--bbc-border-radius-4);
  }
}
.table td.cell-blog-summary .blog-summary-thumb img, .table td.cell-blog-summary .blog-summary-thumb .thumb-placeholder {
  display: block;
  width: 100%;
  background-color: var(--bbc-color-fill-natural-0);
  aspect-ratio: 4/3;
}
.table td .empty-state .empty-state-msg .empty-state-title {
  font: var(--bbc-typo-b2-400);
}
.table .icon {
  vertical-align: middle;
}
.table .comment-count {
  color: var(--bbc-color-etc-comment-text);
}

/* ───────────────────────────────────────
  📌 EmptyState
─────────────────────────────────────── */
.empty-state {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
}
.empty-state .empty-state-layout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.empty-state .empty-state-msg {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.empty-state .empty-state-msg .empty-state-title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-t4-600);
}
.empty-state .empty-state-msg .empty-state-desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.empty-state.is-fit {
  height: 100%;
}

/* ───────────────────────────────────────
  📌 Value Status
─────────────────────────────────────── */
.value-status .value-current {
  color: var(--bbc-color-text-natural-0);
}
.value-status .value-separator {
  color: var(--bbc-color-text-natural-1);
}
.value-status .value-total {
  color: var(--bbc-color-text-natural-1);
}
.value-status .value-unit {
  color: var(--bbc-color-text-natural-1);
}
.value-status .value-text {
  color: var(--bbc-color-text-natural-0);
}

/* ───────────────────────────────────────
    📌 Pagination
─────────────────────────────────────── */
.pagination .pagination-control .control-btn, .pagination .number-list .number.is-divider, .pagination .number-list .number {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.3125rem;
  color: var(--bbc-color-text-primary);
  text-align: center;
  transition: background-color 0.2s;
}
@media (max-width: 767px) {
  .pagination .pagination-control .control-btn, .pagination .number-list .number.is-divider, .pagination .number-list .number {
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--bbc-color-stroke-natural-0);
    font: var(--bbc-typo-btn4-500);
  }
}
.pagination .pagination-control .control-btn .number-label, .pagination .number-list .number .number-label {
  font: var(--bbc-typo-btn3-600);
}
.pagination .pagination-control .control-btn .number-label, .pagination .number-list .number .number-label, .pagination .pagination-control .control-btn::before, .pagination .number-list .number.is-divider::before, .pagination .number-list .number::before {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  outline: none;
}

.pagination {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.875rem;
  width: 100%;
  margin-top: 3.125rem;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .pagination {
    gap: 0.75rem;
  }
}
.pagination .number-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
}
@media (max-width: 767px) {
  .pagination .number-list {
    gap: 0.3125rem;
  }
}
.pagination .number-list .number {
  position: relative;
  color: var(--bbc-color-text-tertiary);
}
.pagination .number-list .number::after {
  content: "";
  background-color: unset;
}
.pagination .number-list .number:has(.number-label:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0.125rem;
  z-index: 1;
}
.pagination .number-list .number {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .pagination .number-list .number:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-2);
}

.pagination .number-list .number {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .pagination .number-list .number:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-2);
}

[data-env~="hover:mixed"] .pagination .number-list .number:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-2);
}

.pagination .number-list .number.is-current a {
  color: var(--bbc-color-text-brand-primary);
}
.pagination .number-list .number.is-divider::before {
  content: "";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.pagination .pagination-control {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .pagination .pagination-control {
    gap: 0.3125rem;
  }
}
.pagination .pagination-control .control-btn span {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  white-space: nowrap !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
}
.pagination .pagination-control .control-btn {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .pagination .pagination-control .control-btn:hover:not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-2);
}

.pagination .pagination-control .control-btn {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .pagination .pagination-control .control-btn:active:not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-2);
}

[data-env~="hover:mixed"] .pagination .pagination-control .control-btn:active:not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-2);
}

.pagination .pagination-control .control-btn.is-first, .pagination .pagination-control .control-btn.is-prev, .pagination .pagination-control .control-btn.is-next, .pagination .pagination-control .control-btn.is-last {
  display: flex;
  align-items: center;
  justify-self: unset;
}
.pagination .pagination-control .control-btn.is-first::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .pagination .pagination-control .control-btn.is-first::before {
    width: 1.125rem;
    height: 1.125rem;
    font-size: 1.125rem;
  }
  .pagination .pagination-control .control-btn.is-first::before::before {
    width: 1.125rem;
    height: 1.125rem;
    background-size: 1.125rem;
    font-size: 1.125rem;
  }
}
.pagination .pagination-control .control-btn.is-prev::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .pagination .pagination-control .control-btn.is-prev::before {
    width: 1.125rem;
    height: 1.125rem;
    font-size: 1.125rem;
  }
  .pagination .pagination-control .control-btn.is-prev::before::before {
    width: 1.125rem;
    height: 1.125rem;
    background-size: 1.125rem;
    font-size: 1.125rem;
  }
}
.pagination .pagination-control .control-btn.is-next {
  flex-direction: row-reverse;
}
.pagination .pagination-control .control-btn.is-next::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .pagination .pagination-control .control-btn.is-next::before {
    width: 1.125rem;
    height: 1.125rem;
    font-size: 1.125rem;
  }
  .pagination .pagination-control .control-btn.is-next::before::before {
    width: 1.125rem;
    height: 1.125rem;
    background-size: 1.125rem;
    font-size: 1.125rem;
  }
}
.pagination .pagination-control .control-btn.is-last::before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .pagination .pagination-control .control-btn.is-last::before {
    width: 1.125rem;
    height: 1.125rem;
    font-size: 1.125rem;
  }
  .pagination .pagination-control .control-btn.is-last::before::before {
    width: 1.125rem;
    height: 1.125rem;
    background-size: 1.125rem;
    font-size: 1.125rem;
  }
}
.pagination .pagination-control .control-btn:disabled {
  color: var(--bbc-color-icon-disable-0);
  cursor: default;
}

.customize-panel-btn {
  position: fixed;
  top: 16.6875rem;
  right: 0;
  z-index: 90;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  width: 6.625rem;
  padding: 1.25rem 1.5rem 1.375rem 1.375rem;
  border-radius: var(--bbc-border-radius-20) 0 0 var(--bbc-border-radius-20);
  background-color: var(--bbc-color-fill-natural-5);
  color: var(--bbc-color-text-natural-2);
  text-align: center;
}
[data-env]:not([data-env~="device:desktop"]) .customize-panel-btn {
  display: none;
}
@media (max-width: 1180px) {
  .customize-panel-btn {
    display: none;
  }
}
[data-widget-grid=wide] .customize-panel-btn {
  top: 12.5625rem;
}

.customize-panel {
  position: fixed;
  top: 8.75rem;
  right: 1.875rem;
  z-index: 100;
  display: none;
  flex-direction: column;
  width: 38.125rem;
  min-height: 13.5rem;
  max-height: 80dvh;
  border-radius: var(--bbc-border-radius-12);
  box-shadow: var(--bbc-color-shadow-natural-3);
  resize: none;
  overscroll-behavior: contain;
  touch-action: pan-y;
}
@media (max-width: 767px) {
  .customize-panel {
    display: none;
  }
}
.customize-panel.is-open {
  display: flex;
}
.customize-panel.is-collapsed {
  height: auto !important;
}
.customize-panel.is-collapsed .customize-panel-segmented {
  display: none;
}
.customize-panel.is-collapsed .customize-panel-foot [data-customize-action=preview],
.customize-panel.is-collapsed .customize-panel-foot [data-customize-action=cancel] {
  display: none;
}
.customize-panel-head {
  flex: 0 0 auto;
  width: 100%;
}
.customize-panel-head .inner {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1rem 1.25rem;
  border-top-left-radius: var(--bbc-border-radius-12);
  border-top-right-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-5);
}
.customize-panel-head .inner .title-wrap {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.customize-panel-head .inner .title-wrap .title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--bbc-color-text-natural-2);
  font: var(--bbc-typo-t3-700);
}
.customize-panel-head .inner .title-wrap .title::before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.customize-panel-head .inner .btn-help {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: var(--bbc-border-radius-circle);
  color: var(--bbc-color-text-natural-2);
  transition: background-color 0.2s;
}
.customize-panel-head .inner .btn-help::before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.customize-panel-head .inner .btn-help {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .customize-panel-head .inner .btn-help:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-4);
}

.customize-panel-head .inner .btn-help {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .customize-panel-head .inner .btn-help:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-4);
}

[data-env~="hover:mixed"] .customize-panel-head .inner .btn-help:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-4);
}

.customize-panel-head .inner .btn-drag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: grab;
}
.customize-panel-head .inner .btn-drag:active {
  cursor: grabbing;
}
.customize-panel-head .inner .btn-close {
  position: absolute;
  top: 0.75rem;
  right: 1rem;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--bbc-border-radius-12);
  color: var(--bbc-color-text-natural-2);
  transition: background-color 0.2s;
}
.customize-panel-head .inner .btn-close::before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.customize-panel-head .inner .btn-close {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .customize-panel-head .inner .btn-close:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-4);
}

.customize-panel-head .inner .btn-close {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .customize-panel-head .inner .btn-close:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-4);
}

[data-env~="hover:mixed"] .customize-panel-head .inner .btn-close:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-4);
}

.customize-panel-body {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  overflow: hidden;
  width: 100%;
  background-color: var(--bbc-color-fill-natural-0);
}
.customize-panel-body-content {
  flex: 1 1 auto;
  display: flex;
  overflow: hidden;
  width: 100%;
}
.customize-panel-body .customize-panel-preview-placeholder {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 2.5rem;
  background: var(--bbc-color-fill-natural-0);
  text-align: center;
}
.customize-panel-body .customize-panel-preview-placeholder .customize-panel-preview-text {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b1-400);
}
.customize-panel-body .accordion {
  display: flex;
  flex-direction: column;
}
.customize-panel-body .accordion-head {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 5.125rem;
  padding: 1.25rem 1.5rem;
}
.customize-panel-body .accordion-head .segmented {
  background: var(--bbc-color-fill-natural-2);
}
.customize-panel-body .accordion-head .segmented:not(fieldset) .segmented-item:not(.is-current) .segmented-label {
  color: var(--bbc-color-text-natural-0);
}
.customize-panel-body .accordion-head .segmented:not(fieldset) .segmented-item:focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
  z-index: 2;
}
.customize-panel-body .accordion-head .accordion-trigger {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 34px;
}
.customize-panel-body .accordion-head .accordion-trigger .icon {
  color: var(--bbc-color-icon-natural-0);
}
.customize-panel-body .accordion-body {
  flex: 1 1 auto;
  overflow: hidden;
}
.customize-panel-body .accordion-body.is-open {
  display: flex !important;
  flex-direction: column;
}
.customize-panel-body #customize-panel-content {
  position: relative;
}
.customize-panel-body #customize-panel-content .customize-panel-section {
  display: flex;
  flex-direction: column;
  visibility: hidden;
  height: 100%;
  transform: translateY(0.5rem);
  transition: opacity 0.24s ease, transform 0.24s ease;
  opacity: 0;
  pointer-events: none;
}
.customize-panel-body #customize-panel-content .customize-panel-section.is-active {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.customize-panel-body #customize-panel-content .customize-panel-section.is-leaving {
  visibility: visible;
  pointer-events: none;
}
.customize-panel-body #customize-panel-content .customize-widget-grid {
  flex: 0 0 auto;
  margin-bottom: 1.25rem;
  padding: 0 1.5rem 0.75rem;
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
.customize-panel-body #customize-panel-content .scroll-area {
  flex: 1 1 auto;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 1.25rem;
  pointer-events: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  touch-action: pan-y;
  -webkit-touch-callout: none;
  word-break: inherit;
}
.customize-panel-body #customize-panel-content .scroll-area .customize-widget {
  overflow: hidden;
  padding: 0 1.5rem;
}
.customize-panel-foot {
  flex: 0 0 auto;
  padding: 1rem 1.5rem;
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-bottom-right-radius: var(--bbc-border-radius-12);
  border-bottom-left-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-3);
}
.customize-panel [data-customize-action=preview][aria-disabled=true] {
  opacity: 0;
  pointer-events: none;
}
.customize-panel [data-customize-action=save-confim][aria-disabled=true] {
  opacity: 0.3;
  pointer-events: none;
}
.customize-panel.is-preview {
  height: auto !important;
  min-height: auto !important;
}
.customize-panel.is-preview .customize-panel-body {
  border-bottom-right-radius: var(--bbc-border-radius-12);
  border-bottom-left-radius: var(--bbc-border-radius-12);
}
.customize-panel.is-preview .customize-panel-body-content {
  display: none;
  visibility: hidden;
}
.customize-panel.is-preview .customize-panel-preview-placeholder {
  display: flex;
}
.customize-panel.is-preview .customize-panel-foot {
  display: none;
}

html.is-customize-scroll-lock,
body.is-customize-scroll-lock {
  overflow: hidden;
}

#panel-widget .widget-preview-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(9, 1fr);
  max-width: 26.125rem;
  margin: 0 auto;
}
#panel-widget .widget-preview-grid.is-widget-grid-dragging {
  cursor: grabbing;
}
#panel-widget .widget-preview-grid.is-widget-grid-dragging .widget-preview-card,
#panel-widget .widget-preview-grid.is-widget-grid-dragging .widget-preview-slot,
#panel-widget .widget-preview-grid.is-widget-grid-dragging .widget-preview-slot-tail {
  transition: none !important;
}
#panel-widget .widget-preview-grid[data-widget-grid=inactive] {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
}
#panel-widget .widget-preview-grid [data-space="1"] {
  grid-column: span 3;
}
#panel-widget .widget-preview-grid [data-space="2"] {
  grid-column: span 6;
}
#panel-widget .widget-preview-grid [data-space="3"] {
  grid-column: span 9;
}
#panel-widget .widget-preview-grid [data-space="4"] {
  grid-column: span 12;
}

.widget-preview-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 6.875rem;
  padding: 2.125rem 0.625rem 1rem;
  border-radius: var(--bbc-border-radius-8);
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
  transform-origin: top left;
  transition: transform 0.36s cubic-bezier(0.33, 1, 0.68, 1), height 0.28s ease, padding 0.28s ease, box-shadow 0.24s ease, background-color 0.24s ease, opacity 0.24s ease;
  will-change: transform;
}
.widget-preview-card > * {
  transition: opacity 0.24s ease;
}
.widget-preview-card.is-space-transitioning {
  pointer-events: none;
}
.widget-preview-card.is-space-transitioning > * {
  transition: opacity 0s linear;
  opacity: 0;
}
.widget-preview-card.is-inactive {
  height: 80px;
  padding-top: 34px;
  box-shadow: none;
  background-color: var(--bbc-color-fill-natural-2);
  cursor: default;
}
.widget-preview-card.is-inactive .btn-widget-drag {
  display: none;
}
.widget-preview-card.is-inactive .widget-select {
  display: none;
}
.widget-preview-card.is-dragging {
  box-shadow: var(--bbc-color-shadow-natural-0);
  cursor: grabbing;
  opacity: 0.96;
  pointer-events: none;
}
.widget-preview-card .btn-widget-drag {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0.625rem 0.5rem;
  border-radius: var(--bbc-border-radius-8);
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}
.widget-preview-card .btn-widget-drag::before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.widget-preview-card .btn-widget-drag:focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: -0.125rem;
}
.widget-preview-card .btn-widget-drag:active {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .widget-preview-card .btn-widget-drag:active:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  cursor: grabbing;
}

.widget-preview-card .btn-widget-drag:active {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .widget-preview-card .btn-widget-drag:active:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  cursor: grabbing;
}

[data-env~="hover:mixed"] .widget-preview-card .btn-widget-drag:active:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  cursor: grabbing;
}

.widget-preview-card .title {
  margin-bottom: 0.5rem;
  line-height: 1.3;
  text-align: center;
}
.widget-preview-card .widget-select {
  position: relative;
  z-index: 1;
}
.widget-preview-card .widget-select.is-static {
  display: contents;
}
.widget-preview-card .widget-space-static {
  display: none;
  justify-content: center;
  align-items: center;
  height: 2.75rem;
  font: var(--bbc-typo-btn3-500);
}
.widget-preview-card .widget-choice {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 1;
}
.widget-preview-card.is-drop {
  outline: 2px dashed var(--bbc-color-stroke-brand-primary);
  outline-offset: -6px;
}
.widget-preview-slot {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 6.875rem;
  padding: 0.75rem;
  border: 0.0625rem dashed var(--bbc-color-stroke-natural-1);
  border-radius: var(--bbc-border-radius-8);
  color: var(--bbc-color-text-natural-1);
  text-align: center;
  transition: opacity 0.2s ease, transform 0.26s cubic-bezier(0.33, 1, 0.68, 1), border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, height 0.2s ease, padding 0.2s ease, margin 0.2s ease, border-width 0.2s ease;
}
.widget-preview-slot-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
}
.widget-preview-slot-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--bbc-color-icon-natural-0);
  font-size: 1.25rem;
}
.widget-preview-slot-label {
  font: var(--bbc-typo-b4-400);
}
.widget-preview-slot.is-slot-target {
  border-color: var(--bbc-color-stroke-natural-2);
  background-color: var(--bbc-color-fill-natural-2);
  opacity: 1;
  pointer-events: auto;
}
.widget-preview-slot-tail {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  grid-column: 1/-1;
  height: 6.875rem;
  padding: 0.75rem;
  border: 0.0625rem dashed var(--bbc-color-stroke-natural-1);
  border-radius: var(--bbc-border-radius-8);
  color: var(--bbc-color-text-natural-1);
  text-align: center;
  transition: opacity 0.2s ease, transform 0.26s cubic-bezier(0.33, 1, 0.68, 1), border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease, height 0.2s ease, padding 0.2s ease, margin 0.2s ease, border-width 0.2s ease;
}
.widget-preview-slot-tail .is-ghost {
  visibility: hidden;
  pointer-events: none;
}

#panel-theme .scroll-area .customize-theme {
  margin: 0 1.5rem;
  padding: 2rem 1.5rem;
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-fill-natural-3);
}
#panel-theme .scroll-area .customize-theme .customize-section:not(:last-child) {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid var(--bbc-color-stroke-natural-0);
}
#panel-theme .scroll-area .customize-theme .customize-section .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.9375rem;
  margin-bottom: 1rem;
}
#panel-theme .scroll-area .customize-theme .customize-section .section-header .customize-section-title {
  font: var(--bbc-typo-st1-600);
}

.customize-section.is-color .fieldset {
  gap: 1rem;
}
.customize-section.is-color .fieldset .field {
  flex-direction: row;
  justify-content: space-between;
}
.customize-section.is-color .fieldset .field .field-title {
  font: var(--bbc-typo-b3-500);
}
.customize-section.is-color .color-palette {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.customize-section.is-color .color-chip {
  position: relative;
}
.customize-section.is-color .color-chip:has(input:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0.125rem;
}
.customize-section.is-color .color-chip .color-radio {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.customize-section.is-color .color-chip .color-radio:checked + .chip {
  outline: 0.0625rem solid var(--bbc-color-stroke-natural-2);
  outline-offset: 2px;
}
.customize-section.is-color .color-chip .clr-field {
  position: absolute;
}
.customize-section.is-color .chip {
  display: inline-block;
  width: 2rem;
  min-width: auto;
  height: 2rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.375rem;
  background: var(--chip-bg);
  cursor: pointer;
}
.customize-section.is-color .chip.is-custom {
  /* 무지개 그라데이션 미리보기 */
  background-image: url("/assets/images/theme/img_color_custom.svg");
}
.customize-section.is-color .color-preview-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.625rem;
}
.customize-section.is-color .color-preview-row[hidden] {
  display: flex !important;
  visibility: hidden;
}
.customize-section.is-color .color-preview-row .preview {
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--bbc-color-border, rgba(0, 0, 0, 0.1));
  border-radius: 0.375rem;
  background: var(--preview-bg);
}
.customize-section.is-color .color-preview-row .hex-input-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.customize-section.is-color .color-preview-row .hex-input {
  width: 5.625rem;
  height: 2.25rem;
  padding: 0.375rem 0.875rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.25rem;
  font: var(--bbc-typo-b4-400);
}

/* Hide fieldsets when feature is disabled at the document root dataset */
html[data-theme~="banner-enabled:false"] .customize-section.is-banner .fieldset {
  display: none !important;
}

html[data-theme~="pattern-enabled:false"] .customize-section.is-pattern .fieldset {
  display: none !important;
}

#page-pattern,
[data-page-pattern] {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  /* If JS sets --page-pattern-url, allow CSS-based application as well */
  background-image: var(--page-pattern-url);
  background-position: center top;
  background-size: 100% auto;
  background-repeat: repeat-y;
  pointer-events: none;
}
#page-pattern.is-custom,
[data-page-pattern].is-custom {
  background-size: 18.75rem 18.75rem;
  background-repeat: repeat;
}

/* ───────────────────────────────────────
  📌 Board Option
  - src/components/common/layout/BoardOption.ejs
  - 모바일 기준 세로 정렬, 간격 rem(20px)
─────────────────────────────────────── */
.board-option {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 1024px) {
  .board-option {
    flex-direction: column;
  }
}
.board-option .board-option-left {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 1.25rem;
}
.board-option .board-option-left .board-total {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-st2-500);
}
.board-option .board-option-left .board-total .board-total-prefix,
.board-option .board-option-left .board-total .board-total-suffix {
  white-space: nowrap;
}
.board-option .board-option-left .board-total .board-total-count {
  color: var(--bbc-color-text-brand-primary);
}
.board-option .board-option-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}
.board-option .board-option-right .action-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (max-width: 1024px) {
  .board-option .board-option-right .action-group {
    gap: 1.25rem;
  }
  .board-option .board-option-right .action-group .board-view-type {
    order: 2;
  }
}
.board-option .board-option-right .action-group .board-view-select {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.board-option .board-option-right .action-group .board-view-select .custom-select {
  width: 8.125rem;
}
@media (max-width: 767px) {
  .board-option .board-option-right .action-group .board-view-select .custom-select {
    width: 6.25rem;
  }
}
.board-option .board-view-type {
  flex: 0 0 auto;
}

/* ───────────────────────────────────────
  📌 Board List
─────────────────────────────────────── */
.board-list .pagination {
  margin-top: 3.75rem;
}

/* ───────────────────────────────────────
  📌 Board Detail
─────────────────────────────────────── */
.board-detail-answer {
  margin-top: 3.125rem;
}
@media (max-width: 767px) {
  .board-detail-answer {
    margin-top: 2rem;
  }
}
.board-detail-answer .board-detail-answer-title {
  margin-bottom: 0.75rem;
  font: var(--bbc-typo-t3-700);
}
@media (max-width: 767px) {
  .board-detail-answer .board-detail-answer-title {
    margin-bottom: 0.5rem;
  }
}
.board-detail-answer .board-detail-answer-box {
  padding: 2rem;
  border-radius: 0.75rem;
  background-color: var(--bbc-color-fill-natural-0);
}
@media (max-width: 767px) {
  .board-detail-answer .board-detail-answer-box {
    padding: 1.5rem;
  }
}
.board-detail-answer .definition-list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .board-detail-answer .definition-list {
    gap: 0.75rem;
  }
}
.board-detail-answer .definition-list .item {
  display: flex;
  gap: 0.125rem;
}
@media (max-width: 767px) {
  .board-detail-answer .definition-list .item {
    flex-direction: column;
  }
}
.board-detail-answer .definition-list .item .title {
  flex: 0 0 auto;
  width: 3.875rem;
  font: var(--bbc-typo-st1-600);
  word-break: break-all;
}
@media (max-width: 767px) {
  .board-detail-answer .definition-list .item .title {
    width: 100%;
  }
}
.board-detail-answer .definition-list .item .desc {
  flex: 1 1 auto;
  align-self: center;
  font: var(--bbc-typo-b3-400);
  word-break: break-all;
}
@media (max-width: 767px) {
  .board-detail-answer .definition-list .item .desc {
    align-self: start;
  }
}

.board-detail-comments {
  margin-top: 2rem;
}

/* ───────────────────────────────────────
  📌 Gallery 기본형 (그리드)
─────────────────────────────────────── */
.gallery-list {
  display: grid;
  gap: 3.125rem 1.4375rem;
  grid-template-columns: repeat(4, 1fr);
  padding: 1.875rem 0;
  border-top: 1px solid var(--bbc-color-stroke-natural-2);
  border-bottom: 1px solid var(--bbc-color-stroke-natural-2);
}
@media (max-width: 1280px) {
  .gallery-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  .gallery-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .gallery-list {
    gap: 2.5rem 1.5rem;
    padding: 1.25rem 0;
  }
}
@media (max-width: 640px) {
  .gallery-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.gallery-list.is-col-3 {
  gap: 3.125rem 2rem;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
  .gallery-list.is-col-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .gallery-list.is-col-3 {
    gap: 2.5rem 1.5rem;
  }
}
@media (max-width: 640px) {
  .gallery-list.is-col-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.gallery-list.is-row {
  gap: initial;
  grid-template-columns: repeat(1, 1fr);
  padding: 0.3125rem 0;
}
@media (max-width: 767px) {
  .gallery-list.is-row {
    padding: 0;
  }
}
.gallery-list.is-row .gallery-item {
  display: flex;
  flex-direction: row;
  grid-column: span 1;
  padding: 1.5625rem 0;
}
@media (max-width: 767px) {
  .gallery-list.is-row .gallery-item {
    padding: 1.25rem 0;
  }
}
.gallery-list.is-row .gallery-item:not(:last-child) {
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
.gallery-list.is-row .gallery-item.is-empty {
  padding: 0;
}
.gallery-list.is-row .gallery-item > a {
  flex-direction: row;
}
.gallery-list.is-row .gallery-item .thumb {
  flex: 0 0 auto;
  align-self: flex-start;
  width: 13.75rem;
}
@media (max-width: 767px) {
  .gallery-list.is-row .gallery-item .thumb {
    width: 10rem;
    border-radius: var(--bbc-border-radius-4);
  }
}
@media (max-width: 640px) {
  .gallery-list.is-row .gallery-item .thumb {
    width: 5.625rem;
  }
}
.gallery-list.is-row .gallery-item .gallery-info-wrap {
  flex: 1 1 auto;
  justify-content: center;
  margin-top: 0;
  padding-right: 1.25rem;
  padding-left: 1.875rem;
}
@media (max-width: 767px) {
  .gallery-list.is-row .gallery-item .gallery-info-wrap {
    padding-right: 0;
    padding-left: 1rem;
  }
}
.gallery-list.is-row .gallery-item .gallery-info-wrap .gallery-title {
  height: auto;
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
@media (max-width: 430px) {
  .gallery-list.is-row .gallery-item .gallery-info-wrap .gallery-title {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}
.gallery-item.is-empty {
  grid-column: span 12;
}
.gallery-item.is-empty .empty-state .empty-state-layout {
  padding: 6.5625rem 0;
}
.gallery-item.is-empty .empty-state .empty-state-msg .empty-state-title {
  font: var(--bbc-typo-b2-400);
}
@media (hover: hover) and (pointer: fine) {
  .gallery-item:has(a:hover) .thumb img {
    transform: scale(1.05);
  }
}
.gallery-item > .thumb {
  position: relative;
  display: flex;
  overflow: hidden;
}
.gallery-item > .thumb figure {
  position: relative;
  width: 100%;
  height: 100%;
}
.gallery-item > .thumb .pinned-mark {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 3.875rem;
  background-color: var(--bbc-color-fill-brand-primary);
  color: var(--bbc-color-icon-accent-0);
}
.gallery-item > .thumb .pinned-mark::before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.gallery-item > .thumb img {
  transition: transform 0.3s;
}
.gallery-item .gallery-info-wrap {
  display: flex;
  flex-direction: column;
  margin-top: 0.875rem;
  padding: 0 0.375rem;
}
.gallery-item .gallery-info-wrap > .chip-group + .gallery-title {
  margin-top: 0.5rem;
}
.gallery-item .gallery-info-wrap .gallery-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.gallery-item .gallery-info-wrap .gallery-title .text {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-700);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.gallery-item .gallery-info-wrap .gallery-title .icon-pin-solid {
  vertical-align: top;
}
.gallery-item .gallery-info-wrap .gallery-title .comment-count {
  display: flex;
  align-items: center;
  color: #1f5dc0;
  font: var(--bbc-typo-b4-400);
}
.gallery-item .gallery-info-wrap .gallery-desc {
  margin-top: 0.5rem;
  color: var(--bbc-color-text-natural-1);
  font-size: var(--bbc-font-size-14);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  word-break: break-all !important;
}
.gallery-item .gallery-info-wrap .gallery-meta {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin-top: 0.5rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
.gallery-item .gallery-info-wrap .gallery-meta dl {
  display: flex;
  gap: 0.25rem;
}
.gallery-item .gallery-info-wrap .gallery-meta dd {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.gallery-item .gallery-info-wrap .gallery-state {
  display: flex;
  gap: 0.25rem 1rem;
  margin-top: 0.75rem;
  color: var(--bbc-color-icon-natural-0);
}
.gallery-item .gallery-info-wrap .gallery-state.is-separator .item:not(:last-child) {
  position: relative;
}
.gallery-item .gallery-info-wrap .gallery-state.is-separator .item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.0625rem;
  height: 0.75rem;
  background-color: var(--bbc-color-stroke-natural-0);
  transform: translate(0.5rem, -50%);
}
.gallery-item .gallery-info-wrap .gallery-state .item {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.gallery-item .gallery-info-wrap .gallery-state .item.is-rating, .gallery-item .gallery-info-wrap .gallery-state .item.is-writer {
  flex: 0 0 auto;
}
.gallery-item .gallery-info-wrap .gallery-state .item .label {
  display: flex;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}

/* ───────────────────────────────────────
  📌 설문 게시판 상세
─────────────────────────────────────── */
.survery-detail .survery-detail-head {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 767px) {
  .survery-detail .survery-detail-head {
    flex-wrap: wrap;
    gap: 0.625rem;
    margin-bottom: 0.625rem;
  }
}
.survery-detail .survery-detail-head .chip {
  flex: 0 0 auto;
  margin-top: 0.125rem;
}
.survery-detail .survery-detail-title {
  font: var(--bbc-typo-t3-700);
  word-break: break-all;
}
@media (max-width: 767px) {
  .survery-detail .survery-detail-title {
    width: 100%;
  }
}
.survery-detail .survery-detail-meta {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .survery-detail .survery-detail-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    margin-bottom: 0.75rem;
  }
}
.survery-detail .survery-detail-meta .item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font: var(--bbc-typo-b3-500);
}
.survery-detail .survery-detail-meta .item dt {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--bbc-color-text-natural-1);
  word-break: break-all;
}
@media (max-width: 767px) {
  .survery-detail .survery-detail-meta .item dt .survery-detail-meta-title {
    display: none;
  }
}
.survery-detail .survery-detail-meta .item dt .icon {
  color: var(--bbc-color-icon-natural-0);
}
.survery-detail .survery-detail-meta .item dd {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--bbc-color-text-natural-1);
  word-break: break-all;
}
.survery-detail .survery-detail-meta .item dd .icon {
  color: var(--bbc-color-icon-natural-0);
}
.survery-detail .survery-detail-desc {
  padding-left: 0.375rem;
  font: var(--bbc-typo-b3-400);
}
@media (max-width: 767px) {
  .survery-detail .survery-detail-desc {
    padding-left: 0;
  }
}
.survery-detail .survery-detail-content {
  margin-top: 2rem;
  padding: 2.5rem;
  border-radius: var(--bbc-border-radius-16);
  background-color: var(--bbc-color-fill-natural-0);
}
@media (max-width: 767px) {
  .survery-detail .survery-detail-content {
    margin-top: 1.5rem;
    padding: 1rem 0.75rem;
    border-radius: var(--bbc-border-radius-12);
  }
}
.survery-detail .required-text {
  color: var(--bbc-color-text-required-0);
  font: var(--bbc-typo-b3-400);
}
.survery-detail .survery-complete {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18.75rem;
  border-radius: var(--bbc-border-radius-16);
  background-color: var(--bbc-color-fill-natural-3);
}
.survery-detail .survery-complete .survery-complete-layout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.survery-detail .survery-complete .survery-complete-msg {
  display: flex;
  flex-direction: column;
}
.survery-detail .survery-complete .survery-complete-msg .survery-complete-desc {
  font: var(--bbc-typo-b2-400);
}

.survery-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 767px) {
  .survery-form {
    gap: 0.75rem;
  }
}

.survey-item {
  position: relative;
  padding: 1.8125rem 2.0625rem 2.0625rem;
  border: 0.0625rem solid var(--bbc-color-fill-natural-3);
  border-radius: var(--bbc-border-radius-16);
  background-color: var(--bbc-color-fill-natural-3);
}
@media (max-width: 767px) {
  .survey-item {
    padding: 1.125rem 1rem;
    border-radius: var(--bbc-border-radius-12);
  }
}
.survey-item .survey-error-text {
  display: none;
}
.survey-item.is-error {
  border-color: var(--bbc-color-stroke-required-0);
}
.survey-item.is-error .survey-error-text {
  position: absolute;
  top: 1.9375rem;
  right: 2.125rem;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--bbc-color-text-required-0);
  font: var(--bbc-typo-l2-600);
}
@media (max-width: 820px) {
  .survey-item.is-error .survey-error-text {
    position: static;
    margin-bottom: 0.5rem;
  }
}
.survey-item.is-error .survey-title {
  padding-right: 10.5625rem;
}
@media (max-width: 820px) {
  .survey-item.is-error .survey-title {
    padding-right: 0;
  }
}
.survey-item .survey-title {
  display: flex;
  gap: 0.3125rem;
  float: none;
  width: 100%;
  height: inherit;
  font: var(--bbc-typo-b2-600);
}
.survey-item .survey-title .survey-title-num {
  flex: 0 0 auto;
}
.survey-item .survey-title .survey-title-text {
  flex: 1 1 auto;
  word-break: break-all;
}
.survey-item .survey-title .required {
  color: var(--bbc-color-icon-required-0);
}
.survey-item .survey-desc {
  margin-top: 0.25rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
@media (max-width: 767px) {
  .survey-item .survey-desc {
    margin-top: 0.125rem;
  }
}
.survey-item .survey-content {
  margin-top: 0.875rem;
}
@media (max-width: 767px) {
  .survey-item .survey-content {
    margin-top: 0.625rem;
  }
}
.survey-item .character-counter {
  margin-top: 0.375rem;
}

.survey-choice-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (max-width: 767px) {
  .survey-choice-group {
    gap: 0.5rem;
  }
}
.survey-choice-group .choice {
  padding: 0.375rem 0;
}

.survey-choice-combo {
  display: flex;
  gap: 0.75rem;
  width: 100%;
}

.survey-likert {
  display: flex;
  justify-content: center;
  gap: 3.125rem;
  padding: 2.5rem 0;
}
@media (max-width: 767px) {
  .survey-likert {
    gap: 0.75rem;
    padding: 0;
  }
}
.survey-likert .survey-likert-label {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
  word-break: break-all;
}
.survey-likert .survey-likert-choice-group {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  .survey-likert .survey-likert-choice-group {
    justify-content: space-between;
    gap: 0;
    width: 100%;
    max-width: 11.5rem;
  }
}
.survey-likert .survey-likert-choice-group .choice label {
  flex-direction: column;
  gap: 0.5rem;
}

.survey-box {
  margin-bottom: 0.875rem;
  padding: 1.125rem 1rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.5rem;
}
.survey-box .bullet-list li:not(:first-child) {
  margin-top: 0.5rem;
}
.survey-box .bullet-list dl {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
@media (max-width: 767px) {
  .survey-box .bullet-list dl {
    flex-direction: column;
    gap: 0;
  }
}
.survey-box .bullet-list dl dt {
  width: 10rem;
}
@media (max-width: 767px) {
  .survey-box .bullet-list dl dt {
    width: auto;
  }
}
.survey-box .bullet-list dl dd {
  color: var(--bbc-color-text-natural-0);
}

/* ───────────────────────────────────────
    📌 Post
─────────────────────────────────────── */
.post .post-head .post-write-meta {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  max-width: 100%;
}
.post .post-head .post-write-meta .item {
  position: relative;
  display: flex;
  align-items: center;
  font: var(--bbc-typo-b3-500);
}
@media (max-width: 767px) {
  .post .post-head .post-write-meta .item {
    font: var(--bbc-typo-b4-400);
  }
  .post .post-head .post-write-meta .item:not(:first-child)::before {
    content: "";
    position: absolute;
    background-color: var(--bbc-color-stroke-natural-0);
    transform: translate(-50%, -50%);
    /* 포커스 링과 겹치지 않도록 마우스 이벤트 제거 */
    pointer-events: none;
    block-size: 0.75rem;
    inline-size: 0.0625rem;
    inset-block-start: 50%;
    inset-inline-start: -0.5rem;
  }
}
.post .post-head .post-write-meta .item dt {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--bbc-color-text-natural-1);
}
.post .post-head .post-write-meta .item dt .icon {
  color: var(--bbc-color-icon-natural-0);
}
@media (max-width: 767px) {
  .post .post-head .post-write-meta .item dt .icon {
    display: none;
  }
}
.post .post-head .post-write-meta .item dd {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--bbc-color-text-natural-1);
  word-break: break-all;
}
.post .post-head .post-write-meta .item dd .icon {
  color: var(--bbc-color-icon-natural-0);
}
@media (max-width: 767px) {
  .post .post-head .post-write-meta .item dd .icon {
    display: none;
  }
}

.post .post-head {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--bbc-color-stroke-natural-2);
}
.post .post-head .post-head-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
}
@media (max-width: 767px) {
  .post .post-head .post-head-row {
    flex-wrap: wrap;
    gap: 0.75rem 0.625rem;
  }
}
.post .post-head .post-head-title {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 767px) {
  .post .post-head .post-head-title .title-inner {
    width: 100%;
  }
}
.post .post-head .post-head-title .title {
  display: inline;
  gap: 0.25rem;
  font: var(--bbc-typo-t3-700);
  word-break: break-all;
}
.post .post-head .post-head-title .comment-count {
  color: var(--bbc-color-etc-comment-text);
  font: var(--bbc-typo-b2-400);
}
.post .post-head .post-head-title .state-wrap {
  display: inline-flex;
  align-items: flex-end;
  gap: 0.25rem;
}
.post .post-head .post-meta {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: flex-end;
  gap: 1.25rem;
  max-width: 100%;
}
.post .post-head .post-meta .item {
  display: flex;
  gap: 0.5rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b2-400);
  word-break: break-all;
}
.post .post-head .post-meta .item dd {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  word-break: break-all;
}
.post .post-head .post-head-actions {
  flex: 0 0 auto;
  max-width: 100%;
}
.post .post-head .post-head-actions .separator {
  gap: 0 1.25rem;
}
.post .post-head .post-head-actions .separator .item::before {
  background-color: var(--bbc-color-stroke-natural-1);
}
.post .post-head .post-text-btn {
  display: inline-block;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-btn2-500);
}
.post .post-content {
  margin-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--bbc-color-stroke-natural-2);
}
.post .post-content .post-textarea {
  font-size: 18px;
  line-height: 1.5;
}
.post .post-content .post-attachments {
  display: flex;
  gap: 1.25rem;
  margin-top: 2rem;
}
@media (max-width: 1024px) {
  .post .post-content .post-attachments {
    flex-direction: column;
  }
}
.post .post-content .post-attachments .title {
  display: flex;
  align-items: center;
  height: 3.125rem;
  font: var(--bbc-typo-b2-600);
}
@media (max-width: 1024px) {
  .post .post-content .post-attachments .title {
    height: auto;
  }
}
.post .post-content .post-attachments .download-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  width: 100%;
}
.post .post-content .post-attachments .download-list .item {
  flex: 1 0 14.125rem;
  min-width: -moz-min-content;
  min-width: min-content;
  max-width: 33.3333%;
}
@media (max-width: 1366px) {
  .post .post-content .post-attachments .download-list .item {
    flex-basis: 27.8388278388vw;
    max-width: calc(50% - 0.625rem);
  }
}
@media (max-width: 767px) {
  .post .post-content .post-attachments .download-list .item {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.post .post-content .post-attachments .download-list .item .download-item .item-info {
  margin-right: 0;
  padding-right: 0;
  border: none;
}
.post .post-content .post-attachments .download-list .item .download-item .icon-download {
  display: none;
}
.post .post-content .post-actions {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  padding: 0.75rem 0;
}
.post .post-content .post-actions .action-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.375rem;
}
.post .post-content .post-actions .action-item .title {
  margin-bottom: 0.375rem;
  font: var(--bbc-typo-l1-500);
  text-align: center;
}
.post .post-content .post-actions .action-item .post-like-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .post .post-content .post-actions .action-item .post-like-btn:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:hover"] .post .post-content .post-actions .action-item .post-like-btn:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) .icon::after {
  opacity: 0.2;
}

.post .post-content .post-actions .action-item .post-like-btn {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .post .post-content .post-actions .action-item .post-like-btn:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:hoverless"] .post .post-content .post-actions .action-item .post-like-btn:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) .icon::after {
  opacity: 0.2;
}

[data-env~="hover:mixed"] .post .post-content .post-actions .action-item .post-like-btn:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:mixed"] .post .post-content .post-actions .action-item .post-like-btn:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) .icon::after {
  opacity: 0.2;
}

.post .post-content .post-actions .action-item .post-like-btn .icon {
  position: relative;
  color: var(--bbc-color-icon-like);
}
.post .post-content .post-actions .action-item .post-like-btn .icon::after {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.2s;
  opacity: 0;
}
.post .post-content .post-actions .action-item .post-like-btn .value {
  font: var(--bbc-typo-dt1-600);
}

.editor-box {
  overflow: hidden;
  width: 100%;
  height: 23.125rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-8);
}
.editor-box .ql-toolbar {
  border-top: none;
  border-right: none;
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
  border-left: none;
}
.editor-box .ql-container {
  border-right: none;
  border-bottom: none;
  border-left: none;
}

/* ───────────────────────────────────────
    📌 Create
─────────────────────────────────────── */
.create {
  padding: 3.125rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-16);
  background-color: var(--bbc-color-fill-accent-0);
}
@media (max-width: 767px) {
  .create {
    padding: 1.25rem 1rem;
  }
}
.create-content .create-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.create-content .create-item + .create-item {
  margin-top: 3.125rem;
}
@media (max-width: 767px) {
  .create-content .create-item + .create-item {
    margin-top: 1.875rem;
  }
}
.create-content .create-item .form-label {
  display: inline-flex;
  gap: 0.3125rem;
  margin-bottom: 0.75rem;
  font: var(--bbc-typo-b2-600);
}
@media (max-width: 767px) {
  .create-content .create-item .form-label {
    margin-bottom: 0.625rem;
  }
}
.create-content .create-item .form-label .required {
  color: var(--bbc-color-icon-required-0);
}
.create-content .create-item legend {
  float: none;
  width: auto;
  height: inherit;
}
.create-content .create-item .create-notice-text {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
@media (max-width: 820px) {
  .create-content .create-item .create-notice-text {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}
.create-content .create-item .create-notice-text .icon {
  align-self: flex-start;
  margin-top: 0.125rem;
  color: var(--bbc-color-icon-natural-0);
}
@media (max-width: 767px) {
  .create-content .create-item .create-notice-text .icon {
    margin-top: 0.0625rem;
  }
}
.create-content .create-item .create-choice-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem 4.375rem;
  width: 100%;
  padding-top: 0.625rem;
}
@media (max-width: 767px) {
  .create-content .create-item .create-choice-group {
    gap: 0.75rem 1.25rem;
    padding-top: 0;
  }
}
.create-content .create-item .input + .choice {
  margin-top: 1.5rem;
}
.create-content .create-item .character-counter {
  width: 100%;
  margin-top: 0.375rem;
}
.create-content .file-upload {
  margin-top: 3.125rem;
}
@media (max-width: 767px) {
  .create-content .file-upload {
    margin-top: 1.875rem;
  }
}
.create-content .btn-set {
  margin-top: 1.5rem;
}

.media-card, .card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.media-card::before, .card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: var(--bbc-border-radius-20);
  background-color: var(--bbc-color-fill-accent-0);
}

.media-card .card-content > .card-head:has([class^=card-head-]), .media-card > .card-head:has([class^=card-head-]), .card > .card-head:has([class^=card-head-]) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.625rem;
}
.media-card .card-content > .card-head-left, .media-card > .card-head-left, .card > .card-head-left {
  flex: 1 1 auto;
}
.media-card .card-content > .card-head-right, .media-card > .card-head-right, .card > .card-head-right {
  flex: 0 1 auto;
  margin-left: auto;
}
.media-card .card-content > .card-head .title, .media-card > .card-head .title, .card > .card-head .title {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-t3-700);
}
.media-card .card-content > .card-body, .media-card > .card-body, .card > .card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  border-radius: var(--bbc-border-radius-20);
}
.media-card .card-content > .card-foot, .media-card > .card-foot, .card > .card-foot {
  display: block;
  width: 100%;
}

.media-card .card-content > .card-head:first-child:not(:last-child), .media-card > .card-head:first-child:not(:last-child), .card > .card-head:first-child:not(:last-child), .media-card .card-content > .card-content > .card-head:first-child:not(:last-child), .card > .card-content > .card-head:first-child:not(:last-child) {
  padding-bottom: 1.25rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.media-card .card-content > .card-body:not(:first-child), .media-card > .card-body:not(:first-child), .card > .card-body:not(:first-child), .media-card .card-content > .card-content > .card-body:not(:first-child), .card > .card-content > .card-body:not(:first-child) {
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.media-card .card-content > .card-body:not(:first-child):not(:last-child), .media-card > .card-body:not(:first-child):not(:last-child), .card > .card-body:not(:first-child):not(:last-child), .media-card .card-content > .card-content > .card-body:not(:first-child):not(:last-child), .card > .card-content > .card-body:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.media-card .card-content > .card-body:not(:first-child):last-child, .media-card > .card-body:not(:first-child):last-child, .card > .card-body:not(:first-child):last-child, .media-card .card-content > .card-body:not(:first-child):not(:last-child), .media-card > .card-body:not(:first-child):not(:last-child), .card > .card-body:not(:first-child):not(:last-child), .media-card .card-content > .card-content > .card-body:not(:first-child):not(:last-child), .card > .card-content > .card-body:not(:first-child):not(:last-child), .media-card .card-content > .card-content > .card-body:not(:first-child):last-child, .card > .card-content > .card-body:not(:first-child):last-child {
  padding-top: 0;
}
.media-card .card-content > .card-foot:last-child:not(:first-child), .media-card > .card-foot:last-child:not(:first-child), .card > .card-foot:last-child:not(:first-child), .media-card .card-content > .card-content > .card-foot:last-child:not(:first-child), .card > .card-content > .card-foot:last-child:not(:first-child) {
  padding-top: 0.3125rem;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.card > .card-head, .card > .card-content > .card-head {
  padding: 1.5625rem 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
@media (max-width: 767px) {
  .card > .card-head, .card > .card-content > .card-head {
    padding: 1.125rem 1.5rem;
    border-radius: var(--bbc-border-radius-16);
  }
}
.card > .card-body, .card > .card-content > .card-body {
  padding: 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
@media (max-width: 767px) {
  .card > .card-body, .card > .card-content > .card-body {
    padding: 1.5rem;
    border-radius: var(--bbc-border-radius-16);
  }
}
.card > .card-foot, .card > .card-content > .card-foot {
  padding: 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
.card.is-xs > .card-head, .card.is-xs > .card-content > .card-head {
  padding: 0.9375rem;
}
.card.is-xs > .card-body, .card.is-xs > .card-content > .card-body {
  padding: 0.9375rem;
}
.card.is-xs > .card-foot, .card.is-xs > .card-content > .card-foot {
  padding: 0 0.9375rem 0.9375rem;
}
.card.is-sm > .card-head, .card.is-sm > .card-content > .card-head {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .card.is-sm > .card-head, .card.is-sm > .card-content > .card-head {
    padding: 1.5625rem 1.25rem;
  }
}
.card.is-sm > .card-body, .card.is-sm > .card-content > .card-body {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .card.is-sm > .card-body, .card.is-sm > .card-content > .card-body {
    padding: 1.5625rem 1.25rem;
  }
}
.card.is-sm > .card-foot, .card.is-sm > .card-content > .card-foot {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .card.is-sm > .card-foot, .card.is-sm > .card-content > .card-foot {
    padding: 1.5625rem 1.25rem;
  }
}
.card.is-md > .card-head, .card.is-md > .card-content > .card-head {
  padding: 1.5625rem 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
@media (max-width: 767px) {
  .card.is-md > .card-head, .card.is-md > .card-content > .card-head {
    padding: 1.125rem 1.5rem;
    border-radius: var(--bbc-border-radius-16);
  }
}
.card.is-md > .card-body, .card.is-md > .card-content > .card-body {
  padding: 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
@media (max-width: 767px) {
  .card.is-md > .card-body, .card.is-md > .card-content > .card-body {
    padding: 1.5rem;
    border-radius: var(--bbc-border-radius-16);
  }
}
.card.is-md > .card-foot, .card.is-md > .card-content > .card-foot {
  padding: 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
.card.is-lg > .card-head, .card.is-lg > .card-content > .card-head {
  padding: 2.5rem 2.1875rem;
}
.card.is-lg > .card-body, .card.is-lg > .card-content > .card-body {
  padding: 2.5rem 2.1875rem;
}
.card.is-lg > .card-foot, .card.is-lg > .card-content > .card-foot {
  padding: 2.5rem 2.1875rem;
}
.card.is-solid {
  background-color: var(--bbc-color-fill-natural-subtle);
}
.card.is-outline > .card-head, .card.is-outline > .card-content > .card-head {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.card.is-outline > .card-head:first-child:not(:last-child), .card.is-outline > .card-content > .card-head:first-child:not(:last-child) {
  border-bottom: none;
}
.card.is-outline > .card-body, .card.is-outline > .card-content > .card-body {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.card.is-outline > .card-body:not(:first-child), .card.is-outline > .card-content > .card-body:not(:first-child) {
  border-top: none;
}
.card.is-outline > .card-body:not(:first-child, :last-child), .card.is-outline > .card-content > .card-body:not(:first-child, :last-child) {
  border-bottom: none;
}
.card.is-outline > .card-foot, .card.is-outline > .card-content > .card-foot {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.card.is-outline > .card-foot:last-child:not(:first-child), .card.is-outline > .card-content > .card-foot:last-child:not(:first-child) {
  border-top: none;
}
.card.is-outline > .card-media {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.card.is-outline > .card-media:first-child:not(:last-child) {
  border-bottom: none;
}
.card.is-surface {
  box-shadow: var(--bbc-color-shadow-natural-0);
}

.media-card > .card-head, .media-card > .card-content > .card-head {
  padding: 1.5625rem 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
@media (max-width: 767px) {
  .media-card > .card-head, .media-card > .card-content > .card-head {
    padding: 1.125rem 1.5rem;
    border-radius: var(--bbc-border-radius-16);
  }
}
.media-card > .card-body, .media-card > .card-content > .card-body {
  padding: 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
@media (max-width: 767px) {
  .media-card > .card-body, .media-card > .card-content > .card-body {
    padding: 1.5rem;
    border-radius: var(--bbc-border-radius-16);
  }
}
.media-card > .card-foot, .media-card > .card-content > .card-foot {
  padding: 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
.media-card.is-xs > .card-head, .media-card.is-xs > .card-content > .card-head {
  padding: 0.9375rem;
}
.media-card.is-xs > .card-body, .media-card.is-xs > .card-content > .card-body {
  padding: 0.9375rem;
}
.media-card.is-xs > .card-foot, .media-card.is-xs > .card-content > .card-foot {
  padding: 0 0.9375rem 0.9375rem;
}
.media-card.is-sm > .card-head, .media-card.is-sm > .card-content > .card-head {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .media-card.is-sm > .card-head, .media-card.is-sm > .card-content > .card-head {
    padding: 1.5625rem 1.25rem;
  }
}
.media-card.is-sm > .card-body, .media-card.is-sm > .card-content > .card-body {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .media-card.is-sm > .card-body, .media-card.is-sm > .card-content > .card-body {
    padding: 1.5625rem 1.25rem;
  }
}
.media-card.is-sm > .card-foot, .media-card.is-sm > .card-content > .card-foot {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .media-card.is-sm > .card-foot, .media-card.is-sm > .card-content > .card-foot {
    padding: 1.5625rem 1.25rem;
  }
}
.media-card.is-md > .card-head, .media-card.is-md > .card-content > .card-head {
  padding: 1.5625rem 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
@media (max-width: 767px) {
  .media-card.is-md > .card-head, .media-card.is-md > .card-content > .card-head {
    padding: 1.125rem 1.5rem;
    border-radius: var(--bbc-border-radius-16);
  }
}
.media-card.is-md > .card-body, .media-card.is-md > .card-content > .card-body {
  padding: 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
@media (max-width: 767px) {
  .media-card.is-md > .card-body, .media-card.is-md > .card-content > .card-body {
    padding: 1.5rem;
    border-radius: var(--bbc-border-radius-16);
  }
}
.media-card.is-md > .card-foot, .media-card.is-md > .card-content > .card-foot {
  padding: 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
.media-card.is-lg > .card-head, .media-card.is-lg > .card-content > .card-head {
  padding: 2.5rem 2.1875rem;
}
.media-card.is-lg > .card-body, .media-card.is-lg > .card-content > .card-body {
  padding: 2.5rem 2.1875rem;
}
.media-card.is-lg > .card-foot, .media-card.is-lg > .card-content > .card-foot {
  padding: 2.5rem 2.1875rem;
}
.media-card.is-solid {
  background-color: var(--bbc-color-fill-natural-subtle);
}
.media-card.is-outline > .card-head, .media-card.is-outline > .card-content > .card-head {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.media-card.is-outline > .card-head:first-child:not(:last-child), .media-card.is-outline > .card-content > .card-head:first-child:not(:last-child) {
  border-bottom: none;
}
.media-card.is-outline > .card-body, .media-card.is-outline > .card-content > .card-body {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.media-card.is-outline > .card-body:not(:first-child), .media-card.is-outline > .card-content > .card-body:not(:first-child) {
  border-top: none;
}
.media-card.is-outline > .card-body:not(:first-child, :last-child), .media-card.is-outline > .card-content > .card-body:not(:first-child, :last-child) {
  border-bottom: none;
}
.media-card.is-outline > .card-foot, .media-card.is-outline > .card-content > .card-foot {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.media-card.is-outline > .card-foot:last-child:not(:first-child), .media-card.is-outline > .card-content > .card-foot:last-child:not(:first-child) {
  border-top: none;
}
.media-card.is-outline > .card-media {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.media-card.is-outline > .card-media:first-child:not(:last-child) {
  border-bottom: none;
}
.media-card.is-surface {
  box-shadow: var(--bbc-color-shadow-natural-0);
}
.media-card .card-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.media-card .card-media {
  flex: 0 1 auto;
  overflow: hidden;
}
.media-card .card-media .thumb,
.media-card .card-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.media-card .card-media + .card-content:not(:first-child) .card-head:first-child,
.media-card .card-media + .card-content:not(:first-child) .card-body:first-child,
.media-card .card-media + .card-content:not(:first-child) .card-foot:first-child {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.media-card:has(> .card-media:only-child) .card-media {
  flex: 1 1 auto;
  border-radius: var(--bbc-border-radius-20);
}
.media-card:not(.is-horizontal):has(.card-content) .card-media:first-child {
  border-top-left-radius: var(--bbc-border-radius-20);
  border-top-right-radius: var(--bbc-border-radius-20);
}
.media-card:not(.is-horizontal):has(.card-content) .card-media:last-child {
  border-top: none;
  border-bottom-right-radius: var(--bbc-border-radius-20);
  border-bottom-left-radius: var(--bbc-border-radius-20);
}
.media-card:not(.is-horizontal):has(.card-content) .card-content:first-child .card-body {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.media-card.is-horizontal {
  display: flex;
  flex-direction: row;
}
.media-card.is-horizontal .card-media {
  flex: 0 1 18.625rem;
}
.media-card.is-horizontal .card-media:first-child {
  border-top-left-radius: var(--bbc-border-radius-20);
  border-bottom-left-radius: var(--bbc-border-radius-20);
}
.media-card.is-horizontal .card-media:first-child ~ .card-content .card-head {
  border-top-right-radius: var(--bbc-border-radius-20);
}
.media-card.is-horizontal .card-media:first-child ~ .card-content .card-foot {
  border-bottom-left-radius: 0;
}
.media-card.is-horizontal .card-media:last-child {
  border-top-right-radius: var(--bbc-border-radius-20);
  border-bottom-right-radius: var(--bbc-border-radius-20);
}
.media-card.is-horizontal .card-media:last-child ~ .card-content .card-foot {
  border-bottom-right-radius: 0;
}
.media-card.is-horizontal .card-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.media-card.is-horizontal .card-content .card-body {
  flex: 1 1 auto;
}

/* ───────────────────────────────────────
  📌 Symbol Box
─────────────────────────────────────── */
.symbol-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  padding: 1.5rem 0.75rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-3);
  text-align: center;
}
.symbol-box img {
  width: 8.125rem;
  aspect-ratio: 130/50;
}
.symbol-box p {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-400);
}
.symbol-box.is-sm {
  gap: 0.25rem;
}
.symbol-box.is-sm p {
  font: var(--bbc-typo-b3-400);
}
.symbol-box.is-lg {
  gap: 0.875rem;
}
.symbol-box.is-lg p {
  font: var(--bbc-typo-b2-600);
}

/* ───────────────────────────────────────
    📌 Form Card
─────────────────────────────────────── */
.profile-layout-wrapper {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 1.25rem;
}
@media (max-width: 767px) {
  .profile-layout-wrapper {
    flex-direction: column;
    align-items: center;
  }
}
.profile-layout-wrapper .form-card {
  margin: 0;
}
.profile-layout-wrapper .form-info {
  max-width: 26.25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .profile-layout-wrapper .form-info {
    max-width: unset;
  }
}
.profile-layout-wrapper .form-info-head {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.profile-layout-wrapper .form-info-head h3 {
  font: var(--bbc-typo-t3-700);
}
.profile-layout-wrapper .form-info-head ul li {
  font: var(--bbc-typo-l3-400);
  color: var(--bbc-color-text-natural-1);
}
.profile-layout-wrapper .form-info-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.profile-layout-wrapper .form-info-body h3 {
  font: var(--bbc-typo-l1-700);
  display: flex;
  gap: 0.5rem;
}
.profile-layout-wrapper .form-info-body ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.profile-layout-wrapper .form-info-body ul li {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l3-400);
}
.profile-layout-wrapper .form-info-body ul li span {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bbc-color-fill-brand-primary);
  font: var(--bbc-typo-l4-500);
  color: var(--bbc-color-text-accent-0);
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--bbc-border-radius-max);
}
.profile-layout-wrapper .form-info-body ul li p {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.profile-layout-wrapper .form-info-foot {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.profile-layout-wrapper .form-info-foot .info-box {
  padding: 1rem;
  background-color: var(--bbc-color-fill-natural-0);
  border-radius: 0.5rem;
  display: flex;
}
.profile-layout-wrapper .form-info-foot .info-box li {
  display: flex;
  gap: 0.5rem;
  align-items: start;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l3-400);
}
.profile-layout-wrapper .form-info-foot .info-box li strong {
  color: var(--bbc-color-text-brand-primary);
}
.profile-layout-wrapper .form-info-foot .info-box li i {
  color: var(--bbc-color-icon-info);
  font-size: 1.25rem;
}

.form-card {
  width: 100%;
  max-width: 39.375rem;
  margin: auto;
  padding: 4.375rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: 1rem;
}
@media (max-width: 767px) {
  .form-card {
    padding: 1.875rem;
  }
}
.form-card-head {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-card-head .form-card-title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-t2-700);
  text-align: start;
}
.form-card-head .form-card-desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b1-400);
  text-align: start;
}
.form-card-form .form-card-fields {
  margin: 3.125rem 0;
}
@media (max-width: 767px) {
  .form-card-form .form-card-fields {
    margin: 1.875rem 0;
  }
}
.form-card-form .form-card-fields .form-card-section:not(:last-child) {
  margin-bottom: 1rem;
}
.form-card-form .form-card-fields .form-card-section .form-card-subtitle {
  margin-bottom: 0.5rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-t4-600);
}
.form-card-form .form-card-fields .form-card-section .form-card-desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.form-card-form .form-card-fields .form-card-section .form-card-desc .emphasis {
  font-weight: var(--bbc-font-weight-700);
}
.form-card-form .form-card-fields .field:not(:last-child) {
  margin-bottom: 1.25rem;
}
.form-card-form .form-card-agree .choice {
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  .form-card-form .form-card-agree .choice {
    margin-bottom: 1rem;
  }
}
.form-card-form .form-card-agree .choice .required {
  color: var(--bbc-color-text-required-0);
}
.form-card-form .form-card-agree .choice .optional {
  color: var(--bbc-color-text-natural-1);
}
@media (max-width: 430px) {
  .form-card-form .btn-set {
    flex-wrap: wrap;
  }
}
.form-card-form .btn-set .btn {
  width: 100%;
}

/* ───────────────────────────────────────
    📌 tab
─────────────────────────────────────── */
.tabs.is-group {
  position: relative;
  width: 100%;
}
.tabs.is-group .tab-list {
  position: relative;
  display: flex;
}
.tabs.is-group .tab-list .tab {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  min-height: 3.5rem;
  padding: 0.875rem 1rem;
  background-color: var(--bbc-color-fill-natural-3);
  transition: border-color 0.15s, background-color 0.15s, color 0.15s;
  cursor: pointer;
}
@media (max-width: 767px) {
  .tabs.is-group .tab-list .tab {
    min-height: 3rem;
    padding: 0.3125rem 0.75rem;
  }
}
.tabs.is-group .tab-list .tab .tab-label {
  position: relative;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-500);
}
.tabs.is-group .tab-list .tab:focus-visible {
  z-index: 2;
  outline-offset: -0.125rem;
}
.is-full.tabs.is-group .tab-list {
  width: 100%;
}
.is-full.tabs.is-group .tab-list .tab {
  width: 100%;
}
.is-full.tabs.is-group .tab-list .tab.is-current .tab-label {
  font-weight: var(--bbc-font-weight-700);
  text-shadow: none;
}

@media (max-width: 1024px) {
  .tabs.is-group .tab-list {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .tabs.is-group .tab-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.tabs.is-group .tab {
  position: relative;
  margin-left: -0.0625rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: 0;
  background-color: var(--bbc-color-fill-natural-3);
}
@media (max-width: 1024px) {
  .tabs.is-group .tab {
    margin-left: 0;
    border-radius: var(--bbc-border-radius-8);
  }
}
.tabs.is-group .tab:first-child {
  margin-left: 0;
  border-top-left-radius: var(--bbc-border-radius-16);
  border-bottom-left-radius: var(--bbc-border-radius-16);
}
@media (max-width: 1024px) {
  .tabs.is-group .tab:first-child {
    border-top-left-radius: var(--bbc-border-radius-8);
    border-bottom-left-radius: var(--bbc-border-radius-8);
  }
}
.tabs.is-group .tab:last-child {
  border-top-right-radius: var(--bbc-border-radius-16);
  border-bottom-right-radius: var(--bbc-border-radius-16);
}
@media (max-width: 1024px) {
  .tabs.is-group .tab:last-child {
    border-top-right-radius: var(--bbc-border-radius-8);
    border-bottom-right-radius: var(--bbc-border-radius-8);
  }
}
.tabs.is-group .tab.is-current {
  z-index: 1;
  background-color: var(--bbc-color-fill-brand-primary);
}
.tabs.is-group .tab.is-current .tab-label {
  color: var(--bbc-color-text-accent-0);
  text-shadow: 0 0 0.03125rem var(--bbc-color-text-accent-0), 0 0 0.03125rem var(--bbc-color-text-accent-0);
}

/* ─────────────────────────────────────────────────
   📌 Segmented
────────────────────────────────────────────────── */
.segmented {
  --seg-gap: 0.25rem;
  --seg-radius: var(--bbc-border-radius-max);
  --seg-height: 2.125rem;
  display: inline-block;
  max-width: 100%;
  border-radius: var(--seg-radius);
  background-color: var(--bbc-color-fill-natural-0);
}
.segmented.is-scrollable {
  position: relative;
  overflow: hidden;
}
.segmented.is-scrollable::before, .segmented.is-scrollable::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 2;
  width: 1.5rem;
  height: 100%;
  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
}
.segmented.is-scrollable::before {
  left: 0;
  background: linear-gradient(to right, #ffffff, transparent);
}
.segmented.is-scrollable::after {
  right: 0;
  background: linear-gradient(to left, #ffffff, transparent);
}
.segmented.is-scrollable.has-left-shadow::before, .segmented.is-scrollable.has-right-shadow::after {
  opacity: 1;
}
.segmented.is-scrollable .segmented-list {
  overflow: auto;
  cursor: grabbing;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.segmented.is-scrollable .segmented-list::-webkit-scrollbar {
  display: none;
}
.segmented.is-scrollable .segmented-item {
  flex-shrink: 0;
  white-space: nowrap;
}
.segmented:not(fieldset) .segmented-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--seg-height);
  padding: 0 1rem;
  border-radius: calc(var(--seg-radius) - var(--seg-gap));
  transition: background-color 0.18s ease, box-shadow 0.18s ease;
}
.segmented:not(fieldset) .segmented-item .segmented-label {
  transition: all 0.18s ease;
}
.segmented:not(fieldset) .segmented-item:focus-visible {
  z-index: 2;
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
.segmented:not(fieldset) .segmented-item.is-current {
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
}
.segmented:not(fieldset) .segmented-item.is-current .segmented-label {
  color: var(--bbc-color-text-natural-0);
  font-weight: var(--bbc-font-weight-700);
}
.segmented .segmented-list {
  position: relative;
  display: flex;
  gap: 0;
  padding: var(--seg-gap);
}
.segmented .segmented-item {
  position: relative;
  min-width: 0;
}
.segmented .segmented-item:has(input:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
  border-radius: calc(var(--seg-radius) - var(--seg-gap));
}
.segmented .segmented-item input {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  white-space: nowrap !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
}
.segmented .segmented-item label {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  min-width: 0;
  height: var(--seg-height);
  padding: 0 1rem;
  border-radius: calc(var(--seg-radius) - var(--seg-gap));
  transition: all 0.18s ease;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.segmented .segmented-item .segmented-label {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l1-500);
}
.segmented .segmented-item input:checked + label {
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
}
.segmented .segmented-item input:checked + label .segmented-label {
  color: var(--bbc-color-text-natural-0);
  font-weight: var(--bbc-font-weight-700);
}
.segmented.is-primary:not(fieldset) .segmented-item.is-current .segmented-label {
  color: var(--bbc-color-text-brand-primary);
}
.segmented.is-primary .segmented-item input:checked + label .segmented-label {
  color: var(--bbc-color-text-brand-primary);
}
.segmented.is-primary.is-reverse .segmented-item.is-current {
  background-color: var(--bbc-color-fill-brand-primary);
}
.segmented.is-primary.is-reverse .segmented-item.is-current .segmented-label {
  color: var(--bbc-color-text-natural-2);
}
.segmented .segmented-item input[disabled] + label {
  cursor: not-allowed;
}
.segmented .segmented-item input[disabled] + label .segmented-label {
  color: var(--bbc-color-text-disable-0);
}

/* ───────────────────────────────────────
    📌 Rating
    - 5점 만점, 0.5 단위(=10단계) 표현
    - 채워진 영역:   var(--bbc-color-fill-brand-primary)
    - 비채움 영역:   var(--bbc-color-fill-natural-2)
    - 0점(선택 전):  var(--bbc-color-icon-natural-0) 외곽선 + 채움
    - 값 입력:       data-rating-value="9" 또는 style="--rating-value: 9;" // 0~10 (4.5점)
─────────────────────────────────────── */
.rating {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}
.rating-score {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b1-700);
}
.rating-score-current {
  line-height: 1;
}
.rating-score-max {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b2-400);
}
.rating-stars {
  display: inline-flex;
  gap: 0.25rem;
}
.rating-star {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  block-size: 1.5rem;
  inline-size: 1.5rem;
}
.rating-star-base, .rating-star-fill {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  inset-block: 0;
  inset-inline: 0;
}
.rating-star-base::after, .rating-star-fill::after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);
}
.rating-star-base {
  color: var(--bbc-color-fill-natural-2);
}
.rating-star-base::after {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.rating-star-fill {
  overflow: hidden;
  color: var(--bbc-color-fill-brand-primary);
  inline-size: 0;
}
.rating-star-fill::after {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.rating-star.is-full .rating-star-fill {
  inline-size: 100%;
}
.rating-star.is-half .rating-star-fill {
  inline-size: 50%;
}
.rating:not(.is-readonly) {
  cursor: pointer;
}
.rating:not(.is-readonly) .rating-star {
  cursor: pointer;
}
.rating:not(.is-readonly) .rating-star-fill {
  transition: color 0.12s ease-out;
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .rating:not(.is-readonly) .rating-star-fill:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  transition: inline-size 0.12s ease-out, color 0.12s ease-out;
}

.rating:not(.is-readonly) .rating-star-fill {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .rating:not(.is-readonly) .rating-star-fill:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  transition: inline-size 0.12s ease-out, color 0.12s ease-out;
}

[data-env~="hover:mixed"] .rating:not(.is-readonly) .rating-star-fill:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  transition: inline-size 0.12s ease-out, color 0.12s ease-out;
}

.rating.is-readonly {
  cursor: default;
}
.rating.is-readonly .rating-star {
  cursor: default;
}
.rating[data-rating-value="0"]:not([data-rating-preview]) .rating-star-base, .rating:not([data-rating-value], [data-rating-preview]) .rating-star-base {
  color: var(--bbc-color-icon-natural-0);
}
.rating[data-rating-value="0"]:not([data-rating-preview]) .rating-star-base::after, .rating:not([data-rating-value], [data-rating-preview]) .rating-star-base::after {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.rating[data-rating-value="0"]:not([data-rating-preview]) .rating-star-fill, .rating:not([data-rating-value], [data-rating-preview]) .rating-star-fill {
  color: var(--bbc-color-icon-natural-0);
  inline-size: 0;
}
.rating-md .rating-star {
  block-size: 1.5rem;
  inline-size: 1.5rem;
}
.rating-md .rating-star-base::after {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.rating-md .rating-star-fill::after {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.rating-md[data-rating-value="0"]:not([data-rating-preview]) .rating-star-base::after, .rating-md:not([data-rating-value], [data-rating-preview]) .rating-star-base::after {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.rating-lg .rating-star, .rating.is-lg .rating-star {
  block-size: 2rem;
  inline-size: 2rem;
}
.rating-lg .rating-star-base::after, .rating.is-lg .rating-star-base::after {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.rating-lg .rating-star-fill::after, .rating.is-lg .rating-star-fill::after {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.rating-lg[data-rating-value="0"]:not([data-rating-preview]) .rating-star-base::after, .rating-lg:not([data-rating-value], [data-rating-preview]) .rating-star-base::after, .rating.is-lg[data-rating-value="0"]:not([data-rating-preview]) .rating-star-base::after, .rating.is-lg:not([data-rating-value], [data-rating-preview]) .rating-star-base::after {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}

.rating-result {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  min-height: 1.875rem;
}
.rating-result::before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  color: var(--bbc-color-icon-brand-primary);
}
.rating-result .rating-score {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b1-700);
}
.rating-result .rating-score-current {
  line-height: 1;
}
.rating-result .rating-score-max {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b2-400);
}

/* ───────────────────────────────────────
  📌 accordion
─────────────────────────────────────── */
.accordion {
  width: 100%;
}
.accordion-head {
  display: flex;
  align-items: center;
}
.accordion-head .accordion-trigger {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.accordion-body {
  display: none;
}
.accordion-body.is-open {
  display: block;
}
.accordion.script-accordion {
  margin-top: 1.5rem;
  padding: 0.75rem 1.125rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-3);
}
.accordion.script-accordion .accordion-head .accordion-trigger {
  display: flex;
  gap: 0.5rem;
}
.accordion.script-accordion .accordion-head .accordion-trigger .title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-btn3-500);
}
.accordion.script-accordion .accordion-head .accordion-trigger .icon {
  color: #929292;
}
.accordion.script-accordion .accordion-body {
  margin-top: 0.625rem;
}
.accordion.script-accordion .accordion-body p {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}

.loading {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 6.25rem;
}
.loading.is-cover {
  position: fixed;
  inset: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
}
.loading.is-cover .loading-inner {
  transform: translateY(-20%);
}
.loading.is-fit {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="device:mobile"][data-env~="mode:portrait"] .loading.is-fit {
  height: auto;
}

[data-env~="device:mobile"][data-env~="mode:landscape"] .loading.is-fit {
  height: auto;
}

.loading.is-fit .loading-inner {
  transform: translateY(-20%);
}
.loading .loading-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
.loading .loading-inner .loading-msg {
  color: var(--bbc-text-natural-0);
  font: var(--bbc-typo-t4-600);
}

/* ───────────────────────────────────────
    📌 Progressbar
─────────────────────────────────────── */
.progressbar {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-width: 0.0625rem;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-fill-accent-0);
}
.progressbar::before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: var(--custom-width, 0%);
  height: 100%;
  border-radius: var(--bbc-border-radius-max);
}
.progressbar .progress-text {
  position: relative;
  z-index: 1;
  font-size: var(--bbc-font-size-12);
  font-weight: var(--bbc-font-weight-600);
  text-shadow: -0.0625rem 0 var(--bbc-color-grayscale-0), 0 0.0625rem var(--bbc-color-grayscale-0), 0.0625rem 0 var(--bbc-color-grayscale-0), 0 -0.0625rem var(--bbc-color-stroke-negative-0);
}
.progressbar-base::before {
  background-color: #b5b5b5;
}
.progressbar-primary::before {
  background-color: #3353a3;
}
.progressbar-secondary::before {
  background-color: #0774c9;
}

.step-indicator-circle {
  --stroke-width: 14;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 4.375rem;
  height: 4.375rem;
}
.step-indicator-circle svg {
  width: 100%;
  height: 100%;
  transform: rotate(0deg);
}
.step-indicator-circle circle {
  fill: none;
  stroke-width: --stroke-width;
}
.step-indicator-circle .bg {
  stroke: var(--color-border, #e0e0e0);
}
.step-indicator-circle .bar {
  transition: stroke-dashoffset 0.5s ease;
  stroke: var(--color-primary, #3b82f6);
  stroke-linecap: round;
}
.step-indicator-circle .text {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--bbc-color-text-natural-1);
  font-size: var(--bbc-font-size-20);
  font-weight: var(--bbc-font-weight-400);
  transform: translate(-50%, -50%);
}
.step-indicator-circle .text .current {
  color: var(--bbc-color-text-natural-0);
  font-weight: var(--bbc-font-weight-600);
}

/* ───────────────────────────────────────
    📌 Comments
─────────────────────────────────────── */
.comments-head {
  flex: 0 0 auto;
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.comments-head .title {
  font: var(--bbc-typo-st2-600);
}
.comments-head .count {
  display: flex;
  align-items: center;
  color: var(--bbc-color-text-brand-primary);
  font: var(--bbc-typo-st2-600);
}
.comments-body {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.comments-body .pagination {
  margin-top: 0;
}

.comments-empty-state {
  padding: 3rem;
  border-radius: 0.5rem;
  background-color: var(--bbc-color-fill-natural-0);
  font: var(--bbc-typo-b3-400);
  text-align: center;
}
@media (max-width: 767px) {
  .comments-empty-state {
    padding: 1.5rem 1rem;
  }
}

.comment {
  padding: 1.25rem 0.5rem;
}
.comment:focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
.comment.is-reply {
  position: relative;
  padding-right: 0.375rem;
  padding-left: 3.125rem;
}
.comment.is-reply::before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  position: absolute;
  top: 1.3125rem;
  left: 1rem;
  color: var(--bbc-color-icon-natural-0);
}
.comment.is-modify {
  padding: 1.25rem 1rem;
  background-color: var(--bbc-color-fill-natural-0);
}
.comment.is-modify .comment-form {
  padding: 0;
}
.comment.is-modify.is-reply {
  padding: 1.5rem 1.5rem 1.5rem 3.125rem;
}
.comment-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.comment-head .comment-meta {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 0.5rem;
}
.comment-head .comment-meta .author {
  font: var(--bbc-typo-b2-600);
  word-break: break-all;
}
.comment-head .comment-meta .icon {
  color: var(--bbc-color-icon-natural-0);
}
.comment-head .comment-actions {
  flex: 0 0 auto;
  display: flex;
  align-self: flex-start;
  margin-left: auto;
}
.comment-head .comment-actions .separator {
  display: flex;
}
.comment-head .comment-actions .separator .item {
  display: flex;
}
.comment-body .comment-content {
  font: var(--bbc-typo-b3-400);
  word-break: break-all;
}
.comment-foot {
  margin-top: 0.75rem;
}
.comment-foot .write-reply-btn {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.comment-foot .write-reply-btn .icon {
  color: var(--bbc-color-icon-brand-primary);
}
.comment-foot .date {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}

.comment-list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--bbc-color-stroke-natural-0);
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
.comment-list .comment-item:not(:last-child) .comment {
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}

.comment-form {
  position: relative;
}
.comment-form .comment-input-area {
  display: flex;
  flex-direction: column;
  padding: 0.625rem 0.875rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.5rem;
  background-color: var(--bbc-color-fill-accent-0);
}
.comment-form .comment-input-area:has(textarea:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
.comment-form .comment-input-area + .comment-input-actions {
  border-top: none;
}
.comment-form .comment-input-area .textarea {
  flex: 1 1 auto;
  border: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  outline: none;
}
.comment-form .comment-input-area .textarea textarea {
  padding: 0;
}
.comment-form .comment-input-area .textarea textarea:focus-visible {
  outline: none !important;
}
.comment-form .comment-input-area .comment-attachments {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem 0.625rem;
  margin-top: 0.1875rem;
  border-top: none;
}
.comment-form .comment-input-area .comment-attachments .attachment {
  border-radius: var(--bbc-border-radius-xs);
}
.comment-form .comment-input-area .comment-attachments .attachment .comment-image {
  position: relative;
  display: flex;
  width: 3.125rem;
  margin-top: 0.4375rem;
  outline: none;
}
.comment-form .comment-input-area .comment-attachments .attachment .comment-image .thumb {
  width: 100%;
  height: 100%;
  border-radius: var(--bbc-border-radius-md);
}
.comment-form .comment-input-area .comment-attachments .attachment .comment-image .btn-delete {
  position: absolute;
  top: 0.1875rem;
  right: 0;
  z-index: 2;
}
.comment-form .comment-input-area .comment-attachments + .comment-input-actions {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.comment-form .comment-input-actions {
  display: flex;
  margin-top: 0.25rem;
}
.comment-form .comment-input-actions .action-right {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: auto;
}

.comment-create-area {
  padding: 1.25rem 0;
}

.character-counter {
  color: var(--bbc-color-text-disable-0);
  font: var(--bbc-typo-l4-400);
}

/* ───────────────────────────────────────
  📌 Thumb
─────────────────────────────────────── */
.thumb {
  position: relative;
  overflow: hidden;
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-accent-0);
}
.thumb:focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
.thumb img,
.thumb svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.thumb.is-zoomin::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: url("../images/common/icon_zoom_in.svg");
  background-position: top 56% left 51%;
  background-size: 2.5rem;
  background-repeat: no-repeat;
  transition: opacity 0.3s;
  opacity: 0;
}
.thumb.is-zoomin {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .thumb.is-zoomin:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:hover"] .thumb.is-zoomin:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true])::after {
  opacity: 1;
}

.thumb.is-zoomin {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .thumb.is-zoomin:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:hoverless"] .thumb.is-zoomin:active:not(.is-disabled):not(:disabled):not([aria-disabled=true])::after {
  opacity: 1;
}

[data-env~="hover:mixed"] .thumb.is-zoomin:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:mixed"] .thumb.is-zoomin:active:not(.is-disabled):not(:disabled):not([aria-disabled=true])::after {
  opacity: 1;
}

.thumb.is-outline {
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
}
.thumb.is-ratio-1x1 {
  aspect-ratio: 1/1;
}
.thumb.is-ratio-4x3 {
  aspect-ratio: 4/3;
}

/* ───────────────────────────────────────
  📌 Divider
─────────────────────────────────────── */
.divider {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
}

/* ───────────────────────────────────────
  📌 Separator (리팩토링)
  - RTL/테마/포커스 링/유연한 간격에 안전
─────────────────────────────────────── */
.separator {
  --sep-gap-inline: 1.5rem;
  --sep-gap-block: 0;
  --sep-color: var(--bbc-color-stroke-natural-0);
  --sep-thickness: 0.0625rem;
  --sep-height: 0.75rem;
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--sep-gap-block) var(--sep-gap-inline);
  overflow: hidden;
  /* 항목 */
}
.separator .item {
  position: relative;
  display: inline-flex;
  align-items: center;
  /* 첫 항목 제외한 항목 앞에만 구분선 표시 */
}
.separator .item:not(:first-child)::before {
  content: "";
  position: absolute;
  background-color: var(--sep-color);
  transform: translate(-50%, -50%);
  /* 포커스 링과 겹치지 않도록 마우스 이벤트 제거 */
  pointer-events: none;
  block-size: var(--sep-height);
  inline-size: var(--sep-thickness);
  inset-block-start: 50%;
  inset-inline-start: calc(var(--sep-gap-inline) * -0.5);
}
.separator .item {
  /* 포커스 가능한 요소 접근성 */
}
.separator .item :is(a, button):focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: -0.125rem;
}
.separator {
  /* 줄바꿈 방지(네비/탭 등에서 유용) */
}
.separator.is-nowrap {
  flex-wrap: nowrap;
}
.separator.is-sm {
  --sep-gap-inline: 1rem;
  --sep-height: 0.75rem;
}
.separator {
  /* 라이트/딤 모드 등에서 색상만 바꾸고 싶을 때
     .separator.is-dim { --sep-color: var(--bbc-color-stroke-natural-1); } */
}

/* 사용 예시(옵션)
.separator.is-dim   { --sep-color: var(--bbc-color-stroke-natural-1); }
.separator.is-quiet { --sep-thickness: 0.03125rem; --sep-height: 0.625rem; } */
/* ───────────────────────────────────────
    📌 Slider Counter
─────────────────────────────────────── */
.carousel {
  visibility: hidden;
}
.carousel.js-visibility {
  visibility: visible;
}

.carousel-controller {
  display: flex;
  gap: 0.75rem;
  pointer-events: none;
}

#widget-meal-table .meal-calendar .calendar-navigator-btn-prev, #widget-meal-table .meal-calendar .calendar-navigator-btn-next, .carousel-btn-autoplay, .carousel-btn-next, .carousel-btn-prev {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  width: 3rem;
  height: 3rem;
  border-radius: var(--bbc-border-radius-max);
  box-shadow: var(--bbc-color-shadow-natural-0);
  background: var(--bbc-color-fill-natural-3);
  pointer-events: all;
}
#widget-meal-table .meal-calendar .is-disabled.calendar-navigator-btn-prev, #widget-meal-table .meal-calendar .is-disabled.calendar-navigator-btn-next, .is-disabled.carousel-btn-autoplay, .is-disabled.carousel-btn-next, .is-disabled.carousel-btn-prev, #widget-meal-table .meal-calendar .calendar-navigator-btn-prev:disabled, #widget-meal-table .meal-calendar .calendar-navigator-btn-next:disabled, .carousel-btn-autoplay:disabled, .carousel-btn-next:disabled, .carousel-btn-prev:disabled {
  color: var(--bbc-color-icon-disable-0);
  pointer-events: none;
}
#widget-meal-table .meal-calendar .is-outline.calendar-navigator-btn-prev, #widget-meal-table .meal-calendar .is-outline.calendar-navigator-btn-next, .is-outline.carousel-btn-autoplay, .is-outline.carousel-btn-next, .is-outline.carousel-btn-prev {
  border: 0.0625rem solid var(--bbc-color-stroke-accent-0);
  background-color: transparent;
  color: var(--bbc-color-text-accent-0);
}
#widget-meal-table .meal-calendar .is-outline.is-disabled.calendar-navigator-btn-prev, #widget-meal-table .meal-calendar .is-outline.is-disabled.calendar-navigator-btn-next, .is-outline.is-disabled.carousel-btn-autoplay, .is-outline.is-disabled.carousel-btn-next, .is-outline.is-disabled.carousel-btn-prev, #widget-meal-table .meal-calendar .is-outline.calendar-navigator-btn-prev:disabled, #widget-meal-table .meal-calendar .is-outline.calendar-navigator-btn-next:disabled, .is-outline.carousel-btn-autoplay:disabled, .is-outline.carousel-btn-next:disabled, .is-outline.carousel-btn-prev:disabled {
  border-color: var(--bbc-color-stroke-disable-0);
  background-color: var(--bbc-color-fill-disable-1);
  color: var(--bbc-color-icon-disable-0);
}

.carousel-btn-prev {
  transform: translateY(0px);
  box-shadow: none;
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1), color 0.18s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .carousel-btn-prev:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  transform: translateY(0px);
  box-shadow: none;
}

.carousel-btn-prev {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .carousel-btn-prev:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  transform: translateY(0px);
  box-shadow: none;
}

[data-env~="hover:mixed"] .carousel-btn-prev:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  transform: translateY(0px);
  box-shadow: none;
}

.carousel-btn-prev {
  width: 3rem;
  height: 3rem;
}
.carousel-btn-prev::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.carousel-btn-prev.is-xs {
  width: 2rem;
  height: 2rem;
}
.carousel-btn-prev.is-xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.carousel-btn-prev.is-sm {
  width: 2.5rem;
  height: 2.5rem;
}
.carousel-btn-prev.is-sm::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.carousel-btn-prev.is-lg {
  width: 4rem;
  height: 4rem;
}
.carousel-btn-prev.is-lg::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.carousel-btn-next {
  width: 3rem;
  height: 3rem;
}
.carousel-btn-next::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.carousel-btn-next.is-xs {
  width: 2rem;
  height: 2rem;
}
.carousel-btn-next.is-xs::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.carousel-btn-next.is-sm {
  width: 2.5rem;
  height: 2.5rem;
}
.carousel-btn-next.is-sm::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.carousel-btn-next.is-lg {
  width: 4rem;
  height: 4rem;
}
.carousel-btn-next.is-lg::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.carousel-btn-autoplay {
  width: 3rem;
  height: 3rem;
}
.carousel-btn-autoplay[data-state=playing]::before, .carousel-btn-autoplay[aria-pressed=true]::before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.carousel-btn-autoplay[data-state=paused]::before, .carousel-btn-autoplay[aria-pressed=false]::before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.carousel-btn-autoplay.is-xs {
  width: 2rem;
  height: 2rem;
}
.carousel-btn-autoplay.is-xs[data-state=playing]::before, .carousel-btn-autoplay.is-xs[aria-pressed=true]::before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.carousel-btn-autoplay.is-xs[data-state=paused]::before, .carousel-btn-autoplay.is-xs[aria-pressed=false]::before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.carousel-btn-autoplay.is-sm {
  width: 2.5rem;
  height: 2.5rem;
}
.carousel-btn-autoplay.is-sm[data-state=playing]::before, .carousel-btn-autoplay.is-sm[aria-pressed=true]::before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.carousel-btn-autoplay.is-sm[data-state=paused]::before, .carousel-btn-autoplay.is-sm[aria-pressed=false]::before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.carousel-btn-autoplay.is-lg {
  width: 4rem;
  height: 4rem;
}
.carousel-btn-autoplay.is-lg[data-state=playing]::before, .carousel-btn-autoplay.is-lg[aria-pressed=true]::before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.carousel-btn-autoplay.is-lg[data-state=paused]::before, .carousel-btn-autoplay.is-lg[aria-pressed=false]::before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}

.carousel-pagination-fraction {
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 2.5rem;
  padding: 0.5rem 1rem;
  border-radius: 1.25rem;
  background-color: var(--bbc-color-fill-accent-0);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-700);
}
.carousel-pagination-fraction .current {
  color: var(--bbc-color-text-brand-primary);
}
.carousel-pagination-fraction.is-primary {
  background-color: var(--bbc-color-fill-brand-primary);
  color: var(--bbc-color-text-accent-0);
  font-weight: var(--bbc-font-weight-400);
}
.carousel-pagination-fraction.is-primary .current {
  color: var(--bbc-color-text-accent-0);
  font-weight: var(--bbc-font-weight-700);
}
.carousel-pagination-fraction.is-secondary {
  background-color: var(--bbc-color-fill-brand-secondary);
  color: var(--bbc-color-text-accent-0);
  font-weight: var(--bbc-font-weight-400);
}
.carousel-pagination-fraction.is-secondary .current {
  color: var(--bbc-color-text-accent-0);
  font-weight: var(--bbc-font-weight-700);
}

/* ───────────────────────────────────────
  📌 Arrow Navigator
─────────────────────────────────────── */
.chart-navigator .chart-navigator-btn-prev, .chart-navigator .chart-navigator-btn-next, .arrow-navigator .arrow-navigator-btn-next, .arrow-navigator .arrow-navigator-btn-prev {
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--bbc-border-radius-max);
  color: var(--bbc-color-icon-natural-2);
}
.chart-navigator .is-disabled.chart-navigator-btn-prev, .chart-navigator .is-disabled.chart-navigator-btn-next, .arrow-navigator .is-disabled.arrow-navigator-btn-next, .arrow-navigator .is-disabled.arrow-navigator-btn-prev, .chart-navigator .chart-navigator-btn-prev:disabled, .chart-navigator .chart-navigator-btn-next:disabled, .arrow-navigator .arrow-navigator-btn-next:disabled, .arrow-navigator .arrow-navigator-btn-prev:disabled {
  color: var(--bbc-color-icon-disable-0);
  pointer-events: none;
}

.arrow-navigator {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.arrow-navigator .arrow-navigator-label {
  display: flex;
  font: var(--bbc-typo-b3-700);
}
.arrow-navigator .arrow-navigator-label .swiper-pagination-current,
.arrow-navigator .arrow-navigator-label .current {
  color: var(--bbc-color-text-brand-primary);
}

/* ───────────────────────────────────────
  📌 Value Box
─────────────────────────────────────── */
.value-box {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border-radius: var(--bbc-border-radius-6);
  background-color: var(--bbc-color-fill-natural-0);
}
.value-box-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.value-box-head .icon {
  color: var(--bbc-color-icon-natural-0);
}
.value-box-body .value-status {
  text-align: right;
}
.value-box .value-box-title {
  font: var(--bbc-typo-l1-400);
}
.value-box .value-status .value-current {
  font: var(--bbc-typo-b2-600);
}
.value-box .value-status .value-separator {
  margin: 0 0.3125rem;
  font: var(--bbc-typo-b2-400);
}
.value-box .value-status .value-total {
  font: var(--bbc-typo-b2-400);
}
.value-box .value-status .value-unit {
  font: var(--bbc-typo-b2-400);
}
.value-box .value-status .value-text {
  font: var(--bbc-typo-b2-600);
}

.selectable-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.selectable-list .list-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.375rem 1.25rem;
  border: 0.0625rem solid transparent;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-sm);
  transition: background-color 0.1s, border-color 0.1s, color 0.1s;
}
.selectable-list .list-item:focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
.selectable-list .list-item {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .selectable-list .list-item:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border: 0.0625rem solid var(--bbc-color-text-brand-primary);
}

.selectable-list .list-item {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .selectable-list .list-item:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border: 0.0625rem solid var(--bbc-color-text-brand-primary);
}

[data-env~="hover:mixed"] .selectable-list .list-item:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border: 0.0625rem solid var(--bbc-color-text-brand-primary);
}

.selectable-list .list-item .text {
  flex: 1 1 auto;
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.selectable-list .list-item .date {
  flex: 0 0 auto;
  color: var(--bbc-color-text-natural-1);
}
.selectable-list .list-item.is-selected {
  background-color: var(--bbc-color-fill-brand-primary-subtle);
  color: var(--bbc-color-text-brand-primary);
}

/* ───────────────────────────────────────
  📌 Bullet List (불릿형 목록)
─────────────────────────────────────── */
.bullet-list li {
  position: relative;
  padding-left: 0.875rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.bullet-list li::before {
  content: "";
  position: absolute;
  left: 0;
}
.bullet-list.is-required li {
  color: var(--bbc-color-text-required-0);
}
.bullet-list.is-xs li {
  padding-left: 0.75rem;
  font: var(--bbc-typo-l3-400);
}
.bullet-list.is-sm li {
  padding-left: 0.75rem;
  font: var(--bbc-typo-b4-400);
}
.bullet-list.is-dash li::before {
  top: 0.6875rem;
  width: 0.375rem;
  height: 0.125rem;
  background-color: var(--bbc-color-text-natural-1);
}
.bullet-list.is-circle {
  padding-left: 0.25rem;
}
.bullet-list.is-circle li::before {
  top: 0.625rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: var(--bbc-border-radius-circle);
  background-color: var(--bbc-color-text-natural-1);
}
.bullet-list.is-circle.is-xs li::before {
  top: 0.5625rem;
  width: 0.1875rem;
  height: 0.1875rem;
}
.bullet-list.is-circle.is-sm li::before {
  top: 0.5625rem;
}
.bullet-list.is-star {
  padding-left: 0.125rem;
}
.bullet-list.is-star li::before {
  content: "*";
}
.bullet-list.is-reference li {
  padding-left: 1.25rem;
}
.bullet-list.is-reference li::before {
  content: "※";
}

/* ───────────────────────────────────────
  📌 Bullet Text (불릿형 텍스트 : 단독 사용)
─────────────────────────────────────── */
.bullet-text {
  position: relative;
  padding-left: 0.875rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.bullet-text::before {
  content: "";
  position: absolute;
  left: 0;
}
.bullet-text.is-required {
  color: var(--bbc-color-text-required-0);
}
.bullet-text.is-sm {
  padding-left: 0.75rem;
  font: var(--bbc-typo-b4-400);
}
.bullet-text.is-dash::before {
  top: 0.6875rem;
  width: 0.375rem;
  height: 0.125rem;
  background-color: var(--bbc-color-text-natural-1);
}
.bullet-text.is-circle {
  margin-left: 0.25rem;
}
.bullet-text.is-circle::before {
  top: 0.625rem;
  width: 4px;
  height: 4px;
  border-radius: var(--bbc-border-radius-circle);
  background-color: var(--bbc-color-text-natural-1);
}
.bullet-text.is-circle.is-xs::before {
  top: 0.5625rem;
  width: 0.1875rem;
  height: 0.1875rem;
}
.bullet-text.is-circle.is-sm::before {
  top: 0.5625rem;
}
.bullet-text.is-star {
  margin-left: 0.125rem;
}
.bullet-text.is-star::before {
  content: "*";
}
.bullet-text.is-reference {
  padding-left: 1.25rem;
}
.bullet-text.is-reference::before {
  content: "※";
}

/* 토큰 */
.tooltip-container {
  position: fixed;
  inset: 0;
  z-index: 3000;
  pointer-events: none;
}

.tooltip-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--bbc-color-icon-natural-0);
  vertical-align: middle;
}

/* ──────────────────────────────────────
 * Tooltip (absolute 고정)
 * ────────────────────────────────────── */
.custom-tooltip {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
  display: none;
  overflow: visible; /* 화살표가 박스 밖으로 나올 수 있게 */
  max-width: 21.25rem;
  padding: 0.375rem 0;
  pointer-events: none;
  will-change: transform, top, left;
  contain: layout style;
  /* 커스텀 변수 */
  --tooltip-gap: 0.25rem; /* 대상과 말풍선 간격 */
  --tooltip-arrow-size: 0.375rem; /* 삼각형 높이 */
  --tooltip-arrow-width: calc(var(--tooltip-arrow-size) * 2); /* 밑변 */
  --tooltip-arrow-gap-inner: 0.125rem; /* 말풍선과 화살표 사이 틈 */
  --tooltip-offset-inline: 1rem; /* top/bottom에서 좌우 오프셋(정렬용 기본치) */
  --tooltip-offset-block: 0.625rem; /* left/right에서 상하 오프셋(정렬용 기본치) */
  --arrow-x: 50%; /* 🔹 JS에서 px로 세팅/클램프 가능 */
  --arrow-y: 50%; /* 🔹 JS에서 px로 세팅/클램프 가능 */
}
.custom-tooltip.is-visible {
  display: block;
}
.custom-tooltip .custom-tooltip-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 2rem;
  max-width: 16.5625rem;
  padding: 0.375rem 0.625rem;
  border-radius: var(--bbc-border-radius-6);
  background-color: var(--bbc-color-etc-balloon-fill);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-400);
}
.custom-tooltip .custom-tooltip-inner .desc {
  word-break: break-all;
}
.custom-tooltip .custom-tooltip-inner.interactive {
  pointer-events: auto;
}
.custom-tooltip {
  /* 화살표: ::before = 실제 삼각형, ::after = 말풍선과의 틈(투명) */
}
.custom-tooltip::before, .custom-tooltip::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  transform: translateZ(0); /* 안티앨리어싱 안정화 */
  pointer-events: none;
}
.custom-tooltip {
  /* ─ BOTTOM (툴팁이 아래, 화살표는 ⬇︎) ─ */
}
.custom-tooltip.is-dir-bottom {
  padding-top: calc(var(--tooltip-gap) + var(--tooltip-arrow-size) + var(--tooltip-arrow-gap-inner));
  /* 틈 */
}
.custom-tooltip.is-dir-bottom::after {
  top: var(--tooltip-gap);
  left: var(--arrow-x);
  border-right: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-bottom: var(--tooltip-arrow-gap-inner) solid transparent;
  border-left: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  transform: translateX(-50%);
}
.custom-tooltip.is-dir-bottom {
  /* 삼각형 */
}
.custom-tooltip.is-dir-bottom::before {
  top: calc(var(--tooltip-gap) + var(--tooltip-arrow-gap-inner));
  left: var(--arrow-x);
  border-right: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-bottom: var(--tooltip-arrow-size) solid var(--bbc-color-etc-balloon-fill);
  border-left: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  transform: translateX(-50%);
}
.custom-tooltip.is-dir-bottom {
  /* (선택) 정렬 클래스 사용 시, JS 없을 때의 기본 위치 가이드 */
}
.custom-tooltip.is-dir-bottom.is-align-left {
  --arrow-x: var(--tooltip-offset-inline);
}
.custom-tooltip.is-dir-bottom.is-align-center {
  --arrow-x: 50%;
}
.custom-tooltip.is-dir-bottom.is-align-right {
  --arrow-x: calc(100% - var(--tooltip-offset-inline));
}
.custom-tooltip {
  /* ─ TOP (툴팁이 위, 화살표는 ⬆︎) ─ */
}
.custom-tooltip.is-dir-top {
  padding-bottom: calc(var(--tooltip-gap) + var(--tooltip-arrow-size) + var(--tooltip-arrow-gap-inner));
}
.custom-tooltip.is-dir-top::after {
  bottom: var(--tooltip-gap);
  left: var(--arrow-x);
  border-top: var(--tooltip-arrow-gap-inner) solid transparent;
  border-right: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-left: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  transform: translateX(-50%);
}
.custom-tooltip.is-dir-top::before {
  bottom: calc(var(--tooltip-gap) + var(--tooltip-arrow-gap-inner));
  left: var(--arrow-x);
  border-top: var(--tooltip-arrow-size) solid var(--bbc-color-etc-balloon-fill);
  border-right: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-left: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  transform: translateX(-50%);
}
.custom-tooltip.is-dir-top.is-align-left {
  --arrow-x: var(--tooltip-offset-inline);
}
.custom-tooltip.is-dir-top.is-align-center {
  --arrow-x: 50%;
}
.custom-tooltip.is-dir-top.is-align-right {
  --arrow-x: calc(100% - var(--tooltip-offset-inline));
}
.custom-tooltip {
  /* ─ LEFT (툴팁이 왼쪽) → 화살표는 "오른쪽(→)" ─ */
}
.custom-tooltip.is-dir-left {
  padding-right: calc(var(--tooltip-gap) + var(--tooltip-arrow-size) + var(--tooltip-arrow-gap-inner));
  /* 투명 틈 */
}
.custom-tooltip.is-dir-left::after {
  top: var(--arrow-y);
  right: var(--tooltip-gap);
  border-top: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-right: 0;
  border-bottom: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-left: var(--tooltip-arrow-gap-inner) solid transparent; /* ✅ 여기! */
  transform: translateY(-50%);
}
.custom-tooltip.is-dir-left {
  /* 실제 화살표 – 오른쪽(→) */
}
.custom-tooltip.is-dir-left::before {
  top: var(--arrow-y);
  right: calc(var(--tooltip-gap) + var(--tooltip-arrow-gap-inner));
  border-top: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-right: 0;
  border-bottom: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-left: var(--tooltip-arrow-size) solid var(--bbc-color-etc-balloon-fill); /* ✅ 여기! */
  transform: translateY(-50%);
}
.custom-tooltip.is-dir-left.is-align-top {
  --arrow-y: var(--tooltip-offset-block);
}
.custom-tooltip.is-dir-left.is-align-center {
  --arrow-y: 50%;
}
.custom-tooltip.is-dir-left.is-align-bottom {
  --arrow-y: calc(100% - var(--tooltip-offset-block));
}
.custom-tooltip {
  /* ─ RIGHT (툴팁이 오른쪽) → 화살표는 "왼쪽(←)" ─ */
}
.custom-tooltip.is-dir-right {
  padding-left: calc(var(--tooltip-gap) + var(--tooltip-arrow-size) + var(--tooltip-arrow-gap-inner));
  /* 투명 틈 */
}
.custom-tooltip.is-dir-right::after {
  top: var(--arrow-y);
  left: var(--tooltip-gap);
  border-top: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-right: var(--tooltip-arrow-gap-inner) solid transparent; /* ✅ 여기! */
  border-bottom: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-left: 0;
  transform: translateY(-50%);
}
.custom-tooltip.is-dir-right {
  /* 실제 화살표 – 왼쪽(←) */
}
.custom-tooltip.is-dir-right::before {
  top: var(--arrow-y);
  left: calc(var(--tooltip-gap) + var(--tooltip-arrow-gap-inner));
  border-top: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-right: var(--tooltip-arrow-size) solid var(--bbc-color-etc-balloon-fill); /* ✅ 여기! */
  border-bottom: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-left: 0;
  transform: translateY(-50%);
}
.custom-tooltip.is-dir-right.is-align-top {
  --arrow-y: var(--tooltip-offset-block);
}
.custom-tooltip.is-dir-right.is-align-center {
  --arrow-y: 50%;
}
.custom-tooltip.is-dir-right.is-align-bottom {
  --arrow-y: calc(100% - var(--tooltip-offset-block));
}

/* ──────────────────────────────────────
 * Apexcharts Tooltip
 * ────────────────────────────────────── */
.custom-apexchart-tooltip .custom-tooltip-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 2rem;
  max-width: 16.5625rem;
  padding: 0.375rem 0.625rem;
  border-radius: var(--bbc-border-radius-6);
  background-color: var(--bbc-color-etc-balloon-fill);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-400);
}
.custom-apexchart-tooltip .custom-tooltip-inner .desc {
  word-break: break-all;
}
.custom-apexchart-tooltip .custom-tooltip-inner.interactive {
  pointer-events: auto;
}

/* ───────────────────────────────────────
  📌 Snackbar
─────────────────────────────────────── */
.snackbar-manager {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 1.25rem 1.375rem;
  transform: translateX(-50%);
  pointer-events: none;
}
@media (max-width: 767px) {
  .snackbar-manager {
    padding: 0 0.625rem 1.375rem;
  }
}
.snackbar-manager.is-left {
  left: 0;
  align-items: flex-start;
  transform: none;
}
.snackbar-manager.is-left .snackbar {
  transform: translateX(-100%);
}
.snackbar-manager.is-right {
  right: 0;
  left: auto;
  align-items: flex-end;
  transform: none;
}
.snackbar-manager.is-right .snackbar {
  transform: translateX(100%);
}
.snackbar-manager .snackbar {
  transform: translateY(100%);
  transition: opacity 0.3s ease, padding 0.3s ease, transform 0.3s ease, max-height 0.5s ease;
  opacity: 0;
  pointer-events: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.snackbar-manager .snackbar:first-child .snackbar-content {
  margin: 0 0 0.25rem;
}
.snackbar-manager .snackbar.is-show {
  max-height: 62.5rem;
  transform: translate(0);
  opacity: 1;
}
.snackbar-manager .snackbar-content {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.3125rem;
  width: 18.75rem;
  height: auto;
  margin: 0.25rem 0;
  padding: 1.125rem 1.25rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-10);
  box-shadow: var(--bbc-color-shadow-natural-2);
  background-color: var(--bbc-color-fill-natural-3);
  color: var(--bbc-color-text-natural-0);
}
.snackbar-manager .snackbar-content .snackbar-close-btn {
  position: absolute;
  top: 0.375rem;
  right: 0.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
}
.snackbar-manager .snackbar-content .snackbar-close-btn .icon-x {
  color: var(--bbc-color-icon-natural-0);
}
.snackbar-manager .snackbar-content .snackbar-badge {
  display: flex;
  justify-content: center;
  align-self: flex-start;
}
.snackbar-manager .snackbar-message {
  flex: 1 1 auto;
  font-size: var(--bbc-font-size-14);
  word-break: break-all;
}
.snackbar-manager .snackbar-message .title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b4-700);
}
.snackbar-manager .snackbar-message .title::before {
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-badge-emphasis);
}

/* ───────────────────────────────────────
  📌 Box
─────────────────────────────────────── */
.box {
  overflow: hidden;
  width: 100%;
  padding: 1.875rem 2rem;
  border-radius: 1rem;
}
.box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.box video {
  width: 100%;
}
.box iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.box.is-sm {
  padding: 1.5625rem 0.9375rem;
  border-radius: var(--bbc-border-radius-xs);
}
.box.is-fit {
  padding: 0 !important;
}
.box.is-outline {
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-accent-0);
}
.box.is-solid {
  background-color: var(--bbc-color-fill-natural-0);
}
.box.is-surface {
  box-shadow: var(--bbc-color-shadow-natural-sm);
  background-color: var(--bbc-color-fill-accent-0);
}
.box.is-ratio-1x1 {
  aspect-ratio: 1/1;
}
.box.is-ratio-3x2 {
  aspect-ratio: 3/2;
}
.box.is-ratio-16x9 {
  aspect-ratio: 16/9;
}

/* ───────────────────────────────────────
    📌 FileItem
─────────────────────────────────────── */
.link-item, .download-item {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  min-height: 2.5rem;
  padding: 0.75rem 0.875rem 0.75rem 0.75rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-6);
  background-color: var(--bbc-color-fill-natural-3);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b4-400);
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.link-item .icon, .download-item .icon {
  color: var(--bbc-color-icon-brand-primary);
  transition: color 0.2s;
}
.link-item:has(i.icon):not(:has(span, strong, em, .btn-label)), .download-item:has(i.icon):not(:has(span, strong, em, .btn-label)) {
  padding: 0;
}
.link-item, .download-item {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .link-item:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]), [data-env~="hover:hover"] .download-item:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-1);
}

.link-item, .download-item {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .link-item:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]), [data-env~="hover:hoverless"] .download-item:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-1);
}

[data-env~="hover:mixed"] .link-item:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]), [data-env~="hover:mixed"] .download-item:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  background-color: var(--bbc-color-fill-natural-1);
}

.is-active.link-item, .is-active.download-item {
  background-color: var(--bbc-color-fill-natural-2);
}
.is-disabled.link-item, .is-disabled.download-item, .link-item:disabled, .download-item:disabled {
  border-color: var(--bbc-color-stroke-disable-0);
  background-color: var(--bbc-color-fill-disable-1);
  color: var(--bbc-color-text-disable-0);
  pointer-events: none;
}
.is-disabled.link-item .icon, .is-disabled.download-item .icon, .link-item:disabled .icon, .download-item:disabled .icon {
  color: var(--bbc-color-icon-disable-1);
}
.is-full.link-item, .is-full.download-item {
  display: flex;
  justify-content: center;
  width: 100%;
}

.link-item .item-info, .download-item .item-info {
  flex: 1;
  display: flex;
  align-items: center;
  margin-right: 0.875rem;
  padding-right: 0.875rem;
  border-right: 1px solid var(--bbc-color-stroke-natural-0);
}
.link-item .item-info .icon, .download-item .item-info .icon {
  flex: 0 0 auto;
  margin-right: 0.375rem;
}
.link-item .item-info .name, .download-item .item-info .name {
  flex: 1 1 auto;
  display: flex;
  margin-right: 0.5rem;
}
.link-item .item-info .name .basename, .download-item .item-info .name .basename {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.link-item a, .download-item a,
.link-item button,
.download-item button {
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0.3125rem 0.625rem 0.3125rem 0.5rem;
}
.is-disabled.link-item .item-info .icon, .is-disabled.download-item .item-info .icon, .link-item:disabled .item-info .icon, .download-item:disabled .item-info .icon {
  opacity: 0.5;
}

.download-item .item-info .volume {
  flex: 0 0 auto;
  color: var(--bbc-color-text-natural-1);
}
.download-item.is-disabled .item-info .volume, .download-item:disabled .item-info .volume {
  color: inherit;
}

.search-area {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.search-area:not(.search-filters-extra) + .board-area {
  margin-top: 3.125rem;
}
.search-area:has(.search-filters-extra) + .board-area {
  margin-top: 3.75rem;
}
.search-area .search-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.875rem 2rem;
  border-radius: 1rem;
  background-color: var(--bbc-color-fill-natural-0);
}
@media (max-width: 767px) {
  .search-area .search-box {
    padding: 0.625rem;
  }
}
.search-area .search-filters .search-filters-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2rem 2rem 2.25rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-16);
}
@media (max-width: 767px) {
  .search-area .search-filters .search-filters-box {
    padding: 1.25rem 1rem;
  }
}
.search-area .search-filters .search-filters-field {
  display: flex;
  flex-direction: column;
}
.search-area .search-filters .search-filters-field .search-filters-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
  font: var(--bbc-typo-b2-600);
}
@media (max-width: 767px) {
  .search-area .search-filters .search-filters-field .search-filters-title {
    margin-bottom: 1.25rem;
  }
}
.search-area .search-filters .search-filters-field .search-filters-title.is-required::after {
  content: "*";
  margin-left: 0.25rem;
  color: var(--bbc-color-text-negative-0);
  vertical-align: middle;
}
.search-area .search-filters .search-filters-field .search-filters-title .icon {
  color: var(--bbc-color-icon-natural-1);
}
.search-area .search-filters .search-filters-field .search-filters-combo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.search-area .search-filters .search-filters-field .search-filters-combo .choice-group {
  gap: 0.75rem 1rem;
}
@media (max-width: 767px) {
  .search-area .search-filters .search-filters-field .search-filters-combo .choice-group {
    gap: 0.75rem;
  }
  .search-area .search-filters .search-filters-field .search-filters-combo .choice-group .choice-chip {
    width: calc(50% - 0.375rem) !important;
  }
  .search-area .search-filters .search-filters-field .search-filters-combo .choice-group .choice-chip input ~ label {
    width: 100%;
    min-width: 0 !important;
  }
}
.search-area .search-filters .search-filters-field:not(:first-child) {
  margin-top: 2.5rem;
}
.search-area .search-filters .chip-detail-panel {
  margin-top: 1rem;
}
.search-area .search-filters .chip-detail-panel .chip-detail-inner {
  align-items: flex-start;
  gap: 0.75rem 1.5rem;
}
.search-area .search-filters .chip-detail-panel .chip-detail-inner .choice-group {
  gap: 1rem;
}
.search-area .search-filters .search-filters-extra {
  display: flex;
  flex-direction: column;
  margin-top: 2.5rem;
}
.search-area .search-filters .search-filters-extra .search-filters-chip {
  position: relative;
}
.search-area .search-filters .search-filters-extra .search-filters-chip:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1.5rem;
  width: 0.0625rem;
  height: 100%;
  background-color: var(--bbc-color-stroke-natural-0);
}
@media (max-width: 767px) {
  .search-area .search-filters .search-filters-extra .search-filters-chip:not(:last-child)::after {
    display: none;
  }
  .search-area .search-filters .search-filters-extra .search-filters-chip:not(:last-child) {
    margin-bottom: 1.125rem;
    padding-bottom: 1.125rem;
    border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
  }
}
.search-area .search-filters .search-filters-extra .search-filters-chip .search-filters-chip-title {
  margin-bottom: 0.75rem;
  font: var(--bbc-typo-b3-500);
}
.search-area .search-filters .search-filters-extra .search-filters-chip .btn-set {
  margin-top: 0;
}
.search-area .search-filters .search-filters-extra .search-filters-chip .chip-group {
  margin-top: 0.75rem;
}
.search-area .search-filters .search-filters-extra .search-filters-chip .chip-group .filter-chip {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  min-width: 3.375rem;
  min-height: 1.75rem;
  padding: 0.125rem 1.875rem 0.125rem 0.5rem;
  border-radius: var(--bbc-border-radius-6);
  background-color: var(--bbc-color-chip-fill-gray);
}
.search-area .search-filters .search-filters-extra .search-filters-chip .chip-group .filter-chip:has(.icon-btn:hover) {
  background-color: #e3e8f2;
}
.search-area .search-filters .search-filters-extra .search-filters-chip .chip-group .filter-chip .chip-label {
  color: var(--bbc-color-text-badge-gray);
  font: var(--bbc-typo-l3-400);
}
.search-area .search-filters .search-filters-extra .search-filters-chip .chip-group .filter-chip .icon-btn {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: var(--bbc-border-radius-6);
}
.search-area .search-filters .search-filters-extra .search-filters-chip .chip-group .filter-chip .icon {
  color: var(--bbc-color-icon-natural-1);
}
.search-area .search-filters .search-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}

.distribution-bar-area {
  position: relative;
  height: 5.25rem;
}
.distribution-bar-area .point {
  position: absolute;
  z-index: 1;
  height: 100%;
}
.distribution-bar-area .point.is-boundary .label {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-dt5-400);
  transform: translateX(-50%);
}
.distribution-bar-area .point.is-boundary.is-min .label {
  top: 0;
}
.distribution-bar-area .point.is-boundary.is-max .label {
  bottom: 0;
}
.distribution-bar-area .point.is-boundary.is-edge-left {
  left: 0 !important;
}
.distribution-bar-area .point.is-boundary.is-edge-left .label {
  left: 0;
  transform: translateX(0);
}
.distribution-bar-area .point.is-boundary.is-edge-right {
  right: 0;
  left: auto !important;
}
.distribution-bar-area .point.is-boundary.is-edge-right .label {
  right: 0;
  transform: translateX(0);
}
.distribution-bar-area .point.is-average .label {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  width: -moz-max-content;
  width: max-content;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-dt5-500);
  text-shadow: -0.0625rem 0 var(--bbc-color-stroke-natural-4), 0 0.0625rem var(--bbc-color-stroke-natural-4), 0.0625rem 0 var(--bbc-color-stroke-natural-4), 0 -0.0625rem var(--bbc-color-stroke-natural-4);
  transform: translateY(-50%);
}
.distribution-bar-area .point.is-average.is-edge-left .label {
  right: auto;
  left: 0.75rem;
}
.distribution-bar-area .pointer {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 0.75rem;
  height: 100%;
  transform: translateY(-50%);
}
.distribution-bar-area .pointer .line {
  position: absolute;
  top: 50%;
  display: block;
  height: 50%;
  border: 0.0625rem dashed var(--bbc-color-data-graph-yellow);
  transform: translate3d(-50%, -50%, 0);
}
.distribution-bar-area .pointer .circle {
  position: absolute;
  top: 50%;
  display: block;
  box-sizing: border-box;
  width: 0.75rem;
  height: 0.75rem;
  border: 0.125rem solid var(--bbc-color-stroke-natural-4);
  border-radius: var(--bbc-border-radius-circle);
  background-color: var(--bbc-color-data-graph-yellow);
  transform: translate3d(-50%, -50%, 0);
}
.distribution-bar-area .distribution-bar {
  position: absolute;
  top: 50%;
  overflow: hidden;
  width: 100%;
  height: 1.5625rem;
  border-radius: var(--bbc-border-radius-6);
  background: var(--bbc-color-data-graph-gray);
  transform: translateY(-50%);
}
.distribution-bar-area .distribution-bar-fill {
  position: absolute;
  height: 100%;
  border-radius: var(--bbc-border-radius-6);
  background: var(--bbc-color-data-graph-blue);
}

.timeline {
  --timeline-dot: 0.625rem;
  --timeline-gap: 1.25rem;
  --timeline-indent: 1.25rem;
  border-radius: var(--bbc-border-radius-6);
  background: var(--bbc-color-fill-natural-1);
}
.timeline .js-scroll-container.js-has-scroll .timeline-list {
  padding-right: 0.625rem;
}
.timeline .timeline-list {
  position: relative;
  padding: 1.25rem 0.875rem 1.25rem 0.9375rem;
}
.timeline .timeline-list::before {
  content: "";
  position: absolute;
  top: var(--tl-line-top, 0);
  left: var(--timeline-indent);
  z-index: 0;
  height: var(--tl-line-height, 0);
  border-left: 1px dashed var(--bbc-color-stroke-natural-1);
}
.timeline .timeline-item {
  position: relative;
  padding-left: var(--timeline-indent);
}
.timeline .timeline-item:not(:first-child) {
  margin-top: var(--timeline-gap);
}
.timeline .timeline-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  width: var(--timeline-dot);
  height: var(--timeline-dot);
  border-radius: 50%;
  background: var(--bbc-color-fill-brand-primary);
  transform: translateY(-50%);
}
.timeline .timeline-item .timeline-box {
  padding: 0.9375rem;
  border-radius: var(--bbc-border-radius-6);
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
}
.timeline .timeline-item .timeline-title {
  margin-right: 0.375rem;
  font: var(--bbc-typo-b4-500);
}
.timeline .timeline-item .timeline-body {
  margin-top: 0.3125rem;
}
.timeline .timeline-item .timeline-body p {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
  word-break: keep-all;
}

.alert-container {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  overflow-y: auto;
  width: 100%;
  min-width: 18.125rem;
  height: 100%;
  padding: 0.9375rem;
  background-color: var(--bbc-color-layer-overlay-0);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.alert-container.is-open {
  display: flex;
}

.alert {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: 21.25rem;
  min-height: 10rem;
  margin: auto;
  border-radius: 1rem;
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-layer-floor-0);
}
.alert .alert-body {
  display: flex;
  flex-direction: column;
  padding: 2rem 1.5rem 1.5rem;
  text-align: center;
}
.alert .alert-body .alert-title {
  font: var(--bbc-typo-t4-600);
}
.alert .alert-body .alert-title + .alert-desc {
  margin-top: 0.5rem;
}
.alert .alert-body .alert-desc {
  display: flex;
  flex-direction: column;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.alert .alert-body .alert-desc .list-wrap {
  text-align: left;
  list-style-type: disc;
}
.alert .alert-body .alert-desc .list-wrap .item {
  margin-left: 0.875rem;
}
.alert .alert-body .alert-desc .list-wrap .item::marker {
  color: var(--bbc-color-element-marker);
  font-size: 0.9em;
}
.alert .alert-body .alert-highlight-word {
  color: var(--bbc-color-text-required-0);
}
.alert .alert-body .btn-set {
  margin-top: 1.75rem;
}

#customize-json-preview .alert {
  max-width: 1000px;
}
#customize-json-preview .alert pre {
  text-align: left;
}

/* ───────────────────────────────────────
    📌 Modal
─────────────────────────────────────── */
.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  overflow-y: auto;
  width: 100%;
  min-width: 18.125rem;
  height: 100%;
  padding: 0.9375rem;
  background-color: var(--bbc-color-layer-overlay-0);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.modal-container.is-open {
  display: flex;
}

.modal {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: 46.875rem;
  min-height: 15.625rem;
  margin: auto;
  border-radius: 1rem;
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-fill-accent-0);
}
.modal .modal-head {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
}
@media (max-width: 767px) {
  .modal .modal-head {
    padding: 0.625rem 1.25rem;
  }
}
.modal .modal-head .modal-title {
  display: flex;
  align-items: center;
  font: var(--bbc-typo-t3-700);
}
.modal .modal-head .modal-action {
  align-self: flex-start;
  margin-left: auto;
}
.modal .modal-head .modal-action .btn-close::before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.modal .modal-head .modal-action .btn-close {
  display: flex;
  color: var(--bbc-color-icon-natural-2);
}
@media (max-width: 767px) {
  .modal .modal-head .modal-action .btn-close::before {
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
  }
}
.modal .modal-body {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.25rem 1.25rem 0.75rem;
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-0);
}
@media (max-width: 767px) {
  .modal .modal-body {
    padding: 1rem 1rem 0.75rem;
  }
}
.modal .modal-body:last-child {
  padding-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .modal .modal-body:last-child {
    padding-bottom: 1rem;
  }
}
.modal .modal-body .modal-subtitle {
  margin-bottom: 1.25rem;
  font: var(--bbc-typo-t4-600);
}
.modal .modal-body .modal-msg {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.modal .modal-body .modal-msg .desc {
  font-weight: var(--bbc-font-weight-400);
}
.modal .modal-body .modal-msg .desc p:not(:last-child) {
  margin-bottom: 0.75rem;
}
.modal .modal-body-inner {
  overflow: hidden;
  padding: 1.25rem;
  border-radius: 0.75rem;
  background-color: var(--bbc-color-layer-floor-0);
}
@media (max-width: 767px) {
  .modal .modal-body-inner {
    padding: 1rem;
  }
}
.modal .modal-body-inner.is-fit {
  padding: 0;
}
.modal .modal-foot {
  padding: 0 1.25rem 1.25rem;
  background-color: var(--bbc-color-fill-natural-0);
}
@media (max-width: 767px) {
  .modal .modal-foot {
    padding: 0 1rem 1rem;
  }
}
[data-scroll=inner].modal {
  max-height: 100%;
}
[data-scroll=inner].modal .modal-body {
  display: block;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.is-sm.modal {
  max-width: 26.25rem;
}
.is-lg.modal {
  max-width: 57.5rem;
}
.is-xl.modal {
  max-width: 82.5rem;
}

.meal-detail-head {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.625rem;
  padding: 0.625rem;
}
@media (max-width: 767px) {
  .meal-detail-head {
    position: relative;
    padding-top: 1.25rem;
  }
}
.meal-detail-head::before {
  content: "";
  flex: 0 0 auto;
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: var(--bbc-border-radius-12);
  background: var(--bbc-color-fill-natural-5) url("data:image/svg+xml,%3csvg%20width='64'%20height='64'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23a)'%20fill='%23fff'%3e%3cpath%20d='M28.104%2036.052c-.777-7.894-5.577-15.615-10.514-15.13-4.937.485-8.141%208.995-7.365%2016.889.593%206.02%203.431%2010.94%206.935%2012.721.307.434.58.948.785%201.577l2.247%2022.835a2.7%202.7%200%200%200%205.375-.53l-2.248-22.836a5.803%205.803%200%200%201%20.463-1.697c3.09-2.43%204.914-7.809%204.322-13.83v.001ZM53.35%2021.29a1.502%201.502%200%200%200-1.71%201.262l-1.923%2012.791-1.848-.277%201.922-12.792a1.503%201.503%200%200%200-2.972-.446L44.897%2034.62l-1.849-.278%201.922-12.79a1.501%201.501%200%200%200-1.263-1.709%201.502%201.502%200%200%200-1.71%201.263l-1.922%2012.79-1.848-.278%201.922-12.79a1.502%201.502%200%200%200-1.264-1.708%201.5%201.5%200%200%200-1.708%201.262l-1.922%2012.79-.829%205.516-.73%204.856c-.321%202.14.995%204.132%203.002%204.748.845.691%201.764%201.877%201.895%203.823l-3.41%2022.69a2.7%202.7%200%201%200%205.341.803l3.41-22.69c.696-1.822%201.923-2.685%202.934-3.098%202.1%200%203.943-1.517%204.264-3.657l.73-4.855.829-5.517L54.612%2023a1.502%201.502%200%200%200-1.262-1.71Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h64v64H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center bottom;
  background-size: cover;
}
.meal-detail-body {
  padding: 1.25rem;
  border-radius: 0.75rem;
  background-color: var(--bbc-color-layer-floor-0);
}
@media (max-width: 767px) {
  .meal-detail-body {
    padding: 1rem;
  }
}
.meal-detail-title {
  margin-bottom: 0.5rem;
  font: var(--bbc-typo-b2-600);
}
.meal-detail .divider {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.meal-detail .meal-meta {
  flex: 1;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-top: 0.25rem;
}
@media (max-width: 767px) {
  .meal-detail .meal-meta {
    flex-direction: column;
  }
}
.meal-detail .meal-meta .date {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l3-400);
}
@media (max-width: 767px) {
  .meal-detail .meal-meta .date {
    position: absolute;
    top: 0;
    right: 0;
  }
  .meal-detail .meal-meta .calorie {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
}
.meal-detail .meal-meta .calorie .title {
  margin-bottom: -0.3125rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l3-500);
}
@media (max-width: 767px) {
  .meal-detail .meal-meta .calorie .title {
    margin-bottom: 0;
  }
}
.meal-detail .meal-meta .calorie .value {
  font: var(--bbc-typo-t2-700);
}
.meal-detail .meal-meta .calorie .unit {
  font: var(--bbc-typo-st1-600);
}
.meal-detail .meal-menu {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  width: 100%;
  text-align: center;
}
.meal-detail .meal-menu li {
  font: var(--bbc-typo-l1-500);
  word-break: break-all;
}
.meal-detail .meal-nutrition-wrap {
  overflow: hidden;
}
.meal-detail .meal-nutrition {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: -0.0625rem;
}
@media (max-width: 767px) {
  .meal-detail .meal-nutrition {
    grid-template-columns: 1fr;
  }
}
.meal-detail .meal-nutrition dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  border-bottom: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  color: var(--bbc-color-text-natural-1);
}
.meal-detail .meal-nutrition dl dt {
  font: var(--bbc-typo-b4-400);
}
.meal-detail .meal-nutrition dl dd {
  font: var(--bbc-typo-b4-700);
}

.edutech-service-grid {
  position: relative;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(12, 1fr);
}
.edutech-service-grid .service-item {
  position: relative;
  grid-column: span 3;
}
.edutech-service-grid .service-item.is-drag-over .symbol-box {
  outline: 0.125rem dashed var(--bbc-color-stroke-brand-primary);
  transform: scale(1.05);
  transition: transform 0.2s, outline 0.2s;
}
.edutech-service-grid .service-item .symbol-box {
  height: 9.375rem;
}
.edutech-service-grid .service-item .symbol-box img {
  margin-top: 0.75rem;
}
.edutech-service-grid .service-item .symbol-box .service-choice {
  position: absolute;
  top: 0.625rem;
  right: 0.5rem;
  z-index: 1;
}
.edutech-service-grid .service-item .symbol-box .btn-item-drag {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0.625rem 0.5rem;
  border-radius: var(--bbc-border-radius-8);
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: none;
}
.edutech-service-grid .service-item .symbol-box .btn-item-drag::before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.edutech-service-grid .service-item .symbol-box .btn-item-drag:focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: -0.125rem;
}
.edutech-service-grid .service-item .symbol-box .btn-item-drag:active {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .edutech-service-grid .service-item .symbol-box .btn-item-drag:active:hover:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  cursor: grabbing;
}

.edutech-service-grid .service-item .symbol-box .btn-item-drag:active {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .edutech-service-grid .service-item .symbol-box .btn-item-drag:active:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  cursor: grabbing;
}

[data-env~="hover:mixed"] .edutech-service-grid .service-item .symbol-box .btn-item-drag:active:active:not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  cursor: grabbing;
}

#modal_dashboard_layout_control .edutech-service-grid .service-item {
  grid-column: span 4;
}
#modal_dashboard_layout_control .edutech-service-grid .service-item .symbol-box img {
  width: 3.125rem;
  aspect-ratio: 1/1;
}

.class-entry-request {
  padding: 1.25rem;
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-3);
}
@media (max-width: 767px) {
  .class-entry-request {
    padding: 1rem;
  }
}
.class-entry-request-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.875rem;
  padding: 0.625rem 0;
}
.class-entry-request-head-title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-500);
  text-align: center;
}
.class-entry-request-head-title .teacher-name {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-600);
}
.class-entry-request-head .icon.icon-arrow-book {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 7.5rem;
  height: 7.5rem;
  border-radius: var(--bbc-border-radius-max);
  background-color: #f6faff;
}
.class-entry-request-teacher {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1.125rem 1.25rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-0);
}
.class-entry-request-teacher .teacher-profile {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.class-entry-request-teacher .teacher-profile .avatar {
  width: 1.125rem;
  height: 1.125rem;
}
.class-entry-request-teacher .teacher-profile .teacher-info {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l2-700);
}
.class-entry-request-teacher .teacher-profile .teacher-info .teacher-name {
  color: var(--bbc-color-text-brand-primary);
  font: var(--bbc-typo-l2-700);
}
.class-entry-request-teacher .teacher-class {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l3-500);
}
.class-entry-request-content {
  display: flex;
  gap: 0.875rem;
}
.class-entry-request-content .class-info-thumb {
  position: relative;
}
.class-entry-request-content .class-info-thumb .chip {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 1;
}
.class-entry-request-content .class-info-thumb .thumb {
  position: relative;
  overflow: hidden;
  width: 7.8125rem;
  height: 5.875rem;
  border-radius: var(--bbc-border-radius-8);
}
.class-entry-request-content .class-info-thumb .thumb.is-entry-requested::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.72);
  background-image: url("/assets/images/thumb_entry_requested.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.class-entry-request-content .class-info-thumb .thumb.is-entry-requested .thumb-overlay-group {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  transform: translate(-50%, -50%);
}
.class-entry-request-content .class-info-thumb .thumb.is-entry-requested .thumb-overlay-group .thumb-overlay-text {
  color: var(--bbc-color-text-accent-0);
  font: var(--bbc-typo-b4-700);
  text-align: center;
}
.class-entry-request-content .class-info-desc .class-title {
  margin-bottom: 0.375rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b4-700);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  word-break: break-all !important;
}
.class-entry-request-content .class-info-desc .class-meta .class-period {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
.class-entry-request-content .class-info-desc .class-meta .class-period .period-separator {
  display: inline-block;
  margin: 0 0.125rem;
}
.class-entry-request-content .class-info-desc .class-meta .class-capacity .count-value {
  display: block;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-500);
}

#modal_license_agreement .agree-title {
  margin-bottom: 0.5rem;
  font: var(--bbc-typo-b2-600);
}
#modal_license_agreement .agree-desc {
  margin-bottom: 1.25rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
#modal_license_agreement .agree-desc strong {
  font-weight: var(--bbc-font-weight-500);
}

#modal_question_type .choice-group-title {
  margin-bottom: 1.25rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
#modal_question_type .choice-group {
  padding: 0 0.625rem;
}

#modal_unit .modal-body .modal-body-inner {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#modal_unit .data-list-box {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  background-color: var(--bbc-color-fill-natural-1);
}
#modal_unit .data-list-box .data-list {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
#modal_unit .data-list-box .data-list dt {
  flex: 0 0 auto;
  width: 4.375rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-500);
  word-break: break-all;
}
#modal_unit .data-list-box .data-list dd {
  flex: 1 1 auto;
  font: var(--bbc-typo-st2-500);
  word-break: break-all;
}
#modal_unit .fieldset {
  gap: 0.75rem;
  padding: 0 0.625rem;
}
#modal_unit .fieldset .field .field-title {
  flex: 0 0 auto;
  width: 3.4375rem;
  font: var(--bbc-typo-st2-600);
}
#modal_unit .fieldset .field .select {
  width: 100%;
}

#modal_question_bank_detail .modal-body-inner .question-section {
  display: flex;
  flex-direction: row;
  gap: 1.875rem;
}
@media (max-width: 1280px) {
  #modal_question_bank_detail .modal-body-inner .question-section {
    flex-direction: column;
  }
}
#modal_question_bank_detail .modal-body-inner .question-section .question-thumb {
  position: relative;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 18.4375rem;
  height: 13.8125rem;
  padding: 3.125rem 1.5rem 1.5rem;
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-1);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1280px) {
  #modal_question_bank_detail .modal-body-inner .question-section .question-thumb {
    width: 100%;
  }
}
#modal_question_bank_detail .modal-body-inner .question-section .question-thumb.is-green {
  background-image: url("/assets/images/sub/question_bank_thumb_bg_green.png");
}
#modal_question_bank_detail .modal-body-inner .question-section .question-thumb.is-teal {
  background-image: url("/assets/images/sub/question_bank_thumb_bg_teal.png");
}
#modal_question_bank_detail .modal-body-inner .question-section .question-thumb.is-brown {
  background-image: url("/assets/images/sub/question_bank_thumb_bg_brown.png");
}
#modal_question_bank_detail .modal-body-inner .question-section .question-thumb.is-purple {
  background-image: url("/assets/images/sub/question_bank_thumb_bg_purple.png");
}
#modal_question_bank_detail .modal-body-inner .question-section .question-thumb.is-navy {
  background-image: url("/assets/images/sub/question_bank_thumb_bg_navy.png");
}
#modal_question_bank_detail .modal-body-inner .question-section .question-thumb .thumb-title {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  width: calc(100% - 3rem);
}
#modal_question_bank_detail .modal-body-inner .question-section .question-thumb .thumb-title .subject {
  display: inline-block;
  width: 100%;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-t3-700);
  text-align: center;
}
#modal_question_bank_detail .modal-body-inner .question-section .question-thumb .thumb-title .subject-desc {
  width: 100%;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-st1-600);
  text-align: center;
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
#modal_question_bank_detail .modal-body-inner .question-section .question-info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0.75rem 0.625rem 0.5rem;
}
#modal_question_bank_detail .modal-body-inner .question-section .question-info .question-title {
  margin-bottom: 0.875rem;
  font: var(--bbc-typo-b1-700);
}
#modal_question_bank_detail .modal-body-inner .question-section .question-info .question-meta-list {
  flex: 1 1 auto;
  display: grid;
  row-gap: 0.75rem;
  grid-template-columns: 9.0625rem 9.0625rem 1fr;
}
@media (max-width: 1280px) {
  #modal_question_bank_detail .modal-body-inner .question-section .question-info .question-meta-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
#modal_question_bank_detail .modal-body-inner .question-section .question-info .question-meta-list .question-meta-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}
#modal_question_bank_detail .modal-body-inner .question-section .question-info .question-meta-list .question-meta-item .meta-label {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-500);
}
#modal_question_bank_detail .modal-body-inner .question-section .question-info .question-meta-list .question-meta-item .meta-value {
  flex: 1;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-600);
  word-break: keep-all;
}
#modal_question_bank_detail .modal-body-inner .divider {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
#modal_question_bank_detail .modal-body-inner .question-desc {
  margin-bottom: 0.875rem;
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-1);
}
#modal_question_bank_detail .modal-body-inner .question-desc .unit-group {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
#modal_question_bank_detail .modal-body-inner .question-desc .unit-group .unit-label {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-600);
}
#modal_question_bank_detail .modal-body-inner .question-desc .unit-group .unit-list {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
}
#modal_question_bank_detail .modal-body-inner .question-desc .unit-group .unit-list::before {
  content: "-";
  display: inline-block;
  margin-right: 0.375rem;
  color: #c6c6c6;
}
#modal_question_bank_detail .modal-body-inner .question-desc .unit-group .unit-list .unit-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#modal_question_bank_detail .modal-body-inner .question-desc .unit-group .unit-list .unit-item:not(:last-child) {
  margin-right: 0.375rem;
}
#modal_question_bank_detail .modal-body-inner .question-desc .unit-group .unit-list .unit-item:not(:last-child)::after {
  content: "";
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
#modal_question_bank_detail .modal-body-inner .question-desc .unit-group .unit-list .unit-item {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-400);
}
#modal_question_bank_detail .modal-body-inner .question-desc .content-group {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
#modal_question_bank_detail .modal-body-inner .question-desc .content-group .content-label {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-600);
}
#modal_question_bank_detail .modal-body-inner .question-desc .content-group .content-text {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
#modal_question_bank_detail .modal-body-inner .question-desc .content-group .content-text::before {
  content: "-";
  display: inline-block;
  margin-right: 0.375rem;
  color: #c6c6c6;
}
#modal_question_bank_detail .modal-body-inner .question-desc .content-group .content-text p {
  display: inline;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-400);
}
#modal_question_bank_detail .modal-body-inner .question-stats {
  display: flex;
  align-items: center;
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-1);
}
#modal_question_bank_detail .modal-body-inner .question-stats .stats-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#modal_question_bank_detail .modal-body-inner .question-stats .stats-item:not(:last-child) {
  margin-right: 1rem;
}
#modal_question_bank_detail .modal-body-inner .question-stats .stats-item .icon {
  color: var(--bbc-color-icon-natural-0);
}
#modal_question_bank_detail .modal-body-inner .question-stats .stats-item .stats-value {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}

#modal_report .report-notice {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.25rem;
}
#modal_report .report-notice .icon {
  color: var(--bbc-color-text-natural-1);
}
#modal_report .report-notice p {
  flex: 1;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
#modal_report .report-content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin: 1.875rem 0;
}
#modal_report .report-content .report-choice-group {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
#modal_report .report-desc.is-error .textarea {
  border-color: var(--bbc-color-stroke-required-0);
}
#modal_report .report-desc .report-input-area {
  margin-bottom: 0.375rem;
}
#modal_report .report-desc .report-error-text {
  margin-top: 0.375rem;
  color: var(--bbc-color-text-required-0);
  font: var(--bbc-typo-b3-400);
}

/* ───────────────────────────────────────
    📌 Popup
─────────────────────────────────────── */
.popup-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  overflow-y: auto;
  width: 100%;
  min-width: 18.125rem;
  height: 100%;
  padding: 0.9375rem;
  background-color: rgba(0, 0, 0, 0.72);
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.popup-container.is-open {
  display: flex;
}

.popup {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: 73.125rem;
  margin: auto;
}

.alert-tray {
  margin: 0 0 0.25rem;
}
.alert-tray-head {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.875rem;
}
.alert-tray-head .popup-title {
  display: flex;
  align-items: center;
  color: var(--bbc-color-text-accent-0);
  font: var(--bbc-typo-pop1-700);
}
.alert-tray-head .popup-title strong {
  display: inline-block;
  margin-right: 0.9375rem;
  margin-left: 1.125rem;
  color: rgb(151, 194, 255);
  font-weight: var(--bbc-font-weight-700);
}
.alert-tray-head .popup-title .megaphone-img {
  height: 110px;
}
@media (max-width: 767px) {
  .alert-tray-head .popup-title .megaphone-img {
    height: 48px;
  }
}
.alert-tray-head .popup-title .megaphone-img img {
  width: auto;
  height: 100%;
}
.alert-tray-body #alert-tray-carousel {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  margin: auto 0.25rem;
}
.alert-tray-body #alert-tray-carousel.is-single .carousel-track {
  width: 100%;
}
.alert-tray-body #alert-tray-carousel.is-single .swiper {
  width: -moz-fit-content;
  width: fit-content;
}
.alert-tray-body #alert-tray-carousel.is-single .swiper-wrapper {
  justify-content: center;
}
.alert-tray-body #alert-tray-carousel.is-single .swiper-wrapper .swiper-slide {
  margin: 0;
  margin-right: 0 !important;
}
@media (max-width: 1180px) {
  .alert-tray-body #alert-tray-carousel.is-single {
    width: 100%;
  }
  .alert-tray-body #alert-tray-carousel.is-single .carousel-track .swiper {
    width: 100%;
  }
}
.alert-tray-body #alert-tray-carousel .carousel-track {
  order: 2;
}
.alert-tray-body #alert-tray-carousel .carousel-track .swiper {
  width: 62.125rem;
}
@media (max-width: 1180px) {
  .alert-tray-body #alert-tray-carousel .carousel-track .swiper {
    width: 62.125rem;
  }
}
.alert-tray-body #alert-tray-carousel .carousel-track .swiper-wrapper .swiper-slide .carousel-item {
  overflow: hidden;
  width: 30.3125rem;
  height: 23.75rem;
  margin: 0.25rem auto;
  border-radius: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alert-tray-body #alert-tray-carousel .carousel-track .swiper-wrapper .swiper-slide .carousel-item:has(a:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-width: 0.25rem;
  outline-offset: 0;
}
@media (max-width: 1180px) {
  .alert-tray-body #alert-tray-carousel .carousel-track .swiper-wrapper .swiper-slide .carousel-item {
    margin: auto;
  }
}
@media (max-width: 767px) {
  .alert-tray-body #alert-tray-carousel .carousel-track .swiper-wrapper .swiper-slide .carousel-item {
    width: 18.75rem;
    height: 14.6875rem;
  }
}
.alert-tray-body #alert-tray-carousel .carousel-track .swiper-wrapper .swiper-slide .carousel-item a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.alert-tray-body #alert-tray-carousel .carousel-track .swiper-wrapper .swiper-slide .carousel-item a:hover img, .alert-tray-body #alert-tray-carousel .carousel-track .swiper-wrapper .swiper-slide .carousel-item a:focus-visible img, .alert-tray-body #alert-tray-carousel .carousel-track .swiper-wrapper .swiper-slide .carousel-item a:active img {
  scale: 1.05;
}
.alert-tray-body #alert-tray-carousel .carousel-track .swiper-wrapper .swiper-slide .carousel-item img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  -o-object-fit: contain;
     object-fit: contain;
}
.alert-tray-body #alert-tray-carousel .carousel-btn-prev,
.alert-tray-body #alert-tray-carousel .carousel-btn-next {
  position: static;
}
@media (max-width: 1180px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-prev,
  .alert-tray-body #alert-tray-carousel .carousel-btn-next {
    position: absolute;
    top: initial;
    bottom: -3.75rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  .alert-tray-body #alert-tray-carousel .carousel-btn-prev .icon::before,
  .alert-tray-body #alert-tray-carousel .carousel-btn-next .icon::before {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
  }
}
.alert-tray-body #alert-tray-carousel .carousel-btn-prev .icon,
.alert-tray-body #alert-tray-carousel .carousel-btn-next .icon {
  color: var(--bbc-color-icon-accent-0);
}
.alert-tray-body #alert-tray-carousel .carousel-btn-prev::after,
.alert-tray-body #alert-tray-carousel .carousel-btn-next::after {
  display: none;
}
.alert-tray-body #alert-tray-carousel .carousel-btn-next {
  order: 3;
}
@media (max-width: 1180px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-next {
    left: calc(100% - 15.15625rem);
  }
}
@media (max-width: 1024px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-next {
    left: calc(100% - 20.3125rem);
  }
}
@media (width <= 906px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-next {
    left: calc(100% - 14.0625rem);
  }
}
@media (max-width: 767px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-next {
    left: calc(100% - 9.375rem);
  }
}
@media (width <= 600px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-next {
    right: 3.625rem;
    left: initial;
  }
}
@media (max-width: 360px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-next {
    right: 1.5rem;
  }
}
.alert-tray-body #alert-tray-carousel .carousel-btn-prev {
  left: initial;
  order: 1;
}
@media (max-width: 1180px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-prev {
    right: calc(100% - 15.15625rem);
  }
}
@media (max-width: 1024px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-prev {
    right: calc(100% - 20.3125rem);
  }
}
@media (width <= 906px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-prev {
    right: calc(100% - 14.0625rem);
  }
}
@media (max-width: 767px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-prev {
    right: calc(100% - 9.375rem);
    left: initial;
  }
}
@media (width <= 600px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-prev {
    left: 3.625rem;
  }
}
@media (max-width: 360px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-prev {
    left: 1.5rem;
  }
}
.alert-tray-body #alert-tray-carousel .carousel-btn-pause {
  position: absolute;
}
.alert-tray-foot {
  width: 62.125rem;
  margin: 1.875rem auto 0;
}
@media (max-width: 1180px) {
  .alert-tray-foot {
    width: -moz-fit-content;
    width: fit-content;
    margin: 1.25rem auto 0;
  }
  .alert-tray-foot .btn-set-group {
    flex-direction: column;
    gap: 2.5rem;
  }
}
.alert-tray-foot .btn-set-group .carousel-controller {
  gap: 0.5rem;
}
.alert-tray-foot .btn-set-group .carousel-controller .carousel-btn-prev {
  margin-right: 0.75rem;
}
.alert-tray-foot .btn-set-group .carousel-controller .carousel-btn-next {
  margin-left: 0.75rem;
}
@media (max-width: 1180px) {
  .alert-tray-foot .btn-set-group .btn-set:last-child button {
    height: 3rem;
    padding: 0.3125rem 1.125rem;
    font: var(--bbc-typo-btn3-500);
  }
}

/* --------------------------------
 * 컨테이너(데스크톱/태블릿 기본)
 * -------------------------------- */
#widget-container {
  --bbc-widget-1col-max: 434px;
  --bbc-widget-2col-max: 892px;
  --bbc-widget-3col-max: 1350px;
  --bbc-widget-height: 490px;
  --bbc-widget-gap: 24px;
  margin: 0 auto;
  padding: 0 30px;
}
@media (max-width: 1366px) {
  #widget-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  #widget-container {
    --bbc-widget-gap: 16px;
    max-width: 100%;
    padding: 0 18px;
  }
}

/* --------------------------------
 * 위젯 카드 (데스크톱/태블릿 기본)
 * -------------------------------- */
.widget-item {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 100%;
  min-width: var(--bbc-widget-1col-max);
  /* 데스크톱/태블릿 기본 치수 */
  height: var(--bbc-widget-height);
  border-radius: var(--bbc-border-radius-20);
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-layer-floor-0);
  transition: all 0.3s ease;
}
.widget-item .widget-head {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.5625rem 1.875rem 1.25rem;
}
@media (max-width: 767px) {
  .widget-item .widget-head {
    padding: 1.125rem 1.5rem 1.25rem;
  }
}
.widget-item .widget-head .widget-head-left {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.widget-item .widget-title {
  font: var(--bbc-typo-t3-700);
}
.widget-item .widget-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 0 1.875rem 1.875rem;
  container-name: widget-body;
  container-type: inline-size;
}
@media (max-width: 767px) {
  .widget-item .widget-body {
    padding: 0 1.5rem 1.5rem;
  }
  .widget-item .widget-body .empty-state {
    min-height: 20rem;
  }
}
.widget-item .widget-body .empty-state .empty-state-layout {
  padding-bottom: 2.5rem;
}
@media (max-width: 767px) {
  .widget-item .widget-body .empty-state .empty-state-layout {
    padding-bottom: 1.875rem;
  }
}
.widget-item {
  /* 모바일(≤767px) 오버라이드 */
}
@media (max-width: 767px) {
  .widget-item {
    min-width: auto;
    height: auto;
  }
}

/* --------------------------------
 * Grid 래퍼 (데스크톱/태블릿 기본: 행 정렬)
 * -------------------------------- */
#widget-grid {
  display: flex;
  flex-flow: row wrap;
  gap: var(--bbc-widget-gap);
  /* 모바일(≤767px): 1열 */
}
@media (max-width: 767px) {
  #widget-grid {
    flex-direction: column;
  }
}
#widget-grid {
  /* 초기 위치 지정 완료 전까지 그리드를 비가시화 → translateX 적용 후 페이드인 */
}
#widget-grid[data-widgetgrid-ready=false] {
  visibility: hidden;
  opacity: 0;
}

/* ─────────────────────────────────────────
 * MODE: BASIC (고정 폭 3/2/1칸)
 * ───────────────────────────────────────── */
[data-widget~="grid-mode:basic"] #widget-container {
  /* 데스크톱/태블릿: 기본 레이아웃 적용 */
  width: 100%;
  max-width: 1410px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1366px) {
  [data-widget~="grid-mode:basic"] #widget-container {
    max-width: 1410px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] #widget-container {
    max-width: 1386px;
    padding-right: 18px;
    padding-left: 18px;
  }
}
[data-widget~="grid-mode:basic"] #widget-container {
  /* 모바일(≤767px): 컨테이너 폭/패딩은 상단 공통 로직을 따름 */
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] #widget-container {
    /* 필요 시 모바일 전용 보정만 추가 */
  }
}
[data-widget~="grid-mode:basic"] #widget-grid {
  /* 데스크톱/태블릿: 간격 유지 */
  gap: var(--bbc-widget-gap);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] #widget-grid {
    /* 모바일은 상단 #widget-grid에서 1열 전환 */
  }
}
[data-widget~="grid-mode:basic"] .widget-item {
  /* 데스크톱/태블릿: 기본 1칸 기준 */
  flex: 1 1 var(--bbc-widget-1col-max);
  max-width: none;
  /* 모바일(≤767px): 강제 1열 */
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] .widget-item {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:basic"] .widget-item[data-space="3"] {
  /* 데스크톱/태블릿: 3칸 */
  flex-basis: var(--bbc-widget-3col-max);
  max-width: var(--bbc-widget-3col-max);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] .widget-item[data-space="3"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:basic"] .widget-item[data-space="2"] {
  /* 데스크톱/태블릿: 2칸 */
  flex-basis: var(--bbc-widget-2col-max);
  max-width: var(--bbc-widget-2col-max);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] .widget-item[data-space="2"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:basic"] .widget-item[data-space="1"] {
  /* 데스크톱/태블릿: 1칸 */
  flex-basis: var(--bbc-widget-1col-max);
  max-width: var(--bbc-widget-1col-max);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] .widget-item[data-space="1"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:basic"] {
  /* 컨테이너가 넓지 못한 환경에서 강제 단폭 처리 */
}
[data-widget~="grid-mode:basic"].grid-basic-narrow .widget-item {
  max-width: 100% !important;
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"].grid-basic-narrow .widget-item {
    /* 모바일은 이미 100% */
  }
}

/* ─────────────────────────────────────────
 * MODE: FULL (일반) — 순서 유지 + 행 채우기
 * ───────────────────────────────────────── */
[data-widget~="grid-mode:full"] #widget-container {
  /* 데스크톱/태블릿: 가용폭 최대 */
  max-width: 100%;
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full"] #widget-container {
    /* 모바일은 상단 공통 컨테이너 규칙 */
  }
}
[data-widget~="grid-mode:full"] #widget-grid {
  gap: var(--bbc-widget-gap);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full"] #widget-grid {
    /* 모바일은 상단 #widget-grid에서 1열 전환 */
  }
}
[data-widget~="grid-mode:full"] .widget-item {
  /* 데스크톱/태블릿: 행 채우기 */
  flex: 1 1 auto;
  max-width: calc(100% - var(--bbc-widget-gap));
  height: var(--bbc-widget-height);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full"] .widget-item {
    flex-basis: auto;
    max-width: 100%;
    height: auto;
  }
}
[data-widget~="grid-mode:full"] .widget-item[data-space="3"] {
  flex-basis: var(--bbc-widget-3col-max);
  max-width: min(var(--bbc-widget-3col-max), 100% - var(--bbc-widget-gap));
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full"] .widget-item[data-space="3"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:full"] .widget-item[data-space="2"] {
  flex-basis: var(--bbc-widget-2col-max);
  max-width: min(var(--bbc-widget-2col-max), 100% - var(--bbc-widget-gap));
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full"] .widget-item[data-space="2"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:full"] .widget-item[data-space="1"] {
  flex-basis: var(--bbc-widget-1col-max);
  max-width: min(var(--bbc-widget-1col-max), 100% - var(--bbc-widget-gap));
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full"] .widget-item[data-space="1"] {
    flex-basis: auto;
    max-width: 100%;
  }
}

/* ─────────────────────────────────────────
 * MODE: FULL-OPT (전체모드 + 기본모드 배치정책)
 * ───────────────────────────────────────── */
[data-widget~="grid-mode:full-opt"] #widget-container {
  /* 데스크톱/태블릿: 가용폭 최대 */
  max-width: 100%;
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"] #widget-container {
    /* 모바일 공통 컨테이너 규칙 */
  }
}
[data-widget~="grid-mode:full-opt"] #widget-grid {
  gap: var(--bbc-widget-gap);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"] #widget-grid {
    /* 모바일은 상단 #widget-grid에서 1열 전환 */
  }
}
[data-widget~="grid-mode:full-opt"] .widget-item {
  /* 데스크톱/태블릿: 기본모드 배치 정책과 동일(1칸 기본) */
  flex: 1 1 var(--bbc-widget-1col-max);
  height: var(--bbc-widget-height);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"] .widget-item {
    flex-basis: auto;
    max-width: 100%;
    height: auto;
  }
}
[data-widget~="grid-mode:full-opt"] .widget-item[data-space="3"] {
  flex-basis: var(--bbc-widget-3col-max);
  max-width: var(--bbc-widget-3col-max);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"] .widget-item[data-space="3"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:full-opt"] .widget-item[data-space="2"] {
  flex-basis: var(--bbc-widget-2col-max);
  max-width: var(--bbc-widget-2col-max);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"] .widget-item[data-space="2"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:full-opt"] .widget-item[data-space="1"] {
  flex-basis: var(--bbc-widget-1col-max);
  max-width: var(--bbc-widget-1col-max);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"] .widget-item[data-space="1"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:full-opt"].grid-opt-narrow .widget-item {
  max-width: 100% !important;
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"].grid-opt-narrow .widget-item {
    /* 모바일은 이미 100% */
  }
}

/* ─────────────────────────────────────────
 * (보강) 모바일 강제 규칙 — 안전망
 * - 위에서 이미 모바일 오버라이드 했지만,
 *   예외/우선순위 꼬임 방지를 위한 안전망 유지
 * ───────────────────────────────────────── */
@media (max-width: 767px) {
  #widget-grid {
    flex-direction: column !important;
  }
  .widget-item {
    flex-basis: auto !important;
    width: 100% !important;
    height: auto !important;
  }
}
/* ───────────────────────────────────────
  📌 Widget My Classroom
─────────────────────────────────────── */
#widget-my-classroom .widget-body .js-scroll-container.js-has-scroll::after {
  display: none;
}
#widget-my-classroom .widget-body .segmented {
  flex: 0 0 auto;
  align-self: center;
  margin-bottom: 2.5rem;
}
#widget-my-classroom .widget-body .segmented .segmented-label {
  width: -moz-max-content;
  width: max-content;
}
#widget-my-classroom .widget-body .classroom {
  height: 100%;
}
@media (max-width: 767px) {
  #widget-my-classroom .widget-body .classroom .empty-state {
    min-height: auto;
  }
}
#widget-my-classroom .widget-body .classroom .classroom-list {
  display: grid;
  gap: 1.5rem;
}
@container widget-body (max-width: 800px) {
  #widget-my-classroom[data-space="3"] .widget-body .segmented {
    margin-bottom: 1.25rem;
  }
}
#widget-my-classroom[data-space="3"] .widget-body .classroom {
  height: 18.625rem;
}
@container widget-body (max-width: 800px) {
  #widget-my-classroom[data-space="3"] .widget-body .classroom {
    height: 20rem;
  }
}
#widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list {
  grid-template-columns: repeat(6, 1fr);
}
@container widget-body (max-width: 1120px) {
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@container widget-body (max-width: 1009px) {
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(4, 1fr);
  }
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
    height: 8.875rem;
  }
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb::after {
    background-size: contain;
  }
}
@container widget-body (max-width: 814px) {
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@container widget-body (max-width: 550px) {
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(2, 1fr);
  }
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
    height: 8.875rem;
  }
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb::after {
    background-size: contain;
  }
}
@container widget-body (max-width: 388px) {
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@container widget-body (width < 662px) {
  #widget-my-classroom[data-space="2"] .widget-body .segmented {
    margin-bottom: 1.25rem;
  }
}
#widget-my-classroom[data-space="2"] .widget-body .classroom {
  height: 18.375rem;
}
#widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
  grid-template-columns: repeat(3, 1fr);
}
@container widget-body (width >= 662px) and (width <= 892px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@container widget-body (width > 892px) and (width <= 1006px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(4, 1fr);
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
    height: 8.875rem;
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb::after {
    background-size: contain;
  }
}
@container widget-body (width > 1006px) and (width <= 1195px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(5, 1fr);
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
    height: 8.875rem;
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb::after {
    background-size: contain;
  }
}
@container widget-body (width > 1195px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@container widget-body (width >= 558px) and (width <= 814px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(3, 1fr);
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
    height: 8.875rem;
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb::after {
    background-size: contain;
  }
}
@container widget-body (width < 558px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(2, 1fr);
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
    height: 8.875rem;
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb::after {
    background-size: contain;
  }
}
@container widget-body (width <= 388px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
#widget-my-classroom[data-space="1"] .widget-body .segmented {
  margin-bottom: 1.25rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom {
  height: 20rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list {
  grid-template-columns: repeat(1, 1fr);
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item {
  display: flex;
  gap: 1.25rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
  width: 7.8125rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb .thumb-overlay-text {
  font: var(--bbc-typo-b4-700);
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info {
  margin-top: 0;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .classroom-title {
  margin: 0.125rem 0 0.375rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .classroom-meta {
  display: flex;
  flex-flow: initial;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .classroom-meta .classroom-capacity {
  order: 2;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .classroom-meta .classroom-capacity .count-label {
  display: none;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .classroom-meta .classroom-period {
  position: relative;
  order: 1;
  padding-right: 0.75rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .classroom-meta .classroom-period::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.375rem;
  width: 0.0625rem;
  height: 0.75rem;
  background-color: var(--bbc-color-stroke-natural-0);
  transform: translateY(-50%);
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .btn-set {
  justify-content: left;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .btn-set .btn {
  width: -moz-fit-content;
  width: fit-content;
}
#widget-my-classroom .classroom-item .classroom-head {
  position: relative;
}
#widget-my-classroom .classroom-item .classroom-head .chip {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 1;
}
#widget-my-classroom .classroom-item .classroom-head .thumb {
  position: relative;
  overflow: hidden;
  border-radius: var(--bbc-border-radius-8);
}
#widget-my-classroom .classroom-item .classroom-head .thumb.is-entry-requested::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.72);
  background-image: url("/assets/images/thumb_entry_requested.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#widget-my-classroom .classroom-item .classroom-head .thumb.is-entry-requested .thumb-overlay-group {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  transform: translate(-50%, -50%);
}
#widget-my-classroom .classroom-item .classroom-head .thumb.is-entry-requested .thumb-overlay-group .thumb-overlay-text {
  color: var(--bbc-color-text-accent-0);
  font: var(--bbc-typo-b1-700);
  text-align: center;
}
#widget-my-classroom .classroom-item .classroom-head .thumb.is-request-completed::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.72);
}
#widget-my-classroom .classroom-item .classroom-head .thumb.is-request-completed .thumb-overlay-group {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  transform: translate(-50%, -50%);
}
#widget-my-classroom .classroom-item .classroom-head .thumb.is-request-completed .thumb-overlay-group .thumb-overlay-text {
  color: var(--bbc-color-text-accent-0);
  font: var(--bbc-typo-b1-700);
  text-align: center;
}
#widget-my-classroom .classroom-item .classroom-head .thumb img {
  -o-object-fit: cover;
     object-fit: cover;
}
#widget-my-classroom .classroom-item .classroom-info {
  margin: 1rem 0 0;
  padding: 0 0.375rem;
}
#widget-my-classroom .classroom-item .classroom-info .classroom-title {
  margin-bottom: 0.5rem;
  font: var(--bbc-typo-b3-700);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta {
  display: flex;
  flex-flow: column wrap;
  gap: 0.125rem;
  margin-bottom: 1.375rem;
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-capacity {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-capacity .count-label {
  position: relative;
  padding-right: 0.75rem;
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-capacity .count-label::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.375rem;
  width: 0.0625rem;
  height: 0.75rem;
  background-color: var(--bbc-color-stroke-natural-0);
  transform: translateY(-50%);
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-capacity .count-label,
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-capacity .count-value {
  font: var(--bbc-typo-b4-500);
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-period {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-period .period-separator {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}

/* ───────────────────────────────────────
  📌 Widget Academic Calendar
─────────────────────────────────────── */
#widget-academic-calendar {
  display: flex;
  flex-direction: column;
}
#widget-academic-calendar .widget-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#widget-academic-calendar .calendar {
  flex: 1 1 auto;
  padding: 0 0.375rem;
}
#widget-academic-calendar .calendar table {
  border-collapse: separate;
  border-spacing: 2px 4px;
}
#widget-academic-calendar .calendar table thead tr th {
  padding: 0;
}
#widget-academic-calendar .calendar table thead tr th .date-name {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.75rem;
  font-size: var(--bbc-typo-b4-700);
}
#widget-academic-calendar .calendar table tbody tr td {
  padding: 0;
  cursor: pointer;
}
#widget-academic-calendar .calendar table tbody tr td.today .number {
  background-color: var(--bbc-color-fill-natural-0);
}
#widget-academic-calendar .calendar table tbody tr td.is-selected .number {
  background-color: var(--bbc-color-fill-brand-primary) !important;
  color: var(--bbc-color-text-accent-0) !important;
  font-weight: var(--bbc-font-weight-600) !important;
}
#widget-academic-calendar .calendar table tbody tr td .date-num {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
}
#widget-academic-calendar .calendar table tbody tr td .date-num .number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--bbc-border-radius-max);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b4-400);
}
#widget-academic-calendar .calendar table tbody tr td .date-num .event-dot {
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  margin: 0.1875rem auto auto;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-fill-brand-primary);
}
#widget-academic-calendar .divider {
  margin: 0 0.375rem 1rem;
  border-top: 1px solid var(--bbc-color-stroke-natural-5);
}
#widget-academic-calendar .event-container {
  height: 3.9375rem;
  padding: 0 0.375rem;
}
#widget-academic-calendar .event-container .event-list li {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l2-500);
}
#widget-academic-calendar .event-container .event-list li:not(:last-child) {
  margin-bottom: 0.1875rem;
}
#widget-academic-calendar .event-container .event-list li::before {
  content: "";
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-fill-brand-primary);
}

/* ───────────────────────────────────────
  📌 Widget User Guide
─────────────────────────────────────── */
#widget-user-guide {
  display: flex;
  flex-direction: column;
}
#widget-user-guide .widget-body {
  flex: 1 1 auto;
  display: flex;
}
#widget-user-guide .widget-body .guide-list {
  flex: 1;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
  #widget-user-guide .widget-body .guide-list {
    gap: 0.75rem;
  }
}
#widget-user-guide .widget-body .guide-list li {
  width: 100%;
  height: 100%;
}
#widget-user-guide .widget-body .guide-list li .symbol-box {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* ───────────────────────────────────────
  📌 Widget Communication Board
─────────────────────────────────────── */
#widget-communication-board .widget-head {
  padding-bottom: 1.25rem;
}
#widget-communication-board .widget-body {
  height: 25.3125rem;
}
@media (max-width: 767px) {
  #widget-communication-board .widget-body {
    height: 18.875rem;
  }
}
#widget-communication-board .widget-body .board-list {
  display: flex;
  flex-direction: column;
  margin: 0.125rem 0;
}
#widget-communication-board .widget-body .board-list li {
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
#widget-communication-board .widget-body .board-list li:first-child a {
  padding: 0 0.25rem 1.125rem 0;
}
#widget-communication-board .widget-body .board-list li:last-child {
  border-bottom: 0;
}
#widget-communication-board .widget-body .board-list li a {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin-left: 0.25rem;
  padding: 1.125rem 0.25rem;
}
#widget-communication-board .widget-body .board-list li a .icon-file-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 0.625rem;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-fill-natural-0);
  color: var(--bbc-color-icon-natural-0);
}
#widget-communication-board .widget-body .board-list li a span {
  flex: 1;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-600);
}

/* ───────────────────────────────────────
  📌 Widget Question Bank
─────────────────────────────────────── */
#widget-question-bank .widget-body {
  display: flex;
  flex-direction: row;
}
#widget-question-bank .widget-body .question-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
#widget-question-bank .widget-body .question-container .segmented {
  align-self: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1.25rem;
}
#widget-question-bank .widget-body .question-container .panel {
  flex: 1 1 auto;
}
#widget-question-bank .widget-body .question-container .panel .subject-list {
  flex: 1 1 auto;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
  height: 100%;
}
@media (max-width: 767px) {
  #widget-question-bank .widget-body .question-container .panel .subject-list {
    gap: 0.75rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 359px) {
  #widget-question-bank .widget-body .question-container .panel .subject-list {
    grid-template-columns: 1fr;
  }
}
#widget-question-bank .widget-body .question-container .panel .subject-list .subject-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.25rem 1.25rem 1.125rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-3);
}
@media (max-width: 767px) {
  #widget-question-bank .widget-body .question-container .panel .subject-list .subject-item {
    padding: 0.6875rem 0.8125rem 0.5625rem;
  }
}
#widget-question-bank .widget-body .question-container .panel .subject-list .subject-item .subject-name {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-st1-600);
}
@media (max-width: 767px) {
  #widget-question-bank .widget-body .question-container .panel .subject-list .subject-item .subject-name {
    font: var(--bbc-typo-st2-600);
  }
}
#widget-question-bank .widget-body .question-container .panel .subject-list .subject-item .subject-name .icon-chevron-right {
  display: flex;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--bbc-color-icon-natural-0);
}
#widget-question-bank .widget-body .question-container .panel .subject-list .subject-item .subject-data {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: right;
}
#widget-question-bank .widget-body .question-container .panel .subject-list .subject-item .subject-data::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 3.9375rem;
  display: inline-block;
  width: 3.125rem;
  height: 3.125rem;
  background-position: center center;
  background-repeat: no-repeat;
}
#widget-question-bank .widget-body .question-container .panel .subject-list .subject-item .subject-data span {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l2-500);
}
#widget-question-bank .widget-body .question-container .panel .subject-list .subject-item .subject-data strong {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-dt1-600);
}
#widget-question-bank .widget-body .ranking {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (max-width: 1023px) {
  #widget-question-bank .widget-body .ranking {
    display: none;
  }
}
#widget-question-bank .widget-body .ranking h4 {
  flex: 0 0 auto;
  display: inline-block;
  margin-top: 0.5rem;
  margin-bottom: 0.75rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-st1-600);
}
#widget-question-bank .widget-body .ranking h4 strong {
  color: var(--bbc-color-text-brand-primary);
  font: var(--bbc-typo-st1-600);
}
#widget-question-bank .widget-body .ranking .rank-list {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item:nth-child(1) a .rank-title::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m15.197%2015.138-1.576%203.441-2.768%206.048a.639.639%200%200%201-1.16.003l-.839-1.806-1.915.546a.639.639%200%200%201-.756-.88l2.665-5.827L10.526%2013l4.671%202.138Z'%20fill='%23FD978A'/%3e%3cpath%20d='m15.196%2015.138-1.576%203.441a2.672%202.672%200%200%201-1.854-1.172.986.986%200%200%200-1.01-.418%202.655%202.655%200%200%201-1.908-.327L10.526%2013l4.67%202.138Z'%20fill='%23EA796B'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441%202.768%206.048a.639.639%200%200%200%201.16.003l.84-1.806%201.915.546a.639.639%200%200%200%20.756-.88l-2.666-5.827L17.475%2013l-4.67%202.138Z'%20fill='%23FD978A'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441a2.672%202.672%200%200%200%201.854-1.172.986.986%200%200%201%201.011-.418%202.655%202.655%200%200%200%201.908-.327L17.475%2013l-4.67%202.138Z'%20fill='%23EA796B'/%3e%3cpath%20d='M15.754%202.538a2.105%202.105%200%200%200%202.168.898A2.105%202.105%200%200%201%2020.4%205.914a2.105%202.105%200%200%200%20.898%202.168%202.105%202.105%200%200%201%200%203.505%202.105%202.105%200%200%200-.898%202.168%202.105%202.105%200%200%201-2.478%202.478%202.105%202.105%200%200%200-2.168.898%202.105%202.105%200%200%201-3.505%200%202.105%202.105%200%200%200-2.168-.898%202.105%202.105%200%200%201-2.479-2.478%202.105%202.105%200%200%200-.897-2.168%202.105%202.105%200%200%201%200-3.505%202.105%202.105%200%200%200%20.897-2.168%202.105%202.105%200%200%201%202.48-2.478%202.105%202.105%200%200%200%202.167-.898%202.105%202.105%200%200%201%203.505%200Z'%20fill='%23FFD753'/%3e%3cpath%20d='m14.725%206.644.464%201.146a.787.787%200%200%200%20.673.488l1.233.089c.705.05.991.931.45%201.386l-.945.796c-.23.194-.329.5-.257.791l.297%201.2a.787.787%200%200%201-1.18.857l-1.049-.653a.787.787%200%200%200-.831%200l-1.05.653a.787.787%200%200%201-1.18-.857l.298-1.2a.787.787%200%200%200-.257-.79l-.946-.797a.787.787%200%200%201%20.45-1.386l1.234-.089c.299-.02.56-.21.673-.488l.465-1.146a.787.787%200%200%201%201.458%200Z'%20fill='%23FFB52F'/%3e%3c/svg%3e");
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item:nth-child(2) a .rank-title::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m15.197%2015.138-1.576%203.441-2.768%206.048a.639.639%200%200%201-1.16.003l-.839-1.806-1.915.546a.639.639%200%200%201-.756-.88l2.665-5.827L10.526%2013l4.671%202.138Z'%20fill='%232596FF'/%3e%3cpath%20d='m15.196%2015.138-1.576%203.441a2.672%202.672%200%200%201-1.854-1.172.986.986%200%200%200-1.01-.418%202.655%202.655%200%200%201-1.908-.327L10.526%2013l4.67%202.138Z'%20fill='%230480F4'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441%202.768%206.048a.639.639%200%200%200%201.16.003l.84-1.806%201.915.546a.639.639%200%200%200%20.756-.88l-2.666-5.827L17.475%2013l-4.67%202.138Z'%20fill='%232596FF'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441a2.672%202.672%200%200%200%201.854-1.172.986.986%200%200%201%201.011-.418%202.655%202.655%200%200%200%201.908-.327L17.475%2013l-4.67%202.138Z'%20fill='%230480F4'/%3e%3cpath%20d='M15.754%202.538a2.105%202.105%200%200%200%202.168.898A2.105%202.105%200%200%201%2020.4%205.914a2.105%202.105%200%200%200%20.898%202.168%202.105%202.105%200%200%201%200%203.505%202.105%202.105%200%200%200-.898%202.168%202.105%202.105%200%200%201-2.478%202.478%202.105%202.105%200%200%200-2.168.898%202.105%202.105%200%200%201-3.505%200%202.105%202.105%200%200%200-2.168-.898%202.105%202.105%200%200%201-2.479-2.478%202.105%202.105%200%200%200-.897-2.168%202.105%202.105%200%200%201%200-3.505%202.105%202.105%200%200%200%20.897-2.168%202.105%202.105%200%200%201%202.48-2.478%202.105%202.105%200%200%200%202.167-.898%202.105%202.105%200%200%201%203.505%200Z'%20fill='%23D7DFE8'/%3e%3cpath%20d='m14.725%206.644.464%201.146a.787.787%200%200%200%20.673.488l1.233.089c.705.05.991.931.45%201.386l-.945.796c-.23.194-.329.5-.257.791l.297%201.2a.787.787%200%200%201-1.18.857l-1.049-.653a.787.787%200%200%200-.831%200l-1.05.653a.787.787%200%200%201-1.18-.857l.298-1.2a.787.787%200%200%200-.257-.79l-.946-.797a.787.787%200%200%201%20.45-1.386l1.234-.089c.299-.02.56-.21.673-.488l.465-1.146a.787.787%200%200%201%201.458%200Z'%20fill='%23B4C1CF'/%3e%3c/svg%3e");
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item:nth-child(3) a .rank-title::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m15.197%2015.138-1.576%203.441-2.768%206.048a.639.639%200%200%201-1.16.003l-.839-1.806-1.915.546a.639.639%200%200%201-.756-.88l2.665-5.827L10.526%2013l4.671%202.138Z'%20fill='%236ADA8E'/%3e%3cpath%20d='m15.196%2015.138-1.576%203.441a2.672%202.672%200%200%201-1.854-1.172.986.986%200%200%200-1.01-.418%202.655%202.655%200%200%201-1.908-.327L10.526%2013l4.67%202.138Z'%20fill='%234EBF72'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441%202.768%206.048a.639.639%200%200%200%201.16.003l.84-1.806%201.915.546a.639.639%200%200%200%20.756-.88l-2.666-5.827L17.475%2013l-4.67%202.138Z'%20fill='%236ADA8E'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441a2.672%202.672%200%200%200%201.854-1.172.986.986%200%200%201%201.011-.418%202.655%202.655%200%200%200%201.908-.327L17.475%2013l-4.67%202.138Z'%20fill='%234EBF72'/%3e%3cpath%20d='M15.754%202.538a2.105%202.105%200%200%200%202.168.898A2.105%202.105%200%200%201%2020.4%205.914a2.105%202.105%200%200%200%20.898%202.168%202.105%202.105%200%200%201%200%203.505%202.105%202.105%200%200%200-.898%202.168%202.105%202.105%200%200%201-2.478%202.478%202.105%202.105%200%200%200-2.168.898%202.105%202.105%200%200%201-3.505%200%202.105%202.105%200%200%200-2.168-.898%202.105%202.105%200%200%201-2.479-2.478%202.105%202.105%200%200%200-.897-2.168%202.105%202.105%200%200%201%200-3.505%202.105%202.105%200%200%200%20.897-2.168%202.105%202.105%200%200%201%202.48-2.478%202.105%202.105%200%200%200%202.167-.898%202.105%202.105%200%200%201%203.505%200Z'%20fill='%23E0B097'/%3e%3cpath%20d='m14.725%206.644.464%201.146a.787.787%200%200%200%20.673.488l1.233.089c.705.05.991.931.45%201.386l-.945.796c-.23.194-.329.5-.257.791l.297%201.2a.787.787%200%200%201-1.18.857l-1.049-.653a.787.787%200%200%200-.831%200l-1.05.653a.787.787%200%200%201-1.18-.857l.298-1.2a.787.787%200%200%200-.257-.79l-.946-.797a.787.787%200%200%201%20.45-1.386l1.234-.089c.299-.02.56-.21.673-.488l.465-1.146a.787.787%200%200%201%201.458%200Z'%20fill='%23C58B6D'/%3e%3c/svg%3e");
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item:nth-child(n+4) a .rank-title::before {
  background-image: url("data:image/svg+xml,%3csvg%20width='28'%20height='28'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m15.197%2015.138-1.576%203.441-2.768%206.048a.639.639%200%200%201-1.16.003l-.839-1.806-1.915.546a.639.639%200%200%201-.756-.88l2.665-5.827L10.526%2013l4.671%202.138Z'%20fill='%23567DC0'/%3e%3cpath%20d='m15.196%2015.138-1.576%203.441a2.672%202.672%200%200%201-1.854-1.172.986.986%200%200%200-1.01-.418%202.655%202.655%200%200%201-1.908-.327L10.526%2013l4.67%202.138Z'%20fill='%23466CB0'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441%202.768%206.048a.639.639%200%200%200%201.16.003l.84-1.806%201.915.546a.639.639%200%200%200%20.756-.88l-2.666-5.827L17.475%2013l-4.67%202.138Z'%20fill='%23567DC0'/%3e%3cpath%20d='m12.805%2015.138%201.575%203.441a2.672%202.672%200%200%200%201.854-1.172.986.986%200%200%201%201.011-.418%202.655%202.655%200%200%200%201.908-.327L17.475%2013l-4.67%202.138Z'%20fill='%23466CB0'/%3e%3cpath%20d='M15.754%202.538a2.105%202.105%200%200%200%202.168.898A2.105%202.105%200%200%201%2020.4%205.914a2.105%202.105%200%200%200%20.898%202.168%202.105%202.105%200%200%201%200%203.505%202.105%202.105%200%200%200-.898%202.168%202.105%202.105%200%200%201-2.478%202.478%202.105%202.105%200%200%200-2.168.898%202.105%202.105%200%200%201-3.505%200%202.105%202.105%200%200%200-2.168-.898%202.105%202.105%200%200%201-2.479-2.478%202.105%202.105%200%200%200-.897-2.168%202.105%202.105%200%200%201%200-3.505%202.105%202.105%200%200%200%20.897-2.168%202.105%202.105%200%200%201%202.48-2.478%202.105%202.105%200%200%200%202.167-.898%202.105%202.105%200%200%201%203.505%200Z'%20fill='%239F9F9F'/%3e%3cpath%20d='m14.725%206.644.464%201.146a.787.787%200%200%200%20.673.488l1.233.089c.705.05.991.931.45%201.386l-.945.796c-.23.194-.329.5-.257.791l.297%201.2a.787.787%200%200%201-1.18.857l-1.049-.653a.787.787%200%200%200-.831%200l-1.05.653a.787.787%200%200%201-1.18-.857l.298-1.2a.787.787%200%200%200-.257-.79l-.946-.797a.787.787%200%200%201%20.45-1.386l1.234-.089c.299-.02.56-.21.673-.488l.465-1.146a.787.787%200%200%201%201.458%200Z'%20fill='%238F8F8F'/%3e%3c/svg%3e");
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item:last-child a {
  border-bottom: none;
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item a {
  display: flex;
  align-items: flex-start;
  padding: 1.125rem 0.125rem;
  border-bottom: 0.0625rem solid var(--bbc-color-stroke-natural-0);
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item a .rank-title {
  display: flex;
  align-items: center;
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item a .rank-title::before {
  content: "";
  display: inline-block;
  margin-right: 0.25rem;
  padding-bottom: 1.5rem;
  padding-left: 1.5rem;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item a .rank-title strong {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-600);
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item a .chip {
  margin: 0 0.5rem 0 1rem;
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item a .rank-desc {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-500);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
#widget-question-bank[data-space="3"] .widget-body {
  gap: 2.5rem;
}
#widget-question-bank[data-space="3"] .widget-body .question-container .panel:nth-child(2) .subject-list .subject-item:nth-child(1) .subject-data::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M39.473%2028.646c-5.44%201.385-8.136.345-8.967-2.92l-1.427-5.605c-.33-1.297.37-2.487%201.784-2.846l8.67-2.071c1.201-.306%202.108.203%202.367%201.222.26%201.02-.358%201.842-1.512%202.136l-6.999%201.645c-.118.03-.153.089-.106.274l1.067%204.192c.342%201.343%201.56%201.304%204.292.61%201.672-.426%201.8-.595%203.048-1.307a2.44%202.44%200%200%201%20.548-.213c1.036-.264%201.896.257%202.173%201.346.188.74-.188%201.428-1.066%201.923-1.218.73-1.729%201.07-3.872%201.614Z'%20fill='%2337CC84'/%3e%3cpath%20d='M25.249%2037.958c-5.114-1.293-7.24-3.692-6.356-7.193l1.434-5.672c.277-1.097%201.192-1.61%202.357-1.316l.095.024c1.213.307%201.774%201.193%201.497%202.29l-1.357%205.368c-.431%201.704.444%202.447%203.132%203.126%201.736.44%202.816.018%204.457-.064.279-.004.529.01.743.064%201.022.258%201.654%201.064%201.37%202.184-.188.747-.888%201.215-1.81%201.256-1.901.115-3.35.492-5.562-.067Z'%20fill='%23FFB13C'/%3e%3cpath%20d='M12.156%2028.925c-.594-.468-.83-1.037-.74-1.66.032-.225.123-.517.242-.831.975-1.998%201.402-3.77%201.91-7.286.062-.424.004-.534-.356-.586l-6.669-.712c-1.177-.17-1.824-.95-1.662-2.073.159-1.097%201.032-1.71%202.184-1.543l8.59.99c1.441.207%202.302%201.375%202.097%202.797-.778%205.387-1.333%207.7-2.717%2010.326-.37.685-1.186%201.077-1.954.966a1.93%201.93%200%200%201-.925-.388Z'%20fill='%23FF69CD'/%3e%3c/svg%3e");
}
#widget-question-bank[data-space="3"] .widget-body .question-container .panel:nth-child(2) .subject-list .subject-item:nth-child(2) .subject-data::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.687%2031.307c-1.118.65-.885%202.328.368%202.648l28.269%207.22a1.444%201.444%200%200%200%201.756-1.043l7.088-27.756c.317-1.24-1.017-2.248-2.124-1.606L5.687%2031.307Zm17.344-.126c-1.252-.32-1.486-1.998-.368-2.648l7.978-4.634c1.107-.643%202.441.366%202.125%201.606l-1.6%206.263a1.444%201.444%200%200%201-1.756%201.041l-6.379-1.628Z'%20fill='%2366B4F5'/%3e%3cpath%20d='m40.9%2012.978-.57.332-.814-1.397.569-.332.815%201.397ZM38.627%2014.301l-.57.332-.815-1.398.57-.332.815%201.398ZM36.354%2015.63l-.57.331-.815-1.398.569-.332.816%201.398ZM34.994%2018.505l-.569.332-1.722-2.95.57-.331%201.721%202.95ZM31.83%2018.277l-.569.332-.816-1.396.57-.333.815%201.397ZM29.557%2019.602l-.57.332-.815-1.398.569-.332.816%201.398ZM27.291%2020.928l-.57.333-.815-1.399.57-.332.815%201.398ZM25.908%2023.802l-.569.333-1.722-2.95.57-.332%201.721%202.95ZM22.744%2023.577l-.57.332-.815-1.396.57-.332.815%201.396ZM20.486%2024.9l-.569.332-.815-1.397.569-.332.815%201.397ZM18.213%2026.229l-.57.332-.815-1.398.57-.332.815%201.398ZM16.845%2029.102l-.569.332-1.721-2.949.569-.332%201.721%202.95ZM13.666%2028.876l-.57.332-.815-1.396.57-.332.815%201.396ZM11.409%2030.199l-.57.332-.816-1.396.57-.333.816%201.397ZM9.143%2031.526l-.569.332-.816-1.397.569-.333.816%201.398Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
#widget-question-bank[data-space="3"] .widget-body .question-container .panel:nth-child(2) .subject-list .subject-item:nth-child(3) .subject-data::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M45.281%2037.377V12.632a2.41%202.41%200%200%200-2.41-2.41H7.158a2.41%202.41%200%200%200-2.41%202.41v24.745a2.41%202.41%200%200%200%202.41%202.41h35.713a2.41%202.41%200%200%200%202.41-2.41Z'%20fill='%238C6248'/%3e%3cpath%20d='M40.728%2012.956H9.305a2%202%200%200%200-2%202v20.09a2%202%200%200%200%202%202h31.423a2%202%200%200%200%202-2v-20.09a2%202%200%200%200-2-2Z'%20fill='%236CBD8D'/%3e%3cpath%20d='m34.504%2027.542-1.41%201.41a1.162%201.162%200%200%200%200%201.642l7.513%207.512c.453.453%201.189.453%201.642%200l1.41-1.409a1.162%201.162%200%200%200%200-1.643l-7.513-7.512a1.162%201.162%200%200%200-1.642%200ZM11.906%2032.718V22.61c0-1.68.521-2.983%201.566-3.94%201.043-.926%202.375-1.39%204.054-1.39%201.564%200%202.868.464%203.91%201.39.984.957%201.505%202.26%201.505%203.94v10.108h-1.97v-5.04h-7.095v5.04h-1.97Zm9.066-9.732c0-1.159-.319-2.086-.955-2.75-.665-.639-1.507-.986-2.49-.986-1.102%200-1.97.347-2.637.985-.694.665-1.014%201.592-1.014%202.751v2.723h7.096v-2.723ZM28.825%2029.27v-3.727h-3.7v-1.81h3.7v-3.726h1.81v3.726h3.699v1.81h-3.7v3.727h-1.81Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
#widget-question-bank[data-space="3"] .widget-body .question-container .panel:nth-child(2) .subject-list .subject-item:nth-child(4) .subject-data::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M30.619%204.772%2028.688%204%2016.037%2035.694l1.931.77%2012.65-31.692Z'%20fill='%23FFB13C'/%3e%3cpath%20d='M36.778%2020.234c0%20.237-.005.471-.02.705a13.05%2013.05%200%200%201-.196%201.683%2013.3%2013.3%200%200%201-2.53%205.753%2013.576%2013.576%200%200%201-3.309%203.093%2013.403%2013.403%200%200%201-7.044%202.21c-.116.003-.231.003-.35.003a13.404%2013.404%200%200%201-9.183-3.623%2013.402%2013.402%200%200%201-4.263-9.824c0-6.733%204.95-12.311%2011.41-13.295a13.547%2013.547%200%200%201%202.673-.136c1.656.077%203.232.453%204.675%201.075%204.657%202.003%207.957%206.562%208.128%2011.912.006.148.01.296.01.444Z'%20fill='%238AD4FF'/%3e%3cpath%20d='M12.07%2020.626v.058c0%20.515.418.933.934.933H16.9a2.96%202.96%200%200%201%202.96%202.96v.798c0%20.818-.331%201.557-.867%202.093a2.952%202.952%200%200%201-2.093.867c-.955%200-1.85.46-2.407%201.237l-.346.483a13.41%2013.41%200%200%201-4.265-9.824c0-6.735%204.95-12.313%2011.41-13.294v3.123a5.529%205.529%200%200%201-2.652%204.721l-.425.259a5.54%205.54%200%200%200-1.948%202.019%205.524%205.524%200%200%201-3.479%202.659.94.94%200%200%200-.719.908ZM34.04%2028.374a13.427%2013.427%200%200%201-10.352%205.302l.666-1.371a2.41%202.41%200%200%201%202.168-1.357h.518a2.41%202.41%200%200%200%202.133-1.287%202.41%202.41%200%200%201%202.132-1.287h2.736ZM32.587%2019.043c0-.636-.516-1.151-1.151-1.151h-4.317a1.984%201.984%200%200%200-1.797%202.824l2.24%204.783a1.867%201.867%200%200%200%203.559-.792v-3.276c0-.314.128-.614.354-.83l.758-.727c.226-.217.354-.517.354-.831ZM36.769%2019.789c-.174-5.35-3.471-9.909-8.128-11.913v1.026c0%20.135.008.268.024.396a1.943%201.943%200%200%201-1.049%201.953l-.896.46a1.543%201.543%200%200%200%20.706%202.917h1.696c.852%200%201.543-.691%201.543-1.544v-1.163c0-.512.415-.926.927-.926.733%200%201.328.937%201.328%202.092%200%20.578.15%201.1.39%201.48.24.378.572.612.939.612h.147c.733%200%201.328.937%201.328%202.092V18.9c0%20.996.442%201.83%201.034%202.04a13.75%2013.75%200%200%200%20.01-1.15Z'%20fill='%232EBD8B'%20style='mix-blend-mode:multiply'%20opacity='.8'/%3e%3cpath%20d='M24.099%2036.546c-1.97%200-3.973-.366-5.912-1.14l.471-1.18c7.542%203.011%2016.128-.676%2019.14-8.218%203.01-7.542-.678-16.128-8.22-19.139l.471-1.179c8.193%203.27%2012.197%2012.596%208.928%2020.789-2.497%206.254-8.522%2010.067-14.878%2010.067Z'%20fill='%23FFB13C'/%3e%3cpath%20d='M24.943%2039.944v-3.556H22.43v3.556a3.368%203.368%200%200%201-3.367%203.367%203.368%203.368%200%200%200-3.368%203.368v.592h15.983v-.592a3.368%203.368%200%200%200-3.367-3.368%203.368%203.368%200%200%201-3.368-3.367Z'%20fill='%23FFB13C'/%3e%3c/svg%3e");
}
#widget-question-bank[data-space="3"] .widget-body .question-container .panel:nth-child(2) .subject-list .subject-item:nth-child(5) .subject-data::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M25.005%2045.997c3.99%200%207.224-9.4%207.224-20.996%200-11.596-3.234-20.996-7.224-20.996s-7.224%209.4-7.224%2020.996c0%2011.596%203.234%2020.996%207.224%2020.996Z'%20stroke='%23B6C7E1'%20stroke-width='1.906'%20stroke-miterlimit='10'/%3e%3cpath%20d='M43.19%2035.5c1.994-3.454-4.53-10.955-14.572-16.753-10.042-5.798-19.8-7.697-21.795-4.242-1.995%203.455%204.529%2010.956%2014.571%2016.754%2010.043%205.798%2019.8%207.697%2021.795%204.242Z'%20stroke='%23B6C7E1'%20stroke-width='1.906'%20stroke-miterlimit='10'/%3e%3cpath%20d='M28.618%2031.255c10.042-5.798%2016.566-13.299%2014.571-16.754-1.995-3.455-11.753-1.556-21.795%204.242-10.042%205.798-16.566%2013.3-14.571%2016.754%201.995%203.455%2011.753%201.556%2021.795-4.242Z'%20stroke='%23B6C7E1'%20stroke-width='1.906'%20stroke-miterlimit='10'/%3e%3cpath%20d='M24.994%2029.557a4.556%204.556%200%201%200%200-9.113%204.556%204.556%200%200%200%200%209.113Z'%20fill='%2337CC84'/%3e%3cpath%20d='M8.056%2022.207a2.322%202.322%200%201%200%200-4.644%202.322%202.322%200%200%200%200%204.644Z'%20fill='%23FF69CD'/%3e%3cpath%20d='M37.535%2015.436a2.761%202.761%200%201%200%200-5.523%202.761%202.761%200%200%200%200%205.523Z'%20fill='%23FFB13C'/%3e%3cpath%20d='M38.734%2037.118c0%20.035%200%20.07-.003.104a1.959%201.959%200%200%201-.401%201.095%201.973%201.973%200%200%201-1.525.78h-.051c-.523%200-.999-.202-1.353-.533a1.981%201.981%200%201%201%203.333-1.447Z'%20fill='%238AD4FF'/%3e%3c/svg%3e");
}
#widget-question-bank[data-space="3"] .widget-body .question-container .panel:nth-child(3) .subject-list .subject-item:nth-child(1) .subject-data::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40.222%2027.346c-1.205.527-2.228.765-3.128.73-.892-.034-1.687-.242-2.364-.62-.75-.4-1.207-.909-1.359-1.512a2.047%202.047%200%200%201%20.265-1.654c.21-.337.506-.597.86-.75.211-.093.444-.15.69-.166a2.801%202.801%200%200%201%201.48.299l.014.007c.25.132.516.187.813.17a2.7%202.7%200%200%200%20.923-.195c.778-.34.952-.634.99-.745.096-.273.045-.64-.152-1.091-.147-.336-.283-.462-.352-.507a.842.842%200%200%200-.46-.128c-.296%200-.642.06-1.027.178-.453.139-.958.329-1.5.566l-.265.115c-.753.33-1.343.209-1.707.05a2.021%202.021%200%200%201-1.068-1.053%202.042%202.042%200%200%201-.04-1.517c.133-.38.453-.904%201.222-1.24l.203-.089c.55-.24%201.014-.475%201.378-.7.292-.179.507-.36.64-.539a.885.885%200%200%201%20.024-.03.552.552%200%200%200%20.131-.328c.006-.096-.009-.314-.176-.697a.806.806%200%200%200-.168-.228%201.148%201.148%200%200%200-.293-.214%201.074%201.074%200%200%200-.391-.061c-.166%200-.381.056-.623.161a2.12%202.12%200%200%200-.708.508%201.512%201.512%200%200%200-.372.7%202.955%202.955%200%200%201-.817%201.338c-.18.169-.38.301-.592.394a1.91%201.91%200%200%201-1.149.117%202.055%202.055%200%200%201-1.339-.896c-.332-.497-.404-1.145-.216-1.982.065-.307.168-.632.305-.965a4.19%204.19%200%200%201%20.712-1.123c.281-.336.64-.672%201.068-.998.434-.333.982-.645%201.628-.926%201.485-.649%202.866-.75%204.104-.3%201.258.457%202.21%201.41%202.832%202.833.411.942.57%201.759.487%202.497-.027.234-.075.47-.145.706.313.101.612.239.896.413a4.137%204.137%200%200%201%201.66%201.91c.311.713.514%201.428.601%202.123.094.748.03%201.468-.189%202.14-.218.703-.619%201.346-1.19%201.913-.54.537-1.26%201.003-2.137%201.387Z'%20fill='%23FF69CD'/%3e%3cpath%20d='M23.297%2040.572c-.682%200-1.324-.008-1.907-.023a53.6%2053.6%200%200%200-1.23-.023c-.265%200-.523-.028-.768-.084a2.436%202.436%200%200%201-.766-.316%201.837%201.837%200%200%201-.766-.797c-.154-.305-.229-.666-.229-1.102v-1.031a13.203%2013.203%200%200%201%20.126-1.596c.104-.732.345-1.332.716-1.784a5.229%205.229%200%200%201%201.041-.968l.015-.01a22.563%2022.563%200%200%201%201.733-1.059c.533-.295%201.03-.614%201.477-.95.006-.003.012-.008.017-.012a4.69%204.69%200%200%200%201.006-.966c.207-.272.323-.583.354-.948.028-.624-.055-.884-.092-.968-.064-.144-.248-.266-.391-.343a1.995%201.995%200%200%200-.964-.254c-.226%200-.419.036-.588.11l-.015.006a1.194%201.194%200%200%200-.486.363c-.129.16-.213.365-.258.623a2.056%202.056%200%200%201-.916%201.412%202.411%202.411%200%200%201-1.363.395%202.983%202.983%200%200%201-.33-.02%202.082%202.082%200%200%201-1.136-.574c-.284-.27-.607-.771-.54-1.621.04-.854.237-1.616.586-2.265a4.551%204.551%200%200%201%201.463-1.629%205.43%205.43%200%200%201%201.965-.842%207.813%207.813%200%200%201%201.653-.169c.2%200%20.408.007.617.02l.025.002c1.026.089%201.942.341%202.723.75.841.44%201.483%201.042%201.907%201.788.316.554.512%201.162.582%201.805.06.562.065%201.18.014%201.838a5.08%205.08%200%200%201-.89%202.53%208.498%208.498%200%200%201-1.642%201.76c-.604.49-1.246.931-1.903%201.31-.595.341-1.126.663-1.58.956a1.046%201.046%200%200%200-.34.325.962.962%200%200%200-.118.322c.355.024.742.036%201.153.036.462%200%20.92-.008%201.361-.023.483-.016.896-.023%201.262-.023h.79c.034%200%20.067.001.1.005.537.049.985.205%201.33.464.324.243.71.717.71%201.601%200%20.335-.097.834-.554%201.311-.363.38-.871.588-1.513.62-.366.032-.863.048-1.516.048h-1.924Z'%20fill='%2337CC84'/%3e%3cpath%20d='M8.083%2027.89c-.06-.018-.12-.04-.181-.063a2.367%202.367%200%200%201-1.036-.707c-.252-.286-.628-.924-.31-1.957l.777-2.515c.298-.967.618-1.975.95-2.996.337-1.037.67-2.07.987-3.072.126-.399.25-.788.372-1.167a5.127%205.127%200%200%201-.336-.031%201.905%201.905%200%200%201-.322-.07c-.388-.12-1.074-.478-1.304-1.536a1.038%201.038%200%200%201-.012-.057c-.139-.84.13-1.373.379-1.672.261-.314.645-.572%201.208-.81l.028-.012c.114-.045.3-.112.567-.204.258-.089.54-.18.863-.282.317-.1.638-.192.954-.276a106.509%20106.509%200%200%200%20.778-.208%202.139%202.139%200%200%201%201.16.029c.81.25%201.343.692%201.582%201.314.2.523.198%201.122-.005%201.782l-1.176%203.809c-.244.79-.514%201.637-.802%202.516l-.835%202.537a107.327%20107.327%200%200%201-1.499%204.252%202.564%202.564%200%200%201-1.05%201.21c-.518.313-1.119.377-1.736.186Z'%20fill='%23FFB13C'/%3e%3c/svg%3e");
}
#widget-question-bank[data-space="3"] .widget-body .question-container .panel:nth-child(3) .subject-list .subject-item:nth-child(2) .subject-data::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.144%209.902c-4.61.773-7.73%205.152-6.958%209.763l.817%204.872c.773%204.61%205.152%207.732%209.762%206.96%204.61-.774%207.731-5.153%206.958-9.764l-.817-4.871c-.771-4.612-5.15-7.733-9.762-6.96ZM19.5%2022.607a3.184%203.184%200%200%201-2.611%203.664%203.184%203.184%200%200%201-3.664-2.612l-.817-4.871a3.184%203.184%200%200%201%202.612-3.664c1.73-.29%203.373.881%203.664%202.612l.816%204.871Z'%20fill='%2366B4F5'/%3e%3cpath%20d='M12.444%2012.312c.417.39.039%201.473-.847%202.416-.885.945-1.94%201.392-2.356%201-.417-.39-.039-1.473.846-2.417.886-.944%201.94-1.392%202.357-1v.001Z'%20fill='%23fff'/%3e%3cpath%20d='M43.19%2022.388a2.363%202.363%200%200%200-3.341-.032l-4.313%204.232-2.738-5.384a2.362%202.362%200%201%200-4.21%202.141L32%2030.06l-5.374%205.275a2.362%202.362%200%200%200%203.308%203.371l4.313-4.231%202.739%205.385a2.356%202.356%200%200%200%201.727%201.261%202.362%202.362%200%200%200%202.484-3.403l-3.414-6.712%205.375-5.276c.931-.914.944-2.41.032-3.34h-.002Z'%20fill='%23FF69CD'/%3e%3cpath%20d='M31.807%2021.224c.186.476-.244%201.087-.96%201.367-.715.28-1.447.122-1.632-.353-.186-.476.244-1.087.96-1.367.715-.28%201.447-.122%201.632.353Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
#widget-question-bank[data-space="3"] .widget-body .question-container .panel:nth-child(3) .subject-list .subject-item:nth-child(3) .subject-data::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M24.992%2010.262c6.266%200%2011.541%204.377%2013.106%2010.328%201.466.127%202.617%201.394%202.617%202.938v2.947c0%201.511-1.103%202.757-2.523%202.928-.359%205.975-5.529%2011.075-11.413%2011.075-.592%200-1.072-.495-1.072-1.105s.48-1.106%201.072-1.106c4.693%200%208.898-4.1%209.262-8.844h-1.759v-4.421c0-5.292-4.159-9.581-9.29-9.581-5.13%200-9.29%204.29-9.29%209.58v4.422h-3.574c-1.578%200-2.858-1.32-2.858-2.948v-2.948c0-1.543%201.15-2.81%202.616-2.937%201.565-5.951%206.84-10.328%2013.106-10.328Z'%20fill='%2325B971'/%3e%3cpath%20d='M36.438%2025.004c0%206.512-5.12%2011.791-11.434%2011.791-6.315%200-11.435-5.279-11.435-11.791%200-6.513%205.12-11.792%2011.435-11.792s11.434%205.28%2011.434%2011.792Z'%20fill='%23FFBD5B'/%3e%3cpath%20d='M21.421%2022.79c0%20.814-.64%201.473-1.43%201.473-.789%200-1.428-.66-1.428-1.474s.64-1.474%201.429-1.474c.79%200%201.43.66%201.43%201.474ZM31.43%2022.79c0%20.814-.64%201.473-1.43%201.473-.79%200-1.43-.66-1.43-1.474s.64-1.474%201.43-1.474c.79%200%201.43.66%201.43%201.474Z'%20fill='%237A4136'/%3e%3c/svg%3e");
}
#widget-question-bank[data-space="3"] .widget-body .question-container .panel:nth-child(3) .subject-list .subject-item:nth-child(4) .subject-data::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M35.275%2039.68a1.468%201.468%200%201%201-2.937%200%201.468%201.468%200%200%201%202.937%200ZM41.15%2033.806a1.469%201.469%200%201%201-2.938%200%201.469%201.469%200%200%201%202.938%200Z'%20fill='%23FFDC84'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M20.597%2040.142a1.322%201.322%200%200%201-1.7.776A17.154%2017.154%200%200%201%209.09%2031.49a1.322%201.322%200%200%201%202.439-1.02%2014.511%2014.511%200%200%200%208.29%207.972%201.322%201.322%200%200%201%20.777%201.7ZM40.144%2020.62a1.322%201.322%200%200%201-1.7-.775%2014.509%2014.509%200%200%200-8.06-8.313%201.322%201.322%200%200%201%201.005-2.445%2017.152%2017.152%200%200%201%209.53%209.832%201.322%201.322%200%200%201-.775%201.7Z'%20fill='%23FFDC84'/%3e%3cpath%20d='M12.822%209.7c.183-.754%201.255-.754%201.438%200l.503%202.074a.74.74%200%200%200%20.544.544l2.074.503c.754.183.754%201.255%200%201.438l-2.074.503a.74.74%200%200%200-.544.545l-.503%202.073a.81.81%200%200%201-.044.133c-.27.618-1.222.574-1.394-.133l-.503-2.074a.744.744%200%200%200-.544-.544L9.7%2014.259a.811.811%200%200%201-.133-.044c-.618-.27-.574-1.222.133-1.394l2.074-.503a.74.74%200%200%200%20.544-.544l.503-2.074Z'%20fill='%23FFDC84'/%3e%3cpath%20d='M27.585%2033.306a2.129%202.129%200%200%201-2.128%202.129h-.06a2.129%202.129%200%200%201-2.13-2.129V20.862h-3.175c-1.204%200-1.682-.996-1.682-1.847s.457-1.785%201.682-1.785h10.67c1.224%200%201.68.934%201.68%201.785%200%20.85-.477%201.847-1.68%201.847h-3.177v12.444Z'%20fill='%23FFA114'/%3e%3c/svg%3e");
}
#widget-question-bank[data-space="3"] .widget-body .question-container .panel:nth-child(3) .subject-list .subject-item:nth-child(5) .subject-data::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M28.509%2034.648c-8.532%202.512-13.774%203.036-13.774%203.036s-.907.303-1.814-.604c-.907-.908-.605-1.815-.605-1.815s.524-5.242%203.036-13.773c.358-1.214%201.343-2.135%202.59-2.348%201.656-.283%204.271-.642%207.663-.811l1.83-.606%204.839%204.838-.606%201.83c-.17%203.392-.528%206.007-.812%207.664-.213%201.247-1.134%202.232-2.347%202.589Z'%20fill='%23F0AAF6'/%3e%3cpath%20d='M25.602%2018.334c.22-2.646%201.08-5.319%201.537-6.577.168-.462.61-.755%201.096-.69%201.409.189%204.424.9%207.11%203.586s3.397%205.701%203.586%207.11c.065.487-.227.928-.69%201.096-1.258.457-3.93%201.317-6.576%201.537%200%200-.582-1.827-2.41-3.653-1.826-1.827-3.653-2.41-3.653-2.41Z'%20fill='%23A951E0'/%3e%3cpath%20d='M12.483%2036.503c1.487-1.642%204.822-5.319%207.68-8.415a2.425%202.425%200%201%201%201.728%201.727c-3.101%202.86-6.783%206.201-8.422%207.685a2.42%202.42%200%200%201-.553-.42%202.4%202.4%200%200%201-.433-.577Z'%20fill='%23fff'/%3e%3c/svg%3e");
}
#widget-question-bank[data-space="3"] .widget-body .question-container .panel:nth-child(3) .subject-list .subject-item:nth-child(6) .subject-data::after {
  background-image: url("data:image/svg+xml,%3csvg%20width='50'%20height='50'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23a)'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='m14.087%2020.15%203.639-3.638%203.638%203.638M14.087%2029.852l3.639%203.638%203.638-3.638M17.726%2016.512V33.49'%20stroke='%23368AD1'/%3e%3cpath%20d='M26.215%2017.725h8.489'%20stroke='%23A6CFFF'/%3e%3cpath%20d='M26.215%2025.001h8.489'%20stroke='%2366B4F5'/%3e%3cpath%20d='M26.215%2032.277h8.489'%20stroke='%23A6CFFF'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20transform='translate(10.447%2010.448)'%20d='M0%200h29.105v29.105H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
#widget-question-bank[data-space="3"] .widget-body .ranking {
  width: 24.6875rem;
}
#widget-question-bank[data-space="2"] .widget-body {
  gap: 1.875rem;
}
#widget-question-bank[data-space="2"] .widget-body .ranking {
  width: 18.5rem;
}
#widget-question-bank[data-space="1"] .widget-body {
  gap: 0;
}
#widget-question-bank[data-space="1"] .widget-body .question-container .panel .subject-list {
  gap: 0.75rem;
  grid-template-columns: repeat(2, 1fr);
}
#widget-question-bank[data-space="1"] .widget-body .question-container .panel .subject-list .subject-item {
  padding: 0.75rem 1rem;
}
#widget-question-bank[data-space="1"] .widget-body .question-container .panel .subject-list .subject-item .subject-name {
  font: var(--bbc-typo-st2-600);
}
#widget-question-bank[data-space="1"] .widget-body .question-container .panel .subject-list .subject-item .subject-data {
  margin-top: -1rem;
}
#widget-question-bank[data-space="1"] .widget-body .ranking {
  display: none;
}

#widget-meal-table .meal-calendar {
  display: flex;
  overflow: hidden;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-12);
}
#widget-meal-table .meal-calendar .calendar-head {
  flex: 0 0 18.25rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
  height: 23.6875rem;
  padding: 2.4375rem 2rem 1.25rem;
  background: var(--bbc-color-fill-natural-0) url("data:image/svg+xml,%3csvg%20width='240'%20height='190'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23a)'%20fill='%23EFEFEF'%3e%3cpath%20d='M96.941%2067.58C93.981%2037.51%2075.695%208.098%2056.889%209.945c-18.804%201.85-31.01%2034.266-28.051%2064.334%202.258%2022.933%2013.068%2041.676%2026.414%2048.458%201.17%201.651%202.211%203.611%202.99%206.005l8.56%2086.984c.557%205.649%205.59%209.782%2011.245%209.225%205.653-.555%209.784-5.593%209.228-11.242l-8.56-86.987c.297-2.494.938-4.618%201.764-6.465%2011.77-9.257%2018.717-29.745%2016.46-52.678l.002.001ZM209.584%2011.337a5.72%205.72%200%200%200-6.513%204.807l-7.323%2048.724-7.039-1.057%207.32-48.725a5.724%205.724%200%200%200-11.321-1.699l-7.322%2048.721-7.043-1.057%207.321-48.724a5.718%205.718%200%200%200-4.811-6.506%205.72%205.72%200%200%200-6.513%204.81l-7.322%2048.72-7.038-1.058%207.322-48.721a5.72%205.72%200%200%200-4.815-6.507%205.715%205.715%200%200%200-6.508%204.807l-7.32%2048.722-3.158%2021.01-2.778%2018.498c-1.225%208.154%203.786%2015.738%2011.431%2018.085%203.221%202.634%206.722%207.15%207.218%2014.562l-12.985%2086.433c-.844%205.619%203.025%2010.857%208.646%2011.702%205.618.843%2010.854-3.03%2011.696-8.645l12.989-86.431c2.653-6.941%207.326-10.228%2011.177-11.802%207.998%200%2015.021-5.775%2016.243-13.929l2.779-18.494%203.157-21.013%207.32-48.721a5.72%205.72%200%200%200-4.809-6.51l-.001-.002Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h240v190H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat center bottom;
  transition: all 0.5s;
}
@media (max-width: 1366px) {
  #widget-meal-table .meal-calendar .calendar-head {
    flex: 0 0 auto;
    padding: 2.4375rem 1.5rem 1.25rem;
  }
}
#widget-meal-table .meal-calendar .calendar-navigator {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
#widget-meal-table .meal-calendar .calendar-navigator-label {
  position: relative;
  min-width: 4.3125rem;
}
#widget-meal-table .meal-calendar .calendar-navigator-label .year {
  position: absolute;
  top: -2.4375rem;
  left: 50%;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-d3-700);
  transform: translateX(-50%);
}
#widget-meal-table .meal-calendar .calendar-navigator-label .month {
  font: var(--bbc-typo-d2-700);
}
#widget-meal-table .meal-calendar .calendar-navigator-btn-prev {
  width: 2.5rem;
  height: 2.5rem;
}
#widget-meal-table .meal-calendar .calendar-navigator-btn-prev::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
#widget-meal-table .meal-calendar .calendar-navigator-btn-next {
  width: 2.5rem;
  height: 2.5rem;
}
#widget-meal-table .meal-calendar .calendar-navigator-btn-next::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
#widget-meal-table .meal-calendar .calendar-body {
  flex: 1 1 auto;
  padding: 2.5rem 1.875rem;
}
#widget-meal-table .meal-calendar table {
  width: 100%;
  max-width: 415px;
  margin: 0 auto;
  text-align: center;
  border-collapse: separate;
  border-spacing: 1.5rem 0;
}
@media (max-width: 1366px) {
  #widget-meal-table .meal-calendar table {
    border-spacing: 0.875rem 0;
  }
}
#widget-meal-table .meal-calendar table thead {
  position: relative;
}
#widget-meal-table .meal-calendar table thead::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: calc(100% + 2.5rem);
  height: 0.0625rem;
  background-color: var(--bbc-color-stroke-natural-3);
  transform: translateX(-50%);
  transition: all 0.5s;
}
@media (max-width: 1280px) {
  #widget-meal-table .meal-calendar table thead::after {
    width: calc(100% + 1.25rem);
  }
}
#widget-meal-table .meal-calendar table thead th {
  padding: 0.5rem;
  font: var(--bbc-typo-l1-700);
}
#widget-meal-table .meal-calendar table tbody tr {
  position: relative;
}
#widget-meal-table .meal-calendar table tbody tr:first-child td {
  padding-top: 0.8125rem;
}
#widget-meal-table .meal-calendar table tbody tr:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--bbc-color-stroke-natural-0);
}
#widget-meal-table .meal-calendar table tbody td {
  padding: 0.4375rem 0.875rem;
  transition: all 0.5s;
}
@media (max-width: 1366px) {
  #widget-meal-table .meal-calendar table tbody td {
    padding: 0.4375rem 0.625rem;
  }
}
#widget-meal-table .meal-calendar table .date-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--bbc-border-radius-8);
}
#widget-meal-table .meal-calendar table .date-btn .number {
  font: var(--bbc-typo-b3-400);
}
#widget-meal-table .meal-calendar table .date-btn.is-today {
  background-color: var(--bbc-color-fill-brand-primary-subtle-hovered);
}
#widget-meal-table .meal-calendar table .date-btn.is-selected {
  background-color: var(--bbc-color-fill-brand-primary);
}
#widget-meal-table .meal-calendar table .date-btn.is-selected .number {
  color: var(--bbc-color-text-accent-0);
  font-weight: var(--bbc-font-weight-700);
}
#widget-meal-table .meal-schedule {
  flex: 1 1 auto;
  text-align: center;
}
#widget-meal-table .meal-day {
  display: flex;
  flex-direction: column;
}
#widget-meal-table .meal-day-head {
  padding: 0.25rem 0;
}
#widget-meal-table .meal-day-head .title {
  font: var(--bbc-typo-b3-500);
}
#widget-meal-table .meal-day-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 16.5rem;
  padding: 0.25rem 0;
}
#widget-meal-table .meal-day-body .meal-menu {
  height: 100%;
}
#widget-meal-table .meal-day-body .menu {
  padding: 0.25rem 0.625rem;
  font: var(--bbc-typo-b3-500);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
#widget-meal-table .meal-day-body .menu.is-divider {
  padding: 0.4375rem 0.625rem;
  color: var(--bbc-color-icon-disable-0);
}
#widget-meal-table .meal-day-body .menu.is-divider::before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
#widget-meal-table .meal-day-body .empty-state .empty-state-layout {
  padding-top: 3.25rem;
}
#widget-meal-table .meal-day-body .empty-state .empty-state-msg {
  padding: 0 0.625rem;
}
#widget-meal-table .meal-day-foot {
  height: 3.25rem;
  padding-top: 1rem;
}
#widget-meal-table .meal-schedule-monthly {
  padding-top: 1.25rem;
}
#widget-meal-table .meal-schedule-weekly {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding-top: 1rem;
}
#widget-meal-table .meal-schedule-weekly .meal-day:nth-child(even) .meal-day-body {
  background-color: var(--bbc-color-fill-natural-0);
}
#widget-meal-table .meal-schedule-weekly .meal-day-body {
  height: 15.25rem;
  padding: 0.625rem 0;
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-bottom: 0.0625rem solid var(--bbc-color-stroke-natural-0);
}
#widget-meal-table .meal-schedule-weekly .meal-day-body .menu {
  padding: 0.1875rem 0.5rem;
  font: var(--bbc-typo-b4-500);
}
#widget-meal-table .meal-schedule-weekly .meal-day-body .menu.is-divider {
  padding: 0.3125rem 0.5rem;
}
#widget-meal-table .meal-schedule-weekly .meal-day-body .empty-state .empty-state-layout {
  padding: 0;
}
#widget-meal-table .meal-schedule-weekly .meal-day-body .empty-state .empty-state-msg {
  max-width: 5.625rem;
  padding: 0.1875rem 0.5rem;
}
#widget-meal-table .meal-schedule-weekly .meal-day-body .empty-state .empty-state-msg .empty-state-title {
  font: var(--bbc-typo-b4-500);
}
#widget-meal-table .meal-schedule-weekly .meal-day-foot {
  height: 3rem;
  padding-top: 0.75rem;
}
#widget-meal-table .meal-schedule-daily {
  padding-top: 1.25rem;
}
#widget-meal-table[data-space="3"] .widget-head .arrow-navigator {
  display: none;
}
@media (max-width: 1180px) {
  #widget-meal-table[data-space="3"] .widget-head .arrow-navigator.is-weekly {
    display: flex;
  }
}
@media (max-width: 767px) {
  #widget-meal-table[data-space="3"] .widget-head .arrow-navigator.is-weekly {
    display: none;
  }
  #widget-meal-table[data-space="3"] .widget-head .arrow-navigator.is-daily {
    display: flex;
  }
}
#widget-meal-table[data-space="3"] .meal-table-wrap {
  display: grid;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  grid-template-columns: 2.2fr 1fr;
  transition: all 0.5s;
}
@media (max-width: 1366px) {
  #widget-meal-table[data-space="3"] .meal-table-wrap {
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
}
@media (max-width: 1180px) {
  #widget-meal-table[data-space="3"] .meal-table-wrap {
    grid-template-columns: 1fr;
  }
}
#widget-meal-table[data-space="3"] .meal-schedule-weekly,
#widget-meal-table[data-space="3"] .meal-schedule-daily {
  display: none;
}
@media (max-width: 1180px) {
  #widget-meal-table[data-space="3"] .meal-calendar {
    display: none;
  }
  #widget-meal-table[data-space="3"] .meal-schedule-monthly {
    display: none;
  }
  #widget-meal-table[data-space="3"] .meal-schedule-weekly {
    display: grid;
  }
}
@media (max-width: 767px) {
  #widget-meal-table[data-space="3"] .meal-schedule-weekly {
    display: none;
  }
  #widget-meal-table[data-space="3"] .meal-schedule-daily {
    display: block;
  }
}
#widget-meal-table[data-space="2"] .widget-head .arrow-navigator.is-daily {
  display: none;
}
@media (max-width: 767px) {
  #widget-meal-table[data-space="2"] .widget-head .arrow-navigator.is-weekly {
    display: none;
  }
  #widget-meal-table[data-space="2"] .widget-head .arrow-navigator.is-daily {
    display: flex;
  }
}
#widget-meal-table[data-space="2"] .meal-calendar {
  display: none;
}
#widget-meal-table[data-space="2"] .meal-schedule-monthly,
#widget-meal-table[data-space="2"] .meal-schedule-daily {
  display: none;
}
@media (max-width: 767px) {
  #widget-meal-table[data-space="2"] .meal-schedule-weekly {
    display: none;
  }
  #widget-meal-table[data-space="2"] .meal-schedule-daily {
    display: block;
  }
}
#widget-meal-table[data-space="1"] .widget-head .arrow-navigator.is-weekly {
  display: none;
}
#widget-meal-table[data-space="1"] .meal-calendar {
  display: none;
}
#widget-meal-table[data-space="1"] .meal-schedule-monthly,
#widget-meal-table[data-space="1"] .meal-schedule-weekly {
  display: none;
}

/* ───────────────────────────────────────
  📌 Widget Learning Resources
─────────────────────────────────────── */
#widget-learning-resources .widget-body {
  container-name: widget-body;
  container-type: inline-size;
}
#widget-learning-resources .widget-body .resources {
  display: flex;
  gap: 1.875rem;
  height: 100%;
}
#widget-learning-resources .widget-body .resources .resource-current {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current {
    gap: 0.875rem;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content {
  display: flex;
  gap: 1.875rem;
  padding: 0.625rem 0;
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content {
    gap: 0.875rem;
    padding: 0;
  }
}
@media (max-width: 640px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content {
    flex-direction: column;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-thumbnail {
  flex-shrink: 0;
  overflow: hidden;
  width: 19.375rem;
  height: 14.5625rem;
  border-radius: var(--bbc-border-radius-8);
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-thumbnail {
    width: 15.25rem;
    height: 11.4375rem;
  }
}
@media (max-width: 640px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-thumbnail {
    width: 100%;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details {
  flex: 1;
  min-width: 0;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-title {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-700);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  word-break: break-all !important;
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-title {
    margin-bottom: 0.3125rem;
  }
}
@media (max-width: 640px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-title {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-description {
  margin-bottom: 1.25rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  word-break: break-all !important;
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-description {
    display: none !important;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta {
    margin-bottom: 1rem;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta .resource-author,
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta .resource-date {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta .resource-author {
  position: relative;
  padding-right: 1rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta .resource-author::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.375rem;
  width: 1px;
  height: 0.75rem;
  background-color: var(--bbc-color-stroke-natural-0);
  transform: translateY(-50%);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-stats .resource-stats-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-stats .resource-stats-item .icon,
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-stats .resource-stats-item .resource-stats-text {
  color: var(--bbc-color-text-natural-1);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-stats .resource-stats-item .resource-stats-text {
  font: var(--bbc-typo-b4-400);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination {
  min-height: 6.625rem;
  padding: 1.375rem 1.5rem;
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-0);
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-pagination {
    min-height: auto;
    padding: 0.75rem 0 0;
    border-top: 1px solid var(--bbc-color-stroke-natural-0);
    border-radius: 0;
    background-color: transparent;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  height: 100%;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item:first-child .resource-pagination-button .resource-pagination-label {
  order: 1;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item:first-child .resource-pagination-button .resource-pagination-thumbnail {
  order: 2;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item:last-child .resource-pagination-label {
  order: 2;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item:last-child .resource-pagination-thumbnail {
  order: 1;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label .icon {
  color: var(--bbc-color-icon-natural-0);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-text {
  color: var(--bbc-color-text-natural-1);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-text {
  font: var(--bbc-typo-btn3-600);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-thumbnail {
  overflow: hidden;
  width: 5.125rem;
  height: 3.875rem;
  border: 1px solid var(--bbc-color-stroke-natural-1);
  border-radius: var(--bbc-border-radius-4);
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-thumbnail {
    display: none;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#widget-learning-resources .widget-body .resources .resource-related {
  width: 24.6875rem;
}
@media (max-width: 1180px) {
  #widget-learning-resources .widget-body .resources .resource-related {
    display: none;
  }
}
#widget-learning-resources .widget-body .resources .resource-related-title {
  margin-bottom: 1rem;
  font: var(--bbc-typo-st1-600);
}
#widget-learning-resources .widget-body .resources .resource-related .related-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#widget-learning-resources .widget-body .resources .resource-related .related-list .related-list-item .related-link {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}
#widget-learning-resources .widget-body .resources .resource-related .related-list .related-list-item .related-link .related-thumbnail {
  flex-shrink: 0;
  overflow: hidden;
  width: 6.75rem;
  height: 5.125rem;
  border-radius: var(--bbc-border-radius-6);
}
#widget-learning-resources .widget-body .resources .resource-related .related-list .related-list-item .related-link .related-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#widget-learning-resources .widget-body .resources .resource-related .related-list .related-list-item .related-link .related-title {
  flex: 1;
  min-width: 0;
  font: var(--bbc-typo-b3-500);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  word-break: break-all !important;
}
#widget-learning-resources .widget-body .resources .resource-related .resource-pagination {
  margin-top: 0.9375rem;
  padding-top: 0.625rem;
  border-top: 1px solid var(--bbc-color-stroke-natural-0);
}
#widget-learning-resources .widget-body .resources .resource-related .resource-pagination .resource-pagination-list {
  display: flex;
  justify-content: space-between;
  gap: 0.625rem;
}
#widget-learning-resources .widget-body .resources .resource-related .resource-pagination .resource-pagination-list .resource-pagination-item .resource-pagination-button .resource-pagination-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#widget-learning-resources .widget-body .resources .resource-related .resource-pagination .resource-pagination-list .resource-pagination-item .resource-pagination-button .resource-pagination-label .icon,
#widget-learning-resources .widget-body .resources .resource-related .resource-pagination .resource-pagination-list .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-text {
  color: var(--bbc-color-text-natural-1);
}
#widget-learning-resources .widget-body .resources .resource-related .resource-pagination .resource-pagination-list .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-text {
  font: var(--bbc-typo-btn3-600);
}
#widget-learning-resources .widget-body .resources .resource-related .resource-pagination .resource-pagination-list .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
}
#widget-learning-resources[data-space="2"] .widget-body .resources .resource-related {
  display: none;
}
#widget-learning-resources[data-space="1"] .widget-body .resources {
  flex-direction: column;
  gap: initial;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-content {
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-content .resource-thumbnail {
  width: 100%;
  height: 11.4375rem;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-content .resource-details .resource-title {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-content .resource-details .resource-description {
  display: none !important;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-pagination {
  padding: 0.75rem 0 0;
  border-top: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0;
  background-color: transparent;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-pagination-list {
  display: flex;
  justify-content: space-between;
  gap: 0.625rem;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-thumbnail {
  display: none;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-related {
  display: none;
}

#widget-class-service .widget-body .edutech-desc, #widget-edutech-service .widget-body .edutech-desc {
  position: relative;
  flex: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-0);
}
@media (max-width: 1280px) {
  #widget-class-service .widget-body .edutech-desc, #widget-edutech-service .widget-body .edutech-desc {
    padding: 1rem;
  }
}
#widget-class-service .widget-body .edutech-desc .edutech-guide, #widget-edutech-service .widget-body .edutech-desc .edutech-guide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  opacity: 0;
}
#widget-class-service .widget-body .edutech-desc .edutech-guide.is-active, #widget-edutech-service .widget-body .edutech-desc .edutech-guide.is-active {
  opacity: 1;
}
#widget-class-service .widget-body .edutech-desc .edutech-guide .icon.icon-3d-arrow, #widget-edutech-service .widget-body .edutech-desc .edutech-guide .icon.icon-3d-arrow {
  align-self: center;
  margin-bottom: 2.5rem;
}
#widget-class-service .widget-body .edutech-desc .edutech-guide-title, #widget-edutech-service .widget-body .edutech-desc .edutech-guide-title {
  margin-bottom: 1rem;
  font: var(--bbc-typo-b2-600);
  text-align: center;
}
#widget-class-service .widget-body .edutech-desc .edutech-guide-title strong, #widget-edutech-service .widget-body .edutech-desc .edutech-guide-title strong {
  color: var(--bbc-color-text-brand-primary);
  font: var(--bbc-typo-b2-600);
}
#widget-class-service .widget-body .edutech-desc .edutech-guide-sub, #widget-edutech-service .widget-body .edutech-desc .edutech-guide-sub {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
  text-align: center;
}
#widget-class-service .widget-body .edutech-desc .edutech-service-desc, #widget-edutech-service .widget-body .edutech-desc .edutech-service-desc {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2.5rem;
  transition: all 0.3s;
  opacity: 0;
}
@media (max-width: 1280px) {
  #widget-class-service .widget-body .edutech-desc .edutech-service-desc, #widget-edutech-service .widget-body .edutech-desc .edutech-service-desc {
    padding: 0.625rem;
  }
}
#widget-class-service .widget-body .edutech-desc .edutech-service-desc.is-active, #widget-edutech-service .widget-body .edutech-desc .edutech-service-desc.is-active {
  opacity: 1;
}
#widget-class-service .widget-body .edutech-desc .edutech-service-desc-title, #widget-edutech-service .widget-body .edutech-desc .edutech-service-desc-title {
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
  font: var(--bbc-typo-b1-700);
  text-align: center;
}
#widget-class-service .widget-body .edutech-desc .edutech-service-desc-sub, #widget-edutech-service .widget-body .edutech-desc .edutech-service-desc-sub {
  width: 100%;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
  text-align: center;
}

#widget-edutech-preview .widget-body .carousel-body .swiper-slide .symbol-box, #widget-class-service .widget-body .carousel-body .swiper-slide .symbol-box, #widget-edutech-service .widget-body .carousel-body .swiper-slide .symbol-box {
  justify-content: center;
  height: 11.375rem;
}
@media (max-width: 767px) {
  #widget-edutech-preview .widget-body .carousel-body .swiper-slide .symbol-box, #widget-class-service .widget-body .carousel-body .swiper-slide .symbol-box, #widget-edutech-service .widget-body .carousel-body .swiper-slide .symbol-box {
    height: 9.1875rem;
  }
}
#widget-edutech-preview .widget-body .carousel-body .swiper-slide:hover .symbol-box, #widget-class-service .widget-body .carousel-body .swiper-slide:hover .symbol-box, #widget-edutech-service .widget-body .carousel-body .swiper-slide:hover .symbol-box, #widget-edutech-preview .widget-body .carousel-body .swiper-slide:active .symbol-box, #widget-class-service .widget-body .carousel-body .swiper-slide:active .symbol-box, #widget-edutech-service .widget-body .carousel-body .swiper-slide:active .symbol-box {
  border: 0.0625rem solid var(--bbc-color-stroke-brand-primary);
  box-shadow: var(--bbc-color-shadow-natural-0);
  transition: all 0.3s ease-in-out;
}
#widget-edutech-preview .widget-body .carousel-body .swiper-slide a, #widget-class-service .widget-body .carousel-body .swiper-slide a, #widget-edutech-service .widget-body .carousel-body .swiper-slide a {
  display: block;
  border-radius: var(--bbc-border-radius-12);
}
#widget-edutech-preview .widget-body .carousel-body .swiper-slide a:focus-visible, #widget-class-service .widget-body .carousel-body .swiper-slide a:focus-visible, #widget-edutech-service .widget-body .carousel-body .swiper-slide a:focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: -0.125rem;
}

/* ───────────────────────────────────────
  📌 Widget Edu Tech Service
─────────────────────────────────────── */
#widget-edutech-service {
  container-name: widget-container;
  container-type: inline-size;
}
#widget-edutech-service .widget-head-right {
  display: flex;
  gap: 0.5rem;
}
#widget-edutech-service .widget-head-right .arrow-navigator .arrow-navigator-label {
  justify-content: center;
  gap: 0.25rem;
}
@media (max-width: 767px) {
  #widget-edutech-service .widget-head-right .btn {
    display: none;
  }
}
#widget-edutech-service .widget-body {
  flex-direction: row;
  gap: 1.5rem;
  visibility: visible;
}
#widget-edutech-service .widget-body .edutech-list {
  width: 63.4544106746vw;
  max-width: 53.5rem;
}
@container widget-container (max-width: 1200px) {
  #widget-edutech-service .widget-body .edutech-list {
    width: 100%;
    max-width: none;
  }
  #widget-edutech-service .widget-body .edutech-desc {
    display: none;
  }
}

/* ───────────────────────────────────────
  📌 Widget Class Service
─────────────────────────────────────── */
#widget-class-service {
  container-name: widget-container;
  container-type: inline-size;
}
#widget-class-service .widget-head-right {
  display: flex;
  gap: 0.5rem;
}
#widget-class-service .widget-head-right .arrow-navigator .arrow-navigator-label {
  justify-content: center;
  gap: 0.25rem;
}
@media (max-width: 767px) {
  #widget-class-service .widget-head-right .btn {
    display: none;
  }
}
#widget-class-service .widget-body {
  flex-direction: row;
  gap: 1.5rem;
  visibility: visible;
}
#widget-class-service .widget-body .edutech-list {
  width: 100%;
}
@container widget-container (max-width: 1000px) {
  #widget-class-service .widget-body .edutech-list {
    width: 100%;
    max-width: none;
  }
  #widget-class-service .widget-body .edutech-desc {
    display: none;
  }
}

/* ───────────────────────────────────────
  📌 Widget EduTech Preview
─────────────────────────────────────── */
#widget-edutech-preview .widget-head-right {
  display: flex;
  gap: 0.5rem;
}
#widget-edutech-preview .widget-head-right .arrow-navigator .arrow-navigator-label {
  justify-content: center;
  gap: 0.25rem;
}
@media (max-width: 767px) {
  #widget-edutech-preview .widget-head-right .btn {
    display: none;
  }
}
#widget-edutech-preview .widget-body {
  flex-direction: row;
  gap: 1.5rem;
  visibility: visible;
}
#widget-edutech-preview .widget-body .edutech-list {
  width: 100%;
}
/* --------------------------------
 * 컨테이너(데스크톱/태블릿 기본)
 * -------------------------------- */
#dashboard-container {
  --bbc-widget-1col-max: 434px;
  --bbc-widget-2col-max: 892px;
  --bbc-widget-3col-max: 1350px;
  --bbc-widget-height: 490px;
  --bbc-widget-gap: 24px;
  margin: 2.5rem auto 0;
  padding: 0 30px;
  transition: max-width 0.3s ease, transform 0.3s ease;
}
@media (max-width: 1366px) {
  #dashboard-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  #dashboard-container {
    --bbc-widget-gap: 16px;
    max-width: 100%;
    padding: 0 18px;
  }
}

.dashboard-container-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.375rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .dashboard-container-head [data-modal=modal_dashboard_layout_control] {
    display: none;
  }
  .dashboard-container-head .btn-set {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .dashboard-container-head .btn-set .btn {
    gap: 0.375rem;
    min-width: 3.625rem;
    height: 2.25rem;
    padding: 0.3125rem 0.75rem;
    border-radius: 0.375rem;
    font: var(--bbc-typo-btn4-500);
  }
}

#dashboard-container-title {
  font: var(--bbc-typo-h2-700);
}

/* --------------------------------
 * 위젯 카드 (데스크톱/태블릿 기본)
 * -------------------------------- */
.dashboard-item {
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: var(--bbc-widget-1col-max);
  /* 데스크톱/태블릿 기본 치수 */
  height: var(--bbc-widget-height);
  border-radius: var(--bbc-border-radius-20);
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-fill-accent-0);
  transition: all 0.3s ease;
}
.dashboard-item .dashboard-head {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 1.5625rem 1.875rem 1.25rem;
}
@media (max-width: 767px) {
  .dashboard-item .dashboard-head {
    padding: 1.125rem 1.5rem 1.25rem;
  }
}
.dashboard-item .dashboard-head .dashboard-head-left {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.dashboard-item .dashboard-title {
  font: var(--bbc-typo-t3-700);
}
.dashboard-item .dashboard-subtitle {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-st1-600);
}
.dashboard-item .dashboard-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 0 1.875rem 1.875rem;
  container-name: widget-body;
  container-type: inline-size;
}
@media (max-width: 767px) {
  .dashboard-item .dashboard-body {
    padding: 0 1.5rem 1.5rem;
  }
  .dashboard-item .dashboard-body .empty-state {
    min-height: 20rem;
  }
}
.dashboard-item .dashboard-body .empty-state .empty-state-layout {
  padding-bottom: 1.875rem;
}
@media (max-width: 767px) {
  .dashboard-item .dashboard-body .empty-state .empty-state-layout {
    padding-bottom: 1.25rem;
  }
}
.dashboard-item {
  /* 모바일(≤767px) 오버라이드 */
}
@media (max-width: 767px) {
  .dashboard-item {
    min-width: auto;
    height: auto;
  }
}
.dashboard-item[id*=dashboard-teacher] .timeline {
  height: 23.875rem;
}
@media (max-width: 767px) {
  .dashboard-item[id*=dashboard-teacher] .timeline {
    height: 18.75rem;
  }
}
.dashboard-item[id*=dashboard-student] {
  --bbc-widget-height: 570px;
}
.dashboard-item[id*=dashboard-student] .timeline {
  height: 28.875rem;
}
@media (max-width: 767px) {
  .dashboard-item[id*=dashboard-student] .timeline {
    height: 18.75rem;
  }
}

/* --------------------------------
 * Grid 래퍼 (데스크톱/태블릿 기본: 행 정렬)
 * -------------------------------- */
#dashboard-grid {
  display: flex;
  flex-flow: row wrap;
  gap: var(--bbc-widget-gap);
  /* 모바일(≤767px): 1열 */
}
@media (max-width: 767px) {
  #dashboard-grid {
    flex-flow: column;
  }
}

/* ─────────────────────────────────────────
 * MODE: BASIC (고정 폭 3/2/1칸)
 * ───────────────────────────────────────── */
[data-widget~="grid-mode:basic"] #dashboard-container {
  /* 데스크톱/태블릿: 기본 레이아웃 적용 */
  width: 100%;
  max-width: 1410px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1366px) {
  [data-widget~="grid-mode:basic"] #dashboard-container {
    max-width: 1410px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] #dashboard-container {
    max-width: 1386px;
    padding-right: 18px;
    padding-left: 18px;
  }
}
[data-widget~="grid-mode:basic"] #dashboard-container {
  margin-top: 2.5rem;
  /* 모바일(≤767px): 컨테이너 폭/패딩은 상단 공통 로직을 따름 */
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] #dashboard-container {
    /* 필요 시 모바일 전용 보정만 추가 */
  }
}
[data-widget~="grid-mode:basic"] #dashboard-grid {
  /* 데스크톱/태블릿: 간격 유지 */
  gap: var(--bbc-widget-gap);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] #dashboard-grid {
    /* 모바일은 상단 #dashboard-grid에서 1열 전환 */
  }
}
[data-widget~="grid-mode:basic"] .dashboard-item {
  /* 데스크톱/태블릿: 기본 1칸 기준 */
  flex: 1 1 var(--bbc-widget-1col-max);
  max-width: none;
  /* 모바일(≤767px): 강제 1열 */
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] .dashboard-item {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:basic"] .dashboard-item[data-space="3"] {
  /* 데스크톱/태블릿: 3칸 */
  flex-basis: var(--bbc-widget-3col-max);
  max-width: var(--bbc-widget-3col-max);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] .dashboard-item[data-space="3"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:basic"] .dashboard-item[data-space="2"] {
  /* 데스크톱/태블릿: 2칸 */
  flex-basis: var(--bbc-widget-2col-max);
  max-width: var(--bbc-widget-2col-max);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] .dashboard-item[data-space="2"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:basic"] .dashboard-item[data-space="1"] {
  /* 데스크톱/태블릿: 1칸 */
  flex-basis: var(--bbc-widget-1col-max);
  max-width: var(--bbc-widget-1col-max);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"] .dashboard-item[data-space="1"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:basic"] {
  /* 컨테이너가 넓지 못한 환경에서 강제 단폭 처리 */
}
[data-widget~="grid-mode:basic"].grid-basic-narrow .dashboard-item {
  max-width: 100% !important;
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:basic"].grid-basic-narrow .dashboard-item {
    /* 모바일은 이미 100% */
  }
}

/* ─────────────────────────────────────────
 * MODE: FULL (일반) — 순서 유지 + 행 채우기
 * ───────────────────────────────────────── */
[data-widget~="grid-mode:full"] #dashboard-container {
  /* 데스크톱/태블릿: 가용폭 최대 */
  max-width: 100%;
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full"] #dashboard-container {
    /* 모바일은 상단 공통 컨테이너 규칙 */
  }
}
[data-widget~="grid-mode:full"] #dashboard-grid {
  gap: var(--bbc-widget-gap);
  transition: transform 0.2s ease;
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full"] #dashboard-grid {
    /* 모바일은 상단 #dashboard-grid에서 1열 전환 */
  }
}
[data-widget~="grid-mode:full"] .dashboard-item {
  /* 데스크톱/태블릿: 행 채우기 */
  height: var(--bbc-widget-height);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full"] .dashboard-item {
    flex-basis: auto;
    max-width: 100%;
    height: auto;
  }
}
[data-widget~="grid-mode:full"] .dashboard-item[data-space="3"] {
  flex-basis: var(--bbc-widget-3col-max);
  max-width: min(var(--bbc-widget-3col-max), 100% - var(--bbc-widget-gap));
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full"] .dashboard-item[data-space="3"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:full"] .dashboard-item[data-space="2"] {
  flex-basis: var(--bbc-widget-2col-max);
  max-width: min(var(--bbc-widget-2col-max), 100% - var(--bbc-widget-gap));
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full"] .dashboard-item[data-space="2"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:full"] .dashboard-item[data-space="1"] {
  flex-basis: var(--bbc-widget-1col-max);
  max-width: min(var(--bbc-widget-1col-max), 100% - var(--bbc-widget-gap));
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full"] .dashboard-item[data-space="1"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:full"] {
  /* 전체 모드: 헤더 액션을 제목 옆에 붙여 배치 */
}
[data-widget~="grid-mode:full"] .dashboard-container-head {
  justify-content: flex-start !important;
  align-items: center;
  gap: 0.75rem;
}
[data-widget~="grid-mode:full"] .dashboard-container-head .btn-set {
  margin-left: 0;
}

/* ─────────────────────────────────────────
 * MODE: FULL-OPT (전체모드 + 기본모드 배치정책)
 * ───────────────────────────────────────── */
[data-widget~="grid-mode:full-opt"] #dashboard-container {
  /* 데스크톱/태블릿: 가용폭 최대 */
  max-width: 100%;
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"] #dashboard-container {
    /* 모바일 공통 컨테이너 규칙 */
  }
}
[data-widget~="grid-mode:full-opt"] #dashboard-grid {
  gap: var(--bbc-widget-gap);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"] #dashboard-grid {
    /* 모바일은 상단 #dashboard-grid에서 1열 전환 */
  }
}
[data-widget~="grid-mode:full-opt"] {
  /* 전체 모드: 헤더 액션을 제목 옆에 붙여 배치 */
}
[data-widget~="grid-mode:full-opt"] .dashboard-container-head {
  justify-content: flex-start !important;
  align-items: center;
  gap: 0.75rem;
}
[data-widget~="grid-mode:full-opt"] .dashboard-container-head .btn-set {
  margin-left: 0;
}
[data-widget~="grid-mode:full-opt"] .dashboard-item {
  /* 데스크톱/태블릿: 기본모드 배치 정책과 동일(1칸 기본) */
  flex: 1 1 var(--bbc-widget-1col-max);
  height: var(--bbc-widget-height);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"] .dashboard-item {
    flex-basis: auto;
    max-width: 100%;
    height: auto;
  }
}
[data-widget~="grid-mode:full-opt"] .dashboard-item[data-space="3"] {
  flex-basis: var(--bbc-widget-3col-max);
  max-width: var(--bbc-widget-3col-max);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"] .dashboard-item[data-space="3"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:full-opt"] .dashboard-item[data-space="2"] {
  flex-basis: var(--bbc-widget-2col-max);
  max-width: var(--bbc-widget-2col-max);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"] .dashboard-item[data-space="2"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:full-opt"] .dashboard-item[data-space="1"] {
  flex-basis: var(--bbc-widget-1col-max);
  max-width: var(--bbc-widget-1col-max);
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"] .dashboard-item[data-space="1"] {
    flex-basis: auto;
    max-width: 100%;
  }
}
[data-widget~="grid-mode:full-opt"].grid-opt-narrow .dashboard-item {
  max-width: 100% !important;
}
@media (max-width: 767px) {
  [data-widget~="grid-mode:full-opt"].grid-opt-narrow .dashboard-item {
    /* 모바일은 이미 100% */
  }
}

/* ─────────────────────────────────────────
 * (보강) 모바일 강제 규칙 — 안전망
 * - 위에서 이미 모바일 오버라이드 했지만,
 *   예외/우선순위 꼬임 방지를 위한 안전망 유지
 * ───────────────────────────────────────── */
@media (max-width: 767px) {
  #dashboard-grid {
    flex-direction: column !important;
  }
  .dashboard-item {
    flex-basis: auto !important;
    height: auto !important;
  }
}
.chart-navigator {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5625rem;
}
@media (max-width: 767px) {
  .chart-navigator {
    gap: 0.5rem;
  }
}
.chart-navigator .chart-navigator-btn-prev::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .chart-navigator .chart-navigator-btn-prev::before {
    content: "\e807";
    display: inline-block;
    font-family: bbc-icon;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-align: center;
    text-decoration: inherit;
    transform: scaleX(-1);
    width: 1.125rem;
    height: 1.125rem;
    font-size: 1.125rem;
  }
}
.chart-navigator .chart-navigator-btn-next::before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .chart-navigator .chart-navigator-btn-next::before {
    content: "\e807";
    display: inline-block;
    font-family: bbc-icon;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-align: center;
    text-decoration: inherit;
    width: 1.125rem;
    height: 1.125rem;
    font-size: 1.125rem;
  }
}
.chart-navigator .chart-navigator-label {
  font: var(--bbc-typo-dt4-400);
}
@media (max-width: 767px) {
  .chart-navigator .chart-navigator-label {
    font: var(--bbc-typo-dt5-400);
  }
}

.chart-message-box {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 7rem;
  padding: 1.25rem;
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-fill-natural-0);
  text-align: center;
}
@media (max-width: 767px) {
  .chart-message-box {
    min-height: auto;
  }
}
.chart-message-box .desc {
  font: var(--bbc-typo-b3-400);
  word-break: keep-all;
}
@media (max-width: 767px) {
  .chart-message-box .desc {
    font: var(--bbc-typo-b4-400);
  }
  .chart-message-box .desc br {
    display: none;
  }
}
.chart-message-box .desc strong {
  font-weight: var(--bbc-font-weight-500);
}
.chart-message-box .text-primary {
  color: var(--bbc-color-text-brand-primary-deep);
}
.chart-message-box .text-required {
  color: var(--bbc-color-text-required-0);
}

/* ───────────────────────────────────────
  📌 학습 활동 분석 평균
─────────────────────────────────────── */
#dashboard-teacher-learning-activity-analysis .chart-frame {
  padding-top: 0.3125rem;
}
@media (max-width: 767px) {
  #dashboard-teacher-learning-activity-analysis .chart-frame {
    padding-top: 0;
  }
  #dashboard-teacher-learning-activity-analysis .chart-frame .chart-frame-inner {
    margin: -1.875rem -1.25rem -1.25rem 0;
  }
}

/* ───────────────────────────────────────
  📌 수업 콘텐츠 분포도
─────────────────────────────────────── */
#dashboard-teacher-learning-content-distribution .chart-frame {
  width: 23.375rem;
  margin-right: auto;
  margin-left: auto;
  padding-top: 2.9375rem;
}
@media (max-width: 767px) {
  #dashboard-teacher-learning-content-distribution .chart-frame {
    width: 23.125rem;
    padding-top: 0;
  }
}
@media (max-width: 430px) {
  #dashboard-teacher-learning-content-distribution .chart-frame {
    width: 100%;
  }
}
#dashboard-teacher-learning-content-distribution .apexcharts-legend {
  right: inherit !important;
  left: 50% !important;
  display: grid;
  justify-content: flex-start !important;
  overflow: hidden;
  grid-template-columns: repeat(4, 1fr);
  padding: 0;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  #dashboard-teacher-learning-content-distribution .apexcharts-legend {
    gap: 0 0.75rem;
  }
}
#dashboard-teacher-learning-content-distribution .apexcharts-legend-series {
  cursor: auto;
}
@media (max-width: 767px) {
  #dashboard-teacher-learning-content-distribution .apexcharts-legend-series {
    margin: 0 0 0.625rem !important;
  }
}
#dashboard-teacher-learning-content-distribution .apexcharts-legend-series:nth-child(4n) {
  margin-right: 0 !important;
}
#dashboard-teacher-learning-content-distribution .apexcharts-legend-series:nth-child(4n+1) {
  margin-left: 0 !important;
}
#dashboard-teacher-learning-content-distribution .apexcharts-legend-series:nth-child(1), #dashboard-teacher-learning-content-distribution .apexcharts-legend-series:nth-child(2), #dashboard-teacher-learning-content-distribution .apexcharts-legend-series:nth-child(3), #dashboard-teacher-learning-content-distribution .apexcharts-legend-series:nth-child(4) {
  margin-bottom: 0.3125rem !important;
}
@media (max-width: 767px) {
  #dashboard-teacher-learning-content-distribution .apexcharts-legend-series:nth-child(1), #dashboard-teacher-learning-content-distribution .apexcharts-legend-series:nth-child(2), #dashboard-teacher-learning-content-distribution .apexcharts-legend-series:nth-child(3), #dashboard-teacher-learning-content-distribution .apexcharts-legend-series:nth-child(4) {
    margin-bottom: 0.625rem !important;
  }
}
#dashboard-teacher-learning-content-distribution .apexcharts-legend-marker {
  margin-right: 0;
}
#dashboard-teacher-learning-content-distribution .apexcharts-legend-text {
  min-width: 3.0625rem;
  padding-left: 1.5rem;
}
@media (max-width: 767px) {
  #dashboard-teacher-learning-content-distribution .apexcharts-legend-text {
    padding-left: 1.25rem;
  }
}

/* ───────────────────────────────────────
  📌 학습 시간 분포도
─────────────────────────────────────── */
#dashboard-teacher-learning-time-distribution .chart-frame {
  position: relative;
}
#dashboard-teacher-learning-time-distribution .chart-navigator {
  margin-bottom: 0.625rem;
}
@media (max-width: 767px) {
  #dashboard-teacher-learning-time-distribution .chart-navigator {
    margin-bottom: 0;
  }
}
#dashboard-teacher-learning-time-distribution .chart-xaxis-bottom {
  position: absolute;
  bottom: -0.125rem;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  width: 100%;
  padding-left: 2.625rem;
}
#dashboard-teacher-learning-time-distribution .chart-xaxis-bottom span {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-dt6-400);
  text-align: center;
}

/* ───────────────────────────────────────
  📌 학습 활동 분석
─────────────────────────────────────── */
@media (max-width: 767px) {
  #dashboard-student-learning-activity-analysis .chart-frame .chart-frame-inner {
    margin-top: -1.25rem;
  }
}
#dashboard-student-learning-activity-analysis .apexcharts-legend {
  left: 50% !important;
  overflow: hidden;
  padding: 0;
  transform: translateX(-50%);
}
#dashboard-student-learning-activity-analysis .apexcharts-legend-text {
  padding-left: 1.5rem;
}
@media (max-width: 767px) {
  #dashboard-student-learning-activity-analysis .apexcharts-legend-text {
    padding-left: 1.25rem;
  }
}

/* ───────────────────────────────────────
  📌 과제 제출 현황
─────────────────────────────────────── */
#dashboard-student-assignment-submission-status .chart-frame {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 3.125rem;
}
@media (max-width: 767px) {
  #dashboard-student-assignment-submission-status .chart-frame {
    padding-top: 0;
  }
}
#dashboard-student-assignment-submission-status .chart-frame .chart-frame-inner {
  position: relative;
}
#dashboard-student-assignment-submission-status .chart-value-status {
  position: absolute;
  top: 2.25rem;
  left: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.125rem;
  height: 8.125rem;
  transform: translateX(-50%);
}
@media (max-width: 360px) {
  #dashboard-student-assignment-submission-status .chart-value-status {
    top: 1.875rem;
    width: 7.25rem;
    height: 7.25rem;
  }
}
#dashboard-student-assignment-submission-status .chart-value-status .value-current {
  color: var(--bbc-color-data-graph-purpleblue);
  font: var(--bbc-typo-dt1-600);
}
#dashboard-student-assignment-submission-status .chart-value-status .value-separator {
  margin: 0 0.375rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-dt2-400);
}
#dashboard-student-assignment-submission-status .chart-value-status .value-total {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-dt2-400);
}
#dashboard-student-assignment-submission-status .apexcharts-legend {
  left: 50% !important;
  overflow: hidden;
  padding: 0;
  transform: translateX(-50%);
}
#dashboard-student-assignment-submission-status .apexcharts-legend-marker {
  margin-right: 0;
}
#dashboard-student-assignment-submission-status .apexcharts-legend-text {
  padding-left: 1.5rem;
}
@media (max-width: 767px) {
  #dashboard-student-assignment-submission-status .apexcharts-legend-text {
    padding-left: 1.25rem;
  }
}
#dashboard-student-assignment-submission-status .chart-message-box {
  margin-top: 2.75rem;
}
@media (max-width: 767px) {
  #dashboard-student-assignment-submission-status .chart-message-box {
    margin-top: 1.25rem;
  }
}

/* ───────────────────────────────────────
  📌 학습 시간 분포도
─────────────────────────────────────── */
#dashboard-student-learning-time-distribution .chart-frame {
  width: 100%;
  max-width: 23.375rem;
  margin-right: auto;
  margin-left: auto;
  padding-top: 0.75rem;
}
@media (max-width: 767px) {
  #dashboard-student-learning-time-distribution .chart-frame {
    padding-top: 0;
  }
}
#dashboard-student-learning-time-distribution .chart-navigator {
  margin-bottom: 0.625rem;
}
@media (max-width: 767px) {
  #dashboard-student-learning-time-distribution .chart-navigator {
    margin-bottom: 0;
  }
}
#dashboard-student-learning-time-distribution .apexcharts-legend {
  justify-content: center !important;
  overflow: hidden;
  padding: 0;
}
#dashboard-student-learning-time-distribution .apexcharts-legend-series {
  cursor: auto;
}
#dashboard-student-learning-time-distribution .apexcharts-legend-text {
  padding-left: 1.5rem;
}
@media (max-width: 767px) {
  #dashboard-student-learning-time-distribution .apexcharts-legend-text {
    padding-left: 1.25rem;
  }
}
#dashboard-student-learning-time-distribution .chart-message-box {
  margin-top: 0.625rem;
}
@media (max-width: 767px) {
  #dashboard-student-learning-time-distribution .chart-message-box {
    margin-top: 0;
  }
}

/* ───────────────────────────────────────
  📌 학습 유형별 학습 시간 현황
─────────────────────────────────────── */
.dashboard-item.is-student-donut .chart-frame, .dashboard-item.is-teacher-donut .chart-frame {
  width: 23.375rem;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .dashboard-item.is-student-donut .chart-frame, .dashboard-item.is-teacher-donut .chart-frame {
    width: 23.125rem;
  }
}
@media (max-width: 430px) {
  .dashboard-item.is-student-donut .chart-frame, .dashboard-item.is-teacher-donut .chart-frame {
    width: 100%;
  }
}
.dashboard-item.is-student-donut .apexcharts-legend, .dashboard-item.is-teacher-donut .apexcharts-legend {
  overflow: hidden;
}
.dashboard-item.is-student-donut .apexcharts-legend-series, .dashboard-item.is-teacher-donut .apexcharts-legend-series {
  cursor: auto;
}
.dashboard-item.is-student-donut .apexcharts-legend-marker, .dashboard-item.is-teacher-donut .apexcharts-legend-marker {
  margin-right: 0;
}
.dashboard-item.is-student-donut .apexcharts-legend-text, .dashboard-item.is-teacher-donut .apexcharts-legend-text {
  min-width: 3.0625rem;
  padding-left: 1.5rem;
}
@media (max-width: 767px) {
  .dashboard-item.is-student-donut .apexcharts-legend-text, .dashboard-item.is-teacher-donut .apexcharts-legend-text {
    padding-left: 1.25rem;
  }
}

.dashboard-item.is-teacher-donut .chart-frame {
  padding-top: 2.9375rem;
}
@media (max-width: 767px) {
  .dashboard-item.is-teacher-donut .chart-frame {
    padding-top: 0;
  }
}

.dashboard-item.is-student-donut .chart-frame {
  padding-top: 5rem;
}
@media (max-width: 767px) {
  .dashboard-item.is-student-donut .chart-frame {
    padding-top: 0;
  }
}

/* ───────────────────────────────────────
  📌 발음 정확도 분석
─────────────────────────────────────── */
.dashboard-item.is-student-half-donut .chart-frame, .dashboard-item.is-teacher-half-donut .chart-frame {
  width: 23.375rem;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .dashboard-item.is-student-half-donut .chart-frame, .dashboard-item.is-teacher-half-donut .chart-frame {
    width: 23.125rem;
    margin-bottom: -5rem;
  }
}
@media (max-width: 430px) {
  .dashboard-item.is-student-half-donut .chart-frame, .dashboard-item.is-teacher-half-donut .chart-frame {
    width: 100%;
  }
}
.dashboard-item.is-student-half-donut .apexcharts-legend, .dashboard-item.is-teacher-half-donut .apexcharts-legend {
  right: inherit !important;
  left: 50% !important;
  display: grid;
  justify-content: flex-start !important;
  overflow: hidden;
  grid-template-columns: repeat(4, 1fr);
  padding: 0;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .dashboard-item.is-student-half-donut .apexcharts-legend, .dashboard-item.is-teacher-half-donut .apexcharts-legend {
    gap: 0 0.75rem;
  }
}
.dashboard-item.is-student-half-donut .apexcharts-legend-series, .dashboard-item.is-teacher-half-donut .apexcharts-legend-series {
  cursor: auto;
}
@media (max-width: 767px) {
  .dashboard-item.is-student-half-donut .apexcharts-legend-series, .dashboard-item.is-teacher-half-donut .apexcharts-legend-series {
    margin: 0 0 0.625rem !important;
  }
}
.dashboard-item.is-student-half-donut .apexcharts-legend-series:nth-child(4n), .dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(4n) {
  margin-right: 0 !important;
}
.dashboard-item.is-student-half-donut .apexcharts-legend-series:nth-child(4n+1), .dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(4n+1) {
  margin-left: 0 !important;
}
.dashboard-item.is-student-half-donut .apexcharts-legend-series:nth-child(1), .dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(1), .dashboard-item.is-student-half-donut .apexcharts-legend-series:nth-child(2), .dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(2), .dashboard-item.is-student-half-donut .apexcharts-legend-series:nth-child(3), .dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(3), .dashboard-item.is-student-half-donut .apexcharts-legend-series:nth-child(4), .dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(4) {
  margin-bottom: 0.3125rem !important;
}
@media (max-width: 767px) {
  .dashboard-item.is-student-half-donut .apexcharts-legend-series:nth-child(1), .dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(1), .dashboard-item.is-student-half-donut .apexcharts-legend-series:nth-child(2), .dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(2), .dashboard-item.is-student-half-donut .apexcharts-legend-series:nth-child(3), .dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(3), .dashboard-item.is-student-half-donut .apexcharts-legend-series:nth-child(4), .dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(4) {
    margin-bottom: 0.625rem !important;
  }
}
.dashboard-item.is-student-half-donut .apexcharts-legend-marker, .dashboard-item.is-teacher-half-donut .apexcharts-legend-marker {
  margin-right: 0;
}
.dashboard-item.is-student-half-donut .apexcharts-legend-text, .dashboard-item.is-teacher-half-donut .apexcharts-legend-text {
  min-width: 3.0625rem;
  padding-left: 1.5rem;
}
@media (max-width: 767px) {
  .dashboard-item.is-student-half-donut .apexcharts-legend-text, .dashboard-item.is-teacher-half-donut .apexcharts-legend-text {
    padding-left: 1.25rem;
  }
}

.dashboard-item.is-teacher-half-donut .chart-frame {
  padding-top: 3.25rem;
}
@media (max-width: 767px) {
  .dashboard-item.is-teacher-half-donut .chart-frame {
    padding-top: 0;
  }
}

.dashboard-item.is-student-half-donut .chart-frame {
  padding-top: 5rem;
}
@media (max-width: 767px) {
  .dashboard-item.is-student-half-donut .chart-frame {
    padding-top: 0;
  }
}

/* ───────────────────────────────────────
  📌 요일별 학습 패턴 분석
─────────────────────────────────────── */
.dashboard-item.is-teacher-bar .chart-frame {
  padding-top: 0.3125rem;
}

.dashboard-item.is-student-bar .chart-frame {
  padding-top: 2.5rem;
}
@media (max-width: 767px) {
  .dashboard-item.is-student-bar .chart-frame {
    padding-top: 0;
  }
}

.report-wrap .report-title {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 1.875rem;
}
.report-wrap .report-title .report-title-label {
  font: var(--bbc-typo-st1-600);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.report-wrap .value-box + .value-box {
  margin-top: 0.9375rem;
}
.report-wrap .distribution-bar-area {
  margin-top: 1.5625rem;
}

/* ───────────────────────────────────────
  📌 학습 활동 수
─────────────────────────────────────── */
#dashboard-student-learning-activity-count .chart-frame {
  padding-top: 0.75rem;
}
@media (max-width: 767px) {
  #dashboard-student-learning-activity-count .chart-frame {
    padding-top: 0;
  }
}
#dashboard-student-learning-activity-count .chart-navigator {
  margin-bottom: 0.625rem;
}
@media (max-width: 767px) {
  #dashboard-student-learning-activity-count .chart-navigator {
    margin-bottom: 0;
  }
}
#dashboard-student-learning-activity-count .apexcharts-legend {
  right: inherit !important;
  left: 50% !important;
  display: grid;
  justify-content: flex-start !important;
  overflow: hidden;
  grid-template-columns: repeat(6, 1fr);
  padding: 0;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  #dashboard-student-learning-activity-count .apexcharts-legend {
    gap: 0 0.75rem;
  }
}
@media (max-width: 412px) {
  #dashboard-student-learning-activity-count .apexcharts-legend {
    grid-template-columns: repeat(4, 1fr);
  }
}
#dashboard-student-learning-activity-count .apexcharts-legend-series {
  cursor: auto;
}
@media (max-width: 767px) {
  #dashboard-student-learning-activity-count .apexcharts-legend-series {
    margin: 0 0 0.625rem !important;
  }
}
#dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(6n) {
  margin-right: 0 !important;
}
#dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(6n+1) {
  margin-left: 0 !important;
}
#dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(1), #dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(2), #dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(3), #dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(4), #dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(5), #dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(6) {
  margin-bottom: 0.3125rem !important;
}
@media (max-width: 767px) {
  #dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(1), #dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(2), #dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(3), #dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(4), #dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(5), #dashboard-student-learning-activity-count .apexcharts-legend-series:nth-child(6) {
    margin-bottom: 0.625rem !important;
  }
}
#dashboard-student-learning-activity-count .apexcharts-legend-marker {
  margin-right: 0;
}
#dashboard-student-learning-activity-count .apexcharts-legend-text {
  min-width: 2.75rem;
  padding-left: 1.5rem;
}
@media (max-width: 767px) {
  #dashboard-student-learning-activity-count .apexcharts-legend-text {
    padding-left: 1.25rem;
  }
}

/* ───────────────────────────────────────
  📌 게시판 활동 내역
─────────────────────────────────────── */
#dashboard-student-board-activity-history .chart-frame {
  padding-top: 0.75rem;
}
@media (max-width: 767px) {
  #dashboard-student-board-activity-history .chart-frame {
    padding-top: 0;
  }
}
#dashboard-student-board-activity-history .chart-navigator {
  margin-bottom: 0.625rem;
}
@media (max-width: 767px) {
  #dashboard-student-board-activity-history .chart-navigator {
    margin-bottom: 0;
  }
}
#dashboard-student-board-activity-history .chart-message-box {
  margin-top: 0.625rem;
}
@media (max-width: 767px) {
  #dashboard-student-board-activity-history .chart-message-box {
    margin-top: 0;
  }
}

/* ───────────────────────────────────────
  📌 평균 성적 및 위치
─────────────────────────────────────── */
#dashboard-student-average-score-ranking .chart-frame {
  padding-top: 0.9375rem;
}
@media (max-width: 767px) {
  #dashboard-student-average-score-ranking .chart-frame {
    padding-top: 0;
  }
}
#dashboard-student-average-score-ranking .apexcharts-legend {
  overflow: hidden;
}
#dashboard-student-average-score-ranking .chart-message-box {
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  #dashboard-student-average-score-ranking .chart-message-box {
    margin-top: 0;
  }
}

[data-page-id=intro] *:focus-visible {
  outline-width: 0.25rem !important;
}
@media (max-width: 1024px) {
  [data-page-id=intro] *:focus-visible {
    outline-width: 0.125rem !important;
  }
}
[data-page-id=intro] .layout {
  max-width: 1340px !important;
}
[data-page-id=intro] .page {
  display: block;
  padding-top: 0;
}
[data-page-id=intro] .page .visual-section {
  position: relative;
  height: 51.875rem;
  margin-bottom: -15.625rem;
  padding-top: 5.625rem;
  padding-bottom: 15.625rem;
  background: url("/assets/images/intro/visual_bg.png") top center no-repeat;
  background-size: cover;
}
@media (max-width: 1600px) {
  [data-page-id=intro] .page .visual-section {
    height: 41.5625rem;
    margin-bottom: -3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (max-width: 1366px) {
  [data-page-id=intro] .page .visual-section {
    padding-top: 4.375rem;
  }
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .visual-section {
    overflow: hidden;
    height: 80dvh;
    min-height: 38.4375rem;
    max-height: 38.4375rem;
    background-image: url("/assets/images/intro/visual_bg_m.png");
    background-position: bottom center;
    background-size: cover;
  }
}
[data-page-id=intro] .page .visual-section .layout {
  position: relative;
  display: flex;
  height: 100%;
}
[data-page-id=intro] .page .visual-section .layout::before {
  content: "";
  position: absolute;
  right: 3.75rem;
  bottom: 2rem;
  display: inline-block;
  width: 35rem;
  height: 26.5625rem;
  background: url("/assets/images/intro/visual_img.png") no-repeat;
  background-size: cover;
}
@media (max-width: 1600px) {
  [data-page-id=intro] .page .visual-section .layout::before {
    right: 1.875rem;
    bottom: 2.125rem;
    margin-top: 0;
  }
}
@media (max-width: 1366px) {
  [data-page-id=intro] .page .visual-section .layout::before {
    width: 28rem;
    height: 24rem;
    background: url("/assets/images/intro/visual_img_m.png") no-repeat;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .visual-section .layout::before {
    right: 0;
    width: 17.5rem;
    height: 17.5rem;
    background-size: cover;
  }
}
[data-page-id=intro] .page .visual-section .info-wrap {
  flex: 1;
  margin-top: 3.75rem;
}
@media (max-width: 1366px) {
  [data-page-id=intro] .page .visual-section .info-wrap {
    margin-top: 2.5rem;
    padding: 0 0.9375rem;
  }
}
[data-page-id=intro] .page .visual-section .info-wrap .title small {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--bbc-color-text-brand-primary-deep);
  font: var(--bbc-typo-d3-700);
}
[data-page-id=intro] .page .visual-section .info-wrap .title span {
  display: inline-block;
  margin-bottom: 2.25rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-d1-700);
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .visual-section .info-wrap .title span {
    margin-bottom: 1rem;
  }
}
@media (max-width: 1024px) {
  [data-page-id=intro] .page .visual-section .info-wrap .btn-set {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 430px) {
  [data-page-id=intro] .page .visual-section .info-wrap .btn-set .btn-group {
    width: 100%;
  }
}
[data-page-id=intro] .page .visual-section .info-wrap .btn-set .btn-group .btn.is-xl {
  min-width: 15.125rem;
}
@media (max-width: 820px) {
  [data-page-id=intro] .page .visual-section .info-wrap .btn-set .btn-group .btn.is-xl {
    min-width: 9.5rem;
  }
}
@media (max-width: 430px) {
  [data-page-id=intro] .page .visual-section .info-wrap .btn-set .btn-group .btn.is-xl {
    min-width: auto;
    width: 100%;
    max-width: 9.5rem;
  }
}
@media (max-width: 820px) {
  [data-page-id=intro] .page .visual-section .info-wrap .btn-set .btn.is-xl .icon.is-lg {
    width: var(--bbc-icon-size-sm);
    height: var(--bbc-icon-size-sm);
    font-size: var(--bbc-icon-size-sm);
  }
  [data-page-id=intro] .page .visual-section .info-wrap .btn-set .btn.is-xl .icon.is-lg::before {
    width: var(--bbc-icon-size-sm);
    height: var(--bbc-icon-size-sm);
    font-size: var(--bbc-icon-size-sm);
  }
}
[data-page-id=intro] .page .section-1 {
  position: relative;
  z-index: 1;
  padding: 6.25rem 0;
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .section-1 {
    padding: 1.375rem 0;
  }
}
[data-page-id=intro] .page .section-1 .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-top-right-radius: 15.625rem;
  background-color: #eef9ff;
}
@media (max-width: 1600px) {
  [data-page-id=intro] .page .section-1 .bg {
    border-top-right-radius: 3.125rem;
  }
}
[data-page-id=intro] .page .section-1 .bg::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 15.625rem;
  background-color: var(--bbc-color-fill-accent-0);
}
@media (max-width: 1600px) {
  [data-page-id=intro] .page .section-1 .bg::before {
    border-bottom-right-radius: 3.125rem;
  }
}
[data-page-id=intro] .page .section-2 {
  position: relative;
  z-index: 1;
  padding: 6.25rem 0;
  background-color: var(--bbc-color-fill-accent-0);
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .section-2 {
    padding: 2.5rem 0;
  }
}
[data-page-id=intro] .page .section-2 .bg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-top-left-radius: 15rem;
  background-color: #eef9ff;
}
@media (max-width: 1600px) {
  [data-page-id=intro] .page .section-2 .bg-wrap {
    border-top-left-radius: 3.125rem;
  }
}
[data-page-id=intro] .page .section-2 .bg-wrap .deco {
  position: absolute;
  border-radius: var(--bbc-border-radius-circle);
  aspect-ratio: 1/1;
}
[data-page-id=intro] .page .section-2 .bg-wrap .deco:nth-child(1) {
  top: 14.625rem;
  right: -6.5rem;
  width: 21.875rem;
  background-color: #a8e2ff;
  opacity: 0.62;
  filter: blur(110px);
}
[data-page-id=intro] .page .section-2 .bg-wrap .deco:nth-child(2) {
  bottom: -22.25rem;
  left: -8.125rem;
  width: 41.5rem;
  background-color: #bbd8ff;
  opacity: 0.86;
  filter: blur(194px);
}
[data-page-id=intro] .page .bubble-carousel {
  display: flex;
  height: 18.75rem;
  border-radius: 3.125rem;
  background-color: var(--bbc-color-fill-brand-primary);
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .bubble-carousel {
    flex-direction: column;
    height: auto;
    border-radius: 2.1875rem;
  }
}
[data-page-id=intro] .page .bubble-carousel .carousel-item {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width: 1600px) {
  [data-page-id=intro] .page .bubble-carousel .carousel-item.is-onthelive .inner .name {
    font-size: 1.25rem;
    line-height: 1.3;
  }
}
[data-page-id=intro] .page .bubble-carousel .carousel-item .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1.25rem;
  border-radius: 2.5rem;
  background: #ffffff;
  transition: box-shadow 0.3s;
  aspect-ratio: 200/186;
}
[data-page-id=intro] .page .bubble-carousel .carousel-item .inner img {
  width: 130px;
  height: 50px;
  margin-bottom: 0.875rem;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[data-page-id=intro] .page .bubble-carousel .carousel-item .inner .name {
  color: var(--bbc-color-text-brand-primary);
  font: var(--bbc-typo-b1-700);
  text-align: center;
}
[data-page-id=intro] .page .bubble-carousel .carousel-head {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 16.875rem;
  padding: 1.25rem 3.125rem;
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .bubble-carousel .carousel-head {
    flex-direction: row;
    gap: 1.875rem;
    width: 100%;
    padding: 1.5rem;
  }
}
[data-page-id=intro] .page .bubble-carousel .carousel-head .headline {
  flex: 0 0 auto;
  margin-bottom: 1.875rem;
  color: var(--bbc-color-text-accent-0);
  font: var(--bbc-typo-h1-700);
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .bubble-carousel .carousel-head .headline {
    flex: 1 1 auto;
    margin-bottom: 0;
  }
}
[data-page-id=intro] .page .bubble-carousel .carousel-body {
  position: relative;
  flex: 1 1 auto;
  width: calc(100% - 270px);
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .bubble-carousel .carousel-body {
    width: 100%;
  }
}
[data-page-id=intro] .page .bubble-carousel .carousel-controller {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  justify-content: space-between;
  width: 45.5rem;
  max-width: 100%;
  padding: 0 1.5rem;
  transform: translate(-50%, -50%);
}
[data-page-id=intro] .page .bubble-carousel .carousel-controller [class^=carousel-btn-] {
  justify-content: center;
}
[data-page-id=intro] .page .bubble-carousel .carousel-track {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .bubble-carousel .carousel-track {
    height: auto;
  }
}
[data-page-id=intro] .page .bubble-carousel .carousel-track {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[data-page-id=intro] .page .bubble-carousel .carousel-track .swiper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-top-right-radius: 3.125rem;
  border-bottom-right-radius: 3.125rem;
  background-color: var(--bbc-color-fill-brand-secondary);
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .bubble-carousel .carousel-track .swiper {
    border-radius: 0;
    border-bottom-right-radius: 2.1875rem;
    border-bottom-left-radius: 2.1875rem;
  }
}
[data-page-id=intro] .page .bubble-carousel .carousel-track .swiper::before, [data-page-id=intro] .page .bubble-carousel .carousel-track .swiper::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: 2;
  width: 5.8125rem;
  height: 100%;
  pointer-events: none;
}
[data-page-id=intro] .page .bubble-carousel .carousel-track .swiper::before {
  left: 0;
  background: linear-gradient(270deg, rgba(66, 106, 218, 0) 0%, var(--bbc-color-fill-brand-secondary) 100%);
}
[data-page-id=intro] .page .bubble-carousel .carousel-track .swiper::after {
  right: 0;
  background: linear-gradient(270deg, var(--bbc-color-fill-brand-secondary) 0%, rgba(66, 106, 218, 0) 100%);
}
[data-page-id=intro] .page .bubble-carousel .carousel-track .swiper-slide {
  width: 13.75rem;
  padding: 0.625rem;
  transition: opacity 0.3s;
  opacity: 0.5;
}
@media (max-width: 412px) {
  [data-page-id=intro] .page .bubble-carousel .carousel-track .swiper-slide {
    width: 12.5rem;
  }
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .bubble-carousel .carousel-track .swiper-slide {
    padding: 1.75rem 0.625rem;
  }
}
[data-page-id=intro] .page .bubble-carousel .carousel-track .swiper-slide.swiper-slide-active {
  opacity: 1;
}
[data-page-id=intro] .page .bubble-carousel .carousel-track .swiper-slide.swiper-slide-active .carousel-item .inner {
  box-shadow: 0 13.045px 39.135px 0 #294fbc;
}
[data-page-id=intro] .page .bubble-carousel .carousel-track .swiper-button-prev, [data-page-id=intro] .page .bubble-carousel .carousel-track .swiper-button-next {
  position: absolute;
  z-index: 100;
}
[data-page-id=intro] .page .bubble-carousel .carousel-track .swiper-content {
  position: absolute;
}
[data-page-id=intro] .page .bubble-carousel .balloon-wrap {
  position: absolute;
  bottom: 17.0625rem;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  transition: opacity 0.3s ease;
  opacity: 0;
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .bubble-carousel .balloon-wrap {
    display: none;
  }
}
[data-page-id=intro] .page .bubble-carousel .balloon-wrap::before {
  content: "";
  position: absolute;
  bottom: -1.0625rem;
  left: 50%;
  width: 1.4375rem;
  height: 1.25rem;
  background-color: var(--bbc-color-etc-balloon-fill);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'><path d='M8.69644 13.9693C10.2345 16.6442 14.0937 16.6442 15.6317 13.9693L23.6641 0H0.664063L8.69644 13.9693Z' fill='%23fff'/></svg>") no-repeat center/contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'><path d='M8.69644 13.9693C10.2345 16.6442 14.0937 16.6442 15.6317 13.9693L23.6641 0H0.664063L8.69644 13.9693Z' fill='%23fff'/></svg>") no-repeat center/contain;
  transform: translateX(-50%);
}
[data-page-id=intro] .page .bubble-carousel .balloon-wrap .balloon {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 0;
  border-radius: 15px;
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-etc-balloon-fill);
  transform-origin: 50% 100%;
  will-change: transform, opacity;
}
[data-page-id=intro] .page .bubble-carousel .balloon-wrap .balloon-item {
  display: none;
  padding: 0.8125rem 1.25rem 0.9375rem;
  font: var(--bbc-typo-b3-500);
  white-space: nowrap;
  text-align: center;
}
[data-page-id=intro] .page .bubble-carousel .balloon-wrap .balloon-item.is-active {
  display: inline-block;
  animation: fadeInUp 0.5s ease forwards;
}
[data-page-id=intro] .page .banner-carousel {
  display: flex;
}
@media (max-width: 1024px) {
  [data-page-id=intro] .page .banner-carousel {
    flex-direction: column;
  }
}
[data-page-id=intro] .page .banner-carousel + .banner-carousel {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .banner-carousel + .banner-carousel {
    margin-top: 2rem;
  }
}
[data-page-id=intro] .page .banner-carousel .carousel-head {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.875rem;
  width: 16.875rem;
  padding-left: 3.125rem;
}
@media (max-width: 1600px) {
  [data-page-id=intro] .page .banner-carousel .carousel-head {
    width: 12.5rem;
    padding: 0 0.875rem;
  }
}
@media (max-width: 1024px) {
  [data-page-id=intro] .page .banner-carousel .carousel-head {
    flex-direction: row;
    gap: 1.25rem;
    width: 100%;
    margin-bottom: 0.875rem;
  }
}
[data-page-id=intro] .page .banner-carousel .carousel-head .headline {
  font: var(--bbc-typo-h1-700);
}
@media (max-width: 1024px) {
  [data-page-id=intro] .page .banner-carousel .carousel-head .headline {
    flex: 1 1 auto;
  }
}
[data-page-id=intro] .page .banner-carousel .carousel-head .carousel-controller {
  flex: 0 0 auto;
}
@media (max-width: 1024px) {
  [data-page-id=intro] .page .banner-carousel .carousel-head .carousel-controller {
    flex-direction: row;
  }
}
[data-page-id=intro] .page .banner-carousel .carousel-body {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
}
[data-page-id=intro] .page .banner-carousel .carousel-body .carousel-pagination-fraction {
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  left: auto;
  z-index: 1;
}
[data-page-id=intro] .page .banner-carousel .carousel-body .carousel-track .swiper-slide:focus-visible {
  border-radius: 3.125rem;
  outline-offset: -0.25rem;
}
@media (max-width: 1024px) {
  [data-page-id=intro] .page .banner-carousel .carousel-body .carousel-track .swiper-slide:focus-visible {
    border-radius: 2.1875rem;
    outline-offset: -0.125rem;
  }
}
[data-page-id=intro] .page .banner-carousel .carousel-body .carousel-track .carousel-item {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.875rem 7.0625rem 1.875rem 4.375rem;
  border-radius: 3.125rem;
  background-color: var(--bbc-color-fill-natural-3-a70);
}
@media (max-width: 1024px) {
  [data-page-id=intro] .page .banner-carousel .carousel-body .carousel-track .carousel-item {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.75rem 1.5rem;
    border-radius: 2.1875rem;
  }
}
[data-page-id=intro] .page .banner-carousel .carousel-body .carousel-track .carousel-item .text-wrap {
  flex: 1 0 auto;
}
@media (max-width: 1024px) {
  [data-page-id=intro] .page .banner-carousel .carousel-body .carousel-track .carousel-item .text-wrap {
    width: 100%;
  }
}
[data-page-id=intro] .page .banner-carousel .carousel-body .carousel-track .carousel-item .text-wrap .title {
  margin-bottom: 0.625rem;
  font: var(--bbc-typo-t2-700);
}
@media (max-width: 1024px) {
  [data-page-id=intro] .page .banner-carousel .carousel-body .carousel-track .carousel-item .text-wrap .title {
    max-width: calc(100% - 100px);
  }
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .banner-carousel .carousel-body .carousel-track .carousel-item .text-wrap .title {
    margin-bottom: 0.75rem;
  }
}
[data-page-id=intro] .page .banner-carousel .carousel-body .carousel-track .carousel-item .text-wrap .desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b1-400);
}
[data-page-id=intro] .page .banner-carousel .carousel-body .carousel-track .carousel-item .img-wrap {
  flex: 0 1 auto;
}
@media (max-width: 1024px) {
  [data-page-id=intro] .page .banner-carousel .carousel-body .carousel-track .carousel-item .img-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
[data-page-id=intro] .page .banner-carousel .carousel-body .carousel-track .carousel-item .img-wrap img {
  width: 100%;
  max-width: 282px;
  aspect-ratio: 282/200;
  -o-object-fit: contain;
     object-fit: contain;
}

/* (메인 페이지 공통 스타일) */
[data-page-id=main] {
  transition: opacity 0.5s;
  opacity: 0;
}
[data-page-id=main].is-page-ready {
  opacity: 1;
}
[data-page-id=main] .container {
  background-color: var(--bbc-color-layer-brand-primary);
}
[data-page-id=main] #visual-container {
  position: relative;
  z-index: 1;
  text-align: center;
}
[data-page-id=main] #visual-container.is-no-banner {
  padding-top: 40px;
}
[data-page-id=main] #visual-container.is-no-banner .hero-banner {
  display: none !important;
}
[data-page-id=main] #visual-container .hero-banner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 11.25rem;
  margin-bottom: -2.5625rem;
  background-color: var(--hero-edge, rgb(244, 244, 244));
}
[data-page-id=main] #visual-container .hero-banner picture {
  height: 100%;
}
@media (max-width: 1920px) {
  [data-page-id=main] #visual-container .hero-banner {
    height: 9.379885357vw;
  }
}
@media (max-width: 1366px) {
  [data-page-id=main] #visual-container .hero-banner {
    height: 23.4680573664vw;
  }
}
@media (max-width: 767px) {
  [data-page-id=main] #visual-container .hero-banner {
    height: 42.7807486631vw;
  }
}
[data-page-id=main] #visual-container .hero-banner::before, [data-page-id=main] #visual-container .hero-banner::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  width: 100px;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 1920px) {
  [data-page-id=main] #visual-container .hero-banner::before, [data-page-id=main] #visual-container .hero-banner::after {
    display: none;
  }
}
[data-page-id=main] #visual-container .hero-banner {
  /* Left side */
}
[data-page-id=main] #visual-container .hero-banner::before {
  left: calc((100% - 1920px) / 2);
  background: linear-gradient(to right, var(--hero-edge, transparent) 0%, rgba(0, 0, 0, 0) 70%);
}
[data-page-id=main] #visual-container .hero-banner {
  /* Right side */
}
[data-page-id=main] #visual-container .hero-banner::after {
  right: calc((100% - 1920px) / 2);
  background: linear-gradient(to left, var(--hero-edge, transparent) 0%, rgba(0, 0, 0, 0) 70%);
}
[data-page-id=main] #visual-container .hero-banner img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 1920px;
  height: 100%;
}
[data-page-id=main] #visual-container .searchbar {
  position: relative;
  z-index: 1;
}
[data-page-id=main] .page-content {
  position: relative;
  z-index: 1;
  padding-top: 2.5rem;
}
@media (max-width: 767px) {
  [data-page-id=main] .page-content {
    padding-top: 1.875rem;
  }
}
[data-page-id=main] .dashboard-container {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(9, 1fr);
  max-width: 1410px;
  margin: 0 auto;
  padding: 0 30px;
}
@media (max-width: 1366px) {
  [data-page-id=main] .dashboard-container {
    gap: 1.25rem;
  }
}
[data-page-id=main] .dashboard-container [data-space="1"] {
  grid-column: span 3;
}
[data-page-id=main] .dashboard-container [data-space="2"] {
  grid-column: span 6;
}
[data-page-id=main] .dashboard-container [data-space="3"] {
  grid-column: span 9;
}
@media (max-width: 1366px) {
  [data-page-id=main] .dashboard-container [data-space] {
    grid-column: span 9 !important;
  }
}
[data-page-id=main] .dashboard-container.layout-wide {
  grid-template-columns: repeat(12, 1fr);
  max-width: 1868px;
}
@media (max-width: 1366px) {
  [data-page-id=main] .dashboard-container.layout-wide [data-space] {
    grid-column: span 12 !important;
  }
}

[data-theme~="banner:none"] #visual-container {
  padding-top: 40px;
}
[data-theme~="banner:none"] #visual-container .hero-banner {
  display: none;
}

/* ───────────────────────────────────────
    📌 Myinfo (나의 정보 확인)
─────────────────────────────────────── */
[data-page-id=myinfo] .form-card-form {
  text-align: center;
}
[data-page-id=myinfo] .bullet-list {
  margin-top: 0.625rem;
}
[data-page-id=myinfo] .bullet-list li {
  display: inline;
}

.resources-detail {
  display: grid;
  align-items: start;
  gap: 2rem 3.75rem;
  grid-template-columns: 48% minmax(0, 1fr);
  padding-bottom: 2rem;
  border-bottom: 0.0625rem solid var(--bbc-color-stroke-natural-2);
}
@media (max-width: 1180px) {
  .resources-detail {
    gap: 2rem;
  }
}
@media (max-width: 1024px) {
  .resources-detail {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .resources-detail {
    gap: 1.25rem;
  }
}
.resources-detail .content-preview {
  position: relative;
  overflow: hidden;
  border-radius: var(--bbc-border-radius-12);
  aspect-ratio: 4/3;
}
@media (max-width: 1024px) {
  .resources-detail .content-preview {
    width: 100%;
    max-width: 37.5rem;
    margin-right: auto;
    margin-left: auto;
  }
}
.resources-detail .content-preview img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.resources-detail .content-title {
  margin-bottom: 0.5rem;
  font: var(--bbc-typo-t3-700);
}
@media (max-width: 767px) {
  .resources-detail .content-title {
    margin-bottom: 0.3125rem;
  }
}
.resources-detail .content-desc p {
  font: var(--bbc-typo-b3-400);
}
.resources-detail .content-section-title {
  margin-bottom: 1rem;
  font: var(--bbc-typo-st1-600);
}
@media (max-width: 767px) {
  .resources-detail .content-section-title {
    margin-bottom: 0.5rem;
  }
}
.resources-detail .content-section-subtitle {
  font: var(--bbc-typo-st2-600);
}
.resources-detail .content-info {
  padding-top: 0.75rem;
}
@media (max-width: 1024px) {
  .resources-detail .content-info {
    padding-top: 0;
  }
}
.resources-detail .content-meta {
  margin-top: 1.875rem;
}
@media (max-width: 767px) {
  .resources-detail .content-meta {
    margin-top: 1.25rem;
  }
}
.resources-detail .content-meta .meta-item {
  display: grid;
  align-items: center;
  gap: 1rem 3.125rem;
  grid-template-columns: 8.125rem minmax(0, 1fr);
}
@media (max-width: 767px) {
  .resources-detail .content-meta .meta-item {
    gap: 0.5rem;
  }
}
.resources-detail .content-meta .meta-item:not(:first-child) {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .resources-detail .content-meta .meta-item:not(:first-child) {
    margin-top: 0.75rem;
  }
}
.resources-detail .content-meta .meta-item dt {
  font: var(--bbc-typo-b3-500);
}
.resources-detail .content-meta .meta-item dd {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
  word-break: break-all;
}
.resources-detail .content-meta .meta-item.is-tag dt {
  align-self: flex-start;
  padding-top: 0.125rem;
}
.resources-detail .content-license .content-section-subtitle {
  margin-bottom: 0.25rem;
  font: var(--bbc-typo-b3-500);
}
.resources-detail .content-license .bullet-list + .content-section-subtitle {
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .resources-detail .content-license .bullet-list + .content-section-subtitle {
    margin-top: 0.75rem;
  }
}
.resources-detail .content-section-wrap {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 767px) {
  .resources-detail .content-section-wrap {
    gap: 1.25rem;
  }
}
.resources-detail .content-attachments .link-list, .resources-detail .content-attachments .download-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.resources-detail .content-attachments .bullet-list {
  margin-top: 0.75rem;
}
.resources-detail .content-rating .rating-box-wrap {
  display: flex;
  gap: 0.75rem;
}
@media (max-width: 767px) {
  .resources-detail .content-rating .rating-box-wrap {
    flex-wrap: wrap;
  }
}
.resources-detail .content-rating .rating-box-wrap [class$=-rating-box] {
  min-height: 11.375rem;
  padding: 1.375rem 1.5rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.75rem;
}
@media (max-width: 767px) {
  .resources-detail .content-rating .rating-box-wrap [class$=-rating-box] {
    min-height: auto;
    padding: 1rem 1rem 1.375rem;
  }
}
.resources-detail .content-rating .rating-box-wrap [class$=-rating-box] .box-head {
  margin-bottom: 0.875rem;
}
.resources-detail .content-rating .rating-box-wrap [class$=-rating-box] .box-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.resources-detail .content-rating .rating-box-wrap [class$=-rating-box].average-rating-box {
  flex: 1 0 11.25rem;
}
.resources-detail .content-rating .rating-box-wrap [class$=-rating-box].average-rating-box .review-count-label {
  margin-top: 0.5rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
.resources-detail .content-rating .rating-box-wrap [class$=-rating-box].average-rating-box .box-body {
  padding-top: 1rem;
}
@media (max-width: 767px) {
  .resources-detail .content-rating .rating-box-wrap [class$=-rating-box].average-rating-box .box-body {
    padding-top: 0;
  }
}
.resources-detail .content-rating .rating-box-wrap [class$=-rating-box].my-rating-box {
  flex: 1 1 25.125rem;
}
.resources-detail .content-rating .rating-box-wrap [class$=-rating-box].my-rating-box .btn-set {
  margin-top: 1.125rem;
}

.manual-section {
  padding: 2.5rem 2.25rem;
  border-radius: var(--bbc-border-radius-20);
  background-color: var(--bbc-color-fill-natural-0);
}
@media (max-width: 767px) {
  .manual-section {
    padding: 1.875rem 1rem;
  }
}
.manual-section:not(:first-child) {
  margin-top: 1.875rem;
}
@media (max-width: 767px) {
  .manual-section:not(:first-child) {
    margin-top: 1.5rem;
  }
}
.manual-section .manual-section-title {
  display: flex;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .manual-section .manual-section-title {
    gap: 0.25rem;
  }
}
.manual-section .manual-section-title .text {
  font: var(--bbc-typo-t3-700);
}
.manual-section .manual-section-desc {
  margin-top: 0.25rem;
  font: var(--bbc-typo-b3-400);
}
.manual-section .manual-item {
  box-shadow: var(--bbc-color-shadow-natural-0);
}

.manual-list {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 1.875rem;
}
@media (max-width: 1280px) {
  .manual-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  .manual-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .manual-list {
    grid-template-columns: 1fr;
  }
}

.manual-item {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.875rem 1.5rem 1.5rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-16);
  background-color: var(--bbc-color-fill-natural-3);
  text-align: center;
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .manual-item:hover:has(.btn:hover):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-stroke-brand-primary);
}

.manual-item {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .manual-item:active:has(.btn:hover):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-stroke-brand-primary);
}

[data-env~="hover:mixed"] .manual-item:active:has(.btn:hover):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-stroke-brand-primary);
}

.manual-item .item-head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.manual-item .item-bottom {
  margin-top: auto;
}
.manual-item .logo {
  width: 8.125rem;
  margin-bottom: 0.875rem;
}
.manual-item .logo img {
  width: 100%;
}
.manual-item .name {
  font: var(--bbc-typo-b1-700);
}
.manual-item .desc {
  margin-top: 0.5rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-500);
}

/* ───────────────────────────────────────
  📌 Question Bank (문제 자료실)
─────────────────────────────────────── */
.question-bank-list {
  display: grid;
  gap: 3.75rem 1.5rem;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 1.25rem;
  padding: 1.875rem 0;
  border-top: 1px solid var(--bbc-color-stroke-natural-2);
  border-bottom: 1px solid var(--bbc-color-stroke-natural-2);
}
@media (max-width: 1280px) {
  .question-bank-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  .question-bank-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .question-bank-list {
    gap: 2.5rem 1.5rem;
    padding: 1.25rem 0;
  }
}
@media (max-width: 640px) {
  .question-bank-list {
    grid-template-columns: 1fr;
  }
}
.question-bank-item {
  display: flex;
  flex-direction: column;
}
.question-bank-item.is-empty {
  grid-column: span 12;
}
.question-bank-item.is-empty .empty-state .empty-state-layout {
  padding: 4.75rem 0;
}
.question-bank-item.is-empty .empty-state .empty-state-msg .empty-state-title {
  font: var(--bbc-typo-b2-400);
}
.question-bank-item .item-thumb {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 13.8125rem;
  margin-bottom: 0.875rem;
  padding: 3.125rem 1.5rem 1.5rem;
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-1);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.question-bank-item .item-thumb.is-green {
  background-image: url("/assets/images/sub/question_bank_thumb_bg_green.png");
}
.question-bank-item .item-thumb.is-teal {
  background-image: url("/assets/images/sub/question_bank_thumb_bg_teal.png");
}
.question-bank-item .item-thumb.is-brown {
  background-image: url("/assets/images/sub/question_bank_thumb_bg_brown.png");
}
.question-bank-item .item-thumb.is-purple {
  background-image: url("/assets/images/sub/question_bank_thumb_bg_purple.png");
}
.question-bank-item .item-thumb.is-navy {
  background-image: url("/assets/images/sub/question_bank_thumb_bg_navy.png");
}
.question-bank-item .item-thumb .like-btn {
  position: absolute;
  top: 0;
  right: 0.9375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.125rem;
  height: 2.25rem;
  border-radius: 0 0 var(--bbc-border-radius-max) var(--bbc-border-radius-max);
  background-color: rgba(0, 0, 0, 0.72);
}
.question-bank-item .item-thumb .like-btn .icon {
  color: var(--bbc-color-icon-natural-3);
}
.question-bank-item .item-thumb-title {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  width: calc(100% - 3rem);
}
.question-bank-item .item-thumb-title .subject {
  display: inline-block;
  width: 100%;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-t3-700);
  text-align: center;
}
.question-bank-item .item-thumb-title .subject-desc {
  width: 100%;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-st1-600);
  text-align: center;
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.question-bank-item .item-body {
  margin-bottom: 1.5rem;
}
.question-bank-item .item-body .chip-group {
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.question-bank-item .item-body .resource-title {
  margin-bottom: 0.5rem;
  font: var(--bbc-typo-b3-700);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  word-break: break-all !important;
}
.question-bank-item .item-body .item-meta {
  margin-bottom: 0.75rem;
}
.question-bank-item .item-body .item-meta li {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
.question-bank-item .item-body .item-stats {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--bbc-color-text-natural-1);
}
.question-bank-item .item-body .item-stats li {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.question-bank-item .item-body .item-stats li .label {
  display: inline-block;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.question-bank-item .item-bottom {
  display: flex;
  gap: 0.625rem;
}
.question-bank-item .item-bottom .btn {
  flex: 1;
}

/* ───────────────────────────────────────
  📌 State pages (Error / Under Construction)
─────────────────────────────────────── */
[data-page-id=state-error] .page-state,
[data-page-id=state-under-construction] .page-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 30rem;
  padding: 2.5rem 0;
  text-align: center;
  margin-inline: auto;
}
[data-page-id=state-error] .state-page-indicator,
[data-page-id=state-under-construction] .state-page-indicator {
  display: flex;
  justify-content: center;
  margin-bottom: 2.5rem;
}
[data-page-id=state-error] .state-page-indicator img,
[data-page-id=state-under-construction] .state-page-indicator img {
  display: block;
  width: 5rem;
  height: auto;
}
[data-page-id=state-error] .state-page-msg,
[data-page-id=state-under-construction] .state-page-msg {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}
[data-page-id=state-error] .state-page-title,
[data-page-id=state-under-construction] .state-page-title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-t1-700);
}
[data-page-id=state-error] .state-page-desc,
[data-page-id=state-under-construction] .state-page-desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b2-400);
}
[data-page-id=state-error] .state-page-actions,
[data-page-id=state-under-construction] .state-page-actions {
  justify-content: center;
}

/* ───────────────────────────────────────
  📌 Board Detail Layout (공통)
  - src/pages/board-detail-layout.ejs
─────────────────────────────────────── */
/* ───────────────────────────────────────
  📌 Board Write Layout (공통)
  - src/pages/board-write-layout.ejs
─────────────────────────────────────── */
/* ───────────────────────────────────────
  📌 Search (통합검색)
─────────────────────────────────────── */
.search-result-head {
  padding: 5rem 0;
  text-align: center;
}
@media (max-width: 767px) {
  .search-result-head {
    padding: 2.5rem 0;
  }
}
.search-result-title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-600);
}
.search-result-keyword {
  color: var(--bbc-color-text-brand-primary);
}
.search-result-count {
  color: var(--bbc-color-text-brand-primary);
}
.search-result-desc {
  margin-top: 0.625rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.search-result-content .tabs {
  margin-bottom: 5rem;
}
@media (max-width: 767px) {
  .search-result-content .tabs {
    margin-bottom: 2.5rem;
  }
}
.search-result-content .keyword {
  background-color: var(--bbc-color-etc-keyword-fill);
  color: var(--bbc-color-text-natural-0);
}
.search-result-content .search-section:not(:first-child) {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .search-result-content .search-section:not(:first-child) {
    margin-top: 3.75rem;
  }
}
.search-result-content .search-section-head {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 0.0625rem solid var(--bbc-color-stroke-natural-2);
}
.search-result-content .search-section-head-left {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 640px) {
  .search-result-content .search-section-head-left {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.125rem;
  }
}
.search-result-content .search-section-head-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.25rem;
}
.search-result-content .search-section-title {
  font: var(--bbc-typo-t3-700);
}
.search-result-content .search-section-total {
  font: var(--bbc-typo-b3-500);
}
.search-result-content .search-section-total-count {
  color: var(--bbc-color-text-brand-primary);
}
.search-result-content .search-section-block:not(:first-child) {
  margin-top: 3.75rem;
}
@media (max-width: 640px) {
  .search-result-content .search-section-block:not(:first-child) {
    margin-top: 1.875rem;
  }
}
.search-result-content .search-section-block-head {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.625rem;
  padding: 1rem 1.25rem;
  border-radius: var(--bbc-border-radius-16);
  background-color: var(--bbc-color-fill-natural-0);
}
@media (max-width: 640px) {
  .search-result-content .search-section-block-head {
    flex-direction: column;
    align-items: flex-start;
    padding: 0.875rem 1rem;
  }
}
.search-result-content .search-section-block-head-left {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
}
@media (max-width: 640px) {
  .search-result-content .search-section-block-head-left {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  .search-result-content .search-section-block-head-right .btn-set {
    justify-content: flex-start;
  }
}
.search-result-content .search-section-block-title {
  font: var(--bbc-typo-st1-600);
  word-break: break-all;
}
.search-result-content .search-section-block-title .total-count-number {
  color: var(--bbc-color-text-brand-primary);
}
.search-result-content .search-section-block-title .total-count-unit {
  color: var(--bbc-color-text-brand-primary);
}
.search-result-content .search-section-block .result-path {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.search-result-content .search-section-block .result-path .result-path-item:not(:last-child) {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: var(--bbc-color-icon-natural-0);
}
.search-result-content .search-section-block .result-path .result-path-item:not(:last-child)::after {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.search-result-content .search-section-block .result-path .result-path-item .item-label {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l3-400);
}
@media (max-width: 1280px) {
  .search-result-content .search-section-block .manual-item:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1024px) {
  .search-result-content .search-section-block .manual-item:nth-child(4) {
    display: flex;
  }
}
.search-result-content .search-section .manual-list {
  margin-top: 0;
  padding-top: 0.625rem;
}
.search-result-content .search-section .blog-list .blog-summary {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1.25rem;
  width: 100%;
  padding: 1rem 1.25rem;
}
.search-result-content .search-section .blog-list .blog-summary:not(:last-child) {
  border-bottom: 0.0625rem solid var(--bbc-color-stroke-natural-0);
}
@media (max-width: 430px) {
  .search-result-content .search-section .blog-list .blog-summary {
    flex-direction: column;
    gap: 0.625rem;
    padding: 1rem;
  }
}
.search-result-content .search-section .blog-list .blog-summary-content {
  flex: 1;
  min-width: 0;
}
.search-result-content .search-section .blog-list .blog-summary-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-600);
}
.search-result-content .search-section .blog-list .blog-summary-title .text {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.search-result-content .search-section .blog-list .blog-summary-desc {
  margin-bottom: 0.5rem;
  font: var(--bbc-typo-b3-400);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.search-result-content .search-section .blog-list .blog-summary-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  margin-top: 0.5rem;
  color: var(--bbc-color-icon-natural-0);
  font: var(--bbc-typo-b4-400);
}
.search-result-content .search-section .blog-list .blog-summary-meta.is-separator .item:not(:last-child) {
  position: relative;
}
.search-result-content .search-section .blog-list .blog-summary-meta.is-separator .item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.0625rem;
  height: 0.75rem;
  background-color: var(--bbc-color-stroke-natural-0);
  transform: translate(0.5rem, -50%);
}
.search-result-content .search-section .blog-list .blog-summary-meta .item {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.search-result-content .search-section .blog-list .blog-summary-meta .item.is-writer, .search-result-content .search-section .blog-list .blog-summary-meta .item.is-date {
  flex: 0 1 auto;
}
.search-result-content .search-section .blog-list .blog-summary-meta .item.is-writer {
  word-break: break-all;
}
.search-result-content .search-section .blog-list .blog-summary-meta .item .key {
  color: var(--bbc-color-text-natural-1);
}
.search-result-content .search-section .blog-list .blog-summary-meta .item .label {
  display: flex;
  color: var(--bbc-color-text-natural-1);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.search-result-content .search-section .blog-list .blog-summary-thumb {
  flex: 0 0 7rem;
  align-self: center;
  overflow: hidden;
  height: 5.25rem;
  border-radius: var(--bbc-border-radius-4);
}
@media (max-width: 430px) {
  .search-result-content .search-section .blog-list .blog-summary-thumb {
    flex-basis: auto;
    align-self: flex-start;
    width: 7rem;
  }
}
.search-result-content .search-section .blog-list .blog-summary-thumb img, .search-result-content .search-section .blog-list .blog-summary-thumb .thumb-placeholder {
  display: block;
  width: 100%;
  background-color: var(--bbc-color-fill-natural-0);
  aspect-ratio: 4/3;
}
.search-result-content .search-section .gallery-list {
  padding: 0.625rem 0 0;
  border: 0;
}
@media (max-width: 1280px) {
  .search-result-content .search-section .gallery-item:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1024px) {
  .search-result-content .search-section .gallery-item:nth-child(4) {
    display: block;
  }
}
.search-result-content .search-section .question-bank-list {
  margin-top: 0;
  padding: 0.625rem 0 0;
  border: 0;
}
@media (max-width: 767px) {
  .search-result-content .search-section .question-bank-list {
    gap: 1.25rem 1.5rem;
  }
}
@media (max-width: 1280px) {
  .search-result-content .search-section .question-bank-item:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1024px) {
  .search-result-content .search-section .question-bank-item:nth-child(4) {
    display: flex;
  }
}
.search-result-content .search-section .question-bank-item .item-body {
  margin-bottom: 0;
}
.search-result-content .empty-state .empty-state-layout {
  padding: 2.375rem 0;
}

.swiper.swiper-grab-cursor, .swiper.swiper-grabbing {
  cursor: grab;
}
.swiper.swiper-grabbing * {
  pointer-events: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.swiper.swiper-grabbing a {
  pointer-events: none;
}
.swiper .swiper-slide.is-dummy {
  visibility: hidden;
  pointer-events: none;
}

/* ───────────────────────────────────────
  📌 Common
─────────────────────────────────────── */
.visually-hidden {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  white-space: nowrap !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
}

.overflow-hidden {
  overflow: hidden;
}

.scroll-x {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.scroll-y {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.character-counter {
  margin-top: 0.375rem;
  padding: 0 0.25rem;
}

/* ───────────────────────────────────
  📌 Revert All
  - Editor Content : .post 에디터에서 작성된 본문 HTML용 리셋 컨테이너
─────────────────────────────────── */
.revert-all * {
  all: revert;
}