@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 */
/* 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-2xl {
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.is-2xl::before {
  width: 3.125rem;
  height: 3.125rem;
  background-size: 3.125rem;
  font-size: 3.125rem;
}

.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: #3144B2;
  --bbc-color-text-brand-primary-deep: #243698;
  --bbc-color-text-brand-secondary: #307f40;
  --bbc-color-text-brand-secondary-deep: #307f40;
  --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: #3144B2;
  --bbc-color-icon-brand-primary-deep: #243698;
  --bbc-color-icon-brand-secondary: #307f40;
  --bbc-color-icon-brand-secondary-deep: #307f40;
  --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: #F1F6FD;
  --bbc-color-layer-floor-0: #ffffff;
  --bbc-color-layer-overlay-0: rgba(0, 0, 0, 0.72);
  --bbc-color-layer-intro-gray: #F0F6F8;
  --bbc-color-layer-intro-yellow: #FFFADB;
  --bbc-color-layer-intro-green: #E5FCDF;
  --bbc-color-layer-intro-blue: #E3EEFF;
  --bbc-color-layer-intro-purple: #F0ECFF;
  --bbc-color-fill-brand-primary: #3144B2;
  --bbc-color-fill-brand-primary-hovered: #243698;
  --bbc-color-fill-brand-primary-pressed: #20318E;
  --bbc-color-fill-brand-primary-subtle: #EBF1F6;
  --bbc-color-fill-brand-primary-subtle-hovered: #DEE8F0;
  --bbc-color-fill-brand-primary-subtle-pressed: #DEE8F0;
  --bbc-color-fill-brand-secondary: #75db8a;
  --bbc-color-fill-brand-secondary-hovered: #5ab86e;
  --bbc-color-fill-brand-secondary-pressed: #5ab86e;
  --bbc-color-fill-brand-secondary-subtle: #d6f0db;
  --bbc-color-fill-brand-secondary-subtle-hovered: #bae1c2;
  --bbc-color-fill-brand-secondary-subtle-pressed: #bae1c2;
  --bbc-color-fill-natural-0: #F8F8F8;
  --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-4: #606060;
  --bbc-color-fill-natural-5: #434343;
  --bbc-color-fill-natural-6: #333333;
  --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: #6840B7;
  --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-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-thumbnail-brand-primary: #82c793;
  --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-shadow-natural-4: 0 6px 26px rgba(196, 202, 213, 0.3);
  --bbc-color-gradient-brand-primary: #F7D5B9 0%, #FFB171 100%;
  --bbc-color-gradient-natural-0: #EFEFEF 0%, #D5D5D5 100%;
  --bbc-color-etc-intro-fill: #335AA9;
  --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: #97c2ff;
  --bbc-color-etc-comment-text: #1f5dc0;
  --bbc-color-etc-good-text: #F05F4B;
  --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-etc-tooltip-fill: #BBE662;
  --bbc-color-util-badge: #E74C3C;
  --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-14: 0.875rem;
  --bbc-border-radius-16: 1rem;
  --bbc-border-radius-20: 1.25rem;
  --bbc-border-radius-32: 2rem;
  --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-2xl: 50px;
  --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.375rem/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.25rem/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.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-t4-700: 700 1.375rem/1.5 var(--bbc-font-family);
  --bbc-typo-t5-700: 700 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-t5-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.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn3-700: 700 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn3-500: 500 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-700: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn5-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn5-600: 600 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn5-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-700: 700 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-700: 700 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-600: 600 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-400: 400 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-700: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-600: 600 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-400: 400 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l5-500: 500 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l5-400: 400 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l6-700: 700 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-l6-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 32px/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 18px/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 24px/1.5 var(--bbc-font-family);
    --bbc-typo-t4-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-t5-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-t5-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 20px/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-500: 500 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-700: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn5-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-btn5-600: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-btn5-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-700: 700 20px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-600: 600 18px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-400: 400 18px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-600: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-600: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l5-500: 500 13px/1.5 var(--bbc-font-family);
    --bbc-typo-l5-400: 400 13px/1.5 var(--bbc-font-family);
    --bbc-typo-l6-700: 700 12px/1.5 var(--bbc-font-family);
    --bbc-typo-l6-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 2rem/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.125rem/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.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-t4-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-t5-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-t5-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.25rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-500: 500 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-700: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn5-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn5-600: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn5-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-700: 700 1.25rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-600: 600 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-400: 400 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-600: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-600: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l5-500: 500 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l5-400: 400 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l6-700: 700 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-l6-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.375rem/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.25rem/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.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-t4-700: 700 1.375rem/1.5 var(--bbc-font-family);
  --bbc-typo-t5-700: 700 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-t5-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.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn3-700: 700 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn3-500: 500 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-700: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn5-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn5-600: 600 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn5-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-700: 700 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-700: 700 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-600: 600 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-400: 400 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-700: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-600: 600 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-400: 400 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l5-500: 500 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l5-400: 400 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l6-700: 700 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-l6-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 32px/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 18px/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 24px/1.5 var(--bbc-font-family);
    --bbc-typo-t4-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-t5-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-t5-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 20px/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-500: 500 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-700: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn5-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-btn5-600: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-btn5-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-700: 700 20px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-600: 600 18px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-400: 400 18px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-600: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-600: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l5-500: 500 13px/1.5 var(--bbc-font-family);
    --bbc-typo-l5-400: 400 13px/1.5 var(--bbc-font-family);
    --bbc-typo-l6-700: 700 12px/1.5 var(--bbc-font-family);
    --bbc-typo-l6-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 2rem/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.125rem/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.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-t4-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-t5-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-t5-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.25rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-500: 500 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-700: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn5-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn5-600: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn5-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-700: 700 1.25rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-600: 600 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-400: 400 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-600: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-600: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l5-500: 500 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l5-400: 400 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l6-700: 700 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-l6-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: #3144B2;
  --bbc-color-text-brand-primary-deep: #243698;
  --bbc-color-text-brand-secondary: #307f40;
  --bbc-color-text-brand-secondary-deep: #307f40;
  --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: #3144B2;
  --bbc-color-icon-brand-primary-deep: #243698;
  --bbc-color-icon-brand-secondary: #307f40;
  --bbc-color-icon-brand-secondary-deep: #307f40;
  --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: #F1F6FD;
  --bbc-color-layer-floor-0: #ffffff;
  --bbc-color-layer-overlay-0: rgba(0, 0, 0, 0.72);
  --bbc-color-layer-intro-gray: #F0F6F8;
  --bbc-color-layer-intro-yellow: #FFFADB;
  --bbc-color-layer-intro-green: #E5FCDF;
  --bbc-color-layer-intro-blue: #E3EEFF;
  --bbc-color-layer-intro-purple: #F0ECFF;
  --bbc-color-fill-brand-primary: #3144B2;
  --bbc-color-fill-brand-primary-hovered: #243698;
  --bbc-color-fill-brand-primary-pressed: #20318E;
  --bbc-color-fill-brand-primary-subtle: #EBF1F6;
  --bbc-color-fill-brand-primary-subtle-hovered: #DEE8F0;
  --bbc-color-fill-brand-primary-subtle-pressed: #DEE8F0;
  --bbc-color-fill-brand-secondary: #75db8a;
  --bbc-color-fill-brand-secondary-hovered: #5ab86e;
  --bbc-color-fill-brand-secondary-pressed: #5ab86e;
  --bbc-color-fill-brand-secondary-subtle: #d6f0db;
  --bbc-color-fill-brand-secondary-subtle-hovered: #bae1c2;
  --bbc-color-fill-brand-secondary-subtle-pressed: #bae1c2;
  --bbc-color-fill-natural-0: #F8F8F8;
  --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-4: #606060;
  --bbc-color-fill-natural-5: #434343;
  --bbc-color-fill-natural-6: #333333;
  --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: #6840B7;
  --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-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-thumbnail-brand-primary: #82c793;
  --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-shadow-natural-4: 0 6px 26px rgba(196, 202, 213, 0.3);
  --bbc-color-gradient-brand-primary: #F7D5B9 0%, #FFB171 100%;
  --bbc-color-gradient-natural-0: #EFEFEF 0%, #D5D5D5 100%;
  --bbc-color-etc-intro-fill: #335AA9;
  --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: #97c2ff;
  --bbc-color-etc-comment-text: #1f5dc0;
  --bbc-color-etc-good-text: #F05F4B;
  --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-etc-tooltip-fill: #BBE662;
  --bbc-color-util-badge: #E74C3C;
  --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:purple"] {
  --bbc-color-text-brand-primary: #6840B7;
  --bbc-color-text-brand-primary-deep: #542F9C;
  --bbc-color-text-brand-secondary: #307f40;
  --bbc-color-text-brand-secondary-deep: #307f40;
  --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: #6840B7;
  --bbc-color-icon-brand-primary-deep: #542F9C;
  --bbc-color-icon-brand-secondary: #307f40;
  --bbc-color-icon-brand-secondary-deep: #307f40;
  --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: #E7E2F7;
  --bbc-color-layer-floor-0: #ffffff;
  --bbc-color-layer-overlay-0: rgba(0, 0, 0, 0.72);
  --bbc-color-layer-intro-gray: #F0F6F8;
  --bbc-color-layer-intro-yellow: #FFFADB;
  --bbc-color-layer-intro-green: #E5FCDF;
  --bbc-color-layer-intro-blue: #E3EEFF;
  --bbc-color-layer-intro-purple: #F0ECFF;
  --bbc-color-fill-brand-primary: #6840B7;
  --bbc-color-fill-brand-primary-hovered: #542F9C;
  --bbc-color-fill-brand-primary-pressed: #422084;
  --bbc-color-fill-brand-primary-subtle: #F3F0FF;
  --bbc-color-fill-brand-primary-subtle-hovered: #E7E2F7;
  --bbc-color-fill-brand-primary-subtle-pressed: #E7E2F7;
  --bbc-color-fill-brand-secondary: #75db8a;
  --bbc-color-fill-brand-secondary-hovered: #5ab86e;
  --bbc-color-fill-brand-secondary-pressed: #5ab86e;
  --bbc-color-fill-brand-secondary-subtle: #d6f0db;
  --bbc-color-fill-brand-secondary-subtle-hovered: #bae1c2;
  --bbc-color-fill-brand-secondary-subtle-pressed: #bae1c2;
  --bbc-color-fill-natural-0: #F8F8F8;
  --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-4: #606060;
  --bbc-color-fill-natural-5: #434343;
  --bbc-color-fill-natural-6: #333333;
  --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: #6840B7;
  --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-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-thumbnail-brand-primary: #82c793;
  --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-shadow-natural-4: 0 6px 26px rgba(196, 202, 213, 0.3);
  --bbc-color-gradient-brand-primary: #F7D5B9 0%, #FFB171 100%;
  --bbc-color-gradient-natural-0: #EFEFEF 0%, #D5D5D5 100%;
  --bbc-color-etc-intro-fill: #335AA9;
  --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: #97c2ff;
  --bbc-color-etc-comment-text: #1f5dc0;
  --bbc-color-etc-good-text: #F05F4B;
  --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-etc-tooltip-fill: #BBE662;
  --bbc-color-util-badge: #E74C3C;
  --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: #0B6291;
  --bbc-color-text-brand-primary-deep: #095D8B;
  --bbc-color-text-brand-secondary: #307f40;
  --bbc-color-text-brand-secondary-deep: #307f40;
  --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: #0B6291;
  --bbc-color-icon-brand-primary-deep: #095D8B;
  --bbc-color-icon-brand-secondary: #307f40;
  --bbc-color-icon-brand-secondary-deep: #307f40;
  --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: #E0F0F3;
  --bbc-color-layer-floor-0: #ffffff;
  --bbc-color-layer-overlay-0: rgba(0, 0, 0, 0.72);
  --bbc-color-layer-intro-gray: #F0F6F8;
  --bbc-color-layer-intro-yellow: #FFFADB;
  --bbc-color-layer-intro-green: #E5FCDF;
  --bbc-color-layer-intro-blue: #E3EEFF;
  --bbc-color-layer-intro-purple: #F0ECFF;
  --bbc-color-fill-brand-primary: #0B6291;
  --bbc-color-fill-brand-primary-hovered: #095D8B;
  --bbc-color-fill-brand-primary-pressed: #095680;
  --bbc-color-fill-brand-primary-subtle: #ECF6F8;
  --bbc-color-fill-brand-primary-subtle-hovered: #E0F0F3;
  --bbc-color-fill-brand-primary-subtle-pressed: #E0F0F3;
  --bbc-color-fill-brand-secondary: #75db8a;
  --bbc-color-fill-brand-secondary-hovered: #5ab86e;
  --bbc-color-fill-brand-secondary-pressed: #5ab86e;
  --bbc-color-fill-brand-secondary-subtle: #d6f0db;
  --bbc-color-fill-brand-secondary-subtle-hovered: #bae1c2;
  --bbc-color-fill-brand-secondary-subtle-pressed: #bae1c2;
  --bbc-color-fill-natural-0: #F8F8F8;
  --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-4: #606060;
  --bbc-color-fill-natural-5: #434343;
  --bbc-color-fill-natural-6: #333333;
  --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: #0B6291;
  --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-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-thumbnail-brand-primary: #82c793;
  --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-shadow-natural-4: 0 6px 26px rgba(196, 202, 213, 0.3);
  --bbc-color-gradient-brand-primary: #F7D5B9 0%, #FFB171 100%;
  --bbc-color-gradient-natural-0: #EFEFEF 0%, #D5D5D5 100%;
  --bbc-color-etc-intro-fill: #335AA9;
  --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: #97c2ff;
  --bbc-color-etc-comment-text: #1f5dc0;
  --bbc-color-etc-good-text: #F05F4B;
  --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-etc-tooltip-fill: #BBE662;
  --bbc-color-util-badge: #E74C3C;
  --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: "\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;
  transform: rotate(-90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-top.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;
  transform: rotate(-90deg);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-arrow-top.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;
  transform: rotate(-90deg);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-top.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;
  transform: rotate(-90deg);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-top.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;
  transform: rotate(-90deg);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-top.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;
  transform: rotate(-90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-top.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;
  transform: rotate(-90deg);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-top.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;
  transform: rotate(-90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-top.is-2xl::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;
  transform: rotate(-90deg);
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-arrow-top.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;
  transform: rotate(-90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-arrow-right::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-arrow-right.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-arrow-right.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-arrow-right.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-arrow-right.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-arrow-right.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-arrow-right.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-arrow-right.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-arrow-right.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-arrow-right.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-arrow-bottom::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;
  transform: rotate(90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-bottom.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;
  transform: rotate(90deg);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-arrow-bottom.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;
  transform: rotate(90deg);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-bottom.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;
  transform: rotate(90deg);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-bottom.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;
  transform: rotate(90deg);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-bottom.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;
  transform: rotate(90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-bottom.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;
  transform: rotate(90deg);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-bottom.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;
  transform: rotate(90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-bottom.is-2xl::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;
  transform: rotate(90deg);
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-arrow-bottom.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;
  transform: rotate(90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-arrow-left::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;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-left.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;
  transform: scaleX(-1);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-arrow-left.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;
  transform: scaleX(-1);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-left.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;
  transform: scaleX(-1);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-left.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;
  transform: scaleX(-1);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-left.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;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-left.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;
  transform: scaleX(-1);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-left.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;
  transform: scaleX(-1);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-left.is-2xl::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;
  transform: scaleX(-1);
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-arrow-left.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;
  transform: scaleX(-1);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-chevron-top::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;
  transform: rotate(-90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-top.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;
  transform: rotate(-90deg);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-chevron-top.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;
  transform: rotate(-90deg);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-top.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;
  transform: rotate(-90deg);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-top.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;
  transform: rotate(-90deg);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-top.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;
  transform: rotate(-90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-top.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;
  transform: rotate(-90deg);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-top.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;
  transform: rotate(-90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-top.is-2xl::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;
  transform: rotate(-90deg);
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-chevron-top.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;
  transform: rotate(-90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-chevron-right::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-chevron-right.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-chevron-right.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-chevron-right.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-chevron-right.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-chevron-right.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-chevron-right.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-chevron-right.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-chevron-right.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-chevron-right.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-chevron-bottom::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;
  transform: rotate(90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-bottom.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;
  transform: rotate(90deg);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-chevron-bottom.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;
  transform: rotate(90deg);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-bottom.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;
  transform: rotate(90deg);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-bottom.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;
  transform: rotate(90deg);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-bottom.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;
  transform: rotate(90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-bottom.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;
  transform: rotate(90deg);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-bottom.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;
  transform: rotate(90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-bottom.is-2xl::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;
  transform: rotate(90deg);
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-chevron-bottom.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;
  transform: rotate(90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-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;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-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;
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-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;
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-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;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-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;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-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;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-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;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-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;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-left.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-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;
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-corner-down-left::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-corner-down-left.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-corner-down-left.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-corner-down-left.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-corner-down-left.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-corner-down-left.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-corner-down-left.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-corner-down-left.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-corner-down-left.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-corner-down-left.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-double-chevron-top::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;
  transform: rotate(-90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-top.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;
  transform: rotate(-90deg);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-double-chevron-top.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;
  transform: rotate(-90deg);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-chevron-top.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;
  transform: rotate(-90deg);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-chevron-top.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;
  transform: rotate(-90deg);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-chevron-top.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;
  transform: rotate(-90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-top.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;
  transform: rotate(-90deg);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-chevron-top.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;
  transform: rotate(-90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-chevron-top.is-2xl::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;
  transform: rotate(-90deg);
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-double-chevron-top.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;
  transform: rotate(-90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-double-chevron-right::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-double-chevron-right.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-double-chevron-right.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-double-chevron-right.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-double-chevron-right.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-double-chevron-right.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-double-chevron-right.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-double-chevron-right.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-double-chevron-right.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-double-chevron-right.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-double-chevron-bottom::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;
  transform: rotate(90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-bottom.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;
  transform: rotate(90deg);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-double-chevron-bottom.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;
  transform: rotate(90deg);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-chevron-bottom.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;
  transform: rotate(90deg);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-chevron-bottom.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;
  transform: rotate(90deg);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-chevron-bottom.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;
  transform: rotate(90deg);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-bottom.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;
  transform: rotate(90deg);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-chevron-bottom.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;
  transform: rotate(90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-chevron-bottom.is-2xl::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;
  transform: rotate(90deg);
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-double-chevron-bottom.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;
  transform: rotate(90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-double-chevron-left::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;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-left.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;
  transform: scaleX(-1);
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-double-chevron-left.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;
  transform: scaleX(-1);
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-chevron-left.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;
  transform: scaleX(-1);
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-chevron-left.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;
  transform: scaleX(-1);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-chevron-left.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;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-left.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;
  transform: scaleX(-1);
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-chevron-left.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;
  transform: scaleX(-1);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-chevron-left.is-2xl::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;
  transform: scaleX(-1);
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-double-chevron-left.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;
  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-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.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-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.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: "\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-calendar.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-calendar.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-calendar.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-calendar.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-calendar.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-calendar.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-calendar.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-calendar.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-calendar.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-chart-square::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-chart-square.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-chart-square.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-chart-square.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-chart-square.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-chart-square.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-chart-square.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-chart-square.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-chart-square.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-chart-square.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-check::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-check.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-check.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-check.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-check.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-check.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-check.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-check.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-check.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-check.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-check-badge-soild::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-check-badge-soild.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-check-badge-soild.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-check-badge-soild.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-check-badge-soild.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-check-badge-soild.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-check-badge-soild.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-check-badge-soild.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-check-badge-soild.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-check-badge-soild.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-clock::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-clock.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-clock.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-clock.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-clock.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-clock.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-clock.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-clock.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-clock.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-clock.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-copy::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-copy.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-copy.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-copy.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-copy.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-copy.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-copy.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-copy.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-copy.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-copy.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-divide-circle::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-divide-circle.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-divide-circle.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-divide-circle.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-divide-circle.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-divide-circle.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-divide-circle.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-divide-circle.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-divide-circle.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-divide-circle.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-divide-square::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-divide-square.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-divide-square.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-divide-square.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-divide-square.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-divide-square.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-divide-square.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-divide-square.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-divide-square.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-divide-square.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-download::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-download.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-download.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-download.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-download.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-download.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-download.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-download.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-download.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-download.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-drag-cursor::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-drag-cursor.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-drag-cursor.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-drag-cursor.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-drag-cursor.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-drag-cursor.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-drag-cursor.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-drag-cursor.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-drag-cursor.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-drag-cursor.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-drag-handle::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-drag-handle.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-drag-handle.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-drag-handle.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-drag-handle.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-drag-handle.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-drag-handle.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-drag-handle.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-drag-handle.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-drag-handle.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-edit::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-edit.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-edit.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-edit.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-edit.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-edit.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-edit.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-edit.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-edit.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-edit.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-edit-solid::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-edit-solid.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-edit-solid.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-edit-solid.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-edit-solid.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-edit-solid.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-edit-solid.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-edit-solid.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-edit-solid.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-edit-solid.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-excel::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-excel.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-excel.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-excel.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-excel.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-excel.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-excel.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-excel.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-excel.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-excel.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-exclamation-circle::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-exclamation-circle.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-exclamation-circle.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-exclamation-circle.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-exclamation-circle.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-exclamation-circle.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-exclamation-circle.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-exclamation-circle.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-exclamation-circle.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-exclamation-circle.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-exit::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-exit.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-exit.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-exit.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-exit.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-exit.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-exit.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-exit.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-exit.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-exit.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-file::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-file.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-file.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-file.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-file.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-file.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-file.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-file.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-file.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-file.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-file-text::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-file-text.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-file-text.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-file-text.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-file-text.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-file-text.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-file-text.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-file-text.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-file-text.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-file-text.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-filter::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-filter.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-filter.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-filter.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-filter.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-filter.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-filter.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-filter.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-filter.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-filter.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-folder::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-folder.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-folder.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-folder.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-folder.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-folder.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-folder.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-folder.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-folder.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-folder.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-frame::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-frame.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-frame.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-frame.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-frame.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-frame.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-frame.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-frame.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-frame.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-frame.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-globe::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-globe.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-globe.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-globe.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-globe.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-globe.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-globe.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-globe.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-globe.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-globe.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-grid::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-grid.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-grid.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-grid.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-grid.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-grid.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-grid.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-grid.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-grid.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-grid.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-heart::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-heart.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-heart.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-heart.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-heart.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-heart.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-heart.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-heart.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-heart.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-heart.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-heart-solid::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-heart-solid.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-heart-solid.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-heart-solid.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-heart-solid.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-heart-solid.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-heart-solid.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-heart-solid.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-heart-solid.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-heart-solid.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-help-circle::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-help-circle.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-help-circle.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-help-circle.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-help-circle.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-help-circle.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-help-circle.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-help-circle.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-help-circle.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-help-circle.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-home::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-home.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-home.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-home.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-home.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-home.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-home.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-home.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-home.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-home.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-home-solid::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-home-solid.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-home-solid.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-home-solid.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-home-solid.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-home-solid.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-home-solid.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-home-solid.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-home-solid.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-home-solid.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-hwp::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-hwp.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-hwp.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-hwp.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-hwp.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-hwp.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-hwp.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-hwp.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-hwp.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-hwp.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-image::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-image.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-image.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-image.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-image.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-image.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-image.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-image.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-image.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-image.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-inbox::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-inbox.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-inbox.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-inbox.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-inbox.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-inbox.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-inbox.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-inbox.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-inbox.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-inbox.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-link::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-link.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-link.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-link.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-link.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-link.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-link.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-link.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-link.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-link.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-lock::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-lock.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-lock.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-lock.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-lock.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-lock.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-lock.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-lock.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-lock.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-lock.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-lock-open::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-lock-open.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-lock-open.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-lock-open.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-lock-open.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-lock-open.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-lock-open.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-lock-open.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-lock-open.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-lock-open.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-login::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-login.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-login.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-login.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-login.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-login.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-login.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-login.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-login.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-login.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-logout::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-logout.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-logout.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-logout.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-logout.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-logout.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-logout.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-logout.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-logout.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-logout.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-menu::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-menu.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-menu.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-menu.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-menu.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-menu.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-menu.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-menu.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-menu.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-menu.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-message-circle::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-message-circle.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-message-circle.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-message-circle.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-message-circle.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-message-circle.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-message-circle.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-message-circle.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-message-circle.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-message-circle.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-message-dots::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-message-dots.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-message-dots.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-message-dots.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-message-dots.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-message-dots.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-message-dots.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-message-dots.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-message-dots.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-message-dots.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-message-dots-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-message-dots-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-message-dots-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-message-dots-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-message-dots-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-message-dots-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-message-dots-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-message-dots-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-message-dots-solid.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-message-dots-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-message-square::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-message-square.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-message-square.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-message-square.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-message-square.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-message-square.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-message-square.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-message-square.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-message-square.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-message-square.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-minus::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-minus.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-minus.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-minus.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-minus.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-minus.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-minus.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-minus.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-minus.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-minus.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-more-horizontal::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-more-horizontal.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-more-horizontal.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-more-horizontal.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-more-horizontal.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-more-horizontal.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-more-horizontal.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-more-horizontal.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-more-horizontal.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-more-horizontal.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-more-vertical::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-more-vertical.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-more-vertical.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-more-vertical.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-more-vertical.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-more-vertical.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-more-vertical.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-more-vertical.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-more-vertical.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-more-vertical.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-move::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-move.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-move.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-move.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-move.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-move.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-move.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-move.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-move.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-move.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-notification::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-notification.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-notification.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-notification.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-notification.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-notification.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-notification.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-notification.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-notification.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-notification.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-open-book-solid::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-open-book-solid.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-open-book-solid.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-open-book-solid.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-open-book-solid.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-open-book-solid.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-open-book-solid.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-open-book-solid.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-open-book-solid.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-open-book-solid.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-paperclip::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-paperclip.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-paperclip.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-paperclip.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-paperclip.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-paperclip.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-paperclip.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-paperclip.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-paperclip.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-paperclip.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-pause::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-pause.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-pause.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-pause.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-pause.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-pause.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-pause.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-pause.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-pause.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-pause.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-pause-circle::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-pause-circle.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-pause-circle.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-pause-circle.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-pause-circle.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-pause-circle.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-pause-circle.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-pause-circle.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-pause-circle.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-pause-circle.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-pause-circle-solid::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-pause-circle-solid.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-pause-circle-solid.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-pause-circle-solid.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-pause-circle-solid.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-pause-circle-solid.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-pause-circle-solid.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-pause-circle-solid.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-pause-circle-solid.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-pause-circle-solid.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-pencil::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-pencil.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-pencil.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-pencil.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-pencil.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-pencil.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-pencil.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-pencil.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-pencil.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-pencil.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-pencil-underline::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-pencil-underline.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-pencil-underline.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-pencil-underline.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-pencil-underline.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-pencil-underline.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-pencil-underline.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-pencil-underline.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-pencil-underline.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-pencil-underline.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-pie-chart::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-pie-chart.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-pie-chart.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-pie-chart.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-pie-chart.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-pie-chart.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-pie-chart.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-pie-chart.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-pie-chart.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-pie-chart.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-pin-solid::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-pin-solid.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-pin-solid.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-pin-solid.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-pin-solid.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-pin-solid.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-pin-solid.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-pin-solid.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-pin-solid.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-pin-solid.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-play::before {
  content: "\e863";
  display: inline-block;
  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: "\e863";
  display: inline-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: "\e863";
  display: inline-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: "\e863";
  display: inline-block;
  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: "\e863";
  display: inline-block;
  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: "\e863";
  display: inline-block;
  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: "\e863";
  display: inline-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: "\e863";
  display: inline-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-2xl::before {
  content: "\e863";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-play.is-max::before {
  content: "\e863";
  display: inline-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: "\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-play-circle.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-play-circle.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-play-circle.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-play-circle.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-play-circle.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-play-circle.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-play-circle.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-play-circle.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-play-circle.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-play-circle-solid::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-play-circle-solid.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-play-circle-solid.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-play-circle-solid.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-play-circle-solid.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-play-circle-solid.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-play-circle-solid.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-play-circle-solid.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-play-circle-solid.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-play-circle-solid.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-plus::before {
  content: "\e865";
  display: inline-block;
  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: "\e865";
  display: inline-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: "\e865";
  display: inline-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: "\e865";
  display: inline-block;
  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: "\e865";
  display: inline-block;
  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: "\e865";
  display: inline-block;
  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: "\e865";
  display: inline-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: "\e865";
  display: inline-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-2xl::before {
  content: "\e865";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-plus.is-max::before {
  content: "\e865";
  display: inline-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: "\e864";
  display: inline-block;
  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: "\e864";
  display: inline-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: "\e864";
  display: inline-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: "\e864";
  display: inline-block;
  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: "\e864";
  display: inline-block;
  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: "\e864";
  display: inline-block;
  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: "\e864";
  display: inline-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: "\e864";
  display: inline-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-2xl::before {
  content: "\e864";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-plus-circle.is-max::before {
  content: "\e864";
  display: inline-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: "\e866";
  display: inline-block;
  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: "\e866";
  display: inline-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: "\e866";
  display: inline-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: "\e866";
  display: inline-block;
  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: "\e866";
  display: inline-block;
  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: "\e866";
  display: inline-block;
  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: "\e866";
  display: inline-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: "\e866";
  display: inline-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-2xl::before {
  content: "\e866";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-ppt.is-max::before {
  content: "\e866";
  display: inline-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: "\e868";
  display: inline-block;
  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: "\e868";
  display: inline-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: "\e868";
  display: inline-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: "\e868";
  display: inline-block;
  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: "\e868";
  display: inline-block;
  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: "\e868";
  display: inline-block;
  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: "\e868";
  display: inline-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: "\e868";
  display: inline-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-2xl::before {
  content: "\e868";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-refresh.is-max::before {
  content: "\e868";
  display: inline-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: "\e86a";
  display: inline-block;
  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: "\e86a";
  display: inline-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: "\e86a";
  display: inline-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: "\e86a";
  display: inline-block;
  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: "\e86a";
  display: inline-block;
  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: "\e86a";
  display: inline-block;
  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: "\e86a";
  display: inline-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: "\e86a";
  display: inline-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-2xl::before {
  content: "\e86a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-school-solid.is-max::before {
  content: "\e86a";
  display: inline-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: "\e86b";
  display: inline-block;
  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: "\e86b";
  display: inline-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: "\e86b";
  display: inline-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: "\e86b";
  display: inline-block;
  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: "\e86b";
  display: inline-block;
  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: "\e86b";
  display: inline-block;
  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: "\e86b";
  display: inline-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: "\e86b";
  display: inline-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-2xl::before {
  content: "\e86b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-search.is-max::before {
  content: "\e86b";
  display: inline-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: "\e86c";
  display: inline-block;
  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: "\e86c";
  display: inline-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: "\e86c";
  display: inline-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: "\e86c";
  display: inline-block;
  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: "\e86c";
  display: inline-block;
  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: "\e86c";
  display: inline-block;
  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: "\e86c";
  display: inline-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: "\e86c";
  display: inline-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-2xl::before {
  content: "\e86c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-security-solid.is-max::before {
  content: "\e86c";
  display: inline-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: "\e86e";
  display: inline-block;
  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: "\e86e";
  display: inline-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: "\e86e";
  display: inline-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: "\e86e";
  display: inline-block;
  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: "\e86e";
  display: inline-block;
  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: "\e86e";
  display: inline-block;
  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: "\e86e";
  display: inline-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: "\e86e";
  display: inline-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-2xl::before {
  content: "\e86e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-settings.is-max::before {
  content: "\e86e";
  display: inline-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: "\e86d";
  display: inline-block;
  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: "\e86d";
  display: inline-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: "\e86d";
  display: inline-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: "\e86d";
  display: inline-block;
  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: "\e86d";
  display: inline-block;
  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: "\e86d";
  display: inline-block;
  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: "\e86d";
  display: inline-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: "\e86d";
  display: inline-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-2xl::before {
  content: "\e86d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-settings-solid.is-max::before {
  content: "\e86d";
  display: inline-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: "\e86f";
  display: inline-block;
  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: "\e86f";
  display: inline-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: "\e86f";
  display: inline-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: "\e86f";
  display: inline-block;
  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: "\e86f";
  display: inline-block;
  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: "\e86f";
  display: inline-block;
  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: "\e86f";
  display: inline-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: "\e86f";
  display: inline-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-2xl::before {
  content: "\e86f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-share.is-max::before {
  content: "\e86f";
  display: inline-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: "\e877";
  display: inline-block;
  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: "\e877";
  display: inline-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: "\e877";
  display: inline-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: "\e877";
  display: inline-block;
  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: "\e877";
  display: inline-block;
  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: "\e877";
  display: inline-block;
  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: "\e877";
  display: inline-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: "\e877";
  display: inline-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-2xl::before {
  content: "\e877";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-star.is-max::before {
  content: "\e877";
  display: inline-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: "\e871";
  display: inline-block;
  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: "\e871";
  display: inline-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: "\e871";
  display: inline-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: "\e871";
  display: inline-block;
  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: "\e871";
  display: inline-block;
  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: "\e871";
  display: inline-block;
  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: "\e871";
  display: inline-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: "\e871";
  display: inline-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-2xl::before {
  content: "\e871";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-star-light.is-max::before {
  content: "\e871";
  display: inline-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: "\e870";
  display: inline-block;
  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: "\e870";
  display: inline-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: "\e870";
  display: inline-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: "\e870";
  display: inline-block;
  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: "\e870";
  display: inline-block;
  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: "\e870";
  display: inline-block;
  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: "\e870";
  display: inline-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: "\e870";
  display: inline-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-2xl::before {
  content: "\e870";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-star-light-solid.is-max::before {
  content: "\e870";
  display: inline-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: "\e876";
  display: inline-block;
  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: "\e876";
  display: inline-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: "\e876";
  display: inline-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: "\e876";
  display: inline-block;
  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: "\e876";
  display: inline-block;
  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: "\e876";
  display: inline-block;
  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: "\e876";
  display: inline-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: "\e876";
  display: inline-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-2xl::before {
  content: "\e876";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-star-solid.is-max::before {
  content: "\e876";
  display: inline-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: "\e87e";
  display: inline-block;
  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: "\e87e";
  display: inline-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: "\e87e";
  display: inline-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: "\e87e";
  display: inline-block;
  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: "\e87e";
  display: inline-block;
  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: "\e87e";
  display: inline-block;
  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: "\e87e";
  display: inline-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: "\e87e";
  display: inline-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-2xl::before {
  content: "\e87e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-thumbs-up.is-max::before {
  content: "\e87e";
  display: inline-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: "\e87d";
  display: inline-block;
  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: "\e87d";
  display: inline-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: "\e87d";
  display: inline-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: "\e87d";
  display: inline-block;
  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: "\e87d";
  display: inline-block;
  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: "\e87d";
  display: inline-block;
  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: "\e87d";
  display: inline-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: "\e87d";
  display: inline-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-2xl::before {
  content: "\e87d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-thumbs-up-solid.is-max::before {
  content: "\e87d";
  display: inline-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: "\e882";
  display: inline-block;
  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: "\e882";
  display: inline-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: "\e882";
  display: inline-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: "\e882";
  display: inline-block;
  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: "\e882";
  display: inline-block;
  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: "\e882";
  display: inline-block;
  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: "\e882";
  display: inline-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: "\e882";
  display: inline-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-2xl::before {
  content: "\e882";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-trashcan.is-max::before {
  content: "\e882";
  display: inline-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: "\e884";
  display: inline-block;
  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: "\e884";
  display: inline-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: "\e884";
  display: inline-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: "\e884";
  display: inline-block;
  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: "\e884";
  display: inline-block;
  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: "\e884";
  display: inline-block;
  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: "\e884";
  display: inline-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: "\e884";
  display: inline-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-2xl::before {
  content: "\e884";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-upload.is-max::before {
  content: "\e884";
  display: inline-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: "\e886";
  display: inline-block;
  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: "\e886";
  display: inline-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: "\e886";
  display: inline-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: "\e886";
  display: inline-block;
  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: "\e886";
  display: inline-block;
  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: "\e886";
  display: inline-block;
  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: "\e886";
  display: inline-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: "\e886";
  display: inline-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-2xl::before {
  content: "\e886";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-user.is-max::before {
  content: "\e886";
  display: inline-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: "\e885";
  display: inline-block;
  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: "\e885";
  display: inline-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: "\e885";
  display: inline-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: "\e885";
  display: inline-block;
  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: "\e885";
  display: inline-block;
  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: "\e885";
  display: inline-block;
  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: "\e885";
  display: inline-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: "\e885";
  display: inline-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-2xl::before {
  content: "\e885";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-user-solid.is-max::before {
  content: "\e885";
  display: inline-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: "\e887";
  display: inline-block;
  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: "\e887";
  display: inline-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: "\e887";
  display: inline-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: "\e887";
  display: inline-block;
  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: "\e887";
  display: inline-block;
  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: "\e887";
  display: inline-block;
  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: "\e887";
  display: inline-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: "\e887";
  display: inline-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-2xl::before {
  content: "\e887";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-view-grid.is-max::before {
  content: "\e887";
  display: inline-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: "\e888";
  display: inline-block;
  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: "\e888";
  display: inline-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: "\e888";
  display: inline-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: "\e888";
  display: inline-block;
  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: "\e888";
  display: inline-block;
  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: "\e888";
  display: inline-block;
  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: "\e888";
  display: inline-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: "\e888";
  display: inline-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-2xl::before {
  content: "\e888";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-view-list.is-max::before {
  content: "\e888";
  display: inline-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: "\e889";
  display: inline-block;
  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: "\e889";
  display: inline-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: "\e889";
  display: inline-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: "\e889";
  display: inline-block;
  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: "\e889";
  display: inline-block;
  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: "\e889";
  display: inline-block;
  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: "\e889";
  display: inline-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: "\e889";
  display: inline-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-2xl::before {
  content: "\e889";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-visibility-off.is-max::before {
  content: "\e889";
  display: inline-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: "\e88b";
  display: inline-block;
  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: "\e88b";
  display: inline-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: "\e88b";
  display: inline-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: "\e88b";
  display: inline-block;
  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: "\e88b";
  display: inline-block;
  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: "\e88b";
  display: inline-block;
  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: "\e88b";
  display: inline-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: "\e88b";
  display: inline-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-2xl::before {
  content: "\e88b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-visibility-on.is-max::before {
  content: "\e88b";
  display: inline-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: "\e88a";
  display: inline-block;
  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: "\e88a";
  display: inline-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: "\e88a";
  display: inline-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: "\e88a";
  display: inline-block;
  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: "\e88a";
  display: inline-block;
  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: "\e88a";
  display: inline-block;
  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: "\e88a";
  display: inline-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: "\e88a";
  display: inline-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-2xl::before {
  content: "\e88a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-visibility-on-solid.is-max::before {
  content: "\e88a";
  display: inline-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: "\e88c";
  display: inline-block;
  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: "\e88c";
  display: inline-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: "\e88c";
  display: inline-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: "\e88c";
  display: inline-block;
  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: "\e88c";
  display: inline-block;
  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: "\e88c";
  display: inline-block;
  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: "\e88c";
  display: inline-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: "\e88c";
  display: inline-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-2xl::before {
  content: "\e88c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-word.is-max::before {
  content: "\e88c";
  display: inline-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: "\e88e";
  display: inline-block;
  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: "\e88e";
  display: inline-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: "\e88e";
  display: inline-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: "\e88e";
  display: inline-block;
  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: "\e88e";
  display: inline-block;
  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: "\e88e";
  display: inline-block;
  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: "\e88e";
  display: inline-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: "\e88e";
  display: inline-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-2xl::before {
  content: "\e88e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-x.is-max::before {
  content: "\e88e";
  display: inline-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: "\e88d";
  display: inline-block;
  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: "\e88d";
  display: inline-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: "\e88d";
  display: inline-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: "\e88d";
  display: inline-block;
  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: "\e88d";
  display: inline-block;
  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: "\e88d";
  display: inline-block;
  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: "\e88d";
  display: inline-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: "\e88d";
  display: inline-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-2xl::before {
  content: "\e88d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-x-lg.is-max::before {
  content: "\e88d";
  display: inline-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: "\e88f";
  display: inline-block;
  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: "\e88f";
  display: inline-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: "\e88f";
  display: inline-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: "\e88f";
  display: inline-block;
  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: "\e88f";
  display: inline-block;
  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: "\e88f";
  display: inline-block;
  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: "\e88f";
  display: inline-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: "\e88f";
  display: inline-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-2xl::before {
  content: "\e88f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-zoom-in.is-max::before {
  content: "\e88f";
  display: inline-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: "\e890";
  display: inline-block;
  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: "\e890";
  display: inline-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: "\e890";
  display: inline-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: "\e890";
  display: inline-block;
  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: "\e890";
  display: inline-block;
  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: "\e890";
  display: inline-block;
  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: "\e890";
  display: inline-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: "\e890";
  display: inline-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-2xl::before {
  content: "\e890";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-zoom-out.is-max::before {
  content: "\e890";
  display: inline-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-spark::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-edit-spark.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-edit-spark.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-edit-spark.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-edit-spark.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-edit-spark.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-edit-spark.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-edit-spark.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-edit-spark.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-edit-spark.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-alarm::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-alarm.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-alarm.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-alarm.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-alarm.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-alarm.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-alarm.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-alarm.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-alarm.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-alarm.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-up::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-arrow-up.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-arrow-up.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-arrow-up.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-arrow-up.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-arrow-up.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-arrow-up.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-arrow-up.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-arrow-up.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-arrow-up.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-bang::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-bang.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-bang.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-bang.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-bang.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-bang.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-bang.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-bang.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-bang.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-bang.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-chart::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-chart.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-chart.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-chart.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-chart.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-chart.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-chart.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-chart.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-chart.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-chart.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-chatbox::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-chatbox.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-chatbox.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-chatbox.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-chatbox.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-chatbox.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-chatbox.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-chatbox.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-chatbox.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-chatbox.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-chevron-down::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-chevron-down.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-chevron-down.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-chevron-down.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-chevron-down.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-chevron-down.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-chevron-down.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-chevron-down.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-chevron-down.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-chevron-down.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-chevron-up::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-chevron-up.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-chevron-up.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-chevron-up.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-chevron-up.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-chevron-up.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-chevron-up.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-chevron-up.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-chevron-up.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-chevron-up.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-double_chevron_left::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-double_chevron_left.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-double_chevron_left.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-double_chevron_left.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-double_chevron_left.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-double_chevron_left.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-double_chevron_left.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-double_chevron_left.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-double_chevron_left.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-double_chevron_left.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-double_chevron_right::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-double_chevron_right.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-double_chevron_right.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-double_chevron_right.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-double_chevron_right.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-double_chevron_right.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-double_chevron_right.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-double_chevron_right.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-double_chevron_right.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-double_chevron_right.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-drag-and-drop::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-drag-and-drop.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-drag-and-drop.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-drag-and-drop.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-drag-and-drop.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-drag-and-drop.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-drag-and-drop.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-drag-and-drop.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-drag-and-drop.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-drag-and-drop.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-edit-2::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-edit-2.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-edit-2.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-edit-2.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-edit-2.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-edit-2.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-edit-2.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-edit-2.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-edit-2.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-edit-2.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-edit-3::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-edit-3.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-edit-3.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-edit-3.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-edit-3.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-edit-3.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-edit-3.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-edit-3.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-edit-3.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-edit-3.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-ex-bold::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-ex-bold.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-ex-bold.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-ex-bold.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-ex-bold.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-ex-bold.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-ex-bold.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-ex-bold.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-ex-bold.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-ex-bold.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-ex::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-ex.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-ex.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-ex.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-ex.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-ex.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-ex.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-ex.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-ex.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-ex.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-eye-solid::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-eye-solid.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-eye-solid.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-eye-solid.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-eye-solid.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-eye-solid.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-eye-solid.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-eye-solid.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-eye-solid.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-eye-solid.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-eye::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-eye.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-eye.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-eye.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-eye.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-eye.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-eye.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-eye.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-eye.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-eye.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-good-filled::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-good-filled.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-good-filled.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-good-filled.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-good-filled.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-good-filled.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-good-filled.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-good-filled.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-good-filled.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-good-filled.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-good-line::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-good-line.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-good-line.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-good-line.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-good-line.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-good-line.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-good-line.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-good-line.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-good-line.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-good-line.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-graph::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-graph.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-graph.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-graph.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-graph.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-graph.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-graph.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-graph.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-graph.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-graph.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-heart-line::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-heart-line.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-heart-line.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-heart-line.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-heart-line.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-heart-line.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-heart-line.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-heart-line.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-heart-line.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-heart-line.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-help::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-help.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-help.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-help.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-help.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-help.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-help.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-help.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-help.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-help.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-hide::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-hide.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-hide.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-hide.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-hide.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-hide.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-hide.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-hide.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-hide.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-hide.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-indeterminate::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-indeterminate.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-indeterminate.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-indeterminate.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-indeterminate.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-indeterminate.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-indeterminate.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-indeterminate.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-indeterminate.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-indeterminate.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-info::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-info.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-info.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-info.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-info.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-info.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-info.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-info.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-info.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-info.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-layout::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-layout.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-layout.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-layout.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-layout.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-layout.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-layout.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-layout.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-layout.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-layout.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-list-album::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-list-album.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-list-album.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-list-album.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-list-album.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-list-album.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-list-album.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-list-album.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-list-album.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-list-album.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-list-blog::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-list-blog.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-list-blog.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-list-blog.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-list-blog.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-list-blog.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-list-blog.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-list-blog.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-list-blog.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-list-blog.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-log-in::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-log-in.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-log-in.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-log-in.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-log-in.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-log-in.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-log-in.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-log-in.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-log-in.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-log-in.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-log-out::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-log-out.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-log-out.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-log-out.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-log-out.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-log-out.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-log-out.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-log-out.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-log-out.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-log-out.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-message circle::before {
  content: "\e87d";
  display: inline-block;
  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: "\e87d";
  display: inline-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: "\e87d";
  display: inline-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: "\e87d";
  display: inline-block;
  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: "\e87d";
  display: inline-block;
  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: "\e87d";
  display: inline-block;
  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: "\e87d";
  display: inline-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: "\e87d";
  display: inline-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-2xl::before {
  content: "\e87d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-message circle.is-max::before {
  content: "\e87d";
  display: inline-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: "\e87e";
  display: inline-block;
  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: "\e87e";
  display: inline-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: "\e87e";
  display: inline-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: "\e87e";
  display: inline-block;
  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: "\e87e";
  display: inline-block;
  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: "\e87e";
  display: inline-block;
  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: "\e87e";
  display: inline-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: "\e87e";
  display: inline-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-2xl::before {
  content: "\e87e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-message square.is-max::before {
  content: "\e87e";
  display: inline-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-dot::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-move-dot.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-move-dot.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-move-dot.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-move-dot.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-move-dot.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-move-dot.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-move-dot.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-move-dot.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-move-dot.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-pin::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-pin.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-pin.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-pin.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-pin.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-pin.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-pin.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-pin.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-pin.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-pin.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-play-ring::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-play-ring.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-play-ring.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-play-ring.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-play-ring.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-play-ring.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-play-ring.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-play-ring.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-play-ring.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-play-ring.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;
}
.icon.icon-play-solid::before {
  content: "\e862";
  display: inline-block;
  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-solid.is-3xs::before {
  content: "\e862";
  display: inline-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-solid.is-2xs::before {
  content: "\e862";
  display: inline-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-solid.is-xs::before {
  content: "\e862";
  display: inline-block;
  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-solid.is-sm::before {
  content: "\e862";
  display: inline-block;
  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-solid.is-md::before {
  content: "\e862";
  display: inline-block;
  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-solid.is-lg::before {
  content: "\e862";
  display: inline-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-solid.is-xl::before {
  content: "\e862";
  display: inline-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-solid.is-2xl::before {
  content: "\e862";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-play-solid.is-max::before {
  content: "\e862";
  display: inline-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-preparing::before {
  content: "\e867";
  display: inline-block;
  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-preparing.is-3xs::before {
  content: "\e867";
  display: inline-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-preparing.is-2xs::before {
  content: "\e867";
  display: inline-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-preparing.is-xs::before {
  content: "\e867";
  display: inline-block;
  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-preparing.is-sm::before {
  content: "\e867";
  display: inline-block;
  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-preparing.is-md::before {
  content: "\e867";
  display: inline-block;
  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-preparing.is-lg::before {
  content: "\e867";
  display: inline-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-preparing.is-xl::before {
  content: "\e867";
  display: inline-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-preparing.is-2xl::before {
  content: "\e867";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-preparing.is-max::before {
  content: "\e867";
  display: inline-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-return::before {
  content: "\e869";
  display: inline-block;
  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-return.is-3xs::before {
  content: "\e869";
  display: inline-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-return.is-2xs::before {
  content: "\e869";
  display: inline-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-return.is-xs::before {
  content: "\e869";
  display: inline-block;
  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-return.is-sm::before {
  content: "\e869";
  display: inline-block;
  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-return.is-md::before {
  content: "\e869";
  display: inline-block;
  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-return.is-lg::before {
  content: "\e869";
  display: inline-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-return.is-xl::before {
  content: "\e869";
  display: inline-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-return.is-2xl::before {
  content: "\e869";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-return.is-max::before {
  content: "\e869";
  display: inline-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-line-light::before {
  content: "\e872";
  display: inline-block;
  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-line-light.is-3xs::before {
  content: "\e872";
  display: inline-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-line-light.is-2xs::before {
  content: "\e872";
  display: inline-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-line-light.is-xs::before {
  content: "\e872";
  display: inline-block;
  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-line-light.is-sm::before {
  content: "\e872";
  display: inline-block;
  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-line-light.is-md::before {
  content: "\e872";
  display: inline-block;
  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-line-light.is-lg::before {
  content: "\e872";
  display: inline-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-line-light.is-xl::before {
  content: "\e872";
  display: inline-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-line-light.is-2xl::before {
  content: "\e872";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-star-line-light.is-max::before {
  content: "\e872";
  display: inline-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-line::before {
  content: "\e873";
  display: inline-block;
  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-line.is-3xs::before {
  content: "\e873";
  display: inline-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-line.is-2xs::before {
  content: "\e873";
  display: inline-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-line.is-xs::before {
  content: "\e873";
  display: inline-block;
  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-line.is-sm::before {
  content: "\e873";
  display: inline-block;
  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-line.is-md::before {
  content: "\e873";
  display: inline-block;
  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-line.is-lg::before {
  content: "\e873";
  display: inline-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-line.is-xl::before {
  content: "\e873";
  display: inline-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-line.is-2xl::before {
  content: "\e873";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-star-line.is-max::before {
  content: "\e873";
  display: inline-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-light::before {
  content: "\e874";
  display: inline-block;
  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-light.is-3xs::before {
  content: "\e874";
  display: inline-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-light.is-2xs::before {
  content: "\e874";
  display: inline-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-light.is-xs::before {
  content: "\e874";
  display: inline-block;
  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-light.is-sm::before {
  content: "\e874";
  display: inline-block;
  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-light.is-md::before {
  content: "\e874";
  display: inline-block;
  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-light.is-lg::before {
  content: "\e874";
  display: inline-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-light.is-xl::before {
  content: "\e874";
  display: inline-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-light.is-2xl::before {
  content: "\e874";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-star-solid-light.is-max::before {
  content: "\e874";
  display: inline-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-stop-ring::before {
  content: "\e878";
  display: inline-block;
  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-stop-ring.is-3xs::before {
  content: "\e878";
  display: inline-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-stop-ring.is-2xs::before {
  content: "\e878";
  display: inline-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-stop-ring.is-xs::before {
  content: "\e878";
  display: inline-block;
  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-stop-ring.is-sm::before {
  content: "\e878";
  display: inline-block;
  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-stop-ring.is-md::before {
  content: "\e878";
  display: inline-block;
  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-stop-ring.is-lg::before {
  content: "\e878";
  display: inline-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-stop-ring.is-xl::before {
  content: "\e878";
  display: inline-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-stop-ring.is-2xl::before {
  content: "\e878";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-stop-ring.is-max::before {
  content: "\e878";
  display: inline-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-stop-solid::before {
  content: "\e879";
  display: inline-block;
  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-stop-solid.is-3xs::before {
  content: "\e879";
  display: inline-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-stop-solid.is-2xs::before {
  content: "\e879";
  display: inline-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-stop-solid.is-xs::before {
  content: "\e879";
  display: inline-block;
  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-stop-solid.is-sm::before {
  content: "\e879";
  display: inline-block;
  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-stop-solid.is-md::before {
  content: "\e879";
  display: inline-block;
  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-stop-solid.is-lg::before {
  content: "\e879";
  display: inline-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-stop-solid.is-xl::before {
  content: "\e879";
  display: inline-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-stop-solid.is-2xl::before {
  content: "\e879";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-stop-solid.is-max::before {
  content: "\e879";
  display: inline-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-stop::before {
  content: "\e87a";
  display: inline-block;
  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-stop.is-3xs::before {
  content: "\e87a";
  display: inline-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-stop.is-2xs::before {
  content: "\e87a";
  display: inline-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-stop.is-xs::before {
  content: "\e87a";
  display: inline-block;
  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-stop.is-sm::before {
  content: "\e87a";
  display: inline-block;
  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-stop.is-md::before {
  content: "\e87a";
  display: inline-block;
  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-stop.is-lg::before {
  content: "\e87a";
  display: inline-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-stop.is-xl::before {
  content: "\e87a";
  display: inline-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-stop.is-2xl::before {
  content: "\e87a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-stop.is-max::before {
  content: "\e87a";
  display: inline-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: "\e87b";
  display: inline-block;
  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: "\e87b";
  display: inline-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: "\e87b";
  display: inline-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: "\e87b";
  display: inline-block;
  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: "\e87b";
  display: inline-block;
  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: "\e87b";
  display: inline-block;
  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: "\e87b";
  display: inline-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: "\e87b";
  display: inline-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-2xl::before {
  content: "\e87b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-student.is-max::before {
  content: "\e87b";
  display: inline-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: "\e87c";
  display: inline-block;
  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: "\e87c";
  display: inline-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: "\e87c";
  display: inline-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: "\e87c";
  display: inline-block;
  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: "\e87c";
  display: inline-block;
  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: "\e87c";
  display: inline-block;
  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: "\e87c";
  display: inline-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: "\e87c";
  display: inline-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-2xl::before {
  content: "\e87c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-teacher.is-max::before {
  content: "\e87c";
  display: inline-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-time-1::before {
  content: "\e87f";
  display: inline-block;
  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-time-1.is-3xs::before {
  content: "\e87f";
  display: inline-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-time-1.is-2xs::before {
  content: "\e87f";
  display: inline-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-time-1.is-xs::before {
  content: "\e87f";
  display: inline-block;
  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-time-1.is-sm::before {
  content: "\e87f";
  display: inline-block;
  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-time-1.is-md::before {
  content: "\e87f";
  display: inline-block;
  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-time-1.is-lg::before {
  content: "\e87f";
  display: inline-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-time-1.is-xl::before {
  content: "\e87f";
  display: inline-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-time-1.is-2xl::before {
  content: "\e87f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-time-1.is-max::before {
  content: "\e87f";
  display: inline-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-time::before {
  content: "\e880";
  display: inline-block;
  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-time.is-3xs::before {
  content: "\e880";
  display: inline-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-time.is-2xs::before {
  content: "\e880";
  display: inline-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-time.is-xs::before {
  content: "\e880";
  display: inline-block;
  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-time.is-sm::before {
  content: "\e880";
  display: inline-block;
  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-time.is-md::before {
  content: "\e880";
  display: inline-block;
  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-time.is-lg::before {
  content: "\e880";
  display: inline-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-time.is-xl::before {
  content: "\e880";
  display: inline-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-time.is-2xl::before {
  content: "\e880";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-time.is-max::before {
  content: "\e880";
  display: inline-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-trash-2::before {
  content: "\e881";
  display: inline-block;
  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-trash-2.is-3xs::before {
  content: "\e881";
  display: inline-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-trash-2.is-2xs::before {
  content: "\e881";
  display: inline-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-trash-2.is-xs::before {
  content: "\e881";
  display: inline-block;
  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-trash-2.is-sm::before {
  content: "\e881";
  display: inline-block;
  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-trash-2.is-md::before {
  content: "\e881";
  display: inline-block;
  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-trash-2.is-lg::before {
  content: "\e881";
  display: inline-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-trash-2.is-xl::before {
  content: "\e881";
  display: inline-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-trash-2.is-2xl::before {
  content: "\e881";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-trash-2.is-max::before {
  content: "\e881";
  display: inline-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-unlock::before {
  content: "\e883";
  display: inline-block;
  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-unlock.is-3xs::before {
  content: "\e883";
  display: inline-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-unlock.is-2xs::before {
  content: "\e883";
  display: inline-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-unlock.is-xs::before {
  content: "\e883";
  display: inline-block;
  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-unlock.is-sm::before {
  content: "\e883";
  display: inline-block;
  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-unlock.is-md::before {
  content: "\e883";
  display: inline-block;
  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-unlock.is-lg::before {
  content: "\e883";
  display: inline-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-unlock.is-xl::before {
  content: "\e883";
  display: inline-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-unlock.is-2xl::before {
  content: "\e883";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-unlock.is-max::before {
  content: "\e883";
  display: inline-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-yellow::before {
  content: "\e875";
  display: inline-block;
  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-yellow.is-3xs::before {
  content: "\e875";
  display: inline-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-yellow.is-2xs::before {
  content: "\e875";
  display: inline-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-yellow.is-xs::before {
  content: "\e875";
  display: inline-block;
  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-yellow.is-sm::before {
  content: "\e875";
  display: inline-block;
  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-yellow.is-md::before {
  content: "\e875";
  display: inline-block;
  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-yellow.is-lg::before {
  content: "\e875";
  display: inline-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-yellow.is-xl::before {
  content: "\e875";
  display: inline-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-yellow.is-2xl::before {
  content: "\e875";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-star-solid-yellow.is-max::before {
  content: "\e875";
  display: inline-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: "\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-library-line.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-library-line.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-library-line.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-library-line.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-library-line.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-library-line.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-library-line.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-library-line.is-2xl::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: 3.125rem;
  height: 3.125rem;
  font-size: 3.125rem;
}
.icon.icon-library-line.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;
}

.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;
}

/* ───────────────────────────────────────
  📌 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: 75px; /* 헤더 높이 상수화 */
  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;
}
[data-page-layout=web] .wrap .container {
  display: flex;
  flex-direction: column;
  padding-top: var(--bbc-header-h);
  gap: 2.5rem;
}
[data-page-layout=web] .wrap .container .top-section {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 289px;
  gap: 1.25rem;
  width: 1220px;
  padding-top: 2.5rem;
}
@media (max-width: 1280px) {
  [data-page-layout=web] .wrap .container .top-section {
    grid-template-columns: 1fr;
    width: calc(100% - 3.75rem);
    margin: 0 1.875rem;
    padding-top: 1.875rem;
  }
}
[data-page-layout=web] .wrap .container .top-section .intro-bg {
  background: url("/assets/images/intro/intro_bg.jpg") no-repeat center/cover;
  border-radius: var(--bbc-border-radius-16);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font: var(--bbc-typo-d3-700);
  color: var(--bbc-color-text-brand-primary-deep);
  min-height: 370px;
  text-align: center;
}
@media (max-width: 1024px) {
  [data-page-layout=web] .wrap .container .top-section .intro-bg {
    aspect-ratio: 3/1;
    min-height: unset;
    width: 100%;
  }
}
@media (max-width: 767px) {
  [data-page-layout=web] .wrap .container .top-section .intro-bg {
    padding: 0.9375rem;
  }
  [data-page-layout=web] .wrap .container .top-section .intro-bg .logo {
    width: 52%;
    min-width: 9.375rem;
  }
}
@media (max-width: 390px) {
  [data-page-layout=web] .wrap .container .top-section .intro-bg .logo {
    width: 50%;
    min-width: 5rem;
  }
}
[data-page-layout=web] .wrap .container .top-section .intro-bg .info-mobile {
  display: none;
}
@media (max-width: 390px) {
  [data-page-layout=web] .wrap .container .top-section .intro-bg .info-desktop {
    display: none;
  }
  [data-page-layout=web] .wrap .container .top-section .intro-bg .info-mobile {
    display: block;
    font: var(--bbc-typo-l2-500);
  }
}
@media (max-width: 390px) and (max-width: 390px) {
  [data-page-layout=web] .wrap .container .top-section .intro-bg .info-mobile {
    display: none;
  }
}
[data-page-layout=web] .wrap .container .top-section .login-box {
  border-radius: var(--bbc-border-radius-16);
  overflow: hidden;
  display: grid;
  grid-template-rows: 1fr 1fr;
  box-shadow: var(--bbc-color-shadow-natural-4);
}
@media (max-width: 1280px) {
  [data-page-layout=web] .wrap .container .top-section .login-box {
    grid-template-columns: 1fr 2fr;
    grid-template-rows: none;
  }
}
@media (max-width: 767px) {
  [data-page-layout=web] .wrap .container .top-section .login-box {
    grid-template-rows: 1fr;
    grid-template-columns: none;
  }
}
[data-page-layout=web] .wrap .container .top-section .login-box .login-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--bbc-color-etc-intro-fill);
}
@media (max-width: 1280px) {
  [data-page-layout=web] .wrap .container .top-section .login-box .login-title {
    padding: 1.25rem;
  }
}
@media (max-width: 767px) {
  [data-page-layout=web] .wrap .container .top-section .login-box .login-title {
    display: none;
  }
}
[data-page-layout=web] .wrap .container .top-section .login-box .login-title .login-text {
  text-align: center;
  font: var(--bbc-typo-l3-500);
  color: var(--bbc-color-text-accent-0);
}
[data-page-layout=web] .wrap .container .top-section .login-box .login-button-wrap {
  background-color: var(--bbc-color-fill-natural-3);
  padding: 0.78125rem 1.75rem;
  display: grid;
  grid-template-rows: repeat(1fr);
}
@media (max-width: 767px) {
  [data-page-layout=web] .wrap .container .top-section .login-box .login-button-wrap {
    padding: 0.5rem 1.75rem;
  }
}
[data-page-layout=web] .wrap .container .top-section .login-box .login-button-wrap .display-btn {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  background-color: var(--bbc-color-text-accent-0);
  padding: 1.25rem 0;
}
[data-page-layout=web] .wrap .container .top-section .login-box .login-button-wrap .display-btn:last-child {
  border-top: 1px solid var(--bbc-color-stroke-natural-0);
}
[data-page-layout=web] .wrap .container .top-section .login-box .login-button-wrap .display-btn .btn-icon {
  width: 40px;
  aspect-ratio: 1/1;
  background-color: var(--bbc-color-etc-intro-fill);
  border-radius: var(--bbc-border-radius-max);
  color: var(--bbc-color-text-accent-0);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
[data-page-layout=web] .wrap .container .top-section .login-box .login-button-wrap .display-btn {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-page-layout=web][data-env~="hover:hover"] .wrap .container .top-section .login-box .login-button-wrap .display-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-0);
}

