@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
time,
tt,
u,
ul,
var,
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 {
  text-size-adjust: 100%;
}
body {
  line-height: 1;
}
article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  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;
  text-decoration-skip: objects;
  -webkit-touch-callout: none;
}
a:active,
a:hover,
a:link,
a:visited {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
ol,
ul {
  list-style: none;
}
abbr[title] {
  border-bottom: none;
  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: #ff0;
  color: #000;
}
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;
  appearance: none;
}
fieldset {
  border: none;
}
select {
  border-radius: 0;
  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;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
  appearance: auto;
}
caption,
legend {
  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:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  color: inherit;
  line-height: normal;
  text-align: initial;
  cursor: pointer;
  user-select: none;
  appearance: auto;
}
[role="button"] {
  cursor: pointer;
}
table,
tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-top: 0;
  margin-bottom: 0;
}
canvas,
iframe,
img,
svg {
  max-width: 100%;
  height: auto;
  line-height: 1;
  vertical-align: top;
}
button {
  background-color: transparent;
}
button,
hr {
  border: none;
}
hr {
  all: unset;
  display: block;
  width: 100%;
  height: 1px;
  margin: 0;
  background-color: #ccc;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
  box-shadow: inset 0 0 0 1000px transparent !important;
  background-color: transparent !important;
  transition: background-color 9999s ease-in-out 0s;
  -webkit-text-fill-color: inherit !important;
}
input:-moz-autofill,
select:-moz-autofill,
textarea:-moz-autofill {
  box-shadow: inset 0 0 0 1000px transparent !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%;
}
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
}
summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  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;
}
/*! ============================================================================
 * Hover Tokens & Presets
 * - 전역 토큰과 효과/레벨 프리셋을 변수로 분리
 * - 믹스인(abstracts/mixins/_hover.scss)에서 vars.$hover-*으로 사용
 * ========================================================================== */
/*! ============================================================================
 * Hover / Focus — level + from/to + per-level transitions
 * - hover(): hover/active 전용 (정지상태 from → 인터랙션 to)
 * - focus-hover(): focus-visible + hover
 * - effect: null | scale | shadow | scale-shadow | press | elevate
 * - level: 1~3 (기본 2)
 * - per-level transition overrides: duration-transform | duration-color | duration-shadow | easing
 * - guard-disabled: 기본 true. 문자열/리스트를 넘기면 기본 가드에 추가 결합.
 * - 접근성: @include a11y-reduce-motion-off() / a11y-reduce-motion-off-within($scope)
 * ========================================================================== */
.icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  line-height: 1;
}
.icon,
.icon:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon:before {
  position: relative;
  background-position: 50%;
  background-size: 1.5rem;
  background-size: cover;
  background-repeat: no-repeat;
}
.icon.icon-chevron-right:after,
.icon.icon-chevron-right:before {
  right: -5%;
}
.icon.icon-chevron-left:after,
.icon.icon-chevron-left:before {
  left: -5%;
}
.icon.is-3xs,
.icon.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.is-3xs:before {
  background-size: 0.875rem;
}
.icon.is-2xs,
.icon.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.is-2xs:before {
  background-size: 1rem;
}
.icon.is-xs,
.icon.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.is-xs:before {
  background-size: 1.125rem;
}
.icon.is-sm,
.icon.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.is-sm:before {
  background-size: 1.25rem;
}
.icon.is-md,
.icon.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.is-md:before {
  background-size: 1.5rem;
}
.icon.is-lg,
.icon.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.is-lg:before {
  background-size: 2rem;
}
.icon.is-xl,
.icon.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.is-xl:before {
  background-size: 2.25rem;
}
.icon.is-max,
.icon.is-max:before {
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.is-max:before {
  background-size: 6.25rem;
}
:root {
  --bbc-color-text-brand-primary: #3b51db;
  --bbc-color-text-brand-primary-deep: #3045c7;
  --bbc-color-text-natural-0: #2d2d2d;
  --bbc-color-text-natural-1: #6f6f6f;
  --bbc-color-text-natural-2: #fff;
  --bbc-color-text-accent-0: #fff;
  --bbc-color-text-positive-0: #077045;
  --bbc-color-text-attention-0: #a46013;
  --bbc-color-text-negative-0: #da201c;
  --bbc-color-text-disable-0: #8e8e8e;
  --bbc-color-text-placeholder-0: #757575;
  --bbc-color-text-required-0: #cd1e39;
  --bbc-color-icon-brand-primary: #3b51db;
  --bbc-color-icon-brand-primary-deep: #3045c7;
  --bbc-color-icon-natural-0: #929292;
  --bbc-color-icon-natural-1: #6f6f6f;
  --bbc-color-icon-natural-2: #2d2d2d;
  --bbc-color-icon-natural-3: #fff;
  --bbc-color-icon-accent-0: #fff;
  --bbc-color-icon-positive-0: #077045;
  --bbc-color-icon-attention-0: #a46013;
  --bbc-color-icon-negative-0: #da201c;
  --bbc-color-icon-disable-0: #929292;
  --bbc-color-icon-disable-1: #b5b5b5;
  --bbc-color-icon-required-0: #cd1e39;
  --bbc-color-icon-alert-0: #e74c3c;
  --bbc-color-icon-like: #f05f4b;
  --bbc-color-layer-brand-primary: #daecf8;
  --bbc-color-layer-floor-0: #fff;
  --bbc-color-layer-overlay-0: rgba(0, 0, 0, 0.5);
  --bbc-color-fill-brand-primary: #3b51db;
  --bbc-color-fill-brand-primary-hovered: #3045c7;
  --bbc-color-fill-brand-primary-pressed: #2438b3;
  --bbc-color-fill-brand-primary-subtle: #eceeff;
  --bbc-color-fill-brand-primary-subtle-hovered: #e3e5fe;
  --bbc-color-fill-brand-primary-subtle-pressed: #e3e5fe;
  --bbc-color-fill-brand-secondary: #426ada;
  --bbc-color-fill-natural-0: #f5f5f5;
  --bbc-color-fill-natural-1: #f3f3f3;
  --bbc-color-fill-natural-2: #e9e9e9;
  --bbc-color-fill-natural-3: #fff;
  --bbc-color-fill-natural-3-a70: hsla(0, 0%, 100%, 0.7);
  --bbc-color-fill-natural-3-a40: hsla(0, 0%, 100%, 0.4);
  --bbc-color-fill-natural-3-a20: hsla(0, 0%, 100%, 0.2);
  --bbc-color-fill-natural-4: #606060;
  --bbc-color-fill-natural-5: #434343;
  --bbc-color-fill-accent-0: #fff;
  --bbc-color-fill-positive-0-subtle: #dcf6ee;
  --bbc-color-fill-attention-0-subtle: #fef2f2;
  --bbc-color-fill-negative-0-subtle: #fff4e1;
  --bbc-color-fill-disable-0: #ddd;
  --bbc-color-fill-disable-1: #e4e4e4;
  --bbc-color-fill-tablefix: #f6faff;
  --bbc-color-stroke-brand-primary: #3b51db;
  --bbc-color-stroke-natural-0: #e4e4e4;
  --bbc-color-stroke-natural-1: #c6c6c6;
  --bbc-color-stroke-natural-2: #9f9f9f;
  --bbc-color-stroke-natural-3: #2d2d2d;
  --bbc-color-stroke-natural-4: #fff;
  --bbc-color-stroke-natural-4-a70: hsla(0, 0%, 100%, 0.7);
  --bbc-color-stroke-natural-5: #e9e9e9;
  --bbc-color-stroke-accent-0: #fff;
  --bbc-color-stroke-positive-0: #077045;
  --bbc-color-stroke-attention-0: #a46013;
  --bbc-color-stroke-negative-0: #da201c;
  --bbc-color-stroke-disable-0: #b5b5b5;
  --bbc-color-stroke-required-0: #cd1e39;
  --bbc-color-badge-emphasis: #e74c3c;
  --bbc-color-chip-text-green: #067346;
  --bbc-color-chip-text-brown: #a6470b;
  --bbc-color-chip-text-navy: #2b3cd5;
  --bbc-color-chip-text-purple: #b312b9;
  --bbc-color-chip-text-teal: #086f91;
  --bbc-color-chip-text-red: #d51e1a;
  --bbc-color-chip-text-blue: #0062ea;
  --bbc-color-chip-text-gray: #5e5e5e;
  --bbc-color-chip-text-olive: #567817;
  --bbc-color-chip-fill-green: #dcf6ee;
  --bbc-color-chip-fill-brown: #fdf3dc;
  --bbc-color-chip-fill-navy: #e4e7ff;
  --bbc-color-chip-fill-purple: #feeeff;
  --bbc-color-chip-fill-teal: #e7f2f6;
  --bbc-color-chip-fill-red: #fef2f2;
  --bbc-color-chip-fill-blue: #eaf4ff;
  --bbc-color-chip-fill-gray: #eff2f8;
  --bbc-color-chip-fill-olive: #f1f6de;
  --bbc-color-shadow-natural-0: 0 8px 20px rgba(0, 0, 0, 0.05);
  --bbc-color-shadow-natural-1: 0 4px 8px rgba(0, 0, 0, 0.15);
  --bbc-color-shadow-natural-2: 0 10px 20px rgba(0, 0, 0, 0.2);
  --bbc-color-gradient-brand-primary: #b9eef7 0%, #4babd9 100%;
  --bbc-color-gradient-natural-0: #efefef 0%, #d5d5d5 100%;
  --bbc-color-etc-balloon-fill: #ffc929;
  --bbc-color-etc-keyword-fill: #fff3c9;
  --bbc-color-etc-chatbot-fill: #00a6ff;
  --bbc-color-etc-chatbot-fill-hoverd: #0095e4;
  --bbc-color-etc-chatbot-fill-pressed: #0281c5;
  --bbc-color-etc-popup-text-0: #97c2ff;
  --bbc-color-etc-comment-text: #1f5dc0;
  --bbc-color-etc-doc-hwp: #009ee2;
  --bbc-color-etc-doc-acrobat: #ef5151;
  --bbc-color-etc-doc-excel: #107c41;
  --bbc-color-etc-doc-ppt: #c43e1c;
  --bbc-color-etc-doc-word: #185abd;
  --bbc-color-util-focus: #00cbde;
  --bbc-color-util-scroll-thumb: rgba(55, 55, 55, 0.3);
  --bbc-color-util-scroll-track: rgba(55, 55, 55, 0.15);
  --bbc-color-data-graph-red: #e25d5d;
  --bbc-color-data-graph-pink: #ff71a5;
  --bbc-color-data-graph-yellow: #ffc31f;
  --bbc-color-data-graph-yellowred: #ff924c;
  --bbc-color-data-graph-greenyellow: #91d22a;
  --bbc-color-data-graph-green: #43af70;
  --bbc-color-data-graph-bluegreen: #36d0a4;
  --bbc-color-data-graph-lightblue: #1da8d4;
  --bbc-color-data-graph-blue: #4974c3;
  --bbc-color-data-graph-blue-a50: rgba(73, 116, 195, 0.5);
  --bbc-color-data-graph-blue-a30: rgba(73, 116, 195, 0.3);
  --bbc-color-data-graph-blue-a15: rgba(73, 116, 195, 0.15);
  --bbc-color-data-graph-blue-a7: rgba(73, 116, 195, 0.07);
  --bbc-color-data-graph-purpleblue: #34529f;
  --bbc-color-data-graph-purple: #7f53cf;
  --bbc-color-data-graph-redpurple: #cb62e4;
  --bbc-color-data-graph-gray: #e8e8e8;
  --bbc-border-radius-4: 0.25rem;
  --bbc-border-radius-6: 0.375rem;
  --bbc-border-radius-8: 0.5rem;
  --bbc-border-radius-10: 0.625rem;
  --bbc-border-radius-12: 0.75rem;
  --bbc-border-radius-16: 1rem;
  --bbc-border-radius-20: 1.25rem;
  --bbc-border-radius-40: 2.5rem;
  --bbc-border-radius-max: 62.4375rem;
  --bbc-border-radius-circle: 50%;
  --bbc-font-family: "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  --bbc-font-size-10: 10px;
  --bbc-font-size-12: 12px;
  --bbc-font-size-14: 14px;
  --bbc-font-size-16: 16px;
  --bbc-font-size-18: 18px;
  --bbc-font-size-20: 20px;
  --bbc-font-size-22: 22px;
  --bbc-font-size-26: 26px;
  --bbc-font-size-32: 32px;
  --bbc-font-size-40: 40px;
  --bbc-font-size-42: 42px;
  --bbc-font-size-50: 50px;
  --bbc-font-size-52: 52px;
  --bbc-font-size-64: 64px;
  --bbc-icon-size-3xs: 14px;
  --bbc-icon-size-2xs: 16px;
  --bbc-icon-size-xs: 18px;
  --bbc-icon-size-sm: 20px;
  --bbc-icon-size-md: 24px;
  --bbc-icon-size-lg: 32px;
  --bbc-icon-size-xl: 36px;
  --bbc-icon-size-max: 100px;
  --bbc-font-weight-400: 400;
  --bbc-font-weight-500: 500;
  --bbc-font-weight-600: 600;
  --bbc-font-weight-700: 700;
  --bbc-line-height: 1.5;
  --bbc-typo-d1-700: 700 3.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-d2-700: 700 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-d2-500: 500 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-d3-700: 700 1.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-h1-700: 700 2rem/1.5 var(--bbc-font-family);
  --bbc-typo-h2-700: 700 1.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-t1-700: 700 2.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-t2-700: 700 1.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-t3-700: 700 1.375rem/1.5 var(--bbc-font-family);
  --bbc-typo-t4-600: 600 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-st1-600: 600 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-st2-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-st2-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b1-700: 700 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-b1-400: 400 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-b2-600: 600 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-b2-400: 400 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-700: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b4-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-b4-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-b4-400: 400 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn1-700: 700 1.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn1-500: 500 1.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn2-700: 700 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn2-500: 500 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn3-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn3-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-700: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-600: 600 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-500: 500 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-400: 400 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-700: 700 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-400: 400 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt1-600: 600 1.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt1-400: 400 1.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt2-400: 400 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt3-400: 400 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt4-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt4-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt5-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt5-400: 400 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt6-400: 400 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-pop1-600: 600 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-pop1-400: 400 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-pop1-700: 700 2.875rem/1.5 var(--bbc-font-family);
}
@media (width < 768px) {
  :root {
    --bbc-typo-d1-700: 700 36px/1.5 var(--bbc-font-family);
    --bbc-typo-d2-700: 700 32px/1.5 var(--bbc-font-family);
    --bbc-typo-d2-500: 500 32px/1.5 var(--bbc-font-family);
    --bbc-typo-d3-700: 700 22px/1.5 var(--bbc-font-family);
    --bbc-typo-h1-700: 700 26px/1.5 var(--bbc-font-family);
    --bbc-typo-h2-700: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-t1-700: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-t2-700: 700 22px/1.5 var(--bbc-font-family);
    --bbc-typo-t3-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-t4-600: 600 18px/1.5 var(--bbc-font-family);
    --bbc-typo-st1-600: 600 18px/1.5 var(--bbc-font-family);
    --bbc-typo-st2-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-st2-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b1-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-b1-400: 400 18px/1.5 var(--bbc-font-family);
    --bbc-typo-b2-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b2-400: 400 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-700: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-400: 400 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b4-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-b4-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-b4-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-500: 500 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-500: 500 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-600: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-500: 500 13px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-400: 400 13px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-700: 700 12px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-400: 400 12px/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-600: 600 28px/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-400: 400 28px/1.5 var(--bbc-font-family);
    --bbc-typo-dt2-400: 400 20px/1.5 var(--bbc-font-family);
    --bbc-typo-dt3-400: 400 18px/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-400: 400 16px/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-dt6-400: 400 12px/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-600: 600 26px/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-400: 400 26px/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-700: 700 26px/1.5 var(--bbc-font-family);
  }
}
@media (width < 375px) {
  :root {
    --bbc-typo-d1-700: 700 2.25rem/1.5 var(--bbc-font-family);
    --bbc-typo-d2-700: 700 2rem/1.5 var(--bbc-font-family);
    --bbc-typo-d2-500: 500 2rem/1.5 var(--bbc-font-family);
    --bbc-typo-d3-700: 700 1.375rem/1.5 var(--bbc-font-family);
    --bbc-typo-h1-700: 700 1.625rem/1.5 var(--bbc-font-family);
    --bbc-typo-h2-700: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-t1-700: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-t2-700: 700 1.375rem/1.5 var(--bbc-font-family);
    --bbc-typo-t3-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-t4-600: 600 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-st1-600: 600 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-st2-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-st2-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b1-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-b1-400: 400 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-b2-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b2-400: 400 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-700: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-400: 400 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b4-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-b4-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-b4-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-500: 500 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-500: 500 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-600: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-500: 500 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-400: 400 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-700: 700 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-400: 400 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-600: 600 1.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-400: 400 1.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt2-400: 400 1.25rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt3-400: 400 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-400: 400 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt6-400: 400 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-600: 600 1.625rem/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-400: 400 1.625rem/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-700: 700 1.625rem/1.5 var(--bbc-font-family);
  }
}
html[lang="ko"] {
  --bbc-typo-d1-700: 700 3.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-d2-700: 700 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-d2-500: 500 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-d3-700: 700 1.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-h1-700: 700 2rem/1.5 var(--bbc-font-family);
  --bbc-typo-h2-700: 700 1.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-t1-700: 700 2.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-t2-700: 700 1.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-t3-700: 700 1.375rem/1.5 var(--bbc-font-family);
  --bbc-typo-t4-600: 600 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-st1-600: 600 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-st2-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-st2-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b1-700: 700 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-b1-400: 400 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-b2-600: 600 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-b2-400: 400 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-700: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b3-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-b4-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-b4-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-b4-400: 400 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn1-700: 700 1.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn1-500: 500 1.625rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn2-700: 700 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn2-500: 500 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn3-600: 600 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn3-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn4-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-700: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l1-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-700: 700 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-600: 600 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l2-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-500: 500 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l3-400: 400 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-700: 700 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-l4-400: 400 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt1-600: 600 1.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt1-400: 400 1.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt2-400: 400 1.25rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt3-400: 400 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt4-500: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt4-400: 400 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt5-500: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt5-400: 400 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-dt6-400: 400 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-pop1-600: 600 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-pop1-400: 400 2.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-pop1-700: 700 2.875rem/1.5 var(--bbc-font-family);
}
@media (width < 768px) {
  html[lang="ko"] {
    --bbc-typo-d1-700: 700 36px/1.5 var(--bbc-font-family);
    --bbc-typo-d2-700: 700 32px/1.5 var(--bbc-font-family);
    --bbc-typo-d2-500: 500 32px/1.5 var(--bbc-font-family);
    --bbc-typo-d3-700: 700 22px/1.5 var(--bbc-font-family);
    --bbc-typo-h1-700: 700 26px/1.5 var(--bbc-font-family);
    --bbc-typo-h2-700: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-t1-700: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-t2-700: 700 22px/1.5 var(--bbc-font-family);
    --bbc-typo-t3-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-t4-600: 600 18px/1.5 var(--bbc-font-family);
    --bbc-typo-st1-600: 600 18px/1.5 var(--bbc-font-family);
    --bbc-typo-st2-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-st2-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b1-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-b1-400: 400 18px/1.5 var(--bbc-font-family);
    --bbc-typo-b2-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b2-400: 400 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-700: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b3-400: 400 16px/1.5 var(--bbc-font-family);
    --bbc-typo-b4-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-b4-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-b4-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-500: 500 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-700: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-500: 500 18px/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-600: 600 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l1-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-700: 700 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-600: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l2-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-500: 500 13px/1.5 var(--bbc-font-family);
    --bbc-typo-l3-400: 400 13px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-700: 700 12px/1.5 var(--bbc-font-family);
    --bbc-typo-l4-400: 400 12px/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-600: 600 28px/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-400: 400 28px/1.5 var(--bbc-font-family);
    --bbc-typo-dt2-400: 400 20px/1.5 var(--bbc-font-family);
    --bbc-typo-dt3-400: 400 18px/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-500: 500 16px/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-400: 400 16px/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-500: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-400: 400 14px/1.5 var(--bbc-font-family);
    --bbc-typo-dt6-400: 400 12px/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-600: 600 26px/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-400: 400 26px/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-700: 700 26px/1.5 var(--bbc-font-family);
  }
}
@media (width < 375px) {
  html[lang="ko"] {
    --bbc-typo-d1-700: 700 2.25rem/1.5 var(--bbc-font-family);
    --bbc-typo-d2-700: 700 2rem/1.5 var(--bbc-font-family);
    --bbc-typo-d2-500: 500 2rem/1.5 var(--bbc-font-family);
    --bbc-typo-d3-700: 700 1.375rem/1.5 var(--bbc-font-family);
    --bbc-typo-h1-700: 700 1.625rem/1.5 var(--bbc-font-family);
    --bbc-typo-h2-700: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-t1-700: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-t2-700: 700 1.375rem/1.5 var(--bbc-font-family);
    --bbc-typo-t3-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-t4-600: 600 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-st1-600: 600 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-st2-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-st2-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b1-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-b1-400: 400 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-b2-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b2-400: 400 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-700: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b3-400: 400 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-b4-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-b4-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-b4-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn1-500: 500 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-700: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn2-500: 500 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-600: 600 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn3-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn4-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l1-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-700: 700 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-600: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l2-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-500: 500 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l3-400: 400 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-700: 700 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-l4-400: 400 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-600: 600 1.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt1-400: 400 1.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt2-400: 400 1.25rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt3-400: 400 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-500: 500 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt4-400: 400 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-500: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt5-400: 400 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-dt6-400: 400 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-600: 600 1.625rem/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-400: 400 1.625rem/1.5 var(--bbc-font-family);
    --bbc-typo-pop1-700: 700 1.625rem/1.5 var(--bbc-font-family);
  }
}
[data-theme~="color:blue"] {
  --bbc-color-text-brand-primary: #3b51db;
  --bbc-color-text-brand-primary-deep: #3045c7;
  --bbc-color-text-natural-0: #2d2d2d;
  --bbc-color-text-natural-1: #6f6f6f;
  --bbc-color-text-natural-2: #fff;
  --bbc-color-text-accent-0: #fff;
  --bbc-color-text-positive-0: #077045;
  --bbc-color-text-attention-0: #a46013;
  --bbc-color-text-negative-0: #da201c;
  --bbc-color-text-disable-0: #8e8e8e;
  --bbc-color-text-placeholder-0: #757575;
  --bbc-color-text-required-0: #cd1e39;
  --bbc-color-icon-brand-primary: #3b51db;
  --bbc-color-icon-brand-primary-deep: #3045c7;
  --bbc-color-icon-natural-0: #929292;
  --bbc-color-icon-natural-1: #6f6f6f;
  --bbc-color-icon-natural-2: #2d2d2d;
  --bbc-color-icon-natural-3: #fff;
  --bbc-color-icon-accent-0: #fff;
  --bbc-color-icon-positive-0: #077045;
  --bbc-color-icon-attention-0: #a46013;
  --bbc-color-icon-negative-0: #da201c;
  --bbc-color-icon-disable-0: #929292;
  --bbc-color-icon-disable-1: #b5b5b5;
  --bbc-color-icon-required-0: #cd1e39;
  --bbc-color-icon-alert-0: #e74c3c;
  --bbc-color-icon-like: #f05f4b;
  --bbc-color-layer-brand-primary: #daecf8;
  --bbc-color-layer-floor-0: #fff;
  --bbc-color-layer-overlay-0: rgba(0, 0, 0, 0.5);
  --bbc-color-fill-brand-primary: #3b51db;
  --bbc-color-fill-brand-primary-hovered: #3045c7;
  --bbc-color-fill-brand-primary-pressed: #2438b3;
  --bbc-color-fill-brand-primary-subtle: #eceeff;
  --bbc-color-fill-brand-primary-subtle-hovered: #e3e5fe;
  --bbc-color-fill-brand-primary-subtle-pressed: #e3e5fe;
  --bbc-color-fill-brand-secondary: #426ada;
  --bbc-color-fill-natural-0: #f5f5f5;
  --bbc-color-fill-natural-1: #f3f3f3;
  --bbc-color-fill-natural-2: #e9e9e9;
  --bbc-color-fill-natural-3: #fff;
  --bbc-color-fill-natural-3-a70: hsla(0, 0%, 100%, 0.7);
  --bbc-color-fill-natural-3-a40: hsla(0, 0%, 100%, 0.4);
  --bbc-color-fill-natural-3-a20: hsla(0, 0%, 100%, 0.2);
  --bbc-color-fill-natural-4: #606060;
  --bbc-color-fill-natural-5: #434343;
  --bbc-color-fill-accent-0: #fff;
  --bbc-color-fill-positive-0-subtle: #dcf6ee;
  --bbc-color-fill-attention-0-subtle: #fef2f2;
  --bbc-color-fill-negative-0-subtle: #fff4e1;
  --bbc-color-fill-disable-0: #ddd;
  --bbc-color-fill-disable-1: #e4e4e4;
  --bbc-color-fill-tablefix: #f6faff;
  --bbc-color-stroke-brand-primary: #3b51db;
  --bbc-color-stroke-natural-0: #e4e4e4;
  --bbc-color-stroke-natural-1: #c6c6c6;
  --bbc-color-stroke-natural-2: #9f9f9f;
  --bbc-color-stroke-natural-3: #2d2d2d;
  --bbc-color-stroke-natural-4: #fff;
  --bbc-color-stroke-natural-4-a70: hsla(0, 0%, 100%, 0.7);
  --bbc-color-stroke-natural-5: #e9e9e9;
  --bbc-color-stroke-accent-0: #fff;
  --bbc-color-stroke-positive-0: #077045;
  --bbc-color-stroke-attention-0: #a46013;
  --bbc-color-stroke-negative-0: #da201c;
  --bbc-color-stroke-disable-0: #b5b5b5;
  --bbc-color-stroke-required-0: #cd1e39;
  --bbc-color-badge-emphasis: #e74c3c;
  --bbc-color-chip-text-green: #067346;
  --bbc-color-chip-text-brown: #a6470b;
  --bbc-color-chip-text-navy: #2b3cd5;
  --bbc-color-chip-text-purple: #b312b9;
  --bbc-color-chip-text-teal: #086f91;
  --bbc-color-chip-text-red: #d51e1a;
  --bbc-color-chip-text-blue: #0062ea;
  --bbc-color-chip-text-gray: #5e5e5e;
  --bbc-color-chip-text-olive: #567817;
  --bbc-color-chip-fill-green: #dcf6ee;
  --bbc-color-chip-fill-brown: #fdf3dc;
  --bbc-color-chip-fill-navy: #e4e7ff;
  --bbc-color-chip-fill-purple: #feeeff;
  --bbc-color-chip-fill-teal: #e7f2f6;
  --bbc-color-chip-fill-red: #fef2f2;
  --bbc-color-chip-fill-blue: #eaf4ff;
  --bbc-color-chip-fill-gray: #eff2f8;
  --bbc-color-chip-fill-olive: #f1f6de;
  --bbc-color-shadow-natural-0: 0 8px 20px rgba(0, 0, 0, 0.05);
  --bbc-color-shadow-natural-1: 0 4px 8px rgba(0, 0, 0, 0.15);
  --bbc-color-shadow-natural-2: 0 10px 20px rgba(0, 0, 0, 0.2);
  --bbc-color-gradient-brand-primary: #b9eef7 0%, #4babd9 100%;
  --bbc-color-gradient-natural-0: #efefef 0%, #d5d5d5 100%;
  --bbc-color-etc-balloon-fill: #ffc929;
  --bbc-color-etc-keyword-fill: #fff3c9;
  --bbc-color-etc-chatbot-fill: #00a6ff;
  --bbc-color-etc-chatbot-fill-hoverd: #0095e4;
  --bbc-color-etc-chatbot-fill-pressed: #0281c5;
  --bbc-color-etc-popup-text-0: #97c2ff;
  --bbc-color-etc-comment-text: #1f5dc0;
  --bbc-color-etc-doc-hwp: #009ee2;
  --bbc-color-etc-doc-acrobat: #ef5151;
  --bbc-color-etc-doc-excel: #107c41;
  --bbc-color-etc-doc-ppt: #c43e1c;
  --bbc-color-etc-doc-word: #185abd;
  --bbc-color-util-focus: #00cbde;
  --bbc-color-util-scroll-thumb: rgba(55, 55, 55, 0.3);
  --bbc-color-util-scroll-track: rgba(55, 55, 55, 0.15);
  --bbc-color-data-graph-red: #e25d5d;
  --bbc-color-data-graph-pink: #ff71a5;
  --bbc-color-data-graph-yellow: #ffc31f;
  --bbc-color-data-graph-yellowred: #ff924c;
  --bbc-color-data-graph-greenyellow: #91d22a;
  --bbc-color-data-graph-green: #43af70;
  --bbc-color-data-graph-bluegreen: #36d0a4;
  --bbc-color-data-graph-lightblue: #1da8d4;
  --bbc-color-data-graph-blue: #4974c3;
  --bbc-color-data-graph-blue-a50: rgba(73, 116, 195, 0.5);
  --bbc-color-data-graph-blue-a30: rgba(73, 116, 195, 0.3);
  --bbc-color-data-graph-blue-a15: rgba(73, 116, 195, 0.15);
  --bbc-color-data-graph-blue-a7: rgba(73, 116, 195, 0.07);
  --bbc-color-data-graph-purpleblue: #34529f;
  --bbc-color-data-graph-purple: #7f53cf;
  --bbc-color-data-graph-redpurple: #cb62e4;
  --bbc-color-data-graph-gray: #e8e8e8;
}
[data-theme~="color:orange"] {
  --bbc-color-text-brand-primary: #c84b1d;
  --bbc-color-text-brand-primary-deep: #b74319;
  --bbc-color-text-natural-0: #2d2d2d;
  --bbc-color-text-natural-1: #6f6f6f;
  --bbc-color-text-natural-2: #fff;
  --bbc-color-text-accent-0: #fff;
  --bbc-color-text-positive-0: #077045;
  --bbc-color-text-attention-0: #a46013;
  --bbc-color-text-negative-0: #da201c;
  --bbc-color-text-disable-0: #8e8e8e;
  --bbc-color-text-placeholder-0: #757575;
  --bbc-color-text-required-0: #cd1e39;
  --bbc-color-icon-brand-primary: #b54200;
  --bbc-color-icon-brand-primary-deep: #ac3f00;
  --bbc-color-icon-natural-0: #929292;
  --bbc-color-icon-natural-1: #6f6f6f;
  --bbc-color-icon-natural-2: #2d2d2d;
  --bbc-color-icon-natural-3: #fff;
  --bbc-color-icon-accent-0: #fff;
  --bbc-color-icon-positive-0: #077045;
  --bbc-color-icon-attention-0: #a46013;
  --bbc-color-icon-negative-0: #da201c;
  --bbc-color-icon-disable-0: #929292;
  --bbc-color-icon-disable-1: #b5b5b5;
  --bbc-color-icon-required-0: #cd1e39;
  --bbc-color-icon-alert-0: #e74c3c;
  --bbc-color-icon-like: #f05f4b;
  --bbc-color-layer-brand-primary: #fcf6e2;
  --bbc-color-layer-floor-0: #fff;
  --bbc-color-layer-overlay-0: rgba(0, 0, 0, 0.5);
  --bbc-color-fill-brand-primary: #b54200;
  --bbc-color-fill-brand-primary-hovered: #ac3f00;
  --bbc-color-fill-brand-primary-pressed: #a63d00;
  --bbc-color-fill-brand-primary-subtle: #fcf0e2;
  --bbc-color-fill-brand-primary-subtle-hovered: #fcebd8;
  --bbc-color-fill-brand-primary-subtle-pressed: #fcebd8;
  --bbc-color-fill-brand-secondary: #ca4a00;
  --bbc-color-fill-natural-0: #f5f5f5;
  --bbc-color-fill-natural-1: #f3f3f3;
  --bbc-color-fill-natural-2: #e9e9e9;
  --bbc-color-fill-natural-3: #fff;
  --bbc-color-fill-natural-3-a70: hsla(0, 0%, 100%, 0.7);
  --bbc-color-fill-natural-3-a40: hsla(0, 0%, 100%, 0.4);
  --bbc-color-fill-natural-3-a20: hsla(0, 0%, 100%, 0.2);
  --bbc-color-fill-natural-4: #606060;
  --bbc-color-fill-natural-5: #434343;
  --bbc-color-fill-accent-0: #fff;
  --bbc-color-fill-positive-0-subtle: #dcf6ee;
  --bbc-color-fill-attention-0-subtle: #fef2f2;
  --bbc-color-fill-negative-0-subtle: #fff4e1;
  --bbc-color-fill-disable-0: #ddd;
  --bbc-color-fill-disable-1: #e4e4e4;
  --bbc-color-fill-tablefix: #f6faff;
  --bbc-color-stroke-brand-primary: #c84b1d;
  --bbc-color-stroke-natural-0: #e4e4e4;
  --bbc-color-stroke-natural-1: #c6c6c6;
  --bbc-color-stroke-natural-2: #9f9f9f;
  --bbc-color-stroke-natural-3: #2d2d2d;
  --bbc-color-stroke-natural-4: #fff;
  --bbc-color-stroke-natural-4-a70: hsla(0, 0%, 100%, 0.7);
  --bbc-color-stroke-natural-5: #e9e9e9;
  --bbc-color-stroke-accent-0: #fff;
  --bbc-color-stroke-positive-0: #077045;
  --bbc-color-stroke-attention-0: #a46013;
  --bbc-color-stroke-negative-0: #da201c;
  --bbc-color-stroke-disable-0: #b5b5b5;
  --bbc-color-stroke-required-0: #cd1e39;
  --bbc-color-badge-emphasis: #e74c3c;
  --bbc-color-chip-text-green: #067346;
  --bbc-color-chip-text-brown: #a6470b;
  --bbc-color-chip-text-navy: #2b3cd5;
  --bbc-color-chip-text-purple: #b312b9;
  --bbc-color-chip-text-teal: #086f91;
  --bbc-color-chip-text-red: #d51e1a;
  --bbc-color-chip-text-blue: #0062ea;
  --bbc-color-chip-text-gray: #5e5e5e;
  --bbc-color-chip-text-olive: #567817;
  --bbc-color-chip-fill-green: #dcf6ee;
  --bbc-color-chip-fill-brown: #fdf3dc;
  --bbc-color-chip-fill-navy: #e4e7ff;
  --bbc-color-chip-fill-purple: #feeeff;
  --bbc-color-chip-fill-teal: #e7f2f6;
  --bbc-color-chip-fill-red: #fef2f2;
  --bbc-color-chip-fill-blue: #eaf4ff;
  --bbc-color-chip-fill-gray: #eff2f8;
  --bbc-color-chip-fill-olive: #f1f6de;
  --bbc-color-shadow-natural-0: 0 8px 20px rgba(0, 0, 0, 0.05);
  --bbc-color-shadow-natural-1: 0 4px 8px rgba(0, 0, 0, 0.15);
  --bbc-color-shadow-natural-2: 0 10px 20px rgba(0, 0, 0, 0.2);
  --bbc-color-gradient-brand-primary: #f7d5b9 0%, #ffb171 100%;
  --bbc-color-gradient-natural-0: #efefef 0%, #d5d5d5 100%;
  --bbc-color-etc-balloon-fill: #ffc929;
  --bbc-color-etc-keyword-fill: #fff3c9;
  --bbc-color-etc-chatbot-fill: #00a6ff;
  --bbc-color-etc-chatbot-fill-hoverd: #0095e4;
  --bbc-color-etc-chatbot-fill-pressed: #0281c5;
  --bbc-color-etc-popup-text-0: #97c2ff;
  --bbc-color-etc-comment-text: #1f5dc0;
  --bbc-color-etc-doc-hwp: #009ee2;
  --bbc-color-etc-doc-acrobat: #ef5151;
  --bbc-color-etc-doc-excel: #107c41;
  --bbc-color-etc-doc-ppt: #c43e1c;
  --bbc-color-etc-doc-word: #185abd;
  --bbc-color-util-focus: #00cbde;
  --bbc-color-util-scroll-thumb: rgba(55, 55, 55, 0.3);
  --bbc-color-util-scroll-track: rgba(55, 55, 55, 0.15);
  --bbc-color-data-graph-red: #e25d5d;
  --bbc-color-data-graph-pink: #ff71a5;
  --bbc-color-data-graph-yellow: #ffc31f;
  --bbc-color-data-graph-yellowred: #ff924c;
  --bbc-color-data-graph-greenyellow: #91d22a;
  --bbc-color-data-graph-green: #43af70;
  --bbc-color-data-graph-bluegreen: #36d0a4;
  --bbc-color-data-graph-lightblue: #1da8d4;
  --bbc-color-data-graph-blue: #4974c3;
  --bbc-color-data-graph-blue-a50: rgba(73, 116, 195, 0.5);
  --bbc-color-data-graph-blue-a30: rgba(73, 116, 195, 0.3);
  --bbc-color-data-graph-blue-a15: rgba(73, 116, 195, 0.15);
  --bbc-color-data-graph-blue-a7: rgba(73, 116, 195, 0.07);
  --bbc-color-data-graph-purpleblue: #34529f;
  --bbc-color-data-graph-purple: #7f53cf;
  --bbc-color-data-graph-redpurple: #cb62e4;
  --bbc-color-data-graph-gray: #e8e8e8;
}
[data-theme~="color:green"] {
  --bbc-color-text-brand-primary: #0a7f5c;
  --bbc-color-text-brand-primary-deep: #097454;
  --bbc-color-text-natural-0: #2d2d2d;
  --bbc-color-text-natural-1: #6f6f6f;
  --bbc-color-text-natural-2: #fff;
  --bbc-color-text-accent-0: #fff;
  --bbc-color-text-positive-0: #077045;
  --bbc-color-text-negative-0: #da201c;
  --bbc-color-text-attention-0: #a46013;
  --bbc-color-text-disable-0: #8e8e8e;
  --bbc-color-text-placeholder-0: #757575;
  --bbc-color-text-required-0: #cd1e39;
  --bbc-color-icon-brand-primary: #0a7f5c;
  --bbc-color-icon-brand-primary-deep: #097454;
  --bbc-color-icon-natural-0: #929292;
  --bbc-color-icon-natural-1: #6f6f6f;
  --bbc-color-icon-natural-2: #2d2d2d;
  --bbc-color-icon-natural-3: #fff;
  --bbc-color-icon-accent-0: #fff;
  --bbc-color-icon-positive-0: #077045;
  --bbc-color-icon-attention-0: #a46013;
  --bbc-color-icon-negative-0: #da201c;
  --bbc-color-icon-disable-0: #929292;
  --bbc-color-icon-disable-1: #b5b5b5;
  --bbc-color-icon-required-0: #cd1e39;
  --bbc-color-icon-alert-0: #e74c3c;
  --bbc-color-icon-like: #f05f4b;
  --bbc-color-layer-brand-primary: #e6f5ff;
  --bbc-color-layer-floor-0: #fff;
  --bbc-color-layer-overlay-0: rgba(0, 0, 0, 0.5);
  --bbc-color-fill-brand-primary: #0a7f5c;
  --bbc-color-fill-brand-primary-hovered: #04684a;
  --bbc-color-fill-brand-primary-pressed: #076448;
  --bbc-color-fill-brand-primary-subtle: #e6fdf2;
  --bbc-color-fill-brand-primary-subtle-hovered: #dcf2e7;
  --bbc-color-fill-brand-primary-subtle-pressed: #dcf2e7;
  --bbc-color-fill-brand-secondary: #0c8460;
  --bbc-color-fill-natural-0: #f5f5f5;
  --bbc-color-fill-natural-1: #f3f3f3;
  --bbc-color-fill-natural-2: #e9e9e9;
  --bbc-color-fill-natural-3: #fff;
  --bbc-color-fill-natural-3-a70: hsla(0, 0%, 100%, 0.7);
  --bbc-color-fill-natural-3-a40: hsla(0, 0%, 100%, 0.4);
  --bbc-color-fill-natural-3-a20: hsla(0, 0%, 100%, 0.2);
  --bbc-color-fill-natural-4: #606060;
  --bbc-color-fill-natural-5: #434343;
  --bbc-color-fill-accent-0: #fff;
  --bbc-color-fill-positive-0-subtle: #dcf6ee;
  --bbc-color-fill-attention-0-subtle: #fef2f2;
  --bbc-color-fill-negative-0-subtle: #fff4e1;
  --bbc-color-fill-disable-0: #ddd;
  --bbc-color-fill-disable-1: #e4e4e4;
  --bbc-color-fill-tablefix: #f6faff;
  --bbc-color-stroke-brand-primary: #0a7f5c;
  --bbc-color-stroke-natural-0: #e4e4e4;
  --bbc-color-stroke-natural-1: #c6c6c6;
  --bbc-color-stroke-natural-2: #9f9f9f;
  --bbc-color-stroke-natural-3: #2d2d2d;
  --bbc-color-stroke-natural-4: #fff;
  --bbc-color-stroke-natural-4-a70: hsla(0, 0%, 100%, 0.7);
  --bbc-color-stroke-natural-5: #e9e9e9;
  --bbc-color-stroke-accent-0: #fff;
  --bbc-color-stroke-positive-0: #077045;
  --bbc-color-stroke-attention-0: #a46013;
  --bbc-color-stroke-negative-0: #da201c;
  --bbc-color-stroke-disable-0: #b5b5b5;
  --bbc-color-stroke-required-0: #cd1e39;
  --bbc-color-badge-emphasis: #e74c3c;
  --bbc-color-chip-text-green: #067346;
  --bbc-color-chip-text-brown: #a6470b;
  --bbc-color-chip-text-navy: #2b3cd5;
  --bbc-color-chip-text-purple: #b312b9;
  --bbc-color-chip-text-teal: #086f91;
  --bbc-color-chip-text-red: #d51e1a;
  --bbc-color-chip-text-blue: #0062ea;
  --bbc-color-chip-text-gray: #5e5e5e;
  --bbc-color-chip-text-olive: #567817;
  --bbc-color-chip-fill-green: #dcf6ee;
  --bbc-color-chip-fill-brown: #fdf3dc;
  --bbc-color-chip-fill-navy: #e4e7ff;
  --bbc-color-chip-fill-purple: #feeeff;
  --bbc-color-chip-fill-teal: #e7f2f6;
  --bbc-color-chip-fill-red: #fef2f2;
  --bbc-color-chip-fill-blue: #eaf4ff;
  --bbc-color-chip-fill-gray: #eff2f8;
  --bbc-color-chip-fill-olive: #f1f6de;
  --bbc-color-shadow-natural-0: 0 8px 20px rgba(0, 0, 0, 0.05);
  --bbc-color-shadow-natural-1: 0 4px 8px rgba(0, 0, 0, 0.15);
  --bbc-color-shadow-natural-2: 0 10px 20px rgba(0, 0, 0, 0.2);
  --bbc-color-gradient-brand-primary: #c9ebe1 0%, #9decd5 100%;
  --bbc-color-gradient-natural-0: #efefef 0%, #d5d5d5 100%;
  --bbc-color-etc-balloon-fill: #ffc929;
  --bbc-color-etc-keyword-fill: #fff3c9;
  --bbc-color-etc-chatbot-fill: #00a6ff;
  --bbc-color-etc-chatbot-fill-hoverd: #0095e4;
  --bbc-color-etc-chatbot-fill-pressed: #0281c5;
  --bbc-color-etc-popup-text-0: #97c2ff;
  --bbc-color-etc-comment-text: #1f5dc0;
  --bbc-color-etc-doc-hwp: #009ee2;
  --bbc-color-etc-doc-acrobat: #ef5151;
  --bbc-color-etc-doc-excel: #107c41;
  --bbc-color-etc-doc-ppt: #c43e1c;
  --bbc-color-etc-doc-word: #185abd;
  --bbc-color-util-focus: #00cbde;
  --bbc-color-util-scroll-thumb: rgba(55, 55, 55, 0.3);
  --bbc-color-util-scroll-track: rgba(55, 55, 55, 0.15);
  --bbc-color-data-graph-red: #e25d5d;
  --bbc-color-data-graph-pink: #ff71a5;
  --bbc-color-data-graph-yellow: #ffc31f;
  --bbc-color-data-graph-yellowred: #ff924c;
  --bbc-color-data-graph-greenyellow: #91d22a;
  --bbc-color-data-graph-green: #43af70;
  --bbc-color-data-graph-bluegreen: #36d0a4;
  --bbc-color-data-graph-lightblue: #1da8d4;
  --bbc-color-data-graph-blue: #4974c3;
  --bbc-color-data-graph-blue-a50: rgba(73, 116, 195, 0.5);
  --bbc-color-data-graph-blue-a30: rgba(73, 116, 195, 0.3);
  --bbc-color-data-graph-blue-a15: rgba(73, 116, 195, 0.15);
  --bbc-color-data-graph-blue-a7: rgba(73, 116, 195, 0.07);
  --bbc-color-data-graph-purpleblue: #34529f;
  --bbc-color-data-graph-purple: #7f53cf;
  --bbc-color-data-graph-redpurple: #cb62e4;
  --bbc-color-data-graph-gray: #e8e8e8;
}
.js-scroll-container {
  position: relative;
  height: 100%;
  word-break: inherit;
}
.js-scroll-container:after,
.js-scroll-container:before {
  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;
  user-select: none;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  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 * {
  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:not(.is-horizontal):after,
.js-scroll-container:not(.is-horizontal):before {
  right: 0;
  left: 0;
  width: auto;
  height: 1rem;
}
.js-scroll-container:not(.is-horizontal):before {
  top: -0.0625rem;
  background: linear-gradient(180deg, #fff, transparent);
}
.js-scroll-container:not(.is-horizontal):after {
  bottom: -0.0625rem;
  background: linear-gradient(0deg, #fff, transparent);
}
.js-scroll-container:not(.is-horizontal).js-shadow-bottom:after,
.js-scroll-container:not(.is-horizontal).js-shadow-top:before {
  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:after,
.js-scroll-container.is-horizontal:before {
  top: 0;
  bottom: 0;
  width: 1.875rem;
  height: auto;
}
.js-scroll-container.is-horizontal:before {
  left: 0;
  background: linear-gradient(90deg, #fff, transparent);
}
.js-scroll-container.is-horizontal:after {
  right: 0;
  background: linear-gradient(270deg, #fff, 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(-0.9375rem - 3px);
  padding-right: calc(0.9375rem - 3px);
}
@media (max-width: 767px) {
  .widget-item .widget-body .js-scroll-container.js-has-scroll:not(.is-horizontal) .js-scroll-viewport {
    margin-right: calc(-0.75rem - 3px);
    padding-right: calc(0.75rem - 3px);
  }
}
.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;
}
@font-face {
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  src: url(../fonts/bbc-icon/bbc-icon.eot);
  src:
    url(../fonts/bbc-icon/bbc-icon.eot#iefix) format("embedded-opentype"),
    url(../fonts/bbc-icon/bbc-icon.woff2) format("woff2"),
    url(../fonts/bbc-icon/bbc-icon.woff) format("woff"),
    url(../fonts/bbc-icon/bbc-icon.ttf) format("truetype"),
    url(../fonts/bbc-icon/bbc-icon.svg#bbc-icon) format("svg");
}
@font-face {
  font-family: Pretendard GOV;
  font-weight: 900;
  font-display: swap;
  src:
    local("Pretendard GOV Black"),
    url(../fonts/PretendardGOV/web/static/woff2/PretendardGOV-Black.woff2) format("woff2"),
    url(../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(../fonts/PretendardGOV/web/static/woff2/PretendardGOV-ExtraBold.woff2) format("woff2"),
    url(../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(../fonts/PretendardGOV/web/static/woff2/PretendardGOV-Bold.woff2) format("woff2"),
    url(../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(../fonts/PretendardGOV/web/static/woff2/PretendardGOV-SemiBold.woff2) format("woff2"),
    url(../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(../fonts/PretendardGOV/web/static/woff2/PretendardGOV-Medium.woff2) format("woff2"),
    url(../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(../fonts/PretendardGOV/web/static/woff2/PretendardGOV-Regular.woff2) format("woff2"),
    url(../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(../fonts/PretendardGOV/web/static/woff2/PretendardGOV-Light.woff2) format("woff2"),
    url(../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(../fonts/PretendardGOV/web/static/woff2/PretendardGOV-ExtraLight.woff2) format("woff2"),
    url(../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(../fonts/PretendardGOV/web/static/woff2/PretendardGOV-Thin.woff2) format("woff2"),
    url(../fonts/PretendardGOV/web/static/woff/PretendardGOV-Thin.woff) format("woff");
}
@font-face {
  font-family: Noto Sans KR;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src:
    url(../fonts/Noto_Sans_KR/NotoSansKR-Regular.woff2) format("woff2"),
    url(../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(../fonts/Noto_Sans_KR/NotoSansKR-Medium.woff2) format("woff2"),
    url(../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(../fonts/Noto_Sans_KR/NotoSansKR-SemiBold.woff2) format("woff2"),
    url(../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(../fonts/Noto_Sans_KR/NotoSansKR-Bold.woff2) format("woff2"),
    url(../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: fit-content !important;
}
.min-w-fit {
  min-width: fit-content !important;
}
.max-w-fit {
  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: fit-content !important;
  }
  .min-w-full-fit {
    min-width: fit-content !important;
  }
  .max-w-full-fit {
    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: fit-content !important;
  }
  .min-w-fit-fit {
    min-width: fit-content !important;
  }
  .max-w-fit-fit {
    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: fit-content !important;
  }
  .min-w-2xl-fit {
    min-width: fit-content !important;
  }
  .max-w-2xl-fit {
    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: fit-content !important;
  }
  .min-w-xl-fit {
    min-width: fit-content !important;
  }
  .max-w-xl-fit {
    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: fit-content !important;
  }
  .min-w-t-xl-fit {
    min-width: fit-content !important;
  }
  .max-w-t-xl-fit {
    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: fit-content !important;
  }
  .min-w-t-lg-fit {
    min-width: fit-content !important;
  }
  .max-w-t-lg-fit {
    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: fit-content !important;
  }
  .min-w-t-md-fit {
    min-width: fit-content !important;
  }
  .max-w-t-md-fit {
    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: fit-content !important;
  }
  .min-w-t-sm-fit {
    min-width: fit-content !important;
  }
  .max-w-t-sm-fit {
    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: fit-content !important;
  }
  .min-w-t-xs-fit {
    min-width: fit-content !important;
  }
  .max-w-t-xs-fit {
    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: fit-content !important;
  }
  .min-w-m-max-fit {
    min-width: fit-content !important;
  }
  .max-w-m-max-fit {
    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: fit-content !important;
  }
  .min-w-m-3xl-fit {
    min-width: fit-content !important;
  }
  .max-w-m-3xl-fit {
    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: fit-content !important;
  }
  .min-w-m-2xl-fit {
    min-width: fit-content !important;
  }
  .max-w-m-2xl-fit {
    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: fit-content !important;
  }
  .min-w-m-xl-fit {
    min-width: fit-content !important;
  }
  .max-w-m-xl-fit {
    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: fit-content !important;
  }
  .min-w-m-lg-fit {
    min-width: fit-content !important;
  }
  .max-w-m-lg-fit {
    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: fit-content !important;
  }
  .min-w-m-md-fit {
    min-width: fit-content !important;
  }
  .max-w-m-md-fit {
    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: fit-content !important;
  }
  .min-w-m-sm-fit {
    min-width: fit-content !important;
  }
  .max-w-m-sm-fit {
    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: fit-content !important;
  }
  .min-w-m-xs-fit {
    min-width: fit-content !important;
  }
  .max-w-m-xs-fit {
    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-item-fill,
.flex-item-shrink {
  flex-shrink: 1 !important;
  flex-basis: auto;
}
.flex-item-shrink {
  flex-grow: 0 !important;
}
.flex-item-grow {
  flex-grow: 1 !important;
  flex-shrink: 0 !important;
  flex-basis: auto;
}
.grid-12 {
  grid-template-columns: repeat(12, 1fr) !important;
}
.grid-9,
.grid-12 {
  display: grid !important;
}
.grid-9 {
  grid-template-columns: repeat(9, 1fr) !important;
}
.grid-6 {
  grid-template-columns: repeat(6, 1fr) !important;
}
.grid-4,
.grid-6 {
  display: grid !important;
}
.grid-4 {
  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 {
    grid-template-columns: repeat(9, 1fr) !important;
  }
  .grid-xl-6,
  .grid-xl-9 {
    display: grid !important;
  }
  .grid-xl-6 {
    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-10 {
  grid-column: span 10 !important;
}
.col-11 {
  grid-column: span 11 !important;
}
.col-12 {
  grid-column: span 12 !important;
}
.col-7 {
  grid-column: span 7 !important;
}
.col-8 {
  grid-column: span 8 !important;
}
.col-9 {
  grid-column: span 9 !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-10 {
    grid-column: span 10 !important;
  }
  .col-full-11 {
    grid-column: span 11 !important;
  }
  .col-full-12 {
    grid-column: span 12 !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-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-10 {
    grid-column: span 10 !important;
  }
  .col-fit-11 {
    grid-column: span 11 !important;
  }
  .col-fit-12 {
    grid-column: span 12 !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-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-10 {
    grid-column: span 10 !important;
  }
  .col-2xl-11 {
    grid-column: span 11 !important;
  }
  .col-2xl-12 {
    grid-column: span 12 !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-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-10 {
    grid-column: span 10 !important;
  }
  .col-xl-11 {
    grid-column: span 11 !important;
  }
  .col-xl-12 {
    grid-column: span 12 !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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-10 {
  grid-row: span 10 !important;
}
.row-11 {
  grid-row: span 11 !important;
}
.row-12 {
  grid-row: span 12 !important;
}
.row-7 {
  grid-row: span 7 !important;
}
.row-8 {
  grid-row: span 8 !important;
}
.row-9 {
  grid-row: span 9 !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-10 {
    grid-row: span 10 !important;
  }
  .row-full-11 {
    grid-row: span 11 !important;
  }
  .row-full-12 {
    grid-row: span 12 !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-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-10 {
    grid-row: span 10 !important;
  }
  .row-fit-11 {
    grid-row: span 11 !important;
  }
  .row-fit-12 {
    grid-row: span 12 !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-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-10 {
    grid-row: span 10 !important;
  }
  .row-2xl-11 {
    grid-row: span 11 !important;
  }
  .row-2xl-12 {
    grid-row: span 12 !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-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-10 {
    grid-row: span 10 !important;
  }
  .row-xl-11 {
    grid-row: span 11 !important;
  }
  .row-xl-12 {
    grid-row: span 12 !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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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: 0 !important;
}
.gap-row-none {
  row-gap: 0 !important;
}
.gap-col-none {
  column-gap: 0 !important;
}
.gap-6 {
  gap: 0.375rem !important;
}
.gap-row-6 {
  row-gap: 0.375rem !important;
}
.gap-col-6 {
  column-gap: 0.375rem !important;
}
.gap-10 {
  gap: 0.625rem !important;
}
.gap-row-10 {
  row-gap: 0.625rem !important;
}
.gap-col-10 {
  column-gap: 0.625rem !important;
}
.gap-12 {
  gap: 0.75rem !important;
}
.gap-row-12 {
  row-gap: 0.75rem !important;
}
.gap-col-12 {
  column-gap: 0.75rem !important;
}
.gap-16 {
  gap: 1rem !important;
}
.gap-row-16 {
  row-gap: 1rem !important;
}
.gap-col-16 {
  column-gap: 1rem !important;
}
.gap-20 {
  gap: 1.25rem !important;
}
.gap-row-20 {
  row-gap: 1.25rem !important;
}
.gap-col-20 {
  column-gap: 1.25rem !important;
}
.gap-23 {
  gap: 1.4375rem !important;
}
.gap-row-23 {
  row-gap: 1.4375rem !important;
}
.gap-col-23 {
  column-gap: 1.4375rem !important;
}
.gap-24 {
  gap: 1.5rem !important;
}
.gap-row-24 {
  row-gap: 1.5rem !important;
}
.gap-col-24 {
  column-gap: 1.5rem !important;
}
.gap-30 {
  gap: 1.875rem !important;
}
.gap-row-30 {
  row-gap: 1.875rem !important;
}
.gap-col-30 {
  column-gap: 1.875rem !important;
}
.gap-48 {
  gap: 3rem !important;
}
.gap-row-48 {
  row-gap: 3rem !important;
}
.gap-col-48 {
  column-gap: 3rem !important;
}
@media (max-width: 100%) {
  .gap-full-none {
    gap: 0 !important;
  }
  .gap-row-full-none {
    row-gap: 0 !important;
  }
  .gap-col-full-none {
    column-gap: 0 !important;
  }
  .gap-full-6 {
    gap: 0.375rem !important;
  }
  .gap-row-full-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-full-6 {
    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 {
    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 {
    column-gap: 0.75rem !important;
  }
  .gap-full-16 {
    gap: 1rem !important;
  }
  .gap-row-full-16 {
    row-gap: 1rem !important;
  }
  .gap-col-full-16 {
    column-gap: 1rem !important;
  }
  .gap-full-20 {
    gap: 1.25rem !important;
  }
  .gap-row-full-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-full-20 {
    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 {
    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 {
    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 {
    column-gap: 1.875rem !important;
  }
  .gap-full-48 {
    gap: 3rem !important;
  }
  .gap-row-full-48 {
    row-gap: 3rem !important;
  }
  .gap-col-full-48 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 1920px) {
  .gap-fit-none {
    gap: 0 !important;
  }
  .gap-row-fit-none {
    row-gap: 0 !important;
  }
  .gap-col-fit-none {
    column-gap: 0 !important;
  }
  .gap-fit-6 {
    gap: 0.375rem !important;
  }
  .gap-row-fit-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-fit-6 {
    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 {
    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 {
    column-gap: 0.75rem !important;
  }
  .gap-fit-16 {
    gap: 1rem !important;
  }
  .gap-row-fit-16 {
    row-gap: 1rem !important;
  }
  .gap-col-fit-16 {
    column-gap: 1rem !important;
  }
  .gap-fit-20 {
    gap: 1.25rem !important;
  }
  .gap-row-fit-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-fit-20 {
    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 {
    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 {
    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 {
    column-gap: 1.875rem !important;
  }
  .gap-fit-48 {
    gap: 3rem !important;
  }
  .gap-row-fit-48 {
    row-gap: 3rem !important;
  }
  .gap-col-fit-48 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 1600px) {
  .gap-2xl-none {
    gap: 0 !important;
  }
  .gap-row-2xl-none {
    row-gap: 0 !important;
  }
  .gap-col-2xl-none {
    column-gap: 0 !important;
  }
  .gap-2xl-6 {
    gap: 0.375rem !important;
  }
  .gap-row-2xl-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-2xl-6 {
    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 {
    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 {
    column-gap: 0.75rem !important;
  }
  .gap-2xl-16 {
    gap: 1rem !important;
  }
  .gap-row-2xl-16 {
    row-gap: 1rem !important;
  }
  .gap-col-2xl-16 {
    column-gap: 1rem !important;
  }
  .gap-2xl-20 {
    gap: 1.25rem !important;
  }
  .gap-row-2xl-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-2xl-20 {
    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 {
    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 {
    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 {
    column-gap: 1.875rem !important;
  }
  .gap-2xl-48 {
    gap: 3rem !important;
  }
  .gap-row-2xl-48 {
    row-gap: 3rem !important;
  }
  .gap-col-2xl-48 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 1440px) {
  .gap-xl-none {
    gap: 0 !important;
  }
  .gap-row-xl-none {
    row-gap: 0 !important;
  }
  .gap-col-xl-none {
    column-gap: 0 !important;
  }
  .gap-xl-6 {
    gap: 0.375rem !important;
  }
  .gap-row-xl-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-xl-6 {
    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 {
    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 {
    column-gap: 0.75rem !important;
  }
  .gap-xl-16 {
    gap: 1rem !important;
  }
  .gap-row-xl-16 {
    row-gap: 1rem !important;
  }
  .gap-col-xl-16 {
    column-gap: 1rem !important;
  }
  .gap-xl-20 {
    gap: 1.25rem !important;
  }
  .gap-row-xl-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-xl-20 {
    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 {
    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 {
    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 {
    column-gap: 1.875rem !important;
  }
  .gap-xl-48 {
    gap: 3rem !important;
  }
  .gap-row-xl-48 {
    row-gap: 3rem !important;
  }
  .gap-col-xl-48 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 1366px) {
  .gap-t-xl-none {
    gap: 0 !important;
  }
  .gap-row-t-xl-none {
    row-gap: 0 !important;
  }
  .gap-col-t-xl-none {
    column-gap: 0 !important;
  }
  .gap-t-xl-6 {
    gap: 0.375rem !important;
  }
  .gap-row-t-xl-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-t-xl-6 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 1280px) {
  .gap-t-lg-none {
    gap: 0 !important;
  }
  .gap-row-t-lg-none {
    row-gap: 0 !important;
  }
  .gap-col-t-lg-none {
    column-gap: 0 !important;
  }
  .gap-t-lg-6 {
    gap: 0.375rem !important;
  }
  .gap-row-t-lg-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-t-lg-6 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 1180px) {
  .gap-t-md-none {
    gap: 0 !important;
  }
  .gap-row-t-md-none {
    row-gap: 0 !important;
  }
  .gap-col-t-md-none {
    column-gap: 0 !important;
  }
  .gap-t-md-6 {
    gap: 0.375rem !important;
  }
  .gap-row-t-md-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-t-md-6 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 1024px) {
  .gap-t-sm-none {
    gap: 0 !important;
  }
  .gap-row-t-sm-none {
    row-gap: 0 !important;
  }
  .gap-col-t-sm-none {
    column-gap: 0 !important;
  }
  .gap-t-sm-6 {
    gap: 0.375rem !important;
  }
  .gap-row-t-sm-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-t-sm-6 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 820px) {
  .gap-t-xs-none {
    gap: 0 !important;
  }
  .gap-row-t-xs-none {
    row-gap: 0 !important;
  }
  .gap-col-t-xs-none {
    column-gap: 0 !important;
  }
  .gap-t-xs-6 {
    gap: 0.375rem !important;
  }
  .gap-row-t-xs-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-t-xs-6 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 767px) {
  .gap-m-max-none {
    gap: 0 !important;
  }
  .gap-row-m-max-none {
    row-gap: 0 !important;
  }
  .gap-col-m-max-none {
    column-gap: 0 !important;
  }
  .gap-m-max-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-max-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-max-6 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 640px) {
  .gap-m-3xl-none {
    gap: 0 !important;
  }
  .gap-row-m-3xl-none {
    row-gap: 0 !important;
  }
  .gap-col-m-3xl-none {
    column-gap: 0 !important;
  }
  .gap-m-3xl-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-3xl-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-3xl-6 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 430px) {
  .gap-m-2xl-none {
    gap: 0 !important;
  }
  .gap-row-m-2xl-none {
    row-gap: 0 !important;
  }
  .gap-col-m-2xl-none {
    column-gap: 0 !important;
  }
  .gap-m-2xl-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-2xl-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-2xl-6 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 412px) {
  .gap-m-xl-none {
    gap: 0 !important;
  }
  .gap-row-m-xl-none {
    row-gap: 0 !important;
  }
  .gap-col-m-xl-none {
    column-gap: 0 !important;
  }
  .gap-m-xl-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-xl-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-xl-6 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 390px) {
  .gap-m-lg-none {
    gap: 0 !important;
  }
  .gap-row-m-lg-none {
    row-gap: 0 !important;
  }
  .gap-col-m-lg-none {
    column-gap: 0 !important;
  }
  .gap-m-lg-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-lg-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-lg-6 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 375px) {
  .gap-m-md-none {
    gap: 0 !important;
  }
  .gap-row-m-md-none {
    row-gap: 0 !important;
  }
  .gap-col-m-md-none {
    column-gap: 0 !important;
  }
  .gap-m-md-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-md-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-md-6 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 360px) {
  .gap-m-sm-none {
    gap: 0 !important;
  }
  .gap-row-m-sm-none {
    row-gap: 0 !important;
  }
  .gap-col-m-sm-none {
    column-gap: 0 !important;
  }
  .gap-m-sm-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-sm-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-sm-6 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    column-gap: 3rem !important;
  }
}
@media (max-width: 359px) {
  .gap-m-xs-none {
    gap: 0 !important;
  }
  .gap-row-m-xs-none {
    row-gap: 0 !important;
  }
  .gap-col-m-xs-none {
    column-gap: 0 !important;
  }
  .gap-m-xs-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-xs-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-xs-6 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
    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 {
  -webkit-line-clamp: 1 !important;
}
.ell,
.ell-2 {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-align: left;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  word-break: break-all !important;
}
.ell-2 {
  -webkit-line-clamp: 2 !important;
}
@media (max-width: 100%) {
  .ell-full {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 100%) {
  .ell-full,
  .ell-full-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-full-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 1920px) {
  .ell-fit {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 1920px) {
  .ell-fit,
  .ell-fit-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-fit-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 1600px) {
  .ell-2xl {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 1600px) {
  .ell-2xl,
  .ell-2xl-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-2xl-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 1440px) {
  .ell-xl {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 1440px) {
  .ell-xl,
  .ell-xl-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-xl-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 1366px) {
  .ell-t-xl {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 1366px) {
  .ell-t-xl,
  .ell-t-xl-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-t-xl-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 1280px) {
  .ell-t-lg {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 1280px) {
  .ell-t-lg,
  .ell-t-lg-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-t-lg-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 1180px) {
  .ell-t-md {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 1180px) {
  .ell-t-md,
  .ell-t-md-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-t-md-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 1024px) {
  .ell-t-sm {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 1024px) {
  .ell-t-sm,
  .ell-t-sm-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-t-sm-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 820px) {
  .ell-t-xs {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 820px) {
  .ell-t-xs,
  .ell-t-xs-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-t-xs-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 767px) {
  .ell-m-max {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 767px) {
  .ell-m-max,
  .ell-m-max-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-m-max-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 640px) {
  .ell-m-3xl {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 640px) {
  .ell-m-3xl,
  .ell-m-3xl-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-m-3xl-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 430px) {
  .ell-m-2xl {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 430px) {
  .ell-m-2xl,
  .ell-m-2xl-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-m-2xl-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 412px) {
  .ell-m-xl {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 412px) {
  .ell-m-xl,
  .ell-m-xl-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-m-xl-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 390px) {
  .ell-m-lg {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 390px) {
  .ell-m-lg,
  .ell-m-lg-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-m-lg-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 375px) {
  .ell-m-md {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 375px) {
  .ell-m-md,
  .ell-m-md-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-m-md-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 360px) {
  .ell-m-sm {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 360px) {
  .ell-m-sm,
  .ell-m-sm-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-m-sm-2 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 359px) {
  .ell-m-xs {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 359px) {
  .ell-m-xs,
  .ell-m-xs-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    word-break: break-all !important;
  }
  .ell-m-xs-2 {
    -webkit-line-clamp: 2 !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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-top.is-3xs:before,
.icon.icon-arrow-top:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
}
.icon.icon-arrow-top.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-arrow-top.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-top.is-2xs:before,
.icon.icon-arrow-top.is-xs:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
}
.icon.icon-arrow-top.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-top.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-top.is-md:before,
.icon.icon-arrow-top.is-sm:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
}
.icon.icon-arrow-top.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-top.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-top.is-lg:before,
.icon.icon-arrow-top.is-xl:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
}
.icon.icon-arrow-top.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-top.is-max:before {
  transform: rotate(-90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-arrow-right:before,
.icon.icon-arrow-top.is-max:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-arrow-right:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-right.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-arrow-right.is-2xs:before,
.icon.icon-arrow-right.is-3xs:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-arrow-right.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-right.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-right.is-sm:before,
.icon.icon-arrow-right.is-xs:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-arrow-right.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-right.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-right.is-lg:before,
.icon.icon-arrow-right.is-md:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-arrow-right.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-right.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-right.is-max:before,
.icon.icon-arrow-right.is-xl:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-arrow-right.is-max:before {
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-arrow-bottom:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-bottom.is-3xs:before,
.icon.icon-arrow-bottom:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
}
.icon.icon-arrow-bottom.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-arrow-bottom.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-bottom.is-2xs:before,
.icon.icon-arrow-bottom.is-xs:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
}
.icon.icon-arrow-bottom.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-bottom.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-bottom.is-md:before,
.icon.icon-arrow-bottom.is-sm:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
}
.icon.icon-arrow-bottom.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-bottom.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-bottom.is-lg:before,
.icon.icon-arrow-bottom.is-xl:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
}
.icon.icon-arrow-bottom.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-bottom.is-max:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-left.is-3xs:before,
.icon.icon-arrow-left:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.icon.icon-arrow-left.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-arrow-left.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-left.is-2xs:before,
.icon.icon-arrow-left.is-xs:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.icon.icon-arrow-left.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-left.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-left.is-md:before,
.icon.icon-arrow-left.is-sm:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.icon.icon-arrow-left.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-left.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-left.is-lg:before,
.icon.icon-arrow-left.is-xl:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.icon.icon-arrow-left.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-left.is-max:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-top.is-3xs:before,
.icon.icon-chevron-top:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
}
.icon.icon-chevron-top.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-chevron-top.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-top.is-2xs:before,
.icon.icon-chevron-top.is-xs:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
}
.icon.icon-chevron-top.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-top.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-top.is-md:before,
.icon.icon-chevron-top.is-sm:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
}
.icon.icon-chevron-top.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-top.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-top.is-lg:before,
.icon.icon-chevron-top.is-xl:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
}
.icon.icon-chevron-top.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-top.is-max:before {
  transform: rotate(-90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-chevron-right:before,
.icon.icon-chevron-top.is-max:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-chevron-right:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-right.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-chevron-right.is-2xs:before,
.icon.icon-chevron-right.is-3xs:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-chevron-right.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-right.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-right.is-sm:before,
.icon.icon-chevron-right.is-xs:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-chevron-right.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-right.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-right.is-lg:before,
.icon.icon-chevron-right.is-md:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-chevron-right.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-right.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-right.is-max:before,
.icon.icon-chevron-right.is-xl:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-chevron-right.is-max:before {
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-chevron-bottom:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-bottom.is-3xs:before,
.icon.icon-chevron-bottom:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
}
.icon.icon-chevron-bottom.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-chevron-bottom.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-bottom.is-2xs:before,
.icon.icon-chevron-bottom.is-xs:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
}
.icon.icon-chevron-bottom.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-bottom.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-bottom.is-md:before,
.icon.icon-chevron-bottom.is-sm:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
}
.icon.icon-chevron-bottom.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-bottom.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-bottom.is-lg:before,
.icon.icon-chevron-bottom.is-xl:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
}
.icon.icon-chevron-bottom.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-bottom.is-max:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-left.is-3xs:before,
.icon.icon-chevron-left:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.icon.icon-chevron-left.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-chevron-left.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-left.is-2xs:before,
.icon.icon-chevron-left.is-xs:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.icon.icon-chevron-left.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-left.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-left.is-md:before,
.icon.icon-chevron-left.is-sm:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.icon.icon-chevron-left.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-left.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-left.is-lg:before,
.icon.icon-chevron-left.is-xl:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.icon.icon-chevron-left.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-left.is-max:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-corner-down-left:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-corner-down-left.is-3xs:before,
.icon.icon-corner-down-left:before {
  content: "\e870";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-corner-down-left.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-corner-down-left.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-corner-down-left.is-2xs:before,
.icon.icon-corner-down-left.is-xs:before {
  content: "\e870";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-corner-down-left.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-corner-down-left.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-corner-down-left.is-md:before,
.icon.icon-corner-down-left.is-sm:before {
  content: "\e870";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-corner-down-left.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-corner-down-left.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-corner-down-left.is-lg:before,
.icon.icon-corner-down-left.is-xl:before {
  content: "\e870";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-corner-down-left.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-corner-down-left.is-max:before {
  content: "\e870";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-top.is-3xs:before,
.icon.icon-double-chevron-top:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
}
.icon.icon-double-chevron-top.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-double-chevron-top.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-chevron-top.is-2xs:before,
.icon.icon-double-chevron-top.is-xs:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
}
.icon.icon-double-chevron-top.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-chevron-top.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-chevron-top.is-md:before,
.icon.icon-double-chevron-top.is-sm:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
}
.icon.icon-double-chevron-top.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-top.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-chevron-top.is-lg:before,
.icon.icon-double-chevron-top.is-xl:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
}
.icon.icon-double-chevron-top.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-chevron-top.is-max:before {
  transform: rotate(-90deg);
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-double-chevron-right:before,
.icon.icon-double-chevron-top.is-max:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-double-chevron-right:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-right.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-double-chevron-right.is-2xs:before,
.icon.icon-double-chevron-right.is-3xs:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-double-chevron-right.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-chevron-right.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-chevron-right.is-sm:before,
.icon.icon-double-chevron-right.is-xs:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-double-chevron-right.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-chevron-right.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-right.is-lg:before,
.icon.icon-double-chevron-right.is-md:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-double-chevron-right.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-chevron-right.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-chevron-right.is-max:before,
.icon.icon-double-chevron-right.is-xl:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-double-chevron-right.is-max:before {
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.icon-double-chevron-bottom:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-bottom.is-3xs:before,
.icon.icon-double-chevron-bottom:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
}
.icon.icon-double-chevron-bottom.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-double-chevron-bottom.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-chevron-bottom.is-2xs:before,
.icon.icon-double-chevron-bottom.is-xs:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
}
.icon.icon-double-chevron-bottom.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-chevron-bottom.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-chevron-bottom.is-md:before,
.icon.icon-double-chevron-bottom.is-sm:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
}
.icon.icon-double-chevron-bottom.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-bottom.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-chevron-bottom.is-lg:before,
.icon.icon-double-chevron-bottom.is-xl:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(90deg);
}
.icon.icon-double-chevron-bottom.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-chevron-bottom.is-max:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-left.is-3xs:before,
.icon.icon-double-chevron-left:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.icon.icon-double-chevron-left.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-double-chevron-left.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-chevron-left.is-2xs:before,
.icon.icon-double-chevron-left.is-xs:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.icon.icon-double-chevron-left.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-chevron-left.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-chevron-left.is-md:before,
.icon.icon-double-chevron-left.is-sm:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.icon.icon-double-chevron-left.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-chevron-left.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-chevron-left.is-lg:before,
.icon.icon-double-chevron-left.is-xl:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.icon.icon-double-chevron-left.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-chevron-left.is-max:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-acrobat.is-3xs:before,
.icon.icon-acrobat:before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-acrobat.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-acrobat.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-acrobat.is-2xs:before,
.icon.icon-acrobat.is-xs:before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-acrobat.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-acrobat.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-acrobat.is-md:before,
.icon.icon-acrobat.is-sm:before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-acrobat.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-acrobat.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-acrobat.is-lg:before,
.icon.icon-acrobat.is-xl:before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-acrobat.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-acrobat.is-max:before {
  content: "\e83f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-airplane-solid.is-3xs:before,
.icon.icon-airplane-solid:before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-airplane-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-airplane-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-airplane-solid.is-2xs:before,
.icon.icon-airplane-solid.is-xs:before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-airplane-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-airplane-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-airplane-solid.is-md:before,
.icon.icon-airplane-solid.is-sm:before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-airplane-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-airplane-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-airplane-solid.is-lg:before,
.icon.icon-airplane-solid.is-xl:before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-airplane-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-airplane-solid.is-max:before {
  content: "\e840";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-calendar.is-3xs:before,
.icon.icon-calendar:before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-calendar.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-calendar.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-calendar.is-2xs:before,
.icon.icon-calendar.is-xs:before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-calendar.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-calendar.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-calendar.is-md:before,
.icon.icon-calendar.is-sm:before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-calendar.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-calendar.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-calendar.is-lg:before,
.icon.icon-calendar.is-xl:before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-calendar.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-calendar.is-max:before {
  content: "\e802";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chart-square.is-3xs:before,
.icon.icon-chart-square:before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-chart-square.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-chart-square.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chart-square.is-2xs:before,
.icon.icon-chart-square.is-xs:before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-chart-square.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chart-square.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chart-square.is-md:before,
.icon.icon-chart-square.is-sm:before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-chart-square.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chart-square.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chart-square.is-lg:before,
.icon.icon-chart-square.is-xl:before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-chart-square.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chart-square.is-max:before {
  content: "\e803";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-check.is-3xs:before,
.icon.icon-check:before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-check.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-check.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-check.is-2xs:before,
.icon.icon-check.is-xs:before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-check.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-check.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-check.is-md:before,
.icon.icon-check.is-sm:before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-check.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-check.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-check.is-lg:before,
.icon.icon-check.is-xl:before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-check.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-check.is-max:before {
  content: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-check-badge-soild.is-3xs:before,
.icon.icon-check-badge-soild:before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-check-badge-soild.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-check-badge-soild.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-check-badge-soild.is-2xs:before,
.icon.icon-check-badge-soild.is-xs:before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-check-badge-soild.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-check-badge-soild.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-check-badge-soild.is-md:before,
.icon.icon-check-badge-soild.is-sm:before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-check-badge-soild.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-check-badge-soild.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-check-badge-soild.is-lg:before,
.icon.icon-check-badge-soild.is-xl:before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-check-badge-soild.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-check-badge-soild.is-max:before {
  content: "\e842";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-clock.is-3xs:before,
.icon.icon-clock:before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-clock.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-clock.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-clock.is-2xs:before,
.icon.icon-clock.is-xs:before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-clock.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-clock.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-clock.is-md:before,
.icon.icon-clock.is-sm:before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-clock.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-clock.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-clock.is-lg:before,
.icon.icon-clock.is-xl:before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-clock.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-clock.is-max:before {
  content: "\e843";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-copy.is-3xs:before,
.icon.icon-copy:before {
  content: "\e86c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-copy.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-copy.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-copy.is-2xs:before,
.icon.icon-copy.is-xs:before {
  content: "\e86c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-copy.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-copy.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-copy.is-md:before,
.icon.icon-copy.is-sm:before {
  content: "\e86c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-copy.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-copy.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-copy.is-lg:before,
.icon.icon-copy.is-xl:before {
  content: "\e86c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-copy.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-copy.is-max:before {
  content: "\e86c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-divide-circle.is-3xs:before,
.icon.icon-divide-circle:before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-divide-circle.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-divide-circle.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-divide-circle.is-2xs:before,
.icon.icon-divide-circle.is-xs:before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-divide-circle.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-divide-circle.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-divide-circle.is-md:before,
.icon.icon-divide-circle.is-sm:before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-divide-circle.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-divide-circle.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-divide-circle.is-lg:before,
.icon.icon-divide-circle.is-xl:before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-divide-circle.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-divide-circle.is-max:before {
  content: "\e807";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-divide-square.is-3xs:before,
.icon.icon-divide-square:before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-divide-square.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-divide-square.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-divide-square.is-2xs:before,
.icon.icon-divide-square.is-xs:before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-divide-square.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-divide-square.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-divide-square.is-md:before,
.icon.icon-divide-square.is-sm:before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-divide-square.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-divide-square.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-divide-square.is-lg:before,
.icon.icon-divide-square.is-xl:before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-divide-square.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-divide-square.is-max:before {
  content: "\e808";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-download.is-3xs:before,
.icon.icon-download:before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-download.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-download.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-download.is-2xs:before,
.icon.icon-download.is-xs:before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-download.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-download.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-download.is-md:before,
.icon.icon-download.is-sm:before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-download.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-download.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-download.is-lg:before,
.icon.icon-download.is-xl:before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-download.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-download.is-max:before {
  content: "\e809";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-drag-cursor.is-3xs:before,
.icon.icon-drag-cursor:before {
  content: "\e866";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-drag-cursor.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-drag-cursor.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-drag-cursor.is-2xs:before,
.icon.icon-drag-cursor.is-xs:before {
  content: "\e866";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-drag-cursor.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-drag-cursor.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-drag-cursor.is-md:before,
.icon.icon-drag-cursor.is-sm:before {
  content: "\e866";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-drag-cursor.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-drag-cursor.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-drag-cursor.is-lg:before,
.icon.icon-drag-cursor.is-xl:before {
  content: "\e866";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-drag-cursor.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-drag-cursor.is-max:before {
  content: "\e866";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-drag-handle.is-3xs:before,
.icon.icon-drag-handle:before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-drag-handle.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-drag-handle.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-drag-handle.is-2xs:before,
.icon.icon-drag-handle.is-xs:before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-drag-handle.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-drag-handle.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-drag-handle.is-md:before,
.icon.icon-drag-handle.is-sm:before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-drag-handle.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-drag-handle.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-drag-handle.is-lg:before,
.icon.icon-drag-handle.is-xl:before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-drag-handle.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-drag-handle.is-max:before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-edit.is-3xs:before,
.icon.icon-edit:before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-edit.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-edit.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-edit.is-2xs:before,
.icon.icon-edit.is-xs:before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-edit.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-edit.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-edit.is-md:before,
.icon.icon-edit.is-sm:before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-edit.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-edit.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-edit.is-lg:before,
.icon.icon-edit.is-xl:before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-edit.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-edit.is-max:before {
  content: "\e80a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-edit-solid.is-3xs:before,
.icon.icon-edit-solid:before {
  content: "\e865";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-edit-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-edit-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-edit-solid.is-2xs:before,
.icon.icon-edit-solid.is-xs:before {
  content: "\e865";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-edit-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-edit-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-edit-solid.is-md:before,
.icon.icon-edit-solid.is-sm:before {
  content: "\e865";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-edit-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-edit-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-edit-solid.is-lg:before,
.icon.icon-edit-solid.is-xl:before {
  content: "\e865";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-edit-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-edit-solid.is-max:before {
  content: "\e865";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-excel.is-3xs:before,
.icon.icon-excel:before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-excel.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-excel.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-excel.is-2xs:before,
.icon.icon-excel.is-xs:before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-excel.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-excel.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-excel.is-md:before,
.icon.icon-excel.is-sm:before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-excel.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-excel.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-excel.is-lg:before,
.icon.icon-excel.is-xl:before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-excel.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-excel.is-max:before {
  content: "\e80c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-exclamation-circle.is-3xs:before,
.icon.icon-exclamation-circle:before {
  content: "\e868";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-exclamation-circle.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-exclamation-circle.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-exclamation-circle.is-2xs:before,
.icon.icon-exclamation-circle.is-xs:before {
  content: "\e868";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-exclamation-circle.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-exclamation-circle.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-exclamation-circle.is-md:before,
.icon.icon-exclamation-circle.is-sm:before {
  content: "\e868";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-exclamation-circle.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-exclamation-circle.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-exclamation-circle.is-lg:before,
.icon.icon-exclamation-circle.is-xl:before {
  content: "\e868";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-exclamation-circle.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-exclamation-circle.is-max:before {
  content: "\e868";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-exit.is-3xs:before,
.icon.icon-exit:before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-exit.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-exit.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-exit.is-2xs:before,
.icon.icon-exit.is-xs:before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-exit.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-exit.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-exit.is-md:before,
.icon.icon-exit.is-sm:before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-exit.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-exit.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-exit.is-lg:before,
.icon.icon-exit.is-xl:before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-exit.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-exit.is-max:before {
  content: "\e80d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-file.is-3xs:before,
.icon.icon-file:before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-file.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-file.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-file.is-2xs:before,
.icon.icon-file.is-xs:before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-file.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-file.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-file.is-md:before,
.icon.icon-file.is-sm:before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-file.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-file.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-file.is-lg:before,
.icon.icon-file.is-xl:before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-file.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-file.is-max:before {
  content: "\e80e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-file-text.is-3xs:before,
.icon.icon-file-text:before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-file-text.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-file-text.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-file-text.is-2xs:before,
.icon.icon-file-text.is-xs:before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-file-text.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-file-text.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-file-text.is-md:before,
.icon.icon-file-text.is-sm:before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-file-text.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-file-text.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-file-text.is-lg:before,
.icon.icon-file-text.is-xl:before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-file-text.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-file-text.is-max:before {
  content: "\e80f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-filter.is-3xs:before,
.icon.icon-filter:before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-filter.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-filter.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-filter.is-2xs:before,
.icon.icon-filter.is-xs:before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-filter.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-filter.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-filter.is-md:before,
.icon.icon-filter.is-sm:before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-filter.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-filter.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-filter.is-lg:before,
.icon.icon-filter.is-xl:before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-filter.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-filter.is-max:before {
  content: "\e847";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-folder.is-3xs:before,
.icon.icon-folder:before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-folder.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-folder.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-folder.is-2xs:before,
.icon.icon-folder.is-xs:before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-folder.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-folder.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-folder.is-md:before,
.icon.icon-folder.is-sm:before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-folder.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-folder.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-folder.is-lg:before,
.icon.icon-folder.is-xl:before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-folder.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-folder.is-max:before {
  content: "\e810";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-frame.is-3xs:before,
.icon.icon-frame:before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-frame.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-frame.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-frame.is-2xs:before,
.icon.icon-frame.is-xs:before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-frame.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-frame.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-frame.is-md:before,
.icon.icon-frame.is-sm:before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-frame.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-frame.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-frame.is-lg:before,
.icon.icon-frame.is-xl:before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-frame.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-frame.is-max:before {
  content: "\e811";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-globe.is-3xs:before,
.icon.icon-globe:before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-globe.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-globe.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-globe.is-2xs:before,
.icon.icon-globe.is-xs:before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-globe.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-globe.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-globe.is-md:before,
.icon.icon-globe.is-sm:before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-globe.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-globe.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-globe.is-lg:before,
.icon.icon-globe.is-xl:before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-globe.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-globe.is-max:before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-grid.is-3xs:before,
.icon.icon-grid:before {
  content: "\e869";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-grid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-grid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-grid.is-2xs:before,
.icon.icon-grid.is-xs:before {
  content: "\e869";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-grid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-grid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-grid.is-md:before,
.icon.icon-grid.is-sm:before {
  content: "\e869";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-grid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-grid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-grid.is-lg:before,
.icon.icon-grid.is-xl:before {
  content: "\e869";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-grid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-grid.is-max:before {
  content: "\e869";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-heart.is-3xs:before,
.icon.icon-heart:before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-heart.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-heart.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-heart.is-2xs:before,
.icon.icon-heart.is-xs:before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-heart.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-heart.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-heart.is-md:before,
.icon.icon-heart.is-sm:before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-heart.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-heart.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-heart.is-lg:before,
.icon.icon-heart.is-xl:before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-heart.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-heart.is-max:before {
  content: "\e813";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-heart-solid.is-3xs:before,
.icon.icon-heart-solid:before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-heart-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-heart-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-heart-solid.is-2xs:before,
.icon.icon-heart-solid.is-xs:before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-heart-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-heart-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-heart-solid.is-md:before,
.icon.icon-heart-solid.is-sm:before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-heart-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-heart-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-heart-solid.is-lg:before,
.icon.icon-heart-solid.is-xl:before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-heart-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-heart-solid.is-max:before {
  content: "\e84a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-help-circle.is-3xs:before,
.icon.icon-help-circle:before {
  content: "\e867";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-help-circle.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-help-circle.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-help-circle.is-2xs:before,
.icon.icon-help-circle.is-xs:before {
  content: "\e867";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-help-circle.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-help-circle.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-help-circle.is-md:before,
.icon.icon-help-circle.is-sm:before {
  content: "\e867";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-help-circle.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-help-circle.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-help-circle.is-lg:before,
.icon.icon-help-circle.is-xl:before {
  content: "\e867";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-help-circle.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-help-circle.is-max:before {
  content: "\e867";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-home.is-3xs:before,
.icon.icon-home:before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-home.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-home.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-home.is-2xs:before,
.icon.icon-home.is-xs:before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-home.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-home.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-home.is-md:before,
.icon.icon-home.is-sm:before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-home.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-home.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-home.is-lg:before,
.icon.icon-home.is-xl:before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-home.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-home.is-max:before {
  content: "\e814";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-home-solid.is-3xs:before,
.icon.icon-home-solid:before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-home-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-home-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-home-solid.is-2xs:before,
.icon.icon-home-solid.is-xs:before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-home-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-home-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-home-solid.is-md:before,
.icon.icon-home-solid.is-sm:before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-home-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-home-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-home-solid.is-lg:before,
.icon.icon-home-solid.is-xl:before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-home-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-home-solid.is-max:before {
  content: "\e84b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-hwp.is-3xs:before,
.icon.icon-hwp:before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-hwp.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-hwp.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-hwp.is-2xs:before,
.icon.icon-hwp.is-xs:before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-hwp.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-hwp.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-hwp.is-md:before,
.icon.icon-hwp.is-sm:before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-hwp.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-hwp.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-hwp.is-lg:before,
.icon.icon-hwp.is-xl:before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-hwp.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-hwp.is-max:before {
  content: "\e815";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-image.is-3xs:before,
.icon.icon-image:before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-image.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-image.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-image.is-2xs:before,
.icon.icon-image.is-xs:before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-image.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-image.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-image.is-md:before,
.icon.icon-image.is-sm:before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-image.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-image.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-image.is-lg:before,
.icon.icon-image.is-xl:before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-image.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-image.is-max:before {
  content: "\e816";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-inbox.is-3xs:before,
.icon.icon-inbox:before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-inbox.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-inbox.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-inbox.is-2xs:before,
.icon.icon-inbox.is-xs:before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-inbox.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-inbox.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-inbox.is-md:before,
.icon.icon-inbox.is-sm:before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-inbox.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-inbox.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-inbox.is-lg:before,
.icon.icon-inbox.is-xl:before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-inbox.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-inbox.is-max:before {
  content: "\e817";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-link.is-3xs:before,
.icon.icon-link:before {
  content: "\e86a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-link.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-link.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-link.is-2xs:before,
.icon.icon-link.is-xs:before {
  content: "\e86a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-link.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-link.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-link.is-md:before,
.icon.icon-link.is-sm:before {
  content: "\e86a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-link.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-link.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-link.is-lg:before,
.icon.icon-link.is-xl:before {
  content: "\e86a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-link.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-link.is-max:before {
  content: "\e86a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-lock.is-3xs:before,
.icon.icon-lock:before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-lock.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-lock.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-lock.is-2xs:before,
.icon.icon-lock.is-xs:before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-lock.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-lock.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-lock.is-md:before,
.icon.icon-lock.is-sm:before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-lock.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-lock.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-lock.is-lg:before,
.icon.icon-lock.is-xl:before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-lock.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-lock.is-max:before {
  content: "\e84c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-lock-open.is-3xs:before,
.icon.icon-lock-open:before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-lock-open.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-lock-open.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-lock-open.is-2xs:before,
.icon.icon-lock-open.is-xs:before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-lock-open.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-lock-open.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-lock-open.is-md:before,
.icon.icon-lock-open.is-sm:before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-lock-open.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-lock-open.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-lock-open.is-lg:before,
.icon.icon-lock-open.is-xl:before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-lock-open.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-lock-open.is-max:before {
  content: "\e84d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-login.is-3xs:before,
.icon.icon-login:before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-login.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-login.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-login.is-2xs:before,
.icon.icon-login.is-xs:before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-login.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-login.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-login.is-md:before,
.icon.icon-login.is-sm:before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-login.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-login.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-login.is-lg:before,
.icon.icon-login.is-xl:before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-login.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-login.is-max:before {
  content: "\e84e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-logout.is-3xs:before,
.icon.icon-logout:before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-logout.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-logout.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-logout.is-2xs:before,
.icon.icon-logout.is-xs:before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-logout.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-logout.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-logout.is-md:before,
.icon.icon-logout.is-sm:before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-logout.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-logout.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-logout.is-lg:before,
.icon.icon-logout.is-xl:before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-logout.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-logout.is-max:before {
  content: "\e84f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-menu.is-3xs:before,
.icon.icon-menu:before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-menu.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-menu.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-menu.is-2xs:before,
.icon.icon-menu.is-xs:before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-menu.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-menu.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-menu.is-md:before,
.icon.icon-menu.is-sm:before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-menu.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-menu.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-menu.is-lg:before,
.icon.icon-menu.is-xl:before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-menu.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-menu.is-max:before {
  content: "\e81a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-circle.is-3xs:before,
.icon.icon-message-circle:before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-circle.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-message-circle.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-message-circle.is-2xs:before,
.icon.icon-message-circle.is-xs:before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-circle.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-message-circle.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-message-circle.is-md:before,
.icon.icon-message-circle.is-sm:before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-circle.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-circle.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-message-circle.is-lg:before,
.icon.icon-message-circle.is-xl:before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-circle.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-message-circle.is-max:before {
  content: "\e81b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-dots.is-3xs:before,
.icon.icon-message-dots:before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-dots.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-message-dots.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-message-dots.is-2xs:before,
.icon.icon-message-dots.is-xs:before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-dots.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-message-dots.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-message-dots.is-md:before,
.icon.icon-message-dots.is-sm:before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-dots.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-dots.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-message-dots.is-lg:before,
.icon.icon-message-dots.is-xl:before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-dots.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-message-dots.is-max:before {
  content: "\e850";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-dots-solid.is-3xs:before,
.icon.icon-message-dots-solid:before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-dots-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-message-dots-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-message-dots-solid.is-2xs:before,
.icon.icon-message-dots-solid.is-xs:before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-dots-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-message-dots-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-message-dots-solid.is-md:before,
.icon.icon-message-dots-solid.is-sm:before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-dots-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-dots-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-message-dots-solid.is-lg:before,
.icon.icon-message-dots-solid.is-xl:before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-dots-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-message-dots-solid.is-max:before {
  content: "\e851";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-square.is-3xs:before,
.icon.icon-message-square:before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-square.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-message-square.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-message-square.is-2xs:before,
.icon.icon-message-square.is-xs:before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-square.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-message-square.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-message-square.is-md:before,
.icon.icon-message-square.is-sm:before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-square.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-message-square.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-message-square.is-lg:before,
.icon.icon-message-square.is-xl:before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-message-square.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-message-square.is-max:before {
  content: "\e81d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-minus.is-3xs:before,
.icon.icon-minus:before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-minus.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-minus.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-minus.is-2xs:before,
.icon.icon-minus.is-xs:before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-minus.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-minus.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-minus.is-md:before,
.icon.icon-minus.is-sm:before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-minus.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-minus.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-minus.is-lg:before,
.icon.icon-minus.is-xl:before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-minus.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-minus.is-max:before {
  content: "\e81e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-more-horizontal.is-3xs:before,
.icon.icon-more-horizontal:before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-more-horizontal.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-more-horizontal.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-more-horizontal.is-2xs:before,
.icon.icon-more-horizontal.is-xs:before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-more-horizontal.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-more-horizontal.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-more-horizontal.is-md:before,
.icon.icon-more-horizontal.is-sm:before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-more-horizontal.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-more-horizontal.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-more-horizontal.is-lg:before,
.icon.icon-more-horizontal.is-xl:before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-more-horizontal.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-more-horizontal.is-max:before {
  content: "\e81f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-more-vertical.is-3xs:before,
.icon.icon-more-vertical:before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-more-vertical.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-more-vertical.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-more-vertical.is-2xs:before,
.icon.icon-more-vertical.is-xs:before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-more-vertical.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-more-vertical.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-more-vertical.is-md:before,
.icon.icon-more-vertical.is-sm:before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-more-vertical.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-more-vertical.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-more-vertical.is-lg:before,
.icon.icon-more-vertical.is-xl:before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-more-vertical.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-more-vertical.is-max:before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-move.is-3xs:before,
.icon.icon-move:before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-move.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-move.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-move.is-2xs:before,
.icon.icon-move.is-xs:before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-move.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-move.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-move.is-md:before,
.icon.icon-move.is-sm:before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-move.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-move.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-move.is-lg:before,
.icon.icon-move.is-xl:before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-move.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-move.is-max:before {
  content: "\e852";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-notification.is-3xs:before,
.icon.icon-notification:before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-notification.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-notification.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-notification.is-2xs:before,
.icon.icon-notification.is-xs:before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-notification.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-notification.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-notification.is-md:before,
.icon.icon-notification.is-sm:before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-notification.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-notification.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-notification.is-lg:before,
.icon.icon-notification.is-xl:before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-notification.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-notification.is-max:before {
  content: "\e821";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-open-book-solid.is-3xs:before,
.icon.icon-open-book-solid:before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-open-book-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-open-book-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-open-book-solid.is-2xs:before,
.icon.icon-open-book-solid.is-xs:before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-open-book-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-open-book-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-open-book-solid.is-md:before,
.icon.icon-open-book-solid.is-sm:before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-open-book-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-open-book-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-open-book-solid.is-lg:before,
.icon.icon-open-book-solid.is-xl:before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-open-book-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-open-book-solid.is-max:before {
  content: "\e853";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-paperclip.is-3xs:before,
.icon.icon-paperclip:before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-paperclip.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-paperclip.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-paperclip.is-2xs:before,
.icon.icon-paperclip.is-xs:before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-paperclip.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-paperclip.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-paperclip.is-md:before,
.icon.icon-paperclip.is-sm:before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-paperclip.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-paperclip.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-paperclip.is-lg:before,
.icon.icon-paperclip.is-xl:before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-paperclip.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-paperclip.is-max:before {
  content: "\e823";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pause.is-3xs:before,
.icon.icon-pause:before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pause.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pause.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pause.is-2xs:before,
.icon.icon-pause.is-xs:before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pause.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pause.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pause.is-md:before,
.icon.icon-pause.is-sm:before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pause.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pause.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pause.is-lg:before,
.icon.icon-pause.is-xl:before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pause.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pause.is-max:before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pause-circle.is-3xs:before,
.icon.icon-pause-circle:before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pause-circle.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pause-circle.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pause-circle.is-2xs:before,
.icon.icon-pause-circle.is-xs:before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pause-circle.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pause-circle.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pause-circle.is-md:before,
.icon.icon-pause-circle.is-sm:before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pause-circle.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pause-circle.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pause-circle.is-lg:before,
.icon.icon-pause-circle.is-xl:before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pause-circle.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pause-circle.is-max:before {
  content: "\e83e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pause-circle-solid.is-3xs:before,
.icon.icon-pause-circle-solid:before {
  content: "\e86d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pause-circle-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pause-circle-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pause-circle-solid.is-2xs:before,
.icon.icon-pause-circle-solid.is-xs:before {
  content: "\e86d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pause-circle-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pause-circle-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pause-circle-solid.is-md:before,
.icon.icon-pause-circle-solid.is-sm:before {
  content: "\e86d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pause-circle-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pause-circle-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pause-circle-solid.is-lg:before,
.icon.icon-pause-circle-solid.is-xl:before {
  content: "\e86d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pause-circle-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pause-circle-solid.is-max:before {
  content: "\e86d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pencil.is-3xs:before,
.icon.icon-pencil:before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pencil.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pencil.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pencil.is-2xs:before,
.icon.icon-pencil.is-xs:before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pencil.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pencil.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pencil.is-md:before,
.icon.icon-pencil.is-sm:before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pencil.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pencil.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pencil.is-lg:before,
.icon.icon-pencil.is-xl:before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pencil.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pencil.is-max:before {
  content: "\e827";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pencil-underline.is-3xs:before,
.icon.icon-pencil-underline:before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pencil-underline.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pencil-underline.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pencil-underline.is-2xs:before,
.icon.icon-pencil-underline.is-xs:before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pencil-underline.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pencil-underline.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pencil-underline.is-md:before,
.icon.icon-pencil-underline.is-sm:before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pencil-underline.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pencil-underline.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pencil-underline.is-lg:before,
.icon.icon-pencil-underline.is-xl:before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pencil-underline.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pencil-underline.is-max:before {
  content: "\e828";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pie-chart.is-3xs:before,
.icon.icon-pie-chart:before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pie-chart.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pie-chart.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pie-chart.is-2xs:before,
.icon.icon-pie-chart.is-xs:before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pie-chart.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pie-chart.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pie-chart.is-md:before,
.icon.icon-pie-chart.is-sm:before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pie-chart.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pie-chart.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pie-chart.is-lg:before,
.icon.icon-pie-chart.is-xl:before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pie-chart.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pie-chart.is-max:before {
  content: "\e829";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pin-solid.is-3xs:before,
.icon.icon-pin-solid:before {
  content: "\e864";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pin-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-pin-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pin-solid.is-2xs:before,
.icon.icon-pin-solid.is-xs:before {
  content: "\e864";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pin-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pin-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pin-solid.is-md:before,
.icon.icon-pin-solid.is-sm:before {
  content: "\e864";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pin-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pin-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pin-solid.is-lg:before,
.icon.icon-pin-solid.is-xl:before {
  content: "\e864";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-pin-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pin-solid.is-max:before {
  content: "\e864";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-play.is-3xs:before,
.icon.icon-play:before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-play.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-play.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-play.is-2xs:before,
.icon.icon-play.is-xs:before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-play.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-play.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-play.is-md:before,
.icon.icon-play.is-sm:before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-play.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-play.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-play.is-lg:before,
.icon.icon-play.is-xl:before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-play.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-play.is-max:before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-play-circle.is-3xs:before,
.icon.icon-play-circle:before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-play-circle.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-play-circle.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-play-circle.is-2xs:before,
.icon.icon-play-circle.is-xs:before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-play-circle.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-play-circle.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-play-circle.is-md:before,
.icon.icon-play-circle.is-sm:before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-play-circle.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-play-circle.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-play-circle.is-lg:before,
.icon.icon-play-circle.is-xl:before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-play-circle.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-play-circle.is-max:before {
  content: "\e82b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-play-circle-solid.is-3xs:before,
.icon.icon-play-circle-solid:before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-play-circle-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-play-circle-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-play-circle-solid.is-2xs:before,
.icon.icon-play-circle-solid.is-xs:before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-play-circle-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-play-circle-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-play-circle-solid.is-md:before,
.icon.icon-play-circle-solid.is-sm:before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-play-circle-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-play-circle-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-play-circle-solid.is-lg:before,
.icon.icon-play-circle-solid.is-xl:before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-play-circle-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-play-circle-solid.is-max:before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-plus.is-3xs:before,
.icon.icon-plus:before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-plus.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-plus.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-plus.is-2xs:before,
.icon.icon-plus.is-xs:before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-plus.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-plus.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-plus.is-md:before,
.icon.icon-plus.is-sm:before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-plus.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-plus.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-plus.is-lg:before,
.icon.icon-plus.is-xl:before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-plus.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-plus.is-max:before {
  content: "\e82d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-plus-circle.is-3xs:before,
.icon.icon-plus-circle:before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-plus-circle.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-plus-circle.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-plus-circle.is-2xs:before,
.icon.icon-plus-circle.is-xs:before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-plus-circle.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-plus-circle.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-plus-circle.is-md:before,
.icon.icon-plus-circle.is-sm:before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-plus-circle.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-plus-circle.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-plus-circle.is-lg:before,
.icon.icon-plus-circle.is-xl:before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-plus-circle.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-plus-circle.is-max:before {
  content: "\e82e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-ppt.is-3xs:before,
.icon.icon-ppt:before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-ppt.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-ppt.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-ppt.is-2xs:before,
.icon.icon-ppt.is-xs:before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-ppt.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-ppt.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-ppt.is-md:before,
.icon.icon-ppt.is-sm:before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-ppt.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-ppt.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-ppt.is-lg:before,
.icon.icon-ppt.is-xl:before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-ppt.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-ppt.is-max:before {
  content: "\e82f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-refresh.is-3xs:before,
.icon.icon-refresh:before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-refresh.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-refresh.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-refresh.is-2xs:before,
.icon.icon-refresh.is-xs:before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-refresh.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-refresh.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-refresh.is-md:before,
.icon.icon-refresh.is-sm:before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-refresh.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-refresh.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-refresh.is-lg:before,
.icon.icon-refresh.is-xl:before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-refresh.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-refresh.is-max:before {
  content: "\e857";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-school-solid.is-3xs:before,
.icon.icon-school-solid:before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-school-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-school-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-school-solid.is-2xs:before,
.icon.icon-school-solid.is-xs:before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-school-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-school-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-school-solid.is-md:before,
.icon.icon-school-solid.is-sm:before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-school-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-school-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-school-solid.is-lg:before,
.icon.icon-school-solid.is-xl:before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-school-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-school-solid.is-max:before {
  content: "\e858";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-search.is-3xs:before,
.icon.icon-search:before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-search.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-search.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-search.is-2xs:before,
.icon.icon-search.is-xs:before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-search.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-search.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-search.is-md:before,
.icon.icon-search.is-sm:before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-search.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-search.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-search.is-lg:before,
.icon.icon-search.is-xl:before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-search.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-search.is-max:before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-security-solid.is-3xs:before,
.icon.icon-security-solid:before {
  content: "\e86e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-security-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-security-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-security-solid.is-2xs:before,
.icon.icon-security-solid.is-xs:before {
  content: "\e86e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-security-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-security-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-security-solid.is-md:before,
.icon.icon-security-solid.is-sm:before {
  content: "\e86e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-security-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-security-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-security-solid.is-lg:before,
.icon.icon-security-solid.is-xl:before {
  content: "\e86e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-security-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-security-solid.is-max:before {
  content: "\e86e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-settings.is-3xs:before,
.icon.icon-settings:before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-settings.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-settings.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-settings.is-2xs:before,
.icon.icon-settings.is-xs:before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-settings.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-settings.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-settings.is-md:before,
.icon.icon-settings.is-sm:before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-settings.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-settings.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-settings.is-lg:before,
.icon.icon-settings.is-xl:before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-settings.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-settings.is-max:before {
  content: "\e831";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-settings-solid.is-3xs:before,
.icon.icon-settings-solid:before {
  content: "\e86f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-settings-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-settings-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-settings-solid.is-2xs:before,
.icon.icon-settings-solid.is-xs:before {
  content: "\e86f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-settings-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-settings-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-settings-solid.is-md:before,
.icon.icon-settings-solid.is-sm:before {
  content: "\e86f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-settings-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-settings-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-settings-solid.is-lg:before,
.icon.icon-settings-solid.is-xl:before {
  content: "\e86f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-settings-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-settings-solid.is-max:before {
  content: "\e86f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-share.is-3xs:before,
.icon.icon-share:before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-share.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-share.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-share.is-2xs:before,
.icon.icon-share.is-xs:before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-share.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-share.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-share.is-md:before,
.icon.icon-share.is-sm:before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-share.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-share.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-share.is-lg:before,
.icon.icon-share.is-xl:before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-share.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-share.is-max:before {
  content: "\e832";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star.is-3xs:before,
.icon.icon-star:before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-star.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-star.is-2xs:before,
.icon.icon-star.is-xs:before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-star.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-star.is-md:before,
.icon.icon-star.is-sm:before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-star.is-lg:before,
.icon.icon-star.is-xl:before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-star.is-max:before {
  content: "\e85a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star-light.is-3xs:before,
.icon.icon-star-light:before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star-light.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-star-light.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-star-light.is-2xs:before,
.icon.icon-star-light.is-xs:before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star-light.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-star-light.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-star-light.is-md:before,
.icon.icon-star-light.is-sm:before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star-light.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star-light.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-star-light.is-lg:before,
.icon.icon-star-light.is-xl:before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star-light.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-star-light.is-max:before {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star-light-solid.is-3xs:before,
.icon.icon-star-light-solid:before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star-light-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-star-light-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-star-light-solid.is-2xs:before,
.icon.icon-star-light-solid.is-xs:before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star-light-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-star-light-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-star-light-solid.is-md:before,
.icon.icon-star-light-solid.is-sm:before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star-light-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star-light-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-star-light-solid.is-lg:before,
.icon.icon-star-light-solid.is-xl:before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star-light-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-star-light-solid.is-max:before {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star-solid.is-3xs:before,
.icon.icon-star-solid:before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-star-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-star-solid.is-2xs:before,
.icon.icon-star-solid.is-xs:before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-star-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-star-solid.is-md:before,
.icon.icon-star-solid.is-sm:before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-star-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-star-solid.is-lg:before,
.icon.icon-star-solid.is-xl:before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-star-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-star-solid.is-max:before {
  content: "\e85d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-thumbs-up.is-3xs:before,
.icon.icon-thumbs-up:before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-thumbs-up.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-thumbs-up.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-thumbs-up.is-2xs:before,
.icon.icon-thumbs-up.is-xs:before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-thumbs-up.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-thumbs-up.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-thumbs-up.is-md:before,
.icon.icon-thumbs-up.is-sm:before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-thumbs-up.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-thumbs-up.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-thumbs-up.is-lg:before,
.icon.icon-thumbs-up.is-xl:before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-thumbs-up.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-thumbs-up.is-max:before {
  content: "\e834";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-thumbs-up-solid.is-3xs:before,
.icon.icon-thumbs-up-solid:before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-thumbs-up-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-thumbs-up-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-thumbs-up-solid.is-2xs:before,
.icon.icon-thumbs-up-solid.is-xs:before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-thumbs-up-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-thumbs-up-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-thumbs-up-solid.is-md:before,
.icon.icon-thumbs-up-solid.is-sm:before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-thumbs-up-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-thumbs-up-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-thumbs-up-solid.is-lg:before,
.icon.icon-thumbs-up-solid.is-xl:before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-thumbs-up-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-thumbs-up-solid.is-max:before {
  content: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-trashcan.is-3xs:before,
.icon.icon-trashcan:before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-trashcan.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-trashcan.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-trashcan.is-2xs:before,
.icon.icon-trashcan.is-xs:before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-trashcan.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-trashcan.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-trashcan.is-md:before,
.icon.icon-trashcan.is-sm:before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-trashcan.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-trashcan.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-trashcan.is-lg:before,
.icon.icon-trashcan.is-xl:before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-trashcan.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-trashcan.is-max:before {
  content: "\e835";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-upload.is-3xs:before,
.icon.icon-upload:before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-upload.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-upload.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-upload.is-2xs:before,
.icon.icon-upload.is-xs:before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-upload.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-upload.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-upload.is-md:before,
.icon.icon-upload.is-sm:before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-upload.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-upload.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-upload.is-lg:before,
.icon.icon-upload.is-xl:before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-upload.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-upload.is-max:before {
  content: "\e836";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-user.is-3xs:before,
.icon.icon-user:before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-user.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-user.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-user.is-2xs:before,
.icon.icon-user.is-xs:before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-user.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-user.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-user.is-md:before,
.icon.icon-user.is-sm:before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-user.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-user.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-user.is-lg:before,
.icon.icon-user.is-xl:before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-user.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-user.is-max:before {
  content: "\e85f";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-user-solid.is-3xs:before,
.icon.icon-user-solid:before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-user-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-user-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-user-solid.is-2xs:before,
.icon.icon-user-solid.is-xs:before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-user-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-user-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-user-solid.is-md:before,
.icon.icon-user-solid.is-sm:before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-user-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-user-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-user-solid.is-lg:before,
.icon.icon-user-solid.is-xl:before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-user-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-user-solid.is-max:before {
  content: "\e860";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-view-grid.is-3xs:before,
.icon.icon-view-grid:before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-view-grid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-view-grid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-view-grid.is-2xs:before,
.icon.icon-view-grid.is-xs:before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-view-grid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-view-grid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-view-grid.is-md:before,
.icon.icon-view-grid.is-sm:before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-view-grid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-view-grid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-view-grid.is-lg:before,
.icon.icon-view-grid.is-xl:before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-view-grid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-view-grid.is-max:before {
  content: "\e861";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-view-list.is-3xs:before,
.icon.icon-view-list:before {
  content: "\e862";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-view-list.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-view-list.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-view-list.is-2xs:before,
.icon.icon-view-list.is-xs:before {
  content: "\e862";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-view-list.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-view-list.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-view-list.is-md:before,
.icon.icon-view-list.is-sm:before {
  content: "\e862";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-view-list.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-view-list.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-view-list.is-lg:before,
.icon.icon-view-list.is-xl:before {
  content: "\e862";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-view-list.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-view-list.is-max:before {
  content: "\e862";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-visibility-off.is-3xs:before,
.icon.icon-visibility-off:before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-visibility-off.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-visibility-off.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-visibility-off.is-2xs:before,
.icon.icon-visibility-off.is-xs:before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-visibility-off.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-visibility-off.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-visibility-off.is-md:before,
.icon.icon-visibility-off.is-sm:before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-visibility-off.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-visibility-off.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-visibility-off.is-lg:before,
.icon.icon-visibility-off.is-xl:before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-visibility-off.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-visibility-off.is-max:before {
  content: "\e838";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-visibility-on.is-3xs:before,
.icon.icon-visibility-on:before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-visibility-on.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-visibility-on.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-visibility-on.is-2xs:before,
.icon.icon-visibility-on.is-xs:before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-visibility-on.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-visibility-on.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-visibility-on.is-md:before,
.icon.icon-visibility-on.is-sm:before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-visibility-on.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-visibility-on.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-visibility-on.is-lg:before,
.icon.icon-visibility-on.is-xl:before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-visibility-on.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-visibility-on.is-max:before {
  content: "\e839";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-visibility-on-solid.is-3xs:before,
.icon.icon-visibility-on-solid:before {
  content: "\e863";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-visibility-on-solid.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-visibility-on-solid.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-visibility-on-solid.is-2xs:before,
.icon.icon-visibility-on-solid.is-xs:before {
  content: "\e863";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-visibility-on-solid.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-visibility-on-solid.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-visibility-on-solid.is-md:before,
.icon.icon-visibility-on-solid.is-sm:before {
  content: "\e863";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-visibility-on-solid.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-visibility-on-solid.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-visibility-on-solid.is-lg:before,
.icon.icon-visibility-on-solid.is-xl:before {
  content: "\e863";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-visibility-on-solid.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-visibility-on-solid.is-max:before {
  content: "\e863";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-word.is-3xs:before,
.icon.icon-word:before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-word.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-word.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-word.is-2xs:before,
.icon.icon-word.is-xs:before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-word.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-word.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-word.is-md:before,
.icon.icon-word.is-sm:before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-word.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-word.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-word.is-lg:before,
.icon.icon-word.is-xl:before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-word.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-word.is-max:before {
  content: "\e83a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-x.is-3xs:before,
.icon.icon-x:before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-x.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-x.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-x.is-2xs:before,
.icon.icon-x.is-xs:before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-x.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-x.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-x.is-md:before,
.icon.icon-x.is-sm:before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-x.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-x.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-x.is-lg:before,
.icon.icon-x.is-xl:before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-x.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-x.is-max:before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-x-lg.is-3xs:before,
.icon.icon-x-lg:before {
  content: "\e86b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-x-lg.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-x-lg.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-x-lg.is-2xs:before,
.icon.icon-x-lg.is-xs:before {
  content: "\e86b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-x-lg.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-x-lg.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-x-lg.is-md:before,
.icon.icon-x-lg.is-sm:before {
  content: "\e86b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-x-lg.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-x-lg.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-x-lg.is-lg:before,
.icon.icon-x-lg.is-xl:before {
  content: "\e86b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-x-lg.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-x-lg.is-max:before {
  content: "\e86b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-zoom-in.is-3xs:before,
.icon.icon-zoom-in:before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-zoom-in.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-zoom-in.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-zoom-in.is-2xs:before,
.icon.icon-zoom-in.is-xs:before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-zoom-in.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-zoom-in.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-zoom-in.is-md:before,
.icon.icon-zoom-in.is-sm:before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-zoom-in.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-zoom-in.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-zoom-in.is-lg:before,
.icon.icon-zoom-in.is-xl:before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-zoom-in.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-zoom-in.is-max:before {
  content: "\e83c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-zoom-out.is-3xs:before,
.icon.icon-zoom-out:before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-zoom-out.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.icon-zoom-out.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-zoom-out.is-2xs:before,
.icon.icon-zoom-out.is-xs:before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-zoom-out.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-zoom-out.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-zoom-out.is-md:before,
.icon.icon-zoom-out.is-sm:before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-zoom-out.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-zoom-out.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-zoom-out.is-lg:before,
.icon.icon-zoom-out.is-xl:before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-zoom-out.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-zoom-out.is-max:before {
  content: "\e83d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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;
  }
}
::-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-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0.125rem;
}
body {
  background-color: var(--bbc-color-layer-floor-0);
  color: var(--bbc-color-text-natural-0);
}
body.js-loading-cover,
body.js-modal-open,
html.js-loading-cover {
  overflow: hidden;
}
.dev-panel {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  width: 380px;
  height: 100vh;
  box-shadow: -2px 0 15px rgba(0, 0, 0, 0.1);
  background-color: #f9fafb;
  transform: translateX(100%);
  transition:
    transform 0.3s ease-in-out,
    opacity 0.3s ease-in-out 0.3s;
  opacity: 0;
}
.dev-panel.open {
  transform: translateX(0);
  transition:
    transform 0.3s ease-in-out,
    opacity 0.3s ease-in-out;
  opacity: 1;
}
.dev-panel a {
  font-size: 14px;
}
.dev-panel .panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background-color: #1e293b;
  color: #fff;
}
.dev-panel .panel-header h2 {
  margin: 0;
  font-size: 18px;
}
.dev-panel .panel-header .close-btn {
  border: none;
  background: none;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
}
.dev-panel .panel-header .close-btn:hover {
  color: #ff6b6b;
}
.dev-panel .panel-content {
  overflow-y: auto;
  padding: 16px;
  -webkit-overflow-scrolling: touch;
}
.dev-panel .panel-content .tree {
  margin: 0;
  padding: 0;
  list-style: none;
}
.dev-panel .panel-content .tree > li {
  border-bottom: 1px solid #eee;
}
.dev-panel .panel-content .tree li {
  padding: 8px 12px;
  border-radius: 4px;
  transition: background-color 0.3s;
  cursor: pointer;
}
.dev-panel .panel-content .tree li.item {
  display: flex;
  gap: 6px;
}
.dev-panel .panel-content .tree li.item.active,
.dev-panel .panel-content .tree li.item:hover {
  background-color: #e0f2fe;
  color: #2563eb;
  font-weight: 700;
}
.dev-panel .panel-content .tree li.item:hover button {
  font-weight: 700;
}
.dev-panel .panel-content .tree li.item a,
.dev-panel .panel-content .tree li.item button {
  width: 100%;
  text-align: left;
  cursor: pointer;
  word-break: break-all;
}
.dev-panel .panel-content .tree li.item-folder {
  padding: 0;
}
.dev-panel .panel-content .tree li .toggle-dir {
  padding: 8px 12px;
  text-align: left;
}
.dev-panel .panel-content .tree li .toggle-dir:hover {
  background-color: #e0f2fe;
  color: #2563eb;
  font-weight: 700;
}
.dev-panel .panel-content .tree li .toggle-dir[aria-expanded="true"] {
  font-weight: 700;
  text-decoration: underline;
}
.dev-panel .panel-content .tree li .toggle-folder {
  padding: 6px 0;
}
.dev-panel .panel-content .tree li.folder.no-data {
  display: none;
}
.dev-panel .panel-content .tree li.folder > button {
  display: flex;
  align-items: center;
  width: 100%;
  border: none;
  background: none;
  color: #374151;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}
.dev-panel .panel-content .tree li.folder > button span {
  margin-right: 8px;
}
.dev-panel .panel-content .tree li.folder > button:hover {
  color: #2563eb;
}
.dev-panel .panel-content .tree li.folder > button:after {
  content: "▼";
  margin-left: auto;
  transform: rotate(0deg);
  transition: transform 0.3s;
}
.dev-panel .panel-content .tree li.folder > button[aria-expanded="false"]:after {
  transform: rotate(-90deg);
}
.dev-panel .panel-content .tree li.folder ~ ul {
  padding-left: 20px;
}
.dev-panel .panel-content .tree li.folder ul {
  margin: 0;
  padding-left: 10px;
  list-style: none;
}
.dev-panel .panel-content .tree li.folder ul[hidden] {
  display: none;
}
.dev-panel .panel-content .tree li:hover {
  background-color: #f3f4f6;
}
.dev-toggle {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 9999;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: #1e293b;
  color: #fff;
  font-size: 14px;
  transition:
    background-color 0.3s ease-in-out,
    transform 0.3s ease-in-out;
  cursor: pointer;
}
.dev-toggle.open,
.dev-toggle:hover {
  background-color: #2563eb;
}
.dev-toggle.open {
  display: none;
  color: #fff;
  font-weight: 700;
}
@charset "UTF-8";
/*! ============================================================================
 * Hover Tokens & Presets
 * - 전역 토큰과 효과/레벨 프리셋을 변수로 분리
 * - 믹스인(abstracts/mixins/_hover.scss)에서 vars.$hover-*으로 사용
 * ========================================================================== */
/*! ============================================================================
 * Hover / Focus — level + from/to + per-level transitions
 * - hover(): hover/active 전용 (정지상태 from → 인터랙션 to)
 * - focus-hover(): focus-visible + hover
 * - effect: null | scale | shadow | scale-shadow | press | elevate
 * - level: 1~3 (기본 2)
 * - per-level transition overrides: duration-transform | duration-color | duration-shadow | easing
 * - guard-disabled: 기본 true. 문자열/리스트를 넘기면 기본 가드에 추가 결합.
 * - 접근성: @include a11y-reduce-motion-off() / a11y-reduce-motion-off-within($scope)
 * ========================================================================== */
.icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  line-height: 1;
}
.icon,
.icon:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon:before {
  position: relative;
  background-position: 50%;
  background-size: 1.5rem;
  background-size: cover;
  background-repeat: no-repeat;
}
.icon.icon-chevron-right:after,
.icon.icon-chevron-right:before {
  right: -5%;
}
.icon.icon-chevron-left:after,
.icon.icon-chevron-left:before {
  left: -5%;
}
.icon.is-3xs,
.icon.is-3xs:before {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.icon.is-3xs:before {
  background-size: 0.875rem;
}
.icon.is-2xs,
.icon.is-2xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.is-2xs:before {
  background-size: 1rem;
}
.icon.is-xs,
.icon.is-xs:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.is-xs:before {
  background-size: 1.125rem;
}
.icon.is-sm,
.icon.is-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.is-sm:before {
  background-size: 1.25rem;
}
.icon.is-md,
.icon.is-md:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.is-md:before {
  background-size: 1.5rem;
}
.icon.is-lg,
.icon.is-lg:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.is-lg:before {
  background-size: 2rem;
}
.icon.is-xl,
.icon.is-xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.is-xl:before {
  background-size: 2.25rem;
}
.icon.is-max,
.icon.is-max:before {
  width: 6.25rem;
  height: 6.25rem;
  font-size: 6.25rem;
}
.icon.is-max:before {
  background-size: 6.25rem;
}
[data-page-layout="web"] {
  --bbc-layout-max-width: 1920px;
  --bbc-ref-w: 1920px;
  --bbc-ref-h: 720;
  --bbc-fs-base: 16;
  --bbc-fs-min: 10px;
  --bbc-fs-max: calc(var(--bbc-fs-base) * var(--bbc-layout-max-width) / var(--bbc-ref-w));
  --bbc-header-h: 60px;
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  font-size: 16px;
  scrollbar-gutter: stable;
}
[data-page-layout="web"] body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
[data-page-layout="web"] body :focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
[data-page-layout="web"] .wrap {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  color: var(--bbc-color-text-natural-0);
}
[data-page-layout="web"] .wrap .container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding-top: 5.625rem;
  transition: padding-right 0.3s;
}
@media (max-width: 1366px) {
  [data-page-layout="web"] .wrap .container {
    padding-top: 4.375rem;
  }
}
[data-page-layout="web"] .wrap .container .page {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
  transition: padding-top 0.2s;
}
[data-page-layout="web"] [data-page-type="main"] .page {
  padding-bottom: 6.25rem;
}
[data-page-layout="web"] [data-page-type="sub"] .page {
  padding-top: 2.5rem;
  padding-bottom: 6.25rem;
}
@media (max-width: 767px) {
  [data-page-layout="web"] [data-page-type="sub"] .page {
    padding-top: 1.5rem;
    padding-bottom: 3.75rem;
  }
}
[data-page-layout="web"] [data-page-type="sub"] .page .page-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem !important;
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1366px) {
  [data-page-layout="web"] [data-page-type="sub"] .page .page-head {
    max-width: 1310px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  [data-page-layout="web"] [data-page-type="sub"] .page .page-head {
    max-width: 1286px;
    padding-right: 18px;
    padding-left: 18px;
  }
}
[data-page-layout="web"] [data-page-type="sub"] .page .page-head-left {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
[data-page-layout="web"] [data-page-type="sub"] .page .page-head-right {
  display: flex;
  gap: 0.5rem;
  margin-left: auto;
}
[data-page-layout="web"] [data-page-type="sub"] .page .page-head-bottom {
  width: 100%;
}
[data-page-layout="web"] [data-page-type="sub"] .page .page-head .page-head-title {
  font: var(--bbc-typo-h2-700);
}
[data-page-layout="web"] [data-page-type="sub"] .page .page-head .page-head-desc {
  font: var(--bbc-typo-b2-400);
}
[data-page-layout="web"] [data-page-type="sub"] .page .page-content {
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 1366px) {
  [data-page-layout="web"] [data-page-type="sub"] .page .page-content {
    max-width: 1310px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  [data-page-layout="web"] [data-page-type="sub"] .page .page-content {
    max-width: 1286px;
    padding-right: 18px;
    padding-left: 18px;
  }
}
[data-page-layout="web"] [data-page-type="sub"] .page .page-bottom {
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 2rem;
}
@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="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;
  }
}
[data-page-layout="web"] .header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 5.625rem;
  padding: 0.75rem 3.75rem;
  border-bottom: 0.0625rem solid var(--bbc-color-fill-natural-3-a40);
  transition: 0.2s;
}
@media (max-width: 1366px) {
  [data-page-layout="web"] .header {
    height: 4.375rem;
    padding: 0.75rem 1rem;
  }
}
[data-page-layout="web"] .header.is-fill {
  background-color: var(--bbc-color-fill-natural-3);
}
@media (max-width: 1024px) {
  [data-page-layout="web"] .header.is-fill .logo {
    margin-right: auto;
    margin-left: 0.5rem;
  }
  [data-page-layout="web"] .header.is-fill .mega-menu-toggle,
  [data-page-layout="web"] .header.is-fill .select.is-language {
    display: none;
  }
  [data-page-layout="web"] .header.is-fill .mobile-menu-button {
    display: flex;
  }
}
[data-page-layout="web"] .header.is-fill .header-utility {
  gap: 0.625rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .select.is-language .custom-select {
  min-width: 8.125rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
}
[data-page-layout="web"] .header.is-fill .header-utility .zoom-button {
  border: 1px solid var(--bbc-color-stroke-natural-0);
  background: var(--bbc-color-fill-natural-3);
}
[data-page-layout="web"][data-env~="hover:hover"] .header.is-fill .header-utility .zoom-button button:hover:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-page-layout="web"][data-env~="hover:hoverless"]
  .header.is-fill
  .header-utility
  .zoom-button
  button:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-page-layout="web"][data-env~="hover:mixed"] .header.is-fill .header-utility .zoom-button button:active:not(:disabled):not(:active):not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  background: var(--bbc-color-fill-natural-1);
}
[data-page-layout="web"] .header.is-fill .header-utility .zoom-button button:disabled {
  background: var(--bbc-color-fill-disable-1);
  opacity: 1;
}
[data-page-layout="web"] .header.is-fill .header-utility .zoom-button button:disabled .icon {
  color: var(--bbc-color-icon-disable-1);
}
[data-page-layout="web"] .header.is-fill .header-utility .zoom-button button:active {
  background: var(--bbc-color-fill-natural-2);
}
[data-page-layout="web"] .header.is-fill .header-utility .zoom-button .percent {
  border-radius: var(--bbc-border-radius-4);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel {
  position: fixed;
  display: none;
  flex-direction: column;
  width: 20rem;
  min-height: 37.5rem;
  max-height: 37.5rem;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.1));
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel:before {
  content: "";
  position: absolute;
  top: -0.75rem;
  left: 50%;
  z-index: 0;
  display: block;
  width: 0;
  border-left: 0.5rem solid transparent;
  border-bottom: 0.75rem solid var(--bbc-color-stroke-natural-0);
  border-right: 0.5rem solid transparent;
  border-top: 0 solid var(--bbc-color-stroke-natural-0);
  transform: translateX(-50%);
}
@media (max-width: 1366px) {
  [data-page-layout="web"] .header.is-fill .header-utility .utility-panel:before {
    display: none;
  }
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  z-index: 1;
  display: block;
  width: 0;
  border-left: 0.5rem solid transparent;
  border-bottom: 0.75rem solid var(--bbc-color-fill-natural-0);
  border-right: 0.5rem solid transparent;
  border-top: 0 solid var(--bbc-color-fill-natural-0);
  transform: translateX(-50%);
}
@media (max-width: 1366px) {
  [data-page-layout="web"] .header.is-fill .header-utility .utility-panel:after {
    display: none;
  }
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-active {
  display: flex;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm {
  width: 14.375rem;
  min-height: 0;
  max-height: none;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-head {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-head .utility-header-left {
  display: flex;
  flex-direction: column;
  width: 9rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-head .utility-header-left .name {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-400);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-head .utility-header-left .name strong {
  display: inline-block;
  margin-right: 0.25rem;
  font: var(--bbc-typo-b2-600);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-head .utility-header-left .account {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l3-400);
  word-break: break-all;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container:has(.profile-list) {
  padding: 0 0.625rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list {
  padding-top: 1.375rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li {
  padding: 0.5rem 0;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li:first-child {
  padding: 0 0 0.5rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li a .status-icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li a .status-icon .badge.is-dot {
  position: absolute;
  top: 0.1875rem;
  right: 0.1875rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li a i {
  color: var(--bbc-color-icon-natural-0);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .profile-list li a span {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-500);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .utility-panel-desc {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .utility-panel-desc a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .utility-panel-desc a i {
  color: var(--bbc-color-icon-natural-0);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel.is-sm .utility-panel-body .utility-panel-container .utility-panel-desc a span {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-500);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-head {
  padding: 1.125rem 1.375rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.625rem 0.625rem 0 0;
  background-color: var(--bbc-color-fill-natural-0);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-head .title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-600);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-head .desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l3-400);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body {
  flex: 1 1 auto;
  overflow: hidden;
  padding: 0 0.625rem 1.375rem;
  border-right: 1px solid var(--bbc-color-stroke-natural-0);
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
  border-left: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0 0 1.25rem 1.25rem;
  background-color: var(--bbc-color-fill-natural-3);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body:has(.notification-list) {
  padding-top: 1.375rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 0 0 0.625rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  margin-top: 0.25rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li:first-child a .item {
  padding-top: 0;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li:last-child a .item {
  border-bottom: 0;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a {
  display: block;
  width: 100%;
  height: 100%;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item {
  display: flex;
  flex-direction: column;
  padding: 1.125rem 0;
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item.is-read .is-dot:after {
  background-color: var(--bbc-color-icon-disable-1);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item.is-read .item-body .desc,
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item.is-read .item-body .title,
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item.is-read .item-head-left .summary {
  color: var(--bbc-color-text-disable-0);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-head {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-head-left {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-head-left .summary {
  flex: 1;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-700);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-head-right .date {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l2-500);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-body {
  display: flex;
  flex-direction: column;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-body .title {
  flex: 1;
  display: inline-block;
  margin-bottom: 0.125rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-500);
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .notification-list li a .item-body .desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l2-500);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
[data-page-layout="web"] .header.is-fill .header-utility .utility-panel .utility-panel-body .utility-panel-container .utility-panel-desc {
  padding-top: 1rem;
  border-top: 1px solid var(--bbc-color-stroke-natural-0);
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
  text-align: center;
}
[data-page-layout="web"] .header.is-fill .header-utility .profile-button {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-left: 0.625rem;
}
@media (max-width: 1024px) {
  [data-page-layout="web"] .header.is-fill .header-utility .profile-button {
    gap: 0.5rem;
    margin: 0;
    border-radius: var(--bbc-border-radius-max);
  }
}
[data-page-layout="web"] .header.is-fill .header-utility .profile-button .name {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-400);
}
@media (max-width: 1024px) {
  [data-page-layout="web"] .header.is-fill .header-utility .profile-button .name {
    display: none;
  }
}
[data-page-layout="web"] .header.is-fill .header-utility .profile-button .name strong {
  display: inline-block;
  margin-right: 0.25rem;
  font: var(--bbc-typo-b2-600);
}
[data-page-layout="web"] .header.is-fixed {
  position: fixed;
  background-color: var(--bbc-color-fill-natural-3-a70);
  backdrop-filter: blur(10px);
}
[data-page-layout="web"] .header.is-hidden {
  transform: translateY(-100%);
}
[data-page-layout="web"] .header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 112.5rem;
  height: 100%;
  margin: 0 auto;
}
[data-page-layout="web"] .header-container .logo {
  width: 11.5rem;
  height: 3.125rem;
}
@media (max-width: 1366px) {
  [data-page-layout="web"] .header-container .logo {
    width: 8.0625rem;
    height: 2.1875rem;
  }
}
[data-page-layout="web"] .header-container .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
[data-page-layout="web"] .header-container .select.is-language .custom-select {
  min-width: 8.125rem;
  background-color: var(--bbc-color-fill-natural-3-a40);
}
[data-page-layout="web"] .header-container .zoom-button {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  height: 2.75rem;
  padding: 0.3125rem 0.5rem;
  border-radius: 0.5rem;
  background: var(--bbc-color-fill-natural-3-a40);
}
[data-page-layout="web"] .header-container .zoom-button button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1875rem;
  border-radius: var(--bbc-border-radius-max);
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s;
}
[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"]),
[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"]),
[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"]) {
  background: var(--bbc-color-fill-natural-3-a40);
}
[data-page-layout="web"] .header-container .zoom-button button:active {
  background: var(--bbc-color-fill-natural-3-a70);
}
[data-page-layout="web"] .header-container .zoom-button button:disabled {
  background: var(--bbc-color-fill-natural-3-a40);
  opacity: 0.3;
}
[data-page-layout="web"] .header-container .zoom-button button .icon {
  color: var(--bbc-color-icon-natural-2);
}
[data-page-layout="web"] .header-container .zoom-button .percent {
  min-width: 2.6875rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-btn3-500);
  text-align: center;
}
[data-page-layout="web"] .header-container .header-utility {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 767px) {
  [data-page-layout="web"] .header-container .header-utility .zoom-button {
    display: none;
  }
}
[data-page-layout="web"] .header .mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  flex-direction: column;
  width: 100%;
  min-height: 40.3125rem;
  border-radius: 0 0 1.875rem 1.875rem;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--bbc-color-fill-accent-0);
  background-image: url(/assets/images/common/mega_bg.svg);
  background-position: calc(100% - 3.75rem) calc(100% - 8.8125rem);
  background-size: 17.125rem;
  background-repeat: no-repeat;
}
[data-page-layout="web"] .header .mega-menu.is-open {
  display: flex;
}
[data-page-layout="web"] .header .mega-menu-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-right: calc(50% - 32.5rem);
  padding-bottom: 0.625rem;
  padding-left: calc(50% - 32.5rem);
  background: linear-gradient(var(--bbc-color-fill-natural-0) 4.375rem, transparent 0 100%);
}
[data-page-layout="web"] .header .mega-menu-panel {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
}
[data-page-layout="web"] .header .mega-menu-body {
  flex: 1;
  display: flex;
}
[data-page-layout="web"] .header .mega-menu-toggle {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
  transform: translateX(-50%);
}
[data-page-layout="web"] .header .mega-menu-toggle .icon {
  color: var(--bbc-color-icon-natural-2);
}
[data-page-layout="web"] .header .mega-menu-toggle .toggle-label {
  color: var(--bbc-color-text-natural-0);
  font-family: var(--bbc-font-family);
  font-size: 1.375rem;
  font-weight: var(--bbc-font-weight-700);
}
[data-page-layout="web"] .header .mega-menu .gnb {
  flex: 1;
  display: flex;
  align-items: flex-start;
}
[data-page-layout="web"] .header .mega-menu .gnb-section {
  position: relative;
  width: 25%;
  height: 100%;
}
[data-page-layout="web"] .header .mega-menu .gnb-section:after {
  content: "";
  position: absolute;
  top: 4.375rem;
  right: -0.0625rem;
  width: 1px;
  height: calc(100% - 70px);
  background-color: var(--bbc-color-stroke-natural-0);
}
[data-page-layout="web"] .header .mega-menu .gnb-section:hover h2 {
  color: var(--bbc-color-text-brand-primary);
}
[data-page-layout="web"] .header .mega-menu .gnb-section h2 {
  padding: 1.25rem 1.875rem;
  background-color: var(--bbc-color-fill-natural-0);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b1-700);
  text-align: center;
}
[data-page-layout="web"] .header .mega-menu .gnb-item-list {
  padding-top: 0.625rem;
}
[data-page-layout="web"] .header .mega-menu .gnb-item-list .accordion-head .accordion-trigger {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.625rem 1.25rem;
}
[data-page-layout="web"] .header .mega-menu .gnb-item-list .accordion-head .accordion-trigger:hover .title {
  color: var(--bbc-color-text-brand-primary);
  font-weight: var(--bbc-font-weight-700);
}
[data-page-layout="web"] .header .mega-menu .gnb-item-list .accordion-head .accordion-trigger .title {
  flex: 1;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-500);
}
[data-page-layout="web"] .header .mega-menu .gnb-item-list .accordion-body li:hover a,
[data-page-layout="web"] .header .mega-menu .gnb-item-list .accordion-body li:hover a:before {
  color: var(--bbc-color-text-brand-primary);
}
[data-page-layout="web"] .header .mega-menu .gnb-item-list .accordion-body li a {
  display: inline-block;
  width: 100%;
  height: 2.0625rem;
  padding: 0 1.25rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
  line-height: 2.0625rem;
}
[data-page-layout="web"] .header .mega-menu .gnb-item-list .accordion-body li a:before {
  content: "-";
  display: inline-block;
  margin-right: 0.375rem;
  color: var(--bbc-color-stroke-natural-1);
}
[data-page-layout="web"] .header .mega-menu .gnb-item-list .gnb-item {
  display: flex;
  align-items: center;
}
[data-page-layout="web"] .header .mega-menu .gnb-item-list .gnb-item:hover a {
  color: var(--bbc-color-text-brand-primary);
  font-weight: var(--bbc-font-weight-700);
}
[data-page-layout="web"] .header .mega-menu .gnb-item-list .gnb-item a {
  display: inline-block;
  width: 100%;
  padding: 0.625rem 1.25rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-500);
}
[data-page-layout="web"] .header .mobile-menu-button {
  display: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
}
[data-page-layout="web"] [data-page-type="sub"] .header {
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
.notification-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.5rem;
  background-color: var(--bbc-color-fill-natural-3);
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s;
}
.notification-button:hover {
  background-color: var(--bbc-color-fill-natural-1);
}
.notification-button:active {
  background-color: var(--bbc-color-fill-natural-2);
}
.notification-button:disabled {
  border: 1px solid var(--bbc-color-stroke-disable-0);
  background-color: var(--bbc-color-fill-disable-1);
}
.notification-button:disabled .icon {
  color: var(--bbc-color-icon-disable-0);
}
@media (max-width: 1024px) {
  .notification-button {
    border-radius: var(--bbc-border-radius-max);
  }
}
.notification-button .icon {
  color: var(--bbc-color-icon-natural-2);
}
.notification-button .badge.is-dot {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}
.content {
  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 {
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
  font: var(--bbc-typo-b3-400);
}
.footer .utility {
  padding: 1rem 0;
  border-bottom: 0.0625rem solid var(--bbc-color-stroke-natural-0);
}
@media (max-width: 767px) {
  .footer .utility {
    position: relative;
    padding: 1.375rem 0 0.9375rem;
    border-bottom: 0;
  }
  .footer .utility:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: calc(100% - 36px);
    height: 1px;
    background-color: var(--bbc-color-stroke-natural-0);
    transform: translateX(-50%);
  }
}
.footer .utility-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 2.5rem;
}
@media (max-width: 1366px) {
  .footer .utility-list {
    gap: 0.25rem 1rem;
    max-width: 100%;
  }
}
.footer .utility-list a {
  display: inline-block;
  color: var(--bbc-color-text-natural-0);
}
.footer .utility-list a.privacy {
  color: var(--bbc-color-text-brand-primary);
  font-weight: var(--bbc-font-weight-700);
}
.footer-container {
  margin: auto;
  padding-top: 2.5rem;
}
@media (max-width: 1366px) {
  .footer-container {
    padding-top: 1.5625rem;
  }
}
@media (max-width: 767px) {
  .footer-container {
    padding-top: 0.9375rem;
  }
}
.footer-container .info-area .logo {
  width: 10rem;
}
@media (max-width: 767px) {
  .footer-container .info-area .logo {
    width: 9.1875rem;
  }
}
.footer-container .info-area .info {
  padding: 2.5rem 0;
}
@media (max-width: 1366px) {
  .footer-container .info-area .info {
    padding: 1.25rem 0 1.5625rem;
  }
}
@media (max-width: 767px) {
  .footer-container .info-area .info {
    padding: 0.625rem 0 0.9375rem;
  }
}
.footer-container .info-area .info .address {
  margin-bottom: 1rem;
  color: var(--bbc-color-text-natural-1);
}
.footer-container .info-area .info .desc {
  display: flex;
  color: var(--bbc-color-text-natural-1);
}
@media (max-width: 1366px) {
  .footer-container .info-area .info .desc {
    flex-direction: column;
    gap: 0.9375rem;
  }
}
.footer-container .info-area .info .desc .contact {
  flex: 1;
}
.footer-container .info-area .info .desc .contact dl {
  display: flex;
  gap: 0.5rem;
}
@media (max-width: 1366px) {
  .footer-container .info-area .info .desc .contact dl {
    flex-direction: column;
    gap: 0.25rem;
  }
  .footer-container .info-area .info .desc .contact dl:first-child {
    margin-bottom: 0.9375rem;
  }
}
.footer-container .info-area .info .desc .contact dl dt {
  color: var(--bbc-color-text-natural-0);
  font-weight: var(--bbc-font-weight-700);
}
.footer-container .info-area .info .desc .contact dl dd ul {
  display: inline-flex;
  flex-wrap: wrap;
  column-gap: 1rem;
}
.footer-container .info-area .info .desc .contact dl dd ul li {
  position: relative;
  color: var(--bbc-color-text-natural-0);
}
.footer-container .info-area .info .desc .contact dl dd ul li:not(:last-child):before {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.5rem;
  display: block;
  width: 0.0625rem;
  height: 0.75rem;
  background-color: var(--bbc-color-stroke-natural-1);
  transform: translateY(-50%);
}
.footer-container .info-area .info .desc .link-icon-list {
  display: flex;
  gap: 0.5rem;
}
.footer-container .info-area .info .desc .link-icon-list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--bbc-border-radius-max);
  color: var(--bbc-color-icon-natural-3);
}
@media (max-width: 767px) {
  .footer-container .info-area .info .desc .link-icon-list li a {
    width: 2rem;
    height: 2rem;
  }
}
.footer-container .info-area .info .desc .link-icon-list li a.doc-hwp {
  background-color: var(--bbc-color-etc-doc-hwp);
}
.footer-container .info-area .info .desc .link-icon-list li a.doc-acrobat {
  background-color: var(--bbc-color-etc-doc-acrobat);
}
.footer-container .info-area .info .desc .link-icon-list li a.doc-excel {
  background-color: var(--bbc-color-etc-doc-excel);
}
.footer-container .info-area .info .desc .link-icon-list li a.doc-ppt {
  background-color: var(--bbc-color-etc-doc-ppt);
}
.footer-container .info-area .info .desc .link-icon-list li a.doc-word {
  background-color: var(--bbc-color-etc-doc-word);
}
.footer-container .info-area .copyright {
  padding: 1rem 0 1.5rem;
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  color: var(--bbc-color-text-natural-1);
}
@media (max-width: 1366px) {
  .footer-container .info-area .copyright {
    padding: 1rem 0 1.375rem;
  }
}
.snb {
  position: fixed;
  top: 8.125rem;
  left: max(0, (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: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: var(--bbc-color-fill-natural-3);
}
@media (width <= 1680px) {
  .snb {
    display: none;
  }
}
.snb-head {
  display: flex;
  align-items: center;
  width: 100%;
  height: 2.625rem;
  padding: 0 1rem;
  background-color: var(--bbc-color-fill-natural-5);
}
.snb-head .snb-title {
  color: var(--bbc-color-text-natural-2);
  font: var(--bbc-typo-b4-700);
}
.snb-body {
  padding: 0.5rem 0.75rem;
  background-color: var(--bbc-color-fill-natural-3);
}
.snb-body .snb-menu-item {
  display: flex;
  width: 100%;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-700);
}
.snb-body .snb-menu-item:hover > a {
  text-decoration: underline;
}
.snb-body .snb-menu-item:not(:last-child) {
  border-bottom: 0.0625rem dashed var(--bbc-color-stroke-natural-0);
}
.snb-body .snb-menu-item.is-active {
  color: var(--bbc-color-text-brand-primary);
}
.snb-body .snb-menu-item.accordion {
  display: flex;
  flex-direction: column;
}
.snb-body .snb-menu-item.accordion.is-active .accordion-head .accordion-trigger .icon,
.snb-body .snb-menu-item.accordion.is-active .accordion-head .accordion-trigger .title {
  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 {
  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;
}
.icon-ext-jpg:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_jpg.svg);
}
.icon-ext-jpeg:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_jpeg.svg);
}
.icon-ext-png:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_png.svg);
}
.icon-ext-gif:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_gif.svg);
}
.icon-ext-svg:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_svg.svg);
}
.icon-ext-doc:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_doc.svg);
}
.icon-ext-docx:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_docx.svg);
}
.icon-ext-hwp:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_hwp.svg);
}
.icon-ext-pdf:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_pdf.svg);
}
.icon-ext-txt:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_txt.svg);
}
.icon-ext-xls:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_xls.svg);
}
.icon-ext-xlsx:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_xlsx.svg);
}
.icon-ext-csv:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_csv.svg);
}
.icon-ext-ppt:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_ppt.svg);
}
.icon-ext-pptx:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_pptx.svg);
}
.icon-ext-zip:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_zip.svg);
}
.icon-ext-mp3:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_mp3.svg);
}
.icon-ext-mp4:before {
  content: "";
  background-image: url(../images/common/icon/icon_ext_mp4.svg);
}
.icon-ranking-gold:before {
  content: "";
  background-image: url(../images/main/icon/icon_ranking_gold.svg);
}
.icon-ranking-silver:before {
  content: "";
  background-image: url(../images/main/icon/icon_ranking_silver.svg);
}
.icon-ranking-bronze:before {
  content: "";
  background-image: url(../images/main/icon/icon_ranking_bronze.svg);
}
.icon-ranking-other:before {
  content: "";
  background-image: url(../images/main/icon/icon_ranking_other.svg);
}
.icon-subject-korean:before {
  content: "";
  background-image: url(../images/main/icon/icon_subject_korean.svg);
}
.icon-subject-math:before {
  content: "";
  background-image: url(../images/main/icon/icon_subject_math.svg);
}
.icon-subject-science:before {
  content: "";
  background-image: url(../images/main/icon/icon_subject_science.svg);
}
.icon-subject-social:before {
  content: "";
  background-image: url(../images/main/icon/icon_subject_social.svg);
}
.icon-subject-english:before {
  content: "";
  background-image: url(../images/main/icon/icon_subject_english.svg);
}
.icon-questiontype-objective:before {
  content: "";
  background-image: url(../images/main/icon/icon_questiontype_objective.svg);
}
.icon-questiontype-truefalse:before {
  content: "";
  background-image: url(../images/main/icon/icon_questiontype_truefalse.svg);
}
.icon-questiontype-listening:before {
  content: "";
  background-image: url(../images/main/icon/icon_questiontype_listening.svg);
}
.icon-questiontype-reading:before {
  content: "";
  background-image: url(../images/main/icon/icon_questiontype_reading.svg);
}
.icon-questiontype-writing:before {
  content: "";
  background-image: url(../images/main/icon/icon_questiontype_writing.svg);
}
.icon-questiontype-sequence:before {
  content: "";
  background-image: url(../images/main/icon/icon_questiontype_sequence.svg);
}
.icon-guide-qna:before {
  content: "";
  background-image: url(../images/main/icon/icon_guide_qna.svg);
}
.icon-guide-chat:before {
  content: "";
  background-image: url(../images/main/icon/icon_guide_chat.svg);
}
.icon-guide-info:before {
  content: "";
  background-image: url(../images/main/icon/icon_guide_info.svg);
}
.icon-guide-pin:before {
  content: "";
  background-image: url(../images/main/icon/icon_guide_pin.svg);
}
.icon-ensign:before {
  content: "";
  background-image: url(../images/main/icon/icon_ensign.svg);
}
.icon-arrow-book:before {
  content: "";
  background-image: url(../images/main/icon/icon_arrow-book.svg);
}
.icon-3d-arrow:before {
  content: "";
  background-image: url(../images/main/icon/icon_3d_arrow.svg);
}
#skipnavigation a {
  position: fixed;
  left: -3000%;
}
#skipnavigation a:focus {
  top: 0;
  left: 0;
  z-index: 9999;
  display: inline-block;
  width: 20%;
  height: 1.875rem;
  background-color: #fff;
  line-height: 1.875rem;
  text-align: center;
}
.fieldset {
  gap: 2.5rem;
  width: 100%;
}
.field,
.fieldset {
  display: flex;
  flex-direction: column;
}
.field {
  gap: 1rem;
}
.field:has(.field-msg .is-error) .field-counter,
.field:has(.field-msg .is-error) .field-helper:not(.is-persistent),
.field:has(.field-msg .is-positive) .field-counter,
.field:has(.field-msg .is-positive) .field-helper:not(.is-persistent) {
  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 {
  color: var(--bbc-color-text-negative-0);
}
.field-msg.is-error,
.field-msg.is-positive {
  display: flex;
  gap: 0.25rem;
  font-size: var(--bbc-font-size-14);
}
.field-msg.is-positive {
  color: var(--bbc-color-text-positive-0);
}
.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: #999;
}
.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 .btn,
.input-action-field .select {
  flex: 0 0 auto;
}
.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 .btn,
.input-action-set .icon-btn {
  flex: 0 0 auto;
}
.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:-ms-input-placeholder,
.datepicker input:-ms-input-placeholder,
.input input:-ms-input-placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.combobox input::-ms-input-placeholder,
.datepicker input::-ms-input-placeholder,
.input input::-ms-input-placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.combobox input:-moz-placeholder,
.combobox input::-moz-placeholder,
.datepicker input:-moz-placeholder,
.datepicker input::-moz-placeholder,
.input input:-moz-placeholder,
.input input::-moz-placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.combobox input::-webkit-input-placeholder,
.datepicker input::-webkit-input-placeholder,
.input input::-webkit-input-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: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: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:read-only) input:-ms-input-placeholder,
.datepicker:has(input:read-only) input:-ms-input-placeholder,
.input:has(input:read-only) input:-ms-input-placeholder {
  color: var(--bbc-color-text-natural-2);
  font: inherit;
  font-weight: inherit;
}
.combobox:has(input:read-only) input::-ms-input-placeholder,
.datepicker:has(input:read-only) input::-ms-input-placeholder,
.input:has(input:read-only) input::-ms-input-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: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:read-only) input::-webkit-input-placeholder,
.datepicker:has(input:read-only) input::-webkit-input-placeholder,
.input:has(input:read-only) input::-webkit-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: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:-ms-input-placeholder,
.datepicker:has(input:disabled) input:-ms-input-placeholder,
.input:has(input:disabled) input:-ms-input-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.combobox:has(input:disabled) input::-ms-input-placeholder,
.datepicker:has(input:disabled) input::-ms-input-placeholder,
.input:has(input:disabled) input::-ms-input-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.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::-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::-webkit-input-placeholder,
.datepicker:has(input:disabled) input::-webkit-input-placeholder,
.input:has(input:disabled) input::-webkit-input-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.combobox > .icon,
.is-adorned-start.combobox > .icon-btn,
.is-adorned-start.combobox > .unit,
.is-adorned-start.datepicker > .btn,
.is-adorned-start.datepicker > .icon,
.is-adorned-start.datepicker > .icon-btn,
.is-adorned-start.datepicker > .unit,
.is-adorned-start.input > .btn,
.is-adorned-start.input > .icon,
.is-adorned-start.input > .icon-btn,
.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.combobox > .icon,
.is-adorned-end.combobox > .icon-btn,
.is-adorned-end.combobox > .unit,
.is-adorned-end.datepicker > .btn,
.is-adorned-end.datepicker > .icon,
.is-adorned-end.datepicker > .icon-btn,
.is-adorned-end.datepicker > .unit,
.is-adorned-end.input > .btn,
.is-adorned-end.input > .icon,
.is-adorned-end.input > .icon-btn,
.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:-ms-input-placeholder,
.is-translucent.datepicker input:-ms-input-placeholder,
.is-translucent.input input:-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-60);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.combobox input::-ms-input-placeholder,
.is-translucent.datepicker input::-ms-input-placeholder,
.is-translucent.input input::-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-60);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.combobox input:-moz-placeholder,
.is-translucent.combobox input::-moz-placeholder,
.is-translucent.datepicker input:-moz-placeholder,
.is-translucent.datepicker input::-moz-placeholder,
.is-translucent.input 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::-webkit-input-placeholder,
.is-translucent.datepicker input::-webkit-input-placeholder,
.is-translucent.input input::-webkit-input-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:-ms-input-placeholder,
.is-translucent.datepicker:has(input:disabled) input:-ms-input-placeholder,
.is-translucent.input:has(input:disabled) input:-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.combobox:has(input:disabled) input::-ms-input-placeholder,
.is-translucent.datepicker:has(input:disabled) input::-ms-input-placeholder,
.is-translucent.input:has(input:disabled) input::-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.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::-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::-webkit-input-placeholder,
.is-translucent.datepicker:has(input:disabled) input::-webkit-input-placeholder,
.is-translucent.input:has(input:disabled) input::-webkit-input-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: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:read-only) input:-ms-input-placeholder,
.is-translucent.datepicker:has(input:read-only) input:-ms-input-placeholder,
.is-translucent.input:has(input:read-only) input:-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.combobox:has(input:read-only) input::-ms-input-placeholder,
.is-translucent.datepicker:has(input:read-only) input::-ms-input-placeholder,
.is-translucent.input:has(input:read-only) input::-ms-input-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: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:read-only) input::-webkit-input-placeholder,
.is-translucent.datepicker:has(input:read-only) input::-webkit-input-placeholder,
.is-translucent.input:has(input:read-only) input::-webkit-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-error.combobox,
.is-error.datepicker,
.is-error.input,
.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: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 {
  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 {
  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;
  -ms-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: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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,
.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,
.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="checkbox"] ~ label .custom-mark,
.choice input[type="radio"] ~ 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: "\e804";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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;
  -ms-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);
}
[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);
}
[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"]) ~ 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);
}
.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;
}
.thumbnail-choice {
  position: relative;
  border-radius: 0.5rem;
}
.thumbnail-choice input[type="checkbox"],
.thumbnail-choice input[type="radio"] {
  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 .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 #000;
  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;
  object-fit: cover;
}
.thumbnail-choice .label-text {
  font: var(--bbc-typo-b4-500);
}
.thumbnail-choice input:not(:checked):hover + label {
  transform: scale(0.95);
}
.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 input[disabled] + label {
  cursor: not-allowed;
  opacity: 0.5;
}
.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-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 .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 0.16s ease;
}
.switch .switch-track .switch-thumb {
  position: absolute;
  top: 50%;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
  transition: transform 0.16s ease;
}
.switch[aria-checked="true"] .switch-track {
  background: #000;
}
.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.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[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: #999;
}
.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 #ccc;
  border-radius: var(--bbc-border-radius-md);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  background: #fff;
}
.datepicker-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.datepicker-next,
.datepicker-prev {
  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 #ccc;
  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 #ccc;
  border-radius: 0.25rem;
  background: #fff;
  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 td,
.calendar-table th {
  padding: 0.5rem;
  border: 0.0625rem solid #eee;
  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: 700;
  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: #fff;
  font-size: 0.875rem;
  cursor: pointer;
}
.datepicker-cancel {
  background: #ccc;
  color: #333;
}
.datepicker-cancel:hover,
.datepicker-confirm:hover {
  opacity: 0.8;
}
.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;
  -ms-user-select: none;
  user-select: none;
}
.custom-select.is-language {
  border: none;
}
.custom-select.is-language:before {
  content: "\e812";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.custom-select.is-language .custom-select-text {
  min-width: 3.375rem;
}
.custom-select.is-translucence {
  background-color: var(--bbc-color-fill-natural-3-a40);
}
.custom-select.is-sm {
  height: 2.75rem;
  padding: 0.3125rem 0.75rem 0.3125rem 0.875rem;
  border-radius: 0.5rem;
}
.custom-select.is-sm .custom-select-text {
  font: var(--bbc-typo-l1-500);
}
.custom-select.is-h30 {
  height: 1.875rem;
  padding: 0.3125rem 0.5rem 0.3125rem 0.625rem;
  border-radius: 0.375rem;
}
.custom-select.is-h30:after {
  width: 0.875rem;
  height: 0.875rem;
  font-size: 0.875rem;
}
.custom-select.is-h30 .custom-select-text {
  font: var(--bbc-typo-l3-500);
}
.custom-select.is-pill {
  border-radius: var(--bbc-border-radius-max);
}
.custom-select.is-disabled {
  border-color: var(--bbc-color-stroke-disable-0);
  background-color: var(--bbc-color-fill-disable-1);
  cursor: not-allowed;
}
.custom-select.is-disabled .custom-select-text.is-has-value,
.custom-select.is-disabled .custom-select-text.is-placeholder {
  color: var(--bbc-color-text-disable-0);
}
.custom-select.is-error {
  border-color: var(--bbc-color-text-negative-0);
}
.custom-select .custom-select-text {
  display: inline-block;
  max-width: 100%;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-btn3-500);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
.custom-select .custom-select-text.is-placeholder {
  color: var(--bbc-color-text-natural-3);
}
.custom-select .custom-select-text.is-has-value {
  color: var(--bbc-color-text-natural-0);
}
.custom-select:after {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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.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 .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:-ms-input-placeholder {
  color: var(--bbc-color-text-natural-3);
  font: inherit;
  font-weight: inherit;
}
.custom-select-panel .custom-select-search .custom-select-search-input::-ms-input-placeholder {
  color: var(--bbc-color-text-natural-3);
  font: inherit;
  font-weight: inherit;
}
.custom-select-panel .custom-select-search .custom-select-search-input:-moz-placeholder,
.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::-webkit-input-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-options {
  margin: 0.375rem;
  padding: 0;
  list-style: none;
}
.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[hidden] {
  display: none;
}
.custom-select-panel .custom-select-options > li[aria-disabled="true"] {
  display: none;
  pointer-events: none;
}
.combobox datalist,
.combobox datalist option {
  display: none;
}
.combobox .combobox-options {
  position: absolute;
  top: 44px;
  left: 50%;
  z-index: 100;
  display: none;
  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:not([hidden]) {
  display: block;
}
.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;
  color: var(--bbc-color-text-brand-primary);
}
.combobox .combobox-options li.focus,
[data-env~="hover:hover"] .combobox .combobox-options li:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .combobox .combobox-options li:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .combobox .combobox-options li:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--bbc-color-fill-natural-subtle);
}
.textarea {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-fill-accent-0);
}
.textarea,
.textarea textarea {
  width: 100%;
  color: var(--bbc-color-text-natural-0);
}
.textarea textarea {
  height: 100%;
  padding: 0.625rem 0.875rem;
  border-radius: var(--bbc-border-radius-8);
  outline: none !important;
  background-color: transparent;
  font: var(--bbc-typo-b3-400);
  resize: none;
  word-break: break-all;
}
.textarea textarea:-ms-input-placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.textarea textarea::-ms-input-placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.textarea textarea:-moz-placeholder,
.textarea textarea::-moz-placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.textarea textarea::-webkit-input-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:read-only) {
  border-color: var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-0);
}
.textarea:has(textarea:read-only) textarea {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.textarea:has(textarea:read-only) textarea:-ms-input-placeholder {
  color: var(--bbc-color-text-natural-2);
  font: inherit;
  font-weight: inherit;
}
.textarea:has(textarea:read-only) textarea::-ms-input-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:read-only) textarea::-moz-placeholder {
  color: var(--bbc-color-text-natural-2);
  font: inherit;
  font-weight: inherit;
}
.textarea:has(textarea:read-only) textarea::-webkit-input-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:-ms-input-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.textarea:has(textarea:disabled) textarea::-ms-input-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.textarea:has(textarea:disabled) textarea:-moz-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.textarea:has(textarea:disabled) textarea::-moz-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.textarea:has(textarea:disabled) textarea::-webkit-input-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 {
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  max-width: 50rem;
  height: 5.125rem;
  padding: 0.375rem;
  border: 1px solid var(--bbc-color-stroke-natural-4-a70);
  border-radius: var(--bbc-border-radius-max);
  background: var(--bbc-color-fill-natural-3-a20);
  backdrop-filter: blur(10px);
}
.searchbar:has(input:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
}
.searchbar .searchbar-inner {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  height: 100%;
  padding: 0.8125rem 0.8125rem 0.8125rem 1.5rem;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-fill-natural-3);
}
.searchbar .searchbar-input {
  flex: 1 1 auto;
  height: 100%;
}
.searchbar .searchbar-input input {
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  outline: none;
  background-color: transparent;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-400);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.searchbar .searchbar-input input:-ms-input-placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.searchbar .searchbar-input input::-ms-input-placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.searchbar .searchbar-input input:-moz-placeholder,
.searchbar .searchbar-input input::-moz-placeholder {
  color: var(--bbc-color-text-placeholder-0);
  font: inherit;
  font-weight: inherit;
}
.searchbar .searchbar-input input::-webkit-input-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(:placeholder-shown) {
  font-weight: var(--bbc-font-weight-600);
}
.searchbar .searchbar-btn {
  flex: 0 0 auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  height: 2.75rem;
  padding: 0.25rem;
  border-radius: var(--bbc-border-radius-circle);
  background-color: var(--bbc-color-fill-natural-5);
  color: var(--bbc-color-icon-accent-0);
}
.searchbar .searchbar-btn:before {
  content: "\e859";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.file-upload-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;
}
.file-upload-list .file-upload-item .name .ext,
.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);
}
.video-player {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.video-player .video-frame {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: #000;
}
.video-player .video-frame.is-16x9 {
  aspect-ratio: 16/9;
}
.video-player .video {
  display: block;
  block-size: 100%;
  inline-size: 100%;
  object-fit: cover;
}
.video-player .video-frame-overlay {
  background-color: var(--bbc-color-layer-overlay-0);
}
.video-player .video-frame-controls,
.video-player .video-frame-overlay {
  position: absolute;
  inset: 0;
  transition: opacity 0.2s ease;
  opacity: 1;
  pointer-events: none;
}
.video-player .video-frame-controls {
  display: grid;
  place-items: center;
}
.video-player .btn-pause,
.video-player .btn-play {
  display: grid;
  place-items: center;
  border-radius: var(--bbc-border-radius-circle);
  color: var(--bbc-color-icon-accent-0);
  transition:
    transform 0.15s ease,
    background 0.15s ease;
  cursor: pointer;
  pointer-events: auto;
  block-size: 64px;
  inline-size: 64px;
}
.video-player .btn-pause:focus-visible,
.video-player .btn-pause:hover,
.video-player .btn-play:focus-visible,
.video-player .btn-play:hover {
  outline: none;
  transform: scale(1.06);
}
.video-player .btn-pause[hidden],
.video-player .btn-play[hidden] {
  pointer-events: none;
}
.video-player .btn-play:before {
  content: "\e856";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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: "\e86d";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 .btn-pause {
  display: none;
}
.video-player.is-paused .btn-play {
  display: grid;
}
.video-player.is-paused .btn-play .btn-pause {
  display: none;
}
.video-player.is-playing .video-frame-controls,
.video-player.is-playing .video-frame-overlay {
  opacity: 0;
}
.video-player.is-playing.is-hover .video-frame-controls,
.video-player.is-playing.is-hover .video-frame-overlay {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.video-player.is-playing.is-hover .btn-play {
  display: none;
}
.video-player.is-playing.is-hover .btn-pause {
  display: grid;
}
@media (prefers-reduced-motion: reduce) {
  .video-player .video-frame-controls,
  .video-player .video-frame-overlay {
    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:active,
[data-env~="hover:hover"] .btn:hover:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .btn:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--bbc-color-fill-natural-4);
}
.btn .icon {
  transition: color 0.2s;
}
.btn .is-label {
  min-width: max-content;
}
.btn.is-pill {
  border-radius: var(--bbc-border-radius-max);
}
.btn.is-full {
  display: flex;
  justify-content: center;
  width: 100%;
}
.btn.is-xs {
  height: 2.25rem;
  border-radius: 0.375rem;
  font: var(--bbc-typo-btn4-500);
}
.btn.is-sm,
.btn.is-xs {
  gap: 0.375rem;
  min-width: 3.625rem;
  padding: 0.3125rem 0.75rem;
}
.btn.is-sm {
  height: 2.75rem;
  font: var(--bbc-typo-btn3-500);
}
.btn.is-lg {
  gap: 0.375rem;
  height: 3.5rem;
  padding: 0.3125rem 1.25rem;
  font: var(--bbc-typo-btn2-500);
}
.btn.is-xl {
  gap: 0.5rem;
  height: 5rem;
  font: var(--bbc-typo-btn1-700);
}
@media (max-width: 820px) {
  .btn.is-xl {
    height: 3.75rem;
  }
}
.btn.is-display-md {
  padding: 0.3125rem 1.875rem;
}
@media (max-width: 820px) {
  .btn.is-display-md {
    padding: 0.9375rem 2.1875rem;
  }
}
.btn.is-display-lg {
  padding: 0.3125rem 3.75rem;
}
@media (max-width: 820px) {
  .btn.is-display-lg {
    padding: 0.9375rem 2.1875rem;
  }
}
.btn.is-primary {
  background-color: var(--bbc-color-fill-brand-primary);
  color: var(--bbc-color-text-accent-0);
}
[data-env~="hover:hover"] .btn.is-primary:hover:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .btn.is-primary:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn.is-primary:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  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:after,
.btn.is-primary .icon:before {
  color: var(--bbc-color-icon-accent-0);
}
.btn.is-secondary {
  background-color: var(--bbc-color-fill-brand-primary-subtle);
  color: var(--bbc-color-text-brand-primary-deep);
}
[data-env~="hover:hover"] .btn.is-secondary:hover:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .btn.is-secondary:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn.is-secondary:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  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:after,
.btn.is-outline .icon:before {
  color: var(--bbc-color-icon-natural-2);
}
.btn.is-outline:active {
  background-color: var(--bbc-color-fill-natural-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"]),
[data-env~="hover:hoverless"] .btn.is-outline:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn.is-outline:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--bbc-color-fill-natural-1);
}
.btn.is-outline.is-primary {
  border-color: var(--bbc-color-text-brand-primary);
  color: var(--bbc-color-text-brand-primary);
}
.btn.is-outline.is-primary .icon:after,
.btn.is-outline.is-primary .icon:before {
  color: var(--bbc-color-icon-brand-primary);
}
.btn.is-outline.is-primary:active {
  background-color: var(--bbc-color-fill-brand-primary-subtle-pressed) !important;
}
[data-env~="hover:hover"] .btn.is-outline.is-primary:hover:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .btn.is-outline.is-primary:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn.is-outline.is-primary:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--bbc-color-fill-brand-primary-subtle);
}
.btn.is-outline.is-secondary {
  border: 1px solid var(--bbc-color-stroke-natural-0);
  color: var(--bbc-color-text-natural-0);
}
.btn.is-bare {
  border-color: transparent;
  background-color: transparent;
  color: var(--bbc-color-text-natural-0);
}
.btn.is-plain {
  border-color: transparent !important;
  background-color: var(--bbc-color-fill-natural-3-a40) !important;
  color: var(--bbc-color-icon-natural-2);
}
[data-env~="hover:hover"] .btn.is-plain.is-primary:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .btn.is-plain.is-primary:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn.is-plain.is-primary:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  color: var(--bbc-color-text-brand-primary);
}
[data-env~="hover:hover"] .btn.is-plain.is-secondary:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .btn.is-plain.is-secondary:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn.is-plain.is-secondary:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  color: var(--bbc-color-secondary-300);
}
[data-env~="hover:hover"] .btn.is-plain.is-negative:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .btn.is-plain.is-negative:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn.is-plain.is-negative:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  color: var(--bbc-color-text-negative-0);
}
.btn.is-ghost {
  border: none;
  background-color: transparent;
  color: var(--bbc-color-text-natural-0);
}
.btn.is-ghost.is-active,
[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"]),
[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"]),
[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"]) {
  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);
}
.btn.is-ghost.is-primary.is-active,
[data-env~="hover:hover"] .btn.is-ghost.is-primary:hover:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .btn.is-ghost.is-primary:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn.is-ghost.is-primary:active:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  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);
}
[data-env~="hover:hover"] .btn.is-translucence:hover:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .btn.is-translucence:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn.is-translucence:active:not(.is-disabled):not(:active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  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;
}
[data-env~="hover:hover"] .btn.is-hover-outline:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .btn.is-hover-outline:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn.is-hover-outline:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  border-color: var(--bbc-color-stroke-natural-1) !important;
}
[data-env~="hover:hover"] .btn.is-hover-outline.is-primary:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .btn.is-hover-outline.is-primary:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn.is-hover-outline.is-primary:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  border-color: var(--bbc-color-primary-300) !important;
}
[data-env~="hover:hover"] .btn.is-hover-outline.is-secondary:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .btn.is-hover-outline.is-secondary:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn.is-hover-outline.is-secondary:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  border-color: var(--bbc-color-secondary-300) !important;
}
[data-env~="hover:hover"] .btn.is-hover-outline.is-negative:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .btn.is-hover-outline.is-negative:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .btn.is-hover-outline.is-negative:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  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);
}
.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);
}
[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;
}
[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"]) .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-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;
}
.icon-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.5rem;
  background-color: var(--bbc-color-share-natural-primary);
  color: var(--bbc-color-text-accent-0);
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    opacity 0.2s;
}
.icon-btn.is-xxs {
  width: 1.75rem;
  height: 1.75rem;
}
.icon-btn.is-xs {
  width: 2rem;
  height: 2rem;
}
.icon-btn.is-sm {
  width: 2.5rem;
  height: 2.5rem;
}
.icon-btn.is-md {
  width: 2.75rem;
  height: 2.75rem;
}
.icon-btn.is-lg {
  width: 4rem;
  height: 4rem;
}
.icon-btn.is-fit {
  width: auto;
  height: auto;
}
.icon-btn.is-pill {
  border-radius: var(--bbc-border-radius-max);
}
.icon-btn.is-disabled,
.icon-btn:disabled {
  border-color: var(--bbc-color-grayscale-100);
  background-color: var(--bbc-color-fill-disable-1);
  pointer-events: none;
}
.icon-btn.is-disabled .icon:after,
.icon-btn.is-disabled .icon:before,
.icon-btn:disabled .icon:after,
.icon-btn:disabled .icon:before {
  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);
}
[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"]),
[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"]),
[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"]) {
  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:after,
.icon-btn.is-primary.is-disabled .icon:before,
.icon-btn.is-primary:disabled .icon:after,
.icon-btn.is-primary:disabled .icon:before {
  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);
}
[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"]),
[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"]),
[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"]) {
  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:after,
.icon-btn.is-natural.is-disabled .icon:before,
.icon-btn.is-natural:disabled .icon:after,
.icon-btn.is-natural:disabled .icon:before {
  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);
}
.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:after,
.icon-btn.is-outline.is-disabled .icon:before,
.icon-btn.is-outline:disabled .icon:after,
.icon-btn.is-outline:disabled .icon:before {
  color: var(--bbc-color-icon-disable-0);
}
.icon-btn.is-ghost {
  border: none;
  background-color: transparent;
  color: var(--bbc-color-icon-natural-0);
}
.icon-btn.is-ghost.is-active,
[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"]),
[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"]),
[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"]) {
  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:after,
.icon-btn.is-ghost.is-disabled .icon:before,
.icon-btn.is-ghost:disabled .icon:after,
.icon-btn.is-ghost:disabled .icon:before {
  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:after,
.icon-btn.is-translucent .icon:before {
  color: var(--bbc-color-text-accent-0);
}
.icon-btn.is-translucent.is-active,
[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"]),
[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"]),
[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"]) {
  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:after,
.icon-btn.is-translucent.is-disabled .icon:before,
.icon-btn.is-translucent:disabled .icon:after,
.icon-btn.is-translucent:disabled .icon:before {
  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:after,
.icon-btn.is-bare.is-disabled .icon:before,
.icon-btn.is-bare:disabled .icon:after,
.icon-btn.is-bare:disabled .icon:before {
  color: var(--bbc-color-icon-disable-0);
}
.icon-btn.is-shadow {
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
}
.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;
}
.btn-set,
[data-page-id="state-error"] .state-page-actions,
[data-page-id="state-under-construction"] .state-page-actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
.is-sm.btn-set,
[data-page-id="state-error"] .is-sm.state-page-actions,
[data-page-id="state-under-construction"] .is-sm.state-page-actions {
  gap: 0.5rem;
}
.is-md.btn-set,
[data-page-id="state-error"] .is-md.state-page-actions,
[data-page-id="state-under-construction"] .is-md.state-page-actions {
  gap: 0.875rem;
}
.is-lg.btn-set,
[data-page-id="state-error"] .is-lg.state-page-actions,
[data-page-id="state-under-construction"] .is-lg.state-page-actions {
  gap: 1rem;
}
.is-wrap.btn-set,
[data-page-id="state-error"] .is-wrap.state-page-actions,
[data-page-id="state-under-construction"] .is-wrap.state-page-actions {
  flex-wrap: wrap;
}
.is-left.btn-set,
[data-page-id="state-error"] .is-left.state-page-actions,
[data-page-id="state-under-construction"] .is-left.state-page-actions {
  justify-content: flex-start;
}
.is-right.btn-set,
[data-page-id="state-error"] .is-right.state-page-actions,
[data-page-id="state-under-construction"] .is-right.state-page-actions {
  justify-content: flex-end;
}
.is-between.btn-set,
[data-page-id="state-error"] .is-between.state-page-actions,
[data-page-id="state-under-construction"] .is-between.state-page-actions {
  justify-content: space-between;
}
.is-column.btn-set,
[data-page-id="state-error"] .is-column.state-page-actions,
[data-page-id="state-under-construction"] .is-column.state-page-actions {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.is-column.is-left.btn-set,
[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 {
  align-items: flex-start;
}
.is-column.is-right.btn-set,
[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 {
  align-items: flex-end;
}
.is-column.is-between.btn-set,
[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 {
  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.is-active,
.btn-group .btn:focus,
.btn-group .btn:hover {
  z-index: 3;
}
.floating-btn-wrap {
  position: fixed;
  right: 3.75rem;
  bottom: 3.75rem;
  z-index: 90;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 1700px) {
  .floating-btn-wrap {
    right: 1.25rem;
  }
}
@media (max-width: 1600px) {
  .floating-btn-wrap {
    gap: 0.625rem;
  }
}
@media (max-width: 767px) {
  .floating-btn-wrap {
    bottom: 1.25rem;
  }
}
.floating-btn {
  width: 5rem;
  height: 5rem;
  border-radius: var(--bbc-border-radius-max);
  box-shadow: 0 2.829px 5.658px 0 rgba(0, 0, 0, 0.15);
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s;
}
@media (max-width: 1600px) {
  .floating-btn {
    width: 3.5rem;
    height: 3.5rem;
  }
}
.floating-btn.is-scroll-up {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  order: 1;
  background-color: var(--bbc-color-fill-brand-primary);
  color: var(--bbc-color-text-accent-0);
}
@media (max-width: 1366px) {
  .floating-btn.is-scroll-up {
    justify-content: center;
  }
}
.floating-btn.is-scroll-up:hover {
  background-color: var(--bbc-color-fill-brand-primary-hovered);
}
.floating-btn.is-scroll-up:active {
  background-color: var(--bbc-color-fill-brand-primary-pressed);
}
.floating-btn.is-scroll-up:before {
  content: "\e801";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: rotate(-90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
  margin-top: 0.5625rem;
}
@media (max-width: 1366px) {
  .floating-btn.is-scroll-up:before {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .floating-btn.is-scroll-up:before {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 2.25rem;
  }
}
.floating-btn.is-scroll-up .text {
  font: var(--bbc-typo-l2-700);
}
@media (max-width: 1600px) {
  .floating-btn.is-scroll-up .text {
    display: none;
  }
}
.floating-btn.is-chatbot {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  order: 2;
  background-color: var(--bbc-color-etc-chatbot-fill);
}
.floating-btn.is-chatbot:before {
  content: "";
  display: block;
  width: 70px;
  height: 70px;
  background-image: url(/assets/images/common/img_chatbot.svg);
  background-size: cover;
}
@media (max-width: 1600px) {
  .floating-btn.is-chatbot:before {
    width: 50px;
    height: 50px;
  }
}
.floating-btn.is-chatbot:hover {
  background-color: #0095e4;
}
.floating-btn.is-chatbot:active {
  background-color: #0281c5;
}
.floating-btn.is-chatbot .bubble {
  position: absolute;
  top: 0;
  left: -1.625rem;
  padding: 0.15625rem 0.5rem;
  border-radius: 0.8125rem;
  background-color: var(--bbc-color-etc-balloon-fill);
  color: var(--bbc-color-icon-natural-2);
  font: var(--bbc-typo-l2-700);
}
@media (max-width: 1600px) {
  .floating-btn.is-chatbot .bubble {
    display: none;
  }
}
.floating-btn.is-chatbot .bubble:before {
  content: "";
  position: absolute;
  right: 0.625rem;
  bottom: -0.25rem;
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="8" viewBox="0 0 11 8" fill="none"><path d="M7.59957 7.53647C8.16596 8.13771 9.17576 7.83193 9.31347 7.01749L10.5 0H0.5L7.59957 7.53647Z" fill="%23FFC929"/></svg>');
  background-size: cover;
}
.chip-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
@media (max-width: 767px) {
  .chip-group {
    gap: 0.25rem;
  }
}
.chip-group.is-xs {
  gap: 0.25rem;
}
.chip {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: 1.75rem;
  margin-left: -0.125rem;
  padding: 0 0.5rem;
  border-radius: var(--bbc-border-radius-6);
}
.chip .chip-label {
  color: var(--bbc-color-chip-text-gray);
  font: var(--bbc-typo-l2-600);
  white-space: nowrap;
  word-break: break-all;
}
.chip.is-sm {
  height: 1.5rem;
  padding: 0 0.5rem;
}
.chip.is-sm .chip-label {
  font: var(--bbc-typo-l4-700);
}
.chip.is-lg {
  height: 1.75rem;
  padding: 0 0.75rem;
}
.chip.is-pill {
  min-width: 3.375rem;
  border-radius: var(--bbc-border-radius-max);
}
.chip.is-outline {
  border: 1px solid var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s;
}
.chip.is-outline .chip-label {
  color: var(--bbc-color-chip-text-gray);
}
.chip.is-outline.is-green .chip-label {
  color: var(--bbc-color-chip-text-green);
}
.chip.is-outline.is-brown .chip-label {
  color: var(--bbc-color-chip-text-brown);
}
.chip.is-outline.is-navy .chip-label {
  color: var(--bbc-color-chip-text-navy);
}
.chip.is-outline.is-purple .chip-label {
  color: var(--bbc-color-chip-text-purple);
}
.chip.is-outline.is-teal .chip-label {
  color: var(--bbc-color-chip-text-teal);
}
.chip.is-outline.is-red .chip-label {
  color: var(--bbc-color-chip-text-red);
}
.chip.is-outline.is-blue .chip-label {
  color: var(--bbc-color-chip-text-blue);
}
.chip.is-outline.is-gray .chip-label {
  color: var(--bbc-color-chip-text-gray);
}
.chip.is-outline.is-olive .chip-label {
  color: var(--bbc-color-chip-text-olive);
}
.chip.is-filled {
  min-width: 3.375rem;
}
.chip.is-filled.is-green {
  background-color: var(--bbc-color-chip-fill-green);
}
.chip.is-filled.is-green .chip-label {
  color: var(--bbc-color-chip-text-green);
}
.chip.is-filled.is-brown {
  background-color: var(--bbc-color-chip-fill-brown);
}
.chip.is-filled.is-brown .chip-label {
  color: var(--bbc-color-chip-text-brown);
}
.chip.is-filled.is-navy {
  background-color: var(--bbc-color-chip-fill-navy);
}
.chip.is-filled.is-navy .chip-label {
  color: var(--bbc-color-chip-text-navy);
}
.chip.is-filled.is-purple {
  background-color: var(--bbc-color-chip-fill-purple);
}
.chip.is-filled.is-purple .chip-label {
  color: var(--bbc-color-chip-text-purple);
}
.chip.is-filled.is-teal {
  background-color: var(--bbc-color-chip-fill-teal);
}
.chip.is-filled.is-teal .chip-label {
  color: var(--bbc-color-chip-text-teal);
}
.chip.is-filled.is-red {
  background-color: var(--bbc-color-chip-fill-red);
}
.chip.is-filled.is-red .chip-label {
  color: var(--bbc-color-chip-text-red);
}
.chip.is-filled.is-blue {
  background-color: var(--bbc-color-chip-fill-blue);
}
.chip.is-filled.is-blue .chip-label {
  color: var(--bbc-color-chip-text-blue);
}
.chip.is-filled.is-gray {
  background-color: var(--bbc-color-chip-fill-gray);
}
.chip.is-filled.is-gray .chip-label {
  color: var(--bbc-color-chip-text-gray);
}
.chip.is-filled.is-olive {
  background-color: var(--bbc-color-chip-fill-olive);
}
.chip.is-filled.is-olive .chip-label {
  color: var(--bbc-color-chip-text-olive);
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes bounce-pop {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  75% {
    transform: scale(0.95);
  }
  to {
    transform: scale(1);
  }
}
@keyframes scale-up {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes fade-in {
  0% {
    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.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(../images/common/spinner_primary.svg) no-repeat 50% / cover;
  animation: spin 1s linear infinite;
}
.spinner.is-secondary {
  background: url(../images/common/spinner_secondary.svg) no-repeat 50% / cover;
  animation: spin 1s linear infinite;
}
@keyframes dots-bounce {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  to {
    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;
  }
  to {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
.badge {
  display: inline-flex;
  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,
.badge:after {
  justify-content: center;
}
.badge:after {
  display: flex;
  flex-direction: column;
  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-live:after,
.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);
}
.avatar {
  --bg-color: var(--bbc-color-fill-natural-subtle, #f4f4f4);
  --text-color: var(--bbc-color-text-natural-1, #555);
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
}
.avatar.is-square {
  border-radius: var(--bbc-border-radius-lg);
}
@media (max-width: 1024px) {
  .avatar {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.avatar .avatar-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bg-color);
  color: var(--text-color);
  font-size: calc(var(--size) * 0.4);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
.avatar .avatar-inner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.avatar .badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.avatar .badge.is-dot {
  top: 14%;
  right: 14%;
}
.avatar-group {
  display: flex;
}
.avatar-group .avatar {
  margin-left: -8px;
}
.avatar-group .avatar:first-child {
  margin-left: 0;
}
.avatar-group .avatar .avatar-inner {
  border: 2px solid #fff;
}
.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-date,
.table .cell-writer {
  width: 8.75rem;
  text-align: center;
}
.table .cell-like,
.table .cell-views {
  width: 6.25rem;
  text-align: center;
}
.table .cell-category,
.table .cell-status,
.table .cell-survey-status,
.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;
  }
}
@media (max-width: 1024px) {
  .table tbody tr.row-notice td.cell-title {
    width: calc(100% - 1.625rem) !important;
  }
}
@media (max-width: 1024px) {
  .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 .thumb-placeholder,
.table td.cell-blog-summary .blog-summary-thumb img {
  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);
}
.empty-state {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.empty-state,
.empty-state .empty-state-layout {
  display: flex;
  justify-content: center;
  align-items: center;
}
.empty-state .empty-state-layout {
  flex-direction: column;
  text-align: center;
}
.empty-state .empty-state-msg {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.empty-state .empty-state-msg .empty-state-title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-t4-600);
}
.empty-state .empty-state-msg .empty-state-desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.empty-state.is-fit {
  height: 100%;
}
.value-status .value-current {
  color: var(--bbc-color-text-natural-0);
}
.value-status .value-separator,
.value-status .value-total,
.value-status .value-unit {
  color: var(--bbc-color-text-natural-1);
}
.value-status .value-text {
  color: var(--bbc-color-text-natural-0);
}
.pagination .number-list .number,
.pagination .number-list .number.is-divider,
.pagination .pagination-control .control-btn {
  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 .number-list .number,
  .pagination .number-list .number.is-divider,
  .pagination .pagination-control .control-btn {
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid var(--bbc-color-stroke-natural-0);
    font: var(--bbc-typo-btn4-500);
  }
}
.pagination .number-list .number .number-label,
.pagination .pagination-control .control-btn .number-label {
  font: var(--bbc-typo-btn3-600);
}
.pagination .number-list .number.is-divider:before,
.pagination .number-list .number .number-label,
.pagination .number-list .number:before,
.pagination .pagination-control .control-btn .number-label,
.pagination .pagination-control .control-btn: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;
}
[data-env~="hover:hover"] .pagination .number-list .number:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .pagination .number-list .number:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .pagination .number-list .number:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  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: 400;
  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;
}
[data-env~="hover:hover"] .pagination .pagination-control .control-btn:hover:not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .pagination .pagination-control .control-btn:active:not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .pagination .pagination-control .control-btn:active:not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--bbc-color-fill-natural-2);
}
.pagination .pagination-control .control-btn.is-first,
.pagination .pagination-control .control-btn.is-last,
.pagination .pagination-control .control-btn.is-next,
.pagination .pagination-control .control-btn.is-prev {
  display: flex;
  align-items: center;
  justify-self: unset;
}
.pagination .pagination-control .control-btn.is-first:before {
  content: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .pagination .pagination-control .control-btn.is-prev:before {
    width: 1.125rem;
    height: 1.125rem;
    font-size: 1.125rem;
  }
  .pagination .pagination-control .control-btn.is-prev:before:before {
    width: 1.125rem;
    height: 1.125rem;
    background-size: 1.125rem;
    font-size: 1.125rem;
  }
}
.pagination .pagination-control .control-btn.is-next {
  flex-direction: row-reverse;
}
.pagination .pagination-control .control-btn.is-next:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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: "\e845";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .pagination .pagination-control .control-btn.is-last:before {
    width: 1.125rem;
    height: 1.125rem;
    font-size: 1.125rem;
  }
  .pagination .pagination-control .control-btn.is-last:before:before {
    width: 1.125rem;
    height: 1.125rem;
    background-size: 1.125rem;
    font-size: 1.125rem;
  }
}
.pagination .pagination-control .control-btn:disabled {
  color: var(--bbc-color-icon-disable-0);
  cursor: default;
}
.customize-panel-btn {
  position: fixed;
  top: 16.6875rem;
  right: 0;
  z-index: 90;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  width: 6.625rem;
  padding: 1.25rem 1.5rem 1.375rem 1.375rem;
  border-radius: var(--bbc-border-radius-20) 0 0 var(--bbc-border-radius-20);
  background-color: var(--bbc-color-fill-natural-5);
  color: var(--bbc-color-text-natural-2);
  text-align: center;
}
[data-env]:not([data-env~="device:desktop"]) .customize-panel-btn {
  display: none;
}
@media (max-width: 1180px) {
  .customize-panel-btn {
    display: none;
  }
}
[data-widget-grid="wide"] .customize-panel-btn {
  top: 12.5625rem;
}
.customize-panel {
  position: fixed;
  top: 8.75rem;
  right: 1.875rem;
  z-index: 100;
  display: none;
  flex-direction: column;
  width: 38.125rem;
  min-height: 13.5rem;
  max-height: 80dvh;
  border-radius: var(--bbc-border-radius-12);
  box-shadow: var(--bbc-color-shadow-natural-2);
  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-foot [data-customize-action="cancel"],
.customize-panel.is-collapsed .customize-panel-foot [data-customize-action="preview"],
.customize-panel.is-collapsed .customize-panel-segmented {
  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: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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: "\e867";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
[data-env~="hover:hover"] .customize-panel-head .inner .btn-help:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .customize-panel-head .inner .btn-help:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .customize-panel-head .inner .btn-help:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  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: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
[data-env~="hover:hover"] .customize-panel-head .inner .btn-close:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .customize-panel-head .inner .btn-close:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .customize-panel-head .inner .btn-close:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--bbc-color-fill-natural-4);
}
.customize-panel-body {
  position: relative;
  background-color: var(--bbc-color-fill-natural-0);
}
.customize-panel-body,
.customize-panel-body-content {
  flex: 1 1 auto;
  display: flex;
  overflow: hidden;
  width: 100%;
}
.customize-panel-body .customize-panel-preview-placeholder {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 2.5rem;
  background: var(--bbc-color-fill-natural-0);
  text-align: center;
}
.customize-panel-body .customize-panel-preview-placeholder .customize-panel-preview-text {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b1-400);
}
.customize-panel-body .accordion {
  display: flex;
  flex-direction: column;
}
.customize-panel-body .accordion-head {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 5.125rem;
  padding: 1.25rem 1.5rem;
}
.customize-panel-body .accordion-head .segmented {
  background: var(--bbc-color-fill-natural-2);
}
.customize-panel-body .accordion-head .segmented:not(fieldset) .segmented-item:not(.is-current) .segmented-label {
  color: var(--bbc-color-text-natural-0);
}
.customize-panel-body .accordion-head .segmented:not(fieldset) .segmented-item:focus {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0;
  z-index: 2;
}
.customize-panel-body .accordion-head .accordion-trigger {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 34px;
}
.customize-panel-body .accordion-head .accordion-trigger .icon {
  color: var(--bbc-color-icon-natural-0);
}
.customize-panel-body .accordion-body {
  flex: 1 1 auto;
  overflow: hidden;
}
.customize-panel-body .accordion-body.is-open {
  display: flex !important;
  flex-direction: column;
}
.customize-panel-body #customize-panel-content {
  position: relative;
}
.customize-panel-body #customize-panel-content .customize-panel-section {
  display: flex;
  flex-direction: column;
  visibility: hidden;
  height: 100%;
  transform: translateY(0.5rem);
  transition:
    opacity 0.24s ease,
    transform 0.24s ease;
  opacity: 0;
  pointer-events: none;
}
.customize-panel-body #customize-panel-content .customize-panel-section.is-active {
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.customize-panel-body #customize-panel-content .customize-panel-section.is-leaving {
  visibility: visible;
  pointer-events: none;
}
.customize-panel-body #customize-panel-content .customize-widget-grid {
  flex: 0 0 auto;
  margin-bottom: 1.25rem;
  padding: 0 1.5rem 0.75rem;
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
.customize-panel-body #customize-panel-content .scroll-area {
  flex: 1 1 auto;
  overflow-y: auto;
  height: 100%;
  padding-bottom: 1.25rem;
  pointer-events: auto;
  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;
}
body.is-customize-scroll-lock,
html.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,
.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;
  user-select: none;
  touch-action: none;
}
.widget-preview-card .btn-widget-drag:before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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;
}
[data-env~="hover:hover"] .widget-preview-card .btn-widget-drag:active:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .widget-preview-card .btn-widget-drag:active:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .widget-preview-card .btn-widget-drag:active:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  cursor: grabbing;
}
.widget-preview-card .title {
  margin-bottom: 0.5rem;
  line-height: 1.3;
  text-align: center;
}
.widget-preview-card .widget-select {
  position: relative;
  z-index: 1;
}
.widget-preview-card .widget-select.is-static {
  display: contents;
}
.widget-preview-card .widget-space-static {
  display: none;
  justify-content: center;
  align-items: center;
  height: 2.75rem;
  font: var(--bbc-typo-btn3-500);
}
.widget-preview-card .widget-choice {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 1;
}
.widget-preview-card.is-drop {
  outline: 2px dashed var(--bbc-color-stroke-brand-primary);
  outline-offset: -6px;
}
.widget-preview-slot {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 6.875rem;
  padding: 0.75rem;
  border: 0.0625rem dashed var(--bbc-color-stroke-natural-1);
  border-radius: var(--bbc-border-radius-8);
  color: var(--bbc-color-text-natural-1);
  text-align: center;
  transition:
    opacity 0.2s ease,
    transform 0.26s cubic-bezier(0.33, 1, 0.68, 1),
    border-color 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease,
    height 0.2s ease,
    padding 0.2s ease,
    margin 0.2s ease,
    border-width 0.2s ease;
}
.widget-preview-slot-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
}
.widget-preview-slot-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--bbc-color-icon-natural-0);
  font-size: 1.25rem;
}
.widget-preview-slot-label {
  font: var(--bbc-typo-b4-400);
}
.widget-preview-slot.is-slot-target {
  border-color: var(--bbc-color-stroke-natural-2);
  background-color: var(--bbc-color-fill-natural-2);
  opacity: 1;
  pointer-events: auto;
}
.widget-preview-slot-tail {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  grid-column: 1/-1;
  height: 6.875rem;
  padding: 0.75rem;
  border: 0.0625rem dashed var(--bbc-color-stroke-natural-1);
  border-radius: var(--bbc-border-radius-8);
  color: var(--bbc-color-text-natural-1);
  text-align: center;
  transition:
    opacity 0.2s ease,
    transform 0.26s cubic-bezier(0.33, 1, 0.68, 1),
    border-color 0.2s ease,
    background-color 0.2s ease,
    color 0.2s ease,
    height 0.2s ease,
    padding 0.2s ease,
    margin 0.2s ease,
    border-width 0.2s ease;
}
.widget-preview-slot-tail .is-ghost {
  visibility: hidden;
  pointer-events: none;
}
#panel-theme .scroll-area .customize-theme {
  margin: 0 1.5rem;
  padding: 2rem 1.5rem;
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-fill-natural-3);
}
#panel-theme .scroll-area .customize-theme .customize-section:not(:last-child) {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid var(--bbc-color-stroke-natural-0);
}
#panel-theme .scroll-area .customize-theme .customize-section .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.9375rem;
  margin-bottom: 1rem;
}
#panel-theme .scroll-area .customize-theme .customize-section .section-header .customize-section-title {
  font: var(--bbc-typo-st1-600);
}
.customize-section.is-color .fieldset {
  gap: 1rem;
}
.customize-section.is-color .fieldset .field {
  flex-direction: row;
  justify-content: space-between;
}
.customize-section.is-color .fieldset .field .field-title {
  font: var(--bbc-typo-b3-500);
}
.customize-section.is-color .color-palette {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.customize-section.is-color .color-chip {
  position: relative;
}
.customize-section.is-color .color-chip:has(input:focus-visible) {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: 0.125rem;
}
.customize-section.is-color .color-chip .color-radio {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.customize-section.is-color .color-chip .color-radio:checked + .chip {
  outline: 0.0625rem solid var(--bbc-color-stroke-natural-2);
  outline-offset: 2px;
}
.customize-section.is-color .color-chip .clr-field {
  position: absolute;
}
.customize-section.is-color .chip {
  display: inline-block;
  width: 2rem;
  min-width: auto;
  height: 2rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.375rem;
  background: var(--chip-bg);
  cursor: pointer;
}
.customize-section.is-color .chip.is-custom {
  background-image: url(/assets/images/theme/img_color_custom.svg);
}
.customize-section.is-color .color-preview-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.625rem;
}
.customize-section.is-color .color-preview-row[hidden] {
  display: flex !important;
  visibility: hidden;
}
.customize-section.is-color .color-preview-row .preview {
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--bbc-color-border, rgba(0, 0, 0, 0.1));
  border-radius: 0.375rem;
  background: var(--preview-bg);
}
.customize-section.is-color .color-preview-row .hex-input-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.customize-section.is-color .color-preview-row .hex-input {
  width: 5.625rem;
  height: 2.25rem;
  padding: 0.375rem 0.875rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0.25rem;
  font: var(--bbc-typo-b4-400);
}
html[data-theme~="banner-enabled:false"] .customize-section.is-banner .fieldset,
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;
  background-image: var(--page-pattern-url);
  background-position: 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 {
  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;
  }
}
@media (max-width: 1024px) {
  .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 .pagination {
  margin-top: 3.75rem;
}
.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-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: "\e864";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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);
  word-break: break-all;
  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);
  word-break: break-all;
  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 {
  word-break: break-all;
  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);
  word-break: break-all;
  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-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: 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;
}
[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;
}
[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"]) .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: "\e85e";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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: none;
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
.editor-box .ql-container {
  border-right: none;
  border-bottom: none;
  border-left: none;
}
.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;
}
.card,
.media-card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
.card:before,
.media-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);
}
.card > .card-head:has([class^="card-head-"]),
.media-card .card-content > .card-head:has([class^="card-head-"]),
.media-card > .card-head:has([class^="card-head-"]) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.625rem;
}
.card > .card-head-left,
.media-card .card-content > .card-head-left,
.media-card > .card-head-left {
  flex: 1 1 auto;
}
.card > .card-head-right,
.media-card .card-content > .card-head-right,
.media-card > .card-head-right {
  flex: 0 1 auto;
  margin-left: auto;
}
.card > .card-head .title,
.media-card .card-content > .card-head .title,
.media-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);
}
.card > .card-body,
.media-card .card-content > .card-body,
.media-card > .card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  border-radius: var(--bbc-border-radius-20);
}
.card > .card-foot,
.media-card .card-content > .card-foot,
.media-card > .card-foot {
  display: block;
  width: 100%;
}
.card > .card-content > .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),
.media-card .card-content > .card-head:first-child:not(:last-child),
.media-card > .card-head:first-child:not(:last-child) {
  padding-bottom: 1.25rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.card > .card-body:not(:first-child),
.card > .card-content > .card-body:not(:first-child),
.media-card .card-content > .card-body:not(:first-child),
.media-card .card-content > .card-content > .card-body:not(:first-child),
.media-card > .card-body:not(:first-child) {
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.card > .card-body:not(:first-child):not(:last-child),
.card > .card-content > .card-body:not(:first-child):not(:last-child),
.media-card .card-content > .card-body:not(:first-child):not(:last-child),
.media-card .card-content > .card-content > .card-body:not(:first-child):not(:last-child),
.media-card > .card-body:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.card > .card-body:not(:first-child):last-child,
.card > .card-body:not(:first-child):not(:last-child),
.card > .card-content > .card-body:not(:first-child):last-child,
.card > .card-content > .card-body:not(:first-child):not(:last-child),
.media-card .card-content > .card-body:not(:first-child):last-child,
.media-card .card-content > .card-body:not(:first-child):not(:last-child),
.media-card .card-content > .card-content > .card-body:not(:first-child):last-child,
.media-card .card-content > .card-content > .card-body:not(:first-child):not(:last-child),
.media-card > .card-body:not(:first-child):last-child,
.media-card > .card-body:not(:first-child):not(:last-child) {
  padding-top: 0;
}
.card > .card-content > .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),
.media-card .card-content > .card-foot:last-child:not(:first-child),
.media-card > .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-content > .card-head,
.card > .card-head {
  padding: 1.5625rem 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
@media (max-width: 767px) {
  .card > .card-content > .card-head,
  .card > .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-content > .card-foot,
.card > .card-foot {
  padding: 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
.card.is-xs > .card-body,
.card.is-xs > .card-content > .card-body,
.card.is-xs > .card-content > .card-head,
.card.is-xs > .card-head {
  padding: 0.9375rem;
}
.card.is-xs > .card-content > .card-foot,
.card.is-xs > .card-foot {
  padding: 0 0.9375rem 0.9375rem;
}
.card.is-sm > .card-content > .card-head,
.card.is-sm > .card-head {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .card.is-sm > .card-content > .card-head,
  .card.is-sm > .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-content > .card-foot,
.card.is-sm > .card-foot {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .card.is-sm > .card-content > .card-foot,
  .card.is-sm > .card-foot {
    padding: 1.5625rem 1.25rem;
  }
}
.card.is-md > .card-content > .card-head,
.card.is-md > .card-head {
  padding: 1.5625rem 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
@media (max-width: 767px) {
  .card.is-md > .card-content > .card-head,
  .card.is-md > .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-content > .card-foot,
.card.is-md > .card-foot {
  padding: 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
.card.is-lg > .card-body,
.card.is-lg > .card-content > .card-body,
.card.is-lg > .card-content > .card-foot,
.card.is-lg > .card-content > .card-head,
.card.is-lg > .card-foot,
.card.is-lg > .card-head {
  padding: 2.5rem 2.1875rem;
}
.card.is-solid {
  background-color: var(--bbc-color-fill-natural-subtle);
}
.card.is-outline > .card-content > .card-head,
.card.is-outline > .card-head {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.card.is-outline > .card-content > .card-head:first-child:not(:last-child),
.card.is-outline > .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-content > .card-foot,
.card.is-outline > .card-foot {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.card.is-outline > .card-content > .card-foot:last-child:not(:first-child),
.card.is-outline > .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-content > .card-head,
.media-card > .card-head {
  padding: 1.5625rem 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
@media (max-width: 767px) {
  .media-card > .card-content > .card-head,
  .media-card > .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-content > .card-foot,
.media-card > .card-foot {
  padding: 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
.media-card.is-xs > .card-body,
.media-card.is-xs > .card-content > .card-body,
.media-card.is-xs > .card-content > .card-head,
.media-card.is-xs > .card-head {
  padding: 0.9375rem;
}
.media-card.is-xs > .card-content > .card-foot,
.media-card.is-xs > .card-foot {
  padding: 0 0.9375rem 0.9375rem;
}
.media-card.is-sm > .card-content > .card-head,
.media-card.is-sm > .card-head {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .media-card.is-sm > .card-content > .card-head,
  .media-card.is-sm > .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-content > .card-foot,
.media-card.is-sm > .card-foot {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .media-card.is-sm > .card-content > .card-foot,
  .media-card.is-sm > .card-foot {
    padding: 1.5625rem 1.25rem;
  }
}
.media-card.is-md > .card-content > .card-head,
.media-card.is-md > .card-head {
  padding: 1.5625rem 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
@media (max-width: 767px) {
  .media-card.is-md > .card-content > .card-head,
  .media-card.is-md > .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-content > .card-foot,
.media-card.is-md > .card-foot {
  padding: 1.875rem;
  border-radius: var(--bbc-border-radius-20);
}
.media-card.is-lg > .card-body,
.media-card.is-lg > .card-content > .card-body,
.media-card.is-lg > .card-content > .card-foot,
.media-card.is-lg > .card-content > .card-head,
.media-card.is-lg > .card-foot,
.media-card.is-lg > .card-head {
  padding: 2.5rem 2.1875rem;
}
.media-card.is-solid {
  background-color: var(--bbc-color-fill-natural-subtle);
}
.media-card.is-outline > .card-content > .card-head,
.media-card.is-outline > .card-head {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.media-card.is-outline > .card-content > .card-head:first-child:not(:last-child),
.media-card.is-outline > .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-content > .card-foot,
.media-card.is-outline > .card-foot {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.media-card.is-outline > .card-content > .card-foot:last-child:not(:first-child),
.media-card.is-outline > .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%;
  object-fit: cover;
}
.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,
.media-card .card-media + .card-content:not(:first-child) .card-head: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 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  padding: 1.5rem 0.75rem;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-3);
  text-align: center;
}
.symbol-box img {
  width: 8.125rem;
  aspect-ratio: 130/50;
}
.symbol-box p {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-400);
}
.symbol-box.is-sm {
  gap: 0.25rem;
}
.symbol-box.is-sm p {
  font: var(--bbc-typo-b3-400);
}
.symbol-box.is-lg {
  gap: 0.875rem;
}
.symbol-box.is-lg p {
  font: var(--bbc-typo-b2-600);
}
.form-card {
  width: 100%;
  max-width: 39.375rem;
  margin: auto;
  padding: 4.375rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  border-radius: 1rem;
}
@media (max-width: 767px) {
  .form-card {
    padding: 1.875rem;
  }
}
.form-card-head {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-card-head .form-card-title {
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-t2-700);
  text-align: center;
}
.form-card-head .form-card-desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b1-400);
  text-align: center;
}
.form-card-form .form-card-fields {
  margin: 3.125rem 0;
}
@media (max-width: 767px) {
  .form-card-form .form-card-fields {
    margin: 1.875rem 0;
  }
}
.form-card-form .form-card-fields .form-card-section:not(:last-child) {
  margin-bottom: 1rem;
}
.form-card-form .form-card-fields .form-card-section .form-card-subtitle {
  margin-bottom: 0.5rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-t4-600);
}
.form-card-form .form-card-fields .form-card-section .form-card-desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.form-card-form .form-card-fields .form-card-section .form-card-desc .emphasis {
  font-weight: var(--bbc-font-weight-700);
}
.form-card-form .form-card-fields .field:not(:last-child) {
  margin-bottom: 1.25rem;
}
.form-card-form .form-card-agree .choice {
  margin-bottom: 1.875rem;
}
@media (max-width: 767px) {
  .form-card-form .form-card-agree .choice {
    margin-bottom: 1rem;
  }
}
.form-card-form .form-card-agree .choice .required {
  color: var(--bbc-color-text-required-0);
}
.form-card-form .form-card-agree .choice .optional {
  color: var(--bbc-color-text-natural-1);
}
@media (max-width: 430px) {
  .form-card-form .btn-set {
    flex-wrap: wrap;
  }
}
.form-card-form .btn-set .btn {
  width: 100%;
}
.tabs.is-group {
  position: relative;
  width: 100%;
}
.tabs.is-group .tab-list,
.tabs.is-group .tab-list .tab {
  position: relative;
  display: flex;
}
.tabs.is-group .tab-list .tab {
  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,
.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 {
  --seg-gap: 0.25rem;
  --seg-radius: var(--bbc-border-radius-max);
  --seg-height: 2.125rem;
  display: inline-block;
}
.segmented:not(fieldset) {
  position: relative;
  display: inline-flex;
  gap: 0;
  overflow: hidden;
  padding: var(--seg-gap);
  border-radius: var(--seg-radius);
  background-color: var(--bbc-color-fill-natural-0);
}
.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-group {
  position: relative;
  display: inline-flex;
  gap: 0;
  overflow: hidden;
  padding: var(--seg-gap);
  border-radius: var(--seg-radius);
  background-color: var(--bbc-color-fill-natural-0);
}
.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;
  user-select: none;
}
.segmented .segmented-item .segmented-label {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l1-500);
}
.segmented .segmented-item input:checked + label {
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-fill-natural-3);
}
.segmented .segmented-item input:checked + label .segmented-label {
  color: var(--bbc-color-text-natural-0);
  font-weight: var(--bbc-font-weight-700);
}
.segmented.is-primary .segmented-item input:checked + label .segmented-label,
.segmented.is-primary:not(fieldset) .segmented-item.is-current .segmented-label {
  color: var(--bbc-color-text-brand-primary);
}
.segmented.is-primary.is-reverse .segmented-item.is-current {
  background-color: var(--bbc-color-fill-brand-primary);
}
.segmented.is-primary.is-reverse .segmented-item.is-current .segmented-label {
  color: var(--bbc-color-text-natural-2);
}
.segmented .segmented-item input[disabled] + label {
  cursor: not-allowed;
}
.segmented .segmented-item input[disabled] + label .segmented-label {
  color: var(--bbc-color-text-disable-0);
}
.rating {
  gap: 0.375rem;
}
.rating,
.rating-score {
  display: inline-flex;
  align-items: center;
}
.rating-score {
  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;
  block-size: 1.5rem;
  inline-size: 1.5rem;
}
.rating-star,
.rating-star-base,
.rating-star-fill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.rating-star-base,
.rating-star-fill {
  position: absolute;
  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: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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),
.rating:not(.is-readonly) .rating-star {
  cursor: pointer;
}
.rating:not(.is-readonly) .rating-star-fill {
  transition: color 0.12s ease-out;
}
[data-env~="hover:hover"] .rating:not(.is-readonly) .rating-star-fill:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .rating:not(.is-readonly) .rating-star-fill:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .rating:not(.is-readonly) .rating-star-fill:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  transition:
    inline-size 0.12s ease-out,
    color 0.12s ease-out;
}
.rating.is-readonly,
.rating.is-readonly .rating-star {
  cursor: default;
}
.rating:not([data-rating-value], [data-rating-preview]) .rating-star-base,
.rating[data-rating-value="0"]:not([data-rating-preview]) .rating-star-base {
  color: var(--bbc-color-icon-natural-0);
}
.rating:not([data-rating-value], [data-rating-preview]) .rating-star-base:after,
.rating[data-rating-value="0"]:not([data-rating-preview]) .rating-star-base:after {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.rating:not([data-rating-value], [data-rating-preview]) .rating-star-fill,
.rating[data-rating-value="0"]:not([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,
.rating-md .rating-star-fill:after {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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:not([data-rating-value], [data-rating-preview]) .rating-star-base:after,
.rating-md[data-rating-value="0"]:not([data-rating-preview]) .rating-star-base:after {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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-lg .rating-star-fill:after,
.rating.is-lg .rating-star-base:after,
.rating.is-lg .rating-star-fill:after {
  content: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.rating-lg:not([data-rating-value], [data-rating-preview]) .rating-star-base:after,
.rating-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,
.rating.is-lg[data-rating-value="0"]:not([data-rating-preview]) .rating-star-base:after {
  content: "\e85b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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: "\e85c";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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 {
  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: hsla(0, 0%, 100%, 0.4);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.loading.is-cover .loading-inner {
  transform: translateY(-20%);
}
.loading.is-fit {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
}
[data-env~="device:mobile"][data-env~="mode:landscape"] .loading.is-fit,
[data-env~="device:mobile"][data-env~="mode:portrait"] .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 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  border-width: 0.0625rem;
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  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-head {
  flex: 0 0 auto;
  display: flex;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
}
.comments-head .count,
.comments-head .title {
  font: var(--bbc-typo-st2-600);
}
.comments-head .count {
  display: flex;
  align-items: center;
  color: var(--bbc-color-text-brand-primary);
}
.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: "\e870";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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,
.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);
}
.comment-list,
.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 {
  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%;
  object-fit: cover;
}
.thumb.is-zoomin:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: url(../images/common/icon_zoom_in.svg);
  background-position: top 56% left 51%;
  background-size: 2.5rem;
  background-repeat: no-repeat;
  transition: opacity 0.3s;
  opacity: 0;
}
[data-env~="hover:hover"] .thumb.is-zoomin:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]):after {
  opacity: 1;
}
[data-env~="hover:hoverless"] .thumb.is-zoomin:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]):after {
  opacity: 1;
}
[data-env~="hover:mixed"] .thumb.is-zoomin:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]):after {
  opacity: 1;
}
.thumb.is-outline {
  border: 0.0625rem solid var(--bbc-color-stroke-natural-0);
}
.thumb.is-ratio-1x1 {
  aspect-ratio: 1/1;
}
.thumb.is-ratio-4x3 {
  aspect-ratio: 4/3;
}
.divider {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
}
.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 :is(a, button):focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: -0.125rem;
}
.separator.is-nowrap {
  flex-wrap: nowrap;
}
.separator.is-sm {
  --sep-gap-inline: 1rem;
  --sep-height: 0.75rem;
}
.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-next,
#widget-meal-table .meal-calendar .calendar-navigator-btn-prev,
.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 .calendar-navigator-btn-next:disabled,
#widget-meal-table .meal-calendar .calendar-navigator-btn-prev:disabled,
#widget-meal-table .meal-calendar .is-disabled.calendar-navigator-btn-next,
#widget-meal-table .meal-calendar .is-disabled.calendar-navigator-btn-prev,
.carousel-btn-autoplay:disabled,
.carousel-btn-next:disabled,
.carousel-btn-prev:disabled,
.is-disabled.carousel-btn-autoplay,
.is-disabled.carousel-btn-next,
.is-disabled.carousel-btn-prev {
  color: var(--bbc-color-icon-disable-0);
  pointer-events: none;
}
#widget-meal-table .meal-calendar .is-outline.calendar-navigator-btn-next,
#widget-meal-table .meal-calendar .is-outline.calendar-navigator-btn-prev,
.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.calendar-navigator-btn-next:disabled,
#widget-meal-table .meal-calendar .is-outline.calendar-navigator-btn-prev:disabled,
#widget-meal-table .meal-calendar .is-outline.is-disabled.calendar-navigator-btn-next,
#widget-meal-table .meal-calendar .is-outline.is-disabled.calendar-navigator-btn-prev,
.is-outline.carousel-btn-autoplay:disabled,
.is-outline.carousel-btn-next:disabled,
.is-outline.carousel-btn-prev:disabled,
.is-outline.is-disabled.carousel-btn-autoplay,
.is-outline.is-disabled.carousel-btn-next,
.is-outline.is-disabled.carousel-btn-prev {
  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 {
  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);
  width: 3rem;
  height: 3rem;
}
.carousel-btn-prev,
[data-env~="hover:hover"] .carousel-btn-prev:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .carousel-btn-prev:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .carousel-btn-prev:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  transform: translateY(0);
  box-shadow: none;
}
.carousel-btn-prev:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.carousel-btn-prev.is-xs {
  width: 2rem;
  height: 2rem;
}
.carousel-btn-prev.is-xs:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.carousel-btn-prev.is-sm {
  width: 2.5rem;
  height: 2.5rem;
}
.carousel-btn-prev.is-sm:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.carousel-btn-prev.is-lg {
  width: 4rem;
  height: 4rem;
}
.carousel-btn-prev.is-lg:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
}
.carousel-btn-next {
  width: 3rem;
  height: 3rem;
}
.carousel-btn-next:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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[aria-pressed="true"]:before,
.carousel-btn-autoplay[data-state="playing"]:before {
  content: "\e824";
}
.carousel-btn-autoplay[aria-pressed="false"]:before,
.carousel-btn-autoplay[aria-pressed="true"]:before,
.carousel-btn-autoplay[data-state="paused"]:before,
.carousel-btn-autoplay[data-state="playing"]:before {
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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[aria-pressed="false"]:before,
.carousel-btn-autoplay[data-state="paused"]:before {
  content: "\e82a";
}
.carousel-btn-autoplay.is-xs {
  width: 2rem;
  height: 2rem;
}
.carousel-btn-autoplay.is-xs[aria-pressed="true"]:before,
.carousel-btn-autoplay.is-xs[data-state="playing"]:before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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[aria-pressed="false"]:before,
.carousel-btn-autoplay.is-xs[data-state="paused"]:before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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[aria-pressed="true"]:before,
.carousel-btn-autoplay.is-sm[data-state="playing"]:before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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[aria-pressed="false"]:before,
.carousel-btn-autoplay.is-sm[data-state="paused"]:before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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[aria-pressed="true"]:before,
.carousel-btn-autoplay.is-lg[data-state="playing"]:before {
  content: "\e824";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.carousel-btn-autoplay.is-lg[aria-pressed="false"]:before,
.carousel-btn-autoplay.is-lg[data-state="paused"]:before {
  content: "\e82a";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.carousel-pagination-fraction {
  width: fit-content !important;
  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 .arrow-navigator-btn-next,
.arrow-navigator .arrow-navigator-btn-prev,
.chart-navigator .chart-navigator-btn-next,
.chart-navigator .chart-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);
}
.arrow-navigator .arrow-navigator-btn-next:disabled,
.arrow-navigator .arrow-navigator-btn-prev:disabled,
.arrow-navigator .is-disabled.arrow-navigator-btn-next,
.arrow-navigator .is-disabled.arrow-navigator-btn-prev,
.chart-navigator .chart-navigator-btn-next:disabled,
.chart-navigator .chart-navigator-btn-prev:disabled,
.chart-navigator .is-disabled.chart-navigator-btn-next,
.chart-navigator .is-disabled.chart-navigator-btn-prev {
  color: var(--bbc-color-icon-disable-0);
  pointer-events: none;
}
.arrow-navigator {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.arrow-navigator .arrow-navigator-label {
  display: flex;
  font: var(--bbc-typo-b3-700);
}
.arrow-navigator .arrow-navigator-label .current,
.arrow-navigator .arrow-navigator-label .swiper-pagination-current {
  color: var(--bbc-color-text-brand-primary);
}
.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,
.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;
}
[data-env~="hover:hover"] .selectable-list .list-item:hover:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:hoverless"] .selectable-list .list-item:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .selectable-list .list-item:active:not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  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 li {
  position: relative;
  padding-left: 0.875rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.bullet-list li:before {
  content: "";
  position: absolute;
  left: 0;
}
.bullet-list.is-required li {
  color: var(--bbc-color-text-required-0);
}
.bullet-list.is-xs li {
  padding-left: 0.75rem;
  font: var(--bbc-typo-l3-400);
}
.bullet-list.is-sm li {
  padding-left: 0.75rem;
  font: var(--bbc-typo-b4-400);
}
.bullet-list.is-dash li:before {
  top: 0.6875rem;
  width: 0.375rem;
  height: 0.125rem;
  background-color: var(--bbc-color-text-natural-1);
}
.bullet-list.is-circle {
  padding-left: 0.25rem;
}
.bullet-list.is-circle li:before {
  top: 0.625rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: var(--bbc-border-radius-circle);
  background-color: var(--bbc-color-text-natural-1);
}
.bullet-list.is-circle.is-xs li:before {
  top: 0.5625rem;
  width: 0.1875rem;
  height: 0.1875rem;
}
.bullet-list.is-circle.is-sm li:before {
  top: 0.5625rem;
}
.bullet-list.is-star {
  padding-left: 0.125rem;
}
.bullet-list.is-star li:before {
  content: "*";
}
.bullet-list.is-reference li {
  padding-left: 1.25rem;
}
.bullet-list.is-reference li:before {
  content: "※";
}
.bullet-text {
  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: flex;
  justify-content: center;
  align-items: center;
  color: var(--bbc-color-icon-natural-0);
}
.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;
  --tooltip-offset-block: 0.625rem;
  --arrow-x: 50%;
  --arrow-y: 50%;
}
.custom-tooltip.is-visible {
  display: block;
}
.custom-tooltip .custom-tooltip-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 2rem;
  max-width: 16.5625rem;
  padding: 0.375rem 0.625rem;
  border-radius: var(--bbc-border-radius-6);
  background-color: var(--bbc-color-etc-balloon-fill);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-400);
}
.custom-tooltip .custom-tooltip-inner .desc {
  word-break: break-all;
}
.custom-tooltip .custom-tooltip-inner.interactive {
  pointer-events: auto;
}
.custom-tooltip:after,
.custom-tooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  transform: translateZ(0);
  pointer-events: none;
}
.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);
  border-bottom: var(--tooltip-arrow-gap-inner) solid transparent;
}
.custom-tooltip.is-dir-bottom:after,
.custom-tooltip.is-dir-bottom:before {
  left: var(--arrow-x);
  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-bottom:before {
  top: calc(var(--tooltip-gap) + var(--tooltip-arrow-gap-inner));
  border-bottom: var(--tooltip-arrow-size) solid var(--bbc-color-etc-balloon-fill);
}
.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.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);
  border-top: var(--tooltip-arrow-gap-inner) solid transparent;
}
.custom-tooltip.is-dir-top:after,
.custom-tooltip.is-dir-top:before {
  left: var(--arrow-x);
  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));
  border-top: var(--tooltip-arrow-size) solid var(--bbc-color-etc-balloon-fill);
}
.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.is-dir-left {
  padding-right: calc(var(--tooltip-gap) + var(--tooltip-arrow-size) + var(--tooltip-arrow-gap-inner));
}
.custom-tooltip.is-dir-left:after {
  right: var(--tooltip-gap);
  border-left: var(--tooltip-arrow-gap-inner) solid transparent;
}
.custom-tooltip.is-dir-left:after,
.custom-tooltip.is-dir-left:before {
  top: var(--arrow-y);
  border-top: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-right: 0;
  border-bottom: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  transform: translateY(-50%);
}
.custom-tooltip.is-dir-left:before {
  right: calc(var(--tooltip-gap) + var(--tooltip-arrow-gap-inner));
  border-left: var(--tooltip-arrow-size) solid var(--bbc-color-etc-balloon-fill);
}
.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.is-dir-right {
  padding-left: calc(var(--tooltip-gap) + var(--tooltip-arrow-size) + var(--tooltip-arrow-gap-inner));
}
.custom-tooltip.is-dir-right:after {
  left: var(--tooltip-gap);
  border-right: var(--tooltip-arrow-gap-inner) solid transparent;
}
.custom-tooltip.is-dir-right:after,
.custom-tooltip.is-dir-right:before {
  top: var(--arrow-y);
  border-top: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-bottom: calc(var(--tooltip-arrow-width) / 2) solid transparent;
  border-left: 0;
  transform: translateY(-50%);
}
.custom-tooltip.is-dir-right:before {
  left: calc(var(--tooltip-gap) + var(--tooltip-arrow-gap-inner));
  border-right: var(--tooltip-arrow-size) solid var(--bbc-color-etc-balloon-fill);
}
.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));
}
.custom-apexchart-tooltip .custom-tooltip-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 2rem;
  max-width: 16.5625rem;
  padding: 0.375rem 0.625rem;
  border-radius: var(--bbc-border-radius-6);
  background-color: var(--bbc-color-etc-balloon-fill);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l1-400);
}
.custom-apexchart-tooltip .custom-tooltip-inner .desc {
  word-break: break-all;
}
.custom-apexchart-tooltip .custom-tooltip-inner.interactive {
  pointer-events: auto;
}
.snackbar-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;
  -ms-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: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  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 {
  overflow: hidden;
  width: 100%;
  padding: 1.875rem 2rem;
  border-radius: 1rem;
}
.box img {
  height: 100%;
  object-fit: cover;
}
.box img,
.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;
}
.download-item,
.link-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;
}
.download-item .icon,
.link-item .icon {
  color: var(--bbc-color-icon-brand-primary);
  transition: color 0.2s;
}
.download-item:has(i.icon):not(:has(span, strong, em, .btn-label)),
.link-item:has(i.icon):not(:has(span, strong, em, .btn-label)) {
  padding: 0;
}
[data-env~="hover:hover"] .download-item:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[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:hoverless"] .download-item:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[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:mixed"] .download-item:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]),
[data-env~="hover:mixed"] .link-item:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--bbc-color-fill-natural-1);
}
.is-active.download-item,
.is-active.link-item {
  background-color: var(--bbc-color-fill-natural-2);
}
.download-item:disabled,
.is-disabled.download-item,
.is-disabled.link-item,
.link-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;
}
.download-item:disabled .icon,
.is-disabled.download-item .icon,
.is-disabled.link-item .icon,
.link-item:disabled .icon {
  color: var(--bbc-color-icon-disable-1);
}
.is-full.download-item,
.is-full.link-item {
  display: flex;
  justify-content: center;
  width: 100%;
}
.download-item .item-info,
.link-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);
}
.download-item .item-info .icon,
.link-item .item-info .icon {
  flex: 0 0 auto;
  margin-right: 0.375rem;
}
.download-item .item-info .name,
.link-item .item-info .name {
  flex: 1 1 auto;
  display: flex;
  margin-right: 0.5rem;
}
.download-item .item-info .name .basename,
.link-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;
}
.download-item a,
.download-item button,
.link-item a,
.link-item button {
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0.3125rem 0.625rem 0.3125rem 0.5rem;
}
.download-item:disabled .item-info .icon,
.is-disabled.download-item .item-info .icon,
.is-disabled.link-item .item-info .icon,
.link-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;
  }
}
@media (max-width: 767px) {
  .search-area .search-filters .search-filters-field .search-filters-combo .choice-group .choice-chip {
    width: calc(50% - 0.375rem) !important;
  }
}
@media (max-width: 767px) {
  .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;
  }
}
@media (max-width: 767px) {
  .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: 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: 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;
  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 .alert-body {
  display: flex;
  flex-direction: column;
}
.alert .alert-body {
  padding: 2rem 1.5rem 1.5rem;
  text-align: center;
}
.alert .alert-body .alert-title {
  font: var(--bbc-typo-t4-600);
}
.alert .alert-body .alert-title + .alert-desc {
  margin-top: 0.5rem;
}
.alert .alert-body .alert-desc {
  display: flex;
  flex-direction: column;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
}
.alert .alert-body .alert-desc .list-wrap {
  text-align: left;
  list-style-type: disc;
}
.alert .alert-body .alert-desc .list-wrap .item {
  margin-left: 0.875rem;
}
.alert .alert-body .alert-desc .list-wrap .item::marker {
  color: var(--bbc-color-element-marker);
  font-size: 0.9em;
}
.alert .alert-body .alert-highlight-word {
  color: var(--bbc-color-text-required-0);
}
.alert .alert-body .btn-set {
  margin-top: 1.75rem;
}
#customize-json-preview .alert {
  max-width: 1000px;
}
#customize-json-preview .alert pre {
  text-align: left;
}
.modal-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,
.modal-container.is-open {
  display: flex;
}
.modal {
  position: relative;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  max-width: 46.875rem;
  min-height: 15.625rem;
  margin: auto;
  border-radius: 1rem;
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-fill-accent-0);
}
.modal .modal-head {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  padding: 1.5rem 1.5rem 1rem;
}
@media (max-width: 767px) {
  .modal .modal-head {
    padding: 0.625rem 1.25rem;
  }
}
.modal .modal-head .modal-title {
  display: flex;
  align-items: center;
  font: var(--bbc-typo-t3-700);
}
.modal .modal-head .modal-action {
  align-self: flex-start;
  margin-left: auto;
}
.modal .modal-head .modal-action .btn-close {
  display: flex;
  color: var(--bbc-color-icon-natural-2);
}
.modal .modal-head .modal-action .btn-close:before {
  content: "\e83b";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
@media (max-width: 767px) {
  .modal .modal-head .modal-action .btn-close:before {
    width: 2rem;
    height: 2rem;
    font-size: 2rem;
  }
}
.modal .modal-body {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.25rem 1.25rem 0.75rem;
  border-top: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  background-color: var(--bbc-color-fill-natural-0);
}
@media (max-width: 767px) {
  .modal .modal-body {
    padding: 1rem 1rem 0.75rem;
  }
}
.modal .modal-body:last-child {
  padding-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .modal .modal-body:last-child {
    padding-bottom: 1rem;
  }
}
.modal .modal-body .modal-subtitle {
  margin-bottom: 1.25rem;
  font: var(--bbc-typo-t4-600);
}
.modal .modal-body .modal-msg {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.modal .modal-body .modal-msg .desc {
  font-weight: var(--bbc-font-weight-400);
}
.modal .modal-body .modal-msg .desc p:not(:last-child) {
  margin-bottom: 0.75rem;
}
.modal .modal-body-inner {
  overflow: hidden;
  padding: 1.25rem;
  border-radius: 0.75rem;
  background-color: var(--bbc-color-layer-floor-0);
}
@media (max-width: 767px) {
  .modal .modal-body-inner {
    padding: 1rem;
  }
}
.modal .modal-body-inner.is-fit {
  padding: 0;
}
.modal .modal-foot {
  padding: 0 1.25rem 1.25rem;
  background-color: var(--bbc-color-fill-natural-0);
}
@media (max-width: 767px) {
  .modal .modal-foot {
    padding: 0 1rem 1rem;
  }
}
[data-scroll="inner"].modal {
  max-height: 100%;
}
[data-scroll="inner"].modal .modal-body {
  display: block;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.is-sm.modal {
  max-width: 26.25rem;
}
.is-lg.modal {
  max-width: 57.5rem;
}
.is-xl.modal {
  max-width: 82.5rem;
}
.meal-detail-head {
  display: flex;
  gap: 1rem;
  margin-bottom: 0.625rem;
  padding: 0.625rem;
}
@media (max-width: 767px) {
  .meal-detail-head {
    position: relative;
    padding-top: 1.25rem;
  }
}
.meal-detail-head:before {
  content: "";
  flex: 0 0 auto;
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: var(--bbc-border-radius-12);
  background: var(--bbc-color-fill-natural-5) url(../images/main/img_meal_sm.svg) no-repeat bottom;
  background-size: cover;
}
.meal-detail-body {
  padding: 1.25rem;
  border-radius: 0.75rem;
  background-color: var(--bbc-color-layer-floor-0);
}
@media (max-width: 767px) {
  .meal-detail-body {
    padding: 1rem;
  }
}
.meal-detail-title {
  margin-bottom: 0.5rem;
  font: var(--bbc-typo-b2-600);
}
.meal-detail .divider {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.meal-detail .meal-meta {
  flex: 1;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-top: 0.25rem;
}
@media (max-width: 767px) {
  .meal-detail .meal-meta {
    flex-direction: column;
  }
}
.meal-detail .meal-meta .date {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l3-400);
}
@media (max-width: 767px) {
  .meal-detail .meal-meta .date {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
  .meal-detail .meal-meta .calorie {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
}
.meal-detail .meal-meta .calorie .title {
  margin-bottom: -0.3125rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-l3-500);
}
@media (max-width: 767px) {
  .meal-detail .meal-meta .calorie .title {
    margin-bottom: 0;
  }
}
.meal-detail .meal-meta .calorie .value {
  font: var(--bbc-typo-t2-700);
}
.meal-detail .meal-meta .calorie .unit {
  font: var(--bbc-typo-st1-600);
}
.meal-detail .meal-menu {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  width: 100%;
  text-align: center;
}
.meal-detail .meal-menu li {
  font: var(--bbc-typo-l1-500);
  word-break: break-all;
}
.meal-detail .meal-nutrition-wrap {
  overflow: hidden;
}
.meal-detail .meal-nutrition {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: -0.0625rem;
}
@media (max-width: 767px) {
  .meal-detail .meal-nutrition {
    grid-template-columns: 1fr;
  }
}
.meal-detail .meal-nutrition dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  border-bottom: 0.0625rem solid var(--bbc-color-stroke-natural-0);
  color: var(--bbc-color-text-natural-1);
}
.meal-detail .meal-nutrition dl dt {
  font: var(--bbc-typo-b4-400);
}
.meal-detail .meal-nutrition dl dd {
  font: var(--bbc-typo-b4-700);
}
.edutech-service-grid {
  position: relative;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(12, 1fr);
}
.edutech-service-grid .service-item {
  position: relative;
  grid-column: span 3;
}
.edutech-service-grid .service-item.is-drag-over .symbol-box {
  outline: 0.125rem dashed var(--bbc-color-stroke-brand-primary);
  transform: scale(1.05);
  transition:
    transform 0.2s,
    outline 0.2s;
}
.edutech-service-grid .service-item .symbol-box {
  height: 9.375rem;
}
.edutech-service-grid .service-item .symbol-box img {
  margin-top: 0.75rem;
}
.edutech-service-grid .service-item .symbol-box .service-choice {
  position: absolute;
  top: 0.625rem;
  right: 0.5rem;
  z-index: 1;
}
.edutech-service-grid .service-item .symbol-box .btn-item-drag {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0.625rem 0.5rem;
  border-radius: var(--bbc-border-radius-8);
  cursor: grab;
  user-select: none;
  touch-action: none;
}
.edutech-service-grid .service-item .symbol-box .btn-item-drag:before {
  content: "\e846";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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;
}
[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"]),
[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"]),
[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"]) {
  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(../images/main/thumb_entry_requested.png);
  background-position: 50%;
  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: 50%;
  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;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-400);
}
#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: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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 .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,
#modal_report .report-notice p {
  color: var(--bbc-color-text-natural-1);
}
#modal_report .report-notice p {
  flex: 1;
  font: var(--bbc-typo-b3-400);
}
#modal_report .report-content {
  margin: 1.875rem 0;
}
#modal_report .report-content,
#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-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,
.popup-container.is-open {
  display: flex;
}
.popup {
  position: relative;
  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: #97c2ff;
  font-weight: var(--bbc-font-weight-700);
}
.alert-tray-head .popup-title .megaphone-img {
  height: 110px;
}
@media (max-width: 767px) {
  .alert-tray-head .popup-title .megaphone-img {
    height: 48px;
  }
}
.alert-tray-head .popup-title .megaphone-img img {
  width: auto;
  height: 100%;
}
.alert-tray-body #alert-tray-carousel {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  margin: auto 0.25rem;
}
.alert-tray-body #alert-tray-carousel.is-single .carousel-track {
  width: 100%;
}
.alert-tray-body #alert-tray-carousel.is-single .swiper {
  width: fit-content;
}
.alert-tray-body #alert-tray-carousel.is-single .swiper-wrapper {
  justify-content: center;
}
.alert-tray-body #alert-tray-carousel .carousel-track {
  order: 2;
}
.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:active 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:hover 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;
  object-fit: cover;
}
.alert-tray-body #alert-tray-carousel .carousel-btn-next,
.alert-tray-body #alert-tray-carousel .carousel-btn-prev {
  position: static;
}
@media (max-width: 1180px) {
  .alert-tray-body #alert-tray-carousel .carousel-btn-next,
  .alert-tray-body #alert-tray-carousel .carousel-btn-prev {
    position: absolute;
    top: auto;
    bottom: -3.75rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  .alert-tray-body #alert-tray-carousel .carousel-btn-next .icon:before,
  .alert-tray-body #alert-tray-carousel .carousel-btn-prev .icon:before {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
  }
}
.alert-tray-body #alert-tray-carousel .carousel-btn-next .icon,
.alert-tray-body #alert-tray-carousel .carousel-btn-prev .icon {
  color: var(--bbc-color-icon-accent-0);
}
.alert-tray-body #alert-tray-carousel .carousel-btn-next:after,
.alert-tray-body #alert-tray-carousel .carousel-btn-prev: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: auto;
  }
}
@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: auto;
  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: auto;
  }
}
@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: fit-content;
    margin: 1.25rem auto 0;
  }
}
@media (max-width: 1180px) {
  .alert-tray-foot .btn-set-group {
    flex-direction: column;
    gap: 2.5rem;
  }
}
.alert-tray-foot .btn-set-group .carousel-controller {
  gap: 0.5rem;
}
.alert-tray-foot .btn-set-group .carousel-controller .carousel-btn-prev {
  margin-right: 0.75rem;
}
.alert-tray-foot .btn-set-group .carousel-controller .carousel-btn-next {
  margin-left: 0.75rem;
}
@media (max-width: 1180px) {
  .alert-tray-foot .btn-set-group .btn-set:last-child button {
    height: 3rem;
    padding: 0.3125rem 1.125rem;
    font: var(--bbc-typo-btn3-500);
  }
}
#widget-container {
  --bbc-widget-1col-max: 434px;
  --bbc-widget-2col-max: 892px;
  --bbc-widget-3col-max: 1350px;
  --bbc-widget-height: 490px;
  --bbc-widget-gap: 24px;
  margin: 0 auto;
  padding: 0 30px;
}
@media (max-width: 1366px) {
  #widget-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  #widget-container {
    --bbc-widget-gap: 16px;
    max-width: 100%;
    padding: 0 18px;
  }
}
.widget-item {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 100%;
  min-width: var(--bbc-widget-1col-max);
  height: var(--bbc-widget-height);
  border-radius: var(--bbc-border-radius-20);
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-layer-floor-0);
  transition: all 0.3s ease;
}
.widget-item .widget-head {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.5625rem 1.875rem 1.25rem;
}
@media (max-width: 767px) {
  .widget-item .widget-head {
    padding: 1.125rem 1.5rem 1.25rem;
  }
}
.widget-item .widget-head .widget-head-left {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.widget-item .widget-title {
  font: var(--bbc-typo-t3-700);
}
.widget-item .widget-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 0 1.875rem 1.875rem;
  container-name: widget-body;
  container-type: inline-size;
}
@media (max-width: 767px) {
  .widget-item .widget-body {
    padding: 0 1.5rem 1.5rem;
  }
}
@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;
  }
}
@media (max-width: 767px) {
  .widget-item {
    min-width: auto;
    height: auto;
  }
}
#widget-grid {
  display: flex;
  flex-flow: row wrap;
  gap: var(--bbc-widget-gap);
}
@media (max-width: 767px) {
  #widget-grid {
    flex-direction: column;
  }
}
#widget-grid[data-widgetgrid-ready="false"] {
  visibility: hidden;
  opacity: 0;
}
[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-grid {
  gap: var(--bbc-widget-gap);
}
[data-widget~="grid-mode:basic"] .widget-item {
  flex: 1 1 var(--bbc-widget-1col-max);
  max-width: none;
}
@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"] {
  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"] {
  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"] {
  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"].grid-basic-narrow .widget-item {
  max-width: 100% !important;
}
[data-widget~="grid-mode:full"] #widget-container {
  max-width: 100%;
}
[data-widget~="grid-mode:full"] #widget-grid {
  gap: var(--bbc-widget-gap);
}
[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%;
  }
}
[data-widget~="grid-mode:full-opt"] #widget-container {
  max-width: 100%;
}
[data-widget~="grid-mode:full-opt"] #widget-grid {
  gap: var(--bbc-widget-gap);
}
[data-widget~="grid-mode:full-opt"] .widget-item {
  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) {
  #widget-grid {
    flex-direction: column !important;
  }
  .widget-item {
    flex-basis: auto !important;
    width: 100% !important;
    height: auto !important;
  }
}
#widget-my-classroom .widget-body .js-scroll-container.js-has-scroll:after {
  display: none;
}
#widget-my-classroom .widget-body .segmented {
  flex: 0 0 auto;
  align-self: center;
  margin-bottom: 2.5rem;
}
#widget-my-classroom .widget-body .segmented .segmented-label {
  width: max-content;
}
#widget-my-classroom .widget-body .classroom {
  height: 100%;
}
@media (max-width: 767px) {
  #widget-my-classroom .widget-body .classroom .empty-state {
    min-height: auto;
  }
}
#widget-my-classroom .widget-body .classroom .classroom-list {
  display: grid;
  gap: 1.5rem;
}
@container widget-body (max-width: 800px) {
  #widget-my-classroom[data-space="3"] .widget-body .segmented {
    margin-bottom: 1.25rem;
  }
}
#widget-my-classroom[data-space="3"] .widget-body .classroom {
  height: 18.625rem;
}
@container widget-body (max-width: 800px) {
  #widget-my-classroom[data-space="3"] .widget-body .classroom {
    height: 20rem;
  }
}
#widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list {
  grid-template-columns: repeat(6, 1fr);
}
@container widget-body (max-width: 1120px) {
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@container widget-body (max-width: 1009px) {
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(4, 1fr);
  }
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
    height: 8.875rem;
  }
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb:after {
    background-size: contain;
  }
}
@container widget-body (max-width: 814px) {
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@container widget-body (max-width: 550px) {
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(2, 1fr);
  }
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
    height: 8.875rem;
  }
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb:after {
    background-size: contain;
  }
}
@container widget-body (max-width: 388px) {
  #widget-my-classroom[data-space="3"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@container widget-body (width < 662px) {
  #widget-my-classroom[data-space="2"] .widget-body .segmented {
    margin-bottom: 1.25rem;
  }
}
#widget-my-classroom[data-space="2"] .widget-body .classroom {
  height: 18.375rem;
}
#widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
  grid-template-columns: repeat(3, 1fr);
}
@container widget-body (width >= 662px) and (width <= 892px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@container widget-body (width > 892px) and (width <= 1006px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(4, 1fr);
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
    height: 8.875rem;
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb:after {
    background-size: contain;
  }
}
@container widget-body (width > 1006px) and (width <= 1195px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(5, 1fr);
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
    height: 8.875rem;
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb:after {
    background-size: contain;
  }
}
@container widget-body (width > 1195px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(6, 1fr);
  }
}
@container widget-body (width >= 558px) and (width <= 814px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(3, 1fr);
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
    height: 8.875rem;
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb:after {
    background-size: contain;
  }
}
@container widget-body (width < 558px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(2, 1fr);
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
    height: 8.875rem;
  }
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb:after {
    background-size: contain;
  }
}
@container widget-body (width <= 388px) {
  #widget-my-classroom[data-space="2"] .widget-body .classroom .classroom-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
#widget-my-classroom[data-space="1"] .widget-body .segmented {
  margin-bottom: 1.25rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom {
  height: 20rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list {
  grid-template-columns: repeat(1, 1fr);
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item {
  display: flex;
  gap: 1.25rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb {
  width: 7.8125rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-head .thumb .thumb-overlay-text {
  font: var(--bbc-typo-b4-700);
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info {
  margin-top: 0;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .classroom-title {
  margin: 0.125rem 0 0.375rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .classroom-meta {
  display: flex;
  flex-flow: initial;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .classroom-meta .classroom-capacity {
  order: 2;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .classroom-meta .classroom-capacity .count-label {
  display: none;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .classroom-meta .classroom-period {
  position: relative;
  order: 1;
  padding-right: 0.75rem;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .classroom-meta .classroom-period:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.375rem;
  width: 0.0625rem;
  height: 0.75rem;
  background-color: var(--bbc-color-stroke-natural-0);
  transform: translateY(-50%);
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .btn-set {
  justify-content: left;
}
#widget-my-classroom[data-space="1"] .widget-body .classroom .classroom-list .classroom-item .classroom-info .btn-set .btn {
  width: fit-content;
}
#widget-my-classroom .classroom-item .classroom-head {
  position: relative;
}
#widget-my-classroom .classroom-item .classroom-head .chip {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 1;
}
#widget-my-classroom .classroom-item .classroom-head .thumb {
  position: relative;
  overflow: hidden;
  border-radius: var(--bbc-border-radius-8);
}
#widget-my-classroom .classroom-item .classroom-head .thumb.is-entry-requested:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.72);
  background-image: url(../images/main/thumb_entry_requested.png);
  background-position: 50%;
  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 {
  object-fit: cover;
}
#widget-my-classroom .classroom-item .classroom-info {
  margin: 1rem 0 0;
  padding: 0 0.375rem;
}
#widget-my-classroom .classroom-item .classroom-info .classroom-title {
  margin-bottom: 0.5rem;
  font: var(--bbc-typo-b3-700);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta {
  display: flex;
  flex-flow: column wrap;
  gap: 0.125rem;
  margin-bottom: 1.375rem;
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-capacity {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-capacity .count-label {
  position: relative;
  padding-right: 0.75rem;
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-capacity .count-label:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.375rem;
  width: 0.0625rem;
  height: 0.75rem;
  background-color: var(--bbc-color-stroke-natural-0);
  transform: translateY(-50%);
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-capacity .count-label,
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-capacity .count-value {
  font: var(--bbc-typo-b4-500);
}
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-period,
#widget-my-classroom .classroom-item .classroom-info .classroom-meta .classroom-period .period-separator {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
#widget-academic-calendar {
  display: flex;
  flex-direction: column;
}
#widget-academic-calendar .widget-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#widget-academic-calendar .calendar {
  flex: 1 1 auto;
  padding: 0 0.375rem;
}
#widget-academic-calendar .calendar table {
  border-collapse: separate;
  border-spacing: 2px 4px;
}
#widget-academic-calendar .calendar table thead tr th {
  padding: 0;
}
#widget-academic-calendar .calendar table thead tr th .date-name {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.75rem;
  font-size: var(--bbc-typo-b4-700);
}
#widget-academic-calendar .calendar table tbody tr td {
  padding: 0;
  cursor: pointer;
}
#widget-academic-calendar .calendar table tbody tr td.today .number {
  background-color: var(--bbc-color-fill-natural-0);
}
#widget-academic-calendar .calendar table tbody tr td.is-selected .number {
  background-color: var(--bbc-color-fill-brand-primary) !important;
  color: var(--bbc-color-text-accent-0) !important;
  font-weight: var(--bbc-font-weight-600) !important;
}
#widget-academic-calendar .calendar table tbody tr td .date-num {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
}
#widget-academic-calendar .calendar table tbody tr td .date-num .number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: var(--bbc-border-radius-max);
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b4-400);
}
#widget-academic-calendar .calendar table tbody tr td .date-num .event-dot {
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
  margin: 0.1875rem auto auto;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-fill-brand-primary);
}
#widget-academic-calendar .divider {
  margin: 0 0.375rem 1rem;
  border-top: 1px solid var(--bbc-color-stroke-natural-5);
}
#widget-academic-calendar .event-container {
  height: 3.9375rem;
  padding: 0 0.375rem;
}
#widget-academic-calendar .event-container .event-list li {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-l2-500);
}
#widget-academic-calendar .event-container .event-list li:not(:last-child) {
  margin-bottom: 0.1875rem;
}
#widget-academic-calendar .event-container .event-list li:before {
  content: "";
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-fill-brand-primary);
}
#widget-user-guide {
  display: flex;
  flex-direction: column;
}
#widget-user-guide .widget-body {
  flex: 1 1 auto;
  display: flex;
}
#widget-user-guide .widget-body .guide-list {
  flex: 1;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
  #widget-user-guide .widget-body .guide-list {
    gap: 0.75rem;
  }
}
#widget-user-guide .widget-body .guide-list li {
  width: 100%;
  height: 100%;
}
#widget-user-guide .widget-body .guide-list li .symbol-box {
  display: inline-flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#widget-communication-board .widget-head {
  padding-bottom: 1.25rem;
}
#widget-communication-board .widget-body {
  height: 25.3125rem;
}
@media (max-width: 767px) {
  #widget-communication-board .widget-body {
    height: 18.875rem;
  }
}
#widget-communication-board .widget-body .board-list {
  display: flex;
  flex-direction: column;
  margin: 0.125rem 0;
}
#widget-communication-board .widget-body .board-list li {
  border-bottom: 1px solid var(--bbc-color-stroke-natural-0);
}
#widget-communication-board .widget-body .board-list li:first-child a {
  padding: 0 0.25rem 1.125rem 0;
}
#widget-communication-board .widget-body .board-list li:last-child {
  border-bottom: 0;
}
#widget-communication-board .widget-body .board-list li a {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin-left: 0.25rem;
  padding: 1.125rem 0.25rem;
}
#widget-communication-board .widget-body .board-list li a .icon-file-text {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-right: 0.625rem;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-fill-natural-0);
  color: var(--bbc-color-icon-natural-0);
}
#widget-communication-board .widget-body .board-list li a span {
  flex: 1;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b2-600);
}
#widget-question-bank .widget-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: 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: 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: 50%;
  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:first-child a .rank-title:before {
  background-image: url(../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(../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(../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(../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: 50%;
  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:first-child .subject-data:after {
  background-image: url(../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(../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(../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(../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(../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:first-child .subject-data:after {
  background-image: url(../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(../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(../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(../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(../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(../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(../images/main/img_meal.svg) no-repeat bottom;
  transition: all 0.5s;
}
@media (max-width: 1366px) {
  #widget-meal-table .meal-calendar .calendar-head {
    flex: 0 0 auto;
    padding: 2.4375rem 1.5rem 1.25rem;
  }
}
#widget-meal-table .meal-calendar .calendar-navigator {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
#widget-meal-table .meal-calendar .calendar-navigator-label {
  position: relative;
  min-width: 4.3125rem;
}
#widget-meal-table .meal-calendar .calendar-navigator-label .year {
  position: absolute;
  top: -2.4375rem;
  left: 50%;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-d3-700);
  transform: translateX(-50%);
}
#widget-meal-table .meal-calendar .calendar-navigator-label .month {
  font: var(--bbc-typo-d2-700);
}
#widget-meal-table .meal-calendar .calendar-navigator-btn-prev {
  width: 2.5rem;
  height: 2.5rem;
}
#widget-meal-table .meal-calendar .calendar-navigator-btn-prev:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
#widget-meal-table .meal-calendar .calendar-navigator-btn-next {
  width: 2.5rem;
  height: 2.5rem;
}
#widget-meal-table .meal-calendar .calendar-navigator-btn-next:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
#widget-meal-table .meal-calendar .calendar-body {
  flex: 1 1 auto;
  padding: 2.5rem 1.875rem;
}
#widget-meal-table .meal-calendar table {
  width: 100%;
  max-width: 415px;
  margin: 0 auto;
  text-align: center;
  border-collapse: separate;
  border-spacing: 1.5rem 0;
}
@media (max-width: 1366px) {
  #widget-meal-table .meal-calendar table {
    border-spacing: 0.875rem 0;
  }
}
#widget-meal-table .meal-calendar table thead {
  position: relative;
}
#widget-meal-table .meal-calendar table thead:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: calc(100% + 2.5rem);
  height: 0.0625rem;
  background-color: var(--bbc-color-stroke-natural-3);
  transform: translateX(-50%);
  transition: all 0.5s;
}
@media (max-width: 1280px) {
  #widget-meal-table .meal-calendar table thead:after {
    width: calc(100% + 1.25rem);
  }
}
#widget-meal-table .meal-calendar table thead th {
  padding: 0.5rem;
  font: var(--bbc-typo-l1-700);
}
#widget-meal-table .meal-calendar table tbody tr {
  position: relative;
}
#widget-meal-table .meal-calendar table tbody tr:first-child td {
  padding-top: 0.8125rem;
}
#widget-meal-table .meal-calendar table tbody tr:not(:last-child):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--bbc-color-stroke-natural-0);
}
#widget-meal-table .meal-calendar table tbody td {
  padding: 0.4375rem 0.875rem;
  transition: all 0.5s;
}
@media (max-width: 1366px) {
  #widget-meal-table .meal-calendar table tbody td {
    padding: 0.4375rem 0.625rem;
  }
}
#widget-meal-table .meal-calendar table .date-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--bbc-border-radius-8);
}
#widget-meal-table .meal-calendar table .date-btn .number {
  font: var(--bbc-typo-b3-400);
}
#widget-meal-table .meal-calendar table .date-btn.is-today {
  background-color: var(--bbc-color-fill-brand-primary-subtle-hovered);
}
#widget-meal-table .meal-calendar table .date-btn.is-selected {
  background-color: var(--bbc-color-fill-brand-primary);
}
#widget-meal-table .meal-calendar table .date-btn.is-selected .number {
  color: var(--bbc-color-text-accent-0);
  font-weight: var(--bbc-font-weight-700);
}
#widget-meal-table .meal-schedule {
  flex: 1 1 auto;
  text-align: center;
}
#widget-meal-table .meal-day {
  display: flex;
  flex-direction: column;
}
#widget-meal-table .meal-day-head {
  padding: 0.25rem 0;
}
#widget-meal-table .meal-day-head .title {
  font: var(--bbc-typo-b3-500);
}
#widget-meal-table .meal-day-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 16.5rem;
  padding: 0.25rem 0;
}
#widget-meal-table .meal-day-body .meal-menu {
  height: 100%;
}
#widget-meal-table .meal-day-body .menu {
  padding: 0.25rem 0.625rem;
  font: var(--bbc-typo-b3-500);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
#widget-meal-table .meal-day-body .menu.is-divider {
  padding: 0.4375rem 0.625rem;
  color: var(--bbc-color-icon-disable-0);
}
#widget-meal-table .meal-day-body .menu.is-divider:before {
  content: "\e820";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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(2n) .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;
  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 {
    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-daily,
#widget-meal-table[data-space="3"] .meal-schedule-weekly {
  display: none;
}
@media (max-width: 1180px) {
  #widget-meal-table[data-space="3"] .meal-calendar,
  #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,
#widget-meal-table[data-space="2"] .meal-schedule-daily,
#widget-meal-table[data-space="2"] .meal-schedule-monthly {
  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"] .meal-calendar,
#widget-meal-table[data-space="1"] .meal-schedule-monthly,
#widget-meal-table[data-space="1"] .meal-schedule-weekly,
#widget-meal-table[data-space="1"] .widget-head .arrow-navigator.is-weekly {
  display: none;
}
#widget-learning-resources .widget-body {
  container-name: widget-body;
  container-type: inline-size;
}
#widget-learning-resources .widget-body .resources {
  display: flex;
  gap: 1.875rem;
  height: 100%;
}
#widget-learning-resources .widget-body .resources .resource-current {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current {
    gap: 0.875rem;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content {
  display: flex;
  gap: 1.875rem;
  padding: 0.625rem 0;
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content {
    gap: 0.875rem;
    padding: 0;
  }
}
@media (max-width: 640px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content {
    flex-direction: column;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-thumbnail {
  flex-shrink: 0;
  overflow: hidden;
  width: 19.375rem;
  height: 14.5625rem;
  border-radius: var(--bbc-border-radius-8);
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-thumbnail {
    width: 15.25rem;
    height: 11.4375rem;
  }
}
@media (max-width: 640px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-thumbnail {
    width: 100%;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details {
  flex: 1;
  min-width: 0;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-title {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-b3-700);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  word-break: break-all !important;
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-title {
    margin-bottom: 0.3125rem;
  }
}
@media (max-width: 640px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-title {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-description {
  margin-bottom: 1.25rem;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  word-break: break-all !important;
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-description {
    display: none !important;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta {
    margin-bottom: 1rem;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta .resource-author,
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta .resource-date {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b4-400);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta .resource-author {
  position: relative;
  padding-right: 1rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-meta .resource-author:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.375rem;
  width: 1px;
  height: 0.75rem;
  background-color: var(--bbc-color-stroke-natural-0);
  transform: translateY(-50%);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-stats .resource-stats-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-stats .resource-stats-item .icon,
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-stats .resource-stats-item .resource-stats-text {
  color: var(--bbc-color-text-natural-1);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-content .resource-details .resource-stats .resource-stats-item .resource-stats-text {
  font: var(--bbc-typo-b4-400);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination {
  padding: 1.375rem 1.5rem;
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-0);
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-pagination {
    padding: 0.75rem 0 0;
    border-top: 1px solid var(--bbc-color-stroke-natural-0);
    border-radius: 0;
    background-color: transparent;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-list {
  display: flex;
  justify-content: space-between;
  gap: 0.625rem;
}
#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,
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item:last-child .resource-pagination-label {
  order: 2;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item:last-child .resource-pagination-thumbnail {
  order: 1;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label .icon {
  color: var(--bbc-color-icon-natural-0);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-text {
  color: var(--bbc-color-text-natural-1);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-label .resource-pagination-text {
  font: var(--bbc-typo-btn3-600);
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-thumbnail {
  overflow: hidden;
  width: 5.125rem;
  height: 3.875rem;
  border: 1px solid var(--bbc-color-stroke-natural-1);
  border-radius: var(--bbc-border-radius-4);
}
@media (max-width: 767px) {
  #widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-thumbnail {
    display: none;
  }
}
#widget-learning-resources .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#widget-learning-resources .widget-body .resources .resource-related {
  width: 24.6875rem;
}
@media (max-width: 1180px) {
  #widget-learning-resources .widget-body .resources .resource-related {
    display: none;
  }
}
#widget-learning-resources .widget-body .resources .resource-related-title {
  margin-bottom: 1rem;
  font: var(--bbc-typo-st1-600);
}
#widget-learning-resources .widget-body .resources .resource-related .related-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#widget-learning-resources .widget-body .resources .resource-related .related-list .related-list-item .related-link {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
}
#widget-learning-resources .widget-body .resources .resource-related .related-list .related-list-item .related-link .related-thumbnail {
  flex-shrink: 0;
  overflow: hidden;
  width: 6.75rem;
  height: 5.125rem;
  border-radius: var(--bbc-border-radius-6);
}
#widget-learning-resources .widget-body .resources .resource-related .related-list .related-list-item .related-link .related-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#widget-learning-resources .widget-body .resources .resource-related .related-list .related-list-item .related-link .related-title {
  flex: 1;
  min-width: 0;
  font: var(--bbc-typo-b3-500);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  word-break: break-all !important;
}
#widget-learning-resources .widget-body .resources .resource-related .resource-pagination {
  margin-top: 0.9375rem;
  padding-top: 0.625rem;
  border-top: 1px solid var(--bbc-color-stroke-natural-0);
}
#widget-learning-resources .widget-body .resources .resource-related .resource-pagination .resource-pagination-list {
  display: flex;
  justify-content: space-between;
  gap: 0.625rem;
}
#widget-learning-resources .widget-body .resources .resource-related .resource-pagination .resource-pagination-list .resource-pagination-item .resource-pagination-button .resource-pagination-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
#widget-learning-resources
  .widget-body
  .resources
  .resource-related
  .resource-pagination
  .resource-pagination-list
  .resource-pagination-item
  .resource-pagination-button
  .resource-pagination-label
  .icon,
#widget-learning-resources
  .widget-body
  .resources
  .resource-related
  .resource-pagination
  .resource-pagination-list
  .resource-pagination-item
  .resource-pagination-button
  .resource-pagination-label
  .resource-pagination-text {
  color: var(--bbc-color-text-natural-1);
}
#widget-learning-resources
  .widget-body
  .resources
  .resource-related
  .resource-pagination
  .resource-pagination-list
  .resource-pagination-item
  .resource-pagination-button
  .resource-pagination-label
  .resource-pagination-text {
  font: var(--bbc-typo-btn3-600);
}
#widget-learning-resources
  .widget-body
  .resources
  .resource-related
  .resource-pagination
  .resource-pagination-list
  .resource-pagination-item
  .resource-pagination-button
  .resource-pagination-label
  .resource-pagination-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
}
#widget-learning-resources[data-space="2"] .widget-body .resources .resource-related {
  display: none;
}
#widget-learning-resources[data-space="1"] .widget-body .resources {
  flex-direction: column;
  gap: initial;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-content {
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-content .resource-thumbnail {
  width: 100%;
  height: 11.4375rem;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-content .resource-details .resource-title {
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  word-break: break-all !important;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-content .resource-details .resource-description {
  display: none !important;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-pagination {
  padding: 0.75rem 0 0;
  border-top: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0;
  background-color: transparent;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-pagination-list {
  display: flex;
  justify-content: space-between;
  gap: 0.625rem;
}
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-current .resource-pagination-item .resource-pagination-button .resource-pagination-thumbnail,
#widget-learning-resources[data-space="1"] .widget-body .resources .resource-related {
  display: none;
}
#widget-class-service .widget-body .edutech-desc,
#widget-edutech-service .widget-body .edutech-desc {
  position: relative;
  flex: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
  border-radius: var(--bbc-border-radius-12);
  background-color: var(--bbc-color-fill-natural-0);
}
@media (max-width: 1280px) {
  #widget-class-service .widget-body .edutech-desc,
  #widget-edutech-service .widget-body .edutech-desc {
    padding: 1rem;
  }
}
#widget-class-service .widget-body .edutech-desc .edutech-guide,
#widget-edutech-service .widget-body .edutech-desc .edutech-guide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  opacity: 0;
}
#widget-class-service .widget-body .edutech-desc .edutech-guide.is-active,
#widget-edutech-service .widget-body .edutech-desc .edutech-guide.is-active {
  opacity: 1;
}
#widget-class-service .widget-body .edutech-desc .edutech-guide .icon.icon-3d-arrow,
#widget-edutech-service .widget-body .edutech-desc .edutech-guide .icon.icon-3d-arrow {
  align-self: center;
  margin-bottom: 2.5rem;
}
#widget-class-service .widget-body .edutech-desc .edutech-guide-title,
#widget-edutech-service .widget-body .edutech-desc .edutech-guide-title {
  margin-bottom: 1rem;
  font: var(--bbc-typo-b2-600);
  text-align: center;
}
#widget-class-service .widget-body .edutech-desc .edutech-guide-title strong,
#widget-edutech-service .widget-body .edutech-desc .edutech-guide-title strong {
  color: var(--bbc-color-text-brand-primary);
  font: var(--bbc-typo-b2-600);
}
#widget-class-service .widget-body .edutech-desc .edutech-guide-sub,
#widget-edutech-service .widget-body .edutech-desc .edutech-guide-sub {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
  text-align: center;
}
#widget-class-service .widget-body .edutech-desc .edutech-service-desc,
#widget-edutech-service .widget-body .edutech-desc .edutech-service-desc {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2.5rem;
  transition: all 0.3s;
  opacity: 0;
}
@media (max-width: 1280px) {
  #widget-class-service .widget-body .edutech-desc .edutech-service-desc,
  #widget-edutech-service .widget-body .edutech-desc .edutech-service-desc {
    padding: 0.625rem;
  }
}
#widget-class-service .widget-body .edutech-desc .edutech-service-desc.is-active,
#widget-edutech-service .widget-body .edutech-desc .edutech-service-desc.is-active {
  opacity: 1;
}
#widget-class-service .widget-body .edutech-desc .edutech-service-desc-title,
#widget-edutech-service .widget-body .edutech-desc .edutech-service-desc-title {
  display: inline-block;
  width: 100%;
  margin-bottom: 1rem;
  font: var(--bbc-typo-b1-700);
  text-align: center;
}
#widget-class-service .widget-body .edutech-desc .edutech-service-desc-sub,
#widget-edutech-service .widget-body .edutech-desc .edutech-service-desc-sub {
  width: 100%;
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b3-400);
  text-align: center;
}
#widget-edutech-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-body .carousel-body .swiper-slide .symbol-box {
  justify-content: center;
  height: 11.375rem;
}
@media (max-width: 767px) {
  #widget-edutech-service .widget-body .carousel-body .swiper-slide .symbol-box {
    height: 9.1875rem;
  }
}
@media (max-width: 430px) {
  #widget-edutech-service .widget-body .carousel-body .swiper-slide .symbol-box {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
}
#widget-edutech-service .widget-body .carousel-body .swiper-slide:active .symbol-box,
#widget-edutech-service .widget-body .carousel-body .swiper-slide:hover .symbol-box {
  border: 0.0625rem solid var(--bbc-color-stroke-brand-primary);
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
}
#widget-edutech-service .widget-body .carousel-body .swiper-slide a {
  display: block;
  border-radius: var(--bbc-border-radius-12);
}
#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;
}
@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 {
  container-name: widget-container;
  container-type: inline-size;
}
#widget-class-service .widget-head-right {
  display: flex;
  gap: 0.5rem;
}
#widget-class-service .widget-head-right .arrow-navigator .arrow-navigator-label {
  justify-content: center;
  gap: 0.25rem;
}
@media (max-width: 767px) {
  #widget-class-service .widget-head-right .btn {
    display: none;
  }
}
#widget-class-service .widget-body {
  flex-direction: row;
  gap: 1.5rem;
  visibility: visible;
}
#widget-class-service .widget-body .edutech-list {
  width: 63.4544106746vw;
  max-width: 53.5rem;
}
#widget-class-service .widget-body .carousel-body .swiper-slide .symbol-box {
  justify-content: center;
  height: 11.375rem;
}
@media (max-width: 767px) {
  #widget-class-service .widget-body .carousel-body .swiper-slide .symbol-box {
    height: 9.1875rem;
  }
}
@media (max-width: 430px) {
  #widget-class-service .widget-body .carousel-body .swiper-slide .symbol-box {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
}
#widget-class-service .widget-body .carousel-body .swiper-slide:active .symbol-box,
#widget-class-service .widget-body .carousel-body .swiper-slide:hover .symbol-box {
  border: 0.0625rem solid var(--bbc-color-stroke-brand-primary);
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
}
#widget-class-service .widget-body .carousel-body .swiper-slide a {
  display: block;
  border-radius: var(--bbc-border-radius-12);
}
#widget-class-service .widget-body .carousel-body .swiper-slide a:focus-visible {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: -0.125rem;
}
@container widget-container (max-width: 1000px) {
  #widget-class-service .widget-body .edutech-list {
    width: 100%;
    max-width: none;
  }
  #widget-class-service .widget-body .edutech-desc {
    display: none;
  }
}
#widget-edutech-preview .widget-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%;
}
#widget-edutech-preview .widget-body .carousel-body .swiper-slide .symbol-box {
  justify-content: center;
  height: 11.375rem;
}
@media (max-width: 767px) {
  #widget-edutech-preview .widget-body .carousel-body .swiper-slide .symbol-box {
    height: 9.1875rem;
  }
}
@media (max-width: 430px) {
  #widget-edutech-preview .widget-body .carousel-body .swiper-slide .symbol-box {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
}
#widget-edutech-preview .widget-body .carousel-body .swiper-slide:active .symbol-box,
#widget-edutech-preview .widget-body .carousel-body .swiper-slide:hover .symbol-box {
  border: 0.0625rem solid var(--bbc-color-stroke-brand-primary);
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease-in-out;
}
#widget-edutech-preview .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 {
  outline: var(--bbc-color-util-focus) dashed 0.125rem;
  outline-offset: -0.125rem;
}
#dashboard-container {
  --bbc-widget-1col-max: 434px;
  --bbc-widget-2col-max: 892px;
  --bbc-widget-3col-max: 1350px;
  --bbc-widget-height: 490px;
  --bbc-widget-gap: 24px;
  margin: 2.5rem auto 0;
  padding: 0 30px;
  transition:
    max-width 0.3s ease,
    transform 0.3s ease;
}
@media (max-width: 1366px) {
  #dashboard-container {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  #dashboard-container {
    --bbc-widget-gap: 16px;
    max-width: 100%;
    padding: 0 18px;
  }
}
.dashboard-container-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.375rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .dashboard-container-head [data-modal="modal_dashboard_layout_control"] {
    display: none;
  }
}
#dashboard-container-title {
  font: var(--bbc-typo-h2-700);
}
.dashboard-item {
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: var(--bbc-widget-1col-max);
  height: var(--bbc-widget-height);
  border-radius: var(--bbc-border-radius-20);
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-fill-accent-0);
  transition: all 0.3s ease;
}
.dashboard-item .dashboard-head {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 1.5625rem 1.875rem 1.25rem;
}
@media (max-width: 767px) {
  .dashboard-item .dashboard-head {
    padding: 1.125rem 1.5rem 1.25rem;
  }
}
.dashboard-item .dashboard-head .dashboard-head-left {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.dashboard-item .dashboard-title {
  font: var(--bbc-typo-t3-700);
}
.dashboard-item .dashboard-subtitle {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-st1-600);
}
.dashboard-item .dashboard-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 0 1.875rem 1.875rem;
  container-name: widget-body;
  container-type: inline-size;
}
@media (max-width: 767px) {
  .dashboard-item .dashboard-body {
    padding: 0 1.5rem 1.5rem;
  }
}
@media (max-width: 767px) {
  .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;
  }
}
@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;
  }
}
#dashboard-grid {
  display: flex;
  flex-flow: row wrap;
  gap: var(--bbc-widget-gap);
}
@media (max-width: 767px) {
  #dashboard-grid {
    flex-flow: column;
  }
}
[data-widget~="grid-mode:basic"] #dashboard-container {
  width: 100%;
  max-width: 1410px;
  padding-right: 30px;
  padding-left: 30px;
  margin: 2.5rem auto 0;
}
@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-grid {
  gap: var(--bbc-widget-gap);
}
[data-widget~="grid-mode:basic"] .dashboard-item {
  flex: 1 1 var(--bbc-widget-1col-max);
  max-width: none;
}
@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"] {
  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"] {
  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"] {
  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"].grid-basic-narrow .dashboard-item {
  max-width: 100% !important;
}
[data-widget~="grid-mode:full"] #dashboard-container {
  max-width: 100%;
}
[data-widget~="grid-mode:full"] #dashboard-grid {
  gap: var(--bbc-widget-gap);
  transition: transform 0.2s ease;
}
[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"] .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;
}
[data-widget~="grid-mode:full-opt"] #dashboard-container {
  max-width: 100%;
}
[data-widget~="grid-mode:full-opt"] #dashboard-grid {
  gap: var(--bbc-widget-gap);
}
[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 {
  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) {
  #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: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
  transform: scaleX(-1);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .chart-navigator .chart-navigator-btn-prev:before {
    content: "\e806";
    display: inline-block;
    font-family: bbc-icon;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-align: center;
    text-decoration: inherit;
    transform: scaleX(-1);
    width: 1.125rem;
    height: 1.125rem;
    font-size: 1.125rem;
  }
}
.chart-navigator .chart-navigator-btn-next:before {
  content: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-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: "\e806";
    display: inline-block;
    font-family: bbc-icon;
    font-weight: 400;
    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:first-child,
#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:first-child,
  #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:first-child,
.dashboard-item.is-student-half-donut .apexcharts-legend-series:nth-child(2),
.dashboard-item.is-student-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:first-child,
.dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(2),
.dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(3),
.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:first-child,
  .dashboard-item.is-student-half-donut .apexcharts-legend-series:nth-child(2),
  .dashboard-item.is-student-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:first-child,
  .dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(2),
  .dashboard-item.is-teacher-half-donut .apexcharts-legend-series:nth-child(3),
  .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:first-child,
#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:first-child,
  #dashboard_student-learning-activity-count .apexcharts-legend-series:nth-child(2),
  #dashboard_student-learning-activity-count .apexcharts-legend-series:nth-child(3),
  #dashboard_student-learning-activity-count .apexcharts-legend-series:nth-child(4),
  #dashboard_student-learning-activity-count .apexcharts-legend-series:nth-child(5),
  #dashboard_student-learning-activity-count .apexcharts-legend-series:nth-child(6) {
    margin-bottom: 0.625rem !important;
  }
}
#dashboard_student-learning-activity-count .apexcharts-legend-marker {
  margin-right: 0;
}
#dashboard_student-learning-activity-count .apexcharts-legend-text {
  min-width: 2.75rem;
  padding-left: 1.5rem;
}
@media (max-width: 767px) {
  #dashboard_student-learning-activity-count .apexcharts-legend-text {
    padding-left: 1.25rem;
  }
}
#dashboard_student-board-activity-history .chart-frame {
  padding-top: 0.75rem;
}
@media (max-width: 767px) {
  #dashboard_student-board-activity-history .chart-frame {
    padding-top: 0;
  }
}
#dashboard_student-board-activity-history .chart-navigator {
  margin-bottom: 0.625rem;
}
@media (max-width: 767px) {
  #dashboard_student-board-activity-history .chart-navigator {
    margin-bottom: 0;
  }
}
#dashboard_student-board-activity-history .chart-message-box {
  margin-top: 0.625rem;
}
@media (max-width: 767px) {
  #dashboard_student-board-activity-history .chart-message-box {
    margin-top: 0;
  }
}
#dashboard_student-average-score-ranking .chart-frame {
  padding-top: 0.9375rem;
}
@media (max-width: 767px) {
  #dashboard_student-average-score-ranking .chart-frame {
    padding-top: 0;
  }
}
#dashboard_student-average-score-ranking .apexcharts-legend {
  overflow: hidden;
}
#dashboard_student-average-score-ranking .chart-message-box {
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  #dashboard_student-average-score-ranking .chart-message-box {
    margin-top: 0;
  }
}
[data-page-id="intro"] :focus-visible {
  outline-width: 0.25rem !important;
}
@media (max-width: 1024px) {
  [data-page-id="intro"] :focus-visible {
    outline-width: 0.125rem !important;
  }
}
[data-page-id="intro"] .layout {
  max-width: 1340px !important;
}
[data-page-id="intro"] .page {
  display: block;
  padding-top: 0;
}
[data-page-id="intro"] .page .visual-section {
  position: relative;
  height: 51.875rem;
  margin-bottom: -15.625rem;
  padding-top: 5.625rem;
  padding-bottom: 15.625rem;
  background: url(/assets/images/intro/visual_bg.png) top no-repeat;
  background-size: cover;
}
@media (max-width: 1600px) {
  [data-page-id="intro"] .page .visual-section {
    height: 41.5625rem;
    margin-bottom: -3.125rem;
    padding-bottom: 3.125rem;
  }
}
@media (max-width: 1366px) {
  [data-page-id="intro"] .page .visual-section {
    padding-top: 4.375rem;
  }
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .visual-section {
    overflow: hidden;
    height: 80dvh;
    min-height: 38.4375rem;
    max-height: 38.4375rem;
    background-image: url(/assets/images/intro/visual_bg_m.png);
    background-position: bottom;
    background-size: cover;
  }
}
[data-page-id="intro"] .page .visual-section .layout {
  position: relative;
  display: flex;
  height: 100%;
}
[data-page-id="intro"] .page .visual-section .layout:before {
  content: "";
  position: absolute;
  right: 3.75rem;
  bottom: 2rem;
  display: inline-block;
  width: 35rem;
  height: 26.5625rem;
  background: url(/assets/images/intro/visual_img.png) no-repeat;
  background-size: cover;
}
@media (max-width: 1600px) {
  [data-page-id="intro"] .page .visual-section .layout:before {
    right: 1.875rem;
    bottom: 2.125rem;
    margin-top: 0;
  }
}
@media (max-width: 1366px) {
  [data-page-id="intro"] .page .visual-section .layout:before {
    width: 28rem;
    height: 24rem;
    background: url(/assets/images/intro/visual_img_m.png) no-repeat;
    background-size: cover;
  }
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .visual-section .layout:before {
    right: 0;
    width: 17.5rem;
    height: 17.5rem;
    background-size: cover;
  }
}
[data-page-id="intro"] .page .visual-section .info-wrap {
  flex: 1;
  margin-top: 3.75rem;
}
@media (max-width: 1366px) {
  [data-page-id="intro"] .page .visual-section .info-wrap {
    margin-top: 2.5rem;
  }
}
[data-page-id="intro"] .page .visual-section .info-wrap .title small {
  display: block;
  margin-bottom: 0.25rem;
  color: var(--bbc-color-text-brand-primary-deep);
  font: var(--bbc-typo-d3-700);
}
[data-page-id="intro"] .page .visual-section .info-wrap .title span {
  display: inline-block;
  margin-bottom: 2.25rem;
  color: var(--bbc-color-text-natural-0);
  font: var(--bbc-typo-d1-700);
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .visual-section .info-wrap .title span {
    margin-bottom: 1rem;
  }
}
@media (max-width: 1024px) {
  [data-page-id="intro"] .page .visual-section .info-wrap .btn-set {
    flex-direction: column;
    align-items: flex-start;
  }
}
[data-page-id="intro"] .page .section-1 {
  position: relative;
  z-index: 1;
  padding: 6.25rem 0;
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .section-1 {
    padding: 1.375rem 0;
  }
}
[data-page-id="intro"] .page .section-1 .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-top-right-radius: 15.625rem;
  background-color: #eef9ff;
}
@media (max-width: 1600px) {
  [data-page-id="intro"] .page .section-1 .bg {
    border-top-right-radius: 3.125rem;
  }
}
[data-page-id="intro"] .page .section-1 .bg:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-bottom-right-radius: 15.625rem;
  background-color: var(--bbc-color-fill-accent-0);
}
@media (max-width: 1600px) {
  [data-page-id="intro"] .page .section-1 .bg:before {
    border-bottom-right-radius: 3.125rem;
  }
}
[data-page-id="intro"] .page .section-2 {
  position: relative;
  z-index: 1;
  padding: 6.25rem 0;
  background-color: var(--bbc-color-fill-accent-0);
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .section-2 {
    padding: 2.5rem 0;
  }
}
[data-page-id="intro"] .page .section-2 .bg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-top-left-radius: 15rem;
  background-color: #eef9ff;
}
@media (max-width: 1600px) {
  [data-page-id="intro"] .page .section-2 .bg-wrap {
    border-top-left-radius: 3.125rem;
  }
}
[data-page-id="intro"] .page .section-2 .bg-wrap .deco {
  position: absolute;
  border-radius: var(--bbc-border-radius-circle);
  aspect-ratio: 1/1;
}
[data-page-id="intro"] .page .section-2 .bg-wrap .deco:first-child {
  top: 14.625rem;
  right: -6.5rem;
  width: 21.875rem;
  background-color: #a8e2ff;
  opacity: 0.62;
  filter: blur(110px);
}
[data-page-id="intro"] .page .section-2 .bg-wrap .deco:nth-child(2) {
  bottom: -22.25rem;
  left: -8.125rem;
  width: 41.5rem;
  background-color: #bbd8ff;
  opacity: 0.86;
  filter: blur(194px);
}
[data-page-id="intro"] .page .bubble-carousel {
  display: flex;
  height: 18.75rem;
  border-radius: 3.125rem;
  background-color: var(--bbc-color-fill-brand-primary);
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .bubble-carousel {
    flex-direction: column;
    height: auto;
    border-radius: 2.1875rem;
  }
}
[data-page-id="intro"] .page .bubble-carousel .carousel-item {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width: 1600px) {
  [data-page-id="intro"] .page .bubble-carousel .carousel-item.is-onthelive .inner .name {
    font-size: 1.25rem;
    line-height: 1.3;
  }
}
[data-page-id="intro"] .page .bubble-carousel .carousel-item .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1.25rem;
  border-radius: 2.5rem;
  background: #fff;
  transition: box-shadow 0.3s;
  aspect-ratio: 200/186;
}
[data-page-id="intro"] .page .bubble-carousel .carousel-item .inner img {
  width: 130px;
  height: 50px;
  margin-bottom: 0.875rem;
  object-fit: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
[data-page-id="intro"] .page .bubble-carousel .carousel-item .inner .name {
  color: var(--bbc-color-text-brand-primary);
  font: var(--bbc-typo-b1-700);
  text-align: center;
}
[data-page-id="intro"] .page .bubble-carousel .carousel-head {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 16.875rem;
  padding: 1.25rem 3.125rem;
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .bubble-carousel .carousel-head {
    flex-direction: row;
    gap: 1.875rem;
    width: 100%;
    padding: 1.5rem;
  }
}
[data-page-id="intro"] .page .bubble-carousel .carousel-head .headline {
  flex: 0 0 auto;
  margin-bottom: 1.875rem;
  color: var(--bbc-color-text-accent-0);
  font: var(--bbc-typo-h1-700);
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .bubble-carousel .carousel-head .headline {
    flex: 1 1 auto;
    margin-bottom: 0;
  }
}
[data-page-id="intro"] .page .bubble-carousel .carousel-body {
  position: relative;
  flex: 1 1 auto;
  width: calc(100% - 270px);
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .bubble-carousel .carousel-body {
    width: 100%;
  }
}
[data-page-id="intro"] .page .bubble-carousel .carousel-controller {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  justify-content: space-between;
  width: 45.5rem;
  max-width: 100%;
  padding: 0 1.5rem;
  transform: translate(-50%, -50%);
}
[data-page-id="intro"] .page .bubble-carousel .carousel-controller [class^="carousel-btn-"] {
  justify-content: center;
}
[data-page-id="intro"] .page .bubble-carousel .carousel-track {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .bubble-carousel .carousel-track {
    height: auto;
  }
}
[data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-top-right-radius: 3.125rem;
  border-bottom-right-radius: 3.125rem;
  background-color: var(--bbc-color-fill-brand-secondary);
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper {
    border-radius: 0;
    border-bottom-right-radius: 2.1875rem;
    border-bottom-left-radius: 2.1875rem;
  }
}
[data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper:after,
[data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper:before {
  content: "";
  position: absolute;
  top: 0;
  z-index: 2;
  width: 5.8125rem;
  height: 100%;
  pointer-events: none;
}
[data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper:before {
  left: 0;
  background: linear-gradient(270deg, rgba(66, 106, 218, 0), var(--bbc-color-fill-brand-secondary));
}
[data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper:after {
  right: 0;
  background: linear-gradient(270deg, var(--bbc-color-fill-brand-secondary), rgba(66, 106, 218, 0));
}
[data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper-slide {
  width: 13.75rem;
  padding: 0.625rem;
  transition: opacity 0.3s;
  opacity: 0.5;
}
@media (max-width: 412px) {
  [data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper-slide {
    width: 12.5rem;
  }
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper-slide {
    padding: 1.75rem 0.625rem;
  }
}
[data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper-slide.swiper-slide-active {
  opacity: 1;
}
[data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper-slide.swiper-slide-active .carousel-item .inner {
  box-shadow: 0 13.045px 39.135px 0 #294fbc;
}
[data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper-button-next,
[data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper-button-prev {
  position: absolute;
  z-index: 100;
}
[data-page-id="intro"] .page .bubble-carousel .carousel-track .swiper-content {
  position: absolute;
}
[data-page-id="intro"] .page .bubble-carousel .balloon-wrap {
  position: absolute;
  bottom: 17.0625rem;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  transition: opacity 0.3s ease;
  opacity: 0;
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .bubble-carousel .balloon-wrap {
    display: none;
  }
}
[data-page-id="intro"] .page .bubble-carousel .balloon-wrap:before {
  content: "";
  position: absolute;
  bottom: -1.0625rem;
  left: 50%;
  width: 1.4375rem;
  height: 1.25rem;
  background-color: var(--bbc-color-etc-balloon-fill);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'><path d='M8.69644 13.9693C10.2345 16.6442 14.0937 16.6442 15.6317 13.9693L23.6641 0H0.664063L8.69644 13.9693Z' fill='%23fff'/></svg>")
    no-repeat center/contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 16'><path d='M8.69644 13.9693C10.2345 16.6442 14.0937 16.6442 15.6317 13.9693L23.6641 0H0.664063L8.69644 13.9693Z' fill='%23fff'/></svg>")
    no-repeat center/contain;
  transform: translateX(-50%);
}
[data-page-id="intro"] .page .bubble-carousel .balloon-wrap .balloon {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 0;
  border-radius: 15px;
  box-shadow: var(--bbc-color-shadow-natural-0);
  background-color: var(--bbc-color-etc-balloon-fill);
  transform-origin: 50% 100%;
  will-change: transform, opacity;
}
[data-page-id="intro"] .page .bubble-carousel .balloon-wrap .balloon-item {
  display: none;
  padding: 0.8125rem 1.25rem 0.9375rem;
  font: var(--bbc-typo-b3-500);
  white-space: nowrap;
  text-align: center;
}
[data-page-id="intro"] .page .bubble-carousel .balloon-wrap .balloon-item.is-active {
  display: inline-block;
  animation: fadeInUp 0.5s ease forwards;
}
[data-page-id="intro"] .page .banner-carousel {
  display: flex;
}
@media (max-width: 1024px) {
  [data-page-id="intro"] .page .banner-carousel {
    flex-direction: column;
  }
}
[data-page-id="intro"] .page .banner-carousel + .banner-carousel {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .banner-carousel + .banner-carousel {
    margin-top: 2rem;
  }
}
[data-page-id="intro"] .page .banner-carousel .carousel-head {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.875rem;
  width: 16.875rem;
  padding-left: 3.125rem;
}
@media (max-width: 1600px) {
  [data-page-id="intro"] .page .banner-carousel .carousel-head {
    width: 12.5rem;
    padding: 0 0.875rem;
  }
}
@media (max-width: 1024px) {
  [data-page-id="intro"] .page .banner-carousel .carousel-head {
    flex-direction: row;
    gap: 1.25rem;
    width: 100%;
    margin-bottom: 0.875rem;
  }
}
[data-page-id="intro"] .page .banner-carousel .carousel-head .headline {
  font: var(--bbc-typo-h1-700);
}
@media (max-width: 1024px) {
  [data-page-id="intro"] .page .banner-carousel .carousel-head .headline {
    flex: 1 1 auto;
  }
}
[data-page-id="intro"] .page .banner-carousel .carousel-head .carousel-controller {
  flex: 0 0 auto;
}
@media (max-width: 1024px) {
  [data-page-id="intro"] .page .banner-carousel .carousel-head .carousel-controller {
    flex-direction: row;
  }
}
[data-page-id="intro"] .page .banner-carousel .carousel-body {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
}
[data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-pagination-fraction {
  position: absolute;
  top: 1.875rem;
  right: 1.875rem;
  left: auto;
  z-index: 1;
}
[data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-track .swiper-slide:focus-visible {
  border-radius: 3.125rem;
  outline-offset: -0.25rem;
}
@media (max-width: 1024px) {
  [data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-track .swiper-slide:focus-visible {
    border-radius: 2.1875rem;
    outline-offset: -0.125rem;
  }
}
[data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-track .carousel-item {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.875rem 7.0625rem 1.875rem 4.375rem;
  border-radius: 3.125rem;
  background-color: var(--bbc-color-fill-natural-3-a70);
}
@media (max-width: 1024px) {
  [data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-track .carousel-item {
    flex-direction: column;
    align-items: flex-start;
    padding: 1.75rem 1.5rem;
    border-radius: 2.1875rem;
  }
}
[data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-track .carousel-item .text-wrap {
  flex: 1 0 auto;
}
@media (max-width: 1024px) {
  [data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-track .carousel-item .text-wrap {
    width: 100%;
  }
}
[data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-track .carousel-item .text-wrap .title {
  margin-bottom: 0.625rem;
  font: var(--bbc-typo-t2-700);
}
@media (max-width: 1024px) {
  [data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-track .carousel-item .text-wrap .title {
    max-width: calc(100% - 100px);
  }
}
@media (max-width: 767px) {
  [data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-track .carousel-item .text-wrap .title {
    margin-bottom: 0.75rem;
  }
}
[data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-track .carousel-item .text-wrap .desc {
  color: var(--bbc-color-text-natural-1);
  font: var(--bbc-typo-b1-400);
}
[data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-track .carousel-item .img-wrap {
  flex: 0 1 auto;
}
@media (max-width: 1024px) {
  [data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-track .carousel-item .img-wrap {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
[data-page-id="intro"] .page .banner-carousel .carousel-body .carousel-track .carousel-item .img-wrap img {
  width: 100%;
  max-width: 282px;
  aspect-ratio: 282/200;
  object-fit: contain;
}
[data-page-id="main"] {
  transition: opacity 0.5s;
  opacity: 0;
}
[data-page-id="main"].is-page-ready {
  opacity: 1;
}
[data-page-id="main"] .container {
  background-color: var(--bbc-color-layer-brand-primary);
}
[data-page-id="main"] #visual-container {
  position: relative;
  z-index: 1;
  text-align: center;
}
[data-page-id="main"] #visual-container.is-no-banner {
  padding-top: 40px;
}
[data-page-id="main"] #visual-container.is-no-banner .hero-banner {
  display: none !important;
}
[data-page-id="main"] #visual-container .hero-banner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 11.25rem;
  margin-bottom: -2.5625rem;
  background-color: var(--hero-edge, #f4f4f4);
}
[data-page-id="main"] #visual-container .hero-banner picture {
  height: 100%;
}
@media (max-width: 1920px) {
  [data-page-id="main"] #visual-container .hero-banner {
    height: 9.379885357vw;
  }
}
@media (max-width: 1366px) {
  [data-page-id="main"] #visual-container .hero-banner {
    height: 23.4680573664vw;
  }
}
@media (max-width: 767px) {
  [data-page-id="main"] #visual-container .hero-banner {
    height: 42.7807486631vw;
  }
}
[data-page-id="main"] #visual-container .hero-banner:after,
[data-page-id="main"] #visual-container .hero-banner:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  width: 100px;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 1920px) {
  [data-page-id="main"] #visual-container .hero-banner:after,
  [data-page-id="main"] #visual-container .hero-banner:before {
    display: none;
  }
}
[data-page-id="main"] #visual-container .hero-banner:before {
  left: calc(50% - 960px);
  background: linear-gradient(90deg, var(--hero-edge, transparent) 0, transparent 70%);
}
[data-page-id="main"] #visual-container .hero-banner:after {
  right: calc(50% - 960px);
  background: linear-gradient(270deg, var(--hero-edge, transparent) 0, transparent 70%);
}
[data-page-id="main"] #visual-container .hero-banner img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: 1920px;
  height: 100%;
}
[data-page-id="main"] #visual-container .searchbar {
  position: relative;
  z-index: 1;
}
[data-page-id="main"] .page-content {
  position: relative;
  z-index: 1;
  padding-top: 2.5rem;
}
@media (max-width: 767px) {
  [data-page-id="main"] .page-content {
    padding-top: 1.875rem;
  }
}
[data-page-id="main"] .dashboard-container {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(9, 1fr);
  max-width: 1410px;
  margin: 0 auto;
  padding: 0 30px;
}
@media (max-width: 1366px) {
  [data-page-id="main"] .dashboard-container {
    gap: 1.25rem;
  }
}
[data-page-id="main"] .dashboard-container [data-space="1"] {
  grid-column: span 3;
}
[data-page-id="main"] .dashboard-container [data-space="2"] {
  grid-column: span 6;
}
[data-page-id="main"] .dashboard-container [data-space="3"] {
  grid-column: span 9;
}
@media (max-width: 1366px) {
  [data-page-id="main"] .dashboard-container [data-space] {
    grid-column: span 9 !important;
  }
}
[data-page-id="main"] .dashboard-container.layout-wide {
  grid-template-columns: repeat(12, 1fr);
  max-width: 1868px;
}
@media (max-width: 1366px) {
  [data-page-id="main"] .dashboard-container.layout-wide [data-space] {
    grid-column: span 12 !important;
  }
}
[data-theme~="banner:none"] #visual-container {
  padding-top: 40px;
}
[data-theme~="banner:none"] #visual-container .hero-banner {
  display: none;
}
[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 .download-list,
.resources-detail .content-attachments .link-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;
}
[data-env~="hover:hover"] .manual-item:hover:has(.btn:hover):not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  border-color: var(--bbc-color-stroke-brand-primary);
}
[data-env~="hover:hoverless"] .manual-item:active:has(.btn:hover):not(.is-disabled):not(:disabled):not([aria-disabled="true"]) {
  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"]) {
  border-color: var(--bbc-color-stroke-brand-primary);
}
.manual-item .item-head {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.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-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: 50%;
  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;
}
[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;
}
.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-count,
.search-result-keyword {
  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;
  }
}
@media (max-width: 640px) {
  .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,
.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: "\e806";
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  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-desc,
.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);
}
.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-date,
.search-result-content .search-section .blog-list .blog-summary-meta .item.is-writer {
  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);
  word-break: break-all;
  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 .thumb-placeholder,
.search-result-content .search-section .blog-list .blog-summary-thumb img {
  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;
  -ms-user-select: none;
  user-select: none;
}
.swiper.swiper-grabbing a {
  pointer-events: none;
}
.swiper .swiper-slide.is-dummy {
  visibility: hidden;
  pointer-events: none;
}
.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;
}
.scroll-x,
.scroll-y {
  -webkit-overflow-scrolling: touch;
}
.scroll-y {
  overflow-y: auto;
}
.character-counter {
  margin-top: 0.375rem;
  padding: 0 0.25rem;
}
.revert-all * {
  all: revert;
}