@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;
  cursor: pointer;
  user-select: none;
  appearance: auto;
  text-align: initial;
}
[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;
}
/*! ============================================================================
 * 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.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon:before {
  position: relative;
  background-size: 1.25rem;
  color: var(--bbc-color-element-black);
  background-position: 50%;
  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-2xs,
.icon.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.is-2xs:before {
  background-size: 0.75rem;
}
.icon.is-xs,
.icon.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.is-xs:before {
  background-size: 1rem;
}
.icon.is-sm,
.icon.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.is-sm:before {
  background-size: 1.125rem;
}
.icon.is-md,
.icon.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.is-md:before {
  background-size: 1.25rem;
}
.icon.is-lg,
.icon.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.is-lg:before {
  background-size: 1.375rem;
}
.icon.is-xl,
.icon.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.is-xl:before {
  background-size: 1.5rem;
}
.icon.is-2xl,
.icon.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.is-2xl:before {
  background-size: 2rem;
}
.icon.is-3xl,
.icon.is-3xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.is-3xl:before {
  background-size: 2.25rem;
}
.col-1 {
  grid-column: span 1 !important;
}
.col-2 {
  grid-column: span 2 !important;
}
.col-3 {
  grid-column: span 3 !important;
}
.col-4 {
  grid-column: span 4 !important;
}
.col-5 {
  grid-column: span 5 !important;
}
.col-6 {
  grid-column: span 6 !important;
}
.col-7 {
  grid-column: span 7 !important;
}
.col-8 {
  grid-column: span 8 !important;
}
.col-9 {
  grid-column: span 9 !important;
}
.col-10 {
  grid-column: span 10 !important;
}
.col-11 {
  grid-column: span 11 !important;
}
.col-12 {
  grid-column: span 12 !important;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .col-p-1 {
    grid-column: span 1 !important;
  }
  .col-p-2 {
    grid-column: span 2 !important;
  }
  .col-p-3 {
    grid-column: span 3 !important;
  }
  .col-p-4 {
    grid-column: span 4 !important;
  }
  .col-p-5 {
    grid-column: span 5 !important;
  }
  .col-p-6 {
    grid-column: span 6 !important;
  }
  .col-p-7 {
    grid-column: span 7 !important;
  }
  .col-p-8 {
    grid-column: span 8 !important;
  }
  .col-p-9 {
    grid-column: span 9 !important;
  }
  .col-p-10 {
    grid-column: span 10 !important;
  }
  .col-p-11 {
    grid-column: span 11 !important;
  }
  .col-p-12 {
    grid-column: span 12 !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .col-m-1 {
    grid-column: span 1 !important;
  }
  .col-m-2 {
    grid-column: span 2 !important;
  }
  .col-m-3 {
    grid-column: span 3 !important;
  }
  .col-m-4 {
    grid-column: span 4 !important;
  }
  .col-m-5 {
    grid-column: span 5 !important;
  }
  .col-m-6 {
    grid-column: span 6 !important;
  }
  .col-m-7 {
    grid-column: span 7 !important;
  }
  .col-m-8 {
    grid-column: span 8 !important;
  }
  .col-m-9 {
    grid-column: span 9 !important;
  }
  .col-m-10 {
    grid-column: span 10 !important;
  }
  .col-m-11 {
    grid-column: span 11 !important;
  }
  .col-m-12 {
    grid-column: span 12 !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .col-m-1 {
    grid-column: span 1 !important;
  }
  .col-m-2 {
    grid-column: span 2 !important;
  }
  .col-m-3 {
    grid-column: span 3 !important;
  }
  .col-m-4 {
    grid-column: span 4 !important;
  }
  .col-m-5 {
    grid-column: span 5 !important;
  }
  .col-m-6 {
    grid-column: span 6 !important;
  }
  .col-m-7 {
    grid-column: span 7 !important;
  }
  .col-m-8 {
    grid-column: span 8 !important;
  }
  .col-m-9 {
    grid-column: span 9 !important;
  }
  .col-m-10 {
    grid-column: span 10 !important;
  }
  .col-m-11 {
    grid-column: span 11 !important;
  }
  .col-m-12 {
    grid-column: span 12 !important;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .col-t-1 {
    grid-column: span 1 !important;
  }
  .col-t-2 {
    grid-column: span 2 !important;
  }
  .col-t-3 {
    grid-column: span 3 !important;
  }
  .col-t-4 {
    grid-column: span 4 !important;
  }
  .col-t-5 {
    grid-column: span 5 !important;
  }
  .col-t-6 {
    grid-column: span 6 !important;
  }
  .col-t-7 {
    grid-column: span 7 !important;
  }
  .col-t-8 {
    grid-column: span 8 !important;
  }
  .col-t-9 {
    grid-column: span 9 !important;
  }
  .col-t-10 {
    grid-column: span 10 !important;
  }
  .col-t-11 {
    grid-column: span 11 !important;
  }
  .col-t-12 {
    grid-column: span 12 !important;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .col-m-1 {
    grid-column: span 1 !important;
  }
  .col-m-2 {
    grid-column: span 2 !important;
  }
  .col-m-3 {
    grid-column: span 3 !important;
  }
  .col-m-4 {
    grid-column: span 4 !important;
  }
  .col-m-5 {
    grid-column: span 5 !important;
  }
  .col-m-6 {
    grid-column: span 6 !important;
  }
  .col-m-7 {
    grid-column: span 7 !important;
  }
  .col-m-8 {
    grid-column: span 8 !important;
  }
  .col-m-9 {
    grid-column: span 9 !important;
  }
  .col-m-10 {
    grid-column: span 10 !important;
  }
  .col-m-11 {
    grid-column: span 11 !important;
  }
  .col-m-12 {
    grid-column: span 12 !important;
  }
}
.row-1 {
  grid-row: span 1 !important;
}
.row-2 {
  grid-row: span 2 !important;
}
.row-3 {
  grid-row: span 3 !important;
}
.row-4 {
  grid-row: span 4 !important;
}
.row-5 {
  grid-row: span 5 !important;
}
.row-6 {
  grid-row: span 6 !important;
}
.row-7 {
  grid-row: span 7 !important;
}
.row-8 {
  grid-row: span 8 !important;
}
.row-9 {
  grid-row: span 9 !important;
}
.row-10 {
  grid-row: span 10 !important;
}
.row-11 {
  grid-row: span 11 !important;
}
.row-12 {
  grid-row: span 12 !important;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .row-p-1 {
    grid-row: span 1 !important;
  }
  .row-p-2 {
    grid-row: span 2 !important;
  }
  .row-p-3 {
    grid-row: span 3 !important;
  }
  .row-p-4 {
    grid-row: span 4 !important;
  }
  .row-p-5 {
    grid-row: span 5 !important;
  }
  .row-p-6 {
    grid-row: span 6 !important;
  }
  .row-p-7 {
    grid-row: span 7 !important;
  }
  .row-p-8 {
    grid-row: span 8 !important;
  }
  .row-p-9 {
    grid-row: span 9 !important;
  }
  .row-p-10 {
    grid-row: span 10 !important;
  }
  .row-p-11 {
    grid-row: span 11 !important;
  }
  .row-p-12 {
    grid-row: span 12 !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .row-m-1 {
    grid-row: span 1 !important;
  }
  .row-m-2 {
    grid-row: span 2 !important;
  }
  .row-m-3 {
    grid-row: span 3 !important;
  }
  .row-m-4 {
    grid-row: span 4 !important;
  }
  .row-m-5 {
    grid-row: span 5 !important;
  }
  .row-m-6 {
    grid-row: span 6 !important;
  }
  .row-m-7 {
    grid-row: span 7 !important;
  }
  .row-m-8 {
    grid-row: span 8 !important;
  }
  .row-m-9 {
    grid-row: span 9 !important;
  }
  .row-m-10 {
    grid-row: span 10 !important;
  }
  .row-m-11 {
    grid-row: span 11 !important;
  }
  .row-m-12 {
    grid-row: span 12 !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .row-m-1 {
    grid-row: span 1 !important;
  }
  .row-m-2 {
    grid-row: span 2 !important;
  }
  .row-m-3 {
    grid-row: span 3 !important;
  }
  .row-m-4 {
    grid-row: span 4 !important;
  }
  .row-m-5 {
    grid-row: span 5 !important;
  }
  .row-m-6 {
    grid-row: span 6 !important;
  }
  .row-m-7 {
    grid-row: span 7 !important;
  }
  .row-m-8 {
    grid-row: span 8 !important;
  }
  .row-m-9 {
    grid-row: span 9 !important;
  }
  .row-m-10 {
    grid-row: span 10 !important;
  }
  .row-m-11 {
    grid-row: span 11 !important;
  }
  .row-m-12 {
    grid-row: span 12 !important;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .row-t-1 {
    grid-row: span 1 !important;
  }
  .row-t-2 {
    grid-row: span 2 !important;
  }
  .row-t-3 {
    grid-row: span 3 !important;
  }
  .row-t-4 {
    grid-row: span 4 !important;
  }
  .row-t-5 {
    grid-row: span 5 !important;
  }
  .row-t-6 {
    grid-row: span 6 !important;
  }
  .row-t-7 {
    grid-row: span 7 !important;
  }
  .row-t-8 {
    grid-row: span 8 !important;
  }
  .row-t-9 {
    grid-row: span 9 !important;
  }
  .row-t-10 {
    grid-row: span 10 !important;
  }
  .row-t-11 {
    grid-row: span 11 !important;
  }
  .row-t-12 {
    grid-row: span 12 !important;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .row-m-1 {
    grid-row: span 1 !important;
  }
  .row-m-2 {
    grid-row: span 2 !important;
  }
  .row-m-3 {
    grid-row: span 3 !important;
  }
  .row-m-4 {
    grid-row: span 4 !important;
  }
  .row-m-5 {
    grid-row: span 5 !important;
  }
  .row-m-6 {
    grid-row: span 6 !important;
  }
  .row-m-7 {
    grid-row: span 7 !important;
  }
  .row-m-8 {
    grid-row: span 8 !important;
  }
  .row-m-9 {
    grid-row: span 9 !important;
  }
  .row-m-10 {
    grid-row: span 10 !important;
  }
  .row-m-11 {
    grid-row: span 11 !important;
  }
  .row-m-12 {
    grid-row: span 12 !important;
  }
}
.gap-none {
  gap: 0 !important;
}
.gap-row-none {
  row-gap: 0 !important;
}
.gap-col-none {
  column-gap: 0 !important;
}
.gap-4 {
  gap: 0.25rem !important;
}
.gap-row-4 {
  row-gap: 0.25rem !important;
}
.gap-col-4 {
  column-gap: 0.25rem !important;
}
.gap-6 {
  gap: 0.375rem !important;
}
.gap-row-6 {
  row-gap: 0.375rem !important;
}
.gap-col-6 {
  column-gap: 0.375rem !important;
}
.gap-8 {
  gap: 0.5rem !important;
}
.gap-row-8 {
  row-gap: 0.5rem !important;
}
.gap-col-8 {
  column-gap: 0.5rem !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-14 {
  gap: 0.875rem !important;
}
.gap-row-14 {
  row-gap: 0.875rem !important;
}
.gap-col-14 {
  column-gap: 0.875rem !important;
}
.gap-16 {
  gap: 1rem !important;
}
.gap-row-16 {
  row-gap: 1rem !important;
}
.gap-col-16 {
  column-gap: 1rem !important;
}
.gap-18 {
  gap: 1.125rem !important;
}
.gap-row-18 {
  row-gap: 1.125rem !important;
}
.gap-col-18 {
  column-gap: 1.125rem !important;
}
.gap-20 {
  gap: 1.25rem !important;
}
.gap-row-20 {
  row-gap: 1.25rem !important;
}
.gap-col-20 {
  column-gap: 1.25rem !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-34 {
  gap: 2.125rem !important;
}
.gap-row-34 {
  row-gap: 2.125rem !important;
}
.gap-col-34 {
  column-gap: 2.125rem !important;
}
.gap-40 {
  gap: 2.5rem !important;
}
.gap-row-40 {
  row-gap: 2.5rem !important;
}
.gap-col-40 {
  column-gap: 2.5rem !important;
}
.gap-45 {
  gap: 2.8125rem !important;
}
.gap-row-45 {
  row-gap: 2.8125rem !important;
}
.gap-col-45 {
  column-gap: 2.8125rem !important;
}
.gap-50 {
  gap: 3.125rem !important;
}
.gap-row-50 {
  row-gap: 3.125rem !important;
}
.gap-col-50 {
  column-gap: 3.125rem !important;
}
.gap-100 {
  gap: 6.25rem !important;
}
.gap-row-100 {
  row-gap: 6.25rem !important;
}
.gap-col-100 {
  column-gap: 6.25rem !important;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .gap-p-none {
    gap: 0 !important;
  }
  .gap-row-p-none {
    row-gap: 0 !important;
  }
  .gap-col-p-none {
    column-gap: 0 !important;
  }
  .gap-p-4 {
    gap: 0.25rem !important;
  }
  .gap-row-p-4 {
    row-gap: 0.25rem !important;
  }
  .gap-col-p-4 {
    column-gap: 0.25rem !important;
  }
  .gap-p-6 {
    gap: 0.375rem !important;
  }
  .gap-row-p-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-p-6 {
    column-gap: 0.375rem !important;
  }
  .gap-p-8 {
    gap: 0.5rem !important;
  }
  .gap-row-p-8 {
    row-gap: 0.5rem !important;
  }
  .gap-col-p-8 {
    column-gap: 0.5rem !important;
  }
  .gap-p-10 {
    gap: 0.625rem !important;
  }
  .gap-row-p-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-p-10 {
    column-gap: 0.625rem !important;
  }
  .gap-p-12 {
    gap: 0.75rem !important;
  }
  .gap-row-p-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-p-12 {
    column-gap: 0.75rem !important;
  }
  .gap-p-14 {
    gap: 0.875rem !important;
  }
  .gap-row-p-14 {
    row-gap: 0.875rem !important;
  }
  .gap-col-p-14 {
    column-gap: 0.875rem !important;
  }
  .gap-p-16 {
    gap: 1rem !important;
  }
  .gap-row-p-16 {
    row-gap: 1rem !important;
  }
  .gap-col-p-16 {
    column-gap: 1rem !important;
  }
  .gap-p-18 {
    gap: 1.125rem !important;
  }
  .gap-row-p-18 {
    row-gap: 1.125rem !important;
  }
  .gap-col-p-18 {
    column-gap: 1.125rem !important;
  }
  .gap-p-20 {
    gap: 1.25rem !important;
  }
  .gap-row-p-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-p-20 {
    column-gap: 1.25rem !important;
  }
  .gap-p-24 {
    gap: 1.5rem !important;
  }
  .gap-row-p-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-p-24 {
    column-gap: 1.5rem !important;
  }
  .gap-p-30 {
    gap: 1.875rem !important;
  }
  .gap-row-p-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-p-30 {
    column-gap: 1.875rem !important;
  }
  .gap-p-34 {
    gap: 2.125rem !important;
  }
  .gap-row-p-34 {
    row-gap: 2.125rem !important;
  }
  .gap-col-p-34 {
    column-gap: 2.125rem !important;
  }
  .gap-p-40 {
    gap: 2.5rem !important;
  }
  .gap-row-p-40 {
    row-gap: 2.5rem !important;
  }
  .gap-col-p-40 {
    column-gap: 2.5rem !important;
  }
  .gap-p-45 {
    gap: 2.8125rem !important;
  }
  .gap-row-p-45 {
    row-gap: 2.8125rem !important;
  }
  .gap-col-p-45 {
    column-gap: 2.8125rem !important;
  }
  .gap-p-50 {
    gap: 3.125rem !important;
  }
  .gap-row-p-50 {
    row-gap: 3.125rem !important;
  }
  .gap-col-p-50 {
    column-gap: 3.125rem !important;
  }
  .gap-p-100 {
    gap: 6.25rem !important;
  }
  .gap-row-p-100 {
    row-gap: 6.25rem !important;
  }
  .gap-col-p-100 {
    column-gap: 6.25rem !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .gap-m-none {
    gap: 0 !important;
  }
  .gap-row-m-none {
    row-gap: 0 !important;
  }
  .gap-col-m-none {
    column-gap: 0 !important;
  }
  .gap-m-4 {
    gap: 0.25rem !important;
  }
  .gap-row-m-4 {
    row-gap: 0.25rem !important;
  }
  .gap-col-m-4 {
    column-gap: 0.25rem !important;
  }
  .gap-m-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-6 {
    column-gap: 0.375rem !important;
  }
  .gap-m-8 {
    gap: 0.5rem !important;
  }
  .gap-row-m-8 {
    row-gap: 0.5rem !important;
  }
  .gap-col-m-8 {
    column-gap: 0.5rem !important;
  }
  .gap-m-10 {
    gap: 0.625rem !important;
  }
  .gap-row-m-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-m-10 {
    column-gap: 0.625rem !important;
  }
  .gap-m-12 {
    gap: 0.75rem !important;
  }
  .gap-row-m-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-m-12 {
    column-gap: 0.75rem !important;
  }
  .gap-m-14 {
    gap: 0.875rem !important;
  }
  .gap-row-m-14 {
    row-gap: 0.875rem !important;
  }
  .gap-col-m-14 {
    column-gap: 0.875rem !important;
  }
  .gap-m-16 {
    gap: 1rem !important;
  }
  .gap-row-m-16 {
    row-gap: 1rem !important;
  }
  .gap-col-m-16 {
    column-gap: 1rem !important;
  }
  .gap-m-18 {
    gap: 1.125rem !important;
  }
  .gap-row-m-18 {
    row-gap: 1.125rem !important;
  }
  .gap-col-m-18 {
    column-gap: 1.125rem !important;
  }
  .gap-m-20 {
    gap: 1.25rem !important;
  }
  .gap-row-m-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-m-20 {
    column-gap: 1.25rem !important;
  }
  .gap-m-24 {
    gap: 1.5rem !important;
  }
  .gap-row-m-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-m-24 {
    column-gap: 1.5rem !important;
  }
  .gap-m-30 {
    gap: 1.875rem !important;
  }
  .gap-row-m-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-m-30 {
    column-gap: 1.875rem !important;
  }
  .gap-m-34 {
    gap: 2.125rem !important;
  }
  .gap-row-m-34 {
    row-gap: 2.125rem !important;
  }
  .gap-col-m-34 {
    column-gap: 2.125rem !important;
  }
  .gap-m-40 {
    gap: 2.5rem !important;
  }
  .gap-row-m-40 {
    row-gap: 2.5rem !important;
  }
  .gap-col-m-40 {
    column-gap: 2.5rem !important;
  }
  .gap-m-45 {
    gap: 2.8125rem !important;
  }
  .gap-row-m-45 {
    row-gap: 2.8125rem !important;
  }
  .gap-col-m-45 {
    column-gap: 2.8125rem !important;
  }
  .gap-m-50 {
    gap: 3.125rem !important;
  }
  .gap-row-m-50 {
    row-gap: 3.125rem !important;
  }
  .gap-col-m-50 {
    column-gap: 3.125rem !important;
  }
  .gap-m-100 {
    gap: 6.25rem !important;
  }
  .gap-row-m-100 {
    row-gap: 6.25rem !important;
  }
  .gap-col-m-100 {
    column-gap: 6.25rem !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .gap-m-none {
    gap: 0 !important;
  }
  .gap-row-m-none {
    row-gap: 0 !important;
  }
  .gap-col-m-none {
    column-gap: 0 !important;
  }
  .gap-m-4 {
    gap: 0.25rem !important;
  }
  .gap-row-m-4 {
    row-gap: 0.25rem !important;
  }
  .gap-col-m-4 {
    column-gap: 0.25rem !important;
  }
  .gap-m-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-6 {
    column-gap: 0.375rem !important;
  }
  .gap-m-8 {
    gap: 0.5rem !important;
  }
  .gap-row-m-8 {
    row-gap: 0.5rem !important;
  }
  .gap-col-m-8 {
    column-gap: 0.5rem !important;
  }
  .gap-m-10 {
    gap: 0.625rem !important;
  }
  .gap-row-m-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-m-10 {
    column-gap: 0.625rem !important;
  }
  .gap-m-12 {
    gap: 0.75rem !important;
  }
  .gap-row-m-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-m-12 {
    column-gap: 0.75rem !important;
  }
  .gap-m-14 {
    gap: 0.875rem !important;
  }
  .gap-row-m-14 {
    row-gap: 0.875rem !important;
  }
  .gap-col-m-14 {
    column-gap: 0.875rem !important;
  }
  .gap-m-16 {
    gap: 1rem !important;
  }
  .gap-row-m-16 {
    row-gap: 1rem !important;
  }
  .gap-col-m-16 {
    column-gap: 1rem !important;
  }
  .gap-m-18 {
    gap: 1.125rem !important;
  }
  .gap-row-m-18 {
    row-gap: 1.125rem !important;
  }
  .gap-col-m-18 {
    column-gap: 1.125rem !important;
  }
  .gap-m-20 {
    gap: 1.25rem !important;
  }
  .gap-row-m-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-m-20 {
    column-gap: 1.25rem !important;
  }
  .gap-m-24 {
    gap: 1.5rem !important;
  }
  .gap-row-m-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-m-24 {
    column-gap: 1.5rem !important;
  }
  .gap-m-30 {
    gap: 1.875rem !important;
  }
  .gap-row-m-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-m-30 {
    column-gap: 1.875rem !important;
  }
  .gap-m-34 {
    gap: 2.125rem !important;
  }
  .gap-row-m-34 {
    row-gap: 2.125rem !important;
  }
  .gap-col-m-34 {
    column-gap: 2.125rem !important;
  }
  .gap-m-40 {
    gap: 2.5rem !important;
  }
  .gap-row-m-40 {
    row-gap: 2.5rem !important;
  }
  .gap-col-m-40 {
    column-gap: 2.5rem !important;
  }
  .gap-m-45 {
    gap: 2.8125rem !important;
  }
  .gap-row-m-45 {
    row-gap: 2.8125rem !important;
  }
  .gap-col-m-45 {
    column-gap: 2.8125rem !important;
  }
  .gap-m-50 {
    gap: 3.125rem !important;
  }
  .gap-row-m-50 {
    row-gap: 3.125rem !important;
  }
  .gap-col-m-50 {
    column-gap: 3.125rem !important;
  }
  .gap-m-100 {
    gap: 6.25rem !important;
  }
  .gap-row-m-100 {
    row-gap: 6.25rem !important;
  }
  .gap-col-m-100 {
    column-gap: 6.25rem !important;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .gap-t-none {
    gap: 0 !important;
  }
  .gap-row-t-none {
    row-gap: 0 !important;
  }
  .gap-col-t-none {
    column-gap: 0 !important;
  }
  .gap-t-4 {
    gap: 0.25rem !important;
  }
  .gap-row-t-4 {
    row-gap: 0.25rem !important;
  }
  .gap-col-t-4 {
    column-gap: 0.25rem !important;
  }
  .gap-t-6 {
    gap: 0.375rem !important;
  }
  .gap-row-t-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-t-6 {
    column-gap: 0.375rem !important;
  }
  .gap-t-8 {
    gap: 0.5rem !important;
  }
  .gap-row-t-8 {
    row-gap: 0.5rem !important;
  }
  .gap-col-t-8 {
    column-gap: 0.5rem !important;
  }
  .gap-t-10 {
    gap: 0.625rem !important;
  }
  .gap-row-t-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-t-10 {
    column-gap: 0.625rem !important;
  }
  .gap-t-12 {
    gap: 0.75rem !important;
  }
  .gap-row-t-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-t-12 {
    column-gap: 0.75rem !important;
  }
  .gap-t-14 {
    gap: 0.875rem !important;
  }
  .gap-row-t-14 {
    row-gap: 0.875rem !important;
  }
  .gap-col-t-14 {
    column-gap: 0.875rem !important;
  }
  .gap-t-16 {
    gap: 1rem !important;
  }
  .gap-row-t-16 {
    row-gap: 1rem !important;
  }
  .gap-col-t-16 {
    column-gap: 1rem !important;
  }
  .gap-t-18 {
    gap: 1.125rem !important;
  }
  .gap-row-t-18 {
    row-gap: 1.125rem !important;
  }
  .gap-col-t-18 {
    column-gap: 1.125rem !important;
  }
  .gap-t-20 {
    gap: 1.25rem !important;
  }
  .gap-row-t-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-t-20 {
    column-gap: 1.25rem !important;
  }
  .gap-t-24 {
    gap: 1.5rem !important;
  }
  .gap-row-t-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-t-24 {
    column-gap: 1.5rem !important;
  }
  .gap-t-30 {
    gap: 1.875rem !important;
  }
  .gap-row-t-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-t-30 {
    column-gap: 1.875rem !important;
  }
  .gap-t-34 {
    gap: 2.125rem !important;
  }
  .gap-row-t-34 {
    row-gap: 2.125rem !important;
  }
  .gap-col-t-34 {
    column-gap: 2.125rem !important;
  }
  .gap-t-40 {
    gap: 2.5rem !important;
  }
  .gap-row-t-40 {
    row-gap: 2.5rem !important;
  }
  .gap-col-t-40 {
    column-gap: 2.5rem !important;
  }
  .gap-t-45 {
    gap: 2.8125rem !important;
  }
  .gap-row-t-45 {
    row-gap: 2.8125rem !important;
  }
  .gap-col-t-45 {
    column-gap: 2.8125rem !important;
  }
  .gap-t-50 {
    gap: 3.125rem !important;
  }
  .gap-row-t-50 {
    row-gap: 3.125rem !important;
  }
  .gap-col-t-50 {
    column-gap: 3.125rem !important;
  }
  .gap-t-100 {
    gap: 6.25rem !important;
  }
  .gap-row-t-100 {
    row-gap: 6.25rem !important;
  }
  .gap-col-t-100 {
    column-gap: 6.25rem !important;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .gap-m-none {
    gap: 0 !important;
  }
  .gap-row-m-none {
    row-gap: 0 !important;
  }
  .gap-col-m-none {
    column-gap: 0 !important;
  }
  .gap-m-4 {
    gap: 0.25rem !important;
  }
  .gap-row-m-4 {
    row-gap: 0.25rem !important;
  }
  .gap-col-m-4 {
    column-gap: 0.25rem !important;
  }
  .gap-m-6 {
    gap: 0.375rem !important;
  }
  .gap-row-m-6 {
    row-gap: 0.375rem !important;
  }
  .gap-col-m-6 {
    column-gap: 0.375rem !important;
  }
  .gap-m-8 {
    gap: 0.5rem !important;
  }
  .gap-row-m-8 {
    row-gap: 0.5rem !important;
  }
  .gap-col-m-8 {
    column-gap: 0.5rem !important;
  }
  .gap-m-10 {
    gap: 0.625rem !important;
  }
  .gap-row-m-10 {
    row-gap: 0.625rem !important;
  }
  .gap-col-m-10 {
    column-gap: 0.625rem !important;
  }
  .gap-m-12 {
    gap: 0.75rem !important;
  }
  .gap-row-m-12 {
    row-gap: 0.75rem !important;
  }
  .gap-col-m-12 {
    column-gap: 0.75rem !important;
  }
  .gap-m-14 {
    gap: 0.875rem !important;
  }
  .gap-row-m-14 {
    row-gap: 0.875rem !important;
  }
  .gap-col-m-14 {
    column-gap: 0.875rem !important;
  }
  .gap-m-16 {
    gap: 1rem !important;
  }
  .gap-row-m-16 {
    row-gap: 1rem !important;
  }
  .gap-col-m-16 {
    column-gap: 1rem !important;
  }
  .gap-m-18 {
    gap: 1.125rem !important;
  }
  .gap-row-m-18 {
    row-gap: 1.125rem !important;
  }
  .gap-col-m-18 {
    column-gap: 1.125rem !important;
  }
  .gap-m-20 {
    gap: 1.25rem !important;
  }
  .gap-row-m-20 {
    row-gap: 1.25rem !important;
  }
  .gap-col-m-20 {
    column-gap: 1.25rem !important;
  }
  .gap-m-24 {
    gap: 1.5rem !important;
  }
  .gap-row-m-24 {
    row-gap: 1.5rem !important;
  }
  .gap-col-m-24 {
    column-gap: 1.5rem !important;
  }
  .gap-m-30 {
    gap: 1.875rem !important;
  }
  .gap-row-m-30 {
    row-gap: 1.875rem !important;
  }
  .gap-col-m-30 {
    column-gap: 1.875rem !important;
  }
  .gap-m-34 {
    gap: 2.125rem !important;
  }
  .gap-row-m-34 {
    row-gap: 2.125rem !important;
  }
  .gap-col-m-34 {
    column-gap: 2.125rem !important;
  }
  .gap-m-40 {
    gap: 2.5rem !important;
  }
  .gap-row-m-40 {
    row-gap: 2.5rem !important;
  }
  .gap-col-m-40 {
    column-gap: 2.5rem !important;
  }
  .gap-m-45 {
    gap: 2.8125rem !important;
  }
  .gap-row-m-45 {
    row-gap: 2.8125rem !important;
  }
  .gap-col-m-45 {
    column-gap: 2.8125rem !important;
  }
  .gap-m-50 {
    gap: 3.125rem !important;
  }
  .gap-row-m-50 {
    row-gap: 3.125rem !important;
  }
  .gap-col-m-50 {
    column-gap: 3.125rem !important;
  }
  .gap-m-100 {
    gap: 6.25rem !important;
  }
  .gap-row-m-100 {
    row-gap: 6.25rem !important;
  }
  .gap-col-m-100 {
    column-gap: 6.25rem !important;
  }
}
:root {
  --bbc-color-brand-brand-primary: #4051e9;
  --bbc-color-brand-primary: #2c2d31;
  --bbc-color-brand-secondary: #494c55;
  --bbc-color-element-primary: #2c2d31;
  --bbc-color-element-secondary: #494c55;
  --bbc-color-element-tertiary: #626974;
  --bbc-color-element-quaternary: #7f8791;
  --bbc-color-element-additional: #a0a6b1;
  --bbc-color-element-disabled: #c9cdd2;
  --bbc-color-element-marker: #d9d9d9;
  --bbc-color-element-white: #fff;
  --bbc-color-element-black: #000;
  --bbc-color-element-brand-primary: #4051e9;
  --bbc-color-states-negative: #de3737;
  --bbc-color-states-warning: #ffb800;
  --bbc-color-states-positive: #09a873;
  --bbc-color-states-information: #0074ff;
  --bbc-color-states-required: #dd3636;
  --bbc-color-states-new: #fe5d29;
  --bbc-color-states-new-disabled: #ffcebf;
  --bbc-color-backgrounds-base: #fff;
  --bbc-color-backgrounds-dark: #2e2e2e;
  --bbc-color-backgrounds-gray-01: #edf0f7;
  --bbc-color-backgrounds-gray-02: #eff2f8;
  --bbc-color-backgrounds-gray-03: #f6f7f9;
  --bbc-color-backgrounds-gray-04: #fafafa;
  --bbc-color-backgrounds-primary: #e3e6ff;
  --bbc-color-backgrounds-secondary: #dde0fb;
  --bbc-color-backgrounds-tertiary: #eceefd;
  --bbc-color-backgrounds-disabled: #f1f2f5;
  --bbc-color-backgrounds-disabled-21: rgba(241, 242, 245, 0.21);
  --bbc-color-backgrounds-text-field: #f5f5f5;
  --bbc-color-backgrounds-text-field-disabled: #ddd;
  --bbc-color-backgrounds-accent: #3546d3;
  --bbc-color-backgrounds-accent-point: #4051e9;
  --bbc-color-backgrounds-accent-point-8: rgba(64, 81, 233, 0.08);
  --bbc-color-icon-fill-yellow: #ff9c55;
  --bbc-color-icon-fill-green: #27c590;
  --bbc-color-icon-bg-red: #fff3f3;
  --bbc-color-icon-bg-yellow: #fff0ca;
  --bbc-color-icon-bg-cream: #fff7ea;
  --bbc-color-icon-bg-light-green: #f0fcf8;
  --bbc-color-icon-bg-purple: #f7f5ff;
  --bbc-color-icon-bg-blue: #eceefd;
  --bbc-color-icon-bg-green: #e2fae6;
  --bbc-color-icon-bg-gray: #f2f2f2;
  --bbc-color-chip-state-complete-text: #077045;
  --bbc-color-chip-state-complete-bg: #dcf6ee;
  --bbc-color-chip-state-warning-text: #a46013;
  --bbc-color-chip-state-warning-bg: #fff4e1;
  --bbc-color-chip-state-basic-text: #6b6f76;
  --bbc-color-chip-state-basic-bg: #eff2f8;
  --bbc-color-chip-state-negative-text: #de1a16;
  --bbc-color-chip-state-negative-bg: #fef2f2;
  --bbc-color-chip-category-category1-text: #077045;
  --bbc-color-chip-category-category1-bg: #dcf6ee;
  --bbc-color-chip-category-category2-text: #4051e9;
  --bbc-color-chip-category-category2-bg: #e3e6ff;
  --bbc-color-chip-category-category3-text: #0166f3;
  --bbc-color-chip-category-category3-bg: #eaf4ff;
  --bbc-color-chip-category-category4-text: #de1a16;
  --bbc-color-chip-category-category4-bg: #fef2f2;
  --bbc-color-overlay-white-8: hsla(0, 0%, 100%, 0.08);
  --bbc-color-overlay-white-60: hsla(0, 0%, 100%, 0.6);
  --bbc-color-overlay-white-90: hsla(0, 0%, 100%, 0.9);
  --bbc-color-overlay-black-20: rgba(0, 0, 0, 0.2);
  --bbc-color-overlay-black-40: rgba(0, 0, 0, 0.4);
  --bbc-color-overlay-black-60: rgba(0, 0, 0, 0.6);
  --bbc-color-overlay-accent-70: rgba(64, 81, 233, 0.7);
  --bbc-color-overlay-layer: rgba(244, 244, 250, 0.4);
  --bbc-color-overlay-accent-layer-hovered: rgba(64, 81, 233, 0.05);
  --bbc-color-overlay-dim: rgba(0, 0, 0, 0.7);
  --bbc-color-btn-disabled: #c6c6c6;
  --bbc-color-btn-primary-normal: #4051e9;
  --bbc-color-btn-primary-normal-outline: #4051e9;
  --bbc-color-btn-primary-hovered: #2f41d0;
  --bbc-color-btn-primary-hovered-subtle: #f3f5ff;
  --bbc-color-btn-primary-pressed: #1e33b8;
  --bbc-color-btn-primary-pressed-subtle: #e3e6ff;
  --bbc-color-btn-primary-disabled: rgba(64, 81, 233, 0.3);
  --bbc-color-btn-primary-disabled-outline: rgba(64, 81, 233, 0.3);
  --bbc-color-btn-primary-accent: #fff;
  --bbc-color-btn-secondary-normal: #e3e6ff;
  --bbc-color-btn-secondary-hovered: #d6daff;
  --bbc-color-btn-secondary-pressed: #c5c9f5;
  --bbc-color-btn-secondary-disabled: rgba(227, 230, 255, 0.3);
  --bbc-color-btn-tertiary-normal: #c6c6c6;
  --bbc-color-btn-tertiary-hovered: #f1f2f5;
  --bbc-color-btn-tertiary-pressed: #e0e3e7;
  --bbc-color-btn-tertiary-disabled: rgba(73, 76, 85, 0.3);
  --bbc-color-btn-tertiary-accent: #fff;
  --bbc-color-text-emphasis: #000;
  --bbc-color-text-primary: #2d2d2d;
  --bbc-color-text-secondary: #494c55;
  --bbc-color-text-tertiary: #555;
  --bbc-color-text-additional: #717171;
  --bbc-color-text-disabled: #8e8e8e;
  --bbc-color-text-white: #fff;
  --bbc-color-text-brand-primary: #4051e9;
  --bbc-color-text-positive: #09a873;
  --bbc-color-text-negative: #dc3232;
  --bbc-color-text-information: #0074ff;
  --bbc-color-text-point: #ffa84f;
  --bbc-color-border-emphasis: #c6c6c6;
  --bbc-color-border-primary: #ddd;
  --bbc-color-border-secondary: #e4e4e4;
  --bbc-color-border-tertiary: #eee;
  --bbc-color-border-additional: #eee;
  --bbc-color-border-brand: #8e97ec;
  --bbc-color-border-dark: #2d2d2d;
  --bbc-color-border-white: #fff;
  --bbc-color-graph-green: #27c590;
  --bbc-color-graph-skyblue: #53bdff;
  --bbc-color-graph-orange: #ff6c61;
  --bbc-color-graph-yellow: #ffd255;
  --bbc-color-graph-blue: #4051e9;
  --bbc-color-graph-blue-subtle: #e8ecf3;
  --bbc-color-graph-purple: #7557f2;
  --bbc-color-graph-bluegreen: #009984;
  --bbc-color-lnb-passportA-card: #3546d3;
  --bbc-color-lnb-passportA-bg: #dde0fb;
  --bbc-color-lnb-passportB-topline: #6976e4;
  --bbc-color-lnb-passportB-bg: #494c55;
  --bbc-color-lnb-passportB-avatar-bg: #f1f2f5;
  --bbc-color-lnb-travelA-topbar: #3546d3;
  --bbc-color-lnb-travelA-card: #a7b0fe;
  --bbc-color-lnb-travelA-bg: #dde0fb;
  --bbc-color-lnb-travelB-border: #3450bc;
  --bbc-color-lnb-travelB-border2: rgba(52, 80, 188, 0.2);
  --bbc-color-mission-graph-bar: #4051e9;
  --bbc-color-mission-graph-track: rgba(64, 81, 233, 0.17);
  --bbc-color-subject-korean: #db3b08;
  --bbc-color-subject-korean-dark: #af3812;
  --bbc-color-subject-korean-subtle: #ffeded;
  --bbc-color-subject-english: #f9b123;
  --bbc-color-subject-english-dark: #8c5e00;
  --bbc-color-subject-english-subtle: #fff9d5;
  --bbc-color-subject-society: #2fbe5c;
  --bbc-color-subject-society-dark: #067346;
  --bbc-color-subject-society-subtle: #e5faeb;
  --bbc-color-subject-math: #4051e9;
  --bbc-color-subject-math-dark: #4051e9;
  --bbc-color-subject-math-subtle: #e4f1ff;
  --bbc-color-subject-science: #7553ed;
  --bbc-color-subject-science-dark: #5d3ec9;
  --bbc-color-subject-science-subtle: #eeeaff;
  --bbc-color-subject-art: #f297f5;
  --bbc-color-subject-art-dark: #b312b9;
  --bbc-color-subject-art-subtle: #fbe9ff;
  --bbc-color-subject-music: #f3629e;
  --bbc-color-subject-music-dark: #bb0a53;
  --bbc-color-subject-music-subtle: #ffe9f4;
  --bbc-color-subject-physical: #8dd53b;
  --bbc-color-subject-physical-dark: #067346;
  --bbc-color-subject-physical-subtle: #edfbc9;
  --bbc-color-subject-morality: #4abfe5;
  --bbc-color-subject-morality-dark: #006a8d;
  --bbc-color-subject-morality-subtle: #e2fdff;
  --bbc-color-subject-common: #b27eea;
  --bbc-color-subject-common-dark: #5d3ec9;
  --bbc-color-subject-common-subtle: #faf2ff;
  --bbc-color-subject-technology: #f8760d;
  --bbc-color-subject-technology-dark: #8c5e00;
  --bbc-color-subject-technology-subtle: #ffedde;
  --bbc-color-subject-happy: #ee7b3d;
  --bbc-color-subject-happy-dark: #a64623;
  --bbc-color-subject-happy-subtle: #fff4f0;
  --bbc-color-subject-wise: #3cafaf;
  --bbc-color-subject-wise-dark: #086f91;
  --bbc-color-subject-wise-subtle: #e8f8f8;
  --bbc-color-subject-right: #c9d86d;
  --bbc-color-subject-right-dark: #636f16;
  --bbc-color-subject-right-subtle: #f9ffd5;
  --bbc-color-utility-focus: #00cbde;
  --bbc-color-shadow-1: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  --bbc-color-shadow-2: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
  --bbc-color-shadow-3: 0 4px 8px 0 rgba(64, 81, 233, 0.3);
  --bbc-color-shadow-4: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  --bbc-color-shadow-5: 0 4px 40px 0 rgba(0, 0, 0, 0.08);
  --bbc-color-gradient-brand-0: linear-gradient(20deg, #bce5ff 11.04%, #bdd5ff 94%);
  --bbc-border-radius-4: 0.25rem;
  --bbc-border-radius-5: 0.3125rem;
  --bbc-border-radius-6: 0.375rem;
  --bbc-border-radius-7: 0.4375rem;
  --bbc-border-radius-8: 0.5rem;
  --bbc-border-radius-12: 0.75rem;
  --bbc-border-radius-16: 1rem;
  --bbc-border-radius-24: 1.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-2xs: 12px;
  --bbc-icon-size-xs: 16px;
  --bbc-icon-size-sm: 18px;
  --bbc-icon-size-md: 20px;
  --bbc-icon-size-lg: 22px;
  --bbc-icon-size-xl: 24px;
  --bbc-icon-size-2xl: 32px;
  --bbc-icon-size-3xl: 36px;
  --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-heading-1: 700 2rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-1-ko: 700 2rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-2: 700 1.6875rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-2-ko: 700 1.6875rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-3: 700 1.5rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-3-ko: 700 1.5rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-4: 700 1.3125rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-4-ko: 700 1.3125rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-5: 700 1.1875rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-5-ko: 700 1.1875rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-6: 700 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-6-ko: 700 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-title-1: 700 1.0625rem/1.5 var(--bbc-font-family);
  --bbc-typo-title-1-ko: 700 1.0625rem/1.5 var(--bbc-font-family);
  --bbc-typo-title-2: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-title-2-ko: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-title-3: 700 0.9375rem/1.5 var(--bbc-font-family);
  --bbc-typo-title-3-ko: 700 0.9375rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-1: 700 1.0625rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-1-ko: 700 1.0625rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-2: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-2-ko: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-3: 700 0.9375rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-3-ko: 700 0.9375rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-4: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-4-ko: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-5: 500 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-5-ko: 500 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-6: 500 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-6-ko: 500 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn-1: 700 1.0625rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn-1-ko: 700 1.0625rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn-2: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn-2-ko: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn-3: 600 0.9375rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn-3-ko: 600 0.9375rem/1.5 var(--bbc-font-family);
  --bbc-typo-label-1: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-label-1-ko: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-label-2: 700 0.9375rem/1.5 var(--bbc-font-family);
  --bbc-typo-label-2-ko: 700 0.9375rem/1.5 var(--bbc-font-family);
  --bbc-typo-label-3: 600 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-label-3-ko: 600 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-chart-1: 500 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-chart-1-ko: 500 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-chart-2: 500 0.6875rem/1.5 var(--bbc-font-family);
  --bbc-typo-chart-2-ko: 500 0.6875rem/1.5 var(--bbc-font-family);
}
@media (width < 720px) {
  :root {
    --bbc-typo-heading-1: 700 32px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-1-ko: 700 32px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-2: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-2-ko: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-3: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-3-ko: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-4: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-4-ko: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-5: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-5-ko: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-6: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-6-ko: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-title-1: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-title-1-ko: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-title-2: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-title-2-ko: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-title-3: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-title-3-ko: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-body-1: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-body-1-ko: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-body-2: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-body-2-ko: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-body-3: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-body-3-ko: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-body-4: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-body-4-ko: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-body-5: 500 13px/1.5 var(--bbc-font-family);
    --bbc-typo-body-5-ko: 500 13px/1.5 var(--bbc-font-family);
    --bbc-typo-body-6: 500 12px/1.5 var(--bbc-font-family);
    --bbc-typo-body-6-ko: 500 12px/1.5 var(--bbc-font-family);
    --bbc-typo-btn-1: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-btn-1-ko: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-btn-2: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-btn-2-ko: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-btn-3: 600 15px/1.5 var(--bbc-font-family);
    --bbc-typo-btn-3-ko: 600 15px/1.5 var(--bbc-font-family);
    --bbc-typo-label-1: 500 15px/1.5 var(--bbc-font-family);
    --bbc-typo-label-1-ko: 500 15px/1.5 var(--bbc-font-family);
    --bbc-typo-label-2: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-label-2-ko: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-label-3: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-label-3-ko: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-chart-1: 500 12px/1.5 var(--bbc-font-family);
    --bbc-typo-chart-1-ko: 500 12px/1.5 var(--bbc-font-family);
    --bbc-typo-chart-2: 500 11px/1.5 var(--bbc-font-family);
    --bbc-typo-chart-2-ko: 500 11px/1.5 var(--bbc-font-family);
  }
}
@media (width < 375px) {
  :root {
    --bbc-typo-heading-1: 700 2rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-1-ko: 700 2rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-2: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-2-ko: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-3: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-3-ko: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-4: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-4-ko: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-5: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-5-ko: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-6: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-6-ko: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-title-1: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-title-1-ko: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-title-2: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-title-2-ko: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-title-3: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-title-3-ko: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-1: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-1-ko: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-2: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-2-ko: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-3: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-3-ko: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-4: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-4-ko: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-5: 500 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-5-ko: 500 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-6: 500 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-6-ko: 500 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn-1: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn-1-ko: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn-2: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn-2-ko: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn-3: 600 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn-3-ko: 600 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-label-1: 500 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-label-1-ko: 500 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-label-2: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-label-2-ko: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-label-3: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-label-3-ko: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-chart-1: 500 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-chart-1-ko: 500 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-chart-2: 500 0.6875rem/1.5 var(--bbc-font-family);
    --bbc-typo-chart-2-ko: 500 0.6875rem/1.5 var(--bbc-font-family);
  }
}
html[lang='ko'] {
  --bbc-typo-heading-1: 700 2rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-2: 700 1.6875rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-3: 700 1.5rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-4: 700 1.3125rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-5: 700 1.1875rem/1.5 var(--bbc-font-family);
  --bbc-typo-heading-6: 700 1.125rem/1.5 var(--bbc-font-family);
  --bbc-typo-title-1: 700 1.0625rem/1.5 var(--bbc-font-family);
  --bbc-typo-title-2: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-title-3: 700 0.9375rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-1: 700 1.0625rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-2: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-3: 700 0.9375rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-4: 500 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-5: 500 0.8125rem/1.5 var(--bbc-font-family);
  --bbc-typo-body-6: 500 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn-1: 700 1.0625rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn-2: 700 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-btn-3: 600 0.9375rem/1.5 var(--bbc-font-family);
  --bbc-typo-label-1: 500 1rem/1.5 var(--bbc-font-family);
  --bbc-typo-label-2: 700 0.9375rem/1.5 var(--bbc-font-family);
  --bbc-typo-label-3: 600 0.875rem/1.5 var(--bbc-font-family);
  --bbc-typo-chart-1: 500 0.75rem/1.5 var(--bbc-font-family);
  --bbc-typo-chart-2: 500 0.6875rem/1.5 var(--bbc-font-family);
}
@media (width < 720px) {
  html[lang='ko'] {
    --bbc-typo-heading-1: 700 32px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-1-ko: 700 32px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-2: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-2-ko: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-3: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-3-ko: 700 24px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-4: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-4-ko: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-5: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-5-ko: 700 18px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-6: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-heading-6-ko: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-title-1: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-title-1-ko: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-title-2: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-title-2-ko: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-title-3: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-title-3-ko: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-body-1: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-body-1-ko: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-body-2: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-body-2-ko: 700 16px/1.5 var(--bbc-font-family);
    --bbc-typo-body-3: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-body-3-ko: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-body-4: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-body-4-ko: 500 14px/1.5 var(--bbc-font-family);
    --bbc-typo-body-5: 500 13px/1.5 var(--bbc-font-family);
    --bbc-typo-body-5-ko: 500 13px/1.5 var(--bbc-font-family);
    --bbc-typo-body-6: 500 12px/1.5 var(--bbc-font-family);
    --bbc-typo-body-6-ko: 500 12px/1.5 var(--bbc-font-family);
    --bbc-typo-btn-1: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-btn-1-ko: 700 17px/1.5 var(--bbc-font-family);
    --bbc-typo-btn-2: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-btn-2-ko: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-btn-3: 600 15px/1.5 var(--bbc-font-family);
    --bbc-typo-btn-3-ko: 600 15px/1.5 var(--bbc-font-family);
    --bbc-typo-label-1: 500 15px/1.5 var(--bbc-font-family);
    --bbc-typo-label-1-ko: 500 15px/1.5 var(--bbc-font-family);
    --bbc-typo-label-2: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-label-2-ko: 700 15px/1.5 var(--bbc-font-family);
    --bbc-typo-label-3: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-label-3-ko: 600 14px/1.5 var(--bbc-font-family);
    --bbc-typo-chart-1: 500 12px/1.5 var(--bbc-font-family);
    --bbc-typo-chart-1-ko: 500 12px/1.5 var(--bbc-font-family);
    --bbc-typo-chart-2: 500 11px/1.5 var(--bbc-font-family);
    --bbc-typo-chart-2-ko: 500 11px/1.5 var(--bbc-font-family);
  }
}
@media (width < 375px) {
  html[lang='ko'] {
    --bbc-typo-heading-1: 700 2rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-1-ko: 700 2rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-2: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-2-ko: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-3: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-3-ko: 700 1.5rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-4: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-4-ko: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-5: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-5-ko: 700 1.125rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-6: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-heading-6-ko: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-title-1: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-title-1-ko: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-title-2: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-title-2-ko: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-title-3: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-title-3-ko: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-1: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-1-ko: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-2: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-2-ko: 700 1rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-3: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-3-ko: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-4: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-4-ko: 500 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-5: 500 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-5-ko: 500 0.8125rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-6: 500 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-body-6-ko: 500 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn-1: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn-1-ko: 700 1.0625rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn-2: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn-2-ko: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn-3: 600 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-btn-3-ko: 600 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-label-1: 500 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-label-1-ko: 500 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-label-2: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-label-2-ko: 700 0.9375rem/1.5 var(--bbc-font-family);
    --bbc-typo-label-3: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-label-3-ko: 600 0.875rem/1.5 var(--bbc-font-family);
    --bbc-typo-chart-1: 500 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-chart-1-ko: 500 0.75rem/1.5 var(--bbc-font-family);
    --bbc-typo-chart-2: 500 0.6875rem/1.5 var(--bbc-font-family);
    --bbc-typo-chart-2-ko: 500 0.6875rem/1.5 var(--bbc-font-family);
  }
}
[bbc-theme='blue'] {
  --bbc-color-brand-brand-primary: #4051e9;
  --bbc-color-brand-primary: #2c2d31;
  --bbc-color-brand-secondary: #494c55;
  --bbc-color-element-primary: #2c2d31;
  --bbc-color-element-secondary: #494c55;
  --bbc-color-element-tertiary: #626974;
  --bbc-color-element-quaternary: #7f8791;
  --bbc-color-element-additional: #a0a6b1;
  --bbc-color-element-disabled: #c9cdd2;
  --bbc-color-element-marker: #d9d9d9;
  --bbc-color-element-white: #fff;
  --bbc-color-element-black: #000;
  --bbc-color-element-brand-primary: #4051e9;
  --bbc-color-states-negative: #de3737;
  --bbc-color-states-warning: #ffb800;
  --bbc-color-states-positive: #09a873;
  --bbc-color-states-information: #0074ff;
  --bbc-color-states-required: #dd3636;
  --bbc-color-states-new: #fe5d29;
  --bbc-color-states-new-disabled: #ffcebf;
  --bbc-color-backgrounds-base: #fff;
  --bbc-color-backgrounds-dark: #2e2e2e;
  --bbc-color-backgrounds-gray-01: #edf0f7;
  --bbc-color-backgrounds-gray-02: #eff2f8;
  --bbc-color-backgrounds-gray-03: #f6f7f9;
  --bbc-color-backgrounds-gray-04: #fafafa;
  --bbc-color-backgrounds-primary: #e3e6ff;
  --bbc-color-backgrounds-secondary: #dde0fb;
  --bbc-color-backgrounds-tertiary: #eceefd;
  --bbc-color-backgrounds-disabled: #f1f2f5;
  --bbc-color-backgrounds-disabled-21: rgba(241, 242, 245, 0.21);
  --bbc-color-backgrounds-text-field: #f5f5f5;
  --bbc-color-backgrounds-text-field-disabled: #ddd;
  --bbc-color-backgrounds-accent: #3546d3;
  --bbc-color-backgrounds-accent-point: #4051e9;
  --bbc-color-backgrounds-accent-point-8: rgba(64, 81, 233, 0.08);
  --bbc-color-icon-fill-yellow: #ff9c55;
  --bbc-color-icon-fill-green: #27c590;
  --bbc-color-icon-bg-red: #fff3f3;
  --bbc-color-icon-bg-yellow: #fff0ca;
  --bbc-color-icon-bg-cream: #fff7ea;
  --bbc-color-icon-bg-light-green: #f0fcf8;
  --bbc-color-icon-bg-purple: #f7f5ff;
  --bbc-color-icon-bg-blue: #eceefd;
  --bbc-color-icon-bg-green: #e2fae6;
  --bbc-color-icon-bg-gray: #f2f2f2;
  --bbc-color-chip-state-complete-text: #077045;
  --bbc-color-chip-state-complete-bg: #dcf6ee;
  --bbc-color-chip-state-warning-text: #a46013;
  --bbc-color-chip-state-warning-bg: #fff4e1;
  --bbc-color-chip-state-basic-text: #6b6f76;
  --bbc-color-chip-state-basic-bg: #eff2f8;
  --bbc-color-chip-state-negative-text: #de1a16;
  --bbc-color-chip-state-negative-bg: #fef2f2;
  --bbc-color-chip-category-category1-text: #077045;
  --bbc-color-chip-category-category1-bg: #dcf6ee;
  --bbc-color-chip-category-category2-text: #4051e9;
  --bbc-color-chip-category-category2-bg: #e3e6ff;
  --bbc-color-chip-category-category3-text: #0166f3;
  --bbc-color-chip-category-category3-bg: #eaf4ff;
  --bbc-color-chip-category-category4-text: #de1a16;
  --bbc-color-chip-category-category4-bg: #fef2f2;
  --bbc-color-overlay-white-8: hsla(0, 0%, 100%, 0.08);
  --bbc-color-overlay-white-60: hsla(0, 0%, 100%, 0.6);
  --bbc-color-overlay-white-90: hsla(0, 0%, 100%, 0.9);
  --bbc-color-overlay-black-20: rgba(0, 0, 0, 0.2);
  --bbc-color-overlay-black-40: rgba(0, 0, 0, 0.4);
  --bbc-color-overlay-black-60: rgba(0, 0, 0, 0.6);
  --bbc-color-overlay-accent-70: rgba(64, 81, 233, 0.7);
  --bbc-color-overlay-layer: rgba(244, 244, 250, 0.4);
  --bbc-color-overlay-accent-layer-hovered: rgba(64, 81, 233, 0.05);
  --bbc-color-overlay-dim: rgba(0, 0, 0, 0.7);
  --bbc-color-btn-disabled: #c6c6c6;
  --bbc-color-btn-primary-normal: #4051e9;
  --bbc-color-btn-primary-normal-outline: #4051e9;
  --bbc-color-btn-primary-hovered: #2f41d0;
  --bbc-color-btn-primary-hovered-subtle: #f3f5ff;
  --bbc-color-btn-primary-pressed: #1e33b8;
  --bbc-color-btn-primary-pressed-subtle: #e3e6ff;
  --bbc-color-btn-primary-disabled: rgba(64, 81, 233, 0.3);
  --bbc-color-btn-primary-disabled-outline: rgba(64, 81, 233, 0.3);
  --bbc-color-btn-primary-accent: #fff;
  --bbc-color-btn-secondary-normal: #e3e6ff;
  --bbc-color-btn-secondary-hovered: #d6daff;
  --bbc-color-btn-secondary-pressed: #c5c9f5;
  --bbc-color-btn-secondary-disabled: rgba(227, 230, 255, 0.3);
  --bbc-color-btn-tertiary-normal: #c6c6c6;
  --bbc-color-btn-tertiary-hovered: #f1f2f5;
  --bbc-color-btn-tertiary-pressed: #e0e3e7;
  --bbc-color-btn-tertiary-disabled: rgba(73, 76, 85, 0.3);
  --bbc-color-btn-tertiary-accent: #fff;
  --bbc-color-text-emphasis: #000;
  --bbc-color-text-primary: #2d2d2d;
  --bbc-color-text-secondary: #494c55;
  --bbc-color-text-tertiary: #555;
  --bbc-color-text-additional: #717171;
  --bbc-color-text-disabled: #8e8e8e;
  --bbc-color-text-white: #fff;
  --bbc-color-text-brand-primary: #4051e9;
  --bbc-color-text-positive: #09a873;
  --bbc-color-text-negative: #dc3232;
  --bbc-color-text-information: #0074ff;
  --bbc-color-text-point: #ffa84f;
  --bbc-color-border-emphasis: #c6c6c6;
  --bbc-color-border-primary: #ddd;
  --bbc-color-border-secondary: #e4e4e4;
  --bbc-color-border-tertiary: #eee;
  --bbc-color-border-additional: #eee;
  --bbc-color-border-brand: #8e97ec;
  --bbc-color-border-dark: #2d2d2d;
  --bbc-color-border-white: #fff;
  --bbc-color-graph-green: #27c590;
  --bbc-color-graph-skyblue: #53bdff;
  --bbc-color-graph-orange: #ff6c61;
  --bbc-color-graph-yellow: #ffd255;
  --bbc-color-graph-blue: #4051e9;
  --bbc-color-graph-blue-subtle: #e8ecf3;
  --bbc-color-graph-purple: #7557f2;
  --bbc-color-graph-bluegreen: #009984;
  --bbc-color-lnb-passportA-card: #3546d3;
  --bbc-color-lnb-passportA-bg: #dde0fb;
  --bbc-color-lnb-passportB-topline: #6976e4;
  --bbc-color-lnb-passportB-bg: #494c55;
  --bbc-color-lnb-passportB-avatar-bg: #f1f2f5;
  --bbc-color-lnb-travelA-topbar: #3546d3;
  --bbc-color-lnb-travelA-card: #a7b0fe;
  --bbc-color-lnb-travelA-bg: #dde0fb;
  --bbc-color-lnb-travelB-border: #3450bc;
  --bbc-color-lnb-travelB-border2: rgba(52, 80, 188, 0.2);
  --bbc-color-mission-graph-bar: #4051e9;
  --bbc-color-mission-graph-track: rgba(64, 81, 233, 0.17);
  --bbc-color-subject-korean: #db3b08;
  --bbc-color-subject-korean-dark: #af3812;
  --bbc-color-subject-korean-subtle: #ffeded;
  --bbc-color-subject-english: #f9b123;
  --bbc-color-subject-english-dark: #8c5e00;
  --bbc-color-subject-english-subtle: #fff9d5;
  --bbc-color-subject-society: #2fbe5c;
  --bbc-color-subject-society-dark: #067346;
  --bbc-color-subject-society-subtle: #e5faeb;
  --bbc-color-subject-math: #4051e9;
  --bbc-color-subject-math-dark: #4051e9;
  --bbc-color-subject-math-subtle: #e4f1ff;
  --bbc-color-subject-science: #7553ed;
  --bbc-color-subject-science-dark: #5d3ec9;
  --bbc-color-subject-science-subtle: #eeeaff;
  --bbc-color-subject-art: #f297f5;
  --bbc-color-subject-art-dark: #b312b9;
  --bbc-color-subject-art-subtle: #fbe9ff;
  --bbc-color-subject-music: #f3629e;
  --bbc-color-subject-music-dark: #bb0a53;
  --bbc-color-subject-music-subtle: #ffe9f4;
  --bbc-color-subject-physical: #8dd53b;
  --bbc-color-subject-physical-dark: #067346;
  --bbc-color-subject-physical-subtle: #edfbc9;
  --bbc-color-subject-morality: #4abfe5;
  --bbc-color-subject-morality-dark: #006a8d;
  --bbc-color-subject-morality-subtle: #e2fdff;
  --bbc-color-subject-common: #b27eea;
  --bbc-color-subject-common-dark: #5d3ec9;
  --bbc-color-subject-common-subtle: #faf2ff;
  --bbc-color-subject-technology: #f8760d;
  --bbc-color-subject-technology-dark: #8c5e00;
  --bbc-color-subject-technology-subtle: #ffedde;
  --bbc-color-subject-happy: #ee7b3d;
  --bbc-color-subject-happy-dark: #a64623;
  --bbc-color-subject-happy-subtle: #fff4f0;
  --bbc-color-subject-wise: #3cafaf;
  --bbc-color-subject-wise-dark: #086f91;
  --bbc-color-subject-wise-subtle: #e8f8f8;
  --bbc-color-subject-right: #c9d86d;
  --bbc-color-subject-right-dark: #636f16;
  --bbc-color-subject-right-subtle: #f9ffd5;
  --bbc-color-utility-focus: #00cbde;
  --bbc-color-shadow-1: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  --bbc-color-shadow-2: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
  --bbc-color-shadow-3: 0 4px 8px 0 rgba(64, 81, 233, 0.3);
  --bbc-color-shadow-4: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  --bbc-color-shadow-5: 0 4px 40px 0 rgba(0, 0, 0, 0.08);
  --bbc-color-gradient-brand-0: linear-gradient(20deg, #bce5ff 11.04%, #bdd5ff 94%);
}
[bbc-theme='orange'] {
  --bbc-color-brand-brand-primary: #4051e9;
  --bbc-color-brand-primary: #2c2d31;
  --bbc-color-brand-secondary: #494c55;
  --bbc-color-element-primary: #2c2d31;
  --bbc-color-element-secondary: #494c55;
  --bbc-color-element-tertiary: #626974;
  --bbc-color-element-quaternary: #7f8791;
  --bbc-color-element-additional: #a0a6b1;
  --bbc-color-element-disabled: #c9cdd2;
  --bbc-color-element-white: #fff;
  --bbc-color-element-black: #000;
  --bbc-color-element-brand-primary: #db3b08;
  --bbc-color-states-negative: #de3737;
  --bbc-color-states-warning: #ffb800;
  --bbc-color-states-positive: #09a873;
  --bbc-color-states-information: #0074ff;
  --bbc-color-states-required: #dd3636;
  --bbc-color-states-new: #fe5d29;
  --bbc-color-states-new-disabled: #ffcebf;
  --bbc-color-backgrounds-base: #fff;
  --bbc-color-backgrounds-dark: #2e2e2e;
  --bbc-color-backgrounds-gray-01: #edf0f7;
  --bbc-color-backgrounds-gray-02: #eff2f8;
  --bbc-color-backgrounds-gray-03: #f6f7f9;
  --bbc-color-backgrounds-gray-04: #fafafa;
  --bbc-color-backgrounds-primary: #ffefe9;
  --bbc-color-backgrounds-secondary: #fbe5e0;
  --bbc-color-backgrounds-tertiary: #fff3f3;
  --bbc-color-backgrounds-disabled: #f1f2f5;
  --bbc-color-backgrounds-disabled-21: rgba(241, 242, 245, 0.21);
  --bbc-color-backgrounds-text-field: #f5f5f5;
  --bbc-color-backgrounds-text-field-disabled: #ddd;
  --bbc-color-backgrounds-accent: #ba2d00;
  --bbc-color-backgrounds-accent-point: #db3b08;
  --bbc-color-backgrounds-accent-point-8: rgba(219, 59, 8, 0.06);
  --bbc-color-icon-bg-red: #fff3f3;
  --bbc-color-icon-bg-yellow: #fff0ca;
  --bbc-color-icon-bg-cream: #fff7ea;
  --bbc-color-icon-bg-light-green: #f0fcf8;
  --bbc-color-icon-bg-purple: #f7f5ff;
  --bbc-color-icon-bg-blue: #eceefd;
  --bbc-color-icon-bg-green: #e2fae6;
  --bbc-color-icon-bg-gray: #f2f2f2;
  --bbc-color-chip-state-complete-text: #077045;
  --bbc-color-chip-state-complete-bg: #dcf6ee;
  --bbc-color-chip-state-warning-text: #a46013;
  --bbc-color-chip-state-warning-bg: #fff4e1;
  --bbc-color-chip-state-basic-text: #6b6f76;
  --bbc-color-chip-state-basic-bg: #eff2f8;
  --bbc-color-chip-state-negative-text: #de1a16;
  --bbc-color-chip-state-negative-bg: #fef2f2;
  --bbc-color-chip-category-category1-text: #077045;
  --bbc-color-chip-category-category1-bg: #dcf6ee;
  --bbc-color-chip-category-category2-text: #4051e9;
  --bbc-color-chip-category-category2-bg: #e3e6ff;
  --bbc-color-chip-category-category3-text: #0166f3;
  --bbc-color-chip-category-category3-bg: #eaf4ff;
  --bbc-color-chip-category-category4-text: #de1a16;
  --bbc-color-chip-category-category4-bg: #fef2f2;
  --bbc-color-overlay-white-8: hsla(0, 0%, 100%, 0.08);
  --bbc-color-overlay-white-60: hsla(0, 0%, 100%, 0.6);
  --bbc-color-overlay-white-90: hsla(0, 0%, 100%, 0.9);
  --bbc-color-overlay-black-20: rgba(0, 0, 0, 0.2);
  --bbc-color-overlay-black-40: rgba(0, 0, 0, 0.4);
  --bbc-color-overlay-black-60: rgba(0, 0, 0, 0.6);
  --bbc-color-overlay-accent-70: rgba(234, 73, 22, 0.7);
  --bbc-color-overlay-layer: rgba(244, 244, 250, 0.4);
  --bbc-color-overlay-accent-layer-hovered: rgba(234, 73, 22, 0.05);
  --bbc-color-overlay-dim: rgba(0, 0, 0, 0.7);
  --bbc-color-btn-disabled: #c6c6c6;
  --bbc-color-btn-primary-normal: #cc4a22;
  --bbc-color-btn-primary-normal-outline: #c34620;
  --bbc-color-btn-primary-hovered: #b93b15;
  --bbc-color-btn-primary-hovered-subtle: #ffded4;
  --bbc-color-btn-primary-pressed: #ba2d00;
  --bbc-color-btn-primary-pressed-subtle: #f8c0af;
  --bbc-color-btn-primary-disabled: rgba(249, 201, 186, 0.4);
  --bbc-color-btn-primary-disabled-outline: rgba(234, 73, 22, 0.3);
  --bbc-color-btn-primary-accent: #fff;
  --bbc-color-btn-secondary-normal: #ffded4;
  --bbc-color-btn-secondary-hovered: #f8c0af;
  --bbc-color-btn-secondary-pressed: #f6ab94;
  --bbc-color-btn-secondary-disabled: rgba(249, 201, 186, 0.3);
  --bbc-color-btn-tertiary-normal: #c6c6c6;
  --bbc-color-btn-tertiary-hovered: #f1f2f5;
  --bbc-color-btn-tertiary-pressed: #e0e3e7;
  --bbc-color-btn-tertiary-disabled: #e0e3e7;
  --bbc-color-btn-tertiary-accent: #fff;
  --bbc-color-text-emphasis: #000;
  --bbc-color-text-primary: #2d2d2d;
  --bbc-color-text-secondary: #494c55;
  --bbc-color-text-tertiary: #555;
  --bbc-color-text-additional: #717171;
  --bbc-color-text-disabled: #8e8e8e;
  --bbc-color-text-white: #fff;
  --bbc-color-text-brand-primary: #c22f00;
  --bbc-color-text-positive: #09a873;
  --bbc-color-text-negative: #dc3232;
  --bbc-color-text-information: #0074ff;
  --bbc-color-text-point: #ffa84f;
  --bbc-color-border-emphasis: #c6c6c6;
  --bbc-color-border-primary: #ddd;
  --bbc-color-border-secondary: #e4e4e4;
  --bbc-color-border-tertiary: #eee;
  --bbc-color-border-additional: #eee;
  --bbc-color-border-dark: #2d2d2d;
  --bbc-color-border-white: #fff;
  --bbc-color-border-brand: #ff9372;
  --bbc-color-graph-green: #27c590;
  --bbc-color-graph-skyblue: #53bdff;
  --bbc-color-graph-orange: #ff6c61;
  --bbc-color-graph-yellow: #ffd255;
  --bbc-color-graph-blue: #4051e9;
  --bbc-color-graph-purple: #7557f2;
  --bbc-color-graph-bluegreen: #009984;
  --bbc-color-lnb-passportA-card: #b93b15;
  --bbc-color-lnb-passportA-bg: #fbe5e0;
  --bbc-color-lnb-passportB-topline: #f57453;
  --bbc-color-lnb-passportB-bg: #494c55;
  --bbc-color-lnb-passportB-avatar-bg: #f1f2f5;
  --bbc-color-lnb-travelA-topbar: #c34620;
  --bbc-color-lnb-travelA-card: #f9c5b5;
  --bbc-color-lnb-travelA-bg: #fbe5e0;
  --bbc-color-lnb-travelB-border: #a0644a;
  --bbc-color-lnb-travelB-border2: rgba(160, 100, 74, 0.2);
  --bbc-color-mission-graph-bar: #db3b08;
  --bbc-color-mission-graph-track: rgba(219, 59, 8, 0.17);
  --bbc-color-subject-korean: #db3b08;
  --bbc-color-subject-korean-dark: #ca3a0c;
  --bbc-color-subject-korean-subtle: #ffeded;
  --bbc-color-subject-english: #f9b123;
  --bbc-color-subject-english-dark: #8c5e00;
  --bbc-color-subject-english-subtle: #fff9d5;
  --bbc-color-subject-society: #2fbe5c;
  --bbc-color-subject-society-dark: #088451;
  --bbc-color-subject-society-subtle: #e5faeb;
  --bbc-color-subject-math: #4051e9;
  --bbc-color-subject-math-dark: #4051e9;
  --bbc-color-subject-math-subtle: #e4f1ff;
  --bbc-color-subject-science: #7553ed;
  --bbc-color-subject-science-dark: #7553ed;
  --bbc-color-subject-science-subtle: #eeeaff;
  --bbc-color-subject-art: #f297f5;
  --bbc-color-subject-art-dark: #c514cc;
  --bbc-color-subject-art-subtle: #fbe9ff;
  --bbc-color-subject-music: #f3629e;
  --bbc-color-subject-music-dark: #dd0760;
  --bbc-color-subject-music-subtle: #ffe9f4;
  --bbc-color-subject-physical: #8dd53b;
  --bbc-color-subject-physical-dark: #088451;
  --bbc-color-subject-physical-subtle: #edfbc9;
  --bbc-color-subject-morality: #4abfe5;
  --bbc-color-subject-morality-dark: #007fa8;
  --bbc-color-subject-morality-subtle: #e2fdff;
  --bbc-color-subject-common: #b27eea;
  --bbc-color-subject-common-dark: #7553ed;
  --bbc-color-subject-common-subtle: #faf2ff;
  --bbc-color-subject-technology: #f8760d;
  --bbc-color-subject-technology-dark: #8c5e00;
  --bbc-color-subject-technology-subtle: #ffedde;
  --bbc-color-subject-happy: #ee7b3d;
  --bbc-color-subject-happy-dark: #a64623;
  --bbc-color-subject-happy-subtle: #fff4f0;
  --bbc-color-subject-wise: #3cafaf;
  --bbc-color-subject-wise-dark: #086f91;
  --bbc-color-subject-wise-subtle: #e8f8f8;
  --bbc-color-subject-right: #c9d86d;
  --bbc-color-subject-right-dark: #636f16;
  --bbc-color-subject-right-subtle: #f9ffd5;
  --bbc-color-utility-focus: #00cbde;
  --bbc-color-shadow-1: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  --bbc-color-shadow-2: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
  --bbc-color-shadow-3: 0 4px 8px 0 rgba(64, 81, 233, 0.3);
  --bbc-color-shadow-4: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  --bbc-color-shadow-5: 0 4px 40px 0 rgba(0, 0, 0, 0.08);
  --bbc-color-gradient-brand-0: linear-gradient(20deg, #ffebbc 11.04%, #ffbdbd 94%);
}
[bbc-theme='green'] {
  --bbc-color-brand-brand-primary: #4051e9;
  --bbc-color-brand-primary: #2c2d31;
  --bbc-color-brand-secondary: #494c55;
  --bbc-color-element-primary: #2c2d31;
  --bbc-color-element-secondary: #494c55;
  --bbc-color-element-tertiary: #626974;
  --bbc-color-element-quaternary: #7f8791;
  --bbc-color-element-additional: #a0a6b1;
  --bbc-color-element-disabled: #c9cdd2;
  --bbc-color-element-white: #fff;
  --bbc-color-element-black: #000;
  --bbc-color-element-brand-primary: #0a8278;
  --bbc-color-states-negative: #de3737;
  --bbc-color-states-warning: #ffb800;
  --bbc-color-states-positive: #09a873;
  --bbc-color-states-information: #0074ff;
  --bbc-color-states-required: #dd3636;
  --bbc-color-states-new: #fe5d29;
  --bbc-color-states-new-disabled: #ffcebf;
  --bbc-color-backgrounds-base: #fff;
  --bbc-color-backgrounds-dark: #2e2e2e;
  --bbc-color-backgrounds-gray-01: #edf0f7;
  --bbc-color-backgrounds-gray-02: #eff2f8;
  --bbc-color-backgrounds-gray-03: #f6f7f9;
  --bbc-color-backgrounds-gray-04: #fafafa;
  --bbc-color-backgrounds-primary: #e7f3f2;
  --bbc-color-backgrounds-secondary: #daf1e8;
  --bbc-color-backgrounds-tertiary: #f0fcf8;
  --bbc-color-backgrounds-disabled: #f1f2f5;
  --bbc-color-backgrounds-disabled-21: rgba(241, 242, 245, 0.21);
  --bbc-color-backgrounds-text-field: #f5f5f5;
  --bbc-color-backgrounds-text-field-disabled: #ddd;
  --bbc-color-backgrounds-accent: #0a736a;
  --bbc-color-backgrounds-accent-point: #0a8278;
  --bbc-color-backgrounds-accent-point-8: rgba(10, 130, 120, 0.08);
  --bbc-color-icon-bg-red: #fff3f3;
  --bbc-color-icon-bg-yellow: #fff0ca;
  --bbc-color-icon-bg-cream: #fff7ea;
  --bbc-color-icon-bg-light-green: #f0fcf8;
  --bbc-color-icon-bg-purple: #f7f5ff;
  --bbc-color-icon-bg-blue: #eceefd;
  --bbc-color-icon-bg-green: #e2fae6;
  --bbc-color-icon-bg-gray: #f2f2f2;
  --bbc-color-chip-state-complete-text: #077045;
  --bbc-color-chip-state-complete-bg: #dcf6ee;
  --bbc-color-chip-state-warning-text: #a46013;
  --bbc-color-chip-state-warning-bg: #fff4e1;
  --bbc-color-chip-state-basic-text: #6b6f76;
  --bbc-color-chip-state-basic-bg: #eff2f8;
  --bbc-color-chip-state-negative-text: #de1a16;
  --bbc-color-chip-state-negative-bg: #fef2f2;
  --bbc-color-chip-category-category1-text: #077045;
  --bbc-color-chip-category-category1-bg: #dcf6ee;
  --bbc-color-chip-category-category2-text: #4051e9;
  --bbc-color-chip-category-category2-bg: #e3e6ff;
  --bbc-color-chip-category-category3-text: #0166f3;
  --bbc-color-chip-category-category3-bg: #eaf4ff;
  --bbc-color-chip-category-category4-text: #de1a16;
  --bbc-color-chip-category-category4-bg: #fef2f2;
  --bbc-color-overlay-white-8: hsla(0, 0%, 100%, 0.08);
  --bbc-color-overlay-white-60: hsla(0, 0%, 100%, 0.6);
  --bbc-color-overlay-white-90: hsla(0, 0%, 100%, 0.9);
  --bbc-color-overlay-black-20: rgba(0, 0, 0, 0.2);
  --bbc-color-overlay-black-40: rgba(0, 0, 0, 0.4);
  --bbc-color-overlay-black-60: rgba(0, 0, 0, 0.6);
  --bbc-color-overlay-accent-70: rgba(10, 130, 120, 0.7);
  --bbc-color-overlay-layer: rgba(8, 8, 27, 0.4);
  --bbc-color-overlay-accent-layer-hovered: rgba(10, 130, 120, 0.05);
  --bbc-color-overlay-dim: rgba(0, 0, 0, 0.7);
  --bbc-color-btn-disabled: #c6c6c6;
  --bbc-color-btn-primary-normal: #0a8278;
  --bbc-color-btn-primary-normal-outline: #0a8278;
  --bbc-color-btn-primary-hovered: #0a736a;
  --bbc-color-btn-primary-hovered-subtle: #e0f7ee;
  --bbc-color-btn-primary-pressed: #09655d;
  --bbc-color-btn-primary-pressed-subtle: #7ac2a8;
  --bbc-color-btn-primary-disabled: #cef2e5;
  --bbc-color-btn-primary-disabled-outline: rgba(10, 130, 120, 0.3);
  --bbc-color-btn-primary-accent: #fff;
  --bbc-color-btn-secondary-normal: #e0f7ee;
  --bbc-color-btn-secondary-hovered: #acddcc;
  --bbc-color-btn-secondary-pressed: #7ac2a8;
  --bbc-color-btn-secondary-disabled: rgba(206, 242, 229, 0.3);
  --bbc-color-btn-tertiary-normal: #c6c6c6;
  --bbc-color-btn-tertiary-hovered: #f1f2f5;
  --bbc-color-btn-tertiary-pressed: #e0e3e7;
  --bbc-color-btn-tertiary-disabled: #e0e3e7;
  --bbc-color-btn-tertiary-accent: #fff;
  --bbc-color-text-emphasis: #000;
  --bbc-color-text-primary: #2d2d2d;
  --bbc-color-text-secondary: #494c55;
  --bbc-color-text-tertiary: #555;
  --bbc-color-text-additional: #717171;
  --bbc-color-text-disabled: #8e8e8e;
  --bbc-color-text-white: #fff;
  --bbc-color-text-brand-primary: #0a736a;
  --bbc-color-text-positive: #09a873;
  --bbc-color-text-negative: #dc3232;
  --bbc-color-text-information: #0074ff;
  --bbc-color-text-point: #ffa84f;
  --bbc-color-border-emphasis: #c6c6c6;
  --bbc-color-border-primary: #ddd;
  --bbc-color-border-secondary: #e4e4e4;
  --bbc-color-border-tertiary: #eee;
  --bbc-color-border-additional: #eee;
  --bbc-color-border-dark: #2d2d2d;
  --bbc-color-border-white: #fff;
  --bbc-color-border-brand: #7ac2a8;
  --bbc-color-graph-green: #27c590;
  --bbc-color-graph-skyblue: #53bdff;
  --bbc-color-graph-orange: #ff6c61;
  --bbc-color-graph-yellow: #ffd255;
  --bbc-color-graph-blue: #4051e9;
  --bbc-color-graph-purple: #7557f2;
  --bbc-color-graph-bluegreen: #009984;
  --bbc-color-lnb-passportA-card: #0a736a;
  --bbc-color-lnb-passportA-bg: #daf1e8;
  --bbc-color-lnb-passportB-topline: #43beb3;
  --bbc-color-lnb-passportB-bg: #494c55;
  --bbc-color-lnb-passportB-avatar-bg: #f1f2f5;
  --bbc-color-lnb-travelA-topbar: #0a736a;
  --bbc-color-lnb-travelA-card: #9ddad5;
  --bbc-color-lnb-travelA-bg: #daf1e8;
  --bbc-color-lnb-travelB-border: #2d8467;
  --bbc-color-lnb-travelB-border2: rgba(45, 132, 103, 0.2);
  --bbc-color-mission-graph-bar: #0b7f75;
  --bbc-color-mission-graph-track: rgba(11, 127, 117, 0.17);
  --bbc-color-subject-korean: #db3b08;
  --bbc-color-subject-korean-dark: #ca3a0c;
  --bbc-color-subject-korean-subtle: #ffeded;
  --bbc-color-subject-english: #f9b123;
  --bbc-color-subject-english-dark: #8c5e00;
  --bbc-color-subject-english-subtle: #fff9d5;
  --bbc-color-subject-society: #2fbe5c;
  --bbc-color-subject-society-dark: #088451;
  --bbc-color-subject-society-subtle: #e5faeb;
  --bbc-color-subject-math: #4051e9;
  --bbc-color-subject-math-dark: #4051e9;
  --bbc-color-subject-math-subtle: #e4f1ff;
  --bbc-color-subject-science: #7553ed;
  --bbc-color-subject-science-dark: #7553ed;
  --bbc-color-subject-science-subtle: #eeeaff;
  --bbc-color-subject-art: #f297f5;
  --bbc-color-subject-art-dark: #c514cc;
  --bbc-color-subject-art-subtle: #fbe9ff;
  --bbc-color-subject-music: #f3629e;
  --bbc-color-subject-music-dark: #dd0760;
  --bbc-color-subject-music-subtle: #ffe9f4;
  --bbc-color-subject-physical: #8dd53b;
  --bbc-color-subject-physical-dark: #088451;
  --bbc-color-subject-physical-subtle: #edfbc9;
  --bbc-color-subject-morality: #4abfe5;
  --bbc-color-subject-morality-dark: #007fa8;
  --bbc-color-subject-morality-subtle: #e2fdff;
  --bbc-color-subject-common: #b27eea;
  --bbc-color-subject-common-dark: #7553ed;
  --bbc-color-subject-common-subtle: #faf2ff;
  --bbc-color-subject-technology: #f8760d;
  --bbc-color-subject-technology-dark: #8c5e00;
  --bbc-color-subject-technology-subtle: #ffedde;
  --bbc-color-subject-happy: #ee7b3d;
  --bbc-color-subject-happy-dark: #a64623;
  --bbc-color-subject-happy-subtle: #fff4f0;
  --bbc-color-subject-wise: #3cafaf;
  --bbc-color-subject-wise-dark: #086f91;
  --bbc-color-subject-wise-subtle: #e8f8f8;
  --bbc-color-subject-right: #c9d86d;
  --bbc-color-subject-right-dark: #636f16;
  --bbc-color-subject-right-subtle: #f9ffd5;
  --bbc-color-utility-focus: #00cbde;
  --bbc-color-shadow-1: 0 4px 4px 0 rgba(0, 0, 0, 0.08);
  --bbc-color-shadow-2: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
  --bbc-color-shadow-3: 0 4px 8px 0 rgba(64, 81, 233, 0.3);
  --bbc-color-shadow-4: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  --bbc-color-shadow-5: 0 4px 40px 0 rgba(0, 0, 0, 0.08);
  --bbc-color-gradient-brand-0: linear-gradient(20deg, #e1f7d6 11.04%, #70deb4 94%);
}
html {
  font-size: clamp(14px, 1.2vw, var(--bbc-typo-base, 16px));
}
.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%;
  word-break: inherit;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  pointer-events: auto;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.js-scroll-container .js-scroll-viewport.is-tap-pass,
.js-scroll-container .js-scroll-viewport.is-tap-pass * {
  pointer-events: auto;
}
.js-scroll-container .js-scroll-viewport a,
.js-scroll-container .js-scroll-viewport a * {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-touch-callout: 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 {
  left: 0;
  right: 0;
  height: 3.125rem;
  width: auto;
}
.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 {
  touch-action: pan-x;
  overflow: auto hidden;
}
.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;
}
.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: 819px) {
  .block-t-ms {
    display: block !important;
  }
}
@media (max-width: 719px) {
  .block-m-max {
    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: 819px) {
  .inline-t-ms {
    display: inline !important;
  }
}
@media (max-width: 719px) {
  .inline-m-max {
    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: 819px) {
  .flex-t-ms {
    display: flex !important;
  }
}
@media (max-width: 719px) {
  .flex-m-max {
    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: 819px) {
  .inline-flex-t-ms {
    display: inline-flex !important;
  }
}
@media (max-width: 719px) {
  .inline-flex-m-max {
    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: 819px) {
  .grid-t-ms {
    display: grid !important;
  }
}
@media (max-width: 719px) {
  .grid-m-max {
    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: 819px) {
  .inline-grid-t-ms {
    display: inline-grid !important;
  }
}
@media (max-width: 719px) {
  .inline-grid-m-max {
    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: 819px) {
  .table-t-ms {
    display: table !important;
  }
}
@media (max-width: 719px) {
  .table-m-max {
    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: 819px) {
  .none-t-ms {
    display: none !important;
  }
}
@media (max-width: 719px) {
  .none-m-max {
    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-160 {
  width: 10rem !important;
}
.min-w-160 {
  min-width: 10rem !important;
}
.max-w-160 {
  max-width: 10rem !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-160 {
    width: 10rem !important;
  }
  .min-w-full-160 {
    min-width: 10rem !important;
  }
  .max-w-full-160 {
    max-width: 10rem !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-160 {
    width: 10rem !important;
  }
  .min-w-fit-160 {
    min-width: 10rem !important;
  }
  .max-w-fit-160 {
    max-width: 10rem !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-160 {
    width: 10rem !important;
  }
  .min-w-2xl-160 {
    min-width: 10rem !important;
  }
  .max-w-2xl-160 {
    max-width: 10rem !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-160 {
    width: 10rem !important;
  }
  .min-w-xl-160 {
    min-width: 10rem !important;
  }
  .max-w-xl-160 {
    max-width: 10rem !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-160 {
    width: 10rem !important;
  }
  .min-w-t-xl-160 {
    min-width: 10rem !important;
  }
  .max-w-t-xl-160 {
    max-width: 10rem !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-160 {
    width: 10rem !important;
  }
  .min-w-t-lg-160 {
    min-width: 10rem !important;
  }
  .max-w-t-lg-160 {
    max-width: 10rem !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-160 {
    width: 10rem !important;
  }
  .min-w-t-md-160 {
    min-width: 10rem !important;
  }
  .max-w-t-md-160 {
    max-width: 10rem !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-160 {
    width: 10rem !important;
  }
  .min-w-t-sm-160 {
    min-width: 10rem !important;
  }
  .max-w-t-sm-160 {
    max-width: 10rem !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: 819px) {
  .w-t-ms-auto {
    width: auto !important;
  }
  .min-w-t-ms-auto {
    min-width: auto !important;
  }
  .max-w-t-ms-auto {
    max-width: auto !important;
  }
  .w-t-ms-fit {
    width: fit-content !important;
  }
  .min-w-t-ms-fit {
    min-width: fit-content !important;
  }
  .max-w-t-ms-fit {
    max-width: fit-content !important;
  }
  .w-t-ms-full {
    width: 100% !important;
  }
  .min-w-t-ms-full {
    min-width: 100% !important;
  }
  .max-w-t-ms-full {
    max-width: 100% !important;
  }
  .w-t-ms-50 {
    width: 3.125rem !important;
  }
  .min-w-t-ms-50 {
    min-width: 3.125rem !important;
  }
  .max-w-t-ms-50 {
    max-width: 3.125rem !important;
  }
  .w-t-ms-65 {
    width: 4.0625rem !important;
  }
  .min-w-t-ms-65 {
    min-width: 4.0625rem !important;
  }
  .max-w-t-ms-65 {
    max-width: 4.0625rem !important;
  }
  .w-t-ms-80 {
    width: 5rem !important;
  }
  .min-w-t-ms-80 {
    min-width: 5rem !important;
  }
  .max-w-t-ms-80 {
    max-width: 5rem !important;
  }
  .w-t-ms-90 {
    width: 5.625rem !important;
  }
  .min-w-t-ms-90 {
    min-width: 5.625rem !important;
  }
  .max-w-t-ms-90 {
    max-width: 5.625rem !important;
  }
  .w-t-ms-100 {
    width: 6.25rem !important;
  }
  .min-w-t-ms-100 {
    min-width: 6.25rem !important;
  }
  .max-w-t-ms-100 {
    max-width: 6.25rem !important;
  }
  .w-t-ms-150 {
    width: 9.375rem !important;
  }
  .min-w-t-ms-150 {
    min-width: 9.375rem !important;
  }
  .max-w-t-ms-150 {
    max-width: 9.375rem !important;
  }
  .w-t-ms-160 {
    width: 10rem !important;
  }
  .min-w-t-ms-160 {
    min-width: 10rem !important;
  }
  .max-w-t-ms-160 {
    max-width: 10rem !important;
  }
  .w-t-ms-120 {
    width: 7.5rem !important;
  }
  .min-w-t-ms-120 {
    min-width: 7.5rem !important;
  }
  .max-w-t-ms-120 {
    max-width: 7.5rem !important;
  }
  .w-t-ms-200 {
    width: 12.5rem !important;
  }
  .min-w-t-ms-200 {
    min-width: 12.5rem !important;
  }
  .max-w-t-ms-200 {
    max-width: 12.5rem !important;
  }
  .w-t-ms-280 {
    width: 17.5rem !important;
  }
  .min-w-t-ms-280 {
    min-width: 17.5rem !important;
  }
  .max-w-t-ms-280 {
    max-width: 17.5rem !important;
  }
}
@media (max-width: 719px) {
  .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-160 {
    width: 10rem !important;
  }
  .min-w-m-max-160 {
    min-width: 10rem !important;
  }
  .max-w-m-max-160 {
    max-width: 10rem !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: 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-160 {
    width: 10rem !important;
  }
  .min-w-m-2xl-160 {
    min-width: 10rem !important;
  }
  .max-w-m-2xl-160 {
    max-width: 10rem !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-160 {
    width: 10rem !important;
  }
  .min-w-m-xl-160 {
    min-width: 10rem !important;
  }
  .max-w-m-xl-160 {
    max-width: 10rem !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-160 {
    width: 10rem !important;
  }
  .min-w-m-lg-160 {
    min-width: 10rem !important;
  }
  .max-w-m-lg-160 {
    max-width: 10rem !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-160 {
    width: 10rem !important;
  }
  .min-w-m-md-160 {
    min-width: 10rem !important;
  }
  .max-w-m-md-160 {
    max-width: 10rem !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-160 {
    width: 10rem !important;
  }
  .min-w-m-sm-160 {
    min-width: 10rem !important;
  }
  .max-w-m-sm-160 {
    max-width: 10rem !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-160 {
    width: 10rem !important;
  }
  .min-w-m-xs-160 {
    min-width: 10rem !important;
  }
  .max-w-m-xs-160 {
    max-width: 10rem !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-400 {
  height: 25rem !important;
}
.min-h-400 {
  min-height: 25rem !important;
}
.max-h-400 {
  max-height: 25rem !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-400 {
    height: 25rem !important;
  }
  .min-h-full-400 {
    min-height: 25rem !important;
  }
  .max-h-full-400 {
    max-height: 25rem !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-400 {
    height: 25rem !important;
  }
  .min-h-fit-400 {
    min-height: 25rem !important;
  }
  .max-h-fit-400 {
    max-height: 25rem !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-400 {
    height: 25rem !important;
  }
  .min-h-2xl-400 {
    min-height: 25rem !important;
  }
  .max-h-2xl-400 {
    max-height: 25rem !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-400 {
    height: 25rem !important;
  }
  .min-h-xl-400 {
    min-height: 25rem !important;
  }
  .max-h-xl-400 {
    max-height: 25rem !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-400 {
    height: 25rem !important;
  }
  .min-h-t-xl-400 {
    min-height: 25rem !important;
  }
  .max-h-t-xl-400 {
    max-height: 25rem !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-400 {
    height: 25rem !important;
  }
  .min-h-t-lg-400 {
    min-height: 25rem !important;
  }
  .max-h-t-lg-400 {
    max-height: 25rem !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-400 {
    height: 25rem !important;
  }
  .min-h-t-md-400 {
    min-height: 25rem !important;
  }
  .max-h-t-md-400 {
    max-height: 25rem !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-400 {
    height: 25rem !important;
  }
  .min-h-t-sm-400 {
    min-height: 25rem !important;
  }
  .max-h-t-sm-400 {
    max-height: 25rem !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: 819px) {
  .h-t-ms-180 {
    height: 11.25rem !important;
  }
  .min-h-t-ms-180 {
    min-height: 11.25rem !important;
  }
  .max-h-t-ms-180 {
    max-height: 11.25rem !important;
  }
  .h-t-ms-200 {
    height: 12.5rem !important;
  }
  .min-h-t-ms-200 {
    min-height: 12.5rem !important;
  }
  .max-h-t-ms-200 {
    max-height: 12.5rem !important;
  }
  .h-t-ms-300 {
    height: 18.75rem !important;
  }
  .min-h-t-ms-300 {
    min-height: 18.75rem !important;
  }
  .max-h-t-ms-300 {
    max-height: 18.75rem !important;
  }
  .h-t-ms-400 {
    height: 25rem !important;
  }
  .min-h-t-ms-400 {
    min-height: 25rem !important;
  }
  .max-h-t-ms-400 {
    max-height: 25rem !important;
  }
  .h-t-ms-500 {
    height: 31.25rem !important;
  }
  .min-h-t-ms-500 {
    min-height: 31.25rem !important;
  }
  .max-h-t-ms-500 {
    max-height: 31.25rem !important;
  }
  .h-t-ms-600 {
    height: 37.5rem !important;
  }
  .min-h-t-ms-600 {
    min-height: 37.5rem !important;
  }
  .max-h-t-ms-600 {
    max-height: 37.5rem !important;
  }
  .h-t-ms-1080 {
    height: 67.5rem !important;
  }
  .min-h-t-ms-1080 {
    min-height: 67.5rem !important;
  }
  .max-h-t-ms-1080 {
    max-height: 67.5rem !important;
  }
  .h-t-ms-full {
    height: 100% !important;
  }
  .min-h-t-ms-full {
    min-height: 100% !important;
  }
  .max-h-t-ms-full {
    max-height: 100% !important;
  }
}
@media (max-width: 719px) {
  .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-400 {
    height: 25rem !important;
  }
  .min-h-m-max-400 {
    min-height: 25rem !important;
  }
  .max-h-m-max-400 {
    max-height: 25rem !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: 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-400 {
    height: 25rem !important;
  }
  .min-h-m-2xl-400 {
    min-height: 25rem !important;
  }
  .max-h-m-2xl-400 {
    max-height: 25rem !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-400 {
    height: 25rem !important;
  }
  .min-h-m-xl-400 {
    min-height: 25rem !important;
  }
  .max-h-m-xl-400 {
    max-height: 25rem !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-400 {
    height: 25rem !important;
  }
  .min-h-m-lg-400 {
    min-height: 25rem !important;
  }
  .max-h-m-lg-400 {
    max-height: 25rem !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-400 {
    height: 25rem !important;
  }
  .min-h-m-md-400 {
    min-height: 25rem !important;
  }
  .max-h-m-md-400 {
    max-height: 25rem !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-400 {
    height: 25rem !important;
  }
  .min-h-m-sm-400 {
    min-height: 25rem !important;
  }
  .max-h-m-sm-400 {
    max-height: 25rem !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-400 {
    height: 25rem !important;
  }
  .min-h-m-xs-400 {
    min-height: 25rem !important;
  }
  .max-h-m-xs-400 {
    max-height: 25rem !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: 1320px;
  margin: 0 auto;
  padding-right: 60px;
  padding-left: 60px;
  transition:
    max-width 0.3s,
    padding 0.3s;
}
@media (max-width: 1366px) {
  .layout {
    max-width: 1260px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (max-width: 719px) {
  .layout {
    max-width: 1230px;
    padding-right: 15px;
    padding-left: 15px;
  }
}
.layout-full {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding-right: 60px;
  padding-left: 60px;
  transition:
    max-width 0.3s,
    padding 0.3s;
}
.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-10,
.grid-12 {
  display: grid !important;
}
.grid-10 {
  grid-template-columns: repeat(10, 1fr) !important;
}
.grid-7 {
  grid-template-columns: repeat(7, 1fr) !important;
}
.grid-3,
.grid-7 {
  display: grid !important;
}
.grid-3 {
  grid-template-columns: repeat(3, 1fr) !important;
}
@media (max-width: 100%) {
  .grid-full-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-full-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-full-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-full-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 1920px) {
  .grid-fit-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-fit-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-fit-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-fit-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 1600px) {
  .grid-2xl-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-2xl-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-2xl-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-2xl-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 1440px) {
  .grid-xl-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-xl-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-xl-7 {
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-xl-3,
  .grid-xl-7 {
    display: grid !important;
  }
  .grid-xl-3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 1366px) {
  .grid-t-xl-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-t-xl-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-t-xl-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-t-xl-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 1280px) {
  .grid-t-lg-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-t-lg-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-t-lg-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-t-lg-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 1180px) {
  .grid-t-md-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-t-md-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-t-md-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-t-md-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 1024px) {
  .grid-t-sm-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-t-sm-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-t-sm-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-t-sm-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 819px) {
  .grid-t-ms-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-t-ms-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-t-ms-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-t-ms-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 719px) {
  .grid-m-max-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-max-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-m-max-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-m-max-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 430px) {
  .grid-m-2xl-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-2xl-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-m-2xl-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-m-2xl-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 412px) {
  .grid-m-xl-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-xl-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-m-xl-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-m-xl-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 390px) {
  .grid-m-lg-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-lg-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-m-lg-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-m-lg-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 375px) {
  .grid-m-md-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-md-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-m-md-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-m-md-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 360px) {
  .grid-m-sm-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-sm-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-m-sm-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-m-sm-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 359px) {
  .grid-m-xs-12 {
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
  }
  .grid-m-xs-10 {
    display: grid !important;
    grid-template-columns: repeat(10, 1fr) !important;
  }
  .grid-m-xs-7 {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
  }
  .grid-m-xs-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
.grid-row-12 {
  display: grid !important;
  grid-template-rows: repeat(12, 1fr) !important;
}
.grid-row-10 {
  display: grid !important;
  grid-template-rows: repeat(10, 1fr) !important;
}
.grid-row-7 {
  display: grid !important;
  grid-template-rows: repeat(7, 1fr) !important;
}
.grid-row-3 {
  display: grid !important;
  grid-template-rows: repeat(3, 1fr) !important;
}
@media (max-width: 100%) {
  .grid-row-full-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-full-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-full-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-full-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 1fr) !important;
  }
}
@media (max-width: 1920px) {
  .grid-row-fit-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-fit-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-fit-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-fit-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 1fr) !important;
  }
}
@media (max-width: 1600px) {
  .grid-row-2xl-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-2xl-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-2xl-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-2xl-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 1fr) !important;
  }
}
@media (max-width: 1440px) {
  .grid-row-xl-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-xl-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-xl-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-xl-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 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-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-t-xl-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-t-xl-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 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-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-t-lg-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-t-lg-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 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-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-t-md-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-t-md-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 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-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-t-sm-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-t-sm-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 1fr) !important;
  }
}
@media (max-width: 819px) {
  .grid-row-t-ms-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-t-ms-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-t-ms-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-t-ms-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 1fr) !important;
  }
}
@media (max-width: 719px) {
  .grid-row-m-max-12 {
    display: grid !important;
    grid-template-rows: repeat(12, 1fr) !important;
  }
  .grid-row-m-max-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-m-max-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-m-max-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 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-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-m-2xl-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-m-2xl-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 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-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-m-xl-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-m-xl-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 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-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-m-lg-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-m-lg-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 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-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-m-md-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-m-md-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 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-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-m-sm-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-m-sm-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 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-10 {
    display: grid !important;
    grid-template-rows: repeat(10, 1fr) !important;
  }
  .grid-row-m-xs-7 {
    display: grid !important;
    grid-template-rows: repeat(7, 1fr) !important;
  }
  .grid-row-m-xs-3 {
    display: grid !important;
    grid-template-rows: repeat(3, 1fr) !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: 819px) {
  .mt-t-ms-auto {
    margin-top: auto !important;
  }
  .mt-t-ms-none {
    margin-top: 0 !important;
  }
  .mt-t-ms-4 {
    margin-top: 0.25rem !important;
  }
  .mt-t-ms-6 {
    margin-top: 0.375rem !important;
  }
  .mt-t-ms-8 {
    margin-top: 0.5rem !important;
  }
  .mt-t-ms-10 {
    margin-top: 0.625rem !important;
  }
  .mt-t-ms-12 {
    margin-top: 0.75rem !important;
  }
  .mt-t-ms-14 {
    margin-top: 0.875rem !important;
  }
  .mt-t-ms-15 {
    margin-top: 0.9375rem !important;
  }
  .mt-t-ms-16 {
    margin-top: 1rem !important;
  }
  .mt-t-ms-18 {
    margin-top: 1.125rem !important;
  }
  .mt-t-ms-20 {
    margin-top: 1.25rem !important;
  }
  .mt-t-ms-22 {
    margin-top: 1.375rem !important;
  }
  .mt-t-ms-25 {
    margin-top: 1.5625rem !important;
  }
  .mt-t-ms-30 {
    margin-top: 1.875rem !important;
  }
  .mt-t-ms-40 {
    margin-top: 2.5rem !important;
  }
  .mt-t-ms-50 {
    margin-top: 3.125rem !important;
  }
  .mt-t-ms-60 {
    margin-top: 3.75rem !important;
  }
  .mt-t-ms-100 {
    margin-top: 6.25rem !important;
  }
  .mr-t-ms-auto {
    margin-right: auto !important;
  }
  .mr-t-ms-none {
    margin-right: 0 !important;
  }
  .mr-t-ms-4 {
    margin-right: 0.25rem !important;
  }
  .mr-t-ms-6 {
    margin-right: 0.375rem !important;
  }
  .mr-t-ms-8 {
    margin-right: 0.5rem !important;
  }
  .mr-t-ms-10 {
    margin-right: 0.625rem !important;
  }
  .mr-t-ms-12 {
    margin-right: 0.75rem !important;
  }
  .mr-t-ms-14 {
    margin-right: 0.875rem !important;
  }
  .mr-t-ms-15 {
    margin-right: 0.9375rem !important;
  }
  .mr-t-ms-16 {
    margin-right: 1rem !important;
  }
  .mr-t-ms-18 {
    margin-right: 1.125rem !important;
  }
  .mr-t-ms-20 {
    margin-right: 1.25rem !important;
  }
  .mr-t-ms-22 {
    margin-right: 1.375rem !important;
  }
  .mr-t-ms-25 {
    margin-right: 1.5625rem !important;
  }
  .mr-t-ms-30 {
    margin-right: 1.875rem !important;
  }
  .mr-t-ms-40 {
    margin-right: 2.5rem !important;
  }
  .mr-t-ms-50 {
    margin-right: 3.125rem !important;
  }
  .mr-t-ms-60 {
    margin-right: 3.75rem !important;
  }
  .mr-t-ms-100 {
    margin-right: 6.25rem !important;
  }
  .mb-t-ms-auto {
    margin-bottom: auto !important;
  }
  .mb-t-ms-none {
    margin-bottom: 0 !important;
  }
  .mb-t-ms-4 {
    margin-bottom: 0.25rem !important;
  }
  .mb-t-ms-6 {
    margin-bottom: 0.375rem !important;
  }
  .mb-t-ms-8 {
    margin-bottom: 0.5rem !important;
  }
  .mb-t-ms-10 {
    margin-bottom: 0.625rem !important;
  }
  .mb-t-ms-12 {
    margin-bottom: 0.75rem !important;
  }
  .mb-t-ms-14 {
    margin-bottom: 0.875rem !important;
  }
  .mb-t-ms-15 {
    margin-bottom: 0.9375rem !important;
  }
  .mb-t-ms-16 {
    margin-bottom: 1rem !important;
  }
  .mb-t-ms-18 {
    margin-bottom: 1.125rem !important;
  }
  .mb-t-ms-20 {
    margin-bottom: 1.25rem !important;
  }
  .mb-t-ms-22 {
    margin-bottom: 1.375rem !important;
  }
  .mb-t-ms-25 {
    margin-bottom: 1.5625rem !important;
  }
  .mb-t-ms-30 {
    margin-bottom: 1.875rem !important;
  }
  .mb-t-ms-40 {
    margin-bottom: 2.5rem !important;
  }
  .mb-t-ms-50 {
    margin-bottom: 3.125rem !important;
  }
  .mb-t-ms-60 {
    margin-bottom: 3.75rem !important;
  }
  .mb-t-ms-100 {
    margin-bottom: 6.25rem !important;
  }
  .ml-t-ms-auto {
    margin-left: auto !important;
  }
  .ml-t-ms-none {
    margin-left: 0 !important;
  }
  .ml-t-ms-4 {
    margin-left: 0.25rem !important;
  }
  .ml-t-ms-6 {
    margin-left: 0.375rem !important;
  }
  .ml-t-ms-8 {
    margin-left: 0.5rem !important;
  }
  .ml-t-ms-10 {
    margin-left: 0.625rem !important;
  }
  .ml-t-ms-12 {
    margin-left: 0.75rem !important;
  }
  .ml-t-ms-14 {
    margin-left: 0.875rem !important;
  }
  .ml-t-ms-15 {
    margin-left: 0.9375rem !important;
  }
  .ml-t-ms-16 {
    margin-left: 1rem !important;
  }
  .ml-t-ms-18 {
    margin-left: 1.125rem !important;
  }
  .ml-t-ms-20 {
    margin-left: 1.25rem !important;
  }
  .ml-t-ms-22 {
    margin-left: 1.375rem !important;
  }
  .ml-t-ms-25 {
    margin-left: 1.5625rem !important;
  }
  .ml-t-ms-30 {
    margin-left: 1.875rem !important;
  }
  .ml-t-ms-40 {
    margin-left: 2.5rem !important;
  }
  .ml-t-ms-50 {
    margin-left: 3.125rem !important;
  }
  .ml-t-ms-60 {
    margin-left: 3.75rem !important;
  }
  .ml-t-ms-100 {
    margin-left: 6.25rem !important;
  }
  .my-t-ms-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mx-t-ms-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .m-t-ms-auto {
    margin: auto !important;
  }
  .my-t-ms-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .mx-t-ms-none {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .m-t-ms-none {
    margin: 0 !important;
  }
  .my-t-ms-4 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .mx-t-ms-4 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .m-t-ms-4 {
    margin: 0.25rem !important;
  }
  .my-t-ms-6 {
    margin-top: 0.375rem !important;
    margin-bottom: 0.375rem !important;
  }
  .mx-t-ms-6 {
    margin-right: 0.375rem !important;
    margin-left: 0.375rem !important;
  }
  .m-t-ms-6 {
    margin: 0.375rem !important;
  }
  .my-t-ms-8 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .mx-t-ms-8 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .m-t-ms-8 {
    margin: 0.5rem !important;
  }
  .my-t-ms-10 {
    margin-top: 0.625rem !important;
    margin-bottom: 0.625rem !important;
  }
  .mx-t-ms-10 {
    margin-right: 0.625rem !important;
    margin-left: 0.625rem !important;
  }
  .m-t-ms-10 {
    margin: 0.625rem !important;
  }
  .my-t-ms-12 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .mx-t-ms-12 {
    margin-right: 0.75rem !important;
    margin-left: 0.75rem !important;
  }
  .m-t-ms-12 {
    margin: 0.75rem !important;
  }
  .my-t-ms-14 {
    margin-top: 0.875rem !important;
    margin-bottom: 0.875rem !important;
  }
  .mx-t-ms-14 {
    margin-right: 0.875rem !important;
    margin-left: 0.875rem !important;
  }
  .m-t-ms-14 {
    margin: 0.875rem !important;
  }
  .my-t-ms-15 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important;
  }
  .mx-t-ms-15 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important;
  }
  .m-t-ms-15 {
    margin: 0.9375rem !important;
  }
  .my-t-ms-16 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .mx-t-ms-16 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .m-t-ms-16 {
    margin: 1rem !important;
  }
  .my-t-ms-18 {
    margin-top: 1.125rem !important;
    margin-bottom: 1.125rem !important;
  }
  .mx-t-ms-18 {
    margin-right: 1.125rem !important;
    margin-left: 1.125rem !important;
  }
  .m-t-ms-18 {
    margin: 1.125rem !important;
  }
  .my-t-ms-20 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .mx-t-ms-20 {
    margin-right: 1.25rem !important;
    margin-left: 1.25rem !important;
  }
  .m-t-ms-20 {
    margin: 1.25rem !important;
  }
  .my-t-ms-22 {
    margin-top: 1.375rem !important;
    margin-bottom: 1.375rem !important;
  }
  .mx-t-ms-22 {
    margin-right: 1.375rem !important;
    margin-left: 1.375rem !important;
  }
  .m-t-ms-22 {
    margin: 1.375rem !important;
  }
  .my-t-ms-25 {
    margin-top: 1.5625rem !important;
    margin-bottom: 1.5625rem !important;
  }
  .mx-t-ms-25 {
    margin-right: 1.5625rem !important;
    margin-left: 1.5625rem !important;
  }
  .m-t-ms-25 {
    margin: 1.5625rem !important;
  }
  .my-t-ms-30 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important;
  }
  .mx-t-ms-30 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important;
  }
  .m-t-ms-30 {
    margin: 1.875rem !important;
  }
  .my-t-ms-40 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .mx-t-ms-40 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important;
  }
  .m-t-ms-40 {
    margin: 2.5rem !important;
  }
  .my-t-ms-50 {
    margin-top: 3.125rem !important;
    margin-bottom: 3.125rem !important;
  }
  .mx-t-ms-50 {
    margin-right: 3.125rem !important;
    margin-left: 3.125rem !important;
  }
  .m-t-ms-50 {
    margin: 3.125rem !important;
  }
  .my-t-ms-60 {
    margin-top: 3.75rem !important;
    margin-bottom: 3.75rem !important;
  }
  .mx-t-ms-60 {
    margin-right: 3.75rem !important;
    margin-left: 3.75rem !important;
  }
  .m-t-ms-60 {
    margin: 3.75rem !important;
  }
  .my-t-ms-100 {
    margin-top: 6.25rem !important;
    margin-bottom: 6.25rem !important;
  }
  .mx-t-ms-100 {
    margin-right: 6.25rem !important;
    margin-left: 6.25rem !important;
  }
  .m-t-ms-100 {
    margin: 6.25rem !important;
  }
}
@media (max-width: 719px) {
  .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: 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: 819px) {
  .pt-t-ms-auto {
    padding-top: auto !important;
  }
  .pt-t-ms-none {
    padding-top: 0 !important;
  }
  .pt-t-ms-4 {
    padding-top: 0.25rem !important;
  }
  .pt-t-ms-6 {
    padding-top: 0.375rem !important;
  }
  .pt-t-ms-8 {
    padding-top: 0.5rem !important;
  }
  .pt-t-ms-10 {
    padding-top: 0.625rem !important;
  }
  .pt-t-ms-12 {
    padding-top: 0.75rem !important;
  }
  .pt-t-ms-14 {
    padding-top: 0.875rem !important;
  }
  .pt-t-ms-15 {
    padding-top: 0.9375rem !important;
  }
  .pt-t-ms-16 {
    padding-top: 1rem !important;
  }
  .pt-t-ms-18 {
    padding-top: 1.125rem !important;
  }
  .pt-t-ms-20 {
    padding-top: 1.25rem !important;
  }
  .pt-t-ms-22 {
    padding-top: 1.375rem !important;
  }
  .pt-t-ms-25 {
    padding-top: 1.5625rem !important;
  }
  .pt-t-ms-30 {
    padding-top: 1.875rem !important;
  }
  .pt-t-ms-40 {
    padding-top: 2.5rem !important;
  }
  .pt-t-ms-50 {
    padding-top: 3.125rem !important;
  }
  .pt-t-ms-60 {
    padding-top: 3.75rem !important;
  }
  .pt-t-ms-100 {
    padding-top: 6.25rem !important;
  }
  .pr-t-ms-auto {
    padding-right: auto !important;
  }
  .pr-t-ms-none {
    padding-right: 0 !important;
  }
  .pr-t-ms-4 {
    padding-right: 0.25rem !important;
  }
  .pr-t-ms-6 {
    padding-right: 0.375rem !important;
  }
  .pr-t-ms-8 {
    padding-right: 0.5rem !important;
  }
  .pr-t-ms-10 {
    padding-right: 0.625rem !important;
  }
  .pr-t-ms-12 {
    padding-right: 0.75rem !important;
  }
  .pr-t-ms-14 {
    padding-right: 0.875rem !important;
  }
  .pr-t-ms-15 {
    padding-right: 0.9375rem !important;
  }
  .pr-t-ms-16 {
    padding-right: 1rem !important;
  }
  .pr-t-ms-18 {
    padding-right: 1.125rem !important;
  }
  .pr-t-ms-20 {
    padding-right: 1.25rem !important;
  }
  .pr-t-ms-22 {
    padding-right: 1.375rem !important;
  }
  .pr-t-ms-25 {
    padding-right: 1.5625rem !important;
  }
  .pr-t-ms-30 {
    padding-right: 1.875rem !important;
  }
  .pr-t-ms-40 {
    padding-right: 2.5rem !important;
  }
  .pr-t-ms-50 {
    padding-right: 3.125rem !important;
  }
  .pr-t-ms-60 {
    padding-right: 3.75rem !important;
  }
  .pr-t-ms-100 {
    padding-right: 6.25rem !important;
  }
  .pb-t-ms-auto {
    padding-bottom: auto !important;
  }
  .pb-t-ms-none {
    padding-bottom: 0 !important;
  }
  .pb-t-ms-4 {
    padding-bottom: 0.25rem !important;
  }
  .pb-t-ms-6 {
    padding-bottom: 0.375rem !important;
  }
  .pb-t-ms-8 {
    padding-bottom: 0.5rem !important;
  }
  .pb-t-ms-10 {
    padding-bottom: 0.625rem !important;
  }
  .pb-t-ms-12 {
    padding-bottom: 0.75rem !important;
  }
  .pb-t-ms-14 {
    padding-bottom: 0.875rem !important;
  }
  .pb-t-ms-15 {
    padding-bottom: 0.9375rem !important;
  }
  .pb-t-ms-16 {
    padding-bottom: 1rem !important;
  }
  .pb-t-ms-18 {
    padding-bottom: 1.125rem !important;
  }
  .pb-t-ms-20 {
    padding-bottom: 1.25rem !important;
  }
  .pb-t-ms-22 {
    padding-bottom: 1.375rem !important;
  }
  .pb-t-ms-25 {
    padding-bottom: 1.5625rem !important;
  }
  .pb-t-ms-30 {
    padding-bottom: 1.875rem !important;
  }
  .pb-t-ms-40 {
    padding-bottom: 2.5rem !important;
  }
  .pb-t-ms-50 {
    padding-bottom: 3.125rem !important;
  }
  .pb-t-ms-60 {
    padding-bottom: 3.75rem !important;
  }
  .pb-t-ms-100 {
    padding-bottom: 6.25rem !important;
  }
  .pl-t-ms-auto {
    padding-left: auto !important;
  }
  .pl-t-ms-none {
    padding-left: 0 !important;
  }
  .pl-t-ms-4 {
    padding-left: 0.25rem !important;
  }
  .pl-t-ms-6 {
    padding-left: 0.375rem !important;
  }
  .pl-t-ms-8 {
    padding-left: 0.5rem !important;
  }
  .pl-t-ms-10 {
    padding-left: 0.625rem !important;
  }
  .pl-t-ms-12 {
    padding-left: 0.75rem !important;
  }
  .pl-t-ms-14 {
    padding-left: 0.875rem !important;
  }
  .pl-t-ms-15 {
    padding-left: 0.9375rem !important;
  }
  .pl-t-ms-16 {
    padding-left: 1rem !important;
  }
  .pl-t-ms-18 {
    padding-left: 1.125rem !important;
  }
  .pl-t-ms-20 {
    padding-left: 1.25rem !important;
  }
  .pl-t-ms-22 {
    padding-left: 1.375rem !important;
  }
  .pl-t-ms-25 {
    padding-left: 1.5625rem !important;
  }
  .pl-t-ms-30 {
    padding-left: 1.875rem !important;
  }
  .pl-t-ms-40 {
    padding-left: 2.5rem !important;
  }
  .pl-t-ms-50 {
    padding-left: 3.125rem !important;
  }
  .pl-t-ms-60 {
    padding-left: 3.75rem !important;
  }
  .pl-t-ms-100 {
    padding-left: 6.25rem !important;
  }
  .py-t-ms-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .px-t-ms-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .p-t-ms-auto {
    padding: auto !important;
  }
  .py-t-ms-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .px-t-ms-none {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .p-t-ms-none {
    padding: 0 !important;
  }
  .py-t-ms-4 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .px-t-ms-4 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .p-t-ms-4 {
    padding: 0.25rem !important;
  }
  .py-t-ms-6 {
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
  }
  .px-t-ms-6 {
    padding-right: 0.375rem !important;
    padding-left: 0.375rem !important;
  }
  .p-t-ms-6 {
    padding: 0.375rem !important;
  }
  .py-t-ms-8 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .px-t-ms-8 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .p-t-ms-8 {
    padding: 0.5rem !important;
  }
  .py-t-ms-10 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
  }
  .px-t-ms-10 {
    padding-right: 0.625rem !important;
    padding-left: 0.625rem !important;
  }
  .p-t-ms-10 {
    padding: 0.625rem !important;
  }
  .py-t-ms-12 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .px-t-ms-12 {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
  }
  .p-t-ms-12 {
    padding: 0.75rem !important;
  }
  .py-t-ms-14 {
    padding-top: 0.875rem !important;
    padding-bottom: 0.875rem !important;
  }
  .px-t-ms-14 {
    padding-right: 0.875rem !important;
    padding-left: 0.875rem !important;
  }
  .p-t-ms-14 {
    padding: 0.875rem !important;
  }
  .py-t-ms-15 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important;
  }
  .px-t-ms-15 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
  }
  .p-t-ms-15 {
    padding: 0.9375rem !important;
  }
  .py-t-ms-16 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .px-t-ms-16 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .p-t-ms-16 {
    padding: 1rem !important;
  }
  .py-t-ms-18 {
    padding-top: 1.125rem !important;
    padding-bottom: 1.125rem !important;
  }
  .px-t-ms-18 {
    padding-right: 1.125rem !important;
    padding-left: 1.125rem !important;
  }
  .p-t-ms-18 {
    padding: 1.125rem !important;
  }
  .py-t-ms-20 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .px-t-ms-20 {
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
  }
  .p-t-ms-20 {
    padding: 1.25rem !important;
  }
  .py-t-ms-22 {
    padding-top: 1.375rem !important;
    padding-bottom: 1.375rem !important;
  }
  .px-t-ms-22 {
    padding-right: 1.375rem !important;
    padding-left: 1.375rem !important;
  }
  .p-t-ms-22 {
    padding: 1.375rem !important;
  }
  .py-t-ms-25 {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
  }
  .px-t-ms-25 {
    padding-right: 1.5625rem !important;
    padding-left: 1.5625rem !important;
  }
  .p-t-ms-25 {
    padding: 1.5625rem !important;
  }
  .py-t-ms-30 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important;
  }
  .px-t-ms-30 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important;
  }
  .p-t-ms-30 {
    padding: 1.875rem !important;
  }
  .py-t-ms-40 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .px-t-ms-40 {
    padding-right: 2.5rem !important;
    padding-left: 2.5rem !important;
  }
  .p-t-ms-40 {
    padding: 2.5rem !important;
  }
  .py-t-ms-50 {
    padding-top: 3.125rem !important;
    padding-bottom: 3.125rem !important;
  }
  .px-t-ms-50 {
    padding-right: 3.125rem !important;
    padding-left: 3.125rem !important;
  }
  .p-t-ms-50 {
    padding: 3.125rem !important;
  }
  .py-t-ms-60 {
    padding-top: 3.75rem !important;
    padding-bottom: 3.75rem !important;
  }
  .px-t-ms-60 {
    padding-right: 3.75rem !important;
    padding-left: 3.75rem !important;
  }
  .p-t-ms-60 {
    padding: 3.75rem !important;
  }
  .py-t-ms-100 {
    padding-top: 6.25rem !important;
    padding-bottom: 6.25rem !important;
  }
  .px-t-ms-100 {
    padding-right: 6.25rem !important;
    padding-left: 6.25rem !important;
  }
  .p-t-ms-100 {
    padding: 6.25rem !important;
  }
}
@media (max-width: 719px) {
  .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: 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: 819px) {
  .ell-t-ms {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
}
@media (max-width: 819px) {
  .ell-t-ms-2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-align: left;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    word-break: break-all !important;
  }
}
@media (max-width: 719px) {
  .ell-m-max {
    -webkit-line-clamp: 1 !important;
  }
}
@media (max-width: 719px) {
  .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: 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.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-top.is-2xs:before,
.icon.icon-arrow-top: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;
  transform: rotate(-90deg);
}
.icon.icon-arrow-top.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-arrow-top.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-top.is-sm:before,
.icon.icon-arrow-top.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;
  transform: rotate(-90deg);
}
.icon.icon-arrow-top.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-top.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-top.is-lg:before,
.icon.icon-arrow-top.is-md: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;
  transform: rotate(-90deg);
}
.icon.icon-arrow-top.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-arrow-top.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-top.is-2xl:before,
.icon.icon-arrow-top.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;
  transform: rotate(-90deg);
}
.icon.icon-arrow-top.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-top.is-3xl:before {
  transform: rotate(-90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-right:before,
.icon.icon-arrow-top.is-3xl: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-arrow-right:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-right.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-arrow-right.is-2xs:before,
.icon.icon-arrow-right.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-arrow-right.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-right.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-right.is-md:before,
.icon.icon-arrow-right.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-arrow-right.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-right.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-arrow-right.is-lg:before,
.icon.icon-arrow-right.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-arrow-right.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-right.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-right.is-2xl:before,
.icon.icon-arrow-right.is-3xl: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-arrow-right.is-3xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-bottom:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-bottom.is-2xs:before,
.icon.icon-arrow-bottom: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;
  transform: rotate(90deg);
}
.icon.icon-arrow-bottom.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-arrow-bottom.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-bottom.is-sm:before,
.icon.icon-arrow-bottom.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;
  transform: rotate(90deg);
}
.icon.icon-arrow-bottom.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-bottom.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-bottom.is-lg:before,
.icon.icon-arrow-bottom.is-md: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;
  transform: rotate(90deg);
}
.icon.icon-arrow-bottom.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-arrow-bottom.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-bottom.is-2xl:before,
.icon.icon-arrow-bottom.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;
  transform: rotate(90deg);
}
.icon.icon-arrow-bottom.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-bottom.is-3xl: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;
  transform: rotate(90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-arrow-left:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-left.is-2xs:before,
.icon.icon-arrow-left: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;
  transform: scaleX(-1);
}
.icon.icon-arrow-left.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-arrow-left.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-left.is-sm:before,
.icon.icon-arrow-left.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;
  transform: scaleX(-1);
}
.icon.icon-arrow-left.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-left.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-left.is-lg:before,
.icon.icon-arrow-left.is-md: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;
  transform: scaleX(-1);
}
.icon.icon-arrow-left.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-arrow-left.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-left.is-2xl:before,
.icon.icon-arrow-left.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;
  transform: scaleX(-1);
}
.icon.icon-arrow-left.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-left.is-3xl: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;
  transform: scaleX(-1);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-caret-bottom:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-caret-bottom.is-2xs:before,
.icon.icon-caret-bottom: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-caret-bottom.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-caret-bottom.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-caret-bottom.is-sm:before,
.icon.icon-caret-bottom.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-caret-bottom.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-caret-bottom.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-caret-bottom.is-lg:before,
.icon.icon-caret-bottom.is-md: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-caret-bottom.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-caret-bottom.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-caret-bottom.is-2xl:before,
.icon.icon-caret-bottom.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-caret-bottom.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-caret-bottom.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-top:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-top.is-2xs:before,
.icon.icon-chevron-top: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;
  transform: rotate(-90deg);
}
.icon.icon-chevron-top.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-chevron-top.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-top.is-sm:before,
.icon.icon-chevron-top.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;
  transform: rotate(-90deg);
}
.icon.icon-chevron-top.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-top.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-top.is-lg:before,
.icon.icon-chevron-top.is-md: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;
  transform: rotate(-90deg);
}
.icon.icon-chevron-top.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-chevron-top.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-top.is-2xl:before,
.icon.icon-chevron-top.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;
  transform: rotate(-90deg);
}
.icon.icon-chevron-top.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-top.is-3xl:before {
  transform: rotate(-90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-right:before,
.icon.icon-chevron-top.is-3xl: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-chevron-right:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-right.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-chevron-right.is-2xs:before,
.icon.icon-chevron-right.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-chevron-right.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-right.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-right.is-md:before,
.icon.icon-chevron-right.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-chevron-right.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-right.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-chevron-right.is-lg:before,
.icon.icon-chevron-right.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-chevron-right.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-right.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-right.is-2xl:before,
.icon.icon-chevron-right.is-3xl: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-chevron-right.is-3xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-bottom:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-bottom.is-2xs:before,
.icon.icon-chevron-bottom: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;
  transform: rotate(90deg);
}
.icon.icon-chevron-bottom.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-chevron-bottom.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-bottom.is-sm:before,
.icon.icon-chevron-bottom.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;
  transform: rotate(90deg);
}
.icon.icon-chevron-bottom.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-bottom.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-bottom.is-lg:before,
.icon.icon-chevron-bottom.is-md: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;
  transform: rotate(90deg);
}
.icon.icon-chevron-bottom.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-chevron-bottom.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-bottom.is-2xl:before,
.icon.icon-chevron-bottom.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;
  transform: rotate(90deg);
}
.icon.icon-chevron-bottom.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-bottom.is-3xl: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;
  transform: rotate(90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-left:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-left.is-2xs:before,
.icon.icon-chevron-left: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;
  transform: scaleX(-1);
}
.icon.icon-chevron-left.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-chevron-left.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-left.is-sm:before,
.icon.icon-chevron-left.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;
  transform: scaleX(-1);
}
.icon.icon-chevron-left.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-left.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-left.is-lg:before,
.icon.icon-chevron-left.is-md: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;
  transform: scaleX(-1);
}
.icon.icon-chevron-left.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-chevron-left.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-left.is-2xl:before,
.icon.icon-chevron-left.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;
  transform: scaleX(-1);
}
.icon.icon-chevron-left.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-left.is-3xl: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;
  transform: scaleX(-1);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-medium-top:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-medium-top.is-2xs:before,
.icon.icon-chevron-medium-top: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;
  transform: rotate(-90deg);
}
.icon.icon-chevron-medium-top.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-chevron-medium-top.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-medium-top.is-sm:before,
.icon.icon-chevron-medium-top.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;
  transform: rotate(-90deg);
}
.icon.icon-chevron-medium-top.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-medium-top.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-medium-top.is-lg:before,
.icon.icon-chevron-medium-top.is-md: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;
  transform: rotate(-90deg);
}
.icon.icon-chevron-medium-top.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-chevron-medium-top.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-medium-top.is-2xl:before,
.icon.icon-chevron-medium-top.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;
  transform: rotate(-90deg);
}
.icon.icon-chevron-medium-top.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-medium-top.is-3xl:before {
  transform: rotate(-90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-medium-right:before,
.icon.icon-chevron-medium-top.is-3xl: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-chevron-medium-right:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-medium-right.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-chevron-medium-right.is-2xs:before,
.icon.icon-chevron-medium-right.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-chevron-medium-right.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-medium-right.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-medium-right.is-md:before,
.icon.icon-chevron-medium-right.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-chevron-medium-right.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-medium-right.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-chevron-medium-right.is-lg:before,
.icon.icon-chevron-medium-right.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-chevron-medium-right.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-medium-right.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-medium-right.is-2xl:before,
.icon.icon-chevron-medium-right.is-3xl: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-chevron-medium-right.is-3xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-medium-bottom:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-medium-bottom.is-2xs:before,
.icon.icon-chevron-medium-bottom: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;
  transform: rotate(90deg);
}
.icon.icon-chevron-medium-bottom.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-chevron-medium-bottom.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-medium-bottom.is-sm:before,
.icon.icon-chevron-medium-bottom.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;
  transform: rotate(90deg);
}
.icon.icon-chevron-medium-bottom.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-medium-bottom.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-medium-bottom.is-lg:before,
.icon.icon-chevron-medium-bottom.is-md: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;
  transform: rotate(90deg);
}
.icon.icon-chevron-medium-bottom.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-chevron-medium-bottom.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-medium-bottom.is-2xl:before,
.icon.icon-chevron-medium-bottom.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;
  transform: rotate(90deg);
}
.icon.icon-chevron-medium-bottom.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-medium-bottom.is-3xl: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;
  transform: rotate(90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-chevron-medium-left:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-medium-left.is-2xs:before,
.icon.icon-chevron-medium-left: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;
  transform: scaleX(-1);
}
.icon.icon-chevron-medium-left.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-chevron-medium-left.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-chevron-medium-left.is-sm:before,
.icon.icon-chevron-medium-left.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;
  transform: scaleX(-1);
}
.icon.icon-chevron-medium-left.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-chevron-medium-left.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-chevron-medium-left.is-lg:before,
.icon.icon-chevron-medium-left.is-md: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;
  transform: scaleX(-1);
}
.icon.icon-chevron-medium-left.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-chevron-medium-left.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-chevron-medium-left.is-2xl:before,
.icon.icon-chevron-medium-left.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;
  transform: scaleX(-1);
}
.icon.icon-chevron-medium-left.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-chevron-medium-left.is-3xl: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;
  transform: scaleX(-1);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-arrow-top:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-arrow-top.is-2xs:before,
.icon.icon-double-arrow-top: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;
  transform: rotate(-90deg);
}
.icon.icon-double-arrow-top.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-double-arrow-top.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-arrow-top.is-sm:before,
.icon.icon-double-arrow-top.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;
  transform: rotate(-90deg);
}
.icon.icon-double-arrow-top.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-arrow-top.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-arrow-top.is-lg:before,
.icon.icon-double-arrow-top.is-md: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;
  transform: rotate(-90deg);
}
.icon.icon-double-arrow-top.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-double-arrow-top.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-arrow-top.is-2xl:before,
.icon.icon-double-arrow-top.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;
  transform: rotate(-90deg);
}
.icon.icon-double-arrow-top.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-arrow-top.is-3xl:before {
  transform: rotate(-90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-arrow-right:before,
.icon.icon-double-arrow-top.is-3xl: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-double-arrow-right:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-arrow-right.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-double-arrow-right.is-2xs:before,
.icon.icon-double-arrow-right.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-double-arrow-right.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-arrow-right.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-arrow-right.is-md:before,
.icon.icon-double-arrow-right.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-double-arrow-right.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-arrow-right.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-double-arrow-right.is-lg:before,
.icon.icon-double-arrow-right.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-double-arrow-right.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-arrow-right.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-arrow-right.is-2xl:before,
.icon.icon-double-arrow-right.is-3xl: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-double-arrow-right.is-3xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-arrow-bottom:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-arrow-bottom.is-2xs:before,
.icon.icon-double-arrow-bottom: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;
  transform: rotate(90deg);
}
.icon.icon-double-arrow-bottom.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-double-arrow-bottom.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-arrow-bottom.is-sm:before,
.icon.icon-double-arrow-bottom.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;
  transform: rotate(90deg);
}
.icon.icon-double-arrow-bottom.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-arrow-bottom.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-arrow-bottom.is-lg:before,
.icon.icon-double-arrow-bottom.is-md: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;
  transform: rotate(90deg);
}
.icon.icon-double-arrow-bottom.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-double-arrow-bottom.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-arrow-bottom.is-2xl:before,
.icon.icon-double-arrow-bottom.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;
  transform: rotate(90deg);
}
.icon.icon-double-arrow-bottom.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-arrow-bottom.is-3xl: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;
  transform: rotate(90deg);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-double-arrow-left:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-arrow-left.is-2xs:before,
.icon.icon-double-arrow-left: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;
  transform: scaleX(-1);
}
.icon.icon-double-arrow-left.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-double-arrow-left.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-double-arrow-left.is-sm:before,
.icon.icon-double-arrow-left.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;
  transform: scaleX(-1);
}
.icon.icon-double-arrow-left.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-double-arrow-left.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-double-arrow-left.is-lg:before,
.icon.icon-double-arrow-left.is-md: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;
  transform: scaleX(-1);
}
.icon.icon-double-arrow-left.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-double-arrow-left.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-double-arrow-left.is-2xl:before,
.icon.icon-double-arrow-left.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;
  transform: scaleX(-1);
}
.icon.icon-double-arrow-left.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-double-arrow-left.is-3xl: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;
  transform: scaleX(-1);
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-alarm-clock:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-alarm-clock.is-2xs:before,
.icon.icon-alarm-clock:before {
  content: '\e800';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-alarm-clock.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-alarm-clock.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-alarm-clock.is-sm:before,
.icon.icon-alarm-clock.is-xs:before {
  content: '\e800';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-alarm-clock.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-alarm-clock.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-alarm-clock.is-lg:before,
.icon.icon-alarm-clock.is-md:before {
  content: '\e800';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-alarm-clock.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-alarm-clock.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-alarm-clock.is-2xl:before,
.icon.icon-alarm-clock.is-xl:before {
  content: '\e800';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-alarm-clock.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-alarm-clock.is-3xl:before {
  content: '\e800';
  display: 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;
}
.icon.icon-arrow-back:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-back.is-2xs:before,
.icon.icon-arrow-back: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-back.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-arrow-back.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-arrow-back.is-sm:before,
.icon.icon-arrow-back.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-back.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-arrow-back.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-arrow-back.is-lg:before,
.icon.icon-arrow-back.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-back.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-arrow-back.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-arrow-back.is-2xl:before,
.icon.icon-arrow-back.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-back.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-arrow-back.is-3xl: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;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-book-open:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-book-open.is-2xs:before,
.icon.icon-book-open: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-book-open.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-book-open.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-book-open.is-sm:before,
.icon.icon-book-open.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-book-open.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-book-open.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-book-open.is-lg:before,
.icon.icon-book-open.is-md: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-book-open.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-book-open.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-book-open.is-2xl:before,
.icon.icon-book-open.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-book-open.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-book-open.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-change:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-change.is-2xs:before,
.icon.icon-change:before {
  content: '\e805';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-change.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-change.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-change.is-sm:before,
.icon.icon-change.is-xs:before {
  content: '\e805';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-change.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-change.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-change.is-lg:before,
.icon.icon-change.is-md:before {
  content: '\e805';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-change.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-change.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-change.is-2xl:before,
.icon.icon-change.is-xl:before {
  content: '\e805';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-change.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-change.is-3xl:before {
  content: '\e805';
  display: 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;
}
.icon.icon-check:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-check.is-2xs:before,
.icon.icon-check: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-check.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-check.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-check.is-sm:before,
.icon.icon-check.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-check.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-check.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-check.is-lg:before,
.icon.icon-check.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-check.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-check.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-check.is-2xl:before,
.icon.icon-check.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-check.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-check.is-3xl: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;
}
.icon.icon-check-bold:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-check-bold.is-2xs:before,
.icon.icon-check-bold: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-check-bold.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-check-bold.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-check-bold.is-sm:before,
.icon.icon-check-bold.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-check-bold.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-check-bold.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-check-bold.is-lg:before,
.icon.icon-check-bold.is-md: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-check-bold.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-check-bold.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-check-bold.is-2xl:before,
.icon.icon-check-bold.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-check-bold.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-check-bold.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-check-circle:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-check-circle.is-2xs:before,
.icon.icon-check-circle: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-check-circle.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-check-circle.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-check-circle.is-sm:before,
.icon.icon-check-circle.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-check-circle.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-check-circle.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-check-circle.is-lg:before,
.icon.icon-check-circle.is-md: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-check-circle.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-check-circle.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-check-circle.is-2xl:before,
.icon.icon-check-circle.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-check-circle.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-check-circle.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-clock:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-clock.is-2xs:before,
.icon.icon-clock:before {
  content: '\e80b';
  display: inline-block;
  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-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-clock.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-clock.is-sm:before,
.icon.icon-clock.is-xs:before {
  content: '\e80b';
  display: inline-block;
  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-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-clock.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-clock.is-lg:before,
.icon.icon-clock.is-md:before {
  content: '\e80b';
  display: inline-block;
  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-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-clock.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-clock.is-2xl:before,
.icon.icon-clock.is-xl:before {
  content: '\e80b';
  display: inline-block;
  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-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-clock.is-3xl:before {
  content: '\e80b';
  display: 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;
}
.icon.icon-close:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-close.is-2xs:before,
.icon.icon-close: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-close.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-close.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-close.is-sm:before,
.icon.icon-close.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-close.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-close.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-close.is-lg:before,
.icon.icon-close.is-md: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-close.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-close.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-close.is-2xl:before,
.icon.icon-close.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-close.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-close.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-datepicker:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-datepicker.is-2xs:before,
.icon.icon-datepicker: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-datepicker.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-datepicker.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-datepicker.is-sm:before,
.icon.icon-datepicker.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-datepicker.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-datepicker.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-datepicker.is-lg:before,
.icon.icon-datepicker.is-md: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-datepicker.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-datepicker.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-datepicker.is-2xl:before,
.icon.icon-datepicker.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-datepicker.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-datepicker.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-download:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-download.is-2xs:before,
.icon.icon-download: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-download.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-download.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-download.is-sm:before,
.icon.icon-download.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-download.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-download.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-download.is-lg:before,
.icon.icon-download.is-md: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-download.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-download.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-download.is-2xl:before,
.icon.icon-download.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-download.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-download.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-envelope-closed:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-envelope-closed.is-2xs:before,
.icon.icon-envelope-closed: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-envelope-closed.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-envelope-closed.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-envelope-closed.is-sm:before,
.icon.icon-envelope-closed.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-envelope-closed.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-envelope-closed.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-envelope-closed.is-lg:before,
.icon.icon-envelope-closed.is-md: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-envelope-closed.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-envelope-closed.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-envelope-closed.is-2xl:before,
.icon.icon-envelope-closed.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-envelope-closed.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-envelope-closed.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-envelope-open:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-envelope-open.is-2xs:before,
.icon.icon-envelope-open: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-envelope-open.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-envelope-open.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-envelope-open.is-sm:before,
.icon.icon-envelope-open.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-envelope-open.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-envelope-open.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-envelope-open.is-lg:before,
.icon.icon-envelope-open.is-md: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-envelope-open.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-envelope-open.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-envelope-open.is-2xl:before,
.icon.icon-envelope-open.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-envelope-open.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-envelope-open.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-info:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-info.is-2xs:before,
.icon.icon-info: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-info.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-info.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-info.is-sm:before,
.icon.icon-info.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-info.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-info.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-info.is-lg:before,
.icon.icon-info.is-md: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-info.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-info.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-info.is-2xl:before,
.icon.icon-info.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-info.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-info.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-logout:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-logout.is-2xs:before,
.icon.icon-logout: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-logout.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-logout.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-logout.is-sm:before,
.icon.icon-logout.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-logout.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-logout.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-logout.is-lg:before,
.icon.icon-logout.is-md: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-logout.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-logout.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-logout.is-2xl:before,
.icon.icon-logout.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-logout.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-logout.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-menu:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-menu.is-2xs:before,
.icon.icon-menu: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-menu.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-menu.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-menu.is-sm:before,
.icon.icon-menu.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-menu.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-menu.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-menu.is-lg:before,
.icon.icon-menu.is-md: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-menu.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-menu.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-menu.is-2xl:before,
.icon.icon-menu.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-menu.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-menu.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-notification:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-notification.is-2xs:before,
.icon.icon-notification: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-notification.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-notification.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-notification.is-sm:before,
.icon.icon-notification.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-notification.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-notification.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-notification.is-lg:before,
.icon.icon-notification.is-md: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-notification.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-notification.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-notification.is-2xl:before,
.icon.icon-notification.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-notification.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-notification.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-pencil:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pencil.is-2xs:before,
.icon.icon-pencil: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-pencil.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-pencil.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-pencil.is-sm:before,
.icon.icon-pencil.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-pencil.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-pencil.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-pencil.is-lg:before,
.icon.icon-pencil.is-md: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-pencil.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-pencil.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-pencil.is-2xl:before,
.icon.icon-pencil.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-pencil.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-pencil.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-plus:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-plus.is-2xs:before,
.icon.icon-plus: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-plus.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-plus.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-plus.is-sm:before,
.icon.icon-plus.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-plus.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-plus.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-plus.is-lg:before,
.icon.icon-plus.is-md: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-plus.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-plus.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-plus.is-2xl:before,
.icon.icon-plus.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-plus.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-plus.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-profile:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-profile.is-2xs:before,
.icon.icon-profile:before {
  content: '\e818';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-profile.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-profile.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-profile.is-sm:before,
.icon.icon-profile.is-xs:before {
  content: '\e818';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-profile.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-profile.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-profile.is-lg:before,
.icon.icon-profile.is-md:before {
  content: '\e818';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-profile.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-profile.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-profile.is-2xl:before,
.icon.icon-profile.is-xl:before {
  content: '\e818';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-profile.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-profile.is-3xl:before {
  content: '\e818';
  display: 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;
}
.icon.icon-refresh:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-refresh.is-2xs:before,
.icon.icon-refresh:before {
  content: '\e819';
  display: inline-block;
  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-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-refresh.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-refresh.is-sm:before,
.icon.icon-refresh.is-xs:before {
  content: '\e819';
  display: inline-block;
  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-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-refresh.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-refresh.is-lg:before,
.icon.icon-refresh.is-md:before {
  content: '\e819';
  display: inline-block;
  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-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-refresh.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-refresh.is-2xl:before,
.icon.icon-refresh.is-xl:before {
  content: '\e819';
  display: inline-block;
  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-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-refresh.is-3xl:before {
  content: '\e819';
  display: 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;
}
.icon.icon-reply-arrow:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-reply-arrow.is-2xs:before,
.icon.icon-reply-arrow: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-reply-arrow.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-reply-arrow.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-reply-arrow.is-sm:before,
.icon.icon-reply-arrow.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-reply-arrow.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-reply-arrow.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-reply-arrow.is-lg:before,
.icon.icon-reply-arrow.is-md: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-reply-arrow.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-reply-arrow.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-reply-arrow.is-2xl:before,
.icon.icon-reply-arrow.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-reply-arrow.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-reply-arrow.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-search:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-search.is-2xs:before,
.icon.icon-search: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-search.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-search.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-search.is-sm:before,
.icon.icon-search.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-search.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-search.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-search.is-lg:before,
.icon.icon-search.is-md: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-search.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-search.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-search.is-2xl:before,
.icon.icon-search.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-search.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-search.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.icon.icon-ship:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-ship.is-2xs:before,
.icon.icon-ship:before {
  content: '\e81c';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-ship.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-ship.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-ship.is-sm:before,
.icon.icon-ship.is-xs:before {
  content: '\e81c';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-ship.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-ship.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-ship.is-lg:before,
.icon.icon-ship.is-md:before {
  content: '\e81c';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-ship.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-ship.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-ship.is-2xl:before,
.icon.icon-ship.is-xl:before {
  content: '\e81c';
  display: inline-block;
  font-family: bbc-icon;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-align: center;
  text-decoration: inherit;
}
.icon.icon-ship.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-ship.is-3xl:before {
  content: '\e81c';
  display: 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;
}
.icon.icon-thumbs:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-thumbs.is-2xs:before,
.icon.icon-thumbs: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-thumbs.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.icon.icon-thumbs.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.icon.icon-thumbs.is-sm:before,
.icon.icon-thumbs.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-thumbs.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.icon.icon-thumbs.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.icon.icon-thumbs.is-lg:before,
.icon.icon-thumbs.is-md: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-thumbs.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.icon.icon-thumbs.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.icon.icon-thumbs.is-2xl:before,
.icon.icon-thumbs.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-thumbs.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.icon.icon-thumbs.is-3xl: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: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}

/*! ================================
    뷰포트 고정 + 16:9 레이아웃 + 폰트 보간
    - Portrait: 회전(90deg) + 치수 스왑
    - Landscape < 16:9: 가로(vw) 기준
    - Landscape >= 16:9: 세로(vh) 기준(높이 우선)
================================ */
[bbc-layout='login'] {
  --bbc-layout-max-width: 1120px;
  --bbc-ref-w: 1120;
  --bbc-ref-h: 720;
  --bbc-fs-base: 16;
  --bbc-fs-min: 14px;
  --bbc-fs-max: calc(var(--bbc-fs-base) * var(--bbc-layout-max-width) / var(--bbc-ref-w));
  --bbc-header-h: 0;
  --bbc-page-min-h: 656px;
  --bbc-wrap-max-h: 1440px;
}
[bbc-layout='login'],
[bbc-layout='login'] body {
  overflow: hidden;
  height: 100%;
}
[bbc-layout='login'] body {
  color: #2d2d2d;
  font-family: var(--bbc-font-family);
  line-height: var(--bbc-line-height);
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  [bbc-layout='login'] {
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(--bbc-ref-w) * 100vw, var(--bbc-fs-max));
  }
  [bbc-layout='login'] .bbc {
    position: fixed;
    inset: 0;
    overflow: hidden;
    place-items: center;
    height: 100vh;
  }
  [bbc-layout='login'] .bbc .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100%;
    box-shadow: var(--bbc-color-shadow-natural-sm);
    transform: translate(-50%, -50%);
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (max-width: 1920px),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (max-width: 1920px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (max-width: 1920px),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (max-width: 1920px) {
  [bbc-layout='login'] .bbc .wrap {
    border-radius: 0;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (width <= 1920px) and (aspect-ratio < 6/10),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (width <= 1920px) and (aspect-ratio < 6/10),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (width <= 1920px) and (aspect-ratio < 6/10),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (width <= 1920px) and (aspect-ratio < 6/10) {
  [bbc-layout='login'] .bbc .container {
    width: min(100%, 166.6666666667vh);
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  [bbc-layout='login'] .bbc {
    padding: max(env(safe-area-inset-top), 0) max(env(safe-area-inset-right), 0) max(env(safe-area-inset-bottom), 0) max(env(safe-area-inset-left), 0);
  }
  [bbc-layout='login'] .bbc .page {
    max-width: var(--bbc-layout-max-width);
    aspect-ratio: 10/6;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  [bbc-layout='login'] {
    --bbc-layout-max-width: 720px;
    --bbc-ref-w: 400;
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(bbc-ref-w) * 100vw, var(--bbc-fs-max));
  }
  [bbc-layout='login'] .bbc {
    min-height: 100vh;
    max-height: 100vh;
  }
  [bbc-layout='login'] .bbc .header {
    position: fixed;
    top: 0;
    width: 100%;
  }
  [bbc-layout='login'] .bbc .wrap .container {
    overflow: hidden;
    width: 100%;
    scrollbar-gutter: initial;
  }
  [bbc-layout='login'] .bbc .wrap .container .page {
    overflow: hidden;
    width: 100%;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  [bbc-layout='login'] {
    --bbc-layout-max-width: 720px;
    --bbc-ref-w: 400;
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(bbc-ref-w) * 100vw, var(--bbc-fs-max));
  }
  [bbc-layout='login'] .bbc {
    min-height: 100vh;
    max-height: 100vh;
  }
  [bbc-layout='login'] .bbc .header {
    position: fixed;
    top: 0;
    width: 100%;
  }
  [bbc-layout='login'] .bbc .wrap .container {
    overflow: hidden;
    width: 100%;
    scrollbar-gutter: initial;
  }
  [bbc-layout='login'] .bbc .wrap .container .page {
    overflow: hidden;
    width: 100%;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  [bbc-layout='login'] {
    --bbc-layout-max-width: 720px;
    --bbc-ref-w: 720;
    --bbc-ref-h: 1280;
    --bbc-fs-max: calc(var(--bbc-fs-base) * var(--bbc-layout-max-width) / var(--bbc-ref-w));
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(--bbc-ref-w) * 100vw, var(--bbc-fs-max));
  }
  [bbc-layout='login'] .bbc {
    position: fixed;
    inset: 0;
    overflow: hidden;
    place-items: center;
    height: 100vh;
  }
  [bbc-layout='login'] .bbc .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100%;
    box-shadow: var(--bbc-color-shadow-natural-sm);
    transform: translate(-50%, -50%);
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) and (max-width: 1920px) {
  [bbc-layout='login'] .bbc .wrap {
    border-radius: 0;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) and (width <= 1920px) and (aspect-ratio < 6/10) {
  [bbc-layout='login'] .bbc .container {
    width: min(100%, 166.6666666667vh);
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  [bbc-layout='login'] .bbc {
    min-height: 100vh;
    max-height: 100vh;
  }
  [bbc-layout='login'] .bbc .header {
    position: fixed;
    top: 0;
    width: 100%;
  }
  [bbc-layout='login'] .bbc .wrap .container {
    overflow: hidden;
    width: 100%;
    scrollbar-gutter: initial;
  }
  [bbc-layout='login'] .bbc .wrap .container .page {
    overflow: hidden;
    width: 100%;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) and (aspect-ratio >= 6/10) {
  [bbc-layout='login'] {
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(--bbc-ref-h) * 100vh, var(--bbc-fs-max));
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  [bbc-layout='login'] {
    --bbc-layout-max-width: 720px;
    --bbc-ref-w: 400;
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(bbc-ref-w) * 100vw, var(--bbc-fs-max));
  }
  [bbc-layout='login'] .bbc {
    min-height: 100vh;
    max-height: 100vh;
  }
  [bbc-layout='login'] .bbc .header {
    position: fixed;
    top: 0;
    width: 100%;
  }
  [bbc-layout='login'] .bbc .wrap .container {
    overflow: hidden;
    width: 100%;
    scrollbar-gutter: initial;
  }
  [bbc-layout='login'] .bbc .wrap .container .page {
    overflow: hidden;
    width: 100%;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  [bbc-layout='login'] .bbc {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  [bbc-layout='login'] .bbc {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  [bbc-layout='login'] .bbc {
    position: fixed;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  [bbc-layout='login'] .bbc {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }
}
[bbc-layout='login'] .bbc:after {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  padding: 10px;
  font-size: 20px;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  [bbc-layout='login'] .bbc:after {
    content: 'PC 가로';
    background-color: tomato;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  [bbc-layout='login'] .bbc:after {
    content: '모바일 세로';
    background-color: #8a2be2;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  [bbc-layout='login'] .bbc:after {
    content: '모바일 세로';
    background-color: #8a2be2;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  [bbc-layout='login'] .bbc:after {
    content: 'PC 세로';
    background-color: #98fb98;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  [bbc-layout='login'] .bbc:after {
    content: '모바일 세로';
    background-color: #8a2be2;
  }
}
@media (max-width: 1920px) {
  [bbc-layout='login'] .bbc .wrap {
    max-height: none;
    border-radius: 0;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (max-width: 1920px),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (max-width: 1920px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (max-width: 1920px),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (max-width: 1920px) {
  [bbc-layout='login'] .bbc .wrap {
    height: 100dvh;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  [bbc-layout='login'] .bbc .wrap {
    width: 100%;
  }
}
[bbc-layout='login'] .bbc .wrap .container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  [bbc-layout='login'] .bbc .wrap .container {
    height: 100%;
    min-height: 100dvh;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  [bbc-layout='login'] .bbc .wrap .container {
    height: 100%;
    min-height: 100dvh;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  [bbc-layout='login'] .bbc .wrap .container {
    height: 100%;
    min-height: 100dvh;
  }
}
[bbc-layout='login'] .bbc .wrap .container .page {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  [bbc-layout='login'] .bbc .wrap .container .page {
    width: 100%;
    padding: 3.75rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  [bbc-layout='login'] .bbc .wrap .container .page {
    width: 100%;
    max-width: 48.75rem;
    padding: 3.75rem 1.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (max-width: 500px),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (max-width: 500px) {
  [bbc-layout='login'] .bbc .wrap .container .page {
    padding: 3.75rem 0.9375rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  [bbc-layout='login'] .bbc .wrap .container .page {
    width: 100%;
    max-width: 48.75rem;
    padding: 3.75rem 1.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (max-width: 500px),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (max-width: 500px) {
  [bbc-layout='login'] .bbc .wrap .container .page {
    padding: 3.75rem 0.9375rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  [bbc-layout='login'] .bbc .wrap .container .page {
    width: 100%;
    max-width: 45rem;
    aspect-ratio: 9/15;
    padding: 5.625rem 1.875rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  [bbc-layout='login'] .bbc .wrap .container .page {
    width: 100%;
    max-width: 48.75rem;
    padding: 3.75rem 1.875rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16) and (max-width: 500px), screen and (orientation: portrait) and (width < 720px) and (max-width: 500px) {
  [bbc-layout='login'] .bbc .wrap .container .page {
    padding: 3.75rem 0.9375rem;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (aspect-ratio >= 10/6),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (aspect-ratio >= 10/6),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (aspect-ratio >= 10/6),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (aspect-ratio >= 10/6) {
  [bbc-layout='login'] {
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(--bbc-ref-h) * 100dvh, var(--bbc-fs-max));
  }
  [bbc-layout='login'] .bbc:after {
    content: 'PC 가로 와이드';
    background-color: #db7093;
  }
  [bbc-layout='login'] .bbc .wrap {
    width: min(166.6666666667dvh, var(--bbc-layout-max-width));
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (aspect-ratio >= 10/6) and (max-width: 1920px),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (aspect-ratio >= 10/6) and (max-width: 1920px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (aspect-ratio >= 10/6) and (max-width: 1920px),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (aspect-ratio >= 10/6) and (max-width: 1920px) {
  [bbc-layout='login'] .bbc .wrap {
    height: min(100dvh, 1000px);
  }
}
[bbc-layout='login'] .footer {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  height: 9.375rem;
  border-top: 1px solid hsla(0, 0%, 100%, 0.12);
  background: #344265;
}
@media (max-width: 719px) {
  [bbc-layout='login'] .footer {
    height: auto;
  }
}
[bbc-layout='login'] .footer .footer-layout {
  display: flex;
  gap: 2.625rem;
}
@media (max-width: 719px) {
  [bbc-layout='login'] .footer .footer-layout {
    flex-direction: column;
    gap: 0.75rem;
    padding-top: 20px;
    padding-bottom: 15px;
  }
}
[bbc-layout='login'] .footer .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 1.875rem;
  margin-top: 0.0625rem;
  padding-bottom: 0.9375rem;
}
[bbc-layout='login'] .footer .info dl {
  position: relative;
  display: flex;
  align-items: center;
}
[bbc-layout='login'] .footer .info dl:not(:last-of-type):after {
  content: '';
  position: absolute;
  top: 0.8125rem;
  right: -0.9375rem;
  display: block;
  width: 0.125rem;
  height: 1rem;
  background-color: hsla(0, 0%, 100%, 0.3);
  transform: translateY(-50%);
}
[bbc-layout='login'] .footer .info dd,
[bbc-layout='login'] .footer .info dt {
  color: #fff;
  font-weight: 400;
}
[bbc-layout='login'] .footer .info dt {
  margin-right: 0.5rem;
  font-weight: 600;
}
[bbc-layout='login'] .footer .logo {
  display: block;
  flex: 0 0 auto;
  width: 12.5rem;
  height: fit-content;
  margin-top: -0.8125rem;
}
@media (max-width: 719px) {
  [bbc-layout='login'] .footer .logo {
    width: 140px;
    margin-top: 0;
  }
}
[bbc-layout='login'] .footer .logo img {
  width: 100%;
}
[bbc-layout='login'] .footer .copyright {
  width: 100%;
  margin-top: 0.625rem;
  color: hsla(0, 0%, 100%, 0.6);
  font-weight: 400;
}

/*! ================================
    뷰포트 고정 + 16:9 레이아웃 + 폰트 보간
    - Portrait: 회전(90deg) + 치수 스왑
    - Landscape < 16:9: 가로(vw) 기준
    - Landscape >= 16:9: 세로(dvh) 기준(높이 우선)
================================ */
[bbc-layout='app'] {
  --bbc-layout-max-width: 1920px;
  --bbc-ref-w: 1280;
  --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: 64px;
  --bbc-page-min-h: 656px;
  --bbc-wrap-max-h: 1440px;
}
[bbc-layout='app'] ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #fff;
}
[bbc-layout='app'] ::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(160, 166, 177, 0.5);
}
[bbc-layout='app'] ::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: rgba(160, 166, 177, 0.15);
}
[bbc-layout='app'],
[bbc-layout='app'] body {
  height: 100%;
  overflow: hidden;
  background-color: var(--bbc-color-backgrounds-gray-03);
}
[bbc-layout='app'] body {
  height: 100%;
  color: var(--bbc-color-text-primary);
  font-family: var(--bbc-font-family);
  line-height: var(--bbc-line-height);
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  [bbc-layout='app'] body {
    background-color: #ececec;
  }
}
[bbc-layout='app'] body :focus-visible {
  outline: var(--bbc-color-utility-focus) solid 0.125rem;
  outline-offset: -0.125rem;
}
[bbc-layout='app'] .bbc {
  height: 100%;
  color: var(--bbc-color-text-primary);
}
[bbc-layout='app'] .bbc::-webkit-scrollbar-track {
  background-color: var(--bbc-color-backgrounds-gray-03);
}
[bbc-layout='app'] .bbc .wrap {
  display: flex;
  overflow: hidden;
  background-color: var(--bbc-color-backgrounds-gray-03);
}
[bbc-layout='app'] .bbc .container {
  display: flex;
  flex: 1 1 auto;
  padding-left: 14.375rem;
  transition: padding-left 0.3s;
}
[bbc-layout='app'] .bbc .container .page {
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
[bbc-layout='app'] .bbc .container .page:after {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  padding: 20px;
}
[bbc-layout='app'] .bbc .container .page-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  [bbc-layout='app'] .bbc .container .page-head {
    min-height: 6.4375rem;
    margin-top: -1.5rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  [bbc-layout='app'] .bbc .container .page-head {
    margin-bottom: 1.5rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  [bbc-layout='app'] .bbc .container .page-head {
    margin-bottom: 1.5rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  [bbc-layout='app'] .bbc .container .page-head {
    min-height: 9.2969dvh;
    margin-top: -1.875dvh;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  [bbc-layout='app'] .bbc .container .page-head {
    margin-bottom: 1.5rem;
  }
}
[bbc-layout='app'] .bbc .container .page-head .text {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
[bbc-layout='app'] .bbc .container .page-head .text h2 {
  font: var(--bbc-typo-heading-6);
  font-weight: var(--bbc-font-weight-500);
}
[bbc-layout='app'] .bbc .container .page-head .text h2 strong {
  font-weight: var(--bbc-font-weight-500);
}
[bbc-layout='app'] .bbc .container .page-head .text .desc {
  font: var(--bbc-typo-heading-5);
}
[bbc-layout='app'] .bbc .container .page-head .head-btn {
  font: var(--bbc-typo-btn-3);
  font-weight: var(--bbc-font-weight-500);
}
[bbc-layout='app'] .bbc .container .page-bottom {
  margin-top: 1rem;
}
[bbc-layout='app'] .bbc .container .content {
  padding-top: 0;
}
[bbc-layout='app'] .bbc .container .content .flex-col {
  height: 100%;
}
[bbc-layout='app'] .bbc .container .card {
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.04);
  background: #fff;
}
[bbc-layout='app'] .bbc .container .card .card-head .title {
  font: var(--bbc-typo-heading-5);
  font-weight: var(--bbc-font-weight-700);
}
@media (max-width: 1920px) {
  [bbc-layout='app'] .bbc .wrap {
    max-height: none;
    border-radius: 0;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  [bbc-layout='app'] {
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(--bbc-ref-w) * 100vw, var(--bbc-fs-max));
  }
  [bbc-layout='app'] .bbc {
    position: fixed;
    inset: 0;
    overflow: hidden;
    place-items: center;
    height: 100dvh;
  }
  [bbc-layout='app'] .bbc .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    transform: translate(-50%, -50%);
  }
  [bbc-layout='app'] .bbc .container {
    width: 100%;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }
  [bbc-layout='app'] .bbc .container .page {
    width: 100%;
    height: 100%;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (width <= 1920px) and (aspect-ratio < 9/16),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (width <= 1920px) and (aspect-ratio < 9/16),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (width <= 1920px) and (aspect-ratio < 9/16),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (width <= 1920px) and (aspect-ratio < 9/16) {
  [bbc-layout='app'] .bbc .container .page {
    width: min(100%, 160dvh);
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  [bbc-layout='app'] .bbc {
    padding: max(env(safe-area-inset-top), 0) max(env(safe-area-inset-right), 0) max(env(safe-area-inset-bottom), 0) max(env(safe-area-inset-left), 0);
  }
  [bbc-layout='app'] .bbc .wrap {
    max-width: var(--bbc-layout-max-width);
    border: 1px solid var(--bbc-color-border-primary);
    border-radius: 0.75rem;
    aspect-ratio: 16/9;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (max-width: 1920px),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (max-width: 1920px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (max-width: 1920px),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (max-width: 1920px) {
  [bbc-layout='app'] .bbc .wrap {
    height: 100dvh;
    border: none;
    border-radius: 0;
    box-shadow: none;
    aspect-ratio: initial;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  [bbc-layout='app'] .bbc .container {
    padding-top: 4rem;
  }
  [bbc-layout='app'] .bbc .container .page {
    justify-content: center;
    padding: 1.5rem 3.9375rem;
    aspect-ratio: 1050/656;
  }
  [bbc-layout='app'] .bbc .container .page:after {
    content: 'PC 가로';
    background-color: tomato;
  }
  [bbc-layout='app'] .bbc .container .page .content.is-shift-up {
    margin-top: -2.28125rem;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (aspect-ratio >= 16/9),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (aspect-ratio >= 16/9),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (aspect-ratio >= 16/9),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (aspect-ratio >= 16/9) {
  [bbc-layout='app'] {
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(--bbc-ref-h) * 100dvh, var(--bbc-fs-max));
  }
  [bbc-layout='app'] .bbc .wrap {
    width: min(177.7777777778dvh, var(--bbc-layout-max-width));
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (aspect-ratio >= 16/9) and (max-width: 1920px),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (aspect-ratio >= 16/9) and (max-width: 1920px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (aspect-ratio >= 16/9) and (max-width: 1920px),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (aspect-ratio >= 16/9) and (max-width: 1920px) {
  [bbc-layout='app'] .bbc .wrap {
    height: min(100dvh, 1440px);
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (aspect-ratio >= 16/9),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (aspect-ratio >= 16/9),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (aspect-ratio >= 16/9),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (aspect-ratio >= 16/9) {
  [bbc-layout='app'] .page:after {
    content: 'PC 가로 와이드';
    background-color: #db7093;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  [bbc-layout='app'] {
    --bbc-layout-max-width: 720px;
    --bbc-ref-w: 375;
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(bbc-ref-w) * 100vw, var(--bbc-fs-max));
  }
  [bbc-layout='app'] .bbc {
    min-height: 100dvh;
    max-height: 100dvh;
  }
  [bbc-layout='app'] .bbc .wrap .container {
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-left: 0;
    scrollbar-gutter: initial;
  }
  [bbc-layout='app'] .bbc .wrap .container .page {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  [bbc-layout='app'] .bbc {
    overflow-y: auto;
    height: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }
  [bbc-layout='app'] .bbc .wrap {
    min-height: 100dvh;
    height: auto;
    padding-top: 4rem;
  }
  [bbc-layout='app'] .bbc .wrap .container .page {
    padding: 1.5rem 0.9375rem;
  }
  [bbc-layout='app'] .bbc .wrap .container .page .page-head {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  [bbc-layout='app'] .bbc .wrap .container .page:after {
    content: '모바일 세로';
    background-color: #8a2be2;
  }
  [bbc-layout='app'] .bbc .wrap .container .page .content.is-shift-up + .footer {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-bottom: -1.5rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  [bbc-layout='app'] {
    --bbc-layout-max-width: 720px;
    --bbc-ref-w: 375;
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(bbc-ref-w) * 100vw, var(--bbc-fs-max));
  }
  [bbc-layout='app'] .bbc {
    min-height: 100dvh;
    max-height: 100dvh;
  }
  [bbc-layout='app'] .bbc .wrap .container {
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-left: 0;
    scrollbar-gutter: initial;
  }
  [bbc-layout='app'] .bbc .wrap .container .page {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  [bbc-layout='app'] .bbc {
    overflow-y: auto;
    height: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }
  [bbc-layout='app'] .bbc .wrap {
    min-height: 100dvh;
    height: auto;
    padding-top: 4rem;
  }
  [bbc-layout='app'] .bbc .wrap .container .page {
    padding: 1.5rem 0.9375rem;
  }
  [bbc-layout='app'] .bbc .wrap .container .page .page-head {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  [bbc-layout='app'] .bbc .wrap .container .page:after {
    content: '모바일 세로';
    background-color: #8a2be2;
  }
  [bbc-layout='app'] .bbc .wrap .container .page .content.is-shift-up + .footer {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-bottom: -1.5rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  [bbc-layout='app'] {
    --bbc-layout-max-width: 720px;
    --bbc-ref-w: 720;
    --bbc-ref-h: 1280;
    --bbc-fs-max: calc(var(--bbc-fs-base) * var(--bbc-layout-max-width) / var(--bbc-ref-w));
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(--bbc-ref-w) * 100vw, var(--bbc-fs-max));
  }
  [bbc-layout='app'] .bbc {
    position: fixed;
    inset: 0;
    overflow: hidden;
    place-items: center;
    height: 100dvh;
  }
  [bbc-layout='app'] .bbc .wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    transform: translate(-50%, -50%);
  }
  [bbc-layout='app'] .bbc .container {
    width: 100%;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }
  [bbc-layout='app'] .bbc .container .page {
    width: 100%;
    height: 100%;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) and (width <= 1920px) and (aspect-ratio < 9/16) {
  [bbc-layout='app'] .bbc .container .page {
    width: min(100%, 160dvh);
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  [bbc-layout='app'] .bbc {
    min-height: 100dvh;
    max-height: 100dvh;
  }
  [bbc-layout='app'] .bbc .wrap .container {
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-left: 0;
    scrollbar-gutter: initial;
  }
  [bbc-layout='app'] .bbc .wrap .container .page {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) and (aspect-ratio >= 9/16) {
  [bbc-layout='app'] {
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(--bbc-ref-h) * 100dvh, var(--bbc-fs-max));
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  [bbc-layout='app'] .bbc {
    position: fixed;
  }
  [bbc-layout='app'] .bbc .wrap {
    height: 100%;
    padding-top: 4rem;
  }
  [bbc-layout='app'] .bbc .wrap .container .page {
    padding: 1.5rem;
    aspect-ratio: 9/16;
  }
  [bbc-layout='app'] .bbc .wrap .container .page:after {
    content: 'PC 세로';
    background-color: #98fb98;
  }
  [bbc-layout='app'] .bbc .wrap .container .page .content {
    height: 100%;
  }
  [bbc-layout='app'] .bbc .wrap .container .page .content.is-shift-up {
    height: calc(100% - 4.25rem);
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  [bbc-layout='app'] .bbc .wrap .container .page .content.is-shift-up {
    height: calc(100% - 2.625rem);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  [bbc-layout='app'] {
    --bbc-layout-max-width: 720px;
    --bbc-ref-w: 375;
    font-size: clamp(var(--bbc-fs-min), var(--bbc-fs-base) / var(bbc-ref-w) * 100vw, var(--bbc-fs-max));
  }
  [bbc-layout='app'] .bbc {
    min-height: 100dvh;
    max-height: 100dvh;
  }
  [bbc-layout='app'] .bbc .wrap .container {
    overflow: hidden;
    width: 100%;
    height: auto;
    padding-left: 0;
    scrollbar-gutter: initial;
  }
  [bbc-layout='app'] .bbc .wrap .container .page {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
  [bbc-layout='app'] .bbc {
    overflow-y: auto;
    height: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-gutter: stable;
  }
  [bbc-layout='app'] .bbc .wrap {
    min-height: 100dvh;
    height: auto;
    padding-top: 4rem;
  }
  [bbc-layout='app'] .bbc .wrap .container .page {
    padding: 1.5rem 0.9375rem;
  }
  [bbc-layout='app'] .bbc .wrap .container .page .page-head {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  [bbc-layout='app'] .bbc .wrap .container .page:after {
    content: '모바일 세로';
    background-color: #8a2be2;
  }
  [bbc-layout='app'] .bbc .wrap .container .page .content.is-shift-up + .footer {
    width: auto;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    margin-bottom: -1.5rem;
  }
}
.header {
  position: absolute;
  inset: 0 0 0 auto;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  height: 4rem;
  border-bottom: 1px solid var(--bbc-color-border-secondary);
  background-color: var(--bbc-color-element-white);
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .header {
    width: 100%;
    height: 4rem;
    padding-left: 18.3125rem;
    padding-right: 3.9375rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0 0.625rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0 0.625rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0 1.125rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .header {
    position: fixed;
    top: 0;
    width: 100%;
    padding: 0 0.625rem;
  }
}
.header .header-actions {
  display: flex;
  align-items: center;
}
.header .header-actions.is-left {
  gap: 0.9375rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .header .header-actions.is-left {
    gap: 0.25rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .header .header-actions.is-left {
    gap: 0.25rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .header .header-actions.is-left {
    gap: 0.25rem;
  }
}
.header .header-actions.is-right {
  gap: 0.5rem;
  margin-left: auto;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .header .header-actions.is-right {
    gap: 0.25rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .header .header-actions.is-right {
    gap: 0.25rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .header .header-actions.is-right {
    gap: 0.25rem;
  }
}
.header .header-actions .student-search {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}
@media (max-width: 819px) {
  .header .header-actions .student-search {
    gap: 0.25rem;
    display: none;
  }
}
.header .menu-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .header .menu-btn {
    display: none;
  }
}
.header .menu-btn .icon-menu {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
}
.header .menu-btn .bar {
  stroke: var(--bbc-color-text-primary);
  stroke-width: 0.125rem;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  transform-box: fill-box;
  transform-origin: center;
  transition:
    transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.header .menu-btn.is-active .bar-top {
  transform: translateY(0.375rem) rotate(45deg) scaleX(1);
}
.header .menu-btn.is-active .bar-mid {
  opacity: 0;
}
.header .menu-btn.is-active .bar-bot {
  transform: translateY(-0.375rem) rotate(-45deg) scaleX(1);
}
.header .back-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: 2.5rem;
}
.header .back-btn .btn-label {
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-600);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .header .back-btn {
    width: 2.5rem;
  }
  .header .back-btn .btn-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .header .back-btn {
    width: 2.5rem;
  }
  .header .back-btn .btn-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .header .back-btn {
    width: 2.5rem;
  }
  .header .back-btn .btn-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
}
.header .notification-btn .badge {
  position: absolute;
  right: 0.5625rem;
  top: 0.5625rem;
}
.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 {
  display: flex;
  flex: 0 0 auto;
  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 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  padding: 0.625rem 3.9375rem;
  border-top: 1px solid var(--bbc-color-border-tertiary);
  background-color: var(--bbc-color-backgrounds-gray-03);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .footer {
    position: relative;
    margin-top: 1.5rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .footer {
    position: relative;
    margin-top: 1.5rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .footer {
    padding: 0.625rem 1.5rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .footer {
    position: relative;
    margin-top: 1.5rem;
  }
}
.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .footer-container {
    flex-direction: column;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .footer-container {
    flex-direction: column;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .footer-container {
    flex-direction: column;
  }
}
.footer-container .copyright {
  color: var(--bbc-color-text-disabled);
  font: var(--bbc-typo-body-4);
  font-weight: var(--bbc-font-weight-500);
}
.footer-container .footer-nav ul {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.footer-container .footer-nav ul li a {
  position: relative;
  color: var(--bbc-color-text-disabled);
  font: var(--bbc-typo-body-4);
  font-weight: var(--bbc-font-weight-500);
}
.footer-container .footer-nav ul li:first-child a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -0.5625rem;
  display: block;
  width: 1px;
  height: 0.75rem;
  background-color: var(--bbc-color-text-disabled);
  transform: translateY(-50%);
}
.lnb .lnb-head .skin-passportA {
  height: 19.3125rem;
  padding: 1.875rem 0.9375rem 2.875rem;
  margin-bottom: -1rem;
  background-color: var(--bbc-color-lnb-passportA-bg);
}
.lnb .lnb-head .skin-passportA .profile {
  border-radius: var(--bbc-border-radius-16);
  background-color: var(--bbc-color-lnb-passportA-card);
  color: var(--bbc-color-text-white);
}
.lnb .lnb-head .skin-passportA .profile:after,
.lnb .lnb-head .skin-passportA .profile:before {
  content: '';
  position: absolute;
  z-index: 0;
  display: block;
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
.lnb .lnb-head .skin-passportA .profile:before {
  top: 0.625rem;
  right: 0.625rem;
  width: 3.5rem;
  height: 3.125rem;
  background-image: url(../images/skin/passport_A/deco_stamp.svg);
  opacity: 0.5;
}
.lnb .lnb-head .skin-passportA .profile:after {
  bottom: -1.375rem;
  left: 1.9375rem;
  width: 7rem;
  height: 5.75rem;
  background-image: url(../images/skin/passport_A/deco_passport.svg);
}
.lnb .lnb-head .skin-passportA .profile-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 1.4375rem 1.25rem;
}
.lnb .lnb-head .skin-passportA .profile .name {
  width: 7.125rem;
  margin-bottom: 0.25rem;
  font-size: 1.5rem;
  font-weight: var(--bbc-font-weight-700);
  -webkit-line-clamp: 1 !important;
}
.lnb .lnb-head .skin-passportA .profile .account,
.lnb .lnb-head .skin-passportA .profile .name {
  display: block;
  word-break: break-all;
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  word-break: break-all !important;
}
.lnb .lnb-head .skin-passportA .profile .account {
  font-size: 0.9375rem;
  -webkit-line-clamp: 2 !important;
}
.lnb .lnb-head .skin-passportA .profile .info {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin-top: 0.875rem;
  padding-left: 0.625rem;
}
.lnb .lnb-head .skin-passportA .profile .info:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -0.0625rem;
  display: block;
  width: 0.125rem;
  height: calc(100% - 0.75rem);
  background-color: var(--bbc-color-backgrounds-base);
  transform: translateY(-50%);
}
.lnb .lnb-head .skin-passportA .profile .grade,
.lnb .lnb-head .skin-passportA .profile .school {
  display: block;
  font-size: 0.9375rem;
  font-weight: var(--bbc-font-weight-500);
  text-shadow:
    0 0 0.0625rem var(--bbc-color-text-brand-primary),
    0 0 0.0625rem var(--bbc-color-text-brand-primary);
  word-break: break-all;
}
.lnb .lnb-head .skin-passportA .profile .school {
  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;
}
.lnb .lnb-head .skin-passportA .profile .profile-avatar {
  position: absolute;
  right: -1.25rem;
  bottom: 0;
  width: 8.75rem;
  height: 7.5rem;
}
.lnb .lnb-head .skin-passportB {
  position: relative;
  min-height: 19.3125rem;
  margin-bottom: -1rem;
  background-color: var(--bbc-color-lnb-passportB-bg);
}
.lnb .lnb-head .skin-passportB:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.5rem;
  background-color: var(--bbc-color-lnb-passportB-topline);
}
.lnb .lnb-head .skin-passportB:after {
  content: '';
  position: absolute;
  top: 0.75rem;
  right: 0.375rem;
  width: 3.75rem;
  height: 3.75rem;
  background-image: url(../images/skin/passport_B/deco_plane.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.lnb .lnb-head .skin-passportB .profile-title {
  position: absolute;
  top: 1.4375rem;
  left: 50%;
  font: var(--bbc-typo-heading-4);
  color: var(--bbc-color-text-white);
  transform: translateX(-50%);
}
.lnb .lnb-head .skin-passportB .profile {
  padding: 4.0625rem 0.9375rem 2.25rem;
}
.lnb .lnb-head .skin-passportB .profile .profile-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.875rem 1.25rem;
  border-radius: var(--bbc-border-radius-16);
  background-color: var(--bbc-color-backgrounds-base);
}
.lnb .lnb-head .skin-passportB .profile .profile-inner .profile-avatar {
  position: relative;
  width: 5.625rem;
  height: 5.625rem;
  margin-bottom: 0.25rem;
  background-color: var(--bbc-color-lnb-passportB-avatar-bg);
  border-radius: var(--bbc-border-radius-circle);
  overflow: hidden;
}
.lnb .lnb-head .skin-passportB .profile .profile-inner .profile-avatar .avatar-inner {
  position: absolute;
  top: 0.25rem;
  left: 50%;
  width: 7.125rem;
  height: 6.125rem;
  transform: translateX(-50%);
}
.lnb .lnb-head .skin-passportB .profile .profile-inner .school {
  font: var(--bbc-typo-title-3);
  font-weight: var(--bbc-font-weight-500);
  margin-bottom: 0.0625rem;
}
.lnb .lnb-head .skin-passportB .profile .profile-inner .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 0.3125rem;
  padding-bottom: 0.5rem;
  text-align: center;
  margin-bottom: 0.5rem;
  border-bottom: 0.0625rem dashed var(--bbc-color-border-primary);
}
.lnb .lnb-head .skin-passportB .profile .profile-inner .info .grade {
  font: var(--bbc-typo-title-3);
  font-weight: var(--bbc-font-weight-600);
}
.lnb .lnb-head .skin-passportB .profile .profile-inner .info .grade,
.lnb .lnb-head .skin-passportB .profile .profile-inner .info .name {
  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;
}
.lnb .lnb-head .skin-passportB .profile .profile-inner .info .name {
  font: var(--bbc-typo-heading-6);
}
.lnb .lnb-head .skin-passportB .profile .profile-inner .account {
  font: var(--bbc-typo-label-3);
  font-weight: var(--bbc-font-weight-400);
  color: var(--bbc-color-text-tertiary);
  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;
}
.lnb .lnb-head .skin-travelA {
  position: relative;
  min-height: 19.875rem;
  margin-bottom: -1rem;
  background-color: var(--bbc-color-backgrounds-base);
}
.lnb .lnb-head .skin-travelA .profile-title {
  display: flex;
  flex-direction: column;
  padding: 0.78125rem 0.9375rem;
  background-color: var(--bbc-color-lnb-travelA-topbar);
  color: var(--bbc-color-text-white);
  background-image: url(../images/skin/travel_A/deco_map.svg);
  background-repeat: no-repeat;
  background-position: right -1.25rem bottom -1.625rem;
  background-size: 6.875rem auto;
}
.lnb .lnb-head .skin-travelA .profile-title .title {
  font: var(--bbc-typo-title-1);
}
.lnb .lnb-head .skin-travelA .profile-title .subtitle {
  font: var(--bbc-typo-label-3);
  font-weight: var(--bbc-font-weight-400);
  letter-spacing: 0.035rem;
}
.lnb .lnb-head .skin-travelA .profile {
  padding: 3.125rem 0.9375rem 1.75rem;
  background-color: var(--bbc-color-lnb-travelA-bg);
}
.lnb .lnb-head .skin-travelA .profile-inner {
  position: relative;
  background-color: var(--bbc-color-lnb-travelA-card);
  padding: 3.25rem 0.625rem 0.625rem;
  border-radius: var(--bbc-border-radius-12);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
}
.lnb .lnb-head .skin-travelA .profile-inner .profile-avatar {
  position: absolute;
  top: -2.8125rem;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
}
.lnb .lnb-head .skin-travelA .profile-inner .profile-avatar:after,
.lnb .lnb-head .skin-travelA .profile-inner .profile-avatar:before {
  content: '';
  position: absolute;
  width: 3.75rem;
  height: 3.75rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.lnb .lnb-head .skin-travelA .profile-inner .profile-avatar:before {
  top: 1.3125rem;
  left: 0.6875rem;
  background-image: url(../images/skin/travel_A/deco_book.svg);
}
.lnb .lnb-head .skin-travelA .profile-inner .profile-avatar:after {
  top: 3.0625rem;
  right: 0.3125rem;
  background-image: url(../images/skin/travel_A/deco_earth.svg);
}
.lnb .lnb-head .skin-travelA .profile-inner .profile-avatar .avatar-inner {
  position: absolute;
  top: 0;
  left: 50%;
  width: 8.75rem;
  height: 7.5rem;
  transform: translateX(-50%);
  z-index: 1;
}
.lnb .lnb-head .skin-travelA .profile-inner .info-wrap {
  position: relative;
  z-index: 1;
  background-color: var(--bbc-color-backgrounds-base);
  padding: 0.8125rem 0.625rem 0.75rem;
  border-radius: var(--bbc-border-radius-8);
  text-align: center;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
}
.lnb .lnb-head .skin-travelA .profile-inner .info-wrap .school {
  font: var(--bbc-typo-title-3);
  font-weight: var(--bbc-font-weight-500);
  margin-bottom: 0.0625rem;
}
.lnb .lnb-head .skin-travelA .profile-inner .info-wrap .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 0.3125rem;
  padding-bottom: 0.5rem;
  text-align: center;
  margin-bottom: 0.5rem;
  border-bottom: 0.0625rem dashed var(--bbc-color-border-primary);
}
.lnb .lnb-head .skin-travelA .profile-inner .info-wrap .info .grade {
  font: var(--bbc-typo-title-3);
  font-weight: var(--bbc-font-weight-600);
}
.lnb .lnb-head .skin-travelA .profile-inner .info-wrap .info .grade,
.lnb .lnb-head .skin-travelA .profile-inner .info-wrap .info .name {
  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;
}
.lnb .lnb-head .skin-travelA .profile-inner .info-wrap .info .name {
  font: var(--bbc-typo-heading-6);
}
.lnb .lnb-head .skin-travelA .profile-inner .info-wrap .account {
  font: var(--bbc-typo-label-3);
  font-weight: var(--bbc-font-weight-400);
  color: var(--bbc-color-text-tertiary);
  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;
}
.lnb .lnb-head .skin-travelB {
  position: relative;
  min-height: 18.75rem;
  margin-bottom: -1rem;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.lnb [bbc-theme='blue'] .lnb-head .skin-travelB,
[bbc-theme='blue'] .lnb .lnb-head .skin-travelB {
  background-image: url(../images/skin/travel_B/bg_theme_blue.svg);
}
.lnb [bbc-theme='orange'] .lnb-head .skin-travelB,
[bbc-theme='orange'] .lnb .lnb-head .skin-travelB {
  background-image: url(../images/skin/travel_B/bg_theme_orange.svg);
}
.lnb [bbc-theme='green'] .lnb-head .skin-travelB,
[bbc-theme='green'] .lnb .lnb-head .skin-travelB {
  background-image: url(../images/skin/travel_B/bg_theme_green.svg);
}
.lnb .lnb-head .skin-travelB .profile {
  position: relative;
  padding: 1.375rem 0.9375rem 2.25rem;
}
.lnb .lnb-head .skin-travelB .profile .school {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 0.875rem;
  gap: 0.25rem;
  font: var(--bbc-typo-title-2);
  word-break: break-all;
}
.lnb .lnb-head .skin-travelB .profile .school:before {
  flex: 0 0 auto;
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../images/skin/travel_B/icon_flag.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.lnb .lnb-head .skin-travelB .profile .profile-inner .profile-avatar {
  display: flex;
  justify-content: center;
  margin-bottom: -0.5rem;
}
.lnb .lnb-head .skin-travelB .profile .profile-inner .profile-avatar .avatar-inner {
  width: 8.75rem;
  height: 7.5rem;
}
.lnb .lnb-head .skin-travelB .profile .profile-inner .info-wrap {
  position: relative;
  text-align: center;
  width: 12.5rem;
  min-height: 5.75rem;
  padding: 1.125rem 0.9375rem;
  border-radius: var(--bbc-border-radius-12);
  border: 0.1875rem solid var(--bbc-color-lnb-travelB-border);
  background-color: var(--bbc-color-backgrounds-base);
}
.lnb .lnb-head .skin-travelB .profile .profile-inner .info-wrap .info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 0.3125rem;
  text-align: center;
}
.lnb .lnb-head .skin-travelB .profile .profile-inner .info-wrap .info .grade {
  font: var(--bbc-typo-title-3);
  font-weight: var(--bbc-font-weight-600);
}
.lnb .lnb-head .skin-travelB .profile .profile-inner .info-wrap .info .grade,
.lnb .lnb-head .skin-travelB .profile .profile-inner .info-wrap .info .name {
  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;
}
.lnb .lnb-head .skin-travelB .profile .profile-inner .info-wrap .info .name {
  font: var(--bbc-typo-heading-6);
}
.lnb .lnb-head .skin-travelB .profile .profile-inner .info-wrap .account {
  font: var(--bbc-typo-label-3);
  font-weight: var(--bbc-font-weight-400);
  color: var(--bbc-color-text-tertiary);
  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;
}
.lnb .lnb-head .skin-travelB .profile .profile-inner .info-wrap .deco-screw .screw {
  position: absolute;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: var(--bbc-border-radius-7);
  border: 0.125rem solid var(--bbc-color-lnb-travelB-border2);
}
.lnb .lnb-head .skin-travelB .profile .profile-inner .info-wrap .deco-screw .screw.top-left {
  top: 0.625rem;
  left: 0.625rem;
}
.lnb .lnb-head .skin-travelB .profile .profile-inner .info-wrap .deco-screw .screw.top-right {
  top: 0.625rem;
  right: 0.625rem;
}
.lnb .lnb-head .skin-travelB .profile .profile-inner .info-wrap .deco-screw .screw.bottom-left {
  bottom: 0.625rem;
  left: 0.625rem;
}
.lnb .lnb-head .skin-travelB .profile .profile-inner .info-wrap .deco-screw .screw.bottom-right {
  bottom: 0.625rem;
  right: 0.625rem;
}
.lnb {
  position: absolute;
  left: 0;
  z-index: 200;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 14.375rem;
  height: 100%;
  color: var(--bbc-color-text-primary);
  transition: translate 0.3s;
  -webkit-overflow-scrolling: touch;
  box-shadow: var(--bbc-color-shadow-2);
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .lnb:has(.skin-travelA) {
    overflow: hidden;
    border-top-right-radius: var(--bbc-border-radius-16);
    border-bottom-right-radius: var(--bbc-border-radius-16);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .lnb {
    top: 0;
    height: 100dvh;
    translate: -101% 0;
  }
  .lnb.is-open {
    translate: 0 0;
  }
  .lnb.is-open .close-btn-m {
    display: flex;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .lnb {
    top: 0;
    height: 100dvh;
    translate: -101% 0;
  }
  .lnb.is-open {
    translate: 0 0;
  }
  .lnb.is-open .close-btn-m {
    display: flex;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .lnb {
    top: 4rem;
    height: calc(100% - 4rem);
    translate: -101% 0;
  }
  .lnb.is-open {
    translate: 0 0;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .lnb {
    top: 0;
    height: 100dvh;
    translate: -101% 0;
  }
  .lnb.is-open {
    translate: 0 0;
  }
  .lnb.is-open .close-btn-m {
    display: flex;
  }
}
.lnb .close-btn-m {
  display: none;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .lnb .close-btn-m {
    position: absolute;
    justify-content: center;
    align-items: center;
    top: 0.9375rem;
    left: 15.3125rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--bbc-border-radius-circle);
    border: 1px solid var(--bbc-color-border-secondary);
    background-color: var(--bbc-color-backgrounds-base);
    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);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (hover: hover) and (pointer: fine),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (hover: hover) and (pointer: fine) {
  .lnb .close-btn-m:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.99);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (hover: none) and (pointer: coarse),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (hover: none) and (pointer: coarse) {
  .lnb .close-btn-m:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.99);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .lnb .close-btn-m {
    position: absolute;
    justify-content: center;
    align-items: center;
    top: 0.9375rem;
    left: 15.3125rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--bbc-border-radius-circle);
    border: 1px solid var(--bbc-color-border-secondary);
    background-color: var(--bbc-color-backgrounds-base);
    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);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (hover: hover) and (pointer: fine),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (hover: hover) and (pointer: fine) {
  .lnb .close-btn-m:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.99);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (hover: none) and (pointer: coarse),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (hover: none) and (pointer: coarse) {
  .lnb .close-btn-m:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.99);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .lnb .close-btn-m {
    position: absolute;
    justify-content: center;
    align-items: center;
    top: 0.9375rem;
    left: 15.3125rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--bbc-border-radius-circle);
    border: 1px solid var(--bbc-color-border-secondary);
    background-color: var(--bbc-color-backgrounds-base);
    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);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16) and (hover: hover) and (pointer: fine),
  screen and (orientation: portrait) and (width < 720px) and (hover: hover) and (pointer: fine) {
  .lnb .close-btn-m:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.99);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16) and (hover: none) and (pointer: coarse),
  screen and (orientation: portrait) and (width < 720px) and (hover: none) and (pointer: coarse) {
  .lnb .close-btn-m:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.99);
  }
}
.lnb .lnb-head {
  flex: 0 0 auto;
  overflow: hidden;
}
.lnb .lnb-head .profile {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.lnb .lnb-body {
  flex: 1 1 auto;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  position: relative;
  gap: 1.125rem;
  padding: 0.9375rem;
  border-radius: var(--bbc-border-radius-16) var(--bbc-border-radius-16) 0 0;
  background: var(--bbc-color-element-white);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: portrait),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: portrait) {
  .lnb .lnb-body {
    top: 0;
    height: 100dvh;
  }
  .lnb .lnb-body.is-locked .menu {
    overflow-y: hidden;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape) {
  .lnb .lnb-body {
    flex: 1 1 auto;
    display: flex;
    gap: 0.9375rem;
    width: 100%;
    padding: 1.875rem 0.9375rem;
    border-radius: var(--bbc-border-radius-16);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: portrait),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: portrait) {
  .lnb .lnb-body {
    top: 0;
    height: 100dvh;
  }
  .lnb .lnb-body.is-locked .menu {
    overflow-y: hidden;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape) {
  .lnb .lnb-body {
    flex: 1 1 auto;
    display: flex;
    gap: 0.9375rem;
    width: 100%;
    padding: 1.875rem 0.9375rem;
    border-radius: var(--bbc-border-radius-16);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16) and (orientation: portrait), screen and (orientation: portrait) and (width < 720px) and (orientation: portrait) {
  .lnb .lnb-body {
    top: 0;
    height: 100dvh;
  }
  .lnb .lnb-body.is-locked .menu {
    overflow-y: hidden;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16) and (orientation: landscape), screen and (orientation: portrait) and (width < 720px) and (orientation: landscape) {
  .lnb .lnb-body {
    flex: 1 1 auto;
    display: flex;
    gap: 0.9375rem;
    width: 100%;
    padding: 1.875rem 0.9375rem;
    border-radius: var(--bbc-border-radius-16);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: portrait),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: portrait) {
  .lnb .lnb-body .btn-set {
    flex: 0 0 auto;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: portrait),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: portrait) {
  .lnb .lnb-body .btn-set {
    flex: 0 0 auto;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16) and (orientation: portrait), screen and (orientation: portrait) and (width < 720px) and (orientation: portrait) {
  .lnb .lnb-body .btn-set {
    flex: 0 0 auto;
  }
}
.lnb .lnb-body .btn-set .btn {
  width: 100%;
}
.lnb .lnb-body .js-scroll-container {
  overflow: hidden;
}
.lnb .lnb-body .menu {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: portrait),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: portrait) {
  .lnb .lnb-body .menu {
    overflow-y: auto;
    flex: 1 1 auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape) {
  .lnb .lnb-body .menu {
    display: grid;
    flex-direction: row;
    gap: 0.625rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: portrait),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: portrait) {
  .lnb .lnb-body .menu {
    overflow-y: auto;
    flex: 1 1 auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape) {
  .lnb .lnb-body .menu {
    display: grid;
    flex-direction: row;
    gap: 0.625rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16) and (orientation: portrait), screen and (orientation: portrait) and (width < 720px) and (orientation: portrait) {
  .lnb .lnb-body .menu {
    overflow-y: auto;
    flex: 1 1 auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16) and (orientation: landscape), screen and (orientation: portrait) and (width < 720px) and (orientation: landscape) {
  .lnb .lnb-body .menu {
    display: grid;
    flex-direction: row;
    gap: 0.625rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.lnb .lnb-body .menu-item {
  width: 100%;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape) {
  .lnb .lnb-body .menu-item {
    width: 100%;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape) {
  .lnb .lnb-body .menu-item {
    width: 100%;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16) and (orientation: landscape), screen and (orientation: portrait) and (width < 720px) and (orientation: landscape) {
  .lnb .lnb-body .menu-item {
    width: 100%;
  }
}
.lnb .lnb-body .menu-item.is-current .item-label {
  font-weight: var(--bbc-font-weight-600);
}
.lnb .lnb-body .menu-item a,
.lnb .lnb-body .menu-item button {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.1875rem 0.625rem;
  width: 100%;
  transition:
    transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--bbc-border-radius-8);
  border: 1px solid transparent;
  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);
}
@media (hover: hover) and (pointer: fine) {
  .lnb .lnb-body .menu-item a:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']),
  .lnb .lnb-body .menu-item button:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.97);
  }
}
@media (hover: none) and (pointer: coarse) {
  .lnb .lnb-body .menu-item a:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']),
  .lnb .lnb-body .menu-item button:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.97);
  }
}
.lnb .lnb-body .menu-item .icon {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--bbc-border-radius-12);
}
.lnb .lnb-body .menu-item .icon.icon-ext-firstpage {
  background-color: var(--bbc-color-icon-bg-red);
}
.lnb .lnb-body .menu-item .icon.icon-ext-homework {
  background-color: var(--bbc-color-icon-bg-cream);
}
.lnb .lnb-body .menu-item .icon.icon-ext-trip {
  background-color: var(--bbc-color-icon-bg-light-green);
}
.lnb .lnb-body .menu-item .icon.icon-ext-talk {
  background-color: var(--bbc-color-icon-bg-purple);
}
.lnb .lnb-body .menu-item .icon.icon-ext-growthlog {
  background-color: #ebf6ff;
}
.lnb .lnb-body .menu-item .icon.icon-ext-profile {
  background-color: var(--bbc-color-icon-bg-red);
}
.lnb .lnb-body .menu-item .item-label {
  font-size: var(--bbc-typo-label-1);
  font-weight: var(--bbc-font-weight-400);
}
.lnb .lnb-body .lnb-overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 7.5rem 1.25rem 1.25rem;
  z-index: 1;
  user-select: none;
}
.lnb .lnb-body .lnb-overlay:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bbc-color-overlay-white-90);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-radius: var(--bbc-border-radius-16) var(--bbc-border-radius-16) 0 0;
  z-index: -1;
}
.lnb .lnb-body .lnb-overlay .icon {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: var(--bbc-border-radius-12);
}
.lnb .lnb-body .lnb-overlay .icon-ext-lock {
  background-color: var(--bbc-color-icon-bg-yellow);
}
.lnb .lnb-body .lnb-overlay .icon.js-ani-shake {
  animation: shake-blur 0.4s ease-in-out;
}
@keyframes shake-blur {
  0% {
    transform: translateX(0);
    filter: blur(0);
  }
  20% {
    transform: translateX(-4px);
    filter: blur(1px);
  }
  40% {
    transform: translateX(4px);
    filter: blur(1px);
  }
  60% {
    transform: translateX(-3px);
    filter: blur(0.5px);
  }
  80% {
    transform: translateX(3px);
    filter: blur(0.5px);
  }
  to {
    transform: translateX(0);
    filter: blur(0);
  }
}
.lnb .lnb-body .lnb-overlay-text {
  text-align: center;
}
.lnb .lnb-body .lnb-overlay-text .title {
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-600);
}
.lnb .lnb-body .lnb-overlay-text .desc {
  margin-top: 0.125rem;
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-500);
}
.lnb .lnb-body.is-locked {
  overflow: hidden;
}
.lnb-backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.25s ease;
  opacity: 0;
  pointer-events: none;
}
.lnb-backdrop.is-show {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .lnb-backdrop {
    z-index: 110;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .lnb-backdrop {
    z-index: 110;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .lnb-backdrop {
    z-index: 110;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lnb-backdrop {
    transition: none !important;
  }
}
/*! ============================================================================
 * Floating Theme & Skin Popover (Dev QA)
 * - CSS 변수 제거 → SCSS 변수로 통일
 * - Theme / Skin 옵션 공통 버튼 스타일 %option-btn 로 구성
 * ========================================================================== */
.floating-theme-menu .skin-option,
.floating-theme-menu .theme-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 2.5rem;
  padding: 0 0.75rem;
  -webkit-appearance: none;
  appearance: none;
  white-space: nowrap;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 0.75rem;
  border: 0.0625rem solid #e6e8eb;
  background: #fbfcfd;
  color: #0f172a;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    transform 0.12s ease,
    box-shadow 0.12s ease,
    border-color 0.12s ease,
    background 0.12s ease;
}
.floating-theme-menu .skin-option:before,
.floating-theme-menu .theme-option:before {
  content: '';
  flex: 0 0 auto;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: currentColor;
  box-shadow: inset 0 0 0 0.125rem #fff;
}
.floating-theme-menu .skin-option:hover,
.floating-theme-menu .theme-option:hover {
  transform: translateY(-0.0625rem);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
  background: #fff;
  border-color: #dfe3e7;
}
.floating-theme-menu .skin-option:active,
.floating-theme-menu .theme-option:active {
  transform: translateY(0);
  box-shadow: none;
  background: #f7f9fb;
  border-color: #d5dbe1;
}
.floating-theme-menu .is-active.skin-option,
.floating-theme-menu .is-active.theme-option {
  border-color: rgba(49, 130, 246, 0.55);
  box-shadow: 0 0 0 0.1875rem rgba(49, 130, 246, 0.16);
  background: linear-gradient(180deg, #f5f9ff, #eef5ff);
  color: #3182f6;
}
.floating-theme-menu .is-compact.skin-option,
.floating-theme-menu .is-compact.theme-option {
  padding: 0 0.875rem;
}
.floating-theme-menu .is-compact.skin-option:before,
.floating-theme-menu .is-compact.theme-option:before {
  display: none;
}
.floating-theme-menu {
  position: fixed;
  bottom: 1.25rem;
  right: 1.25rem;
  z-index: 9999;
}
.floating-theme-menu .floating-toggle {
  min-width: 3.5rem;
  height: 3rem;
  padding: 0 0.875rem;
  border: 0.0625rem solid #e6e8eb;
  border-radius: 624.9375rem;
  background: linear-gradient(180deg, #fff, #fafafb);
  color: #0f172a;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  cursor: pointer;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
  transition:
    transform 0.14s ease,
    box-shadow 0.14s ease,
    border-color 0.14s ease,
    background 0.14s ease;
}
.floating-theme-menu .floating-toggle:hover {
  transform: translateY(-0.0625rem);
  box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.14);
  border-color: #d7dbe0;
  background: linear-gradient(180deg, #fff, #f6f7f9);
}
.floating-theme-menu .floating-toggle:active {
  transform: translateY(0);
  background: linear-gradient(180deg, #f6f8ff, #eef2ff);
  border-color: #cfd6df;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
}
.floating-theme-menu.is-open .floating-theme-menu .floating-toggle {
  border-color: rgba(49, 130, 246, 0.45);
  box-shadow:
    0 0 0 0.1875rem rgba(49, 130, 246, 0.16),
    0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
  background: linear-gradient(180deg, #f8fbff, #eef5ff);
  color: #0b61f6;
}
.floating-theme-menu .theme-popover {
  position: absolute;
  bottom: 3.625rem;
  right: 0;
  display: none;
}
.floating-theme-menu.is-open .theme-popover {
  display: block;
}
.floating-theme-menu .theme-popover__inner {
  background: hsla(0, 0%, 100%, 0.8);
  backdrop-filter: blur(0.625rem);
  -webkit-backdrop-filter: blur(0.625rem);
  border: 0.0625rem solid #e6e8eb;
  border-radius: 0.875rem;
  box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.14);
  padding: 0.875rem;
  min-width: 18.75rem;
  transform-origin: bottom right;
  animation: theme-popover-in 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
  position: relative;
}
.floating-theme-menu .theme-popover__inner:after {
  content: '';
  position: absolute;
  right: 1.125rem;
  bottom: -0.4375rem;
  width: 0.875rem;
  height: 0.875rem;
  background: hsla(0, 0%, 100%, 0.8);
  border: 0.0625rem solid #e6e8eb;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
  box-shadow: 0.125rem 0.125rem 0.5rem rgba(0, 0, 0, 0.06);
  backdrop-filter: inherit;
  -webkit-backdrop-filter: inherit;
}
@keyframes theme-popover-in {
  0% {
    opacity: 0;
    transform: translateY(0.25rem) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.floating-theme-menu .theme-divider {
  display: block;
  width: 100%;
  height: 0.0625rem;
  margin: 0.75rem 0;
  background: #e6e8eb;
  border: 0;
}
.floating-theme-menu .theme-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  align-items: start;
}
.floating-theme-menu .skin-options {
  margin-top: 0.25rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(5.5rem, 1fr));
  gap: 0.625rem;
  align-items: start;
}
.floating-theme-menu .theme-option[data-theme='blue'] {
  color: #3182f6;
}
.floating-theme-menu .theme-option[data-theme='orange'] {
  color: #ff6b00;
}
.floating-theme-menu .theme-option[data-theme='green'] {
  color: #16a34a;
}
.floating-theme-menu.is-drop-down .theme-popover {
  top: 3.625rem;
  bottom: auto;
}
.floating-theme-menu.is-drop-down .theme-popover__inner {
  transform-origin: top right;
}
.floating-theme-menu.is-drop-down .theme-popover__inner:after {
  bottom: auto;
  top: -0.4375rem;
}
.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;
  font-size: 14px;
}
.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 {
  border-radius: 4px;
  transition: background-color 0.3s;
  cursor: pointer;
}
.dev-panel .panel-content .tree li.item {
  display: flex;
  align-items: center;
  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 {
  padding: 8px 12px;
  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 {
  width: 100%;
  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 {
  padding: 10px 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;
}
.bbc.login {
  position: relative;
  height: 100%;
  background-color: var(--bbc-color-backgrounds-secondary);
}
.bbc.login .content {
  padding: 3.75rem;
}
.bbc.login .login-section.content {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  padding: 1.25rem;
  border-radius: 1.875rem;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  animation: fade-in-up 0.5s 0.2s forwards;
  opacity: 0;
  aspect-ratio: 10/6;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.login .login-section.content {
    aspect-ratio: 10/6;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.login .login-section.content {
    flex-direction: column;
    justify-content: center;
    gap: 2.5rem;
    height: auto;
    padding: 3.75rem 1.875rem;
    aspect-ratio: initial;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.login .login-section.content {
    flex-direction: column;
    justify-content: center;
    gap: 2.5rem;
    height: auto;
    padding: 3.75rem 1.875rem;
    aspect-ratio: initial;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.login .login-section.content {
    flex-direction: column;
    justify-content: center;
    gap: 2.5rem;
    height: 100%;
    padding: 1.875rem 1.875rem 3.125rem;
    aspect-ratio: initial;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.login .login-section.content {
    flex-direction: column;
    justify-content: center;
    gap: 2.5rem;
    height: auto;
    padding: 3.75rem 1.875rem;
    aspect-ratio: initial;
  }
}
.bbc.login .login-section.content .login-form {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  max-width: 32.875rem;
  padding: 0 2.5rem;
}
@media (max-width: 1300px) {
  .bbc.login .login-section.content .login-form {
    padding: 0 1.875rem;
  }
}
.bbc.login .login-section.content .login-form .form-head {
  margin-bottom: 2.5rem;
  text-align: center;
}
.bbc.login .login-section.content .login-form .form-head .title {
  color: #2d2d2d;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
}
.bbc.login .login-section.content .login-form .form-body {
  margin-bottom: 2.5rem;
}
.bbc.login .login-section.content .login-form .form-body .input {
  height: 4.375rem;
  border: none;
  border-radius: 0.75rem;
  background: #f5f5f5;
}
.bbc.login .login-section.content .login-form .form-body .input input {
  padding: 1.1875rem 16px;
  font-size: 1.3125rem;
}
.bbc.login .login-section.content .login-form .form-body .input input:-ms-input-placeholder {
  color: #8e8e8e;
  font: inherit;
  font-weight: inherit;
}
.bbc.login .login-section.content .login-form .form-body .input input::-ms-input-placeholder {
  color: #8e8e8e;
  font: inherit;
  font-weight: inherit;
}
.bbc.login .login-section.content .login-form .form-body .input input:-moz-placeholder,
.bbc.login .login-section.content .login-form .form-body .input input::-moz-placeholder {
  color: #8e8e8e;
  font: inherit;
  font-weight: inherit;
}
.bbc.login .login-section.content .login-form .form-body .input input::-webkit-input-placeholder {
  color: #8e8e8e;
  font: inherit;
  font-weight: inherit;
}
.bbc.login .login-section.content .login-form .form-body .input input::placeholder {
  color: #8e8e8e;
  font: inherit;
  font-weight: inherit;
}
.bbc.login .login-section.content .login-form .form-body .input.input-adorned-end {
  gap: 0.5rem;
  padding-right: 0.625rem;
}
.bbc.login .login-section.content .login-form .form-body .input.input-adorned-end .icon-btn {
  width: 3.25rem;
  height: 100%;
  background-color: transparent;
}
.bbc.login .login-section.content .login-form .form-body .input.input-adorned-end .icon-btn .icon {
  transition: background-image 0.1s linear;
}
.bbc.login .login-section.content .login-form .form-body .input.input-adorned-end .icon-btn .icon:before {
  content: '';
  display: block;
}
.bbc.login .login-section.content .login-form .form-body .input.input-adorned-end .icon-btn .icon-visibility-on:before {
  background-image: url(../images/login/visibility.svg);
}
.bbc.login .login-section.content .login-form .form-body .input.input-adorned-end .icon-btn .icon-visibility-off:before {
  background-image: url(../images/login/visibility_off.svg);
}
.bbc.login .login-section.content .login-form .form-foot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}
.bbc.login .login-section.content .login-form .form-foot .btn {
  width: 100%;
  height: 4.375rem;
  font-size: 1.3125rem;
  font-weight: var(--bbc-font-weight-500);
}
.bbc.login .login-section.content .login-form .form-foot .text-btn {
  display: inline-flex;
  align-items: center;
  margin-top: 1.25rem;
  color: #717171;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}
.bbc.login .login-section.content .login-form .fieldset {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.bbc.login .login-section.content .login-form .field {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.bbc.login .login-section.content .login-form .field .field-title {
  font-size: 1.3125rem;
  font-weight: 500;
  line-height: 1.5;
}
.bbc.login .login-section.content .login-visual {
  position: relative;
  display: flex;
  overflow: hidden;
  flex: 0 1 auto;
  align-items: flex-end;
  width: 28.375rem;
  height: 100%;
  border-radius: 1.25rem;
  background: linear-gradient(20deg, #bce5ff 11.04%, #bdd5ff 94%);
}
.bbc.login .login-section.content .login-visual [class^='visual-float-'] {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: center center;
  pointer-events: none;
  will-change: transform;
  user-select: none;
}
.bbc.login .login-section.content .login-visual [class^='visual-float-'] .float-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: center center;
  will-change: transform;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.login .login-section.content .login-visual.is-vertical {
    display: none;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.login .login-section.content .login-visual.is-vertical {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    border-radius: 0;
    background: none;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.login .login-section.content .login-visual.is-vertical {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    border-radius: 0;
    background: none;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.login .login-section.content .login-visual.is-vertical {
    display: flex;
    width: 100%;
    max-width: none;
    height: 30.75rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.login .login-section.content .login-visual.is-vertical {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    border-radius: 0;
    background: none;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.login .login-section.content .login-visual.is-horizontal {
    display: none;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.login .login-section.content .login-visual.is-horizontal {
    display: none;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.login .login-section.content .login-visual.is-horizontal {
    display: none;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.login .login-section.content .login-visual.is-horizontal {
    display: none;
  }
}
.bbc.login .login-section.content .login-visual .visual-float {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/login/img_illust.png);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateX(-50%);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.login .login-section.content .login-visual .visual-float {
    display: none;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.login .login-section.content .login-visual .visual-float {
    display: none;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.login .login-section.content .login-visual .visual-float {
    background-image: url(../images/login/img_illust_m.png);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.login .login-section.content .login-visual .visual-float {
    display: none;
  }
}
.bbc.login .login-section.content .login-visual .visual-logo {
  position: absolute;
  top: 2.6875rem;
  z-index: 1;
  width: 100%;
  text-align: center;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.login .login-section.content .login-visual .visual-logo {
    position: static;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.login .login-section.content .login-visual .visual-logo {
    position: static;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.login .login-section.content .login-visual .visual-logo {
    position: static;
  }
}
.bbc.login .login-section.content .login-visual .visual-logo img {
  height: 2.875rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.login .login-section.content .login-form {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    padding: 0;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.login .login-section.content .login-form {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    padding: 0;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.login .login-section.content .login-form {
    width: 100%;
    max-width: none;
    padding: 0;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.login .login-section.content .login-form {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: none;
    padding: 0;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.login .login-section.content .login-form .form-head {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.login .login-section.content .login-form .form-head {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.login .login-section.content .login-form .form-head {
    margin-bottom: 1.875rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.login .login-section.content .login-form .form-head {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.login .login-section.content .login-form .form-head .logo {
    display: none;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.login .login-section.content .login-form .form-head .logo {
    display: block;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.login .login-section.content .login-form .form-head .title {
    font-size: 1.625rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.login .login-section.content .login-form .form-head .title {
    font-size: 1.625rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.login .login-section.content .login-form .form-head .title {
    font-size: 1.625rem;
  }
}
.bbc.login .login-section.content .login-form .form-body {
  width: 100%;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.login .login-section.content .login-form .form-body .fieldset {
    gap: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.login .login-section.content .login-form .form-body .fieldset {
    gap: 1.875rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.login .login-section.content .login-form .form-body .fieldset {
    gap: 1.875rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.login .login-section.content .login-form .form-body .fieldset {
    gap: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.login .login-section.content .login-form .form-body .input {
    height: 3.75rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.login .login-section.content .login-form .form-body .input {
    height: 3.75rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.login .login-section.content .login-form .form-body .input {
    height: 3.75rem;
  }
}
.bbc.login .login-section.content .login-form .form-body .input input {
  font: var(--bbc-typo-heading-4);
  font-weight: var(--bbc-font-weight-500);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.login .login-section.content .login-form .form-body .input input {
    font-size: 16px;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.login .login-section.content .login-form .form-body .input input {
    font-size: 16px;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.login .login-section.content .login-form .form-body .input input {
    font-size: 16px;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.login .login-section.content .login-form .form-foot {
    width: 100%;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.login .login-section.content .login-form .form-foot {
    width: 100%;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.login .login-section.content .login-form .form-foot {
    width: 100%;
  }
}
.bbc.login .login-section.content .login-form .form-foot .btn {
  border-radius: 0.75rem;
}
@keyframes fade-in-up {
  0% {
    transform: translateY(1.25rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes float-wiggle {
  0% {
    transform: translate(0) rotate(0deg);
  }
  25% {
    transform: translate(var(--wiggleX), var(--wiggleY)) rotate(var(--rotate1));
  }
  50% {
    transform: translate(calc(var(--wiggleX) * -1), calc(var(--wiggleY) * -1)) rotate(var(--rotate2));
  }
  75% {
    transform: translate(var(--wiggleX), var(--wiggleY)) rotate(var(--rotate1));
  }
  to {
    transform: translate(0) rotate(0deg);
  }
}
@keyframes float-wiggle2 {
  0% {
    transform: translate(0) rotate(0deg) scale(1);
  }
  25% {
    transform: translate(var(--wiggleX), var(--wiggleY)) rotate(var(--rotate1)) scale(0.95);
  }
  50% {
    transform: translate(0) rotate(0deg) scale(1);
  }
  75% {
    transform: translate(calc(var(--wiggleX) * -1), calc(var(--wiggleY) * -1)) rotate(var(--rotate2)) scale(0.95);
  }
  to {
    transform: translate(0) rotate(0deg) scale(1);
  }
}
@keyframes fade-up {
  0% {
    transform: translateY(10px) scale(0.96);
    opacity: 0;
  }
  60% {
    transform: translateY(-2px) scale(1.02);
  }
  to {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
.bbc.login .visual-float > * {
  transition: transform 0.1s ease-out;
  animation: fade-up 1s 0.2s forwards;
  opacity: 0;
  will-change: transform;
}
.bbc.login .visual-float > * > .float-inner {
  animation-name: float-wiggle;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.bbc.login .visual-float-bubble1 .float-inner {
  --wiggleX: rem(8px);
  --wiggleY: rem(12px);
  --rotate1: rem(1deg);
  --rotate2: -1.5deg;
  animation-duration: 4.2s;
  animation-delay: 0s;
}
.bbc.login .visual-float-bubble2 .float-inner {
  --wiggleX: rem(-6px);
  --wiggleY: rem(10px);
  --rotate1: rem(2deg);
  --rotate2: -2deg;
  animation-name: float-wiggle2;
  animation-duration: 5s;
  animation-delay: 0.8s;
}
.bbc.login .visual-float-bubble3 .float-inner {
  --wiggleX: rem(4px);
  --wiggleY: rem(-8px);
  --rotate1: 1.5deg;
  --rotate2: -1deg;
  animation-duration: 4.5s;
  animation-delay: 0.4s;
}
.bbc.login .visual-float-bubble4 .float-inner {
  --wiggleX: rem(-4px);
  --wiggleY: rem(6px);
  --rotate1: rem(1deg);
  --rotate2: -1deg;
  animation-duration: 6s;
  animation-delay: 1.2s;
}
.bbc.login .visual-float-bubble5 .float-inner {
  --wiggleX: rem(8px);
  --wiggleY: rem(12px);
  --rotate1: 1deg;
  --rotate2: -1.5deg;
  animation-name: float-wiggle2;
  animation-duration: 4.2s;
  animation-delay: 0s;
}
.bbc.login .visual-float-obj1 .float-inner {
  --wiggleX: rem(-8px);
  --wiggleY: rem(5px);
  --rotate1: 3deg;
  --rotate2: -3deg;
  animation-name: float-wiggle2;
  animation-duration: 5s;
  animation-delay: 0.8s;
}
.bbc.login .visual-float-obj2 .float-inner {
  --wiggleX: rem(4px);
  --wiggleY: rem(-8px);
  --rotate1: 1.5deg;
  --rotate2: -1deg;
  animation-name: float-wiggle2;
  animation-duration: 4.5s;
  animation-delay: 0.4s;
}
.bbc.login .visual-float-obj3 .float-inner {
  --wiggleX: rem(10px);
  --wiggleY: rem(-6px);
  --rotate1: 1deg;
  --rotate2: -1deg;
  animation-name: float-wiggle2;
  animation-duration: 6s;
  animation-delay: 1.2s;
}
.bbc.class-time .class-state-banner {
  position: relative;
  overflow: hidden;
  flex: 0 1 auto;
  height: 13.75rem;
  padding: 3.375rem 1.875rem 5.3125rem;
  border-radius: var(--bbc-border-radius-12);
  box-shadow: var(--bbc-color-shadow-4);
  background-position: top 0.75rem right 0.75rem;
  background-repeat: no-repeat;
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  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);
}
@media (hover: hover) and (pointer: fine) {
  .bbc.class-time .class-state-banner:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.97);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc.class-time .class-state-banner:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.97);
  }
}
@media (hover: hover) and (pointer: fine) {
  .bbc.class-time .class-state-banner.is-offline:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(1);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc.class-time .class-state-banner.is-offline:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(1);
  }
}
.bbc.class-time .class-state-banner .icon-circle {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--bbc-border-radius-circle);
  background-color: var(--bbc-color-element-black);
  background-repeat: no-repeat;
}
.bbc.class-time .class-state-banner .icon-circle: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: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
  color: var(--bbc-color-text-white);
}
.bbc.class-time .class-state-banner .title {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  font: var(--bbc-typo-heading-2);
}
.bbc.class-time .class-state-banner .title small {
  margin-bottom: 0.25rem;
  font: var(--bbc-typo-heading-6);
  font-weight: var(--bbc-font-weight-500);
}
.bbc.class-time .class-state-banner:before {
  content: '';
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 1;
  width: 10rem;
  height: 10rem;
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.bbc.class-time .class-state-banner:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, var(--bbc-color-subject-english-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-korean {
  background-color: var(--bbc-color-subject-korean-subtle);
}
.bbc.class-time .class-state-banner.is-korean:before {
  background-image: url(../images/common/subject/korean.svg);
}
.bbc.class-time .class-state-banner.is-korean:after {
  background: linear-gradient(0deg, var(--bbc-color-subject-korean-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-korean .icon-circle {
  background-color: var(--bbc-color-subject-korean);
}
.bbc.class-time .class-state-banner.is-korean .shortcut-btn {
  display: flex;
  gap: 0.25rem;
  background-color: var(--bbc-color-subject-korean);
  color: var(--bbc-color-text-white);
}
.bbc.class-time .class-state-banner.is-korean .shortcut-btn .icon:before {
  color: var(--bbc-color-text-white);
}
.bbc.class-time .class-state-banner.is-english {
  background-color: var(--bbc-color-subject-english-subtle);
}
.bbc.class-time .class-state-banner.is-english:before {
  background-image: url(../images/common/subject/english.svg);
}
.bbc.class-time .class-state-banner.is-english:after {
  background: linear-gradient(0deg, var(--bbc-color-subject-english-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-english .icon-circle,
.bbc.class-time .class-state-banner.is-english .shortcut-btn {
  background-color: var(--bbc-color-subject-english);
}
.bbc.class-time .class-state-banner.is-society {
  background-color: var(--bbc-color-subject-society-subtle);
}
.bbc.class-time .class-state-banner.is-society:before {
  background-image: url(../images/common/subject/society.svg);
}
.bbc.class-time .class-state-banner.is-society:after {
  background: linear-gradient(0deg, var(--bbc-color-subject-society-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-society .icon-circle,
.bbc.class-time .class-state-banner.is-society .shortcut-btn {
  background-color: var(--bbc-color-subject-society);
}
.bbc.class-time .class-state-banner.is-math {
  background-color: var(--bbc-color-subject-math-subtle);
}
.bbc.class-time .class-state-banner.is-math:before {
  background-image: url(../images/common/subject/math.svg);
}
.bbc.class-time .class-state-banner.is-math:after {
  background: linear-gradient(0deg, var(--bbc-color-subject-math-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-math .icon-circle {
  background-color: var(--bbc-color-subject-math);
}
.bbc.class-time .class-state-banner.is-math .shortcut-btn {
  background-color: var(--bbc-color-subject-math);
  color: var(--bbc-color-text-white);
}
.bbc.class-time .class-state-banner.is-math .shortcut-btn .icon:before {
  color: var(--bbc-color-text-white);
}
.bbc.class-time .class-state-banner.is-science {
  background-color: var(--bbc-color-subject-science-subtle);
}
.bbc.class-time .class-state-banner.is-science:before {
  background-image: url(../images/common/subject/science.svg);
  background: linear-gradient(0deg, var(--bbc-color-subject-science-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-science .icon-circle {
  background-color: var(--bbc-color-subject-science);
}
.bbc.class-time .class-state-banner.is-science .shortcut-btn {
  background-color: var(--bbc-color-subject-science);
  color: var(--bbc-color-text-white);
}
.bbc.class-time .class-state-banner.is-science .shortcut-btn .icon:before {
  color: var(--bbc-color-text-white);
}
.bbc.class-time .class-state-banner.is-art {
  background-color: var(--bbc-color-subject-art-subtle);
}
.bbc.class-time .class-state-banner.is-art:before {
  background-image: url(../images/common/subject/art.svg);
}
.bbc.class-time .class-state-banner.is-art:after {
  background: linear-gradient(0deg, var(--bbc-color-subject-art-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-art .icon-circle,
.bbc.class-time .class-state-banner.is-art .shortcut-btn {
  background-color: var(--bbc-color-subject-art);
}
.bbc.class-time .class-state-banner.is-music {
  background-color: var(--bbc-color-subject-music-subtle);
}
.bbc.class-time .class-state-banner.is-music:before {
  background-image: url(../images/common/subject/music.svg);
}
.bbc.class-time .class-state-banner.is-music:after {
  background: linear-gradient(0deg, var(--bbc-color-subject-music-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-music .icon-circle,
.bbc.class-time .class-state-banner.is-music .shortcut-btn {
  background-color: var(--bbc-color-subject-music);
}
.bbc.class-time .class-state-banner.is-physical {
  background-color: var(--bbc-color-subject-physical-subtle);
}
.bbc.class-time .class-state-banner.is-physical:before {
  background-image: url(../images/common/subject/physical.svg);
}
.bbc.class-time .class-state-banner.is-physical:after {
  background: linear-gradient(0deg, var(--bbc-color-subject-physical-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-physical .icon-circle,
.bbc.class-time .class-state-banner.is-physical .shortcut-btn {
  background-color: var(--bbc-color-subject-physical);
}
.bbc.class-time .class-state-banner.is-morality {
  background-color: var(--bbc-color-subject-morality-subtle);
}
.bbc.class-time .class-state-banner.is-morality:before {
  background-image: url(../images/common/subject/morality.svg);
}
.bbc.class-time .class-state-banner.is-morality:after {
  background: linear-gradient(0deg, var(--bbc-color-subject-morality-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-morality .icon-circle,
.bbc.class-time .class-state-banner.is-morality .shortcut-btn {
  background-color: var(--bbc-color-subject-morality);
}
.bbc.class-time .class-state-banner.is-common {
  background-color: var(--bbc-color-subject-common-subtle);
}
.bbc.class-time .class-state-banner.is-common:before {
  background-image: url(../images/common/subject/common.svg);
}
.bbc.class-time .class-state-banner.is-common:after {
  background: linear-gradient(0deg, var(--bbc-color-subject-morality-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-common .icon-circle,
.bbc.class-time .class-state-banner.is-common .shortcut-btn {
  background-color: var(--bbc-color-subject-common);
}
.bbc.class-time .class-state-banner.is-technology {
  background-color: var(--bbc-color-subject-technology-subtle);
}
.bbc.class-time .class-state-banner.is-technology:before {
  background-image: url(../images/common/subject/technology.svg);
}
.bbc.class-time .class-state-banner.is-technology:after {
  background: linear-gradient(0deg, var(--bbc-color-subject-technology-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-technology .icon-circle,
.bbc.class-time .class-state-banner.is-technology .shortcut-btn {
  background-color: var(--bbc-color-subject-technology);
}
.bbc.class-time .class-state-banner.is-happy {
  background-color: var(--bbc-color-subject-happy-subtle);
}
.bbc.class-time .class-state-banner.is-happy:before {
  background-image: url(../images/common/subject/happy.svg);
}
.bbc.class-time .class-state-banner.is-happy:after {
  background: linear-gradient(0deg, var(--bbc-color-subject-happy-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-happy .icon-circle,
.bbc.class-time .class-state-banner.is-happy .shortcut-btn {
  background-color: var(--bbc-color-subject-happy);
}
.bbc.class-time .class-state-banner.is-right {
  background-color: var(--bbc-color-subject-right-subtle);
}
.bbc.class-time .class-state-banner.is-right:before {
  background-image: url(../images/common/subject/right.svg);
}
.bbc.class-time .class-state-banner.is-right:after {
  background: linear-gradient(0deg, var(--bbc-color-subject-right-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-right .icon-circle,
.bbc.class-time .class-state-banner.is-right .shortcut-btn {
  background-color: var(--bbc-color-subject-right);
}
.bbc.class-time .class-state-banner.is-wise {
  background-color: var(--bbc-color-subject-wise-subtle);
}
.bbc.class-time .class-state-banner.is-wise:before {
  background-image: url(../images/common/subject/wise.svg);
}
.bbc.class-time .class-state-banner.is-wise:after {
  background: linear-gradient(0deg, var(--bbc-color-subject-wise-subtle) 29.76%, rgba(255, 250, 223, 0) 74.66%);
}
.bbc.class-time .class-state-banner.is-wise .icon-circle,
.bbc.class-time .class-state-banner.is-wise .shortcut-btn {
  background-color: var(--bbc-color-subject-wise);
}
.bbc.class-time .class-state-banner .shortcut-btn {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.4375rem;
  font: var(--bbc-typo-heading-6);
}
.bbc.class-time .class-state-banner .shortcut-btn .icon:before {
  color: var(--bbc-color-text-primary);
}
.bbc.class-time .class-state-banner .shortcut-btn.is-offline {
  color: var(--bbc-color-text-white);
  background-color: var(--bbc-color-element-tertiary);
}
.bbc.class-time .class-info-card {
  height: 33.0625rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.class-time .class-info-card {
    height: auto;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.class-time .class-info-card {
    height: auto;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.class-time .class-info-card {
    height: auto;
  }
}
.bbc.class-time .class-info-card:has(.empty-state) {
  height: auto;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.class-time .class-info-card:has(.empty-state) {
    height: 33.0625rem;
  }
}
.bbc.class-time .class-info-card .schedule-wrap {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.bbc.class-time .class-info-card .schedule-wrap .list {
  flex: 1 1 auto;
}
.bbc.class-time .class-info-card .schedule-wrap .today {
  margin-bottom: 0.75rem;
  font: var(--bbc-typo-heading-6);
}
.bbc.class-time .class-info-card .schedule-wrap .item {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--bbc-color-border-additional);
  border-radius: 0.5rem;
}
.bbc.class-time .class-info-card .schedule-wrap .item .item-wrap {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 0 0.5rem;
}
.bbc.class-time .class-info-card .schedule-wrap .item .item-wrap .period {
  margin-bottom: 0.125rem;
  color: var(--bbc-color-text-secondary);
  font: var(--bbc-typo-body-4);
  font-weight: var(--bbc-font-weight-400);
}
.bbc.class-time .class-info-card .schedule-wrap .item .item-wrap .subject {
  font: var(--bbc-typo-body-2);
  font-weight: var(--bbc-font-weight-600);
}
.bbc.class-time .class-info-card .schedule-wrap .item .time {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1.75rem;
  background-color: #eee;
  font: var(--bbc-typo-body-4);
  font-weight: 400;
  text-align: center;
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-korean.is-current {
  border-color: var(--bbc-color-subject-korean);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-korean .time {
  background-color: var(--bbc-color-subject-korean-subtle);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-english.is-current {
  border-color: var(--bbc-color-subject-english);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-english .time {
  background-color: var(--bbc-color-subject-english-subtle);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-society.is-current {
  border-color: var(--bbc-color-subject-society);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-society .time {
  background-color: var(--bbc-color-subject-society-subtle);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-math.is-current {
  border-color: var(--bbc-color-subject-math);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-math .time {
  background-color: var(--bbc-color-subject-math-subtle);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-science.is-current {
  border-color: var(--bbc-color-subject-science);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-science .time {
  background-color: var(--bbc-color-subject-science-subtle);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-art.is-current {
  border-color: var(--bbc-color-subject-art);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-art .time {
  background-color: var(--bbc-color-subject-art-subtle);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-music.is-current {
  border-color: var(--bbc-color-subject-music);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-music .time {
  background-color: var(--bbc-color-subject-music-subtle);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-physical.is-current {
  border-color: var(--bbc-color-subject-physical);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-physical .time {
  background-color: var(--bbc-color-subject-physical-subtle);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-morality.is-current {
  border-color: var(--bbc-color-subject-morality);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-morality .time {
  background-color: var(--bbc-color-subject-morality-subtle);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-common.is-current {
  border-color: var(--bbc-color-subject-common);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-common .time {
  background-color: var(--bbc-color-subject-common-subtle);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-technology.is-current {
  border-color: var(--bbc-color-subject-technology);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-technology .time {
  background-color: var(--bbc-color-subject-technology-subtle);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-disabled {
  background-color: var(--bbc-color-backgrounds-disabled-21);
  color: var(--bbc-color-text-disabled);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-disabled .period {
  color: var(--bbc-color-text-disabled);
}
.bbc.class-time .class-info-card .schedule-wrap .item.is-disabled .time {
  background-color: var(--bbc-color-backgrounds-disabled);
}
.bbc.class-time .lesson-card {
  height: 19.1875rem;
}
.bbc.class-time .lesson-card.is-h-full {
  height: 33.0625rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.class-time .lesson-card.is-h-full {
    height: auto;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.class-time .lesson-card.is-h-full {
    height: auto;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.class-time .lesson-card.is-h-full {
    height: auto;
  }
}
.bbc.class-time .lesson-card .card-section:not(:last-child) {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--bbc-color-border-additional);
}
.bbc.class-time .lesson-card .title {
  margin-bottom: 0.375rem;
  color: var(--bbc-color-text-primary);
  font: var(--bbc-typo-heading-6);
}
.bbc.class-time .lesson-card .desc {
  margin-bottom: 0.75rem;
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-400);
}
.bbc.class-time .lesson-card .desc,
.bbc.class-time .lesson-card .list {
  color: var(--bbc-color-text-secondary);
}
.bbc.class-time .lesson-card .list li {
  margin-bottom: 0.25rem;
}
.bbc.class-time .lesson-card .list li:last-child {
  margin-bottom: 0;
}
.bbc.class-time .lesson-card .preview .list {
  display: flex;
  flex-direction: column;
  list-style-type: disc;
}
.bbc.class-time .lesson-card .preview .list li {
  position: relative;
  padding-left: 0.875rem;
}
.bbc.class-time .lesson-card .preview .list li:before {
  content: '';
  position: absolute;
  top: 0.5625rem;
  left: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: var(--bbc-border-radius-circle);
  background-color: var(--bbc-color-element-marker);
}
.bbc.class-time .lesson-card .learning .list li {
  position: relative;
  counter-increment: counter;
  padding-left: 1.125rem;
}
.bbc.class-time .lesson-card .learning .list li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(counter) '. ';
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.self-study .content {
    height: auto !important;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.self-study .noticebook-card {
    height: 10.9375rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.self-study .noticebook-card {
    height: 14.625rem;
  }
}
.bbc.self-study .noticebook-card .card-list {
  margin: -0.875rem 0;
}
.bbc.self-study .noticebook-card .card-list li:not(:last-child) {
  border-bottom: 1px solid #eee;
}
.bbc.self-study .noticebook-card .card-list li a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 0;
}
.bbc.self-study .noticebook-card .card-list li a p {
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-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;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.self-study .noticebook-card .card-list li:nth-child(2) {
    border-bottom: none;
  }
  .bbc.self-study .noticebook-card .card-list li:nth-child(3) {
    display: none;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.self-study .homework-card {
    height: 10.9375rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.self-study .homework-card {
    height: 17.875rem;
  }
}
.bbc.self-study .homework-card .homework-list {
  margin: -1.125rem 0;
}
.bbc.self-study .homework-card .homework-list li {
  padding: 1.125rem 0;
}
.bbc.self-study .homework-card .homework-list li:not(:last-child) {
  border-bottom: 1px solid #eee;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.self-study .homework-card .homework-list li:first-child {
    border-bottom: none;
  }
  .bbc.self-study .homework-card .homework-list li:nth-child(2) {
    display: none;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.self-study .review-card {
    height: 21.375rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.self-study .review-card {
    height: 31.0625rem;
  }
}
.bbc.self-study .review-card .card-body {
  display: flex;
  justify-content: center;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.self-study .review-card .subject-tile-container {
    gap: 0;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.self-study .review-card .subject-tile-container {
    gap: 0;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.self-study .review-card .subject-tile-container {
    gap: 0;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.homework .content {
    grid-template-rows: auto 1fr;
  }
}
.bbc.homework .homework-list-card {
  display: flex;
  flex-direction: column;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.homework .homework-list-card {
    height: 33.0625rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.homework .homework-list-card {
    min-height: 33.0625rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.homework .homework-list-card {
    min-height: 33.0625rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.homework .homework-list-card {
    height: 33.125rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.homework .homework-list-card {
    min-height: 33.0625rem;
  }
}
.bbc.homework .homework-list-card .homework-list-wrap {
  display: flex;
  flex-direction: column;
  height: 50%;
  margin-bottom: 0.9375rem;
}
.bbc.homework .homework-list-card .homework-list-wrap:last-child {
  margin-bottom: 0;
}
.bbc.homework .homework-list-card .homework-list-wrap .title-wrap {
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 0.875rem;
}
.bbc.homework .homework-list-card .homework-list-wrap .title-wrap .title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font: var(--bbc-typo-heading-6);
}
.bbc.homework .homework-list-card .homework-list-wrap .title-wrap .swiper-controller {
  margin-left: auto;
}
.bbc.homework .homework-list-card .homework-list-wrap .title-wrap .icon {
  margin-top: 0.0625rem;
}
.bbc.homework .homework-list-card .homework-list-wrap .homework-list {
  flex: 1 1 auto;
}
.bbc.homework .homework-list-card .homework-list-wrap .homework-list .homework-item {
  width: 100%;
  gap: 1rem;
  padding: 0.75rem;
  border-radius: var(--bbc-border-radius-12);
  margin-bottom: 0.375rem;
  border: 1px solid transparent;
  transition:
    transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(0);
  box-shadow: none;
  transition:
    transform 0.18s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.18s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.bbc.homework .homework-list-card .homework-list-wrap .homework-list .homework-item:last-child {
  margin-bottom: 0;
}
@media (hover: hover) and (pointer: fine) {
  .bbc.homework .homework-list-card .homework-list-wrap .homework-list .homework-item:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: translateY(-0.1rem) scale(0.97);
    box-shadow: var(--bbc-color-shadow-1);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc.homework .homework-list-card .homework-list-wrap .homework-list .homework-item:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: translateY(-0.1rem) scale(0.97);
    box-shadow: var(--bbc-color-shadow-1);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.homework .homework-list-card .homework-list-wrap .homework-list .homework-item {
    gap: 1rem;
    padding: 0.625rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.homework .homework-list-card .homework-list-wrap .homework-list .homework-item {
    gap: 1rem;
    padding: 0.625rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.homework .homework-list-card .homework-list-wrap .homework-list .homework-item {
    gap: 1rem;
    padding: 0.625rem;
  }
}
.bbc.homework .homework-list-card .homework-list-wrap .homework-list .homework-item .title {
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-600);
}
.bbc.homework .homework-list-card .homework-list-wrap .homework-list .homework-item .subject-thumb {
  flex: 0 0 auto;
  width: 4.25rem;
  height: 4.25rem;
}
.bbc.homework .homework-list-card .homework-list-wrap .homework-list .homework-item.is-current {
  border: 1px solid var(--bbc-color-border-brand);
}
.bbc.homework .homework-preview-card {
  height: 33.0625rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.homework .homework-preview-card {
    height: auto;
    min-height: 33.0625rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.homework .homework-preview-card {
    height: auto;
    min-height: 33.0625rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.homework .homework-preview-card {
    height: 100%;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.homework .homework-preview-card {
    height: auto;
    min-height: 33.0625rem;
  }
}
.bbc.homework .homework-preview-card .tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bbc.homework .homework-preview-card .tabs.is-scrollable:after,
.bbc.homework .homework-preview-card .tabs.is-scrollable:before {
  margin-top: -0.75rem;
}
.bbc.homework .homework-preview-card .tabs .tab-list {
  margin-top: -0.75rem;
  flex: 0 0 auto;
}
.bbc.homework .homework-preview-card .tabs .tab-content {
  flex: 1 1 auto;
  padding-top: 1.25rem;
}
.bbc.homework .homework-preview-card .tabs .tab-content .tab-panel {
  height: 100%;
}
.bbc.homework .homework-preview-card .homework-section {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bbc.homework .homework-preview-card .homework-section .homework-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.bbc.homework .homework-preview-card .homework-section .homework-content + .btn-set {
  flex: 0 0 auto;
  margin-top: 1rem;
}
.bbc.homework .homework-preview-card .homework-section .homework-content > .title-wrap {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 0.75rem;
}
.bbc.homework .homework-preview-card .homework-section .homework-content > .title-wrap .title {
  display: flex;
  align-items: center;
  gap: 8px;
  font: var(--bbc-typo-heading-6);
}
.bbc.homework .homework-preview-card .homework-section .homework-content > .title-wrap .submit-date {
  font: var(--bbc-typo-body-4);
}
.bbc.homework .homework-preview-card .homework-section .homework-content .divider {
  flex: 0 0 auto;
  margin: 1rem 0;
}
.bbc.homework .homework-preview-card .homework-section .homework-content-task {
  flex: 0 0 auto;
}
.bbc.homework .homework-preview-card .homework-section .homework-content-task .title {
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-600);
  margin-bottom: 0.125rem;
}
.bbc.homework .homework-preview-card .homework-section .homework-content-task .desc {
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-400);
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.homework .homework-preview-card .homework-section .homework-content-task .desc {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.homework .homework-preview-card .homework-section .homework-content-task .desc {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    word-break: break-all !important;
  }
}
.bbc.homework .homework-preview-card .homework-section .homework-content-task .info-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.bbc.homework .homework-preview-card .homework-section .homework-content-task .info-wrap .deadline {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font: var(--bbc-typo-body-4);
  color: var(--bbc-color-text-additional);
}
.bbc.homework .homework-preview-card .homework-section .homework-content-task .info-wrap .deadline .icon:before {
  color: var(--bbc-color-text-additional);
}
.bbc.homework .homework-preview-card .homework-section .homework-content-task .info-wrap .attached-file {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.bbc.homework .homework-preview-card .homework-section .homework-content-task .info-wrap .attached-file .number {
  font: var(--bbc-typo-label-2);
  font-weight: var(--bbc-font-weight-500);
}
.bbc.homework .homework-preview-card .homework-section .homework-content-task .info-wrap .attached-file .number .point {
  color: var(--bbc-color-text-brand-primary);
}
.bbc.homework .homework-preview-card .homework-section .homework-content-result {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.bbc.homework .homework-preview-card .homework-section .homework-content-result .title-wrap {
  margin-bottom: 0.75rem;
}
.bbc.homework .homework-preview-card .homework-section .homework-content-result .title-wrap .title {
  font: var(--bbc-typo-title-3);
  font-weight: var(--bbc-font-weight-600);
}
.bbc.homework .homework-preview-card .homework-section .homework-content-result .box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--bbc-color-text-additional);
  text-align: center;
}
.bbc.homework .homework-preview-card .homework-section .homework-content-result .preview-submissions {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.homework .homework-preview-card .homework-section .homework-content-result .preview-submissions {
    height: auto;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.homework .homework-preview-card .homework-section .homework-content-result .preview-submissions {
    height: auto;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.homework .homework-preview-card .homework-section .homework-content-result .preview-submissions {
    height: auto;
  }
}
.bbc.homework .homework-preview-card .homework-section .homework-content-result .preview-submissions .desc {
  flex: 1 1 auto;
  height: 6.125rem;
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-400);
  color: var(--bbc-color-text-additional);
}
.bbc.homework .homework-preview-card .homework-section .homework-content-result .preview-submissions .info-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.bbc.homework .homework-preview-card .homework-section .homework-content-result .preview-submissions .info-wrap .submit-date {
  font: var(--bbc-typo-body-4);
}
.bbc.homework .homework-preview-card .homework-section .homework-content-result .preview-submissions .info-wrap .attached-file {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.bbc.homework .homework-preview-card .homework-section .homework-content-result .preview-submissions .info-wrap .attached-file .number {
  font: var(--bbc-typo-label-2);
  font-weight: var(--bbc-font-weight-500);
}
.bbc.homework .homework-preview-card .homework-section .homework-content-result .preview-submissions .info-wrap .attached-file .number .point {
  color: var(--bbc-color-text-brand-primary);
}
.bbc.homework .homework-preview-card .homework-section .homework-content-result .teacher-feedback {
  height: 13.625rem;
}
.bbc.homework .homework-preview-card .homework-section .homework-content-result .teacher-feedback .desc {
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-400);
  color: var(--bbc-color-text-secondary);
  word-break: break-all;
}
.bbc.homework .homework-submit-card {
  height: 34rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.homework .homework-submit-card {
    height: auto;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.homework .homework-submit-card {
    height: auto;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.homework .homework-submit-card {
    height: 100%;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.homework .homework-submit-card {
    height: auto;
  }
}
.bbc.homework .homework-submit-card .homework-section {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bbc.homework .homework-submit-card .homework-section .homework-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-head > .title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  gap: 0.75rem;
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-head > .title-wrap .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font: var(--bbc-typo-heading-6);
  gap: 0.375rem;
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-head .homework-content-task {
  position: relative;
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-head .homework-content-task .title {
  font: var(--bbc-typo-title-1);
  font-weight: var(--bbc-font-weight-600);
  margin-bottom: 0.125rem;
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-head .homework-content-task .desc {
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-400);
  color: var(--bbc-color-text-secondary);
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-head .homework-content-task .info-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-head .homework-content-task .info-wrap .deadline {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font: var(--bbc-typo-body-4);
  color: var(--bbc-color-text-additional);
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-head .homework-content-task .info-wrap .deadline .icon:before {
  color: var(--bbc-color-text-additional);
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-head .homework-content-task .info-wrap .attached-file {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-head .homework-content-task .info-wrap .attached-file .attached-file-btn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-head .homework-content-task .info-wrap .attached-file .number {
  font: var(--bbc-typo-label-2);
  font-weight: var(--bbc-font-weight-500);
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-head .homework-content-task .info-wrap .attached-file .number .point {
  color: var(--bbc-color-text-brand-primary);
}
.bbc.homework .homework-submit-card .homework-section .homework-content .divider {
  margin: 1.25rem 0;
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .write-area {
  display: flex;
  flex-direction: column;
  height: 20rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .write-area {
    height: 20rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .write-area {
    height: 20rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .write-area {
    height: 28rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .write-area {
    height: 20rem;
  }
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .write-area .title-wrap {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  min-height: 2.25rem;
  margin-bottom: 0.75rem;
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .write-area .title-wrap .title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font: var(--bbc-typo-heading-6);
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .write-area .title-wrap .title .subtitle {
  font: var(--bbc-typo-body-4);
  color: var(--bbc-color-text-tertiary);
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .write-area .textarea {
  flex: 1 1 auto;
  height: 17rem;
  word-break: break-all;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .write-area .textarea {
    height: 17rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .write-area .textarea {
    height: 17rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .write-area .textarea {
    height: 25rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .write-area .textarea {
    height: 17rem;
  }
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .upload-area {
  display: flex;
  flex-direction: column;
  height: 20rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .upload-area {
    height: 20rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .upload-area {
    height: 20rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .upload-area {
    height: 25.125rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .upload-area {
    height: 20rem;
  }
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .upload-area .title-wrap {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  min-height: 2.25rem;
  margin-bottom: 0.75rem;
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .upload-area .title-wrap .title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font: var(--bbc-typo-heading-6);
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .upload-area .title-wrap .title .subtitle {
  font: var(--bbc-typo-body-4);
  color: var(--bbc-color-text-tertiary);
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .upload-area .file-upload {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bbc.homework .homework-submit-card .homework-section .homework-content .homework-content-result .upload-area .file-upload .title-wrap {
  flex: 0 0 auto;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.learning-trip .content {
    flex: 1;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.learning-trip .content {
    flex: 1;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.learning-trip .content {
    flex: 1;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.learning-trip .schedule-card {
    height: 33.0625rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.learning-trip .schedule-card {
    height: auto;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.learning-trip .schedule-card {
    height: auto;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.learning-trip .schedule-card {
    height: 100%;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.learning-trip .schedule-card {
    height: auto;
  }
}
.bbc.learning-trip .schedule-card .title-wrap {
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1.875rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.learning-trip .schedule-card .title-wrap {
    margin-bottom: 1rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.learning-trip .schedule-card .title-wrap {
    margin-bottom: 1rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.learning-trip .schedule-card .title-wrap {
    margin-bottom: 1rem;
  }
}
.bbc.learning-trip .schedule-card .title-wrap .title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font: var(--bbc-typo-heading-4);
}
.bbc.learning-trip .schedule-card .tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bbc.learning-trip .schedule-card .tab-list {
  flex: 0 0 auto;
}
.bbc.learning-trip .schedule-card .tab-list .tab {
  width: 20%;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.learning-trip .schedule-card .tab-list .tab {
    width: auto;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.learning-trip .schedule-card .tab-list .tab {
    width: auto;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.learning-trip .schedule-card .tab-list .tab {
    width: auto;
  }
}
.bbc.learning-trip .schedule-card .tab-content {
  flex: 1 1 auto;
  height: 100%;
}
.bbc.learning-trip .schedule-card .tab-panel {
  height: 100%;
  padding: 3.75rem 1.5rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.learning-trip .schedule-card .tab-panel {
    padding: 1.25rem 1.125rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.learning-trip .schedule-card .tab-panel {
    padding: 1.25rem 1.125rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.learning-trip .schedule-card .tab-panel {
    padding: 1.25rem 1.125rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.notice .content {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.notice .content {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.notice .content {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
}
.bbc.notice .content .tabs {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bbc.notice .content .tabs .tab-list {
  flex: 0 0 auto;
}
.bbc.notice .content .tabs .tab-content {
  flex: 1 1 auto;
  height: 100%;
  padding-top: 1.5rem;
}
.bbc.notice .content .tabs .tab-content .tab-panel {
  flex: 1 1 auto;
  height: 100%;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.notice .content .notice-card {
    height: 34rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.notice .content .notice-card {
    height: 100%;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.notice .content .notice-card {
    height: 100%;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.notice .content .notice-card {
    height: 69rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.notice .content .notice-card {
    height: 100%;
  }
}
.bbc.notice .content .notice-detail-card .noticebook-detail {
  height: 100%;
}
.bbc.notice .content .notice-detail-card .noticebook-detail .detail-body {
  overflow: hidden;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.notice .content .notice-detail-card {
    height: 34rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.notice .content .notice-detail-card {
    height: auto;
    min-height: 46.25rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.notice .content .notice-detail-card {
    height: auto;
    min-height: 46.25rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.notice .content .notice-detail-card {
    height: 69rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.notice .content .notice-detail-card {
    height: auto;
    min-height: 46.25rem;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.notice .content .≈ {
    height: 33.75rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.notice .content .≈ {
    height: auto;
    min-height: 33.75rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.notice .content .≈ {
    height: auto;
    min-height: 33.75rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.notice .content .≈ {
    height: 69rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.notice .content .≈ {
    height: auto;
    min-height: 33.75rem;
  }
}
.bbc.mypage .page .content .card:nth-child(2) .card-head {
  padding-bottom: 1.875rem;
}
.bbc.mypage .page .content .card:nth-child(2) .card-body .empty-state {
  height: 22.875rem;
  background-color: var(--bbc-color-backgrounds-gray-03);
  border: none;
}
.bbc.mypage .page .content .card:nth-child(2) .card-body .pagination {
  padding-top: 1.875rem;
}
.bbc.mypage .page .content .search-input {
  max-width: 12.5rem;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.mypage .content .card {
    height: 34.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.mypage .card-head {
    flex-direction: column;
  }
  .bbc.mypage .card-head .card-head-right .search-input {
    max-width: 100%;
  }
  .bbc.mypage .content {
    grid-template-rows: auto 1fr;
  }
  .bbc.mypage .content .col-5,
  .bbc.mypage .content .col-7 {
    grid-column: span 12 !important;
  }
  .bbc.mypage .content .card:nth-child(2) .card-body .grid-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .bbc.mypage .content .card:nth-child(2) .card-body .empty-state {
    padding: 3.75rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.mypage .card-head {
    flex-direction: column;
  }
  .bbc.mypage .card-head .card-head-right .search-input {
    max-width: 100%;
  }
  .bbc.mypage .content {
    grid-template-rows: auto 1fr;
  }
  .bbc.mypage .content .col-5,
  .bbc.mypage .content .col-7 {
    grid-column: span 12 !important;
  }
  .bbc.mypage .content .card:nth-child(2) .card-body .grid-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .bbc.mypage .content .card:nth-child(2) .card-body .empty-state {
    padding: 3.75rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.mypage .content {
    grid-template-rows: auto 1fr;
  }
  .bbc.mypage .content .col-5,
  .bbc.mypage .content .col-7 {
    grid-column: span 12 !important;
  }
  .bbc.mypage .content .col-7 .card-body .id-item {
    background-position: 95% 90%;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.mypage .card-head {
    flex-direction: column;
  }
  .bbc.mypage .card-head .card-head-right .search-input {
    max-width: 100%;
  }
  .bbc.mypage .content {
    grid-template-rows: auto 1fr;
  }
  .bbc.mypage .content .col-5,
  .bbc.mypage .content .col-7 {
    grid-column: span 12 !important;
  }
  .bbc.mypage .content .card:nth-child(2) .card-body .grid-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .bbc.mypage .content .card:nth-child(2) .card-body .empty-state {
    padding: 3.75rem;
  }
}
.bbc.search .card {
  height: 100%;
}
.bbc.search .round-search-form {
  margin: 1rem auto 1.5rem;
}
.bbc.search .round-search-form .input {
  background-color: var(--bbc-color-element-white);
}
.bbc.search .keyword {
  gap: 1rem;
  width: 100%;
}
.bbc.search .keyword,
.bbc.search .keyword-list {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
}
.bbc.search .keyword-list {
  gap: 0.5rem;
}
.bbc.search .divider {
  margin: 2rem 0;
}
.bbc.search .search-recommendation {
  margin-top: 2.125rem;
}
.bbc.search .search-recommendation .title {
  margin-bottom: 1.125rem;
  font: var(--bbc-typo-heading-4);
}
.bbc.search .search-recommendation .subject-list {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(6, 1fr);
}
.bbc.search .total-count {
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-600);
}
.bbc.search .total-count .total {
  color: var(--bbc-color-text-brand-primary);
}
.bbc.search .result-list {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
}
.bbc.search .result-list li {
  width: 12.9375rem;
}
.bbc.search .result-list li a {
  display: inline-block;
  width: 100%;
}
.bbc.search .pagination {
  margin-top: auto;
}
.bbc.search .empty-state {
  margin-top: 2.5rem;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.search .card {
    height: 38rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.search .content:has(.empty-state) {
    flex: 1;
  }
  .bbc.search .round-search-form {
    width: 100%;
    margin: 1rem auto 1.5rem;
  }
  .bbc.search .round-search-form .input {
    width: 100%;
    max-width: 100%;
  }
  .bbc.search .search-recommendation {
    margin-top: 0;
  }
  .bbc.search .search-recommendation .subject-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .bbc.search .search-recommendation .subject-list .subject-keyword {
    background-size: 50%;
    aspect-ratio: 200/136;
  }
  .bbc.search .pagination {
    padding-top: 2rem;
  }
  .bbc.search .result-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .bbc.search .result-list li {
    width: 100%;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.search .content:has(.empty-state) {
    flex: 1;
  }
  .bbc.search .round-search-form {
    width: 100%;
    margin: 1rem auto 1.5rem;
  }
  .bbc.search .round-search-form .input {
    width: 100%;
    max-width: 100%;
  }
  .bbc.search .search-recommendation {
    margin-top: 0;
  }
  .bbc.search .search-recommendation .subject-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .bbc.search .search-recommendation .subject-list .subject-keyword {
    background-size: 50%;
    aspect-ratio: 200/136;
  }
  .bbc.search .pagination {
    padding-top: 2rem;
  }
  .bbc.search .result-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .bbc.search .result-list li {
    width: 100%;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc.search .card {
    height: 100%;
  }
  .bbc.search .content {
    display: flex;
    flex-direction: column;
  }
  .bbc.search .content .round-search-form {
    margin: 1rem auto 1.5rem;
  }
  .bbc.search .content .search-recommendation {
    margin-top: 0;
  }
  .bbc.search .content .search-recommendation .title {
    margin-bottom: 1.125rem;
    font: var(--bbc-typo-heading-4);
  }
  .bbc.search .content .search-recommendation .subject-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .bbc.search .content .search-recommendation .subject-list .subject-keyword {
    width: 100%;
    height: 8.5rem;
    background-size: 50%;
  }
  .bbc.search .content .result-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .bbc.search .content .result-list li {
    width: 100%;
  }
  .bbc.search .content .card {
    flex: 1;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.search .content:has(.empty-state) {
    flex: 1;
  }
  .bbc.search .round-search-form {
    width: 100%;
    margin: 1rem auto 1.5rem;
  }
  .bbc.search .round-search-form .input {
    width: 100%;
    max-width: 100%;
  }
  .bbc.search .search-recommendation {
    margin-top: 0;
  }
  .bbc.search .search-recommendation .subject-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .bbc.search .search-recommendation .subject-list .subject-keyword {
    background-size: 50%;
    aspect-ratio: 200/136;
  }
  .bbc.search .pagination {
    padding-top: 2rem;
  }
  .bbc.search .result-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .bbc.search .result-list li {
    width: 100%;
  }
}
.bbc.error article {
  display: flex;
  height: 100%;
}
.bbc.error article .empty-state {
  flex: 1;
  height: 100%;
}
.bbc.notification .content .notification-card > .card-head {
  flex: 0 0 auto;
  padding-bottom: 0 !important;
}
.bbc.notification .content .notification-card > .card-body {
  overflow: hidden;
}
.bbc.notification .content .notification-card > .card-body .notification-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.bbc.notification .content .notification-card > .card-body .notification-wrap .tab-content {
  padding: 1.5rem 0;
  height: 22.75rem;
}
.bbc.notification .content .notification-card > .card-foot {
  flex: 0 0 auto;
  padding-top: 1.5rem;
  border-top: 1px solid var(--bbc-color-border-additional);
}
.bbc.notification .content .notification-card > .card-foot p {
  color: var(--bbc-color-text-tertiary);
  font: var(--bbc-typo-body-4);
  font-weight: var(--bbc-font-weight-400);
  text-align: center;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc.notification .content .card {
    height: 38rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc.notification .content {
    flex: 1;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc.notification .content {
    flex: 1;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc.notification .content {
    flex: 1;
  }
}
.bbc .container .content .card,
.bbc .page .page-bottom,
.bbc .page .page-head,
.bbc [data-ani='slideUp'] {
  transform: translateY(40px);
  opacity: 0;
  will-change: transform, opacity;
}
.input {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  background-color: var(--bbc-color-backgrounds-text-field);
}
.input,
.input input {
  width: 100%;
  color: var(--bbc-color-text-primary);
}
.input input {
  overflow: hidden;
  height: 100%;
  padding: 0 1rem;
  outline: none;
  background-color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  font: var(--bbc-typo-body-2);
  font-weight: var(--bbc-font-weight-500);
}
.input input:-ms-input-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.input input::-ms-input-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.input input:-moz-placeholder,
.input input::-moz-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.input input::-webkit-input-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.input input::placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.input .unit {
  display: flex;
  align-items: center;
  color: var(--bbc-color-text-natural-1);
}
.input .btn:focus-visible {
  outline: var(--bbc-color-utility-focus) solid 0.125rem;
  outline-offset: -0.125rem;
}
.input:has(input:focus-visible) {
  outline: var(--bbc-color-utility-focus) solid 0.125rem;
  outline-offset: -0.125rem;
}
.input:has(input:disabled) {
  background-color: var(--bbc-color-backgrounds-text-field-disabled);
}
.input:has(input:disabled) input {
  color: var(--bbc-color-text-primary);
  opacity: 0.5;
}
.input:has(input:disabled) input:-ms-input-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.input:has(input:disabled) input::-ms-input-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.input:has(input:disabled) input:-moz-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.input:has(input:disabled) input::-moz-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.input:has(input:disabled) input::-webkit-input-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.input:has(input:disabled) input::placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.is-outline.input {
  border: 1px solid var(--bbc-color-border-primary);
}
.is-adorned-start.input input {
  padding-left: 0 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  outline: none;
}
.is-adorned-start.input > .btn,
.is-adorned-start.input > .icon,
.is-adorned-start.input > .icon-btn,
.is-adorned-start.input > .unit {
  width: auto;
  height: 100%;
  padding: 0 0.625rem 0 0.75rem;
  border-radius: 0.5rem;
}
.is-adorned-start.input > .btn .icon:after,
.is-adorned-start.input > .btn .icon:before,
.is-adorned-start.input > .icon-btn .icon:after,
.is-adorned-start.input > .icon-btn .icon:before {
  color: var(--bbc-color-text-additional);
}
.is-adorned-end.input input {
  padding-right: 0 !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  outline: none;
}
.is-adorned-end.input > .btn,
.is-adorned-end.input > .icon,
.is-adorned-end.input > .icon-btn,
.is-adorned-end.input > .unit {
  width: auto;
  height: 100%;
  padding: 0 0.75rem 0 0.625rem;
  border-radius: 0.5rem;
}
.is-adorned-end.input > .btn .icon:after,
.is-adorned-end.input > .btn .icon:before,
.is-adorned-end.input > .icon-btn .icon:after,
.is-adorned-end.input > .icon-btn .icon:before {
  color: var(--bbc-color-text-additional);
}
.is-sm.input {
  height: 2.5rem;
  border-radius: 0.5rem;
}
.is-sm.input input {
  padding: 0 0.875rem;
  font: var(--bbc-typo-label-2);
  font-weight: var(--bbc-font-weight-500);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .is-sm.input input {
    font-size: 16px;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .is-sm.input input {
    font-size: 16px;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .is-sm.input input {
    font-size: 16px;
  }
}
.is-sm.input .unit {
  font-size: var(--bbc-font-size-14);
}
.is-pill.input {
  border-radius: var(--bbc-border-radius-max);
}
.is-pill.is-adorned-start.input > .btn,
.is-pill.is-adorned-start.input > .icon,
.is-pill.is-adorned-start.input > .icon-btn,
.is-pill.is-adorned-start.input > .unit {
  border-top-left-radius: var(--bbc-border-radius-max);
  border-bottom-left-radius: var(--bbc-border-radius-max);
}
.is-pill.is-adorned-end.input > .btn,
.is-pill.is-adorned-end.input > .icon,
.is-pill.is-adorned-end.input > .icon-btn,
.is-pill.is-adorned-end.input > .unit {
  border-top-right-radius: var(--bbc-border-radius-max);
  border-bottom-right-radius: var(--bbc-border-radius-max);
}
.is-bare.input {
  border-color: transparent;
  background-color: transparent;
}
.is-translucent.input {
  border-color: var(--bbc-color-border-0-50);
  background-color: var(--bbc-color-grayscale-800-30);
}
.is-translucent.input input {
  color: var(--bbc-color-text-accent-0);
}
.is-translucent.input input:-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-60);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.input input::-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-60);
  font: inherit;
  font-weight: inherit;
}
.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.input input::-webkit-input-placeholder {
  color: var(--bbc-color-grayscale-0-60);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.input input::placeholder {
  color: var(--bbc-color-grayscale-0-60);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.input:has(input:disabled) {
  background-color: var(--bbc-color-grayscale-800-60);
}
.is-translucent.input:has(input:disabled) input {
  color: var(--bbc-color-grayscale-0-30);
}
.is-translucent.input:has(input:disabled) input:-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.input:has(input:disabled) input::-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.input:has(input:disabled) input:-moz-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.input:has(input:disabled) input::-moz-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.input:has(input:disabled) input::-webkit-input-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.input:has(input:disabled) input::placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.input:has(input:read-only) {
  background-color: var(--bbc-color-grayscale-800-60);
}
.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.input:has(input:read-only) input::-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.input:has(input:read-only) input:-moz-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.input:has(input:read-only) input::-moz-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.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.input:has(input:read-only) input::placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.is-translucent.is-error.input {
  border-color: var(--bbc-color-stroke-negative-0);
}
.is-error.input {
  border-color: var(--bbc-color-states-negative);
}
.is-error.input .icon:before {
  color: var(--bbc-color-states-negative);
}
.btn,
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close,
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  min-width: 0;
  height: 3rem;
  padding: 0.3125rem 1.25rem;
  border: 0.0625rem solid transparent;
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-element-black);
  color: var(--bbc-color-text-white);
  font: var(--bbc-typo-btn-2);
  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);
}
@media (hover: hover) and (pointer: fine) {
  .btn:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']),
  .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']),
  .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.97);
  }
}
@media (hover: none) and (pointer: coarse) {
  .btn:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']),
  .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']),
  .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.97);
  }
}
.btn:disabled,
.is-disabled.btn,
.ui-datepicker .ui-datepicker-buttonpane .is-disabled.ui-datepicker-close,
.ui-datepicker .ui-datepicker-buttonpane .is-disabled.ui-datepicker-current,
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:disabled,
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current:disabled {
  border-color: var(--bbc-color-element-disabled);
  background-color: var(--bbc-color-element-disabled);
  color: var(--bbc-color-text-white);
  pointer-events: none;
}
.btn .icon,
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close .icon,
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current .icon {
  transition: color 0.2s;
}
.btn.is-full {
  display: flex;
  justify-content: center;
  width: 100%;
}
.btn.is-xs {
  height: 2.25rem;
  padding: 0.3125rem 0.75rem;
  font: var(--bbc-typo-btn-3);
}
.btn.is-sm {
  height: 2.75rem;
  padding: 0.3125rem 1rem;
  font: var(--bbc-typo-btn-2);
}
.btn.is-lg {
  height: 3.5rem;
  padding: 0.3125rem 1.5rem;
  font: var(--bbc-typo-btn-1);
}
.btn.is-primary {
  border: 1px solid var(--bbc-color-btn-primary-normal);
  background-color: var(--bbc-color-btn-primary-normal);
}
.btn.is-primary,
.btn.is-primary .icon:after,
.btn.is-primary .icon:before {
  color: var(--bbc-color-text-white);
}
@media (hover: hover) and (pointer: fine) {
  .btn.is-primary:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    border-color: var(--bbc-color-btn-primary-hovered);
    background-color: var(--bbc-color-btn-primary-hovered);
  }
}
@media (hover: none) and (pointer: coarse) {
  .btn.is-primary:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    border-color: var(--bbc-color-btn-primary-hovered);
    background-color: var(--bbc-color-btn-primary-hovered);
  }
}
.btn.is-primary.is-active {
  border-color: var(--bbc-color-btn-primary-pressed);
  background-color: var(--bbc-color--btn-primary-pressed);
}
.btn.is-primary.is-disabled,
.btn.is-primary:disabled {
  border: 0;
  background-color: var(--bbc-color-btn-primary-disabled);
}
.btn.is-primary.is-reverse {
  border-color: var(--bbc-color-btn-secondary-normal);
  background-color: var(--bbc-color-btn-secondary-normal);
}
.btn.is-primary.is-reverse,
.btn.is-primary.is-reverse .icon:after,
.btn.is-primary.is-reverse .icon:before {
  color: var(--bbc-color-text-brand-primary);
}
@media (hover: hover) and (pointer: fine) {
  .btn.is-primary.is-reverse:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    border-color: var(--bbc-color-btn-secondary-hovered);
    background-color: var(--bbc-color-btn-secondary-hovered);
  }
}
@media (hover: none) and (pointer: coarse) {
  .btn.is-primary.is-reverse:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    border-color: var(--bbc-color-btn-secondary-hovered);
    background-color: var(--bbc-color-btn-secondary-hovered);
  }
}
.btn.is-primary.is-reverse.is-active {
  border-color: var(--bbc-color-btn-secondary-pressed);
  background-color: var(--bbc-color-btn-secondary-pressed);
}
.btn.is-primary.is-reverse.is-disabled,
.btn.is-primary.is-reverse:disabled {
  border: 0;
  background-color: var(--bbc-color-btn-secondary-disabled);
  color: var(--bbc-color-btn-primary-disabled);
}
.btn.is-pill {
  border-radius: var(--bbc-border-radius-max);
}
.btn.is-outline {
  border-color: var(--bbc-color-btn-tertiary-normal);
  background-color: var(--bbc-color-element-white);
  color: var(--bbc-color-text-tertiary);
  font-weight: var(--bbc-font-weight-500);
}
.btn.is-outline .icon:after,
.btn.is-outline .icon:before {
  color: var(--bbc-color-text-emphasis);
}
@media (hover: hover) and (pointer: fine) {
  .btn.is-outline:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered);
  }
}
@media (hover: none) and (pointer: coarse) {
  .btn.is-outline:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered);
  }
}
.btn.is-outline.is-active {
  background-color: var(--bbc-color-btn-tertiary-pressed);
}
.btn.is-outline.is-disabled,
.btn.is-outline:disabled {
  border-color: var(--bbc-color-btn-tertiary-disabled);
  background-color: var(--bbc-color-element-white);
  color: var(--bbc-color-btn-tertiary-disabled);
}
.btn.is-outline.is-primary {
  border-color: var(--bbc-color-btn-primary-normal);
  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);
}
@media (hover: hover) and (pointer: fine) {
  .btn.is-outline.is-primary:hover:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-primary-hovered-subtle);
  }
}
@media (hover: none) and (pointer: coarse) {
  .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-btn-primary-hovered-subtle);
  }
}
.btn.is-outline.is-primary.is-active {
  background-color: var(--bbc-color-btn-primary-pressed-subtle);
}
.btn.is-outline.is-primary.is-disabled,
.btn.is-outline.is-primary:disabled {
  border-color: var(--bbc-color-btn-primary-disabled-outline);
  background-color: var(--bbc-color-btn-primary-disabled-outline);
  color: var(--bbc-color-btn-primary-disabled-outline);
}
.btn.is-plain {
  border-color: var(--bbc-color-element-white) !important;
  background-color: var(--bbc-color-element-white) !important;
  color: var(--bbc-color-text-tertiary);
  font-weight: var(--bbc-font-weight-600);
}
@media (hover: hover) and (pointer: fine) {
  .btn.is-plain:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered) !important;
  }
}
@media (hover: none) and (pointer: coarse) {
  .btn.is-plain:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered) !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .btn.is-plain.is-primary:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    color: var(--bbc-color-btn-primary-normal);
  }
}
@media (hover: none) and (pointer: coarse) {
  .btn.is-plain.is-primary:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    color: var(--bbc-color-btn-primary-normal);
  }
}
.btn.is-ghost {
  border: none;
  background-color: transparent;
  color: var(--bbc-color-text-emphasis);
}
@media (hover: hover) and (pointer: fine) {
  .btn.is-ghost:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered);
  }
}
@media (hover: none) and (pointer: coarse) {
  .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-btn-tertiary-hovered);
  }
}
.btn.is-ghost.is-active {
  background-color: var(--bbc-color-btn-tertiary-pressed);
}
.btn.is-ghost.is-primary {
  background-color: transparent;
  color: var(--bbc-color-text-brand-primary);
}
@media (hover: hover) and (pointer: fine) {
  .btn.is-ghost.is-primary:hover:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-primary-hovered-subtle);
  }
}
@media (hover: none) and (pointer: coarse) {
  .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-btn-primary-hovered-subtle);
  }
}
.btn.is-ghost.is-primary.is-active {
  background-color: var(--bbc-color-btn-primary-pressed-subtle);
}
.btn.is-ghost.is-primary.is-disabled,
.btn.is-ghost.is-primary:disabled {
  color: var(--bbc-color-btn-primary-disabled-outline);
}
.btn.is-shadow {
  box-shadow: var(--bbc-color-shadow-2);
}
.ui-datepicker {
  width: 20rem;
  border-radius: var(--bbc-border-radius-8);
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.02),
    0 4px 8px 0 rgba(0, 0, 0, 0.04);
}
.ui-datepicker .ui-datepicker-header {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.9375rem 0.8125rem 0.5rem 1.4375rem;
  border-top: 1px solid var(--bbc-color-border-tertiary);
  border-left: 1px solid var(--bbc-color-border-tertiary);
  border-right: 1px solid var(--bbc-color-border-tertiary);
  border-radius: var(--bbc-border-radius-8) var(--bbc-border-radius-8) 0 0;
  background-color: var(--bbc-color-element-white);
}
.ui-datepicker .ui-datepicker-header .select {
  position: relative;
}
.ui-datepicker .ui-datepicker-header .select select {
  display: none;
}
.ui-datepicker .ui-datepicker-header .select .custom-select {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 0.25rem;
  width: 100%;
  height: 2.25rem;
  padding: 0 0.125rem;
  cursor: pointer;
  user-select: none;
}
.ui-datepicker .ui-datepicker-header .select .custom-select .custom-select-text {
  display: inline-block;
  max-width: 100%;
  font: var(--bbc-typo-label-1);
  font-weight: var(--bbc-font-weight-500);
  color: var(--bbc-color-text-primary);
  letter-spacing: 0.15px;
  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;
}
.ui-datepicker .ui-datepicker-header .select .custom-select .custom-select-text.is-placeholder {
  color: var(--bbc-color-text-additional);
}
.ui-datepicker .ui-datepicker-header .select .custom-select .custom-select-text.is-has-value {
  color: var(--bbc-color-text-secondary);
}
.ui-datepicker .ui-datepicker-header .select .custom-select: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: 1rem;
  height: 1rem;
  font-size: 1rem;
  color: var(--bbc-color-text-primary);
}
.ui-datepicker .ui-datepicker-header .select .custom-select[aria-expanded='true']:after {
  transform: rotate(-180deg);
}
.ui-datepicker .ui-datepicker-header .custom-select-panel {
  position: absolute;
  left: 0;
  z-index: 9999;
  display: none;
  max-height: 17.5rem;
  overflow: auto;
  border: 1px solid var(--bbc-color-border-emphasis);
  border-radius: var(--bbc-border-radius-6);
  background-color: var(--bbc-color-backgrounds-base);
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.02),
    0 4px 8px 0 rgba(0, 0, 0, 0.04);
  -webkit-overflow-scrolling: touch;
}
.ui-datepicker .ui-datepicker-header .custom-select-panel.is-open {
  display: block;
}
.ui-datepicker .ui-datepicker-header .custom-select-panel.option-list-below {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
}
.ui-datepicker .ui-datepicker-header .custom-select-panel .custom-select-options {
  list-style: none;
  margin: 0.5rem 0;
  padding: 0;
}
.ui-datepicker .ui-datepicker-header .custom-select-panel .custom-select-options > li {
  display: flex;
  align-items: center;
  min-height: 2.375rem;
  padding: 0.3125rem 0.75rem;
  border-radius: var(--bbc-border-radius-xs);
  outline-offset: -0.125rem;
  background-color: var(--bbc-color-fill-accent-0);
  color: var(--bbc-color-text-primary);
  transition: background-color 0.2s;
  font: var(--bbc-typo-label-2);
  font-weight: var(--bbc-font-weight-500);
  cursor: pointer;
}
@media (max-width: 719px) {
  .ui-datepicker .ui-datepicker-header .custom-select-panel .custom-select-options > li {
    min-height: 2.125rem;
  }
}
.ui-datepicker .ui-datepicker-header .custom-select-panel .custom-select-options > li.is-selected {
  background-color: var(--bbc-color-backgrounds-secondary);
  color: var(--bbc-color-text-brand-primary);
}
@media (hover: hover) and (pointer: fine) {
  .ui-datepicker .ui-datepicker-header .custom-select-panel .custom-select-options > li:hover:not(.is-selected):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-backgrounds-secondary);
  }
}
@media (hover: none) and (pointer: coarse) {
  .ui-datepicker .ui-datepicker-header .custom-select-panel .custom-select-options > li:active:not(.is-selected):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-backgrounds-secondary);
  }
}
.ui-datepicker .ui-datepicker-header .custom-select-panel .custom-select-options > li[hidden] {
  display: none;
}
.ui-datepicker .ui-datepicker-header .custom-select-panel .custom-select-options > li[aria-disabled='true'] {
  display: none;
  pointer-events: none;
}
.ui-datepicker .ui-datepicker-title {
  order: 1;
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font: var(--bbc-typo-label-1);
  font-weight: var(--bbc-font-weight-500);
  color: #2d2d2d;
  letter-spacing: 0.15px;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-next.ui-state-disabled,
.ui-datepicker .ui-datepicker-prev.ui-state-disabled {
  cursor: not-allowed;
}
.ui-datepicker .ui-datepicker-next.ui-state-disabled:hover,
.ui-datepicker .ui-datepicker-prev.ui-state-disabled:hover {
  background-color: unset;
}
.ui-datepicker .ui-datepicker-next.ui-state-disabled .icon:after,
.ui-datepicker .ui-datepicker-prev.ui-state-disabled .icon:after {
  color: var(--bbc-color-text-disabled);
}
.ui-datepicker .ui-datepicker-next .icon,
.ui-datepicker .ui-datepicker-prev .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ui-datepicker .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-prev .ui-icon {
  display: none;
}
.ui-datepicker .ui-datepicker-next .icon:after,
.ui-datepicker .ui-datepicker-prev .icon:after {
  color: var(--bbc-color-text-primary);
}
.ui-datepicker .ui-datepicker-prev {
  order: 2;
  margin-right: 0.5rem;
}
.ui-datepicker .ui-datepicker-prev .icon:after {
  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;
  transform: scaleX(-1);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.ui-datepicker .ui-datepicker-next {
  order: 3;
}
.ui-datepicker .ui-datepicker-next .icon:after {
  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: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.ui-datepicker-calendar-wrapper {
  padding: 0 1.6875rem 0.75rem;
  border-left: 1px solid #e0e3e7;
  border-right: 1px solid #e0e3e7;
  background-color: var(--bbc-color-element-white);
}
.ui-datepicker-calendar-wrapper .ui-datepicker-calendar th span {
  font: var(--bbc-typo-label-3);
  font-weight: var(--bbc-font-weight-400);
  color: #717171;
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.5;
}
.ui-datepicker-calendar-wrapper .ui-datepicker-calendar td a {
  font: var(--bbc-typo-label-3);
  font-weight: var(--bbc-font-weight-400);
  color: #2d2d2d;
  display: inline-block;
  text-align: center;
  width: 100%;
  letter-spacing: 0.17px;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.5;
  border-radius: var(--bbc-border-radius-max);
}
.ui-datepicker-calendar-wrapper .ui-datepicker-calendar td a:active,
.ui-datepicker-calendar-wrapper .ui-datepicker-calendar td a:hover {
  background-color: var(--bbc-color-backgrounds-gray-02);
}
.ui-datepicker-calendar-wrapper .ui-datepicker-calendar td a.ui-state-active {
  background-color: var(--bbc-color-backgrounds-accent-point);
  color: var(--bbc-color-text-white);
}
.ui-datepicker-calendar-wrapper .ui-datepicker-calendar td a.ui-state-highlight {
  border: 1px solid #c9cdd2;
}
.ui-datepicker-trigger {
  margin-right: -0.25rem;
}
.ui-datepicker .ui-datepicker-buttonpane {
  padding: 0.9375rem 1.4375rem;
  border: 1px solid var(--bbc-color-border-tertiary);
  display: flex;
  justify-content: right;
  align-items: center;
  border-radius: 0 0 0.5rem 0.5rem;
  background-color: var(--bbc-color-element-white);
}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current {
  display: none;
}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
  height: 2.25rem;
  padding: 0.3125rem 1rem;
  font: var(--bbc-typo-btn-3);
  font-weight: var(--bbc-font-weight-500);
  border-color: var(--bbc-color-btn-tertiary-normal);
  background-color: var(--bbc-color-element-white);
  color: var(--bbc-color-text-tertiary);
}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close .icon:after,
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close .icon:before {
  color: var(--bbc-color-text-emphasis);
}
@media (hover: hover) and (pointer: fine) {
  .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered);
  }
}
@media (hover: none) and (pointer: coarse) {
  .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered);
  }
}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close.is-active {
  background-color: var(--bbc-color-btn-tertiary-pressed);
}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close.is-disabled,
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:disabled {
  border-color: var(--bbc-color-btn-tertiary-disabled);
  background-color: var(--bbc-color-element-white);
  color: var(--bbc-color-btn-tertiary-disabled);
}
@charset "UTF-8"; /*! ============================================================================
 * 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)
 * ========================================================================== */
.bbc .icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  line-height: 1;
}
.bbc .icon,
.bbc .icon:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.bbc .icon:before {
  position: relative;
  background-size: 1.25rem;
  color: var(--bbc-color-element-black);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.bbc .icon.icon-chevron-right:after,
.bbc .icon.icon-chevron-right:before {
  right: -5%;
}
.bbc .icon.icon-chevron-left:after,
.bbc .icon.icon-chevron-left:before {
  left: -5%;
}
.bbc .icon.is-2xs,
.bbc .icon.is-2xs:before {
  width: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.bbc .icon.is-2xs:before {
  background-size: 0.75rem;
}
.bbc .icon.is-xs,
.bbc .icon.is-xs:before {
  width: 1rem;
  height: 1rem;
  font-size: 1rem;
}
.bbc .icon.is-xs:before {
  background-size: 1rem;
}
.bbc .icon.is-sm,
.bbc .icon.is-sm:before {
  width: 1.125rem;
  height: 1.125rem;
  font-size: 1.125rem;
}
.bbc .icon.is-sm:before {
  background-size: 1.125rem;
}
.bbc .icon.is-md,
.bbc .icon.is-md:before {
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.bbc .icon.is-md:before {
  background-size: 1.25rem;
}
.bbc .icon.is-lg,
.bbc .icon.is-lg:before {
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.bbc .icon.is-lg:before {
  background-size: 1.375rem;
}
.bbc .icon.is-xl,
.bbc .icon.is-xl:before {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.bbc .icon.is-xl:before {
  background-size: 1.5rem;
}
.bbc .icon.is-2xl,
.bbc .icon.is-2xl:before {
  width: 2rem;
  height: 2rem;
  font-size: 2rem;
}
.bbc .icon.is-2xl:before {
  background-size: 2rem;
}
.bbc .icon.is-3xl,
.bbc .icon.is-3xl:before {
  width: 2.25rem;
  height: 2.25rem;
  font-size: 2.25rem;
}
.bbc .icon.is-3xl:before {
  background-size: 2.25rem;
}
.bbc .col-1 {
  grid-column: span 1 !important;
}
.bbc .col-2 {
  grid-column: span 2 !important;
}
.bbc .col-3 {
  grid-column: span 3 !important;
}
.bbc .col-4 {
  grid-column: span 4 !important;
}
.bbc .col-5 {
  grid-column: span 5 !important;
}
.bbc .col-6 {
  grid-column: span 6 !important;
}
.bbc .col-7 {
  grid-column: span 7 !important;
}
.bbc .col-8 {
  grid-column: span 8 !important;
}
.bbc .col-9 {
  grid-column: span 9 !important;
}
.bbc .col-10 {
  grid-column: span 10 !important;
}
.bbc .col-11 {
  grid-column: span 11 !important;
}
.bbc .col-12 {
  grid-column: span 12 !important;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc .col-p-1 {
    grid-column: span 1 !important;
  }
  .bbc .col-p-2 {
    grid-column: span 2 !important;
  }
  .bbc .col-p-3 {
    grid-column: span 3 !important;
  }
  .bbc .col-p-4 {
    grid-column: span 4 !important;
  }
  .bbc .col-p-5 {
    grid-column: span 5 !important;
  }
  .bbc .col-p-6 {
    grid-column: span 6 !important;
  }
  .bbc .col-p-7 {
    grid-column: span 7 !important;
  }
  .bbc .col-p-8 {
    grid-column: span 8 !important;
  }
  .bbc .col-p-9 {
    grid-column: span 9 !important;
  }
  .bbc .col-p-10 {
    grid-column: span 10 !important;
  }
  .bbc .col-p-11 {
    grid-column: span 11 !important;
  }
  .bbc .col-p-12 {
    grid-column: span 12 !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .col-m-1 {
    grid-column: span 1 !important;
  }
  .bbc .col-m-2 {
    grid-column: span 2 !important;
  }
  .bbc .col-m-3 {
    grid-column: span 3 !important;
  }
  .bbc .col-m-4 {
    grid-column: span 4 !important;
  }
  .bbc .col-m-5 {
    grid-column: span 5 !important;
  }
  .bbc .col-m-6 {
    grid-column: span 6 !important;
  }
  .bbc .col-m-7 {
    grid-column: span 7 !important;
  }
  .bbc .col-m-8 {
    grid-column: span 8 !important;
  }
  .bbc .col-m-9 {
    grid-column: span 9 !important;
  }
  .bbc .col-m-10 {
    grid-column: span 10 !important;
  }
  .bbc .col-m-11 {
    grid-column: span 11 !important;
  }
  .bbc .col-m-12 {
    grid-column: span 12 !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .col-m-1 {
    grid-column: span 1 !important;
  }
  .bbc .col-m-2 {
    grid-column: span 2 !important;
  }
  .bbc .col-m-3 {
    grid-column: span 3 !important;
  }
  .bbc .col-m-4 {
    grid-column: span 4 !important;
  }
  .bbc .col-m-5 {
    grid-column: span 5 !important;
  }
  .bbc .col-m-6 {
    grid-column: span 6 !important;
  }
  .bbc .col-m-7 {
    grid-column: span 7 !important;
  }
  .bbc .col-m-8 {
    grid-column: span 8 !important;
  }
  .bbc .col-m-9 {
    grid-column: span 9 !important;
  }
  .bbc .col-m-10 {
    grid-column: span 10 !important;
  }
  .bbc .col-m-11 {
    grid-column: span 11 !important;
  }
  .bbc .col-m-12 {
    grid-column: span 12 !important;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .col-t-1 {
    grid-column: span 1 !important;
  }
  .bbc .col-t-2 {
    grid-column: span 2 !important;
  }
  .bbc .col-t-3 {
    grid-column: span 3 !important;
  }
  .bbc .col-t-4 {
    grid-column: span 4 !important;
  }
  .bbc .col-t-5 {
    grid-column: span 5 !important;
  }
  .bbc .col-t-6 {
    grid-column: span 6 !important;
  }
  .bbc .col-t-7 {
    grid-column: span 7 !important;
  }
  .bbc .col-t-8 {
    grid-column: span 8 !important;
  }
  .bbc .col-t-9 {
    grid-column: span 9 !important;
  }
  .bbc .col-t-10 {
    grid-column: span 10 !important;
  }
  .bbc .col-t-11 {
    grid-column: span 11 !important;
  }
  .bbc .col-t-12 {
    grid-column: span 12 !important;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .col-m-1 {
    grid-column: span 1 !important;
  }
  .bbc .col-m-2 {
    grid-column: span 2 !important;
  }
  .bbc .col-m-3 {
    grid-column: span 3 !important;
  }
  .bbc .col-m-4 {
    grid-column: span 4 !important;
  }
  .bbc .col-m-5 {
    grid-column: span 5 !important;
  }
  .bbc .col-m-6 {
    grid-column: span 6 !important;
  }
  .bbc .col-m-7 {
    grid-column: span 7 !important;
  }
  .bbc .col-m-8 {
    grid-column: span 8 !important;
  }
  .bbc .col-m-9 {
    grid-column: span 9 !important;
  }
  .bbc .col-m-10 {
    grid-column: span 10 !important;
  }
  .bbc .col-m-11 {
    grid-column: span 11 !important;
  }
  .bbc .col-m-12 {
    grid-column: span 12 !important;
  }
}
.bbc .row-1 {
  grid-row: span 1 !important;
}
.bbc .row-2 {
  grid-row: span 2 !important;
}
.bbc .row-3 {
  grid-row: span 3 !important;
}
.bbc .row-4 {
  grid-row: span 4 !important;
}
.bbc .row-5 {
  grid-row: span 5 !important;
}
.bbc .row-6 {
  grid-row: span 6 !important;
}
.bbc .row-7 {
  grid-row: span 7 !important;
}
.bbc .row-8 {
  grid-row: span 8 !important;
}
.bbc .row-9 {
  grid-row: span 9 !important;
}
.bbc .row-10 {
  grid-row: span 10 !important;
}
.bbc .row-11 {
  grid-row: span 11 !important;
}
.bbc .row-12 {
  grid-row: span 12 !important;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc .row-p-1 {
    grid-row: span 1 !important;
  }
  .bbc .row-p-2 {
    grid-row: span 2 !important;
  }
  .bbc .row-p-3 {
    grid-row: span 3 !important;
  }
  .bbc .row-p-4 {
    grid-row: span 4 !important;
  }
  .bbc .row-p-5 {
    grid-row: span 5 !important;
  }
  .bbc .row-p-6 {
    grid-row: span 6 !important;
  }
  .bbc .row-p-7 {
    grid-row: span 7 !important;
  }
  .bbc .row-p-8 {
    grid-row: span 8 !important;
  }
  .bbc .row-p-9 {
    grid-row: span 9 !important;
  }
  .bbc .row-p-10 {
    grid-row: span 10 !important;
  }
  .bbc .row-p-11 {
    grid-row: span 11 !important;
  }
  .bbc .row-p-12 {
    grid-row: span 12 !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .row-m-1 {
    grid-row: span 1 !important;
  }
  .bbc .row-m-2 {
    grid-row: span 2 !important;
  }
  .bbc .row-m-3 {
    grid-row: span 3 !important;
  }
  .bbc .row-m-4 {
    grid-row: span 4 !important;
  }
  .bbc .row-m-5 {
    grid-row: span 5 !important;
  }
  .bbc .row-m-6 {
    grid-row: span 6 !important;
  }
  .bbc .row-m-7 {
    grid-row: span 7 !important;
  }
  .bbc .row-m-8 {
    grid-row: span 8 !important;
  }
  .bbc .row-m-9 {
    grid-row: span 9 !important;
  }
  .bbc .row-m-10 {
    grid-row: span 10 !important;
  }
  .bbc .row-m-11 {
    grid-row: span 11 !important;
  }
  .bbc .row-m-12 {
    grid-row: span 12 !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .row-m-1 {
    grid-row: span 1 !important;
  }
  .bbc .row-m-2 {
    grid-row: span 2 !important;
  }
  .bbc .row-m-3 {
    grid-row: span 3 !important;
  }
  .bbc .row-m-4 {
    grid-row: span 4 !important;
  }
  .bbc .row-m-5 {
    grid-row: span 5 !important;
  }
  .bbc .row-m-6 {
    grid-row: span 6 !important;
  }
  .bbc .row-m-7 {
    grid-row: span 7 !important;
  }
  .bbc .row-m-8 {
    grid-row: span 8 !important;
  }
  .bbc .row-m-9 {
    grid-row: span 9 !important;
  }
  .bbc .row-m-10 {
    grid-row: span 10 !important;
  }
  .bbc .row-m-11 {
    grid-row: span 11 !important;
  }
  .bbc .row-m-12 {
    grid-row: span 12 !important;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .row-t-1 {
    grid-row: span 1 !important;
  }
  .bbc .row-t-2 {
    grid-row: span 2 !important;
  }
  .bbc .row-t-3 {
    grid-row: span 3 !important;
  }
  .bbc .row-t-4 {
    grid-row: span 4 !important;
  }
  .bbc .row-t-5 {
    grid-row: span 5 !important;
  }
  .bbc .row-t-6 {
    grid-row: span 6 !important;
  }
  .bbc .row-t-7 {
    grid-row: span 7 !important;
  }
  .bbc .row-t-8 {
    grid-row: span 8 !important;
  }
  .bbc .row-t-9 {
    grid-row: span 9 !important;
  }
  .bbc .row-t-10 {
    grid-row: span 10 !important;
  }
  .bbc .row-t-11 {
    grid-row: span 11 !important;
  }
  .bbc .row-t-12 {
    grid-row: span 12 !important;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .row-m-1 {
    grid-row: span 1 !important;
  }
  .bbc .row-m-2 {
    grid-row: span 2 !important;
  }
  .bbc .row-m-3 {
    grid-row: span 3 !important;
  }
  .bbc .row-m-4 {
    grid-row: span 4 !important;
  }
  .bbc .row-m-5 {
    grid-row: span 5 !important;
  }
  .bbc .row-m-6 {
    grid-row: span 6 !important;
  }
  .bbc .row-m-7 {
    grid-row: span 7 !important;
  }
  .bbc .row-m-8 {
    grid-row: span 8 !important;
  }
  .bbc .row-m-9 {
    grid-row: span 9 !important;
  }
  .bbc .row-m-10 {
    grid-row: span 10 !important;
  }
  .bbc .row-m-11 {
    grid-row: span 11 !important;
  }
  .bbc .row-m-12 {
    grid-row: span 12 !important;
  }
}
.bbc .gap-none {
  gap: 0 !important;
}
.bbc .gap-row-none {
  row-gap: 0 !important;
}
.bbc .gap-col-none {
  column-gap: 0 !important;
}
.bbc .gap-4 {
  gap: 0.25rem !important;
}
.bbc .gap-row-4 {
  row-gap: 0.25rem !important;
}
.bbc .gap-col-4 {
  column-gap: 0.25rem !important;
}
.bbc .gap-6 {
  gap: 0.375rem !important;
}
.bbc .gap-row-6 {
  row-gap: 0.375rem !important;
}
.bbc .gap-col-6 {
  column-gap: 0.375rem !important;
}
.bbc .gap-8 {
  gap: 0.5rem !important;
}
.bbc .gap-row-8 {
  row-gap: 0.5rem !important;
}
.bbc .gap-col-8 {
  column-gap: 0.5rem !important;
}
.bbc .gap-10 {
  gap: 0.625rem !important;
}
.bbc .gap-row-10 {
  row-gap: 0.625rem !important;
}
.bbc .gap-col-10 {
  column-gap: 0.625rem !important;
}
.bbc .gap-12 {
  gap: 0.75rem !important;
}
.bbc .gap-row-12 {
  row-gap: 0.75rem !important;
}
.bbc .gap-col-12 {
  column-gap: 0.75rem !important;
}
.bbc .gap-14 {
  gap: 0.875rem !important;
}
.bbc .gap-row-14 {
  row-gap: 0.875rem !important;
}
.bbc .gap-col-14 {
  column-gap: 0.875rem !important;
}
.bbc .gap-16 {
  gap: 1rem !important;
}
.bbc .gap-row-16 {
  row-gap: 1rem !important;
}
.bbc .gap-col-16 {
  column-gap: 1rem !important;
}
.bbc .gap-18 {
  gap: 1.125rem !important;
}
.bbc .gap-row-18 {
  row-gap: 1.125rem !important;
}
.bbc .gap-col-18 {
  column-gap: 1.125rem !important;
}
.bbc .gap-20 {
  gap: 1.25rem !important;
}
.bbc .gap-row-20 {
  row-gap: 1.25rem !important;
}
.bbc .gap-col-20 {
  column-gap: 1.25rem !important;
}
.bbc .gap-24 {
  gap: 1.5rem !important;
}
.bbc .gap-row-24 {
  row-gap: 1.5rem !important;
}
.bbc .gap-col-24 {
  column-gap: 1.5rem !important;
}
.bbc .gap-30 {
  gap: 1.875rem !important;
}
.bbc .gap-row-30 {
  row-gap: 1.875rem !important;
}
.bbc .gap-col-30 {
  column-gap: 1.875rem !important;
}
.bbc .gap-34 {
  gap: 2.125rem !important;
}
.bbc .gap-row-34 {
  row-gap: 2.125rem !important;
}
.bbc .gap-col-34 {
  column-gap: 2.125rem !important;
}
.bbc .gap-40 {
  gap: 2.5rem !important;
}
.bbc .gap-row-40 {
  row-gap: 2.5rem !important;
}
.bbc .gap-col-40 {
  column-gap: 2.5rem !important;
}
.bbc .gap-45 {
  gap: 2.8125rem !important;
}
.bbc .gap-row-45 {
  row-gap: 2.8125rem !important;
}
.bbc .gap-col-45 {
  column-gap: 2.8125rem !important;
}
.bbc .gap-50 {
  gap: 3.125rem !important;
}
.bbc .gap-row-50 {
  row-gap: 3.125rem !important;
}
.bbc .gap-col-50 {
  column-gap: 3.125rem !important;
}
.bbc .gap-100 {
  gap: 6.25rem !important;
}
.bbc .gap-row-100 {
  row-gap: 6.25rem !important;
}
.bbc .gap-col-100 {
  column-gap: 6.25rem !important;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc .gap-p-none {
    gap: 0 !important;
  }
  .bbc .gap-row-p-none {
    row-gap: 0 !important;
  }
  .bbc .gap-col-p-none {
    column-gap: 0 !important;
  }
  .bbc .gap-p-4 {
    gap: 0.25rem !important;
  }
  .bbc .gap-row-p-4 {
    row-gap: 0.25rem !important;
  }
  .bbc .gap-col-p-4 {
    column-gap: 0.25rem !important;
  }
  .bbc .gap-p-6 {
    gap: 0.375rem !important;
  }
  .bbc .gap-row-p-6 {
    row-gap: 0.375rem !important;
  }
  .bbc .gap-col-p-6 {
    column-gap: 0.375rem !important;
  }
  .bbc .gap-p-8 {
    gap: 0.5rem !important;
  }
  .bbc .gap-row-p-8 {
    row-gap: 0.5rem !important;
  }
  .bbc .gap-col-p-8 {
    column-gap: 0.5rem !important;
  }
  .bbc .gap-p-10 {
    gap: 0.625rem !important;
  }
  .bbc .gap-row-p-10 {
    row-gap: 0.625rem !important;
  }
  .bbc .gap-col-p-10 {
    column-gap: 0.625rem !important;
  }
  .bbc .gap-p-12 {
    gap: 0.75rem !important;
  }
  .bbc .gap-row-p-12 {
    row-gap: 0.75rem !important;
  }
  .bbc .gap-col-p-12 {
    column-gap: 0.75rem !important;
  }
  .bbc .gap-p-14 {
    gap: 0.875rem !important;
  }
  .bbc .gap-row-p-14 {
    row-gap: 0.875rem !important;
  }
  .bbc .gap-col-p-14 {
    column-gap: 0.875rem !important;
  }
  .bbc .gap-p-16 {
    gap: 1rem !important;
  }
  .bbc .gap-row-p-16 {
    row-gap: 1rem !important;
  }
  .bbc .gap-col-p-16 {
    column-gap: 1rem !important;
  }
  .bbc .gap-p-18 {
    gap: 1.125rem !important;
  }
  .bbc .gap-row-p-18 {
    row-gap: 1.125rem !important;
  }
  .bbc .gap-col-p-18 {
    column-gap: 1.125rem !important;
  }
  .bbc .gap-p-20 {
    gap: 1.25rem !important;
  }
  .bbc .gap-row-p-20 {
    row-gap: 1.25rem !important;
  }
  .bbc .gap-col-p-20 {
    column-gap: 1.25rem !important;
  }
  .bbc .gap-p-24 {
    gap: 1.5rem !important;
  }
  .bbc .gap-row-p-24 {
    row-gap: 1.5rem !important;
  }
  .bbc .gap-col-p-24 {
    column-gap: 1.5rem !important;
  }
  .bbc .gap-p-30 {
    gap: 1.875rem !important;
  }
  .bbc .gap-row-p-30 {
    row-gap: 1.875rem !important;
  }
  .bbc .gap-col-p-30 {
    column-gap: 1.875rem !important;
  }
  .bbc .gap-p-34 {
    gap: 2.125rem !important;
  }
  .bbc .gap-row-p-34 {
    row-gap: 2.125rem !important;
  }
  .bbc .gap-col-p-34 {
    column-gap: 2.125rem !important;
  }
  .bbc .gap-p-40 {
    gap: 2.5rem !important;
  }
  .bbc .gap-row-p-40 {
    row-gap: 2.5rem !important;
  }
  .bbc .gap-col-p-40 {
    column-gap: 2.5rem !important;
  }
  .bbc .gap-p-45 {
    gap: 2.8125rem !important;
  }
  .bbc .gap-row-p-45 {
    row-gap: 2.8125rem !important;
  }
  .bbc .gap-col-p-45 {
    column-gap: 2.8125rem !important;
  }
  .bbc .gap-p-50 {
    gap: 3.125rem !important;
  }
  .bbc .gap-row-p-50 {
    row-gap: 3.125rem !important;
  }
  .bbc .gap-col-p-50 {
    column-gap: 3.125rem !important;
  }
  .bbc .gap-p-100 {
    gap: 6.25rem !important;
  }
  .bbc .gap-row-p-100 {
    row-gap: 6.25rem !important;
  }
  .bbc .gap-col-p-100 {
    column-gap: 6.25rem !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .gap-m-none {
    gap: 0 !important;
  }
  .bbc .gap-row-m-none {
    row-gap: 0 !important;
  }
  .bbc .gap-col-m-none {
    column-gap: 0 !important;
  }
  .bbc .gap-m-4 {
    gap: 0.25rem !important;
  }
  .bbc .gap-row-m-4 {
    row-gap: 0.25rem !important;
  }
  .bbc .gap-col-m-4 {
    column-gap: 0.25rem !important;
  }
  .bbc .gap-m-6 {
    gap: 0.375rem !important;
  }
  .bbc .gap-row-m-6 {
    row-gap: 0.375rem !important;
  }
  .bbc .gap-col-m-6 {
    column-gap: 0.375rem !important;
  }
  .bbc .gap-m-8 {
    gap: 0.5rem !important;
  }
  .bbc .gap-row-m-8 {
    row-gap: 0.5rem !important;
  }
  .bbc .gap-col-m-8 {
    column-gap: 0.5rem !important;
  }
  .bbc .gap-m-10 {
    gap: 0.625rem !important;
  }
  .bbc .gap-row-m-10 {
    row-gap: 0.625rem !important;
  }
  .bbc .gap-col-m-10 {
    column-gap: 0.625rem !important;
  }
  .bbc .gap-m-12 {
    gap: 0.75rem !important;
  }
  .bbc .gap-row-m-12 {
    row-gap: 0.75rem !important;
  }
  .bbc .gap-col-m-12 {
    column-gap: 0.75rem !important;
  }
  .bbc .gap-m-14 {
    gap: 0.875rem !important;
  }
  .bbc .gap-row-m-14 {
    row-gap: 0.875rem !important;
  }
  .bbc .gap-col-m-14 {
    column-gap: 0.875rem !important;
  }
  .bbc .gap-m-16 {
    gap: 1rem !important;
  }
  .bbc .gap-row-m-16 {
    row-gap: 1rem !important;
  }
  .bbc .gap-col-m-16 {
    column-gap: 1rem !important;
  }
  .bbc .gap-m-18 {
    gap: 1.125rem !important;
  }
  .bbc .gap-row-m-18 {
    row-gap: 1.125rem !important;
  }
  .bbc .gap-col-m-18 {
    column-gap: 1.125rem !important;
  }
  .bbc .gap-m-20 {
    gap: 1.25rem !important;
  }
  .bbc .gap-row-m-20 {
    row-gap: 1.25rem !important;
  }
  .bbc .gap-col-m-20 {
    column-gap: 1.25rem !important;
  }
  .bbc .gap-m-24 {
    gap: 1.5rem !important;
  }
  .bbc .gap-row-m-24 {
    row-gap: 1.5rem !important;
  }
  .bbc .gap-col-m-24 {
    column-gap: 1.5rem !important;
  }
  .bbc .gap-m-30 {
    gap: 1.875rem !important;
  }
  .bbc .gap-row-m-30 {
    row-gap: 1.875rem !important;
  }
  .bbc .gap-col-m-30 {
    column-gap: 1.875rem !important;
  }
  .bbc .gap-m-34 {
    gap: 2.125rem !important;
  }
  .bbc .gap-row-m-34 {
    row-gap: 2.125rem !important;
  }
  .bbc .gap-col-m-34 {
    column-gap: 2.125rem !important;
  }
  .bbc .gap-m-40 {
    gap: 2.5rem !important;
  }
  .bbc .gap-row-m-40 {
    row-gap: 2.5rem !important;
  }
  .bbc .gap-col-m-40 {
    column-gap: 2.5rem !important;
  }
  .bbc .gap-m-45 {
    gap: 2.8125rem !important;
  }
  .bbc .gap-row-m-45 {
    row-gap: 2.8125rem !important;
  }
  .bbc .gap-col-m-45 {
    column-gap: 2.8125rem !important;
  }
  .bbc .gap-m-50 {
    gap: 3.125rem !important;
  }
  .bbc .gap-row-m-50 {
    row-gap: 3.125rem !important;
  }
  .bbc .gap-col-m-50 {
    column-gap: 3.125rem !important;
  }
  .bbc .gap-m-100 {
    gap: 6.25rem !important;
  }
  .bbc .gap-row-m-100 {
    row-gap: 6.25rem !important;
  }
  .bbc .gap-col-m-100 {
    column-gap: 6.25rem !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .gap-m-none {
    gap: 0 !important;
  }
  .bbc .gap-row-m-none {
    row-gap: 0 !important;
  }
  .bbc .gap-col-m-none {
    column-gap: 0 !important;
  }
  .bbc .gap-m-4 {
    gap: 0.25rem !important;
  }
  .bbc .gap-row-m-4 {
    row-gap: 0.25rem !important;
  }
  .bbc .gap-col-m-4 {
    column-gap: 0.25rem !important;
  }
  .bbc .gap-m-6 {
    gap: 0.375rem !important;
  }
  .bbc .gap-row-m-6 {
    row-gap: 0.375rem !important;
  }
  .bbc .gap-col-m-6 {
    column-gap: 0.375rem !important;
  }
  .bbc .gap-m-8 {
    gap: 0.5rem !important;
  }
  .bbc .gap-row-m-8 {
    row-gap: 0.5rem !important;
  }
  .bbc .gap-col-m-8 {
    column-gap: 0.5rem !important;
  }
  .bbc .gap-m-10 {
    gap: 0.625rem !important;
  }
  .bbc .gap-row-m-10 {
    row-gap: 0.625rem !important;
  }
  .bbc .gap-col-m-10 {
    column-gap: 0.625rem !important;
  }
  .bbc .gap-m-12 {
    gap: 0.75rem !important;
  }
  .bbc .gap-row-m-12 {
    row-gap: 0.75rem !important;
  }
  .bbc .gap-col-m-12 {
    column-gap: 0.75rem !important;
  }
  .bbc .gap-m-14 {
    gap: 0.875rem !important;
  }
  .bbc .gap-row-m-14 {
    row-gap: 0.875rem !important;
  }
  .bbc .gap-col-m-14 {
    column-gap: 0.875rem !important;
  }
  .bbc .gap-m-16 {
    gap: 1rem !important;
  }
  .bbc .gap-row-m-16 {
    row-gap: 1rem !important;
  }
  .bbc .gap-col-m-16 {
    column-gap: 1rem !important;
  }
  .bbc .gap-m-18 {
    gap: 1.125rem !important;
  }
  .bbc .gap-row-m-18 {
    row-gap: 1.125rem !important;
  }
  .bbc .gap-col-m-18 {
    column-gap: 1.125rem !important;
  }
  .bbc .gap-m-20 {
    gap: 1.25rem !important;
  }
  .bbc .gap-row-m-20 {
    row-gap: 1.25rem !important;
  }
  .bbc .gap-col-m-20 {
    column-gap: 1.25rem !important;
  }
  .bbc .gap-m-24 {
    gap: 1.5rem !important;
  }
  .bbc .gap-row-m-24 {
    row-gap: 1.5rem !important;
  }
  .bbc .gap-col-m-24 {
    column-gap: 1.5rem !important;
  }
  .bbc .gap-m-30 {
    gap: 1.875rem !important;
  }
  .bbc .gap-row-m-30 {
    row-gap: 1.875rem !important;
  }
  .bbc .gap-col-m-30 {
    column-gap: 1.875rem !important;
  }
  .bbc .gap-m-34 {
    gap: 2.125rem !important;
  }
  .bbc .gap-row-m-34 {
    row-gap: 2.125rem !important;
  }
  .bbc .gap-col-m-34 {
    column-gap: 2.125rem !important;
  }
  .bbc .gap-m-40 {
    gap: 2.5rem !important;
  }
  .bbc .gap-row-m-40 {
    row-gap: 2.5rem !important;
  }
  .bbc .gap-col-m-40 {
    column-gap: 2.5rem !important;
  }
  .bbc .gap-m-45 {
    gap: 2.8125rem !important;
  }
  .bbc .gap-row-m-45 {
    row-gap: 2.8125rem !important;
  }
  .bbc .gap-col-m-45 {
    column-gap: 2.8125rem !important;
  }
  .bbc .gap-m-50 {
    gap: 3.125rem !important;
  }
  .bbc .gap-row-m-50 {
    row-gap: 3.125rem !important;
  }
  .bbc .gap-col-m-50 {
    column-gap: 3.125rem !important;
  }
  .bbc .gap-m-100 {
    gap: 6.25rem !important;
  }
  .bbc .gap-row-m-100 {
    row-gap: 6.25rem !important;
  }
  .bbc .gap-col-m-100 {
    column-gap: 6.25rem !important;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .gap-t-none {
    gap: 0 !important;
  }
  .bbc .gap-row-t-none {
    row-gap: 0 !important;
  }
  .bbc .gap-col-t-none {
    column-gap: 0 !important;
  }
  .bbc .gap-t-4 {
    gap: 0.25rem !important;
  }
  .bbc .gap-row-t-4 {
    row-gap: 0.25rem !important;
  }
  .bbc .gap-col-t-4 {
    column-gap: 0.25rem !important;
  }
  .bbc .gap-t-6 {
    gap: 0.375rem !important;
  }
  .bbc .gap-row-t-6 {
    row-gap: 0.375rem !important;
  }
  .bbc .gap-col-t-6 {
    column-gap: 0.375rem !important;
  }
  .bbc .gap-t-8 {
    gap: 0.5rem !important;
  }
  .bbc .gap-row-t-8 {
    row-gap: 0.5rem !important;
  }
  .bbc .gap-col-t-8 {
    column-gap: 0.5rem !important;
  }
  .bbc .gap-t-10 {
    gap: 0.625rem !important;
  }
  .bbc .gap-row-t-10 {
    row-gap: 0.625rem !important;
  }
  .bbc .gap-col-t-10 {
    column-gap: 0.625rem !important;
  }
  .bbc .gap-t-12 {
    gap: 0.75rem !important;
  }
  .bbc .gap-row-t-12 {
    row-gap: 0.75rem !important;
  }
  .bbc .gap-col-t-12 {
    column-gap: 0.75rem !important;
  }
  .bbc .gap-t-14 {
    gap: 0.875rem !important;
  }
  .bbc .gap-row-t-14 {
    row-gap: 0.875rem !important;
  }
  .bbc .gap-col-t-14 {
    column-gap: 0.875rem !important;
  }
  .bbc .gap-t-16 {
    gap: 1rem !important;
  }
  .bbc .gap-row-t-16 {
    row-gap: 1rem !important;
  }
  .bbc .gap-col-t-16 {
    column-gap: 1rem !important;
  }
  .bbc .gap-t-18 {
    gap: 1.125rem !important;
  }
  .bbc .gap-row-t-18 {
    row-gap: 1.125rem !important;
  }
  .bbc .gap-col-t-18 {
    column-gap: 1.125rem !important;
  }
  .bbc .gap-t-20 {
    gap: 1.25rem !important;
  }
  .bbc .gap-row-t-20 {
    row-gap: 1.25rem !important;
  }
  .bbc .gap-col-t-20 {
    column-gap: 1.25rem !important;
  }
  .bbc .gap-t-24 {
    gap: 1.5rem !important;
  }
  .bbc .gap-row-t-24 {
    row-gap: 1.5rem !important;
  }
  .bbc .gap-col-t-24 {
    column-gap: 1.5rem !important;
  }
  .bbc .gap-t-30 {
    gap: 1.875rem !important;
  }
  .bbc .gap-row-t-30 {
    row-gap: 1.875rem !important;
  }
  .bbc .gap-col-t-30 {
    column-gap: 1.875rem !important;
  }
  .bbc .gap-t-34 {
    gap: 2.125rem !important;
  }
  .bbc .gap-row-t-34 {
    row-gap: 2.125rem !important;
  }
  .bbc .gap-col-t-34 {
    column-gap: 2.125rem !important;
  }
  .bbc .gap-t-40 {
    gap: 2.5rem !important;
  }
  .bbc .gap-row-t-40 {
    row-gap: 2.5rem !important;
  }
  .bbc .gap-col-t-40 {
    column-gap: 2.5rem !important;
  }
  .bbc .gap-t-45 {
    gap: 2.8125rem !important;
  }
  .bbc .gap-row-t-45 {
    row-gap: 2.8125rem !important;
  }
  .bbc .gap-col-t-45 {
    column-gap: 2.8125rem !important;
  }
  .bbc .gap-t-50 {
    gap: 3.125rem !important;
  }
  .bbc .gap-row-t-50 {
    row-gap: 3.125rem !important;
  }
  .bbc .gap-col-t-50 {
    column-gap: 3.125rem !important;
  }
  .bbc .gap-t-100 {
    gap: 6.25rem !important;
  }
  .bbc .gap-row-t-100 {
    row-gap: 6.25rem !important;
  }
  .bbc .gap-col-t-100 {
    column-gap: 6.25rem !important;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .gap-m-none {
    gap: 0 !important;
  }
  .bbc .gap-row-m-none {
    row-gap: 0 !important;
  }
  .bbc .gap-col-m-none {
    column-gap: 0 !important;
  }
  .bbc .gap-m-4 {
    gap: 0.25rem !important;
  }
  .bbc .gap-row-m-4 {
    row-gap: 0.25rem !important;
  }
  .bbc .gap-col-m-4 {
    column-gap: 0.25rem !important;
  }
  .bbc .gap-m-6 {
    gap: 0.375rem !important;
  }
  .bbc .gap-row-m-6 {
    row-gap: 0.375rem !important;
  }
  .bbc .gap-col-m-6 {
    column-gap: 0.375rem !important;
  }
  .bbc .gap-m-8 {
    gap: 0.5rem !important;
  }
  .bbc .gap-row-m-8 {
    row-gap: 0.5rem !important;
  }
  .bbc .gap-col-m-8 {
    column-gap: 0.5rem !important;
  }
  .bbc .gap-m-10 {
    gap: 0.625rem !important;
  }
  .bbc .gap-row-m-10 {
    row-gap: 0.625rem !important;
  }
  .bbc .gap-col-m-10 {
    column-gap: 0.625rem !important;
  }
  .bbc .gap-m-12 {
    gap: 0.75rem !important;
  }
  .bbc .gap-row-m-12 {
    row-gap: 0.75rem !important;
  }
  .bbc .gap-col-m-12 {
    column-gap: 0.75rem !important;
  }
  .bbc .gap-m-14 {
    gap: 0.875rem !important;
  }
  .bbc .gap-row-m-14 {
    row-gap: 0.875rem !important;
  }
  .bbc .gap-col-m-14 {
    column-gap: 0.875rem !important;
  }
  .bbc .gap-m-16 {
    gap: 1rem !important;
  }
  .bbc .gap-row-m-16 {
    row-gap: 1rem !important;
  }
  .bbc .gap-col-m-16 {
    column-gap: 1rem !important;
  }
  .bbc .gap-m-18 {
    gap: 1.125rem !important;
  }
  .bbc .gap-row-m-18 {
    row-gap: 1.125rem !important;
  }
  .bbc .gap-col-m-18 {
    column-gap: 1.125rem !important;
  }
  .bbc .gap-m-20 {
    gap: 1.25rem !important;
  }
  .bbc .gap-row-m-20 {
    row-gap: 1.25rem !important;
  }
  .bbc .gap-col-m-20 {
    column-gap: 1.25rem !important;
  }
  .bbc .gap-m-24 {
    gap: 1.5rem !important;
  }
  .bbc .gap-row-m-24 {
    row-gap: 1.5rem !important;
  }
  .bbc .gap-col-m-24 {
    column-gap: 1.5rem !important;
  }
  .bbc .gap-m-30 {
    gap: 1.875rem !important;
  }
  .bbc .gap-row-m-30 {
    row-gap: 1.875rem !important;
  }
  .bbc .gap-col-m-30 {
    column-gap: 1.875rem !important;
  }
  .bbc .gap-m-34 {
    gap: 2.125rem !important;
  }
  .bbc .gap-row-m-34 {
    row-gap: 2.125rem !important;
  }
  .bbc .gap-col-m-34 {
    column-gap: 2.125rem !important;
  }
  .bbc .gap-m-40 {
    gap: 2.5rem !important;
  }
  .bbc .gap-row-m-40 {
    row-gap: 2.5rem !important;
  }
  .bbc .gap-col-m-40 {
    column-gap: 2.5rem !important;
  }
  .bbc .gap-m-45 {
    gap: 2.8125rem !important;
  }
  .bbc .gap-row-m-45 {
    row-gap: 2.8125rem !important;
  }
  .bbc .gap-col-m-45 {
    column-gap: 2.8125rem !important;
  }
  .bbc .gap-m-50 {
    gap: 3.125rem !important;
  }
  .bbc .gap-row-m-50 {
    row-gap: 3.125rem !important;
  }
  .bbc .gap-col-m-50 {
    column-gap: 3.125rem !important;
  }
  .bbc .gap-m-100 {
    gap: 6.25rem !important;
  }
  .bbc .gap-row-m-100 {
    row-gap: 6.25rem !important;
  }
  .bbc .gap-col-m-100 {
    column-gap: 6.25rem !important;
  }
}
.bbc #skipnavigation a {
  position: fixed;
  left: -3000%;
}
.bbc #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;
}
.bbc .icon.icon-ext-firstpage:before {
  content: '';
  background-image: url(../images/common/icon_ext_first-page.svg);
}
.bbc .icon.icon-ext-homework:before {
  content: '';
  background-image: url(../images/common/icon_ext_homework.svg);
}
.bbc .icon.icon-ext-trip:before {
  content: '';
  background-image: url(../images/common/icon_ext_trip.svg);
}
.bbc .icon.icon-ext-talk:before {
  content: '';
  background-image: url(../images/common/icon_ext_talk.svg);
}
.bbc .icon.icon-ext-growthlog:before {
  content: '';
  background-image: url(../images/common/icon_ext_growth-log.svg);
}
.bbc .icon.icon-ext-profile:before {
  content: '';
  background-image: url(../images/common/icon_ext_profile.svg);
}
.bbc .icon.icon-ext-memo:before {
  content: '';
  background-image: url(../images/common/icon_ext_memo.svg);
}
.bbc .icon.icon-ext-paper:before {
  content: '';
  background-image: url(../images/common/icon_ext_paper.svg);
}
.bbc .icon.icon-ext-calendar:before {
  content: '';
  background-image: url(../images/common/icon_ext_calendar.svg);
}
.bbc .icon.icon-ext-checked:before {
  content: '';
  background-image: url(../images/common/icon_ext_checked.svg);
}
.bbc .icon.icon-ext-edit:before {
  content: '';
  background-image: url(../images/common/icon_ext_edit.svg);
}
.bbc .icon.icon-ext-fire:before {
  content: '';
  background-image: url(../images/common/icon_ext_fire.svg);
}
.bbc .icon.icon-ext-folder:before {
  content: '';
  background-image: url(../images/common/icon_ext_folder.svg);
}
.bbc .icon.icon-ext-zip:before {
  content: '';
  background-image: url(../images/common/icon_ext_zip.svg);
}
.bbc .icon.icon-ext-image:before {
  content: '';
  background-image: url(../images/common/icon_ext_image.svg);
}
.bbc .icon.icon-ext-video:before {
  content: '';
  background-image: url(../images/common/icon_ext_video.svg);
}
.bbc .icon.icon-ext-txt:before {
  content: '';
  background-image: url(../images/common/icon_ext_txt.svg);
}
.bbc .icon.icon-ext-pdf:before {
  content: '';
  background-image: url(../images/common/icon_ext_pdf.svg);
}
.bbc .icon.icon-ext-lock:before {
  content: '';
  background-image: url(../images/common/icon_ext_lock.svg);
}
.bbc .icon.icon-ext-book:before {
  content: '';
  background-image: url(../images/common/icon_ext_book.svg);
}
.bbc .icon.icon-ext-airplane:before {
  content: '';
  background-image: url(../images/common/icon_ext_airplane.svg);
}
.bbc .icon.icon-ext-airplane-gray:before {
  content: '';
  background-image: url(../images/common/icon_ext_airplane_gray.svg);
}
.bbc .icon.icon-new:before {
  content: '';
  background-image: url(../images/common/icon_new.svg);
}
.bbc .icon.icon-notification-check {
  position: relative;
}
.bbc .icon.icon-notification-check:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: var(--bbc-color-icon-fill-green);
  border-radius: var(--bbc-border-radius-circle);
  transform: translate(-50%, -50%);
  z-index: 0;
}
.bbc .icon.icon-notification-check:after {
  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: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
  position: relative;
  color: var(--bbc-color-text-white);
  z-index: 1;
}
.bbc .icon.icon-notification-comment:before {
  content: '';
  background-color: var(--bbc-color-icon-fill-yellow);
  -webkit-mask: url(../images/common/icon_notification_comment.svg) no-repeat center/contain;
  mask: url(../images/common/icon_notification_comment.svg) no-repeat center/contain;
}
.bbc .icon.icon-google:before {
  content: '';
  background-image: url(../images/common/icon_google.svg);
}
.bbc .icon.icon-whale:before {
  content: '';
  background-image: url(../images/common/icon_whaleclass.svg);
}
.bbc .icon.icon-apple:before {
  content: '';
  background-image: url(../images/common/icon_apple.svg);
}
.bbc .icon.icon-ms:before {
  content: '';
  background-image: url(../images/common/icon_ms.svg);
}
.bbc .icon.icon-portal:before {
  content: '';
  background-image: url(../images/common/icon_portal.svg);
}
.bbc .icon.icon-stclass:before {
  content: '';
  background-image: url(../images/common/icon_stclass.svg);
}
.bbc .fieldset {
  gap: 40px;
  width: 100%;
}
.bbc .field,
.bbc .fieldset {
  display: flex;
  flex-direction: column;
}
.bbc .field {
  gap: 10px;
}
.bbc .field:has(.field-msg .is-error) .field-counter,
.bbc .field:has(.field-msg .is-error) .field-helper:not(.is-persistent),
.bbc .field:has(.field-msg .is-positive) .field-counter,
.bbc .field:has(.field-msg .is-positive) .field-helper:not(.is-persistent) {
  display: none;
}
.bbc .field-title {
  display: flex;
  align-items: center;
  gap: 5px;
  font: var(--bbc-typo-label-1);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .field-title.is-required:after {
  margin-left: 4px;
  color: var(--bbc-color-states-negative);
  vertical-align: middle;
  content: '*';
}
.bbc .field-combo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.bbc .field-msg.is-error {
  display: flex;
  gap: 4px;
  color: var(--bbc-color-states-negative);
  font: var(--bbc-typo-label-3);
  font-weight: var(--bbc-font-weight-400);
}
.bbc .field-msg.is-positive {
  color: var(--bbc-color-text-positive-0);
}
.bbc .field-helper,
.bbc .field-msg.is-positive {
  display: flex;
  gap: 4px;
  font-size: var(--bbc-font-size-14);
}
.bbc .field-helper {
  color: var(--bbc-color-text-natural-1);
}
.bbc .field-helper p {
  position: relative;
  display: flex;
  padding-left: 10px;
}
.bbc .field-helper p:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '-';
}
.bbc .field-counter {
  display: flex;
  flex: 0 0 auto;
  gap: 2px;
  margin-left: auto;
  color: var(--bbc-color-text-natural-1);
  font-size: var(--bbc-font-size-14);
  font-weight: var(--bbc-font-weight-400);
}
.bbc .field-counter .slash:before {
  color: #999;
  content: '/';
}
.bbc .field-counter.is-error .current-count {
  color: var(--bbc-color-text-negative-0);
}
.bbc .input-action-field {
  display: flex;
  gap: 6px;
}
.bbc .input-action-field .input {
  flex: 1 1 auto;
  min-width: 0;
}
.bbc .input-action-field .btn,
.bbc .input-action-field .select {
  flex: 0 0 auto;
}
.bbc .upload-set {
  display: flex;
  flex-wrap: nowrap;
}
.bbc .upload-set .input {
  flex: 1 1 auto;
}
.bbc .upload-set .input input {
  cursor: pointer;
}
.bbc .upload-set .btn {
  flex: 1 0 auto;
}
.bbc .search-set {
  display: flex;
}
.bbc .search-set .select {
  width: 125px;
}
.bbc .search-set .input {
  width: 350px;
}
.bbc .input-action-set {
  flex-wrap: nowrap;
  gap: 15px;
}
.bbc .input-action-set .input {
  flex: 1 1 auto;
}
.bbc .input-action-set .btn,
.bbc .input-action-set .icon-btn {
  flex: 0 0 auto;
}
.bbc .combobox,
.bbc .input {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  background-color: var(--bbc-color-backgrounds-text-field);
}
.bbc .combobox,
.bbc .combobox input,
.bbc .input,
.bbc .input input {
  width: 100%;
  color: var(--bbc-color-text-primary);
}
.bbc .combobox input,
.bbc .input input {
  overflow: hidden;
  height: 100%;
  padding: 0 1rem;
  outline: none;
  background-color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  font: var(--bbc-typo-body-2);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .combobox input:-ms-input-placeholder,
.bbc .input input:-ms-input-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .combobox input::-ms-input-placeholder,
.bbc .input input::-ms-input-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .combobox input:-moz-placeholder,
.bbc .combobox input::-moz-placeholder,
.bbc .input input:-moz-placeholder,
.bbc .input input::-moz-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .combobox input::-webkit-input-placeholder,
.bbc .input input::-webkit-input-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .combobox input::placeholder,
.bbc .input input::placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .combobox .unit,
.bbc .input .unit {
  display: flex;
  align-items: center;
  color: var(--bbc-color-text-natural-1);
}
.bbc .combobox .btn:focus-visible,
.bbc .input .btn:focus-visible {
  outline: var(--bbc-color-utility-focus) solid 0.125rem;
  outline-offset: -0.125rem;
}
.bbc .combobox:has(input:focus-visible),
.bbc .input:has(input:focus-visible) {
  outline: var(--bbc-color-utility-focus) solid 0.125rem;
  outline-offset: -0.125rem;
}
.bbc .combobox:has(input:disabled),
.bbc .input:has(input:disabled) {
  background-color: var(--bbc-color-backgrounds-text-field-disabled);
}
.bbc .combobox:has(input:disabled) input,
.bbc .input:has(input:disabled) input {
  color: var(--bbc-color-text-primary);
  opacity: 0.5;
}
.bbc .combobox:has(input:disabled) input:-ms-input-placeholder,
.bbc .input:has(input:disabled) input:-ms-input-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.bbc .combobox:has(input:disabled) input::-ms-input-placeholder,
.bbc .input:has(input:disabled) input::-ms-input-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.bbc .combobox:has(input:disabled) input:-moz-placeholder,
.bbc .input:has(input:disabled) input:-moz-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.bbc .combobox:has(input:disabled) input::-moz-placeholder,
.bbc .input:has(input:disabled) input::-moz-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.bbc .combobox:has(input:disabled) input::-webkit-input-placeholder,
.bbc .input:has(input:disabled) input::-webkit-input-placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.bbc .combobox:has(input:disabled) input::placeholder,
.bbc .input:has(input:disabled) input::placeholder {
  color: var(--bbc-color-text-disable-1);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-outline.combobox,
.bbc .is-outline.input {
  border: 1px solid var(--bbc-color-border-primary);
}
.bbc .is-adorned-start.combobox input,
.bbc .is-adorned-start.input input {
  padding-left: 0 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  outline: none;
}
.bbc .is-adorned-start.combobox > .btn,
.bbc .is-adorned-start.combobox > .icon,
.bbc .is-adorned-start.combobox > .icon-btn,
.bbc .is-adorned-start.combobox > .unit,
.bbc .is-adorned-start.input > .btn,
.bbc .is-adorned-start.input > .icon,
.bbc .is-adorned-start.input > .icon-btn,
.bbc .is-adorned-start.input > .unit {
  width: auto;
  height: 100%;
  padding: 0 0.625rem 0 0.75rem;
  border-radius: 0.5rem;
}
.bbc .is-adorned-start.combobox > .btn .icon:after,
.bbc .is-adorned-start.combobox > .btn .icon:before,
.bbc .is-adorned-start.combobox > .icon-btn .icon:after,
.bbc .is-adorned-start.combobox > .icon-btn .icon:before,
.bbc .is-adorned-start.input > .btn .icon:after,
.bbc .is-adorned-start.input > .btn .icon:before,
.bbc .is-adorned-start.input > .icon-btn .icon:after,
.bbc .is-adorned-start.input > .icon-btn .icon:before {
  color: var(--bbc-color-text-additional);
}
.bbc .is-adorned-end.combobox input,
.bbc .is-adorned-end.input input {
  padding-right: 0 !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  outline: none;
}
.bbc .is-adorned-end.combobox > .btn,
.bbc .is-adorned-end.combobox > .icon,
.bbc .is-adorned-end.combobox > .icon-btn,
.bbc .is-adorned-end.combobox > .unit,
.bbc .is-adorned-end.input > .btn,
.bbc .is-adorned-end.input > .icon,
.bbc .is-adorned-end.input > .icon-btn,
.bbc .is-adorned-end.input > .unit {
  width: auto;
  height: 100%;
  padding: 0 0.75rem 0 0.625rem;
  border-radius: 0.5rem;
}
.bbc .is-adorned-end.combobox > .btn .icon:after,
.bbc .is-adorned-end.combobox > .btn .icon:before,
.bbc .is-adorned-end.combobox > .icon-btn .icon:after,
.bbc .is-adorned-end.combobox > .icon-btn .icon:before,
.bbc .is-adorned-end.input > .btn .icon:after,
.bbc .is-adorned-end.input > .btn .icon:before,
.bbc .is-adorned-end.input > .icon-btn .icon:after,
.bbc .is-adorned-end.input > .icon-btn .icon:before {
  color: var(--bbc-color-text-additional);
}
.bbc .is-sm.combobox,
.bbc .is-sm.input {
  height: 2.5rem;
  border-radius: 0.5rem;
}
.bbc .is-sm.combobox input,
.bbc .is-sm.input input {
  padding: 0 0.875rem;
  font: var(--bbc-typo-label-2);
  font-weight: var(--bbc-font-weight-500);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .is-sm.combobox input,
  .bbc .is-sm.input input {
    font-size: 16px;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .is-sm.combobox input,
  .bbc .is-sm.input input {
    font-size: 16px;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .is-sm.combobox input,
  .bbc .is-sm.input input {
    font-size: 16px;
  }
}
.bbc .is-sm.combobox .unit,
.bbc .is-sm.input .unit {
  font-size: var(--bbc-font-size-14);
}
.bbc .is-pill.combobox,
.bbc .is-pill.input {
  border-radius: var(--bbc-border-radius-max);
}
.bbc .is-pill.is-adorned-start.combobox > .btn,
.bbc .is-pill.is-adorned-start.combobox > .icon,
.bbc .is-pill.is-adorned-start.combobox > .icon-btn,
.bbc .is-pill.is-adorned-start.combobox > .unit,
.bbc .is-pill.is-adorned-start.input > .btn,
.bbc .is-pill.is-adorned-start.input > .icon,
.bbc .is-pill.is-adorned-start.input > .icon-btn,
.bbc .is-pill.is-adorned-start.input > .unit {
  border-top-left-radius: var(--bbc-border-radius-max);
  border-bottom-left-radius: var(--bbc-border-radius-max);
}
.bbc .is-pill.is-adorned-end.combobox > .btn,
.bbc .is-pill.is-adorned-end.combobox > .icon,
.bbc .is-pill.is-adorned-end.combobox > .icon-btn,
.bbc .is-pill.is-adorned-end.combobox > .unit,
.bbc .is-pill.is-adorned-end.input > .btn,
.bbc .is-pill.is-adorned-end.input > .icon,
.bbc .is-pill.is-adorned-end.input > .icon-btn,
.bbc .is-pill.is-adorned-end.input > .unit {
  border-top-right-radius: var(--bbc-border-radius-max);
  border-bottom-right-radius: var(--bbc-border-radius-max);
}
.bbc .is-bare.combobox,
.bbc .is-bare.input {
  border-color: transparent;
  background-color: transparent;
}
.bbc .is-translucent.combobox,
.bbc .is-translucent.input {
  border-color: var(--bbc-color-border-0-50);
  background-color: var(--bbc-color-grayscale-800-30);
}
.bbc .is-translucent.combobox input,
.bbc .is-translucent.input input {
  color: var(--bbc-color-text-accent-0);
}
.bbc .is-translucent.combobox input:-ms-input-placeholder,
.bbc .is-translucent.input input:-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-60);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox input::-ms-input-placeholder,
.bbc .is-translucent.input input::-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-60);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox input:-moz-placeholder,
.bbc .is-translucent.combobox input::-moz-placeholder,
.bbc .is-translucent.input input:-moz-placeholder,
.bbc .is-translucent.input input::-moz-placeholder {
  color: var(--bbc-color-grayscale-0-60);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox input::-webkit-input-placeholder,
.bbc .is-translucent.input input::-webkit-input-placeholder {
  color: var(--bbc-color-grayscale-0-60);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox input::placeholder,
.bbc .is-translucent.input input::placeholder {
  color: var(--bbc-color-grayscale-0-60);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox:has(input:disabled),
.bbc .is-translucent.input:has(input:disabled) {
  background-color: var(--bbc-color-grayscale-800-60);
}
.bbc .is-translucent.combobox:has(input:disabled) input,
.bbc .is-translucent.input:has(input:disabled) input {
  color: var(--bbc-color-grayscale-0-30);
}
.bbc .is-translucent.combobox:has(input:disabled) input:-ms-input-placeholder,
.bbc .is-translucent.input:has(input:disabled) input:-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox:has(input:disabled) input::-ms-input-placeholder,
.bbc .is-translucent.input:has(input:disabled) input::-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox:has(input:disabled) input:-moz-placeholder,
.bbc .is-translucent.input:has(input:disabled) input:-moz-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox:has(input:disabled) input::-moz-placeholder,
.bbc .is-translucent.input:has(input:disabled) input::-moz-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox:has(input:disabled) input::-webkit-input-placeholder,
.bbc .is-translucent.input:has(input:disabled) input::-webkit-input-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox:has(input:disabled) input::placeholder,
.bbc .is-translucent.input:has(input:disabled) input::placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox:has(input:read-only),
.bbc .is-translucent.input:has(input:read-only) {
  background-color: var(--bbc-color-grayscale-800-60);
}
.bbc .is-translucent.combobox:has(input:read-only) input:-ms-input-placeholder,
.bbc .is-translucent.input:has(input:read-only) input:-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox:has(input:read-only) input::-ms-input-placeholder,
.bbc .is-translucent.input:has(input:read-only) input::-ms-input-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox:has(input:read-only) input:-moz-placeholder,
.bbc .is-translucent.input:has(input:read-only) input:-moz-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox:has(input:read-only) input::-moz-placeholder,
.bbc .is-translucent.input:has(input:read-only) input::-moz-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox:has(input:read-only) input::-webkit-input-placeholder,
.bbc .is-translucent.input:has(input:read-only) input::-webkit-input-placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.combobox:has(input:read-only) input::placeholder,
.bbc .is-translucent.input:has(input:read-only) input::placeholder {
  color: var(--bbc-color-grayscale-0-30);
  font: inherit;
  font-weight: inherit;
}
.bbc .is-translucent.is-error.combobox,
.bbc .is-translucent.is-error.input {
  border-color: var(--bbc-color-stroke-negative-0);
}
.bbc .is-error.combobox,
.bbc .is-error.input {
  border-color: var(--bbc-color-states-negative);
}
.bbc .is-error.combobox .icon:before,
.bbc .is-error.input .icon:before {
  color: var(--bbc-color-states-negative);
}
.bbc .choice-group {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0.5rem 1rem;
}
.bbc .choice-group.is-sm {
  gap: 0.5rem;
}
.bbc .choice-group.is-vertical {
  flex-direction: column;
  align-items: start;
  gap: 0.75rem;
}
.bbc .choice {
  display: inline-flex;
  align-items: center;
}
.bbc .choice:has(input:focus-visible) {
  outline: var(--bbc-color-utility-focus) solid 0.125rem;
  outline-offset: 0.25rem;
  border-radius: var(--bbc-border-radius-2xs);
}
.bbc .choice input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.bbc .choice input:disabled ~ label .choice-label {
  cursor: default;
}
.bbc .choice label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
.bbc .choice label .choice-label {
  color: var(--bbc-color-text-tertiary);
  line-height: 1;
  user-select: none;
}
.bbc .is-sm.choice input[type='checkbox'] ~ label .custom-mark,
.bbc .is-sm.choice input[type='radio'] ~ label .custom-mark {
  width: 1.25rem;
  height: 1.25rem;
}
.bbc .is-sm.choice input[type='checkbox'] ~ label .custom-mark:after {
  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: 0.75rem;
  height: 0.75rem;
  font-size: 0.75rem;
}
.bbc .is-sm.choice input[type='radio'] ~ label .custom-mark:after {
  width: 0.5rem;
  height: 0.5rem;
}
.bbc .is-readonly.choice input,
.bbc .is-readonly.choice label {
  cursor: default;
  pointer-events: none;
}
.bbc .is-error.choice input:not(:disabled) ~ label,
.bbc .is-error.choice input:not(:disabled) ~ label .custom-mark {
  border-color: var(--bbc-color-states-negative) !important;
}
.bbc .is-error.choice input:not(:disabled) ~ label .custom-mark:after {
  color: var(--bbc-color-text-white);
}
.bbc .is-error.choice input[type='checkbox']:checked:not(:disabled) ~ label .custom-mark {
  background-color: var(--bbc-color-states-negative);
}
.bbc .is-error.choice input[type='radio']:checked:not(:disabled) ~ label .custom-mark {
  border-color: var(--bbc-color-states-negative);
  background-color: var(--bbc-color-states-negative);
}
.bbc .choice input[type='checkbox'] ~ label .custom-mark,
.bbc .choice input[type='radio'] ~ label .custom-mark {
  position: relative;
  display: inline-block;
  flex: none;
  overflow: hidden;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid var(--bbc-color-border-emphasis);
  background-color: var(--bbc-color-backgrounds-base);
  text-align: center;
  transition: all 0.1s;
  cursor: pointer;
}
.bbc .choice input[type='checkbox'] ~ label .custom-mark {
  border-radius: var(--bbc-border-radius-4);
}
.bbc .choice input[type='checkbox'] ~ label .custom-mark:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%) scale(0);
  transition: transform 0.2s;
  color: var(--bbc-color-text-brand-primary);
  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.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
}
.bbc .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);
}
.bbc .choice input[type='checkbox']:checked ~ label .custom-mark:after {
  color: var(--bbc-color-text-white);
  transform: translate(-50%, -50%) scale(1);
}
.bbc .choice input[type='checkbox']:disabled ~ label .custom-mark {
  border-color: var(--bbc-color-border-emphasis);
  background-color: var(--bbc-color-backgrounds-disabled);
  cursor: default;
}
.bbc .choice input[type='checkbox']:disabled ~ label .custom-mark:after {
  background-color: var(--bbc-color-border-emphasis);
}
.bbc .choice input[type='radio'] ~ label .custom-mark {
  border-radius: var(--bbc-border-radius-max);
}
.bbc .choice input[type='radio'] ~ label .custom-mark:after {
  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;
  content: '';
}
.bbc .choice input[type='radio']:checked ~ label .custom-mark {
  border-color: var(--bbc-color-text-brand-primary);
  background-color: var(--bbc-color-text-brand-primary);
}
.bbc .choice input[type='radio']:checked ~ label .custom-mark:after {
  background-color: var(--bbc-color-backgrounds-base);
  transform: translate(-50%, -50%) scale(1);
}
.bbc .choice input[type='radio']:disabled ~ label .custom-mark {
  background-color: var(--bbc-color-backgrounds-disabled);
  border-color: var(--bbc-color-border-emphasis);
  cursor: default;
}
.bbc .choice input[type='radio']:disabled ~ label .custom-mark:after {
  background-color: var(--bbc-color-border-emphasis);
}
.bbc .search-form {
  display: flex;
  gap: 10px;
}
.bbc .round-search-form {
  width: 25rem;
}
.bbc .round-search-form .input {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 600px;
  height: 3.5rem;
  border: 0.1875rem solid var(--bbc-color-element-brand-primary);
  border-radius: 50px;
}
.bbc .round-search-form .input:has(input:disabled) {
  border-color: #c9cdd2;
  background-color: #ddd;
}
.bbc .round-search-form .input input {
  flex: 1;
  padding: 1rem 1.5rem;
  border: none;
  outline: none;
  color: var(--bbc-color-text-primary);
  font: var(--bbc-typo-label-1);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .round-search-form .input input::placeholder {
  color: var(--bbc-color-text-disabled);
}
.bbc .round-search-form .input input:disabled {
  color: #8e8e8e;
}
.bbc .round-search-form .input .btn {
  position: relative;
  right: -0.1875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  border: none;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-element-brand-primary);
  cursor: pointer;
}
.bbc .round-search-form .input .btn:hover {
  background-color: var(--bbc-color-btn-primary-hovered);
}
.bbc .round-search-form .input .btn:active {
  background-color: var(--bbc-color-btn-primary-pressed);
  transform: unset;
}
.bbc .round-search-form .input .btn:disabled {
  background-color: #c9cdd2;
}
.bbc .round-search-form .input .btn .icon:before {
  color: var(--bbc-color-text-white);
}
.bbc .select {
  position: relative;
}
.bbc .select select {
  display: none;
}
.bbc .select .custom-select {
  position: relative;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  width: 100%;
  height: 3rem;
  padding: 0 0.875rem 0 1rem;
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-backgrounds-text-field);
  cursor: pointer;
  user-select: none;
}
.bbc .select .custom-select .custom-select-text {
  display: inline-block;
  max-width: 100%;
  font: var(--bbc-typo-label-2);
  font-weight: var(--bbc-font-weight-500);
  color: var(--bbc-color-text-primary);
  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;
}
.bbc .select .custom-select .custom-select-text.is-placeholder {
  color: var(--bbc-color-text-additional);
}
.bbc .select .custom-select .custom-select-text.is-has-value {
  color: var(--bbc-color-text-primary);
}
.bbc .select .custom-select:after {
  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;
  transform: rotate(90deg);
  width: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  color: var(--bbc-color-text-additional);
}
.bbc .select .custom-select[aria-expanded='true']:after {
  transform: rotate(-90deg);
}
.bbc .select.is-pill .custom-select {
  border-radius: var(--bbc-border-radius-max);
}
.bbc .select.is-disabled .custom-select {
  background-color: var(--bbc-color-backgrounds-text-field-disabled);
  cursor: not-allowed;
}
.bbc .select.is-disabled .custom-select .custom-select-text.is-has-value,
.bbc .select.is-disabled .custom-select .custom-select-text.is-placeholder {
  color: var(--bbc-color-text-disabled);
}
.bbc .select.is-error .custom-select {
  border-color: var(--bbc-color-text-negative);
}
.bbc .custom-select-panel {
  position: absolute;
  left: 0;
  z-index: 9999;
  display: none;
  width: 12.5rem;
  overflow: auto;
  border: 1px solid var(--bbc-color-border-emphasis);
  border-radius: var(--bbc-border-radius-6);
  background-color: var(--bbc-color-backgrounds-base);
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.02),
    0 4px 8px 0 rgba(0, 0, 0, 0.04);
  -webkit-overflow-scrolling: touch;
}
.bbc .custom-select-panel.is-open {
  display: block;
}
.bbc .custom-select-panel.option-list-below {
  top: 100%;
}
.bbc .custom-select-panel.option-list-above {
  bottom: 100%;
}
.bbc .custom-select-panel .custom-select-search {
  padding: 0.375rem 0.375rem 0;
}
.bbc .custom-select-panel .custom-select-search .custom-select-search-input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.5rem 0.625rem;
  border: 1px solid var(--bbc-color-border-additional);
  border-radius: var(--bbc-border-radius-6);
  background: var(--bbc-color-backgrounds-base);
  color: var(--bbc-color-text-primary);
  font: var(--bbc-typo-label-2);
  font-weight: var(--bbc-font-weight-500);
  outline: 0;
}
.bbc .custom-select-panel .custom-select-search .custom-select-search-input:focus {
  border-color: var(--bbc-color-border-emphasis);
}
.bbc .custom-select-panel .custom-select-search .custom-select-search-input:-ms-input-placeholder {
  color: var(--bbc-color-text-additional);
  font: inherit;
  font-weight: inherit;
}
.bbc .custom-select-panel .custom-select-search .custom-select-search-input::-ms-input-placeholder {
  color: var(--bbc-color-text-additional);
  font: inherit;
  font-weight: inherit;
}
.bbc .custom-select-panel .custom-select-search .custom-select-search-input:-moz-placeholder,
.bbc .custom-select-panel .custom-select-search .custom-select-search-input::-moz-placeholder {
  color: var(--bbc-color-text-additional);
  font: inherit;
  font-weight: inherit;
}
.bbc .custom-select-panel .custom-select-search .custom-select-search-input::-webkit-input-placeholder {
  color: var(--bbc-color-text-additional);
  font: inherit;
  font-weight: inherit;
}
.bbc .custom-select-panel .custom-select-search .custom-select-search-input::placeholder {
  color: var(--bbc-color-text-additional);
  font: inherit;
  font-weight: inherit;
}
.bbc .custom-select-panel .custom-select-options {
  list-style: none;
  margin: 0.375rem 0;
  padding: 0;
}
.bbc .custom-select-panel .custom-select-options > li {
  display: flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.25rem 0.875rem;
  border-radius: var(--bbc-border-radius-xs);
  outline-offset: -0.125rem;
  background-color: var(--bbc-color-fill-accent-0);
  color: var(--bbc-color-text-primary);
  transition: background-color 0.2s;
  font: var(--bbc-typo-label-2);
  font-weight: var(--bbc-font-weight-400);
  cursor: pointer;
  line-height: 1.3;
  word-break: break-all;
}
.bbc .custom-select-panel .custom-select-options > li.is-selected {
  background-color: var(--bbc-color-overlay-accent-layer-hovered);
}
.bbc .custom-select-panel .custom-select-options > li[hidden] {
  display: none;
}
.bbc .custom-select-panel .custom-select-options > li[aria-disabled='true'] {
  display: none;
  pointer-events: none;
}
.bbc .combobox datalist,
.bbc .combobox datalist option {
  display: none;
}
.bbc .combobox .combobox-options {
  position: absolute;
  top: 3rem;
  left: 50%;
  z-index: 100;
  display: none;
  overflow-y: auto;
  width: calc(100% + 2px);
  max-height: 13.125rem;
  margin-top: 0.3125rem;
  border-radius: var(--bbc-border-radius-6);
  border: 1px solid var(--bbc-color-border-emphasis);
  box-shadow: var(--bbc-color-shadow-natural-lg);
  background-color: var(--bbc-color-backgrounds-base);
  transform: translateX(-50%);
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.02),
    0 4px 8px 0 rgba(0, 0, 0, 0.04);
  -webkit-overflow-scrolling: touch;
}
.bbc .combobox .combobox-options .no-results {
  color: var(--bbc-color-text-natural-1);
  font-size: var(--bbc-font-size-14);
  cursor: default;
  pointer-events: none;
}
.bbc .combobox .combobox-options:after {
  font-size: var(--bbc-icon-size-xs);
}
.bbc .combobox .combobox-options li {
  display: flex;
  align-items: center;
  min-height: 2.375rem;
  padding: 0.3125rem 0.75rem;
  border-radius: var(--bbc-border-radius-xs);
  outline-offset: -0.125rem;
  background-color: var(--bbc-color-fill-accent-0);
  color: var(--bbc-color-text-primary);
  transition: background-color 0.2s;
  font: var(--bbc-typo-label-2);
  font-weight: var(--bbc-font-weight-500);
  cursor: pointer;
}
@media (max-width: 719px) {
  .bbc .combobox .combobox-options li {
    min-height: 2.125rem;
  }
}
.bbc .combobox .combobox-options li.focus {
  background-color: #e7f0fd;
}
@media (hover: hover) and (pointer: fine) {
  .bbc .combobox .combobox-options li:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: #e7f0fd;
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .combobox .combobox-options li:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: #e7f0fd;
  }
}
.bbc .textarea {
  display: flex;
  word-break: break-all;
}
.bbc .textarea:has(textarea:focus-visible) {
  outline: var(--bbc-color-utility-focus) solid 0.125rem;
  outline-offset: -0.125rem;
}
.bbc .textarea:not(:has(textarea)) {
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-400);
  color: var(--bbc-color-text-secondary);
}
.bbc .textarea:has(textarea) {
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: var(--bbc-color-backgrounds-text-field);
  border: 1px solid var(--bbc-color-backgrounds-text-field);
  color: var(--bbc-color-text-primary);
}
.bbc .textarea textarea {
  width: 100%;
  border-radius: 0.5rem;
  outline: none;
  background-color: transparent;
  color: var(--bbc-color-text-primary);
  font: var(--bbc-typo-body-2);
  font-weight: var(--bbc-font-weight-500);
  line-height: 1.5;
  resize: none;
  word-break: break-all;
}
.bbc .textarea textarea:-ms-input-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .textarea textarea::-ms-input-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .textarea textarea:-moz-placeholder,
.bbc .textarea textarea::-moz-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .textarea textarea::-webkit-input-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .textarea textarea::placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .textarea textarea:disabled {
  border-color: var(--bbc-color-backgrounds-text-field-disabled);
  background-color: var(--bbc-color-backgrounds-text-field-disabled);
  color: var(--bbc-color-text-disabled);
}
.bbc .textarea textarea:disabled:-ms-input-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .textarea textarea:disabled::-ms-input-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .textarea textarea:disabled:-moz-placeholder,
.bbc .textarea textarea:disabled::-moz-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .textarea textarea:disabled::-webkit-input-placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .textarea textarea:disabled::placeholder {
  color: var(--bbc-color-text-disabled);
  font: inherit;
  font-weight: inherit;
}
.bbc .textarea.is-sm textarea {
  padding: 10px 14px;
  font-size: var(--bbc-font-size-14);
}
.bbc .textarea.is-fit textarea {
  padding: 0;
}
.bbc .textarea.is-autosize {
  transition: height 0.2s ease;
}
.bbc .textarea.is-bare {
  border: none;
}
.bbc .textarea.is-error {
  border-color: var(--bbc-color-states-negative);
}
.bbc .textarea.is-editor {
  padding: 0;
}
.bbc .file-upload .title-wrap {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 2.25rem;
  margin-bottom: 0.75rem;
}
.bbc .file-upload .title-wrap .title {
  font: var(--bbc-typo-heading-6);
}
.bbc .file-upload .title-wrap .title small {
  font: var(--bbc-typo-body-4);
  color: var(--bbc-color-text-tertiary);
}
.bbc .file-upload .file-select {
  height: 100%;
}
.bbc .file-upload .table-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  height: 17rem;
}
.bbc .file-upload .table-wrap[data-scroll-limit='1'] {
  height: 7rem;
}
.bbc .file-upload .table-wrap[data-scroll-limit='2'] {
  height: 10rem;
}
.bbc .file-upload .table-wrap[data-scroll-limit='3'] {
  height: 14rem;
}
.bbc .file-upload .table-wrap[data-scroll-limit='4'] {
  height: 17rem;
}
.bbc .file-upload .table-wrap[data-scroll-limit='5'] {
  height: 21rem;
}
.bbc .file-upload .table-wrap[data-scroll-limit='6'] {
  height: 24rem;
}
.bbc .file-upload .table-wrap[data-scroll-limit='7'] {
  height: 28rem;
}
.bbc .file-upload .table-wrap[data-scroll-limit='8'] {
  height: 31rem;
}
.bbc .file-upload .table-wrap[data-scroll-limit='9'] {
  height: 35rem;
}
.bbc .file-upload .table-wrap[data-scroll-limit='10'] {
  height: 38rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .file-upload .table-wrap {
    height: 17rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .file-upload .table-wrap {
    height: 17rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .file-upload .table-wrap {
    height: 22.125rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .file-upload .table-wrap {
    height: 17rem;
  }
}
.bbc .file-upload .table-wrap .table {
  flex: 0 0 auto;
}
.bbc .file-upload .table-wrap .table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.bbc .file-upload .table-wrap .table thead .col-select-choice {
  position: absolute;
  top: 0.84375rem;
  left: 1rem;
}
.bbc .file-upload .table-wrap .table thead th {
  height: 2.9375rem;
  padding: 0.5rem;
  text-align: left;
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-500);
  color: var(--bbc-color-text-tertiary);
  background-color: var(--bbc-color-backgrounds-gray-04);
}
.bbc .file-upload .table-wrap .table thead th:first-child {
  padding-left: 1rem;
}
.bbc .file-upload .table-wrap .table thead th:last-child {
  padding-right: 1rem;
}
.bbc .file-upload .table-wrap .table thead th.col-select {
  display: flex;
  justify-content: center;
  min-width: 2.75rem;
  border-top-left-radius: var(--bbc-border-radius-8);
  border-bottom-left-radius: var(--bbc-border-radius-8);
}
.bbc .file-upload .table-wrap .table thead th.col-name {
  width: 100%;
}
.bbc .file-upload .table-wrap .table thead th.col-download {
  min-width: 4.75rem;
  border-top-right-radius: var(--bbc-border-radius-8);
  border-bottom-right-radius: var(--bbc-border-radius-8);
  text-align: center;
}
.bbc .file-upload .table-wrap .table tbody:has(tr:nth-child(5)) tr:last-child td {
  border-bottom: none;
}
.bbc .file-upload .table-wrap .table tbody td {
  height: 3.5rem;
  padding: 0.25rem 0.5rem;
  font: var(--bbc-typo-body-2);
  font-weight: var(--bbc-font-weight-400);
  border-bottom: 1px solid var(--bbc-color-border-tertiary);
}
.bbc .file-upload .table-wrap .table tbody td:first-child {
  padding-left: 1rem;
}
.bbc .file-upload .table-wrap .table tbody td:last-child {
  padding-right: 1rem;
}
.bbc .file-upload .table-wrap .table tbody td.col-select .choice {
  height: 100%;
}
.bbc .file-upload .table-wrap .table tbody td.col-name .upload-file-info {
  display: flex;
  align-items: center;
}
.bbc .file-upload .table-wrap .table tbody td.col-name .upload-file-info .icon {
  flex: 0 0 auto;
  margin-right: 0.75rem;
}
.bbc .file-upload .table-wrap .table tbody td.col-name .upload-file-info .name {
  display: flex;
  flex: 0 1 auto;
}
.bbc .file-upload .table-wrap .table tbody td.col-name .upload-file-info .name .basename {
  flex: 0 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;
}
.bbc .file-upload .table-wrap .table tbody td.col-name .upload-file-info .name .ext {
  flex: 0 0 auto;
}
.bbc .file-upload .table-wrap .table tbody td.col-name .upload-file-info .volume {
  flex: 0 0 auto;
  color: var(--bbc-color-text-additional);
  margin-left: 0.5rem;
}
.bbc .file-upload .table-wrap .table tbody td.col-download {
  text-align: center;
}
.bbc .file-upload .table-wrap .file-upload-empty {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font: var(--bbc-typo-body-2);
  font-weight: var(--bbc-font-weight-500);
  color: var(--bbc-color-text-additional);
}
.bbc .file-upload .table-wrap .file-upload-empty .text {
  margin-top: -1.5rem;
}
.bbc .file-item {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  min-height: 2.5rem;
  border: 0.0625rem solid transparent;
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-element-black);
  color: var(--bbc-color-text-white);
  font: var(--bbc-typo-btn-2);
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s;
}
.bbc .file-item:has(i.icon):not(:has(span, strong, em, .btn-label)) {
  padding: 0;
}
.bbc .file-item:disabled,
.bbc .is-disabled.file-item {
  border-color: var(--bbc-color-element-disabled);
  background-color: var(--bbc-color-element-disabled);
  color: var(--bbc-color-text-white);
  pointer-events: none;
}
.bbc .file-item .icon {
  transition: color 0.2s;
}
.bbc .file-item {
  padding: 0.625rem;
}
.bbc .file-item.is-full {
  display: flex;
  justify-content: center;
  width: 100%;
}
.bbc .file-item.is-outline {
  border-color: var(--bbc-color-border-secondary);
  background-color: var(--bbc-color-element-white);
  color: var(--bbc-color-text-tertiary);
}
.bbc .file-item.is-outline .icon:after,
.bbc .file-item.is-outline .icon:before {
  color: var(--bbc-color-text-emphasis);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .file-item.is-outline:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .file-item.is-outline:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered);
  }
}
.bbc .file-item.is-outline.is-active {
  background-color: var(--bbc-color-btn-tertiary-pressed);
}
.bbc .file-item.is-outline.is-disabled,
.bbc .file-item.is-outline:disabled {
  border-color: var(--bbc-color-btn-tertiary-disabled);
  background-color: var(--bbc-color-element-white);
  color: var(--bbc-color-btn-tertiary-disabled);
}
.bbc .file-item .file-info {
  display: flex;
  align-items: center;
  flex: 1;
}
.bbc .file-item .file-info .icon {
  flex: 0 0 auto;
  margin-right: 0.375rem;
}
.bbc .file-item .file-info .name {
  flex: 1 1 auto;
  display: flex;
  margin-right: 0.5rem;
  font: var(--bbc-typo-body-6);
  font-weight: var(--bbc-font-weight-400);
  color: var(--bbc-color-text-primary);
}
.bbc .file-item .file-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;
}
.bbc .file-item .file-info .volume {
  flex: 0 0 auto;
  font: var(--bbc-typo-body-6);
  margin-right: 0.5rem;
  color: var(--bbc-color-text-additional);
}
.bbc .file-item a,
.bbc .file-item button {
  display: inline-block;
  height: 100%;
  padding: 0.3125rem 0.625rem 0.3125rem 0.5rem;
  display: flex;
}
.bbc .btn,
.bbc .file-item a,
.bbc .file-item button {
  justify-content: center;
  align-items: center;
}
.bbc .btn {
  position: relative;
  display: inline-flex;
  gap: 0.375rem;
  min-width: 0;
  height: 3rem;
  padding: 0.3125rem 1.25rem;
  border: 0.0625rem solid transparent;
  border-radius: var(--bbc-border-radius-8);
  background-color: var(--bbc-color-element-black);
  color: var(--bbc-color-text-white);
  font: var(--bbc-typo-btn-2);
  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);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .btn:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.97);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .btn:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.97);
  }
}
.bbc .btn:disabled,
.bbc .is-disabled.btn {
  border-color: var(--bbc-color-element-disabled);
  background-color: var(--bbc-color-element-disabled);
  color: var(--bbc-color-text-white);
  pointer-events: none;
}
.bbc .btn .icon {
  transition: color 0.2s;
}
.bbc .btn.is-full {
  display: flex;
  justify-content: center;
  width: 100%;
}
.bbc .btn.is-xs {
  height: 2.25rem;
  padding: 0.3125rem 0.75rem;
  font: var(--bbc-typo-btn-3);
}
.bbc .btn.is-sm {
  height: 2.75rem;
  padding: 0.3125rem 1rem;
  font: var(--bbc-typo-btn-2);
}
.bbc .btn.is-lg {
  height: 3.5rem;
  padding: 0.3125rem 1.5rem;
  font: var(--bbc-typo-btn-1);
}
.bbc .btn.is-primary {
  border: 1px solid var(--bbc-color-btn-primary-normal);
  background-color: var(--bbc-color-btn-primary-normal);
}
.bbc .btn.is-primary,
.bbc .btn.is-primary .icon:after,
.bbc .btn.is-primary .icon:before {
  color: var(--bbc-color-text-white);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .btn.is-primary:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    border-color: var(--bbc-color-btn-primary-hovered);
    background-color: var(--bbc-color-btn-primary-hovered);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .btn.is-primary:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    border-color: var(--bbc-color-btn-primary-hovered);
    background-color: var(--bbc-color-btn-primary-hovered);
  }
}
.bbc .btn.is-primary.is-active {
  border-color: var(--bbc-color-btn-primary-pressed);
  background-color: var(--bbc-color--btn-primary-pressed);
}
.bbc .btn.is-primary.is-disabled,
.bbc .btn.is-primary:disabled {
  border: 0;
  background-color: var(--bbc-color-btn-primary-disabled);
}
.bbc .btn.is-primary.is-reverse {
  border-color: var(--bbc-color-btn-secondary-normal);
  background-color: var(--bbc-color-btn-secondary-normal);
}
.bbc .btn.is-primary.is-reverse,
.bbc .btn.is-primary.is-reverse .icon:after,
.bbc .btn.is-primary.is-reverse .icon:before {
  color: var(--bbc-color-text-brand-primary);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .btn.is-primary.is-reverse:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    border-color: var(--bbc-color-btn-secondary-hovered);
    background-color: var(--bbc-color-btn-secondary-hovered);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .btn.is-primary.is-reverse:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    border-color: var(--bbc-color-btn-secondary-hovered);
    background-color: var(--bbc-color-btn-secondary-hovered);
  }
}
.bbc .btn.is-primary.is-reverse.is-active {
  border-color: var(--bbc-color-btn-secondary-pressed);
  background-color: var(--bbc-color-btn-secondary-pressed);
}
.bbc .btn.is-primary.is-reverse.is-disabled,
.bbc .btn.is-primary.is-reverse:disabled {
  border: 0;
  background-color: var(--bbc-color-btn-secondary-disabled);
  color: var(--bbc-color-btn-primary-disabled);
}
.bbc .btn.is-pill {
  border-radius: var(--bbc-border-radius-max);
}
.bbc .btn.is-outline {
  border-color: var(--bbc-color-btn-tertiary-normal);
  background-color: var(--bbc-color-element-white);
  color: var(--bbc-color-text-tertiary);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .btn.is-outline .icon:after,
.bbc .btn.is-outline .icon:before {
  color: var(--bbc-color-text-emphasis);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .btn.is-outline:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .btn.is-outline:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered);
  }
}
.bbc .btn.is-outline.is-active {
  background-color: var(--bbc-color-btn-tertiary-pressed);
}
.bbc .btn.is-outline.is-disabled,
.bbc .btn.is-outline:disabled {
  border-color: var(--bbc-color-btn-tertiary-disabled);
  background-color: var(--bbc-color-element-white);
  color: var(--bbc-color-btn-tertiary-disabled);
}
.bbc .btn.is-outline.is-primary {
  border-color: var(--bbc-color-btn-primary-normal);
  color: var(--bbc-color-text-brand-primary);
}
.bbc .btn.is-outline.is-primary .icon:after,
.bbc .btn.is-outline.is-primary .icon:before {
  color: var(--bbc-color-icon-brand-primary);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .btn.is-outline.is-primary:hover:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-primary-hovered-subtle);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .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-btn-primary-hovered-subtle);
  }
}
.bbc .btn.is-outline.is-primary.is-active {
  background-color: var(--bbc-color-btn-primary-pressed-subtle);
}
.bbc .btn.is-outline.is-primary.is-disabled,
.bbc .btn.is-outline.is-primary:disabled {
  border-color: var(--bbc-color-btn-primary-disabled-outline);
  background-color: var(--bbc-color-btn-primary-disabled-outline);
  color: var(--bbc-color-btn-primary-disabled-outline);
}
.bbc .btn.is-plain {
  border-color: var(--bbc-color-element-white) !important;
  background-color: var(--bbc-color-element-white) !important;
  color: var(--bbc-color-text-tertiary);
  font-weight: var(--bbc-font-weight-600);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .btn.is-plain:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered) !important;
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .btn.is-plain:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered) !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .bbc .btn.is-plain.is-primary:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    color: var(--bbc-color-btn-primary-normal);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .btn.is-plain.is-primary:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    color: var(--bbc-color-btn-primary-normal);
  }
}
.bbc .btn.is-ghost {
  border: none;
  background-color: transparent;
  color: var(--bbc-color-text-emphasis);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .btn.is-ghost:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-tertiary-hovered);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .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-btn-tertiary-hovered);
  }
}
.bbc .btn.is-ghost.is-active {
  background-color: var(--bbc-color-btn-tertiary-pressed);
}
.bbc .btn.is-ghost.is-primary {
  background-color: transparent;
  color: var(--bbc-color-text-brand-primary);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .btn.is-ghost.is-primary:hover:not(.is-disabled):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-primary-hovered-subtle);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .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-btn-primary-hovered-subtle);
  }
}
.bbc .btn.is-ghost.is-primary.is-active {
  background-color: var(--bbc-color-btn-primary-pressed-subtle);
}
.bbc .btn.is-ghost.is-primary.is-disabled,
.bbc .btn.is-ghost.is-primary:disabled {
  color: var(--bbc-color-btn-primary-disabled-outline);
}
.bbc .btn.is-shadow {
  box-shadow: var(--bbc-color-shadow-2);
}
.bbc .text-btn {
  display: inline-flex;
  justify-content: start;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 4px;
  border-radius: var(--bbc-border-radius-xs);
  font-size: var(--bbc-font-size-16);
  text-align: left;
}
.bbc .text-btn .btn-label {
  color: var(--bbc-color-text-natural-0);
}
.bbc .text-btn .icon:after,
.bbc .text-btn .icon:before {
  color: var(--bbc-color-icon-natural-1);
}
.bbc .text-btn.is-disabled,
.bbc .text-btn:disabled {
  pointer-events: none;
}
.bbc .text-btn.is-disabled .btn-label,
.bbc .text-btn:disabled .btn-label {
  color: var(--bbc-color-text-natural-2);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .text-btn:hover:not(.is-disabled, :disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-fill-natural-subtle);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .text-btn:active:not(.is-disabled, :disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-fill-natural-subtle);
  }
}
.bbc .text-btn.is-xs {
  height: 21px;
}
.bbc .text-btn.is-xs .btn-label {
  font-size: var(--bbc-font-size-12);
}
.bbc .text-btn.is-sm {
  height: 28px;
}
.bbc .text-btn.is-sm .btn-label {
  font-size: var(--bbc-font-size-14);
}
.bbc .text-btn.is-negative .btn-label {
  color: var(--bbc-color-text-negative-0);
}
.bbc .link-btn {
  display: inline;
  color: var(--bbc-color-util-link);
  text-decoration: underline !important;
  text-underline-offset: 2px;
}
.bbc .link-btn.is-disabled {
  color: var(--bbc-color-text-disable-0);
  text-decoration: line-through !important;
  pointer-events: none;
}
.bbc .icon-btn {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  width: 2.25rem;
  height: 2.25rem;
  background-color: var(--bbc-color-text-primary);
  border-radius: var(--bbc-border-radius-6);
  transition:
    background-color 0.2s,
    border-color 0.2s,
    color 0.2s,
    opacity 0.2s;
  transition:
    transform 0.22s 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);
}
.bbc .icon-btn .icon:after,
.bbc .icon-btn .icon:before {
  color: var(--bbc-color-element-white);
}
.bbc .icon-btn .icon-arrow-back:before {
  color: var(--bbc-color-text-primary);
}
.bbc .icon-btn .btn-label {
  color: var(--bbc-color-text-tertiary);
  font: var(--bbc-typo-btn-1);
  font-weight: var(--bbc-font-weight-600);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .icon-btn:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.9);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .icon-btn:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.9);
  }
}
.bbc .icon-btn.is-sm {
  width: 2rem;
  height: 2rem;
}
.bbc .icon-btn.is-lg {
  width: 2.5rem;
  height: 2.5rem;
}
.bbc .icon-btn.is-fit {
  width: auto;
  height: auto;
}
.bbc .icon-btn.is-pill {
  border-radius: var(--bbc-border-radius-circle);
}
.bbc .icon-btn.is-disabled,
.bbc .icon-btn:disabled {
  border-color: var(--bbc-color-element-disabled);
  background-color: var(--bbc-color-element-disabled);
  pointer-events: none;
}
.bbc .icon-btn.is-disabled .icon:after,
.bbc .icon-btn.is-disabled .icon:before,
.bbc .icon-btn:disabled .icon:after,
.bbc .icon-btn:disabled .icon:before {
  color: var(--bbc-color-text-white);
}
.bbc .icon-btn.is-outline {
  border: 1px solid var(--bbc-color-border-tertiary);
  background-color: var(--bbc-color-element-white);
}
.bbc .icon-btn.is-outline .icon:after,
.bbc .icon-btn.is-outline .icon:before {
  color: var(--bbc-color-text-primary);
}
.bbc .icon-btn.is-outline.is-active {
  background-color: var(--bbc-color-btn-tertiary-pressed);
}
.bbc .icon-btn.is-outline.is-disabled,
.bbc .icon-btn.is-outline:disabled {
  border-color: var(--bbc-color-btn-tertiary-disabled);
}
.bbc .icon-btn.is-outline.is-disabled .icon:after,
.bbc .icon-btn.is-outline.is-disabled .icon:before,
.bbc .icon-btn.is-outline:disabled .icon:after,
.bbc .icon-btn.is-outline:disabled .icon:before {
  color: var(--bbc-color-btn-tertiary-disabled);
}
.bbc .icon-btn.is-ghost {
  border: none;
  background-color: transparent;
}
.bbc .icon-btn.is-ghost .icon:after,
.bbc .icon-btn.is-ghost .icon:before {
  color: var(--bbc-color-text-primary);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .icon-btn.is-ghost:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: transparent;
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .icon-btn.is-ghost:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: transparent;
  }
}
.bbc .icon-btn.is-ghost.is-disabled,
.bbc .icon-btn.is-ghost:disabled {
  background-color: transparent;
  pointer-events: none;
}
.bbc .icon-btn.is-ghost.is-disabled .icon:after,
.bbc .icon-btn.is-ghost.is-disabled .icon:before,
.bbc .icon-btn.is-ghost:disabled .icon:after,
.bbc .icon-btn.is-ghost:disabled .icon:before {
  color: var(--bbc-color-element-disabled);
}
.bbc .icon-btn.is-bare {
  border-color: transparent;
  background-color: transparent;
}
.bbc .icon-btn.is-bare .icon:after,
.bbc .icon-btn.is-bare .icon:before {
  color: var(--bbc-color-text-primary);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .icon-btn.is-bare:hover:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    border-color: transparent;
    background-color: transparent;
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .icon-btn.is-bare:active:not(.is-disabled):not(.is-active):not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    border-color: transparent;
    background-color: transparent;
  }
}
.bbc .icon-btn.is-bare.is-active {
  background-color: var(--bbc-color-btn-tertiary-pressed);
}
.bbc .icon-btn.is-bare.is-disabled,
.bbc .icon-btn.is-bare:disabled {
  background-color: transparent;
  pointer-events: none;
}
.bbc .icon-btn.is-bare.is-disabled .icon:after,
.bbc .icon-btn.is-bare.is-disabled .icon:before,
.bbc .icon-btn.is-bare:disabled .icon:after,
.bbc .icon-btn.is-bare:disabled .icon:before {
  color: var(--bbc-color-btn-tertiary-disabled);
}
.bbc .btn-set-group {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.625rem 1.25rem;
}
.bbc .btn-set,
.bbc .btn-set-group {
  display: flex;
  align-items: center;
}
.bbc .btn-set {
  justify-content: center;
  gap: 0.625rem;
}
.bbc .btn-set.is-sm {
  gap: 0.375rem;
}
.bbc .btn-set.is-wrap {
  flex-wrap: wrap;
}
.bbc .btn-set.is-left {
  justify-content: flex-start;
}
.bbc .btn-set.is-right {
  justify-content: flex-end;
}
.bbc .btn-set.is-between {
  justify-content: space-between;
}
.bbc .btn-set.is-column {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.bbc .btn-set.is-column.is-left {
  align-items: flex-start;
}
.bbc .btn-set.is-column.is-right {
  align-items: flex-end;
}
.bbc .btn-set.is-column.is-between {
  align-items: space-between;
}
.bbc .btn-group {
  display: inline-flex;
}
.bbc .btn-group .btn {
  position: relative;
  z-index: 1;
  margin-left: -1px;
}
.bbc .btn-group .btn:not(:first-child, :last-child) {
  border-radius: 0;
}
.bbc .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);
}
.bbc .btn-group .btn:last-child {
  border-radius: 0 var(--bbc-border-radius-xs) var(--bbc-border-radius-xs) 0;
}
.bbc .btn-group .btn.is-active,
.bbc .btn-group .btn:focus,
.bbc .btn-group .btn:hover {
  z-index: 3;
}
.bbc .chip-group {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.bbc .chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.9375rem;
  height: 2rem;
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
  background-color: var(--bbc-color-chip-state-basic-bg);
  text-align: center;
}
.bbc .chip .chip-label {
  color: var(--bbc-color-chip-state-basic-text);
  font: var(--bbc-typo-label-3);
  font-weight: var(--bbc-font-weight-500);
  white-space: nowrap;
}
.bbc .chip.is-xs {
  min-width: 3.625rem;
  height: 1.625rem;
  padding: 0 0.5rem;
  border-radius: 0.375rem;
}
.bbc .chip.is-sm {
  min-width: 3.0625rem;
  height: 1.75rem;
  padding: 0 0.6875rem;
}
.bbc .chip.is-fit {
  min-width: 0;
}
.bbc .chip.is-pill {
  border-radius: var(--bbc-border-radius-max);
}
.bbc .chip.is-symbol {
  justify-content: center;
}
.bbc .chip.is-symbol.is-sm {
  min-width: 0;
  width: 1.75rem;
  padding: 0.1875rem;
}
.bbc .chip.is-positive {
  background-color: var(--bbc-color-chip-state-complete-bg);
}
.bbc .chip.is-positive .chip-label {
  color: var(--bbc-color-chip-state-complete-text);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .chip.is-attention {
  background-color: var(--bbc-color-chip-state-warning-bg);
}
.bbc .chip.is-attention .chip-label {
  color: var(--bbc-color-chip-state-warning-text);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .chip.is-negative {
  background-color: var(--bbc-color-chip-state-negative-bg);
}
.bbc .chip.is-negative .chip-label {
  color: var(--bbc-color-chip-state-negative-text);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .chip.is-category1 {
  background-color: var(--bbc-color-chip-category-category1-bg);
}
.bbc .chip.is-category1 .chip-label {
  color: var(--bbc-color-chip-category-category1-text);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .chip.is-category2 {
  background-color: var(--bbc-color-chip-category-category2-bg);
}
.bbc .chip.is-category2 .chip-label {
  color: var(--bbc-color-chip-category-category2-text);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .chip.is-category3 {
  background-color: var(--bbc-color-chip-category-category3-bg);
}
.bbc .chip.is-category3 .chip-label {
  color: var(--bbc-color-chip-category-category3-text);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .chip.is-category4 {
  background-color: var(--bbc-color-chip-category-category4-bg);
}
.bbc .chip.is-category4 .chip-label {
  color: var(--bbc-color-chip-category-category4-text);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .chip.is-outline {
  border: 1px solid var(--bbc-color-border-tertiary);
  background-color: var(--bbc-color-element-white);
}
.bbc .chip.is-outline .chip-label {
  color: var(--bbc-color-text-tertiary);
  font-weight: var(--bbc-font-weight-400);
}
.bbc .chip.is-outline.is-answered {
  border-color: #4051e9;
  background-color: #f3f5ff;
}
.bbc .chip.is-outline.is-answered .chip-label {
  color: #4051e9;
}
.bbc .chip.is-outline.is-korean .chip-label {
  color: var(--bbc-color-subject-korean-dark);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .chip.is-outline.is-english .chip-label {
  color: var(--bbc-color-subject-english-dark);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .chip.is-outline.is-society .chip-label {
  color: var(--bbc-color-subject-society-dark);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .chip.is-outline.is-math .chip-label {
  color: var(--bbc-color-subject-math-dark);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .chip.is-outline.is-science .chip-label {
  color: var(--bbc-color-subject-science-dark);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .chip.is-outline.is-art .chip-label {
  color: var(--bbc-color-subject-art-dark);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .chip.is-outline.is-music .chip-label {
  color: var(--bbc-color-subject-music-dark);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .chip.is-outline.is-physical .chip-label {
  color: var(--bbc-color-subject-society-dark);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .chip.is-outline.is-morality .chip-label {
  color: var(--bbc-color-subject-morality-dark);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .chip.is-outline.is-common .chip-label {
  color: var(--bbc-color-subject-common-dark);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .chip.is-outline.is-technology .chip-label {
  color: var(--bbc-color-subject-technology-dark);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .chip.is-outline.is-happy .chip-label {
  color: var(--bbc-color-subject-happy-dark);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .chip.is-outline.is-wise .chip-label {
  color: var(--bbc-color-subject-wise-dark);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .chip.is-outline.is-right .chip-label {
  color: var(--bbc-color-subject-right-dark);
  font-weight: var(--bbc-font-weight-600);
}
@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;
  }
}
.bbc .spinner {
  width: 6.25rem;
  height: 3.125rem;
  line-height: 3.125rem;
  text-align: center;
}
.bbc .spinner span {
  display: inline-block;
  width: 0.625rem;
  height: 0.625rem;
  background-color: var(--bbc-color-element-brand-primary);
  border-radius: var(--bbc-border-radius-max);
  animation: up-down 0.5s ease-in infinite alternate;
}
.bbc .spinner span:nth-child(2) {
  opacity: 0.55;
  animation-delay: 0.16s;
}
.bbc .spinner span:nth-child(3) {
  opacity: 0.3;
  animation-delay: 0.32s;
}
.bbc .spinner span:nth-child(4) {
  opacity: 0.15;
  animation-delay: 0.48s;
}
@keyframes up-down {
  0% {
    transform: translateY(-0.625rem);
  }
  to {
    transform: translateY(0.625rem);
  }
}
.bbc .badge {
  display: inline-flex;
  align-items: center;
  border-radius: var(--bbc-border-radius-max);
  color: var(--bbc-color-text-white);
  font-weight: var(--bbc-font-weight-500);
  line-height: 1;
  white-space: nowrap;
}
.bbc .badge,
.bbc .badge:after {
  justify-content: center;
}
.bbc .badge:after {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  text-align: center;
}
.bbc .badge.is-dot:after {
  content: '';
  border-radius: var(--bbc-border-radius-max);
  border: 0.0625rem solid var(--bbc-color-border-white);
  background-color: var(--bbc-color-states-new);
  width: 0.625rem;
  height: 0.625rem;
}
.bbc .badge.is-number {
  position: absolute;
  top: 0.3125rem;
  right: 0.3125rem;
  z-index: 1;
}
.bbc .badge.is-number:after {
  content: attr(data-badge);
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-badge-dark);
  color: var(--bbc-color-text-white);
  font-weight: 900;
  border: 1px solid var(--bbc-color-border-white);
}
.bbc .badge.is-number.is-sm:after {
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: var(--bbc-font-size-12);
}
.bbc .badge.is-number:after {
  min-width: 0.9375rem;
  height: 0.9375rem;
  font-size: 0.5625rem;
}
.bbc .badge.is-number.is-lg:after {
  min-width: 1.5rem;
  height: 1.5rem;
  font-size: 0.875rem;
}
.bbc .badge.is-number.is-xl:after {
  min-width: 36px;
  height: 36px;
  padding: 0 12px;
  font-size: var(--bbc-font-size-18);
}
.bbc .badge.is-icon {
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  flex: 0 0 auto;
}
.bbc .badge.is-negative:after {
  background-color: var(--bbc-color-fill-negative-0);
}
.bbc .badge.is-attention:after {
  background-color: var(--bbc-color-fill-attention-0);
}
.bbc .badge.is-live:after,
.bbc .badge.is-positive:after {
  background-color: var(--bbc-color-fill-positive-0);
}
.bbc .badge.is-live:after {
  box-shadow: 0 0 0 2px var(--bbc-color-stroke-accent-0);
}
.bbc .is-disabled > .badge:after,
.bbc :disabled > .badge:after {
  background-color: var(--bbc-color-states-new-disabled);
}
.bbc .avatar {
  --bg-color: var(--bbc-color-backgrounds-disabled, #f1f2f5);
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 4.6875rem;
  height: 4.6875rem;
  border-radius: var(--bbc-border-radius-max);
}
.bbc .avatar:has(input:focus-visible) {
  outline: var(--bbc-color-utility-focus) solid 0.125rem;
  outline-offset: 0.25rem;
}
.bbc .avatar.is-sm {
  width: 24px;
  height: 24px;
}
.bbc .avatar.is-md {
  width: 4.6875rem;
  height: 4.6875rem;
}
.bbc .avatar.is-lg {
  width: 6.875rem;
  height: 6.875rem;
}
.bbc .avatar.is-square {
  border-radius: var(--bbc-border-radius-lg);
}
.bbc .avatar .avatar-inner {
  position: relative;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bg-color);
  font-size: calc(var(--size) * 0.4);
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
.bbc .avatar .avatar-inner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bbc .avatar .badge {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
.bbc .avatar .badge.is-dot {
  top: 14%;
  right: 14%;
}
.bbc .avatar-group {
  display: flex;
}
.bbc .avatar-group .avatar {
  margin-left: -8px;
}
.bbc .avatar-group .avatar:first-child {
  margin-left: 0;
}
.bbc .avatar-group .avatar .avatar-inner {
  border: 2px solid #fff;
}
.bbc .modal-container {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  overflow-y: auto;
  align-items: center;
  width: 100%;
  min-width: 18.125rem;
  height: 100%;
  padding: 0.9375rem;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-overflow-scrolling: touch;
}
.bbc .modal-container.is-open {
  display: flex;
  align-items: center;
  font: var(--bbc-typo-heading-5);
}
.bbc .modal {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
  max-width: 46.875rem;
  min-height: 15.625rem;
  margin: auto;
  border-radius: var(--bbc-border-radius-24);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
  background-color: var(--bbc-color-backgrounds-gray-03);
}
.bbc .modal .modal-head {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  padding: 1.5rem;
  background-color: var(--bbc-color-element-white);
}
.bbc .modal .modal-head .modal-title {
  display: flex;
  align-items: center;
  font: var(--bbc-typo-heading-4);
}
.bbc .modal .modal-head .modal-action {
  align-self: flex-start;
  margin-left: auto;
}
.bbc .modal .modal-head .modal-action .close-btn {
  margin-top: 0.25rem;
}
.bbc .modal .modal-body {
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem 1.5rem 0.75rem;
  border-top: 1px solid var(--bbc-color-border-secondary);
}
.bbc .modal .modal-body:last-child {
  padding-bottom: 1.5rem;
}
.bbc .modal .modal-body-inner {
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-16);
  background-color: var(--bbc-color-element-white);
}
.bbc .modal .modal-body .modal-msg {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.bbc .modal .modal-body .modal-msg .desc {
  font-weight: var(--bbc-font-weight-400);
}
.bbc .modal .modal-body .modal-msg .desc p:not(:last-child) {
  margin-bottom: 12px;
}
.bbc .modal .modal-body .pagination {
  padding-top: 1.875rem;
}
.bbc .modal .modal-foot {
  padding: 0 1.5rem 1.5rem;
}
.bbc .has-inner-scroll.modal {
  max-height: 100%;
}
.bbc .has-inner-scroll.modal .modal-body {
  display: block;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .modal-container {
    padding: 1rem;
  }
  .bbc .modal-container.is-open {
    font: var(--bbc-typo-heading-6);
  }
  .bbc .modal {
    border-radius: var(--bbc-border-radius-16);
  }
  .bbc .modal .modal-head {
    padding: 0.875rem 1.25rem;
  }
  .bbc .modal .modal-head .modal-title {
    font: var(--bbc-typo-heading-6);
  }
  .bbc .modal .modal-head .modal-action .close-btn {
    margin-top: 0.125rem;
  }
  .bbc .modal .modal-body {
    padding: 1rem 1rem 0.75rem;
  }
  .bbc .modal .modal-body-inner {
    padding: 1rem;
  }
  .bbc .modal .modal-foot {
    padding: 0 1rem 1rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .modal-container {
    padding: 1rem;
  }
  .bbc .modal-container.is-open {
    font: var(--bbc-typo-heading-6);
  }
  .bbc .modal {
    border-radius: var(--bbc-border-radius-16);
  }
  .bbc .modal .modal-head {
    padding: 0.875rem 1.25rem;
  }
  .bbc .modal .modal-head .modal-title {
    font: var(--bbc-typo-heading-6);
  }
  .bbc .modal .modal-head .modal-action .close-btn {
    margin-top: 0.125rem;
  }
  .bbc .modal .modal-body {
    padding: 1rem 1rem 0.75rem;
  }
  .bbc .modal .modal-body-inner {
    padding: 1rem;
  }
  .bbc .modal .modal-foot {
    padding: 0 1rem 1rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .modal {
    max-width: 35.625rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .modal-container {
    padding: 1rem;
  }
  .bbc .modal-container.is-open {
    font: var(--bbc-typo-heading-6);
  }
  .bbc .modal {
    border-radius: var(--bbc-border-radius-16);
  }
  .bbc .modal .modal-head {
    padding: 0.875rem 1.25rem;
  }
  .bbc .modal .modal-head .modal-title {
    font: var(--bbc-typo-heading-6);
  }
  .bbc .modal .modal-head .modal-action .close-btn {
    margin-top: 0.125rem;
  }
  .bbc .modal .modal-body {
    padding: 1rem 1rem 0.75rem;
  }
  .bbc .modal .modal-body-inner {
    padding: 1rem;
  }
  .bbc .modal .modal-foot {
    padding: 0 1rem 1rem;
  }
}
.bbc .alert-modal {
  max-width: 20rem;
  min-height: 10rem;
  background-color: var(--bbc-color-backgrounds-base);
}
.bbc .alert-modal .modal-body {
  padding: 2rem 1.5rem 1.5rem;
  border-top: none;
}
.bbc .alert-modal .modal-body .alert-msg {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.bbc .alert-modal .modal-body .alert-msg .title {
  font: var(--bbc-typo-heading-4);
}
.bbc .alert-modal .modal-body .alert-msg .desc {
  display: flex;
  flex-direction: column;
  font: var(--bbc-typo-body-2);
  font-weight: var(--bbc-font-weight-400);
  color: var(--bbc-color-text-tertiary);
  margin-top: 0.5rem;
}
.bbc .alert-modal .modal-body .alert-msg .desc .list-wrap {
  list-style-type: disc;
  text-align: left;
}
.bbc .alert-modal .modal-body .alert-msg .desc .list-wrap .item {
  margin-left: 0.875rem;
}
.bbc .alert-modal .modal-body .alert-msg .desc .list-wrap .item::marker {
  color: var(--bbc-color-element-marker);
  font-size: 0.9em;
}
.bbc .alert-modal .modal-body .alert-msg .remain {
  margin-top: 0.5rem;
}
.bbc .alert-modal .modal-body .btn-set {
  margin-top: 2rem;
  gap: 0.5rem;
}
.bbc .alert-modal .modal-body .btn-set .btn {
  flex: 1 1 50%;
}
.bbc .custom-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: none;
  overflow: auto;
  max-width: 340px;
  padding: 6px 0;
  will-change: transform, top, left;
  contain: layout style;
}
.bbc .custom-tooltip .custom-tooltip-inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: 0 var(--bbc-border-radius-xl) var(--bbc-border-radius-xl) var(--bbc-border-radius-xl);
  box-shadow: var(--bbc-color-shadow-natural-sm);
  background-color: var(--bbc-color-fill-brand-secondary);
  color: var(--bbc-color-text-accent-0);
  font-size: var(--bbc-font-size-14);
}
@media (max-width: 719px) {
  .bbc .custom-tooltip .custom-tooltip-inner {
    border-radius: 0 var(--bbc-border-radius-lg) var(--bbc-border-radius-lg) var(--bbc-border-radius-lg);
  }
}
.bbc .custom-tooltip .custom-tooltip-inner .desc {
  word-break: break-all;
}
.bbc .custom-tooltip.is-top .custom-tooltip-inner {
  border-radius: var(--bbc-border-radius-xl) var(--bbc-border-radius-xl) var(--bbc-border-radius-xl) 0;
}
@media (max-width: 719px) {
  .bbc .custom-tooltip.is-top .custom-tooltip-inner {
    border-radius: var(--bbc-border-radius-lg) var(--bbc-border-radius-lg) var(--bbc-border-radius-lg) 0;
  }
}
.bbc .custom-tooltip.is-top.is-left .custom-tooltip-inner {
  border-radius: var(--bbc-border-radius-xl) var(--bbc-border-radius-xl) 0 var(--bbc-border-radius-xl);
}
@media (max-width: 719px) {
  .bbc .custom-tooltip.is-top.is-left .custom-tooltip-inner {
    border-radius: var(--bbc-border-radius-lg) var(--bbc-border-radius-lg) 0 var(--bbc-border-radius-lg);
  }
}
.bbc .custom-tooltip.is-left .custom-tooltip-inner {
  border-radius: var(--bbc-border-radius-xl) 0 var(--bbc-border-radius-xl) var(--bbc-border-radius-xl);
}
@media (max-width: 719px) {
  .bbc .custom-tooltip.is-left .custom-tooltip-inner {
    border-radius: var(--bbc-border-radius-lg) 0 var(--bbc-border-radius-lg) var(--bbc-border-radius-lg);
  }
}
.bbc .custom-tooltip.is-center .custom-tooltip-inner {
  border-radius: var(--bbc-border-radius-xl) !important;
}
@media (max-width: 719px) {
  .bbc .custom-tooltip.is-center .custom-tooltip-inner {
    border-radius: var(--bbc-border-radius-lg) !important;
  }
}
.bbc .custom-tooltip.is-center:before {
  content: '';
  position: absolute;
  left: 50%;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: translateX(-50%);
}
.bbc .custom-tooltip.is-center.is-top:before {
  bottom: 0;
  border-top: 6px solid var(--bbc-color-fill-brand-secondary);
}
.bbc .custom-tooltip.is-center.is-bottom:before {
  top: 0;
  border-bottom: 6px solid var(--bbc-color-fill-brand-secondary);
}
.bbc .custom-tooltip.is-viewport-centered {
  width: calc(100% - 32px);
}
.bbc .custom-tooltip.is-viewport-centered .custom-tooltip-inner {
  max-width: 90vw;
  max-height: 80vh;
  border-radius: var(--bbc-border-radius-xl) !important;
}
@media (max-width: 719px) {
  .bbc .custom-tooltip.is-viewport-centered .custom-tooltip-inner {
    border-radius: var(--bbc-border-radius-lg) !important;
  }
}
.bbc .apexcharts-tooltip {
  overflow: visible !important;
  border: none !important;
  border-radius: 0;
  box-shadow: none;
  background: none !important;
  color: inherit;
  font-size: inherit;
}
.bbc .apexcharts-tooltip.apexcharts-theme-dark {
  background: none;
  color: inherit;
}
.bbc .apexcharts-tooltip:before {
  content: '';
  position: absolute;
  left: 50%;
  display: none;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: translateX(-50%);
}
.bbc .apexcharts-tooltip.is-top:not(.is-left, .is-right):before {
  bottom: -6px;
  display: block;
  border-top: 6px solid var(--bbc-color-fill-brand-secondary);
}
.bbc .apexcharts-tooltip.is-top:not(.is-left, .is-right) .chart-tooltip {
  border-radius: var(--bbc-border-radius-xl);
}
@media (max-width: 719px) {
  .bbc .apexcharts-tooltip.is-top:not(.is-left, .is-right) .chart-tooltip {
    border-radius: var(--bbc-border-radius-lg);
  }
}
.bbc .apexcharts-tooltip.is-top.is-right .chart-tooltip {
  border-radius: var(--bbc-border-radius-xl) var(--bbc-border-radius-xl) var(--bbc-border-radius-xl) 0;
}
@media (max-width: 719px) {
  .bbc .apexcharts-tooltip.is-top.is-right .chart-tooltip {
    border-radius: var(--bbc-border-radius-lg) var(--bbc-border-radius-lg) var(--bbc-border-radius-lg) 0;
  }
}
.bbc .apexcharts-tooltip.is-top.is-left .chart-tooltip {
  border-radius: var(--bbc-border-radius-xl) var(--bbc-border-radius-xl) 0 var(--bbc-border-radius-xl);
}
@media (max-width: 719px) {
  .bbc .apexcharts-tooltip.is-top.is-left .chart-tooltip {
    border-radius: var(--bbc-border-radius-lg) var(--bbc-border-radius-lg) 0 var(--bbc-border-radius-lg);
  }
}
.bbc .apexcharts-tooltip.is-bottom:not(.is-left, .is-right):before {
  top: 6px;
  display: block;
  border-bottom: 6px solid var(--bbc-color-fill-brand-secondary);
}
.bbc .apexcharts-tooltip.is-bottom:not(.is-left, .is-right) .chart-tooltip {
  border-radius: var(--bbc-border-radius-xl);
}
@media (max-width: 719px) {
  .bbc .apexcharts-tooltip.is-bottom:not(.is-left, .is-right) .chart-tooltip {
    border-radius: var(--bbc-border-radius-lg);
  }
}
.bbc .apexcharts-tooltip.is-bottom.is-right .chart-tooltip {
  border-radius: 0 var(--bbc-border-radius-xl) var(--bbc-border-radius-xl) var(--bbc-border-radius-xl);
}
@media (max-width: 719px) {
  .bbc .apexcharts-tooltip.is-bottom.is-right .chart-tooltip {
    border-radius: 0 var(--bbc-border-radius-lg) var(--bbc-border-radius-lg) var(--bbc-border-radius-lg);
  }
}
.bbc .apexcharts-tooltip.is-bottom.is-left .chart-tooltip {
  border-radius: var(--bbc-border-radius-xl) 0 var(--bbc-border-radius-xl) var(--bbc-border-radius-xl);
}
@media (max-width: 719px) {
  .bbc .apexcharts-tooltip.is-bottom.is-left .chart-tooltip {
    border-radius: var(--bbc-border-radius-lg) 0 var(--bbc-border-radius-lg) var(--bbc-border-radius-lg);
  }
}
.bbc .chart-tooltip {
  z-index: 3;
  padding: 12px;
  border-radius: var(--bbc-border-radius-xl);
  box-shadow: var(--bbc-color-shadow-natural-sm);
  background-color: var(--bbc-color-fill-brand-secondary);
  color: var(--bbc-color-text-accent-0);
  font-size: var(--bbc-font-size-14);
  white-space: nowrap;
  pointer-events: none;
  word-break: break-all;
}
@media (max-width: 719px) {
  .bbc .chart-tooltip {
    border-radius: var(--bbc-border-radius-lg);
  }
}
.bbc .chart-tooltip.is-top.is-right {
  border-radius: var(--bbc-border-radius-xl) var(--bbc-border-radius-xl) var(--bbc-border-radius-xl) 0;
}
@media (max-width: 719px) {
  .bbc .chart-tooltip.is-top.is-right {
    border-radius: var(--bbc-border-radius-lg) var(--bbc-border-radius-lg) var(--bbc-border-radius-lg) 0;
  }
}
.bbc .chart-tooltip.is-top.is-left {
  border-radius: var(--bbc-border-radius-xl) var(--bbc-border-radius-xl) 0 var(--bbc-border-radius-xl);
}
@media (max-width: 719px) {
  .bbc .chart-tooltip.is-top.is-left {
    border-radius: var(--bbc-border-radius-lg) var(--bbc-border-radius-lg) 0 var(--bbc-border-radius-lg);
  }
}
.bbc .chart-tooltip.is-bottom.is-right {
  border-radius: 0 var(--bbc-border-radius-xl) var(--bbc-border-radius-xl) var(--bbc-border-radius-xl);
}
@media (max-width: 719px) {
  .bbc .chart-tooltip.is-bottom.is-right {
    border-radius: 0 var(--bbc-border-radius-lg) var(--bbc-border-radius-lg) var(--bbc-border-radius-lg);
  }
}
.bbc .chart-tooltip.is-bottom.is-left {
  border-radius: var(--bbc-border-radius-xl) 0 var(--bbc-border-radius-xl) var(--bbc-border-radius-xl);
}
@media (max-width: 719px) {
  .bbc .chart-tooltip.is-bottom.is-left {
    border-radius: var(--bbc-border-radius-lg) 0 var(--bbc-border-radius-lg) var(--bbc-border-radius-lg);
  }
}
.bbc .chart-tooltip.is-center:before {
  content: '';
  position: absolute;
  left: 50%;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  transform: translateX(-50%);
}
.bbc .chart-tooltip.is-center.is-top:before {
  bottom: 0;
  border-top: 6px solid var(--bbc-color-fill-brand-secondary);
}
.bbc .chart-tooltip.is-center.is-bottom:before {
  top: 0;
  border-bottom: 6px solid var(--bbc-color-fill-brand-secondary);
}
.bbc .toast-manager {
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 30px 22px;
  transform: translateX(-50%);
  pointer-events: none;
}
@media (max-width: 1366px) {
  .bbc .toast-manager {
    gap: 10px;
    padding: 0 15px 30px;
  }
}
.bbc .toast-manager.is-left {
  left: 0;
  align-items: flex-start;
  transform: none;
}
.bbc .toast-manager.is-left .toast {
  transform: translateX(-100%);
}
.bbc .toast-manager.is-right {
  right: 0;
  left: auto;
  align-items: flex-end;
  transform: none;
}
.bbc .toast-manager.is-right .toast {
  transform: translateX(100%);
}
.bbc .toast-manager .toast {
  max-width: 500px;
  max-height: 0;
  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;
  user-select: none;
}
.bbc .toast-manager .toast.is-show {
  max-height: 1000px;
  transform: translate(0);
  opacity: 1;
}
.bbc .toast-manager .toast-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  min-height: 40px;
  margin: 8px 0;
  padding: 10px 20px;
  border-radius: var(--bbc-border-radius-2xl);
  box-shadow: var(--bbc-shadow-300);
  background-color: var(--bbc-color-fill-brand-secondary);
  color: var(--bbc-color-text-accent-0);
}
@media (max-width: 1366px) {
  .bbc .toast-manager .toast-content {
    padding: 10px 16px;
  }
}
.bbc .toast-manager .toast-content .toast-badge {
  display: flex;
  justify-content: center;
  align-self: flex-start;
}
.bbc .toast-manager .toast-message {
  flex: 1 1 auto;
  font-size: var(--bbc-font-size-14);
  word-break: break-all;
}
.bbc .abc {
  font: var(--bbc-typo-display-1);
}
.bbc .box {
  overflow: hidden;
  width: 100%;
  padding: 40px;
  border-radius: var(--bbc-border-radius-8);
}
@media (max-width: 1280px) {
  .bbc .box {
    padding: 40px 30px;
  }
}
.bbc .box img {
  height: 100%;
  object-fit: cover;
}
.bbc .box img,
.bbc .box video {
  width: 100%;
}
.bbc .box iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.bbc .box.is-sm {
  padding: 25px 15px;
  border-radius: var(--bbc-border-radius-xs);
}
.bbc .box.is-fit {
  padding: 0 !important;
}
.bbc .box.is-solid {
  background-color: var(--bbc-color-backgrounds-gray-03);
}
.bbc .box.is-ratio-1x1 {
  aspect-ratio: 1/1;
}
.bbc .box.is-ratio-3x2 {
  aspect-ratio: 3/2;
}
.bbc .box.is-ratio-16x9 {
  aspect-ratio: 16/9;
}
.bbc .empty-state {
  position: relative;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: 0.125rem dashed var(--bbc-color-border-primary);
  border-radius: 0.75rem;
  background-color: var(--bbc-color-element-white);
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc .empty-state {
    padding: 0.75rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .empty-state {
    padding: 1.25rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .empty-state {
    padding: 1.25rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .empty-state {
    padding: 0.75rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .empty-state {
    padding: 1.25rem;
  }
}
.bbc .empty-state.is-bare {
  border: 0;
  background-color: transparent;
}
.bbc .empty-state .empty-state-layout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.bbc .empty-state .empty-state-indicator .empty-img {
  display: block;
  width: 5rem;
  height: 5rem;
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  content: '';
}
.bbc .empty-state .empty-state-indicator .empty-img-data {
  background-image: url(../images/common/empty_data.svg);
}
.bbc .empty-state .empty-state-indicator .empty-img-bubble {
  background-image: url(../images/common/empty_data_bubble.svg);
}
.bbc .empty-state .empty-state-indicator .empty-img-notification {
  background-image: url(../images/common/empty_data_notification.svg);
}
.bbc .empty-state .empty-state-indicator .empty-img-person {
  background-image: url(../images/common/empty_data_person.svg);
}
.bbc .empty-state .empty-state-indicator .empty-img-error {
  width: 11.25rem;
  height: 6.75rem;
  background-image: url(../images/common/not_found.svg);
}
.bbc .empty-state .empty-state-indicator .empty-img-update {
  width: 10rem;
  height: 8.125rem;
  background-image: url(../images/common/update_ready.png);
}
.bbc .empty-state .empty-state-msg {
  display: flex;
  flex-direction: column;
}
.bbc .empty-state .empty-state-msg .empty-state-headline {
  margin-top: 1rem;
  color: var(--bbc-color-text-primary);
  font: var(--bbc-typo-heading-3);
}
.bbc .empty-state .empty-state-msg .empty-state-title {
  margin-top: 0.5rem;
  color: var(--bbc-color-text-additional);
  font: var(--bbc-typo-body-2);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .empty-state .empty-state-msg .empty-state-desc {
  margin-top: 0.25rem;
  color: var(--bbc-color-text-additional);
  font: var(--bbc-typo-body-4);
  font-weight: var(--bbc-font-weight-400);
}
.bbc .empty-state .empty-state-msg:not(:has(.empty-state-title)) .empty-state-desc {
  font: var(--bbc-typo-body-2);
}
.bbc .empty-state .btn {
  width: fit-content;
  margin: 1.875rem auto 0;
}
.bbc .empty-state.is-fit {
  height: 100%;
}
.bbc .empty-state.is-horizontal .empty-state-layout {
  flex-direction: row;
  gap: 0.75rem;
}
.bbc .empty-state.is-horizontal .empty-state-layout .empty-state-indicator .empty-img {
  width: 3rem;
  height: 3rem;
}
.bbc .empty-state.is-horizontal .empty-state-layout .empty-state-msg {
  align-items: start;
  text-align: left;
}
.bbc .empty-state.is-horizontal .empty-state-layout .empty-state-msg .empty-state-desc,
.bbc .empty-state.is-horizontal .empty-state-layout .empty-state-msg .empty-state-title {
  margin-top: 0;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .empty-state {
    height: 100%;
  }
  .bbc .empty-state .empty-state-layout {
    height: 100%;
    margin: 0;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .empty-state {
    height: 100%;
  }
  .bbc .empty-state .empty-state-layout {
    height: 100%;
    margin: 0;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .empty-state {
    height: 100%;
  }
  .bbc .empty-state .empty-state-layout {
    height: 100%;
    margin: 0;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .empty-state {
    height: 100%;
  }
  .bbc .empty-state .empty-state-layout {
    height: 100%;
    margin: 0;
  }
}
.bbc .value-status .current {
  color: var(--bbc-color-text-brand-primary);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .value-status .delimiter {
  margin: 0 3px;
}
.bbc .value-status .delimiter,
.bbc .value-status .total,
.bbc .value-status .unit {
  color: var(--bbc-color-text-natural-1);
}
.bbc .pagination .number-list .number,
.bbc .pagination .number-list .number.is-divider,
.bbc .pagination .pagination-control .number-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--bbc-border-radius-6);
  border: 1px solid var(--bbc-color-border-additional);
  color: var(--bbc-color-text-primary);
  text-align: center;
  transition: background-color 0.2s;
}
.bbc .pagination .number-list .number .number-label,
.bbc .pagination .pagination-control .number-btn .number-label {
  color: var(--bbc-color-text-primary);
  font: var(--bbc-typo-btn-2);
  font-weight: var(--bbc-font-weight-400);
}
.bbc .pagination .number-list .number.is-divider:before,
.bbc .pagination .number-list .number .number-label,
.bbc .pagination .number-list .number:before,
.bbc .pagination .pagination-control .number-btn .number-label,
.bbc .pagination .pagination-control .number-btn:before {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  outline: none;
}
.bbc .pagination {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.5rem;
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .pagination {
    flex-shrink: 0;
    margin-top: auto;
  }
}
.bbc .pagination .number-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.bbc .pagination .number-list .number {
  position: relative;
  color: var(--bbc-color-text-tertiary);
}
.bbc .pagination .number-list .number:after {
  content: '';
  background-color: unset;
}
.bbc .pagination .number-list .number:has(.number-label:focus-visible) {
  outline: var(--bbc-color-utility-focus) solid 0.125rem;
  outline-offset: 0.25rem;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  .bbc .pagination .number-list .number:not(.is-current):hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-primary-hovered-subtle);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .pagination .number-list .number:not(.is-current):active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-primary-hovered-subtle);
  }
}
.bbc .pagination .number-list .number.is-current {
  border-color: var(--bbc-color-btn-primary-normal);
  background-color: var(--bbc-color-btn-primary-normal);
}
.bbc .pagination .number-list .number.is-current a {
  color: var(--bbc-color-text-white);
}
.bbc .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: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
}
.bbc .pagination .pagination-control {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bbc .pagination .pagination-control .number-btn span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
@media (hover: hover) and (pointer: fine) {
  .bbc .pagination .pagination-control .number-btn:hover:not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-primary-hovered-subtle);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .pagination .pagination-control .number-btn:active:not(:disabled):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    background-color: var(--bbc-color-btn-primary-hovered-subtle);
  }
}
.bbc .pagination .pagination-control .number-btn.is-first,
.bbc .pagination .pagination-control .number-btn.is-last,
.bbc .pagination .pagination-control .number-btn.is-next,
.bbc .pagination .pagination-control .number-btn.is-prev {
  display: flex;
  align-items: center;
  justify-self: unset;
}
.bbc .pagination .pagination-control .number-btn.is-first: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: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  transform: rotate(180deg);
}
.bbc .pagination .pagination-control .number-btn.is-prev {
  margin: 0 0.5rem 0 0.25rem;
}
.bbc .pagination .pagination-control .number-btn.is-prev: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: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
  transform: rotate(180deg);
}
.bbc .pagination .pagination-control .number-btn.is-next {
  flex-direction: row-reverse;
  margin: 0 0.25rem 0 0.5rem;
}
.bbc .pagination .pagination-control .number-btn.is-next:before {
  content: '\e80a';
}
.bbc .pagination .pagination-control .number-btn.is-last:before,
.bbc .pagination .pagination-control .number-btn.is-next: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: 1.25rem;
  height: 1.25rem;
  font-size: 1.25rem;
}
.bbc .pagination .pagination-control .number-btn.is-last:before {
  content: '\e80e';
}
.bbc .pagination .pagination-control .number-btn:disabled {
  color: var(--bbc-color-btn-disabled);
  cursor: default;
}
.bbc .pagination .pagination-control .number-btn:disabled:before {
  color: var(--bbc-color-text-disabled);
}
.bbc .board-option {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin-bottom: 30px;
}
.bbc .board-option .action-group {
  margin-left: auto;
}
.bbc .board-list .pagination {
  padding-top: 60px;
}
.bbc .gallery-list {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(12, 1fr);
}
.bbc .gallery-item {
  grid-column: span 3;
}
@media (max-width: 1280px) {
  .bbc .gallery-item {
    grid-column: span 4;
  }
}
.bbc .gallery-item > a {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.bbc .gallery-item .info-wrap {
  display: flex;
  flex-direction: column;
  padding: 16px 20px 19px;
}
.bbc .gallery-item .info-wrap > .title {
  height: 45px;
  color: var(--bbc-color-text-natural-0);
  font-weight: var(--bbc-font-weight-600);
  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;
}
.bbc .gallery-item .info-wrap > .title + .desc {
  margin-top: 8px;
}
.bbc .gallery-item .info-wrap > .title + .info-meta {
  margin-top: 10px;
}
.bbc .gallery-item .info-wrap > .desc {
  color: var(--bbc-color-text-natural-1);
  font-size: var(--bbc-font-size-14);
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  word-break: break-all !important;
}
.bbc .gallery-item .info-wrap > .info-meta {
  margin-top: auto;
  padding-top: 8px;
}
.bbc .gallery-item .info-wrap > .info-meta .deadline {
  display: block;
  color: var(--bbc-color-text-natural-1);
  font-size: var(--bbc-font-size-14);
}
.bbc .gallery.is-row .gallery-list {
  gap: 25px;
  grid-template-columns: repeat(1, 1fr);
}
.bbc .gallery.is-row .gallery-item {
  display: flex;
  flex-direction: row;
  grid-column: span 1;
}
.bbc .gallery.is-row .gallery-item > a {
  flex-direction: row;
}
.bbc .gallery.is-row .gallery-item .media-wrap {
  flex: 0 0 auto;
  align-self: flex-start;
  width: 20%;
}
.bbc .gallery.is-row .gallery-item .info-wrap {
  flex: 1 1 auto;
}
.bbc .gallery.is-row .gallery-item .info-wrap > .title {
  height: auto;
  font-size: var(--bbc-font-size-18);
  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;
}
.bbc .gallery.is-card .gallery-item {
  overflow: hidden;
  flex: 1 1 auto;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-xl);
  transform: translateY(0);
  transition:
    transform 0.2s ease-out,
    box-shadow 0.3s ease-out;
  will-change: transform, box-shadow;
}
@media (hover: hover) and (pointer: fine) {
  .bbc .gallery.is-card .gallery-item:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    box-shadow: var(--bbc-shadow-300);
    transform: translateY(-5px);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .gallery.is-card .gallery-item:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    box-shadow: var(--bbc-shadow-300);
    transform: translateY(-5px);
  }
}
.bbc .gallery.is-card.is-row .gallery-item .media-wrap {
  width: 260px;
}
.bbc .gallery.is-card.is-row .gallery-item .info-wrap {
  padding: 38px 50px;
}
.bbc .gallery.is-underline .gallery-list {
  gap: 0;
}
.bbc .gallery.is-underline .gallery-list .gallery-item {
  gap: 30px;
  padding: 30px 0;
}
.bbc .gallery.is-underline .gallery-list .gallery-item:first-child {
  padding-top: 0;
  border-top: none;
}
.bbc .gallery.is-underline .gallery-list .gallery-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.bbc .gallery.is-underline .gallery-list .gallery-item:not(:last-child) {
  border-bottom: 1px solid var(--bbc-color-border-100);
}
.bbc .gallery.is-underline .gallery-list .gallery-item .media-wrap {
  width: 192px;
}
.bbc .gallery.is-underline .gallery-list .gallery-item .media-wrap .thumb {
  border-radius: var(--bbc-border-radius-xl);
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap {
  padding: 0;
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap > .top-area {
  display: flex;
  gap: 20px;
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap > .top-area .chip {
  margin-bottom: 10px;
  margin-left: -2px;
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap > .top-area .action-group {
  margin-left: auto;
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap > .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;
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap .info-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap .info-list .info-item {
  display: flex;
  flex-direction: column;
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap .info-list .info-item .title {
  font-size: var(--bbc-font-size-16);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap .info-list .info-item .title + .desc,
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap .info-list .info-item .title + .item {
  margin-top: 4px;
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap .info-list .info-item .desc {
  color: var(--bbc-color-text-natural-1);
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap .info-list .info-item .item {
  position: relative;
  padding-left: 12px;
  color: var(--bbc-color-text-natural-1);
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap .info-list .info-item .item:before {
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-text-brand-primary);
  content: '';
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap .info-list .info-item .item .category {
  display: flex;
}
.bbc .gallery.is-underline .gallery-list .gallery-item .info-wrap .info-list .info-item .item + .item {
  margin-top: 8px;
}
.bbc .card,
.bbc .media-card,
.bbc .utility-notification {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: var(--bbc-border-radius-16);
  background-color: var(--bbc-color-backgrounds-base);
}
.bbc .card > .card-head:has([class^='card-head-']),
.bbc .media-card .card-content > .card-head:has([class^='card-head-']),
.bbc .media-card > .card-head:has([class^='card-head-']) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.625rem;
}
.bbc .card > .card-head-left,
.bbc .media-card .card-content > .card-head-left,
.bbc .media-card > .card-head-left {
  flex: 1 1 auto;
}
.bbc .card > .card-head-right,
.bbc .media-card .card-content > .card-head-right,
.bbc .media-card > .card-head-right {
  flex: 0 1 auto;
  margin-left: auto;
}
.bbc .card > .card-head .title,
.bbc .media-card .card-content > .card-head .title,
.bbc .media-card > .card-head .title {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  font-size: var(--bbc-font-size-22);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .card > .card-body,
.bbc .media-card .card-content > .card-body,
.bbc .media-card > .card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
  border-radius: var(--bbc-border-radius-16);
}
.bbc .card > .card-foot,
.bbc .media-card .card-content > .card-foot,
.bbc .media-card > .card-foot {
  display: block;
  width: 100%;
}
.bbc .card > .card-content > .card-head:first-child:not(:last-child),
.bbc .card > .card-head:first-child:not(:last-child),
.bbc .media-card .card-content > .card-content > .card-head:first-child:not(:last-child),
.bbc .media-card .card-content > .card-head:first-child:not(:last-child),
.bbc .media-card > .card-head:first-child:not(:last-child) {
  padding-bottom: 1rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.bbc .card > .card-body:not(:first-child),
.bbc .card > .card-content > .card-body:not(:first-child),
.bbc .media-card .card-content > .card-body:not(:first-child),
.bbc .media-card .card-content > .card-content > .card-body:not(:first-child),
.bbc .media-card > .card-body:not(:first-child) {
  padding-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bbc .card > .card-body:not(:first-child):not(:last-child),
.bbc .card > .card-content > .card-body:not(:first-child):not(:last-child),
.bbc .media-card .card-content > .card-body:not(:first-child):not(:last-child),
.bbc .media-card .card-content > .card-content > .card-body:not(:first-child):not(:last-child),
.bbc .media-card > .card-body:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.bbc .card > .card-body:not(:first-child):last-child,
.bbc .card > .card-body:not(:first-child):not(:last-child),
.bbc .card > .card-content > .card-body:not(:first-child):last-child,
.bbc .card > .card-content > .card-body:not(:first-child):not(:last-child),
.bbc .media-card .card-content > .card-body:not(:first-child):last-child,
.bbc .media-card .card-content > .card-body:not(:first-child):not(:last-child),
.bbc .media-card .card-content > .card-content > .card-body:not(:first-child):last-child,
.bbc .media-card .card-content > .card-content > .card-body:not(:first-child):not(:last-child),
.bbc .media-card > .card-body:not(:first-child):last-child,
.bbc .media-card > .card-body:not(:first-child):not(:last-child) {
  padding-top: 0;
}
.bbc .card > .card-content > .card-foot:last-child:not(:first-child),
.bbc .card > .card-foot:last-child:not(:first-child),
.bbc .media-card .card-content > .card-content > .card-foot:last-child:not(:first-child),
.bbc .media-card .card-content > .card-foot:last-child:not(:first-child),
.bbc .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;
}
.bbc .card > .card-content > .card-head,
.bbc .card > .card-head {
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-16);
}
@media (max-width: 719px) {
  .bbc .card > .card-content > .card-head,
  .bbc .card > .card-head {
    padding: 1.5rem 0.9375rem;
  }
}
.bbc .card > .card-body,
.bbc .card > .card-content > .card-body {
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-16);
}
@media (max-width: 719px) {
  .bbc .card > .card-body,
  .bbc .card > .card-content > .card-body {
    padding: 1.5rem 0.9375rem;
  }
}
.bbc .card > .card-content > .card-foot,
.bbc .card > .card-foot {
  padding: 1.875rem 1.5625rem;
  border-radius: var(--bbc-border-radius-16);
}
@media (max-width: 719px) {
  .bbc .card > .card-content > .card-foot,
  .bbc .card > .card-foot {
    padding: 1.5rem 0.9375rem;
  }
}
.bbc .card.is-xs > .card-body,
.bbc .card.is-xs > .card-content > .card-body,
.bbc .card.is-xs > .card-content > .card-head,
.bbc .card.is-xs > .card-head {
  padding: 0.9375rem;
}
.bbc .card.is-xs > .card-content > .card-foot,
.bbc .card.is-xs > .card-foot {
  padding: 0 0.9375rem 0.9375rem;
}
.bbc .card.is-sm > .card-content > .card-head,
.bbc .card.is-sm > .card-head {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .bbc .card.is-sm > .card-content > .card-head,
  .bbc .card.is-sm > .card-head {
    padding: 1.5625rem 1.25rem;
  }
}
.bbc .card.is-sm > .card-body,
.bbc .card.is-sm > .card-content > .card-body {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .bbc .card.is-sm > .card-body,
  .bbc .card.is-sm > .card-content > .card-body {
    padding: 1.5625rem 1.25rem;
  }
}
.bbc .card.is-sm > .card-content > .card-foot,
.bbc .card.is-sm > .card-foot {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .bbc .card.is-sm > .card-content > .card-foot,
  .bbc .card.is-sm > .card-foot {
    padding: 1.5625rem 1.25rem;
  }
}
.bbc .card.is-md > .card-content > .card-head,
.bbc .card.is-md > .card-head {
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-16);
}
@media (max-width: 719px) {
  .bbc .card.is-md > .card-content > .card-head,
  .bbc .card.is-md > .card-head {
    padding: 1.5rem 0.9375rem;
  }
}
.bbc .card.is-md > .card-body,
.bbc .card.is-md > .card-content > .card-body {
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-16);
}
@media (max-width: 719px) {
  .bbc .card.is-md > .card-body,
  .bbc .card.is-md > .card-content > .card-body {
    padding: 1.5rem 0.9375rem;
  }
}
.bbc .card.is-md > .card-content > .card-foot,
.bbc .card.is-md > .card-foot {
  padding: 1.875rem 1.5625rem;
  border-radius: var(--bbc-border-radius-16);
}
@media (max-width: 719px) {
  .bbc .card.is-md > .card-content > .card-foot,
  .bbc .card.is-md > .card-foot {
    padding: 1.5rem 0.9375rem;
  }
}
.bbc .card.is-lg > .card-body,
.bbc .card.is-lg > .card-content > .card-body,
.bbc .card.is-lg > .card-content > .card-foot,
.bbc .card.is-lg > .card-content > .card-head,
.bbc .card.is-lg > .card-foot,
.bbc .card.is-lg > .card-head {
  padding: 2.5rem 2.1875rem;
  border-radius: var(--bbc-border-radius-16);
}
.bbc .card.is-solid {
  background-color: var(--bbc-color-fill-natural-subtle);
}
.bbc .card.is-outline > .card-content > .card-head,
.bbc .card.is-outline > .card-head {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.bbc .card.is-outline > .card-content > .card-head:first-child:not(:last-child),
.bbc .card.is-outline > .card-head:first-child:not(:last-child) {
  border-bottom: none;
}
.bbc .card.is-outline > .card-body,
.bbc .card.is-outline > .card-content > .card-body {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.bbc .card.is-outline > .card-body:not(:first-child),
.bbc .card.is-outline > .card-content > .card-body:not(:first-child) {
  border-top: none;
}
.bbc .card.is-outline > .card-body:not(:first-child, :last-child),
.bbc .card.is-outline > .card-content > .card-body:not(:first-child, :last-child) {
  border-bottom: none;
}
.bbc .card.is-outline > .card-content > .card-foot,
.bbc .card.is-outline > .card-foot {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.bbc .card.is-outline > .card-content > .card-foot:last-child:not(:first-child),
.bbc .card.is-outline > .card-foot:last-child:not(:first-child) {
  border-top: none;
}
.bbc .card.is-outline > .card-media {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.bbc .card.is-outline > .card-media:first-child:not(:last-child) {
  border-bottom: none;
}
.bbc .card.is-surface {
  box-shadow: var(--bbc-color-shadow-natural-sm);
}
.bbc .media-card > .card-content > .card-head,
.bbc .media-card > .card-head {
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-16);
}
@media (max-width: 719px) {
  .bbc .media-card > .card-content > .card-head,
  .bbc .media-card > .card-head {
    padding: 1.5rem 0.9375rem;
  }
}
.bbc .media-card > .card-body,
.bbc .media-card > .card-content > .card-body {
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-16);
}
@media (max-width: 719px) {
  .bbc .media-card > .card-body,
  .bbc .media-card > .card-content > .card-body {
    padding: 1.5rem 0.9375rem;
  }
}
.bbc .media-card > .card-content > .card-foot,
.bbc .media-card > .card-foot {
  padding: 1.875rem 1.5625rem;
  border-radius: var(--bbc-border-radius-16);
}
@media (max-width: 719px) {
  .bbc .media-card > .card-content > .card-foot,
  .bbc .media-card > .card-foot {
    padding: 1.5rem 0.9375rem;
  }
}
.bbc .media-card.is-xs > .card-body,
.bbc .media-card.is-xs > .card-content > .card-body,
.bbc .media-card.is-xs > .card-content > .card-head,
.bbc .media-card.is-xs > .card-head {
  padding: 0.9375rem;
}
.bbc .media-card.is-xs > .card-content > .card-foot,
.bbc .media-card.is-xs > .card-foot {
  padding: 0 0.9375rem 0.9375rem;
}
.bbc .media-card.is-sm > .card-content > .card-head,
.bbc .media-card.is-sm > .card-head {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .bbc .media-card.is-sm > .card-content > .card-head,
  .bbc .media-card.is-sm > .card-head {
    padding: 1.5625rem 1.25rem;
  }
}
.bbc .media-card.is-sm > .card-body,
.bbc .media-card.is-sm > .card-content > .card-body {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .bbc .media-card.is-sm > .card-body,
  .bbc .media-card.is-sm > .card-content > .card-body {
    padding: 1.5625rem 1.25rem;
  }
}
.bbc .media-card.is-sm > .card-content > .card-foot,
.bbc .media-card.is-sm > .card-foot {
  padding: 1.5625rem;
}
@media (max-width: 1280px) {
  .bbc .media-card.is-sm > .card-content > .card-foot,
  .bbc .media-card.is-sm > .card-foot {
    padding: 1.5625rem 1.25rem;
  }
}
.bbc .media-card.is-md > .card-content > .card-head,
.bbc .media-card.is-md > .card-head {
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-16);
}
@media (max-width: 719px) {
  .bbc .media-card.is-md > .card-content > .card-head,
  .bbc .media-card.is-md > .card-head {
    padding: 1.5rem 0.9375rem;
  }
}
.bbc .media-card.is-md > .card-body,
.bbc .media-card.is-md > .card-content > .card-body {
  padding: 1.5rem;
  border-radius: var(--bbc-border-radius-16);
}
@media (max-width: 719px) {
  .bbc .media-card.is-md > .card-body,
  .bbc .media-card.is-md > .card-content > .card-body {
    padding: 1.5rem 0.9375rem;
  }
}
.bbc .media-card.is-md > .card-content > .card-foot,
.bbc .media-card.is-md > .card-foot {
  padding: 1.875rem 1.5625rem;
  border-radius: var(--bbc-border-radius-16);
}
@media (max-width: 719px) {
  .bbc .media-card.is-md > .card-content > .card-foot,
  .bbc .media-card.is-md > .card-foot {
    padding: 1.5rem 0.9375rem;
  }
}
.bbc .media-card.is-lg > .card-body,
.bbc .media-card.is-lg > .card-content > .card-body,
.bbc .media-card.is-lg > .card-content > .card-foot,
.bbc .media-card.is-lg > .card-content > .card-head,
.bbc .media-card.is-lg > .card-foot,
.bbc .media-card.is-lg > .card-head {
  padding: 2.5rem 2.1875rem;
  border-radius: var(--bbc-border-radius-16);
}
.bbc .media-card.is-solid {
  background-color: var(--bbc-color-fill-natural-subtle);
}
.bbc .media-card.is-outline > .card-content > .card-head,
.bbc .media-card.is-outline > .card-head {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.bbc .media-card.is-outline > .card-content > .card-head:first-child:not(:last-child),
.bbc .media-card.is-outline > .card-head:first-child:not(:last-child) {
  border-bottom: none;
}
.bbc .media-card.is-outline > .card-body,
.bbc .media-card.is-outline > .card-content > .card-body {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.bbc .media-card.is-outline > .card-body:not(:first-child),
.bbc .media-card.is-outline > .card-content > .card-body:not(:first-child) {
  border-top: none;
}
.bbc .media-card.is-outline > .card-body:not(:first-child, :last-child),
.bbc .media-card.is-outline > .card-content > .card-body:not(:first-child, :last-child) {
  border-bottom: none;
}
.bbc .media-card.is-outline > .card-content > .card-foot,
.bbc .media-card.is-outline > .card-foot {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.bbc .media-card.is-outline > .card-content > .card-foot:last-child:not(:first-child),
.bbc .media-card.is-outline > .card-foot:last-child:not(:first-child) {
  border-top: none;
}
.bbc .media-card.is-outline > .card-media {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.bbc .media-card.is-outline > .card-media:first-child:not(:last-child) {
  border-bottom: none;
}
.bbc .media-card.is-surface {
  box-shadow: var(--bbc-color-shadow-natural-sm);
}
.bbc .media-card .card-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.bbc .media-card .card-media {
  overflow: hidden;
  flex: 0 1 auto;
}
.bbc .media-card .card-media .thumb,
.bbc .media-card .card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bbc .media-card .card-media + .card-content:not(:first-child) .card-body:first-child,
.bbc .media-card .card-media + .card-content:not(:first-child) .card-foot:first-child,
.bbc .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;
}
.bbc .media-card:has(> .card-media:only-child) .card-media {
  flex: 1 1 auto;
  border-radius: var(--bbc-border-radius-16);
}
.bbc .media-card:not(.is-horizontal):has(.card-content) .card-media:first-child {
  border-top-left-radius: var(--bbc-border-radius-16);
  border-top-right-radius: var(--bbc-border-radius-16);
}
.bbc .media-card:not(.is-horizontal):has(.card-content) .card-media:last-child {
  border-top: none;
  border-bottom-right-radius: var(--bbc-border-radius-16);
  border-bottom-left-radius: var(--bbc-border-radius-16);
}
.bbc .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;
}
.bbc .media-card.is-horizontal {
  display: flex;
  flex-direction: row;
}
.bbc .media-card.is-horizontal .card-media {
  flex: 0 1 18.625rem;
}
.bbc .media-card.is-horizontal .card-media:first-child {
  border-top-left-radius: var(--bbc-border-radius-16);
  border-bottom-left-radius: var(--bbc-border-radius-16);
}
.bbc .media-card.is-horizontal .card-media:first-child ~ .card-content .card-head {
  border-top-right-radius: var(--bbc-border-radius-16);
}
.bbc .media-card.is-horizontal .card-media:first-child ~ .card-content .card-foot {
  border-bottom-left-radius: 0;
}
.bbc .media-card.is-horizontal .card-media:last-child {
  border-top-right-radius: var(--bbc-border-radius-16);
  border-bottom-right-radius: var(--bbc-border-radius-16);
}
.bbc .media-card.is-horizontal .card-media:last-child ~ .card-content .card-foot {
  border-bottom-right-radius: 0;
}
.bbc .media-card.is-horizontal .card-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.bbc .media-card.is-horizontal .card-content .card-body {
  flex: 1 1 auto;
}
.bbc .tools-card {
  height: 13.125rem;
}
.bbc .tools-card .swiper {
  width: calc(100% + 0.75rem);
  margin: 0 -0.375rem;
}
.bbc .tools-card .item {
  height: 7.125rem;
  margin: 0 0.375rem;
}
.bbc .tools-card .item a {
  gap: 0.75rem;
}
.bbc .tools-card .item .item-logo {
  max-height: 2.625rem;
}
.bbc .tabs.is-group,
.bbc .tabs.is-index,
.bbc .tabs.is-underline {
  position: relative;
  width: 100%;
}
.bbc .tabs.is-group .tab-list,
.bbc .tabs.is-index .tab-list,
.bbc .tabs.is-underline .tab-list {
  position: relative;
  display: flex;
}
.bbc .tabs.is-group .tab-list .tab,
.bbc .tabs.is-index .tab-list .tab,
.bbc .tabs.is-underline .tab-list .tab {
  position: relative;
  min-width: 5.625rem;
  height: 3.375rem;
  background-color: var(--bbc-color-fill-accent-0);
  transition:
    border-color 0.15s,
    background-color 0.15s,
    color 0.15s;
  cursor: pointer;
}
.bbc .tabs.is-group .tab-list .tab .tab-label,
.bbc .tabs.is-index .tab-list .tab .tab-label,
.bbc .tabs.is-underline .tab-list .tab .tab-label {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0.9375rem;
  color: var(--bbc-color-text-additional);
  font: var(--bbc-typo-btn-1);
  font-weight: var(--bbc-font-weight-400);
  transition:
    transform 0.22s 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);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .tabs.is-group .tab-list .tab .tab-label:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']),
  .bbc .tabs.is-index .tab-list .tab .tab-label:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']),
  .bbc .tabs.is-underline .tab-list .tab .tab-label:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.9);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .tabs.is-group .tab-list .tab .tab-label:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']),
  .bbc .tabs.is-index .tab-list .tab .tab-label:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']),
  .bbc .tabs.is-underline .tab-list .tab .tab-label:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.9);
  }
}
.bbc .tabs.is-group .tab-list .tab:focus-visible,
.bbc .tabs.is-index .tab-list .tab:focus-visible,
.bbc .tabs.is-underline .tab-list .tab:focus-visible {
  z-index: 2;
  outline-offset: -2px;
}
.bbc .is-inline.tabs.is-group .tab-list,
.bbc .is-inline.tabs.is-index .tab-list,
.bbc .is-inline.tabs.is-underline .tab-list {
  display: inline-flex;
}
.bbc .is-scrollable.tabs.is-group,
.bbc .is-scrollable.tabs.is-index,
.bbc .is-scrollable.tabs.is-underline {
  overflow: hidden;
}
.bbc .is-scrollable.tabs.is-group:after,
.bbc .is-scrollable.tabs.is-group:before,
.bbc .is-scrollable.tabs.is-index:after,
.bbc .is-scrollable.tabs.is-index:before,
.bbc .is-scrollable.tabs.is-underline:after,
.bbc .is-scrollable.tabs.is-underline:before {
  content: '';
  position: absolute;
  top: 0;
  z-index: 2;
  width: 1.5rem;
  height: 100%;
  transition: opacity 0.3s;
  opacity: 0;
  pointer-events: none;
}
.bbc .is-scrollable.tabs.is-group:before,
.bbc .is-scrollable.tabs.is-index:before,
.bbc .is-scrollable.tabs.is-underline:before {
  left: 0;
  background: linear-gradient(90deg, var(--bbc-color-backgrounds-base), transparent);
}
.bbc .is-scrollable.tabs.is-group:after,
.bbc .is-scrollable.tabs.is-index:after,
.bbc .is-scrollable.tabs.is-underline:after {
  right: 0;
  background: linear-gradient(270deg, var(--bbc-color-backgrounds-base), transparent);
}
.bbc .is-scrollable.has-left-shadow.tabs.is-group:before,
.bbc .is-scrollable.has-left-shadow.tabs.is-index:before,
.bbc .is-scrollable.has-left-shadow.tabs.is-underline:before,
.bbc .is-scrollable.has-right-shadow.tabs.is-group:after,
.bbc .is-scrollable.has-right-shadow.tabs.is-index:after,
.bbc .is-scrollable.has-right-shadow.tabs.is-underline:after {
  opacity: 1;
}
.bbc .is-scrollable.tabs.is-group .tab-list,
.bbc .is-scrollable.tabs.is-index .tab-list,
.bbc .is-scrollable.tabs.is-underline .tab-list {
  overflow: auto;
  cursor: grabbing;
  user-select: none;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.bbc .is-scrollable.tabs.is-group .tab-list::-webkit-scrollbar,
.bbc .is-scrollable.tabs.is-index .tab-list::-webkit-scrollbar,
.bbc .is-scrollable.tabs.is-underline .tab-list::-webkit-scrollbar {
  display: none;
}
.bbc .is-scrollable.tabs.is-group .tab,
.bbc .is-scrollable.tabs.is-index .tab,
.bbc .is-scrollable.tabs.is-underline .tab {
  flex-shrink: 0;
  white-space: nowrap;
}
.bbc .tabs.is-index.is-scrollable:after,
.bbc .tabs.is-index.is-scrollable:before {
  height: 3.625rem;
}
.bbc .tabs.is-index.is-scrollable:before {
  background: linear-gradient(90deg, var(--bbc-color-backgrounds-gray-01), transparent);
}
.bbc .tabs.is-index.is-scrollable:after {
  background: linear-gradient(270deg, var(--bbc-color-backgrounds-gray-01), transparent);
}
.bbc .tabs.is-index .tab-list {
  padding-top: 1rem;
}
.bbc .tabs.is-index .tab-list,
.bbc .tabs.is-index .tab-list .tab {
  background-color: var(--bbc-color-backgrounds-gray-01);
  border-radius: var(--bbc-border-radius-12) var(--bbc-border-radius-12) 0 0;
}
.bbc .tabs.is-index .tab-list .tab {
  height: 3.625rem;
}
.bbc .tabs.is-index .tab-list .tab .tab-label {
  font: var(--bbc-typo-btn-2);
  font-weight: var(--bbc-font-weight-400);
  text-align: center;
}
.bbc .tabs.is-index .tab-list .tab.is-current {
  z-index: 2;
  background-color: var(--bbc-color-backgrounds-base);
}
.bbc .tabs.is-index .tab-list .tab.is-current .tab-label {
  color: var(--bbc-color-text-brand-primary) !important;
  font-weight: var(--bbc-font-weight-700);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .tabs.is-index .tab-list .tab.is-current .tab-label {
    font-weight: var(--bbc-font-weight-600);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .tabs.is-index .tab-list .tab.is-current .tab-label {
    font-weight: var(--bbc-font-weight-600);
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .tabs.is-index .tab-list .tab.is-current .tab-label {
    font-weight: var(--bbc-font-weight-600);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .tabs.is-index .tab-list .tab.is-current .tab-label {
    font-weight: var(--bbc-font-weight-600);
  }
}
.bbc .tabs.is-index .tab-list .tab.is-today .tab-label {
  color: var(--bbc-color-text-primary);
  font-weight: var(--bbc-font-weight-700);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .tabs.is-index .tab-list .tab.is-today .tab-label {
    font-weight: var(--bbc-font-weight-600);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .tabs.is-index .tab-list .tab.is-today .tab-label {
    font-weight: var(--bbc-font-weight-600);
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .tabs.is-index .tab-list .tab.is-today .tab-label {
    font-weight: var(--bbc-font-weight-600);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .tabs.is-index .tab-list .tab.is-today .tab-label {
    font-weight: var(--bbc-font-weight-600);
  }
}
.bbc .tabs.is-underline.is-scrollable:after,
.bbc .tabs.is-underline.is-scrollable:before {
  height: 3.375rem;
}
.bbc .tabs.is-underline .tab-list {
  border-bottom: 1px solid var(--bbc-color-border-primary);
}
.bbc .tabs.is-underline .tab-list .tab {
  position: relative;
  padding: 0;
  background: none;
  color: var(--bbc-color-text-additional);
  font-weight: var(--bbc-font-weight-400);
}
.bbc .tabs.is-underline .tab-list .tab .tab-label {
  transition:
    transform 0.22s 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);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .tabs.is-underline .tab-list .tab .tab-label:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.9);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .tabs.is-underline .tab-list .tab .tab-label:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.9);
  }
}
.bbc .tabs.is-underline .tab-list .tab.is-current:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1875rem;
  background-color: var(--bbc-color-element-brand-primary);
}
.bbc .tabs.is-underline .tab-list .tab.is-current .tab-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--bbc-color-text-brand-primary);
  padding: 0.9375rem;
  text-shadow:
    0 0 0.5px var(--bbc-color-text-brand-primary),
    0 0 0.5px var(--bbc-color-text-brand-primary);
}
.bbc .tabs.is-group .tab {
  position: relative;
  margin-left: -1px;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: 0;
  background-color: var(--bbc-color-fill-accent-0);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .tabs.is-group .tab:hover:not(.is-current):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    z-index: 2;
    border: 1px solid var(--bbc-color-fill-brand-primary);
    background-color: var(--bbc-color-fill-brand-primary-subtle);
    color: var(--bbc-color-text-brand-primary);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .tabs.is-group .tab:active:not(.is-current):not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    z-index: 2;
    border: 1px solid var(--bbc-color-fill-brand-primary);
    background-color: var(--bbc-color-fill-brand-primary-subtle);
    color: var(--bbc-color-text-brand-primary);
  }
}
.bbc .tabs.is-group .tab:first-child {
  margin-left: 0;
  border-top-left-radius: var(--bbc-border-radius-lg);
  border-bottom-left-radius: var(--bbc-border-radius-lg);
}
.bbc .tabs.is-group .tab:last-child {
  border-top-right-radius: var(--bbc-border-radius-lg);
  border-bottom-right-radius: var(--bbc-border-radius-lg);
}
.bbc .tabs.is-group .tab.is-current {
  z-index: 1;
  background-color: var(--bbc-color-fill-natural-subtle);
  text-shadow:
    0 0 0.5px var(--bbc-color-text-natural-0),
    0 0 0.5px var(--bbc-color-text-natural-0);
}
.bbc .tab-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.bbc .tab-content.is-scrollable {
  overflow-y: auto;
  max-height: 400px;
  -webkit-overflow-scrolling: touch;
}
.bbc .tab-content .tab-panel {
  display: none;
}
.bbc .tab-content .tab-panel.is-current {
  display: block;
}
.bbc .breadcrumbs .breadcrumb {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--bbc-color-text-natural-2);
}
.bbc .breadcrumbs .breadcrumb:not(:last-child):after {
  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;
  color: var(--bbc-color-icon-natural-2);
}
.bbc .breadcrumbs .breadcrumb .icon:after,
.bbc .breadcrumbs .breadcrumb .icon:before {
  color: var(--bbc-color-icon-natural-1);
}
.bbc .breadcrumbs .breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.bbc .breadcrumbs .breadcrumb {
  flex: 0 1 auto;
  user-select: none;
}
.bbc .breadcrumbs .breadcrumb.is-home {
  padding-right: 4px;
  padding-left: 4px;
}
.bbc .breadcrumbs .breadcrumb.is-home .icon {
  margin-top: -1px;
}
.bbc .breadcrumbs .breadcrumb.is-home .icon:before {
  color: var(--bbc-color-icon-natural-0);
}
.bbc .breadcrumbs .breadcrumb.is-home .crumb:after {
  width: calc(100% - 8px);
}
.bbc .breadcrumbs .breadcrumb.is-current {
  color: var(--bbc-color-text-disable-1);
  cursor: default;
}
.bbc .breadcrumbs .breadcrumb.is-current .crumb {
  pointer-events: none;
}
.bbc .breadcrumbs .breadcrumb .crumb {
  position: relative;
  display: flex;
  align-items: center;
  padding: 4px 6px;
  border-radius: var(--bbc-border-radius-xs);
}
@media (max-width: 819px) {
  .bbc .breadcrumbs .breadcrumb .crumb {
    padding: 4px 2px;
  }
}
.bbc .breadcrumbs .breadcrumb .crumb .icon {
  padding-right: 10px;
}
.bbc .breadcrumbs .breadcrumb a.crumb:after,
.bbc .breadcrumbs .breadcrumb button.crumb:after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 50%;
  display: none;
  width: calc(100% - 12px);
  height: 1px;
  background-color: var(--bbc-color-text-natural-2);
  transform: translate(-50%, -50%);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .breadcrumbs .breadcrumb a.crumb:hover:not(.is-current):not(.is-disabled):not(:disabled):not([aria-disabled='true']):after,
  .bbc .breadcrumbs .breadcrumb button.crumb:hover:not(.is-current):not(.is-disabled):not(:disabled):not([aria-disabled='true']):after {
    display: block;
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .breadcrumbs .breadcrumb a.crumb:active:not(.is-current):not(.is-disabled):not(:disabled):not([aria-disabled='true']):after,
  .bbc .breadcrumbs .breadcrumb button.crumb:active:not(.is-current):not(.is-disabled):not(:disabled):not([aria-disabled='true']):after {
    display: block;
  }
}
.bbc .breadcrumbs .breadcrumb .breadcrumb .icon-more-horiz {
  color: var(--bbc-color-text-natural-1);
}
.bbc .accordion-item:not(:last-child) {
  border-bottom: 1px solid var(--bbc-color-border-200);
}
.bbc .accordion-item .item-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 16px 20px;
  background-color: var(--bbc-color-fill-natural-subtle);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .accordion-item .item-head .icon {
  transition: all 0.2s ease;
}
.bbc .accordion-item .item-head[aria-expanded='true'] + .item-details {
  max-height: 500px;
}
.bbc .accordion-item .item-head[aria-expanded='true'] .icon {
  transform: rotate(180deg);
}
.bbc .accordion-item .item-head[aria-expanded='false'] + .item-details {
  max-height: 0;
}
.bbc .accordion-item .item-head[aria-expanded='false'] .icon {
  transform: rotate(0deg);
}
.bbc .accordion-item .item-head:hover {
  background-color: var(--bbc-color-fill-natural-subtle);
}
.bbc .accordion-item .item-head span {
  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;
}
.bbc .accordion-item .item-details {
  overflow: hidden;
  background-color: var(--bbc-color-fill-accent-0);
  text-align: left;
  transition: all 0.2s ease;
}
.bbc .accordion-item .item-details p {
  padding: 20px 25px;
  word-break: break-all;
}
.bbc .progressbar {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  border-width: 1px;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-radius: var(--bbc-border-radius-max);
  background-color: var(--bbc-color-fill-accent-0);
}
.bbc .progressbar:before {
  position: absolute;
  left: 0;
  display: block;
  width: var(--custom-width, 0);
  height: 100%;
  border-radius: var(--bbc-border-radius-max);
  content: '';
}
.bbc .progressbar .progress-text {
  position: relative;
  z-index: 1;
  font-size: var(--bbc-font-size-12);
  font-weight: var(--bbc-font-weight-600);
  text-shadow:
    -1px 0 var(--bbc-color-grayscale-0),
    0 1px var(--bbc-color-grayscale-0),
    1px 0 var(--bbc-color-grayscale-0),
    0 -1px var(--bbc-color-stroke-negative-0);
}
.bbc .progressbar-base:before {
  background-color: #b5b5b5;
}
.bbc .progressbar-primary:before {
  background-color: #3353a3;
}
.bbc .progressbar-secondary:before {
  background-color: #0774c9;
}
.bbc .step-indicator-circle {
  --stroke-width: 14;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
}
.bbc .step-indicator-circle svg {
  width: 100%;
  height: 100%;
  transform: rotate(0deg);
}
.bbc .step-indicator-circle circle {
  fill: none;
  stroke-width: --stroke-width;
}
.bbc .step-indicator-circle .bg {
  stroke: var(--color-border, #e0e0e0);
}
.bbc .step-indicator-circle .bar {
  transition: stroke-dashoffset 0.5s ease;
  stroke: var(--color-primary, #3b82f6);
  stroke-linecap: round;
}
.bbc .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%);
}
.bbc .step-indicator-circle .text .current {
  color: var(--bbc-color-text-natural-0);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .comments-head {
  display: flex;
  flex: 0 0 auto;
  margin-bottom: 5px;
}
.bbc .comments-head .count,
.bbc .comments-head .title {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--bbc-color-text-brand-primary);
  font-size: var(--bbc-font-size-14);
}
.bbc .comments-body {
  flex: 1 0 auto;
}
.bbc .comment-form {
  position: relative;
}
.bbc .comment-form .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-20%);
}
.bbc .comment-form .comment-input-area {
  display: flex;
  flex-direction: column;
  height: 160px;
  padding: 10px 14px;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-top-left-radius: var(--bbc-border-radius-xs);
  border-top-right-radius: var(--bbc-border-radius-xs);
}
.bbc .comment-form .comment-input-area:has(textarea:focus-visible) {
  outline: var(--bbc-color-utility-focus) solid 0.125rem;
  outline-offset: -0.125rem;
}
.bbc .comment-form .comment-input-area + .comment-input-actions {
  border-top: none;
}
.bbc .comment-form .comment-input-area .textarea {
  flex: 1 1 auto;
  border: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  outline: none;
}
.bbc .comment-form .comment-input-area .textarea textarea {
  padding: 0;
}
.bbc .comment-form .comment-input-area .comment-attachments {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 5px 10px;
  margin-top: 3px;
  border-top: none;
}
.bbc .comment-form .comment-input-area .comment-attachments .attachment {
  border-radius: var(--bbc-border-radius-xs);
}
.bbc .comment-form .comment-input-area .comment-attachments .attachment .comment-image {
  position: relative;
  display: flex;
  width: 50px;
  margin-top: 7px;
  outline: none;
}
.bbc .comment-form .comment-input-area .comment-attachments .attachment .comment-image .thumb {
  width: 100%;
  height: 100%;
  border-radius: var(--bbc-border-radius-md);
}
.bbc .comment-form .comment-input-area .comment-attachments .attachment .comment-image .btn-delete {
  position: absolute;
  top: 3px;
  right: 0;
  z-index: 2;
}
.bbc .comment-form .comment-input-area .comment-attachments + .comment-input-actions {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bbc .comment-form .comment-input-actions {
  display: flex;
  justify-content: space-between;
  padding: 11px 14px;
  border: 1px solid var(--bbc-color-stroke-natural-0);
  border-bottom-right-radius: var(--bbc-border-radius-xs);
  border-bottom-left-radius: var(--bbc-border-radius-xs);
}
.bbc .comment-list {
  display: flex;
  flex-direction: column;
}
.bbc .comment:not(.is-reply, :last-child) {
  border-bottom: 1px solid var(--bbc-color-border-100);
}
.bbc .comment:first-child .comment-inner {
  padding-top: 13px;
}
.bbc .comment .comment-inner {
  padding: 20px 0;
}
.bbc .comment .comment-inner:focus-visible {
  outline: var(--bbc-color-utility-focus) solid 0.125rem;
  outline-offset: -0.125rem;
}
.bbc .comment .comment-inner .comment-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bbc .comment .comment-inner .comment-head .comment-meta {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 8px;
}
.bbc .comment .comment-inner .comment-head .comment-meta .icons {
  position: relative;
  width: 15px;
}
.bbc .comment .comment-inner .comment-head .comment-meta .author {
  font-size: var(--bbc-font-size-14);
  font-weight: var(--bbc-font-weight-600);
  word-break: break-all;
}
.bbc .comment .comment-inner .comment-head .comment-meta .date {
  flex: 0 0 auto;
  color: var(--bbc-color-text-natural-1);
  font-size: var(--bbc-font-size-12);
}
.bbc .comment .comment-inner .comment-head .comment-actions {
  display: flex;
  flex: 0 0 auto;
  align-self: flex-start;
  margin-left: auto;
}
.bbc .comment .comment-inner .comment-head .comment-actions .separator,
.bbc .comment .comment-inner .comment-head .comment-actions .separator .item {
  display: flex;
}
.bbc .comment .comment-inner .comment-body .comment-image {
  margin-top: 10px;
}
.bbc .comment .comment-inner .comment-body .comment-image .comment-content {
  padding-top: 2px;
}
.bbc .comment .comment-inner .comment-body .comment-content {
  margin-top: 5px;
  font-size: var(--bbc-font-size-14);
  word-break: break-all;
}
.bbc .comment .comment-inner.is-modify {
  background-color: var(--bbc-color-fill-natural-subtle);
}
.bbc .comment-replies .comment.is-reply {
  border-top: 1px solid var(--bbc-color-border-100);
}
.bbc .comment-replies .comment.is-reply .comment-inner {
  position: relative;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 27px;
}
.bbc .comment-replies .comment.is-reply .comment-inner: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;
  transform: scaleX(-1);
  width: 1.375rem;
  height: 1.375rem;
  font-size: 1.375rem;
  position: absolute;
  top: 14px;
  left: 5px;
  color: var(--bbc-color-text-brand-primary);
}
.bbc .thumb {
  position: relative;
  overflow: hidden;
  border-radius: var(--bbc-border-radius-xs);
  background-color: var(--bbc-color-fill-accent-0);
}
.bbc .thumb:focus-visible {
  outline: var(--bbc-color-utility-focus) solid 0.125rem;
  outline-offset: -0.125rem;
}
.bbc .thumb img,
.bbc .thumb svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bbc .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: 40px;
  background-repeat: no-repeat;
  transition: opacity 0.3s;
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .bbc .thumb.is-zoomin:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']):after {
    opacity: 1;
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .thumb.is-zoomin:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']):after {
    opacity: 1;
  }
}
.bbc .thumb.is-outline {
  border: 1px solid var(--bbc-color-stroke-natural-0);
}
.bbc .thumb.is-ratio-1x1 {
  aspect-ratio: 1/1;
}
.bbc .thumb.is-ratio-4x3 {
  aspect-ratio: 4/3;
}
.bbc .divider {
  display: block;
  width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  border-top: 1px solid var(--bbc-color-border-secondary);
}
.bbc .separator {
  display: inline-flex;
  overflow: hidden;
  flex-wrap: wrap;
  gap: 0 12px;
}
.bbc .separator .item {
  position: relative;
}
.bbc .separator .item:not(:first-child):before {
  content: '';
  position: absolute;
  top: 50%;
  left: -6px;
  width: 2px;
  height: 11px;
  background-color: var(--bbc-color-border-200);
  transform: translate(-50%, -50%);
}
.bbc .separator .item a:focus-visible,
.bbc .separator .item button:focus-visible {
  outline: var(--bbc-color-utility-focus) solid 0.125rem;
  outline-offset: -0.125rem;
}
.bbc .subject-thumb {
  width: 4.6875rem;
  height: 4.6875rem;
  padding: 0.5rem;
  border-radius: var(--bbc-border-radius-8);
  background-position: right 0 bottom 0;
  background-size: 3.75rem;
  background-repeat: no-repeat;
}
.bbc .subject-thumb .title {
  font: var(--bbc-typo-body-2);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .subject-thumb.is-korean {
  background-color: var(--bbc-color-subject-korean-subtle);
  background-image: url(../images/common/subject/korean.svg);
  color: var(--bbc-color-subject-korean-dark);
}
.bbc .subject-thumb.is-english {
  background-color: var(--bbc-color-subject-english-subtle);
  background-image: url(../images/common/subject/english.svg);
  color: var(--bbc-color-subject-english-dark);
}
.bbc .subject-thumb.is-society {
  background-color: var(--bbc-color-subject-society-subtle);
  background-image: url(../images/common/subject/society.svg);
  color: var(--bbc-color-subject-society-dark);
}
.bbc .subject-thumb.is-math {
  background-color: var(--bbc-color-subject-math-subtle);
  background-image: url(../images/common/subject/math.svg);
  color: var(--bbc-color-subject-math-dark);
}
.bbc .subject-thumb.is-science {
  background-color: var(--bbc-color-subject-science-subtle);
  background-image: url(../images/common/subject/science.svg);
  color: var(--bbc-color-subject-science-dark);
}
.bbc .subject-thumb.is-art {
  background-color: var(--bbc-color-subject-art-subtle);
  background-image: url(../images/common/subject/art.svg);
  color: var(--bbc-color-subject-art-dark);
}
.bbc .subject-thumb.is-music {
  background-color: var(--bbc-color-subject-music-subtle);
  background-image: url(../images/common/subject/music.svg);
  color: var(--bbc-color-subject-music-dark);
}
.bbc .subject-thumb.is-physical {
  background-color: var(--bbc-color-subject-physical-subtle);
  background-image: url(../images/common/subject/physical.svg);
  color: var(--bbc-color-subject-physical-dark);
}
.bbc .subject-thumb.is-morality {
  background-color: var(--bbc-color-subject-morality-subtle);
  background-image: url(../images/common/subject/morality.svg);
  color: var(--bbc-color-subject-morality-dark);
}
.bbc .subject-thumb.is-common {
  background-color: var(--bbc-color-subject-common-subtle);
  background-image: url(../images/common/subject/common.svg);
  color: var(--bbc-color-subject-common-dark);
}
.bbc .subject-thumb.is-technology {
  background-color: var(--bbc-color-subject-technology-subtle);
  background-image: url(../images/common/subject/technology.svg);
  color: var(--bbc-color-subject-technology-dark);
}
.bbc .subject-thumb.is-wise {
  background-color: var(--bbc-color-subject-wise-subtle);
  background-image: url(../images/common/subject/wise.svg);
  color: var(--bbc-color-subject-wise-dark);
}
.bbc .subject-thumb.is-happy {
  background-color: var(--bbc-color-subject-happy-subtle);
  background-image: url(../images/common/subject/happy.svg);
  color: var(--bbc-color-subject-happy-dark);
}
.bbc .subject-thumb.is-right {
  background-color: var(--bbc-color-subject-right-subtle);
  background-image: url(../images/common/subject/right.svg);
  color: var(--bbc-color-subject-right-dark);
}
.bbc .subject-keyword {
  display: inline-block;
  width: 100%;
  padding: 1rem 1.25rem;
  border-radius: 0.75rem;
  background-position: 100% 100%;
  background-size: 70%;
  background-repeat: no-repeat;
  font: var(--bbc-typo-heading-4);
  font-weight: var(--bbc-font-weight-600);
  aspect-ratio: 1/1;
}
.bbc .subject-keyword.is-korean {
  background-color: var(--bbc-color-subject-korean-subtle);
  background-image: url(../images/common/subject/korean.svg);
}
.bbc .subject-keyword.is-english {
  background-color: var(--bbc-color-subject-english-subtle);
  background-image: url(../images/common/subject/english.svg);
}
.bbc .subject-keyword.is-society {
  background-color: var(--bbc-color-subject-society-subtle);
  background-image: url(../images/common/subject/society.svg);
}
.bbc .subject-keyword.is-math {
  background-color: var(--bbc-color-subject-math-subtle);
  background-image: url(../images/common/subject/math.svg);
}
.bbc .subject-keyword.is-science {
  background-color: var(--bbc-color-subject-science-subtle);
  background-image: url(../images/common/subject/science.svg);
}
.bbc .subject-keyword.is-art {
  background-color: var(--bbc-color-subject-art-subtle);
  background-image: url(../images/common/subject/art.svg);
}
.bbc .subject-keyword.is-music {
  background-color: var(--bbc-color-subject-music-subtle);
  background-image: url(../images/common/subject/music.svg);
}
.bbc .subject-keyword.is-physical {
  background-color: var(--bbc-color-subject-physical-subtle);
  background-image: url(../images/common/subject/physical.svg);
}
.bbc .subject-keyword.is-morality {
  background-color: var(--bbc-color-subject-morality-subtle);
  background-image: url(../images/common/subject/morality.svg);
}
.bbc .subject-keyword.is-technology {
  background-color: var(--bbc-color-subject-technology-subtle);
  background-image: url(../images/common/subject/technology.svg);
}
.bbc .subject-keyword.is-common {
  background-color: var(--bbc-color-subject-common-subtle);
  background-image: url(../images/common/subject/common.svg);
}
.bbc .subject-keyword.is-wise {
  background-color: var(--bbc-color-subject-wise-subtle);
  background-image: url(../images/common/subject/wise.svg);
}
.bbc .subject-keyword.is-happy {
  background-color: var(--bbc-color-subject-happy-subtle);
  background-image: url(../images/common/subject/happy.svg);
}
.bbc .subject-keyword.is-right {
  background-color: var(--bbc-color-subject-right-subtle);
  background-image: url(../images/common/subject/right.svg);
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc .subject-tile-container {
    display: grid;
    gap: 0.75rem;
  }
  .bbc .subject-tile-container:not(.is-horiz) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .bbc .subject-tile-container:not(.is-horiz) .subject-tile {
    flex: 0 0 auto;
    aspect-ratio: 166/222;
    width: 100%;
    height: 100%;
  }
  .bbc .subject-tile-container:not(.is-horiz) .subject-tile:after {
    background-position: right 6% bottom -14%;
    background-size: 74.7% auto;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='166' height='222' viewBox='0 0 166 222'><path d='M154 0H12C5.37258 0 0 5.37259 0 12V210C0 216.627 5.37257 222 12 222H114.065C120.692 222 126.065 216.627 126.065 210V205.799C126.065 192.545 136.81 181.799 150.065 181.799H154C160.627 181.799 166 176.427 166 169.799V12C166 5.37258 160.627 0 154 0Z' fill='%23fff'/></svg>")
      center/100% 100% no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='166' height='222' viewBox='0 0 166 222'><path d='M154 0H12C5.37258 0 0 5.37259 0 12V210C0 216.627 5.37257 222 12 222H114.065C120.692 222 126.065 216.627 126.065 210V205.799C126.065 192.545 136.81 181.799 150.065 181.799H154C160.627 181.799 166 176.427 166 169.799V12C166 5.37258 160.627 0 154 0Z' fill='%23fff'/></svg>")
      center/100% 100% no-repeat;
  }
  .bbc .subject-tile-container:not(.is-horiz) .title {
    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;
  }
  .bbc .subject-tile-container:not(.is-horiz) .period {
    bottom: 0;
    left: 0;
  }
  .bbc .subject-tile-container.is-horiz {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .bbc .subject-tile-container.is-horiz .subject-tile {
    max-height: 7.1875rem;
    aspect-ratio: 284/115;
  }
  .bbc .subject-tile-container.is-horiz .subject-tile:after {
    background-position: right 0.625rem bottom -0.3125rem;
    background-size: 6.25rem;
    -webkit-mask:
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 284 115'%3E%3Cpath fill='%23fff' d='M142 115H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h130v115z'/%3E%3C/svg%3E")
        center/100% 100% no-repeat,
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 284 115'%3E%3Cpath fill='%23fff' d='M142 0h130c6.627 0 12 5.373 12 12v51.332c0 6.627-5.373 12-12 12h-3.361c-13.255 0-24 10.745-24 24V103c0 6.627-5.372 12-12 12H142V0z'/%3E%3C/svg%3E")
        center/100% 100% no-repeat;
    mask:
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 284 115'%3E%3Cpath fill='%23fff' d='M142 115H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h130v115z'/%3E%3C/svg%3E")
        center/100% 100% no-repeat,
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 284 115'%3E%3Cpath fill='%23fff' d='M142 0h130c6.627 0 12 5.373 12 12v51.332c0 6.627-5.373 12-12 12h-3.361c-13.255 0-24 10.745-24 24V103c0 6.627-5.372 12-12 12H142V0z'/%3E%3C/svg%3E")
        center/100% 100% no-repeat;
    mask-composite: add;
    -webkit-mask-composite: source-over, source-over;
  }
  .bbc .subject-tile-container.is-horiz .title {
    max-width: 12.5rem;
    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;
  }
  .bbc .subject-tile-container.is-horiz .period {
    top: 0;
    right: 0;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .subject-tile-container {
    gap: 1rem;
  }
  .bbc .subject-tile-container > .subject-tile:not(:first-child) {
    margin-top: 1rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .subject-tile-container {
    gap: 1rem;
  }
  .bbc .subject-tile-container > .subject-tile:not(:first-child) {
    margin-top: 1rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .subject-tile-container {
    display: grid;
    flex-wrap: wrap;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .subject-tile-container {
    gap: 1rem;
  }
  .bbc .subject-tile-container > .subject-tile:not(:first-child) {
    margin-top: 1rem;
  }
}
.bbc .subject-tile {
  position: relative;
  width: 100%;
  padding: 1.25rem;
  z-index: 1;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .subject-tile {
    width: 100%;
    min-height: 107px;
    max-height: 8.4375rem;
    aspect-ratio: 303/135;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .subject-tile {
    width: 100%;
    min-height: 107px;
    max-height: 8.4375rem;
    aspect-ratio: 303/135;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .subject-tile {
    width: 100%;
    max-height: 7.6875rem;
    aspect-ratio: 304/123;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .subject-tile {
    width: 100%;
    min-height: 107px;
    max-height: 8.4375rem;
    aspect-ratio: 303/135;
  }
}
.bbc .subject-tile:before {
  left: 1.25rem;
  width: calc(100% - 6.25rem);
}
.bbc .subject-tile:after,
.bbc .subject-tile:before {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  z-index: -1;
}
.bbc .subject-tile:after {
  left: 0;
  display: block;
  width: 100%;
  background-repeat: no-repeat;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .subject-tile:after {
    background-position: right 0.875rem bottom 0.6875rem;
    background-size: 6.25rem;
    -webkit-mask:
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303 135'%3E%3Cpath fill='%23fff' d='M151.5 135H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h139.5v135z'/%3E%3C/svg%3E")
        left center/auto 100% no-repeat,
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303 135'%3E%3Cpath fill='%23fff' d='M151.5 0H291c6.627 0 12 5.373 12 12v70.8c0 6.627-5.373 12-12 12h-3.935c-13.255 0-24 10.745-24 23.999V123c0 6.627-5.373 12-12 12H151.5V0z'/%3E%3C/svg%3E")
        right center/auto 100% no-repeat;
    mask:
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303 135'%3E%3Cpath fill='%23fff' d='M151.5 135H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h139.5v135z'/%3E%3C/svg%3E")
        left center/auto 100% no-repeat,
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303 135'%3E%3Cpath fill='%23fff' d='M151.5 0H291c6.627 0 12 5.373 12 12v70.8c0 6.627-5.373 12-12 12h-3.935c-13.255 0-24 10.745-24 23.999V123c0 6.627-5.373 12-12 12H151.5V0z'/%3E%3C/svg%3E")
        right center/auto 100% no-repeat;
    mask-composite: add;
    -webkit-mask-composite: source-over, source-over;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .subject-tile:after {
    background-position: right 0.875rem bottom 0.6875rem;
    background-size: 6.25rem;
    -webkit-mask:
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303 135'%3E%3Cpath fill='%23fff' d='M151.5 135H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h139.5v135z'/%3E%3C/svg%3E")
        left center/auto 100% no-repeat,
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303 135'%3E%3Cpath fill='%23fff' d='M151.5 0H291c6.627 0 12 5.373 12 12v70.8c0 6.627-5.373 12-12 12h-3.935c-13.255 0-24 10.745-24 23.999V123c0 6.627-5.373 12-12 12H151.5V0z'/%3E%3C/svg%3E")
        right center/auto 100% no-repeat;
    mask:
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303 135'%3E%3Cpath fill='%23fff' d='M151.5 135H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h139.5v135z'/%3E%3C/svg%3E")
        left center/auto 100% no-repeat,
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303 135'%3E%3Cpath fill='%23fff' d='M151.5 0H291c6.627 0 12 5.373 12 12v70.8c0 6.627-5.373 12-12 12h-3.935c-13.255 0-24 10.745-24 23.999V123c0 6.627-5.373 12-12 12H151.5V0z'/%3E%3C/svg%3E")
        right center/auto 100% no-repeat;
    mask-composite: add;
    -webkit-mask-composite: source-over, source-over;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .subject-tile:after {
    background-position: right 0.625rem bottom -0.3125rem;
    background-size: 6.25rem;
    -webkit-mask:
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 284 115'%3E%3Cpath fill='%23fff' d='M142 115H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h130v115z'/%3E%3C/svg%3E")
        left center/auto 100% no-repeat,
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 284 115'%3E%3Cpath fill='%23fff' d='M142 0h130c6.627 0 12 5.373 12 12v51.332c0 6.627-5.373 12-12 12h-3.361c-13.255 0-24 10.745-24 24V103c0 6.627-5.372 12-12 12H142V0z'/%3E%3C/svg%3E")
        right center/auto 100% no-repeat;
    mask:
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 284 115'%3E%3Cpath fill='%23fff' d='M142 115H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h130v115z'/%3E%3C/svg%3E")
        left center/auto 100% no-repeat,
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 284 115'%3E%3Cpath fill='%23fff' d='M142 0h130c6.627 0 12 5.373 12 12v51.332c0 6.627-5.373 12-12 12h-3.361c-13.255 0-24 10.745-24 24V103c0 6.627-5.372 12-12 12H142V0z'/%3E%3C/svg%3E")
        right center/auto 100% no-repeat;
    mask-composite: add;
    -webkit-mask-composite: source-over, source-over;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .subject-tile:after {
    background-position: right 0.875rem bottom 0.6875rem;
    background-size: 6.25rem;
    -webkit-mask:
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303 135'%3E%3Cpath fill='%23fff' d='M151.5 135H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h139.5v135z'/%3E%3C/svg%3E")
        left center/auto 100% no-repeat,
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303 135'%3E%3Cpath fill='%23fff' d='M151.5 0H291c6.627 0 12 5.373 12 12v70.8c0 6.627-5.373 12-12 12h-3.935c-13.255 0-24 10.745-24 23.999V123c0 6.627-5.373 12-12 12H151.5V0z'/%3E%3C/svg%3E")
        right center/auto 100% no-repeat;
    mask:
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303 135'%3E%3Cpath fill='%23fff' d='M151.5 135H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h139.5v135z'/%3E%3C/svg%3E")
        left center/auto 100% no-repeat,
      url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 303 135'%3E%3Cpath fill='%23fff' d='M151.5 0H291c6.627 0 12 5.373 12 12v70.8c0 6.627-5.373 12-12 12h-3.935c-13.255 0-24 10.745-24 23.999V123c0 6.627-5.373 12-12 12H151.5V0z'/%3E%3C/svg%3E")
        right center/auto 100% no-repeat;
    mask-composite: add;
    -webkit-mask-composite: source-over, source-over;
  }
}
.bbc .subject-tile .chip {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  min-width: 0;
  height: 1.5rem;
  padding: 0 0.5rem;
  background-color: var(--bbc-color-backgrounds-base);
  border: 1px solid var(--bbc-color-border-additional);
}
.bbc .subject-tile .chip .chip-label {
  font: var(--bbc-typo-label-3);
}
.bbc .subject-tile.is-korean {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-korean:after,
.bbc .subject-tile.is-korean:before {
  background-color: var(--bbc-color-subject-korean-subtle);
}
.bbc .subject-tile.is-korean:after {
  background-image: url(../images/common/subject/korean.svg);
}
.bbc .subject-tile.is-korean .chip .chip-label {
  color: var(--bbc-color-subject-korean-dark);
}
.bbc .subject-tile.is-english {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-english:after,
.bbc .subject-tile.is-english:before {
  background-color: var(--bbc-color-subject-english-subtle);
}
.bbc .subject-tile.is-english:after {
  background-image: url(../images/common/subject/english.svg);
}
.bbc .subject-tile.is-english .chip .chip-label {
  color: var(--bbc-color-subject-english-dark);
}
.bbc .subject-tile.is-society {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-society:after,
.bbc .subject-tile.is-society:before {
  background-color: var(--bbc-color-subject-society-subtle);
}
.bbc .subject-tile.is-society:after {
  background-image: url(../images/common/subject/society.svg);
}
.bbc .subject-tile.is-society .chip .chip-label {
  color: var(--bbc-color-subject-society-dark);
}
.bbc .subject-tile.is-math {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-math:after,
.bbc .subject-tile.is-math:before {
  background-color: var(--bbc-color-subject-math-subtle);
}
.bbc .subject-tile.is-math:after {
  background-image: url(../images/common/subject/math.svg);
}
.bbc .subject-tile.is-math .chip .chip-label {
  color: var(--bbc-color-subject-math-dark);
}
.bbc .subject-tile.is-science {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-science:after,
.bbc .subject-tile.is-science:before {
  background-color: var(--bbc-color-subject-science-subtle);
}
.bbc .subject-tile.is-science:after {
  background-image: url(../images/common/subject/science.svg);
}
.bbc .subject-tile.is-science .chip .chip-label {
  color: var(--bbc-color-subject-science-dark);
}
.bbc .subject-tile.is-art {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-art:after,
.bbc .subject-tile.is-art:before {
  background-color: var(--bbc-color-subject-art-subtle);
}
.bbc .subject-tile.is-art:after {
  background-image: url(../images/common/subject/art.svg);
}
.bbc .subject-tile.is-art .chip .chip-label {
  color: var(--bbc-color-subject-art-dark);
}
.bbc .subject-tile.is-music {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-music:after,
.bbc .subject-tile.is-music:before {
  background-color: var(--bbc-color-subject-music-subtle);
}
.bbc .subject-tile.is-music:after {
  background-image: url(../images/common/subject/music.svg);
}
.bbc .subject-tile.is-music .chip .chip-label {
  color: var(--bbc-color-subject-music-dark);
}
.bbc .subject-tile.is-physical {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-physical:after,
.bbc .subject-tile.is-physical:before {
  background-color: var(--bbc-color-subject-physical-subtle);
}
.bbc .subject-tile.is-physical:after {
  background-image: url(../images/common/subject/physical.svg);
}
.bbc .subject-tile.is-physical .chip .chip-label {
  color: var(--bbc-color-subject-physical-dark);
}
.bbc .subject-tile.is-morality {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-morality:after,
.bbc .subject-tile.is-morality:before {
  background-color: var(--bbc-color-subject-morality-subtle);
}
.bbc .subject-tile.is-morality:after {
  background-image: url(../images/common/subject/morality.svg);
}
.bbc .subject-tile.is-morality .chip .chip-label {
  color: var(--bbc-color-subject-morality-dark);
}
.bbc .subject-tile.is-common {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-common:after,
.bbc .subject-tile.is-common:before {
  background-color: var(--bbc-color-subject-common-subtle);
}
.bbc .subject-tile.is-common:after {
  background-image: url(../images/common/subject/common.svg);
}
.bbc .subject-tile.is-common .chip .chip-label {
  color: var(--bbc-color-subject-common-dark);
}
.bbc .subject-tile.is-technology {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-technology:after,
.bbc .subject-tile.is-technology:before {
  background-color: var(--bbc-color-subject-technology-subtle);
}
.bbc .subject-tile.is-technology:after {
  background-image: url(../images/common/subject/technology.svg);
}
.bbc .subject-tile.is-technology .chip .chip-label {
  color: var(--bbc-color-subject-technology-dark);
}
.bbc .subject-tile.is-happy {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-happy:after,
.bbc .subject-tile.is-happy:before {
  background-color: var(--bbc-color-subject-happy-subtle);
}
.bbc .subject-tile.is-happy:after {
  background-image: url(../images/common/subject/happy.svg);
}
.bbc .subject-tile.is-happy .chip .chip-label {
  color: var(--bbc-color-subject-happy-dark);
}
.bbc .subject-tile.is-wise {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-wise:after,
.bbc .subject-tile.is-wise:before {
  background-color: var(--bbc-color-subject-wise-subtle);
}
.bbc .subject-tile.is-wise:after {
  background-image: url(../images/common/subject/wise.svg);
}
.bbc .subject-tile.is-wise .chip .chip-label {
  color: var(--bbc-color-subject-wise-dark);
}
.bbc .subject-tile.is-right {
  color: var(--bbc-color-text-primary);
}
.bbc .subject-tile.is-right:after,
.bbc .subject-tile.is-right:before {
  background-color: var(--bbc-color-subject-right-subtle);
}
.bbc .subject-tile.is-right:after {
  background-image: url(../images/common/subject/right.svg);
}
.bbc .subject-tile.is-right .chip .chip-label {
  color: var(--bbc-color-subject-right-dark);
}
.bbc .subject-tile .text {
  position: relative;
  height: 100%;
}
.bbc .subject-tile .title {
  margin-top: 0.75rem;
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-600);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .subject-tile .title {
    max-width: 84%;
    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 screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .subject-tile .title {
    max-width: 84%;
    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 screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .subject-tile .title {
    max-width: 84%;
    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 screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .subject-tile .title {
    max-width: 84%;
    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;
  }
}
.bbc .subject-tile .period {
  position: absolute;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .subject-tile .period {
    top: 0;
    right: 0;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .subject-tile .period {
    top: 0;
    right: 0;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .subject-tile .period {
    top: 0;
    right: 0;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .subject-tile .period {
    top: 0;
    right: 0;
  }
}
.bbc .subject-tile .period .icon:after,
.bbc .subject-tile .period .icon:before {
  color: inherit;
}
.bbc .subject-tile .period span {
  font: var(--bbc-typo-body-3);
}
.bbc .subject-tile .icon-btn {
  position: absolute;
  right: 0;
  bottom: 0;
}
.bbc .homework-item {
  display: flex;
  align-items: center;
  gap: 1.125rem;
}
.bbc .homework-item .desc {
  flex: 1;
}
.bbc .homework-item .desc .chip {
  margin-bottom: 0.5rem;
  margin-left: -0.1875rem;
}
.bbc .homework-item .desc p {
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-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;
}
.bbc .homework-item .icon-check-circle:after,
.bbc .homework-item .icon-check-circle:before {
  color: var(--bbc-color-element-disabled);
}
.bbc .homework-item.is-complete .icon-check-circle:after,
.bbc .homework-item.is-complete .icon-check-circle:before {
  color: #1cce38;
}
.bbc .id-panel {
  gap: 3.75rem;
  margin-top: auto;
}
.bbc .id-panel,
.bbc .id-panel-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bbc .id-panel-header .info {
  margin: 0.75rem 0 1.5rem;
  text-align: center;
}
.bbc .id-panel-header .info strong {
  font: var(--bbc-typo-heading-2);
}
.bbc .id-panel-header .info p {
  color: var(--bbc-color-text-tertiary);
  font: var(--bbc-typo-heading-6);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .id-panel-detail {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  padding: 1.5rem;
  border-radius: 0.75rem;
  background-color: var(--bbc-color-backgrounds-gray-03);
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .id-panel-detail .detail-item {
  display: flex;
  align-items: center;
}
.bbc .id-panel-detail .detail-item dt {
  flex: 1;
}
.bbc .id-panel-detail .detail-item dd {
  text-align: right;
  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;
}
.bbc .id-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 11.25rem;
  padding: 0.9375rem;
  border-radius: 0.75rem;
  background-color: var(--bbc-color-backgrounds-accent-point-8);
}
.bbc .id-item:after {
  content: '';
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bbc-color-backgrounds-accent-point);
  background-position: 98% 103%;
  background-size: 3.625rem;
  background-repeat: no-repeat;
  -webkit-mask: url(../images/common/campus.svg) no-repeat;
  mask: url(../images/common/campus.svg) no-repeat;
  mask-position: 98% 103%;
  mask-size: 3.625rem;
}
.bbc .id-item .user-info {
  position: relative;
  z-index: 1;
}
.bbc .id-item .user-info .avatar {
  margin-bottom: 10px;
}
.bbc .id-item .user-info .avatar .avatar-inner {
  border: 1px solid var(--bbc-color-element-white);
  background-color: var(--bbc-color-element-white);
}
.bbc .id-item strong {
  position: relative;
  z-index: 1;
  display: inline-block;
  max-width: 7.125rem;
  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 screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .id-item:after {
    mask-position: 95% 90%;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .id-item:after {
    mask-position: 95% 90%;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .id-item:after {
    mask-position: 95% 90%;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .id-item:after {
    mask-position: 95% 90%;
  }
}
.bbc .avatar-selection {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(5, 1fr);
}
.bbc .avatar-selection .avatar-item {
  margin: auto;
}
.bbc .avatar-selection .avatar {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.bbc .avatar-selection .avatar input[type='radio'] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.bbc .avatar-selection .avatar .avatar-inner {
  transition: border-color 0.2s;
}
.bbc .avatar-selection .avatar input[type='radio']:checked + .avatar-inner {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  background-color: var(--bbc-color-backgrounds-primary);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .avatar-selection {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .avatar-selection {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .avatar-selection {
    grid-template-columns: repeat(3, 1fr);
  }
  .bbc .avatar.is-lg {
    width: 8.4375rem;
    height: 8.4375rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .avatar-selection {
    grid-template-columns: repeat(2, 1fr);
  }
}
.bbc .icon-label {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.bbc .icon-label .title {
  font: var(--bbc-typo-label-1);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .icon-label .icon:before,
.bbc .icon-label .title {
  color: var(--bbc-color-text-brand-primary);
}
.bbc .tag {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--bbc-color-border-primary);
  background-color: var(--bbc-color-element-white);
}
.bbc .tag.is-pill {
  border-radius: var(--bbc-border-radius-max);
}
.bbc .tag-label {
  color: var(--bbc-color-text-primary);
  font: var(--bbc-typo-label-2);
  font-weight: var(--bbc-font-weight-400);
}
.bbc .gallery-item .gallery-media {
  overflow: hidden;
  width: 100%;
  max-height: 14.25rem;
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  aspect-ratio: 4/3;
}
.bbc .gallery-item .gallery-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bbc .gallery-item .gallery-content .gallery-head {
  margin-bottom: 0.625rem;
}
.bbc .gallery-item .gallery-content .gallery-head .source-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.375rem;
}
.bbc .gallery-item .gallery-content .gallery-head .info-group {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.bbc .gallery-item .gallery-content .gallery-head .info-group .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;
  color: var(--bbc-color-text-primary);
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .gallery-item .gallery-content .gallery-head .info-group .badge.is-number {
  position: static;
}
.bbc .gallery-item .gallery-content .gallery-body {
  color: var(--bbc-color-text-tertiary);
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-400);
}
.bbc .notice-list-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bbc .notice-list {
  display: grid;
  gap: 0.75rem;
  padding-top: 0.75rem;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc .notice-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .notice-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .notice-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .notice-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .notice-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.bbc .notice-list .item a {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1.5rem;
  border: 1px solid var(--bbc-color-border-tertiary);
  border-radius: 0.75rem;
  background-color: var(--bbc-color-element-white);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .notice-list .item a:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.98);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .notice-list .item a:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.98);
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .notice-list .item a {
    min-height: 18rem;
  }
  .bbc .notice-list .item a .item-body {
    flex: 1;
  }
}
.bbc .notice-list .item .item-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .notice-list .item .item-head {
    margin-bottom: 0.75rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .notice-list .item .item-head {
    margin-bottom: 0.75rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .notice-list .item .item-head {
    margin-bottom: 0.75rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .notice-list .item .item-head {
    margin-bottom: 0.75rem;
  }
}
.bbc .notice-list .item .item-body {
  margin-bottom: 1.875rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .notice-list .item .item-body {
    margin-bottom: 0.75rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .notice-list .item .item-body {
    margin-bottom: 0.75rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .notice-list .item .item-body {
    margin-bottom: 0.75rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .notice-list .item .item-body {
    margin-bottom: 0.75rem;
  }
}
.bbc .notice-list .item .item-body strong {
  display: inline-block;
  margin-bottom: 1rem;
  font: var(--bbc-typo-title-1);
  font-weight: var(--bbc-font-weight-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;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .notice-list .item .item-body strong {
    margin-bottom: 0.5rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .notice-list .item .item-body strong {
    margin-bottom: 0.5rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .notice-list .item .item-body strong {
    margin-bottom: 0.5rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .notice-list .item .item-body strong {
    margin-bottom: 0.5rem;
  }
}
.bbc .notice-list .item .item-body p {
  color: var(--bbc-color-text-tertiary);
  font: var(--bbc-typo-body-2);
  font-weight: var(--bbc-font-weight-400);
  min-height: 6rem;
  display: -webkit-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 4 !important;
  word-break: break-all !important;
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .notice-list .item .item-body p {
    min-height: auto;
  }
}
.bbc .notice-list .item .item-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bbc .notice-list .item .item-foot p {
  color: var(--bbc-color-text-tertiary);
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-400);
}
.bbc .notice-list .item .icon.icon-envelope-closed {
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 0.6875rem;
  background-color: var(--bbc-color-backgrounds-tertiary);
}
.bbc .notice-list .item .icon.icon-envelope-closed:before {
  color: var(--bbc-color-text-brand-primary);
}
.bbc .notice-list .item .icon.icon-envelope-open {
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 0.6875rem;
  background-color: var(--bbc-color-backgrounds-text-field);
}
.bbc .notice-list .item .icon.icon-envelope-open:before {
  color: var(--bbc-color-text-disabled);
}
.bbc .notice-list .item .icon.icon-ext-airplane {
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 0.6875rem;
  background-color: var(--bbc-color-chip-state-complete-bg);
}
.bbc .notice-list .item .icon.icon-ext-airplane-gray {
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 0.6875rem;
  background-color: var(--bbc-color-backgrounds-text-field);
}
.bbc .notice-list .item .icon-label .title {
  color: var(--bbc-color-text-primary);
  font: var(--bbc-typo-heading-6);
}
.bbc .noticebook-detail {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .noticebook-detail {
    flex: 1 1 auto;
  }
}
.bbc .noticebook-detail .detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.5rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .noticebook-detail .detail-header {
    flex-direction: column;
    gap: 0.625rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .noticebook-detail .detail-header {
    flex-direction: column;
    gap: 0.625rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .noticebook-detail .detail-header {
    flex-direction: column;
    gap: 0.625rem;
  }
}
.bbc .noticebook-detail .detail-header .title {
  flex: 1 1 auto;
  width: 100%;
}
.bbc .noticebook-detail .detail-header .title h3 {
  display: inline-block;
  margin-top: 0.75rem;
  font: var(--bbc-typo-heading-3);
  color: var(--bbc-color-text-primary);
  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;
}
.bbc .noticebook-detail .detail-header .info {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  place-self: stretch;
  justify-content: space-between;
  align-items: end;
}
.bbc .noticebook-detail .detail-header .info .icon-label .title {
  color: var(--bbc-color-text-primary);
  font: var(--bbc-typo-heading-6);
}
.bbc .noticebook-detail .detail-header .info .date {
  color: var(--bbc-color-text-tertiary);
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-400);
}
.bbc .noticebook-detail .divider {
  margin: 1.25rem 0;
}
.bbc .noticebook-detail .detail-body {
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-400);
  height: auto;
  flex: 1 1 auto;
  word-break: break-all;
  padding-bottom: 1.5rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .noticebook-detail .detail-body .js-scroll-container {
    height: auto !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .noticebook-detail .detail-body .js-scroll-container {
    height: auto !important;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .noticebook-detail .detail-body .js-scroll-container {
    height: auto !important;
  }
}
.bbc .noticebook-detail .detail-body ul li {
  padding-left: 1.25rem;
  position: relative;
}
.bbc .noticebook-detail .detail-body ul li:before {
  position: absolute;
  top: 50%;
  left: 0.375rem;
  transform: translateY(-50%);
  display: block;
  content: '';
  width: 0.25rem;
  height: 0.25rem;
  background-color: var(--bbc-color-text-primary);
  border-radius: var(--bbc-border-radius-max);
}
.bbc .noticebook-detail .detail-footer {
  border-top: 1px solid var(--bbc-color-border-tertiary);
  padding-top: 2rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (orientation: portrait) and (aspect-ratio < 9/16),
  screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx) and (orientation: portrait) and (width < 720px),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (orientation: portrait) and (aspect-ratio < 9/16),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px) and (orientation: portrait) and (width < 720px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (orientation: portrait) and (aspect-ratio < 9/16),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx) and (orientation: portrait) and (width < 720px),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (orientation: portrait) and (aspect-ratio < 9/16),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) and (orientation: portrait) and (width < 720px) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: portrait) and (aspect-ratio < 9/16),
  screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: portrait) and (width < 720px),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: portrait) and (aspect-ratio < 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) and (orientation: portrait) and (width < 720px) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: portrait) and (aspect-ratio < 9/16),
  screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: portrait) and (width < 720px),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: portrait) and (aspect-ratio < 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) and (orientation: portrait) and (width < 720px) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) and (orientation: portrait) and (aspect-ratio < 9/16),
  screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) and (orientation: portrait) and (width < 720px) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16) and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: portrait) and (aspect-ratio < 9/16) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: portrait) and (width < 720px) and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: portrait) and (width < 720px) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16) and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: portrait) and (aspect-ratio < 9/16) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: portrait) and (width < 720px) and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: portrait) and (width < 720px) and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16) and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1),
  screen and (orientation: portrait) and (width < 720px) and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16) and (orientation: portrait) and (aspect-ratio < 9/16),
  screen and (orientation: portrait) and (aspect-ratio < 9/16) and (orientation: portrait) and (width < 720px),
  screen and (orientation: portrait) and (width < 720px) and (orientation: portrait) and (aspect-ratio < 9/16),
  screen and (orientation: portrait) and (width < 720px) and (orientation: portrait) and (width < 720px) {
  .bbc .noticebook-detail .detail-footer {
    padding-top: 1.875rem;
  }
}
.bbc .noticebook-detail .detail-footer .file-group-area {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.bbc .noticebook-detail .detail-footer .file-group-area li {
  flex: 0 1 0;
  min-width: calc(33.333% - 0.5rem);
  max-width: 100%;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .noticebook-detail .detail-footer .file-group-area li {
    min-width: 100%;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .noticebook-detail .detail-footer .file-group-area li {
    min-width: 100%;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .noticebook-detail .detail-footer .file-group-area li {
    min-width: calc(50% - 0.5rem);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .noticebook-detail .detail-footer .file-group-area li {
    min-width: 100%;
  }
}
.bbc .noticebook-detail .detail-footer .file-group-area li a {
  width: 100%;
}
.bbc .floating-button {
  width: 4.0625rem;
  height: 5.1875rem;
  position: fixed;
  right: 1.96875rem;
  bottom: 1.5625rem;
  transition: transform 0.3s ease;
}
.bbc .floating-button.js-overlap {
  position: absolute;
}
.bbc .floating-button p {
  font: var(--bbc-typo-body-4);
  font-weight: var(--bbc-font-weight-500);
  color: var(--bbc-color-text-primary);
}
.bbc .floating-button img {
  width: 3.375rem;
  height: 3.75rem;
  margin: auto;
  display: block;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .floating-button {
    width: auto;
    height: auto;
    right: 1.5rem;
  }
  .bbc .floating-button p {
    font: var(--bbc-typo-body-5);
    font-weight: var(--bbc-font-weight-600);
  }
  .bbc .floating-button img {
    width: 2.8125rem;
    height: auto;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .floating-button {
    width: auto;
    height: auto;
    right: 1.5rem;
  }
  .bbc .floating-button p {
    font: var(--bbc-typo-body-5);
    font-weight: var(--bbc-font-weight-600);
  }
  .bbc .floating-button img {
    width: 2.8125rem;
    height: auto;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .floating-button {
    bottom: 3rem;
    right: 3rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .floating-button {
    width: auto;
    height: auto;
    right: 1.5rem;
  }
  .bbc .floating-button p {
    font: var(--bbc-typo-body-5);
    font-weight: var(--bbc-font-weight-600);
  }
  .bbc .floating-button img {
    width: 2.8125rem;
    height: auto;
  }
}
.bbc .question-detail {
  display: flex;
  align-items: center;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc .question-detail {
    flex-direction: row;
    gap: 0.4375rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .question-detail {
    flex-direction: column;
    gap: 0.9375rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .question-detail {
    flex-direction: column;
    gap: 0.9375rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .question-detail {
    flex-direction: column;
    gap: 0.9375rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .question-detail {
    flex-direction: column;
    gap: 0.9375rem;
  }
}
.bbc .question-detail i.icon-chevron-medium-right {
  flex: 0 0 auto;
  color: var(--bbc-color-text-primary);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .question-detail i.icon-chevron-medium-right {
    transform: rotate(90deg);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .question-detail i.icon-chevron-medium-right {
    transform: rotate(90deg);
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .question-detail i.icon-chevron-medium-right {
    transform: rotate(90deg);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .question-detail i.icon-chevron-medium-right {
    transform: rotate(90deg);
  }
}
.bbc .question-detail .feedback-card,
.bbc .question-detail .question-card {
  flex: 1 1 auto;
  width: 100%;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc .question-detail .feedback-card,
  .bbc .question-detail .question-card {
    height: 34rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .question-detail .feedback-card,
  .bbc .question-detail .question-card {
    min-height: 32.9375rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .question-detail .feedback-card,
  .bbc .question-detail .question-card {
    min-height: 32.9375rem;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .question-detail .feedback-card,
  .bbc .question-detail .question-card {
    height: 32.9375rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .question-detail .feedback-card,
  .bbc .question-detail .question-card {
    min-height: 32.9375rem;
  }
}
.bbc .question-detail .feedback-card .card-body,
.bbc .question-detail .question-card .card-body {
  height: 100%;
}
.bbc .question-detail .feedback-card .question-head,
.bbc .question-detail .question-card .question-head {
  flex: 0 0 auto;
}
.bbc .question-detail .feedback-card .question-head .question-info,
.bbc .question-detail .question-card .question-head .question-info {
  display: flex;
  width: 100%;
  margin: 0.375rem 0 0.625rem;
}
.bbc .question-detail .feedback-card .question-head .question-info strong,
.bbc .question-detail .question-card .question-head .question-info strong {
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-500);
  color: var(--bbc-color-text-brand-primary);
  display: inline-block;
  flex: 1;
}
.bbc .question-detail .feedback-card .question-head .question-info p,
.bbc .question-detail .question-card .question-head .question-info p {
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-400);
  color: var(--bbc-color-text-tertiary);
}
.bbc .question-detail .feedback-card .question-head .title,
.bbc .question-detail .question-card .question-head .title {
  font: var(--bbc-typo-heading-3);
  color: var(--bbc-color-text-primary);
  word-break: break-all;
}
@media screen and (orientation: landscape) and (height <= 1080px) and (resolution > 2dppx),
  screen and (orientation: landscape) and (height >= 720px) and (resolution >= 0dppx) and (height > 1080px),
  screen and (orientation: landscape) and (width >= 921px) and (height >= 720px) and (height > 1080px) and (resolution >= 0dppx),
  screen and (orientation: landscape) and (width >= 921px) and (resolution >= 0dppx) {
  .bbc .question-detail .feedback-card .question-head .title,
  .bbc .question-detail .question-card .question-head .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;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .question-detail .feedback-card .question-head .title,
  .bbc .question-detail .question-card .question-head .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;
  }
}
.bbc .question-detail .feedback-card .divider,
.bbc .question-detail .question-card .divider {
  flex: 0 0 auto;
  margin: 1.25rem 0;
}
.bbc .question-detail .feedback-card .question-body,
.bbc .question-detail .question-card .question-body {
  flex: 1 1 auto;
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-400);
  color: var(--bbc-color-text-primary);
  word-break: break-all;
  overflow: hidden;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .question-detail .feedback-card .question-body .js-scroll-container,
  .bbc .question-detail .question-card .question-body .js-scroll-container {
    min-height: auto !important;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .question-detail .feedback-card .question-body .js-scroll-container,
  .bbc .question-detail .question-card .question-body .js-scroll-container {
    min-height: auto !important;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .question-detail .feedback-card .question-body .js-scroll-container,
  .bbc .question-detail .question-card .question-body .js-scroll-container {
    min-height: auto !important;
  }
}
.bbc .question-detail .feedback-card .question-body .teacher-feedback,
.bbc .question-detail .question-card .question-body .teacher-feedback {
  flex: 1 1 0;
  height: 100%;
}
.bbc .question-detail .feedback-card .question-body .teacher-feedback .box,
.bbc .question-detail .question-card .question-body .teacher-feedback .box {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bbc .question-detail .feedback-card .question-body .teacher-feedback .box .empty-state-layout .empty-state-indicator,
.bbc .question-detail .question-card .question-body .teacher-feedback .box .empty-state-layout .empty-state-indicator {
  display: flex;
  justify-content: center;
}
.bbc .question-detail .feedback-card .question-body .teacher-feedback .box .empty-state-layout .empty-state-indicator img,
.bbc .question-detail .question-card .question-body .teacher-feedback .box .empty-state-layout .empty-state-indicator img {
  width: 5rem;
  height: 5rem;
}
.bbc .question-detail .feedback-card .question-body .teacher-feedback .box .empty-state-layout .empty-state-msg .empty-state-title,
.bbc .question-detail .question-card .question-body .teacher-feedback .box .empty-state-layout .empty-state-msg .empty-state-title {
  font: var(--bbc-typo-body-2);
  font-weight: var(--bbc-font-weight-500);
  color: var(--bbc-color-text-additional);
}
.bbc .class-info-wrap .class-info-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .class-info-wrap .class-info-head {
    flex-direction: column;
    gap: 0.125rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .class-info-wrap .class-info-head {
    flex-direction: column;
    gap: 0.125rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .class-info-wrap .class-info-head {
    flex-direction: column;
    gap: 0.125rem;
  }
}
.bbc .class-info-wrap .class-info-head .head-left {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .class-info-wrap .class-info-head .head-left {
    flex-direction: column;
    gap: 0.125rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .class-info-wrap .class-info-head .head-left {
    flex-direction: column;
    gap: 0.125rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .class-info-wrap .class-info-head .head-left {
    flex-direction: column;
    gap: 0.125rem;
  }
}
.bbc .class-info-wrap .class-info-head .head-right {
  flex-shrink: 0;
}
.bbc .class-info-wrap .class-info-head .period-info {
  display: inline-flex;
  align-items: center;
  gap: 0.5625rem;
}
.bbc .class-info-wrap .class-info-head .period {
  font: var(--bbc-typo-title-1);
}
.bbc .class-info-wrap .class-info-head .subject {
  position: relative;
  padding-left: 0.625rem;
  font: var(--bbc-typo-title-1);
}
.bbc .class-info-wrap .class-info-head .subject:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.0625rem;
  height: 0.875rem;
  background-color: var(--bbc-color-border-primary);
  transform: translateY(-50%);
  content: '';
}
.bbc .class-info-wrap .class-info-head .title {
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-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;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .class-info-wrap .class-info-head .title {
    display: block !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: initial !important;
    word-break: normal !important;
    text-align: center;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .class-info-wrap .class-info-head .title {
    display: block !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: initial !important;
    word-break: normal !important;
    text-align: center;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .class-info-wrap .class-info-head .title {
    display: block !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: initial !important;
    word-break: normal !important;
    text-align: center;
  }
}
.bbc .class-info-wrap .class-info-head .date {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--bbc-color-text-additional);
}
.bbc .class-info-wrap .class-info-head .date .icon:before {
  color: inherit;
}
.bbc .class-info-wrap .class-info-head .date .date-label {
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-500);
}
.bbc .class-info-wrap .class-info-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.bbc .class-info-wrap .class-info-list .item {
  width: 100%;
}
.bbc .class-info-wrap .class-info-list .item a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.125rem 1.25rem;
  background-color: var(--bbc-color-backgrounds-gray-02);
  border-radius: var(--bbc-border-radius-12);
  transition: transform 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  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);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .class-info-wrap .class-info-list .item a:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.97);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .class-info-wrap .class-info-list .item a:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.97);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .class-info-wrap .class-info-list .item a {
    gap: 0.625rem;
    padding: 0.75rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .class-info-wrap .class-info-list .item a {
    gap: 0.625rem;
    padding: 0.75rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .class-info-wrap .class-info-list .item a {
    gap: 0.625rem;
    padding: 0.75rem;
  }
}
.bbc .class-info-wrap .class-info-list .item .title {
  width: 100%;
  font: var(--bbc-typo-title-2);
  font-weight: var(--bbc-font-weight-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;
}
.bbc .class-info-wrap .class-info-list .item .icon-btn {
  flex-shrink: 0;
}
.bbc .nav-controller {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
.bbc .nav-controller .nav-label {
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .timetable colgroup col.type-period {
  width: 2.75rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .timetable colgroup col.type-period {
    width: 1.3125rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .timetable colgroup col.type-period {
    width: 1.3125rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .timetable colgroup col.type-period {
    width: 1.3125rem;
  }
}
.bbc .timetable colgroup col.type-day {
  width: 7.625rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .timetable colgroup col.type-day {
    width: 3.375rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .timetable colgroup col.type-day {
    width: 3.375rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .timetable colgroup col.type-day {
    width: 3.375rem;
  }
}
.bbc .timetable thead th {
  padding: 0.25rem 0 0.5625rem;
  text-align: center;
}
.bbc .timetable tbody th {
  padding: 0.125rem 0.25rem 0 0;
  font: var(--bbc-typo-label-3);
  font-weight: var(--bbc-font-weight-500);
  vertical-align: middle;
  text-align: center;
  color: var(--bbc-color-text-secondary);
}
.bbc .timetable tbody td {
  padding-left: 0.375rem;
  padding-top: 0.375rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .timetable tbody td {
    padding-left: 0.1875rem;
    padding-top: 0.1875rem;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .timetable tbody td {
    padding-left: 0.1875rem;
    padding-top: 0.1875rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .timetable tbody td {
    padding-left: 0.1875rem;
    padding-top: 0.1875rem;
  }
}
.bbc .timetable .day {
  font: var(--bbc-typo-body-1);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .timetable .day {
    display: block;
    font: var(--bbc-typo-body-2);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .timetable .day {
    display: block;
    font: var(--bbc-typo-body-2);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .timetable .day {
    display: block;
    font: var(--bbc-typo-body-2);
  }
}
.bbc .timetable .date {
  color: var(--bbc-color-text-secondary);
  font: var(--bbc-typo-body-4);
  font-weight: var(--bbc-font-weight-400);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .timetable .date {
    display: block;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .timetable .date {
    display: block;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .timetable .date {
    display: block;
  }
}
.bbc .timetable .subject {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.4375rem;
  padding: 0.5rem 0.125rem;
  background-color: var(--bbc-color-backgrounds-gray-03);
  border-radius: var(--bbc-border-radius-5);
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-500);
  text-align: center;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .timetable .subject {
    min-height: 5rem;
    padding: 0.125rem;
    font: var(--bbc-typo-body-4);
    word-break: break-all;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .timetable .subject {
    min-height: 5rem;
    padding: 0.125rem;
    font: var(--bbc-typo-body-4);
    word-break: break-all;
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .timetable .subject {
    min-height: 4.125rem;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .timetable .subject {
    min-height: 5rem;
    padding: 0.125rem;
    font: var(--bbc-typo-body-4);
    word-break: break-all;
  }
}
.bbc .timetable .is-active .date {
  color: var(--bbc-color-text-brand-primary);
}
.bbc .timetable .is-active .subject.is-korean {
  background-color: var(--bbc-color-subject-korean-subtle);
}
.bbc .timetable .is-active .subject.is-english {
  background-color: var(--bbc-color-subject-english-subtle);
}
.bbc .timetable .is-active .subject.is-society {
  background-color: var(--bbc-color-subject-society-subtle);
}
.bbc .timetable .is-active .subject.is-math {
  background-color: var(--bbc-color-subject-math-subtle);
}
.bbc .timetable .is-active .subject.is-science {
  background-color: var(--bbc-color-subject-science-subtle);
}
.bbc .timetable .is-active .subject.is-art {
  background-color: var(--bbc-color-subject-art-subtle);
}
.bbc .timetable .is-active .subject.is-music {
  background-color: var(--bbc-color-subject-music-subtle);
}
.bbc .timetable .is-active .subject.is-physical {
  background-color: var(--bbc-color-subject-physical-subtle);
}
.bbc .timetable .is-active .subject.is-morality {
  background-color: var(--bbc-color-subject-morality-subtle);
}
.bbc .timetable .is-active .subject.is-common {
  background-color: var(--bbc-color-subject-common-subtle);
}
.bbc .timetable .is-active .subject.is-technology {
  background-color: var(--bbc-color-subject-technology-subtle);
}
.bbc .learning-tools-container:not(.swiper-wrapper) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.75rem;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .learning-tools-container:not(.swiper-wrapper) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .learning-tools-container:not(.swiper-wrapper) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .learning-tools-container:not(.swiper-wrapper) {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .learning-tools-container:not(.swiper-wrapper) {
    grid-template-columns: repeat(2, 1fr);
  }
}
.bbc .learning-tools-container:not(.swiper-wrapper) .item {
  height: 8.625rem;
}
@media screen and (orientation: portrait) and (width >= 720px) and (aspect-ratio >= 9/16) and (aspect-ratio <= 1/1) {
  .bbc .learning-tools-container:not(.swiper-wrapper) .item {
    height: 8.375rem;
  }
}
.bbc .learning-tools-container:not(.swiper-wrapper) .item a {
  transition: box-shadow 0.2s ease;
  box-shadow: var(--bbc-color-shadow-2);
}
.bbc .learning-tools-container .item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  border: 1px solid var(--bbc-color-border-tertiary);
  border-radius: var(--bbc-border-radius-12);
  background: var(--bbc-color-backgrounds-base);
  text-align: center;
}
.bbc .learning-tools-container .item .item-logo {
  width: 100%;
  aspect-ratio: 3/1;
  object-fit: scale-down;
  object-position: center;
}
.bbc .learning-tools-container .item .item-label {
  width: 100%;
  font: var(--bbc-typo-label-2);
  font-weight: var(--bbc-font-weight-400);
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .learning-tools-container .item .item-label {
    font: var(--bbc-typo-label-3);
    font-weight: var(--bbc-font-weight-400);
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .learning-tools-container .item .item-label {
    font: var(--bbc-typo-label-3);
    font-weight: var(--bbc-font-weight-400);
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .learning-tools-container .item .item-label {
    font: var(--bbc-typo-label-3);
    font-weight: var(--bbc-font-weight-400);
  }
}
.bbc .mission-progress {
  --mp-bg: var(--bbc-color-mission-graph-track);
  --mp-fill: var(--bbc-color-mission-graph-bar);
  --mp-accent: var(--bbc-color-mission-graph-bar);
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.bbc .mission-progress[data-current='0'] .progress-text {
  opacity: 1;
}
.bbc .mission-progress .mission-title {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-600);
  white-space: nowrap;
}
.bbc .mission-progress .mission-title .icon {
  background-image: url(../images/common/icon_fire.svg);
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.bbc .mission-progress .progress {
  position: relative;
  flex: 1 1 auto;
  width: 120px;
  height: 0.75rem;
  border-radius: 0.375rem;
  background: var(--mp-bg);
  overflow: hidden;
}
.bbc .mission-progress .progress-bar {
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--mp-fill);
  transition: width 1s cubic-bezier(0.77, -0.5, 0.2, 1.4);
}
.bbc .mission-progress .progress-text {
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-400);
  white-space: nowrap;
  transition: opacity 0.3s;
  opacity: 0;
}
.bbc .mission-progress .progress-text .current {
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-600);
  font-weight: 700;
}
.bbc .mission-progress.js-flash .progress {
  animation: quest-clear-flash 0.6s ease;
}
.bbc .mission-progress.js-flash .progress-text {
  animation: text-pop 0.5s ease forwards;
}
@keyframes quest-clear-flash {
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  20% {
    transform: scale(1.1);
    filter: brightness(1.8);
  }
  40% {
    transform: scale(1.05);
    filter: brightness(1.4);
  }
  70% {
    transform: scale(1.02);
    filter: brightness(1.2);
  }
  to {
    transform: scale(1);
    filter: brightness(1);
  }
}
@keyframes text-pop {
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  30% {
    transform: scale(1.3);
    filter: brightness(1.4);
  }
  60% {
    transform: scale(1.15);
    filter: brightness(1.2);
  }
  to {
    transform: scale(1);
    opacity: 1;
    filter: brightness(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .bbc .mission-progress .progress-bar {
    transition: none;
    animation: none !important;
  }
  .bbc .mission-progress .progress,
  .bbc .mission-progress .progress-text {
    animation: none !important;
  }
}
.bbc .utility-notification {
  display: none;
  position: absolute;
  top: 3.75rem;
  right: 3.9375rem;
  width: 18.75rem;
  min-height: 17.25rem;
  max-height: 31.25rem;
  border: 1px solid var(--bbc-color-border-emphasis);
  box-shadow: var(--bbc-color-shadow-4);
  overflow: hidden;
  z-index: 110;
}
.bbc .utility-notification.is-active {
  display: flex;
}
.bbc .utility-notification .utility-head {
  flex: 0 0 auto;
  padding: 1.5rem 1.5rem 1.1875rem;
  display: flex;
  align-items: center;
}
.bbc .utility-notification .utility-head-left {
  flex: 1;
}
.bbc .utility-notification .utility-head-left .title {
  font: var(--bbc-typo-title-2);
}
.bbc .utility-notification .utility-body {
  flex: 1 1 auto;
  padding: 0 1.5rem 1.1875rem;
  overflow: hidden;
}
.bbc .utility-notification .notification-container {
  min-height: 11.5625rem;
  max-height: 25.5625rem;
}
.bbc .utility-notification .notification-container .notification-list {
  gap: 1.125rem;
}
.bbc .utility-notification .notification-container .notification-desc {
  margin-top: 1.125rem;
  padding-top: 1rem;
}
.bbc .utility-notification .empty-state {
  padding-top: 2rem;
  padding-right: 0.25rem;
}
.bbc .utility-notification .empty-state .empty-state-layout {
  gap: 0.5rem;
}
.bbc .utility-notification .empty-state .empty-state-indicator .empty-img {
  width: 3.75rem;
  height: 3.75rem;
}
.bbc .notification-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.bbc .notification-container .notification-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1 1 auto;
}
.bbc .notification-container .notification-list a {
  display: block;
  width: 100%;
  height: 100%;
  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);
}
@media (hover: hover) and (pointer: fine) {
  .bbc .notification-container .notification-list a:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.99);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc .notification-container .notification-list a:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) {
    transform: scale(0.99);
  }
}
.bbc .notification-container .notification-list .item {
  display: flex;
  gap: 0.625rem;
}
.bbc .notification-container .notification-list .item.is-read .icon {
  background-color: var(--bbc-color-icon-bg-gray);
}
.bbc .notification-container .notification-list .item.is-read .icon:after,
.bbc .notification-container .notification-list .item.is-read .icon:before {
  background-color: var(--bbc-color-btn-disabled);
}
.bbc .notification-container .notification-list .item.is-read .summary,
.bbc .notification-container .notification-list .item.is-read .title {
  color: var(--bbc-color-text-additional);
}
.bbc .notification-container .notification-list .icon {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: var(--bbc-border-radius-12);
}
.bbc .notification-container .notification-list .icon-notification-comment {
  background-color: var(--bbc-color-icon-bg-yellow);
}
.bbc .notification-container .notification-list .icon-notification-check {
  background-color: var(--bbc-color-icon-bg-green);
}
.bbc .notification-container .notification-list .text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
}
.bbc .notification-container .notification-list .summary {
  color: var(--bbc-color-text-tertiary);
  font: var(--bbc-typo-body-5);
}
.bbc .notification-container .notification-list .title {
  font: var(--bbc-typo-body-3);
  font-weight: var(--bbc-font-weight-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;
}
.bbc .notification-container .notification-list .date {
  color: var(--bbc-color-text-additional);
  font: var(--bbc-typo-body-6);
}
.bbc .notification-container .notification-desc {
  flex: 0 0 auto;
  margin-top: 1.1875rem;
  padding-top: 1.1875rem;
  border-top: 1px solid var(--bbc-color-border-additional);
  color: var(--bbc-color-text-tertiary);
  font: var(--bbc-typo-body-4);
  font-weight: var(--bbc-font-weight-400);
  text-align: center;
}
.bbc .loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 6.25rem;
}
.bbc .loading.is-cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(0.3125rem);
  -webkit-backdrop-filter: blur(0.3125rem);
  z-index: 9999;
}
.bbc .loading.is-cover .loading-inner {
  transform: translateY(-20%);
}
.bbc .loading.is-fit {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 915px) and (aspect-ratio > 9/16),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 915px) and (aspect-ratio > 9/16) {
  .bbc .loading.is-fit {
    height: auto;
  }
}
@media screen and (orientation: landscape) and (width < 1024px) and (width <= 720px) and (aspect-ratio > 9/16) and (false),
  screen and (orientation: landscape) and (width > 1024px) and (aspect-ratio > 16/9) and (height <= 1080px) and (width <= 720px) and (aspect-ratio > 9/16) and (false) {
  .bbc .loading.is-fit {
    height: auto;
  }
}
@media screen and (orientation: portrait) and (aspect-ratio < 9/16), screen and (orientation: portrait) and (width < 720px) {
  .bbc .loading.is-fit {
    height: auto;
  }
}
.bbc .loading.is-fit .loading-inner {
  transform: translateY(-20%);
}
.bbc .loading .loading-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.875rem;
}
.bbc .loading .loading-inner .loading-msg {
  font: var(--bbc-typo-heading-4);
  font-weight: var(--bbc-font-weight-600);
  color: var(--bbc-color-text-secondary);
}
.bbc .swiper {
  width: 100%;
}
.bbc .swiper-controller {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}
.bbc .swiper-pagination {
  position: static;
}
.bbc .swiper-pagination.swiper-pagination-fraction {
  width: auto;
  font: var(--bbc-typo-body-1);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
  color: var(--bbc-color-text-brand-primary);
}
.bbc .swiper-pagination.swiper-pagination-custom {
  justify-content: center;
  text-align: center;
}
.bbc .swiper-pagination.swiper-pagination-custom .custom-fraction {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: var(--bbc-font-size-17);
  font-weight: var(--bbc-font-weight-600);
}
.bbc .swiper-pagination.swiper-pagination-custom .custom-fraction .current {
  color: var(--bbc-color-text-brand-primary);
}
.bbc .swiper-pagination.swiper-pagination-custom .custom-fraction .current,
.bbc .swiper-pagination.swiper-pagination-custom .custom-fraction .total {
  display: block;
}
.bbc [class*='swiper-button-'] {
  position: relative;
  top: auto;
  right: 0;
  left: 0;
  flex: none;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  transition: 0.3s;
}
.bbc [class*='swiper-button-'].swiper-button-disabled {
  opacity: 1;
}
.bbc [class*='swiper-button-'].swiper-button-disabled .icon:before {
  color: var(--bbc-color-text-disabled);
}
.bbc [class*='swiper-button-']:after {
  display: none;
}
.bbc [class*='swiper-button-'] .icon:before {
  color: var(--bbc-color-text-emphasis);
  transition: color 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .bbc [class*='swiper-button-']:focus-visible:hover .icon:before {
    color: var(--bbc-color-text-brand-primary);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc [class*='swiper-button-']:focus-visible:active .icon:before {
    color: var(--bbc-color-text-brand-primary);
  }
}
@media (hover: hover) and (pointer: fine) {
  .bbc [class*='swiper-button-']:hover:not(.is-disabled):not(:disabled):not([aria-disabled='true']) .icon:before {
    color: var(--bbc-color-text-brand-primary);
  }
}
@media (hover: none) and (pointer: coarse) {
  .bbc [class*='swiper-button-']:active:not(.is-disabled):not(:disabled):not([aria-disabled='true']) .icon:before {
    color: var(--bbc-color-text-brand-primary);
  }
}
.bbc .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
.bbc .overflow-hidden {
  overflow: hidden;
}
.bbc .scroll-x {
  overflow-x: auto;
}
.bbc .scroll-x,
.bbc .scroll-y {
  -webkit-overflow-scrolling: touch;
}
.bbc .scroll-y {
  overflow-y: auto;
}
.bbc [area-disabled='true'] {
  cursor: auto;
}