[data-page-layout=web] .wrap .container .top-section .login-box .login-button-wrap .display-btn {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-page-layout=web][data-env~="hover:hoverless"] .wrap .container .top-section .login-box .login-button-wrap .display-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-0);
}

[data-page-layout=web][data-env~="hover:mixed"] .wrap .container .top-section .login-box .login-button-wrap .display-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-0);
}

[data-page-layout=web] [data-page-type=intro] .display-btn .btn-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
}
[data-page-layout=web] [data-page-type=intro] .display-btn .btn-icon .icon {
  position: relative;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
[data-page-layout=web] [data-page-type=intro] .display-btn .btn-icon .icon::before {
  position: relative;
  transition: transform 0.65s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
[data-page-layout=web] [data-page-type=intro] .display-btn .btn-icon .icon::after {
  content: "\e802";
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "bbc-icon";
  font-size: 18px;
  transform: translate(-150%, -50%);
  transition: transform 0.65s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
[data-page-layout=web] [data-page-type=intro] .display-btn {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-page-layout=web][data-env~="hover:hover"] [data-page-type=intro] .display-btn:hover:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-page-layout=web][data-env~="hover:hover"] [data-page-type=intro] .display-btn:hover:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .btn-icon .icon::before {
  transform: translateX(150%);
}
[data-page-layout=web][data-env~="hover:hover"] [data-page-type=intro] .display-btn:hover:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .btn-icon .icon::after {
  transform: translate(-50%, -50%);
}

[data-page-layout=web] [data-page-type=intro] .display-btn {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-page-layout=web][data-env~="hover:hoverless"] [data-page-type=intro] .display-btn:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-page-layout=web][data-env~="hover:hoverless"] [data-page-type=intro] .display-btn:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .btn-icon .icon::before {
  transform: translateX(150%);
}
[data-page-layout=web][data-env~="hover:hoverless"] [data-page-type=intro] .display-btn:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .btn-icon .icon::after {
  transform: translate(-50%, -50%);
}

[data-page-layout=web][data-env~="hover:mixed"] [data-page-type=intro] .display-btn:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-page-layout=web][data-env~="hover:mixed"] [data-page-type=intro] .display-btn:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .btn-icon .icon::before {
  transform: translateX(150%);
}
[data-page-layout=web][data-env~="hover:mixed"] [data-page-type=intro] .display-btn:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .btn-icon .icon::after {
  transform: translate(-50%, -50%);
}

[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;
  }
}

.chat-button {
  position: fixed;
  bottom: 7.5rem;
  right: 1.875rem;
  z-index: 1000;
  width: 3.875rem;
  height: 3.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-etc-intro-fill);
  box-shadow: var(--bbc-color-shadow-natural-1);
}

/* ───────────────────────────────────────
  📌 Header
─────────────────────────────────────── */
[data-page-layout=web] .header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: var(--bbc-header-h);
  padding: 0rem 2.5rem;
  border-bottom: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  transition: 0.2s;
  background-color: var(--bbc-color-layer-floor-0);
}
@media (max-width: 1366px) {
  [data-page-layout=web] .header {
    padding: 0.75rem 1rem;
  }
}
[data-page-layout=web] .header-intro {
  border-bottom: unset;
  box-shadow: var(--bbc-color-shadow-natural-4);
}
[data-page-layout=web] .header {
  /* ───────────────────────────────────────
      📌 header.is-fill
      - 서브 페이지 헤더 스타일
  ─────────────────────────────────────── */
}
[data-page-layout=web] .header.is-fill {
  background-color: var(--bbc-color-fill-natural-3);
}
[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: 8.90625rem;
}
@media (max-width: 1600px) {
  [data-page-layout=web] .header-container .logo {
    margin-right: 10% !important;
  }
}
@media (max-width: 1440px) {
  [data-page-layout=web] .header-container .logo {
    margin-right: 0 !important;
  }
}
@media (max-width: 1366px) {
  [data-page-layout=web] .header-container .logo {
    width: 7.125rem;
  }
}
[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 {
  padding: 0.625rem 0.75rem 0.625rem 1rem;
  min-width: 8.125rem;
  background-color: var(--bbc-color-fill-natural-3);
}
[data-page-layout=web] .header-container .zoom-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 2.75rem;
  padding: 0.625rem 0.5rem;
}
@media (max-width: 767px) {
  [data-page-layout=web] .header-container .zoom-button {
    display: none;
  }
}
[data-page-layout=web] .header-container .zoom-button .zoom-controls {
  display: flex;
  align-items: center;
}
[data-page-layout=web] .header-container .zoom-button button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1875rem;
  margin: 0.1875rem;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid var(--bbc-color-stroke-natural-2);
  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-1);
}

[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-1);
}

[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-1);
}

[data-page-layout=web] .header-container .zoom-button button:disabled {
  background: var(--bbc-color-fill-disable-1);
  opacity: 1;
}
[data-page-layout=web] .header-container .zoom-button button:disabled .icon {
  color: var(--bbc-color-icon-disable-1);
}
[data-page-layout=web] .header-container .zoom-button button:active {
  background: var(--bbc-color-fill-natural-2);
}
[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;
  border-radius: var(--bbc-border-radius-4);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-btn3-500);
  text-align: center;
}
@media (max-width: 767px) {
  [data-page-layout=web] .header-container .btn-join {
    display: none;
  }
}
[data-page-layout=web] .header-container .btn-join {
  font: var(--bbc-typo-btn5-500);
}
[data-page-layout=web] .header-container .header-utility {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  /* ───────────────────────────────────────
      📌 Utility Panel
  ─────────────────────────────────────── */
}
[data-page-layout=web] .header-container .header-utility .utility-panel {
  position: fixed;
  display: none;
  flex-direction: column;
  width: 20rem;
  max-height: 37.5rem;
  filter: drop-shadow(var(--bbc-color-shadow-natural-2));
}
[data-page-layout=web] .header-container .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-container .header-utility .utility-panel::before {
    display: none;
  }
}
[data-page-layout=web] .header-container .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-container .header-utility .utility-panel::after {
    display: none;
  }
}
[data-page-layout=web] .header-container .header-utility .utility-panel.is-active {
  display: flex;
}
[data-page-layout=web] .header-container .header-utility .utility-panel.is-sm {
  width: 14.375rem;
  min-height: initial;
  max-height: initial;
}
[data-page-layout=web] .header-container .header-utility .utility-panel.is-sm .utility-panel-head {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
[data-page-layout=web] .header-container .header-utility .utility-panel.is-sm .utility-panel-head .utility-header-left {
  display: flex;
  flex-direction: column;
}
[data-page-layout=web] .header-container .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-container .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-container .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-container .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container:has(.profile-list) {
  padding: 0 0.625rem;
}
[data-page-layout=web] .header-container .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list {
  padding-top: 1.375rem;
}
[data-page-layout=web] .header-container .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li {
  padding: 0.5rem 0;
}
[data-page-layout=web] .header-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .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-container .header-utility .utility-panel .utility-panel-head .title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l2-700);
}
[data-page-layout=web] .header-container .header-utility .utility-panel .utility-panel-head .desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l4-400);
}
[data-page-layout=web] .header-container .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-container .header-utility .utility-panel .utility-panel-body:has(.notification-list) {
  padding-top: 1.375rem;
}
[data-page-layout=web] .header-container .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-container .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-container .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-container .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-container .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-container .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1.125rem 0;
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
[data-page-layout=web] .header-container .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-container .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-container .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item.is-read .item-body .title {
  font: var(--bbc-typo-b3-500);
  color: var(--bbc-color-text-natural-0);
}
[data-page-layout=web] .header-container .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item.is-read .item-body .desc {
  font: var(--bbc-typo-b4-500);
  color: var(--bbc-color-text-placeholder-0);
}
[data-page-layout=web] .header-container .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-head {
  display: flex;
  align-items: center;
}
[data-page-layout=web] .header-container .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-container .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-b3-700);
}
[data-page-layout=web] .header-container .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-l4-500);
}
[data-page-layout=web] .header-container .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-container .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-body .title {
  flex: 1;
  font: var(--bbc-typo-b3-500);
  color: var(--bbc-color-text-natural-0);
  display: inline-block;
  gap: 0.125rem;
}
[data-page-layout=web] .header-container .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-body .desc {
  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;
  font: var(--bbc-typo-b4-500);
  color: var(--bbc-color-text-placeholder-0);
}
[data-page-layout=web] .header-container .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-container .header-utility {
  /* ───────────────────────────────────────
      📌 Profile Button
  ─────────────────────────────────────── */
}
[data-page-layout=web] .header-container .header-utility .profile-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 1180px) {
  [data-page-layout=web] .header-container .header-utility .profile-button {
    border-radius: var(--bbc-border-radius-max);
  }
}
[data-page-layout=web] .header-container .header-utility .profile-button .name {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l3-500);
}
@media (max-width: 1280px) {
  [data-page-layout=web] .header-container .header-utility .profile-button .name {
    display: none;
  }
}
[data-page-layout=web] .header-container .header-utility .profile-button .name strong {
  display: inline-block;
  margin-right: 0.25rem;
  font: var(--bbc-typo-l3-500);
}
[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: var(--bbc-color-shadow-natural-0);
  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% - 4.375rem);
  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;
  align-items: center;
  width: 100%;
  padding: 1.75rem;
  background-color: var(--bbc-color-fill-accent-0);
}
[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 {
  display: flex;
  align-items: center;
  padding: 1.5rem 1rem;
}
[data-page-layout=web] .header .mega-menu-toggle-wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  transition: background-color 0.2s, color 0.2s;
  height: 100%;
}
@media (max-width: 1180px) {
  [data-page-layout=web] .header .mega-menu-toggle-wrap {
    display: none;
  }
}
[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: var(--bbc-typo-l2-700);
}
[data-page-layout=web] .header .mega-menu-toggle.is-active {
  color: var(--bbc-color-text-brand-primary);
  position: relative;
}
[data-page-layout=web] .header .mega-menu-toggle.is-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 0.1875rem;
  background-color: var(--bbc-color-text-brand-primary);
}
[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%;
  min-width: 16.25rem;
  padding: 0 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
[data-page-layout=web] .header .mega-menu .gnb-section::after {
  content: "";
  position: absolute;
  top: 0;
  right: -0.0625rem;
  width: 1px;
  height: 100%;
  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 {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l2-700);
}
[data-page-layout=web] .header .mega-menu .gnb-item-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .accordion-head .accordion-trigger {
  width: 100%;
  min-height: 2.75rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-6);
  padding: 0.75rem;
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .accordion-head .accordion-trigger:hover {
  background-color: var(--bbc-color-fill-brand-primary);
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .accordion-head .accordion-trigger:hover .title {
  color: var(--bbc-color-text-accent-0);
}
[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-l3-500);
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .accordion-body {
  padding: 0.875rem 0;
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .accordion-body li {
  padding: 0.5rem 0.75rem;
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .accordion-body li:hover a {
  color: var(--bbc-color-text-brand-primary);
  font: var(--bbc-typo-l3-600);
}
[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 {
  width: 100%;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l3-400);
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .gnb-item {
  display: flex;
  align-items: center;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-6);
  padding: 0.75rem;
  font: var(--bbc-typo-l3-500);
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .gnb-item:hover {
  background-color: var(--bbc-color-fill-brand-primary);
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .gnb-item:hover a {
  color: var(--bbc-color-text-accent-0);
}
[data-page-layout=web] .header .mega-menu .gnb-item-list .gnb-item a {
  width: 100%;
  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;
}
@media (max-width: 1180px) {
  [data-page-layout=web] .header .mobile-menu-button {
    display: flex;
  }
  [data-page-layout=web] [data-page-type=main] .header-container .select.is-language {
    display: none;
  }
}
[data-page-layout=web] [data-page-type=sub] .header {
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
}
@media (max-width: 1024px) {
  [data-page-layout=web] [data-page-type=sub] .header-container .select.is-language {
    display: none;
  }
}

/* ───────────────────────────────────────
  📌 Notification
─────────────────────────────────────── */
.noti-wrap {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 0.625rem 0.5rem;
}
.noti-wrap p {
  font: var(--bbc-typo-l3-500);
}

.notification-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  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);
}
.notification-button .icon {
  color: var(--bbc-color-icon-natural-2);
}
.notification-button .badge.is-dot {
  position: absolute;
  top: 0;
  right: 0;
}

/* ───────────────────────────────────────
  📌 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 {
  background-color: var(--bbc-color-fill-natural-3);
  font: var(--bbc-typo-b3-400);
}
.footer-layout {
  max-width: unset;
  padding: 0;
  border-top: 1px solid var(--bbc-color-stroke-natural-0);
}
.footer-utility {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.6875rem;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0.625rem 0;
}
@media (max-width: 1180px) {
  .footer-utility {
    flex-direction: column;
    gap: 0.9375rem;
  }
}
.footer-utility .utility-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
  font: var(--bbc-typo-l3-400);
  color: var(--bbc-color-text-natural-0);
}
.footer-utility .utility-list li {
  position: relative;
}
.footer-utility .utility-list li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.8125rem;
  display: block;
  transform: translateX(-50%);
  width: 0.1875rem;
  height: 0.1875rem;
  background-color: var(--bbc-color-stroke-natural-2);
  border-radius: var(--bbc-border-radius-max);
}
@media (max-width: 1180px) {
  .footer-utility .utility-list li:after {
    display: none;
  }
}
.footer-utility .utility-list li:last-child:after {
  display: none;
}
@media (max-width: 1180px) {
  .footer-utility .utility-list {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    width: 100%;
    padding: 1.25rem;
  }
}
.footer-utility .utility-list a {
  display: inline-block;
  color: var(--bbc-color-text-natural-0);
}
.footer-utility .utility-list a.privacy {
  color: var(--bbc-color-text-brand-primary);
  font-weight: var(--bbc-font-weight-500);
}
.footer .logo {
  width: 8.1875rem;
}
@media (max-width: 767px) {
  .footer .logo {
    width: 7.125rem;
  }
}
.footer-info {
  padding: 1.75rem 0 2rem;
  max-width: 1220px;
  margin: 0 auto;
  color: var(--bbc-color-text-natural-0);
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 1180px) {
  .footer-info {
    width: calc(100% - 3.75rem);
    margin: 0 1.875rem;
  }
}
@media (max-width: 1024px) {
  .footer-info {
    gap: 1.25rem;
  }
}
@media (max-width: 767px) {
  .footer-info {
    flex-direction: column-reverse;
    align-items: start;
    gap: 1.25rem;
  }
}
.footer-info .footer-bottom {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media (max-width: 767px) {
  .footer-info .footer-bottom {
    gap: 1.25rem;
  }
}
@media (max-width: 1180px) {
  .footer-info .footer-bottom {
    width: 100%;
  }
}
.footer-info .contact {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
@media (max-width: 1180px) {
  .footer-info .contact {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
  }
}
@media (max-width: 767px) {
  .footer-info .contact {
    gap: 1.5rem;
  }
}
.footer-info .contact dl {
  display: flex;
  gap: 0.375rem;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .footer-info .contact dl {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
  }
}
.footer-info .contact dl dt {
  font: var(--bbc-typo-l3-600);
  font-weight: var(--bbc-font-weight-600);
}
.footer-info .contact dl dd {
  font: var(--bbc-typo-b3-400);
}
.footer-info .contact dl dd ul {
  display: inline-flex;
  flex-wrap: wrap;
  -moz-column-gap: 1.3125rem;
       column-gap: 1.3125rem;
}
.footer-info .contact dl dd ul li {
  position: relative;
}
.footer-info .contact dl dd ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.625rem;
  display: block;
  width: 0.0625rem;
  height: 0.875rem;
  background-color: var(--bbc-color-stroke-natural-2);
  transform: translateY(-50%);
}
.footer-info .copyright {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l3-400);
}
@media (max-width: 767px) {
  .footer-info .copyright {
    padding-top: 0.9375rem;
    border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
    width: 100%;
  }
}
.footer-info .logo-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.gray-divider {
  width: 100%;
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
}

/* ───────────────────────────────────────
    📌 SNB
─────────────────────────────────────── */
.snb {
  position: fixed;
  top: 8.125rem;
  left: max(0px, calc((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;
  }
}
@media (width > 1920px) {
  .snb {
    border-radius: var(--bbc-border-radius-16);
  }
}
.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("/assets/images/common/icon/icon_ext_jpg.svg");
}
.icon-ext-jpeg::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_jpeg.svg");
}
.icon-ext-png::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_png.svg");
}
.icon-ext-gif::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_gif.svg");
}
.icon-ext-svg::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_svg.svg");
}
.icon-ext-doc::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_doc.svg");
}
.icon-ext-docx::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_docx.svg");
}
.icon-ext-hwp::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_hwp.svg");
}
.icon-ext-pdf::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_pdf.svg");
}
.icon-ext-txt::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_txt.svg");
}
.icon-ext-xls::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_xls.svg");
}
.icon-ext-xlsx::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_xlsx.svg");
}
.icon-ext-csv::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_csv.svg");
}
.icon-ext-ppt::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_ppt.svg");
}
.icon-ext-pptx::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_pptx.svg");
}
.icon-ext-zip::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_zip.svg");
}
.icon-ext-mp3::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_mp3.svg");
}
.icon-ext-mp4::before {
  content: "";
  background-image: url("/assets/images/common/icon/icon_ext_mp4.svg");
}

.icon-ranking-gold::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_ranking_gold.svg");
}
.icon-ranking-silver::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_ranking_silver.svg");
}
.icon-ranking-bronze::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_ranking_bronze.svg");
}
.icon-ranking-other::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_ranking_other.svg");
}

.icon-subject-korean::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_subject_korean.svg");
}
.icon-subject-math::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_subject_math.svg");
}
.icon-subject-science::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_subject_science.svg");
}
.icon-subject-social::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_subject_social.svg");
}
.icon-subject-english::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_subject_english.svg");
}

.icon-questiontype-objective::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_questiontype_objective.svg");
}
.icon-questiontype-truefalse::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_questiontype_truefalse.svg");
}
.icon-questiontype-listening::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_questiontype_listening.svg");
}
.icon-questiontype-reading::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_questiontype_reading.svg");
}
.icon-questiontype-writing::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_questiontype_writing.svg");
}
.icon-questiontype-sequence::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_questiontype_sequence.svg");
}

.icon-guide-doc::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_guide_doc.svg");
}
.icon-guide-pin::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_guide_pin.svg");
}
.icon-guide-search::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_guide_search.svg");
}
.icon-guide-chat::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_guide_chat.svg");
}

.icon-ensign::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_ensign.svg");
}

.icon-arrow-book::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_arrow-book.svg");
}

.icon-service-arrow::before {
  content: "";
  background-image: url("/assets/images/main/icon/icon_service_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: "\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;
}
.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: "\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;
}
.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-l4-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: "\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;
}
.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-l3-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-l3-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: "\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;
  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;
  width: 100%;
  max-width: 27.5rem;
  height: 3.5rem;
  border: 1px solid var(--bbc-color-stroke-brand-primary);
  border-radius: var(--bbc-border-radius-max);
  background: var(--bbc-color-fill-natural-3);
}
@media (max-width: 1280px) {
  .searchbar {
    flex-direction: column;
    gap: 1rem;
  }
}
@media (max-width: 767px) {
  .searchbar {
    height: 3.875rem;
  }
}
.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.625rem 0.75rem 0.625rem 1.5rem;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-fill-natural-3);
}
@media (max-width: 767px) {
  .searchbar .searchbar-inner {
    padding: 0.625rem 0.625rem 0.625rem 1rem;
  }
}
.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;
  aspect-ratio: 1/1;
  height: 2.25rem;
  padding: 0.375rem;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-fill-brand-primary);
  color: var(--bbc-color-icon-accent-0);
}
.searchbar .searchbar-btn::before {
  content: "\e86b";
  display: inline-block;
  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;
}

/* ───────────────────────────────────────
  📌 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: "\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;
}
@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: "\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;
}
.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: 0.5rem;
  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.only-icon {
  aspect-ratio: 1/1;
  min-width: unset;
}
.btn.only-icon.is-xs {
  min-width: unset;
  width: 2rem;
  height: 2rem;
}
.btn.is-xs {
  gap: 0.375rem;
  min-width: 3.625rem;
  height: 2.25rem;
  padding: 0.3125rem 0.75rem;
  border-radius: 0.375rem;
  font: var(--bbc-typo-btn5-500);
}
.btn.is-xs.is-pill {
  border-radius: var(--bbc-border-radius-max);
}
.btn.is-sm {
  gap: 0.375rem;
  min-width: 3.625rem;
  height: 2.75rem;
  padding: 0.3125rem 0.75rem;
  font: var(--bbc-typo-btn4-500);
}
.btn.is-lg {
  gap: 0.375rem;
  height: 3.5rem;
  padding: 0.3125rem 1.25rem;
  font: var(--bbc-typo-btn4-500);
}
.btn.is-lg .icon {
  width: 1.25rem;
  height: 1.25rem;
}
.btn.is-xl {
  gap: 0.5rem;
  height: 5rem;
  font: var(--bbc-typo-btn3-500);
}
@media (max-width: 820px) {
  .btn.is-xl {
    height: 3.75rem;
  }
}
.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);
  /* 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-stroke-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-hovered);
}

.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-hovered);
}

[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-hovered);
}

.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);
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .btn.is-bare:hover:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: transparent;
  background-color: transparent;
  color: var(--bbc-color-text-natural-0);
}

.btn.is-bare {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .btn.is-bare:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: transparent;
  background-color: transparent;
  color: var(--bbc-color-text-natural-0);
}

[data-env~="hover:mixed"] .btn.is-bare:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: transparent;
  background-color: transparent;
  color: var(--bbc-color-text-natural-0);
}

.btn.is-bare.is-gray {
  color: var(--bbc-color-text-natural-1);
}
.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-2xs {
  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: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
}

.display-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  min-width: 0;
  height: 3.125rem;
  padding: 0.3125rem 1.1875rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  background-color: var(--bbc-color-fill-natural-5);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-btn2-700);
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.display-btn:has(i.icon):not(:has(span, strong, em, .is-label)) {
  padding: 0;
}
.display-btn {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .display-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);
}

.display-btn {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .display-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"] .display-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);
}

.display-btn:active {
  background-color: var(--bbc-color-fill-natural-4);
}
.display-btn .icon {
  transition: color 0.2s;
}

.display-btn.is-full {
  display: flex;
  justify-content: center;
  width: 100%;
}
.display-btn.is-primary {
  background-color: var(--bbc-color-fill-brand-secondary);
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .display-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-secondary-hovered);
}

.display-btn.is-primary {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .display-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-secondary-hovered);
}

[data-env~="hover:mixed"] .display-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-secondary-hovered);
}

.display-btn.is-secondary {
  background-color: var(--bbc-color-fill-brand-secondary-subtle);
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] .display-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-secondary-subtle-hovered);
}

.display-btn.is-secondary {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] .display-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-secondary-subtle-hovered);
}

[data-env~="hover:mixed"] .display-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-secondary-subtle-hovered);
}

.display-btn.is-disabled, .display-btn:disabled {
  background-color: var(--bbc-color-fill-disable-1);
  color: var(--bbc-color-text-disable-0);
  pointer-events: none;
}
.display-btn.is-disabled .icon::before, .display-btn:disabled .icon::before {
  color: var(--bbc-color-icon-disable-1);
}

.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-lg.state-page-actions,
[data-page-id=state-under-construction] .is-lg.state-page-actions, .is-lg.btn-set {
  gap: 0.875rem;
}
[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 {
  position: relative;
  z-index: 1;
  margin-left: -0.0625rem;
}
.btn-group .btn:not(:first-child, :last-child) {
  border-radius: 0;
}
.btn-group .btn:first-child {
  z-index: 2;
  margin-left: 0;
  border-radius: var(--bbc-border-radius-xs) 0 0 var(--bbc-border-radius-xs);
}
.btn-group .btn:last-child {
  border-radius: 0 var(--bbc-border-radius-xs) var(--bbc-border-radius-xs) 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: 3.875rem;
  height: 3.875rem;
  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: 1180px) {
  .floating-btn {
    width: 3.25rem;
    height: 3.25rem;
  }
}
.floating-btn.is-scroll-up {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  order: 1;
  color: var(--bbc-color-fill-brand-primary);
  background-color: var(--bbc-color-fill-natural-3);
}
@media (max-width: 1180px) {
  .floating-btn.is-scroll-up {
    justify-content: center;
    padding: 0.5rem;
  }
}
.floating-btn.is-scroll-up:hover {
  background-color: var(--bbc-color-fill-brand-primary-subtle-hovered);
}
.floating-btn.is-scroll-up:active {
  background-color: var(--bbc-color-fill-brand-primary-subtle-pressed);
}
.floating-btn.is-scroll-up .btn-label {
  font: var(--bbc-typo-l2-700);
}
@media (max-width: 1180px) {
  .floating-btn.is-scroll-up .btn-label {
    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;
  }
}
.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);
  font: var(--bbc-typo-l4-500);
}
.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("/assets/images/common/spinner_primary.svg") no-repeat center center/cover;
  animation: spin 1s linear infinite;
}

.spinner.is-secondary {
  background: url("/assets/images/common/spinner_secondary.svg") 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: 1180px) {
  .avatar {
    width: 2.25rem;
    height: 2.25rem;
  }
}
.avatar {
  /* 실제 프로필 영역 */
}
.avatar .avatar-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 0.125rem 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: -0.5rem;
}
.avatar-group .avatar:first-child {
  margin-left: 0;
}
.avatar-group .avatar .avatar-inner {
  border: 0.125rem 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-l1-700);
}
.empty-state .empty-state-msg .empty-state-desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l3-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: "\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;
  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: "\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-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: "\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;
}
@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: "\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;
}
@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 {
  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: "\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;
}
.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: "\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;
}
.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: "\e88e";
  display: inline-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);
  border-radius: var(--bbc-border-radius-max);
}
.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 {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
  z-index: 2;
}
.customize-panel-body .accordion-head .segmented-item {
  border-radius: var(--bbc-border-radius-max);
}
.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: "\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;
}
.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 {
  font: var(--bbc-typo-l4-400);
  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: "\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;
}
.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;
}
.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: "\e87d";
  display: inline-block;
  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;
  overflow: hidden;
  height: 10.1875rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-6);
  text-align: center;
}
@media (max-width: 767px) {
  .symbol-box {
    height: 9.1875rem;
    border-radius: var(--bbc-border-radius-12);
  }
}
@media (max-width: 430px) {
  .symbol-box {
    height: 7.4375rem;
  }
}
.symbol-box .symbol-box-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: var(--bbc-color-fill-natural-3);
}
.symbol-box img {
  width: 7.5rem;
  aspect-ratio: 120/46;
}
.symbol-box p {
  flex: 1 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.4375rem;
  padding: 1rem 0.75rem;
  background-color: var(--bbc-color-fill-natural-0);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-500);
}
@media (max-width: 767px) {
  .symbol-box p {
    height: 2.5rem;
    padding: 0.25rem;
  }
}
.symbol-box.is-sm {
  height: 9.375rem;
}
.symbol-box.is-sm p {
  height: 3.125rem;
}

.modal-body .symbol-box {
  height: 9.375rem;
}
.modal-body .symbol-box .symbol-box-img {
  outline: 1px solid blue;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
.modal-body .symbol-box .symbol-box-img p {
  height: -moz-fit-content;
  height: fit-content;
  padding: 0;
  background-color: unset;
  font: var(--bbc-typo-l3-600);
  display: inline;
  flex: unset;
}

/* ───────────────────────────────────────
    📌 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: 24.6875rem;
  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-t4-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-l2-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-l5-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;
}

.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: 24.6875rem;
  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-t4-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-l2-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-l5-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: 50.375rem;
  margin: auto;
  padding: 2rem;
  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: 0.5rem;
}
.form-card-head .form-card-title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-t3-700);
  text-align: start;
}
.form-card-head .form-card-title .is-mobile {
  display: none;
}
@media (max-width: 767px) {
  .form-card-head .form-card-title .is-mobile {
    display: inline;
  }
}
.form-card-head .form-card-desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b1-400);
  text-align: start;
}
.form-card-head .form-card-desc .is-mobile {
  display: none;
}
@media (max-width: 767px) {
  .form-card-head .form-card-desc .is-mobile {
    display: inline;
  }
}
.form-card-form .form-card-fields {
  margin: 2rem 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: 1rem;
}
.form-card-form .form-card-fields .field {
  gap: 0.75rem;
}
.form-card-form .info-box {
  display: flex;
  align-items: start;
  gap: 0.5rem;
  background-color: var(--bbc-color-fill-natural-0);
  padding: 1rem;
  border-radius: 0.5rem;
  color: var(--bbc-color-text-natural-1);
  margin-bottom: 0.5rem;
  text-align: start;
  font: var(--bbc-typo-l3-400);
}
.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-6);
  --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-l3-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-natural-0);
}
.segmented.is-primary .segmented-item input:checked + label .segmented-label {
  color: var(--bbc-color-text-natural-0);
}
.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: "\e870";
  display: 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: "\e870";
  display: 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: "\e871";
  display: 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: "\e870";
  display: inline-block;
  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: "\e870";
  display: inline-block;
  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: "\e871";
  display: inline-block;
  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: "\e870";
  display: inline-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: "\e870";
  display: inline-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: "\e871";
  display: inline-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: "\e870";
  display: inline-block;
  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: "\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;
  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-body .comment-content p {
  word-break: inherit;
}
.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-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: "\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;
}
.carousel-btn-prev.is-xs {
  width: 2rem;
  height: 2rem;
}
.carousel-btn-prev.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.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: "\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;
}
.carousel-btn-prev.is-lg {
  width: 4rem;
  height: 4rem;
}
.carousel-btn-prev.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;
}
.carousel-btn-next {
  width: 3rem;
  height: 3rem;
}
.carousel-btn-next::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;
}
.carousel-btn-next.is-xs {
  width: 2rem;
  height: 2rem;
}
.carousel-btn-next.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.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: "\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;
}
.carousel-btn-next.is-lg {
  width: 4rem;
  height: 4rem;
}
.carousel-btn-next.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;
}
.carousel-btn-autoplay {
  width: 3rem;
  height: 3rem;
}
.carousel-btn-autoplay[data-state=playing]::before, .carousel-btn-autoplay[aria-pressed=true]::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;
}
.carousel-btn-autoplay[data-state=paused]::before, .carousel-btn-autoplay[aria-pressed=false]::before {
  content: "\e863";
  display: inline-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: "\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;
}
.carousel-btn-autoplay.is-xs[data-state=paused]::before, .carousel-btn-autoplay.is-xs[aria-pressed=false]::before {
  content: "\e863";
  display: inline-block;
  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: "\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;
}
.carousel-btn-autoplay.is-sm[data-state=paused]::before, .carousel-btn-autoplay.is-sm[aria-pressed=false]::before {
  content: "\e863";
  display: inline-block;
  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: "\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;
}
.carousel-btn-autoplay.is-lg[data-state=paused]::before, .carousel-btn-autoplay.is-lg[aria-pressed=false]::before {
  content: "\e863";
  display: 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);
  cursor: not-allowed;
}

.arrow-navigator {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.arrow-navigator .arrow-navigator-label {
  display: flex;
  font: var(--bbc-typo-b3-700);
  text-align: center;
}
.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-list.is-info li::before {
  content: "\e840";
  width: 1.25rem;
  height: 1.25rem;
}

/* ───────────────────────────────────────
  📌 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-tooltip-fill);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l5-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-tooltip-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-tooltip-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-tooltip-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-tooltip-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));
}

/* ──────────────────────────────────────
 * Edu Card Tooltip
 * ────────────────────────────────────── */
.custom-tooltip.is-edu-card .title {
  font: var(--bbc-typo-l4-700);
  text-align: center;
  color: var(--bbc-color-text-natural-0);
}
.custom-tooltip.is-edu-card .desc {
  font: var(--bbc-typo-l5-400);
  color: var(--bbc-color-text-natural-0);
}
.custom-tooltip.is-edu-card .custom-tooltip-inner {
  padding: 0.75rem 1rem;
}
.custom-tooltip.is-edu-card.is-dir-top::before {
  border-top-color: var(--bbc-color-etc-tooltip-fill);
}
.custom-tooltip.is-edu-card.is-dir-bottom::before {
  border-bottom-color: var(--bbc-color-etc-tooltip-fill);
}
.custom-tooltip.is-edu-card.is-dir-left::before {
  border-left-color: var(--bbc-color-etc-tooltip-fill);
}
.custom-tooltip.is-edu-card.is-dir-right::before {
  border-right-color: var(--bbc-color-etc-tooltip-fill);
}

/* ──────────────────────────────────────
 * 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-tooltip-fill);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l5-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: 1rem;
  text-align: center;
  flex: 1;
}
.alert .alert-body .alert-title {
  font: var(--bbc-typo-t4-700);
  flex: 1;
}
.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-t5-700);
}
.modal .modal-head .modal-action {
  align-self: flex-start;
  margin-left: auto;
}
.modal .modal-head .modal-action .btn-close::before {
  content: "\e88e";
  display: inline-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 {
  background-color: var(--bbc-color-fill-natural-3);
  border-radius: var(--bbc-border-radius-10);
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.meal-detail-head {
  display: flex;
  gap: 1rem;
}
@media (max-width: 767px) {
  .meal-detail-head {
    position: relative;
    padding-top: 1.25rem;
  }
}
.meal-detail-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.meal-detail-body .meal-body-section {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-radius: 0.5rem;
  background-color: var(--bbc-color-fill-natural-0);
  padding: 1.25rem;
}
.meal-detail-body .meal-body-section .meal-origin li {
  font: var(--bbc-typo-l4-400);
  color: var(--bbc-color-text-natural-1);
}
.meal-detail-title {
  margin-bottom: 0.5rem;
  font: var(--bbc-typo-l3-500);
}
.meal-detail .divider {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.meal-detail .meal-meta {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 0.25rem;
  gap: 1rem;
}
.meal-detail .meal-meta .meta-top {
  display: flex;
  flex-direction: column;
}
.meal-detail .meal-meta .today-meal-info {
  font: var(--bbc-typo-l2-600);
  color: var(--bbc-color-text-natural-0);
}
@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-500);
}
.meal-detail .meal-meta .calorie {
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.5rem;
  padding: 1.125rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.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 {
  display: flex;
  gap: 0.5rem;
  font: var(--bbc-typo-l4-700);
  align-items: center;
}
.meal-detail .meal-meta .calorie .value::before {
  content: "";
  flex: 0 0 auto;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--bbc-border-radius-max);
  background: url("/assets/images/main/icon_meal.svg") no-repeat center bottom;
  background-size: cover;
}
.meal-detail .meal-meta .calorie .unit {
  font: var(--bbc-typo-l4-700);
}
.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-l4-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-l4-400);
}
.meal-detail .meal-nutrition dl dd {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l4-500);
}

.edutech-service-grid {
  max-height: calc(100vh - 400px);
  overflow: auto;
  position: relative;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(12, 1fr);
  background-color: var(--bbc-color-fill-natural-3);
  border-radius: var(--bbc-border-radius-10);
  padding: 1.25rem;
}
.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 .symbol-box-img {
  padding-top: 0.9375rem;
}
.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: "\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;
}
.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/main/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: "\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;
}
#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-wrapper .swiper-slide {
  margin: 0;
  margin-right: 0 !important;
}
.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: 0px !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;
  background-color: #d9d9d9;
}
.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 a img {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  -o-object-fit: cover;
     object-fit: cover;
}
.alert-tray-body #alert-tray-carousel .carousel-track .swiper-wrapper .swiper-slide .carousel-item.popup-item img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
.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: 484px;
  --bbc-widget-gap: 24px;
  margin: 0 auto;
  padding: 2.5rem 30px 0rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 1366px) {
  #widget-container {
    padding: 2.5rem 30px 4rem;
  }
}
@media (max-width: 767px) {
  #widget-container {
    --bbc-widget-gap: 16px;
    max-width: 100%;
    padding: 4.4375rem 18px 5rem;
  }
}

/* --------------------------------
 * 위젯 카드 (데스크톱/태블릿 기본)
 * -------------------------------- */
.widget-item {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 100%;
  min-width: var(--bbc-widget-1col-max);
  gap: 1rem;
  /* 데스크톱/태블릿 기본 치수 */
  height: var(--bbc-widget-height);
  border-radius: var(--bbc-border-radius-16);
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-layer-floor-0);
  transition: all 0.3s ease;
  padding: 1.5rem;
}
@media (max-width: 767px) {
  .widget-item {
    padding: 1.25rem;
  }
}
.widget-item .widget-head {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}
.widget-item .widget-head .widget-head-left {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.widget-item .widget-title {
  font: var(--bbc-typo-t5-700);
}
.widget-item .widget-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  container-name: widget-body;
  container-type: inline-size;
}
@media (max-width: 767px) {
  .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 .widget-foot {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.widget-item .widget-foot.edutech-service {
  width: 63.4544106746vw;
  max-width: 53.5rem;
}
.widget-item .widget-foot .arrow-navigator {
  height: 100%;
}
.widget-item .widget-foot .arrow-navigator .swiper-pagination-fraction {
  width: -moz-fit-content;
  width: fit-content;
}
.widget-item .widget-foot button {
  font: var(--bbc-typo-btn4-600);
  color: var(--bbc-color-text-natural-1);
}
.widget-item .widget-foot.more-btn {
  font: var(--bbc-typo-btn4-600);
  color: var(--bbc-color-text-natural-1);
}
.widget-item .widget-foot.more-btn a {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.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 .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;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.0625rem;
}
@container widget-body (width < 1140px) {
  #widget-my-classroom .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@container widget-body (width < 930px) {
  #widget-my-classroom .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@container widget-body (width < 730px) {
  #widget-my-classroom .widget-body .classroom .classroom-list {
    gap: 1rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
@container widget-body (width < 560px) {
  #widget-my-classroom .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container widget-body (width < 400px) {
  #widget-my-classroom .widget-body .classroom .classroom-list {
    grid-template-columns: 1fr;
  }
  #widget-my-classroom .widget-body .classroom .classroom-list .classroom-item {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    width: 100%;
  }
  #widget-my-classroom .widget-body .classroom .classroom-list .classroom-item .classroom-meta {
    margin-bottom: 0.75rem;
  }
  #widget-my-classroom .widget-body .classroom .classroom-list .classroom-item .classroom-title {
    margin-bottom: 0.125rem;
    font: var(--bbc-typo-b4-700);
  }
  #widget-my-classroom .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
    width: 8.125rem;
  }
  #widget-my-classroom .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb .thumb-overlay-text {
    font: var(--bbc-typo-l4-700);
  }
  #widget-my-classroom .widget-body .classroom .classroom-list .classroom-meta {
    flex-flow: row-reverse;
    justify-content: start;
  }
  #widget-my-classroom .widget-body .classroom .classroom-list .classroom-meta .count-label {
    display: none;
  }
  #widget-my-classroom .widget-body .classroom .classroom-list .classroom-meta .classroom-period {
    position: relative;
    padding-right: 0.75rem;
  }
  #widget-my-classroom .widget-body .classroom .classroom-list .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%);
  }
}
@container widget-body (width < 320px) {
  #widget-my-classroom .widget-body .classroom .classroom-list .classroom-item .btn-set {
    flex-direction: column;
    gap: 0.375rem;
  }
}
#widget-my-classroom .widget-body .classroom .js-scroll-container {
  height: 19rem;
}
#widget-my-classroom[data-space="1"] .widget-body .segmented {
  margin-bottom: 1.25rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  width: 100%;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-meta {
  margin-bottom: 0.75rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
  width: 8.125rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb .thumb-overlay-text {
  font: var(--bbc-typo-l4-700);
}
#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 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}
#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;
  width: 100%;
  border-radius: var(--bbc-border-radius-8);
  aspect-ratio: 195/146;
}
#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/main/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 {
  width: 100%;
}
#widget-my-classroom .classroom-item .classroom-info .classroom-title {
  margin-bottom: 0.5rem;
  font: var(--bbc-typo-l1-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.5rem;
  font: var(--bbc-typo-l4-400);
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-capacity {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l4-400);
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-capacity .count-label {
  position: relative;
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-period {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l4-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-l4-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 {
  margin-top: 0.75rem;
  height: 5.1875rem;
  padding: 0.625rem 0.75rem;
  background-color: var(--bbc-color-fill-natural-0);
  border-radius: var(--bbc-border-radius-6);
}
#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-b4-400);
}
#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 a {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  padding: 1.5rem 0.75rem;
  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);
  text-align: center;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 767px) {
  #widget-user-guide .widget-body .guide-list li a {
    padding: 1.5rem 0.25rem;
  }
}
#widget-user-guide .widget-body .guide-list li a .icon {
  transition: all 0.3s ease;
}
#widget-user-guide .widget-body .guide-list li a p {
  font: var(--bbc-typo-b2-600);
}
#widget-user-guide .widget-body .guide-list li a {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] #widget-user-guide .widget-body .guide-list li a:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-stroke-brand-primary);
}
[data-env~="hover:hover"] #widget-user-guide .widget-body .guide-list li a:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .icon {
  transform: scale(1.2);
}

#widget-user-guide .widget-body .guide-list li a {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] #widget-user-guide .widget-body .guide-list li a:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-stroke-brand-primary);
}
[data-env~="hover:hoverless"] #widget-user-guide .widget-body .guide-list li a:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .icon {
  transform: scale(1.2);
}

[data-env~="hover:mixed"] #widget-user-guide .widget-body .guide-list li a:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
  border-color: var(--bbc-color-stroke-brand-primary);
}
[data-env~="hover:mixed"] #widget-user-guide .widget-body .guide-list li a:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .icon {
  transform: scale(1.2);
}

/* ───────────────────────────────────────
  📌 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 {
  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-brand-primary);
  color: var(--bbc-color-icon-accent-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 Communication Board
─────────────────────────────────────── */
#widget-board-qna,
#widget-board-faq,
#widget-board-notice {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#widget-board-qna .widget-body,
#widget-board-faq .widget-body,
#widget-board-notice .widget-body {
  height: 25.3125rem;
}
@media (max-width: 767px) {
  #widget-board-qna .widget-body,
  #widget-board-faq .widget-body,
  #widget-board-notice .widget-body {
    height: 18.875rem;
  }
}
#widget-board-qna .widget-body .board-list,
#widget-board-faq .widget-body .board-list,
#widget-board-notice .widget-body .board-list {
  display: flex;
  flex-direction: column;
}
#widget-board-qna .widget-body .board-list li,
#widget-board-faq .widget-body .board-list li,
#widget-board-notice .widget-body .board-list li {
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
  padding: 1.25rem 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
#widget-board-qna .widget-body .board-list li:last-child,
#widget-board-faq .widget-body .board-list li:last-child,
#widget-board-notice .widget-body .board-list li:last-child {
  border-bottom: 0;
}
#widget-board-qna .widget-body .board-list li .title-section,
#widget-board-faq .widget-body .board-list li .title-section,
#widget-board-notice .widget-body .board-list li .title-section {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#widget-board-qna .widget-body .board-list li .title-section .icon-file,
#widget-board-faq .widget-body .board-list li .title-section .icon-file,
#widget-board-notice .widget-body .board-list li .title-section .icon-file {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-fill-brand-primary);
  color: var(--bbc-color-icon-accent-0);
}
#widget-board-qna .widget-body .board-list li .title-section .faq-badge::after,
#widget-board-faq .widget-body .board-list li .title-section .faq-badge::after,
#widget-board-notice .widget-body .board-list li .title-section .faq-badge::after {
  content: "Q";
  width: 1rem;
  height: 1.875rem;
  font: var(--bbc-typo-l1-700);
  color: var(--bbc-color-text-brand-primary);
}
#widget-board-qna .widget-body .board-list li .title-section a,
#widget-board-faq .widget-body .board-list li .title-section a,
#widget-board-notice .widget-body .board-list li .title-section a {
  flex: 1;
}
#widget-board-qna .widget-body .board-list li .title-section a p,
#widget-board-faq .widget-body .board-list li .title-section a p,
#widget-board-notice .widget-body .board-list li .title-section a p {
  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;
  width: 100%;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-btn4-500);
}
#widget-board-qna .widget-body .board-list li .info-section,
#widget-board-faq .widget-body .board-list li .info-section,
#widget-board-notice .widget-body .board-list li .info-section {
  color: var(--bbc-color-text-natural-1);
}

/* ───────────────────────────────────────
  📌 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("/assets/images/main/icon/icon_ranking_gold.svg");
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item:nth-child(2) a .rank-title::before {
  background-image: url("/assets/images/main/icon/icon_ranking_silver.svg");
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item:nth-child(3) a .rank-title::before {
  background-image: url("/assets/images/main/icon/icon_ranking_bronze.svg");
}
#widget-question-bank .widget-body .ranking .rank-list .rank-item:nth-child(n+4) a .rank-title::before {
  background-image: url("/assets/images/main/icon/icon_ranking_other.svg");
}
#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("/assets/images/main/icon/icon_subject_korean.svg");
}
#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("/assets/images/main/icon/icon_subject_math.svg");
}
#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("/assets/images/main/icon/icon_subject_english.svg");
}
#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("/assets/images/main/icon/icon_subject_social.svg");
}
#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("/assets/images/main/icon/icon_subject_science.svg");
}
#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("/assets/images/main/icon/icon_questiontype_objective.svg");
}
#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("/assets/images/main/icon/icon_questiontype_truefalse.svg");
}
#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("/assets/images/main/icon/icon_questiontype_listening.svg");
}
#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("/assets/images/main/icon/icon_questiontype_reading.svg");
}
#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("/assets/images/main/icon/icon_questiontype_writing.svg");
}
#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("/assets/images/main/icon/icon_questiontype_sequence.svg");
}
#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("/assets/images/main/img_meal.svg") 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;
  text-align: center;
}
#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: "\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;
}
#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: "\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;
}
#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-max);
}
#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: "\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;
}
#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.5rem;
  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.25rem;
}
@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: 21.375rem;
  height: 11.3125rem;
  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 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
  min-width: 0;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details-top {
  display: flex;
  justify-content: space-between;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details-top-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details-top .star-rating {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details-top .star-rating .resource-stats-text {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l4-500);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-title {
  display: block;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-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: 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-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 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.125rem;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta .resource-info {
  display: grid;
  grid-template-columns: 4.375rem auto;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta .meta-left {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l4-400);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta .meta-right {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l4-500);
}
#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-description {
  margin-bottom: 1.25rem;
  min-height: 4.5em;
  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-description {
    display: none !important;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-list .resource-pagination-icon {
  transform: rotate(90deg);
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-pagination-list {
    flex-direction: row;
    justify-content: space-between;
  }
}
#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: flex;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  height: 1.125rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-icon.mobile-only {
  display: none;
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-icon.mobile-only {
    display: flex;
  }
  #widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-icon {
    transform: rotate(0);
  }
  #widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-icon.desktop-only {
    display: none;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-text {
  font: var(--bbc-typo-l4-400);
}
#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-current .discription-box {
  padding: 0.875rem;
  border-radius: var(--bbc-border-radius-6);
  background-color: var(--bbc-color-fill-natural-0);
  font: var(--bbc-typo-b4-400);
  color: var(--bbc-color-text-natural-0);
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .discription-box {
    display: none;
  }
}
#widget-learning-resources .widget-body .resources .resource-related {
  width: 24.6875rem;
  display: flex;
  flex-direction: column;
}
@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;
  flex: 1;
}
#widget-learning-resources .widget-body .resources .resource-related .related-list .related-list-item {
  flex: 1;
}
#widget-learning-resources .widget-body .resources .resource-related .related-list .related-list-item .related-link {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  height: 100%;
}
#widget-learning-resources .widget-body .resources .resource-related .related-list .related-list-item .related-link .related-thumbnail {
  flex: 0 1 auto;
  overflow: hidden;
  width: 7.5rem;
  height: 100%;
  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: 1rem;
  width: 100%;
}
#widget-learning-resources .widget-body .resources .resource-related .resource-pagination .resource-pagination-list {
  display: flex;
  gap: 0.125rem;
  justify-content: center;
}
#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.71875rem;
}
@media (max-width: 1366px) {
  #widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-content .resource-thumbnail {
    height: 11.34375rem;
  }
}
@media (max-width: 767px) {
  #widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-content .resource-thumbnail {
    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;
}

.icon-star-solid-yellow {
  color: var(--bbc-color-data-graph-yellow);
}

#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-edutech-service .widget-body .edutech-desc {
    padding: 1rem;
  }
}
#widget-edutech-service .widget-body .edutech-desc .edutech-guide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  opacity: 0;
}
#widget-edutech-service .widget-body .edutech-desc .edutech-guide.is-active {
  opacity: 1;
}
#widget-edutech-service .widget-body .edutech-desc .edutech-guide .icon {
  align-self: center;
  margin-bottom: 2.5rem;
}
#widget-edutech-service .widget-body .edutech-desc .edutech-guide-img {
  width: 6.25rem;
  height: 6.25rem;
}
#widget-edutech-service .widget-body .edutech-desc .edutech-guide-title {
  margin-bottom: 1rem;
  font: var(--bbc-typo-b2-600);
  text-align: center;
}
#widget-edutech-service .widget-body .edutech-desc .edutech-guide-title strong {
  font: var(--bbc-typo-b2-600);
}
#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-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-edutech-service .widget-body .edutech-desc .edutech-service-desc {
    padding: 0.625rem;
  }
}
#widget-edutech-service .widget-body .edutech-desc .edutech-service-desc.is-active {
  opacity: 1;
}
#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-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 {
  transition: all 0.3s ease-in-out;
}
#widget-edutech-preview .widget-body .carousel-body .swiper-slide .symbol-box img, #widget-class-service .widget-body .carousel-body .swiper-slide .symbol-box img, #widget-edutech-service .widget-body .carousel-body .swiper-slide .symbol-box img {
  transition: all 0.3s ease;
}
#widget-edutech-preview .widget-body .carousel-body .swiper-slide, #widget-class-service .widget-body .carousel-body .swiper-slide, #widget-edutech-service .widget-body .carousel-body .swiper-slide {
  /* no-op */
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* A 모드: 1) 맵 인자  2) 스칼라/리스트 × 모드 전개 */
}
[data-env~="hover:hover"] #widget-edutech-preview .widget-body .carousel-body .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), #widget-edutech-preview .widget-body .carousel-body [data-env~="hover:hover"] .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), [data-env~="hover:hover"] #widget-class-service .widget-body .carousel-body .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), #widget-class-service .widget-body .carousel-body [data-env~="hover:hover"] .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), [data-env~="hover:hover"] #widget-edutech-service .widget-body .carousel-body .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), #widget-edutech-service .widget-body .carousel-body [data-env~="hover:hover"] .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:hover"] #widget-edutech-preview .widget-body .carousel-body .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, #widget-edutech-preview .widget-body .carousel-body [data-env~="hover:hover"] .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, [data-env~="hover:hover"] #widget-class-service .widget-body .carousel-body .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, #widget-class-service .widget-body .carousel-body [data-env~="hover:hover"] .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, [data-env~="hover:hover"] #widget-edutech-service .widget-body .carousel-body .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, #widget-edutech-service .widget-body .carousel-body [data-env~="hover:hover"] .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box {
  border-color: var(--bbc-color-stroke-brand-primary);
}
[data-env~="hover:hover"] #widget-edutech-preview .widget-body .carousel-body .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, #widget-edutech-preview .widget-body .carousel-body [data-env~="hover:hover"] .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, [data-env~="hover:hover"] #widget-class-service .widget-body .carousel-body .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, #widget-class-service .widget-body .carousel-body [data-env~="hover:hover"] .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, [data-env~="hover:hover"] #widget-edutech-service .widget-body .carousel-body .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, #widget-edutech-service .widget-body .carousel-body [data-env~="hover:hover"] .swiper-slide:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img {
  transform: scale(1.1667);
}

#widget-edutech-preview .widget-body .carousel-body .swiper-slide, #widget-class-service .widget-body .carousel-body .swiper-slide, #widget-edutech-service .widget-body .carousel-body .swiper-slide {
  /* 콤보 여부: 리스트의 첫 원소가 list/map */
  /* B/C 모드: 각 콤보 별로 렌더 */
}
[data-env~="hover:hoverless"] #widget-edutech-preview .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), #widget-edutech-preview .widget-body .carousel-body [data-env~="hover:hoverless"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), [data-env~="hover:hoverless"] #widget-class-service .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), #widget-class-service .widget-body .carousel-body [data-env~="hover:hoverless"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), [data-env~="hover:hoverless"] #widget-edutech-service .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), #widget-edutech-service .widget-body .carousel-body [data-env~="hover:hoverless"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:hoverless"] #widget-edutech-preview .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, #widget-edutech-preview .widget-body .carousel-body [data-env~="hover:hoverless"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, [data-env~="hover:hoverless"] #widget-class-service .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, #widget-class-service .widget-body .carousel-body [data-env~="hover:hoverless"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, [data-env~="hover:hoverless"] #widget-edutech-service .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, #widget-edutech-service .widget-body .carousel-body [data-env~="hover:hoverless"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box {
  border-color: var(--bbc-color-stroke-brand-primary);
}
[data-env~="hover:hoverless"] #widget-edutech-preview .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, #widget-edutech-preview .widget-body .carousel-body [data-env~="hover:hoverless"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, [data-env~="hover:hoverless"] #widget-class-service .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, #widget-class-service .widget-body .carousel-body [data-env~="hover:hoverless"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, [data-env~="hover:hoverless"] #widget-edutech-service .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, #widget-edutech-service .widget-body .carousel-body [data-env~="hover:hoverless"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img {
  transform: scale(1.1667);
}

[data-env~="hover:mixed"] #widget-edutech-preview .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), #widget-edutech-preview .widget-body .carousel-body [data-env~="hover:mixed"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), [data-env~="hover:mixed"] #widget-class-service .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), #widget-class-service .widget-body .carousel-body [data-env~="hover:mixed"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), [data-env~="hover:mixed"] #widget-edutech-service .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]), #widget-edutech-service .widget-body .carousel-body [data-env~="hover:mixed"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) {
  /* no-op */
}
[data-env~="hover:mixed"] #widget-edutech-preview .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, #widget-edutech-preview .widget-body .carousel-body [data-env~="hover:mixed"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, [data-env~="hover:mixed"] #widget-class-service .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, #widget-class-service .widget-body .carousel-body [data-env~="hover:mixed"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, [data-env~="hover:mixed"] #widget-edutech-service .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box, #widget-edutech-service .widget-body .carousel-body [data-env~="hover:mixed"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box {
  border-color: var(--bbc-color-stroke-brand-primary);
}
[data-env~="hover:mixed"] #widget-edutech-preview .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, #widget-edutech-preview .widget-body .carousel-body [data-env~="hover:mixed"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, [data-env~="hover:mixed"] #widget-class-service .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, #widget-class-service .widget-body .carousel-body [data-env~="hover:mixed"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, [data-env~="hover:mixed"] #widget-edutech-service .widget-body .carousel-body .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img, #widget-edutech-service .widget-body .carousel-body [data-env~="hover:mixed"] .swiper-slide:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled=true]) .symbol-box img {
  transform: scale(1.1667);
}

#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;
}
#widget-edutech-service .widget-foot {
  margin: 0;
}
#widget-edutech-service .widget-foot .arrow-navigator {
  justify-content: center;
}
@container widget-container (max-width: 1000px) {
  #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 .btn.is-xs {
  padding: 0;
  height: 1.875rem;
}
@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%;
}
#widget-class-service .widget-foot .arrow-navigator .arrow-navigator-label {
  justify-content: center;
  gap: 0.25rem;
}
@container widget-container (max-width: 1000px) {
  #widget-class-service .widget-body .edutech-list {
    width: 100%;
    max-width: 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;
  position: relative;
  z-index: 1;
}
@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;
  min-height: 2.25rem;
}
.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: "\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;
}
@media (max-width: 767px) {
  .chart-navigator .chart-navigator-btn-prev::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;
  }
}
.chart-navigator .chart-navigator-btn-next::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;
}
@media (max-width: 767px) {
  .chart-navigator .chart-navigator-btn-next::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;
  }
}
.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] .container {
  background: url("/assets/images/intro/intro background.png") no-repeat center/cover;
}
[data-page-id=intro] .page {
  position: relative;
  display: block;
  padding: 5rem 0 6.25rem;
}
@media (max-width: 767px) {
  [data-page-id=intro] .page {
    padding: 1.875rem 0 3.75rem;
  }
}
[data-page-id=intro] .page::after {
  content: "";
  position: absolute;
  bottom: -14.8125rem;
  left: 50%;
  z-index: 1;
  display: block;
  width: 100%;
  height: 39.6875rem;
  background: url("/assets/images/intro/bottom.svg") no-repeat center bottom;
  transform: translateX(-50%);
}
@media (max-width: 1280px) {
  [data-page-id=intro] .page::after {
    bottom: 0;
  }
}
@media (max-width: 767px) {
  [data-page-id=intro] .page::after {
    display: none;
  }
}
[data-page-id=intro] .page .layout {
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .info-wrap {
    position: relative;
    text-align: center;
  }
  [data-page-id=intro] .page .info-wrap::after {
    content: "";
    position: absolute;
    right: -18px;
    bottom: -20.125rem;
    left: -18px;
    z-index: -1;
    display: block;
    height: 18.8125rem;
    background: url("/assets/images/intro/visual_m.svg") no-repeat center bottom;
    background-size: auto 100%;
  }
}
[data-page-id=intro] .page .info-wrap .title small {
  display: block;
  margin-bottom: 0.25rem;
  font: var(--bbc-typo-d3-700);
}
[data-page-id=intro] .page .info-wrap .title span {
  display: inline-block;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-d1-700);
}
[data-page-id=intro] .page .info-wrap .text {
  margin-top: 1.25rem;
  font: var(--bbc-typo-b3-400);
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .info-wrap .text {
    margin-top: 0.875rem;
  }
}
[data-page-id=intro] .page .content-box {
  display: flex;
  margin-top: 5.375rem;
}
@media (max-width: 1280px) {
  [data-page-id=intro] .page .content-box {
    flex-direction: column;
    gap: 1.25rem;
    border-radius: 0;
  }
}
@media (max-width: 767px) {
  [data-page-id=intro] .page .content-box {
    position: relative;
    margin-top: 13.875rem;
  }
  [data-page-id=intro] .page .content-box::after {
    content: "";
    position: absolute;
    inset: 2rem -18px -3.75rem;
    z-index: -1;
    display: block;
    background-color: #82c793;
  }
}
[data-page-id=intro] .middle-section {
  max-width: 1220px;
  margin: 0 auto;
}
@media (max-width: 1280px) {
  [data-page-id=intro] .middle-section {
    width: calc(100% - 3.75rem);
    margin: 0 1.875rem;
  }
}
[data-page-id=intro] .middle-section .edu-slide-wrap {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  padding: 2.1875rem 0 2.1875rem 1.75rem;
  border-radius: var(--bbc-border-radius-16);
  background-color: var(--bbc-color-layer-intro-gray);
  gap: 3.75rem;
}
@media (max-width: 767px) {
  [data-page-id=intro] .middle-section .edu-slide-wrap {
    padding: 1.875rem 1.5rem;
  }
}
@media (max-width: 640px) {
  [data-page-id=intro] .middle-section .edu-slide-wrap {
    flex-direction: column;
    gap: 1.25rem;
    align-items: flex-start;
  }
}
[data-page-id=intro] .middle-section .edu-slide-wrap .title-wrap {
  width: 127px;
}
@media (max-width: 767px) {
  [data-page-id=intro] .middle-section .edu-slide-wrap .title-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}
[data-page-id=intro] .middle-section .edu-slide-wrap .title-wrap .edu-slide-btn {
  all: unset;
  box-sizing: border-box;
  position: relative;
  inset: auto;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background-color: var(--bbc-color-fill-natural-3);
  padding: 0.375rem;
  border-radius: var(--bbc-border-radius-max);
  transition: border-color 200ms ease, background-color 200ms ease, opacity 200ms ease;
  cursor: pointer;
  color: var(--bbc-color-icon-natural-2);
  aspect-ratio: 1/1;
  overflow: hidden;
}
@media (max-width: 767px) {
  [data-page-id=intro] .middle-section .edu-slide-wrap .title-wrap .edu-slide-btn {
    width: 2rem;
    height: 2rem;
    aspect-ratio: 1/1;
  }
}
[data-page-id=intro] .middle-section .edu-slide-wrap .title-wrap .edu-slide-btn:disabled {
  color: var(--bbc-color-icon-disable-1);
  cursor: not-allowed;
}
[data-page-id=intro] .middle-section .edu-slide-wrap .title-wrap .edu-slide-btn.swiper-button-prev::after {
  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;
}
[data-page-id=intro] .middle-section .edu-slide-wrap .title-wrap .edu-slide-btn.swiper-button-next::after {
  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;
}
[data-page-id=intro] .middle-section .edu-slide-wrap .title-wrap .edu-slide-title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-t4-600);
}
[data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 0.6875rem 0 0.75rem;
}
@media (max-width: 767px) {
  [data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide {
    padding: 0;
  }
}
@media (max-width: 640px) {
  [data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide {
    width: 100%;
  }
}
[data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide .swiper {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
}
[data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide .swiper-wrapper {
  display: flex;
}
[data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide.is-centered .swiper-wrapper {
  justify-content: center;
}
[data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide .swiper-slide {
  flex: 0 0 auto;
  text-align: center;
  width: 11.25rem;
  height: 7.5rem;
}
[data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide .edu-slide-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
[data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide .edu-slide-card:focus-visible {
  outline-offset: -0.125rem !important;
}
[data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide .edu-slide-card .edu-slide-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 7.5rem;
  border-radius: var(--bbc-border-radius-14);
  background-color: var(--bbc-color-fill-natural-3);
  padding: 1.375rem 0.9375rem;
  box-shadow: var(--bbc-color-shadow-natural-4);
}
[data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide .edu-slide-card .edu-slide-icon img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
[data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide .edu-slide-card .edu-slide-name {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-500);
}
[data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide-fade {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 9.375rem;
  height: 100%;
  background-image: linear-gradient(to right, transparent 0%, var(--bbc-color-layer-intro-gray) 100%);
  pointer-events: none;
  z-index: 10;
}
@media (max-width: 640px) {
  [data-page-id=intro] .middle-section .edu-slide-wrap .edu-slide-fade {
    height: 70%;
  }
}
[data-page-id=intro] .bottom-section {
  max-width: 1220px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  gap: 1.25rem;
}
@media (max-width: 1280px) {
  [data-page-id=intro] .bottom-section {
    width: calc(100% - 3.75rem);
    margin: 0 1.875rem;
  }
}
@media (max-width: 1024px) {
  [data-page-id=intro] .bottom-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    width: calc(100% - 3.75rem);
    margin: 0 1.875rem;
  }
}
@media (max-width: 640px) {
  [data-page-id=intro] .bottom-section {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
[data-page-id=intro] .bottom-section .info-wrap {
  position: relative;
  flex: 1;
  height: 220px;
  padding: 1.75rem;
  border-radius: var(--bbc-border-radius-16);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1024px) {
  [data-page-id=intro] .bottom-section .info-wrap {
    aspect-ratio: 29/22;
    height: auto;
  }
}
[data-page-id=intro] .bottom-section .info-wrap.is-yellow {
  background-color: var(--bbc-color-layer-intro-yellow);
}
[data-page-id=intro] .bottom-section .info-wrap.is-green {
  background-color: var(--bbc-color-layer-intro-green);
}
[data-page-id=intro] .bottom-section .info-wrap.is-blue {
  background-color: var(--bbc-color-layer-intro-blue);
}
[data-page-id=intro] .bottom-section .info-wrap.is-purple {
  background-color: var(--bbc-color-layer-intro-purple);
}
[data-page-id=intro] .bottom-section .info-wrap[data-bg-image="1"] {
  background-image: url("/assets/images/intro/intro_1.png");
}
[data-page-id=intro] .bottom-section .info-wrap[data-bg-image="2"] {
  background-image: url("/assets/images/intro/intro_2.png");
}
[data-page-id=intro] .bottom-section .info-wrap[data-bg-image="3"] {
  background-image: url("/assets/images/intro/intro_3.png");
}
[data-page-id=intro] .bottom-section .info-wrap[data-bg-image="4"] {
  background-image: url("/assets/images/intro/intro_4.png");
}
[data-page-id=intro] .bottom-section .info-wrap .gradient-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(149.27deg, #E5FCDF 42.69%, rgba(229, 252, 223, 0) 83.18%);
  border-radius: var(--bbc-border-radius-16);
}
[data-page-id=intro] .bottom-section .info-wrap .content {
  padding: 0;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
[data-page-id=intro] .bottom-section .info-wrap h5 {
  font: var(--bbc-typo-t5-700);
}
[data-page-id=intro] .bottom-section .info-wrap p {
  font: var(--bbc-typo-b3-400);
}

/* (메인 페이지 공통 스타일) */
[data-page-id=main] {
  transition: opacity 0.5s;
  opacity: 0;
}
[data-page-id=main].is-page-ready {
  opacity: 1;
}
[data-page-id=main] .container {
  position: relative;
  background-color: var(--bbc-color-layer-brand-primary);
}
[data-page-id=main] .container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 52.0625rem;
  background-color: var(--bbc-color-natural-0);
}
[data-page-id=main] .container::after {
  content: "";
  position: absolute;
  top: 33.3125rem;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 18.75rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--bbc-color-layer-brand-primary) 100%);
}
[data-page-id=main] #visual-container {
  position: relative;
  z-index: 1;
  padding: 3rem 0 2.5rem;
  text-align: center;
  background-color: var(--bbc-color-fill-natural-3);
}
@media (max-width: 1366px) {
  [data-page-id=main] #visual-container {
    padding: 2.5rem 0 1.5rem;
  }
}
[data-page-id=main] #visual-container.is-no-banner .visual-bottom .hero-banner {
  display: none;
}
[data-page-id=main] #visual-container .layout {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
[data-page-id=main] #visual-container .layout .visual-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  [data-page-id=main] #visual-container .layout .visual-top {
    flex-direction: column;
    gap: 1.25rem;
    align-items: start;
  }
}
[data-page-id=main] #visual-container .layout .visual-top .user-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: start;
}
[data-page-id=main] #visual-container .layout .visual-top .user-info .user-name {
  text-align: start;
  font: var(--bbc-typo-h1-700);
  color: var(--bbc-color-text-natural-0);
}
[data-page-id=main] #visual-container .layout .visual-top .user-info .welcome-message {
  font: var(--bbc-typo-b2-400);
  color: var(--bbc-color-natural-0);
  text-align: start;
}
@media (max-width: 767px) {
  [data-page-id=main] #visual-container .layout .visual-top .btn-set {
    display: none;
  }
  [data-page-id=main] #visual-container .layout .visual-top .customize-panel-btn {
    align-self: stretch;
    width: 100%;
  }
}
[data-page-id=main] #visual-container .layout .visual-bottom {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}
@media (max-width: 1366px) {
  [data-page-id=main] #visual-container .layout .visual-bottom {
    flex-direction: column;
    align-items: stretch;
  }
}
[data-page-id=main] #visual-container .layout .visual-bottom .hero-banner {
  width: 26.25rem;
  height: 10.625rem;
}
@media (max-width: 1366px) {
  [data-page-id=main] #visual-container .layout .visual-bottom .hero-banner {
    height: unset;
    width: 100%;
    aspect-ratio: 708/170;
  }
}
@media (max-width: 767px) {
  [data-page-id=main] #visual-container .layout .visual-bottom .hero-banner {
    height: unset;
    width: 100%;
    aspect-ratio: 290/170;
  }
}
[data-page-id=main] #visual-container .layout .visual-bottom .hero-banner img {
  width: 100%;
  height: 100%;
  border-radius: var(--bbc-border-radius-14);
  -o-object-fit: cover;
     object-fit: cover;
}
[data-page-id=main] #visual-container .layout .visual-bottom .searchbar-container {
  background-color: var(--bbc-color-fill-natural-0);
  border-radius: var(--bbc-border-radius-14);
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem;
  flex: 1;
  justify-content: center;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
}
[data-page-id=main] #visual-container .layout .visual-bottom .searchbar-container .searchbar-title {
  font: var(--bbc-typo-l1-700);
  color: var(--bbc-color-text-brand-primary);
}
[data-page-id=main] #visual-container .layout .visual-bottom .searchbar-container .searchbar {
  position: relative;
  z-index: 1;
}
[data-page-id=main] #visual-container .layout .go-to-class-setting {
  position: relative;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
  background: linear-gradient(180deg, #DDFCFF 0%, #E2DEFF 100%);
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-14);
  width: 12.5rem;
  min-height: 10.625rem;
}
@media (max-width: 1280px) {
  [data-page-id=main] #visual-container .layout .go-to-class-setting {
    width: 100%;
    min-height: unset;
  }
}
[data-page-id=main] #visual-container .layout .go-to-class-setting a {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 1280px) {
  [data-page-id=main] #visual-container .layout .go-to-class-setting a {
    flex-direction: row;
    align-items: center;
  }
}
[data-page-id=main] #visual-container .layout .go-to-class-setting a p {
  font: var(--bbc-typo-l1-700);
  color: var(--bbc-color-text-natural-0);
  text-align: start;
  z-index: 1;
}
[data-page-id=main] #visual-container .layout .go-to-class-setting a .label-desktop {
  display: block;
}
[data-page-id=main] #visual-container .layout .go-to-class-setting a .label-mobile {
  display: none;
}
@media (max-width: 1280px) {
  [data-page-id=main] #visual-container .layout .go-to-class-setting a .label-desktop {
    display: none;
  }
  [data-page-id=main] #visual-container .layout .go-to-class-setting a .label-mobile {
    display: block;
  }
}
[data-page-id=main] #visual-container .layout .go-to-class-setting a .img-icon {
  position: absolute;
  bottom: 1.5rem;
  right: 0;
  width: 5.625rem;
  aspect-ratio: 1/1;
}
@media (max-width: 1280px) {
  [data-page-id=main] #visual-container .layout .go-to-class-setting a .img-icon {
    display: none;
  }
}
[data-page-id=main] .page {
  z-index: 1;
}
[data-page-id=main] .page-content {
  position: relative;
  z-index: 1;
  background-color: var(--bbc-color-layer-brand-primary);
}
[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 .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: "\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;
}
.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;
}